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;
  background-color: #efefef;
  overflow:hidden;
padding:0px !important;}
*{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}


#apptabslist{height: 36px; background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 10%, rgba(9,11,122,1) 24%, rgba(0,212,255,1) 100%);}
#apptabs .k-tabstrip-next{margin-right:100px !important;}
#apptabs .k-link{padding:5px;}
#apptabs  > li.k-tabstrip-item{
  margin-top: 4px;;
background-color: none#333 ;
color:blue;
border-top-right-radius: 12px;;
border-top-left-radius:12px;;
font-weight: 600;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 4px;;
padding-right: 4px;;
height: 29px;

font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;}




#apptabs ul li.k-tabstrip-item:first-child{
  margin-left: 10px;
  font-size: 12px;
}




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


#apptabs .apptabbutton{margin-top: 5px !important;background-color: red !important;;}
#apptabs .apptabbutton.k-active{margin-top: 5px !important;background-color: #fff !important;;}


#homeContent{border: 2px solid #333;border-radius: 5px;border-top: 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:10pt;font-weight:bold;}
.apptabtxt .k-link{display: none;background-color: red;color:#fff;border-radius: 2px;margin-left:5px;}

.apptabtxt .k-link .k-i-x{color:#fff !important;font-size: 10px !important;}


.apptabtxt:hover .k-link{display: inline-block;;margin-bottom: 0px !important;padding-bottom: 5px !important;padding-top: 0px !important;font-size: 10px  !important;z-index: 10;;;}
.apptabtxt:hover{width: 110% !important;;}


#appmenu{
  position:absolute;z-index:9800;top:0px;padding-top:0px;left:0px;width:40px;max-width:40px;height:1500px;
  border-right:1px solid #ccc;
  background-color:#2a009c;
  }
  #appmenu #logo{width:38px;margin:2px;margin-top:2px;}
.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: 40px;
}

#leftMenuFoot img{width:40px;}
#menuToogleButton{width:40px;height:40px;display:block;padding:1px;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:41px;
}

#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}