/*Replace main theme*/
.btn-submit, .btn-reset {background: #414F57 !important; border: none !important; color: #fff !important; cursor: pointer; font-size: 14px !important; padding: 7px 20px !important; height: auto; width: auto}
.btn-reset {background: #dfdfe0 !important; color: #333 !important;}
/*nav ul.header-nav > li{padding:0 20px 10px 20px}
nav ul.header-nav > li:first-child{padding:0 20px 10px 50px}
#header-topsec{min-height:38px}
#header-mainsec{top:38px}
#topsec-rhs ul li{padding:5px 5px 2px 5px}
nav ul.header-nav > li:last-child{margin:18px 0 0 0}
.top-sec .dropdown > span{padding:0 5px}
.nav .dropdown > span,.nav>li>a{padding:3px 10px;line-height:20px;display:inline-block}
.nav>li>a:hover,.nav>li>span:hover{background:#7bbb2a;color:#fff}
.nav .dropopen > span{background:#7bbb2a;color:#fff}
.logo{margin-top:34px}
.nav > li{padding:0 0 0 15px}
.menu-icon{margin-top:10px}
.top-sec>ul>li{position:relative;padding-top:3px}
.dwn-arw{top:-2px}*/
/*Replace main theme end*/
#custList{position:relative;float:right;margin:20px 20px 0 0;width:240px;z-index:5}
#custList > span:after{position:absolute;right:12px;top:14px;display:inline-block;border-left:8px solid transparent;border-top:8px solid #424f56;border-right:8px solid transparent;content:'';margin-left:-4px}
#custList > span{display:block;border:1px solid #ccc;padding:5px 20px;cursor:pointer;background:#eee}
#custList > span:hover{background:#424f56;color:#fff}
#custList > span:hover:after{border-top:8px solid #fff}
#custList > ul{margin:0;padding:0;list-style-type:none;font-size:12px;display:none;position:absolute;width:100%}
#custList > ul li{margin:0;background:#efefef;border:1px solid #ccc;border-top:none}
#custList > ul li a{display:block;padding:3px 10px 3px 30px;color:#333}
#custList > ul li a:hover{background:#424f56;cursor:pointer;color:#fff;text-decoration:none}
footer .container{max-width:1200px}
.mL5{margin-left:5px}
#showHideDiv{float:right;cursor:pointer}
#showHideDiv > span{background:#7BBB2A;color:#fff;line-height:40px;padding:0 10px;font-size:18px;display:inline-block;clear:both;font-weight:400;letter-spacing:normal}
.proddesk{padding:20px 0}
#brddiv{border-top:1px solid #EBEAEA}
#viewcartdiv{border:solid 1px #EBEAEA;display:none}
#tablepr_list{width:100%}
#tablepr_list > img{margin:150px auto}
#tablepr_list > div >img{width:15%;margin:150px auto}
#tablepr_list_osd{width:100%;border:1px solid #ccc}
.viewcartiframe{border:none;height:1000px;width:100%}
.productnameheader,.grouplink,.osdprice{color:#4C596E;font-size:20px;margin-bottom:10px}
.groups{border-bottom:1px solid #D7DEE3;padding-top:10px;font-size:12px;margin:20px 0}
.yellowbox{background:#F0F2DA;border:1px solid #ddd;padding:2%;margin:20px 0}
.cRed{color:#F30D0D}

.hdr1,.hdr2,.hdr3{float:left;background-color:#AFB7C1;color:#FFF;font-weight:bold;font-size:14px;text-align:right}
.hdr1{width:66%;padding:0 1%;text-align:left}
.hdr2{width:14%;padding:0 1%}
.hdr3{width:14%;padding:0 1%}

#tablepr_list .col1{float:left;width:66%;padding:0 1%!important}
.checkbox{float:left;width:66%;padding:0 1%!important}
.pricebox,#tablepr_list .col2{float:left;width:14%;padding:0 1%;color:#A52A2A;text-align:right}
.amsbox,#tablepr_list .col3{float:left;width:14%;padding:0 1%;color:#A52A2A;text-align:right}

.pricelistbox{clear:both;line-height:25px}
.hlight{padding:2px 0;border-right:2px solid #F2F2F2;border-left:2px solid #F2F2F2;background-color:#F2F2F2}
.hlight_dis{padding:2px 0;border-right:2px solid #FFF;border-left:2px solid #FFF}
.hlight:hover,.hlight_dis:hover{border-right:2px solid #AFB7C1;border-left:2px solid #AFB7C1}
.productbox{width:484px}
.amsexpl{clear:both;padding:5px}
.amsexpl span{color:#A52A2A}
.licenseagree{padding:5px;clear:both}
#licensebox{font-size:12px}
.licensebox{padding:5px;clear:both;border:1px dashed #000;background-color:#F2F2F2;}
.addtocart{margin:5px 35px 20px 0;text-align:right}
.addtocart_me{background-image:url(https://www.manageengine.com/images/addtocart.gif);width:116px;height:27px;cursor:pointer;font-weight:bold;background-repeat:no-repeat;background-attachment:scroll;border:none;background-position:0px 0px;background-color:#FFF}
#testing_hlight,#test_hlight{display:none}
.osdtable{line-height:25px}
.greenbg{background-color:#cff3c2;border:1px solid #cff3c2;color:#000;font-size:13px;line-height:25px}
#tablepr_list_osd .groups_osd{line-height:25px}
#tablepr_list_osd .grouplink_osd{color:#000;font-weight:bold;font-size:12px;letter-spacing:1px;cursor:default;background-color:#CFF3C2;padding:3px;display:none}
#tablepr_list_osd .trhover_osd{color:#000;padding:4px}
#tablepr_list_osd .col1_osd{width:585px;float:left;font-size:12px}
#tablepr_list_osd .qtybox_osd{width:38px;height:20px;border:1px solid #CCC;background:#fffbc6;float:left}
.sdpstorehdr{font-size:13px;font-weight:bold;padding-bottom:10px}
.sdpmllink{font-size:16px}
.sdpmllink a{color:#5091CE}
.sdpmllink strong{text-decoration:underline}
.licInActTab{background:url(../images/tab.png) no-repeat 0px -36px;width:156px;height:33px;font-size:15px;text-align:center;line-height:33px;color:#000!important;display:block;text-decoration:none;float:left}
.licActTab{background:url(../images/tab.png) no-repeat 0px 0px;width:156px;height:34px;font-size:15px;text-align:center;line-height:33px;color:#000!important;display:block;text-decoration:none;float:left;margin-bottom:-1px}
a.licActTab:hover,a.licInActTab:hover{text-decoration:none}
.storetxt{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;margin:0 2px}
.storetxt a{color:#000}
.storetxt a:hover{text-decoration:none}
#tablepr_list input[type="text"]{padding:2px;margin:2px}
.prod-icons{display:inline-block;float:none}
.storeindex a{color:#4C596E}
.storeindex ul{padding:10px 0px 10px 100px;margin:0;line-height:25px;list-style:url(../images/list.gif)}
.storeindex .brd1{border-right:1px solid #D6D6D6;padding-bottom:15px}
.storeindexbrdT{border-top:1px solid #FFF}
.storeindexbrdB{border-bottom:1px solid #D6D6D6}

#lhsTree > li > span.ifTree {padding: 12px 0 12px 24px;}
.clearDiv{clear:both}
.buy-icon{background:url(https://www.manageengine.com/images/me-sprite-new.png) no-repeat -100px 0;float:right;height:25px;width:28px;margin:8px 0 0 5px}
.displaynone{display:none}
.hmFeabox{width:27.3%;margin:1%;padding:2%;background:#f1f1f1;float:left}
.hmFeabox h3{font-size:18px;margin:0;line-height:65px}
.hmFeabox{font-size:14px;line-height:20px}
.hmFeabox ul,.hmFeabox ul li{line-height:30px!important;list-style-type:none;}
.hmFeabox ul{padding:10px 10px!important}
.hmFeabox a{color:#424f56}
@media screen and (max-width:1420px) {
#newtopheader .nav > li { padding: 0 0 0 11px }
}
@media screen and (max-width:1200px) {
#newtopheader .nav > li { font-size: 14px; padding: 0 0 0 8px!important }
}
@media screen and (max-width:1100px) {
#newtopheader .nav > li { font-size: 13px; padding: 0 0 0 8px }
#newtopheader .nav > li.pipe, #newtopheader .nav > li:last-child { display: none }
#comSubTree .comSubTree:before { border: none!important }
}
@media screen and (max-width:1020px) {
#scroll .prdBox p,#scroll .prdvideo p { margin: 5px 0 10px }
.nav > li { padding: 0 }
.nav .dropdown > span, .nav > li > a { padding: 5px 15px }
#comSubTree { font-size: 12px }
#comSubTree .comSubTree > ul > li { padding: 5px }
.hidebanner { display: none }

}
@media screen and (min-width: 1800px) {
    .comBnrTxt {padding: 5% 0;}
}
@media screen and (max-width: 1200px) {
    
    #scroll .prdBox, #scroll .prdvideo{
        width: 18%;
    }
    #scroll .prdBox, #scroll .prdvideo {
        width: 25%;
    }
}
@media screen and (max-width: 1000px) {
    #header-mainsec .headerinner{
        padding: 10px;
    }
    #scroll .prdBox {
        width: 40%;
    }
    .me_support_head h1{font-size: 2em;line-height: normal;}
    .me_support_whitesection .me_wrapper{padding: 0 20px;}
    .me_support_column60,.me_support_column30{width:100%;float: none;}
    span.me_support_regform{margin:20px 0;}
	
		#header-topsec, .header-nav {
    display: none;
}
	#header-mainsec, #header-mainsec .headerinner.fixed {
    top: 0;
}
	#commonHeader {
    min-height: 78px;
}
}
@media screen and (max-width: 650px) {
    .upcoming-event-sect{float: none;}
    .com-banner h2 {
        font-size: 1.2em;
        top: -13px;
    }
    #scroll .prdBox {
        width: 88%;
    }
    .me_support_column40, .me_support_column50{width:100%;float: none;}
    .me_support_column50{padding: 20px 0 0 0;}
    .me_support_greysection{padding: 0 0 20px 0;}
}
@media screen and (max-width: 500px) {
    .upcoming-event-sect{float: none;}
    #scroll .prdBox{
        width: 84%;
        margin: 20px 10px;
    } 
    .customer-listing .per30{width:100% !important;}
    #comSubTree .comSubTree{
	    position: absolute;
    right: -6px;
    top: 75px;
    z-index: 2;
    border-radius: 3px;
    background: #333;
    border-radius: 3px;
    width: 35%;
	}
    .comSubTreeAct span:after{display: none;}
    #comSubTreeMenu{margin: 0;padding: 0;}
    #custList{margin: 20px;}
}
@media screen and (max-width: 350px) {
    #scroll .me_support_greysection a.btn-style{
        margin:5px;
        width: 80%;
        text-align: center;
    }
}
