.pm-dc-icns { background: url(../images/features-icons-sprite.png) no-repeat 0 0; display: inline-block; width: 32px; height: 32px; padding-top: 4px } .pm-dc-icns1 { background-position: -45px -793px } .pm-dc-icns2 { background-position: -77px -792px } .pm-dc-icns3 { background-position: -112px -792px } .pm-dc-icns4 { background-position: -145px -792px } .pm-dc-icns5 { background-position: -178px -792px } .pm-dc-icns6 { background-position: -212px -792px } .pm-dc-icns7 { background-position: -246px -792px } #prdLogo { background: url(../images/common-sprite.png) no-repeat 0 0; } #prdLogo { background-position: 0 0; width: 309px; height: 33px } .bannerflex { background-color: #035fac; min-height: 380px; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; margin-top: 0px; } #btmBar ul li { width: 19% } #relPrdRMMCentral, #relPrdDCGroupDCMSP, #relPrdDCGroupMDM, #relPrdDCGroupMDMMSP, #relPrdDCGroupOSD, #relPrdDCGroupFWT, #relPrdDCGroupRDM, #relPrdDCGroupBSP, #relPrdDCGroupDCP, #relPrdDCGroupACP, #relPrdDCGroupACP + li{ display: none; } @media screen and (max-width:760px) { .bannerflex { color: #fff } } 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; } 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: #f9f9f9; margin: 15px 0 0; } nav ul.productmenu.header-nav>li .drop-down .flex ul { width: 50%; } nav ul.productmenu.header-nav>li .drop-down .flex ul li { text-align: left; list-style: none; margin: 0 15px; } 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:first-child li {} nav ul.productmenu.header-nav>li .drop-down .flex ul li a { padding: 10px 15px; display: block; line-height: normal; font-size: 13px; color: #000 !important; } nav ul.productmenu.header-nav>li .drop-down .flex ul li a:hover { background-color: #0000000f; color: #138cd6 !important; } .bannerflex img { width: 100%; max-width: 1000px; margin: auto; display: block; } .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; margin-top: -30px; color: #000; } .breadcrumb a { word-spacing: normal; } a.link, .menu-active a, .nav>li>a:hover, .nav>li>span:hover, [data-soldrop]:hover { color: #2a79bb !important; } a.link { font-weight: 600; } a.box.link:hover { text-decoration: none; } a.box.link:hover h3 { color: #2a79bb; } a.box.link:hover:before { box-shadow: 0 0 5px #999; } a.disabled { pointer-events: none; color: #555; } a.call-to-link { color: #2a79bb; font-weight: 600; padding: 7px 15px; background-color: #eee; border-left: 3px solid #2a79bb; margin: 5px 0; display: inline-block; } a.call-to-link.offset { background-color: #fff; } a.call-to-link:before { position: absolute; display: inline-block; content: ''; top: 0; left: 0; bottom: 0; width: 3px; background-color: #2a79bb; z-index: 1; } a.call-to-link:hover { background-color: #2a79bb; color: #fff; text-decoration: none; } .new-container { max-width: 1200px; } .new-container #lhsTree { max-width: none; padding: 5px 0px 0px 0px; } .new-container .lhs-tree li a, .new-container .lhs-tree li span { font-size: 15px; line-height: 30px; color: #777; } .new-container .lhs-tree li a:hover { color: #447dbb; text-decoration: none; } .new-container .lhs-tree li span:after { top: 24px !important; } .new-container #lhsTree.fixed { position: fixed; width: 288px; top: 70px; } .help #lhsTree>li>ul li a { font-size: 13px; padding: 15px 10px 15px 34px; } .gcsc-branding, .gsc-adBlock, .gsc-result div.gs-watermark, table.gsc-table-result, .gsc-above-wrapper-area { display: none !important; } .cse .gsc-control-cse, .gsc-control-cse { padding: 0 !important; } .gsc-input-box { background-color: transparent !important; border: 0px !important; } #___gcse_0 { width: 300px !important; float: right !important; margin: 10px !important; position: absolute; top: 0; right: 0; } #___gcse_1 { min-height: 0 } #gs_tti50 { padding: 0 !important; margin: 0 !important; } #gs_tti50 input { background-image: none !important; font-size: 13px; font-family: OpenSans; padding: 5px 4px 4px 15px !important; height: initial !important; margin: 0 !important; } input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus { border-color: #2a79bb !important; background-color: #2a79bb !important; background-image: none; filter: none; border-radius: 0px !important; } td.gsib_b { position: absolute !important; right: 92px !important; top: 12px !important; } ul.help-tab { padding: 0; list-style: none; display: flex; border-bottom: 1px solid #eee; } ul.help-tab li { display: inline-block; padding: 0px; line-height: normal; margin-bottom: 0; } ul.help-tab li a.active { background-color: #eee; border-bottom: 3px solid #2a79bb; background-image: url(../images/help-icons-sprite-offset.png); } ul.help-tab li a { display: inline-block; padding: 95px 15px 5px; color: #333; position: relative; background-image: url(../images/help-icons-sprite.png); background-size: 500px; background-origin: border-box; width: 100px; text-align: center; white-space: nowrap; border-right: 1px solid #eee; } ul.help-tab li a:hover { background-image: url(../images/help-icons-sprite.png); text-decoration: none; background-color: #eee; border-bottom: 3px solid #2a79bb; } ul.help-tab li a.active:hover { background-image: url(../images/help-icons-sprite-offset.png); } ul.help-tab li a#tb4 { background-position: 16px 0px; } ul.help-tab li a#tb3 { background-position: -86px 0px; } ul.help-tab li a#tb2 { background-position: -186px 0px; } ul.help-tab li a#tb1 { background-position: -286px 0px; } .doc-content li { padding-bottom: 10px; } .doc-content { font-size: 15px; line-height: 30px; } .doc-content h3 { margin-bottom: 0px; } .doc-intro { text-align: center; position: absolute; right: -13px; top: -136px; width: 340px; } .doc-intro a { display: inline-block; border: 1px dashed transparent; border-right: 1px dashed #e6e6e6; border-top: 0; width: 100px; height: 45px; font-size: 13px; line-height: normal; padding-top: 60px; text-align: center; vertical-align: top; background-image: url(../images/help-icons-sprite.png); background-size: 300px; color: #2a79bd; cursor: pointer; margin-left: -5px; } .doc-intro a:hover { background-image: url(../images/help-icons-sprite-offset.png); text-decoration: none; background-color: #ecedee; border-bottom: 2px solid; } a#lk1 { background-position: -185px -95px; } a#lk2 { background-position: 15px 5px; } a#lk3 { background-position: -385px 5px; } a#lk4 { background-position: -285px 5px; } a#lk5 { background-position: 23px -63px; } a#lk6 { background-position: -36px -63px; } a#lk7 { background-position: -460px -63px; } .notree span:after { display: none !important; } .breadcrumb span { font-size: 25px; font-weight: 300; word-spacing: normal; } .breadcrumb { vertical-align: bottom; padding: 5px; word-spacing: 5px; } .heading-menu .menuhead { display: block; text-align: center; } #lhsTree>li a.feaact { color: #2a79bb !important; } .help #lhsTree>li a.feaact { border-left: 2px solid #2a79bb; } .help #lhsTree>li.notree a.feaact { border-left: 0; } .rhs-cont { min-height: 700px; } .new-container #lhsTree ul { list-style: none; } .rhs-cont .how-to-list h2 { margin-bottom: 20px !important; max-width: 60%; } .kb-list.how-to-list li { margin: 10px 0; } a.hotfix { padding: 7px 15px; display: inline-block; background-color: #2a79bb; color: #fff; margin-bottom: 7px; min-width: 155px; } a.hotfix:hover { background-color: #2a79bb; color: #fff; text-decoration: none !important; } .hotfix-table { width: 500px; margin: 30px auto; border: 2px solid #eee; text-align: center; } .hotfix-head { background-color: rgb(238, 238, 238); padding: 15px 30px; font-weight: 600; border-bottom: 1px solid #eee; } p { font-size: 15px; line-height: 30px; } .rhs-cont h2:after { content: ''; position: absolute; bottom: -4px; right: 0; background-color: #2a79bb; width: 7px; height: 7px; transform: rotate(45deg); } .rhs-cont h2 { margin-bottom: 0px; border-bottom: 1px solid #dadada; padding-bottom: 15px; margin-top: 40px; max-width: 80%; position: relative; } .no-margin-top { margin-top: 0 !important; } .rhs-cont h3 { border-left: 3px solid #2a79bb; padding-left: 10px; width: 80%; } .pmp h2 { margin: 0 0 20px; position: relative; border-bottom: 0px; max-width: none; padding-bottom: initial; } .pmp.home h2 { font-size: 32px; text-align: center; margin-bottom: 40px; } .pmp.home h2 span { font-weight: 700; } .cse .gsc-branding, .gsc-branding { display: none } .overview, .os, .party, .visibility, .benifits, .edition, .client { text-align: center; padding: 50px 15px; } .overview { padding-top: 10px; padding-bottom: 10px; } .os, .visibility, .edition { background-color: #eee; } .edition p { margin-top: 35px; padding-bottom: 4px; } .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: #ffffff; color: #000; } .hmEdi1 .hmEdiCont { color: #000 } .hmEdi1 .hmEdiFoot { padding-bottom: 20px; } .hmEdi1 .hmEdiCont a { color: #fff } .hmEdi2 { width: 700px; float: left; margin: 20px 0 0 0; background: #fff; } .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: #2a79bb; color: #fff; font-size: 20px; padding: 12px 20px; line-height: 32px; font-weight: 600; text-align: center; } .hmEdiHead:after { content: ''; content: "Up to 20 computers & 5 servers"; display: block; font-size: 14px; margin: 0px; font-weight: 300; padding: 0; line-height: normal; } .hmEdiHead#pro:after { content: 'Suitable for computers in LAN'; } .hmEdiHead#ent:after { content: 'Suitable for computers in WAN'; } .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: #2a79bb; } .hmEdition a { color: #000; } .hmEdiFoot { padding: 0px 20px 0px; } .hmEdi1 .hmEdiFoot a.trynow { background: #e9142b; padding: 3px 0; font-size: 24px; line-height: 34px; text-align: center; color: #fff; text-decoration: none; font-weight: 300; display: block; } .hmEdi2 .hmEdiFoot a.trynow { background: #e9142b; padding: 3px 40px; font-size: 24px; line-height: 34px; text-align: center; color: #fff; text-decoration: none; display: inline-block; font-weight: 300; } .os p { max-width: 700px; margin: 20px auto 0; } .feat ul { text-align: initial; max-width: 650px; font-size: 17px; line-height: 32px; display: inline-block; list-style: none; } .feat ul li { margin-bottom: 15px; } .feat ul li:before { width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #2a79bb; content: ''; display: inline-block; margin-right: 10px; margin-left: -20px; } .feat.party, .feat.visibility { padding-bottom: 0; } .feat.party .figure { content: ''; display: inline-block; height: 320px; width: 340px; vertical-align: top; background-image: url(../images/third-party-applications.jpg); background-size: auto 300px; background-position: center; background-repeat: no-repeat; margin-top: -40px; margin-bottom: 40px; } .feat.visibility .figure { content: ''; display: inline-block; height: 275px; width: 300px; vertical-align: top; background-image: url(../images/visibility-and-control.jpg); background-size: 435px; background-position: bottom; background-repeat: no-repeat; margin-right: 50px; margin-top: -23px; margin-bottom: 30px; } .client img { width: 100%; max-width: 1000px; } .pmp .box { width: 240px; display: inline-block; vertical-align: top; text-align: center; margin: 0 15px; } .pmp h2:after { content: ''; width: 80px; height: 1px; display: block; background-color: #e1e2e2; margin: 20px auto; position: static; transform: none; } .pmp h2:before { content: ''; display: block; width: 7px; height: 7px; background-color: #2a79bb; margin: auto; left: 0; bottom: -2px; position: absolute; right: 0; transform: rotate(45deg); } .pmp>ul { list-style: none; display: block; width: 100%; text-align: center; margin-top: 13px; transition: 0.2s ease-in-out; padding-top: 20px; } .pmp.getstart>ul { border-top: 1px solid #ccc; } .rhs-cont li { font-size: 15px; line-height: 28px; margin-bottom: 15px; list-style: inherit; } .rhs-cont .small li { margin-bottom: 0px; } .pmp>ul>li { display: inline-block; width: 300px; position: relative; vertical-align: top; text-align: initial; padding: 20px 25px; margin: 15px; box-shadow: 0 0 2px #ccc; /*border-left:1px solid #ccc;*/ } .pmp.documents>ul>li { min-height: 150px; } .pmp>ul>li.big { width: 695px; padding: 16px 30px; } .pmp>ul>li.big span { vertical-align: top; width: 45%; display: inline-block; } .pmp>ul>li.big div:last-child { width: 60%; border-left: 1px dashed #ccc; padding-left: 4%; margin-left: 2%; } .pmp>ul>li.big div { display: inline-block; width: 33%; vertical-align: top; } .pmp>ul>li strong { display: inline-block; font-size: 17px; line-height: 27px; padding-left: 47px; } .pmp>ul>li strong a { position: relative; } .pmp>ul>li:after { content: ''; position: absolute; display: inline-block; border-radius: 50%; left: -5px; border-left: 0px; border-bottom: 0px; top: -18px; transform: scale(.6); width: 100px; height: 100px; background-image: url(../images/features-icons-sprite.png); background-size: 500px; } .pmp>ul>li.long:after { top: -6px; } .pmp>ul>li#fea1:after { background-position: 0px 0px; } .pmp>ul>li#fea2:after { background-position: -100px 0px; } .pmp>ul>li#fea3:after { background-position: -200px 0px; } .pmp>ul>li#fea4:after { background-position: -300px 0px; } .pmp>ul>li#fea5:after { background-position: -400px 0px; } .pmp>ul>li#fea6:after { background-position: 0px -100px; } .pmp>ul>li#fea7:after { background-position: -100px -100px; } .pmp>ul>li#fea8:after { background-position: -200px -100px; } .pmp>ul>li#fea9:after { background-position: -300px -100px; } .pmp>ul>li#fea10:after { background-position: -400px -100px; } .pmp>ul>li#fea11:after { background-position: 0px -200px; } .pmp>ul>li#fea12:after { background-position: -100px -200px; } .pmp>ul>li#fea13:after { background-position: -200px -200px; } .pmp>ul>li#fea14:after { background-position: -300px -200px; } .pmp>ul>li#fea15:after { background-position: -400px -200px; } .pmp>ul>li#fea16:after { background-position: 0px -300px; } .pmp>ul>li#fea17:after { background-position: -100px -300px; } .pmp>ul>li#fea18:after { background-position: -200px -300px; } .pmp>ul>li#fea19:after { background-position: -300px -300px; } .pmp>ul>li#fea20:after { background-position: -400px -300px; } .pmp>ul>li#fea21:after { background-position: -503px -300px; } .pmp>ul>li#fea22:after { background-position: -200px -300px; } .thanks-msg { display: none; color: #63ae21; font-weight: 700; transition: all ease-out 350ms; } .pmp .dwn-link-cont { width: 60%; display: inline-block; min-height: initial; vertical-align: top; margin-top: 50px; } .pmp .dwn-form-cont { width: 25%; display: inline-block; } a.dwn-cont { color: #333; background: none repeat scroll 0 0 #E9142B; border-radius: 5px; display: inline-block; } .prodDownbtnWin { background: url(../images/win-lin.png) no-repeat scroll -6px -5px rgba(0, 0, 0, 0); display: inline-block; height: 29px; margin: 15px; width: 28px; } .prodDownbtnBg { color: #FFFFFF; display: inline-block; font-size: 28px; height: 40px; padding: 10px; } .prodDownbtnsml { font-size: 12px; } .dwn-main-icon { background-position: -88px -29px; float: right; height: 31px; line-height: 30px; margin: 12px 14px 0 3px; width: 33px; } .dwn-prob a { background: #C4C8CC; padding: 2px 10px; border-radius: 3px; color: #333; text-decoration: none; } .dwn-prob a:hover { background: #0099cc; color: #fff !important; } .lictxt { padding: 20px; } ul.open { display: block !important; } ul.open li a { border: 0px !important; padding: 10px 0 10px 24px !important; font-size: 14px !important; display: block !important; } ul.open li:last-child a { margin-bottom: 15px; } #lhsTree>li>ul li a:hover { color: #2a79bb; } .foot-social.footFix, .foot-social.footAbs { display: none !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% !important; margin-bottom: 0px; } .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%; border-bottom: 1px solid #fff; margin-bottom: -1px; } .appList .inactive { cursor: pointer; } .navigation { border-top: 1px dotted #CCCCCC; margin: 30px 0; padding: 20px; } .bdr { border-right: 1px solid #ecedee; border-left: 1px solid #ecedee; border-bottom: 1px solid #ecedee; padding: 15px 30px; } 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 } .pmp .box:before { content: ''; display: block; height: 100px; width: 100px; background-image: url(../images/overview-icons-sprite.png); background-size: 500px; margin: auto; } .pmp .os .box:before { background-color: #fff; padding: 9px; border-radius: 50%; } .pmp .box.box1:before { background-position: 0 0; } .pmp .box.box2:before { background-position: -100px 0; } .pmp .box.box3:before { background-position: -200px 0; } .pmp .box.box4:before { background-position: -300px 0; } .pmp .box.box5:before { background-position: 6px -91px; } .pmp .box.box6:before { background-position: -92px -95px; } .pmp .box.box7:before { background-position: -193px -95px; } .pmp .box.box8:before { background-position: -192px -94px; } .pmp .box.box14:before { background-position: -300px -190px; } .pmp .box.box15:before { background-position: -400px -190px; } .pmp .box.box16:before { background-position: 0px -790px; } .pmp .box h3 { font-weight: 600; margin-bottom: 0px; } .pmp .box p { line-height: 26px; } .nos { min-width: 300px; } li#no1 { border-left: 0px; } .nos ol { margin-top: 30px; } .nos ol li { margin: 10px 15px 10px 15px !important; line-height: 30px; font-size: 15px; } li.nos:after { font-size: 70px; background-image: none !important; text-align: center; line-height: 100px; color: #ccc; } #no1:after { content: '1'; } #no2:after { content: '2'; } #no3:after { content: '3'; } #no4:after { content: '4'; } #no5:after { content: '5'; } .benifits { padding: 20px; } .pmp .benifits .box { width: 170px; overflow: hidden; height: 170px; border-right: solid 1px #eee; margin-left: 0; padding-right: 20px; } .pmp .benifits .box:last-child { border-right: 0px; } .pmp .benifits .box h3, .pmp .benifits .box:before, .pmp .benifits .box p { transition: all ease-in 350ms; } .pmp .benifits .box:hover h3, .pmp .benifits .box:hover:before, .pmp .benifits .box:hover p { transform: translateY(-110px); cursor: default; } .pmp .box.box8:before { background-position: -300px -90px; } .pmp .box.box9:before { background-position: -400px -90px; } .pmp .box.box10:before { background-position: 0 -190px; } .pmp .box.box11:before { background-position: -100px -190px; } .pmp .box.box12:before { background-position: -200px -190px; } .pmp.getstart { margin-top: -22px; padding-bottom: 100px; box-shadow: 0px 0px 25px -5px #ccc; min-height: 400px; transition: 0.2s ease-in-out; } .note { background-color: #eee; border-left: 3px solid #2e7cbc; margin-top: 15px; display: block; } .note:before { content: 'Note'; padding-left: 10px; font-weight: 600; display: inline-block; padding-top: 10px; } .note li { list-style: disc inside; margin: 0 !important; } .note ul { padding-top: 0 !important; padding: 30px; } .note p { padding-left: 12px; } p.note { padding: 10px; } p.note:before { display: none; } span.comp-icon { background-position: -35px 0; height: 25px; width: 50px; display: inline-block; opacity: 0.7; } ol.note, li.note { background-color: #eee; padding: 25px 25px 25px 43px !important; list-style-position: outside; border-left: 2px solid #ccc; } .pmp.getstart #lk7 { background-image: url(../images/how-to-icon.png); background-size: 36px; background-repeat: no-repeat; background-position: center 15px; } .pmp.getstart #lk5 { background-image: url(../images/kbs-icon.png); background-size: 36px; background-repeat: no-repeat; background-position: center 15px; } .pmp.getstart #lk6 { background-image: url(../images/faqs-icon.png); background-size: 36px; background-repeat: no-repeat; background-position: 36px 15px; } .spl-note { border-top: 1px dotted #ccc; max-width: 700px; margin: 20px auto 0 !important; padding: 8px; } li#no1, li#no2, li#no3, .support li#fea8, .support li#fea4, .support li#fea9 { min-height: 150px; } .faq li { display: list-item; width: initial; border: 0px; font-size: 15px; line-height: 30px; min-height: initial; list-style-type: decimal; border-bottom: 1px dashed #ccc; max-width: 800px; margin: auto; padding: 0 0 40px 10px; } .faq li:last-child { border-bottom: 0px; } .faq li:after { display: none; } .faq li strong { display: block; font-size: 17px; font-weight: 800; margin-bottom: 15px; line-height: 30px; } .pmp.kb li { min-height: 150px; } .prodDownbtn { width: 40%; display: inline-block; } .pcp .doc-list { text-align: center; padding-left: 0 !important; } .pcp .doc-list li { list-style: none; display: inline-block; min-width: 250px; box-shadow: 0 0 3px #a7a7a7; margin: 7px; padding: 5px 15px; vertical-align: top; text-align: initial; background-color: #fff; } .pcp .doc-list li img { width: 30px; } .pcp .doc-list li a { display: inline-block; font-size: 14px; padding: 10px; padding-right: 0; color: #2a79bb; } .pcp.gray { background-color: #eee; padding: 30px 0 50px; } .pmp.thanks li, .pmp.support li { min-height: 150px; } .pmp.features li { min-height: 180px; } .thanksemail { display: inline-block; font-weight: bold; margin-bottom: 20px; } .thanks-quote { display: none; font-size: 15px; text-align: center; } .hmEdition.clearfix { display: block; margin: auto; max-width: 960px; text-align: left; } .tal.mL10 strong { font-size: 17px; margin-left: -10px !important; margin-bottom: 7px !important; display: block; color: #2a79bb; } .nav-qte a { background: #c5c5c5; color: #000; } .nav-qte a:hover { background: #999; color: #fff; } .show.table ul li { display: table-cell; width: 25%; line-height: 25px; padding: 8px; border: 1px #ccc solid; border-top: 0; border-right: 0; } .show.table ul { display: table-row; } .show.table { display: table; } .show.table ul:last-child li { border-bottom: 0px; } .show.table ul li:first-child { border-left: 0px; } .show.table>strong { margin-top: 20px; padding-bottom: 10px; display: inline-block; } .locali { max-width: 1000px; margin: auto; } .locali h3 { font-weight: 600; font-size: 17px; } .prodDownbtn h4 strong { font-size: 20px; } .pmp.lic { max-width: 900px; margin: auto; } .pmp.lic p { font-size: 14px; line-height: 30px; } .pmp.lic h2 { font-size: 30px; text-transform: lowercase; margin-top: 40px; } .pmp.lic h2:first-letter { text-transform: uppercase; } .pmp.lic h3 { font-weight: 600; margin-top: 40px; } .pmp .list { font-size: 15px; line-height: 30px; max-width: 1000px; margin: auto; } .download { display: block; } .mobile-download { display: none; } span.error-field.training { top: 24px !important; right: -163px !important; } .promo.download { display: none; } .promo.roadmap, .promo.getquote, .promo.demo, .promo.license, .promo.getquote, .promo.license, .promo.testi, .promo.feature, .promo.support { display: none !important; } .promo a { display: block; min-height: 213px; background-image: url(../images/melt-webinar-thanks-banner.jpg); background-size: contain; background-repeat: no-repeat; width: 800px; margin: 0 auto 50px; max-width: 100%; } .promo:before { content: 'Upcoming events'; text-align: center; display: block; padding: 20px 10px 10px; border-top: 1px solid #eee; font-weight: 600; } .promo.getquote:before, .promo.demo:before, .promo.license:before, .promo.getquote:before, .promo.license:before, .promo.testi:before, .promo.feature:before, .promo.support:before { text-align: left; padding: 20px 0 10px; } .promo.roadmap:before { border-top: 0; padding-top: 0; } .promo.getquote a, .promo.demo a, .promo.license a, .promo.getquote a, .promo.license a, .promo.testi a, .promo.feature a, .promo.support a { margin: 0 0 50px 0; } .rhs-cont .tab-cover { border: 1px solid #ccc; padding: 20px; margin-top: 50px; position: relative; border-radius: 0 5px 5px; } .rhs-cont .tab-cover a.help-tab-btn { display: inline-block; padding: 7px 15px; text-decoration: none !important; } .rhs-cont .tab-btn-group { position: absolute; top: -40px; left: -1px; z-index: 2; } .rhs-cont .tab-cover a.help-tab-btn.active { color: #000; border: 1px solid #ccc; border-bottom-color: #fff; pointer-events: none; border-radius: 5px 5px 0 0; } .apl-info-pmp { position: fixed; right: 0; top: 150px; background-color: #ecedee; border-radius: 40px 0 0 40px; font-size: 12px; 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); } .apl-info-pmp span { display: inline-block; padding: 13px 0; line-height: 16px; } .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.apl-for-op:before { background-image: url('../images/apl-info-pmp-op-icon.png'); background-size: 21px auto; background-position: 5.4px 8.4px; } .apl-info-pmp.apl-for-cd:before { background-image: url('../images/apl-info-pmp-cd-icon.png'); background-size: 20px auto; background-position: 5.4px 8.4px; } .apl-info-pmp:hover, .apl-info-pmp.open { width: 250px; color: #000; } #relPrdDCGroupPMP { display: none } .pmp .tab-cover { border: 1px solid #0779b6; width: 900px; max-width: 80%; padding: 30px 15px; margin: 80px auto; position: relative; border-radius: 0 5px 5px; } .pmp .tab-cover .tab-btn-group { position: absolute; top: -57px; left: -1px; right: -1px; } .pmp .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; } .pmp .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; } .promo-flash { display: flex; justify-content: center; align-items: center; background-color: #daf4ff; border: 1px solid #89ceeb; position: fixed; width: 100%; z-index: 2; } .promo-flash p { line-height: normal; font-size: 16px; font-weight: 400; } .promo-flash p strong { font-weight: 600; } .promo-flash .close { margin: 0 0 0 30px; color: #00000070; position: absolute; right: 23px; cursor: pointer; } .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; } .promo-flash+.bannerflex { padding-top: 54px; } .content-tab { display: flex; border-bottom: 1px solid #eee; padding: 0 !important; list-style: none; margin: 0 0 30px !important; } .content-tab li { list-style: none; padding: 0 !important; margin: 0; border-right: 1px solid #eee; } .content-tab a { display: inline-block; padding: 15px 10px 10px; min-width: 100px; text-align: center; color: #000; text-decoration: none; font-size: 13px; } .content-tab a.active, .content-tab a:hover { background-color: #eee; border-bottom: 2px solid #0778b8; color: #000; } .content-tab a.active { pointer-events: none; font-weight: bold; } .content-tab a:hover { background-color: #f5f5f5; color: #0778b8; border-bottom: 2px solid transparent; } .content-tab a img { display: block; margin: auto; width: 58px; height: auto; } .rhs-cont .credit { background-color: #f1f1f1; padding: 35px; } .rhs-cont .credit .flex { display: flex; align-items: center; justify-content: center; } .rhs-cont .credit .flex .clip { width: 30%; margin-right: 20px; } .rhs-cont .credit .flex .caption { width: 70%; margin: 2%; } .rhs-cont .credit h3 { color: #444444 !important; font-weight: 500; margin: 0px 0px 20px !important; border: 0px !important;!i;!; } .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; } @media(max-width:1025px) { #commonHeader { min-height: 96px; } header:not(.abheader) #header-mainsec { height: auto; top: 40px; } .promo-flash { position: relative; border: 0; padding: 20px; flex-wrap: wrap; justify-content: center; text-align: center; width: auto; } .promo-flash p { line-height: 24px; margin: 0 0 10px; } .promo-flash .close { top: 5px; right: 10px; } } @media screen and (max-width:760px) { .hmEdiCol2, .hmEdiCol3, .hmEdi1 { float: none; display: block; width: initial; height: initial; margin-bottom: 15px; background-color: #fff; padding: 15px; } .pmp .benifits .box { margin: auto; border-right: 0px; padding-right: 0; } .hmEdiCol2 .hmEdiCont { border-right: 0px; } .hmEdiCont { height: initial !important; } .bannerflex { min-height: initial; } .hmEdi2 { width: initial; } .hmEdi1 { margin: 15px auto; } .feat.party .figure { margin-top: 0px; } .feat ul { padding: 25px; } .feat.visibility .figure { margin: 0px; } ul.flexBnrslides { display: block; } .pmp.home h2 { line-height: normal; } .flexMobile { display: none; } .pmp .os .box { width: auto; margin: 25px; } .mobile-download { display: block; } .download { display: none; } .apl-info-pmp { position: static; border-radius: 40px; margin: auto; text-align: center; } .apl-info-pmp:before { float: left; } } /* Help Document CSS*/ [data-opORoc="cloud"] { display: none } .choosetype { background: #fff } .choosetype>span { cursor: pointer; display: inline-block; background: #3c84b3; width: calc(50% - 1px); border-right: 1px solid #fff; color: #fff; line-height: 40px; text-align: center; font-size: 15px; } .choosetype>span.helpActive { background: #fff; color: #2a79bb; border-top: 2px solid #2a79bb; } .rhs-cont ul, .rhs-cont ol { padding: 0px 0 10px 25px; } .heading-menu { position: relative } .sel-ver span { cursor: pointer; padding: 10px 20px; background: #2a78bb; margin: 0px 10px; color: #fff; font-size: 20px; border-radius: 3px 3px 0px 0px; transition: 0.2s ease-in-out; } .sel-ver .verActive { background: #fff; color: #000; border: 1px solid #ccc; border-bottom: 0px; border-radius: 3px 3px 0px 0px; z-index: 999; box-shadow: 0px -5px 10px -5px #ccc; transition: 0.2s ease-in-out; pointer-events: none; } .help.lhs-tree { border-left: 1px solid #ececec; margin-top: 40px; float: none; width: 100%; min-height: 0px; } /*Tab action css*/ .ems-land-com { border-bottom: 1px solid #09f; padding-bottom: 20px } .ems-land-com .tab-grp { display: flex; padding: 0; margin: 30px 0 0; border-bottom: 1px solid #09f } .ems-land-com .tab-grp li { max-width: 200px; list-style: none !important; padding: 10px 25px; margin: 0 20px 0 0; font-size: 17px; cursor: pointer; border-radius: 10px 10px 0 0 } .ems-land-com .tab-grp li:hover { background-color: #eee } .ems-land-com .tab-grp li.active { background-color: #09f; color: #fff; font-weight: 500; pointer-events: none } .ems-land-com [data-content] { display: none } .ems-land-com [data-content].active { display: block } /*Tab action css*/ /*Help search css added*/ #ws_QueryBox { width: 100% } .srch-div { display: block; width: 255px; float: right; position: static; height: 40px } .search-result-wrap { margin: 0px 0px !important; min-height: 0px !important } #ws_QueryBox { background-image: url(../../images/search-icon.png); background-repeat: no-repeat; background-size: 12px; background-position: left 7px center; border: 1px solid #ccc; width: 219px; display: block; height: 23px; line-height: 23px; padding: 8px 8px 8px 25px; font-size: 15px; } li.ws_resultitem { list-style: none !important; } .ws_resSummary { margin: 0 !important; max-height: none !important; } @media only screen and (max-width: 767px) { .ws_result-pane.ws_result-pane { display: block !important; } .ws_result_left, .ws_result_right { display: block; width: 100% !important; } .ws_resultitem { padding-left: 0px; } #ws_QueryBox { box-sizing: border-box; width: 100%; } } /*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*/