/*Reset CSS*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;color: #000;font-weight: 300;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}
/* --- clearfix style --- */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
*+html .clearfix{display: inline-block;}
body{font-family:'ZohoPuvi', sans-serif;margin:0;padding:0;}
.container{margin:0 auto;max-width: 1200px;}
/* Header */
.header{background: url('../images/kb-ban-bg-24.png') no-repeat;background-size: 41%;text-align: center;padding: 50px 0 60px 0;background-position: right -47px;}
.header span.tag{
    font-size: 16px;
    color: #A88507;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.topHead{border-bottom:1px solid #303a42;}
.topMenu{float:right;margin:34px 0 0 0;padding:0;}
.topMenu li{color:#dedfe0;display:inline-block;font-size:14px;font-weight:300;list-style:none;margin:0 0 0 40px;text-transform:uppercase;}
.topMenu li a{color:#fff;text-decoration:none}
.header h2{color: #000;font-size: 42px;font-weight: 400;line-height: 50px;margin: 20px 0 50px;letter-spacing: -1px;}
.header h2 span{font-weight: 600;color: #D65572;display: inline-block;}
.header h2 span{}
.ban-cta{}
.ban-cta a{
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    display: inline-block;
    padding: 10px 30px 10px 55px;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    transition: background 0.5s ease-in-out;
    border-radius: 5px;
    position: relative;
    transition: all 0.4s ease;
}
.ban-cta a:hover{
    transform: translateY(-2px);
    box-shadow: 0 10px 13px -4px rgb(0 0 0 / 28%);
}
.ban-cta a:before{
    content:'';
    position: absolute;
    /* width: 18px; */
    /* height: 18px; */
    margin: 5px 0 0 -28px;
    }
.me-btn-lg {
    color: #fff;
    background: #FE0101;
    border: 1px solid #FE0101;
}
.me-btn-line-md {
    background: #fff;
    color: #068A8E;
    border: 1px solid #068A8E;
    margin-left: 10px;
}
.me-btn-line-md:hover{
    color: #fff;
    background: #068A8E;
    -webkit-box-shadow: 4px 6px 15px rgba(6, 137, 142, 0.5);
    box-shadow: 4px 6px 15px rgba(6, 137, 142, 0.5);
}
.me-btn-lg:before{
    background: url(https://www.manageengine.com/sharepoint-management-reporting/images/sharepoint-reporting-tool-download-icon-24.svg) no-repeat;
    background-size: 20px;
    width: 20px;
    height: 16px;
}
.me-btn-lg:hover{
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 4px 6px 15px rgba(233, 21, 42, 0.5);
    box-shadow: 4px 6px 15px rgba(233, 21, 42, 0.5);
}
.me-btn-line-md:before{
       background: url(https://www.manageengine.com/sharepoint-management-reporting/images/sharepoint-reporting-tool-demo-icon-24.svg) no-repeat;
       background-size: 20px;
       width: 20px;
       height: 20px;
       margin-top: 4px !important;
}
.me-btn-line-md:hover::before {
    filter: brightness(10);
}
.bred-arr{
    position: absolute;
    top: 50px;
    width: 59%;
}
.bred-arr ul li:first-child{margin-left: 0;}
.bred-arr ul li{float:left;margin:0 15px;list-style-type: none;}
    .bred-arr ul li:after{content:'';position:absolute;width:7px;height:7px;border:1px solid #333;border-left:0;border-bottom:0;transform:rotate(45deg);margin:10px 0 0 8px}
    .bred-arr ul li:last-child:after{opacity:0}
    .bred-arr *{font-size: 14px;font-weight: 300;line-height: 27px;}
    .bred-arr ul li a{color: #333;}
    .bred-arr ul li a:hover{color: #03A9F4;}
    .bred-arr ul li span{color: #000;font-weight: 500;}
    .related-links{display: none;}
    .related-links ul.rel-prod li a::after{display: none;}
    .related-links ul.rel-prod li{}
/* Content */
.content{/* padding:0 0 60px; */}
.content .container{
    box-shadow: 0 -2px 13px 1px #33333312;
    border-radius: 20px 20px 0 0;
    padding: 0px 50px 0px 50px;
    box-sizing: border-box;
    position: relative;
}
.contentLft{float:left;padding: 100px 5% 50px 0;width:59%;border-right: 1px solid #e0e0e0;}
.contentLft h1{font-size: 36px;font-weight: 500;color: #000;line-height: 40px;margin-bottom: 30px;letter-spacing: normal;}
.contentLft h3{color:#0cac72;font-size: 18px;font-weight:500;margin: 30px 0 15px 0;line-height: 28px;}
.contentLft ul{margin:10px 0 0 0;padding:0;}
.contentLft ul.norUl li{line-height:24px;}
.contentLft ul li{font-size:14px;margin:15px 0 0 16px;list-style-type: disc;}
.contentLft p{font-size:14px;/*  */line-height:24px;margin:15px 0}
.contentLft a{color: #1094CF;}
.contentLft ol{float:left;margin:8px 0 0 0;padding:0;width:100%;position: relative;}
.contentLft ol:before{content:'';position: absolute;width: 1px;height: 90%;left: 25px;top: 5px;border-right: 1px dashed #CECECE;}
.contentLft ol li{float:left;font-size:14px;font-weight: 300;line-height:22px;list-style:none;margin: 0 0 25px 0;width:100%;position: relative;padding-left: 75px;box-sizing: border-box;}
.contentLft ol li ul{padding: 10px 0 0 10px;}
.contentLft ol li ul li{list-style:disc;padding-left: 10px;}
.contentLft ol li ul li:last-child{margin-bottom: 0;}
.contentLft ol li span{background: #EAF6FF;color: #1269D0;float: left;font-size: 11px;line-height: 25px;position: absolute;left: 0px;border-radius: 50px;text-align: center;font-weight: 500;padding: 0px 10px;box-sizing: border-box;text-transform: uppercase;}
.contentRgt{/* border-left:1px solid #e0e0e0; */float:left;padding: 50px 0 0 5%;width:30%;/* margin-top: 47px; */}
.contentRgt .hea{font-size: 20px;font-weight: 400;color: #000;}
.contentRgt ul{margin:25px 0 0 0;padding:0}
.contentRgt ul li{font-size:13px;list-style:none;padding:0 0 15px;}
.contentRgt ul li a{color: #4D4D4D;font-size: 14px;line-height: 24px;text-decoration:none;position: relative;}
.contentRgt ul li a:after{content:'';position: absolute;background: url('../images/kb-icons-24.png') no-repeat -88px -4px;background-size: 157px 19px;width: 12px;height: 12px;margin: 5px 0 0 3px;filter: brightness(0.5);transition: all 0.4s ease;}
.contentRgt ul li a:hover{color:#1094CF;}
.contentRgt ul li a:hover:after{filter: brightness(1);}
/* Footer */
.footer{background:#f4f7f8;padding:30px 0;}
.footer h2{font-size:28px;font-weight:400;line-height:44px;margin:0 0 30px 0}
.footer h2 span{display:block;font-weight:100}
.footer .highHea{border-bottom:1px solid #dbdedf}
.footer .highHea ul{margin:0 auto;padding:0;width:500px;}
.footer .highHea ul li{color:#9b9d9e;cursor:pointer;display:inline-block;font-size:18px;padding:18px;text-align:center;width:200px}
.footer .highHea ul li.tabSelect{border-bottom:3px solid #2cbe66;color:#2cbe66;cursor:default;}
.footer .highBdy{padding:40px 0}
.footer .highBdy .per33{float:left;width:33%}
.footer .highBdy .per33 ul{margin:0;padding:0}
.footer .highBdy .per33 ul li{font-size:14px;list-style:none;margin:0 0 15px 0;position:relative;}
.footer .highBdy .per33 ul li:before{color:#959595;content:"•";float:left;font-size:20px;margin:-3px 15px 0 0;}
.footer .highBdy .per33 ul li a{color:#000;text-decoration:none}
/* Footer Bottom */
.bottom ul{margin:20px 0 0 0;padding:20px 0}
.bottom ul li{font-size:14px;list-style:none;margin:0 0 30px 0}
.bottom ul li span{display:inline-block;width:100px}
.bottom ul li span a{color:#333;text-decoration:none}
.bottom ul li span.lie{border-left:1px solid #b2b2b2;border-right:1px solid #b2b2b2;}
.bottom ul li img{margin: 0 20px}
/* Accessories */
.per50{float:left;width:50%}
.tac{text-align:center}
/* SalesIQ */
.zsiq_theme1 div.zsiq_cnt {left: -112px !important;width: 100px !important;}
.mef_copy_right *{    color: #b8b8b8;}
.highlights-section~.bottom{display:none;}

@media screen and (max-width:1025px){
.content {padding: 13px 20px 60px;}
.header {/* padding: 2%; */}
.bred-arr{
    position: relative;
    top: auto;
    width: 100%;
    padding-top: 40px;
}
.contentLft{
    padding: 30px 0 30px 0;
    width: 100%;
}
.contentRgt{
    border-top: 1px solid #e0e0e0;
    border-left: 0;
    width: 100%;
    padding: 30px 0 0;
}
.lnkDldMar a img{vertical-align: middle;}
.footer-stripe h2 strong{color:#fff;}
}
@media screen and (max-width: 767px) {
.contentLft {padding: 47px 0;width: 96%;border: 0;border-bottom: 1px solid #e0e0e0;}
.footer {display: none;}
.contentRgt {/* border-left: none; */width: 96%;/* margin-top: 0; */}
.header h1 br{display: none;}
.header h1, .header h1 span{
    font-size: 30px;
    line-height: 42px;
}
.header h1 span{    line-height: 35px;border: 0;background: none;}
.header h1{margin-bottom: 20px;}
.contentLft h2 {
    font-size: 28px;
    line-height: 34px;
}
.content .container{    padding: 0px 35px 50px 35px;}
.header h2{font-size: 30px;line-height: 40px;}
}
@media screen and (max-width: 480px) {
.ban-cta a{    display: table;
    margin: 0 auto;
    margin-top: 10px;}
    .me-btn-line-md{margin-left: 0px;}
}


@media screen and (min-width : 768px){
.header h2 span {
    padding-left: 10px;
    border-left: 3px solid;
    margin-left: 8px;
    background: #FFF0F4;
    background: -webkit-linear-gradient(90deg, rgba(255, 240, 244, 1) 0%, rgba(213, 240, 255, 0) 100%);
    background: -moz-linear-gradient(90deg, rgba(255, 240, 244, 1) 0%, rgba(213, 240, 255, 0) 100%);
    background: linear-gradient(90deg, rgba(255, 240, 244, 1) 0%, rgba(213, 240, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFF0F4", endColorstr="#D5F0FF", GradientType=1);
}
}