/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);*/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 13, 2017 */ @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400'); @font-face { font-family: 'open_sansregular'; src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),url('../fonts/opensans-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight'; src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),url('../fonts/opensans-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratregular'; src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),url('../fonts/montserrat-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratsemibold'; src: url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'),url('../fonts/montserrat-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratmedium'; src: url('../fonts/montserrat-medium-webfont.woff2') format('woff2'),url('../fonts/montserrat-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratlight'; src: url('../fonts/montserrat-light-webfont.woff2') format('woff2'),url('../fonts/montserrat-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),url('../fonts/montserrat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /*===== fonts and styles typography======*/ html {height:100%;} body {font-family: 'open_sansregular'; font-size:16px;font-style:normal; color:#333;-webkit-font-smoothing: antialiased;/*text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;-webkit-text-stroke: 0.1px;*/ } h1, h2, h3, h4, h5, h6 {color:#333;} h1{font-size:42px; font-family: 'montserratbold'; /*line-height:54px; font-weight:400; font-family: 'montserratsemibold';*/} h2{font-size:30px; font-family: 'montserratmedium';line-height:40px; } h3{font-size:24px; font-weight:500; font-family: 'montserratregular';line-height:32px;margin: 10px 0px;color:#333 !important;} h4{font-size:18px; font-family: 'montserratregular';line-height:24px;} h5 {} h6 {} img { border:none; outline:0;} /*p { font-size:16px;line-height:28px;font-family: 'open_sansregular';}*/ a { color:#0094c7; text-decoration:none; font-style:normal; font-weight:normal; /*font-size:14px;*/} a:hover {text-decoration:underline; color:#0094c7; } a:active, a:focus { color:#0094c7; text-decoration:none; border:none; outline:none;} .field-validation-error { color:#F00; text-align:left;display: block;font-size: 12px; /*clear:both;*/} .input-validation-error { color:#F00; text-align:left;display: block;font-size: 12px;} .field-validation-valid { font-size:12px; color: #ff0000;position: relative;} .form-group label .error-text-color {font-size: 14px;color:#F00;padding:0px 1px;} .form-group .addresscheckbox checkbox {line-height:normal;} .addresscheckbox label {margin:0px 3px auto; padding:2px 0px;} .fieldsError {font-size: 14px;color:#F00;} .fieldsSuccess {color: #00d703;font-size: 14px;} /*==== all buttons ====*/ .whitebtn { border:1px solid #00ab58 !important; padding:10px 20px; color:#fff !important;background-color: #00ab58; font-weight:normal !important;} .whitebtn:hover { background-color:#00904a !important; color:#fff !important;padding:10px 20px;border:1px solid #00904a !important; text-decoration:none;} .whitebtn2 { border:1px solid #00ab58 !important; padding:15px 30px; color:#fff !important;background-color: #00ab58; font-family: 'montserratlight'; font-size:20px;} .whitebtn2:hover { background-color: #00904a !important; color:#fff !important;padding:15px 30px;border:1px solid #00904a !important; text-decoration:none;} /*===product wise buttons=====*/ .ml-btn {border:1px solid #0291c4 !important; padding:10px 20px; color:#fff !important;background-color: #0291c4; font-family: 'montserratlight'; font-size:20px;} .ml-btn:hover { background-color: #0081ae !important; color:#fff !important;padding:10px 20px;border:1px solid #0081ae !important; text-decoration:none;} .btn-99 {border:1px solid #029a9a !important; padding:10px 20px; color:#fff !important;background-color: #029a9a; font-family: 'montserratlight'; font-size:20px;} .btn-99:hover { background-color: #018787 !important; color:#fff !important;padding:10px 20px;border:1px solid #018787 !important; text-decoration:none;} .btn-95 {border:1px solid #18578e !important; padding:10px 20px; color:#fff !important;background-color: #18578e; font-family: 'montserratlight'; font-size:20px;} .btn-95:hover { background-color: #095faa !important; color:#fff !important;padding:10px 20px;border:1px solid #095faa !important; text-decoration:none;} .hr-btn {border:1px solid #0291c4 !important; padding:10px 20px; color:#fff !important;background-color: #0291c4; font-family: 'montserratlight'; font-size:20px;} .hr-btn:hover { background-color: #0081ae !important; color:#fff !important;padding:10px 20px;border:1px solid #0081ae !important; text-decoration:none;} .btn-now {padding:5px 20px; background-color:#00ab58;color:#fff;font-family: 'open_sansregular'; font-size:16px; position:relative; left:-30px; top:-2px;} .bluebtn {border:1px solid #368dc0 !important; padding:5px 20px; color:#fff !important;background-color:#368dc0;margin: 0px 2px;} .bluebtn:hover { background-color:#2e7ba9 !important;border:1px solid #2e7ba9 !important; color:#fff !important;text-decoration:none;padding:5px 20px;} .bluebtn2 {border:1px solid #368dc0 !important; padding:7px 20px !important; color: #368dc0 !important;background-color: transparent;} .bluebtn2:hover {background-color:#368dc0 !important;border:1px solid #368dc0 !important; color:#fff !important; text-decoration:none;} .ml-order-btn {border:1px solid #0291c4 !important; padding:7px 20px !important; color:#fff !important;background-color: #0291c4 !important;} .ml-order-btn:hover {background-color:#0081ae !important;border:1px solid #0081ae !important; color:#fff !important; text-decoration:none;} .order-99-btn {border:1px solid #029a9a !important; padding:10px 20px !important; color:#fff !important;background-color: #029a9a !important;margin: 15px 0px 10px 0px;font-size: 18px;display: block;text-align: center;cursor:pointer !important} .order-99-btn:hover {background-color:#018787 !important;border:1px solid #018787 !important; color:#fff !important; text-decoration:none;} .order-99-btn1 {background-color:#fff;border:1px solid #029a9a;color:#029a9a;margin: 15px 0px 10px 0px;font-size: 18px;display: block;text-align: center;padding:10px 20px !important;cursor:pointer !important;} .order-99-btn1:hover {background-color: #029a9a !important;border:1px solid #029a9a !important;color:#fff;text-decoration:none;} .order-99-btn1:active, .order-99-btn1:focus{background-color: #029a9a !important;border:1px solid #029a9a !important;color:#fff;text-decoration:none;} .order-95-btn {border:1px solid #18578e !important; padding:7px 20px !important; color:#fff !important;background-color: #18578e !important;} .order-95-btn:hover {background-color:#095faa !important;border:1px solid #095faa !important; color:#fff !important; text-decoration:none;} .organebtn {border:1px solid #00ab58; padding:5px 13px; color:#fff !important;background-color: #00ab58;} .organebtn:hover { background-color:#00904a !important;border:1px solid #00904a !important; color:#fff;text-decoration:none;} .pr-btn {border:1px solid #00ab58; padding:5px 13px; color:#fff !important;background-color: #00ab58;} .pr-btn:hover { background-color:#00904a !important;border:1px solid #00904a !important; color:#fff;text-decoration:none;} .order-95-btn {border:1px solid #18578e !important; padding:10px 20px !important; color:#fff !important;background-color: #18578e !important;margin: 15px 0px 10px 0px;font-size: 18px;display: block;text-align: center;cursor:pointer !important} .order-95-btn:hover {background-color:#095faa !important;border:1px solid #095faa !important; color:#fff !important; text-decoration:none;} .order-95-btn1 {background-color:#fff;border:1px solid #18578e;color:#18578e;margin: 15px 0px 10px 0px;font-size: 18px;display: block;text-align: center;padding:10px 20px !important;cursor:pointer !important;} .order-95-btn1:hover {background-color: #18578e !important;border:1px solid #18578e !important;color:#fff;text-decoration:none;} .order-95-btn1:active, .order-95-btn1:focus{background-color: #18578e !important;border:1px solid #18578e !important;color:#fff;text-decoration:none;} ul { line-height:24px;margin-bottom: 20px;} ul li { } /*==== buttons end=====*/ /*==== hello bar styles here ===*/ .hellobar { font-size:16px; text-align:center; padding:8px 0px; /*functionality time will display*/} a.hellobarBtn { padding:5px 20px; border:1px solid #fff; text-decoration:none;color:#fff; display:inline-block; margin:0px 30px;} a.hellobarBtn:hover { background-color:#fff;color:#ed2024;text-decoration:none;} .hellobar i {display:inline-block; font-size:20px; margin-right:20px;} .closehellobar {float:right; padding:5px;color:#fff;} #wrapper { width:100%; height:auto;} .content-rednder { width:100%; height:auto;} .headsectionblue { width:100%; height:auto;} /*=== All banners ====*/ .homebanner { width:100%; height:auto} /*==== mega menu start here =====*/ .navbar-brand { height:auto;/*float: left;*/padding: 13px 0px;font-size: 18px;line-height: 20px;} .navbar-brand img {width:240px;} .mainmenu { width:100%; /*height:78px;*/ padding: 5px 0px 5px 0px; margin:0px; background-color: transparent; transition:ease-in-out 0.3s; background-color:#f2fbf6;} img.bluelogo { display:none;} .affix { background-color: #fff; position: fixed; top:0px;z-index: 999; padding:0px;transition:ease-in-out 0.3s;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.75);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.75);} .affix img.bluelogo { display:inline-block;} .affix img.whitelogo { display:none;} .affix .navbar-default .navbar-nav>li>a { color:#333;} .affix .menuright li a {color:#333;} .affix .whitebtn{border:1px solid #00ab58 !important; color:#fff !important;} .affix .whitebtn:hover {background-color:#00904a !important;color:#fff !important;} .affix .organebtn {border:1px solid #ff6700; padding:5px 13px; color:#fff !important;background-color: #ff6700 !important;} .affix .organebtn:hover, .organebtn:active {background-color: #00904a !important;border: 1px solid #00904a !important;color: #fff; text-decoration: none; } .affix-top .product-menu img.showprodtimg{display:none;} .affix .navbar-default .navbar-nav > .open > a, .affix .navbar-default .navbar-nav > .open > a:hover, .affix .navbar-default .navbar-nav > .open > a:focus {color: #368dc0;background-color: transparent;} .affix a.cartbox {width: 35px;height: 21px;background: url(../images/carticonblue.png) no-repeat left center;} .menuresp { display:none;} .formobile { display:none;} .navbar-default { background-color: transparent;border-color: transparent; margin-bottom:0px;} .navbar-default .navbar-nav > li > a {color:#fff;} .navbar-nav { margin: 0px 0px 0px 100px;} .custom-prd-navbar{display:initial;} p.headsoft { text-transform:uppercase;color:#0094c7; padding:10px 0px; margin:0px 15px 10px 15px; border-bottom:1px solid #ddd; font-weight:normal; clear:both;} .menuarrows { width:11px; height:7px; background: url(../images/downarrow.png) no-repeat left center; display:inline-block;} .affix .menuarrows { width:11px; height:7px; background: url(../images/downarrow.png) no-repeat left center; display:inline-block;} .navbar-nav>li>.dropdown-menu {position:absolute;border:none; border-top-left-radius: 4px; border-top-right-radius: 4px;margin-top: -4px; background-color:#f7f7f7; } /* Target the dropdown menu and add a pointer */ .dropdown-menu::before { content: ""; position: absolute; top: -9px; /* adjust to control distance from menu */ left: 40%; /* adjust to position under the toggle */ width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #fff; /* match dropdown background */ z-index: 1; } .busines-timmings p {margin-bottom:0px !important;} /* Optional: Add a subtle shadow to make it look layered */ .dropdown-menu::after { content: ""; position: absolute; top: -11px; left: 40%; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 11px solid rgba(0,0,0,0.1); /* shadow color */ z-index: 0; } .dropdown-menu { position: absolute; background-color: #fff; border-radius: 4px; padding-top: 10px; /* to create space for the arrow */ } .menuright .dropdown-menu::before { content: ""; position: absolute; top: -9px; /* adjust to control distance from menu */ left: 20%; /* adjust to position under the toggle */ width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #fff; /* match dropdown background */ z-index: 1; } .menuright .dropdown-menu::after { content: ""; position: absolute; top: -11px; left: 20%; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 11px solid rgba(0,0,0,0.1); /* shadow color */ z-index: 0; } /*.products-menu::before, .more-menu::before { content: ""; position: absolute; top: -10px; left: 30px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #fff; }*/ .menu-arrow { transition: transform 0.3s ease; } .nav-item.dropdown.show .menu-arrow { transform: rotate(180deg); } .product-menu .navbar-nav>li>.dropdown-menu {border:none; border-top-left-radius: 4px; border-top-right-radius: 4px;margin-top: -4px; background-color:#fff; width:160px !important;} .navbar-default .navbar-nav>li>a {width: auto;color:#333333;font-size:16px; font-family: 'montserratmedium'; text-transform:uppercase;font-weight:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke: 0.1px;padding: 15px 10px;text-decoration:none;} .navbar-default .navbar-nav>li>a:hover {color:#333333;} .mega-dropdown {position: static !important;/* width: 100%;*/} .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #0094c7; background-color: transparent;} .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:active {color: #0094c7; background-color: transparent;} .navbar-default .navbar-nav > .show > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .show > a:focus {color: #0094c7; background-color:transparent;} .navbar-default .navbar-nav > .open > a .menuarrows { width:11px; height:7px; background: url(../images/bluearrow.png) no-repeat left center; display:inline-block;} .affix .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #0094c7; background-color:transparent;} .affix .navbar-default .navbar-nav > .open a .menuarrows { width:11px; height:7px; background: url(../images/bluearrow.png) no-repeat left center; display:inline-block;} .navbar-default .navbar-nav>.open>a .menuarrows:after { content:''; width:12px; height:8px;background: url(../images/megamenuarrow.png) no-repeat left center; position: absolute;bottom: -3px;right: 53px;z-index:9999; display: block;} .affix .navbar-default .navbar-nav>.open>a .menuarrows:after { content:''; width:12px; height:8px;background: url(../images/megamenuarrow.png) no-repeat left center; position: absolute;bottom: -3px;right: 53px;z-index:9999; display: block;} .mega-dropdown-menu {padding: 20px 0px !important;width: 800px;box-shadow: none;-webkit-box-shadow: none;position: absolute; left: 150px !important;} .singleColumnMegaMenu {width: 270px !important;position: relative; left: 470px !important;} .singleColumnMegaMenuServ {width: 384px !important;position: relative; left: 370px !important;} .mega-dropdown-menu > li > ul {padding: 0;margin: 0;} .mega-dropdown-menu > li > ul > li {list-style: none; margin-bottom: 20px;} .singleColumnMegaMenu > li > ul > li {list-style: none; margin-bottom: 7px;} .mega-dropdown-menu > li > ul > li > a {display: block;padding: 0px 20px; clear: both;font-weight: normal;line-height: 1.428571429;color: #333;white-space: normal; font-size:16px;} .mega-dropdown-menu > li > ul > li > a:hover { background-color:transparent; color:#0094c7;} .mega-dropdown-menu > li > ul > li > a i {width:42px; height:45px; display:inline-block; float:left; margin-right:13px;} .mega-dropdown-menu > li > ul > li > a span { display:block; font-size:12px;} .mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {text-decoration: none; color: #368bbe;} .mega-dropdown-menu .dropdown-header {color: #428bca;font-size: 18px; font-weight: bold; margin-bottom:10px !important;} .mega-dropdown-menu .dropdown-header span { display:block; font-size:12px; color:#a8a8a8;} .mega-dropdown-menu form {margin: 3px 20px;} .mega-dropdown-menu .form-group {margin-bottom: 3px;} ul.megamore { width:auto; margin-bottom:20px !important;} ul.megamore li {} /*==== main menu top right side cart and drop down=====*/ .menuright {padding:0px; margin:14px 0px 0px 0px;} .menuright li { display:inline-block; list-style-type:none; /*margin-left:30px;*/ margin-left: 10px;margin-right: 0px;} .menuright li a { font-size:16px;color:#333; text-decoration:none; font-family: 'montserratmedium'; font-weight:normal;} .menuright li ul li { margin:0px;display:block;} .menuright li a:hover {background-color:transparent;} .menuright li ul li strong {display: block;font-weight: normal;color: #0094c6;padding: 10px 10px 5px 0px;border-bottom: 1px solid #ddd; margin: 0px 15px;} /* other logins heading*/ .menuright li ul li a {color:#333; display:block;padding: 7px 20px; line-height:24px; font-size:14px;} .menuright li ul li a:hover { color:#368cbf;padding: 7px 20px; background-color:transparent; } .dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px; padding: 0px 0;margin: 12px 0 0 0; font-size: 14px;text-align: left;list-style: none;background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #c6c6c6 !important; border: 1px solid rgba(0,0,0,.15) ;border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);} /*ul.dropdown-menu::before {content: "";width: 20px;height: 20px;position: relative;top: -11px;right: -50px;display: block;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);background-color: #fff;border-top: 1px solid #c6c6c6;border-left: 1px solid #c6c6c6;} .affix ul.dropdown-menu::before {content: "";width: 20px;height: 20px;position: relative;top: -11px;right: -69px;display: block;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);background-color: #fff;border-top: 1px solid #c6c6c6;border-left: 1px solid #c6c6c6;} ul.mega-dropdown-menu::before { display: !important;}*/ a.cartbox { width:35px; height:21px; background:url(../images/bluecart.png) no-repeat left center;} a.cartbox span { width:20px; height:20px; display:inline-block; background-color:#00ab58; color:#fff; text-align:center;border-radius: 100%; position: relative;top: -7px; right: -15px;font-size: 12px;/*font-weight: bold;*/line-height: 20px; text-shadow:none;} /*======cart drop down =======*/ .dropdown-arrw{min-width:322px;float: right;position: absolute;top: 100%;right: 0;left: initial;padding:10px 15px;margin:0px;} .dropdown-arrw:before {content:"";width:14px;height:13px;position: absolute; top: -9px;right: 18px;display: block; background: url(../images/megamenuarrow.png) no-repeat left center;} .affix ul.dropdown-arrw:before {content:"";width:13px;height:12px;position: absolute; top: -7px;right: 20px;display: block;transform: rotate(45deg); -ms-transform: rotate(48deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ background-color: transparent;border-left: 1px solid #e3e3e3;border-top: 1px solid #e3e3e3;} #cartProductsPopup { max-height:200px; overflow-y:scroll;} #cartProductsPopup::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); background-color: #F5F5F5;border-radius: 10px;} #cartProductsPopup::-webkit-scrollbar {width: 10px; background-color: #F5F5F5;} #cartProductsPopup::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #FFF;background-image: -webkit-gradient(linear, 40% 0%,75% 84%, from(#4D9C41), to(#19911D), color-stop(.6,#54DE5D))} ul.dropdown-cart{min-width:322px;height: auto; float: right;position: absolute;top: 100%;right: 0;left: initial;padding:10px 15px;margin:0px;} ul.dropdown-cart:before {content:"";width:20px;height:20px;position: absolute; top: -11px;right: 20px;display: block;transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ background-color: #fff;border-left: 1px solid #c6c6c6;border-top: 1px solid #c6c6c6;} .affix ul.dropdown-cart:before {content:"";width:20px;height:20px;position: absolute; top: -11px;right: 20px;display: block;transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ background-color: #fff;border-left: 1px solid #c6c6c6;border-top: 1px solid #c6c6c6;} ul.dropdown-cart li h4 {color:#368dc0; text-align:left; border-bottom:1px solid #ddd; font-weight:bold; padding:5px 0px; text-transform:uppercase;-webkit-text-stroke: 0.1px;} ul.dropdown-cart li .item{display:block;padding:3px 10px;margin:7px 0;} ul.dropdown-cart li .item:hover{background-color:#f3f3f3;} ul.dropdown-cart li .item:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} ul.dropdown-cart li .item-left{width:100%;float:left;} ul.dropdown-cart li .item-left span.viewcartProduct { width:35px; height:40px;display: inline-block;float: left;} ul.dropdown-cart li .item-left span.viewcartProduct img { width:100%; height:100%;} ul.dropdown-cart li .item-left img, ul.dropdown-cart li .item-left span.item-info {float:left;} ul.dropdown-cart li .item-left span.item-info {width: 270px;} ul.dropdown-cart li .item-left span.cartsoftname { display:block !important;} ul.dropdown-cart li .item-left span.item-info span{display:inline-block;} ul.dropdown-cart li .item-right{float:right;} ul.dropdown-cart li .item-right button{margin-top:14px;} ul.dropdown-cart li a { display:inline-block !important; margin:10px;border-bottom: none; padding: 7px 20px; font-weight:normal;} ul.dropdown-cart li form { display:inline-block !important; margin:10px;border-bottom: none;} ul.dropdown-cart li form input[type='submit'] {padding: 7px 20px; font-size:16px;} /*=======end main menu here =====*/ /*=====sub menu learn more====*/ .dropbtn {border: none;cursor: pointer;color:#333;background-color:#fff;font-size:14px;font-weight:bold;} .dropbtn:hover {} .dropbtn:focus {/*background-color: #2980B9;*/} .dropdown {position: relative;display: inline-block;} .dropdown-content {display: none;position: absolute;background-color: #f1f1f1;min-width: 160px;overflow: auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;} .dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;} .home-bannercontent{padding: 60px 0px 30px 0px; text-align:left;} .home-bannercontent h1{ font-size:45px; color:#333;text-align:left; margin:0px; font-weight:bold; } .home-bannercontent p {font-size:18px; color: #333;text-align: left; margin: 10px 0px 30px 0px;padding: 0px 60px 0px 0px;line-height: 28px;} .payrollbanner {width:100%; /*height:600px;*/ } .payrollbanner-inner { height:auto;} .payrollbanner-inner h1{ font-size:45px; color:#fff;text-align:center; margin:0px;} .payrollbanner-inner p {font-size:18px; color: #fff;text-align: center; margin-bottom:20px;padding: 0px 250px;line-height: 28px;} .bannercontent-payroll {padding: 40px 0px 30px 0px; /*padding: 107px 0px 57px 0px;*/ text-align:center;} .bannercontent-payroll h1{ font-size:45px; color:#333;text-align:center; margin:0px; } .bannercontent-payroll p {font-size:18px; color: #333;text-align: center; margin-bottom:20px;padding:10px 0px;line-height: 28px;} .bannercontent{padding: 40px 0px 20px 0px; text-align:center;} .bannercontent h1{ font-size:45px; color:#333 ;text-align:center; margin:0px; font-weight:bold;} .bannercontent p {color: #333 ;color: #333;text-align: center; margin-bottom:0;padding:10px 0px;line-height: 28px;} .about-bannercontent{padding: 60px 0px 30px 0px; /*padding: 107px 0px 57px 0px;*/ text-align:center;} .about-bannercontent h1{ font-size:45px; color:#00ab58 ;text-align:center; margin:0px;} .about-bannercontent p {color: #00ab58 ;text-align: center; margin-bottom:20px;padding: 10px 0px;line-height: 28px;} /*.navbar-nav { margin: 0px 0px 0px 100px;}*/ /*.ml-left-tabs {} .ml-left-tabs .nav-tabs {list-style-type:none; border:none;} .ml-left-tabs .nav-tabs li {width:250px; display:block; background-color:#fff; margin:10px 0px; border:1px solid #ddd;} .ml-left-tabs .nav-tabs li.active {border-left:3px solid #0291c4; -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50); } .ml-left-tabs .nav-tabs li a {font-size:18px;} .ml-left-tabs .nav-tabs li.active a {border:none; margin:0px;} .ml-left-tabs .nav-tabs li a:hover {background-color:#fff;margin:0px;} .ml-right-tabs {} .ml-right-tabs .nav-tabs {list-style-type:none; border:none;} .ml-right-tabs .nav-tabs li {width:250px; display:block; background-color:#fff; margin:10px 0px; border:1px solid #ddd;} .ml-right-tabs .nav-tabs li.active {border-right:3px solid #0291c4;-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);} .ml-right-tabs .nav-tabs li a {font-size:18px;} .ml-right-tabs .nav-tabs li.active a {border:none; margin:0px;} .ml-right-tabs .nav-tabs li a:hover {background-color:#fff;margin:0px;}*/ .accord-ml-smallT .panel { background-color:transparent; border:none;} .accord-ml-smallT .panel-title {margin-top: 0;margin-bottom: 0;font-size: 18px;color: inherit; font-family: 'open_sansregular';} .accord-ml-smallT .panel-title a { display:block; color:#333;} .accord-ml-smallT .panel-title > a:before {content:""; width:36px; height:19px; position:relative; float:right !important; background:url(../images/multiledgersoft/accord-ml-after.png) no-repeat;} .accord-ml-smallT .panel-title > a.collapsed:before {content:""; width:30px; height:26px; position:relative;float:right !important; background:url(../images/multiledgersoft/accordin-ml-plus.png) no-repeat;} .accord-ml-smallT .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {text-decoration:none;color:#333;} .accord-ml-smallT .panel-default>.panel-heading {color: #333;background-color:#f7f7f7;border:1px solid #ddd; padding: 15px 15px 15px 10px;} .accord-ml-smallT .panel-group .panel {overflow: hidden;border-radius: 0px;border: 1px solid #ddd;box-shadow: none;} .accord-ml-smallT .panel-default > .panel-heading + .panel-collapse .panel-body { border-top:none; padding: 20px 20px 20px 20px; background-color:#fff;} .accord-ml-small .panel { background-color:transparent; border:none;} .accord-ml-small .panel-body {margin:15px; } .ml-btn-mt {margin:25px 0px;} .accord-ml-small .panel-title {margin-top: 0;margin-bottom: 0;font-size: 18px;color: inherit; font-family: 'open_sansregular';} .accord-ml-small .panel-title a { display:block; color:#333;} .accord-ml-small .panel-title > a:before {content:""; width:36px; height:19px; position:relative; float:left !important; background:url(../images/multiledgersoft/accord-down-ml.png) no-repeat;} .accord-ml-small .panel-title > a.collapsed:before {content:""; width:30px; height:26px; position:relative;float:left !important; background:url(../images/multiledgersoft/accord-right-ml.png) no-repeat;} .accord-ml-small .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {text-decoration:none;color:#333;} .accord-ml-small .panel-default>.panel-heading {color: #333;background-color:#f7f7f7;border:1px solid #ddd; padding: 15px 15px 15px 10px;} .accord-ml-small .panel-group .panel {margin-bottom: 20px;overflow: hidden;border-radius: 0px;box-shadow: none;-webkit-box-shadow: -2px 3px 5px 0px rgba(171,171,171,1); -moz-box-shadow: -2px 3px 5px 0px rgba(171,171,171,1); box-shadow: -2px 3px 5px 0px rgba(171,171,171,1);} .accord-payroll-small .panel-default > .panel-heading + .panel-collapse .panel-body { border-top:none; padding: 20px 20px 20px 20px;} /*----1099 new styles-------*/ .pro-bannercontent-99 {padding: 40px 0px 40px 0px; text-align:left;} .pro-bannercontent-99 h1{ font-size:42px; color:#333;text-align:left;} .pro-bannercontent-99 p {color: #000;text-align: left; margin-bottom:30px; font-size:18px; line-height:28px; } .pro-bannercontent-99 ul li {display: block;margin: 5px 0px;font-size: 16px;} .pro-bannercontent-99 ul li .fa-check {color:#029a9a;} .errmsg-valid{font-size: 12px;color: #ff0000;position: relative;line-height:1.42;} .pro-bannercontent-99 ul {list-style-type: none;padding: 0px;margin-bottom: 30px;} .pro-bannercontent-99 .win_mac_cust {width: 50%;text-align: center;margin-top: 20px;} .pro-bannercontent-99 .win_mac_cust span { display: block; margin: 10px 0px 30px 0px;} .supp-form-types{width: 298px;height: 400px;background-color: #fff;padding: 25px 15px;display: inline-block;border: 1px solid #ddd;text-align: center;position: relative;margin: 20px 30px;vertical-align: top;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);} .supp-form-types h3{font-size:18px;font-weight:700;} .whocmi99{list-style-type:none;} .whocmi99 li{padding:10px;border-bottom: 1px solid #ddd;} .whocmi99 li:before{font-family:FontAwesome;content:'\f00c';margin-right:15px;} /*----1099 new styles ends here-------*/ .pro-bannercontent-95 {padding:70px 0px 70px 0px; text-align:left;} .pro-bannercontent-95 h1{ font-size:42px; color:#333;text-align:left;} .pro-bannercontent-95 p {color: #333;text-align: left; margin-bottom:30px; font-size:18px; line-height:28px; } .pro-bannercontent-95 .win_mac_cust {width: 50%;text-align: center;margin-top: 20px;} .pro-bannercontent-95 .win_mac_cust span { display: block; margin: 10px 0px 30px 0px;} .pro-bannercontent-95 ul {list-style-type:none;text-decoration:none;padding:0px;margin-bottom:30px;} .pro-bannercontent-95 ul li {display:block;margin:5px 0px;font-size:16px;} .pro-bannercontent-95 ul li .fa-check {color:#17568e !important;} .ser-bannercontent {padding: 150px 0px 60px 0px; text-align:left;} .ser-bannercontent h1{ font-size:42px; color:#00ab58;text-align:left;} .ser-bannercontent h3 {color: #fff;text-align: left; margin-bottom:30px; } .pr-ser-bannercontent {padding: 150px 150px 60px 0px; text-align:left;} .pr-ser-bannercontent h1{ font-size:42px; color:#00ab58;text-align:left;} .pr-ser-bannercontent p {color: #000;text-align: left; margin-bottom:30px; font-size:18px; } .ac-ser-bannercontent {padding: 150px 0px 60px 0px; text-align:left;} .ac-ser-bannercontent h1{ font-size:42px; color:#0291c4;text-align:left;} .ac-ser-bannercontent p {color: #000;text-align: left; margin-bottom:30px; font-size:18px; } .hr-ser-bannercontent {padding: 70px 0px 60px 0px; text-align:left;} .hr-ser-bannercontent h1{ font-size:42px; color:#0291c4;text-align:left;} .hr-ser-bannercontent p {color: #000;text-align: left; margin-bottom:30px; font-size:18px; } .time-ser-bannercontent {padding: 70px 0px 60px 0px; text-align:left;} .time-ser-bannercontent h1{ font-size:42px; color:#0291c4;text-align:left;} .time-ser-bannercontent p {color: #000;text-align: left; margin-bottom:30px; font-size:18px; } .multiledgerbanner {width:100%; height:auto;} .multiledgerbanner-inner { height:auto; } .multiledgerbanner-inner h1{ font-size:42px; color:#333;text-align:center; margin:0px;} .multiledgerbanner-inner p {font-size:18px; color: #333;text-align: center; margin-bottom:20px;padding: 10px 0px;line-height: 28px;} /*thanq you pages and download pages banners*/ .pr-banner-TQ-Download { /*background: #00a850 url(../images/bannerpattern.png) repeat;*/} .ml-banner-TQ-Download {/*background:#0393c7 url('../images/bannerpattern.png') repeat;*/} .banner1099-TQ-Download {/*background:#049c9d url('../images/bannerpattern.png') repeat;*/} .banner1095-TQ-Download {/*background:#2474b1 url('../images/bannerpattern.png') repeat;*/} .downloadtril_ul { width:auto; text-align:center;} .downloadtril_ul li { width:300px; height:280px; display:inline-block; padding:20px; border:1px solid #ddd; text-align:center; vertical-align:top; margin:15px 20px;} .downloadtril_ul li:hover {background-color:#fff;} .downloadtril_ul li span {width: 40px;height: 40px;border-radius: 100%;background-color: #333;color: #fff;display: block;text-align: center;padding: 7px;position: relative;top: -40px;left: 42%;font-weight:bold;} .downloadtril_ul li b { margin-bottom:20px; display:block;} /*thanq you pages and download services pages banners*/ .time-TQ-Download {/*background: #0291c4 url(../images/bannerpattern.png) repeat;*/} .time-TQ-Download h1 {color:#333;} .pr-banner-TQ-Download h3 {color:#00ab58;} .pr-banner-TQ-Download h1 {color:#333;} .ml-banner-TQ-Download h1, h3 {color:#333;} .banner1099-TQ-Download h1, h3 {color:#333;} .banner1095-TQ-Download h1, h3 { color:#333;} .banner1099 {width:100%; height:auto;} .banner1099-inner { height:auto;} .banner1095 {width:100%; height:auto;} .banner1095-inner {height:auto; color:#18578e} .banner1095-inner .bannercontent{padding: 60px 0px 30px 0px; /*padding: 107px 0px 57px 0px;*/ text-align:center;} .banner1095-inner .bannercontent h1{ font-size:42px; color:#333;text-align:center; margin:0px; } .banner1095-inner .bannercontent p {font-size:18px; color: #333;text-align: center; margin-bottom:20px;padding: 10px 0px;line-height: 28px;} .cloudbackup-banner { height:auto; } .lightgreysec { width:100%; height:auto; padding:50px 0px; background-color:#f7f7f7;margin-top:30px;} .lightgreysec:before {content:""; background-color:#ddd; width:300px; border-radius:0px 100px 0px 0px; display:block;} .lightgreysec h2 { margin-bottom:20px; text-align:center; color:#333; font-weight:normal;} .whitesec { width:100%; height:auto; padding:20px 0px; background-color:#fff;margin-top:25px;} .whitesec h2 { margin-bottom:40px; text-align:center;color:#333;font-weight:normal;} .whitesec p.heading { margin-bottom:40px; text-align:center;color:#333;font-weight:normal;font-size: 30px;font-family: 'montserratmedium';line-height: 40px;} iframe {width:100%; height:auto;} .light-green-sec {width:100%; height:auto;} .bannernormalheader{padding: 70px 0px 10px 0px; text-align:center;} /*a.explore {color:#00ab58; font-weight:500;}*/ a.explore:hover {text-decoration:none;} a.explore {background-color:#00ab58; color:#fff; font-weight:500; padding:10px 20px; margin-bottom:20px; display:inline-block} /*===== industries slider styles =====*/ .Carousel { float: left; overflow: hidden; padding:15px; width: 100%; } .Carousel-inner { transition: 1s ease all; float: left; } .Carousel-inner .item { float: left; border: none; text-align:center; } .leftLst, .rightLst { } .leftLst {width: 21px;height: 45px;background: url('../images/sliderarrow-left-b.png') no-repeat;display: block;float: left;position: relative;top: -80px;z-index: 5;display: inline-block;margin-top: -10px;border: none;outline: none;} .leftLst:hover { background:url('../images/sliderarrow-lefthover.png') no-repeat;} .rightLst { width:21px; height:45px; background:url('../images/sliderarrow-right-b.png') no-repeat; display:block; float:right; position: relative; top: -80px;z-index: 5;display: inline-block;margin-top: -10px;border: none;outline: none;} .rightLst:hover { background:url('../images/sliderarrowb.png') no-repeat;} #ResSlid1 .lead { text-align:center;} #ResSlid1 .lead img { margin:0px auto;} /*==== this carousel unique ======*/ .carousel-indicators li {display: inline-block;width: 12px;height: 12px; margin: 1px;text-indent: -999px;cursor: pointer; background-color: transparent;background-color: rgba(0,0,0,0);border: 1px solid #929292;border-radius: 10px;} .carousel-indicators .active {width: 12px;height: 12px;margin: 0;background-color: #368dc0;border: 1px solid #368dc0;} /*======== about======*/ .h-timelineTop-circle {border-right: 2px solid #0065cc;} .h-timelineTop-circle .dot-circleTop {background-color: #0065cc;border: 2px solid #0065cc;position: absolute;z-index: 1001;width: 15px;height: 15px;border-radius: 100%;left: 49.3%;} .timeline1 {list-style: none;padding: 0;position: relative; margin-bottom:40px;} .timeline1:before {content: "";left: 50%; top: 0;bottom: 0;position: absolute;width: 3px;background-color: #e3e3e3;margin-left: -1.5px;} .timeline1>li {position: relative;height: 70px;font-family: 'OpenSans-Light';font-size:20px;} .timeline1>li:before, .timeline1>li:after {content: " "; display: table;} .timeline1>li:after {clear: both;} .timeline-heading.left { text-align:right; font-family: 'open_sansregular'; font-size:24px; } .timeline-heading.right { text-align:left; font-family: 'open_sansregular'; font-size:24px; } .timeline-heading .hometimeline-heading { text-align:right;} .timeline-heading .hleftlines {width:20%; height:1px; border-bottom:1px solid #e3e3e3; display:inline-block;position: absolute;right:0px;top: 5px;} .timeline-heading .hrightlines {width:20%; height:1px; border-bottom:1px solid #e3e3e3; display:inline-block;position: absolute;left:0px;top: 5px;} .timeline1>li .timeline-panel {width: 50%;float: left;padding: 0 120px 0 0px;position: relative;text-align: left} .timeline1>li .timeline-panel:before {border-left-width: 0;border-right-width: 15px;left: -15px;right: auto;} .timeline1>li .timeline-panel:after {border-left-width: 0;border-right-width: 14px;left: -14px;right: auto;} .timeline1>li .timeline-image1 {left: 49.4%;width: 12px;height: 12px;position: absolute;z-index: 100;background-color: #FFFFFF;color: #fff;border-radius: 100%;border: 2px solid #0094c7;text-align: center;} .timeline1>li .timeline-image1 h4 {font-size: 10px;margin-top: 12px;line-height: 14px;} .timeline1>li.timeline-inverted1>.timeline-panel {float: right;text-align: left;padding: 0 0px 0 120px;} .timeline1>li.timeline-inverted1>.timeline-panel:before {border-left-width: 0;border-right-width: 15px;left: -15px;right: auto;} .timeline1>li.timeline-inverted1>.timeline-panel:after {border-left-width: 0;border-right-width: 14px;left: -14px;right: auto;} .timeline1>li:last-child {margin-bottom: 0;height:30px;} .timeline1 .timeline-heading h4 {margin-top: 0;color: inherit;font-weight:400;font-size: 24px;color: #000;padding-right: 5px;} .timeline-body1 .text-muted { font-family: 'open_sansregular'; font-size:16px; text-align:left; color:#000 !important;font-weight: normal;} .timeline-body1 .text-muted_left { font-family: 'open_sansregular'; font-size:16px; text-align:right; color:#000 !important;font-weight: normal; padding-right:5px;} .timeline-inverted1 {margin-top:-1.2%;} .timeline1 .timeline-heading h4.subheading {text-transform: none} .timeline1 .timeline-body1>p, .timeline1 .timeline-body1>ul {margin-bottom: 0} .timeline1 > li .timeline-imagelast {left: 49.4%;width: 12px;height: 12px;position: absolute;z-index: 100;top: 20px;background-color: #0094c7;color: #fff;border-radius: 100%; border: 2px solid #0094c7; text-align: center; } /*===== products slider =======*/ ul.productslide { width:auto; text-align:center;} ul.productslide li { width:420px; display:inline-block; margin:0px 20px; text-align:center;} ul.productslide li span { width:165px; height:232px; display:block; margin: 0px auto;} ul.productslide li span img { width:100%; height:100%; margin: 0px auto;} ul.productslide li p { margin:0px 0px 40px 0px;} .carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 40%;margin: auto;} #myCarousel2 .carousel-control.left {background-image: none;text-align:left;} #myCarousel2 .carousel-control.right {right: 12px;left: auto;background-image: none;text-align:right;} #myCarousel2 .slidearrowright { right:12px;} #myCarousel2 .carousel-indicators {bottom: -30px;} .partner-x {width:100%;display:inline-block;} .partners_box {background-color: #fff;padding: 25px;width: 32%;margin: 0px 5px;text-align: center;} .partners_box h3 {color:#333;} /*.partners_box img {width:100%;height:250px !important;}*/ /*==== home page recent case studies section====*/ .recent-case-std { width:auto; padding:0px 50px 0px 0px;} .recent-case-std h2 { text-align:left;} .recent-case-std figure { width:231px; height:auto; margin:0px 0px 20px 0px; float:left;} .recent-case-std figure a { display:block;} .recent-case-std figure a img { margin-bottom:15px;} .recent-case-std a {width: 196px; color:#333; font-size:18px; clear:both; display: inline-block;} .recent-case-std a i { float:right;} .recent-case-std a:hover {color:#368dc0;} .recent-case-std p { width: 51%;clear:both; font-size:18px;} /*==== home page recent blog/post section====*/ .recent-posts { width:auto;} .recent-posts h2 { text-align:left;} .recent-posts figure { width:231px; height:auto; margin:0px 0px 20px 0px; float:left;} .recent-posts figure a { display:block;} .recent-posts figure a img { margin-bottom:15px;} .recent-posts a {width: 200px; color:#333; font-size:18px; clear:both;display: inline-block;} .recent-posts a i { float:right;} .recent-posts a:hover {color:#368dc0;} .recent-posts p {width: 51%; clear:both; font-size:18px;} /*========== testimonial slider ========*/ #quote-carousel {padding: 0 10px 30px 10px;margin-top: 30px;color:#333;} /* Control buttons */ #quote-carousel .carousel-control {background: none;color: #8e8e8e;font-size: 2.3em;text-shadow: none;margin-top: 30px;} /* Previous button */ #quote-carousel .carousel-control.left {width:20px;left: -12px;text-align:left;} #quote-carousel .carousel-control.left:hover {background-color:none; border:0; outline:0px;} /* Next button */ #quote-carousel .carousel-control.right {width:20px; right: -12px;text-align:right;left:auto;} #quote-carousel .carousel-control.right:hover {background-color:none; border:0; outline:0px;} /* Changes the position of the indicators */ #quote-carousel .carousel-indicators {/*right: 50%;*/top: auto;bottom: 0px;/*margin-right: -19px;*/} /* Changes the color of the indicators */ #quote-carousel .carousel-indicators li {width: 10px;height: 10px;border: 1px solid #929292;} #quote-carousel .carousel-indicators .active {background: #0094c7;border: 1px solid #0094c7;} #quote-carousel img {width: 100%;height: 100%; border:1px solid} /* End carousel */ .item blockquote {border-left: none; margin: 0;} .item blockquote p {font-size: 14px;font-weight: 300;line-height: 26px; padding:0px 30px;} .item blockquote img {margin-bottom: 10px;} blockquote .small, blockquote footer, blockquote small {display: block;font-size: 100%;line-height: 1.42857143;color: #0094c7;font-style:italic;padding:0px 0px;} blockquote .small, blockquote footer, blockquote small:before { display:none;} .testi-profile-pic { width:164px; height:164px; overflow:hidden; border:2px solid #368dc0; padding:5px; border-radius:50%; display:inline-block;} .slidearrowleft { width:21px; height:45px; background:url('../images/sliderarrow-left-b.png') no-repeat; display:block; float:left; position: absolute;left:0; top: 30%;z-index: 5;display: inline-block;margin-top: -10px;} .slidearrowleft:hover { background:url('../images/sliderarrow-lefthover.png') no-repeat;} .slidearrowright { width:21px; height:45px; background:url('../images/sliderarrow-right-b.png') no-repeat; display:block; float:right; position: absolute;right:0; top: 30%;z-index: 5;display: inline-block;margin-top: -10px;} .slidearrowright:hover { background:url('../images/sliderarrowb.png') no-repeat;} /*======= our clients =========*/ ul.ourclients { width:auto; text-align:center; padding:0px;} ul.ourclients li { list-style-type:none; display:inline-block; margin:0px 30px;} ul.ourclients li img { width:auto;} .recognd { width:auto; text-align:center;} .recognd img { margin:0px 20px; float:left;} .recognd h3 {font-weight:600; font-size:25px;color:#333;} /*==== footer sectin =====*/ .footersec { background-color:#111111; color:#fff; padding:40px 0px 0px 0px;font-style:normal;} .footersec p { font-size:16px; font-weight:500; text-transform:uppercase; font-family: 'montserratmedium'; margin:0px;} .footersec ul { width:auto; padding:0px;margin: 0px 0px 30px 0px; font-size:14px;} .footersec ul li { list-style-type:none; display:block; padding:3px 0px;clear: both;} .footersec ul li a { color:#fff; text-decoration:none; font-weight:normal; /* display:block;-webkit-text-stroke:0.2px;*/} .footersec ul li a:hover {color:#0094c7;} .footersec ul li div.address { width:auto;line-height: 24px;} .footersec ul li div.address i { height:40px; margin:5px 15px 0px 0px; display:inline-block; float:left;} .footersec ul li a i { /*height:40px;*/ margin:5px 15px 0px 0px; display:inline-block; float:left;} .copyrightsrow { width:100%; height:auto; background-color:#111111; font-size:14px;} ul.teamsocial{ width: 300px;position:relative;margin: 0px;float:left;} ul.teamsocial li { display:inline-block;} ul.teamsocial li a {width: 30px;height: 30px;position: relative;display: inline-block;line-height: 30px;border-radius: 50%;text-align: center;margin-left: 10px;font-smoothing: antialiased; padding:0px !important;} ul.teamsocial li a i {height: auto;padding: 7px; text-align: center; margin: 0px; float: none; vertical-align: top; font-size:16px !important;} ul.teamsocial li a.fb{background: #46629E;color:#fff;} ul.teamsocial li a.fb:before, ul.teamsocial li a.fb:after{border-color: #46629E;} ul.teamsocial li a.twitter{background: #00ACEE;color:#fff;} ul.teamsocial li a.twitter:before, ul.teamsocial li a.twitter:after{border-color: #00ACEE;} ul.teamsocial li a.twitter:hover {color:#fff;} ul.teamsocial li a.gplus{background: #DD4B39;color:#fff;} ul.teamsocial li a.gplus:before, ul.teamsocial li a.gplus:after {border-color: #DD4B39;} ul.teamsocial li a.linkedin {background: #0077b5;color:#fff;} ul.teamsocial li a.linkedin:before, ul.teamsocial li a.linkedin:after {border-color: #0077b5;} ul.teamsocial li a.ytube{background: #db2824;color:#fff;} ul.teamsocial li a.ytube:before, ul.teamsocial li a.ytube:after {border-color: #db2824;} ul.teamsocial li a:before, ul.teamsocial li a:after{content: "";display: block;position: absolute;background: transparent;top: 0; bottom: 0; left: 0; right: 0;border-radius: 50%;transition: .3s all;border: 1px solid;} ul.teamsocial li a:hover:after{-webkit-transform: scale(1.5);} ul.teamsocial li a:hover:before{-webkit-transform: scale(2);transition: .3s all;opacity: 0;} ul.social-icons { width:auto;margin: 10px 0px 15px 0px;} ul.social-icons li { display:inline-block;} ul.social-icons li a {color:#fff; display: inline-block;padding: 0px 4px;} ul.social-icons li a:hover {color: #fff;} ul.social-icons li a i {height:auto; font-size:22px; text-align: center; margin: 0px; float: none; vertical-align: top;} /*ul.social-icons li a i:hover {color:#368dc0;}*/ .copyrightsrow hr {border-top: 1px solid #363636;margin:0px;} .copyrightsrow span { padding:10px 0px; display:block; text-align:center;} ul.tc { width:auto;margin: 0px 0px 10px 0px;} ul.tc li { list-style-type:none; display:inline-block; margin:0px 7px;} ul.tc li a {color:#fff; } /*====== product menu =========*/ .navbar-inverse .navbar-nav > li > a {color: #333;} .product-menu { width:100%; text-align:center; background-color:#fff; margin:0px; transition:ease-in-out 0.2s; position: sticky;z-index: 99;/*position:sticky; position:relative; z-index:0;*/ } .product-menu ul { width:100%; text-align:left; background-color:#fff; margin:0px; padding:0px;border-bottom:1px solid #e3e3e3;} .product-menu ul li { display:inline-block; list-style-type:none; margin:15px 40px 0px 0px; float:none;} .product-menu ul li:first-child { display:inline-block; list-style-type:none; float:none;} .product-menu ul li.hidein-normal-submenu { display:none;margin-right:0px;} .affix .product-menu {/*box-shadow: 1px 0px 3px #ddd;*/ } .affix .product-menu ul {position: relative;top: 0px;z-index: 999; left:0px;} .affix .product-menu ul li { margin:15px 20px 0px 20px;} .affix .product-menu ul li:first-child { margin:15px 20px 0px 20px;} .affix ul li.hidein-normal-submenu { display:inline-block;position:absolute;right:0px;} .affix .product-menu ul a { color:#333; display:inline-block; font-weight:bold;font-size:14px; padding:0px 0px 18px 0px} .product-menu ul a { color:#333; display:inline-block; font-weight:bold;font-size:14px; padding:0px 0px 18px 0px;} .product-menu ul a:hover { color:#0094c7;} .product-menu .navbar-nav > li > a:hover, .product-menu .navbar-inverse .product-menu .navbar-nav > li > a:focus {color: #0094c7;background-color: transparent;} .product-menu ul a.active { color:#0094c7; font-weight:bold;border-bottom:2px solid;} .affix .product-menu ul a.hr-btn {padding: 5px 20px;} .product-menu ul a.bluebtn {border:1px solid #00ab58; padding:5px 20px; background-color:#00ab58; color:#fff !important;} .product-menu ul a.bluebtn:hover {color:#fff !important; background-color:#00904a !important;} .product-menu ul a.ml-btn {border:1px solid #0291c4; padding:5px 20px; background-color:#0291c4; color:#fff !important;} .product-menu ul a.ml-btn:hover {color:#fff !important; background-color:#0081ae !important;} .product-menu ul a.btn-99 {border:1px solid #029a9a; padding:5px 20px; background-color:#029a9a; color:#fff !important;} .product-menu ul a.btn-99:hover {color:#fff !important; background-color:#018787 !important;} .product-menu ul a.btn-95 {border:1px solid #18578e; padding:5px 20px; background-color:#18578e; color:#fff !important;} .product-menu ul a.btn-95:hover {color:#fff !important; background-color:#124774 !important;} .productoverflowul { padding:0px;margin: 20px 0px 70px 0px; line-height:30px;} .productoverflowul li { list-style-type:none; background:url(../images/tick.png) no-repeat left center; padding-left:25px;} .product-menu .navbar{display:block;} .product-menu .navbar-toggler {border:0px;background:#fff;} .product-menu .navbar-toggler .icon-bar {background-color: #0094c7;} .product-menu .navbar-toggler .icon-bar:hover {color:#fff;} .product-menu .navbar-toggler:hover, .navbar-inverse .navbar-toggler:focus {background-color: transparent; border:none; outline:none;} .product-menu ..navbar-brand:hover, .product-menu .navbar-brand:focus {color: #368dc0;background-color: transparent;} .product-menu .navbar-brand { display:none;} .emp-boxes { width:auto; margin:20px 0px;} .emp-boxes h3 {font-size:18px; margin-bottom:0px; font-weight:bold;color:#333;} .small-industries { padding:0 0 0 20px; font-size:18px; } .small-industries p { padding: 7px 0px; font-size:14px;} .small-industries p i {width: 30px; display:inline-block; margin-right:15px;float: left;} .carousel-control.left { background-image: none;} .carousel-control.right { background-image: none;} .payrolscreensslider .carousel-inner > .item > img, .payrolscreensslider .carousel-inner > .item > a > img {width: 70%; height:100%; margin: auto;} .industryIconsSubhead { text-align:center; padding:0px 100px 30px 100px;} /*====== 3d slider product screens=====*/ .payrolscreensslider { width:100%;} /*=====payroll product pricing plans====*/ ul.pr-price-block { width:auto; background-color:#f9f9f9; border:1px solid #eaeaea; padding:20px; margin:0px auto; text-align:center;} ul.pr-price-block li{ width:auto; list-style-type:none; display:inline-block; padding:0px 20px; font-size:20px;color:#000; vertical-align:top;} ul.pr-price-block li span { display:block; font-size:50px;color:#0065cc;} ul.pr-price-block li:nth-of-type(2n+0) {font-size: 70px;} ul.pr-price-block li span.peremp {font-size:14px;color:#a0a0a0; display:block;} /*=====payroll product pricing ====*/ .payrollpricing { width: 100%; clear: both;margin:20px 0px 20px 0px;float: left; padding:30px 20px; background-color:#fff;} .payrollpricing h3 {font-weight:bold;} .payrollpricing p.s-plans {margin:0px; font-size:24px; font-weight:500;} .payrollpricing span {font-size:24px; font-weight:500;} .payrollpricing ul li {line-height:30px;} /*===== bottom blue stipe section =====*/ .bottom-black-ribbon {width: 100%;height: auto;padding: 40px 0px;text-align:center;background-color: #161616;color:#fff; } .bottom-black-ribbon i { float:left; margin-right:40px;} .bottom-black-ribbon h1 {color:#fff; text-align:left; font-size:34px;} .bottom-black-ribbon h3 { color:#fff; text-align:left;font-size:18px;} .bottom-black-ribbon .whitebtn { margin:20px 20px;padding: 10px 30px;display: inline-block; font-size:19px;} /*---CTA ribbons product wise---*/ .payroll-cta-ribbon {width: 100%;height: auto;padding: 80px 0px;/*background:#00a94f url(../images/ctapattern-pr.png) no-repeat center bottom; background-size:cover; */ color:#fff;border-top: 1px solid #ddd; } .payroll-cta-ribbon i { float:left; margin-left:60px;} .payroll-cta-ribbon .cta-heading {color:#00ab58; text-align:left; font-size:30px; font-family: 'montserratregular'; font-weight:bold;} .payroll-cta-ribbon .cta-subheading { color:#000000; text-align:left;font-size:18px; font-family: 'montserratregular'; font-weight:400} .cta-ribbon-btn { margin:20px 0px;padding: 10px 30px;display: inline-block; font-size:19px; background-color:#0291c4; color:#fff; border:1px solid #0291c4; text-decoration:none; float:left;} .cta-ribbon-btn:hover {background-color:#0094c7; color:#fff;border:1px solid #0094c7;text-decoration:none;} .cta-ribbon-btn-pr{ margin:20px 0px;padding: 10px 30px;display: inline-block; font-size:19px; background-color:#00ab58; color:#fff; border:1px solid #00ab58; text-decoration:none;} .cta-ribbon-btn-pr:hover, .cta-ribbon-btn-pr:active {background-color:#00904a; color:#fff;border:1px solid #00904a;text-decoration:none;} .cta-ribbon-btn-ml { margin:20px 0px;padding: 10px 30px;display: inline-block; font-size:16px; background-color:#0291c4; color:#fff; border:1px solid #fff; text-decoration:none;} .cta-ribbon-btn-ml:hover {background-color:#0081ae; color:#fff;border:1px solid #fff;text-decoration:none;} .cta-ribbon-btn-ml:focus {background-color:#0081ae; color:#fff;border:1px solid #fff;text-decoration:none;} .cta-ribbon-btn-99 { margin:20px 0px;padding: 10px 30px;display: inline-block; font-size:19px; background-color:#029a9a; color:#fff; border:1px solid #fff; text-decoration:none;} .cta-ribbon-btn-99:hover {background-color:#018787; color:#fff;border:1px solid #fff;text-decoration:none;} .cta-ribbon-btn-95 { margin:20px 0px;padding: 10px 30px;display: inline-block; font-size:19px; background-color:#095faa; color:#fff; border:1px solid #095faa; text-decoration:none;} .cta-ribbon-btn-95:hover {background-color:#18578e; color:#fff;border:1px solid #18578e;text-decoration:none;} .cta-ribbon-btn-ps{ margin:20px 0px;padding: 10px 30px;display: inline-block; font-size:18px; background-color:#00ab58; color:#fff; border:1px solid #fff; text-decoration:none;} .cta-ribbon-btn-ps:hover {background-color:#00904a; color:#fff;border:1px solid #fff;text-decoration:none;} .cta-ribbon-btn-ms{ margin:20px 0px;padding: 10px 30px;display: inline-block; font-size:19px; background-color:#0291c4; color:#fff; border:1px solid #fff; text-decoration:none;} .cta-ribbon-btn-ms:hover {background-color:#0081ae; color:#fff;border:1px solid #fff;text-decoration:none;} .cta-ribbon-btn-hs{ margin:20px 0px;padding: 10px 30px;display: inline-block; font-size:19px; background-color:#0291c4; color:#fff; border:1px solid #fff; text-decoration:none;} .cta-ribbon-btn-hs:hover {background-color:#0081ae; color:#fff;border:1px solid #fff;text-decoration:none;} .cta-ribbon-btn-tas{ margin:20px 0px;padding: 10px 30px;display: inline-block; font-size:19px; background-color:#0291c4; color:#fff; border:1px solid #fff; text-decoration:none;} .cta-ribbon-btn-tas:hover {background-color:#0081ae; color:#fff;border:1px solid #fff;text-decoration:none;} .ml-cta-ribbon {width: 100%;height: auto;padding: 80px 0px; color:#fff; border-top: 1px solid #ddd;} .ml-cta-ribbon i { float:left; margin-left:60px;} .ml-cta-ribbon .cta-heading {color:#333; text-align:left; font-size:30px;font-family: 'montserratregular'; font-weight:bold;} .ml-cta-ribbon .cta-subheading { color:#000000; text-align:left;font-size:18px;font-family: 'montserratregular'; font-weight:400} .cta-ribbon1099 {width: 100%;height: auto;padding: 80px 0px; color:#fff;border-top: 1px solid #ddd; } .cta-ribbon1099 i { float:left; margin-left:60px;} .cta-ribbon1099 .cta-heading {color:#029a9a; text-align:left; font-size:30px;font-family: 'montserratregular'; font-weight:bold;} .cta-ribbon1099 .cta-subheading { color:#000000; text-align:left;font-size:18px;font-family: 'montserratregular'; font-weight:400} .cta-ribbon1095 {width: 100%;height: 100%;padding: 80px 0px; color:#fff; border-top: 1px solid #ddd;} .cta-ribbon1095 i { float:left; margin-left:60px;} .cta-ribbon1095 .cta-heading {color:#126ebe; text-align:left; font-size:30px;font-family: 'montserratregular'; font-weight:bold; line-height:inherit;} .cta-ribbon1095 .cta-subheading { color:#000000; text-align:left;font-size:18px;font-family: 'montserratregular'; font-weight:400} .cloud-cta-ribbon {width: 100%;height: auto;padding: 80px 0px;color:#fff; border-top: 1px solid #ddd;} .cloud-cta-ribbon i { float:left; margin-left:60px;} .cloud-cta-ribbon .cta-heading {color:#0291c4; text-align:left; font-size:30px;font-family: 'montserratregular'; font-weight:400} .cloud-cta-ribbon .cta-subheading { color:#0291c4; text-align:left;font-size:18px;font-family: 'montserratregular'; font-weight:400} /*=====all accordions =====*/ .panel { background-color:transparent; border:none;} .panel-title {margin-top: 0;margin-bottom: 0;font-size: 18px;color: inherit; font-family: 'open_sansregular';} .panel-title a { display:block;} .panel-title > a:before {float: right !important;font-family: FontAwesome;content:"\f068";padding-right: 5px;/*font-size:14px;*/font-size:12px;color: #6b6b6b;} .panel-title > a.collapsed:before {float: right !important;content:"\f067";} .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {text-decoration:none;} .panel-default>.panel-heading {color: #333;background-color: transparent;border-color: none;padding: 10px 15px 15px 0px;} .panel-group .panel {margin-bottom: 0;overflow: hidden;border-radius: 0px;border-bottom: 1px solid #dbdbdb;box-shadow: none;} .panel-default > .panel-heading + .panel-collapse .panel-body { border-top:none; padding: 0px 15px 20px 0px;} /*======= Resources =======*/ ul.resourcelist { width:auto; padding:0px; margin-bottom:30px;} ul.resourcelist li { width:auto; padding:0px; display:block; list-style-type:none; line-height:30px;} ul.resourcelist li a {color:#0094c7;} ul.resourcelist li a:hover {color:#0094c7;} /*==== thank you page =====*/ .thankban-content { padding:30px 0px;} .thankban-content h2 {text-align:left;margin-top:20px;} .thankban-content p { color:#333; text-align:left;} .thankban-content p a {color:#0094c7;} .thankban-content p a:hover {text-decoration:underline;} .thankempbox { width:auto; text-align:center;} .thankempbox h3 { text-align:center;} .thankempbox i { display:block; text-align:center; margin:0px auto;} .thankempbox i img { margin:0px auto;} /*=======registration form in bannner =====*/ .form-control {height: 44px;background-color: #fff; border: 1px solid #ddd;border-radius: 0;padding: 10px 12px;box-shadow: none; color:#333;} .form-control:focus {outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);} .inban-reg select { background:url(../images/selectarrow.png) no-repeat center right; appearance:none; -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;} select option {color:#333; padding:5px 0px; line-height:24px;} .inban-reg {width:790px; height:auto; padding:0px 0px; margin:0px auto;} .btnsignin {width: 100%;display: block;padding: 10px;margin: 30px auto 20px auto;color: #fff;text-transform: uppercase;font-family: 'open_sansregular'; font-size: 16px;border: 0px;background-color: #ff6700;} .btnsignin:hover { background-color:#ef6100;} .inban-reg .btsbox { width:360px; float:none; margin:15px auto 20px auto;} .billingregagree {width:360px; padding:5px 0px; clear:both; margin: 0px auto; font-size:14px; color:#fff;} .inban-reg {} .inban-reg form { padding:10px 30px 60px 30px;} .inban-reg .form-control{color:#333;} .inban-reg input[type="email"]::-webkit-input-placeholder, .inban-reg input[type="password"]::-webkit-input-placeholder, .inban-reg input[type="text"]::-webkit-input-placeholder {} .inban-reg input:-moz-placeholder { } .inban-reg input[type="email"] ::-moz-input-placeholder, .inban-reg input[type="password"] ::-moz-input-placeholder, .inban-reg input[type="text"] ::-moz-input-placeholder {} .inban-reg input[type="email"]::-ms-input-placeholder, .inban-reg input[type="password"]::-ms-input-placeholder, .inban-reg input[type="text"]::-ms-input-placeholder {} .inban-reg textarea::-webkit-input-placeholder {} .inban-reg select::-webkit-input-placeholder {} .inban-reg input[type="file"] {display: block;} .contactForm .form-group input[type="text"]::-moz-placeholder {} .contactForm .form-group textarea::-moz-placeholder {} .contactForm .form-group textarea::-webkit-input-placeholder {} .contactForm .form-group input[type="text"]::-webkit-placeholder { } input::-webkit-placeholder, input[type="password"]::-webkit-placeholder { } input[type="text"]::-webkit-input-placeholder {} input[type="email"]::-webkit-input-placeholder {} textarea::-webkit-input-placeholder {} textarea::-moz-placeholder {} /*===== download page =======*/ .downtext-left {padding-left: 80px;} .downtext-left h1 { text-align:left;margin:0px;} .downtext-left h3 { text-align:left;} .downloadbtns { text-align:center;margin: 15px 0px 0px 0px;} .downloadbtn { min-width:130px; padding:7px 15px; font-size:16px; color:#fff; border:1px solid #e3e3e3; background-color:#00ab58;} .downloadbtn i { margin-right:7px;} .downloadbtn:hover { background-color:#00904a; color:#fff;border:1px solid #368dc0;}.downloadbtns p { text-align:center; margin-left: 15px; font-size:12px;} .downloadOptions p { text-align:center; margin-left: 15px;font-size:12px;} /*=== patches/ download ===*/ .patches { width:100%; height:auto; margin:60px 0px 0px 0px} .fixedIssues { width:auto; margin-top:20px;} .fixedIssues p {font-weight:bold;} /*========== multiledger canada =========*/ .mlpricingPlans { width:100%; text-align:center;} .mlpricingPlans h4 {text-align:center; line-height:24px;} .mlpricingPlans p.canadadollar {text-align:right;} .mlpricingPlans h4 strong { display:block;} .mlpricingPlans ul { width:100%; float:left; margin:10px auto; padding:0px;} .mlpricingPlans ul li { width:33%; height:300px; display:inline-block; border:1px solid #eaeaea; padding:15px 40px; vertical-align:top;} .mlpricingPlans ul li span.tag { background-color: #0065cc;color: #fff; border-radius: 20px;display: inline-block;font-size: 12px;padding: 2px 5px;font-weight: normal;margin: 0px; float: right; /* clear: both; */ /* margin-bottom: 20px; */ position: relative; /* right: 0px; */ top: -10px; right: -10px;} .mlpricingPlans ul li p img { width:30px; height:30px; margin:15px 0px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);} .mlpricingPlans ul li span { display:block; margin:15px 0px;font-size: 30px; font-weight: bold;color:#0065cc;} .mlpricingPlans ul li p {line-height:24px;} .pricingbtn { width:100px; border:1px solid #eaeaea; padding:4px 7px; color:#000; background-color:transparent; font-size:12px;} .pricingbtn:hover { background-color:#0065cc; color:#fff; border:1px solid #0065cc;} .mlpricingPlans ul li:hover { background-color:#f9f9f9;} .mlpricingPlans ul li:hover .pricingbtn{ background-color:#0065cc; color:#fff; border:1px solid #0065cc;} /*=== pricing plans=====*/ .pricing-plans ul { padding:0px; margin:60px 0px 0px 0px; vertical-align:top; text-align:center;} .pricing-plans ul li { width:360px; display:inline-table;border: 1px solid #eaeaea;padding:30px;height:430px;background-color:#f9f9f9; list-style-type:none;} .pricing-plans ul li p{padding: 7px 0px 7px 20px; text-align:left; margin:0px;background: url(../images/tick.png) no-repeat left center;background-size: 16px; font-size:14px;} .pricing-plans ul li h5{margin-bottom:15px;font-weight: bold;font-size: 20px;} .pricing-plans ul li:nth-child(2){height:500px;position: relative;bottom: 26px;box-shadow: 0 0 5px 0px #0065cc; -moz-box-shadow: 0 0 5px 0px #0065cc; background-color:#fff} .pricing-plans ul li:nth-child(2) h4{color:#368cbf; font-size:27px;} .pricing-plans ul li:nth-child(2) span.cartprice {margin-top:110px;font-size:30px; text-align:center;} .pricing-plans ul li:nth-child(1){border-right:none;} .pricing-plans ul li:nth-child(3){border-left:none;} .pricing-plans ul li:nth-child(3) span.cartprice { font-size:30px; text-align:center; margin-top:152px; } .pricing-plans ul li span { display:block; margin: 20px 0px 0 0px;} .pricing-plans ul li span.cartprice {font-size:30px; text-align:center;font-weight: bold; margin: 0px 0px 15px 0px; } .pricing-plans ul li:hover {background-color:#e0efff;} .cart{ width:100px; border:1px solid #eaeaea; padding:7px 10px; color:#fff; background-color:#0065cc; font-size:14px;} .cart:hover { background-color:#ed1c24; color:#fff; border:1px solid #ed1c24;} .price{margin-bottom:0px;} .price label{display:block} /*=====patches/downloads=====*/ .patchesdownload {width:100%;border:1px solid #ddd;} .patch{ border-right: 1px solid #ddd;padding: 25px 35px;} .patchdes { padding: 30px; } .patchesdownload span { display:inline-block;} .patchesdownload span img {width:100%; height:auto;} .patchesdownload a { } .patchesdownload a:hover {} .patchesdownload a i { margin-right:10px;} /*=====paper products=====*/ .paperproduct { width: 100%;background-color:#fff; padding:30px 30px; text-align:center;margin: 15px 0px;float: left;} .paperproduct span { width:145px; height:182px; display:block; margin:10px auto;} .paperproduct span img { width:100%; /*height:100%;*/ vertical-align:middle;} .paperproduct span.envelopimg img { } .paperproduct h3 { text-align:left;} .paperproduct p { text-align:left; margin-bottom:20px;} .prddisclaimcnt{padding:30px 30px 0px 0px;} /*=================product deatail page for shoping cart ====================*/ .product-detail-left { width:auto;} .carousel-inner.onebyone-carosel { margin: auto; width: 90%;} .carousel-inner.onebyone-carosel .item a { display:inline-block; cursor:default; border:1px solid #adadad;} .carousel-inner .item { text-align:center;} .carousel-inner .item img {width:105px; height:75px;} .onebyone-carosel .active.left { left: -33.33%; } .onebyone-carosel .active.right { left: 33.33%; } .onebyone-carosel .next { left: 33.33%; } .onebyone-carosel .prev { left: -33.33%; } .product-detail-left .leftLst { position: relative; top: -58px;} .product-detail-left .rightLst { position: relative; top: -58px;} .product-detail-left span.productview { /*width: 218px;height: 306px;*/ margin: 0px auto 50px auto; display:block; text-align:center;} .product-detail-left span.productview img { width:100%; /*height:100%;*/} .product-detail-left span.productview:hover {/*cursor:pointer;*/} .product-detail-left span.supportview{ width: 318px;height: 213px;margin: 50px auto 50px auto;display: block;text-align: center;} .product-detail-left span.supportview img {width: 100%;height: 100%;} .product-info-right { background-color:#fff; /*padding:0px 0px 35px;*/} .product-info-right h1.product-name { font-size:30px; color:#0094c7; text-align:left; padding:0px 40px; display:block;font-family: 'open_sansregular';margin-top:0;font-weight:700;} .product-info-right p.reviewRating { font-size:18px; text-align:left; padding:0px 40px; } .supportplans-box { /*border-bottom:1px solid #e3e3e3;*/ padding: 0px 40px 0px 40px;font-size:17px;} .changebtn { float:right; font-size:18px; color:#0865ad;} .supportplanschoose {width:100%; /*padding:10px 0px;*//*margin-bottom: 20px;*/ float:left;} .supportplanschoose span { padding:6px 6px; display:block; margin:7px 0px; border:1px solid #acacac;} .supportplanschoose span:hover {padding:6px 6px; background-color:#0094c7;color:#fff;display:block; margin:7px 0px; border:1px solid #e3e3e3; cursor:pointer;} .platform-box {/*border-bottom:1px solid #e3e3e3;*/ padding: 0px 40px 0px 40px;font-size:17px;} .chooseplatform { /*padding:10px 0px;*/} .chooseplatform span {width: 280px;text-align: center; margin: 10px 4px 10px 0px; padding:10px; border:1px solid #e3e3e3;cursor:pointer; display:inline-block;font-size:18px;color:#333333;text-transform:none;} .chooseWplatformVersions span {width: 30%;text-align: center; margin: 0px 10px; padding:5px; border:1px solid #e3e3e3;cursor:pointer; display:inline-block;font-size:18px;color:#333333;text-transform:none;} .chooseplatform span:hover {background:#0094c7; color:#fff;border:1px solid #e3e3e3; cursor:pointer;} .chooseplatform span.active{background:#0094c7; color:#fff;} .chooseplatform2 span {width: 280px;text-align: center; margin: 10px 4px 10px 0px; padding:10px; border:1px solid #e3e3e3;cursor:pointer; display:inline-block;font-size:18px;color:#333333;text-transform:none;} .chooseplatformversion span.active {background: #0094c7;color: #fff;} .reviebtn {width: 165px;height: 40px;border: 1px solid #333333;background-color: transparent;border: 1px solid #bcbcbc;color: #161616;font-size: 16px;margin: 65px 0px 0px;} .reviebtn:hover {background-color:#bcbcbc;color:#333333; } .chooseoptionsform { padding:10px 0px;} .chooseoptionsform span {width: 28%;text-align: center; margin: 12px 12px 12px 0px; padding:15px; border:1px solid #e3e3e3;cursor:pointer; display:inline-block;font-size:18px;color:#333333;text-transform:none;} .chooseoptionsform span:hover {background-color:#0094c7; border:1px solid #e3e3e3; cursor:pointer;color:#fff;} .choosePrdVersion { padding:10px 0px;} .choosePrdVersion span {width: 40%;text-align: center; margin: 10px 10px 10px 0px; padding:10px; border:1px solid #e3e3e3;cursor:pointer; display:inline-block;} .choosePrdVersion span:hover {background-color: #0094c7;border: 1px solid #e3e3e3;cursor: pointer;color: #fff;} .cdseries-box { padding: 0px 40px 0px 40px;font-size:17px;} .cdseries-box { padding: 0px 40px 0px 40px;font-size:17px;} /*.choosecdseries { padding:10px 0px;}*/ .choosecdseries span {width: 280px;text-align: center; margin: 10px 4px 10px 0px; padding:10px; border:1px solid #e3e3e3;cursor:pointer; display:inline-block; font-size:18px;} .choosecdseries span:hover {background:#0094c7; color:#fff;border:1px solid #e3e3e3; cursor:pointer;} .choosecdseriess { padding:10px 0px;} /**For new consulatnt disablled CD****/ .choosecdseriess span {width: 45%;text-align: center; margin: 10px 10px 10px 0px; padding:10px; border:1px solid #e3e3e3; display:inline-block; font-size:18px;}/**For new consulatnt disablled CD****/ .Cloud-addon-box { padding: 15px 40px 20px 40px;font-size:17px; border-top:1px solid #ddd;} .cloudbackupadd { padding:10px 0px;} .cloudbackupadd span {width: 100%;text-align: left; margin: 10px; padding:10px; border:1px solid #e3e3e3;cursor:pointer; display:block;} .cloudbackupadd span:hover {color:#0094c7; border:1px solid #0094c7; cursor:pointer;} .cartbtn-box {padding: 20px 40px 40px 40px;font-size:17px; text-align:center;} .cartbtn {width: 100%;background-color:#00ab58; color:#fff; padding:10px 10px; border:none; outline:0; display:block;display: block;} .cartbtn:hover { background-color:#00904a;} .productTabs { margin:30px 0px;} .productTabs .nav-tabs { text-align:center; border-bottom: 1px solid #ddd; background-color:#fff;padding: 5px 0px;} .productTabs .nav-tabs>li {float: none; margin-bottom: -1px; display: inline-block;} .productTabs .nav-tabs>li a {color:#333;padding: 10px 35px; border:none; outline:none; font-size:18px;} .productTabs .nav-tabs>li a:hover { background-color:transparent; border:none; outline:none;} .productTabs .nav-tabs>li.active>a, .productTabs .nav-tabs>li.active>a:focus, .productTabs .nav-tabs>li.active>a:hover {color: #0094c7; cursor: pointer;background-color: #fff;border: none;outline:none; font-weight:bold;} .avergage-rating { padding:15px 30px;width:100%;} .avergage-rating p { width:50%; display:inline-block; clear:both;} .avergage-rating p span { /*padding: 0px 30px;*/} .avergage-rating p span i {color: #fb7600;} .review-form {padding: 20px;} .fa-star {color: #fb7600;margin: 0px 2px;} .fa-trash, .fa-pencil{color:#0094c7;} .payroll-bundles .fa-star {color: #fb7600; margin: 0px 2px;} i.fa.fa-star.fa-1.inactive {color: #c2c2c2; margin: 0px 2px;} .payroll-bundles a {color:#333;} .modal-header { border:none;padding: 15px 15px 15px 15px;display:block;} .Iagree { font-size:14px;} .review-btns {float: left;width: 100%; text-align:center;} .reviewsBox { width: 100%; float: left; background-color:#fff; padding:15px;margin: 20px 0;border-top:1px solid #e3e3e3;} .reviewsBox .review-tittle {font-size:18px; color:#0865ad; display:inline-block;} .reviewsBox span { float:right; font-size:12px;} .review-name { font-style:italic; font-weight:600;} .reviewSucessMessage { color:#38d000;float: left; width: 100%; font-size: 30px;margin: 5px 0px;} .addreview {font-size:14px; padding:0px;} .addreview a {text-decoration:underline;} .unabletoPay { color:#ea0000;float: left; width: 100%;font-size: 30px;margin: 5px 0px;} .instructionsPay { color:#e67801; width: 100%; font-size: 20px; float:left;margin: 5px 0px;} .checkbox {text-align:left;} .checkbox a {color: #368dcf;font-weight: 500;} .checkbox a:hover { text-decoration:underline;} .form-group.review-stars {padding: 0; color: #333;} .form-group.review-stars label {color:#333;} .reviewsBox img {width: 70px;height: 70px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;} .reviewsBoxCP {width: 100%;/*float: left;*/background-color: #fff;padding: 15px;margin: 10px 0;border-top:1px solid #e3e3e3;} .reviewsBoxCP .review-tittle {font-size: 18px;color: #0865ad;display: inline-block;word-break: break-all;font-weight:700;} p.review-comment {word-break: break-word; line-height:24px;} .reviewsBoxCP span {float: right;font-size: 12px;} .reviewsBoxCP img {width: 70px;height: 70px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;} /*=====home page product slides ========*/ .productslidesImgs { width:auto;} .productslidesImgs .item img { width: 600px; height: 500px;} #productPopupSlide .leftLst { position: relative; top: -300px;} #productPopupSlide .rightLst { position: relative; top: -300px;} .tabDesp { width:auto;margin-top:20px;} .tabDesp li {text-align: left;line-height:28px;} .tabDesp p { margin:5px 0px 10px;} .tabDesp table { width:75%; margin:0% 10%;} .tabDesp table tr th {text-align:center;} .sysRequirements { width:auto; margin-top:20px;} .sysRequirements h3 { color:#0094c7;} /*.sysRequirements ul { padding:0px;}*/ .sysRequirements ul li { line-height:30px; /*display:block;*/list-style-type:disc;} .customselect { width:100%; padding:7px;} textarea { width:100%; padding:7px; text-align:left; border:1px solid #ddd;} /*======shopping cart tab page ========*/ .shoppingCartTabs { width:100%;float:left !important;border-bottom: 2px solid #d0d0d0;font-family: 'montserratregular';} .shoppingCartTabs label {width:33% !important; float:left; text-align:center; font-size:24px;padding:20px;color:#a4a4a4; margin:0px; font-weight:bold;} .shoppingCartTabs label.active { font-size:24px; font-weight:bold; color:#0094c7; border-bottom:2px solid; position: relative; bottom: -2px;} .shoppingtabContentBox { width: 100%; background-color: #fff;padding: 20px 40px;margin-bottom: 30px;} /*float: left;*/ .shoppingtabContentBox h3 {color:#368dcf; text-align:center; margin-bottom:30px;} .carthead { width:100%; border-bottom:1px solid #d3d3d3;font-size:18px;padding:15px 0px;} .carthead span.productName { width:500px; display:inline-block; } .carthead span.productPrice { width:150px; display:inline-block; text-align:center;} .carthead span.productQty { width:150px; display:inline-block; text-align:center;} .carthead span.productTotal { width:150px; display:inline-block;text-align:center; } .cartrowproduct {width:100%; border-bottom:1px solid #d3d3d3;font-size:18px;padding: 20px 0px 20px 0px; color:#368dcf; font-weight:600;} .cartrowproduct div.productName { width:500px; display:inline-block; } .cartrowproduct div.productName p {margin:0px;} .cartrowproduct div.productName p a { cursor:pointer; text-decoration:none;} .cartrowproduct div.productName span { color:#333; font-size:12px; margin-right:20px; font-weight:normal;} .cartrowproduct span.productPrice { width:150px; display:inline-block; text-align:center; font-weight:normal;} .cartrowproduct div.productQty { width:150px; display:inline-block; text-align:center;vertical-align: bottom;font-weight:normal;} .cartrowproduct div.productQty span { display:inline-block;font-weight:normal;} .cartrowproduct span.productTotal { width:150px; display:inline-block;text-align:center; font-weight:normal;} .cartrowproduct .input-group {} .cartrowproduct .form-control { height:auto;padding: 8px 5px;text-align: center;} .cartrowproduct div.productQty .btn-number { font-size:17px;} .removeProduct {font-size:16px; font-weight:bold; } .removeProduct span {font-size:14px; color:#19b800; font-weight:bold;} .removeProduct i { cursor:pointer; color:#0094c7;} .Productupdates .removeProduct i { cursor:pointer;color:#0094c7;} .removeProduct em { width: 100px; display: inline-block;text-align: right; margin-left: 20px;color:#333; font-style:normal; } .promoError { display:block; font-size:14px;color:#ff0000;} .upgradePrice { padding:10px 15px; border:1px solid; color:#368dcf; display:block; margin:40px 0px 20px 0px; font-weight:normal;} .upgradePrice:hover { background-color:#f5f5f5;border:1px solid; text-decoration:none;} .upgradePrice i { width: 24px; height: 24px; background-color: #368dcf; color: #fff;border-radius: 50%; display: inline-block;font-style: normal; text-align: center; font-weight: bold; margin-right: 10px;} .upgradePrice span {float:right;} .subTotal { text-align:right; font-size:24px;margin-right: 78px;color:#368dcf; padding:30px 0px; font-weight:normal;} .subTotal span { /*width:140px;*/ margin-left:30px; text-align:center; display:inline-block;} .subTotal p { margin:20px auto;display: block;float: right;font-size:16px;} span.youMaybroughtproduct { width:120px; height:auto; display:inline-block; margin:20px 30px 20px 0px;float:left} span.youMaybroughtproduct img { width:100%; height:100%;} .broughtrightcon {width:auto; float:left; padding:20px 0px 100px 0px; font-size:16px;} .broughtrightcon span {color:#0094c7; display:block; margin:15px 0px;} /*=======order information ===============*/ .cartBillingAddress { padding:0px 0px; text-align:left;} .cartBillingAddress h4 { text-align:left; font-weight:bold;} .addrsBox {border:1px solid #ddd; padding:20px 30px; text-align:center;margin:0px 0px 5px 0px;} .addrsBox:hover {border:1px solid #0094c7;} .addrsBox span { margin:0px 5px;} .addrsBox p { text-align:left; font-size:16px; margin:0px;} .current-addrsBox {border:1px solid #ddd; padding:10px 20px; text-align:center;margin:0px 0px 5px 0px;} .current-addrsBox:hover {} .current-addrsBox span { margin:0px 5px;} .current-addrsBox p { text-align:left; font-size:16px; margin:0px;} .choose-addrsBox {border:1px solid #ddd; padding:10px 20px; text-align:center;margin:0px 0px 15px 0px;} .choose-addrsBox:hover {border:1px solid #0094c7; cursor:pointer; background-color:#f7f7f7;} .choose-addrsBox:hover label {cursor:pointer;} .choose-addrsBox span { margin:0px 5px;} .choose-addrsBox p { text-align:left; font-size:16px; margin:0px;} .billing-Note { font-size:14px;} .dynamPostal {font-size:16px;} .addrs-selecting {border:1px solid #ddd; padding:10px 20px; text-align:center;margin:0px 0px 15px 0px; cursor:pointer;} .addrs-selecting:hover {border:1px solid #0094c7; background-color:#f7f7f7; cursor:pointer;} .addrs-selecting:hover label {cursor:pointer;} .addrs-selecting p { text-align:left; font-size:16px; margin:0px;} .addrs-selecting a { display:inline-block; padding:0px 5px;} .cartsubTotalrow { width:100%; float:left; border-top:1px solid #ddd;border-bottom:1px solid #ddd; margin:40px 0px 20px 0px; padding:15px 0px; text-align:right; font-size:18px; font-weight:normal;} .cartsubTotalrow span { width:100px; display:inline-block;} .cartpromorow {width:100%; float:left; border-bottom:1px solid #ddd; margin:0px 0px; padding:15px 0px; text-align:right; font-size:18px;} .cartpromorow .form-control { width:165px; display:inline-block;color:#368dcf; /*text-transform:uppercase;*/} .cartpromorow a { margin-left:10px; cursor:default; } .cartpromorow a i {width: 24px;height: 24px;background-color: #0094c7;color: #fff;border-radius: 50%;display: inline-block; font-style: normal; text-align: center; font-weight: bold; margin-right: 0px; line-height: 23px; cursor:pointer; } a.promoCancelbtn { margin-left:10px; cursor:default;} a.promoCancelbtn i {width: 24px;height: 24px;background-color: #368dcf;color: #fff;border-radius: 50%;display: inline-block; font-style: normal; text-align: center; font-size:12px; font-weight: normal; margin-right: 0px; line-height: 23px; cursor:pointer; } .cartpromorow a.apply { margin-right:100px; display:inline-block; } .cartgrandtotalrow {width:100%; float:left; margin:0px 0px 0px 0px; padding:15px 0px; text-align:right;color:#0094c7;border-bottom: 1px solid #ddd;} .cartgrandtotalrow p {font-size:20px;} .cartgrandtotalrow span { width:100px; display:inline-block;} .cartcommentsrow {width:100%; float:left; margin:0px 0px 20px 0px; text-align:left;} .cartcommentsrow textarea { width:100%;} .addPrimaryAddrs { text-align:center; margin-top:130px;} .payment-icons {} .payment-icons h4 { margin:0px; text-align:left; color:#333;} ul.refund-policy-shopingcart { width:100%; margin:0px; padding:0px;} ul.refund-policy-shopingcart li { display:block; list-style-type:none;} ul.refund-policy-shopingcart li a { text-decoration:none;} /*=====payment feilds=========*/ .paymentfeilds { width:auto;} .PaymentBox { width:360px; /*margin:30px 0px;*/font-size:16px;position:relative;} .PaymentBox h4 {font-weight:bold;} .PaymentBox label { display:block; font-weight:normal;} .inline-group { width:220px; float:left;} .PaymentBox input { font-size:16px;display:inline-block!important;} .PaymentBox input.form-control:focus {outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);} .inline-group select { float:left; width:100px; margin-right:10px; font-size:14px; display:inline-block;background:url(../images/selectarrowb.png) no-repeat center right; appearance:none; -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;} .CVC input {float:left; width:140px; display:inline-block;font-size:14px;} .cvv-info { display:inline-block;position:relative; float:right; } .cvv-cards { height:auto; display:none; position:relative; } .cvv-cards img { width:100%; height:100%;} .cvv-info:hover+span.cvv-cards { width:600px; height:auto; display:block; position:absolute;z-index:9999;} .PaymentBox .checkbox { font-size:14px; /*margin-left:22px;*/} .PaymentBox .checkbox p {line-height:normal; font-size:14px;} .PaymentBox .checkbox a:focus { text-decoration:underline;} .PaymentBox .paybtn { width:100%; padding:10px; text-align:center;border:1px solid #00ab58; background-color:#00ab58; color:#fff; outline:none;} .PaymentBox .paybtn:hover { background-color:#00904a;border:1px solid #00904a; color:#fff;text-decoration:none;} .PaymentBox .paybtn:focus {background-color:#00904a; outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);} .PaymentBox .field-validation-error { color:#F00; text-align:left;display: block;font-size: 12px;} .PaymentBox .input-validation-error { color:#F00; text-align:left;display: block;} .PaymentBox .field-validation-valid { font-size:12px; color: #ff0000;position: relative;display: block;/*clear: both;*/} .PaymentBox-2 { width:450px; /*margin:30px 0px;*/font-size:16px;position:relative;} .PaymentBox-2 h4 {font-weight:bold;} .PaymentBox-2 label { display:block; font-weight:normal;} .inline-group-2 { width:300px; float:left;} .PaymentBox-2 input { font-size:16px;display:inline-block!important;} .PaymentBox-2 input.form-control:focus {outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);} .inline-group-2 select { float:left; width:140px; margin-right:10px; font-size:14px; display:inline-block;background:url(../images/selectarrowb.png) no-repeat center right; appearance:none; -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;} .CVC-2 input {float:left; width:150px; display:inline-block;font-size:14px;} .PaymentBox-2 .checkbox { font-size:14px; /*margin-left:22px;*/} .PaymentBox-2 .checkbox p {line-height:normal; font-size:14px;} .PaymentBox-2 .checkbox a:focus { text-decoration:underline;} .PaymentBox-2 .paybtn { width:100%; padding:10px; text-align:center;border:1px solid #00ab58; background-color:#00ab58; color:#fff; outline:none;} .PaymentBox-2 .paybtn:hover { background-color:#00904a;border:1px solid #00904a; color:#fff;text-decoration:none;} .PaymentBox-2 .paybtn:focus {background-color:#00904a; outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);} .PaymentBox-2 .field-validation-error { color:#F00; text-align:left;display: block;font-size: 12px;} .PaymentBox-2 .input-validation-error { color:#F00; text-align:left;display: block;} .PaymentBox-2 .field-validation-valid { font-size:12px; color: #ff0000;position: relative;display: block;/*clear: both;*/} .orderSummaryBox { margin:0px 0px 20px 0px; padding:20px 0px; border:1px solid #ddd;} .orderSummaryBox p { padding:0px 20px;} .orderSummaryBox p.total { font-weight:bold;} .orderSummaryBox p.total em {color:#19b800; font-style:normal;display: block;font-size: 14px;} .orderSummaryBox p span.prod_name{ width:75%; display:inline-block;} .orderSummaryBox p span.prod_price { width:auto; float:right; display:inline-block; margin-left:40px; text-align:left;} .savedcardsRadiobtns { width:100%;margin: 20px 0px;} .savedcardsRadiobtns label { display:block; margin:5px 0px;} .savedcardsRadiobtns label:hover {color:#368dc0;} .savedcardsRadiobtns label span { font-weight:500;} .savedcardsRadiobtns input[type='radio'] { margin:7px 0px 0px -20px;} .savedcardsRadiobtns img {margin-right:10px;} .useDifferntCard {border: 1px solid #e7e7e7; padding: 0px 10px; display: inline-block;background-color: #f5f5f5; margin: 15px 0px 0px 0px;} .useDifferntCard label { float: left;position: relative;margin: 0px 0px 0px 0px; padding: 10px 20px;} /*==== cards validations css start here ===*/ form #card_number {width:100%; height: 44px; background-image:url(../images/paymentcards.png), url(../images/paymentcards.png); background-position: 2px -77px, 330px -27px; background-size: 105px 361px, 105px 392px;background-repeat: no-repeat;padding-left: 54px;padding-right: 54px; box-shadow: none;border: 1px solid #ddd;font-size: 16px;} form #card_number.visa {background-position: 2px -109px, 327px -27px;} form #card_number.visa_electron {background-position: 2px -140px, 327px -27px;} form #card_number.mastercard {background-position: 2px -171px, 327px -27px;} form #card_number.maestro {background-position: 2px -202px, 327px -27px;} form #card_number.discover {background-position: 2px -233px, 327px -27px;} form #card_number.amex {background-position: 2px -77px, 330px -27px} form #card_number.jcb {background-position: 2px -295px, 327px -27px;} form #card_number.diners_club_international {background-position: 2px -325px, 327px -27px;} form #card_number.valid.visa {background-position: 2px -109px, 327px -54px;} form #card_number.valid.visa_electron {background-position: 2px -140px, 327px -54px;} form #card_number.valid.mastercard {background-position: 2px -171px, 327px -54px;} form #card_number.valid.maestro {background-position: 2px -202px, 327px -54px;} form #card_number.valid.discover {background-position: 2px -233px, 327px -54px;} form #card_number.valid.amex {background-position: 2px -264px, 327px -54px;} form #card_number.valid.jcb {background-position: 2px -295px, 327px -54px;} form #card_number.valid.diners_club_international {background-position: 2px -325px, 327px -54px;} /*==== cards validations css end here ===*/ /*====== paper producst detail page =======*/ .qty-box { /*border-bottom:1px solid #e3e3e3;*/ padding: 0px 40px 0px 40px;font-size:17px;} .changebtn { float:right; font-size:18px; color:#0094c7;} /*.qtychoose {padding:10px 0px;}*/ .qtychoose span { padding:10px 10px; display:inline-block; margin:7px 0px; border:1px solid #e3e3e3;} .qtychoose span.active{padding:10px 10px; background-color:#0094c7;display:inline-block; margin:7px 0px; border:1px solid #e3e3e3; cursor:pointer;color:#fff;} /*.qtychoose span.active:hover {color:#0865ad;}*/ .qtychoose span:hover {padding:10px 10px; background-color:#0094c7;display:inline-block; margin:7px 0px; border:1px solid #e3e3e3; cursor:pointer;color:#fff;} .location-box {/*border-bottom:1px solid #e3e3e3;*/ padding: 0px 40px 20px 40px;font-size:17px;} /*.chooselocation { padding:10px 0px;}*/ .chooselocation span {width: 25%;text-align: center; margin: 10px 10px 10px 0px; padding:10px; border:1px solid #e3e3e3;cursor:pointer; display:inline-block;} .chooselocation span:hover {background-color:#0094c7; border:1px solid #e3e3e3; cursor:pointer;color:#fff;} /*.chooseRNum { padding:10px 0px;}*/ .chooseRNum span {width: 25%;text-align: center; margin: 10px; padding:10px; border:1px solid #e3e3e3;cursor:pointer; display:inline-block;} .chooseRNum span:hover {background-color:#0094c7; border:1px solid #e3e3e3; cursor:pointer;color:#fff;} .chooseLogo { padding:10px 0px;} .chooseLogo span {width: 25%;text-align: center; margin: 10px; padding:10px; border:1px solid #e3e3e3;cursor:pointer; display:inline-block;} .chooseLogo span:hover {color:#0865ad; border:1px solid #0865ad; cursor:pointer;} .chooseBackup { padding:10px 0px;} .chooseBackup span {width: 100%;text-align: left; margin: 10px 0px 10px 0px; padding:10px; border:1px solid #e3e3e3;cursor:pointer; display:inline-block;} .chooseBackup span:hover {color:#0865ad; border:1px solid #0865ad; cursor:pointer;} .finishcolor-box { padding: 0px 40px 20px 40px;font-size:17px;} .choosecolor { padding:10px 0px;} .choosecolor span {width: 40%;text-align: center; margin: 10px 10px 10px 0px; padding:10px; border:1px solid #e3e3e3;cursor:pointer; display:inline-block;} .choosecolor span.active {border:1px solid #e3e3e3; background-color:#0094c7;color:#fff;} .choosecolor span.active:hover {background-color:#0094c7;color:#fff;} .choosecolor span:hover {color:#0865ad; border:1px solid #0865ad; cursor:pointer;} .herringboneColors {} .herringboneColors span { display:inline-block; text-align:center; margin:5px; cursor:pointer;} .herringboneColors span i { display:block;} .marbleColors { width:auto;} .marbleColors span { display:inline-block; text-align:center; margin:5px; cursor:pointer;} .marbleColors span i { display:block;} select {background: url(../images/selectarrowb.png) no-repeat center right;appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;} /*======MyAccount Screens Css here*/ /*ul.account-menu-info {width: auto;text-align: center; background-color: #fff;margin: 0px;padding: 0px;}*/ .account-menu {width: 100%;text-align: center;background-color: #fff; color:#333; margin: 0px;border-bottom: 1px solid #e3e3e3;} .account-menu-info{margin:5px 0 0 -10px;} .account-menu-info .dropdown {background-color:transparent;} ul.account-menu-info li {display: inline-block;list-style-type: none;margin: 5px 10px 0px 10px;} ul.account-menu-info a {color: #333;padding: 0px 0px 18px 0px;display: inline-block;font-weight: 700;cursor: pointer;background-color:transparent;} ul.account-menu-info a:active, ul.account-menu-info a:focus {color:#333;} section.account-section {border-bottom: 1px solid #e3e3e3;} ul.account-menu-info a.active {color: #0094c7 !important; background-color: unset;} ul.account-menu-info a:focus {color: #0094c7 !important;} .profile-form {width: 780px;margin: 0 auto;} .profile-form label {font-size:14px;font-weight:normal;} .profile-form h2 {text-align:center;color: #474747;font-size: 24px;margin: 15px 15px 20px;font-weight: 500;} .profile-Addressform {width: 780px;margin: 0 auto;} .profile-Addressform label {font-size:14px;font-weight:normal;} .profile-Addressform h2 {text-align:center;color: #474747;font-size: 24px;margin: 15px 15px 20px;font-weight: 500;} .profile-Addressform h3 {padding: 0px 0px 5px 0px;display: block;} .profile-form h3 {padding: 0px 0px 5px 0px;display: block;} ul.account-menu-info a img {margin-left:5px;margin-top:-5px;} .btn-save {padding: 6px 43px;float: right;border: 1px solid #00ab58;color: #fff;background-color: #00ab58;} .profile-form select, .Addticket-form select, .Payment-form select {background: url(../images/selectarrowb.png) no-repeat center right;appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;} .btn-cancel {padding: 6px 43px;float: left;border: 1px solid #00ab58;color: #fff;background-color: #00ab58;} .btn-save:hover, .btn-cancel:hover {background-color: #00904a;color: #fff;} .profilebtns {padding:50px 0px 20px 0px;} .dropdown {position: relative;display: inline-block;} .dropdown:hover{background-color:none;} .dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 212px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;} .dropdown-content li {display: block !important;} .dropdown-content li a {color: #474747; padding:7px 0px; text-decoration: none; display: block; margin: 0px; text-align: left; font-weight: bold; border: 1px solid #e3e3e3;font-size: 14px;} .dropdown-content li:focus, .dropdown-content li:active {} .dropdown-content li:hover {background-color:#e5f8ff;} ul.dropdown-content {margin:0px 0px 0px 0px;padding: 0; background-color:#f7f7f7} .dropdown-content a:hover {background-color: #e5f8ff;} .dropdown:hover .dropdown-content {display: block;} ul.dropdown-content li {padding: 0px;margin: 0px; border:none;} ul.dropdown-content li a { padding: 5px 10px 7px 25px; margin: 0px; border: none; font-weight: normal; } ul.dropdown-content li a:hover {background-color:#e5f8ff} ul.dropdown-content li:first-child {margin:0px;} .affix ul.dropdown-content {margin:0px 0px 0px 0px;padding: 0; background-color:#f7f7f7; position:absolute;z-index:9999;} .affix .dropdown-content a:hover {background-color: none;} .affix .dropdown:hover .dropdown-content {display: block;} .affix ul.dropdown-content li {padding: 0px;margin: 0px; border:none;} .affix ul.dropdown-content li a {padding: 5px 10px;margin: 0px; border:none;} .affix ul.dropdown-content li a:hover {background-color:#f7f7f7} .affix ul.dropdown-content li:first-child {margin:0px;} .dropdown-content li span {padding: 5px 15px 0px 10px;float: left; width: 40px; display: inline-block;} .changepassd-form {width: 350px;margin: 0 auto;} .changepassd-form h2 {text-align: center;color: #474747;font-size: 24px;margin: 10px 0px 40px;} .changepassd h3 {padding: 0px 0px 5px 0px;display: block;} .saved-address {/*width: 780px;*/margin: 0 auto;padding: 30px 0px 0px;border-top: 1px solid #e3e3e3;margin-bottom: 60px;} .saved-address h3 {padding: 0px 0px 5px 15px;display: block;} .saved-address.change-address{border-top:none !important;margin-bottom:0px;padding:0px 0px 30px;} .selectchange-add{margin:0px;} .change-address .selectchange-add{cursor:pointer;border:1px solid #e3e3e3;width: 360px;height: 120px;padding: 10px 0px;} .change-address .selectchange-add:hover{cursor:pointer;border:1px solid #368dc0;width: 360px;height: 120px;padding: 10px 0px;} .change-address h4{padding: 0px 0px 5px 15px;font-weight: bold;} .saveaddressdata p {text-align: left; font-size: 16px; margin: 0px;} .saveaddressdata.curent-adress{border:1px solid #e3e3e3;padding: 10px 0px;} .curent-adress p{margin:0px 20px 0px} .selectchange-add p{margin:0px 20px 0px} /*.saveaddressdata {border: 1px solid #368dc0;padding: 10px;}*/ .saveaddressdata .pull-right span {padding: 5px;color: #19597e;} /*.saveaddressdata .fa-star {color: #19597e;}*/ .saveaddressdata{border: 1px solid #ddd; padding: 20px 20px; text-align: center; margin: 0px 0px 5px 0px;overflow: hidden; text-overflow: clip;} .billing-add{ margin:0px 0px 20px 0px; padding:20px 0px;} .billing-add p { padding:0px 20px;} .billing-add span { width:150px; float:right; display:inline-block; margin-left:40px; text-align:left;} .changeBlAddNote {margin-top:70px;} .Payment-form{width: 350px;margin: 0 auto;} .Payment-form h2{text-align:center;color:#474747;font-size:24px;} .Payment-form h3 {padding: 0px 0px 10px 0px;display: block;} .Payment-form label{font-weight:normal;} .tblheadrow{background: #f7f7f7;height: 40px;} .tickethist-table .tblrow {height: 56px;padding: 5px;border-bottom: 0.5px solid #e3e3e3;} .orderhist-table h2{text-align:center;color:#474747;font-size:24px;} .orderhist-table h3 {padding: 0px 0px 5px 15px;display: block;} /*----Account pages 15-6-2017-----*/ .profile_Settings {width: 780px;margin: 0 auto;} .profile_Settings label {font-size:14px;font-weight:normal; display:block;} /*==== Product Detail page */ .productdetails-table {} .productdetails-table h2{text-align:center;color:#474747;font-size:24px; margin:0px;} .productdetails-table h3 {padding: 0px 0px 5px 15px;display: block; margin:0px;} .ProductDetails { width:1137px;} .ProductDetailHead { width:100%; background-color:#f7f7f7; border:1px solid #e3e3e3; float:left; font-size:14px;} .ProductDetailHead span { display:inline-block;padding:10px 10px; font-weight:bold; text-align:left; float:left;} .ProductDetailHead span i {color:#368dc0;} .ProductDetailHead span:nth-child(1) { width:280px;text-align:left;} .ProductDetailHead span:nth-child(2) { width:150px;} .ProductDetailHead span:nth-child(3) { width:150px;} .ProductDetailHead span:nth-child(4) { width:150px;} .ProductDetailHead span:nth-child(5) { width:auto;} .ProductDetailHead span:nth-child(6) { width:150px;} .ProductDetailHead span:nth-child(7) { width:150px;} .ProductDetailHead span:nth-child(8) { width:150px;} .ProductDetailHead span:nth-child(9) { width:150px;} .ProductDetailHead span:nth-child(10) { width:150px;} .shipmbt{margin-bottom:20px;} .ProductDetailBody { width:100%; height:auto; border:1px solid #e3e3e3; padding: 10px 0px 10px 0px; border-top:none;float:left;} .ProductDetailBody:hover {background-color:#f7f7f7;} .ProductDetailBody form { display:inline-block; text-align:center;} .ProductDetailBody span { /*display:inline-block;padding:7px 10px; text-align:left;*/ float:left;} .ProductDetailBody span:nth-child(1) { width:280px; text-align:left; padding: 0px 10px 0px;} .ProductDetailBody span:nth-child(2) { width:150px; padding: 0px 10px 0px;} .ProductDetailBody span:nth-child(3) { width:150px; padding: 0px 10px 0px;} .ProductDetailBody span:nth-child(4) { width:150px; padding: 0px 10px 0px;} .ProductDetailBody span:nth-child(5) { width:auto; padding: 0px 10px 0px;} .ProductDetailBody span:nth-child(6) { width:150px; padding: 0px 10px 0px;} .ProductDetailBody span:nth-child(7) { width:150px; padding: 0px 10px;} .ProductDetailBody span:nth-child(8) { width:150px; padding: 0px 10px;} .ProductDetailBody span:nth-child(9) { width:150px; padding: 0px 10px;} .ProductDetailBody span:nth-child(10) { width:150px; padding: 0px 10px;} .ProductDownload { background-color:transparent; color:#0094c7; padding:0px; margin:0px; display:inline-block; border:none; outline:none; vertical-align:top;} .ProductDownload:hover { text-decoration:underline;} .ProductDownload i { font-size: 20px;float: right; position: relative; top: -10px;} .downloads-completed { padding: 7px 10px; display:inline-block} /*====Order History page ======*/ .OrderHistory {width:1137px;} .OrderHistoryHead { width:100%; background-color:#f7f7f7; border:1px solid #e3e3e3; float:left;} .OrderHistoryHead span { display:inline-block;padding:10px 10px; font-weight:bold; text-align:left; float:left;} .OrderHistoryHead span i {color:#368dc0;} .OrderHistoryHead span:nth-child(1) { width:150px;text-align:left;} .OrderHistoryHead span:nth-child(2) { width:300px;} .OrderHistoryHead span:nth-child(3) { width:100px;} .OrderHistoryHead span:nth-child(4) { width:200px;} .OrderHistoryHead span:nth-child(5) { width:200px;} .OrderHistorybody {width:100%; height:auto; border:1px solid #e3e3e3; border-top:none;float:left;} .OrderHistorybody span { display:inline-block;padding:10px 10px;text-align:left; float:left;} .OrderHistorybody span:nth-child(1) { width:150px;text-align:left;} .OrderHistorybody span:nth-child(2) { width:300px;} .OrderHistorybody span:nth-child(3) { width:100px;} .OrderHistorybody span:nth-child(4) { width:200px;} .OrderHistorybody span:nth-child(5) { width:200px;} .ticketHistory{width:1101px;} .ticketHistoryHead { width:100%; background-color:#f7f7f7; border:1px solid #e3e3e3; float:left;} .ticketHistoryHead span { display:inline-block;padding:10px 10px; font-weight:bold; text-align:left; float:left;} .ticketHistoryHead span i {color:#368dc0;} .ticketHistoryHead span:nth-child(1) { width:150px;text-align:left;} .ticketHistoryHead span:nth-child(2) { width:350px;} .ticketHistoryHead span:nth-child(3) { width:150px;} .ticketHistoryHead span:nth-child(4) { width:150px;} .ticketHistoryHead span:nth-child(5) { width:150px;} .ticketHistorybody {width:100%; min-height:50px; border:1px solid #e3e3e3; border-top:none;float:left;} .ticketHistorybody span { display:inline-block;padding:10px 10px;text-align:left; float:left; word-wrap:break-word} .ticketHistorybody span:nth-child(1) { width:150px;text-align:left; color:#0094c7; cursor:pointer;} .ticketHistorybody span:nth-child(1):hover { text-decoration:underline;} .ticketHistorybody span:nth-child(2) { width:350px;} .ticketHistorybody span:nth-child(3) { width:150px;} .ticketHistorybody span:nth-child(4) { width:150px;} .ticketHistorybody span:nth-child(5) { width:150px;} .orderhist-table .tblrow {height: 56px;padding: 5px;border-bottom: 0.5px solid #e3e3e3;} .orderhist-table .rTableCell{ font-size: 16px;float: left;height: 40px;overflow: hidden;padding:10px;width: 20%;} .orderhist-table .rTableHead {font-size: 16px;float: left;overflow: hidden;padding:10px;width:20%;} /*==== product detail =====*/ /*.productdetails-table{width:1101px;margin: 0 auto;padding: 30px 0px 0px;}*/ .productdetails-table .rTableHead {font-size:16px;float: left;height:40px;overflow: hidden;padding:10px;width:14%;background-color: #f7f7f7;border-bottom: 0.5px solid #e3e3e3;} .productdetails-table .rTableCell{font-size:16px;float: left;height: auto;overflow: hidden;padding:10px;width:14%;} .productdetails-table .rTableRow{ border-bottom: 0.5px solid #e3e3e3;} /*.tickethist-table{width:1101px;margin: 0 auto;padding: 30px 0px 0px;}*/ .tickethist-table h2{text-align:center;color:#474747;font-size:24px;} .tickethist-table h3 {padding: 0px 0px 5px 15px;display: block;} .tickethist-table .rTableCell{font-size: 16px;float: left;height: 56px;overflow: hidden;padding: 5px;width: 16%;} .tickethist-table .rTableHead {font-size: 16px;float: left;overflow: hidden;padding:10px;width: 16%;} .Addticket-form {width: 780px;margin: 0 auto;padding: 30px 0px 100px;} .Addticket-form h2{text-align:center;color:#474747;font-size:24px;margin:20px 0px 50px 0px;} .Addticket-form h3 {padding: 0px 0px 5px 15px;display: block;} .lightgreyticketsec {width: 100%;height: auto;padding: 0px 0px 65px;background-color: #f7f7f7;} .tickethist{width:1101px;margin: 0 auto;padding: 30px 0px 0px;} .tickethist h2{text-align:center;color:#474747;font-size:24px;margin-bottom: 40px;} .tickethist h3 {padding: 0px 0px 5px 15px;display: block;} .tickethistory-section{border: 1px solid #acacac} .subject {background-color: #fff;padding: 10px 0px;font-weight: bold;border-bottom: 1px solid #acacac;} .subject p {display: inline-block;padding: 10px 10px 10px 30px;margin: 0;font-weight: bold;} .subject span {padding: 0px 10px;} .status-section{background-color:#f7f7f7} .status-section span{float:right} p.status{display:inline-block;margin: 0px;} .status-section {background-color: #f7f7f7;padding:10px 30px;border-bottom: 1px solid #acacac;} .customer-section {padding: 20px 15px; border-bottom: 1px solid #acacac;} .custmer-ticket {padding: 0px 0px 0px 25px;} .custmer-ticket p{margin:0px} p.marbtm{margin-bottom:40px;} .staff-section {padding: 20px 15px;background-color: #fff;border-bottom: 1px solid #acacac;} .staff-img {padding: 25px 10px;} .staff-ticket {padding: 0px 0px 0px 25px;} .reply-ticket {background-color: #f7f7f7;padding: 10px 0px;font-weight: bold;border-bottom: 1px solid #acacac;} .reply-ticket p {display: inline-block;padding: 10px 10px 10px 30px;margin: 0;font-weight: bold;} .contentreply {padding: 40px 50px;} .updateticket {clear: both;text-align: center;padding: 40px 0px 0px;} .update-btn{ padding: 6px 43px;border: 1px solid #368dc0;color: #368dc0;background-color: #fff;} .contentreply .form-control{background-color:#fff;} /*======Knowledgebase =========*/ .kbsearch .btn {display: inline-block;padding: 10px 15px;margin-bottom: 0;font-size: 16px;font-weight: normal;vertical-align: middle;position: absolute;right: 0;border-radius: 0px;color: #368dc0;background-color: #fff;} .kbsearch {margin: 50px 0px 0px;} .kbsearch span.input-group-btn {position: absolute;right: 0;top: 0;} .kbsearch .input-group {position: relative;display: block;border-collapse: separate;} .kbsearch .form-control{color:#fff;} .kbsearch span {padding: 0px 0px 0px 5px;} .chckproduct {background-color: #fff;padding: 20px;text-align: center;} .chckproduct h3{text-align:center;color:#368dc0;} .Reqsupp p {margin-bottom: 25px;} .Reqsupp p {margin-bottom: 30px;} .support {border: 1px solid #fff;color: #fff;padding: 20px;margin-bottom: 15px;} .support-blocks {padding: 35px 60px 0px;} .support img {width: 50px;height: 50px;} .support p {padding: 20px 0px 0px;text-align: center;} .notfoundresult p {border-bottom: 1px solid #e3e3e3;padding-bottom: 10px;font-weight: bold;font-size:18px} ul.kbbreadcrum {list-style: none;padding: 0; } ul.kbbreadcrum li {display: inline;font-size:14px;} ul.kbbreadcrum li a:active{font-weight:600;} .kbbreadcrum>li+li:before {padding: 0px 10px;color: #368bbe;content: "/";} h2 span{padding: 0px 20px;font-size: 40px;} ul.topics {padding: 0;list-style: none;margin: 0;} ul.topics li {line-height: 35px;} .resultblocks {padding: 5px 0px;border-bottom: 1px solid #e3e3e3;} .seemoretopic{text-align:center;margin:30px 0px;} h3 span{padding: 0px 20px 0px 0px;font-size: 40px;} .kbSearchContent { height:600px;} .pagination {width: 100%; text-align:center; display:block;clear: both; float: left;margin:20px 0px;border-radius:4px; } .pagination > li {display: inline-block;} .pagination input[type='button'] {background-color: transparent;color:#0094c7; border:1px solid #0094c7; outline:none;} .pagination input[type='button']:hover {background-color:#0094c7;border:1px solid #0094c7;color:#fff;} .pagination input[type='button'].active {background-color: #0094c7; color:#fff;} /*======Blog pages Ends Css here*/ .bolgmargin{margin:0px 0px;} p.blogtittle {padding: 20px;margin: 0px;background-color:#fff; transition:0.3s ease-in-out;} .abt-blog {margin:0px 20px 20px 0px;border: 1px solid #ddd; } .abt-blog img {border: none;outline: 0;width: 100%;} .abt-blog:hover p { background-color:#368dc0;color:#fff;} .blog-big-text { font-size:30px; font-family: 'montserratregular'; margin:20px 0px; line-height:35px;} .home-blog-small { font-size:22px; clear:both;} .home-blog-small img { margin:0px 10px 20px 0px; float:left;} /*=====blog Individual page ===*/ .individualBlgImg { width:100%; /*height:358px;*/} .individualBlgImg img { width:100%;} p.dateReply { width:auto;} p.dateReply a { display:inline-block; float:right;} .blgIndividualContent { width:100%;} .blgIndividualContent h1 { font-weight:bold; text-align:left; font-size:30px;} .blgIndividualContent h2 { font-weight:bold; text-align:left; margin:30px 0px 10px 0px;font-size:20px;} .blgIndividualContent p { margin-bottom:15px;} .blgIndividualContent p i { font-weight:bold; } .blgIndividualContent p span { font-weight:bold; font-style:normal;} .dueDatestable { width:100%; margin-bottom:20px;} .dueDatestable tr td { border:1px solid #ddd; padding:5px; text-align:center;} .penalityTaxTable {width:100%; margin-bottom:20px;} .penalityTaxTable thead { background-color:#ddd;} .penalityTaxTable tr th { text-align:center; padding:7px;} .penalityTaxTable tr td { padding:5px; text-align:left;border:1px solid #ddd;} .btmSubscribeSec {width:100%; float:left; background-color:#fff; padding:15px; text-align:center; margin:30px 0px 20px 0px;} .btmSubscribeSec form { width:360px; margin:30px auto;} .blgIndividualRight { width:100%; float:left; background-color:#fff; padding:15px; text-align:center; margin:0px 0px 20px 0px; } .blgIndividualRight p { width:100%; text-align:left; float:left; padding:10px 0px; margin:0px;} .blgIndividualRight p span { width:57px; height:57px; display:inline-block; margin:5px 10px 5px 0px; float:left;} .blgIndividualRight p span img { width:100%; height:100%;} .blgIndividualRight h2 { font-weight:bold;font-size:20px; margin: 15px 0px;} .socialshare {width:100%; float:left; background-color:#fff; padding:15px; text-align:left; margin:30px 0px 20px 0px;} ul.numberUl { width:auto;} ul.numberUl li { list-style-type:decimal;} /*========About pages =======*/ .ourstory { width:auto;} .ourstory img { width:446px; height:244px; margin:0px 0px 20px 20px; float:right;} .ourstory p { margin-bottom:30px;} .ourstory h4 { text-align:center; font-weight:bold; color:#00a850;} .ourTeam { width:100%; float:left; text-align:center; font-size:20px; margin-bottom:50px;} .profilePic { width:195px; height:195px; border-radius:50%; display:block; margin:0px auto; border:2px solid #0865ad; padding:4px; cursor:pointer;} .profilePic img { width:100%; height:100%;} .teamName { font-size:22px; color:#0865ad; padding:10px 0px 0px 0px; text-align:center;} .teamDesgn { text-align:center;} .teamsocial { width:100% !important; margin:20px 0px !important;} .contactForm { /*text-align:center;*/} .contactForm form { margin:30px 0px;} .contactForm form textarea { min-height:180px;} .office-address { text-align:left; margin:0px 0px 30px 30px;} .office-address p {margin:0px;} .office-address h3 { margin-bottom:30px;} .office-address i { margin-right:10px;} .livesupprt { border-top:1px solid #ddd;} .livesupprt img { margin:20px; display:inline-block;} .softcontactNumbrs { margin:15px 0px;} .softcontactNumbrs i { margin-right:10px;} /*========= privacy policy =========*/ .privacyPolicy {} .prdalreadyexistscls{text-align:left;padding: 5px 40px;} /*===== produt sub menu====== */ .navbar { margin:0px;padding:0px;} .navbar-inverse {background-color: transparent;border:none;} /*==== back to top scroll======*/ .cd-top {display:inline-block; height: auto;width: auto; position: fixed; bottom: 130px;right: 30px;overflow: hidden;white-space: nowrap;visibility: hidden; opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;color:#fff; padding:5px; z-index:100;} .cd-top i {color:#fff; display:block; text-align:center; font-size:20px; padding:8px 10px;} .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;color:#fff;text-decoration:none;} .cd-top.cd-is-visible {/* the button becomes visible */visibility: visible;opacity: 1;} .cd-top.cd-fade-out {/* if the user keeps scrolling down, the button is out of focus and becomes less visible */opacity: .9;} .no-touch .cd-top:hover {background-color: #e86256;opacity: 1;} /*INVOICE popup Css here*/ h4.heading-invoice {text-align: center;font-weight: bold;} .invoice-content{padding:0px 50px 20px;} .invoice-content p {font-size: 14px;font-weight: normal; margin:0px;} .invoice-modal{width:900px;} .invoiceid,.orderdetails-invoice,.proddetails-invoice {border-bottom:1px dashed #ddd; margin: 10px 0px;} .invoiceid .ordercode{display:block;padding-right:5px;margin: 0px;padding: 0px;} .invoiceid p{padding:0px; margin:0px;} .comments { word-break:break-word} /*INVOICE popup End*/ /*====== mis pages / confirmation =======*/ .confirmedmail { color:#fff;} .confirmImg { display:block; margin:0px 0px 63px 0px;} .expiredReset { margin:150px 0px 100px 0px; text-align:center; color:#fff;} .expiredReset p { width: 80%; font-size:40px; color:#fff;text-align: center;margin: 0px auto 30px auto;line-height: 50px;} /*=====contact pricing popup here ======*/ .ContactpricingPop { width:100%;} .ContactpricingPop .form-group{margin-bottom:15px;} .ContactpricingPop h2 {color:#333; margin:0px;} .ContactpricingPop h3 {margin: 5px 0px 20px 0px;} .ContactpricingPop label {font-weight:600;text-align:right;font-family:montserratregular;font-size:16px;margin-top:10px;} .ContactpricingPop .callback-field{display:inline-block;} .ContactpricingPop .modal-content{width:700px;} /*------- 3d slider for product screens=====*/ .productsScreens3d { width: 1100px; height: 500px; position:relative; margin:0px auto;} .Screens3dSlider{width: 1050px;height: 500px;margin: 0 auto;position: relative;overflow: hidden;padding:0px;} .Screens3dSlider li {display: none;width: auto;position: absolute;z-index: 0;overflow: hidden;/*box-shadow: 0px 10px 20px #888;*/ border:1px solid #c6c6c6; background-color:#fff;} .Screens3dSlider .inner {position: relative;/*border: 2px solid #ecfdfd;border-radius: 5px;*/} .Screens3dSlider .inner a { text-decoration: none;border: none;outline: none;} .Screens3dSlider .inner a img { width:100%; height:100%;} .Screens3dSlider .pic-tit {font-size: 16px;width: 100%;height: 24px;line-height: 24px;background: #368dc0;position: absolute;bottom: 2px;left: 0;z-index: 99999;text-align: center;color: #fff;overflow: hidden;} .Screens3dSlider img {width: 100%; height:100%;border: none;outline: none;} .Screens3dSlider .pos1 {display: block;width: 300px;height: 350px;top: 60px;left: 12%;z-index: 1; } .Screens3dSlider .pos2 {display: block; width: 300px; height: 350px; top: 35px; left: 24%; z-index: 2;} .Screens3dSlider .pos3 {display: block;width: 700px;height: 500px;top: 0;left: 16.8%;z-index: 3;} .Screens3dSlider .pos4 {display: block;width: 300px;height: 350px;top:35px;right: 24%;z-index: 2;} .Screens3dSlider .pos5 {display: block;width: 300px;height: 350px;top: 60px;right: 12%;z-index: 1; } .Screens3dSlider .inner {height:100%;overflow: hidden;position: relative;} .arrow {width: 48px; height: 48px;position: absolute;top: 200px;z-index: 10;cursor: pointer;font-size: 30px;line-height: 48px;text-align: center;font-style: normal;} .prev {left: 50px;} .next {right: 25px;} /*=====paper products popups styles here ====*/ button.close {outline:none; border:none;} #BlankInvoicePopup .leftLst { position: relative; top: -300px;} #BlankInvoicePopup .rightLst { position: relative; top: -300px;} .product-slides{ width: 310px !important ;display: inline-block;margin: 0px 110px !important;text-align: center;min-height:480px;} .product-slides .bx-wrapper img {max-width: 100%;display: block;} .product-slides span {width: 165px;height: 232px;display: block;margin: 0px auto;} .bx-wrapper .bx-pager.bx-default-pager a{width: 10px;height: 10px;border: 1px solid #929292 !important;background-color:#fff !important;} .product-slides p {margin: 0px 0px 40px 0px;} .bx-wrapper .bx-prev{width: 21px;height: 45px;background: url(../images/sliderarrow-left-b.png) no-repeat !important;display: block;float: left;position: absolute;top: 30%;z-index: 5;display: inline-block;margin-top: -10px;} .bx-wrapper .bx-prev:hover {background: url(../images/sliderarrow-lefthover.png) no-repeat !important;} .bx-wrapper .bx-next{width: 21px;height: 45px;background: url(../images/sliderarrow-right-b.png) no-repeat !important;display: block;float: right;position: absolute;top: 30%;z-index: 5;display: inline-block;margin-top: -10px} .bx-wrapper .bx-next:hover{ background: url(../images/sliderarrowb.png) no-repeat !important;} .bx-wrapper .bx-controls-direction a{height:60px !important; z-index:0 !important;} .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #368bbe !important;} .bx-viewport{height:auto !important;} .product-slides a:first-child {color:#333;} .product-slides a:first-child:hover {color:#333; text-decoration:none;} .product-slides a { display:inline-block;} .product-slides a h3 {color:#333;} .product-slides a:hover {text-decoration:underline;} .product-slides i {color:#368dc0;} /*.product-slides {width: auto;text-align: center;}*/ /*=====paper products popups styles ENDS here ====*/ /*=====change logs css here ====*/ .mult-versionupd{margin-bottom:30px;} .multileger-versions p i{padding-right:10px;color:#368dc0;} .changelogs {margin-bottom:35px;} .changelogs h4 {font-weight:bold;} .changelogs ul {line-height:30px;} .changelog-drowpdown .dropdown-content li{} .changelog-drowpdown .dropdown-content li a{text-align:center;border:none;} /*=====Change logs css Ends here ====*/ .do-youcall-chk input[type="checkbox"]{margin-right:5px !important;} /*Home page products slider */ .bx-wrapper {max-width: 1104px !important; /* box-shadow: 0 0 5px #ccc; */border: none !important;background: #f7f7f7 !important;box-shadow: none !important;} .exppdts {color: #fff;} .learn-aboutdesp {text-align: center;} .learn-aboutdesp a { display:inline-block;} .learn-aboutdesp a:hover { text-decoration:underline;} .learn-aboutdesp i {color:#368dc0;} /*.chckm-services { } .chckm-services ul {border: none;text-align:center;width: 100%;} .chckm-services ul li {padding: 0px 25px;float: none;display: inline-block;} .chckm-services ul li:active {border: none;} .chckm-services .nav-tabs > li.active > a, .chckm-services .nav-tabs > li.active > a:hover, .chckm-services .nav-tabs > li.active > a:focus {border: none;background-color: transparent !important;cursor: default;border-color: transparent !important;color:#0094c7 !important; border-bottom: 2px solid #0094c7 !important; font-weight:500;} .chckm-services .nav-tabs > li.active a:hover { background-color:transparent;} .chckm-services .nav-tabs > li > a {margin-right: 2px;line-height: 1.428571429;border: none;color: #333 !important;border-radius: 0px;font-weight:500;padding: 10px 0px;font-size: 18px;} .chckm-services .nav > li > a:hover, .nav > li > a:focus {background-color: transparent;}*/ /*ML NEW DESIGNS PLEASE DO NOT CHANGE CSS BELOW */ .chckm-services { width: auto;height: auto;padding: 0px 0px 45px;} .chckm-services ul {border: none;/*margin: 0px 45px auto;*/width:100%;display:block;} .chckm-services .nav-tabs{text-align:center;} .chckm-services ul .nav-item{padding: 0px 25px; float: none; display: inline-block;} .chckm-services p {font-weight:800;} .chckm-services ul li a{display:block;} .chckm-services ul li a.active {color:#358dbf !important;font-weight:500;border-bottom:1px solid #358dbf;font-size:18px;text-decoration:none;background-color: transparent !important;cursor: default; } .chckm-services .nav-tabs > li.active > a, .chckm-services .nav-tabs > li.active > a:hover, .chckm-services .nav-tabs > li.active > a:focus {border: none;background-color: transparent !important;cursor: default;border-color: transparent !important;color:#0094c7 !important; border-bottom: 1px solid #0094c7 !important; font-weight:500;} .chckm-services .nav-tabs > li.active a:hover { background-color:transparent;} .chckm-services .nav-tabs > li > a {margin-right: 2px;line-height: 1.428571429;border: none;color: #333 !important;border-radius: 0px;font-weight:500;padding: 0px 0px 10px;font-size: 18px;} .chckm-services .nav > li > a:hover, .nav > li > a:focus {background-color: transparent;text-decoration:none;} .service-desc p {padding-right: 40px;} .service-desc {margin: 30px 0px;} .service-desc img { margin:10px 0px 0px 15px; width:45%;} .service-desc a {display:inline-block;} .intergrationContent { margin-top:50px;} .integrationbox { border:1px solid #ccc; text-align:center; margin:0px 0px 30px 0px;} .integrationbox span { width:auto;height: 188px;display: block; margin:30px 0px 0px 0px; padding: 40px 0px 0px 0px;} .integrationbox span img { width:auto;} .interationtext {border:1px solid #ccc; padding:20px; text-align:center; background-color:#f7f7f7;} .interationtext:hover { background-color:#f4fffa;} .interationtext h4 {text-align:left; font-weight:600;} .interationtext p {text-align:left;} .interationtext a {text-align:left; display:block;} a.partner-logopop { width:auto; text-align:center; margin:0px 0px 15px 0px; display:inline-block;} /*==pricing tabs for 1099/1095/window mac=====*/ .pricing-tabs .nav-tabs > li > a {line-height: 1.428571429;border: none;background-color: #f7f7f7;color: #555555 !important;border-radius: 0px;font-size: 20px;padding: 7px 30px;border-left: none; } .pricing-tabs .nav-tabs > li > a:hover {background-color:#fff;} .pricing-tabs .nav-tabs > li > a i {margin-right:10px;} .pricing-tabs ul li {float: none; display: inline-block;width: auto;margin: 0px -4px; padding: 0px;} .pricing-tabs ul {border: none;text-align: center; width: 100%; margin-bottom: 40px;} .pricing-tabs .nav-tabs li:nth-child(1) a {border-radius: 30px 0px 0px 30px;border: 1px solid #a1a1a1;} .pricing-tabs .nav-tabs > li.active > a, .pricing-tabs .nav-tabs > li.active > a:hover, .pricing-tabs .nav-tabs > li.active > a:focus {background-color: #368cbf;border: 1px solid #368cbf;color: #fff !important; } .pricing-tabs .nav-tabs li:nth-child(2) a {border-radius: 0px 30px 30px 0px;border: 1px solid #a1a1a1;} .fa-angle-right {margin-left:8px;color:#368dc0;} .pricing-tabs-95 .nav-tabs > li > a{ line-height: 1.428571429; border: none;background-color: #f7f7f7;color: #555555 !important;border-radius: 0px;font-size: 20px;padding: 7px 30px;} .pricing-tabs-95 ul li {float: none; display: inline-block;width: auto;margin: 0px -8px 0px 0px; padding: 0px;} .pricing-tabs-95 ul {border: none;text-align: left; width: 100%; margin-bottom: 0px;} .pricing-tabs-95 .nav-tabs li:nth-child(1) a {border: 1px solid #a1a1a1;} .pricing-tabs-95 .nav-tabs > li.active > a, .pricing-tabs .nav-tabs > li.active > a:hover, .pricing-tabs .nav-tabs > li.active > a:focus {background-color: #18578e;border: 1px solid #18578e;color: #fff !important; } .pricing-tabs-95 .nav-tabs li:nth-child(2) a {border: 1px solid #a1a1a1;} .pricing-tabs-95 {margin-top: 30px;} /*==pricing tabs for 1099 efile and print=====*/ .pricing-tabs-99 { margin-top:30px;} .pricing-tabs-99 .nav-tabs > li > a {line-height: 1.428571429;border: 1px solid #a1a1a1;background-color: #f7f7f7;color: #555555 !important;border-radius: 0px;font-size: 20px;padding: 7px 30px;} .pricing-tabs-99 .nav-tabs > li > a:hover {background-color:#fff;} .pricing-tabs-99 .nav-tabs > li > a i {margin-right:10px;} .pricing-tabs-99 ul li {float: none; display: inline-block;width: auto;margin: 0px -8px 0px 0px; padding: 0px;} .pricing-tabs-99 ul {border: none;text-align: left; width: 100%; margin-bottom: 0px;} .pricing-tabs-99 .nav-tabs li:nth-child(1) a {border: 1px solid #a1a1a1;} .pricing-tabs-99 .nav-tabs > li.active > a, .pricing-tabs .nav-tabs > li.active > a:hover, .pricing-tabs .nav-tabs > li.active > a:focus {background-color: #358dbf;border: 1px solid #358dbf;color: #fff !important; } .pricing-tabs-99 .nav-tabs li:nth-child(2) a {border: 1px solid #a1a1a1;} .fa-angle-right {margin-left:8px;color:#368dc0;} /*==pricing tabs for 1099 efile and print= for cloud 1099 & 1095====*/ /*.pricing-tabs-95 { margin-top:30px;} .pricing-tabs-95 .nav-tabs > li > a {line-height: 1.428571429;border: none;background-color: #f7f7f7;color: #555555 !important;border-radius: 0px;font-size: 20px;padding: 7px 30px;border-left: none; } .pricing-tabs-95 .nav-tabs > li > a:hover {background-color:#fff;} .pricing-tabs-95 .nav-tabs > li > a i {margin-right:10px;} .pricing-tabs-95 ul li {float: none; display: inline-block;width: auto;margin: 0px -4px; padding: 0px;} .pricing-tabs-95 ul {border: none;text-align: center; width: 100%; margin-bottom: 0px;} .pricing-tabs-95 .nav-tabs li:nth-child(1) a {border-radius: 30px 0px 0px 30px;border: 1px solid #a1a1a1;} .pricing-tabs-95 .nav-tabs > li.active > a, .pricing-tabs .nav-tabs > li.active > a:hover, .pricing-tabs .nav-tabs > li.active > a:focus {background-color: #18578e;border: 1px solid #18578e;color: #fff !important; } .pricing-tabs-95 .nav-tabs li:nth-child(2) a {border-radius: 0px 30px 30px 0px;border: 1px solid #a1a1a1;} .fa-angle-right {margin-left:8px;color:#368dc0;}*/ /*----store pages*/ .softproducts_store { width:auto; padding:15px; margin:0px; text-align:center;background-color:#f2fbf6;} .softproducts_store li { width:auto; margin:20px; display:inline-block; list-style-type:none; text-align:center;} .softproducts_store li span { width:100%;margin-bottom: 15px; /*height:auto; display:inline-block;*/ } .softproducts_store li p {/*text-align:left*/;} .softproducts_store li p span {color:#368bbe; display: inline;} .softproducts_store li .organebtn { margin-top:20px; display:inline-block;padding:3px 15px;} .softproducts_store li .organebtn:hover { background-color:#e75e00 !important;border:1px solid #fb7600 !important; color:#fff;} .softproducts_store li h3 {/*text-align:left;*/} .updates_store {width:100%; float:left; background-color:#f7f7f7; padding:25px;} .updates_store h3 {text-align:center;color:#333;} .upateProduct { width:50%; margin:20px 0px; float:left;} .upateProduct p {} .upateProduct .organebtn { margin-top:15px; display:inline-block; padding:3px 15px;} .upateProduct .organebtn:hover { background-color:#00904a !important;border:1px solid #00904a !important; color:#fff;} .supportPlan { width:100%; margin:20px 0px; float:left;} .supportPlan span { width:150px; display:inline-block; float:left; margin-right:20px;} .supportPlan p {} .supportPlan p span {color:#368bbe; float:none;} .supportPlan .organebtn { margin-top:15px; display:inline-block; padding:3px 15px;} .supportPlan .organebtn:hover { background-color:#00904a !important;border:1px solid #00904a !important; color:#fff;} .bx-wrapper { width:100% !important; background:none !important; border:none !important; box-shadow:none !important;} .bx-wrapper .bx-pager {display:none;} .store_products_Slider {;background-color:#f2fbf6;padding: 25px;} .store_products_Slider ul {/*width: 260px; text-align:center; */padding:0px;display: inline-block;} .store_products_Slider ul li { width:24%; padding:10px; display:inline-block; list-style-type:none; text-align:center;} .store_products_Slider ul li a {color:#333;cursor:pointer;font-weight:700;} .store_products_Slider ul li a h4 {color:#333;padding: 15px 0px;} .store_products_Slider ul li a:hover {color:#333; text-decoration:none;} .store_products_Slider ul li span {width:140px; height:auto; display:inline-block;padding-bottom:10px;} .store_products_Slider ul li h4{font-weight:600;} .store_products_Slider ul li p{padding:10px 0px;} .store_products_Slider ul li span img {width:100%; height:auto;} .store_products_Slider ul li p {text-align:center; margin:15px 0px;} .store_products_Slider ul li p span { display:inline-block; width:auto; color:#368bbe;} .store_products_Slider ul li .organebtn { margin-top:15px; display:inline-block; padding:3px 15px;} .store_products_Slider ul li .organebtn:hover { background-color:#e75e00 !important;border:1px solid #fb7600 !important; color:#fff;} .manualProducts {width:100%; float:left; background-color:#f7f7f7; padding:25px;margin-top: 25px;} .manualProducts h3 {text-align:center;} .manualProducts span { width:100px; display:inline-block; float:left; margin-right:20px;} .manualProducts p span {color:#368bbe; float:none;} .manualsP { } .bundleproducts h2 {margin: 0px 0px 10px;padding: 0px;text-align: center;font-size: 42px;} .bundleproducts h3 {margin-bottom: 40px;padding: 0px;text-align: center;} .payroll-bundles {background-color: #fff;padding: 20px;margin: 30px 0px;} .payroll-bundles span.cartproductview { width:130px; height:180px; display:block;} .payroll-bundles span.cartproductview img {width:100%; height:100%;} .payroll-bundles:hover { background-color:#e7f6ff;} .payroll-bundles h3 {text-align: left;margin-bottom: 20px;} .payroll-bundles h4 span {margin-left: 15px;} .bundleprd-prices {text-align: center} h3.bundleprd-prices {text-align: right;} h3.bundleprd-prices span {color: #368cbf;font-size: 24px;margin: 0px;} .cart-img img{ width: 169px;margin-top: 25px;} /*---- software new features stripes----*/ .PayrollWhatsNew_stripe {width:100%; text-align:center; background-color:#00a850; color:#fff; padding:20px 0px; font-size:18px;} .mlWhatsNew_stripe {width:100%; text-align:center; background-color:#0094c7; color:#fff; padding:20px 0px; font-size:18px;} .WhatsNew1099_stripe {width:100%; text-align:center; background-color:#049c9d; color:#fff; padding:20px 0px; font-size:18px;} .WhatsNew1095_stripe {width:100%; text-align:center; background-color:#2474b1; color:#fff; padding:20px 0px; font-size:18px;} a.whatNewbtn {padding:5px 15px; display:inline-block; color:#fff; text-decoration:underline; } a.whatNewbtn:hover { text-decoration:none;color:#fff;} a.whatNewbtn.active { text-decoration:none; background-color:#fff;border:1px solid #fff;} a.whatNewbtn i {color:#fff;} .newfeatures_ul { width:auto; line-height:24px; margin:20px 0px 30px 0px; /*padding-left:20px;color:#368dc0;*/} .newfeatures_ul li { margin-bottom:15px;} .pr-newFe-btn {color:#00ab58;margin: 0px 0px 0px 40px;} .pr-newFe-btn:hover {color:#00904a; text-decoration:underline;} .ml-newFe-btn { color:#0291c4;margin: 0px 0px 0px 40px;} .ml-newFe-btn:hover { color:#0081ae; text-decoration:underline;} .newFe99-btn { color:#029a9a;margin: 0px 0px 0px 40px;} .newFe99-btn:hover { color:#018787; text-decoration:underline;} .newFe95-btn { color:#18578e;margin: 0px 0px 0px 40px;} .newFe95-btn:hover { color:#095faa; text-decoration:underline;} .sub_list_newfeatures { padding-left:20px;} /*--change billing address---*/ .changeBillingBox { width:100%; background-color:#ffffff; padding:15px 170px; /*float:left;*/} .currentBillingAddress { width:100%; padding:15px; border:1px solid #ddd; margin-bottom:30px;} .currentBillingAddress p {margin:0px;} .chooseAddressbox {width:100%;margin-bottom:20px;} .chooseAddressbox h3 {margin-top:30px;} .chooseAddress { border:1px solid #ddd; padding:15px;} .chooseAddress:hover {border:1px solid #368dc0; cursor:pointer;} .addNewAddress { width:100%;} .addNewAddress select {background: url(../images/selectarrowb.png) no-repeat center right;appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;} /*Payment Success and payment failure page css here*/ .paymentinfo_head { text-align:center; margin-bottom:30px;} .paymentinfo_head h2{color:#00a94f; font-family: 'open_sanslight'; font-size:36px; margin-bottom:0px;} h2.failure-color {color:#f00000;font-family: 'open_sanslight'; font-size:36px; margin-bottom:0px;} .payment_info { width:750px; margin:0px auto; background-color:#ffffff; padding:15px; margin-bottom:30px;} .payment_info h4 {font-weight:bold;} .paymentinfo-table { width:350px; margin:20px auto;} .paymentinfo-table p span { width:170px; display:inline-block; text-align:left;} .paymentinfo-table p.orderTotal {font-size:18px;font-weight:bold;} .changepassd-form label,.Addticket-form label {font-size: 14px;font-weight: normal;} .address-book{margin-bottom:40px; padding:20px 0px;width:780px;margin:0 auto;border-top:1px solid grey;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {z-index: 2;color: #ffffff;cursor: default;background-color: #428bca;border-color: #428bca;border-radius: 50%;} .pagination > li > a, .pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.428571429;text-decoration: none;background-color: #ffffff;border: none; color:#333;} .pagination > li:first-child img{margin-right:20px;} .pagination > li:last-child img {margin-left:20px;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{background-color: #fff;} /*bussiness form update css here*/ .Productupdates .titlebarproduct {width: 100%;float: left; background-color: #00ab58;color:#fff;} .titlebarproduct span.product {color: #fff;display: block;font-size: 21px;text-align: center;padding: 7px 10px;} .titlebarproduct span.price {color: #fff;display: block;font-size: 21px;text-align: center;border-left: 2px solid #fff;padding: 7px 10px;} .Productupdates .paperproductbox {width: 100%;height: auto;padding:30px 0px;background-color: #f7f7f7;margin-bottom:20px;clear: both; float:left;} .paperproductbox .removeProduct {font-size:16px; float:right; background-color:transparent; border:none;position: absolute; right: 10px; top: 7px; color:#0291c4; } .paperproductbox .paperforms { color:#000; font-size:16px; border-bottom:1px dashed #000; display:inline-block;margin-bottom: 20px;} select.ProdSet { width:146px; height:40px; display:inline-block;padding:8px 30px 8px 10px; -webkit-appearance: none;-moz-appearance: none;appearance: none; border:1px solid #d3d3d3; background-color:#fff !important;background:url(../images/selectarrow1.png) no-repeat center right;margin: 0px 5px;font-size:14px;background-position-x: 122px;} select.selectquantity { width:146px; height:40px; display:inline-block;padding:8px 30px 8px 10px; -webkit-appearance: none;-moz-appearance: none;appearance: none; border:1px solid #d3d3d3; background-color:#fff !important;background:url(../images/selectarrow1.png) no-repeat center right;margin: 0px 5px;font-size:14px;background-position-x: 175px;} select::-ms-expand{display:none;} .prodColor { width:200px !important;} .ProdQty { width:70px; height:40px; padding:5px 5px; text-align:center;border: 1px solid #d3d3d3; box-shadow:none;} select.prodLocation {width:150px !important;display:inline-block;padding:8px 30px 8px 10px; -webkit-appearance: none;-moz-appearance: none;appearance: none; border:1px solid #d3d3d3; background-color:#fff !important;background:url(../images/selectarrow1.png) no-repeat center right;margin: 0px 5px;font-size:14px;background-position-x: 125px;} .selectedlable{display:inline-block;font-size:14px;margin: 0px 10px;} .Productupdates h4 {font-size:21px; margin-bottom:20px; font-weight:bold;} .PaperPriceRight { width: auto; float:right;font-size: 16px; text-align:center; margin-right:20px;} .PaperPriceRight span { font-size:16px; width:auto; display:inline-block; text-align:right; margin-top:10px;} a.change {position: absolute;top: 0px;right: 30px;display: inline-block;text-align: right;} .titlebarproduct span.producttotal {color: #fff;display: block;font-size: 21px;text-align: center;padding: 7px 0px;} .titlebarproduct span.papertotalprice {/*width: 69%;*/height: 45px;margin-right: 40px;color: #fff;display: block;font-size: 21px;letter-spacing: 1px;text-align: right;border-left: 2px solid #fff;padding: 7px 0px;} .proceedcheckout .checkoutbtn {width: 265px;height: auto;text-align: center;font-size: 16px;color: #fff;background-color: #00ab58;padding: 7px 25px;border: none;} .proceedcheckout .checkoutbtn:hover { background-color:#00904a;} .proceedcheckout {margin: 30px 0px 0px;float: right;} a.paperforms:hover {text-decoration:none;} .modal-content {background-color: #fefefe;margin: 7% auto 0px auto;padding: 0px;border: 1px solid #888;width: 740px;border-radius: 0px;} .PaperPopupContent {width: auto;height: auto;padding: 20px 20px;} .popup-titletop{text-align:center;font-size:21px;font-weight:bold;padding:20px 0px;} .PaperPopupContent h4{font-size: 18px;margin-bottom: 20px;padding: 0px 20px;} .close{color: #fff;font-size: 21px;font-weight: bold;line-height: 1;color: #000000;text-shadow: 0 1px 0 #ffffff;opacity: 0.2;top: 20px;right: 20px;filter: alpha(opacity=20);position: absolute;} h4.bottom-text {font-size:16px;text-align: center;} .blkformimg {width: 75%;} .modal-sm .modal-content {background-color: #fefefe;margin: 7% auto 0px auto;padding: 0px;border: 1px solid #888;width: auto;border-radius: 0px;} /*---Software updates----*/ .Softwareupdates {width:100%; float:left;} .Softwareupdates h3 {text-align:center; margin:0px 0px 25px 0px;font-family: 'open_sansregular'; } .updateTitle_bar {width:100%; float:left; background-color:#00ab58;font-size:24px;color:#fff;} .updateTitle_bar span {padding:5px 0px; text-align:center; display:block;} .updateTitle_bar span.pro_name_title {border-right:2px solid #fff; padding:5px 0px; text-align:center; display:block;} .product_box { width:100%; float:left; background-color:#f7f7f7; padding:30px 0px; margin:0px 0px 10px 0px;} .product_box i.fa-angle-right { margin:0px; color:#0094c7;} .product_box p {line-height:24px; font-size:15px;} .product_pic { display:block; width:91px; margin:0px auto 20px auto;} .pro_name {font-size:24px; margin-bottom:15px;} .newfeature_title_name {font-size:18px; font-weight:bold; margin:20px 0px 10px 0px;} .product_box ul {padding-left:20px; font-size:15px;} .product_box ul li {padding-left:5px; list-style-image:url(../images/lidot.png); margin-bottom:10px;} .see_more {display:block; text-align:center;} .see_more a {display:inline-block;position: relative;top: -18px; background-color: #f7f7f7; padding: 0px 15px; text-decoration:none; cursor:pointer;color:#00a850;} .see_more a i {background-color: #00a850;color: #fff;padding: 0px 3px; margin: 0px 10px;text-align:center;} .see_more:before {content:''; width:100%; height:1px; background-color:#ddd; display:inline-block;} .less_more {display:block; text-align:center;} .less_more a {display:inline-block;position: relative;top: -18px; background-color: #f7f7f7; padding: 0px 15px; text-decoration:none; cursor:pointer;} .less_more a i {background-color: #0094c8;color: #fff;padding: 0px 3px; margin: 0px 10px;text-align:center;} .less_more:before {content:''; width:100%; height:1px; background-color:#ddd; display:inline-block;} .pro_price {display:block; text-align:center;font-size:21px; margin:5px 0px 25px 0px;} .choose_option { width:100%; float:left;} .choose_option .form-group { width:30%; display:inline-block; margin:0px 10px 10px 10px; vertical-align:top;} .choose_option .form-group label {font-weight:bold;} .choose_option .form-control {width:100%; float:left;background: #fff url(../images/selectarrow.png) no-repeat center right; appearance:none; -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;color:#333;} /*.prodCloudBackUP{width:100% !important;}*/ .choose_option h4 {font-weight:bold; margin:15px; width:100%; float:left;} .support_plan { width:100%; float:left; padding:15px; background-color:#fff; margin:7px 15px; border:1px solid #ddd;} .support_plan h4 {font-weight:600; margin:0px 0px 10px 0px;} .support_plan:hover, .support_plan:visited {border:1px solid #00a94f; cursor:pointer;} .support_plan_active {width:100%; float:left; padding:15px; background-color:#ceffe7; margin:7px 15px; border:3px solid #00a94f!important;} .support_plan_active h4 {font-weight:600; margin:0px 0px 10px 0px;} .support_plan_active h4 img { } .custhighrecommentplan{font-size: 12px;background: #00a94f;color: #fff;padding: 6px 12px;border-radius: 8px;font-weight: 400;margin-left: 10px;} #cloud_learnmore_popup img{margin-top: 15%;position: relative;vertical-align: middle;left: 10px;padding: 20px;} .updateSoftPortContent{} .updateSoftPortContent .pro_name{display:inline-block;} .prodcompatcont{width:auto!important;} .prodcompatcont p{font-size:12px;} .updatePortalWarnPopList{padding-inline-start:20px;} .updatePortalWarnPopList li{padding-left:10px;} .updatePortalWarnPopList li::marker{font-size:14px;} .updateSoftPortContent .reviewRating{float: right;} .updateprod-warnpopup .modal-dialog{width:950px;} .updateprod-warnpopup .modal-content{width:950px;} .updateprod-warnpopup .modal-body{padding:0px;} /*.updateprod-warnpopup .cm_custmodal_row{display: flex;}*/ .updateprod-warnpopup .productimg-modal{padding-bottom:0px;padding-left:0px;} .updateprod-warnpopup .close{margin-right:10px;font-family: open_sanslight;} .cmproplus-custimg{width: 45%;display: inline-block; margin-bottom: -6px;} .cmproplus-custimg .img-responsive{margin-left: 15px;height:600px;} .cmproplus-custcont{width: 54%;padding: 0 30px;float: right;display: inline-block;} #cloud_learnmore_popup .cm_custmodal_row .clb_img_row{width: 43%;display: inline-block;} #cloud_learnmore_popup .cm_custmodal_row .clb_content_row{width: 56%;float: right;} .updateprod-warnpopup a{margin-left: 15px;color: #333;} .cm_custmodal_rowcont{padding:0 40px 0 20px;} .selected_option {float:left;padding:15px;background-color: #c6edd9; margin: 10px 30px; border: 1px solid #a7dec1;} .selected_option p {font-size:16px; font-weight:bold; display:inline-block; margin:10px 50px 10px 0px;} .selected_option p span {font-weight:normal;} h3.recomand_title {text-align:center; margin:25px 0px 25px 0px;font-family: 'open_sansregular'; width:100%; float:left; } .secure_payment { width:100%; float:left; border-top:1px solid #ddd; padding:20px 0px;} .know_more_popup { } .know_more_popup h3 { text-align:center; margin:0px 0px 10px 0px;} .know_more_popup table { width:100%; margin-bottom:10px;} .know_more_popup table tr {} .know_more_popup table tr th {border:1px solid #ccc; padding:5px; font-size:18px; text-align:center;} .know_more_popup table tr th:first-child {width:250px;} .know_more_popup table tr td { border:1px solid #ccc; padding:5px; text-align:center;} .know_more_popup table tr td:first-child {text-align:left;} .know_more_popup table tr td i.fa-check {color:#00a850;} .know_more_popup table tr td i.fa-times {color:#F00;} .knowmore_content p { margin-bottom:10px; width:100%;font-size: 15px; line-height:20px;} .knowmore_content {margin: 30px 0px;} .knowmore_content a {display:inline-block;} .knowmore_content ul {text-align:left; margin:0px; padding-left:10px;} .knowmore_content ul li {padding-left:15px; background:url(../images/lidot.png) left 10px no-repeat; margin-bottom:5px; display:block; font-size:15px;} .knowmore_content img {width:100%;} .knowmore_screens .carousel-inner > .item > img, .knowmore_screens .carousel-inner > .item > a > img {width: 90%; height:100%; margin:0 auto;} .knowmore_screens .carousel-inner > .item > h4 { margin-bottom:0px; text-align:left;} .knowmore_screens .carousel-inner > .item > p {margin:0px; text-align:left;} .knowmore_screens .slidearrowleft {top:42%;} .knowmore_screens .slidearrowright {top:42%;} /*Enquiry Css here*/ body.enquirywraper{width: 100%;min-height: 100%;background-color: #19597e;background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…B5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);background-image: -webkit-gradient(linear, 0% 100%, 0% 0%,color-stop(0, rgb(49, 131, 179)),color-stop(1, rgb(1, 46, 72)));background-image: -webkit-repeating-linear-gradient(bottom,rgb(49, 131, 179) 0%,rgb(1, 46, 72) 100%);background-image: repeating-linear-gradient(to top,rgb(49, 131, 179) 0%,rgb(1, 46, 72) 100%);background-image: -ms-repeating-linear-gradient(bottom,rgb(49, 131, 179) 0%,rgb(1, 46, 72) 100%);background-attachment: fixed;} .enquiryforms {width:auto;height: auto;text-align: center;margin: 0px 0px;color: #fff;} .enquiry-signup {width: 790px;height: auto;padding: 30px 0px;margin: 120px auto;} .enquiryforms h2 {color: #fff;margin-bottom: 15px;text-align: center;} .enquiry-signup h3 {color: #fff;margin-bottom: 20px;padding: 0px 20px 20px;line-height: 1.5;} .enquiryforms .form-control {height: 44px;background-color: transparent;border: 1px solid #e3e3e3;border-radius: 0;padding: 10px 12px;color: #fff !important;} .enquiry-signup .btsbox {width: 360px;float: none;margin: 40px auto 20px auto;} .enquiry-signup .btnsignin{text-transform:capitalize} textarea.form-control.message-text {height: 118px;resize: none;} /*set password css here*/ .setpwd-modal {background-color: #fefefe;margin: 7% auto 0px auto;padding: 0px;border: 1px solid #888;width: 620px;border-radius:5px;} .setpwd-modal .popup-titletop{color:#368cbf;} .setpwd-modal p{font-size:16px;color:#333;text-align: center;padding:0px 80px} .setpwd-modal label {font-size:14px;font-weight:normal;} .setpwdcontent {width: auto;height: auto;padding:0px 80px} .setpwdimg {margin: 20px auto;} .setpwdcontent h4{font-size: 18px;margin-bottom: 20px;padding: 0px 20px;} .setpwd-reminder {padding:5px;border:1px solid #ddd;margin:20px 50px;} .setpwd-reminder h5{font-size:16px;text-align:center;} .setpwd-reminder p{text-align: left;padding: 0px 20px;line-height: 21px;} .setpwd-btn{margin-bottom: 15px;text-align: center;padding: 20px 0px;} /*landing pages css here*/ /*landingpage2*/ .landingpagewrapper .downloadebook {width: auto;text-align: left;} body.landingpagewrapper {width: 100%;min-height: 100%;background-color: #fff !important;} .logo-center-white{text-align:center;background-color: #19597e;background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…B5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);background-image: -webkit-gradient(linear,0% 100%,0% 0%,color-stop(0,#3183b3),color-stop(1,#012e48));background-image: -webkit-repeating-linear-gradient(bottom,#3183b3 0%,#012e48 100%);background-image: repeating-linear-gradient(to top,#3183b3 0%,#012e48 100%);background-image: -ms-repeating-linear-gradient(bottom,#3183b3 0%,#012e48 100%);padding:20px;} .digimrkformright { width:418px; height:auto; background-color:#f7f7f7; border-radius:3px; margin:0px auto 30px auto; padding:20px;color:#333;} .digimrkformright h3 {color:#333;} .digimrkformright input[type="email"]::-webkit-input-placeholder, .digimrkformright input[type="password"]::-webkit-input-placeholder, .digimrkformright input[type="text"]::-webkit-input-placeholder {color: #333;} .digimrkformright input[type="email"]:-moz-input-placeholder, .digimrkformright input[type="password"]:-moz-input-placeholder, .digimrkformright input[type="text"]:-moz-input-placeholder {color: #333;} .digimrkformright input[type="email"]::-ms-input-placeholder, .digimrkformright input[type="password"]::-ms-input-placeholder, .digimrkformright input[type="text"]::-ms-input-placeholder {color: #333;} .digimrkformright textarea::-webkit-input-placeholder {color: #333;} .digimrkformright select::-webkit-input-placeholder {color: #333 !important; opacity:inherit;} .digimrkformright .form-control {height: 38px !important;background-color: transparent; border: 1px solid #333 !important;border-radius: 0;padding: 10px 12px;color: #333 !important;} .digimrkformright h2,.digimrkformright p{text-align:center;} /*landingpage3*/ .logo-center-blue{text-align:center;background-color: #fff;padding:20px;} .landingpagerightform label{color:#fff;} .landingpagerightform { width:418px; height:auto; background-color:#368cbf; border-radius:3px; margin:0px auto 30px auto; padding:20px;color:#333;} .landingpagerightform h2,.landingpagerightform p{text-align:center;color:#fff;} .landingpagerightform .form-control{color:#fff !important;} .landingpagerightform input[type="email"]::-webkit-input-placeholder, .landingpagerightform input[type="text"]::-webkit-input-placeholder {} .landingpagerightform input[type="email"] ::-moz-input-placeholder, .landingpagerightform input[type="text"] ::-moz-input-placeholder {} .landingpagerightform input[type="email"]::-ms-input-placeholder, .landingpagerightform input[type="password"]::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder {} .landingpagerightform textarea::-webkit-input-placeholder {} .landingpagerightform select::-webkit-input-placeholder {} .landingpagerightform .dwdrequired a{color:#fff;} .loginfooter ul li a {color: #fff;} .loginfooter ul li {list-style-type: none;display: inline-block;margin: 0px 10px;} .loginfooter ul {width: auto;} .landingpagewrapper h3{text-align:left;text-decoration:none;} .ladingfooter p{text-align:center;} .ladingfooter ul li{display:inline;} .ladingfooter ul {color:#368cbf;text-align:center;} .ladingfooter ul li a{color:#368cbf;text-align:center;text-decoration: none;} /*landingpage1*/ h1.guideheading{text-align: center;font-family: 'open_sanslight';padding: 20px 0px;} h3.discvertext{text-align:center;} h3.discvertext {text-align: center;margin-top: 0px;} .userguides {margin: 30px 0px;} .softwareguide-sec {margin: 40px 0px;} .supportsaftcomnt p span {width:100px;float:left;margin-right:30px;display:inline-block;} .supportsaftcomnt p{padding:15px;} .landingpagewrapper ul.userguides li {padding-left: 5px;list-style-image: url(../images/listrightmrk.png);margin-bottom: 15px;color: #333;} .supportsaftcomnt {margin:50px 0px;} .getstart{text-align:center;} .getstart .digimrkdownload{width:300px} .digimrkdownload:hover {background-color: #368cbf;} .landingpagewrapper ul.downloadebook li {padding-left: 5px;list-style-image: url(../images/lidot.png);margin-bottom: 5px;color: #333;} .digimrkdownload {width: 100%;height: auto;padding: 10px 0px;margin: 0px 0px 0px 0px;background-color: #368cbf;font-size: 18px;font-weight: bold;color: #fff;border: none;outline: none;} .loginfooter {width: 100%;text-align: center;color: #fff;position: relative;left: 0;bottom: 0;right: 0;} .ladingpage_content h1{text-align:center;font-family:'open_sanslight';padding: 20px 0px;} p.dwdrequired {text-align:left;} .reqdemochk {float:right;} .review-popup { width:auto;} .review-popup h3 {color:#00ab58;margin:0px 0px 10px 0px; } .review-popup h3 i img { width:30px; margin:0px 10px 0px 0px;} .review-popup p {color:#0094c7;} .review-popup p+p {color:#333;} /*---payroll services ----*/ .payroll_servicebanner {width:100%;height:600px;/*background: url(../images/PayrollServices-banner.jpg) center center no-repeat;background-size:cover;*/} .payroll_servicebanner-inner {height: 300px; background:#00a94f /*url('../images/bannerpattern.png') repeat*/;} /*.payroll_ser_overlay { width:100%; height:511px; background-color:#00a94f ;opacity: 0.9;}*/ .service_Plans { width:100%; float:left; background-color:#f7f7f7; padding:20px 15px; text-align:center; margin:0px 0px 15px 0px;border: 1px solid #ddd;} .service_Plans h3 {color:#368dc0; text-align:center; margin:0px 0px 20px 0px;} .service_Plans h4 {text-align:center;} .service_Plans ul { width:100%; float:left; padding:0px; margin:20px 0px; text-align:left;} .service_Plans ul li {background:url(../images/lidot.png) left center no-repeat; list-style-type:none; padding-left:15px; line-height:24px; margin-bottom:10px;} .payroll_service-cta-ribbon {width: 100%;height: auto;padding: 50px 0px;background:#00a94f/*url(../images/ctapattern-ps.png) no-repeat center bottom; background-size:cover*/; color:#fff; border-top:1px solid #ddd; } .payroll_service-cta-ribbon i { float:left; margin-left:60px;} .payroll_service-cta-ribbon .cta-heading {color:#00a94f; text-align:left; font-size:30px;font-family: 'montserratregular'; font-weight:bold; line-height:inherit;} .payroll_service-cta-ribbon .cta-subheading { color:#000000; text-align:left;font-size:18px;font-family: 'montserratregular'; font-weight:400} .payroll_service-cta-ribbon .whitebtn { margin:20px 0px;padding: 10px 30px;display: inline-block; font-size:19px;} .payroll_ser_subpage { width:100%; height:auto; background-color:#00a94f;} .serv_howitworks { width:auto;} .serv_howitworks h2 {margin:0px 0px 15px 0px;} .serv_howitworks p {text-align:center; padding:0px 100px;} .serv_work_row { background-color:#f7f7f7; padding:20px; width:95%; min-height:200px; text-align:left; margin:5px 15px 10px 15px; clear:both; float:left;} .serv_work_row p {text-align:left; padding:0px;} .serv_work_row i { display:block; margin:0px 50px; text-align:center;} .service_Plans_details { width:100%; float:left;} .service_Plans_details h2 {margin-bottom:15px;} .service_Plans_details p {margin:0px 0px 20px 0px;} .service_Plans_details h4 {font-weight:bold;} .payrollfeatures_col { text-align:center; padding:20px 10px;} table.payroll_service_features { width:100%; border:1px solid #b8b8b8; margin:20px 0px;} table.payroll_service_features tr td{width:24%;text-align:center;border-top:none;border-right:1px solid #b8b8b8;padding:10px 0px 10px 0px;color:#000000;} table.payroll_service_features tr td:first-child{text-align:left;padding-left:30px;} table.payroll_service_features tr:nth-child(even) {background: #f7f7f7;} table.payroll_service_features tr:nth-child(odd) {background: #FFF;} /*---multiledger services ----*/ .ml_servicebanner { width:100%; height:600px;/*background: url(../images/AccountingServices-banner.jpg) center center no-repeat;background-size:cover;*/} /*.ml_ser_overlay { width:100%; height:511px; background-color:#0393c7 ;opacity: 0.9;}*/ .ml_service-cta-ribbon {width: 100%;height: auto;padding: 75px 0px;background:#0393c7 /*url(../images/ctapattern-ms.png) no-repeat center bottom; background-size:cover*/; color:#fff;border-top:1px solid #ddd; } .ml_service-cta-ribbon i { float:left; margin-left:60px;} .ml_service-cta-ribbon .cta-heading {color:#0094c7; text-align:left; font-size:30px;font-family: 'montserratregular'; font-weight:bold; line-height:inherit;} .ml_service-cta-ribbon .cta-subheading { color:#000000; text-align:left;font-size:18px;font-family: 'montserratregular'; font-weight:400} .ml_service-cta-ribbon .whitebtn { margin:20px 0px;padding: 10px 30px;display: inline-block; font-size:19px;} .ml_ser_subpage { width:100%; height:auto; background-color:#0393c7;} .hr_servicebanner { width:100%; height:auto;} .hr_servicebanner-inner { height:auto;} /*.hr_ser_overlay { width:100%; height:511px; background-color:#368cb0 ;opacity: 0.9;}*/ .hr_service-cta-ribbon {width: 100%;height: auto;padding: 53px 0px; color:#fff; border-top:1px solid #ddd;} .hr_service-cta-ribbon i { float:left; margin-left:60px;} .hr_service-cta-ribbon .cta-heading {color:#0094c7; text-align:left; font-size:30px;font-family: 'montserratregular'; font-weight:bold; line-height:inherit;} .hr_service-cta-ribbon .cta-subheading { color:#000000; text-align:left;font-size:18px;font-family: 'montserratregular'; font-weight:400} .hr_service-cta-ribbon .whitebtn { margin:20px 0px;padding: 10px 30px;display: inline-block; font-size:19px;} .hr_ser_subpage { width:100%; height:auto; background-color:#368cb0;} .time_servicebanner { width:100%; height:auto;} .time_servicebanner-inner{ height:auto;} /*.time_ser_overlay { width:100%; height:511px; background-color:#368cb0 ;opacity: 0.9;}*/ .time_service-cta-ribbon {width: 100%;height: auto;padding: 60px 0px;background:#368cb0 /*url(../images/ctapattern-tas.png) no-repeat right center*/; color:#fff;border-top:1px solid #ddd; } .time_service-cta-ribbon i { float:left; margin-left:60px;} .time_service-cta-ribbon .cta-heading {color:#fff; text-align:center; font-size:34px;font-family: 'open_sanslight';} .time_service-cta-ribbon .cta-heading { color:#fff; text-align:center;font-size:18px;} .time_service-cta-ribbon .whitebtn { margin:20px 0px;padding: 10px 30px;display: inline-block; font-size:19px;} .time_ser_subpage { width:100%; height:auto; background-color:#368cb0;} /*3rd party Consultant css here*/ .consultantapp h2{margin-bottom: 15px;text-align: center;color: #333;} .consultantapp h4{text-align:center;} .consultant-steps .nav-tabs > li.active, .consultant-steps .nav-tabs > li.active:hover, .consultant-steps .nav-tabs > li.active:focus {border: none;background-color: #fff;cursor: default;border-color: #fff !important;color: #368cbf !important;border-bottom: 2px solid #368cbf !important;font-weight: 500;} .consultant-steps ul li {padding: 0px 40px;float: none;display: inline-block;/*margin: 0px 30px;*/} .consultant-steps{text-align: center;width: 825px;margin: 40px auto;} .consultant-steps ul{margin:0px 0px 40px;} .consultant-steps .nav-tabs > li > a {margin-right: 2px;line-height: 1.428571429;border: none;color: #cecece !important;border-radius: 0px;font-weight: 500;padding: 10px 17px;font-size:20.15px;} .consultant-steps .nav-tabs > li.active > a, .consultant-steps .nav-tabs > li.active > a:hover, .consultant-steps .nav-tabs > li.active > a:focus {border: none;background-color: #fff;cursor: default;border-color: #fff !important;color: #368cbf !important;opacity: inherit;font-weight: 500;} .consultant-steps .nav > li > a:hover, .consultant-steps .nav > li > a:focus {text-decoration: none;/*background-color: #fff;*/background-color:transparent;} .consultant-steps p{text-align:left;} .agreement-form {padding: 25px 0px;} .resourcebackbtn{border: 1px solid #368dc0 !important;padding: 5px 50px;color: #368dc0 !important;background-color: transparent;float:left;} .resourcebackbtn:hover{background-color:#368dc0;color:#fff !important;border: 1px solid #368dc0;text-decoration:none;} .resourcenextbtn{border: 1px solid #ff7416 !important;padding: 5px 50px;color: #fff !important;background-color: #ff7416;float:right;} .resourcenextbtn:hover{border: 1px solid #ff7416 !important;color: #fff !important;background-color: #ff7416;text-decoration:none;} .agreeentbtns {padding:20px 0px;} .directtextarea{resize:none;} textarea.directtextarea{height: auto;width: 100%;height: auto;border: 1px solid #ddd;margin: 30px 0px;} .consulappsbmt{text-align:center !important;} .consulappsbmt{border: 1px solid #ff7416 !important;padding: 5px 50px;color: #fff !important;background-color: #ff7416;} .consulappsbmt:hover{border: 1px solid #ff7416 !important;color: #fff !important;background-color: #ff7416;text-decoration:none;} .consultant-steps.resellerstp ul li{padding:15px 15px;} .reseller-form h4{text-align:left;} .textbxright p{display:table-cell;padding:0px;} .textbxright p span{float: right !important;padding: 0px 10px;} .resellerplatform-select { width:auto;} .resellerplatform-select span { display:inline-block; margin-right:15px; font-size:14px;} .resellerplatform-select span a {color:#bdbdbd; font-size:16px; margin:0px 5px; cursor:pointer;} .resellerplatform-select span:hover a i {color:#f00;} .find_consultant { width:auto;} .find_consultant p {font-size:20px; color:#333; margin:15px 0px; text-align:left; line-height:30px;} .find_consultant p.subhead-st-tax {font-size:25px; color:#333; margin:15px 0px; text-align:center; line-height:30px;} .find_consultant h3 {text-align:left; margin:40px 0px 20px 0px;color:#333;} .find_consultant_data { width:auto;} .consultant_details {width:100%; background-color:#f7f7f7; padding:15px 25px; margin:0px 0px 15px 0px; float:left;} .consultant_details p {font-weight:bold;} .consultant_details p span {font-weight:normal;} .multi_supportPlan { display:block; margin-bottom:10px;} /*Javascipt disabled css here*/ .javascript-disbaled {color:red;} /*--- form 941 page ----*/ .form941_table { width:100%; background-color:#fff; border:1px solid #ddd; margin:40px 0px 40px 0px; line-height:24px;} .form941_table tr th { font-size:16px; font-weight:bold; padding:10px 20px;border:1px solid #ddd; text-transform:uppercase;} .form941_table tr td { width:35%; font-size:16px; padding:10px 20px;border:1px solid #ddd; vertical-align:top;} .form941_table tr td span { margin:0px 10px; width:146px; display:inline-block; line-height:30px;} .form941_table tr td:nth-child(1n+1) {vertical-align:middle;} button.consultantForm_selected_opt { font-size:12px; border:1px solid #ddd; outline:none; padding:2px 2px 2px 5px;float:left; text-align:left; margin:3px;} button.consultantForm_selected_opt i {font-size:8px; position:relative; top:-3px; right:0px; padding:0px 3px; color:#000; } button.consultantForm_selected_opt i:hover {color:#e80d0d;} .othersFeilds { width:auto; display:block;} .othersFeilds input {width:100%;} .othersFeilds a { position: absolute;right: 0px;top: 0px;background-color: #ddd;padding: 13px;display: inline-block;float: right;padding: 11px 15px; cursor:pointer;} .othersFeilds a i{color:#333;} .PayrollWhatsNew_stripe span, .mlWhatsNew_stripe span, .WhatsNew1095_stripe span,.WhatsNew1099_stripe span{padding-right: 20px;} .PayrollWhatsNew_stripe span .fa, .mlWhatsNew_stripe span .fa, .WhatsNew1095_stripe span .fa,.WhatsNew1099_stripe span .fa{font-size:20px;} .alreadyownpayroll{display: block;text-align: center;clear: both;} .alreadyownpayroll span{padding-right:20px;position: relative;top: -7px;} .alreadyownpayroll p{font-size:20px;font-family: 'open_sansregular';margin-bottom:50px;} /*.alreadyownpayroll p a {text-decoration:underline;}*/ .alreadyownpayroll p a:hover{text-decoration:underline;} .inban-reg input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder {} .inban-reg .form-control {height: 44px; border:1px solid #e3e3e3; border-radius:0;padding: 10px 12px; } input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder {} input[type="email"]::-moz-input-placeholder, input[type="password"]::-moz-input-placeholder, input[type="text"]::-moz-input-placeholder {} .inban-reg textarea::-webkit-input-placeholder {} /*==== tutorial page ====*/ .tutorial_video {padding:20px;} .tutorial_video h3 { text-align:center;} .tutorial_video iframe {width:100%; margin:20px 0px;} .news_feed { background-color:#f7f7f7;font-size:14px; color:#333; padding:10px 0px;} .news_feed #quote-carousel2 { margin:0px; padding:0px;} .news_feed .item blockquote p { float:left; padding:0px 15px;line-height: 24px;} .news_feed i.newsmike {width:32px; height:auto; display:inline-block; position:absolute; left:0px; top:30px;} .news_feed #quote-carousel2 .carousel-control.left {float: right;left: -56px; top:20px; margin: 0px;background-color: #ddd;width: 25px;padding: 0px;line-height: 24px;text-align: center;border: 1px solid #b8b8b8;font-size: 20px;color: #858585;font-weight: normal;text-shadow: none;} .news_feed #quote-carousel2 .carousel-control.right { right: 0px;top:20px; float:right; margin:0px;background-color: #ddd;width: 25px;padding: 0px;line-height: 24px;text-align: center;border: 1px solid #b8b8b8;font-size: 20px;color: #858585;font-weight: normal; text-shadow: none;} .news_feed #quote-carousel2 .carousel-control.left:hover, .carousel-control.right:hover {background-color:#0094c7;color:#fff; border:1px solid #0094c7;} .news_feed #quote-carousel2 .carousel-control.right:hover {background-color:#0094c7;color:#fff !important; border:1px solid #0094c7;} .news_feed #quote-carousel2 .carousel-control.right:hover .fa-angle-right {color:#fff;} .news_feed .carousel-control {position: relative; top: 0; bottom: 0; right: 0; width: auto; font-size: 20px;color: #ffffff;text-align: right;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.9; filter: alpha(opacity=90);} .news_feed .carousel-control .fa-angle-right {color:#858585; margin:0px;} .news-carousel-inner {width:85%; float:left;left: 50px;} .knowmore_screens .carousel-control.left:hover, .carousel-control.right:hover {background-color:none; } .knowmore_screens .carousel-control.right:hover {background-color:none; } /*====tq pages=======*/ .tqContact_dertils {} .tqContact_dertils p{font-size:18px;padding:0px 0px 0px 0px;} .tqContact_dertils ul{list-style-type:none;padding-left:0px;float:left;margin-right:75px;} .tqContact_dertils ul li{line-height:28px;text-align:left;font-size:18px;} .tqContact_dertils ul li a{font-size:24px;color:#0094c7;font-family:open_sansregular;} /*====issues fixed=====*/ .productdetails-table h2{padding:30px 0px 40px 0px;} .billingregagree hr{opacity:0.2;} .abt-blog:hover a{text-decoration:none;} /*===== theme setting box=====*/ .theme_settingBox {border:3px solid #dddddd; background-color:#fff; padding:10px; position:fixed; top:150px; right:0px; display:none;} .theme_settingBox i {font-size:30px; cursor:pointer;} /* The side navigation menu */ .sidenav {width: 0; /* 0 width - change this with JavaScript */height:250px;position: fixed; /* Stay in place */z-index: 1; /* Stay on top */top: 150px;right: 0;background-color: #fff; /* Black*/overflow-x: hidden;/* overflow-x: hidden; Disable horizontal scroll */ /* padding-top: 60px; Place content 60px from the top */transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */} /* The navigation menu links */ .sidenav a {margin: 8px 8px 8px 8px;text-decoration: none;color: #818181;display: block;transition: 0.3s;display:inline-block;} .sidenav a.skin_1 { width:38px; height:38px; background-color:#368cbf;} .sidenav a.skin_2 { width:38px; height:38px; background-color:#ff6700;} .sidenav a.skin_3 { width:38px; height:38px; background-color:#60b100;} .sidenav a.skin_4 { width:38px; height:38px; background-color:#0036b1;} .sidenav a.skin_5 { width:38px; height:38px; background-color:#bf0024;} .sidenav a.skin_6 { width:38px; height:38px; background-color:#00a4aa;} .sidenav a.skin_7 { width:38px; height:38px; background-color:#00ab58;} .sidenav a.skin_8 { width:38px; height:38px; background-color:#003869;} .sidenav a.skin_9 { width:38px; height:38px; background-color:#c314c9;} /* When you mouse over the navigation links, change their color */ .sidenav a:hover, .offcanvas a:focus{color: #f1f1f1;} /* Position and style the close button (top right corner) */ .sidenav .closebtn {position: relative;top: -10px;font-size: 36px;margin: 0px;padding:0px;display: block;width: 30px;height:230px;float: left;} /* Style page content - use this if you want to push the page content to the right when you open the side navigation */ #main {transition: margin-left .5s;padding: 20px;} /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */ @media screen and (max-height: 450px) {.sidenav {}.sidenav a {font-size: 18px;}} /*---payroll Calculator Starts ----*/ .payrollcalculations {width:800px;margin:auto;} .payrollcalculations h3{text-align:center;} .form-group{text-align:left;margin:0px 0px 20px 0px;padding:0px;} /*PAYROLL CALCULATOR Field */ label{font-weight:normal;font-family:open_sanslight;font-size:14px;color:#333333;} select.form-control { background-image: url('../images/selectarrowb.png');-webkit-appearance: none;-moz-appearance: none;background-repeat: no-repeat;background-position: center right 14px;} .form-group label span {color:#c6c1c1;} /*PAYROLL CALCULATOR CHEKBOX */ input.paycheck_tick {width:16px;height:16px;border:2px solid #acacac;margin: 40px 18px;} /*PAYROLL CALCULATOR button */ .btn-primary{background-color:#00ab58;margin:30px 15px;border-radius:0;width:119px;height:38px; border:1px solid #00ab58;} .btn-primary:hover{background-color:#00904a;margin:30px 15px;border-radius:0;width:119px;height:38px; border:1px solid #00904a; } .btn-primary-auto{background-color:#00ab58;margin:30px 15px;border-radius:0;width:auto;height:38px;color:#fff;} .btn-primary-auto:hover{background-color:#00904a;margin:30px 15px;border-radius:0;width:auto;height:38px;color:#fff;} .Reset-calc-btn {background-color: transparent;margin:30px 15px;border-radius:0;width:119px;height:38px; color:#00ab58; border:1px solid #00ab58;} .Reset-calc-btn:hover{background-color:#00904a;margin:30px 15px;border-radius:0;width:119px;height:38px; color:#fff; border:1px solid #00904a; } /*PAYROLL CALCULATOR paragraphs*/ .descrip{color: #646464;} .descrip p{font-size:16px;line-height:1.5em;text-align:justify;text-align-last:auto;} .descrip span{font-size:16px;} .descrip h4{font-size:16px;margin: 20px 0px 5px auto;color: #646464;text-align:left;} /*=====all accordions =====*/ .panel { background-color:transparent; border:none;} .panel-title {font-size:18px;color: inherit; font-family: 'open_sansregular';text-align:left; margin-left:13px;} .panel-title a { display:block; font-size:20px; font-weight:500;} .panel-title > a:before {float: right !important;font-family: FontAwesome;content:"\f068";background-color: #0094c6; padding: 2px 7px; color: #fff;} .panel-title > a.collapsed:before {float: right !important;content:"\f067";background-color: #0094c6;padding: 2px 7px;color: #fff;} .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {text-decoration:none;} .panel-default>.panel-heading {color: #333;background-color: transparent;border-color: none;padding: 10px 15px 15px 0px;} .panel-group .panel {margin-bottom: 0;overflow: hidden;border-radius: 0px;border-bottom: 1px solid #dbdbdb;box-shadow: none;} .panel-group .panel:hover { background-color:#fff;} .panel-default > .panel-heading + .panel-collapse .panel-body { border-top:none; padding: 0px 15px 15px 15px;} /*Payroll POPUP STARTS HERE*/ .freePayroll_firstime{width:650px;margin:0px auto;background: #fff url(../images/popup1.png) no-repeat 331px 151px;} .freePayroll_firstime .modal-header { border:none;/*margin:5px 35px auto;*/} .freePayroll_firstime .modal-body {} .freePayroll_firstime ul { list-style-type:none; padding:0px;} .freePayroll_firstime ul li { display:block; font-family:open_sansregular;font-size:14px;color:#000000; margin-bottom:15px;} .freePayroll_firstime ul li i { width:28px; height:auto; display:inline-block;/*padding:3px 0px;*/margin:0px 10px 0px 0px; text-align:center; } .freePayroll_firstime h5{font-family: 'open_sansregular';font-size:36px;color:#00a850;} .freePayroll_firstime h6{font-size:14px;color:#000000;line-height:1.7em;/*margin:10px 1px auto*/;} .freePayroll_firstime .instant_payroll_free{font-family: 'open_sansregular';background-color:#00a850;color:#ffffff;text-align:center;border-radius:0px;border:0px;font-size:16px;margin:6px 5px auto;display: inline-block;padding: 7px 15px;} .freePayroll_firstime .instant_payroll_free:hover{background-color:#009848;color:#ffffff; text-decoration:none;} .freePayroll_firstime .modal-footer {height:50px;background-color:#368dc0;border:0px;border-radius:0px; } .freePayroll_firstime .modal-footer {text-align:center;font-size:16px;} .freePayroll_firstime .modal-footer a{color:#ffffff;} .freePayroll_firstime .modal-footer a:hover{color:#F7F7F7;} .freePayroll_firstime .row {margin:0px 0px 0px 0px;} /*Payroll POPUP ENDS HERE*/ /*Payroll Home*/ .result_hed h4{} /*Results Table STARTS HERE*/ .Payroll_Calculator_Result { width:800px; margin:0px auto;} .Payroll_Calculator_Result h3 { text-transform:uppercase; text-align:center;margin-bottom: 30px;} .result_header { margin:10px 10px;} .result_header em {font-style:normal; font-weight:bold;} .PayrollResults {width:850px;} .resultstable{width:100%; margin:0px 0px 30px 0px;} .resultstable tr th { font-size:16px;color:#333333;font-family:open_sanslight;background-color:#ececec;padding:10px 10px; text-align:right;} .resultstable tr th:first-child { width:40%; text-align:left;} .resultstable tr th:last-child { width:40%; text-align:right;} .resultstable tr td {padding:10px 10px; text-align:right;} .resultstable tr td:first-child { width:40%; text-align:left;} .resultstable tr td:last-child { width:40%; text-align:right;} .netpayborder {border-bottom:1px solid #ddd;} .resulttable2{width:100%; margin:0px;} .resulttable2 tr th{background-color:#f7f7f7; padding:5px;} .resulttable2 tr td{padding:10px;} .resultbutton{width: 150px;height: 38px;background-color: #00ab58;border: 1px solid #00ab58;color: #fff;padding: 0px;display: inline-block;overflow: hidden;margin: 20px 10px 20px 10px;vertical-align: top;/*line-height: 38px;*/padding: 7px 0px;} .resultbutton:hover{background-color:#00904a ;color:#ffffff; text-decoration:none;} .mailbutton{background-color:#00ab58;color:#ffffff;width:151px;height:39px;border:0;border-radius:0;text-align:center;font-size:16px;} .mailbutton:hover{background-color:#00904a ;color:#ffffff;} /*Results ENDS HERE*/ /*Results POPUP STARTS HERE*/ .freePayrollPopup .modal-content { padding:30px;} .freePayrollPopup h4 {text-align:center;font-family: 'open_sansregular';font-size:20px;color:#333333;} .freePayrollPopup .modal-body { margin:0px 7%;} /*Results POPUP ENDS HERE*/ /*Results Success STARTS HERE*/ .sucess_popup .modal-body{text-align:center;} .sucess_popup h2{color:#0091c6;} .sucess_popup img{width: 63px;height:63px; } .sucess_popup .modal-header { border:none;} /*Results Success STARTS HERE*/ /*Results PDF STARTS HERE*/ .result_b h4{border-bottom:2px solid #000;margin-top:65px;} .result-para{font-size:11px;font-weight:normal; line-height:14px} .result-footer{font-size:11px;text-align:center;padding:15px 0px auto;} /*Results PDF ENDS HERE*/ .InvalidFedTax-pop .modal-header {background-color:#0094c7; color:#fff; padding:10px 15px;} .InvalidFedTax-pop .modal-body{text-align:left; padding:25px;} .InvalidFedTax-pop .modal-body p {text-align:left; line-height:24px; font-size:14px; margin-bottom:20px;} .InvalidFedTax-pop h3{ background-color:#0094c7; color:#fff;} .InvalidFedTax-pop img{width: 63px;height:63px; } .InvalidFedTax-pop .modal-header { border:none;} .star:after { content:'*'; color:#ff0000; margin: 0px 2px;font-weight: normal;} .circle {width: 25px;height: 25px;background: #fff;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 30px;display: inline-block;border: 1px solid #ddd;text-align: center !important;font-size: 20px;font-weight: bold;margin: 5px 5px;padding: 2px 5px;line-height: 15px;color: #ddd;} .circle:hover {background-color:#1ea5e0;color:#fff; border: 1px solid #1ea5e0; } /*------payroll Calculator-----*/ .Payroll_Calcular { width:auto;} .Payroll_Calcular p { margin-bottom:20px;} .Payroll_Calcular h3 {font-size:30px; text-align:center; text-transform:uppercase; margin:20px 0px;} .Payroll_Calcular h5 {font-weight:bold;} .Payroll_Calcular .panel-title {font-size:24px; font-family: 'open_sanslight'; } .Payroll_Calcular .panel-group { width:800px; margin:0px auto;} .Payroll_Calcular .panel-body {padding:0px;} .Payroll_Calcular .panel-group .panel { border:none;} .Payroll_Calcular .panel-body .form-group { width: 46%;display: inline-block;float: left;margin: 0px 15px 20px 15px;} .Payroll_Calcular .panel-body .form-group .field-validation-valid {position:absolute;} .Payroll_Calcular .panel-title > a {transition:all ease-in-out 0.5s;} .Payroll_Calcular .panel-title > a:first-child:before {content:'';width:20px;height:20px;display:block;float: right !important;/*background: url(../images/accordionDown.png) center center no-repeat;*/ background: url(../images/accordionActive.png) center center no-repeat;padding-right: 5px;} .Payroll_Calcular .panel-title > a:before {content:'';width:20px;height:20px;display:block;float: right !important;background: url(../images/accordionDown.png) center center no-repeat;/*background: url(../images/accordionActive.png) center center no-repeat;*/padding-right: 5px;} .Payroll_Calcular .panel-title > a.collapsed:before {content:'';width:20px;height:20px;display:block;float: right !important; /*background: url(../images/accordionActive.png) center center no-repeat;*/ background: url(../images/accordionDown.png) center center no-repeat; padding-right: 5px;} .paycalc_Checkbox { margin:20px} .disclaimer { font-style:italic; margin:50px 0px;} .orderH-no-records { color:#ff0000; font-size:18px; padding:10px 0px; clear:both;} .pay-info-section { width:100%; height:auto; padding:65px 0px; background-color:#f7f7f7;} .payment-sucess { text-align:center;} .payment-sucess h2 {margin-bottom:0px;} .paymentSuccesInfo { background-color:#fff; padding:15px 0px;width: 50%;margin: 30px auto;} .paymentSuccesInfo table {width: 70%;text-align: left;margin: 0px 100px;} .paymentSuccesInfo table tr td { padding:5px 0px;} .payment-failed { margin:15px 0px;} .payment-failed .pay_failIcon {padding:0px 20px 0px 0px; color:#ff0000;} .sucess-color {color:#00ab58;} .payment-failed-section { width:70%; text-align:center; margin:0px auto;} .payment-failed-section h2 {color:#f00000; margin-bottom:0px;} .paymentfailed-info { background-color:#fff; padding:30px 30px; margin:30px auto;} .paymentfailed-info p {text-align:left;} .paymentSuccessInfo table {margin:0px 100px;} .cart-error-messages {padding: 10px 40px 0px 40px;} .add-review-section { width:100%;} .add-review-section h2 {text-align:center; margin-bottom:0px;} .add-review-section h4 {text-align:center; margin-bottom:30px;} .holidaysTable { width:100%; background-color:#fff; margin:40px 0px;} .holidaysTable tr th {text-transform:uppercase; text-align:left; padding:12px 20px;} .holidaysTable tr td {text-align:left; padding:12px 20px;} /*==== cloudbackup page star here====*/ .add-details-cloud { background: url(../images/cloudbackup-addicon.png) left top no-repeat;padding-left: 80px; margin:20px 0px;} .add-details-cloud h3 { margin:0px;} .instantmail-cloud { background: url(../images/cloudbackup-instantemailicon.png) left top no-repeat;padding-left: 80px; margin:20px 0px;} .instantmail-cloud h3 { margin:0px;} .restore-cloud { background: url(../images/cloudbackup-restoreicon.png) left top no-repeat;padding-left: 80px; margin:20px 0px;} .restore-cloud h3 { margin:0px;} /***************************************************************************************************************************/ /*===========Payroll Quote page styles star here========*/ .payroll-quote-Logo { width:230px; margin:20px auto 0px auto;} .Payroll-Quote-section {width:80%;margin:0px auto;} .Payroll-Quote-section h4{ font-family: 'open_sansregular';font-size:20px;padding: 0px; margin:0px 0px 30px 0px; text-align:center;font-weight: 500;} .Payroll-quote-feilds {width:100%; float:left; font-family: 'open_sansregular';height: auto;background-color: #fdfdfd;border: 1px solid #efefef; padding: 50px 45px 50px 45px;text-align: center;/*box-shadow: 0px 0px 10px 4px #d0d0d0;*/margin-bottom: 20px;} .step1, .step2, .step3, .step4, .step5, .step6, .step7, .step8, .step9, .step10, .step11, .step12, .step13, .step14 { width: 100%;margin:0px 0px 0px 0px;height: auto; float: left;} .Payroll-quote-feilds .single-input {width:50%; margin:0px auto 15px auto; } .Payroll-quote-feilds input[type='submit'].single-btn { width:50%; margin:0px auto; background-color:#0094c7; color:#fff; padding:10px 15px; border:none;} .Payroll-quote-feilds input[type='button'].single-btn { width:50%; margin:0px auto; background-color:#0094c7; color:#fff; padding:10px 15px; border:none;} .Payroll-quote-feilds .form-group {vertical-align:top;} .Payroll-quote-feilds .form-control {} .Payroll-quote-feilds .resp-fname { margin-right:15px; display:inline-block;} .Payroll-quote-feilds .resp-lname { display:inline-block;} .basic_payroll {width: 340px;border: 1px solid #ddd;display: inline-block;margin: 15px;height: 250px; vertical-align:top;} .basic_payroll h4{font-weight:600;text-align: center;margin: 20px 0px 0px;padding: 0px;font-size: 20px;color: #333;} .basic_payroll h6{text-align: center;margin: 30px 0px 0px;padding: 0px;color: #262626;font-size: 15px; color:#00ab58; font-weight:bold;} .basic_payroll p {text-align: center;margin:20px 0px 15px;padding: 0px;font-size:18px;} .Payroll-quote-feilds input[type='button'].selectplan{background-color: #0098cb;border: none;color: #fff;border-radius: 3px;width: 232px;vertical-align: middle;text-align:center;} .Payroll-quote-feilds input[type='button'].selectplan:hover { background-color:#0a87b3;color:#fff;} .Payroll-Quote-section .Logo {margin:20px;text-align:center;} .Payroll-Quote-section .Logo img { width:220px; margin:0px auto;} .Payroll-Quote-section h1{font-family: 'montserratmedium';color:#333333;text-align:center;font-size:42px;margin: 50px 0px 0px 0px;} .Payroll-Quote-section h2{ font-family: 'open_sanslight';font-size:20px;font-weight:normal;text-align:center;color:#333333;margin: 0px 0px 35px 0px;} .InstantQuote {} .InstantQuote h1 {font-size:28px;text-align:center;font-weight:600;margin:20px 0px 20px 0px; } .InstantQuote hr {margin:0px;padding:5px 0px;border-top: 1px dashed #ddd; display:block; clear:both;} .perEmpPrice {display:block; font-size:13px; color:#808080; float:left !important;} .payquote_footer {width:100%;position:relative; top:30px; left:0;right:0; text-align:center;} .payquote_footer span { font-family: 'open_sanslight';font-size:14px; margin:0px;} .payquote_footer ul {padding:0px;} .payquote_footer ul li{ font-family: 'open_sanslight';list-style-type:none;text-decoration:none;font-size:14px;color:#000000;display:inline-block;margin:0px 5px; } .payquote_footer a {color:#333333;} .custompayrollleft {background-color:#fff;border:1px solid #ddd;height:auto; padding:15px 20px;font-size: 20px;color: #000000;} .custompayrollleft h4 {color: #00ab58;font-size: 24px;text-align: center;} .custompayrollleft p { text-align:left;} .custompayrollleft p span {float:right;} .custompayrollrighft {margin:0px;padding:0px;} .custompayrollrighft h4 { font-size: 24px;text-align: left;color: #333333;margin-bottom: 15px;} .custompayrollrighft p { font-size:14px;} .custompayroll .dot {text-align:center;margin:15px 0px 15px auto;font-size:20px; } .custompayroll {} .custompayroll p {font-size:14px;color:#333;margin:20px 0px 0px 0px;} .termscondtins p {font-size:12px;color:#333; padding-left:40px;line-height:2;} .termscondtins p:before {content:''; display:inline-block; background-color:#00a94f;width:6px;height:7px;margin:0px 15px 0px -20px;} .itemized-quote { text-align:center;} .itemized-quote h2 {margin:0px; font-weight:bold;} a.quote-call-btn { border:1px solid #ddd; padding:7px 20px; text-decoration:none; margin:10px 10px;display:inline-block;} a.quote-call-btn:hover {background-color:#f5f5f5;text-decoration:none; border:1px solid #ddd} a.quote-call-btn:active {background-color:#f5f5f5;text-decoration:none; border:1px solid #ddd} .quote-callback-btn {padding:7px 20px; background-color:#0094c7; color:#fff;margin:10px 10px; display:inline-block; border:none; outline:none;} .quote-callback-btn:hover { background-color:#0a87b3; text-decoration:none; color:#fff;} h4.callback-pop-heading { font-size:24px; color:#00ab58; text-align:left; margin:0px 0px 10px 0px;} h4.callback-pop-heading img { width:36px;} .question-error-message { width:100%; clear:both; text-align:center;} /*===========Payroll Quote page styles Ends here========*/ /*---Cloud page styles star here-----*/ ul.cloud-howit-works { width:auto; margin:0px; padding:0px;} ul.cloud-howit-works:before {content:''; width:70%; height:2px; border-top:2px dashed #a6a6a6; display:block; position: relative;bottom: -35px; margin:0px auto;} ul.cloud-howit-works li { display:inline-block; list-style-type:none; width:270px;vertical-align: top;padding: 15px;text-align: center; background: url(../images/cloudcircles-arrow.png) 260px 25px no-repeat; } ul.cloud-howit-works li:last-child {background:none;} ul.cloud-howit-works li span { font-size:24px; display:block;} ul.cloud-howit-works li i { display:inline-block; position: relative;top: -20px; background-color:#f7f7f7; border-radius:100%;} ul.Cloud-Pricings { padding:0px; margin:0px;} ul.Cloud-Pricings li { width:363px; height:227px; border:1px solid #898989; padding:20px; display:inline-block; list-style-type:none; vertical-align:top; margin:50px 20px;} ul.Cloud-Pricings li:hover {border:1px solid #898989;background-color: #f7f7f7;} ul.Cloud-Pricings li sup {font-size:20px; position:relative; top: -27px;} ul.Cloud-Pricings li span { font-size:60px; margin:20px 0px 40px 0px; display:inline-block;} ul.Cloud-Pricings li sub {font-size:20px;position:relative; top: -3px;} ul.Cloud-Pricings li i.SavingLabel { width:112px; height:112px; background-color:#368cbf; border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -webkit-border-radius:100%; position:relative; right: -70px; color: #fff; display: block;float: right;top: -250px; font-size:24px; font-style:normal; padding:30px 0px; text-align:center;} ul.Cloud-Pricings li i.SavingLabel em { display:block; font-size:20px; font-style:normal;} .log_red {color:#FF0000;} .payroll_smallbusiness {text-align-last:left;} .payroll_smallbusiness img { margin:0px 0px 15px 15px;display:block;} .payroll_smallbusiness span { font-size:18px;font-weight:600;} .desktop-payrollsoft img { margin:0px 0px 15px 15px;} /*===simplyfing payroll 5 steps===*/ ul.simplyfing-Payroll { padding:0px; margin:0px;} ul.simplyfing-Payroll li {background-color:#f5f5f5; list-style-type:none; display:block; margin-bottom:20px;} ul.simplyfing-Payroll li:hover {background-color:#e2f9ed;} ul.simplyfing-Payroll li h3 { margin:0px;color:#333;} ul.simplyfing-Payroll li p {margin:0px;} ul.simplyfing-Payroll li.enter {background: #f5f5f5 url(../images/icons/Hours.png) no-repeat 20px 25px; padding: 20px 20px 20px 120px;} ul.simplyfing-Payroll li.payperiod {background: #f5f5f5 url(../images/icons/paydate.png) no-repeat 20px 25px; padding: 20px 20px 20px 120px;} ul.simplyfing-Payroll li.calculatepay {background: #f5f5f5 url(../images/icons/calculate.png) no-repeat 20px 25px; padding: 20px 20px 20px 120px;} ul.simplyfing-Payroll li.payemployee {background: #f5f5f5 url(../images/icons/paypayroll.png) no-repeat 20px 25px; padding: 20px 20px 20px 120px;} ul.simplyfing-Payroll li.viewprint {background: #f5f5f5 url(../images/icons/viewprint.png) no-repeat 20px 25px; padding: 20px 20px 20px 120px;} ul.simplyfing-Payroll li.enter:hover, ul.simplyfing-Payroll li.payperiod:hover, ul.simplyfing-Payroll li.calculatepay:hover, ul.simplyfing-Payroll li.payemployee:hover, ul.simplyfing-Payroll li.viewprint:hover {background-color:#e2f9ed;} /*===simplyfing 1099 3 steps===*/ ul.simplyfing-1099 { padding:0px; margin:0px;} ul.simplyfing-1099 li { list-style-type:none; display:block; margin-bottom:20px;} ul.simplyfing-1099 li:hover { background-color:#d1f5f5;} ul.simplyfing-1099 li h3 { margin:0px; color:#333;} ul.simplyfing-1099 li p {margin:0px;} ul.simplyfing-1099 li.addco {background: #fff url(../images/icons/add-co-1099.png) no-repeat 30px 5px; padding: 20px 20px 20px 120px;} ul.simplyfing-1099 li.addrecipient {background: #fff url(../images/icons/add-receipients-1099.png) no-repeat 30px 5px; padding: 20px 20px 20px 120px;} ul.simplyfing-1099 li.printorefile {background: #fff url(../images/icons/print-1099.png) no-repeat 30px 5px; padding: 20px 20px 20px 120px;} ul.simplyfing-1099 li.addco:hover, ul.simplyfing-1099 li.addrecipient:hover, ul.simplyfing-1099 li.printorefile:hover { background-color:#d1f5f5;} /*===simplyfing 1095 3 steps===*/ ul.simplyfing-1095 { padding:0px; margin:0px;} ul.simplyfing-1095 li { list-style-type:none; display:block; margin-bottom:20px;} ul.simplyfing-1095 li:hover {} ul.simplyfing-1095 li h3 { margin:0px;color:#333;} ul.simplyfing-1095 li p {margin:0px;} ul.simplyfing-1095 li.addco {background: #fff url(../images/icons/add-co-1095.png) no-repeat 30px 5px; padding: 20px 20px 20px 120px;} ul.simplyfing-1095 li.addrecipient {background: #fff url(../images/icons/add-recipient-1095.png) no-repeat 30px 5px; padding: 20px 20px 20px 120px;} ul.simplyfing-1095 li.printorefile {background: #fff url(../images/icons/print-1095.png) no-repeat 30px 5px; padding: 20px 20px 20px 120px;} ul.simplyfing-1095 li.addco:hover, ul.simplyfing-1095 li.addrecipient:hover, ul.simplyfing-1095 li.printorefile:hover { background-color:#b6ddff;} .pr-features-here { font-size:20px; text-align:center;} .pr-features-here img { margin:-5px 10px 0px 0px;} .pr-features-here a { text-decoration:underline;} .mult_benfits li {background: url(../images/tickblue.png) left 5px no-repeat;list-style-type: none;padding-left: 30px;margin-bottom: 10px;} .mult_benfits p {font-size:16px;color:#333;} /*==== sitemap page style here =====*/ .sitemap-links { color:#0094c7; line-height:30px; margin-bottom:30px;} .version1099-box { padding: 0px 40px 0px 40px;font-size:17px;} .choose1099PrdVersion { /*padding:10px 0px;*/} .choose1099PrdVersion span {width: 40%;text-align: center; margin: 10px; padding:10px; border:1px solid #e3e3e3;cursor:pointer; display:inline-block;} .choose1099PrdVersion span:hover {background-color:#0094c7; border:1px solid #e3e3e3; cursor:pointer;color:#fff;} .choose1099PrdVersion span.tfpsVersion:hover {color:#0094c7; border:1px solid #0094c7; cursor:pointer;} .version1095-box { padding: 0px 40px 0px 40px;font-size:17px;} .choose1095PrdVersion { /*padding:10px 0px;*/} .choose1095PrdVersion span {width: 40%;text-align: center; margin: 10px; padding:10px; border:1px solid #e3e3e3;cursor:pointer; display:inline-block;} .choose1095PrdVersion span:hover {background-color:#0094c7; border:1px solid #e3e3e3; cursor:pointer;color:#fff;} .remove-btn { background-color:transparent; border:none; float:right;} .fa-check {color:#00a857;} #knowmore_popup, #knowmore_popup_ML, #knowmore_popup_99, #knowmore_popup_95, .carousel-control.right:hover {background-image: none;background-color:transparent;border:none;outline:none;} .no-updates-message {width: 100%;float: left;border:1px solid #368dc0; padding:20px; text-align:center; margin:60px 0px; clear:both;} .no-updates-message h3 {margin: 0px 0px 10px 0px;} ul.hrdemand { width:100%; width:50%; float:left;} ul.hrdemand li { } .mandatory::after {content:"*"; color:#ff0000; font-weight:bold; display:inline-block;} /*----- support tracking details page ----*/ .supportTract-head { border:1px solid #ddd; padding:10px; border-bottom:none;} .supportTract-head span { font-weight:bold; font-size:18px;} .supportTract-head2 {border:1px solid #ddd; padding:10px; font-size:16px;} .supportTract-head2 p span { display:inline-block;} .customerTicket { background-color:#f7f7f7; padding:50px; margin:20px 0px;} .customerTicket p { word-break:break-word;} .customerTicket h2 { font-weight:bold; text-align:left; margin:0px 0px 10px 0px;} .customerTicket p.date { margin-bottom:40px;} .support-reply-sec { border:1px solid #ddd; } .replyhead {padding:10px 40px;border-bottom:1px solid #ddd; font-size:18px; font-weight:bold; } .reply-input { margin:50px 125px;} .reply-input textarea { border:1px solid #ddd; padding:10px; width:100%; height:150px; margin-bottom:20px;} .reply-input .bluebtn { margin:20px auto 0px auto; display:block;} ::-moz-selection { /* Code for Firefox */color: white;background: #04ab5c;} ::selection {color: white;background: #04ab5c;} .tabDesp .description-soft {} .tabDesp .description-soft li {width: 50%;float:left;padding: 0px;margin: 0px 0px 10px;} /*====added on 8 Feb 2019======*/ .soft-downloads-all { height:100%; border:1px dotted #368dc0; padding:20px;float: left; margin: 40px 20px 10px 0px;} .soft-downloads-all img { width:176px; height:160px; margin-right: 20px; float:left; } .soft-downloads-all h3 { display:inline-block; margin-top:20px;} .soft-downloads-all ul {color:#368dc0; display:inline-block;} .soft-downloads-all ul li { margin:10px 0px;} /*=====cart page thumb nail show 18 Feb 19=====*/ .cart-product-show { width:457px; /*height:366px;*/} .screenshow{ width:100%;height:100%;background-color: #fff;border: 1px solid #ddd;} #show-img { width: 400px; height: 400px; overflow:hidden;} .small-img{width: 420px;height: 70px;margin-top: 40px;position: relative;left: 15px;} .small-img .icon-left, .small-img .icon-right{width: 12px;height: 24px;cursor: pointer;position: absolute;top: 0;bottom: 0;margin: auto 0;} .small-img .icon-left{transform: rotate(180deg)} .small-img .icon-right{right: 0;} .small-img .icon-left:hover, .small-img .icon-right:hover{opacity: .5;} .small-container{width: 310px;height: 70px;overflow: hidden;position: absolute;left: 0;right: 0;margin: 0 auto;} .small-container div{width: 800%;position: relative;} .small-container .show-small-img{width: 70px;height: 70px;margin-right: 10px;cursor: pointer;float: left;background-color:#fff;border:1px solid #ddd;} .small-container .show-small-img:last-of-type{margin-right: 0;} /*====cart product thumb end here */ .chooseConsultant {width: 100%;} .chooseConsultant span {width:50%;text-align: center;margin: 10px 10px 10px 0px;padding: 10px;border: 1px solid #e3e3e3;cursor: pointer;display: inline-block;font-size: 18px;color: #333333;} .chooseConsultant span:hover { color:#0094c7; border:1px solid #0094c7;} /*---products sliders----*/ .ProductSliderHome {max-width: 1100px;margin: 0 auto;} .slick-slide {margin: 0 5px;} .slick-list {margin: 0px -5px 0px -5px;} .ProductSliderHome button.slick-next {position: absolute;top: 41%;right: 20px;width: 47px;height: 75px;background: url(../images/sliderarrow-right-b.png) no-repeat !important;/* background-size: 95px;*/} button.slick-next {position: absolute;top: 41%;right: 54px;width: 47px;height: 75px;background: url(../images/sliderarrow-right-b.png) no-repeat !important;/* background-size: 95px;*/} button.slick-next:hover {background: url(../images/sliderarrowb.png) no-repeat !important;} .store_products_Slider button.slick-next {position: absolute;top: 41%;right: 0px;width: 47px;height: 75px;/*background: url(../images/sliderarrow-right-b.png) no-repeat !important;background-size: 95px;*/} button.slick-prev {position: absolute;top: 41%;left: 15px;z-index: 1;width: 47px;height: 75px;background: url(../images/sliderarrow-left-b.png) no-repeat !important; /* background-size: 95px;*/background-position-x: right;} button.slick-prev:hover { background: url(../images/sliderarrow-lefthover.png) no-repeat !important;} .slick-prev:before, .slick-next:before {font-size: 70px;color: #EA8496;line-height: inherit;font-weight: bold;} .rio-promos img {height: 324px;} /* Slider Slider */ .slick-slider{position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .slick-track{position: relative;top: 0;left: 0;display: block;} .slick-track:before, .slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left;height: 100%;min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide {display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} /* Arrows */ .slick-prev, .slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;margin-top: -10px;padding: 0;cursor: pointer;color: transparent;border: none;outline: none;background: transparent;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent;outline: none;background: transparent;} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: .25;} .slick-prev:before, .slick-next:before{font-family: 'slick';font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .slick-prev{left: -25px;} [dir='rtl'] .slick-prev{right: -25px;left: auto;} .slick-prev:before{content: '';} [dir='rtl'] .slick-prev:before{content: '';font-weight: bold;font-size: 20px;} .slick-next{right: -25px;} [dir='rtl'] .slick-next{right: auto;left: -25px;} .slick-next:before{content: '';} [dir='rtl'] .slick-next:before {content: '';} /* Dots */ .slick-slider{margin-bottom: 30px;} .slick-dots {position: absolute;bottom: -45px;display: block;width: 100%;padding: 0;list-style: none;text-align: center;} .slick-dots li {position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;} .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;} .slick-dots li button:hover, .slick-dots li button:focus {outline: none;} .slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1;} .slick-dots li button:before {font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button:before {opacity: .75;color: black;border:none;outline:none;} .slick-current { border:none; outline:none;} .slick-slide { border:none; outline:none;} /*---product slider end here----*/ p.trial-loading { margin:0px; text-align:center;} p.trial-loading img { width:auto; height:15px;} /*======offline and online consultant flow page =====*/ .offlineOnline-Consultant {width:830px; margin:100px auto 0px auto;} .offlineOnline-Consultant h3 {text-align:center; font-size:30px;} .online-consultant {} .online-consultant i {width:70px; height:57px; display:block; text-align:center; margin:20px auto;} a.online-btn { display:block; padding:7px; text-align:center; color:#0094c7; font-size:18px; border:1px solid #0094c7; background-color:#fff; margin:30px 0px 30px 0px; text-decoration:none;} a.online-btn:hover {background-color:#0094c7;color:#fff;text-decoration:none;border:1px solid #0094c7;} a.online-btn:active {background-color:#0094c7;color:#fff;text-decoration:none;border:1px solid #0094c7;} .offlineOnline-Consultant i.tick-icon {width:63px; height:63px; display:block; margin:15px auto;} .thankyou-existing-Consultant { width:auto; text-align:center; margin:50px 0px 15px 0px;} .renew-thanq { width:450px; margin:0px auto; text-align:left;} .renew-thanq i {width:63px; height:63px; display:block; margin:15px auto;} .backtoPayrollQuotes { border-top:1px solid #ddd; margin-top:30px; text-align:center;} .backtoPayrollQuotes a { font-size:12px; margin:30px 20px 0px 20px; text-decoration:none; display:inline-block; color:#333; padding:5px 10px; border:1px solid #ddd; background-color:#f5f5f5; border-radius:3px; } .backtoPayrollQuotes a:hover {background-color:#ddd; color:#333;} /*=====instant payroll=====*/ .answer-radio {display: block;position: relative;padding:8px 12px 8px 35px;margin-bottom: 12px;cursor: pointer;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-align:left;background-color:#e6e6e6;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;font-weight:600;} .answer-radio:hover { background-color:#93d7b3;} .activelabel { background-color:#93d7b3;} .inactivelabel { background-color:#e6e6e6;} /* Hide the browser's default radio button */ .answer-radio input {position: absolute;opacity: 0;cursor: pointer;} /* Create a custom radio button */ .checkmark {position: absolute;top: 9px;left: 7px;height: 20px;width: 20px;border:1px solid #898989;border-radius: 50%;background-color:#fff;} /* On mouse-over, add a grey background color */ .answer-radio:hover input ~ .checkmark {border:1px solid #00ab58;position: absolute;top: 9px;left: 7px;height: 20px;width: 20px;} /* When the radio button is checked, add a blue background */ .answer-radio input:checked ~ .checkmark {border:1px solid #00ab58;} .answer-radio input:checked ~ label {background-color:#93d7b3;} input[type="radio"]:checked + .answer-radio {background-color: #93d7b3;} /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark:after {content: "";position: absolute;display: none;} /* Show the indicator (dot/circle) when checked */ .answer-radio input:checked ~ .checkmark:after {display: block;} /* Style the indicator (dot/circle) */ .answer-radio .checkmark:after {top: 5px;left: 5px;width: 8px;height: 8px;border-radius: 50%;background: #00ab58;} .q-next-buttons { width:100%; float:left; text-align:center; margin-top:30px;} .btn-continue { background-color:#00ab58; color:#fff; padding:8px 15px; font-size:14px; border:1px solid #00ab58; outline:none;} .btn-continue:hover { background-color:#019b50;} .q-next-buttons a { display:inline-block; color:#333; margin-top:20px;} /*===cart cd or cd series help icon tooltip*/ .tooltip {position: relative;display: inline-block;font-size: 20px; opacity: inherit; z-index:6;} .tooltip i {color:#0094c7; font-size: 16px;position: relative;top: -2px;} .tooltip .tooltiptext {visibility: hidden;width: 540px;background-color: #368cbf;color: #fff;text-align: left;padding: 20px 10px;font-size:14px; line-height:24px; position: absolute;z-index: 1;bottom: 113%;left: 0%;margin-left: -262px;opacity: 0;transition: opacity 0.3s;} .tooltip .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #368cbf transparent transparent transparent;} .tooltip:hover .tooltiptext {visibility: visible;opacity: 1;} /*===cart cd or cd series help icon tooltip2*/ .tooltip2 {position: relative;display: inline-block;font-size: 20px; opacity: inherit; z-index:6;} .tooltip2 i {color:#0094c7; font-size:20px;} .tooltip2 .tooltiptext2 {visibility: hidden;width: 250px !important;background-color: #368cbf;color: #fff;text-align: left;padding: 20px 10px;font-size:14px; line-height:24px; position: absolute;z-index: 1;bottom: 113%;left: 0%;margin-left: -118px;opacity: 0;transition: opacity 0.3s;} .tooltip2 .tooltiptext2::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #368cbf transparent transparent transparent;} .tooltip2:hover .tooltiptext2 {visibility: visible;opacity: 1;} /*===cart platform help icon tooltip3*/ .tooltip3 {position: relative;display: inline-block;font-size: 20px; opacity: inherit; z-index:0;} .tooltip3 i {color:#0094c7; font-size:16px; position:relative; z-index:1;} .tooltip3 .tooltiptext3 a {font-weight:bold; border-bottom:1px dashed #fff; display:inline-block;color:#fff; text-decoration:none;} .tooltip3 .tooltiptext3 {visibility: hidden;width: 540px !important;background-color: #368cbf;color: #fff;text-align: left;padding: 20px 10px;font-size:14px; line-height:24px; position: absolute;z-index: 1;bottom: 113%;left: 0%;margin-left: -118px;opacity: 0;transition: opacity 0.3s;} .tooltip3 .tooltiptext3::after {content: "";position: absolute;top: 100%;left: 23%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #368cbf transparent transparent transparent;} .tooltip3:hover .tooltiptext3 {visibility: visible;opacity: 1;} .cmp-phn, .phn-ext { padding:0px;} .cannotpurchase {padding: 10px 10px;display: block;border-radius: 5px;} /*-------new styles--------*/ .hdbar{background-color: rgb(0, 171, 88);color: rgb(255, 255, 255);display: block;text-align: center;padding: 8px 0;/*font-size: 25px;*/ font-size: 14px; font-weight: bold;} .hdbarbtn{ padding: 5px 10px;border: 1px solid #fff !important;color: #fff; display: inline-block;margin: 0 10px; font-size: 14px;} .hdbarbtn:hover {background-color: #00904a; text-decoration:none;padding: 5px 10px;border: 1px solid #fff;color: #fff; display: inline-block;margin: 0 10px; font-size: 14px;} .hdbarbtn:focus, .hdbarbtn:visited, .hdbarbtn:active{background-color: #00904a; text-decoration:none;padding: 5px 10px;border: 1px solid #fff;color: #fff; display: inline-block;margin: 0 10px; font-size: 14px;} .hdbarbtn span{color: rgb(255, 255, 255);font-size: 14px; font-weight:bold;} .closehdbar {float: right; padding: 5px; color: #fff !important; text-decoration:none;position:relative;top:-10px;} .closehdbar:hover {float: right; padding: 5px; color: #fff !important; text-decoration:none;} .hdbar i {display: inline-block;font-size: 20px;margin-right: 20px;color:#fff;position: relative;top: 3px;} .cloudInfo-i {/*margin-left:5px;*/ display:inline-block; /*position:absolute;*/ color:#0094c7; cursor:pointer;} /*=====marketing compaign landing page styler here=======*/ .compaign-logo { text-align:center; background-color:#f2fbf6; padding:15px 0px;} .compaign-logo a{ width:250px; margin:0px auto; display:block;} .compaign-logo a img { width:100%;} .holiday-banner {} .holiday-container { width:1280px; margin:0px auto; padding:0px 15px;} ul.holiday-sale-pro { margin:0px; padding:0px;} ul.holiday-sale-pro li {width:297px; height:auto; border:1px solid #ddd; display:inline-block; text-align:center; margin:0px 15px 15px 0px; vertical-align:top;} ul.holiday-sale-pro li:last-child {margin:0px 0px 0px 0px;} ul.holiday-sale-pro li h3 { margin:10px 0px 0px 0px; font-size:22px; font-weight:bold;} ul.holiday-sale-pro li span {font-size:12px;color:#444444; margin:0px 0px 20px 0px; display:block;} ul.holiday-sale-pro li p {margin:0px} ul.holiday-sale-pro li p.start {margin:0px;font-size:18px; color:#0094c7; margin:20px 0px 10px 0px;} ul.holiday-sale-pro li p.price {margin:0px;font-size:28px; color:#0094c7;margin:0px 0px 10px 0px;font-weight:bold;} ul.holiday-sale-pro li p.saveprice {margin:0px;font-size:18px; color:#333;margin:0px 0px 10px 0px;} ul.holiday-sale-pro li a img {margin:30px auto 0px auto;} a.holiday-order-btn { background-color:#00b052; font-size:16px; color:#fff; text-align:center; padding:10px; display:block; margin:20px 30px 50px 30px;} a.holiday-order-btn:hover { background-color:#009d49; color:#fff; text-decoration:none;} a.holiday-order-btn:active { background-color:#009d49; color:#fff !important; text-decoration:none;} ul.holiday-sale-pro li:hover { border:1px solid #00b052; background-color:#f7f7f7;} .best-deal {border:1px solid #00b052; text-align:center; margin:0px 0px 20px 0px;} .best-deal:hover {border:1px solid #00b052; /*background-color:#f8f8f8;*/} .best-deal i {margin:-2px 0px 20px 0px; display:block;} .price-box {display:inline-block;width:250px;} .price-box span { display:block; text-align:center;} .price-box span:nth-child(2n+1) {font-size:18px; color:#0094c7;} .price-box span:nth-child(2n+2) {font-size:28px; color:#0094c7; font-weight:bold;} .price-box span:nth-child(2n+3) {font-size:18px; color:#333;} .holiday-pr-ban { font-size:22px; font-weight:bold; } .holiday-pr-ban span {font-size:64px; display:block;} .holiaysale-pr-price {width:100%; border:1px solid #00ab58; padding:20px;float:left; margin:30px 0px 20px 0px;} .holiaysale-pr-price img {width:120px;} .holiaysale-pr-price h3 {font-weight:bold;} .promo-modal { text-align:center;} .promo-heading {font-size:18px; text-align:center; display:block;} .promo-modal h2 {margin-bottom:10px;} .promo-box {padding:10px; margin:15px 0px;border: 2px dashed #ddd;} .promo-code-title { font-size:14px; text-transform:uppercase;font-weight: bold; letter-spacing: 1px;} .promo-box p {font-size:14px;color:#898989; padding:0px;line-height: 20px;} .promo-box a {padding:0px; margin:0px; font-size:14px; cursor:pointer;} .promo-box input { width:120px; height:44px; border:1px solid #ddd; padding:5px 10px; margin-bottom:15px;} .promo-box input:focus { outline:none;} .promo-box .copy { height:44px; padding:10px 20px; background-color: #00ab58;color: #fff;font-size: 14px; display:inline-block; cursor:pointer; margin-bottom:15px; vertical-align:top;} .promo-avail {border-bottom:2px dashed #00ab58 !important; font-size:16px;background-color: transparent; outline:none; border:none; padding:0px;} .promo-avail:hover {color:#00ab58;} /*====promo offer page for search engine purpose======*/ .promo-offers-sec, .promo-offers-seccon { width:100%; float:left; border:1px solid #ddd; padding:20px; text-align:left; margin:30px 0px;} .promo-offers-sec h2 {text-align:left; margin-bottom:10px;} .promo-offers-sec h3 {text-align:left; margin-bottom:10px; font-weight:bold;} .promo-offers-sec span.gift { width:100px; height:100px; display:inline-block; margin-right:30px; float:left;} .promo-offers-sec, .promo-offers-seccon span.gift img {width:100%;} .promo-offers-sec, .promo-offers-seccon .coupon { border:1px dashed #000; padding: 7px 0px 7px 10px; margin-bottom:20px; display:inline-block; border-radius:5px;} .promo-offers-sec, .promo-offers-seccon .coupon strong {text-transform:uppercase; letter-spacing:1px;} .promo-offers-sec, .promo-offers-seccon .coupon img { position:relative; right:-8px;} .promo-offers-sec, .promo-offers-seccon .offer-order-btn { background-color:#00b052; font-size:16px; color:#fff; text-align:center; padding:5px 30px; display:inline-block; margin-top:20px;} .promo-offers-sec, .promo-offers-seccon .offer-order-btn:hover { background-color:#009d49; color:#fff; text-decoration:none;} .promo-offers-seccon h3 {text-align:center; margin-bottom:10px; font-weight:bold;} .promo-offers-seccon span.gift { width:100px; height:100px; display:inline-block; margin-right:30px; float:right;} .offers-terms {font-size:12px; text-align:left; width:100%; float:left; margin-top:50px;} .offers-terms p {font-size:12px;line-height:20px; margin:0px;} .offers-terms p:first-child {font-weight:bold;} /*===offer closed===*/ .offer-closed {padding:15px; color:#f00; font-size:42px; text-align:center;width: 100%;} .offer-closed span {display:block;} /*==National Payroll Week offer ==*/ .npwoff-btn { border:1px solid #00ab58 !important; padding:8px 50px; color:#fff !important;background-color: #00ab58; margin:0px 20px;} .npwoff-btn:hover { background-color: #00904a !important; color:#fff !important;padding:8px 50px;border:1px solid #00904a !important; text-decoration:none;margin:0px 20px;} .npw-content {width: 100%;float: left; border:1px solid #00a959; padding:15px 50px;margin:30px 0px 20px 0px;clear: both;} .npw-content img { margin:-90px 0px 0px 20px;} .npw-order-btn {border:1px solid #00a959 !important; padding:8px 40px; color:#fff !important;background-color: #00a959; margin:8px 0px; display:inline-block; font-size:20px;} .npw-order-btn:hover { background-color:#00ab58; text-decoration:none;} .affix .npw-content {margin:70px 0px 20px 0px;} /*==== 64-bit tool tips hide and show ====*/ .pr-tooltip {} .ml-tooltip {display:none;} .ten9-tooltip {display:none;} .ten5-tooltip {display:none;} .windows-bits{ width:45%; float:left;} .windows-bits .w-bit-32, .w-bit-64 { width:30%; display:inline-block; border: 1px solid #ddd;text-align: center;padding: 5px;margin: 0px 10px;} .windows-bits .w-bit-32:hover, .w-bit-64:hover { background: #0094c7; cursor: pointer; color: #fff; border: 1px solid #e3e3e3;} .mac-bits { width:45%; float:right;} .mac-bits .m-bit-32, .m-bit-64 { width:30%; display:inline-block; border: 1px solid #ddd; text-align: center;padding: 5px;margin: 0px 10px;} .mac-bits .m-bit-32:hover, .m-bit-64:hover { border:1px solid #0094c7; cursor:pointer;} .bit {font-style: normal;display: inline-block;float: left;} .count-downloads {width: 20px !important;height: 20px;display: inline-block;background-color: #368dc0;border-radius: 100%;color: #fff;text-align: center;padding: 0px !important;font-size: 14px;margin-left: 8px;} .ProductDownload i {color:#d0d0d0; font-size:14px; margin:15px 5px 0px 5px;} .bit-divider {width: auto !important;margin: 0px 10px;/*float: none !important;*/vertical-align: top;} /*== Cloud Payroll pages 28 Jan 2021 ===*/ .payrollcloudbannerfull {width:100%; height:auto; } .cloud-bannercontentfull {padding: 70px 0px 70px 0px; text-align:left;} .cloud-bannercontentfull h1{ font-size:42px; color:#00ab58;text-align:left; font-weight:bold;} .cloud-bannercontentfull p {color: #000;text-align: left; margin:0px; font-size:18px; } .cloud-bannercontentfull p.insurance {color:#0291c4;font-size:18px; font-weight:bold;} .payroll-cloud-ribbon2 {width: 100%;height: auto;padding: 82px 0px; color:#fff; } .payroll-cloud-ribbon2 i { float:left; margin-left:60px;} .payroll-cloud-ribbon2 h1 {color:#fff; text-align:left; font-size:34px;font-family: 'open_sanslight';} .payroll-cloud-ribbon2 h3 { color:#fff; text-align:left;font-size:18px;} .payroll-cloud-ribbon2 .cta-heading { color: #333; text-align: left; font-size: 30px; /*font-family: 'montserratregular';font-weight: bold;*/ } .payroll-cloud-ribbon2 .cta-subheading { color: #000000; text-align: left; font-size: 18px; /*font-family: 'montserratregular'; */font-weight: 400;} .savebig p { margin-left:30px;} .savebig ul { list-style-type:none; padding-left:30px;} .savebig ul li {line-height:30px;} .savebig ul li i {color:#333; margin-right:10px;} .payrollcloudbannerself {width:100%; height:auto; } .cloud-bannercontentself {padding: 20px 0px 70px 0px; text-align:left;} .cloud-bannercontentself h1{ font-size:36px; color:#333;text-align:left; font-weight:400;} .cloud-bannercontentself p {color: #000;text-align: left; margin-bottom:25px; font-size:18px; } .cloud-bannercontentself ul {list-style-type: none;padding: 0px;margin-bottom: 30px;} .cloud-bannercontentself ul li {display: block;margin: 5px 0px;font-size: 16px;} .cloud-bannercontentself p.insurance {color:#0291c4;font-size:18px; font-weight:bold;} .cloud-bannercontentself img {margin-top:40px;} .cloud-bannercontentself .join { width: 45%;text-align: center;margin-top: 20px;} .cloud-bannercontentself p.twoversions { margin-top:30px;text-align:center;} .cloud-bannercontentself p.twoversions a {color:#0094c7;} .cloud-bannercontentself p.twoversions a:hover {color:#0094c7;text-decoration:none;} .cloud-bannercontentself .whitebtn2 {background-color:#00ab58; border:1px solid #00ab58 !important;} .cloud-bannercontentself .whitebtn2:hover {background-color:#00904a !important; border:1px solid #00904a !important;} .emp-count { width:80%; border:1px solid #ddd; background-color:#fff; padding:40px 0px 40px 0px; text-align:center; margin:0px auto;border-radius: 15px;} .emp-count div span { font-size: 47px; color:#0094c7; } .emp-count p {margin:0px;} .emp-count .baseprice { color:#0094c7; font-size:50px;margin-bottom: 20px; } .emp-count .perEmp {font-size:14px;color:#999} .ui-slider-horizontal {height: 0.8em;background-color: #ffffff;} .progress { height:10px; border-radius: 0px !important; margin: 30px 0px !important; } .progress .one { position:absolute;margin-top:-11px;height:32px;width:32px;border-radius:25px;background-color:#fff;border: 1px solid #00ab57;} .progress .one span { color:#00ab58;} .progress-bar { width: 20%; background-color:#00ab58 !important;} .ui-slider-range-min{background:#00ab58;height:10px}.ui-slider .ui-slider-handle{position:absolute!important;z-index:2!important;width:30px!important;height:30px!important;cursor:pointer!important;margin:0 0 auto!important;text-align:center!important;line-height:25px!important;color:#000!important;font-size:12px!important;border:1px solid #333;border-radius:50%}p.dragtext{color:#a0a0a0;text-align:center;margin-top:40px;font-size:24px}.ui-slider .ui-slider-handle label{color:#00ab58;font-size:14px;display:block;text-align:center;padding-top:0px; font-weight:bold;}.ui-slider .ui-slider-handle a:hover{text-decoration:none; }.ui-slider .ui-slider-handle label span{font-size:12px;color:#a0a0a0;font-weight:400;display:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider-horizontal .ui-slider-handle{top:-10px!important;margin-left:0!important}.ui-state-default,.ui-widget-content .ui-state-default{background:#fff!important; border:2px solid #00ab58 !important;}.ui-slider-horizontal{height:.8em}.ui-widget-content{border:1px solid #efebeb!important;background:#f9f9f9;color:#222}.ui-slider a,.ui-slider a:focus{cursor:pointer;outline:0}.ui-slider-label-inner{width:40px; height:40px; border-left:0 solid transparent;border-right:0 solid transparent;border-top:0 solid #368dc0;display:block;position:absolute;left:0;top:0; z-index:99}.price-slider{width:100%;margin:0px auto;}.sliderbtns{text-align:center;margin:30px 0px 20px 0px} a.getstart-btn{background-color:#00ab58; color:#fff;border:1px solid #00ab58;font-size: 15px;padding: 5px 20px;} a.getstart-btn:hover{background-color:#00904a; color:#fff;border:1px solid #00904a;font-size: 15px;padding: 5px 20px; text-decoration:none;} .pr-contact-btn{background-color:#00ab58; color:#fff;border:1px solid #00ab58;font-size: 15px;padding: 5px 20px;} a.pr-contact-btn{border:1px solid #00904a;padding:5px 20px;color:#fff} a.pr-contact-btn:hover{background-color:#00904a;color:#fff;border:1px solid #00904a; text-decoration:none;} .pr-contact-btn:hover, .pr-contact-btn:focus {background-color:#00904a; color:#fff;border:1px solid #00904a;} .slide-part { margin-top:30px; text-align:center;} .ui-slider-handle:hover .ui-state-default:hover .ui-corner-all:hover {background-color:#00ab58; color:#fff;text-decoration:none;} a.ui-state-hover {background-color:#00ab58; color:#fff; text-decoration:none;} .cta-ribbon-btn-cloud { margin: 20px 0px; padding: 10px 30px; display: inline-block; font-size: 19px; background-color: #00ab58; color: #fff !important;border: 1px solid #00ab58; text-decoration: none;} .cta-ribbon-btn-cloud:hover {background-color: #00904a; color: #fff;text-decoration:none;} .panel-title a { display:block; font-size:18px; font-weight:500;} /*****************Cloud Payroll Overview page index Starts Here ************************************/ .payrollcloudbanner {width:100%; height:auto; } .cloud-bannercontent {padding: 70px 0px 70px 0px; text-align:left;} .cloud-bannercontent h1{ font-size:42px; color:#00ab58;text-align:left; font-weight:bold; margin:0px;} .cloud-bannercontent p {color: #000;text-align: left; margin-bottom:25px; font-size:18px;margin-top:15px; } .cloud-bannercontent p.insurance {color:#0291c4;font-size:18px; font-weight:bold;} .pr-affprices {background-color: #fff;border: #fff;border:1px solid #ddd;} .cloud_file2 {background-color: #00ab58;color: #fff; margin: 0px;padding: 6px;} .cloud_file2 h4 {color:#fff;font-size:18px;text-align:center;} .cloud_file {padding:10px 30px 30px 30px} .cloud_file .tryit-btn {border: 1px solid #00ab58;padding: 5px 13px;color: #fff;background-color: #00ab58; display:block;text-align:center;} .cloud_file .tryit-btn:hover{ text-decoration:none; background-color:#00904a;} .cloud_file h4 {font-size: 18px;font-weight: bold;padding-top: 10px;} .cloud_file ul {text-decoration: none;list-style-type: none;padding:0px 0px 0px 0px; height:auto;} .cloud_file ul li {padding-top: 7px;padding-left: 25px;background: url(../images/tickroundgreen.png)no-repeat left 70%;} .payroll-cloud-ribbon {width: 100%;height: auto;padding: 80px 0px; color:#fff;border-top: 1px solid #ddd; } .payroll-cloud-ribbon i { float:left; margin-left:60px;} .payroll-cloud-ribbon .cta-heading {color:#00ab58; text-align:left; font-size:30px; font-family: 'montserratregular'; font-weight:bold;} .payroll-cloud-ribbon .cta-subheading { color:#000000; text-align:left;font-size:18px; font-family: 'montserratregular'; font-weight:400} /*****************Cloud Payroll Overview page index Ends Here ************************************/ /*fullservices*/ .intergrationContent ul{ text-align: left !important; list-style-type:none;} .intergrationContent ul li { display: list-item !important;} .box { width:540px; display:table; } .box .box-row { display:table-row; } .box .box-cell { display:table-cell; width:50%; padding:10px; } .box .box-cell.box1 { text-align:justify; border: 1px solid #ddd; } .box .box-cell.box2 { text-align:justify; border: 1px solid #ddd;} .box .box-cell.box1 ul, .box .box-cell.box2 ul { list-style: none; padding: 0px;} .box .box-cell.box1 ul li, .box .box-cell.box2 ul li { padding: 0px 10px; } /*self service*/ .cloud-self-ul {text-align:left !important; padding:0;} .cloud-self-ul li {display:block !important;} .cloud-self-reports-ul { display:block;text-align:left !important; padding:0px; display:inline-block; list-style-type: none;width:49% !important;border:1px solid #ddd; vertical-align:top;} .cloud-self-reports-ul li { display:block; float:left !important; margin:5px 0px;} .cloud-self-reports-ul li:focus {} .cloud-self-reports-ul li span {display:block;margin: 7px 0px;} .cloud-self-reports-ul li span i {color:#333;font-size:12px;} .reports-self {display:inline-block; width:48%; border:1px solid #ddd; vertical-align:top;} .reports-self span {display:block;margin:7px 10px;} /*customer support feedback 2 Dec 2021*/ .Cust-Supportfeedback { background-color:#fff; padding:30px 40px} .Cust-Supportfeedback .thanksupport {color:#0865ad;float:left;} .Cust-Supportfeedback .s-month{float:right; font-size:12px;} .Cust-Supportfeedback .support-rating { clear:left; } /*signature for ups*/ .sign-UPS { border-top:1px solid #ddd;padding: 15px 0px 0px 0px; clear:both; margin-top:15px;} .label-static { background-color: #fff;padding: 0px 5px;position: absolute;top: -9px;left: 27px; font-weight:normal;} legend {width: auto; padding: 0px;margin: 0px;border: none;background-color: #fff;position: relative;top: 10px;left: 19px;font-size: 12px !important;padding: 0px 5px !important;box-shadow:none !important;} /***********Input trial **************/ .star:after {content: '*';display: inline-block;color: #F00;font-weight: bold !important;} /***********************label trial form onkey*****************************************/ .searchformfld label{position: absolute !important; top:9px !important; padding-left: 10px;font-size: 13px;color:#333 !important;/*font-family: 'open_sansregular';*/pointer-events:none;font-weight:normal;} .searchformfld input:focus + label,.searchformfld input:not(:placeholder-shown) + label{transform: scale(.9) translateY(-100%) translateX(-10px); position: absolute; top: 7px;left: 33px;padding: 0px 5px 0px 0px;background-color: #fff;font-size: 13px;color:#333 !important;font-weight:normal;} .searchformfld input:focus{border:1px solid #000;outline-color: #000;} .searchformfld input{width:100%;padding-left: 10px;} /*textarea*/ .searchformfld label,.searchformfld textarea{transition: all 0.2s;transition-timing-function: ease;transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);} .searchformfld textarea:focus + label,.searchformfld textarea:not(:placeholder-shown) + label{transform: scale(.9) translateY(-100%) translateX(-10px); position: absolute; top: 7px;left: 33px;padding: 0px 5px 0px 0px;background-color: #fff;font-size: 13px;color:#333 !important;font-weight:normal;} .searchformfld textarea:focus{border:1px solid #000;outline-color: #000;} .searchformfld textarea{width:100%;padding-left: 10px;} .searchformfld label,.searchformfld textarea{transition: all 0.2s;transition-timing-function: ease;transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);} /************************2023 Chnages trial Forms* Ends Here*******************************************************/ /*migrate to online payroll*/ .migrateformleft {margin-top:30px;} .migrateformleft p i.fa-check {color:#0094c7; margin-right:10px;} .mig-formbox {margin-top:30px;border:2px solid #0094c7; border-radius:10px;} .mig-formbox h3 {background-color:#0094c7;color:#fff !important; padding:5px 10px; margin:0px; text-align:center;} .mig-formbox form {padding:20px;} .migformfld{position: relative;} .migformfld label{position: absolute; top:12px;left:10px; padding-left: 10px;font-size: 13px;color:#333 !important;font-family: 'open_sansregular';pointer-events:none;font-weight:normal;} .migformfld input:focus + label,.migformfld input:not(:placeholder-shown) + label{transform: scale(.9) translateY(-100%) translateX(-10px); top:9px; left:15px; padding: 0px 5px 0px 0px;background-color: #fff;font-size: 13px;color:#333 !important;font-weight:normal;} .migformfld input:focus{border:1px solid #0094c7;outline-color: #0094c7;} .migformfld input{width:100%;padding-left: 10px;} .btn-migrate{background-color:#0094c7;width:100%;height:auto; padding:7px 10px; border:1px solid #0094c7;color:#fff;} .btn-migrate:hover{background-color:#368dc0; border:1px solid #368dc0; } .happy-cust-name {color:#0094c7; font-weight:bold; margin-top:20px; display:inline-block;} ul.threeStepsOnline {list-style-type:none; width:auto; text-align:center;padding:0px;} ul.threeStepsOnline li {width:300px; height:auto; display:inline-block; background-color:#f2fbf6;padding:40px 30px;margin:25px; text-align:center;vertical-align:top;} ul.threeStepsOnline li:hover {background-color:#e4fbee;} ul.threeStepsOnline li i {display:block; margin:20px auto;width: 112px;height: 88px;} ul.threeStepsOnline li img {} ul.threeStepsOnline li span { display:block; font-size:18px; font-weight:bold;margin: 20px 0px;} ul.benifits-online-payroll {list-style-type:none;} ul.benifits-online-payroll li { display:block;margin:10px 0px;} ul.benifits-online-payroll li i {margin: 5px 10px 0px -20px; display:inline-block;color:#0094c7;height: 40px;float: left;} /*-------payroll new design-----*/ .green-sec {width:100%; height:auto; padding:55px 0px; background-color:#f2fbf6; border-radius:15px;text-align:center;} .green-sec p.heading {margin-bottom: 40px;text-align: center;color: #333;font-weight: normal; font-size: 30px;font-family: 'montserratmedium';line-height: 40px;} .green-sec ul {list-style-type:none; text-align:center; padding:0px;} .green-sec ul li {display:inline-block; margin:10px 30px;} .green-sec h2 {padding-bottom:20px;} .payroll-steps {width:275px; height:335px; background-color:#fff; padding:25px 15px; display:inline-block;border:1px solid #ddd; text-align:center;position:relative; margin:20px 30px;vertical-align: top;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);} .payroll-steps span {background-color:#00ab58; font-size:30px; color:#fff; padding:0px 15px; position:absolute; top:-20px; left:-20px; border-top-left-radius:5px;border-bottom-right-radius:10px;} .payroll-steps img {margin:20px 0px;} .payroll-steps h3{font-size:18px; font-weight:bold; } .payroll-steps:hover {border-bottom:7px solid #00ab58; transition:linear; transition-delay:initial;} .payroll-steps:hover h3 {color:#368dc0 !important} .payroll-steps:hover span {transform: rotate(45deg);transition-duration: 2s; transition-delay: 1s; transition: all .5s;} .ml-steps {width:275px; height:335px; background-color:#fff; padding:25px 15px; display:inline-block;border:1px solid #ddd; text-align:center;position:relative; margin:20px 30px;vertical-align: top;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);} .ml-steps span {background-color:#0291c4; font-size:30px; color:#fff; padding:0px 15px; position:absolute; top:-20px; left:-20px; border-top-left-radius:5px;border-bottom-right-radius:10px;} /*.ml-steps img {margin:20px 0px;}*/ .ml-steps h3{font-size:18px; font-weight:bold; } .ml-steps:hover {border-bottom:7px solid #0291c4; transition:linear; transition-delay:initial;} .ml-steps:hover h3 {color:#0291c4 !important} .ml-steps:hover span {transform: rotate(45deg);transition-duration: 2s; transition-delay: 1s; transition: all .5s;} h4.benfit-head-ml {font-size:18px; font-family: 'montserratregular';margin: 30px 0px 0px 0px;font-weight:bold;} h4.benfit-head-ml i {padding-left:10px;} .benfit-head-ml .fa-check{color:#0291c4;} h4.benfit-head {font-size:18px; font-family: 'montserratregular';margin: 30px 0px 0px 0px;font-weight:bold;} h4.benfit-head i {padding-left:10px;} p.benfit-desc {padding:0px 0px 0px 30px;} .mt-1{margin-top:10px;} .mt-2{margin-top:20px;} .mt-3 {margin-top:30px;} .mt-5 {margin-top:50px;} .mt-7 {margin-top:70px;} .mt-150 {margin-top:150px;} .ml-1{margin-left:10px;} .ml-15p{margin-left:15px;} .bg-dotted-line { width:1332px; height:994px; margin:0px auto; background:url(../images/line-dotted-1.png)no-repeat;} .enterprise-pic { margin:190px 0px 0px 0px;} /*box hover effect*/ .process-unEmpOutLine {width:342px; height:328px; background-color:#fff;margin:10px 10px 10px 10px; display:inline-block;position: relative; } .process-unEmpOutLine::before, .process-unEmpOutLine::after{content:"";width: 0;height: 3px;position: absolute;transition: all 0.9s linear;background: #00ab58;} .process-unEmpOutLine:hover::before, .process-unEmpOutLine:hover::after{width: 100%;} .process-unEmpOutLine:hover .process-unEmp::before, .process-unEmpOutLine:hover .process-unEmp::after{height: 100%;} .process-unEmp {width:342px; height:328px; background-color:#fff; padding:20px; border:1px solid #ddd; display:inline-block; text-align:center; vertical-align:top;} .process-unEmp::before, .process-unEmp::after{content:"";width:3px;height:0;position: absolute;transition: all 0.9s linear;background: #00ab58;} .process-unEmpOutLine::before, .process-unEmpOutLine::after{transition-delay: 0s;} .process-unEmpOutLine .process-unEmp::before, .process-unEmpOutLine .process-unEmp::after{transition-delay: 0.9s;} .process-unEmpOutLine::before{right: 0;top: 0;} .process-unEmpOutLine::after{left: 0;bottom: 0;} .process-unEmpOutLine .process-unEmp::before{left: 0;top: 0;} .process-unEmpOutLine .process-unEmp::after{right: 0;bottom: 0;} .process-unEmpOutLine:hover::before, .process-unEmpOutLine:hover::after{transition-delay: 0s;} .process-unEmpOutLine:hover .process-unEmp::before, .process-unEmpOutLine:hover .process-unEmp::after{transition-delay: 0.9s;} .process-unEmp h3.heading2 {text-align: center;color: #333;font-weight: bold; font-size: 18px;font-family: 'montserratmedium';margin:10px 0px 10px 0px;} .more-btn {color:#0094c7;border:none; background-color:transparent; margin-top:50px;} .more-btn i {color:#0094c7; display:block;} .less-btn {color:#0094c7;border:none; background-color:transparent; margin-top:50px;} .less-btn i {color:#0094c7; display:block;} .moreless-button {color:#0094c7;border:none; background-color:transparent; margin-top:50px;} .moreless-button i {color:#0094c7; display:block;} .uparrow:after{font-family:'fontawesome';content:'\f077';display:block;} .downarrow:after{font-family:'fontawesome';content:'\f078';display:block;} .morediv {margin-top:50px;} .Payroll-for { width:170px; height:160px; padding:20px; background-color:#f7f7f7; border:1px solid #ddd; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); display:inline-block;-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);border-top-left-radius:30px;border-bottom-right-radius:30px; margin:20px;vertical-align:top;text-align:center;} .Payroll-for2 { width:170px; height:160px; padding:20px; background-color:#f7f7f7; border:1px solid #ddd; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); display:inline-block;-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);border-top-left-radius:30px;border-bottom-right-radius:30px; margin:70px 20px 20px 20px; vertical-align:top; text-align:center;} .Payroll-for3 { width:170px; height:160px; padding:20px; background-color:#f7f7f7; border:1px solid #ddd; display:inline-block; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);border-top-left-radius:30px;border-bottom-right-radius:30px; margin:-25px 20px 20px 20px; vertical-align:top;text-align:center;} .Payroll-for img, .Payroll-for2 img, .Payroll-for3 img { margin:5px auto;} .Payroll-for h3, .Payroll-for2 h3, .Payroll-for3 h3 { display:block; font-size:18px; font-weight:bold; margin:0px;} .Payroll-for button {color:#0094c7;font-size:18px; font-weight:bold; text-align:center; border:none; margin:50px 0px 0px 0px; background-color:#f7f7f7;} ul.rated-best {list-style-type:none; margin:0px; padding:0px;} ul.rated-best li{width:230px; text-align:center; margin:20px; display:inline-block; border-right:1px solid #ddd;} ul.rated-best li:last-child {border-right:none;} .custreview-quote { height:50px;} .customer-review {min-height:410px; border-left:5px solid #ddd; border-bottom:5px solid #ddd;padding:0px 0px 30px 30px;margin:30px 0px 30px 0px;} .customer-review::before {content: "";background-color: #fb008c;width: 0%;height: 100%;position: absolute;z-index: -1;top: 0;left: 0;transition: 0.7s;} .customer-review:hover {border-left:5px solid #00ab58; border-bottom:5px solid #00ab58;padding:0px 0px 30px 30px;margin:30px 0px 30px 0px; background-color:#f5f5f5;} .customer-review p.heading {font-size:24px; clear:both; margin:15px 0px 15px 0px; text-align:left; line-height:inherit;} p.heading-left {font-size:30px;line-height:inherit;} .slide-payroll-content {text-align:left;} .slide-payroll-content h4 {font-size:18px;margin:0px 0px 10px 30px; font-weight:bold;text-align: left;} .slide-payroll-content p.slide {text-align:left;font-size:16px;} .slide-payroll-content button {background-color:transparent; border:none; display:block; margin:5px 0px 5px 30px; text-align:left;} .slide-payroll-content button span {border-bottom:1px dashed #0094c7;} .payroll-video iframe {width:100%; height:300px; border:5px solid #ddd;} /*payroll left tabs*/ .payroll-left-tabs {} .payroll-left-tabs .nav-tabs {list-style-type:none; border:none;} .payroll-left-tabs .nav-tabs li {width:250px; display:block; background-color:#fff; margin:10px 0px; border:1px solid #ddd;} .payroll-left-tabs .nav-tabs li a.active {-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50); } .payroll-left-tabs .nav-tabs li a {font-size:18px;position: relative;display: block;padding: 10px 15px;} .payroll-left-tabs .nav-tabs li a.active {border:none; margin:0px;border-left:3px solid #00ab58;} .payroll-left-tabs .nav-tabs li a:hover {background-color:#fff;margin:0px;} .payroll-tabs {margin:0px;} .payroll-tabs img {margin:0px 0px 15px 0px; border:1px solid #ddd;} .lightgreysec p.heading {margin-bottom: 40px;text-align: center;color: #333;font-weight: normal;font-size: 30px;font-family: 'montserratmedium';line-height: 40px;} .payroll-right-tabs {} .payroll-right-tabs .nav-tabs {list-style-type:none; border:none;} .payroll-right-tabs .nav-tabs li {width:250px; display:block; background-color:#fff; margin:10px 0px; border:1px solid #ddd;} .payroll-right-tabs .nav-tabs li.active {border-right:3px solid #00ab58;-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);} .payroll-right-tabs .nav-tabs li a {font-size:18px;} .payroll-right-tabs .nav-tabs li.active a {border:none; margin:0px;} .payroll-right-tabs .nav-tabs li a:hover {background-color:#fff;margin:0px;} .screensmore-btn {color:#0094c7;border:none; background-color:#f7f7f7; margin-top:50px;} .screensmore-btn i {color:#0094c7; display:block;} .screensless-btn {color:#0094c7;border:none; background-color:#f7f7f7; margin-top:50px;} .screensless-btn i {color:#0094c7; display:block;} .accord-payroll-smallT .panel { background-color:transparent; border:none;} .accord-payroll-smallT .panel-title {margin-top: 0;margin-bottom: 0;font-size: 18px;color: inherit; font-family: 'open_sansregular';} .accord-payroll-smallT .panel-title a { display:block; color:#333;} .accord-payroll-smallT .panel-title > a:before {content:""; width:36px; height:19px; position:relative; float:right !important; background:url(../images/accord-down.png) no-repeat;} .accord-payroll-smallT .panel-title > a.collapsed:before {content:""; width:30px; height:26px; position:relative;float:right !important; background:url(../images/accord-right.png) no-repeat;} .accord-payroll-smallT .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {text-decoration:none;color:#333;} .accord-payroll-smallT .panel-default>.panel-heading {color: #333;background-color:#f7f7f7;border:1px solid #ddd; padding: 15px 15px 15px 10px;} .accord-payroll-smallT .panel-group .panel {overflow: hidden;border-radius: 0px;border: 1px solid #ddd;box-shadow: none;} .accord-payroll-smallT .panel-default > .panel-heading + .panel-collapse .panel-body { border-top:none; padding: 20px 20px 20px 20px; background-color:#fff;} .accord-ten99-smallT .panel, .accord-1099-smallT .panel:hover { background-color:transparent!important; border:none;} .accord-ten99-smallT .panel-title {margin-top: 0;margin-bottom: 0;font-size: 18px;color: inherit; font-family: 'open_sansregular';margin-left:0px;} .accord-ten99-smallT .panel-title a { display:block; color:#333;} .accord-ten99-smallT .panel-title > a:before {content:"\f068"; width:36px; height:19px; position:relative; float:right !important; font-family: 'fontawesome';background-color:transparent;color:#333;} .accord-ten99-smallT .panel-title > a.collapsed:before {content:"\f067"; width:36px; height:19px; position:relative;float:right !important;font-family: 'fontawesome';background-color:transparent;color:#333;} .accord-ten99-smallT .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {text-decoration:none;color:#333;} .accord-ten99-smallT .panel-default>.panel-heading {color: #333;background-color:transparent;border:none; padding: 15px 15px 15px 0px;} .accord-ten99-smallT .panel-group .panel {overflow: hidden;border-radius: 0px;border-bottom: 1px solid #ddd;box-shadow: none;} .accord-ten99-smallT .panel-default > .panel-heading + .panel-collapse .panel-body { border-top:none; padding: 20px 20px 20px 0px; background-color:transparent;} .accord-ten95-smallT .panel, .accord-1099-smallT .panel:hover { background-color:transparent!important; border:none;} .accord-ten95-smallT .panel-title {margin-top: 0;margin-bottom: 0;font-size: 18px;color: inherit; font-family: 'open_sansregular';margin-left:0px;} .accord-ten95-smallT .panel-title a { display:block; color:#333;} .accord-ten95-smallT .panel-title > a:before {content:"\f068"; width:36px; height:19px; position:relative; float:right !important; font-family: 'fontawesome';background-color:transparent;color:#333;} .accord-ten95-smallT .panel-title > a.collapsed:before {content:"\f067"; width:36px; height:19px; position:relative;float:right !important;font-family: 'fontawesome';background-color:transparent;color:#333;} .accord-ten95-smallT .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {text-decoration:none;color:#333;} .accord-ten95-smallT .panel-default>.panel-heading {color: #333;background-color:transparent;border:none; padding: 15px 15px 15px 0px;} .accord-ten95-smallT .panel-group .panel {overflow: hidden;border-radius: 0px;border-bottom: 1px solid #ddd;box-shadow: none;} .accord-ten95-smallT .panel-default > .panel-heading + .panel-collapse .panel-body { border-top:none; padding: 20px 20px 20px 0px; background-color:transparent;} .accord-ten99-small .panel { background-color:transparent; border:none;} .accord-ten99-small .panel-title {margin-top: 0;margin-bottom: 0;font-size: 18px;color: inherit; font-family: 'open_sansregular';} .accord-ten99-small .panel-title a { display:block; color:#333;} .accord-ten99-small .panel-title > a:before {content:""; width:36px; height:19px; position:relative; float:left !important; background:url(../images/icons/accord-down-ten99.png) no-repeat;} .accord-ten99-small .panel-title > a.collapsed:before {content:""; width:30px; height:26px; position:relative;float:left !important; background:url(../images/icons/accord-right-ten99.png) no-repeat;} .accord-ten99-small .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {text-decoration:none;color:#333;} .accord-ten99-small .panel-default>.panel-heading {color: #333;background-color:#f7f7f7;border:1px solid #ddd; padding: 15px 15px 15px 10px;} .accord-ten99-small .panel-group .panel {margin-bottom: 20px;overflow: hidden;border-radius: 0px;box-shadow: none;-webkit-box-shadow: -2px 3px 5px 0px rgba(171,171,171,1); -moz-box-shadow: -2px 3px 5px 0px rgba(171,171,171,1); box-shadow: -2px 3px 5px 0px rgba(171,171,171,1);} .accord-ten95-small .panel { background-color:transparent; border:none;} .accord-ten95-small .panel-title {margin-top: 0;margin-bottom: 0;font-size: 18px;color: inherit; font-family: 'open_sansregular';} .accord-ten95-small .panel-title a { display:block; color:#333;} .accord-ten95-small .panel-title > a:before {content:""; width:36px; height:19px; position:relative; float:left !important; background:url(../images/icons/accord-down-ten95.png) no-repeat;} .accord-ten95-small .panel-title > a.collapsed:before {content:""; width:30px; height:26px; position:relative;float:left !important; background:url(../images/icons/accord-right-ten95.png) no-repeat;} .accord-ten95-small .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {text-decoration:none;color:#333;} .accord-ten95-small .panel-default>.panel-heading {color: #333;background-color:#f7f7f7;border:1px solid #ddd; padding: 15px 15px 15px 10px;} .accord-ten95-small .panel-group .panel {margin-bottom: 20px;overflow: hidden;border-radius: 0px;box-shadow: none;-webkit-box-shadow: -2px 3px 5px 0px rgba(171,171,171,1); -moz-box-shadow: -2px 3px 5px 0px rgba(171,171,171,1); box-shadow: -2px 3px 5px 0px rgba(171,171,171,1);} .accord-payroll-small .panel-default > .panel-heading + .panel-collapse .panel-body { border-top:none; padding: 20px 20px 20px 20px;} .ten99-steps {width:275px; height:335px; background-color:#fff; padding:25px 15px; display:inline-block;border:1px solid #ddd; text-align:center;position:relative; margin:20px 30px;vertical-align: top;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);} .ten99-steps span {background-color:#029a9a; font-size:30px; color:#fff; padding:0px 15px; position:absolute; top:-20px; left:-20px; border-top-left-radius:5px;border-bottom-right-radius:10px;} .ten99-steps img {margin:20px 0px;} .ten99-steps h3{font-size:18px; font-weight:bold; } .ten99-steps:hover {border-bottom:7px solid #029a9a; transition:linear; transition-delay:initial;} .ten99-steps:hover h3 {color:#029a9a !important} .ten99-steps:hover span {transform: rotate(45deg);transition-duration: 2s; transition-delay: 1s; transition: all .5s;} .ten95-steps {width:275px; height:335px; background-color:#fff; padding:25px 15px; display:inline-block;border:1px solid #ddd; text-align:center;position:relative; margin:20px 30px;vertical-align: top;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);} .ten95-steps span {background-color:#18578e; font-size:30px; color:#fff; padding:0px 15px; position:absolute; top:-20px; left:-20px; border-top-left-radius:5px;border-bottom-right-radius:10px;} .ten95-steps img {margin:20px 0px;} .ten95-steps h3{font-size:18px; font-weight:bold; } .ten95-steps:hover {border-bottom:7px solid #18578e; transition:linear; transition-delay:initial;} .ten95-steps:hover h3 {color:#18578e !important} .ten95-steps:hover span {transform: rotate(45deg);transition-duration: 2s; transition-delay: 1s; transition: all .5s;} .process-unEmpOutLine-ten99 {width:328px; height:242px; background-color:#fff;margin:10px 10px 10px 10px; display:inline-block;position: relative; } .process-unEmpOutLine-ten99::before, .process-unEmpOutLine-ten99::after{content:"";width: 0;height: 3px;position: absolute;transition: all 0.9s linear;background: #029a9a;} .process-unEmpOutLine-ten99:hover::before, .process-unEmpOutLine-ten99:hover::after{width: 100%;} .process-unEmpOutLine-ten99:hover .process-unEmp-ten99::before, .process-unEmpOutLine-ten99:hover .process-unEmp-ten99::after{height: 100%;} .process-unEmp-ten99 {width:328px; height:242px; background-color:#fff; padding:20px; border:1px solid #ddd; display:inline-block; text-align:center; vertical-align:top;} .process-unEmp-ten99::before, .process-unEmp-ten99::after{content:"";width:3px;height:0;position: absolute;transition: all 0.9s linear;background: #029a9a;} .process-unEmpOutLine-ten99::before, .process-unEmpOutLine-ten99::after{transition-delay: 0s;} .process-unEmpOutLine-ten99 .process-unEmp-ten99::before, .process-unEmpOutLine-ten99 .process-unEmp-ten99::after{transition-delay: 0.9s;} .process-unEmpOutLine-ten99::before{right: 0;top: 0;} .process-unEmpOutLine-ten99::after{left: 0;bottom: 0;} .process-unEmpOutLine-ten99 .process-unEmp-ten99::before{left: 0;top: 0;} .process-unEmpOutLine-ten99 .process-unEmp-ten99::after{right: 0;bottom: 0;} .process-unEmpOutLine-ten99:hover::before, .process-unEmpOutLine-ten99:hover::after{transition-delay: 0s;} .process-unEmpOutLine-ten99:hover .process-unEmp-ten99::before, .process-unEmpOutLine-ten99:hover .process-unEmp::after{transition-delay: 0.9s;} .process-unEmp-ten99 h3.heading2 {text-align: center;color: #333;font-weight: bold; font-size: 18px;font-family: 'montserratmedium';margin:10px 0px 10px 0px;} .process-unEmpOutLine-ten95 {width:328px; height:242px; background-color:#fff;margin:10px 10px 10px 10px; display:inline-block;position: relative; } .process-unEmpOutLine-ten95::before, .process-unEmpOutLine-ten95::after{content:"";width: 0;height: 3px;position: absolute;transition: all 0.9s linear;background: #18578e;} .process-unEmpOutLine-ten95:hover::before, .process-unEmpOutLine-ten95:hover::after{width: 100%;} .process-unEmpOutLine-ten95:hover .process-unEmp-ten95::before, .process-unEmpOutLine-ten95:hover .process-unEmp-ten95::after{height: 100%;} .process-unEmp-ten95 {width:328px; height:242px; background-color:#fff; padding:20px; border:1px solid #ddd; display:inline-block; text-align:center; vertical-align:top;} .process-unEmp-ten95::before, .process-unEmp-ten95::after{content:"";width:3px;height:0;position: absolute;transition: all 0.9s linear;background: #18578e;} .process-unEmpOutLine-ten95::before, .process-unEmpOutLine-ten95::after{transition-delay: 0s;} .process-unEmpOutLine-ten95 .process-unEmp-ten95::before, .process-unEmpOutLine-ten95 .process-unEmp-ten95::after{transition-delay: 0.9s;} .process-unEmpOutLine-ten95::before{right: 0;top: 0;} .process-unEmpOutLine-ten95::after{left: 0;bottom: 0;} .process-unEmpOutLine-ten95 .process-unEmp-ten95::before{left: 0;top: 0;} .process-unEmpOutLine-ten95 .process-unEmp-ten95::after{right: 0;bottom: 0;} .process-unEmpOutLine-ten95:hover::before, .process-unEmpOutLine-ten95:hover::after{transition-delay: 0s;} .process-unEmpOutLine-ten95:hover .process-unEmp-ten95::before, .process-unEmpOutLine-ten95:hover .process-unEmp::after{transition-delay: 0.9s;} .process-unEmp-ten95 h3.heading2 {text-align: center;color: #333;font-weight: bold; font-size: 18px;font-family: 'montserratmedium';margin:10px 0px 10px 0px;} .process-unEmpOutLine-ml {width:342px; height:260px; background-color:#fff;margin:10px 10px 10px 10px; display:inline-block;position: relative; } .process-unEmpOutLine-ml::before, .process-unEmpOutLine-ml::after{content:"";width: 0;height: 3px;position: absolute;transition: all 0.9s linear;background: #0291c4;} .process-unEmpOutLine-ml:hover::before, .process-unEmpOutLine-ml:hover::after{width: 100%;} .process-unEmpOutLine-ml:hover .process-unEmp-ml::before, .process-unEmpOutLine-ml:hover .process-unEmp-ml::after{height: 100%;} .process-unEmp-ml {width:342px; height:260px; background-color:#fff; padding:20px; border:1px solid #ddd; display:inline-block; text-align:center; vertical-align:top;} .process-unEmp-ml::before, .process-unEmp-ml::after{content:"";width:3px;height:0;position: absolute;transition: all 0.9s linear;background: #0291c4;} .process-unEmpOutLine-ml::before, .process-unEmpOutLine-ml::after{transition-delay: 0s;} .process-unEmpOutLine-ml .process-unEmp-ten99::before, .process-unEmpOutLine-ml .process-unEmp-ml::after{transition-delay: 0.9s;} .process-unEmpOutLine-ml::before{right: 0;top: 0;} .process-unEmpOutLine-ml::after{left: 0;bottom: 0;} .process-unEmpOutLine-ml .process-unEmp-ml::before{left: 0;top: 0;} .process-unEmpOutLine-ml .process-unEmp-ml::before, .process-unEmpOutLine-ml .process-unEmp-ml::after { transition-delay: 0.9s; } .process-unEmpOutLine-ml .process-unEmp-ml::after{right: 0;bottom: 0;} .process-unEmpOutLine-ml:hover::before, .process-unEmpOutLine-ml:hover::after{transition-delay: 0s;} .process-unEmpOutLine-ml:hover .process-unEmp-ten99::before, .process-unEmpOutLine-ml:hover .process-unEmp::after{transition-delay: 0.9s;} .process-unEmp-ml h3.heading2 {text-align: center;color: #333;font-weight: bold; font-size: 18px;font-family: 'montserratmedium';margin:10px 0px 10px 0px;} .ten99-cta-ribbon-overview {width: 100%;height: 538px;padding: 80px 0px;background: url(../images/payroll-footerbg.png) no-repeat center bottom; background-size:cover; color:#fff;} .ten99-cta-ribbon-overview i { float:left; margin-left:60px;} .ten99-cta-ribbon-overview .cta-heading {color:#333; text-align:left; font-size:30px; font-family: 'montserratregular'; font-weight:bold;line-height:inherit;} .ten99-cta-ribbon-overview .cta-subheading { color:#333; text-align:left;font-size:18px; font-family: 'montserratregular'; font-weight:400} .ten95-cta-ribbon-overview {width: 100%;height: 538px;padding: 80px 0px;background: url(../images/payroll-footerbg.png) no-repeat center bottom; background-size:cover; color:#fff;} .ten95-cta-ribbon-overview i { float:left; margin-left:60px;} .ten95-cta-ribbon-overview .cta-heading {color:#333; text-align:left; font-size:30px; font-family: 'montserratregular'; font-weight:bold;line-height:inherit;} .ten95-cta-ribbon-overview .cta-subheading { color:#333; text-align:left;font-size:18px; font-family: 'montserratregular'; font-weight:400} .customer-review-ten99 {min-height:410px; border-left:5px solid #ddd; border-bottom:5px solid #ddd;padding:0px 0px 30px 30px;margin:30px 20px 30px 0px;} .customer-review-ten99::before {content: "";background-color: #fb008c;width: 0%;height: 100%;position: absolute;z-index: -1;top: 0;left: 0;transition: 0.7s;} .customer-review-ten99:hover {border-left:5px solid #029a9a; border-bottom:5px solid #029a9a;padding:0px 0px 30px 30px;margin:30px 20px 30px 0px; background-color:#f5f5f5;} .customer-review-ten99 p.heading {font-size:24px; clear:both; margin:15px 0px 15px 0px; text-align:left; line-height:inherit;} .customer-review-ten95 {min-height:410px; border-left:5px solid #ddd; border-bottom:5px solid #ddd;padding:0px 0px 30px 30px;margin:30px 20px 30px 0px;} .customer-review-ten95::before {content: "";background-color: #fb008c;width: 0%;height: 100%;position: absolute;z-index: -1;top: 0;left: 0;transition: 0.7s;} .customer-review-ten95:hover {border-left:5px solid #18578e; border-bottom:5px solid #18578e;padding:0px 0px 30px 30px;margin:30px 20px 30px 0px; background-color:#f5f5f5;} .customer-review-ten95 p.heading {font-size:24px; clear:both; margin:15px 0px 15px 0px; text-align:left; line-height:inherit;} .customer-review-ml {min-height:390px; border-left:5px solid #ddd; border-bottom:5px solid #ddd;padding:0px 0px 30px 30px;margin:30px 0px 30px 0px;} .customer-review-ml::before {content: "";background-color: #fb008c;width: 0%;height: 100%;position: absolute;z-index: -1;top: 0;left: 0;transition: 0.7s;} .customer-review-ml:hover {border-left:5px solid #0291c4; border-bottom:5px solid #0291c4;padding:0px 0px 30px 30px;margin:30px 0px 30px 0px; background-color:#f5f5f5;} .customer-review-ml p.heading {font-size:24px; clear:both; margin:15px 0px 15px 0px; text-align:left; line-height:inherit;} .ten99_smallbusiness {text-align-last:left;} .ten99_smallbusiness img { margin:0px 0px 15px 15px;display:block;}ml-btn .ten99_smallbusiness span { font-size:18px;font-weight:600;} .ten99-left-tabs {} .ten99-left-tabs .nav-tabs {list-style-type:none; border:none;} .ten99-left-tabs .nav-tabs li {width:250px; display:block; background-color:#fff; margin:10px 0px; border:1px solid #ddd;} .ten99-left-tabs .nav-tabs li.active {border-left:3px solid #029a9a; -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50); } .ten99-left-tabs .nav-tabs li a {font-size:18px;} .ten99-left-tabs .nav-tabs li.active a {border:none; margin:0px;} .ten99-left-tabs .nav-tabs li a:hover {background-color:#fff;margin:0px;} .ten99-tabs {margin:0px;} .ten99-tabs img {margin:0px 0px 15px 0px; border:1px solid #ddd;} .ten95-left-tabs {} .ten95-left-tabs .nav-tabs {list-style-type:none; border:none;} .ten95-left-tabs .nav-tabs li {width:250px; display:block; background-color:#fff; margin:10px 0px; border:1px solid #ddd;} .ten95-left-tabs .nav-tabs li.active {border-left:3px solid #18578e; -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50); } .ten95-left-tabs .nav-tabs li a {font-size:18px;} .ten95-left-tabs .nav-tabs li.active a {border:none; margin:0px;} .ten95-left-tabs .nav-tabs li a:hover {background-color:#fff;margin:0px;} .ten95-tabs {margin:0px;} .ten95-tabs img {margin:0px 0px 15px 0px; border:1px solid #ddd;} /*=====payroll accordions =====*/ .accord-payroll-small .panel { background-color:transparent; border:none;} .accord-payroll-small .panel-title {margin-top: 0;margin-bottom: 0;font-size: 18px;color: inherit; font-family: 'open_sansregular';} .accord-payroll-small .panel-title a { display:block; color:#333;} .accord-payroll-small .panel-title > a:before {content:""; width:36px; height:19px; position:relative; float:left !important; background:url(../images/newimages/icons/accord-down-pr.png) no-repeat;} .accord-payroll-small .panel-title > a.collapsed:before {content:""; width:30px; height:26px; position:relative;float:left !important; background:url(../images/newimages/icons/accord-right-pr.png) no-repeat;} .accord-payroll-small .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {text-decoration:none;color:#333;} .accord-payroll-small .panel-default>.panel-heading {color: #333;background-color:#f7f7f7;border:1px solid #ddd; padding: 15px 15px 15px 10px;} .accord-payroll-small .panel-group .panel {margin-bottom: 20px;overflow: hidden;border-radius: 0px;box-shadow: none;-webkit-box-shadow: -2px 3px 5px 0px rgba(171,171,171,1); -moz-box-shadow: -2px 3px 5px 0px rgba(171,171,171,1); box-shadow: -2px 3px 5px 0px rgba(171,171,171,1);} .accord-payroll-small .panel-default > .panel-heading + .panel-collapse .panel-body { border-top:none; padding: 20px 20px 20px 20px;} .payproplus .mostpop95, .payproplus .mostpop95, .mlproplus .mostpop95, .mlproplus .mostpop95{background-color:#18578e;border:none;position:absolute;top:-36px;left:0px;padding:6px 6px;width:100%;} .mostpop95 p {font-size:18px;color:#fff; text-align:center;margin:0px;padding:0px;} .mostpop95 i {color:#fff;} .payroll-cta-ribbon-overview {width: 100%;height: 538px;padding: 80px 0px;background: url(../images/newimages/payroll-footerbg.png) no-repeat center bottom; background-size:cover; color:#fff;} .payroll-cta-ribbon-overview i { float:left; margin-left:60px;} .payroll-cta-ribbon-overview .cta-heading {color:#333; text-align:left; font-size:30px; font-family: 'montserratregular'; font-weight:bold;line-height:inherit;} .payroll-cta-ribbon-overview .cta-subheading { color:#333; text-align:left;font-size:18px; font-family: 'montserratregular'; font-weight:400} .ML-cta-ribbon-overview {width: 100%;height: 538px;padding: 80px 0px;background: url(../images/newimages/ml-cta.png) no-repeat center bottom; background-size:cover; color:#fff;} .ML-cta-ribbon-overview i { float:left; margin-left:60px;} .ML-cta-ribbon-overview .cta-heading {color:#333; text-align:left; font-size:30px; font-family: 'montserratregular'; font-weight:bold;line-height:inherit;} .ML-cta-ribbon-overview .cta-subheading { color:#333; text-align:left;font-size:18px; font-family: 'montserratregular'; font-weight:400} .lg-map-text h2 {text-align: center;} .modal-content2 {background-color: #fefefe;margin: 7% auto 0px auto;padding: 0px;border: 1px solid #888;width: 850px;border-radius: 0px;} /********Payroll Latest F&Q */ .payrollfq h4 {font-weight:600 !important;} .payrollfq .form-group {margin: 0px 0px 30px 0px !important; } .Question-still {margin:50px 0px 50px 0px;} .Question-still h2 {font-weight:600 !important; text-align:center;} .Question-still p {text-align:center;margin:0px 25%;} /********Payroll Latest Pricing */ .payrollprcing, .mlprcing {margin:60px 0px 30px 0px;} .payrollprcing h4, .mlprcing h4 {font-weight:600;} .payproplus, .mlproplus {/*width:49%;*//*background-color:#f2fbf6;*/padding:0;} .payproplus .payproplusdiv, .mlproplus .mlproplusdiv {border:1px solid #c2c2c2;padding:30px;} .payproplus .mostpop {background-color:#00ab58;border:none;position:absolute;top:-36px;left:0px;padding:6px 6px;width:100%;} .mlproplus .mostpop {background-color:#0291c4;border:none;position:absolute;top:-36px;left:0px;padding:6px 6px;width:100%;} .mostpop p {font-size:18px;color:#fff; text-align:center;margin:0px;padding:0px;} .mostpop i {color:#fff;} .payproplus .mostpop99, .mloplus .mostpop99{background-color:#029a9a ;border:none;position:absolute;top:-36px;left:0px;padding:6px 6px;width:100%;} .mostpop99 p {font-size:18px;color:#fff; text-align:center;margin:0px;padding:0px;} .mostpop99 i {color:#fff;} .version {margin-top:-15px;} .pricepr, .mlicepr {} .pricepr h2, .mlicepr h2 {font-size:36px;line-height:initial; margin-bottom:0px;} .pricepr span, .mlicepr span {font-size:18px;padding-left: 0px;} .bluebtn3 {border: 1px solid #00ab58 !important;padding: 10px 20px !important;color: #fff !important;background-color: #00ab58;margin: 15px 0px 10px 0px;font-size:18px; display:block; text-align:center} .bluebtn3:hover {background-color:#00904a !important;border:1px solid #00904a !important; color:#fff !important; text-decoration:none;} .mlbtn3 {border: 1px solid #0291c4 !important;padding: 10px 20px !important;color: #fff !important;background-color: #0291c4;margin: 15px 0px 10px 0px;font-size:18px; display:block; text-align:center} .mlbtn3:hover {background-color:#2185a8 !important;border:1px solid #2185a8 !important; color:#fff !important; text-decoration:none;} .mlbtn4 {border: 1px solid #0291c4 !important;padding: 10px 20px !important;color: #0291c4 !important;background-color: #fff;margin: 15px 0px 10px 0px;font-size:18px;display:block; text-align:center} .mlbtn4:hover {background-color:#0291c4 !important;border:1px solid #0291c4 !important; color:#fff !important; text-decoration:none;} .paypro, .mlpro {width:49%;float:right;background-color:#fff;border:1px solid #c2c2c2;padding:30px;height:1354px;} .bluebtn4 {border: 1px solid #00ab58 !important;padding: 10px 20px !important;color: #00ab58 !important;background-color: #fff;margin: 15px 0px 10px 0px;font-size:18px;display:block; text-align:center} .bluebtn4:hover {background-color:#00ab58 !important;border:1px solid #00ab58 !important; color:#fff !important; text-decoration:none;} .pr-pro-points p {margin:0px;font-size:15px;} .pr-pro-points i {font-size:12px;color:#333;} .tooltip4 {position: relative;display: inline-block;font-size: 20px; opacity: inherit; z-index:6;} .tooltip4 i {color:#0094c7; font-size: 16px;position: relative;top: -2px;} .tooltip4 .tooltiptext4 {visibility: hidden;width: 500px;background-color: #368cbf;color: #fff;text-align: left;padding: 20px 10px;font-size:14px; line-height:24px; position: absolute;z-index: 1;bottom: 113%;left: 21%;margin-left: 0px;opacity: 0;transition: opacity 0.3s;} .tooltip4 .tooltiptext4 span {display:block; font-size:14px; margin:7px 0px;} .tooltip4 .tooltiptext4::after {content: "";position: absolute;top: 100%;left: 25%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #368cbf transparent transparent transparent;} .tooltip4:hover .tooltiptext4 {visibility: visible;opacity: 1;} .tooltip5 {position: relative;display: inline-block;font-size: 20px; opacity: inherit; z-index:6;} .tooltip5 i {color:#0094c7; font-size: 16px;position: relative;top: -2px;} .tooltip5 .tooltiptext5 {visibility: hidden;width: 500px;background-color: #368cbf;color: #fff;text-align: left;padding: 20px 10px;font-size:14px; line-height:24px; position: absolute;z-index: 1;bottom: 113%;left: -149px;margin-left: 0px;opacity: 0;transition: opacity 0.3s;} .tooltip5 .tooltiptext5 span {display:block; font-size:14px; margin:7px 0px;} .tooltip5 .tooltiptext5::after {content: "";position: absolute;top: 100%;left: 45%;margin-left: 69px;border-width: 5px;border-style: solid;border-color: #368cbf transparent transparent transparent;} .tooltip5:hover .tooltiptext5 {visibility: visible;opacity: 1;} /*payroll review page*/ .overall-rating {text-align:center; margin:0px 0px 40px 0px;} .overall-rating span {font-size:42px;font-weight:bold;} .overall-rating p {color:#333; margin:0px; font-size:16px;} .overall-rating p i {font-size:20px;} .PayrollreviewsBox img {width: 70px;height: 70px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;} .PayrollreviewsBox {width: 100%;float: left;background-color: #f2fbf6;padding: 15px;margin: 10px 0;} .PayrollreviewsBox .review-tittle {font-size: 18px;color: #0865ad;display: inline-block;word-break: break-all;} .PayrollreviewsBox span {float: right;font-size: 12px;} .PayrollreviewsBox img {width: 70px;height: 70px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;} .ban-cyber-mon {font-size:18px; font-weight:bold; margin:30px 0px 0px 0px;} .ban-cyber-mon span {top:4px;position:relative;} .ban-cyber-mon i {font-size:20px;} .cyber-monday-offer { border:1px solid #00ab58; padding:20px; margin:30px 0px 0px;overflow: hidden; position: relative;} .cyber-monday-offer .cyb-head {text-align: left;color: #333;font-weight: normal;font-size: 24px;font-family: 'montserratmedium';line-height: 40px;} /*.cyber-monday-offer::before, .cyber-monday-offer::after {content: '';box-sizing: border-box;position: absolute;border: 2px solid transparent;width: 0;height: 0;} .cyber-monday-offer::before {top: 0;left: 0;border-top-color: #00ab58;border-right-color: #00ab58;animation: border 6s infinite;} .cyber-monday-offer::after {bottom: 0;right: 0;animation: border 6s 3s infinite, borderColor 6s 3s infinite;}*/ .cart-cyber-monday-offer{border: 1px solid #00ab58;padding: 9px; margin: 30px 0px; overflow: hidden; position: relative;background: #fff;} .cart-cyber-monday-offer img {float: left;margin-top: 4px;margin-right: 10px;} .cart-cyber-monday-offer span{font-weight:700;font-size:14px;} /*.cart-cyber-monday-offer::before, .cart-cyber-monday-offer::after {content: '';box-sizing: border-box;position: absolute;border: 2px solid transparent;width: 0;height: 0;} .cart-cyber-monday-offer::before {top: 0;left: 0;border-top-color: #00ab58;border-right-color: #00ab58;animation: border 6s infinite;} .cart-cyber-monday-offer::after {bottom: 0;right: 0;animation: border 6s 3s infinite, borderColor 6s 3s infinite;}*/ @keyframes border {0% {width: 0;height: 0;}25% {width: 100%;height: 0;}50% {width: 100%;height: 100%;}100% {width: 100%;height: 100%;}} @keyframes borderColor {0% {border-bottom-color: #00ab58;border-left-color: #00ab58;}50% {border-bottom-color: #00ab58;border-left-color: #00ab58;}51% {border-bottom-color: transparent;border-left-color: transparent;}100% {border-bottom-color: transparent;border-left-color: transparent;}} .cyber-monday-offer .cus-offerbtn {background-color:#ff4e00;border:1px solid #ff4e00;color:#fff;padding:10px 25px;margin:15px 0px 0px;display:inline-block;text-decoration:none;} .cyber-monday-offer .cus-offerbtn:hover{background-color:#e94801;border:1px solid #ff4e00;color:#fff;padding:10px 25px;;} .cyb-mon-off-timer {border:1px solid #333; padding:5px;width: 365px;height: auto;margin: 0px auto 30px auto; list-style-type:none;} .cyb-mon-off-timer li {width:113px; display:inline-block;border-right:1px solid #333; text-align:center;} .cyb-mon-off-timer li:last-child {border-right:none;} .cyb-mon-off-timer li span {display:inline-block; text-align:center; font-size:50px; padding:15px; } #countdown{border:1px solid #333; padding:5px;width: 355px;height: auto;margin: 0px auto 30px auto; list-style-type:none; position:relative;} #countdown #tiles{position: relative;z-index: 1;} #countdown #tiles > span{display:inline-block; text-align:center; font-size:50px; padding:0px 15px 15px 15px;width:113px; display:inline-block;border-right:1px solid #333; text-align:center;} #countdown #tiles > span:last-child {border-right:none;} #countdown ul.labels {display:block; list-style-type:none; padding:0px;position:absolute;top:63px;} #countdown ul.labels li {width:113px; text-align:center; display:inline-block;} /*23 Jan 2023 online payroll pricing -RK*/ .Online-SB-Payroll-price {padding:30px; border:1px solid #ddd; margin:10px 10px 50px 10px;} .Online-SB-Payroll-price h2 {font-weight:bold;} p.intro-offer {font-size:20px;font-weight:bold; margin:30px 0px;} p.intro-offer span {background-color:#00ab58;padding:0px 10px; display:inline-block;color:#fff; font-weight:bold;} span.strikeprice {font-size:30px; text-decoration:line-through; font-weight:normal; display:block;} .OnlinePayrollfeature {list-style-type:none; padding:0px;transition-timing-function: ease-in-out;} .OnlinePayrollfeature li { margin:7px 0px;cursor: default;} .OnlinePayrollfeature li i {color:#333;font-size:12px;} .OnlinePayrollfeature li i.fa-info-circle {color:#ddd;font-size:14px;} .OnlinePayrollfeature li i.fa-info-circle:hover{color:#0094c7;} .OnlinePayrollfeature .tooltip {position:relative; display:inline-block;} .OnlinePayrollfeature li .tooltip .tooltiptext {width:250px;margin:0px;} .OnlinePayrollfeature li .tooltip .tooltiptext::after {content: "";position: relative;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent transparent transparent} .online-see_more {display: block;text-align: center;transition-timing-function: ease-in-out;} .online-see_more:before {content: '';width: 100%;height: 1px;display: inline-block;} .online-see_more a {display: inline-block;position: relative;top: -18px;padding: 0px 15px;text-decoration: none;cursor: pointer;color: #0094c7;font-size:20px;} .online-less_more {display: block;text-align: center;transition-timing-function: ease-in-out;} .online-less_more:before {content: '';width: 100%;height: 1px;display: inline-block;} .online-less_more a {display: inline-block;position: relative;top: -18px;padding: 0px 15px;text-decoration: none;cursor: pointer;color: #0094c7;font-size:20px;} .online-getstart-btn{display:block; padding:10px; background-color:#00ab58;color:#fff; text-align:center;} .online-getstart-btn:hover, .online-getstart-btn:focus, .online-getstart-btn:active {background-color:#00904a;color:#fff;text-decoration:none;} .online-pr-contact-btn {background-color:#fff; color:#00ab58; padding:10px; display:block; border:1px solid #00ab58;text-align:center;} .online-pr-contact-btn:hover {background-color:#00ab58; color:#fff; padding:10px; display:block; border:1px solid #00ab58; text-decoration:none;} .online-pr-contact-btn:focus {background-color:#fff; color:#00ab58; padding:10px; display:block; border:1px solid #00ab58;text-align:center;} .loved-customers {border:1px solid #c2c2c2; background-color:#f2fbf6; padding:15px; margin-bottom: 20px;height:100%;} .disclaimer {font-size:12px; text-align:center;} .disclaimer a {text-decoration:underline;} .forOnlineQuestions {width:750px; margin:0px auto; text-align:left; padding:15px;border:1px solid #ddd; background-color:#fff;-webkit-box-shadow: -2px 3px 5px 0px rgba(171,171,171,1); -moz-box-shadow: -2px 3px 5px 0px rgba(171,171,171,1); box-shadow: -2px 3px 5px 0px rgba(171,171,171,1);} .forOnlineQuestions span{width:73px; height:100px;margin:20px 20px 20px 50px; float:left;display:inline-block;} .forOnlineQuestions img { width:73px;height:73px; } /*====this loading for common =====*/ .processLoading { width:100%; height:100%; position:fixed; left:0; top:0px; right:0; bottom:0; z-index:9999999; display:block; background:rgba(0, 0, 0, 0.9);} .processLoading span {width:150px; height:auto; display:block; margin:0px auto; position:absolute; left:0px; top:30%; right:0px; bottom:0px;} .processLoading span img {width:100%; height:auto;} .career {width:auto;} .career img {margin: 0px 0px 20px 50px;} .jobs-list {list-style-type:none; padding:0px;} .jobs-list li {padding:15px; border:1px solid #ddd;color:#0094c7;} .job-details {background-color:transparent; border:none;color:#0094c7;float:right;} .job-modal {left: 20%;width: auto;} .job-content {width:1000px;} .job-content h2 {text-align:left;margin: 40px 0px 10px 0px;} .apply-position {border:1px solid #ddd; padding:15px; margin-top:30px;} .apply-position h2 {margin:0px 0px 20px 0px;} .resumetype {font-size:10px;} .apply-position p {font-size:14px;} .no-jobs {border:1px solid #ddd; padding:20px;text-align:center; display:none;} .no-jobs p:first-child {color:#0094c7;} .received-jobapp {} /*-----national payroll week styles-------*/ .npwpayrolloffer{ margin: 60px 0px 60px 0px;} .payrolloffer{width:100%;background-color: #fff; border: 1px solid #c2c2c2;padding: 30px;text-align:center;box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 12px;} .cloudpayrolloffer{width:100%;/*background-color: #f2fbf6*/;border: 1px solid #c2c2c2;padding: 30px;/*margin-left: 20px;*/text-align:center;height:800px;box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 12px;} .npwftr{margin-top:30px;text-align:center !important;font-size:12px;} .npwftr span {color:#ff0000;font-size:12px;font-weight:800;} .pr-pro-npw p {margin:0px;font-size:15px;text-align:left;} .pr-pro-npw i {font-size:12px;color:#333;} .pr-pro-npw {text-align:center;margin-bottom:40px !important;} .pr-pro-npw .reviewRating {margin:22px 0px 0px 0px;text-align:center;} .pr-pro-npw .reviewRating .fa-star {color: #fb7600;margin: 0px 2px;font-size:24px;} .pr-pro-npw .reviewRating .fa-star-half-o {color: #fb7600;margin: 0px 2px;font-size:24px;} .pr-pro-npw ul {list-style-type:none;text-decoration:none;margin:15px 0px;} .pr-pro-npw ul li {text-align:left;line-height:2em;} .pr-pro-npw .fa-check {color: #00a857;} /*******************************************/ /***********************Cloud 1095 *************************************************************/ .payroll-steps95 {width:275px; height:415px; background-color:#fff; padding:25px 15px; display:inline-block;border:1px solid #ddd; text-align:center;position:relative; margin:20px 30px;vertical-align: top;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);} .payroll-steps95 span {background-color:#18578e ; font-size:30px; color:#fff; padding:0px 15px; position:absolute; top:-20px; left:-20px; border-top-left-radius:5px;border-bottom-right-radius:10px;} .payroll-steps95 img {margin:20px 0px;} .payroll-steps95 h3{font-size:18px; font-weight:bold; } .payroll-steps95:hover {border-bottom:7px solid #18578e ; transition:linear; transition-delay:initial;} .payroll-steps95:hover h3 {color:#18578e !important} .payroll-steps95:hover span {transform: rotate(45deg);transition-duration: 2s; transition-delay: 1s; transition: all .5s;} .btn95-try {background-color:#fff;border:1px solid #18578e; color:#18578e !important;margin:0px 10px;padding: 10px 20px;font-family: 'montserratlight';font-size: 20px;font-weight:600;text-decoration:none;} .btn95-try:hover {background-color:#18578e;border:1px solid #18578e; color:#fff !important;text-decoration:none;} .check95 .fa-check {color:#18578e !important;} /*.print-Efile95-Right {padding:15px 0px;}*/ .print-Efile95-Right ul {padding-left:0px !important;} .print-Efile95-Right li {margin:0px;} .print-Efile95-Right .fa-check {color:#2b2b2b;padding:8px 0px;} .print-Efile95-left p {margin:0px;padding:0px;} .print-Efile95-left h1 {margin:0px;padding:0px;} .btncloud-1095 {margin: 30px 0px;} .onlinepricing-95 {/*margin:15px 0px;*/padding:15px 0px;} .onlinepricing-95 h4 {font-weight:700;} .printversion-95 {background-color:#fff;border:1px solid #cbcbcb;padding:10px 25px;} .printversion-95:hover {background-color:#fff;border:1px solid #0092c6;} .printversion-95 input.isChecked {background-color:#fff !important;border:1px solid #0092c6 !important;} .printversion-95 span {font-size: 16px;font-weight: 600;} .printversion-95 span small {font-size: 14px;font-weight: 600;display:block;padding:3px 30px;} .printversion-95 .custcheckboxx input {margin:16px 0px;outline:none !important; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;border:none;} .custcheckboxx input {position: absolute;top: -3px;height: 20px;width: 20px!important;-webkit-appearance: none; -moz-appearance: none;-o-appearance: none;background: url(../images/beforecheckk.png) no-repeat;display: block;} .custcheckboxx input:checked {background: url(../images/aftercheckk95.png) no-repeat;} .checkspan {margin-left: 30px;} .custcheckboxx input::-ms-check {display: none;} .custcheckboxx {position: relative;display: inline-block; margin-bottom: 10px;margin-top: 10px; /*height:20px;*/} .price95-count {margin:20px 0px;padding:15px 0px;} .slide-part95 { margin-top:30px; text-align:center;margin-bottom:30px;} .price-slider95{width:100%;margin:0px auto;} #slider-range-95 {} .slide-part95 .ui-state-default,.slide-part95 .ui-widget-content .ui-state-default {background: #0091c6!important;border: 2px solid #0091c6 !important;float:left !important;color:#fff !important;} .slide-part95 .ui-widget-header {background: #71bad4 /*url(images/ui-bg_highlight-soft_15_cc0000_1x100.png) 50% 50% repeat-x !important*/;color: #ffffff;font-weight: bold;} .slide-part95 .ui-slider .ui-slider-handle label {color: #fff;font-size: 14px;display: block;text-align: center;padding-top: 0px;font-weight: bold;} .onlinepricing-95right {background-color: #e2f7ff;margin: 60px 0px;padding: 30px 30px;text-align: center;} .onlinepricing-95right h1{padding: 15px 0px;} .migrateformleft95 {margin-top:30px;} .migrateformleft95 p i.fa-check {color:#18578e; margin-right:10px;} .cta-ribbon-btn-ml-95 { margin:20px 0px;padding: 10px 30px;display: inline-block; font-size:16px; background-color:#18578e; color:#fff; border:1px solid #fff; text-decoration:none;} .cta-ribbon-btn-ml-95:hover {background-color:#18578e; color:#fff;border:1px solid #fff;text-decoration:none;} .cta-ribbon-btn-ml-95:focus {background-color:#18578e; color:#fff;border:1px solid #fff;text-decoration:none;} .mig-formbox-95 {margin-top:30px;border:2px solid #18578e; border-radius:10px;} .mig-formbox-95 h3 {background-color:#18578e;color:#fff !important; padding:5px 10px; margin:0px; text-align:center;} .mig-formbox-95 form {padding:20px;} .mig-formbox-95 .btn-migrate{background-color:#18578e;width:100%;height:auto; padding:7px 10px; border:1px solid #18578e;color:#fff;} .mig-formbox-95 .btn-migrate:hover{background-color:#104d82; border:1px solid #104d82; } .simply-mar {margin:30px 0px;} .Faq95 .panel-title > a:before {background-color:#18578e !important;} .Faq95 .panel-title > a.collapsed:before {float: right !important;content:"\f067";background-color: #18578e;padding: 2px 7px;color: #fff;} .pricing-95 .loved-customers {border:1px solid #c2c2c2; background-color:#f2fbf6; padding:15px; margin-bottom: 20px; height: 350px;} .payroll-cloud-ribbon2 .cta-heading95, .ml-cta-ribbon .cta-heading95 { color: #18578e; text-align: left; font-size: 30px; margin-bottom:15px;} .payroll-cloud-ribbon2 .cta-heading99, .ml-cta-ribbon .cta-heading99 { color: #029a9a; text-align: left; font-size: 30px; margin-bottom:15px; } .pricing-99 .loved-customers {border:1px solid #c2c2c2; background-color:#f2fbf6; padding:15px; margin-bottom: 20px; height:380px;} .migrateformleft99 {margin-top:30px;} .migrateformleft99 p i.fa-check {color:#029a9a; margin-right:10px;} .cta-ribbon-btn-ml-99 { margin:20px 0px;padding: 10px 30px;display: inline-block; font-size:16px; background-color:#029a9a; color:#fff; border:1px solid #fff; text-decoration:none;} .cta-ribbon-btn-ml-99:hover {background-color:#029a9a; color:#fff;border:1px solid #fff;text-decoration:none;} .cta-ribbon-btn-ml-99:focus {background-color:#029a9a; color:#fff;border:1px solid #fff;text-decoration:none;} .mig-formbox-99 {margin-top:30px;border:2px solid #029a9a; border-radius:10px;} .mig-formbox-99 h3 {background-color:#029a9a;color:#fff !important; padding:5px 10px; margin:0px; text-align:center;} .mig-formbox-99 form {padding:20px;} .mig-formbox-99 .btn-migrate{background-color:#029a9a;width:100%;height:auto; padding:7px 10px; border:1px solid #029a9a;color:#fff;} .mig-formbox-99 .btn-migrate:hover{background-color:#028888; border:1px solid #028888; } .Faq99 .panel-title >a:before {background-color:#028888 !important;} .Faq99 .panel-title > a.collapsed:before {background-color: #028888;} .btn99-try {background-color:#fff;border:1px solid #029a9a ; color:#029a9a !important;margin:0px 10px;padding: 10px 20px;font-family: 'montserratlight';font-size: 20px;font-weight:600;text-decoration:none;} .btn99-try:hover {background-color:#029a9a ;border:1px solid #029a9a ; color:#fff !important;text-decoration:none;} .check99 .fa-check {color:#029a9a !important;} .form-type99 {background-color:#fff;width:48%;height:170px;margin:7px;padding: 20px 0px 10px 29px;} .form-type99 h3 {font-weight:600;font-size:18px;} .form-type99 p {font-size:16px;} .payroll-steps99 {width:275px; height:415px; background-color:#fff; padding:25px 15px; display:inline-block;border:1px solid #ddd; text-align:center;position:relative; margin:20px 30px;vertical-align: top;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);} .payroll-steps99 span {background-color:#029a9a ; font-size:30px; color:#fff; padding:0px 15px; position:absolute; top:-20px; left:-20px; border-top-left-radius:5px;border-bottom-right-radius:10px;} .payroll-steps99 img {margin:20px 0px;} .payroll-steps99 h3{font-size:18px; font-weight:bold; } .payroll-steps99:hover {border-bottom:7px solid #029a9a ; transition:linear; transition-delay:initial;} .payroll-steps99:hover h3 {color:#18578e !important} .payroll-steps99:hover span {transform: rotate(45deg);transition-duration: 2s; transition-delay: 1s; transition: all .5s;} .efile99Guide {/*background-color:#f7f7f7;*/padding:25px;} .efile99Guide h4 { padding:10px 0px ;font-weight:bold; } .efile99Guide p { } /*/*******************New Deisngs Store*************************************************//* .prdo-feat h4{font-size:18px;font-weight:bold;padding:0px;color:#0092c6;} .prdo-feat .fa-plus {font-size:16px;color:#0094c7;} .prdo-feat .fa-minus {font-size:16px;color:#0094c7;} #PDChangePlatform .active {border:1px solid #f00 !important;}*/ /*Payroll software MAc verion overview page starts here*/ .green-sec .ml-version {margin-top:15px;} .green-sec .ml-version li {padding:0px 12px !important;font-weight:700;} .green-sec .ml-version h4 {color:#333;font-weight:600;line-height:40px;} .ml-easy .process-unEmpOutLine{height:266px !important;} .ml-easy .process-unEmpOutLine img{width:70px;} .ml-easy .process-unEmp{height:266px !important;} .efile-cal {background-color: #fff;border: 1px solid #c2c2c2;margin: 30px 0px;padding:30px;} .efile-cal h3 {font-weight:600;} .efile-cal p {} .efile-cal .row {margin:0px;padding:0px; } .total-calperecp h2 {margin:0px;padding:0px;} /*Payroll software MAc verion overview page ends here*/ /*****custom checkbox styles starts by deepika*************/ .custcheckbox { position: relative;display: inline-block; margin-bottom: 10px;margin-top: 10px;/* height: 20px; */} .custcheckbox input:checked {background: url(../images/aftercheck.png) no-repeat;} .custcheckbox input {position: absolute;top: -5px;height: 20px;width: 20px!important;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;background: url(../images/beforecheck.png) no-repeat;display: block;} .custcheckbox input:focus {outline: none;} .form-group label .checkspan {color:#333;} .platform-box .custcheckbox{font-family: 'open_sansregular'; font-size: 16px;font-style: normal;color: #333;-webkit-font-smoothing: antialiased;} .platform-box .custcheckbox input{top:-3px;} /*****custome checkbox styles ends********/ /*1095 desktop new design*/ .forms-95 {background-color: #fff;width: 20%;height:350px;padding: 15px;margin: 25px 0px 5px 40px;border:1px solid #e3e3e3;border-radius:5px;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.45);} .forms-95 img {width:90%;} .form-detail95 {padding:15px 0px;text-align:center;} .form-detail95 a { font-weight:700;} .form-detail95 h5 { line-height:1.5em;padding:0px 50px;} .benifits-95 .fa-check {color:#18578e;} /******payroll new design changes*******/ .payrollben-list ul{padding-inline-start:20px;} .payrollben-list li{background: url(../images/liright.png) left 5px no-repeat; list-style-type: none; padding-left: 30px; margin-bottom: 10px;} .payrollavg-cal {background-color: #fff;border: 1px solid #c2c2c2;margin: 30px 0px;padding:30px;} .payrollavg-cal h3 {font-weight:600;} .payrollavg-cal p {margin-bottom:5px;} .payrollavg-cal .row {margin:0px;padding:0px;} /*ML design changes 22-04-2024 */ .mlben {margin:55px 0px;border:1px solid #c2c2c2;padding:10px;} .mlben-list {text-align:center;margin:20px 0px;} .mlben-list ul {/*padding-inline-start:25%;*/} .mlben-list li {background: url(../images/newimages/mlprice_icon.png) left 5px no-repeat;list-style-type: none;padding-left: 25px;margin-bottom: 10px;display:flex;} .About Us-faq-ques {text-align:center;margin: 0px auto;width: 50%;} .ml-faq-ques h2 {margin-bottom:0px;} .ml-faq-ques p {padding:5px 0px;} .mt-100 {margin-top:100px;} /*****state dropdown styles*****/ #State_chosen .chosen-single{background-image: url(../images/dropdown.png);-webkit-appearance: none;-moz-appearance: none;background-repeat: no-repeat;background-position: center right 14px;height: 44px;background-color: #fff;border: 1px solid #ddd;border-radius: 0;padding: 10px 12px;box-shadow: none;color: #333;} #State_chosen .chosen-single div b{background:none;} .benfit-head-2 p{margin:15px 0;} .benfit-head-2 .fa-check-square{color:#00ab58;font-size:18px;} .faqlist li{list-style-type:decimal;} .payroll-steps-2 {width:275px; height:500px; background-color:#fff; padding:25px 15px; display:inline-block;border:1px solid #ddd; text-align:center;position:relative; margin:20px 30px;vertical-align: top;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);} .payroll-steps-2 span {background-color:#00ab58; font-size:30px; color:#fff; padding:0px 15px; position:absolute; top:-20px; left:-20px; border-top-left-radius:5px;border-bottom-right-radius:10px;} .payroll-steps-2 img {margin:20px 0px;} .payroll-steps-2 h3{font-size:18px; font-weight:bold; } .payroll-steps-2:hover {border-bottom:7px solid #00ab58; transition:linear; transition-delay:initial;} .payroll-steps-2:hover h3 {color:#00ab58 !important} .payroll-steps-2:hover span {transform: rotate(45deg);transition-duration: 2s; transition-delay: 1s; transition: all .5s;} .pad-0p{padding:0px!important;} .small-industries a{padding: 7px 0px;color:#333;display:block; font-size: 14px;margin:0 0 10px;text-decoration:none;cursor:pointer;} .small-industries a i{width: 30px; display: inline-block; margin-right: 15px; float: left;} /***********store new designs********/ .product-info-right .product-features { color:#333; text-align:left; padding:0px 40px; display:block;} .product-info-right .product-features { font-size:30px; color:#333; text-align:left; padding:0px 40px; display:block;} .product-features p {font-size: 16px;line-height: 28px;font-family: 'open_sansregular';} .prd-border{border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .feature-panel{margin-bottom:20px!important;} .feature-panel>.panel-heading span{font-size:16px;color:#333;} .feature-panel>.panel-heading{color: #333; background-color: transparent; border-top: 1px solid #ddd; padding: 10px 15px 10px 0px;} .feature-panel .panel-title > a.collapsed:before {float: right !important;content: "\f067";background-color: transparent;padding: 2px 7px;color:#333;} .feature-panel .panel-title > a:before {float: right !important;content: "\f068";background-color: transparent;padding: 2px 7px;color:#333;} .feature-panel ul {list-style-type: none;padding: 0px;margin-bottom: 0px;} .feature-panel ul li {display: block;margin: 8px 0px;font-size: 16px;} .product-info-right a{font-size:14px;} .Prodscreens .carousel-inner .item img{width:100%;height:auto;} .Prodscreens .modal-header{padding:20px 40px;} .Prodscreens .carousel-control.right{left: 100%;} .Prodscreens .carousel-control.left{left: -9%;} .Prodscreens .carousel-control .fa-angle-right {left: 10%;position: absolute; top: 45%;z-index: 5;display: inline-block;font-size: 6rem;color:#000;} .Prodscreens .carousel-control .fa-angle-left{left: 30%;position: absolute; top: 45%; z-index: 5; display: inline-block;font-size: 6rem;color:#000;} .Prodscreens .modal-content{margin:2% auto 0px auto;} .cart-product-show .prod-screens{display:block;text-align:center;margin-top:20px;margin-bottom:20px;} .Prodscreens .modal-header .close{font-family: open_sanslight;position: absolute;top: -10px;right: -14px;width: 25px;height: 25px;background-color: #000; border: 1px solid #000000;border-radius: 20px;color: #fff;opacity: inherit;text-align: center;} .modal-header .close {margin: -2px;padding:0px;} .Prodscreens .modal-dialog, .Prodscreens .modal-content{/*width:1100px;*/} .Paper-Prodscreens .modal-header{padding:30px;} .Paper-Prodscreens .modal-dialog, .Paper-Prodscreens .modal-content{width:680px;} .Paper-Prodscreens .modal-header .close{font-family: open_sanslight;position: absolute;top: -10px;right: -14px;width: 25px;height: 25px;background-color: #000;border: 1px solid #000000;border-radius: 20px;color: #fff;opacity: inherit;text-align: center;} .cart-product-show .rated-best{list-style-type: none;padding: 0px;MARGIN-TOP: 40px;} .cart-product-show .rated-best li{width: 145px;border:none;text-align: center;margin: 20px 0;display: inline-block;} .cart-bg-sec{background:none;} .prod-backupdiv{border:1px solid #e3e3e3;padding:8px;display:block;} .prod-backupdiv img{top: -12px;position: relative;} .prod-backupdiv input{top: 15px!important;left:10px;} .prod-backupdiv .checkspan{margin-left: 40px!important;} .prod-backupdiv .prod-backup-price{left: 40px; position: relative; display: block;} .bunprod-div{height:1180px;border: 1px solid #c2c2c2;background-color: #f2fbf6;} .bunprod-div h4, .bunprod-div-2 h4, .bunprod-div-3 h4{font-weight:700;} .bunprod-div-2{height:1240px;border: 1px solid #c2c2c2;background-color: #f2fbf6;} .bunprod-div-3{height:1250px;border: 1px solid #c2c2c2;background-color: #f2fbf6;} .prod-feature-tab .ftrslist{border-left: 1px solid #ddd;border-top:none;} .prod-feature-tab .table thead > tr > th{border:none;} .prodleft-brd{text-align:center;} .prodleft-brd .versions{font-weight:400;} .prodleft-brd h4{font-weight:700;} .prod-feature-tab .table tbody > tr > th, .prod-feature-tab .table tbody > tr > td{border:none;border-left: 1px solid #ddd;border-right: 1px solid #ddd;} .prod-feature-tab .table tbody > tr > th:nth-child(1), .prod-feature-tab .table tbody > tr > td:nth-child(1){border:none;} .prod-feature-tab .table tbody > tr:nth-child(1) > td:nth-child(1){border-top:1px solid #ddd;} .prod-feature-tab .table tbody > tr:last-child>td:nth-child(2), .prod-feature-tab .table tbody > tr:last-child>td:nth-child(3){border-bottom:1px solid #0094c7;} .prod-feature-tab .table tbody > tr:last-child>td:nth-child(1) { border-bottom: 1px solid #ddd;} .prod-feature-tab .table tbody > tr > th:nth-child(2), .prod-feature-tab .table tbody > tr > td:nth-child(2){background:#f2fbf6;border-left:1px solid #0094c7;border-right:1px solid #0094c7;} .prod-feature-tab .table tbody > tr > th:nth-child(3), .prod-feature-tab .table tbody > tr > td:nth-child(3) {background:#f2fbf6;border-left:1px solid #0094c7;border-right:1px solid #0094c7;} .prod-feature-tab .table thead > tr:nth-child(2) > th:nth-child(2), .prod-feature-tab .table thead > tr:nth-child(2) > th:nth-child(3){border-left:1px solid #0094c7;border-right:1px solid #0094c7;border-top:1px solid #0094c7;} .mostpop-2{background: #0094c7; color: #fff;font-weight:700;} .mostpop-2 i{color:#fff;} .prodleft-brd{border:none;border-left:1px solid #0094c7;background: #f2fbf6;} .prod-feature-tab .table-bordered > thead > tr > th{border:none;} .ftrslist .fa-check-circle{color:#0094c7;font-size:20px} .ftrslist .listicon, .ftrslist .listnoicon{text-align:center;} .ftrslist .fa-times-circle{color:#f00;font-size:20px} /*.table tbody > tr > td{border-right: 1px solid #0094c7;text-align:center;}*/ .prodftr-head{background: #efefef!important;margin: 0;padding-top: 0;padding-bottom: 0;} /*********product tabs styles by srinivas sir starts***********/ #cloudbackup .modal-dialog, #cloudbackup .modal-content{width:800px;} .platform-box h3 {font-size:18px;font-weight:700;} .supportplans-box h3 {font-size:18px;font-weight:700;} .PrdVersion h3 {font-size:18px;font-weight:700;} .cdseries-box h3 {font-size:18px;font-weight:700;} .breadcrumb {background:none;} .breadcrumb > li + li:before {content: none!important;} .breadcrumb img {padding:0px 8px;} .productTabs_store { margin:30px 0px;} .productTabs_store .nav-tabs { text-align:center;border:none;display:block;} .productTabs_store .nav-tabs>li {float: none; margin-bottom: -1px; display: inline-block;} .productTabs_store .nav-tabs>li a {color:#333;padding: 10px 35px; border:none; outline:none; font-size:18px;display:block;} .productTabs_store .nav-tabs>li a:hover { background-color:transparent; border:none; outline:none;} .productTabs_store .nav-tabs>li>a.active, .productTabs_store .nav-tabs>li>a.active:focus, .productTabs_store .nav-tabs>li>a.active:hover {color: #0094c7; cursor: pointer;background-color: #fff;border: none;outline:none; font-weight:bold;} .productTabs_store h3 {font-weight:600;margin:15px 0px 0px 0px;font-size:18px;} .productTabs_store p {font-size:16px;} .productTabs_store .tab-content {background-color:#fff !important;padding:25px;} .store-features-tab{ margin-top:30px;margin-bottom: 30px;} .store-features-tab .nav-tabs > li > a {line-height: 1.428571429;border: 1px solid #919191;background-color: #fff;color: #333 !important;border-radius: 0px;font-size: 20px;padding: 7px 30px;} .store-features-tab .nav-tabs > li > a:hover {background-color:#fff;border:1px solid #919191;} .store-features-tab .nav-tabs > li > a i {margin-right:10px;} .store-features-tab ul li {float: none; display: inline-block;width: auto;margin: 0px -8px 0px 0px; padding: 0px;} .store-features-tab ul {border: none;text-align: left; width: 100%; margin-bottom: 0px;} .store-features-tab.nav-tabs li:nth-child(1) a {border: 1px solid #919191;text-align:center;background-color: #fff;} .store-features-tab .nav-tabs > li.active > a, .store-features-tab .nav-tabs > li.active > a:hover, .store-features-tab .nav-tabs > li.active > a:focus {background-color: #358dbf;border: 1px solid #358dbf;color: #fff !important; } .store-features-tab .nav-tabs li:nth-child(2) a {border: 1px solid #919191;text-align:center;} .qty-box h3{font-size:18px;font-weight:700;} .forms-desc-store { text-decoration: none;list-style-type: none;line-height:1.5em;} .forms-desc-store ul{text-decoration: none;list-style-type: none;line-height:1.5em;} .forms-desc-store li ul li {text-decoration: none;list-style-type: none;} .cust-box{padding:7px 14px;background-color: #fff;border: 1px solid #e3e3e3;font-size:20px;height: 42px;} .incdec,.incdec:focus {width:72px !important;text-align:center;display: inline-block;box-shadow:none;float: left;border: 1px solid #e3e3e3;border-left: none;border-right: none;padding: 7px 20px;height:42px;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0; } .incdec {width:72px !important;text-align:center;} .breadcrumb {background:none;padding:0;margin-bottom:20px;} .breadcrumb > .active {color: #333;} .branch-head-link{width: 100%;text-align: center;background-color: #fff;margin: 0px;transition: ease-in-out 0.2s;position: sticky;z-index: 99;} .branch-head-link ul {text-align:center;margin-bottom:0;} .branch-head-link ul li {list-style-type:none;text-decoration:none;display: inline-block;padding: 0px 15px;margin:0 0 25px 0px;cursor:pointer;} .branch-head-link ul li:hover {color:#00ab58;} .branch-head-link ul li a {color:#333;font-size: 16px; cursor:pointer;text-decoration:none; } #storebanner .carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 100%;margin: auto;} #storebanner .glyphicon-chevron-left {position: absolute;left: 30px !important;font-size: 24px;color: #333;} #storebanner .glyphicon-chevron-right {position: absolute;right: 7px !important;font-size: 24px; color: #333;} #store-banner img {width:100%;height:100%;} #store-banner button.slick-prev {position: absolute;top: 50%;left: 15px;z-index: 1;width: 47px;height: 75px;background: url(../images/sliderarrow-left-b.png) no-repeat !important; /* background-size: 95px;*/background-position-x: right;} #store-banner button.slick-next {position: absolute;top: 50%;right: -4px;width: 47px;height: 75px;background: url(../images/sliderarrow-right-b.png) no-repeat !important;/* background-size: 95px;*/} #store-banner .learnmore {background-color: #00ab57;padding: 10px 38px;color: #fff;border: 1px solid #00ab57;position: absolute;bottom: 130px;left: 68px;font-size: 24px;cursor: pointer;} /*.updates_store ul {width:47%;height: auto;display: inline-block; margin: 25px 0px;}*/ .updates_store ul li {list-style-type:none;text-decoration:none;} .updates_store h4, .updates_store p {text-align:left;margin-top:15px;} .updates_storep span {color: #0094c7;} .store-cloudhme h1 {margin: 60px 0px 30px 0px;text-align: center;color: #333;font-weight: normal;} .store-cloudhme h2 {/*margin:50px 0px 10px 0px;*/text-align: center;color: #333;font-weight: bold;} .updates_store {width:100%; float:left; background-color:#f2fbf6; padding:25px;} .updates_store h3 {text-align:center;color:#333;} .upateProduct { width:100%; margin:20px 0px; /*float:left;*/} .upateProduct span { display:inline-block; float:left;margin: 0px 15px 0px 0px;padding: 0px;} .upateProduct p {} .upateProduct p span {color:#368bbe; float:none;} .upateProduct .organebtn {display:inline-block; padding:3px 15px;float: inline-start;} .upateProduct .organebtn:hover { background-color:#00904a !important;border:1px solid #00904a !important; color:#fff;} .store-softd { width:50%; margin:20px 0px; float:left;} .store-softd span { width:150px; display:inline-block; float:left; margin-right:20px;} .store-softd p {} .store-softd p span {color:#368bbe; float:none;} .store-softd .organebtn { display:inline-block; padding:3px 15px;} .store-softd .organebtn:hover { background-color:#00904a !important;border:1px solid #00904a !important; color:#fff;} .store_products_Sliderev, .store_products_Sliderbfms {width:100%; float:left; background-color:#f2fbf6; padding:25px;} .store_products_Sliderev .slick-slide, .store_products_Sliderbfms .slick-slide {width:260px !important;} .store_products_Sliderev .store_products_Slider ul li , .store_products_Sliderbfms .store_products_Slider ul li{ width:284px; /*padding:10px;*/ display:inline-block; list-style-type:none; text-align:center;} .store_products_Sliderev button.slick-prev, .store_products_Sliderbfms button.slick-prev {position: absolute;top: 41%;left: -56px;z-index: 1;width: 47px;height: 75px;background: url(../images/sliderarrow-left-b.png) no-repeat !important;/* background-size: 95px;*/background-position-x: right;} .store_products_Sliderev button.slick-next, .store_products_Sliderbfms button.slick-next {position: absolute;top: 41%;right: -80px;width: 47px;height: 75px;background: url(../images/sliderarrow-right-b.png) no-repeat !important;/* background-size: 95px;*/} .store_products_Sliderev button.slick-next:hover {color:#0094c7 !important;} .store_products_Sliderbfms button:hover {color:#0094c7 !important;} .store_products_Sliderev button.slick-next.active {color:#0094c7 !important;} .store_products_Sliderbfms button.slick-next.active {color:#0094c7 !important;} .store_products_Sliderev button.slick-prev:hover {color:#0094c7 !important;} .store_products_Sliderbfms button.slick-prev:hover {color:#0094c7 !important;} .store_products_Sliderev button.slick-prev.active {color:#0094c7 !important;} .store_products_Sliderbfms button.slick-prev.active {color:#0094c7 !important;} .store_products_Sliderbfms .store_products_Slider ul li .organebtn:hover { background-color:#00904a !important;border:1px solid #00904a !important; color:#fff;} .store_products_Sliderev .store_products_Slider ul li .organebtn:hover { background-color:#00904a !important;border:1px solid #00904a !important; color:#fff;} .fa-star-half-o {color: #fb7600;margin: 0px 2px;} /*********product tabs styles by srinivas sir ends***********/ .spanprod-cont{display:inline-block!important;margin:0!important;border:none!important;} .recommenddiv{background:#0094c7;color:#fff;border-radius:10px;padding:4px 6px!important;margin:0px 5px 0px 5px !important;font-size:10px;} .spanprod-price{display:inline-block;float:right;margin:0!important;border:none!important;} .cart-ml-features .ml-steps{width: 300px;height: 410px;margin: 20px 20px;} .prod-ml-desc {margin-top:25px !important;} .prod-ml-desc .prod-ml-desc-cont{padding:0px;} .paper-prod-desc li{padding:5px 0;line-height:28px;} .softProdBox{background:#0094c7;color:#fff!important;} /*Store Home Srinivas 24-06-2024*/ .store-cloudhme p {color:#333;cursor:default;text-decoration:none!important;} .store-softd h4 a, .upateProduct h4 a, .supportPlan h4 a{color:#333;font-weight:700;} #storebanner .carousel-control .fa-angle-left {left: -10%;position: absolute;top: 45%;z-index: 5;display: inline-block;font-size: 5rem;color: #000;} #storebanner .carousel-control .fa-angle-right {right: 0%;position: absolute;top: 45%;z-index: 5; display: inline-block;font-size: 5rem;color: #000;} .marg-0p{margin:0 !important;} /*.respProductDetails {max-width: 100%;overflow-x: scroll;}*/ /*******************************Dashbord My ACCOUNT*/ .dash-box {background-color: #fff;border: 1px solid #ddd;padding: 25px;margin: 10px;width: 31%;height:240px;} .dash-box img {margin: -25px 5px 0px 0px;} .dash-box label {font-size: 18px;font-weight: bold;} .dash-box small {display: block;font-size: 14px;} .dash-box ul {list-style-type:none;text-decoration:none;padding:25px 0px 0px 0px;font-size:14px;} .dash-box ul li {color:#0093c7;line-height:1.5em;} .new-dashbord {background-color:#00ab58;color:#fff;padding:3px 10px;font-size:10px;margin:0px 8px;} .addl_buyview {background-color: #f7f7f7;padding: 25px;} .addl_buyview .form-group {margin:25px; 0px;} .addl_buyview a {margin-top:40px;} .cartbtn-acc {width: 30%;background-color:#00ab58; color:#fff; padding:10px 10px; border:none; outline:0; isplay: block;} .cartbtn-acc:hover { background-color:#00904a;} .cart-proceed {width: 30%;background-color:#00ab58; color:#fff; padding:10px 10px; border:none; outline:0; } .cart-proceed:hover { background-color:#00904a;} .order-summary-addlbuy {border: 1px solid #f2f2f2;padding: 25px;color: #368ec0;font-size: 16px;} .order-summary-addlbuy h4 {color: #368ec0;font-size: 16px;} .company-details .fa-trash-o {margin: 0px 0px 0px 10px;} .order-total-amount h4 {color:#333;font-size:18px;font-weight:bold;} /*NPWWW*/ .npw-greensec {background-color: #00ab58;padding:12px;box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 12px; } .npw-greensec p {color:#fff !important;font-size:28px;text-align:center;font-weight:bold; line-height:normal; } .npw-dwnarr {background-image:url(../images/npw-downarrow.png);background-repeat: no-repeat;position: relative;top: -32px;padding-left: 34px;} .payrolloffer .whitebtn2 {font-weight:bold;} .cloudpayrolloffer .whitebtn2 {font-weight:bold;} .dropdown-toggle::after {display:none !important;} .ml-pro-bannercontent{padding: 40px 0px 40px 0px; text-align:left;} .ml-pro-bannercontent h1{ font-size:42px; color:#333;text-align:left;} .ml-pro-bannercontent p {color: #000;text-align: left; margin-bottom:30px; font-size:18px;} .ml-pro-bannercontent ul { list-style-type:none; padding:0px; margin-bottom:30px;} .ml-pro-bannercontent ul li { display:block; margin:5px 0px; font-size:16px;} .ml-pro-bannercontent .win_mac_cust {width:45%; text-align:center;margin-top:20px;} .ml-pro-bannercontent .win_mac_cust span {display:block; margin:10px 0px 30px 0px;} .ml-pro-bannercontent ul li .fa-check { color: #0291c4; } .ml-left-tabs {} .ml-left-tabs .nav-tabs {list-style-type:none; border:none;} .ml-left-tabs .nav-tabs li {width:250px; display:block; background-color:#fff; margin:10px 0px; border:1px solid #ddd;} .ml-left-tabs .nav-tabs li a.active {border-left:3px solid #0291c4; -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50); } .ml-left-tabs .nav-tabs li a {font-size:18px;} /*.ml-left-tabs .nav-tabs li.active a {border:none; margin:0px;}*/ .ml-left-tabs .nav-tabs li a:hover {background-color:#fff;margin:0px;} .ml-right-tabs {} .ml-right-tabs .nav-tabs {list-style-type:none; border:none;} .ml-right-tabs .nav-tabs li {width:250px; display:block; background-color:#fff; margin:10px 0px; border:1px solid #ddd;} .ml-right-tabs .nav-tabs li a.active {border-right:3px solid #0291c4;-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);} .ml-right-tabs .nav-tabs li a {font-size:18px;} /*.ml-right-tabs .nav-tabs li.active a {border:none; margin:0px;}*/ .ml-right-tabs .nav-tabs li a:hover {background-color:#fff;margin:0px;} .accord-ml-smallT .panel { background-color:transparent; border:none;} .accord-ml-smallT .panel-title {margin-top: 0;margin-bottom: 0;font-size: 18px;color: inherit; font-family: 'open_sansregular';} .accord-ml-smallT .panel-title a { display:block; color:#333;} .accord-ml-smallT .panel-title > a:before {content:""; width:36px; height:19px; position:relative; float:right !important; background:url(../images/multiledgersoft/accord-ml-after.png) no-repeat;} .accord-ml-smallT .panel-title > a.collapsed:before {content:""; width:30px; height:26px; position:relative;float:right !important; background:url(../images/multiledgersoft/accordin-ml-plus.png) no-repeat;} .accord-ml-smallT .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {text-decoration:none;color:#333;} .accord-ml-smallT .panel-default>.panel-heading {color: #333;background-color:#f7f7f7;border:1px solid #ddd; padding: 15px 15px 15px 10px;} .accord-ml-smallT .panel-group .panel {overflow: hidden;border-radius: 0px;border: 1px solid #ddd;box-shadow: none;} .accord-ml-smallT .panel-default > .panel-heading + .panel-collapse .panel-body { border-top:none; padding: 20px 20px 20px 20px; background-color:#fff;} .accord-ml-small .panel { background-color:transparent; border:none;} .accord-ml-small .panel-body {margin:15px; } .ml-btn-mt {margin:25px 0px;} .accord-ml-small .panel-title {margin-top: 0;margin-bottom: 0;font-size: 18px;color: inherit; font-family: 'open_sansregular';} .accord-ml-small .panel-title a { display:block; color:#333;} .accord-ml-small .panel-title > a:before {content:""; width:36px; height:19px; position:relative; float:left !important; background:url(../images/newimages/accord-down-ml.png) no-repeat;} .accord-ml-small .panel-title > a.collapsed:before {content:""; width:30px; height:26px; position:relative;float:left !important; background:url(../images/newimages/accord-right-ml.png) no-repeat;} .accord-ml-small .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {text-decoration:none;color:#333;} .accord-ml-small .panel-default>.panel-heading {color: #333;background-color:#f7f7f7;border:1px solid #ddd; padding: 15px 15px 15px 10px;} .accord-ml-small .panel-group .panel {margin-bottom: 20px;overflow: hidden;border-radius: 0px;box-shadow: none;-webkit-box-shadow: -2px 3px 5px 0px rgba(171,171,171,1); -moz-box-shadow: -2px 3px 5px 0px rgba(171,171,171,1); box-shadow: -2px 3px 5px 0px rgba(171,171,171,1);} .accord-payroll-small .panel-default > .panel-heading + .panel-collapse .panel-body { border-top:none; padding: 20px 20px 20px 20px;} /***********************************************CHECK CHECK CHECK**************************************************************************************************************************************************/ .panel-group .cust-new-feature-panel:hover{background-color:transparent;} .cust-new-feature-panel ul li{font-size:14px;} .custmostpopuparplan{margin-top: -34px; position: absolute;color:#fff;font-size:12px;background: #00ab58;font-weight: 700;padding: 6px 12px;border-radius: 10px;left:45px;} .custmostpopuparplan .fa-star{color:#fff;} .know_more_popup .nav-tabs > li > a{margin-right:0px;color:#333; border: none;padding: 10px 20px; border-radius: 0;} .know_more_popup .nav-tabs{border: none;} .know_more_popup .nav-tabs > li{border: 1px solid #0092c6;border-right:none;} .know_more_popup .nav-tabs > li:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;} .know_more_popup .nav-tabs > li:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;border-right: 1px solid #0092c6;} .know_more_popup .nav-tabs > li:first-child.active>a, .know_more_popup .nav-tabs > li:first-child.hover>a {border-top-left-radius: 10px;border-bottom-left-radius: 10px;} .know_more_popup .nav-tabs > li:last-child.active>a, .know_more_popup .nav-tabs > li:last-child.hover>a {border-top-right-radius: 10px;border-bottom-right-radius: 10px;} .know_more_popup .nav-tabs > li:first-child>a:hover {border-top-left-radius: 10px;border-bottom-left-radius: 10px;} .know_more_popup .nav-tabs > li:last-child>a:hover {border-top-right-radius: 10px;border-bottom-right-radius: 10px;} .know_more_popup .nav-tabs > li.active > a, .know_more_popup .nav-tabs > li.active > a:hover, .know_more_popup .nav-tabs > li.active > a:focus{background:#0092c6;color:#fff;border:none;border-radius:0;} #knowmore_popup .modal-content{border-radius: 24px;} #knowmore_popup .modal-header .close {font-family: open_sanslight; position: absolute;top: -5px;right: -5px; width: 25px;height: 25px;background-color: #000;border: 1px solid #000000;border-radius: 20px;color: #fff;opacity: inherit; text-align: center;} .knowmore_content .syshead{text-align:left!important;} .cust-box-2{padding:7px 20px;background-color: #fff;border: 1px solid #e3e3e3;} .paperproductbox .incdec {width: 60px !important; text-align: center;padding:7px 14px;} .ProdQty{/*width:40px;*/height:40px!important;} #knowmore_popup_95 .modal-content, #knowmore_popup_99 .modal-content, #knowmore_popup_ML .modal-content, #knowmore_popup .modal-content{border-radius:24px;} #knowmore_popup_95 .modal-header .close,#knowmore_popup_99 .modal-header .close,#knowmore_popup_ML .modal-header .close,#knowmore_popup .modal-header .close {font-family: open_sanslight; position: absolute;top: -5px;right: -5px;width: 25px;height: 25px;background-color: #000;border: 1px solid #000000;border-radius: 20px;color: #fff;opacity: inherit;text-align: center;} /***License POpup******/ .viewli-details {} .viewli-details h2 {font-size:28px;font-weight:600;text-align:center;} .viewli-details .detailkeys ul {list-style-type:none;text-decoration:none;display:inline-block;width:100%;margin:20px 0px;} .detailkeys ul li {font-size:18px;font-weight:600;width:32%; display:inline-block;text-align:center; } .active-devi {margin:15px 0px;} .active-comp {margin:15px 0px;} .active-comp h2, .active-comp h2 span{font-size: 20px;font-weight: 600;} .active-devi h2,.active-devi h2 span {font-size: 20px;font-weight: 600;} .license-key{width:auto!important;} .license-key-colm {color: #0091c6;width: 190px !important;border-radius: 5px; background-color: #e5f4f9;} .nolicense-key-colm {width:190px!important;} /*.license-key-colm .fa-copy{padding:0px 25px 0px 10px;}*/ .license-text{width:220px!important;} #copybtn {width:0px;padding:0px} #message{color: #0092c6;position: absolute;top: 49px;right: 167px;} .active-comp p {font-size: 16px;} .active-devi p {font-size: 16px;} #removerequest .modal-header .btn-close{font-family: open_sanslight;position: absolute;top: -5px;right: -5px;width: 25px;height: 25px;background-color: #000;border: 1px solid #000000;border-radius: 20px;color: #fff; opacity: inherit;text-align: center;} .licensepop .modal-title {font-size:18px;font-weight:600;} .licensepop .modal-body p{font-size:16px;} .licensepop .btn-danger{background-color:#fff;border:1px solid #f00;padding:7px 12px;color:#f00;} .licensepop .btn-danger:hover{background-color:#f00;border:1px solid #f00;padding:7px 12px;color:#fff;} .licensepop .btn-primary{background-color:#00ab58;border:1px solid #00ab58;padding:7px 12px;color:#fff;} .licensepop .btn-primary:hover{background-color:#fff;border:1px solid #00ab58;padding:7px 12px;color:#00ab58;} .order-summary-addlbuy {margin:20px 0px;} .order-summary-addlbuy h3 {margin:0px;padding:20px 0px;text-align:center;} .company-details {border:1px solid #ddd;padding:10px;} .addl_buyview{background-color:#f7f7f7;padding:25px;} .company-details p {font-size: 16px;color: #368ec0;} .company-details .grand-total{color:#333;font-size:18px;} /*******************************Dashbord My ACCOUNT*/ .dash-box {background-color: #fff;border: 1px solid #ddd;padding: 25px;margin: 10px;width: 31%;height:240px;} .dash-box img {margin: -25px 5px 0px 0px;} .dash-box label {font-size: 18px;font-weight: bold;} .dash-box small {display: block;font-size: 14px;} .dash-box ul {list-style-type:none;text-decoration:none;padding:25px 0px 0px 0px;font-size:14px;} .dash-box ul li {color:#0093c7;line-height:1.5em;} .new-dashbord {background-color:#00ab58;color:#fff;padding:3px 10px;font-size:10px;margin:0px 8px;} .addl_buyview {background-color: #f7f7f7;padding: 25px;} .addl_buyview .form-group {margin:25px; 0px;} .addl_buyview a {margin-top:40px;} .cartbtn-acc {width: 30%;background-color:#00ab58; color:#fff; padding:10px 10px; border:none; outline:0; isplay: block;} .cartbtn-acc:hover { background-color:#00904a;} .cart-proceed {width: 30%;background-color:#00ab58; color:#fff; padding:10px 10px; border:none; outline:0; } .cart-proceed:hover { background-color:#00904a;} .order-summary-addlbuy {border: 1px solid #f2f2f2;padding: 25px;color: #368ec0;font-size: 16px;} .order-summary-addlbuy h4 {color: #368ec0;font-size: 16px;} .company-details .fa-trash-o {margin: 0px 0px 0px 10px;} .order-total-amount h4 {color:#333;font-size:18px;font-weight:bold;} .Prdupdatedisabled{cursor:not-allowed;} .Prdupdatedisabled .addProductCart, .Prdupdatedisabled .addProductCart:hover, .Prdupdatedisabled .addProductCart:active, .Prdupdatedisabled .addProductCart:visited, .Prdupdatedisabled .addProductCart:focus{background-color: #ddd!important;color: #a2a2a2!important;border: 1px solid #ddd!important;pointer-events:none;} .licensetHistorybody .subdiv{width: 100%;min-height: 50px;border: 1px solid #e3e3e3;border-top: none;float: left;} .licdetailsview{width: 1137px;border: 1px solid #ddd;padding: 10px 10px; margin-bottom: 20px;} .removecompopup{cursor:not-allowed;} #licremoved{overflow-x: hidden;overflow-y: auto;} #licremoved .modal-header{background-color: #e7e7e7;padding: 15px;} .custreadonly{cursor:not-allowed;} .custreadonly{cursor: not-allowed;background:#eee;} .custreadonly .custreadonlydiv{pointer-events:none;} .useful_shortcuts_notfound h4{font-size:16px;font-weight:700;margin-bottom:5px;} .useful_shortcuts_notfound ul{padding-inline-start:0px;margin-bottom:30px;} .useful_shortcuts_notfound ul li{list-style-type:none;margin:5px 0;} .notfoundbanner{padding-bottom:0px;} .notfoundbanner p{margin-bottom:0px;} .explrhead{margin:0 0 20px;} .disabledcart p, .disabledcart2 p{color:#f00;text-align:left;} .disabledcart .cartbtn{background-color: #ddd; color: #a2a2a2; border: 1px solid #ddd;cursor:not-allowed;} .disabledcart2{cursor:not-allowed;} .disabledcart2 .bluebtn{pointer-events:none;background-color: #ddd; color: #a2a2a2!important; border: 1px solid #ddd!important;} .downloadtril_ul p{font-size: 16px !important;line-height: 28px;font-family: 'open_sansregular';margin-left:0px !important;} .download_intallation p{font-size: 16px;line-height: 28px;font-family: 'open_sansregular';text-align:left !important;} .shopcarthead{margin: 0px 0px 10px;padding: 0px;text-align: center;font-size: 42px;color: #333;font-weight: normal;font-family: 'montserratmedium';} .cartprdtitles h1 {margin: 0px 0px 10px;padding: 0px;text-align: center;font-size: 42px;font-family: 'montserratmedium';line-height: 40px;} .cartprdtitles .cartpara {margin-bottom: 40px;padding: 0px;text-align: center;font-size: 24px;font-weight: 500;font-family: 'montserratregular';line-height: 32px;margin: 10px 0px;color: #333 !important;} .countdown-dots-ul{display: block;list-style-type: none;padding: 0px;position: absolute;top: 26px;font-size: 50px;left: 50px;} .countdown-dots-ul .firstli{ width: 130px;text-align: center; display: inline-block;} .countdown-dots-ul .secondli{width: 75px;text-align: center;display: inline-block;} /******************deepika new styles***********************/ p { font-size: 16px; line-height: 28px; font-family: 'open_sansregular'; } .bannercontent-left ul{list-style-type: none;padding: 0px;margin-bottom: 20px;} .bannercontent-left ul li {display: block;margin: 5px 0px;font-size: 16px;} .canypay-navtabs li{padding: 10px 18px;float: none;display: inline-block;} .canypay-navtabs{border-bottom:none;} .canypay-navtabs li a{color:#333;padding: 0 0 10px;} .canypay-navtabs li a.active{color:#0094c7;border-bottom: 1px solid #0092c6;} .canypay-navtabs li a:hover{text-decoration:none;} .canypay-navtabs-content ul li{padding:6px;} .paperproduct-2 { width: 100%;background-color: #fff;padding: 30px 30px;margin: 15px 0px;float: left;} .paperproduct-2 span {width: 145px;height: 182px;display: block;margin: 0 50px 20px 0;float: left;} .paperproduct-2 span img {width: 100%;vertical-align: middle;cursor: pointer;} .shippingInfo{border:1px solid #ddd;padding:10px;} .securitylinks{width: 100%;float: left;margin: 0px 25px;border-bottom:1px solid #ddd;padding: 15px 0px;font-size:18px;} .securitylinks h4{font-weight:bold;margin-bottom:15px;} .securitylinks p{margin-bottom:10px;} .orderconfidence { width: 100%;clear: both;float: left;margin: 25px 0px;padding: 0px;line-height: 24px;} .orderconfidence h4 {text-align: center;} .orderconfidence ul {width: 48%;display: inline-block;margin: 15px 15px 15px 0px;padding: 0px;float: left;} .orderconfidence ul li {background-image: url(../images/tick.png);background-position: left 3px;background-repeat: no-repeat;list-style-type: none;padding-left: 25px;margin-bottom: 10px;} .forte_logo{width: 200px;display: inline-block;margin: 0 20px;} .editbtn{background:none;border:none;color:#0094c7;} .sitemap-links {color: #0094c7;line-height: 30px;margin-bottom: 30px;} .currentShippingAddress p{margin-bottom:0px;} .greenbtn {border:1px solid #00ab58 !important; padding:5px 20px; color:#fff !important;background-color:#00ab58;margin: 2px 2px;} .greenbtn:hover { background-color:#00904a !important;border:1px solid #00904a !important; color:#fff !important;text-decoration:none;padding:5px 20px;} .business-ullist-pr li .fa-check{color:#00ab58;} .affix {position: fixed;top: 0;right: 0;left: 0;z-index: 1030;} .bannercontent-left{ padding: 40px 0px 40px 0px; text-align: left;} .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity = 50); opacity: .5; } /*.account-menu-info + .menuright{margin:7px 0px 0px 0px;}*/ .navbar-nav img{margin-top: -5px;} .navbar-default .navbar-nav>li>a{padding:15px 10px!important;text-decoration:none;} .signin-dropdown{width:250px;} .ProductDetailBody span.downloadinfoCon { width: 200px; height: auto; display: none; background-color: #00ab58; color: #fff; padding: 10px; font-size: 12px; font-weight: 400; border: 1px solid #00ab58; position: absolute; right: 50px; } .ProductDetailBody span.downloadinfoicon:hover + span.downloadinfoCon { display: block; } .ProductDetailBody span { display: inline-block; padding: 7px 10px; text-align: left; float: left; } .ProductDetailBody span.downloadinfoicon { display: inline-block; cursor: default; } [data-title] { position: relative; } [data-title]:hover::before { content: attr(data-title); position: absolute; bottom: -15px; display: inline-block; padding: 3px 6px; border-radius: 2px; background: #000; color: #fff; font-size: 12px; font-family: sans-serif; width:340px; border-radius:5px; } [data-title]:hover::after { content: ''; position: absolute; bottom: 6px; left: 84px; display: inline-block; color: #fff; border: 8px solid transparent; border-bottom: 8px solid #000; } .input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; } .billing-add p{width:150px;display:block} .billing-add span{float:right;text-align:left;} .billing-add {padding: 20px 10px;} /*.DeleteCrad i {margin: 10px;}*/ .saveaddressdata p{margin:0px 0px 10px 0px;} .SavedCardDetails p {font-size:14px;} .SavedCardDetails p span { display:inline-block; width:150px;} .SavedCardDetails table tr td { vertical-align:top;text-align:left;} .SavedCardDetails table tr td span {display:block; padding:3px 0px;} .SavedCardDetails table tr td:first-child { width:150px;text-align:left;} .cardexpdetails .expdiv, .cardexpdetails .yrdiv{width:140px;margin-right:8px;display:inline-block;} .cardexpdetails .cvvdiv{width:140px;display:inline-block;} .choofileCustomBtn { text-align: left; padding-left: 5px; border: 1px solid #ddd; padding: 5px; } .awe-header { background-color: #f7f7f7 !important; border: 1px solid #e3e3e3 !important; } .awe-header th { background-color: #f7f7f7 !important; color: #000 !important; } .SupportTicketsTable{margin: 0 auto; padding: 30px 0px 100px;} .SupportTicketsTable h2{font-weight: 500; text-align: center; color: #474747; font-size: 24px; margin: 20px 0px 50px 0px;} #SupportTickets .oddbtn{background-color:#000!important;color:#fff!important;background-image:none!important;} .bluebtn5{ margin:0px;padding: 10px 30px;display: inline-block; font-size:19px; background-color:#00ab58; color:#fff; border:1px solid #00ab58; text-decoration:none;} .bluebtn5:hover, .bluebtn5:active {background-color:#00904a; color:#fff;border:1px solid #00904a;text-decoration:none;} blockquote{padding:10px 20px;} .navbar-toggler { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; background-color: #0094c7; border: none; border-color: none; color: #fff; } .navbar-toggler .icon-bar { background-color: #fff; } .navbar-toggler:focus { outline: 0 } .navbar-toggler .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px } .navbar-toggler .icon-bar+.icon-bar { margin-top: 4px } .contactus-popup p{margin-bottom:8px;} .contact-msgsnt{color:#0092c6;} .contactus-popup span{margin-right:10px;} /**********srinivas sir code *********/ .upateProduct .softwareupdate-store h3 {float: left;padding: 25px 0px 0px 0px;font-weight: normal;} .footersec ul li div.address i { height: 46px; margin: 5px 15px 0px 0px; display: inline-block; float: left; } .copyrightsrow span {padding: 20px 0px;display:block;text-align: left; /*width: 50%; display: inline-block;*/} ul.tc { /*width:auto; margin: 0px 0px 10px 0px;*/ float: right;color: #fff;padding: 15px 0px 0px;} ul.tc li {list-style-type:none;display:inline-block;margin:0px 7px;} ul.tc li a { /*color: #f00;*/ } #storebanner .carousel-control .fa-angle-left {left: -4%;position: absolute;top: 45%;z-index: 5;display: inline-block;font-size: 5rem;color: #000;} #storebanner .carousel-control{background-image: none;} #storebanner .carousel-control.left { width: 20px; left: -50px; text-align: left;} #storebanner .carousel-control.right {width: 20px; right: -40px; text-align: right; left: auto;} .branch-head-link ul li {list-style-type:none;text-decoration:none;display: inline-block;padding: 0px 15px;margin:15px 0px;cursor:pointer;} .mlproplus .mostpop {background-color:#0291c4;border:none;position:absolute;top:-36px;left:0px;padding:6px 6px;width:98%;} .payproplus, .mlproplus {/*width:49%;background-color:#f2fbf6;*/padding:0;} .payproplus .payproplusdiv, .mlproplus .mlproplusdiv {border:1px solid #c2c2c2;padding:30px;width: 98%;background-color: #f2fbf6;} .mlben {/*margin:55px 0px;*/border:1px solid #c2c2c2;padding:10px;} .canadadollar {text-align-last: end;padding: 6px 0px;font-weight: 600;} .cntform{padding:0 15px;} .contact-msgsnt .contact-msgsnt{color:#0092c6;} .completecolorsection .PPColors { padding: 0px 0px 0px 0px;margin:0px; display: inline-block; width: 18%; text-align: center; } .hidden{display:none;} #SavedCardDetailsDiv .visa{display:block;} .collapse{display:none;} .collapse.show{display:block;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .AddlprdDec,.AddlprdInc { width: 25px; height: 25px; background: #fff; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 30px; display: inline-block; border: 1px solid #ddd; text-align: center !important; font-size: 20px; font-weight: bold; margin: 5px 0px; padding: 2px 2px; line-height: 15px; color: #ddd;} .AddlprdDec:hover, .AddlprdInc:hover { background-color: #1ea5e0; color: #fff; border: 1px solid #1ea5e0; } .incdec, .incdec:hover, .incdec:focus, .incdec:active { background-color: #fff!important; border: none; float: none; width: 30px !important; padding: 0px 0px!important;font-size:18px;color:#368dcf; } .custom-select { position: relative; width: 80px; user-select: none; font-family: Arial, sans-serif; background-color: transparent!important; border: none!important; /*background:url('/images/downarrow.png') right 1rem center/12px 8px no-repeat;*/ background-image:none !important; cursor:pointer; -webkit-appearance:none !important; } .custom-select::after {} .select-selected { cursor: pointer; text-align: center; } .select-selected img { max-width: 100%; height: 20px; margin-top:0px; } .custom-select-arrow { display: inline-block; margin-left: 20px; transition: transform 0.3s ease; /*background: url(/images/downarrow.png) right 1rem center / 11px 8px no-repeat;*/ position: absolute; width: 48px; height: 48px; position: absolute; top: -4px; z-index: 10; cursor: pointer; font-size: 30px; line-height: 48px; text-align: center; font-style: normal; } .custom-select .dropdown-menu::before { content: ""; position: absolute; top: -9px; left: 17%; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #fff; z-index: 1; } .custom-select .dropdown-menu::after { content: ""; position: absolute; top: -11px; left: 16%; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 11px solid rgba(0, 0, 0, 0.1); z-index: 0; } .custom-select-arrow.rotated { transform: rotate(180deg); margin-left: 20px; } .select-items { position: absolute; border-top: none; z-index: 9999; background: #f7f7f7; border: 1px solid #ddd; width: 150px; margin-top: 3px; display: none; } .select-item { padding: 8px; cursor: pointer; border-bottom: 1px solid #ddd; } .select-item:hover { background-color: #f0f0f0; } .select-item img { height: 20px; margin-top: -4px; } .loginfootersucess { width:100%;text-align: center;color: #333; position:absolute; left:0; bottom:0px; right:0;margin:10px 0;} .loginfootersucess p {margin:0px;padding:0px;} .loginfootersucess ul { width:auto; padding:0px;} .loginfootersucess ul li { list-style-type:none; display:inline-block; margin:0px 10px;} .loginfootersucess ul li a { font-size:14px;color:#333;}