/** * Stylesheet for all elements * * @author Khushang Bhavanagarwala * @date 8th March 2017 * @package Custom CSS * @return CSS * @IMPNote: Do not use any color out of "00aeef 1b75bb 404041" this is branding. If needed meet TL/Client first. */ /*===============================================================================================*/ /*===============================================================================================*/ /*Element specific CSS starts*/ /*===============================================================================================*/ /*===============================================================================================*/ /* Text Element CSS */ ul.horizontal, ol.horizontal{list-style-type:none;margin:0;padding:0;}/* Bullet List Element CSS */ ul.horizontal li, ol.horizontal li{display:inline !important;}/* Bullet List Element CSS */ .customIcons{list-style-type:none;} .fontAwesomeLHeight{line-height:inherit !important;} .fontAwesomeLHeight.fa-li{top:0;} /* Video Element CSS */ /*#DRA 56 to 56.25 and add class .videoOverlay #1086 padding-bottom:calc((100%*9)/16);*/ .imagemodalelement_cl a:focus{outline:none !important;} /* Gearbubble Element CSS */ .cl_hide{display:none !important;} .cl_stickToTop {position: fixed !important;top: 0;z-index: 999 !important;} .container-fluid.cl_stickToTop{width:100%;} .container.cl_stickToTop{left:0;right:0;} .cl_stickToBottom {position: fixed !important;bottom: 0;z-index: 999 !important;} .container-fluid.cl_stickToBottom{width:100%;} .container.cl_stickToBottom{left:0;right:0;} .customPreviewModal .modal-dialog{z-index:9999;} .customPreviewModal .modal-header{display:none;} .customPreviewModal .modal-body{text-align:center;padding-left: 15px;padding-right: 15px;} .customPreviewModal .modal-footer{text-align:center;border-top:none;} /*CSS for vertical alignment of bootstrap dialog*/ .customPreviewModal.modal{text-align:center;padding:0!important;} .customPreviewModal.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px;} .customPreviewModal .modal-dialog{display:inline-block;text-align:left;vertical-align:middle;} .customPreviewModal .bootstrap-dialog-message{word-break:break-word;} .cl_body_preview .cl_section.container-fluid .cl_row_d.container{padding-left:0;padding-right:0;} @media (max-width:992px) and (min-width:992px){.cl_body_preview .cl_section.container-fluid{margin-left:-4px;}} @media (max-width:994px) and (min-width:993px){.cl_body_preview .cl_section.container-fluid{margin-left:-3px;}} @media (max-width:996px) and (min-width:995px){.cl_body_preview .cl_section.container-fluid{margin-left:-2px;}} @media (max-width:998px) and (min-width:997px){.cl_body_preview .cl_section.container-fluid{margin-left:-1px;}} @media (max-width:768px) and (min-width:768px){.cl_body_preview .cl_section.container-fluid{margin-left:-6px;}} @media (max-width:770px) and (min-width:769px){.cl_body_preview .cl_section.container-fluid{margin-left:-5px;}} @media (max-width:772px) and (min-width:771px){.cl_body_preview .cl_section.container-fluid{margin-left:-4px;}} @media (max-width:774px) and (min-width:773px){.cl_body_preview .cl_section.container-fluid{margin-left:-3px;}} @media (max-width:776px) and (min-width:775px){.cl_body_preview .cl_section.container-fluid{margin-left:-2px;}} @media (max-width:780px) and (min-width:780px){.cl_body_preview .cl_section.container-fluid{margin-left:-1px;}} @media (max-width:778px) and (min-width:777px){.cl_body_preview .cl_section.container-fluid{margin-left:-1px;}} /* Fixes added by Anish for row margin due to row width and alignment settings ends */ /* Styles added by Anish to handle row width in full width section cases starts */ @media (min-width:768px){.cl_body_preview .cl_section.container-fluid .cl_row_d.container{max-width:750px;width:100%;}} @media (min-width:992px){.cl_body_preview .cl_section.container-fluid .cl_row_d.container{max-width:970px;width:100%;}} @media (min-width:1200px){.cl_body_preview .cl_section.container-fluid .cl_row_d.container{max-width:1170px;width:100%;}} /* Hardik:Start - Stylesheet for sticky section and fade effect starts */ .fixed-header-top{position:fixed;top:0;left:0;width:100%;z-index:9;animation:fadeInDown 0.3s ease-out forwards;} .fixed-header-bottom{position:fixed;bottom:0;left:0;width:100%;z-index:9;animation:fadeInUp 0.3s ease-out forwards;} .remove-jump{transition:height .5s;backface-visibility:hidden;} @keyframes fadeInDown{from{opacity:0;transform:translate3d(0, -100px, 0);-webkit-transform:translate3d(0, -100px, 0);} to{opacity:1;transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);-webkit-font-smoothing:antialiased;} } @keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 100px, 0);-webkit-transform:translate3d(0, 100px, 0);} to{opacity:1;transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);-webkit-font-smoothing:antialiased;} } /* Hardik:End - Stylesheet for sticky section and fade effect ends */ /* Hardik:Start - Popup width on mobile be 90% of screen size */ /*Stylesheet for the membership loader*/ #loadingDiv {background-color: #fff;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 10020;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;} .customMem .modal-content{background-color: #ffffff !important;font-family: Open Sans !important;} .ajax-loader {position: fixed;left: 50%;top: 50%;margin-left: -32px;margin-top: -32px;display: block;z-index: 10020 !important;color: #fff;} .loader {border: 5px solid #e3e3e3;border-top: 5px solid #3498db;border-radius: 50%;width: 50px;height: 50px;animation: spin 2s linear infinite;position: absolute;top: 50%;margin-left: -25px;margin-top: -25px;left: 50%;} @keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }} /*Stylesheet for the membership loader*/ .cl_icon_inner{display: inline-flex;} .bootstrap-select,.bootstrap-select:not([class*=span]){width:100%} .custom-checkbox{position:relative;} .custom-checkbox .checkboxLabel{display:inline-block;} #page-wrapper #pageLayoutContent .cl_section{display: flex;flex-flow: column nowrap;}.textelement_cl .headlines *{word-break:normal !important;} .paragraphelement_cl .styleParagraph *{word-break:normal !important;} .paragraphelement_cl .styleParagraph{box-shadow:none !important;} .htmlelement_cl .styleParagraph{text-align:left;}/* Code Block Element CSS */ .buttonelement_cl .elementCustomCSS{white-space:normal;/*font-size:24px;*/}/*#DRA commented to fix #2kgrna*/ .buttonelement_cl .myclass{display: inline-flex; align-items: center;} .buttonelement_cl .myclass strong, .buttonelement_cl .myclass em, .buttonelement_cl .myclass span{display: initial;} /*#DRAS - #j166g2 - UI button feedback */ .membershipButtonLoader{display: none;position: absolute;border: 5px solid #f3f3f3;border-top: 5px solid #3498db;border-radius: 50%;width: 40px;height: 40px;animation: spin 2s linear infinite;left:calc(50% - 20px);top:calc(50% - 20px);} @keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }} .buttonelement_cl a.membershipSubmit{position:relative;} .dividerelement_cl a:focus{outline:none !important;} .bulletlistelement_cl i.fa, .bulletlistelement_cl i.glyphicon{margin-right:5px;} ul.bulletListImage{padding-left:0;} .bulletListImage li{background-repeat:no-repeat;background-position:7px 3px;background-position-y:center;padding:0 0 0 45px;background-size:32px;} .gmapelement_cl .kp_elementEditable *{border:none !important;} .gmapelement_cl a:focus{outline:none !important;} .imageelement_cl a:focus{outline:none !important;} /*Form Input element css*/ .forminputelement_cl input[type=checkbox], .forminputelement_cl input[type=radio]{position:relative;vertical-align:middle;margin-top:0;} .forminputelement_cl textarea{resize:none;} .forminputelement_cl label{position:relative;vertical-align:middle;} .forminputelement_cl .form-control{display:inline-block;min-height:34px;height:auto;} .forminputelement_cl .bootstrap-select{margin-bottom:0;} .forminputelement_cl .bootstrap-select>.btn{outline:none !important;} .forminputelement_cl .bootstrap-select.btn-group .dropdown-toggle .caret{top:50% !important;} .forminputelement_cl .input-group input, .forminputelement_cl .input-group span{border:none;background-color:transparent;box-shadow:none;} .forminputelement_cl .input-group{overflow:hidden;margin:0 auto;} .forminputelement_cl .input-group-addon{padding-right:0;} .forminputelement_cl .input-group-addon.right-side{padding-right:12px;} .forminputelement_cl .custom-checkbox label, .forminputelement_cl .custom-radio label, .forminputelement_cl select{cursor:pointer;} .forminputelement_cl select{width:100%; -webkit-appearance: none;appearance: none;} .forminputelement_cl select::-ms-expand { display: none; } .forminputelement_cl .text-red{color:#ff0000;} .forminputelement_cl .text-red span{background:pink none repeat scroll 0 0;border-radius:3px;cursor:pointer;display:block;margin:2px;padding:3px 5px;position:absolute;z-index:3;} .forminputelement_cl .text-red span::before{border-bottom:12px solid pink;border-left:12px solid transparent;border-right:12px solid transparent;content:"";margin-top:-12px;position:absolute;width:0;} .forminputelement_cl .input-wrapper{display:inline-block;} /* Form Input Radio Button Styles Starts */ .forminputelement_cl .custom-inline{display:inline-block;margin-right:10px;} .forminputelement_cl .custom-radio input[type="radio"]{position:absolute;opacity:0;} .forminputelement_cl .custom-radio input[type="radio"] + .custom-radio-label:before{content:'';background:orange;border-radius:100%;border:1px solid #bbb;display:inline-block;position:relative;margin-right:5px;vertical-align:middle;cursor:pointer;text-align:center;padding-left:0;position:absolute !important;top:0;bottom:0;left:0;margin:auto;} .forminputelement_cl .custom-radio-label{position:relative;cursor:pointer;margin-bottom:0;} .forminputelement_cl .custom-radio input[type="radio"]:focus + .custom-radio-label:before{outline:none;} .forminputelement_cl .custom-radio input[type="radio"] + .custom-radio-label:empty:before{margin-right:0;} /* Form Input Radio Button Styles Ends */ /* Form Input Checkbox Styles Starts */ .forminputelement_cl .custom-checkbox input{position:absolute;opacity:0;} .forminputelement_cl .custom-checkbox .icon{text-align:center;display:inline-block;} .forminputelement_cl .custom-checkbox .icon .fa{visibility:hidden;} .forminputelement_cl .custom-checkbox input:checked + .icon .fa{visibility:visible;} .forminputelement_cl .custom-checkbox{/* prevent accidental selection when clicking */ user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;} .forminputelement_cl .custom-checkbox label{cursor:pointer;margin-bottom:0;} .forminputelement_cl .custom-checkbox label span{display:inline-block;} .forminputelement_cl .custom-checkbox input{margin:0 .1em;/* Use something similar to .icon */ } .forminputelement_cl .custom-checkbox .icon{background:orange;border-color:#cac3a8 #f9f0c2 #f9f0c2 #cac3a8;color:white;border:1px solid;border-radius:.3em;text-align:center;font-size:.8em;margin:0 .1em;box-sizing:border-box;position:absolute;top:0;left:auto;bottom:0;margin:auto;} .custom-checkbox{position:relative;} .custom-checkbox .checkboxLabel{display:inline-block;} /* Extra styling added after label added in form input element */ .forminputelement_cl .form-horizontal .control-label{visibility:hidden;} .forminputelement_cl .form-horizontal .form-group > div{padding-left:0;padding-right:0;} .forminputelement_cl .form-group{margin-bottom:0;} .forminputelement_cl .form-horizontal .form-group{margin-left:0;margin-right:0;} .forminputelement_cl .bootstrap-select.btn-group, .forminputelement_cl .bootstrap-select.btn-group[class*=span]{margin-bottom:0;} /* Form Input Checkbox Styles Ends */ .forminputelement_cl .dropdown-menu .text {overflow: hidden;text-overflow: ellipsis;display: block;} .forminputelement_cl .dropdown-menu {width: 100%;} @media (max-width:991px){ .forminputelement_cl .form-horizontal .control-label{padding:0 !important;text-align:left !important;line-height:initial !important;margin-bottom:5px;} } @media (min-width:768px){ .forminputelement_cl .form-horizontal .control-label{padding-right:10px;margin-bottom:0;text-align:right;} .forminputelement_cl .form-horizontal .custom-radio-checkbox.control-label{padding-top:0;} } .imagefeatureelement_cl img{border:none !important;}/* Feature Image Element CSS */ .imagefeatureelement_cl h2{margin-top:0;}/* Feature Image Element CSS */ @media (min-width:992px){.imagefeatureelement_cl .imageFeatureHorizontal{display:table !important;table-layout:fixed;width:100%} .imagefeatureelement_cl .imageFeatureHorizontal > div{display:table-cell !important;float:none !important;} .imagefeatureelement_cl .col-lg-30{width:30%;} .imagefeatureelement_cl .col-lg--18{width:70%;} } @media (max-width:991px){ .imagefeatureelement_cl .col-lg-30{width:100%;} .imagefeatureelement_cl .col-lg--18{width:100%;} } .videoelement_cl .customVideoCls video, .videoelement_cl .customVideoCls iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;} .videoelement_cl .customVideoCls span.customVideoSpan {position: relative;width: 100%;overflow: hidden;padding-top: calc((100%*9)/16);display: block;} .videoelement_cl .videoOverlay1{padding-bottom:56.25%;height:0;width:100%;position:relative;overflow:hidden;} .videoelement_cl .halfWidthOverlay .videoOverlay, .videoelement_cl .mediumWidthOverlay .videoOverlay, .videoelement_cl .fullWidthOverlay .videoOverlay{padding:0;padding-bottom:calc((100%*9)/16);height:0;width:100%;position:relative;overflow:hidden;margin:0;display:inline-block;} .videoelement_cl .fullWidthOverlay{width:100%;} .videoelement_cl .mediumWidthOverlay{width:75% !important;} .videoelement_cl .halfWidthOverlay{width:50% !important;} .videoelement_cl .fullWidthImageOverlay{width:100%;} .videoelement_cl .mediumWidthImageOverlay{width:75%;} .videoelement_cl .halfWidthImageOverlay{width:50%;} .videoelement_cl .playVideo{height: auto !important;padding-bottom: initial!important;cursor: pointer} /* .videoelement_cl div.youtube{width: 100%;padding-bottom: 56.25%;position: relative;overflow: hidden;} .videoelement_cl div.youtube > div {position: absolute !important;top: -16.75%; bottom: -17.00%; left: 0; right: 0;} .videoelement_cl div.youtube > div > img {max-width: initial !important; max-height: initial !important;} */ .videomodalswipebox{position:absolute;width:100%;height:100%;z-index:1;display:block;top:0;left:0;} .videomodalswipebox.image{position:inherit;} .videomodalelement_cl img{margin:0 !important;} #customswipebox-overlay{background:#0d0d0d;width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} #customswipebox-container{position:relative;width:100%;height:100%;} #customswipebox-slider{transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;cursor:pointer;} #customswipebox-slider .customslide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block;} #customswipebox-slider .customslide .customswipebox-video-container{max-width:100%;max-height:100%;width:100%;padding:5%;box-sizing:border-box;} #customswipebox-slider .customslide .customswipebox-video-container .customswipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative;} #customswipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px;} #customswipebox-close{background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0;} .videomodalelement_cl .videoOverlay1{padding-bottom:56.25%;height:0;width:100%;position:relative;overflow:hidden;} .videomodalelement_cl .halfWidthOverlay .videoOverlay, .videomodalelement_cl .mediumWidthOverlay .videoOverlay, .videomodalelement_cl .fullWidthOverlay .videoOverlay{padding:0;padding-bottom:calc((100%*9)/16);height:0;width:100%;position:relative;overflow:hidden;margin:0;display:inline-block;} .videomodalelement_cl .fullWidthOverlay{width:100%;} .videomodalelement_cl .mediumWidthOverlay{width:75% !important;} .videomodalelement_cl .halfWidthOverlay{width:50% !important;} .videomodalelement_cl .fullWidthImageOverlay{width:100%;} .videomodalelement_cl .mediumWidthImageOverlay{width:75%;} .videomodalelement_cl .halfWidthImageOverlay{width:50%;} @media screen and (min-width:800px){#customswipebox-close{right:10px;} } .videomodalelement_cl .playVideo{height: auto !important;cursor: pointer;padding-bottom: initial!important}/*padding-bottom: initial !important;*/ /* .videomodalelement_cl div.youtube{width: 100%;padding-bottom: 56.23%;position: relative;overflow: hidden;} .videomodalelement_cl div.youtube > div {position: absolute !important;top: -16.75%; bottom: -17.00%; left: 0; right: 0;} .videomodalelement_cl div.youtube > div > img {max-width: initial !important; max-height: initial !important;} */ /* Navigation Element CSS */ .navigationelement_cl .navbar{margin-bottom:0;} .navigationelement_cl .navbar-header{border:none;} .navigationelement_cl .navbar-brand{border:none;font-size:0;} .navigationelement_cl .navbar-default{background-color:transparent;border-color:transparent;} .navigationelement_cl .navbar-default .navbar-toggle:hover, .navigationelement_cl .navbar-default .navbar-toggle:focus{background-color:inherit;} .navigationelement_cl .navbar-default .navbar-toggle{border-color:transparent;} /* By #NR @02Sept2018 - To resolve navigation alignment issue css */ .navigationelement_cl .navbar-brand img{/*margin-top:-5px;*/ margin-top:0px !important;max-width:340px;/*max-height:100px;*/ } .navigationelement_cl .container-fluid{display:initial;align-items:center;} .navigationelement_cl .navbar-default .navbar-collapse{width:100%;} .navigationelement_cl .navbar-nav>li>a>span{word-break:keep-all !important;} /* By #NR @02Sept2018 - To resolve navigation alignment issue css ends */ /* BY #NR @29thAug2018 - If no any color assigned then this should not affect */ .navigationelement_cl .navbar-default .navbar-collapse, .navigationelement_cl .navbar-default .navbar-form{border-color:transparent;box-shadow:none;} .navigationelement_cl .navbar-nav>li>a{line-height:18px;} .navbar-center, .navbar-center li{float:none;display:inline-block;} .navigationelement_cl a[class*='submenufont']{font-weight:inherit;} .navigationelement_cl ul.customVerticalMenu{list-style:none;text-align:left;padding-left:0;margin:0;display:inline-block;border-radius:4px;} .navigationelement_cl ul.customVerticalMenu > li{position:relative;} .navigationelement_cl ul.customVerticalMenu > li > a{text-decoration:none;display:block;position:relative;} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu{list-style:none;padding-left:0;margin:0;} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu > li > a{text-decoration:none;cursor:pointer;display:block;} /*Section nav*/ .navigationelement_cl ul.customVerticalMenu li.navMenuSection > ul.internal-menu, .navigationelement_cl ul.customVerticalMenu li.open.navMenuSection > ul.internal-menu { position: relative; left: 0; } .navigationelement_cl ul.customVerticalMenu li.navMenuSection > ul.internal-menu > li{ position: relative; } /*.navigationelement_cl ul.customVerticalMenu li ul.internal-menu li ul.subinternal-menu{list-style:none;padding-left:0;margin:0;} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu li ul.subinternal-menu > li > a{text-decoration:none;cursor:pointer;display:block;}*/ .navigationelement_cl .caret-right{border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid;display:inline-block;margin-left:5px;} .navigationelement_cl .caret-left{border-bottom:4px solid transparent;border-top:4px solid transparent;border-right:4px solid;display:inline-block;margin-left:5px;} .navigationelement_cl a:focus{outline:none !important;} #pageLayoutContent .container-fluid .col-lg-2 .navigationelement_cl .container-fluid, #pageLayoutContent .container-fluid .col-lg-3 .navigationelement_cl .container-fluid, #pageLayoutContent .container-fluid .col-lg-4 .navigationelement_cl .container-fluid {display: initial !important;} /*.col-lg-2 .navigationelement_cl .navbar-brand img, .col-lg-3 .navigationelement_cl .navbar-brand img, .col-lg-4 .navigationelement_cl .navbar-brand img{width: 100% !important;}*/ .navigationelement_cl .elementCustomCSS nav .navbar-header a { display: flex;height: 100%; } @media (min-width:768px){ .navigationelement_cl .container-fluid, .navigationelement_cl .navbar-collapse{padding-left:0;padding-right:0;} .navigationelement_cl .navbar-right{margin-right:0;} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu{position:absolute;top:0;display:none;z-index:10000;} .navigationelement_cl ul.customVerticalMenu li.open > ul.internal-menu{position:absolute;top:0;display:block;border:0 !important;} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu.leftOpen{left:100%} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu.rightOpen{right:100%;} .navigationelement_cl ul.customVerticalMenu li:not(.navMenuSection) ul.internal-menu > li > a{white-space:nowrap;}/*#DRAS - #jf5r64 - nav/member nav longer text*/ .navigationelement_cl ul.customVerticalMenu li.navMenuSection ul.internal-menu > li > a{word-wrap: normal;}/*#DRAS - #jf5r64 - nav/member nav longer text*/ .navigationelement_cl .navbar-nav>li>.dropdown-menu ul { left: 100%; top: 0; } .navigationelement_cl .navbar-nav.nav > li > ul > li{ position: relative; } .navigationelement_cl ul.customVerticalMenu li ul.internal-menu > li { position: relative; } /* .navigationelement_cl ul.customVerticalMenu li ul.internal-menu li ul.subinternal-menu{position:absolute;top:0;display:none;z-index:10000;} .navigationelement_cl ul.customVerticalMenu li.open ul.internal-menu li.open ul.subinternal-menu{position:absolute;top:0;display:block;border:0 !important;} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu li ul.subinternal-menu.leftOpen{left:100%} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu li ul.subinternal-menu.rightOpen{right:100%;} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu li ul.subinternal-menu > li > a{white-space:nowrap;} .navigationelement_cl ul.customVerticalMenu li.open ul.internal-menu {width: 100%;float: left;margin-bottom: 15px;display: block;left: auto;position: relative;}*/ } .navigationelement_cl .navCloseIcon {display: none;} .navigationelement_cl .open .navCloseIcon {display: inline-block;} .navigationelement_cl .navOpenIcon {display: inline-block;} .navigationelement_cl .customVerticalMenu .navOpenIcon, .navigationelement_cl .customVerticalMenu .navCloseIcon {float: right;} .navigationelement_cl .open .navOpenIcon {display: none;} .navigationelement_cl li.navMenuButton img, .navigationelement_cl li.navMenuSection img{ max-width: 50px; } /*.navigationelement_cl ul.customVerticalMenu li.navMenuSection ul.internal-menu { z-index: unset; }*/ /*For horizontal navigation*/ .navigationelement_cl .navbar-nav .dropdown-menu{ padding: 0; border: 0; } .navigationelement_cl .navbar-nav > li > .dropdown-menu > li:last-child > a{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .navigationelement_cl .navbar-nav > li > ul .dropdown-menu > li:last-child > a{ border-bottom-right-radius: 4px; } .navigationelement_cl .navbar-nav > li > ul .dropdown-menu > li:first-child > a{ border-top-right-radius: 4px; } .navigationelement_cl .navbar-nav .dropdown-menu > li > a{ padding-top: 5px; padding-bottom: 5px; } .navigationelement_cl .navbar-center > li > .dropdown-menu li{ display: block; } /* #DRAS - #jf5vvv - section button corners */ .navigationelement_cl .navMenuSection > .dropdown-menu, .navigationelement_cl .navMenuSection > .internal-menu { background-color: transparent !important; box-shadow: none; } .planRecommended{/* background:#FF3A3A;*/ color:#FFF;padding:3px 0 3px 0;text-align:center;} .planRecommended{margin-bottom:-26px;} .priceTableContainer{margin-top:25px;} .priceTableHeading{padding:10px;} .priceCost{padding:30px;} .priceTableRow{padding:10px;} .priceTableBtn{display:block;border:none;border-radius:0;} .priceTableContainer hr{margin-top:0;margin-bottom:0;} .priceTableContainer i.fa, .priceTableContainer i.glyphicon{margin-right:5px;} .priceTableBtn{white-space:normal;background-color:white;} .priceTableBtn:hover{background-color:white;} .faqblockelement_cl .panel-heading{cursor: pointer;} .faqblockelement_cl .elementCustomCSS .panel.panel-default { box-shadow: 0 0 0 rgba(0,0,0,.05); } .faqblockelement_cl .panel { border: none; } .faqblockelement_cl .panel-group{margin-bottom:0;} .accordionQuestion{text-decoration:none !important;cursor:pointer;} .faqblockelement_cl .mce-content-body{line-height:1.1;} .faqblockelement_cl .faqBlockAnswerInline.mce-content-body{line-height:inherit;} .faqblockelement_cl .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group{border-top:none !important;} .socialimage img{margin-right:8px;} .socialimage a{display:inline-block;} .timerelement_cl .panelContainer{display:inline-block;} .timerelement_cl .panelContainer span{display:inline-block;} .timerelement_cl.cl_designElement { opacity: 0; } .fbcommentselement_cl .fb-comments, .fbcommentselement_cl .fb-comments iframe[style], .fbcommentselement_cl .fb-comments span{width:100%;} .gearbubbleelement_cl img{border:none !important;} .gearbubbleelement_cl h2{margin-top:0;} .gearbubbleelement_cl a:focus{outline:none !important;} @media (min-width:992px){.gearbubbleelement_cl .gearBubbleHorizontal{display:table !important;table-layout:fixed;width:100%} .gearbubbleelement_cl .gearBubbleHorizontal > div{display:table-cell !important;float:none !important;} .gearbubbleelement_cl .col-lg-30{width:30%;} .gearbubbleelement_cl .col-lg--18{width:70%;} } @media (max-width:991px){.gearbubbleelement_cl .col-lg-30{width:100%;} .gearbubbleelement_cl .col-lg--18{width:100%;} } .carousel-control.right,.carousel-control.left{background-image: none !important;} .carousel-inner > .item > .imageSliderElementImgWrapper{/*display: inline-flex;justify-content: center;align-items: center;overflow:hidden;*/} /*.carousel-caption{padding-top:0;right:30%;left:15%}*/ .carousel-caption h5{margin:0;} .carousel-inner > .item > img {margin:auto;vertical-align: middle;position:relative;top:50%;transform: translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);} /* Navigation Element CSS */ .navigationelement_cl .navbar{margin-bottom:0;} .navigationelement_cl .navbar-header{border:none;} .navigationelement_cl .navbar-brand{border:none;font-size:0;} .navigationelement_cl .navbar-default{background-color:transparent;border-color:transparent;} .navigationelement_cl .navbar-default .navbar-toggle:hover, .navigationelement_cl .navbar-default .navbar-toggle:focus{background-color:inherit;} .navigationelement_cl .navbar-default .navbar-toggle{border-color:transparent;} /* By #NR @02Sept2018 - To resolve navigation alignment issue css */ .navigationelement_cl .navbar-brand img{/*margin-top:-5px;*/ margin-top:0px !important;max-width:340px;/*max-height:100px;*/ } .navigationelement_cl .container-fluid{display:initial;align-items:center;} .navigationelement_cl .navbar-default .navbar-collapse{width:100%;} .navigationelement_cl .navbar-nav>li>a>span{word-break:keep-all !important;} /* By #NR @02Sept2018 - To resolve navigation alignment issue css ends */ /* BY #NR @29thAug2018 - If no any color assigned then this should not affect */ .navigationelement_cl .navbar-default .navbar-collapse, .navigationelement_cl .navbar-default .navbar-form{border-color:transparent;box-shadow:none;} .navigationelement_cl .navbar-nav>li>a{line-height:18px;} .navbar-center, .navbar-center li{float:none;display:inline-block;} .navigationelement_cl a[class*='submenufont']{font-weight:inherit;} .navigationelement_cl ul.customVerticalMenu{list-style:none;text-align:left;padding-left:0;margin:0;display:inline-block;border-radius:4px;} .navigationelement_cl ul.customVerticalMenu > li{position:relative;} .navigationelement_cl ul.customVerticalMenu > li > a{text-decoration:none;display:block;position:relative;} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu{list-style:none;padding-left:0;margin:0;} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu > li > a{text-decoration:none;cursor:pointer;display:block;} /*Section nav*/ .navigationelement_cl ul.customVerticalMenu li.navMenuSection > ul.internal-menu, .navigationelement_cl ul.customVerticalMenu li.open.navMenuSection > ul.internal-menu { position: relative; left: 0; } .navigationelement_cl ul.customVerticalMenu li.navMenuSection > ul.internal-menu > li{ position: relative; } /*.navigationelement_cl ul.customVerticalMenu li ul.internal-menu li ul.subinternal-menu{list-style:none;padding-left:0;margin:0;} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu li ul.subinternal-menu > li > a{text-decoration:none;cursor:pointer;display:block;}*/ .navigationelement_cl .caret-right{border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid;display:inline-block;margin-left:5px;} .navigationelement_cl .caret-left{border-bottom:4px solid transparent;border-top:4px solid transparent;border-right:4px solid;display:inline-block;margin-left:5px;} .navigationelement_cl a:focus{outline:none !important;} #pageLayoutContent .container-fluid .col-lg-2 .navigationelement_cl .container-fluid, #pageLayoutContent .container-fluid .col-lg-3 .navigationelement_cl .container-fluid, #pageLayoutContent .container-fluid .col-lg-4 .navigationelement_cl .container-fluid {display: initial !important;} /*.col-lg-2 .navigationelement_cl .navbar-brand img, .col-lg-3 .navigationelement_cl .navbar-brand img, .col-lg-4 .navigationelement_cl .navbar-brand img{width: 100% !important;}*/ .navigationelement_cl .elementCustomCSS nav .navbar-header a { display: flex; height: 100%; } @media (min-width:768px){ .navigationelement_cl .container-fluid, .navigationelement_cl .navbar-collapse{padding-left:0;padding-right:0;} .navigationelement_cl .navbar-right{margin-right:0;} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu{position:absolute;top:0;display:none;z-index:10000;} .navigationelement_cl ul.customVerticalMenu li.open > ul.internal-menu{position:absolute;top:0;display:block;border:0 !important;} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu.leftOpen{left:100%} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu.rightOpen{right:100%;} .navigationelement_cl ul.customVerticalMenu li:not(.navMenuSection) ul.internal-menu > li > a{white-space:nowrap;}/*#DRAS - #jf5r64 - nav/member nav longer text*/ .navigationelement_cl ul.customVerticalMenu li.navMenuSection ul.internal-menu > li > a{word-wrap: normal;}/*#DRAS - #jf5r64 - nav/member nav longer text*/ .navigationelement_cl .navbar-nav>li>.dropdown-menu ul { left: 100%; top: 0; } .navigationelement_cl .navbar-nav.nav > li > ul > li{ position: relative; } .navigationelement_cl ul.customVerticalMenu li ul.internal-menu > li { position: relative; } /* .navigationelement_cl ul.customVerticalMenu li ul.internal-menu li ul.subinternal-menu{position:absolute;top:0;display:none;z-index:10000;} .navigationelement_cl ul.customVerticalMenu li.open ul.internal-menu li.open ul.subinternal-menu{position:absolute;top:0;display:block;border:0 !important;} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu li ul.subinternal-menu.leftOpen{left:100%} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu li ul.subinternal-menu.rightOpen{right:100%;} .navigationelement_cl ul.customVerticalMenu li ul.internal-menu li ul.subinternal-menu > li > a{white-space:nowrap;} .navigationelement_cl ul.customVerticalMenu li.open ul.internal-menu {width: 100%;float: left;margin-bottom: 15px;display: block;left: auto;position: relative;}*/ } .navigationelement_cl .navCloseIcon {display: none;} .navigationelement_cl .open .navCloseIcon {display: inline-block;} .navigationelement_cl .navOpenIcon {display: inline-block;} .navigationelement_cl .customVerticalMenu .navOpenIcon, .navigationelement_cl .customVerticalMenu .navCloseIcon {float: right;} .navigationelement_cl .open .navOpenIcon {display: none;} .navigationelement_cl li.navMenuButton img, .navigationelement_cl li.navMenuSection img{ max-width: 50px; } /*.navigationelement_cl ul.customVerticalMenu li.navMenuSection ul.internal-menu { z-index: unset; }*/ /*For horizontal navigation*/ .navigationelement_cl .navbar-nav .dropdown-menu{ padding: 0; border: 0; } .navigationelement_cl .navbar-nav > li > .dropdown-menu > li:last-child > a{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .navigationelement_cl .navbar-nav > li > ul .dropdown-menu > li:last-child > a{ border-bottom-right-radius: 4px; } .navigationelement_cl .navbar-nav > li > ul .dropdown-menu > li:first-child > a{ border-top-right-radius: 4px; } .navigationelement_cl .navbar-nav .dropdown-menu > li > a{ padding-top: 5px; padding-bottom: 5px; } .navigationelement_cl .navbar-center > li > .dropdown-menu li{ display: block; } /* #DRAS - #jf5vvv - section button corners */ .navigationelement_cl .navMenuSection > .dropdown-menu, .navigationelement_cl .navMenuSection > .internal-menu { background-color: transparent !important; box-shadow: none; } .stripeelement_cl .form-horizontal .form-group{margin-left: 0; margin-right: 0;margin-bottom: 0;} .stripeelement_cl .form-horizontal .form-group>div {padding-left: 0;padding-right: 0;} .stripeelement_cl .form-control {min-height: 34px;height: auto;} .stripeelement_cl .text-red {color:red;} .stripeelement_cl .text-red span {background:pink none repeat scroll 0 0;border-radius:3px;cursor:pointer;display:block;margin:2px;padding:3px 5px;position:absolute;z-index:3} .stripeelement_cl .text-red span::before {border-bottom:12px solid pink;border-left:12px solid transparent;border-right:12px solid transparent;content:"";margin-top:-12px;position:absolute;width:0} @media(max-width: 767px) { .stripeelement_cl .field { padding-left: 12px!important; padding-right: 12px!important; padding-top: 15px!important; padding-bottom: 15px!important; } .stripeelement_cl .form-control{height:auto !important;width:100%!important;} .stripeelement_cl .field{margin-left: 0!important; margin-right: 0!important; } .col-xs-12 .stripeelement_cl{margin:10px !important;} } /*#FUN funnel summay element*/ .summaryelement_cl .summaryLabel { border-bottom: 1px solid #DDD; padding-bottom: 5px; margin-bottom: 5px; padding: 5px; height: 24px; } .summaryelement_cl .summaryLabelItem, .summaryelement_cl .summaryLabelPrice { font-weight: bold; } .summaryelement_cl .summaryProductName, .summaryelement_cl .summaryLabelItem{ width: 70%; text-align: left; } .summaryelement_cl .summaryLabelPrice, .summaryelement_cl .summaryProductPrice { width: 30%; text-align: right; } .summaryelement_cl .summaryLabelQty, .summaryelement_cl .summaryProductQty { text-align: center; } .summaryelement_cl .firstCol{ width:65%; } .summaryelement_cl .secondCol{ width:20%; } .summaryelement_cl .thirdCol{ width:15%; } /*Summary element*/ .summaryelement_cl table{ border-spacing: unset; border-collapse: unset; } @media (min-width:992px){ .iconelement_cl .iconVertical{display:table !important;table-layout:fixed;width:100%} .iconelement_cl .iconVertical > div{display:table-cell !important;float:none !important;} .iconelement_cl .col-lg-12{width:100% !important;} } @media (max-width:991px){ .iconelement_cl .iconVertical, #pageLayoutContent .iconelement_cl .iconVertical > div { width:auto !important;display: block!important; } .iconelement_cl .iconVertical > div{ display: block!important; } .iconelement_cl .col-lg-12 { width: 100%!important; text-align: center!important; } .iconVertical div+div { width: 100%!important; } } /* Order Form Element */ .orderformelement_cl .oFContainer{display: table;width:100%;} .orderformelement_cl input[type=checkbox], .orderformelement_cl input[type=radio]{position:relative;vertical-align:middle;margin-top:0;} .orderformelement_cl textarea{resize:none;} .orderformelement_cl label{position:relative;vertical-align:middle;font-weight: normal;} .orderformelement_cl .form-control{/*display:inline-block;*/min-height:34px;height:52px;} .orderformelement_cl .bootstrap-select{margin-bottom:0;} .orderformelement_cl .bootstrap-select>.btn{outline:none !important;} .orderformelement_cl .bootstrap-select.btn-group .dropdown-toggle .caret{top:50% !important;} .orderformelement_cl .input-group input, .orderformelement_cl .input-group span{border:none;background-color:transparent;box-shadow:none;} .orderformelement_cl .input-group{overflow:hidden;margin:0 auto;} .orderformelement_cl .input-group-addon{padding-right:0;} .orderformelement_cl .input-group-addon.right-side{padding-right:12px;} .orderformelement_cl .custom-checkbox label, .orderformelement_cl .custom-radio label, .orderformelement_cl select{cursor:pointer;} .orderformelement_cl select{width:100%; -webkit-appearance: none;appearance: none;} .orderformelement_cl select::-ms-expand { display: none; } .orderformelement_cl .text-red{color:#ff0000;} .orderformelement_cl .text-red span{background:pink none repeat scroll 0 0;border-radius:3px;cursor:pointer;display:block;margin:2px;padding:3px 5px;position:absolute;z-index:3;} .orderformelement_cl .text-red span::before{border-bottom:12px solid pink;border-left:12px solid transparent;border-right:12px solid transparent;content:"";margin-top:-12px;position:absolute;width:0;} .orderformelement_cl .input-wrapper{display:inline-block;} /* Form Input Radio Button Styles Starts */ .orderformelement_cl .custom-inline{display:inline-block;margin-right:10px;} .orderformelement_cl .custom-radio input[type="radio"]{position:absolute;opacity:0;} .orderformelement_cl .custom-radio input[type="radio"] + .custom-radio-label:before{content:'';background:orange;border-radius:100%;border:1px solid #bbb;display:inline-block;position:relative;margin-right:5px;vertical-align:middle;cursor:pointer;text-align:center;padding-left:0;position:absolute !important;top:0;bottom:0;left:0;margin:auto;} /*2e1bw9j - checkout form tabbing - START*/ .custom-radio input[type="radio"]:checked + .custom-radio-label:hover::before{background-color: #66afe9 !important;border-color: #66afe9 !important} .orderformelement_cl .custom-radio input[type="radio"] + .custom-radio-label:hover::before{border-color: #66afe9 !important;} .custom-radio input[type="radio"]:focus + .custom-radio-label::before{border-color: #66afe9 !important;} .custom-radio input[type="radio"]:checked:focus + .custom-radio-label::before{background-color: #66afe9 !important;border-color: #66afe9 !important} .orderformelement_cl #btnApplyCoupon:hover {background: url(), -webkit-linear-gradient(90deg, #17B556, #17B556) !important} .orderformelement_cl #btnApplyCoupon:active {background-color: #2CD26E!important;} .orderformelement_cl #btnApplyCoupon:focus {background-color: #2CD26E!important;} .orderformelement_cl .custom-checkbox .icon:hover {border-color: #66afe9 !important;} .orderformelement_cl .custom-checkbox .icon:focus {border-color: #66afe9 !important;} /*2e1bw9j - checkout form tabbing - END*/ .orderformelement_cl .custom-radio-label{position:relative;cursor:pointer;margin-bottom:0;} .orderformelement_cl .custom-radio input[type="radio"]:focus + .custom-radio-label:before{outline:none;} .orderformelement_cl .custom-radio input[type="radio"] + .custom-radio-label:empty:before{margin-right:0;} /* Form Input Radio Button Styles Ends */ /* Form Input Checkbox Styles Starts */ .orderformelement_cl .custom-checkbox input{position:absolute;opacity:0;} .orderformelement_cl .custom-checkbox .icon{text-align:center;display:inline-block;} .orderformelement_cl .custom-checkbox .icon .fa{visibility:hidden;} .orderformelement_cl .custom-checkbox input:checked + .icon .fa{visibility:visible;} .orderformelement_cl .custom-checkbox{/* prevent accidental selection when clicking */ user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;} .orderformelement_cl .custom-checkbox label{cursor:pointer;margin-bottom:0;} .orderformelement_cl .custom-checkbox label span{display:inline-block;} .orderformelement_cl .custom-checkbox input{margin:0 .1em;/* Use something similar to .icon */ } .orderformelement_cl .custom-checkbox .icon{background:orange;border-color:#cac3a8 #f9f0c2 #f9f0c2 #cac3a8;color:white;border:1px solid;border-radius:.3em;text-align:center;font-size:.8em;margin:0 .1em;box-sizing:border-box;position:absolute;top:0;left:auto;bottom:0;margin:auto;} .orderformelement_cl .form-horizontal .control-label{visibility:hidden;} .orderformelement_cl .form-horizontal .form-group > div{padding-left:0;padding-right:0;} .orderformelement_cl .form-horizontal .form-group{margin-left:0;margin-right:0;} .orderformelement_cl .bootstrap-select.btn-group, .orderformelement_cl .bootstrap-select.btn-group[class*=span]{margin-bottom:0;} .orderformelement_cl .shippinglabel {padding-left:0px;font-family: Poppins; color: #484a52; font-size: 16px;} .orderformelement_cl .col-sm-6.abinput_group { padding-left:0; padding-right:0; } .orderformelement_cl .clear{clear:both;} .orderformelement_cl .form-group {margin-bottom: 0px;} /*.orderformelement_cl .fieldset .form-group {margin-bottom: 15px;}*/ .orderformelement_cl .col-sm-4.abinput_group { padding-left:0; padding-right:0; } .orderformelement_cl .p_left { padding-left:10px !important; } .orderformelement_cl .p_right { padding-right:10px !important; } .orderformelement_cl .p_both { padding-left:10px !important; padding-right:10px !important; } .orderformelement_cl .summaryLabel { border-bottom: 1px solid #DDD; padding-bottom: 5px; margin-bottom: 5px; padding: 5px; height: 24px; position: relative; } .orderformelement_cl .summaryLabelItem, .orderformelement_cl .summaryLabelQty,.orderformelement_cl .summaryLabelPrice { font-weight: bold; } .orderformelement_cl .width70{width:70% !important;} .orderformelement_cl .width30{width:30% !important;} .orderformelement_cl .summaryProductName, .orderformelement_cl .summaryLabelItem{ width: 60%; text-align: left; vertical-align: middle; } .orderformelement_cl .summaryLabelPrice, .orderformelement_cl .summaryProductPrice { width: 20%; text-align: right; vertical-align: middle; } .orderformelement_cl .summaryLabelQty, .orderformelement_cl .summaryProductQty { width: 20%; text-align: left; vertical-align: middle; } .orderformelement_cl table{ border-spacing: unset; border-collapse: unset; } .orderformelement_cl .summaryContainer { position: relative; } .orderformelement_cl .divider{ position: absolute; left: 0; width: inherit; margin: auto; right: 0; } .orderformelement_cl .summaryTable { display: table; width: 100%; } .orderformelement_cl .summaryTableRow { display: table-row; } .orderformelement_cl .summaryTableCell, .orderformelement_cl .summaryTableHead { display: table-cell; padding: 3px 10px; } .orderformelement_cl .rowDivider{ padding:0; } .orderformelement_cl .summaryTableHeading { display: table-header-group; font-weight: bold; } .orderformelement_cl .summaryTableFoot { display: table-footer-group; font-weight: bold; background-color: #ddd; } .summaryTableBody { display: table-row-group; } /*.orderformelement_cl .dropdown-menu > .active > a { background: none!important; }*/ /* 2 Step */ .orderformelement_cl .form_top_main { margin-bottom: 20px; } .orderformelement_cl .form_part { width: 50%; float: left; display: flex; } .orderformelement_cl .form_top_main .order2StepNumber{ float:left; width: 1.9em; text-align: center; height: 1.67em; line-height: 1.67em; color: #484a52; margin-right: 10px; border-radius: 100px; margin-top: 10px; margin-bottom: 10px; } .orderformelement_cl .form_top_main .order2StepHeaderText{ float:left; text-align: left; display: flex; justify-content: center; align-items: left; flex-direction: column; width: 100% } .orderformelement_cl .summaryTabContent .summaryTabPane{display:none;} .orderformelement_cl .summaryTabContent .summaryTabPane.active{display:block;} .orderformelement_cl .col-sm-9.coupon_group,.orderformelement_cl .col-sm-3.coupon_group { padding-left:0; padding-right:0; } /*.customModal .orderformelement_cl .summaryContainer{padding:12px 13px !important;}*/ .customModal .orderformelement_cl .summaryLabelItem, .customModal .orderformelement_cl .summaryProductName {width:48%!important;} .customModal .orderformelement_cl .summaryLabelQty, .customModal .orderformelement_cl .summaryProductQty {width:21%!important; } .customModal .orderformelement_cl .summaryLabelPrice, .customModal .orderformelement_cl .summaryProductPrice {width:17%!important;} /* 2 Step */ .orderformelement_cl #btnApplyCoupon{ padding: 15px; width: 100%; background-color: #2CD26E; color: #fff; } /*button element alignment issue*/ .orderformelement_cl .bumpTable { display: table; width: 100%; } .orderformelement_cl .summaryTableRow { display: table-row; } .orderformelement_cl .bumpTableHeading, .orderformelement_cl .bumpTableBody { float:left; width:100%; } .orderformelement_cl .bumpLabelItem { width:70%; float: left; text-align: left; vertical-align: middle; } .orderformelement_cl .bumpLabelPrice { width:30%; float: left; text-align: right; padding-top:5px; } .orderformelement_cl .bumpTableFoot { display: table-footer-group; font-weight: bold; background-color: #ddd; } .orderformelement_cl .bumpTableBody { display: table-row-group; } .orderformelement_cl .bumpProductImage { padding: 0px 10px 0px 0px; text-align: center; vertical-align: middle; width: 30%; display: table-cell; float: none !important; } .orderformelement_cl .bumpProduct { padding: 0px 0px 0px 10px; margin-top: 0px; vertical-align: top; display: table-cell !important; float: none !important; width: 70%; } .orderformelement_cl .bumpProduct.wImage { padding:0!important; } .orderformelement_cl .bumpProductTitle,.orderformelement_cl .bumpProductDescription { text-align: left; text-transform: none; line-height: 1.5; word-spacing: 0px; letter-spacing: 0px; } ul.bulletListImage{padding-left:0;} .bulletListImage li{background-repeat:no-repeat;background-position:7px 3px;background-position-y:center;padding:0 0 0 45px;background-size:32px;} /* Order Form Element */ @media (min-width:992px){.orderformelement_cl .bumpTableRow{display:table !important;table-layout:fixed;width:100%} .orderformelement_cl .bumpTableRow > div{display:table-cell !important;float:none !important;} .orderformelement_cl .bumpProductImage{width:30%;} .orderformelement_cl .bumpProduct{width:70%;} } @media (max-width:991px){.orderformelement_cl .bumpProductImage{width:100% !important;display: inline-block !important;} .orderformelement_cl .bumpProductImage img{margin-bottom:10px;} .orderformelement_cl .bumpProduct{width:100% !important;padding:0 !important;} .orderformelement_cl .form-horizontal .control-label{padding:0 !important;text-align:left !important;line-height:initial !important;margin-bottom:5px;} } .orderformelement_cl .myclass{display: inline-flex; align-items: center;} .orderformelement_cl .dropdown-menu>.active>a, .orderformelement_cl .dropdown-menu>.active>a:focus, .orderformelement_cl .dropdown-menu>.active>a:hover{ color: #fff !important; text-decoration: none; background-color: #428bca !important; outline: 0; } .choose-row.active > .choose-row-icon { visibility:visible; opacity:1 } .choose-row.active { border-color: #8CCC37 !important; } .choose-row-icon { visibility:hidden; opacity:0; } .splitPaymentOpt:hover{ text-decoration: none; } .splitPaymentOpt:focus { text-decoration: none; }