/* $Id$ */
/* CSS Document */
html, body{ height:100%;}
body{background:#fff; font:normal 12px Verdana, Geneva, sans-serif; color:#000;}

a{ text-decoration:none;}
a{ color:#028cc5;}
img{ border:none;}
ul li{}
body,html,#leftmenu ul,.topnav,h1,h2,h3,h4,ul li,ol li{ margin:0px; padding:0px;}
.marginLeft5,.searchbox{ margin-left:5px;}
.marginLeft15,.topnav li{ margin-left:15px;}
.marginLeft25,#leftmenu,.logo{ margin-left:25px;}
.marginTop5,.logo,#leftmenu,h1,h3{ margin-top:5px;}
.marginTop10,.searchbox{ margin-top:10px;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.paddingLeft25{ padding-left:25px;}
.paddingRight25{ padding-right:25px;}
.alignC{ text-align:center;}
.alignLeft{ text-align:left;}
.alignRight{ text-align:right;}
.floatLeft,ul.topnav li{ float:left;}
.floatRight,.topnav{ float:right;} 
.txtbold,#leftmenu ul li{ font-weight:bold;}
.imptxtbold{ font-weight:bold !important;}
.bdrradius6,.searchbox{ border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px;}
.boxshadow,.searchbox{ box-shadow: inset 0px 0px 8px rgba(0,0,0,0.1);}
.logo,.searchbtn,.write,.tips,.download,.website,.forum,.demo,.leftnav,.homenav,.rightnav{ background:url(../images/icons.png) no-repeat;}
.bdr{ border-top:1px solid #ccc;}
.graycolor{ color:#9a9999;}
hr{ border:none;border-top:1px solid #ccc; }
.ctxt,p{ line-height:22px;}
.title,h1{}
.font11,.topnav,.graycolor{ font-size:11px;}
h3,.table tr:first-child{ font-size:12px;}
.headerbg{ background:url(../images/banner_bg.png) repeat-x;}
.fade{ background: none !important;}
.download{ width:14px; height:13px; background-position:-57px -27px;}
.website{ width:14px; height:15px; background-position:-119px -28px;}
.forum{ width:14px; height:14px; background-position:-150px -27px;}
.demo{ width:14px; height:11px; background-position:-87px -30px; }
.hdrtxt{ color:#b8b2ae;}
.topnav{list-style-type:none;}
.topnav a{ color:#b8b2ae;}
.topnav a:hover{ color:#fff;}
.logo{ width:170px; height:36px; background-position:-10px -170px; }
.shadow{ background-image:url(../images/shadow.png);background-position:right -30px;} 
#leftmenu{ width:305px; height:100%; min-height:100%; }
.search{ width:280px; height:15px; clear:both; margin-bottom:15px; position:relative;}
.clsNodes{border-bottom:1px solid #d4d9d9; }
.searchbox{ width:210px; height:18px; border:1px solid #c6c9cb; background-color:#d8d9da; color:#797474;  padding:5px 25px 5px 10px; outline-color:#bdbdbd;}
.searchbtn{ background-position:-18px -27px; width:17px; height:16px; position:absolute; top:18px; right:40px; cursor:pointer;}
.table tr:first-child { background-color:#e3e3e3; height:38px; font-weight:bold;}
.table tr td{vertical-align:top; padding:10px 15px; border-top:1px solid #d7d7d7;}
ul.list li{ list-style-type:circle; list-style-position:inside;}
ul.list li:first-child{ font-weight:bold; list-style-type:none;}
ol.ol_list li,ul li,ul.list li{ line-height:22px;}
.codefont{}
#leftmain{ margin:0px; padding:0px; min-height:100%;}
.leftmenunew{ width:300px;   margin-left:5px;} 
.notesimg{ background:url(../images/icons.png) no-repeat; background-position:-10px -58px; padding:13px 20px; line-height:43px;}
.tipsimg{ background:url(../images/icons.png) no-repeat; background-position:-14px -112px; padding:13px 16px; line-height:43px;} 
.alertimg{ background:url(../images/icons.png) no-repeat; background-position:-83px -115px; padding:13px 16px; line-height:43px;}
div#titlediv {display: none;}
.help_top_pane {
  height: 52px;
  background-color: #424E57;
  border-bottom: 1px solid #eeeeee;
  width: 100%;
  padding: 0 2.5%;
  position: fixed;
  z-index: 4;
  left: 0px;
  top: 0px;
}

.help_top_pane .product-logo {
  /* margin-top: -15px; */
  float: left;
}
.help_top_pane .product-logo img {
  width: 200px;
  margin-top: 8px;
  float: left;
}
.help_top_pane .product-logo h4{
    color: #fff;
    float: left;
    margin-top: 15px;
    border-left: 1px solid #afb1b3;
    margin-left: 25px;
    padding-left: 20px;
    font-weight: 300;
    font-size: 18px;
    /* padding-bottom: 5px; */
    background-color: transparent !important;
}
.help_top_pane .document-type {
  font-size: 20px;
  color: #dbdbdc;
  float: left;
  margin-left: 20px;
}
.help_top_pane .right-menu {
  float: right;
  list-style: none;
  padding: 0px;
  margin: 0px;
  background: none;
}
.help_top_pane .right-menu li {
  float: left;
  padding-left: 10px;
}
.help_top_pane .right-menu li a {
  padding: 10px 15px;
  color: #fff;
  display: block;
  font-size: 14px;
  border-bottom: 4px solid transparent;
  text-decoration: none;
  font-weight: 400;
  margin-bottom: 0px;
}

.help_top_pane .right-menu li .btn {
  padding: 7px 25px;
  color: #fff;
  font-size: 15px;
  border-radius: 0;
  margin-top: 25px;
  border-radius: 3px;
}

.help_top_pane .right-menu li .btn.btn-default {
  background-color: #fff;
  border: 1px solid #a2a2a2;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-left: 15px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;  
}
.help_top_pane .right-menu li .btn.btn-default:hover {
    color: #fff;
  background-color: #e43f3f;
    border: 1px solid #d63939;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;  
}

.right-menu li a img{
  width: 16px;
  margin-right: 5px;
  display: none;
}

.border-main{
border:1px solid #eeeeee; 
}
.border-inn{
border:1px solid #eeeeee; 
}
.main-top{}
.main-con{}
.m-con-left{
    left: 50%;
    float: left;
}
.m-con-right{
    left: 50%;
    float: left;
}
#clstree1_back {
    padding-left: 100px;
}
.mob-act{border-bottom:2px solid #fff;border-top:2px solid #fff;cursor:pointer;height:25px;position:fixed;right:21px;top:25px;width:32px;}
.mob-act:before{background:#fff;content:"";height:2px;left:0;position:absolute;top:10px;transition:all .5s;width:100%}
/*.mob-act:hover:before{background:#000;border:solid 2px #fff;height:100%;top:-2px;transition:all .5s;width:90%}*/
.mob-act{display:none}
.help_top_pane .right-menu li .btn {
  padding: 7px 25px;
  color: #fff;
  font-size: 15px;
  border-radius: 0;
  margin-top: 20px;
  border-radius: 3px;
}
.help_top_pane .right-menu li .btn.btn-danger {
    background: #E9142B;
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    padding: 4px 10px;
    display: inline-block;
    width: 148px;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    margin-top: 1px;
}
.nav-dwn-icon {
    width: 21px;
    height: 24px;
    background-position: 0 0;
    line-height: 22px;
    display: inline-block;
    position: relative;
    background: url(https://www.manageengine.com/images/me-sprite-new.png) no-repeat 0 0;
}

.getquo .nav-dwn-icon {
    background-position: -209px -54px;
    width: 14px;
}

.getquo .btn.btn-danger {
    background: #C4C8CC !important;
    color: #000 !important;
}

.help_top_pane .right-menu li .btn{
  margin-left: 15px;
}


/*.help_top_pane .right-menu li .btn.btn-danger {
background-color: #1ba758;
    border: 1px solid #1ba758;
    font-size: 16px;
    font-weight: 600;
    margin-left: 15px;
    padding: 7px 35px;
    color: #fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;  
}
.help_top_pane .right-menu li .btn.btn-danger:hover {
    color: #333;
    background-color: #fff;
    border: 1px solid #fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;  
  text-decoration: none;
}*/
.help_top_pane .right-menu li .btn.btn-default {
  background-color: #fff;
  border: 1px solid #a2a2a2;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-left: 15px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;  
}
.help_top_pane .right-menu li .btn.btn-default:hover {
    color: #fff;
  background-color: #e43f3f;
    border: 1px solid #d63939;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;  
}
.btn-mob-bann {
    background: #f0483e;
    color: #fff !important;
    bottom: -50px;
    box-shadow: 0 0 14px -1px rgba(45,45,45,0.31);
    box-sizing: border-box;
    color: #f1f1f1;
    font-size: 18px;
    left: 0;
    padding: 8px 30px;
    position: fixed;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    /* transition: all .5s; */
    z-index: 9;
    width: 100%;
}
.help_top_pane .right-menu li:first-of-type{display: none;}
@media screen and (min-width:1400px){
.clsNode {
  font-size: 13px;
  }
}
@media screen and (max-width:1076px){
  .mob-act{display:block}
  .help_top_pane .right-menu li:first-of-type{display: block;}
ul.right-menu{background:#fff !important;box-shadow:0 3px 5px #ccc;height:100%;margin:0 !important;padding:0;position:fixed;right:-100%;top:80px;transition:all .5s;width: 50%;}
ul.right-menu li{float:none !important;padding-right:15px;}
ul.right-menu li a{border:none !important;color:#000 !important}
.help_top_pane .right-menu li a{padding:6px 15px}
.help_top_pane .right-menu li a:hover{border:none}
  ul.right-menu li:nth-child(1) span{cursor:pointer;font-size:16px;font-weight:bold;padding:6px 12px;position:absolute;right:15px;top:0}
ul.right-menu li:nth-child(2){margin:30px 0 0 0;}
.help_top_pane .right-menu li .btn.btn-danger{color:#fff !important;float:left}
.menushow{right:0 !important;transition:all .5s}
}
@media screen and (max-width:600px){
  .btn-mob-bann-act {
    bottom: 0;
    transition: all .5s;
}
}
@media screen and (max-width:500px){
.product-logo h4{display:none}
ul.right-menu{width:90%}
.menushow{10%;transition:all .5s;width:90%}
}
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.1);
  background-color: #ececec;
}

::-webkit-scrollbar
{
  width: 2px;
  background-color: #ececec;
}
::-webkit-scrollbar:horizontal
{
  height: 2px;
  
  background-color: #ececec;
}

::-webkit-scrollbar-thumb
{
  background-color: #868686;
  
  background-image: -webkit-gradient(linear, 0 0, 0 100%,
                     color-stop(.5, rgba(255, 255, 255, .1)),
             color-stop(.5, transparent), to(transparent));
}