.prd-logo, .ess-icon, .ent-icon, .lee-icon, .feature-img, .resource-img, .wn-icon, .wn-active .wn-icon, .cust1, .cust2, .cust3, .cust4, .cust5, .cust6, .cust7, .cust8, .cust-qte-icon, .vid1, .vid2, .vid3, .vid4, .vid5, .vid6, .vid7, .vid8, .vid9, .fea-icon, .support-os-img,.dc-pm-spr,.dc-dwn-icns,.dc-avail-not-avail-icns,.dc-res-lib-icon,.dc-rdmap-icns,.support-os-img-new{
background: url(../images/dc-sprite-new.png) no-repeat 0 0
}
.dclogosvg img {
width: 220px;
height: auto;
}
.headerinner .prdLogo {
margin-bottom: 12px;
}
.nav .selecteddiv a, .nav .selecteddivnew a, .nav>li>a:hover, .nav>li>span:hover, [data-soldrop]:hover{
color: #2a79bb !important
}
.promo.download {
margin: 20px 0;
}
.fea-nav.container {
max-width: 1100px;
}
.fea-nav.container .fea-nav-link {
display: flex;
}
.fea-nav-link span {
width: 16.6666666667%;
font-size: 90%;
}
.breadcrumb a {
padding: 0 3px;
font-size: 13px;
}
.breadcrumb span#dc-breadcrumb {
padding: 0 5px;
display: inline-block;
line-height: normal;
}
span#dc-heading {
display: none;
}
#lhsTree>li>a {
display: block;
padding: 12px 0 12px 24px;
}
.do-toggle-btn {
position: relative;
z-index: 1;
display: flex;
max-width: 100%;
justify-content: flex-end;
margin: 30px 0 -76px;
}
.rhs-cont .do-toggle-btn{
margin: 0 0 20px;
}
.do-toggle-btn a {
background-color: #fff;
color: #0679b7;
padding: 10px 15px;
min-width: 100px;
text-align: center;
border: 1px solid #0679b7;
text-decoration: none !important;
}
.do-toggle-btn a.active {
background-color: #0679b7;
color: #fff;
pointer-events: none;
}
.promo-flash {
display: flex;
justify-content: center;
align-items: center;
background-color: #daf4ff;
border: 1px solid #89ceeb;
position: fixed;
width: 100%;
z-index: 99;
top:100px;
left:0;
right:0;
}
.promo-flash b {
border-right: 1px solid #de1e1e;
border-left: 1px solid #de1e1e;
color: #de1e1e;
margin: 0 25px 0 0;
font-weight: 500;
padding: 4px 8px;
font-size: 14px;
line-height: normal;
display: inline-block;
}
.promo-flash p {
line-height: normal;
font-size: 16px;
font-weight: 400;
margin: 14px 0;
letter-spacing: normal;
}
.promo-flash p strong {
font-weight: 600;
}
.promo-flash p #event_timer {
color: red;
min-width: 110px;
display: inline-block;
}
.promo-flash.spl {
background-color: #ffce26;
border: 1px solid #ebba13;
}
.promo-flash.spl p {
color: #000;
}
.promo-flash.spl p #event_timer {
color: crimson;
}
.promo-flash.spl a.cta {
background-color: #000;
color: #fff;
}
.promo-flash .close {
margin: 0 0 0 30px;
color: #00000070 !important;
position: absolute;
right: 23px;
cursor: pointer;
font-size: 15px;
}
.promo-flash .close:hover {
color: #00000070 !important;
background-color: transparent !important;
}
.promo-flash a {
line-height: normal;
background-color: #fff;
color: #1381b0;
padding: 6px 15px;
margin: 0 0 0 30px;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
font-size: 15px;
font-weight: 600;
border-radius: 5px;
box-shadow: 0 0 1px #1381b0;
letter-spacing: normal;
}
.promo-flash + .bannerflex {
padding-top: 54px;
}
.dc-pm-spr{display:inline-block;width:34px;height:34px}
.dc-pm-spr1{background-position:0 -670px}
.dc-pm-spr2{background-position:-34px -670px}
.dc-pm-spr3{background-position:-68px -670px}
.dc-pm-spr4{background-position:-102px -670px}
.dc-pm-spr5{background-position:-136px -670px}
.dc-pm-spr6{background-position:-170px -670px}
.dc-dwn-icns{display: inline-block;width: 32px;height: 32px;padding-top: 4px}
.dc-dwn-icns1{background-position: -103px -579px}
.dc-dwn-icns2{background-position: -137px -579px}
.dc-dwn-icns3{background-position: -307px -579px}
.dc-dwn-icns4{background-position: -171px -579px}
.dc-dwn-icns5{background-position: -239px -579px}
.dc-dwn-icns6{background-position: -205px -579px}
.dc-dwn-icns7{background-position: -273px -579px}
.dc-dwn-icns8{background-position: -340px -579px;}
.dc-avail-not-avail-icns{display:inline-block}
.dc-avail-icn{background-position:-190px -164px}
.dc-not-avail-icn{background-position:-167px -164px}
.dc-res-lib-icon{display:block;width:44px;height:44px;margin:15px auto}
.dc-res-lib-icon-1{background-position:0 -710px}
.dc-res-lib-icon-2{background-position:-44px -710px}
.dc-res-lib-icon-3{background-position:-88px -710px}
.dc-res-lib-icon-4{background-position:-132px -710px}
.dc-res-lib-icon-5{background-position:-176px -710px}
.dc-res-lib-icon-6{background-position:-220px -710px}
.dc-res-lib-icon-7{background-position:-264px -710px}
.dc-res-lib-icon-8{background-position:-308px -710px}
.dc-res-lib-icon-9{background-position:-352px -710px}
.dc-res-lib-icon-10{background-position:-396px -710px}
.dc-res-lib-icon-11{background-position:-440px -710px}
.dc-res-lib-icon-12{background-position:-484px -710px}
.dc-rdmap-icns{display:inline-block}
.dc-rdmap-feedback{width:17px;height:22px;background-position:-162px -399px;background-size: auto 460px}
.dc-rdmap-tag{width:17px;height:22px;background-position:-192px -403px;background-size: auto 460px;margin-left:20px}
.support-os-img-new{display:inline-block;width:55px;height:65px;margin:0 auto;background-size:750px auto}
.new-win-Sup{background-position:-11px -805px}
.new-app-Sup{background-position: -126px -802px}
.new-lin-Sup{background-position: -183px -804px}
.new-andr-Sup{background-position: -66px -805px}
b{font-weight:bold;}
.flexslider .flexBnrslides > li .flex {
display: flex;
min-height: 380px;
align-items: center;
}
.flexslider .flexBnrslides > li .flex .caption {
margin: 0 45px;
width: 65%;
}
.flexslider .flexBnrslides > li .flex .clip {
width: 35%;
}
.flexslider .flexBnrslides > li .flex .caption h2 {
font-size: 23px;
line-height: 46px;
margin:0;
margin-bottom:25px;
}
.flexslider .flexBnrslides > li .flex .caption a{
display:block;
max-width:140px;
text-align:center;
color:#fff;
background-color:#187dba;
padding:12px;
font-size:18px;
font-weight:bold;
text-decoration:none;
}
a.new-adspot {
display: block;
max-width: 700px;
margin: 30px auto;
}
a.new-adspot img {
max-width: 100%;
}
.training-header.main a.new-adspot {
display: none;
}
.dc-inner-banner{
background-color:#eee;
}
.dc-inner-banner img{
display: block;
width:1000px;
max-width:100%;
margin:auto;
}
.dc-osd-page h2 {
margin: 0;
padding: 0;
padding-bottom: 15px;
margin-top: 15px;
}
.dc-osd-page p {
font-size: 14px;
line-height: 28px;
padding: 0;
margin: 0;
padding-bottom: 20px;
max-width: 800px;
margin: auto;
display: flex;
}
.osd-fea-main {
display: flex;
align-items: stretch;
flex-flow: row wrap;
justify-content: center;
background-color: #f9f9f9;
padding: 20px;
}
.dc-osd-page .osd-fea {
width: 550px;
max-width: 100%;
padding: 30px;
border-right: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
}
.dc-osd-page .osd-fea:nth-child(even) {
border-right: 0;
}
.dc-osd-page .osd-fea:last-child {
border-bottom: 0;
border-left: 1px dashed #ccc;
}
.dc-osd-page .osd-fea h3 {
padding: 0;
margin: 0;
display: flex;
padding-bottom: 5px;
font-weight: normal;
font-size: 17px;
line-height: normal;
padding-right: 20px;
align-items: center;
}
.dc-osd-page .osd-fea h3 img {
width: 40px;
height: 40px;
margin: 10px 12px 10px 0;
display: inline-block;
vertical-align: middle;
}
.dc-osd-page .osd-fea p {
padding: 0;
margin: 0;
padding-bottom: 15px;
font-size: 14px;
line-height: 28px;
}
.dc-osd-page p img {
width: 120px;
height: 120px;
margin: 15px 30px 0 0;
}
.call-out-sec {
padding: 35px 15px 55px;
}
.call-out-sec > p{
margin-bottom:30px;
}
.call-out-sec .call-out {
box-shadow: 0 0 10px #ccc;
max-width: 700px;
margin: auto;
padding: 15px;
display: flex;
align-items: center;
}
.call-out-sec .call-out p {
display: inline-block;
padding: 0;
font-size: 18px;
}
.call-out-sec .call-out a {
background-color: #eee;
display: inline-block;
padding: 9px 25px;
margin: 5px;
line-height: normal;
font-weight: bold;
font-size: 16px;
color: #fff;
text-decoration: none;
border: 1px solid;
}
.call-out-sec .call-out a.primary {
background-color: #da3a4c;
}
.call-out-sec .call-out a.secondary {
background-color: #079b4f;
}
.call-out-sec .call-out a.primary:hover {
background-color: #fff;
border-color: #da3a4c;
color: #da3a4c;
}
.call-out-sec .call-out a.secondary:hover {
background-color: #fff;
border-color: #079b4f;
color: #079b4f;
}
.lhs-tree .adspot {
display: block;
padding: 10px;
}
li#mob-dev1,li#mob-dev3 {
display: none;
}
li#mob-dev span:after {
display: none !important;
}
.lhs-tree .adspot:before {
content: 'Seminar';
font-weight: bold;
font-size: 16px;
padding-bottom: 8px;
display: block;
}
.apl-info-pmp {
position: fixed;
right: 0;
top: 150px;
background-color: #ecedee;
border-radius: 40px 0 0 40px;
font-size: 13px;
font-weight: bold;
padding: 0 15px 0 0;
width: 27px;
height: 42px;
overflow: hidden;
cursor: default;
color: transparent;
transition: width ease 350ms, color ease-in 350ms 200ms;
box-shadow: 0 1px 1px rgba(0,0,0,.3);
white-space: nowrap;
}
.apl-info-pmp span {
display: inline-block;
padding: 5px 0;
line-height: 16px;
font-size: 11px;
}
.apl-info-pmp span strong {
display: block;
font-size: 14px;
}
.apl-info-pmp span strong b {
font-size: 12px;
font-weight: normal;
}
.apl-info-pmp:before {
content: '';
display: inline-block;
border-radius: 40px;
background-color: #fff;
height: 31px;
width: 31px;
vertical-align: top;
margin: 6px 10px 6px 6px;
background-repeat: no-repeat;
}
.apl-info-pmp:before{
background-image: url('../images/apl-info-pmp-icon.png');
background-size: 30px auto;
background-position: 1.4px 6.4px;
}
.apl-info-pmp:hover,.apl-info-pmp.open {
width: 300px;
color: #000;
}
.rhs-cont .apl-info-pmp {
display: none;
}
.rhs-cont p{
font-size: 15px;
line-height: 30px;
}
.rhs-cont li {
font-size: 15px;
line-height: 30px;
}
.heading-menu .apl-info-pmp {
position: absolute;
top: 3px;
letter-spacing: normal;
box-shadow: none;
width: 300px;
color: #000;
}
.bnrcont-mb {
display: none
}
.rhs-cont a.noline {
text-decoration: none!important
}
.cust-logo {
border: none;
padding: 0;
text-align: center;
}
.cust-logo img {
max-width: 100%;
}
.footer .dc-social a {
height: 26px;
width: 27px;
display: inline-block;
margin: 0 5px 0 0
}
.footer .dc-social a:hover {
text-decoration: none
}
.newbnr {
margin-top: 87px;
position: relative;
overflow: hidden;
max-height: 380px;
width: 100%;
background: #EFEFEF;
border-bottom: 1px solid #ddd;
}
.mbH a:hover {
text-decoration: none;
}
.mT0 a:hover {
text-decoration: none;
}
.newbnrdiv {
max-height: 380px;
width: 100%;
display: block
}
.newbnrdiv li {
background: #efefef !important;
text-align: center
}
.newbnrdiv li img {
max-width: 100%
}
.newbnrdiv li .bnrcont {
width: 1400px;
max-width: 100%;
position: relative;
margin: 0 auto
}
.wdt60 {
width: 60%
}
.side-banner a:before {
content: 'Seminar';
display: block;
font-size: 17px;
font-weight: bold;
padding: 10px 0;
}
.side-banner a {
display: block;
padding: 0 10px 30px;
}
.newbnrtxt {
position: absolute;
z-index: 90;
opacity: 1;
left: 0;
display: block;
top: 50.5px;
width: 90%;
padding: 0 5%;
transition: all 0.2s ease-in-out 0s;
text-transform: none;
color: #fff;
text-align: left
}
.newbnrtxt .head {
font-size: 46px;
font-weight: 300;
line-height: 55px;
text-shadow: 1px 1px 1px #000
}
.newbnrtxt p {
font-size: 16px;
line-height: 20px;
text-shadow: 1px 1px 0 #000;
text-align: right;
margin: 10px 0
}
.newbnrtxt p span {
font-size: 14px;
display: block;
margin-left: 5px
}
.newbnrdwn {
display: inline-block
}
.newbnrdwn a {
background: #e9142b;
color: #fff;
text-transform: none;
font-weight: 300;
padding: 10px 20px;
font-size: 34px;
display: inline-block;
line-height: 34px;
transition: all 0.2s ease-in 0s;
border-radius: 5px;
text-decoration: none
}
.newbnr .newbnrnav {
position: absolute;
bottom: 6px;
right: 1px;
width: 100%;
text-align: right
}
.bnrnav {
width: 97%;
margin: 0 auto;
max-width: 1140px
}
.bnrnav a {
width: 10px;
height: 10px;
display: inline-block;
line-height: 3px;
margin-left: 5px;
background: #ccc;
border-radius: 5px;
text-decoration: none
}
.bnrnav a.bnrnav-act {
background: #7BBB2A
}
.prd-logo, .ess-icon, .ent-icon, .lee-icon, .feature-img, .resource-img, .wn-icon, .wn-active .wn-icon, .cust1, .cust2, .cust3, .cust4, .cust5, .cust6, .cust7, .cust8, .cust-qte-icon, .vid1, .vid2, .vid3, .vid4, .vid5, .vid6, .vid7, .vid8, .vid9, .fea-icon {
background: url(../images/dc-sprite-new.png) no-repeat 0 0
}
.prd-logo {
background-position: 0 -134px;
display: block;
height: 31px;
width: 237px;
margin-top: 4px;
text-indent: -100%;
position: relative;
overflow: hidden
}
.video-zone {
padding: 20px 20px 0px
}
.video-zone img {
max-width: 100%
}
.vid-lhs {
width: 220px;
float: left;
height: 446px;
overflow-y: auto
}
.vid-lhs a {
font-size: 12px;
line-height: 16px;
margin-bottom: 10px;
display: block;
text-decoration: none;
color: #333
}
.vid1, .vid2, .vid3, .vid4, .vid5, .vid6, .vid7, .vid8, .vid9 {
border: 3px solid #fff;
width: 190px;
height: 115px;
display: block;
margin-bottom: 5px
}
.vid1 {
background-position: -190px -200px
}
.vid2 {
background-position: -380px -200px
}
.vid3 {
background-position: 0 -315px
}
.vid4 {
background-position: -190px -315px
}
.vid5 {
background-position: -380px -315px
}
.vid6 {
background-position: 0 -430px
}
.vid7 {
background-position: -190px -430px
}
.vid8 {
background-position: -380px -430px
}
.vid9 {
background-position: 0 -200px
}
.vid-rhs {
width: 720px;
padding-left: 20px;
float: right
}
#vidPlay {
max-width: 722px
}
#vidPlay a {
display: block;
text-decoration: none
}
#vidPlay img {
border: 3px solid #fff
}
#vidFrame {
width: 100%;
height: 400px;
margin: 0;
padding: 0;
line-height: 0;
display: block
}
#vidDesc {
font-size: 18px;
margin-top: 20px
}
.main-vid img {
box-shadow: 0 0 1px #aaa
}
.hmcontent {
padding: 0 40px
}
#lhsTree {
padding-bottom: 0!important
}
#scroll ul.relPrd {
list-style-type: none;
line-height: 1.2em;
padding: 0
}
#scroll ul.relPrd > li {
color: #000;
font-size: 13px;
margin: 0;
padding: 0;
border-bottom: 1px solid #ECECEC;
}
#scroll ul.relPrd > li > span {
padding: 10px 0;
display: inline-block;
color: #000;
font-weight: bold
}
#scroll ul.relPrd li a {
color: #000;
}
#scroll ul.relPrd li ul {
list-style-type: none;
margin: 0;
padding: 0
}
#scroll ul.relPrd li ul li {
list-style-type: none;
margin: 0;
padding: 10px 0 10px 20px;
font-size: 12px;
border-top: 1px solid #ECECEC;
color: #000
}
#scroll ul.relPrd li ul li span {
margin-right: 18px
}
li#mobrep + .relPrd li ul li:first-child {
display: none;
}
#relPrdDCGroupDC{display:none}
.addonsHeader {
list-style: none outside none;
}
.addonsHeader {
border-bottom: 3px solid #ECEDEE;
padding-bottom: 0 !important;
}
.addonsHeader li {
display: inline-block;
padding: 5px 20px;
}
.addonsHeader .active {
background: none repeat scroll 0 0 #ECEDEE;
}
.bdr {
border-right: 1px solid #ecedee;
border-left: 1px solid #ecedee;
border-bottom: 1px solid #ecedee;
padding-top: 15px;
}
.bdr p {
font: 600 15px/24px 'Open Sans', sans-serif;
}
.bdr ul {
line-height: 30px;
padding-top: 0px !important;
}
.bdr ol {
line-height: 30px;
padding-top: 0px !important;
}
.appList {
list-style: none outside none;
}
.appList {
border-bottom: 1px solid #ECEDEE;
padding: 0 !important;
padding-top: 20px !important;
}
.appList li {
display: inline-block;
padding: 5px 20px;
background: #ecedee;
border-right: 1px solid #ecedee;
border-left: 1px solid #ecedee;
border-top: 1px solid #ecedee;
padding: 1.4% 5.1% 1.4% 5.1%;
}
.appList .active {
background: none repeat scroll 0 0 #fff;
border-right: 1px solid #ecedee;
border-left: 1px solid #ecedee;
border-top: 1px solid #ecedee;
padding: 1.4% 5.2% 1.4% 5.2%;
}
.appList .inactive {
cursor: pointer;
}
.navigation {
border-top: 1px dotted #CCCCCC;
margin: 30px 0;
padding: 20px;
}
.pR20 {
padding-right: 20px;
}
.hm-fea-cont {
float: left;
width: 83%;
position: relative;
overflow: hidden;
border: 1px solid #eee
}
.hm-fea-cont img {
max-width: 100%
}
.hm-fea-txt {
width: 90%;
position: absolute;
bottom: 0;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
padding: 2px 5%;
color: #fff;
border: 1px solid #eee;
border-top: none;
display: none;
text-align: center
}
.hm-fea-txt:first-child {
display: block
}
.hm-fea-txt p {
line-height: 20px;
margin: 10px 0 5px
}
.hm-fea-txt a {
color: #FF8134;
text-decoration: underline
}
.hm-fea-tn-act:after {
position: absolute;
left: -8px;
top: 36px;
display: inline-block;
border-top: 8px solid transparent;
border-right: 8px solid #ccc;
border-bottom: 8px solid transparent;
content: ''
}
.hm-fea-tn {
width: 15%;
padding-left: 1.5%;
float: left
}
.hm-fea-tn li {
position: relative
}
.hm-fea-tn1, .hm-fea-tn2, .hm-fea-tn3, .hm-fea-tn4, .hm-fea-tn5, .hm-fea-tn6 {
background: url(../images/opm-index-sprite.jpg) no-repeat 0 0;
width: 150px;
height: 77px;
display: inline-block;
border: 1px solid #ccc;
margin-bottom: 21px
}
.hm-fea-tn1 {
background-position: 0 0
}
.hm-fea-tn2 {
background-position: -150px 0
}
.hm-fea-tn3 {
background-position: 0 -77px
}
.hm-fea-tn4 {
background-position: -150px -77px
}
.hm-fea-tn5 {
background-position: 0 -154px
}
.hm-fea-tn6 {
background-position: -150px -154px
}
.wn-head {
background: #FFFDED;
padding: 10px 20px;
border-radius: 50px
}
#wn-list {
min-height: 330px
}
#wn-list li {
padding: 0 0 20px 0
}
#wn-list li > div {
display: none;
padding: 10px 0 10px 30px;
font-size: 12px
}
#wn-list li span {
cursor: pointer
}
#wn-list li .wn-icon {
width: 18px;
height: 18px;
display: inline-block;
background-position: -300px -44px;
float: left;
margin: 6px 8px 0 0
}
#wn-list li .wn-active .wn-icon {
background-position: -319px -44px
}
#wn-list img {
position: absolute;
right: 2%;
top: 70px
}
.wn-lhs-cont {
width: 38%;
padding: 0 2%;
float: left
}
.cust-pg-vid {
padding-bottom: 20px;
border: none
}
.cust-qte-icon {
background-position: -376px 0;
width: 200px;
height: 200px;
display: inline-block
}
.cust1 {
background-position: 0 0;
width: 104px;
height: 37px;
display: inline-block
}
.cust2 {
background-position: -104px 0;
width: 103px;
height: 30px;
display: inline-block
}
.cust3 {
background-position: 0 -37px;
width: 107px;
height: 23px;
display: inline-block;
margin-top: 5px
}
.cust4 {
background-position: -107px -30px;
width: 111px;
height: 29px;
display: inline-block
}
.cust5 {
background-position: 0 -63px;
width: 81px;
height: 20px;
display: inline-block;
margin-top: 5px
}
.cust6 {
background-position: -81px -63px;
width: 73px;
height: 13px;
display: inline-block;
margin-top: 10px
}
.cust7 {
background-position: 0 -83px;
width: 50px;
height: 50px;
display: inline-block
}
.cust8 {
background-position: -50px -83px;
width: 50px;
height: 50px;
display: inline-block
}
.feature-box {
margin-top: 20px;
color: #424f56
}
.feature-box p {
margin: 15px 0 5px 0;
color: #777
}
.feature-col1 {
width: 31%;
float: left;
margin-right: 3%;
padding: 20px 0
}
.feature-col2 {
width: 31%;
float: left;
margin-right: 3%;
padding: 20px 0
}
.feature-col3 {
width: 32%;
float: left;
padding: 20px 0
}
.feature-img {
margin: 5px 10px 0 0;
float: left;
height: 32px;
width: 32px;
display: inline-block
}
.fea-npm1 {
background-position: 0 -62px
}
.fea-npm2 {
background-position: 0 -94px
}
.fea-npm3 {
background-position: 0 -126px
}
.fea-npm4 {
background-position: 0 -158px
}
.fea-npm5 {
background-position: 0 -190px
}
.fea-npm6 {
background-position: 0 -222px
}
.fea-spm1 {
background-position: -32px -62px
}
.fea-spm2 {
background-position: -32px -94px
}
.fea-spm3 {
background-position: -192px -94px
}
.fea-spm4 {
background-position: -192px -126px
}
.fea-spm5 {
background-position: -32px -190px
}
.fea-spm6 {
background-position: -192px -158px
}
.fea-apm1 {
background-position: -64px -62px
}
.fea-apm2 {
background-position: -64px -94px
}
.fea-apm3 {
background-position: -64px -126px
}
.fea-apm4 {
background-position: -64px -158px
}
.fea-apm5 {
background-position: -64px -190px
}
.fea-apm6 {
background-position: -64px -222px
}
.fea-nfm1 {
background-position: -160px -222px
}
.fea-nfm2 {
background-position: -160px -190px
}
.fea-nfm3 {
background-position: -96px -126px
}
.fea-nfm4 {
background-position: -96px -158px
}
.fea-nfm5 {
background-position: -96px -190px
}
.fea-nfm6 {
background-position: -96px -222px
}
.fea-dcm1 {
background-position: -128px -62px
}
.fea-dcm2 {
background-position: -128px -94px
}
.fea-dcm3 {
background-position: -128px -126px
}
.fea-enm1 {
background-position: -128px -158px
}
.fea-enm2 {
background-position: -128px -190px
}
.fea-enm3 {
background-position: -128px -222px
}
.fea-dpl1 {
background-position: -160px -62px
}
.fea-dpl2 {
background-position: -160px -94px
}
.fea-dpl3 {
background-position: -160px -126px
}
.mT5 {
margin-top: 5px
}
.more-fea, .less-fea {
cursor: pointer;
text-decoration: underline;
display: inline-block
}
.more-fea-box {
display: none
}
.ess-icon {
width: 49px;
height: 54px;
display: inline-block;
margin: 28px auto;
background-position: 0 0
}
.ent-icon {
width: 109px;
height: 62px;
display: inline-block;
margin: 23px auto;
background-position: -49px 0
}
.lee-icon {
width: 142px;
height: 62px;
display: inline-block;
margin: 23px auto;
background-position: -158px 0
}
.dwn-nav-link {
line-height: 46px;
display: block;
text-align: center;
background: #ECEDEE;
margin-top: 2px
}
.dwn-nav-link a:hover {
text-decoration: underline
}
.other-option-head {
margin-top: 40px
}
.other-option-head span {
padding: 5px 20px;
font-size: 18px;
line-height: 28px;
cursor: pointer;
display: inline-block
}
.other-option-head span.act {
background: #fff
}
.other-option {
background: #fff;
padding: 20px 2%
}
.other-option-cont .otr-dwn-cont li {
font-size: 14px
}
.rhs-cont-box {
padding: 20px 0 40px;
border-bottom: 1px solid #eee
}
.inner-fea-img {
width: 47%;
float: left
}
.inner-fea-img img {
border: 3px solid #eee;
max-width: 100%
}
.inner-fea-txt {
width: 47%;
padding-left: 6%;
float: left;
color: #777
}
.inner-fea-txt p {
margin-top: 0
}
.inner-fea-txt1 p {
margin-top: 0
}
.inner-fea-txt1 {
width: 47%;
padding-right: 6%;
float: left;
color: #777
}
.ticked {
font-size: 16px!important;
color: #7eac2d;
text-align: center
}
.red {
color: #f00
}
p.note {
display:table;
background-color: #eee;
padding: 15px;
}
p.note strong:first-child {
display: table-cell;
padding-right: 10px;
}
ol.note, ul.note {
background-color: #eee;
padding: 25px 25px 25px 43px !important;
list-style-position: outside;
}
table.compareTable {
width: 100%;
border-collapse: collapse;
text-align: left;
margin: 20px auto
}
table.compareTable thead tr th {
background-color: hsl(210, 6%, 93%);
border: 1px solid hsl(0, 0%, 90%);
font-size: 14px;
line-height: 20px;
padding: 0.6em;
text-align: left;
}
table.compareTable td {
border: 1px solid hsl(0, 0%, 90%);
font-size: 14px;
padding: 0.6em;
text-align: left;
vertical-align: top;
}
table.normalTable {
width: 100%;
border-collapse: collapse;
text-align: left;
margin: 20px auto
}
table.normalTable thead tr th {
background-color: hsl(210, 6%, 93%);
border: 1px solid hsl(0, 0%, 90%);
font-size: 14px;
line-height: 20px;
padding: 0.6em;
text-align: left;
}
table.normalTable td {
border: 1px solid hsl(0, 0%, 90%);
font-size: 14px;
padding: 0.6em;
text-align: left;
vertical-align: top;
}
table.editionTable {
width: 100%;
border-collapse: collapse;
text-align: left;
margin: 20px auto
}
table.editionTable thead tr th {
padding: 0.6em;
background-color: #ECEDEE;
text-align: center;
font-size: 18px;
border: 1px solid #E5E5E5;
line-height: 20px
}
table.editionTable thead tr th span {
font-size: 10px;
line-height: 12px!important
}
table.editionTable tbody tr td:first-child {
background-color: #f8f8f8;
text-align: left
}
table.editionTable td {
vertical-align: middle;
padding: 0.6em;
width: 24%;
border: 1px solid #e5e5e5;
font-size: 12px;
text-align: center
}
table.editionTable td:first-child {
width: 27%
}
table.editionTable tfoot td {
font-weight: bold;
text-align: center;
background-color: #ECEDEE
}
table.editionTable tfoot td:first-child {
text-align: left
}
.edibox {
background: #f6f6f6
}
#plugin li {
padding: 0
}
#plugin {
padding-left: 20px
}
#plugin ul {
padding-left: 10px
}
.resource-box a {
color: #333
}
.resource-box p {
margin: 10px 0 0 0;
color: #777;
font-size: 14px;
padding-left: 26px
}
.resource-col1 {
width: 24%;
float: left;
margin-right: 1%;
padding: 20px 0
}
.resource-col2 {
width: 24%;
float: left;
margin-right: 1%;
padding: 20px 0
}
.resource-col3 {
width: 24%;
float: left;
margin-right: 1%;
padding: 20px 0
}
.resource-col4 {
width: 24%;
float: left;
margin-right: 1%;
padding: 20px 0
}
.resource-img {
margin: 5px 10px 50px 0;
float: left;
height: 16px;
width: 16px;
display: inline-block
}
.res1 {
background-position: 0 -165px
}
.res2 {
background-position: -16px -165px
}
.res3 {
background-position: -32px -165px
}
.res4 {
background-position: -48px -165px
}
.res5 {
background-position: -64px -165px
}
.res6 {
background-position: -80px -165px
}
.res7 {
background-position: -96px -165px
}
.res8 {
background-position: -112px -165px
}
.res9 {
background-position: -128px -165px
}
.resource-img.res20 {
background-position: -145px -165px;
width: 20px;
margin-right: 6px;
}
.res-inhead {
font-size: 18px;
letter-spacing: -0.5px
}
.res-form-box {
border-top: 1px solid #eee;
padding-top: 20px;
margin-top: 20px
}
.res-form-col1 {
width: 48%;
padding-right: 2%;
float: left
}
.res-form-col2 {
width: 48%;
padding-left: 2%;
float: left
}
a.demo-pg-sprite:hover, a.img-pop:hover {
text-decoration: none
}
.fault-mgmt-sprite {
background: url(../images/fault-mgmt-sprite.png) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.fault-mgmt1 {
background-position: 0 0
}
.fault-mgmt2 {
background-position: -166px 0
}
.fault-mgmt3 {
background-position: -332px 0
}
.fault-mgmt4 {
background-position: 0 -166px
}
.fault-mgmt5 {
background-position: -166px -166px
}
.fault-mgmt6 {
background-position: -332px -166px
}
.fault-mgmt7 {
background-position: 0 -332px
}
.fault-mgmt8 {
background-position: -166px -332px
}
.fault-mgmt9 {
background-position: -332px -332px
}
.route-mon-sprite {
background: url(../images/router-monitoring-sprite.png) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.route-mon1 {
background-position: 0 0
}
.route-mon2 {
background-position: 0 -166px
}
.route-mon3 {
background-position: 0 -332px
}
.route-mon4 {
background-position: 0 -498px
}
.route-mon5 {
background-position: -166px 0
}
.route-mon6 {
background-position: -166px -166px
}
.route-mon7 {
background-position: -166px -332px
}
.net-map-sprite {
background: url(../images/network-mapping-sprite.png) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.net-map1 {
background-position: 0 0
}
.net-map2 {
background-position: -165px 0
}
.net-map3 {
background-position: -330px 0
}
.net-map4 {
background-position: -495px 0
}
.net-map5 {
background-position: 0 -165px
}
.net-map6 {
background-position: -165px -165px
}
.net-map7 {
background-position: -330px -165px
}
.net-map8 {
background-position: -495px -165px
}
.net-map9 {
background-position: 0 -330px
}
.net-map10 {
background-position: -165px -330px
}
.net-map11 {
background-position: -330px -330px
}
.net-map12 {
background-position: -495px -330px
}
.net-map13 {
background-position: 0 -495px
}
.net-map14 {
background-position: -165px -495px
}
.document-tbl {
width: 100%;
border-collapse: collapse
}
.document-tbl td {
width: 50%;
padding: 5px;
border: 1px solid #ddd
}
.document-tbl tr.head {
background: #EBEBEB;
font-size: 14px
}
.document-tbl tr.odd {
background: #fff;
font-size: 12px
}
.document-tbl tr.even {
background: #f8f8f8;
font-size: 12px
}
.what-snmp-tbl td {
border: 1px solid #ddd;
padding: 5px
}
.net-perf-monitor-sprite {
background: url(../images/net-perf-monitor-sprite.png) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.net-perf-mon1 {
background-position: 0 0
}
.net-perf-mon2 {
background-position: -165px -165px
}
.net-perf-mon3 {
background-position: 0 -165px
}
.net-traf-analis-sprite {
background: url(../images/network-traffic-analysis-sprite.png) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.net-traf1 {
background-position: 0 -165px
}
.net-traf2 {
background-position: -165px -165px
}
.net-traf3 {
background-position: -165px -330px
}
.net-traf4 {
background-position: 0 -330px
}
.net-traf5 {
background-position: -165px 0
}
.net-traf6 {
background-position: 0 0
}
.ser-moni-sprite {
background: url(../images/server-monitoring-sprite.png) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.ser-moni1 {
background-position: -330px 0
}
.ser-moni2 {
background-position: 0 0
}
.ser-moni3 {
background-position: -165px 0
}
.ser-moni4 {
background-position: 0 -165px
}
.ser-moni5 {
background-position: -165px -165px
}
.ser-moni6 {
background-position: -330px -165px
}
.ser-moni7 {
background-position: 0 -330px
}
.vmware-sprite {
background: url(../images/vmware-monitoring-sprite.png) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.vmware-tn1 {
background-position: 0 0
}
.vmware-tn2 {
background-position: -165px 0
}
.vmware-tn3 {
background-position: 0 -165px
}
.vmware-tn4 {
background-position: -165px -165px
}
.vmware-tn5 {
background-position: 0 -330px
}
.switch-sprite {
background: url(../images/switch-monitoring-sprite.png) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.switch-tn1 {
background-position: 0 0
}
.switch-tn2 {
background-position: 0 -165px
}
.plug-nav-inner {
text-align: center
}
.plug-nav-inner a {
margin: 20px;
color: #333;
background: #ddd;
padding: 5px 10px;
display: inline-block
}
.cust-vid1, .cust-vid2, .cust-vid3, .cust-vid4, .cust-vid5 {
background: url(../images/opm-cust-video-sprite.png) no-repeat 0 0;
border: 3px solid #fff;
display: block;
height: 126px;
margin-bottom: 5px;
width: 190px
}
.cust-vid1 {
background-position: 0 0
}
.cust-vid2 {
background-position: -190px 0
}
.cust-vid3 {
background-position: 0 -126px
}
.cust-vid4 {
background-position: -190px -126px
}
.cust-vid5 {
background-position: -190px -252px
}
.tableborder {
background: none;
border: 1px solid #c2c2c2;
padding: 1px
}
.demo-pg-sprite {
background: url(../images/demos-sprite.png) no-repeat 0 0;
height: 126px;
width: 190px;
display: inline-block;
border: 2px solid #ddd
}
.demo-pg-tn1 {
background-position: 0 0
}
.demo-pg-tn2 {
background-position: -190px 0
}
.demo-pg-tn3 {
background-position: -380px 0
}
.demo-pg-tn4 {
background-position: -190px -126px
}
.demo-pg-tn5 {
background-position: -380px -126px
}
.demo-pg-tn6 {
background-position: 0 -252px
}
.demo-pg-tn7 {
background-position: -190px -252px
}
.demo-pg-tn8 {
background-position: -380px -252px
}
.demo-pg-tn9 {
background-position: 0 -378px
}
.demo-pg-tn10 {
background-position: -190px -378px
}
.demo-pg-tn11 {
background-position: -380px -378px
}
.ipam-spm-sprite {
background: url(../images/ipam-spm-sprite.png) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.ipam-spm1 {
background-position: 0 0
}
.ipam-spm2 {
background-position: -165px 0
}
.ipam-spm3 {
background-position: 0 -165px
}
.ipam-spm4 {
background-position: -165px -165px
}
.opm-addon-sprite {
background: url(../images/opmanager-addons-sprite.jpg) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.opm-addon1 {
background-position: 0 0
}
.opm-addon2 {
background-position: -165px 0
}
.opm-addon3 {
background-position: -330px 0
}
.opm-addon4 {
background-position: 0 -165px
}
.opm-addon5 {
background-position: -165px -165px
}
.opm-addon6 {
background-position: -330px -165px
}
.opm-addon7 {
background-position: 0 -330px
}
.opm-addon8 {
background-position: -165px -330px
}
.opm-addon9 {
background-position: -330px -330px
}
.opm-addon10 {
background-position: 0 -495px
}
.wan-mgmt-sprite {
background: url(../images/wan-management-sprite.jpg) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.wan-mgmt1 {
background-position: 0 0
}
.wan-mgmt2 {
background-position: -165px 0
}
.wan-mgmt3 {
background-position: 0 -165px
}
.wan-mgmt4 {
background-position: -165px -165px
}
.voip-mntr-sprite {
background: url(../images/voip-monitor-sprite.jpg) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.voip-mntr1 {
background-position: 0 0
}
.voip-mntr2 {
background-position: -165px 0
}
.voip-mntr3 {
background-position: -330px 0
}
.voip-mntr4 {
background-position: 0 -165px
}
.voip-mntr5 {
background-position: -165px -165px
}
.systems-mgmt-sprite {
background: url(../images/systems-mgmt-sprite.jpg) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.systems-mgmt1 {
background-position: 0 0
}
.systems-mgmt2 {
background-position: -165px 0
}
.systems-mgmt3 {
background-position: 0 -165px
}
.systems-mgmt4 {
background-position: -165px -165px
}
.fault-mntr-sprite {
background: url(../images/fault-monitoring-sprite.jpg) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.fault-mntr1 {
background-position: 0 0
}
.fault-mntr2 {
background-position: -165px 0
}
.fault-mntr3 {
background-position: -330px 0
}
.fault-mntr4 {
background-position: 0 -165px
}
.fault-mntr5 {
background-position: -165px -165px
}
.net-moni-temp-sprite {
background: url(../images/network-monitor-templates-sprite.jpg) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.net-moni-temp1 {
background-position: 0 0
}
.net-moni-temp2 {
background-position: -165px 0
}
.net-conf-mgmt-sprite {
background: url(../images/net-config-mgmt-sprite.jpg) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.net-conf-mgmt1 {
background-position: 0 0
}
.net-conf-mgmt2 {
background-position: -165px 0
}
.net-conf-mgmt3 {
background-position: -330px 0
}
.net-conf-mgmt4 {
background-position: 0 -165px
}
.net-conf-mgmt5 {
background-position: -165px -165px
}
.net-conf-mgmt6 {
background-position: -330px -165px
}
.service-mntr-sprite {
background: url(../images/service-mntr-sprite.jpg) no-repeat 0 0;
height: 165px;
width: 165px;
display: inline-block
}
.service-mntr1 {
background-position: 0 0
}
.spack-plug > span {
font-size: 18px;
text-decoration: underline;
margin-top: 10px;
cursor: pointer;
display: inline-block
}
.spack-plug-box {
background: #fff;
margin-top: 10px;
width: 220px;
margin: 0 auto;
display: none
}
.spack-plug-box a {
padding: 2px 0;
display: block;
background: #fbfbfb;
border-bottom: 1px solid #eee
}
.spack-plug-box a:hover {
background: #f6f6f6
}
.spack-btn {
display: block;
font-size: 12px;
line-height: 16px;
margin: 10px 0 0
}
.spack-lic {
font-size: 12px;
margin-top: 40px;
color: #888
}
.spack-lic a {
color: #888
}
.spack-tbl {
margin-top: 20px
}
.spack-tbl td {
border: 1px solid #ddd;
padding: 10px
}
.spack-tbl th {
border: 1px solid #ddd;
padding: 10px;
background: #f8f8f8;
font-weight: bold
}
.service-monitoring {
width: 100%
}
.service-monitoring td {
border: 1px solid #ddd;
padding: 10px
}
.lictxt {
font-size: 12px;
margin-top: 10px
}
.hm-fea-box p {
height: 100px
}
.hm-fea-box .more {
color: #7BBB2A;
font-size: 12px
}
.hm-fea-col1 {
background: #f8f8f8;
border-top: 1px dashed #aaa;
float: left;
padding: 2%;
width: 28%;
margin: 2% 2% 0 0
}
.hm-fea-col2 {
background: #f8f8f8;
border-top: 1px dashed #aaa;
float: left;
padding: 2%;
width: 28%;
margin: 2% 2% 0 0
}
.hm-fea-col3 {
background: #f8f8f8;
border-top: 1px dashed #aaa;
float: left;
padding: 2%;
width: 28%;
margin: 2% 0 0 0
}
.hm-fea-col1 a, .hm-fea-col2 a, .hm-fea-col3 a {
color: #333;
text-decoration: none
}
.cs-std-table td {
vertical-align: middle;
padding: 30px 15px;
}
.cs-std-table td.pL20 {
border-bottom: 1px solid #eee;
padding-bottom: 35px;
padding-top: 35px;
}
.cs-std-table td > a {
display: inline-block;
vertical-align: middle;
}
.cs-std-table td > p {
margin: 0;
}
.cs-std-table img {
max-width: 120px !important;
max-height: 120px;
margin-bottom: 5px;
}
.fea-icon {
height: 32px;
width: 32px;
display: inline-block
}
.fea-icon1 {
background-position: 0 -545px
}
.fea-icon2 {
background-position: -32px -545px
}
.fea-icon3 {
background-position: -64px -545px
}
.fea-icon4 {
background-position: -96px -545px
}
.fea-icon5 {
background-position: -128px -545px
}
.fea-icon6 {
background-position: -160px -545px
}
.fea-icon7 {
background-position: -192px -545px
}
.fea-icon8 {
background-position: -224px -545px
}
.fea-icon9 {
background-position: -256px -545px
}
.fea-icon10 {
background-position: -288px -545px
}
.fea-icon11 {
background-position: -320px -545px
}
.fea-icon12 {
background-position: -352px -545px
}
.fea-icon13 {
background-position: -384px -545px
}
.fea-icon14 {
background-position: -416px -545px
}
.fea-icon15 {
background-position: -448px -545px
}
.fea-icon16 {
background-position: -480px -545px
}
.fea-icon17 {
background-position: -512px -545px
}
.fea-icon18 {
background-position: -544px -545px
}
.fea-icon19 {
background-position: 0 -577px
}
.fea-icon20{
background-position: -34px -579px
}
.fea-inhead {
font-size: 18px;
margin-top: 4px;
margin-left: 2%;
letter-spacing: -0.5px
}
.int-sub-hd a {
margin-left: 0!important;
color: #0099CC;
}
.c7 {
color: #777777!important;
}
.fea-inhead2 {
font-size: 16.5px;
margin-top: 4px;
margin-left: 2%;
letter-spacing: -0.5px
}
.fea-inhead a {
color: #0099cc;
text-decoration: none
}
.fea-inhead1 {
margin-top: 0
}
.feaSec-head {
font-size: 16px;
display: inline-block;
margin: 12px 0 0 10px
}
.dblline {
margin-top: 0
}
a.dclnmore {
color: #888888;
}
a.dclnmore {
color: #888888;
display: inline-block;
margin-top: 10px;
text-decoration: none;
}
a.dclnmore1 {
color: #FF8134;
}
a.dclnmore1 {
color: #FF8134;
display: inline-block;
margin-top: 10px;
text-decoration: none;
}
.link-feature-box {
margin: 15px 0 5px 0;
color: #777
}
.sec-pTB a:hover {
text-decoration: underline;
}
.dwn-prob.mT10 a:hover {
color: #fff;
}
.sec-pTB1 {
padding: 40px 0
}
.sec-pTB1 a:hover {
text-decoration: none
}
;
.hmcontent a:hover {
text-decoration: underline
}
;
a.dclnmore {
text-decoration: none;
color: #888888;
margin-top: 10px;
display: inline-block
}
a.dclnmore .lnarw {
background-position: -287px 0px;
height: 13px;
width: 13px;
display: inline-block;
line-height: 12px;
margin-right: 5px
}
a.lnmore:hover {
text-decoration: none
}
/*windows-patch-management.html*/
.wpm1, .wpm2 {
background: url(../images/windows-patch-management.jpg) no-repeat 0 0;
width: 164px;
height: 164px;
display: block
}
.wpm1 {
background-position: 0 0
}
.wpm2 {
background-position: -165px 0
}
.hm-edi-col1 {
float: left;
margin-right: 2%;
padding-top: 50px;
width: 29%;
}
.hm-edi-col2 {
float: left;
margin-right: 2%;
padding-top: 50px;
width: 30%;
}
.hm-edi-col3 {
float: left;
margin-right: 2%;
padding-top: 50px;
width: 30%;
}
.row div:first-child {
margin-left: 3%
}
.hm-edi-col11 {
float: left;
margin-right: 2%;
padding-top: 50px;
width: 32%;
}
.hm-edi-col12 {
float: left;
margin-right: 2%;
padding-top: 50px;
width: 32%;
}
.hm-edi-col13 {
float: left;
padding-top: 50px;
width: 32%;
}
.hmedndiv h2 {
color: #7BBB2A;
font-size: 24px;
font-weight: 400;
margin: 0;
text-shadow: 1px 1px 1px #FFFFFF;
}
.hmedndiv1 h2 {
color: #7BBB2A;
font-size: 24px;
font-weight: 800;
margin: 0;
text-shadow: 1px 1px 1px #F1F1F1;
}
.hm-edi-col14 {
float: left;
margin-right: 2%;
padding-top: 50px;
width: 100%;
}
.h1, h1 {
font-size: 30px;
line-height: 40px;
margin: 0px 0 0px;
}
.h2, h2 {
font-size: 25px;
line-height: 34px;
margin: 0px 0 0px;
}
.hm-edi-col1 div, .hm-edi-col2 div, .hm-edi-col3 div {
font-size: 14px;
}
.row .hm-edi-col3 ul {
min-height: 0;
border-bottom: none;
border-right: none;
}
.hd-btm0 .h3, h3 {
margin: 0!important
}
.hm-edi-col1 ul, .hm-edi-col2 ul, .hm-edi-col3 ul {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #DDDDDD;
margin-top: 20px;
min-height: 270px;
padding: 5% 0;
}
.hm-edi-col11 ul, .hm-edi-col12 ul, .hm-edi-col13 ul {
background: none repeat scroll 0 0 #F1F1F1;
;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #DDDDDD;
margin-top: 20px;
min-height: 270px;
padding: 5% 0;
}
ol, ul {
list-style: none outside none;
}
.hm-edi-col1 ul li, .hm-edi-col2 ul li, .hm-edi-col3 ul li {
line-height: 33px;
margin-left: 10px;
padding: 0 0 5px 25px;
}
.hm-edi-col11 ul li, .hm-edi-col12 ul li, .hm-edi-col13 ul li {
line-height: 33px;
margin-left: 10px;
padding: 0 0 5px 25px;
}
.dc-col1 {
float: left;
margin-right: 1%;
width: 45%;
padding: 2%;
background: ##F1F1F1;
}
.dc-col2 {
float: left;
margin-left: 1%;
padding: 2%;
width: 45%;
background: ##F1F1F1;
}
.customer-logo {
border-top: 1px dashed #333333;
padding: 20px 0 20px;
;
}
a {
border: medium none;
color: #0779b7;
outline: medium none;
text-decoration: none;
}
.mdmwheel_heading {
color: #5d9b36;
font-size: 13px;
font-weight: bold;
text-decoration: underline
}
#mdmFeaturesList {
width: 230px;
float: left;
z-index: 97;
position: relative
}
#mdmFeaturesList ul {
margin-left: 0;
padding-left: 0
}
#mdmFeaturesList ul li {
list-style-type: none
}
#mdmFeatRight {
width: 455px;
float: left;
border: 1px solid #CCC;
border-radius: 5px;
height: 300px;
z-index: -10;
margin-bottom: 30px;
margin-left: -1px
}
#mdmFeatRight ul li {
list-style-image: url(https://www.manageengine.com/products/images/next.gif)
}
.mdm-wheel {
background-position: 0 0;
height: 282px;
margin: 0 auto;
overflow: hidden;
text-indent: -87px;
width: 299px;
}
.mdmwheel_heading a, .mdmwheel_heading a:link, .mdmwheel_heading a:visited, .mdmwheel_heading a:hover {
color: #2fabe4
}
#mdmFeaturesList a {
color: #313131;
padding: 7px;
display: block;
border: 1px solid #CCC;
cursor: pointer;
margin-bottom: 5px;
text-decoration: none;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-right: none;
font-size: 12px
}
#mdmFeaturesList img {
padding-right: 5px
}
#mdmFeat_contentArea ul {
margin-top: 0px
}
.selectedLink, .defaultLink a {
font-weight: bold;
background: url(../images/mdmfeat-btnbg.png) no-repeat;
background-position: left top
}
#mdmFeaturesList ul li.selectedLink, li.defaultLink {
border-right: 1px solid #fff
}
.securitymgmt, .appmgmt, .assetmgmt, .profile, .enroll, .audit-reports, .mdm-wheel, .gbank, .custmore, .certislogo, .shi1, .shi2 {
background: url(../images/mdm-sprite.png) no-repeat top left
}
.securitymgmt, .appmgmt, .assetmgmt, .profile, .enroll, .audit-reports {
height: 25px;
padding-left: 35px !important
}
.securitymgmt {
background-position: -382px 8px
}
.appmgmt {
background-position: -382px -70px
}
.assetmgmt {
background-position: -382px -155px
}
.profile {
background-position: -382px -31px
}
.enroll {
background-position: -382px -111px
}
.audit-reports {
background-position: -382px -198px
}
.mdm-wheel {
background-position: 0 0;
height: 282px;
width: 299px;
margin: 0 auto;
text-indent: -87px;
overflow: hidden
}
.gbank {
background-position: -300px -239px;
height: 43px;
width: 110px
}
.userdetail, .userlogon {
background: url(../images/windows-user-logon-reports.jpg) no-repeat 0 0;
width: 141px;
height: 104px;
display: block
}
.userdetail {
background-position: 0 0
}
.userlogon {
background-position: -141px 0
}
.wst, .stw {
background: url(../images/wst-sprite.jpg) no-repeat 0 0;
width: 141px;
height: 104px;
display: block
}
.wst {
background-position: 0 0
}
.stw {
background-position: -141px 0
}
.cust-nav-dc {
display: block;
padding-bottom: 30px;
text-align: center;
}
.cust-nav-dc a {
background: none repeat scroll 0 0 #758691;
border-radius: 3px;
color: #FFFFFF;
display: inline-block;
font-size: 24px;
margin-top: 20px;
padding: 5px 20px;
}
.dccust-txt {
float: left;
width: 75%;
}
.dccust-img {
float: left;
width: 15%;
}
.dcdload-img {
opacity: 0.7;
margin-bottom: 6px;
}
.cust-logo-dc {
border-top: 1px dashed #333333;
padding: 20px 0 0 20;
;
}
.dccust-img1 {
margin-left: 4px;
}
.hmedndiv4 h2 {
color: #7BBB2A;
font-size: 24px;
font-weight: 400;
margin: 0;
text-shadow: 1px 1px 1px #FFFFFF;
}
table.dceditionTable thead tr th {
background-color: #ECEDEE;
border: 1px solid #E5E5E5;
font-size: 18px;
line-height: 20px;
padding: 0.6em;
text-align: center;
}
table.dceditionTable td {
border: 1px solid #E5E5E5;
font-size: 12px;
padding: 0.6em;
text-align: center;
vertical-align: middle;
width: 17%;
}
.dcticked {
color: #7EAC2D;
font-size: 16px !important;
text-align: center;
}
.dcred {
color: #FF0000;
font-size: 16px !important;
text-align: center;
}
.dcnotebox {
background: none repeat scroll 0 0 #F8F8F8;
border: 1px solid #DDDDDD;
margin: 30px 0 0;
padding: 2%;
}
.dcdload-img1 {
margin-bottom: 20px 0 0 20px;
;
opacity: 0.7;
}
.adbox {
background: #f8f8f8;
border: 1px solid #ddd;
box-shadow: inset 0 0 60px #ddd;
margin: 40px auto;
padding: 2%;
text-shadow: 2px 2px 2px #DDD;
font-size: 26px;
line-height: 50px
}
.adbox a {
color: #008000;
box-shadow: 0 0 4px #CCCCCC;
background: #eee;
padding: 2px 20px
}
.fea-icon {
display: inline-block;
height: 32px;
width: 32px;
}
.contlink a {
color: #333!important
}
.btn-blk a {
background: none repeat scroll 0 0 #000000;
border-radius: 5px;
color: #FFFFFF;
font-size: 24px !important;
padding: 5px 30px
}
.mB40 {
margin-bottom: 40px
}
.pB30 {
padding-bottom: 30px
}
.prodDownbtnWin {
background: url(../images/win-lin.png) no-repeat scroll -6px -5px;
display: inline-block;
height: 29px;
width: 28px;
margin: 15px
}
.prodDownbtnBg {
color: #FFFFFF;
display: inline-block;
font-size: 28px;
height: 40px;
padding: 10px;
}
.prodDownbtnArw {
background: url(../images/dwn-arrow.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: inline-block;
height: 60px;
width: 43px;
margin-right: 5px
}
.prodDownbtn {
display: inline-block;
padding: 60px 0 10px;
}
.prodDownbtn a {
background: #e9142b;
display: inline-block;
border-radius: 5px;
}
.prodDownbtn a:hover {
background: #e3142b
}
.prodDownbtnRhs {
background: url("https://www.manageengine.com/images/downloadbtnrhs.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: inline-block;
height: 60px;
}
.prodDownbtnsml {
font-size: 12px
}
.dwn-link-cont {
width: 57.7%
}
.dwn-form-cont {
padding: 20px 7% 5px
}
.nav-dwn a, .prd-nav .btm-dwn a {
background: #e9142b
}
.nav-dwn a:hover, .prd-nav .btm-dwn a:hover {
background: #e3142b
}
.nav-qte a {
background: #C4C8CC;
color: #333333;
}
.nav-qte a:hover {
background: #5BBB2A
}
a.dcbnrDwn {
background: #e9142b;
color: #fff;
font-size: 32px;
font-weight: 400;
padding: 10px 20px 12px 15px;
display: inline-block;
bottom: 20%;
z-index: 2;
left: 0;
position: absolute;
border-radius: 5px
}
a.dcbnrDwn:hover {
background: #e3142b;
text-decoration: none
}
.dcbnrDwnIcon {
background: url(../images/download-arrow.gif) no-repeat 0 0;
height: 22px;
width: 22px;
display: inline-block;
margin-left: 5px
}
.hmEdition1 {
width: 235px;
float: left;
margin: 20px 20px 20px 0;
background: #f1f1f1
}
.hmEdition2 {
width: 235px;
float: left;
margin: 20px 20px 20px 0;
background: #f1f1f1
}
.hmEdition3 {
width: 235px;
float: left;
margin: 20px 20px 20px 0;
background: #f1f1f1
}
.hmEdition4 {
width: 235px;
float: left;
margin: 20px 0;
background: #f1f1f1
}
.hmEditionHead {
background: #4f565e;
color: #fff;
font-size: 30px;
padding: 20px;
line-height: 32px;
font-weight: 300;
text-align: center
}
.hmEditionCont {
font-size: 14px;
padding: 10px 20px;
color: #888;
height: 300px
}
.hmEditionCont ul {
margin: 0;
padding: 0;
list-style-type: none
}
.hmEditionCont ul li {
margin: 0;
padding: 5px 0 5px 12px;
line-height: 24px;
position: relative
}
.hmEditionCont ul li span {
margin-right: 20px;
display: inline-block;
position: absolute;
left: 0;
top: 6px;
color: #69b121
}
.hmEditionCont a {
color: #888
}
.hmEditionFoot {
padding: 0 20px 20px 20px;
height: 40px
}
.hmEditionFoot a.trynow {
background: #7BBB2A;
padding: 7px 20px;
font-size: 28px;
line-height: 30px;
text-align: center;
color: #fff;
text-decoration: none;
display: inline-block;
font-weight: 300
}
.hmEditionFoot a.trynow:hover {
background: #5BBB2A
}
.hmEdi1 {
width: 235px;
float: left;
margin: 20px 20px 0 0;
background: #CBCCD0;
color: #000
}
.hmEdi1 .hmEdiCont {
color: #000
}
.hmEdi1 .hmEdiFoot {
padding-bottom: 54px
}
.hmEdi1 .hmEdiCont a {
color: #fff
}
.hmEdi2 {
width: 745px;
float: left;
margin: 20px 0 0 0;
background: #f1f1f1
}
.hmEdiCol1 {
width: 33.34%;
float: left
}
.hmEdiCol2 {
width: 50%;
float: left
}
.hmEdiCol3 {
width: 50%;
float: left
}
.hmEdiCol1 .hmEdiCont {
border-right: 1px solid #ccc
}
.hmEdiCol2 .hmEdiCont {
border-right: 1px solid #ccc
}
.hmEdiHead {
background: #4f565e;
color: #fff;
font-size: 30px;
padding: 12px 20px;
line-height: 32px;
font-weight: 300;
text-align: center
}
.hmEdiCont {
padding: 0 20px;
margin: 20px 0;
color: #888;
height: 236px
}
.hmEdiCont ul {
margin: 0;
padding: 0;
list-style-type: none
}
.hmEdiCont ul li {
margin: 0;
padding: 3px 0 3px 12px;
line-height: 24px;
position: relative
}
.hmEdiCont ul li span {
margin-right: 20px;
display: inline-block;
position: absolute;
left: 0;
top: 3px;
color: #69b121
}
.hmEdition a {
color: #888
}
.hmEdiFoot {
padding: 0 20px 6px;
}
.hmEdi1 .hmEdiFoot a.trynow {
background: #66B10C;
padding: 7px 0;
font-size: 30px;
line-height: 34px;
text-align: center;
color: #fff;
text-decoration: none;
font-weight: 300;
display: block
}
.hmEdi2 .hmEdiFoot a.trynow {
background: #4f565e;
padding: 7px 40px;
font-size: 30px;
line-height: 34px;
text-align: center;
color: #fff;
text-decoration: none;
display: inline-block;
font-weight: 300
}
#downloadSubmit {
background: #C4C8CC;
color: #333
}
#downloadSubmit:hover {
background: #bdc1c5
}
.mobile-app-icon:after{
content:'';
position: absolute;
left: 5px;
top: 5px;
bottom: 5px;
width: 8px;
background-image:url('../images/mobile-app-icon.png');
background-repeat:no-repeat;
background-position:center center;
background-size:8px 14px;
}
.mobile-app .aside-image{
width:350px;
float:left;
padding-right:40px;
}
.mobile-app .qr-image{
width:450px;
padding-right:40px;
float:left;
margin-top: 25px;
}
.mobile-app p {
margin: 15px;
margin-left:0;
text-align: left;
font-size: 15px;
line-height: 28px;
}
.mobile-app .features-list {
display: inline-block;
width: 48%;
padding: 30px 0;
border-right: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
vertical-align: top;
min-height: 200px;
}
.mobile-app .features-list:nth-child(even){
border-right: 0px dashed #ccc;
}
.mobile-app .features-list:last-child {
border-bottom: 0;
border-left: 1px dashed #ccc;
}
.mobile-app .features-list h3 {
text-align: left;
padding-top:0;
}
.mobile-app h3 {
text-align: left;
padding-top:15px;
}
.mobile-app img.features-icon {
width: 70px;
float: left;
padding: 0 15px;
margin-bottom: 95px;
}
.mobile-app ul li{
text-align:left;
font-size:17px;
line-height:40px;
}
.mobile-app ul li:before {
content: '';
display: inline-block;
background-color: #7CBB2C;
height: 5px;
width: 5px;
margin-right: 5px;
border-radius: 50%;
vertical-align: middle;
margin-top: -2px;
}
.mobile-app ul {
margin-top: 15px;
}
.mobile-app .features-list a {
text-decoration: underline;
display: block;
margin-top: 5px;
}
.feature-box.patch .feature-col1, .feature-box.patch .feature-col2 {
width: 43%;
margin: 1.5%;
background-color: #F3F3F3;
padding: 2%;
min-height: 260px;
}
.feature-box.patch {
font-size: 14px;
line-height: 30px;
}
.feature-box.patch .fea-inhead.fl {
color: #85B536;
}
.container.inner-cont {
max-width: 1200px;
}
.container .lhs-tree li a, .container .lhs-tree li span {
font-size: 15px;
line-height: 30px;
color: #777;
}
.container #lhsTree{
max-width:none;
}
#lhsTree > li > span.ifTree.dropact:after{
top:26px;
}
#lhsTree > li > span.ifTree:after{
top:23px;
}
.mT0.mbH.tac > a.mT0.tac {
background-size:100% auto;
min-height:240px;
display:flex !important;
flex-wrap:wrap;
align-items: center;
justify-content:left;
}
.mT0.mbH.tac > a.mT0.tac > br{
display: contents;
border-bottom: 1px solid #ccc;
}
.mT0.mbH.tac > a.mT0.tac > span {
display: contents;
font-size: 18px !important;
padding: 5px 0 0 0 !important;
}
.tab-cover {
border: 1px solid #0779b6;
width: 800px;
max-width: 80%;
padding: 30px 15px;
margin: 80px auto;
position: relative;
border-radius: 0 5px 5px;
}
.tab-cover .tab-btn-group {
position: absolute;
top: -56px;
left: -1px;
right: -1px;
}
.tab-cover .tab-btn-group a.help-tab-btn {
padding: 15px;
width: 250px;
max-width: 35%;
display: inline-block;
text-align: center;
background-color: #138bd6;
color: #fff;
font-size: 17px;
font-weight: 600;
margin-right: 6px;
border: 1px solid #138cd6;
border-radius: 5px 5px 0 0;
text-decoration: none !important;
}
.tab-cover .tab-btn-group a.help-tab-btn.active {
border: 1px solid #138bd6;
border-bottom: 1.5px solid #fff;
background-color: transparent;
color: #138bd6;
pointer-events: none;
}
.rhs-cont .credit {
background-color: #f1f1f1;
padding: 35px;
}
.rhs-cont .credit .flex {
display: flex;
align-items: center;
justify-content: center;
}
.rhs-cont .credit h3 {
color: #444444 !important;
font-weight: 500;
margin: 0px 0px 20px !important;
}
.rhs-cont .credit .flex .clip {
width: 30%;
margin-right: 20px;
}
.rhs-cont .credit .flex .caption {
width: 70%;
margin:2%;
}
.rhs-cont .credit .flex .caption p {
font-size: 18px;
margin: 0 0 15px;
font-weight: 300;
line-height: 30px;
}
.rhs-cont .credit .flex .caption p strong {
font-weight: 600;
}
.rhs-cont .credit .flex .caption a {
font-weight: 500;
color: #fff;
background-color: #e9152b;
display: inline-block;
padding: 5px 15px;
margin: 5px 15px 0 0;
font-size: 16px;
text-decoration: none !important;
text-transform: uppercase;
}
.rhs-cont .cus-quote-sec {
position: relative;
background-color: #f1f1f1;
padding: 20px;
}
.rhs-cont .cus-quote-sec:before {
content: '';
background-image: url(../images/quote-icon.png);
position: absolute;
top: -25px;
left: 10px;
height: 50px;
width: 50px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.rhs-cont .cus-quote-sec .sayer {
display: flex;
align-items: center;
}
.rhs-cont .cus-quote-sec .sayer .dp {
max-width: 100px;
margin: 0 20px 0 0;
border-radius: 10px;
overflow: hidden;
}
.rhs-cont .cus-quote-sec .sayer .desig strong {
display: block;
}
.rhs-cont .cus-quote-sec p {
font-size: 12px;
line-height: 26px;
font-style: italic;
margin: 0 0 10px;
}
.edi-btn inputgroup.prd-slt {
display: flex;
align-items: center;
margin: auto;
max-width: 600px;
justify-content: center;
}
.edi-btn inputgroup.prd-slt .prd-slt-inner {
display: flex;
align-items: center;
width: fit-content;
justify-content: left;
margin: 20px 20px 0;
}
.edi-btn inputgroup.prd-slt .prd-slt-inner label {
transform: none;
pointer-events: all;
width: fit-content !important;
color: #000;
}
.edi-btn inputgroup.prd-slt .prd-slt-inner input {
width: 40px !important;
}
.edi-btn inputgroup.select:after {
bottom: 18px;
top: auto;
}
inputgroup.input-group-radio.spl .addon-inner {
display: flex;
align-items: center;
margin-left: 20px;
}
inputgroup.input-group-radio.spl .addon-inner input {
width: 80px !important;
margin: 5px 10px !important;
height: 10px;
}
@media(max-width:600px){
.edi-btn inputgroup.prd-slt .prd-slt-inner input {
min-width: auto;
width: 30px !important;
}
.edi-btn inputgroup.prd-slt .prd-slt-inner {
min-width: 110px;
margin: 0 10px;
}
.promo-flash {
width: auto;
border-left: 0;
border-right: 0;
top: 85px;
padding: 5px 20px;
}
.promo-flash p {
margin: 0;
text-align: left;
}
.promo-flash a {
margin: 0 30px 0 0;
font-size: 12px;
}
}
@media(min-width:599px){
.heading-menu .mobhmenu{display:none;}
}
@media(max-width:600px){
.heading-menu .mobhmenu{display:inline-block;}
.heading-menu {
height: auto;
text-align:center;
padding:15px;
}
.heading-menu .mobhmenu{
display:inline-block;
background-color:#df002b;
color:#fff;
font-size:20px;
font-weight:600;
padding:5px 15px;
margin-top: 10px;
line-height:normal;
}
.pc_only_table{
display: none;
}
}
@media screen and (max-width:1020px) {
.hmEdition1 {
width: 46%;
margin: 2%
}
.hmEdition2 {
width: 46%;
margin: 2%
}
.hmEdition3 {
width: 46%;
margin: 2%
}
.hmEdition4 {
width: 46%;
margin: 2%
}
.hmEditionCont {
min-height: 250px;
height: auto
}
.hmEditionFoot a.trynow {
display: none
}
.hmEdi1 {
width: 98%;
margin: 1%
}
.hmEdi2 {
width: 98%;
margin: 1%
}
.hmEdiHead {
font-size: 26px
}
.hmEdiCont {
min-height: 250px;
height: auto
}
.hmEdi1 .hmEdiCont {
height: auto;
min-height: inherit
}
.hmEdi1 .hmEdiFoot a.trynow {
display: none!important
}
.hmEdiFoot a.trynow {
font-size: 26px
}
.newbnrdwn a {
left: 2%;
font-size: 24px;
padding: 2px 15px
}
.hm-fea-tn li:last-child {
display: none
}
.hm-fea-cont {
width: 78%
}
.hm-fea-tn {
width: 20%
}
.vid-lhs {
width: 100%;
float: none;
overflow: scroll;
overflow-y: hidden;
height: 150px;
white-space: nowrap;
border-top: 2px solid #eee
}
.vid-lhs a {
display: inline-block;
margin-right: 10px;
width: 190px;
color: #333!important;
}
.vid-rhs {
width: 96%;
padding: 20px 2%;
max-width: 722px;
float: none;
margin: 0 auto
}
.newbnrtxt {
width: 96%;
padding: 0 2%;
top: 17.5px!important
}
.newbnrtxt .head {
font-size: 34px;
line-height: 38px
}
.newbnrtxt p {
font-size: 14px;
margin: 5px 0
}
.newbnrtxt p span {
font-size: 12px
}
#wn-list img {
max-width: 55%
}
a.dcbnrDwn {
font-size: 24px;
padding: 8px 15px
}
}
@media screen and (max-width:760px) {
.hmEdiFoot {
display: none!important
}
.hmEdi1 {
width: 98%;
margin: 1%
}
.hmEdi2 {
width: 98%;
margin: 1%;
background: inherit
}
.hmEdiCont {
height: auto;
min-height: inherit;
border: none!important;
font-size: 12px;
padding-bottom: 20px
}
.hmEdiHead {
text-align: left
}
.hmEdiHead {
font-size: 26px
}
.hmEdiCol1, .hmEdiCol2, .hmEdiCol3 {
float: none;
width: 100%;
background: #f1f1f1
}
.hmEdi2 .hmEdiFoot {
background: #f1f1f1
}
.bnrdwn {
display: none
}
a.dcbnrDwn {
display: none
}
.newbnr {
margin-top: 83px
}
.newbnrtxt .head {
font-size: 24px;
line-height: 28px
}
.newbnrtxt p {
font-size: 12px;
line-height: 16px;
margin: 10px 0 0 0
}
.newbnrtxt p span {
font-size: 11px
}
.hm-fea-cont img, .hm-fea-tn {
display: none
}
.hm-fea-cont {
width: auto;
border: none
}
.hm-fea-cont a {
display: table;
margin-top: 10px
}
.hm-fea-txt {
background: none;
color: #333;
position: static;
text-align: center;
border: none;
border-top: 1px solid #eee;
display: block;
width: auto;
padding: 20px 5%
}
.dwn-nav-link {
font-size: 12px
}
.res-form-col1, .res-form-col2 {
width: 100%;
padding: 0
}
.wn-lhs-cont {
width: 96%;
margin-top: 20px
}
#wn-list img {
max-width: 100%;
position: static
}
.bodyoverflow .nav-dwn {
display: block;
float: none !important;
position: fixed;
z-index: 9;
bottom: 25px;
left: 0;
right: 0;
margin: auto;
text-align: center;
animation: callto 1.5s ease-in;
}
@keyframes callto {
from {opacity: 0;}
to {opacity: 1;}
}
.nav-dwn a:before {
content: 'Free trial';
color: #fff;
position: absolute;
text-align: center;
left: 0;
right: 0;
font-size: 20px;
}
.nav-dwn a {
color: transparent;
position: relative;
padding: 5px 34px;
}
.nav-dwn a span {
display: none;
}
}
@media screen and (max-width:500px) {
.hmEdition1 {
width: 100%;
margin: 2% 0
}
.hmEdition2 {
width: 100%;
margin: 2% 0
}
.hmEdition3 {
width: 100%;
margin: 2% 0
}
.hmEdition4 {
width: 100%;
margin: 2% 0
}
.hmEditionCont {
min-height: inherit;
height: auto
}
.banner {
margin-top: 87px
}
.newbnr {
margin-top: 88px;
!important
}
.newbnrtxt {
text-align: left;
width: 95%;
padding-left: 5%;
position: static;
height: 140px;
padding-top: 10px
}
.newbnrtxt .head {
font-size: 20px
}
.newbnrtxt p {
text-align: left
}
.feature-col1, .feature-col2, .feature-col3 {
width: 90%;
padding: 25px 5%;
margin: 0;
border-bottom: 1px dashed #ccc
}
.feature-box {
margin: 0
}
.feature-box .mT5 {
margin-top: 15px
}
.cust-quote span {
margin: 0
}
.resource-col1, .resource-col2, .resource-col3, .resource-col4 {
width: 100%;
margin: 0;
padding: 10px 0
}
.inner-fea-img {
display: none
}
.inner-fea-txt, .inner-fea-txt1 {
padding: 0;
width: 100%;
text-align: center
}
.rhs-cont-box {
padding-bottom: 20px
}
.bnrnav {
display: none
}
.hm-fea-col1, .hm-fea-col2, .hm-fea-col3 {
width: 94%;
padding: 10% 2%;
}
.hm-edi-col11, .hm-edi-col12, .hm-edi-col13 {
width: 94%;
padding: 2%;
float: none !important;
}
.hmcontent {
padding: 0 10px
}
}
.nav-dwn-icon, .prd-nav .dwn-btm-icon {
height: 22px;
width: 22px;
top: 0;
right: -4px
}
.dcbnrDwnIcon {
background: url(../images/download-arrow.gif) no-repeat 0 0;
height: 22px;
width: 22px;
display: inline-block;
margin-left: 5px
}
.customer1, .customer2, .customer3, .customer4, .customer5, .customer6, .customer7, .customer8, .customer9 {
background: url(../images/desktop-cust.png) no-repeat 0 0;
display: inline-block;
}
.customer1 {
background-position: 7px 4px;
display: inline-block;
height: 40px;
width: 100px;
}
.customer2 {
background-position: -98px 0;
display: inline-block;
height: 40px;
width: 100px;
}
.customer3 {
background-position: -203px 0;
display: inline-block;
height: 40px;
width: 60px;
}
.customer4 {
background-position: -266px 0;
display: inline-block;
height: 40px;
width: 40px;
}
.customer5 {
background-position: -301px 0;
display: inline-block;
height: 40px;
width: 100px;
}
.customer6 {
background-position: -399px 0;
display: inline-block;
height: 40px;
width: 80px;
}
.customer7 {
background-position: -475px 0;
display: inline-block;
height: 40px;
width: 85px;
}
.customer7 {
background-position: -475px 0;
display: inline-block;
height: 40px;
width: 85px;
}
.customer8 {
background-position: -560px 0;
display: inline-block;
height: 40px;
width: 85px;
}
/*Accordion starting*/
.faqs_specific {
border-bottom: 1px dotted grey;/*padding: 15px 0;*/
}
.faqs_specific {
background-color: #fff;
}
.faqs_specific .h4 {
font-family: 'Zoho_Puvi_Medium';
font-size: 22px;
line-height: 28px;
color: #666;
letter-spacing: 1px;
cursor: pointer;
}
.faqs_specific .h4 {
font-weight: 300;
}
.faqs_answers {
display: none;
text-align: left;
padding: 20px;
background: #eee;
}
.faqs_answers ul {
line-height: 26px;
}
.faqs_specific .h4 {
font-family: 'Zoho_Puvi_Medium';
font-size: 22px;
line-height: 28px;
color: #666;
letter-spacing: 1px;
cursor: pointer;
margin: 0!important;
}
.faqs_specific {
border-bottom: 1px dotted grey;
padding: 15px 0;
}
.bge {
background-color: #eee;
}
.nav-qte-icon {
background: url("../images/me-sprite-new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);/*background-position: -209px -54px;*/
}
.nav-qte a:hover {
background: #bdc1c5
}
.nav-qte-icon {
background-position: -209px -54px;
display: inline-block;
height: 22px;
line-height: 22px;
position: relative;
top: 0;
width: 13px;
}
.bgmediumgray {
background-color: #d8d8d8;
}
.bgmgray {
background: #eee;
}
.bgwhite {
background-color: #fff;
}
.bgmediumgray tr td {
padding: 1%
}
.mcontent a {
color: #5091CE!important;
}
.tollfree a:hover {
outline: medium none;
text-decoration: none;
}
.headcont {
background: url("../images/border-dotted.png") repeat-x scroll right bottom rgba(0, 0, 0, 0);
height: 1px;
}
#lhsTree>li>span {
cursor: auto
}
.rellink a {
display: inline-block;
background: #EFEFEF;
border: 1px solid #CCC;
border-radius: 4px;
box-shadow: 0 0 5px #CCC;
padding: 5px;
margin: 10px 10px 0 0!important;
width: 46%;
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #4C596E;
}
/*editionTable1 tr td {background-color:#fff!important;text-align:left!important}*/
table.editionTable1 {
width: 100%;
border-collapse: collapse;
text-align: left;
margin: 20px auto
}
table.editionTable1 thead tr th {
padding: 0.6em;
background-color: #ECEDEE;
text-align: center;
font-size: 18px;
border: 1px solid #E5E5E5;
line-height: 20px
}
table.editionTable1 thead tr th span {
font-size: 10px;
line-height: 12px!important
}
table.editionTable1 tbody tr td:first-child {
background-color: #f8f8f8;
text-align: left
}
table.editionTable1 td {
vertical-align: middle;
padding: 0.6em;
width: 24%;
border: 1px solid #e5e5e5;
font-size: 12px;
text-align: center
}
table.editionTable1 td:first-child {
width: 27%
}
table.editionTable1 tfoot td {
font-weight: bold;
text-align: center;
background-color: #ECEDEE
}
table.editionTable1 tfoot td:first-child {
text-align: left
}
table.editionTable1 tbody tr td {
background-color: #fff!important;
text-align: left!important
}
.wdt100 {
width: 100%
}
.p30 {
padding: 30px
}
section h2, section h2 a, section h3, section h3 a {
color: #000;
}
.rel-h4 {
margin: 0!important;
}
.p-r30 {
padding: 0 30px;
}
.award-section .awards-img{
display: none;
}
.award-section .awards-img.latest{
display: block;
}
.awards-img {
position: relative!important;
padding: 10px 0
}
#btmBar.fixed {
z-index: 100;
}
/*Accordion closing*/
.dsk-spa {
background: none repeat scroll 0 0 #ECEDEE;
margin: 50px 0;
width: 100%;
}
.dsk-spa td {
background: none repeat scroll 0 0 #fff;
padding: 10px;
border: 1px solid #efefef;
vertical-align: middle;
}
.dsk-spa th {
font-weight: bold;
}
.special-top {
padding: 0% 2% 2% 2% !important;
}
.special-btm {
padding: 2% 2% 0% 2% !important;
}
.downloadButton {
text-align: center;
}
.downloadButton a {
background: url(https://www.manageengine.com/products/images/download_button_bg.gif) no-repeat left top;
height: 40px;
width: 280px;
display: block;
text-decoration: underline;
padding: 8px 5px 5px 15px;
color: #575757;
text-decoration: none;
font: bold 19px 'Open Sans', Geneva, sans-serif;
padding-right: 20px;
padding-top: 14px;
margin: auto;
}
.downloadButton a:hover {
background: url(https://www.manageengine.com/products/images/download_button_bg1.gif) no-repeat left top;
text-decoration: none;
}
table.dceditionTablepre td {
border: 1px solid #E5E5E5;
font-size: 12px;
padding: 0.6em;
text-align: center;
vertical-align: middle;
}
/* Path management landing page */
table.supportappTable thead tr th {
background-color: #758691;
border: 1px solid #889297;
font-size: 17px;
line-height: 20px;
font-weight: 600;
padding: .75em;
text-align: center;
color: #fff;
}
table.supportappTable td {
border: 1px solid #e9e9e9;
font-size: 15px;
padding: 0.75em;
text-align: center;
vertical-align: middle;
width: 20%;
background-color: #fff;
}
.supportappTable{ margin-top:30px; width:100%;}
.lp-head {
font-size: 35px;
line-height: 45px;
margin: 0 0 5px;
color: #333;
font-weight:600;
}
.bg-grey {
background: #f5f5f5;
margin-top: 15px;
}
.green-btn-lp{
background: #8cc337;
padding: 11px 28px 14px 28px;
line-height: 20px;
display: inline-block;
text-decoration: none;
color: #fff!important;
font-size: 18px;
font-weight: 600;
border-radius: 3px;
margin: 40px 0 20px 0;
}
.patEdi1 {
width: 300px;
float: left;
margin: 30px 30px 0 30px;
background: #f1f1f1;
color: #000
}
.patEdi1 .patEdiCont .patEdiCont1 {
color: #333;
}
.patEdi1 .patEdiFoot {
padding-bottom: 20px;
}
.patEdi1 .patEdiCont a {
color: #fff
}
.patEdiHead {
background: #506572;
color: #fff;
font-size: 22px;
padding: 12px 30px;
line-height: 32px;
font-weight: 600;
text-align: center;
}
.patEdiHead1 {
background: #758691;
color: #fff;
font-size: 22px;
padding: 10px 30px 14px 30px;
line-height: 32px;
font-weight: 600;
text-align: center;
}
.patEdiCont {
padding: 0 20px;
margin: 0;
height: 230px;
}
.patEdiCont1 {
padding: 0 20px;
margin: 0;
height: 233px;
}
.patEdiFoot {
padding: 0 20px 20px 20px;
}
.patEdi1 .patEdiFoot a.trynow {
background: #66B10C;
padding: 7px 0;
font-size: 30px;
line-height: 34px;
text-align: center;
color: #fff;
text-decoration: none;
font-weight: 300;
display: block
}
.patEdiCont li{
font-size:16px;
line-height:64px;
border-bottom:1px solid #e4e4e4;
}
.patEdiCont1 li{
font-size:16px;
line-height:97px;
border-bottom:1px solid #e4e4e4;
}
.dl-edition{background: #8cc337;
color: #fff;
font-size: 22px;
line-height: 30px;
padding: 4px 10px 8px 10px;
display: inline-block;
width: 150px;
text-decoration: none;
text-align: center;}
.dl-edition:hover { text-decoration:none !important;}
table.quoteTable thead tr th {
background-color: #758691;
border: 1px solid #889297;
font-size: 17px;
line-height: 20px;
font-weight: 600;
padding: .75em;
text-align: left;
color: #fff;
}
table.quoteTable td {
font-size: 13px;
font-style: italic;
line-height: 24px;
text-align: left;
padding: 24px 50px 54px 30px;
vertical-align: middle;
background: url(../images/testimonial-bg.png) no-repeat left top;
}
.quoteTable{ margin-top:30px; width:100%;}
.resource{font-family: 'Open Sans',sans-serif;
font-size: 20px;
font-weight: 600;
color: #333;
padding-top:20px;}
.nav-dwn-icon-static {
background: url(../images/download-arrow-static.png) no-repeat 0 0;
height: 22px;
width: 22px;
top: 0;
right: -4px;
background-position: 0 0;
line-height: 24px;
display: inline-block;
position: relative;
}
.smlgrytxt {
font-size: 11px;
color: #939393;
}
.support-os-box a {
color: #555
}
.support-os-box p {
margin: 10px 0 0 0;
color: #777;
font-size: 14px;
padding-left: 26px
}
.support-os-col1 {
width: 29%;
float: left;
margin-right: 1%;
padding: 20px 25px
}
.support-os-col2 {
width: 20%;
float: left;
margin-right: 1%;
padding: 20px 0
}
.support-os-col3 {
width: 20%;
float: left;
margin-right: 1%;
padding: 20px 0
}
.support-os-col4 {
width: 20%;
float: left;
margin-right: 1%;
padding: 20px 0
}
.support-os-img {
margin: 0px 10px 20px 0;
float: left;
height: 50px;
width: 50px;
display: inline-block;
}
.sup1 {
background-position: 0px -616px;
}
.sup5 {
background-position: -46px -616px
}
.sup4 {
background-position: -91px -617px
}
.sup3 {
background-position: -138px -616px
}
.sup2 {
background-position: -184px -616px
}
.sup6 {
background-position: 0px -616px
}
.sup-inhead {
font-size: 16px;
letter-spacing: 0px;
padding-top: 15px;
color:#777;
}
.sup-inhead-title {
font-size: 19px;
letter-spacing: 0px;
padding-top: 15px;
}
.sup-form-box {
border-top: 1px solid #eee;
padding-top: 20px;
margin-top: 20px
}
.sup-form-col1 {
width: 48%;
padding-right: 2%;
float: left
}
.sup-form-col2 {
width: 48%;
padding-left: 2%;
float: left
}
.ag-grid h1{
font-size:35px;
font-weight:600;
padding-top:70px;
line-height:normal;
}
.ag-grid h3{
font-size:25px;
font-weight:300;
padding-bottom:100px;
line-height:normal;
}
.banner-grid-7{
display:inline-block;
width:58%;
vertical-align:top;
}
.banner-grid-5{
display:inline-block;
width:40%;
}
.banner-image{
width:100%;
height:auto;
padding:20px 0;
}
.content-sec{
}
.content-sec h1{
font-size:35px;
font-weight:600;
color:#323232;
text-align:center;
line-height:normal;
}
.content-sec h1:after{
content:'';
display:block;
background-image:url(../images/heading-br.png);
background-position:center center;
background-repeat:no-repeat;
background-size:203px 5px;
height:5px;
margin:25px 0;
}
.features-sec{
display:block;
padding:20px 0;
text-align:center;
}
.features-sec .features-box{
display:inline-block;
position:relative;
width:242px;
margin:4px;
min-height:200px;
margin-bottom:6px;
background-color:#f6f6f6;
text-align:center;
padding:30px;
cursor:default;
vertical-align:top;
}
.bg-grey .features-sec .features-box{
background-color:#fff;
}
.features-sec .features-box h4{
font-size:20px;
font-weight:600;
color:#3c3c3c;
line-height:normal;
padding:0;
margin:0;
padding-bottom:14px;
}
.features-sec .features-box p{
font-size:15px;
font-weight:500;
color:#171717;
line-height:24px;
padding:0;
margin:0;
}
.features-sec .features-box a{
font-size: 15px;
font-weight: 600;
color: #929292;
position: absolute;
bottom: 0;
left: 30%;
right: 30%;
background-color: #e8e8e8;
top: 85%;
line-height: 250%;
}
.bg-grey .features-sec .features-box a{
background-color:#f2f2f2;
}
.os-spec{
display: table;
width: 90%;
background-color: #ededed;
padding: 0 !important;
margin:0 auto;
margin-top: 20px !important;
}
.os-spec li{
display: table-cell;
width: 20%;
text-align: center;
padding: 20px;
vertical-align:middle;
}
.os-spec li:first-child {
width: 40%;
font-size:20px;
}
.os-spec.desk li:nth-child(even){
background-color:#f6f6f6;
}
.os-spec.mob li:nth-child(odd){
background-color:#f6f6f6;
}
.os-spec li img {
width: 50px;
height: auto;
}
.testi-main-sec{
display:block;
text-align:center;
}
.testi-sec{
display:inline-block;
position:relative;
width:40%;
margin:20px 40px;
background-color:#fff;
vertical-align:top;
cursor:default;
}
.testi-sec p{
font-size:14px;
line-height:24px;
padding:20px;
padding-top:30px;
margin:0;
min-height:185px;
}
.testi-sec-footer{
background-color:#dfdfdf;
text-align:left;
padding:10px 35px 10px 100px;
}
.testi-sec-footer.right{
text-align:right;
padding:10px 100px 10px 35px;
}
.testi-sec-footer h5{
font-size:13px;
font-weight:700;
color:#2c2c2c;
line-height:normal;
}
.testi-sec-footer h6{
font-size:13px;
font-weight:300;
color:#2c2c2c;
line-height:normal;
}
.testi-sec img {
width: 100px;
position: absolute;
left: -5px;
bottom: -7px;
}
.testi-sec img.right{
left:inherit;
bottom: -7px;
right:-5px;
}
@media(max-width:768px){
.ag-grid{
display:block;
width:auto;
}
.content-sec .features-sec .features-box{
}
.os-spec li{
letter-spacing:normal !important;
}
.testi-sec{
display:block;
width:auto;
}
.testi-sec p{
min-height:inherit;
}
}
@media(max-width:400px){
.banner-header h1{
padding-top:20px;
padding-bottom:20px;
}
.banner-header h3{
padding-bottom:20px;
}
.content-sec .features-sec .features-box{
display:block;
width:auto;
margin:15px;
}
.os-spec{
display:block;
width:auto !important;
margin-bottom:30px !important;
text-align:center;
margin:10px;
}
.os-spec li{
display:inline-block;
width: auto !important;
letter-spacing:normal !important;
background-color:#f6f6f6 !important;
}
.os-spec li:first-child{
background-color:#ededed !important;
display:block;
width:auto;
}
.os-spec li img{
width:78px;
height:auto;
}
}
ul.qr-code-list {
text-align: center;
padding:0 !important;
}
ul.qr-code-list li {
list-style: none;
display: inline-block;
margin: 12px;
}
ul.qr-code-list li span {
display: block;
}
ul.qr-code-list li img {
width: 200px !important;
}
.up-event-sec span {
display: inline-block;
width: 80px;
height: 80px;
background-color: #eee;
border-radius: 50%;
padding: 25px;
line-height: 80px;
margin: 20px 0;
margin-right: 20px;
text-align: center;
font-weight: bold;
font-size: 15px;
}
.up-event-sec ul {
display: inline-block;
vertical-align: middle;
}
.noofdevice.active,.noofcomputer.active {
display: inline-block;
}
.noofdevice,.noofcomputer {
display: none;
position: absolute;
left: 55px;
background-color: #e8e6e6;
top: -103px;
border: 1px solid #dad9d9;
padding: 12px;
border-radius: 10px;
}
.noofdevice:after,.noofcomputer:after {
content: '';
display: inline-block;
height: 15px;
width: 15px;
background-color: #e8e6e6;
position: absolute;
bottom: -9px;
transform: rotate(45deg);
left: 22px;
border-right: 1px solid #dad9d9;
border-bottom: 1px solid #dad9d9;
}
.noofdevice {
top: -75px !important;
left: 100px !important;
right: -110px;
}
.free-training.header {
padding: 40px;
text-align:center;
}
.free-training.header h1{
font-size:40px;
font-weight:600;
color:#63747f;
letter-spacing:3px;
}
.free-training.header h4{
font-size:20px;
font-weight:300;
margin: 0;
margin-top:14px;
}
.free-training-event {
padding: 66px;
text-align: center;
}
.free-training-event .event-box {
display: inline-block;
width: 360px;
margin: 22px;
background-color: #ff6e71;
color: #fff;
padding: 20px 40px 30px;
text-align:left;
position:relative;
min-height:251px;
overflow:hidden;
}
.free-training-event .event-box:before {
content: '';
display: block;
height: 5px;
background-color: #E76567;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.free-training-event .event-box.over:after {
content: 'This event is over';
display: inline-block;
position: absolute;
top: 0;
right: -19px;
padding: 15px 50px;
background-color: rgba(0,0,0,0.1);
font-size: 15px;
line-height: 15px;
transform: rotateZ(45deg) translateX(49px);
}
.free-training-event .event-box:before {
background-color: rgba(0,0,0,.1);
}
.free-training-event .event-box.red {
background-color:#ff6e71;
}
.free-training-event .event-box.blue {
background-color:#3ab4de;
}
.free-training-event .event-box.green {
background-color:#3DC5AE;
}.free-training-event .event-box.yellow {
background-color:#FFB962;
}
.free-training-event .event-box.navgreen {
background-color:rgb(118, 154, 99);
}
.free-training-event .event-box h2{
color:#fff !important;
padding:0;
padding-bottom:10px;
margin:0;
margin-right: 135px;
font-size:30px;
font-weight:300;
line-height:47px;
position:relative;
text-align:left;
}
.free-training-event .event-box h2:after {
content: '';
display: block;
height: 1px;
width: 180px;
margin: 10px 0;
background-color:#fff;
}
.free-training-event .event-box strong{
color:#fff;
display:block;
font-size:20px;
font-weight:600;
padding:0;
padding-bottom:10px;
margin:0;
}
.free-training-event .event-box span{
color: #fff;
font-size:15px;
font-weight:500;
padding:0;
}
.free-training-event .event-box .btn-sec{
display:block;
margin-top:25px;
}
.free-training-event .event-box .btn-sec .btn {
display:inline-block;
color: #fff;
padding: 10px 25px;
line-height: 20px;
border: 1px #fff solid;
margin-right: 10px;
font-weight:600;
}
.free-training-event .event-box .btn-sec .btn:hover {
text-decoration: none;
}
.free-training-event .event-box.red .btn-sec .btn.spl{
background-color:#fff;
color:#ff6e71;
}
.free-training-event .event-box.blue .btn-sec .btn.spl{
background-color:#fff;
color:#3ab4de;
}
.training-header {
margin:40px 80px;
position:relative;
}
.training-header.gray {
background-color: #f4f4f4;
padding: 40px 80px;
margin: 0;
}
.training-header .header-left {
width: 40%;
display: inline-block;
text-align: right;
border-right: 1px #ccc solid;
vertical-align:middle;
}
.training-header .header-right {
width: 59%;
display: inline-block;
vertical-align:middle;
}
.training-header .header-sec {
padding: 40px;
}
.training-header h1{
font-size:40px;
font-weight:600;
line-height:normal;
color:#63747f;
letter-spacing:3px;
}
.training-header h4{
font-size:20px;
font-weight:400;
margin: 0;
line-height:normal;
margin-top:14px;
}
.training-header .header-sec span {
display: block;
font-size: 15px;
margin-top: 14px;
}
.training-header .header-sec span strong {
display: block;
}
.training-header .header-sec strong span {
color: #ff7a6b;
font-size: 16px;
}
.training-header .header-right .header-btn a,.header-reg-btn {
padding: 9px 15px;
border: 1px #AEB6C0 solid;
margin-right: 15px;
margin-top: 25px;
min-width: 100px;
display: inline-block;
text-align: center;
}
.training-header.gray .header-right .header-btn a{
background-color:#fff;
}
.training-header .header-right .header-btn a:hover{
text-decoration:none;
}
.training-header .header-right .header-btn a.spl,.header-reg-btn {
background-color:#ff7a6b;
color:#fff;
border-color:#ff7a6b;
}
.training-header .header-sec {
padding: 40px;
padding-bottom: 70px;
padding-left:30px;
}
.training-header .header-sec p {
margin:0;
font-size:15px;
line-height:24px;
margin-bottom:10px;
}
.training-section h2{
text-align:center;
color:#fff !important;
margin:0;
margin-bottom: 60px;
padding:0;
font-size: 40px;
font-weight: 300;
}
.training-section.training-trainer h2{
color:#000 !important;
}
.training-section h2.black{
color:#000 !important;
}
.training-section.header-sec{
padding:40px;
padding-bottom:70px;
}
.training-agenda,.training-videos{
background-color:#2BC5B5;
}
.training-faq{
background-color:rgb(118, 154, 99);
}
.training-videos.training-faqs{
background-color:#ff6e71;
text-align:center;
}
.training-faqs{
background-color:#2BC5B5;
text-align:center;
}
.training-section.training-faqs ul {
max-width: 750px;
display: inline-block;
text-align: left;
font-size: 17px;
line-height: 30px;
color: #fff;
}
.training-section.training-faqs ul li {
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 1px dashed #1E998C;
font-size:15px;
line-height:27px;
counter-increment: item;
position: relative;
list-style: none;
}
.training-section.training-faqs ul li:before {
content: counter(item) ".";
font-size: 20px;
font-weight: bold;
display: inline-block;
position: absolute;
left: -64px;
text-align: right;
width: 50px;
}
.training-section.training-faqs ul li a {
color: inherit;
}
.training-section.training-faqs ul li strong {
display: block;
font-size: 20px;
line-height: 30px;
margin-bottom: 15px;
}
a.topheader.header-reg-btn {
position: absolute;
right: 0;
margin-top: 0;
top: -68px;
z-index: 99999;
padding: 4px 20px;
font-size: 15px;
letter-spacing: normal;
font-weight: 500;
height: inherit;
width: inherit;
display: inline-block;
border: 0;
text-align: center;
}
a.topheader.header-reg-btn.fixed {
position: fixed;
top: 20px;
}
.training-videos.training-faqs a:hover,.training-faq a:hover {
background-color: #eee;
text-decoration: none;
}
.training-videos.training-faqs a,.training-faq a {
background-color: #fff;
padding: 15px 20px;
font-size: 17px;
margin-top: 15px;
display: inline-block;
}
.training-invite{
background-color:#38B3E1;
}
.training-trainer{
background-color:#ffc14f;
}
.training-expectation{
background-color:#38B3E1;
}
.training-agenda ul,.training-faq ul{
position:relative;
list-style:deciamal;
text-align:center;
}
.training-agenda ul li,.training-faq ul li {
font-size: 18px;
line-height: 30px;
text-align: center;
display: block;
max-width: 400px;
padding: 12px;
position: relative;
z-index: 1;
margin: 12px auto;
background-color: #27B2A3;
color: #fff;
border-left: 1px solid;
border-right: 1px solid;
}
.training-faq ul li {
background-color:rgba(0,0,0,.1);
max-width:800px;
text-align:left;
counter-increment: item;
border-right:0;
}
.training-faq ul li:before{
content: counter(item) ".";
font-size: 20px;
font-weight: bold;
display: inline-block;
position: absolute;
left: -64px;
text-align: right;
width: 50px;
}
.training-section.training-videos .fea-nav-list,.training-section.training-videos .fea-nav-link span.act,.training-section.training-videos .fea-nav-link{
background-color:rgb(31, 143, 131);
}
.training-section.training-videos .fea-nav-list {
padding: 50px;
width: auto;
max-width: 1097px;
margin: 0 auto;
}
.training-section.training-videos .fea-nav-link {
max-width: 1197px;
width: auto;
margin: 0 auto;
}
.training-section.training-videos .fea-nav-list p{
font-size:25px;
text-align:center;
color:#fff;
}
.training-section.training-videos .fea-nav-link span{
background: rgba(255,255,255,.2);
font-size: 14px!important;
color:#fff;
width:239px;
}
.training-section.training-videos .fea-nav-link span.act {
font-size: 17px !important;
white-space: nowrap;
}
.training-section.training-videos .fea-nav-link span.act::after{
border-left-color:rgb(31, 143, 131);
}
.training-section.training-videos .fea-nav-link span.act:before{
border-right-color:rgb(31, 143, 131);
}
.training-section .contactForm {
background-color: rgba(0, 0, 0, 0.1);
border: 1px solid rgba(174,182,192,0.25);
margin: 2% auto 0;
max-width: 500px;
min-height: 340px;
overflow: hidden;
padding: 2% 4%;
width: 90%;
font-family: 'Open sans', sans-serif;
}
.training-section .contactForm p {
min-height: 35px;
margin:0 55px 20px 55px;
overflow: hidden;
}
.training-section .contactForm p em {
color: #fff;
font-size: 18px;
display: block;
margin-bottom: 5px;
font-style: normal;
line-height: 38px;
}
.training-section .input,.training-section .tarea,.training-section select {
width: 100%;
height: 43px;
display: block;
border: 1px solid rgba(174,182,192,0.5);
outline: none;
font-size: 14px;
color: #718191;
padding: 0 10px;
}
.training-section .tarea {
height: 110px;
padding: 10px 0 0 10px;
width:98% !important;
}
.training-section .fbutton {
display: block;
text-align:center;
}
.training-section .sub,.training-section .re {
background:rgba(0, 0, 0, 0.1);
width: 48%;
height: 44px;
border: none;
color: #ffffff;
font-size: 14px;
text-align: center;
text-transform: uppercase;
line-height: normal;
cursor: pointer;
}
.training-section .re {
margin: 0 0 0 4%;
}
.training-section .sub:focus,.training-section .re:focus{
outline:none;
}
.training-section h2:after {
content: '';
display: block;
height: 2px;
background-color: #fff;
width: 200px;
margin: 0 auto;
margin-top: 30px;
}
.training-section.training-trainer h2:after,.training-section h2.black:after {
background-color:#000;
}
.back-to-training {
position: absolute;
height: 70px;
width: 70px;
top: -40px;
left: -80px;
background-color: #E3E4E5;
font-size: 30px;
line-height: 70px;
text-align: center;
color: #9B9B9B;
font-weight: 900;
transition: all ease-out 350ms;
}
a.back-to-training:hover {
background-color: #2BC5B5;
text-decoration: none;
color: #fff;
}
.training-agenda ul li span,.training-faq ul li span {
background-color: #2BC5B3;
width: 28px;
display: none;
height: 28px;
line-height: 28px;
border-radius: 50%;
text-align: center;
margin-right: 5px;
color: #fff;
border: 1px solid;
}
.training-agenda.spl ul li{
max-width:700px;
}
.training-agenda.spl ul li span {
display: block;
text-align: left;
width: initial;
height: initial;
background-color: transparent;
border-radius: initial;
border: none;
padding-bottom: 1px !important;
font-size: 20px;
font-weight: 600;
}
.training-agenda.spl ul li p{
font-size:14px;
text-align:left;
line-height:24px;
}
.training-agenda.spl ul li span, .training-agenda.spl ul li p {
padding: 5px 15px 10px;
margin-bottom: 0;
margin-top: 5px;
}
.training-section.training-trainer {
text-align: center;
}
.training-section .trainer-img img {
width: 100%;
border-radius: 50%;
box-shadow: 0 0 2px #2B2024;
}
.training-section .trainer-img {
width: 250px;
display: inline-block;
vertical-align:middle;
}
.training-section .trainer-img p {
font-size: 15px;
font-weight: 300;
padding: 0 15px;
}
.training-section .trainer-dec {
display: inline-block;
width: 630px;
text-align: left;
vertical-align: middle;
padding-left: 35px;
font-size: 16px;
line-height: 30px;
}
.training-section .trainer-dec li span {
font-weight: bolder;
min-width: 125px;
display: inline-block;
}
.training-section .trainer-dec li {
font-size: 18px;
line-height: 40px;
color:#000;
display:flex;
}
.training-section .trainer-dec h4 {
font-size: 22px;
margin: 0;
padding: 0;
font-weight: 600;
}
.training-section .input,.training-section .tarea,.training-section .fbutton,.training-section select {
width: 100%;
}
.training-section .white .contactForm p em {
color: #000;
}
.training-section .white .sub, .training-section .white .re {
color: #000;
}
table.awards-sec tr {
padding-bottom: 17px;
display: block;
border-bottom: 1px solid #ccc;
margin-bottom: 25px;
}
table.awards-sec td img {
width: 184px;
}
table.awards-sec td {
vertical-align: top;
border-spacing: 10px;
padding-right: 40px;
}
.dc{
border-top:1px solid #eee;
padding: 40px 0 30px 0;
text-align: center;
background-color: #eee;
}
.dc .doc-list.prd-list li {
width: initial;
min-width: 265px;
background-color: #fff;
box-shadow: 0 0 1px #a7a7a7;
list-style: none;
display: inline-block;
margin: 7px;
padding: 15px;
vertical-align: top;
text-align: initial;
}
.dc .doc-list li img {
width: 30px;
}
.dc .doc-list.prd-list li a {
font-size: 15px;
padding: 15px;
}
.cms h2{
font-size: 30px;
font-weight: 300;
line-height: 55px;
}
.TextField, .NumberField {
width: 96%;
padding: 2%;
line-height: 24px;
font-size: 15px;
-webkit-appearance: inherit;
border: 1px solid #dcdcdc;
}
select.TextField {
width: 100%;
background: #f8f8f8 url(https://www.manageengine.com/products/desktop-central/images/downarrow.png) no-repeat 95% 50%;
}
.spl-form td {
padding: 15px;
font-size: 14px;
}
.spl-submit{
display: inline-block;
font-size: 15px;
padding: 12px 24px;
-webkit-appearance: initial;
border: none;
background-color: #7cc03b;
color: #fff;
min-width: 150px;
}
.faq-readmore {
padding: 7px 15px;
margin: 15px 0 30px;
display: inline-block;
background-color: #eee;
color: #09c !important;
font-size: 15px;
}
a.topheader.header-reg-btn{
display:none;
}
.training-header.over .spl{
display:none !important;
}
@media screen and (max-width: 400px) {
.training-section .contactForm {
width: 74%;
margin: 2% 3% 0;
padding: 5% 10%;
}
.training-section .contactForm p em {
float: none;
line-height: 30px;
width: 100%;
}
.training-section .sub,.training-section .re {
width: 100%;
float: none;
}
.training-section .re {
margin: 20px 0 0 0;
}
}
@media only screen and (max-width: 1025px){
#commonHeader{min-height: 85px;height: 85px}
}
/*Mirror and Checksum content css*/
.more-opt .f-head{font-family: "Zoho_Puvi_SemiBold";font-size: 18px;color: #000;border-bottom: #a5bbc6 solid 1px;width: 100%;padding-bottom: 7px;padding-top:25px}
.more-opt .buildnumber{display:none;float: right;font-size: 12px;color: #aaa;margin-top: 3px}
.more-opt .f-body{margin-top: 40px}
.more-opt .f-body > span{display: inline-block;margin-top: 1px;font-size: 17px;font-family: "Open Sans";font-weight: 400;color: #000}
.more-opt .f-body > a {font-size: 13px;background-color: #e3eeff;color: #000;float: right;display: inline-block;border-radius: 2px;padding: 1.5px 8px;margin-left: 10px;font-family: "Zoho_Puvi_Regular"}
.more-opt{display: flex;gap: 25px;max-width:700px;width:100%;margin:0 auto}
.more-dwn-opt{flex: 45%}
.more-avail-lang{flex: 55%}
.csum{border:solid 1px #eee;margin:30px 0;width:100%}
.csum ul{padding:0 !important;}
.csum ul li:first-child{padding:8px 20px}
.csum ul li{list-style:none !important;text-align:left;border-bottom:1px solid #eee}
.csum ul li:last-child{border-bottom:none}
.csum ul li.merge{background:#eee;border-bottom:solid 1px #eee;border-top:solid 1px #eee;font-weight:bold}
.csum ul li span{display:inline-block;padding:8px 20px}
.csum ul li span:first-child {width: 45%}
.csum ul li span:last-child{border-left: 1px solid #eee}
@media screen and (max-width:768px){
.more-opt{flex-flow:row wrap}
.more-dwn-opt,.more-avail-lang{flex:100%}
.more-avail-lang {border-top: 1px solid #ccc;margin-top: 30px}
.csum,.more-dwn-opt{display:none}
}
/*Mirror and Checksum content css*/
/*Feature dropdown css*/
nav ul.productmenu.header-nav > li#fea {
position: relative;
}
nav ul.productmenu.header-nav > li#fea:after {
content: '';
background: url(//www.zohowebstatic.com/sites/default/files/zoho_general_pages/zgheader-footer-sprite.png) no-repeat -168px -6px/990px auto;
height: 6px;
width: 10px;
display: inline-block;
margin-left: 8px;
}
nav ul.productmenu.header-nav > li .drop-down {
display: none;
position: absolute;
width: 500px;
background-color: #fff;
box-shadow: 0px 0px 5px #0004;
top: 38px;
left: 0;
padding: 15px 0 0;
}
nav ul.productmenu.header-nav > li#fea:hover .drop-down,nav ul.productmenu.header-nav > li#fea .drop-down.active {
display: block !important;
}
nav ul.productmenu.header-nav > li .drop-down .flex {
display: flex;
width: 100%;
justify-content: center;
}
nav ul.productmenu.header-nav > li .drop-down .flex + a {
display: block;
text-align: center;
line-height: normal;
padding: 10px;
background-color: #0581ff;
margin: 15px 0 0;
color: #fff !important;
}
nav ul.productmenu.header-nav > li .drop-down .flex ul li {
text-align: left;
list-style: none;
margin: 0 10px;
}
nav ul.productmenu.header-nav > li .drop-down .flex ul li a {
padding: 6px 15px;
display: block;
line-height: 18px;
font-size: 13px;
color: #000;
border-radius: 4px;
}
nav ul.productmenu.header-nav > li .drop-down .flex ul li.heading{
color: #e02b45;
text-decoration: none!important;
cursor: unset;
line-height: normal;
font-weight: 500;
font-size: 12px;
font-family: 'Zoho_Puvi_Regular';
padding: 10px 15px 10px 15px;
text-transform: uppercase;
}
nav ul.productmenu.header-nav > li .drop-down .flex ul:first-child {
border-right: 1px solid #eee;
}
nav ul.productmenu.header-nav > li .drop-down .flex ul {
width: 50%;
}
nav ul.productmenu.header-nav > li .drop-down .flex ul li a:hover {
color: #0581ff;
}
nav ul.productmenu.header-nav > li#documents {
position: relative;
}
nav ul.productmenu.header-nav > li#documents:after {
content: '';
background: url(//www.zohowebstatic.com/sites/default/files/zoho_general_pages/zgheader-footer-sprite.png) no-repeat -168px -6px/990px auto;
height: 6px;
width: 10px;
display: inline-block;
margin-left: 8px;
}
nav ul.productmenu.header-nav > li#documents:hover .drop-down,nav ul.productmenu.header-nav > li#documents .drop-down.active {
display: block !important;
}
nav ul.productmenu.header-nav > li#solutions{
position: relative;
}
nav ul.productmenu.header-nav > li#solutions:after {
content: '';
background: url(//www.zohowebstatic.com/sites/default/files/zoho_general_pages/zgheader-footer-sprite.png) no-repeat -168px -6px/990px auto;
height: 6px;
width: 10px;
display: inline-block;
margin-left: 8px;
}
nav ul.productmenu.header-nav > li#solutions .drop-down {
width: 200px;
padding: 15px 0;
}
nav ul.productmenu.header-nav > li#solutions .drop-down .flex ul:first-child {
border-right: none;
width: auto;
margin: auto;
}
nav ul.productmenu.header-nav > li#solutions:hover .drop-down,nav ul.productmenu.header-nav > li#solutions .drop-down.active {
display: block !important;
}
nav ul.productmenu.header-nav > li#solutions .drop-down .flex ul li.heading a {
padding: 0px;
color: inherit;
}
nav ul.productmenu {
margin-bottom: 0px;
}
nav ul.productmenu.header-nav > li {
padding-bottom: 15px;
}