﻿#mdMenu li > a.on, .menuList li  a.on { color: #fe8e14!important; }
.fontOrange { color: #fe8e14 !important; }

@media (min-width: 992px) { 
    #mdMenu { padding-left: 275px; }
    #mdHeader { border-bottom: 1px solid #ddd; }
    .partnerSiteName { height: 72px; line-height: 72px; font-size: 18px; position: absolute; top: 0; left: 170px; }
    #mdMenu li { margin-right: 20px; }
}
@media (min-width: 1200px) and (max-width: 1269px) {
    #mdMenu { padding-left: 290px; }
    #mdMenu li { margin-right: 30px; }
    #mdMenu li:last-child { margin-right: 0; }
}
@media (min-width: 1270px) {
    #mdMenu li { margin-right: 40px; }
    #mdMenu { padding-left: 315px; }
    #fullLayoutMain { min-height: calc(100vh - 497px); }
    .partnerSiteName { height: 72px; line-height: 72px; font-size: 22px; position: absolute; top: 0; left: 170px; }
}
@media (min-width: 1680px) {
    #mdMenu li { margin-right: 50px; }
    #mdMenu { padding-left: 425px; }
    #fullLayoutMain { min-height: calc(100vh - 575px); }
    .partnerSiteName { height: 94px; line-height: 94px; font-size: 26px; position: absolute; top: 0; left: 210px; }
}

/* Start: partner-page-template */
.partner-page-template { padding-bottom: 60px; }
#leftMenu { position: relative; z-index: 12; }
#leftMenu > div { width: 100%; }
#leftMenu .leftMenuToggle { position: relative; height: 58px; line-height: 58px; font-size: 16px; border-bottom: solid 1px #eee; color: #50a8e1; cursor: pointer; }
#leftMenu .leftMenuToggle .icon { display: block; position: absolute; right: 10px; top: 27px; width: 10px; height: 10px; background: url(../../images/reseller/icn-up-down-10x6.png) no-repeat center top; }
#leftMenu ul { display: none; position: absolute; top: 58px; left: 3%; padding: 20px; width: 94%; background: #eee; }
#leftMenu li a { display: block; font-size: 14px; line-height: 38px; color: #606060; }
#leftMenu li a:hover { color: #fe8e14; }
#leftMenu ul li.on a { color: #fe8e14; background: #fea543; }
@media (min-width: 768px) { 
    #leftMenu { padding-top: 30px; }
    #leftMenu .leftMenuToggle { position: relative; padding: 0 10px; height: 36px; line-height: 36px; font-family: OpenSans-Semibold; border-bottom: none; color: #444; cursor: default; }
    #leftMenu .leftMenuToggle .icon { display: none; }
    #leftMenu ul { display: block !important; position: static; padding: 0; width: 100%; background: none; }
    #leftMenu li a { display: block; margin-top: 8px; padding-left: 10px; font-size: 14px; height: 36px; line-height: 36px; color: #606060; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
    #leftMenu li a:hover { background: #f7f7f7; }
    #leftMenu ul li.on a { color: #fff; background: #fea543; }
}

@media (min-width: 992px) {
    #leftMenu { padding-right: 65px; }
    #leftMenu .leftMenuToggle { font-size: 18px; }
    #leftMenu > div { width: 250px; }
}

@media (min-width: 1200px) {
    #leftMenu { padding-right: 45px; }
    #leftMenu .leftMenuToggle { font-size: 20px; }
    #leftMenu li a { font-size: 16px; }
}

@media (min-width: 1680px) {
    .partner-page-template { padding-bottom: 80px; }
}
/* End:partner-page-template */

/* Start: plan of action */
#planAction th { padding-left: 20px; height: 60px; line-height: 60px; font-weight: normal; font-family: OpenSans-Semibold; }
#planAction th { background: #fff7ef; font-size: 14px; }
#planAction td { padding: 15px 20px; font-size: 14px; line-height: 24px; border: none; border-bottom: solid 1px #ddd; }
@media (min-width: 768px) {
    #planAction td { padding: 35px 20px; }
}
@media (min-width: 1200px) {
    #planAction th { font-size: 18px; }
    #planAction td { font-size: 16px; }
}
/* End: plan of action */

/* Start: Product Resources */
#productResources .item { margin-top: 26px; padding: 38px 0; font-size: 14px; line-height: 24px; text-align: center; background: #f9f9f9; border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#productResources .item .logo { height: 50px; }
#productResources .item .logo img { height: 100%; }
#productResources .item.vcs .logo img { height: 25px; }
#productResources .item .middle { padding: 15px 25px 18px; }
#productResources .d-btn { display: inline-block; padding: 0 25px; height: 38px; line-height: 32px; font-family: OpenSans-Semibold; font-size: 14px; text-align: center; cursor: pointer; border: 2px solid #fe8e14; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; transition: all .2s ease-in-out; }
#productResources .d-btn, #productResources .d-btn:link, #productResources .d-btn:visited { color: #fe8e14; }

@media (min-width: 768px) {
    #productResources .item { max-width: 380px; }
    #productResources .item .middle { padding: 15px 60px 18px; }
}

@media (min-width: 992px) {
    #productResources .item { width: 48%; float: left; min-height: 331px; }
    #productResources .dwt, #productResources .dbr, #productResources .sawv { margin-right: 20px; }
    #productResources .item .middle { padding: 15px 35px 18px; min-height: 125px; }
}

@media (min-width: 1200px) {
    #productResources .dwt, #productResources .dbr, #productResources .saw { margin-right: 20px; }
    #productResources .item { width: 280px; min-height: 331px; }
    #productResources .item .middle { padding: 15px 25px 18px; min-height: 149px; }
    #productResources .item p { font-size: 16px; }
}

@media (min-width: 1680px) {
    #productResources .dwt, #productResources .dnt, #productResources .saw { margin-right: 20px; }
    #productResources .item { width: 32%; max-width: 280px; min-height: inherit; }
    #productResources .item p { font-size: 16px; }
}
/* End: Product Resources */


.ResellerLogin .masked { display: none; position: fixed; left: 0; top: 0; z-index: 9990; width: 100%; height: 100%; background: #eee; opacity: 0.5; filter: alpha(opacity=50); }
.ResellerLogin .signInCt { display: none; position: fixed; left: 50%; top: 50%; z-index: 9995; margin: -195px 0 0 -195px; width: 390px; height: 390px; background: #f5f5f5; box-shadow: 0 0 40px #aaa; }
.ResellerLogin .signInCt .close { display: inline-block; position: absolute; top: 5px; right: 13px; font-size: 28px; cursor: pointer; }
.ResellerLogin .signInCt p.top { margin-top: 40px; font-size: 24px; color: #444; text-align: center; }
.ResellerLogin .signInCt .middle { padding: 30px 30px 0 30px; }
.ResellerLogin .signInCt .middle .holder { position: relative; }
.ResellerLogin .signInCt .holder .placeHolder { display: inline-block; position: absolute; top: 1px; left: 1px; height: 46px; line-height: 46px; font-size: 14px; color: #ccc; }
.ResellerLogin .signInCt .placeHolder span.icon { display: inline-block; padding: 0 13px 0 15px; margin-top: 11px; width: 45px; height: 24px; border-right: solid 1px #ccc; }
.ResellerLogin .signInCt span.icon img { vertical-align: inherit; position: relative; top: -8px; }
.ResellerLogin .signInCt .placeHolder span.txt { display: inline-block; padding-left: 13px; }
#tb_Account, #tb_Password { padding-left: 54px; width: 100%; font-size: 16px; height: 48px; border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; outline: none; }
#btnLogin { margin-top: 25px; width: 100%; height: 48px; line-height: 48px; text-align: center; border-width: 1px; border: solid 1px #fe8e14; outline: none; color: #fff; background: #fe8e14; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor: pointer; }
#lb_Error { display: block; padding-top: 2px; height: 40px; text-align: center; font-size: 14px; color: #fe8e14; }
.ResellerLogin .signInCt .btm { position: absolute; bottom: 0; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 14px; background: #fff; }
.ResellerLogin .signInCt .btm span { color: #606060; }
