.ui-widget.ui-widget-content{    width: 250px;}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button{border:1px solid #f3f3f3;background:#fff;font-weight:400;color:#454545;border-radius:4px;text-align:center;width:25px;height:25px}
.ui-state-default:hover,.ui-state-default:active{border:1px solid #2598d9;background:#2598d9;color:#fff}
.ui-widget-header{border:1px solid #fff;background:#fff;color:#333}
.clo{    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 22px;
    font-weight: 500;
    transform: rotate(45deg);
    color: #2b115b;}
.ban{
    background: #19bf64;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 7.5px 20px;
    display: inline-block;
    position: absolute;
    margin-top: 40px;
    border-radius: 0px 2px 2px 0px;
    left: -8px;
}
#meGDPRMessage{
    margin: 10px 0px 0px 0px;
    float: left;
}
#meGDPRMessage .checkmarkgdpr{    padding: 0px;}
.ban:before{content:'';position:absolute;background: #16bf64;width: 27px;height: 27px;right: -13px;transform: rotate(45deg);top: 6px;}
.ban:after{content:'';position:absolute;background: #0a9e4f;width: 10px;height: 10px;left: 2px;transform: rotate(31deg);bottom: -3px;z-index: -1;}
.errMsg, .errMsg2, .errMsg3 {
    color: #fff;
    display: none;
    font-size: 12px;
    line-height: 16px;
    background: red;
    padding-left: 10px;
}
.pop{
    position: fixed;
    background: #000000a3;
    z-index: 999999;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;display:none;
}
.pop .pop-bg{
    position: absolute;
}
.pop .pop-inn{
    width: 800px;
    margin: 0 auto;
    /* padding: 50px; */
    background: #fff;    margin-top: 35px;
    display: table;
    box-shadow: 0 6px 25px -11px rgba(0,0,0,0.6);
    position: relative;
}
.pop .pop-inn .lhs{
    float: left;
    width: 40%;
    background: #30185f;
    position: absolute;
    left: 0px;
    bottom: 0px;
    top: 0px;
    background: url(https://www.manageengine.cn/sharepoint-management-reporting/images/spmp-features-pop-bg.jpg) no-repeat #30185f;
    background-size: 100% 100%;
}
.pop .pop-inn .lhs h4{
    margin: 0px;
    color: #fff;
    font-size: 24px;
        line-height: 38px;
    padding: 52% 30px 30px 30px;
}
.pop .pop-inn .lhs h4 b{    color: #ff5c5c;}
.pop .pop-inn .rhs{
    float: left;
    width: 60%;
    margin-left: 40%;
    padding: 40px;
    box-sizing: border-box;
}
.pop .pop-inn .rhs h4{    margin: 0px;
    color: #000;
    font-weight: 600;    padding-bottom: 25px;
    font-size: 15px;
    text-align: center;}
.top-2-form-inn{/* border-radius:5px; *//* width:100%; *//* background:#fff; *//* box-shadow:0 6px 25px -11px rgba(0,0,0,0.6); *//* z-index:99; *//* padding:10px 30px 12px; *//* margin-top:-126px; */}
.top-2-form-inn form{padding:10px 25px;background:#fff}
.top-2-form-inn h2{text-align:center;font-size:22px;margin-bottom:0;color:#333;background:#fff;padding:22px 0 30px}
.top-2-form-inn p{text-align:center;font-size:14px;margin-top:0;line-height:21px;color:#4f595d}
.top-2-form-inn form ul li{width:100%;margin-bottom:10px;border: 1px solid #e6e6e6;border-radius: 2px;}
.top-2-form-inn form ul li:last-child{border:0;position:relative}
.top-2-form-inn form ul li span{padding-bottom:6px;position:absolute}
.top-2-form-inn form ul li input, .top-2-form-inn form ul li select, .top-2-form-inn form ul li textarea{width:100%;line-height:20px;box-sizing:border-box;padding: 7px 12px;height:42px;font-size:14px;outline:none;border:0;background:#fff;}
.top-2-form-inn form ul li textarea{height:70px;}
.top-2-form-inn form ul li:before{content:'';position:absolute;background:url(images/guide-to-safeguard-active-directory-accounts-sprite.png) no-repeat left center;background-size:303px;width:24px;height:24px;margin-top:10px;display: none;}
.top-2-form-inn form ul li:nth-child(1):before{background-position:-268px -3px}
.top-2-form-inn form ul li:nth-child(2):before{background-position:-267px -38px}
.top-2-form-inn form ul li:nth-child(3):before{background-position:-267px -75px;height:30px;margin-top:6px}
.top-2-form-inn form ul li:nth-child(4):before{background-position:-248px -175px;width:32px;background-size:277px}
.top-2-form-inn form ul li:nth-child(5):before{background-position:-275px -192px;margin-left:5px;margin-top:5px}
.top-2-form-inn form ul li:nth-child(6):before{background-position:-251px -208px;width:32px;background-size:279px;margin-top:7px}
.top-2-form-inn form ul li:nth-child(9):before{background-position:-257px -217px;width:32px;background-size:288px;margin-top:7px}
.top-2-form-inn form ul li.ic-dwn:before{background-position:-213px -122px;width:17px;height:20px;background-size:234px;margin:14px 0 0 30%}
.befo-hide{border-bottom:0!important}
.befo-hide:before{display:none}
.top-2-form-inn form ul li input[type="submit"], .top-2-form-inn form ul li input[type="reset"]{background:#d34a41;cursor:pointer;border:0;color:#fff;font-size:16px;border-radius:2px;font-weight:500;padding:12px 0;height:50px;    width: 50%;
    float: left;}
.top-2-form-inn form ul li input[type="submit"]{}
.top-2-form-inn form ul li input[type="reset"]{    width: 47%;
    margin-left: 3%;
    background: #e9e9e9;
    color: #000;}
.top-2-form-inn form ul li:last-child p{color:#969696;margin-top:-5px;font-size:11px;text-align:center}
.top-2-form-inn form ul li:last-child p a{color:#09C;font-size:11px}
.dwn-priv{float:left;}

.feaList h3 a{color:#0088c4}
.heading-menu{display:none;}
.imgRig img{margin:23px 0 0 0;width:100%;    border: 8px solid #fff;
    box-shadow: 0px 2px 12px 9px #3333330d;}
h3{color:#7bbb2a}
.feature-learnmore{background-color:#ccc;color:#000;display:block;padding:5px 10px;text-align:center;width:100px;}
.sep-brd-top{border:none;padding-top:0}
.ar{padding:0 1.5% 0 1.5% ;margin-top:-1.5%;clear:both;}

.sec-pTB{}
.sec-pTB .container{max-width:1200px;}
.sec-com{padding: 65px 0 0px 0;}
.sec-com .tit h3{    margin: 0px;
    text-align: center;
    color: #333;
    font-weight: 600;
    font-size: 28px;}
.sec-com a.cta{background: #2db492;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    padding: 12px 20px;
    border-radius: 2px;
    margin-top: 15px;}
.sec-com p{font-size: 15px;
    line-height: 25px;
    color: #333;}
.per50{    width: 45%;
    padding: 2.5%;}

.inlink-main{
        background: #1d2632;    z-index: 9;
    float: left;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
}
.inlink-main.act{position:fixed;top:100px;transition: all 0.5s ease;}
.inlink-main .container {
    max-width: 1150px;
}
.inlink{}
.inlink ul{}
.inlink ul li{
    float: left;
    width: 11.1%;
}
.inlink ul li div{
        text-align: center;
    position: relative;
    border-bottom: 5px solid #1d2632;
    padding: 18px 5px 12px 5px;transition: all 0.5s ease;
}
.inlink ul li div:hover{    border-bottom: 5px solid #636d7b;
    background: #2c3542;}
.inlink ul li div.act{    border-bottom: 5px solid #e86567;
    background: #2c3542;}
.inlink ul li div a{
    position: absolute;    color: #1d2632;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
.inlink ul li div span{    background: url(https://www.manageengine.cn/sharepoint-management-reporting/images/spmp-features-icon-sprite.png) no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: 350px;}
.inlink ul li div h5{
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #fff;
}
.inlink ul li div span.ic-1{background-position: 0px 0px;}
.inlink ul li div span.ic-2{background-position: -38px 0px;}
.inlink ul li div span.ic-3{background-position: -76px 0px;}
.inlink ul li div span.ic-4{background-position: -114px 0px;}
.inlink ul li div span.ic-5{background-position: -161px 0px;}
.inlink ul li div span.ic-6{background-position: -202px 0px;}
.inlink ul li div span.ic-7{background-position:-242px 0px;}
.inlink ul li div span.ic-8{background-position: -284px 0px;}
.inlink ul li div span.ic-9{background-position: 0px -41px;}

.inlink-main.act .inlink ul li div span{    display: none;}

.pop-inn2{    display: none;
    width: 600px;
    margin: 0 auto;
    background: url(https://www.manageengine.cn/sharepoint-management-reporting/images/spmp-features-pop-bg.jpg) no-repeat #2b1658;
    background-size: 100%;
    position: relative;
    padding: 60px 40px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 2px;
    margin-top: 25px;}
.pop-inn2 span{color:#fff;}
.pop-inn2 h4{    margin: 0px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;}
.pop-inn2 .thump{    background: url(https://www.manageengine.cn/sharepoint-management-reporting/images/spmp-features-icon-sprite.png) no-repeat #fff;
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: 350px;
    background-position: 15px -79px;
    border-radius: 50%;
    margin-bottom: 35px;}

 @media screen and (max-width:992px) {
.inlink ul {
    overflow: auto;
    white-space: nowrap;
}
.inlink ul li {
    float: initial;
    width: 130px;
    display: inline-block;
}
.pop .pop-inn .lhs{display:none;}
.pop .pop-inn{width:80%;}
.pop .pop-inn .rhs{    width: 100%;
    padding: 40px}
.pop .pop-inn{    overflow-y: auto;
    height: 95%;}

}

 @media screen and (max-width:767px) {
.container{width:90%}
.head{padding-top:40px;margin-bottom:10px}
.footHead{margin:5% 0 0;border-bottom:1px solid #3e3e3e;margin-bottom:15px;padding-left:22px}
.footCont ul li a{color:#bbb;display:block;border:1px solid #3e3e3e;margin-bottom:5px;padding:5px 10px;background:#333;border-radius:2px}
.footer .col3{padding:20px 24px;box-sizing:border-box}
#header-mainsec{top:33px}
.melogosvg img{width:125px!important}
#commonHeader{min-height:88px}
#MEmobPanel.prdMobMenu{top:86px}
.per40{width:100%;box-sizing:border-box}
.per60{width:100%;padding:1%;box-sizing:border-box}
.feature-learnmore {
    background-color: #0879b8;
    color: #ffffff;
    border: 1px solid #096ba2;
    border-radius: 2px;
}
.per50 {
    width: 100%;
    padding: 2.5%;
    box-sizing: border-box;
}
.pop-inn2{    width: 80%;padding: 30px;}
}