avatardiv.grad1{ background-image: linear-gradient(45deg, #1a2a6c, #b21f1f) !important;
    background-repeat: repeat-x  !important;
    opacity: 0.9  !important;}



    
html{overflow:hidden;margin:0px;padding:0px;}
body{margin:0px !important;
  overflow:hidden;
padding:0px !important;}
*{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
#apptabs .k-tabstrip-next{margin-right:100px !important;}
#apptabs .k-link{padding:5px;}
#apptabs ul li.k-tabstrip-item{
background-color: #222 ;
color:#fff;
margin-top: 5px;
border-top-left-radius: 9px;;
border-top-right-radius: 9px;;
padding-top:4px;
}


#apptabs ul li.k-tabstrip-item.k-active{
  background-color: #fff ;
  color:#000;
  margin-top: 5px;
  border-bottom: none !important;;
  }

  

#apptabs #apptabslist  ul li.k-active .k-link{border:1px solid #fff;
  border-top:2px solid greenyellow;
  background-color: #fff ;
  color:#111;

}
#apptabs .k-content{padding:0px;}
.apptabs{overflow-x: hidden;;}

/* width */
::-webkit-scrollbar {
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  backgroundx: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #333;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.nav-content{padding-left:8px !important;padding-right:5px !important;}
.nav-item{font-size:9pt !important;font-weight:bold;}
.nav-item a{padding:8px !important;padding-left:2px  !important;;padding-right:2px  !important;;}
.nav-item a:hover{background-color:#22bdce;}
.nav-item a i{margin-left:3px !important;margin-right:3px !important;}
.nav-close{display:none;}

#sr-menu-addons{padding:3px}
#site_short_namex{font-size:30pt}
.apptabtxt{font-size:9pt;font-weight:bold;}
#appmenu{
  position:absolute;z-index:9800;top:0px;padding-top:0px;left:0px;width:60px;max-width:60px;height:1500px;
  border-right:1px solid #ccc;
  background-color:#451440;
  }
  #appmenu #logo{width:50px;margin:5px;margin-top:4px;}
.app-button{display:block;
  text-decoration:none;
  padding:6px;
  margin:2px;
  text-align:center;
  height:32px;
  max-height:32px;
  overflow:hidden;
}

.app-button i{font-size:21px;margin-top:3px;color:#fff;margin-top:5px;margin-bottom:5px}
.app-button .buttontitle{display:none;}
.app-button:hover{background-color:#22bdce;}
.app-button .minicaption{display:none;font-size:0px !important;line-height:9px;width:50px;display:table-cell;vertical-align:middle;clear:both;}

.app-button:hover .buttontitle{display:block;
  margin-left:50px;
  margin-top:-35px;
vertical-align:middle;
text-align:left;
position: absolute;
z-index:10;
color:#fff;
background-color:#22bdce;
z-index: 999100;
height:32px;
width:190px;
font-weight:bold;
border-top-right-radius:8px;
border-bottom-right-radius:8px;
line-height:30px;
overflow:hidden;
padding-top:6px;
padding-bottom:6px;
border-left:0px none none;
border:1px solid #222;
}

#leftMenuFoot{
  z-index:  118000;
  bottom:0px !important;
  position: fixed;
width: 50px;
}

#leftMenuFoot img{width:50px;}
#menuToogleButton{width:50px;height:50px;display:block;padding:5px;border-top:1px solid #efefef;margin-top:5px;}
#menuToogleButton:hover{background-color:#ff8040;
}

.hc-nav-trigger{  display:none !important;
 width:1px;height:1px;
}

#hc-nav-1-nav-title{padding:5px;}
#main-panel{
  left:165px;
}

#avatardiv{
  position: absolute;top:0px;right:0px;z-index: 100000;
  border: 1px solid red;
  border-radius: 20px;background-color: #fff;
  border:1px solid #ccc;
}

#avatardiv #avatar{width:32px;height:32px;border-radius:16px;border:1px solid #ccc;}

#avatardiv.open{width:190px;height:auto;border-radius:0px;border-bottom-left-radius:15px;border-right:none;border-top:none;}

#avatardiv.open #avatar{width:120px;height:120px;border-radius:60px;margin:10px;border:2px solid orange;margin-left:35px}
#avatardiv.open #close{display:block !important;position:absolute;z-index: 100;margin-top:-5px;}
#avatardiv.open #close i{font-size:24px}

#avatardiv.open #user-menu{display:block !important;}


#avatardiv.open #user-menu .btn{width: 100%;display: block;text-align: left;}

#avatardiv.open #user-menu .btn i{font-size:20px;}

#avatardiv.open #sitelanguages .btn-sm{width: 15px;float:left;display: block;text-align: center;}

@media screen and (max-width: 600px) {
  #leftMenuFoot,#appmenu,#appmenu #logo,#leftMenuFoot img{width:40px;}

  #appmenu #logo{margin:3px;}
.app-button{
  height:28px;
  max-height:28px;
  }
#menuToogleButton{ 
  padding:2px;
  }
#main-panel{
  left:41px;
}
.app-button:hover .buttontitle{display:none;}

}


#phonecontainer{
width:1px;
height:1px;
display: none;
position: fixed;
bottom:0px;
left:60px;
z-index: 9900;
border:2px solid #ccc;
background-color: #fefefe;;
}

#phonecontainer.maximized{

height:200px;
width:250px;
display:block;
z-index: 9900;
bottom:0px;
left:60px;
}

#phonecontainer.minimized{
  width:30px;
  height:30px;
  display: block;
  bottom:0px;
  left:60px;
  bottom:0px;
  z-index: 9900;
  border:2px solid #ccc;
  background-color: red;;
  overflow: hidden;
  }
  #phonecontainer.maximized #phoneMaximize{display: none;}

  #phonecontainer.minimized #phoneMaximize{display: block;  width:30px;  height:30px}