/**
 * bootstrap-admin-template - Free Admin Template Based On Twitter Bootstrap 3.x
 * @version 2.4.2
 * @license MIT
 * @link https://github.com/puikinsh/Bootstrap-Admin-Template
 */

.style-switcher, .style-switcher h5, .style-switcher h5 a,
.logout-switcher, .logout-switcher h5, .logout-switcher h5 a,
.menu-switcher, .menu-switcher h5, .menu-switcher h5 a, 
.menu-vertical-switcher, .menu-vertical-switcher h5, .menu-vertical-switcher h5 a,
.menu-vertical-switcher-bar, .menu-vertical-switcher-bar h5, .menu-vertical-switcher-bar h5 a {
  background-color: rgba(242, 246, 248,0.95);
} 
 
.style-switcher {
  /*background-color: #E8EFF7;*/
  position: fixed;
  right: -250px;
  top: 104px;
  width: 250px;
  z-index: 999;
  transition: all 1s;
}

.dashboard-switcher {
  top: 69px;/*48px;*/
}

.style-switcher.open {
  right: 0;
}


body.rtl .style-switcher {
  left: -250px;
  right: auto;
}
body.rtl .style-switcher.open {
  right: auto;
  left: 0;
}
.style-switcher hr {
  border-color: #121212;
  border-width: 0 0 1px;
  box-shadow: 0 1px #2A2A2A;
  margin: 10px 0;
}
.style-switcher h5 {
  /*background-color: #E8EFF7;    */
  color: #212529;
  font-weight: 200;
  margin: 0;
  padding: 7px;
  line-height: 19px;
  text-shadow: 0 1px 0 #000;
  border-bottom: 1px solid #dfd6d6;
}
.style-switcher h5 a {
    font-size: 12px;
  /*background: rgba(255, 255, 255, 0.9);*/
  border-bottom-left-radius: 0px;
  border-top-left-radius: 4px;
  color: #E1E1E8;
  left: -33px;
  padding: 4px 4px 5px;
  position: absolute;
  text-decoration: none;
  top: 0px;
  border: 0px solid #fff9;
  outline: 0 none;
}

#switcher-link{
 border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;  
}

#switcher-link-menu{
    border-bottom-left-radius: 4px;
  border-top-left-radius: 0px;      
}

#switcher-link-menu.open{
    border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;      
}

#menu-vertical-switcher{
     border-bottom-left-radius: 4px;
  border-top-left-radius: 0px;  
  top: 170px;     
}



.logout-switcher{
    position: absolute; 
    bottom:44px;
    right: 0px;
    width:34px;
    z-index: 999;
    transition: all 1s;
}

.logout-switcher hr {
  border-color: #121212;
  border-width: 0 0 1px;
  box-shadow: 0 1px #2A2A2A;
  margin: 10px 0;
}
.logout-switcher h5 {
  /*background-color: #E8EFF7;    */
  color: #212529;
  font-weight: 200;
  margin: 0;
  padding: 0px;
  line-height: 23px;
  text-shadow: 0 1px 0 #000;
  border-bottom: 0px solid #dfd6d6;
}
.logout-switcher h5 a {
    font-size: 14px;
  /*background: rgba(255, 255, 255, 0.9);*/
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  color: #E1E1E8;
  left: 0px;
  padding: 4px 4px 5px;
  position: absolute;
  text-decoration: none;
  top: 0;
  border: 0px solid #fff9;
  outline: 0 none;
}


.menu-switcher{
    position: absolute; 
    top:150px;
    right: 0px;
    height:0px;
    width:37px;
    z-index: 999;
    transition: all 1s;
}

.menu-switcher hr {
  border-color: #121212;
  border-width: 0 0 1px;
  box-shadow: 0 1px #2A2A2A;
  margin: 10px 0;
}
.menu-switcher h5 {
  /*background-color: #E8EFF7;    */
  color: #212529;
  font-weight: 200;
  margin: 0;
  padding: 0px;
  line-height: 23px;
  text-shadow: 0 1px 0 #000;
  border-bottom: 0px solid #dfd6d6;
}
.menu-switcher h5 a {
    font-size: 14px;
  color: #E1E1E8;
  left: 0px;
  padding: 4px 4px 5px;
  position: absolute;
  text-decoration: none;
  top: 0;
  border: 0px solid #fff9;
  outline: 0 none;
}

#switcher-menu-link-forecast{
    border-top-left-radius: 4px;    
}

#switcher-menu-link-meteogram{
    top:39px;
}

#switcher-menu-link-gallery{
    top:75px;
}

#switcher-menu-link-realtime{
    top:113px;
     border-bottom-left-radius: 4px;
}

.right-menu-icon-disabled{
    pointer-events : none;
    background-color: rgba(242, 246, 248,0.7)!important;
}

 .right-menu-icon{
     width: 22px;
     margin: 6px;
 }
 
 #switcher-logout-link i{
     font-size: 1.6rem;
 }
 
 #menu-vertical-switcher a{
     background-color: transparent !important;
 }

 .disabled-img-link{
     opacity:0.5;
 }
 
.menu-vertical-switcher-bar {
  position: fixed;
  right: -37px;
  top: 142px;
  width: 37px;
  z-index: 999;
  transition: all 1s;
}

 
.menu-vertical-switcher {
  position: fixed;
  right: -33px;
  top: 148px;
  width: 33px;
  z-index: 999;
  transition: all 0.5s;
}

.menu-vertical-switcher.open {
  right: 0;
}


body.rtl .menu-vertical-switcher-bar {
  left: -37px;
  right: auto;
}
body.rtl .menu-vertical-switcher.open {
  right: auto;
  left: 0;
}
.menu-vertical-switcher-bar hr {
  border-color: #121212;
  border-width: 0 0 1px;
  box-shadow: 0 1px #2A2A2A;
  margin: 10px 0;
}
.menu-vertical-switcher-bar h5 {
  color: #212529;
  font-weight: 200;
  margin: 0;
  padding: 7px;
  line-height: 23px;
  text-shadow: 0 1px 0 #000;
  border-bottom: 1px solid #dfd6d6;
}
.menu-vertical-switcher-bar h5 a {
    font-size: 12px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0px;
  color: #E1E1E8;
  left: -33px;
  padding: 4px 7px 5px;
  position: absolute;
  text-decoration: none;
  top: -5px;
  border: 0px solid #fff9;
  outline: 0 none;
}

.menu-vertical-switcher-bar.open h5 a{
    left:0px;
    transition: all 0s;
}
 

body.rtl .style-switcher h5 a {
  left: auto;
  right: -39px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.style-switcher .style-switcher-wrap {
  padding: 5px 10px;
  border: 1px solid #666;
  border-right-width: 0;
}
body.rtl .style-switcher .style-switcher-wrap {
  border-width: 1px 1px 1px 0;
}
.style-switcher .style-switcher-wrap a {
  font-size: 12px;
}
.style-switcher h6 {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}
.style-switcher .options {
  margin: 0;
  padding: 0;
  list-style: none;
}
.style-switcher .options li {
  float: right;
  margin: 4px 0 0 4px;
}
body.rtl .style-switcher .options li {
  float: left;
  margin: 4px 4px 0 0;
}
.style-switcher .options li a {
  cursor: pointer;
  display: block;
  width: 16px;
  height: 16px;
}
.style-switcher .options:after {
  clear: both;
  display: block;
  content: "";
}
.style-switcher .color-switcher a,
.style-switcher .pattern a {
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  text-decoration: none;
}
.style-switcher .pattern {
  display: none;
}
.boxed .style-switcher .pattern {
  display: block;
}
.style-switcher .options-link {
  padding: 0 0 5px;
}
.style-switcher .options-link a {
  background-color: #454545;
  background-repeat: repeat-x;
  background-image: linear-gradient(-90deg, #303030, #262626);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  color: #ccc;
  padding: 6px;
  border: 1px solid #141414;
  text-decoration: none;
  margin-right: 10px;
}
.style-switcher .options-link a.active,
.style-switcher .options-link a:hover {
  background-color: #3D3D3D;
  background-repeat: repeat-x;
  background-image: linear-gradient(-90deg, #2F2F2F, #343434);
  border: 1px solid #191919;
  box-shadow: "0 1px 0 rgba(255, 255, 255, 0.09), 1px 1px 0 rgba(255, 255, 255, 0.05), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset";
  color: #AFAFAF !important;
}
.style-switcher .color-picker {
  position: relative;
  margin-left: 6px;
}
.style-switcher .color-picker-icon {
  height: 24px;
  left: 0;
  position: relative;
  top: -4px;
  width: 24px;
  padding: 0;
  margin: 0;
  border: 0 none;
}
#cssbeautify {
  height: 233px;
  cursor: text;
  resize: none;
  direction: ltr;
}
#sidebarPos {
  display: none;
}
.side-right #sidebarPos {
  display: block;
}
#sidebarWidth {
  display: none;
}
.sidebar-left-mini #sidebarWidth {
  display: block;
}
.hide-sidebar .sidebarOpt,
.hide-sidebar .sidebarWidth,
.hide-sidebar #sidebarPos {
  display: none;
}
#topNavStyle {
  display: none;
}
.padTop53 #topNavStyle {
  display: block;
}
.boxedFixedBody {
  display: none;
}
#colorSelectorA {
  width: 21px;
  height: 21px;
  position: absolute;
  right: 10px;
  top: -2px;
}
body.rtl #colorSelectorA {
  left: 10px;
  right: auto;
}
body.rtl .colorpicker.dropdown-menu {
  right: auto !important;
}

.row-dashboard{
    margin-left: 6px ;
}

@media (min-width: 1200px) {
  .boxedFixedBody {
    display: block;
  }
}

/*.select_strumento{
    margin-left: 30px;
    width: 180px;
} */

#style-switcher  div.form-group{
    margin-left:0;
    margin-right: 0;
}

.icon_configuration{
    color:#5A5831;
}



@media (max-width: 1400px) {
    .style-switcher {
      /*top: 165px;*/
      }
    .dashboard-switcher {
        /*top: 124px;  */
        }    
}

@media (max-width: 1000px) {
    .style-switcher {
      /*top: 65px;*/
      }
    .dashboard-switcher {
        /*top: 24px;*/
    }
    
}