/* Minification failed. Returning unminified contents. (14497,2): run-time error CSS1030: Expected identifier, found ' ' (14497,2): run-time error CSS1019: Unexpected token, found ' ' */ * { line-height: 1.3 !important; } /* Base HTML Settings */ html { font-size: 16px !important; /* Base font size in pixels */ } p { line-height: 1.4 !important; } @font-face { font-display: swap; font-family: "Helvetica-Neue"; src: url(/Content/GreenheckStyles/fonts/HelveticaNeueLTStd-Md_0.otf); } @font-face { font-display: swap; font-family: "Helvetica"; src: url(/Content/GreenheckStyles/fonts/Helvetica.otf); } @font-face { font-display: swap; font-family: "Helvetica-Bold"; src: url(/Content/GreenheckStyles/fonts/Helvetica-Bold.ttf); } @font-face { font-display: swap; font-family: "HelveticaCE"; src: url(/Content/GreenheckStyles/fonts/HelveticaCE.otf); } @font-face { font-display: swap; font-family: "HelveticaCE-CondBold"; src: url(/Content/GreenheckStyles/fonts/HelveticaCE-CondBold.otf); } @font-face { font-display: swap; font-family: "HelveticaCE-Narrow"; src: url(/Content/GreenheckStyles/fonts/HelveticaCE-Narrow.otf); } @font-face { font-display: swap; font-family: "HelveticaConBQ-Medium"; src: url(/Content/GreenheckStyles/fonts/HelveticaConBQ-Medium.otf); } @font-face { font-display: swap; font-family: "Helvetica-Condensed"; src: url(/Content/GreenheckStyles/fonts/Helvetica-Condensed.otf); } @font-face { font-display: swap; font-family: "Helvetica-Condensed-Black"; src: url(/Content/GreenheckStyles/fonts/Helvetica-Condensed-Black.otf); } @font-face { font-display: swap; font-family: "Helvetica-Condensed-Bold"; src: url(/Content/GreenheckStyles/fonts/Helvetica-Condensed-Bold.otf); } @font-face { font-display: swap; font-family: "Helvetica-Narrow-Bold"; src: url(/Content/GreenheckStyles/fonts/Helvetica-Narrow-Bold.otf); } @font-face { font-display: swap; font-display: swap; font-family: "Helvetica-Narrow-Oblique"; src: url(/Content/GreenheckStyles/fonts/Helvetica-Narrow-Oblique.otf); } .font-family-helvetica-condensed-bold { font-family: "Helvetica-Condensed-Bold", sans-serif; } .font-family-helvetica-condensed { font-family: "Helvetica-Condensed", sans-serif !important; } body { background-image: url(/Content/GreenheckStyles/imgs/page-gradient.png) !important; background-position-x: 0; background-position-y: -200px; background-size: 100% !important; background-repeat-x: initial !important; background-repeat-y: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; } .profile-name-link { color: #fff !important; } .header-logo-flags-block > .container-fluid > .row { display: flex !important; } .header-flags-container { margin-bottom: 18px !important; } .lang-label, .lang-link-inactive { font-weight: normal; font-family: "Helvetica-Condensed", sans-serif; } .lang-link-active { font-family: "Helvetica-Condensed-Bold", sans-serif; } .header-flag-active, .header-flag-inactive, .header-flag-inactive:hover { margin-top: 0 !important; } .faqQA { margin-left: -50px; } .description-normal-text li li, .section-description li li, .section-description-with-more-bottom-space li li { list-style: circle; } .description-normal-text li ul li, .section-description li ul li, .section-description-with-more-bottom-space li ul li { list-style: circle; } .description-normal-text li li li, .section-description li li li, .section-description-with-more-bottom-space li li li { list-style: square; } .profile-icon-container { float: right; padding: 10px 30px; color: #fff; font-size: 16px; font-family: "Helvetica-Condensed-Bold", sans-serif; } .circle { height: 30px; width: 30px; background-color: #fff; border-radius: 50%; display: inline-block; top: 5px; left: 7px; } .profile-icon-align { vertical-align: middle; left: 7px; color: #57585a; } .header-scrollup { position: fixed; top: 0; transition: top 0.2s ease-in-out; height: 303px; display: block; width: 100%; background-color: #fff !important; z-index: 1; } input[type="file"] { display: none; } .file-upload { border: 1px solid #ccc; display: inline-block; padding: 6px 12px; cursor: pointer; text-transform: uppercase; } .same-height { position: absolute; bottom: 10px; } .form-group-height { height: 98px; } div.dataTables_wrapper div.dataTables_length label { color: #57585a !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 24px !important; line-height: 30px !important; } .table-bordered, table.dataTable thead th, table.dataTable thead td { border: 0 !important; border-top: 4px solid #d8d8d8 !important; } .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 0 !important; } .table > thead > tr > th { height: 30px !important; width: 55px !important; color: #57585a !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 24px !important; line-height: 30px !important; padding: 30px 20px !important; } table.table-bordered.dataTable tbody td:first-child { color: #015a9c !important; } .modal-tbl.table-striped > thead > tr > th { color: #57585a !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 22px !important; line-height: 26px !important; border-top: 2px solid #aaa !important; border-bottom: 2px solid #aaa !important; padding: 20px 35px !important; vertical-align: middle; } .modal-tbl.table-striped > tbody > tr > td { padding: 20px 35px !important; line-height: 26px !important; } .table-striped > tbody > tr:nth-of-type(odd), table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #e8e8e8 !important; color: #4a4a4a !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 22px !important; line-height: 23px !important; } .table-striped > tbody > tr:nth-of-type(even), table.dataTable tbody tr, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #fff !important; color: #4a4a4a !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 22px !important; line-height: 23px !important; } table.dataTable tbody tr td a { font-family: "Helvetica-Condensed", sans-serif !important; font-size: 1em !important; line-height: 1em !important; text-decoration: none !important; } table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td, table.dataTable thead th, table.dataTable thead td { padding: 20px 0 20px 20px !important; } .top .dataTables_paginate { padding: 13px 9px 20px 10px !important; } .dataTables_info { padding: 20px 0 20px 0 !important; } .dataTables_length { padding: 4px 0 12px 0 !important; } table.dataTable tbody th, table.dataTable tbody td { padding: 16px 20px !important; } table.dataTable, table.dataTable th, table.dataTable td { color: #4a4a4a !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 18px !important; line-height: 28px !important; } div.dataTables_wrapper div.dataTables_info { color: #4a4a4a !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 22px !important; line-height: 33px !important; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span, .dataTables_wrapper .dataTables_paginate .paginate_button { color: #015a9c !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 22px !important; line-height: 28px !important; border: 0 !important; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #656565 !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 22px !important; line-height: 28px !important; background: none !important; border: 0 !important; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #015a9c !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 22px !important; line-height: 28px !important; background: none !important; border: 0 !important; } .pagination > li > a, .pagination > li > span, #datatable_wrapper .dataTables_paginate .paginate_button { color: #015a9c !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 22px !important; line-height: 28px !important; background: none !important; border: 0 !important; padding: 6px 10px 6px 0 !important; } #datatable_wrapper .dataTables_paginate .paginate_button.current, #datatable_wrapper .dataTables_paginate .paginate_button.disabled { color: #57585a !important; cursor: default !important; } .pagination a:focus { outline: 0 !important; outline-offset: 0 !important; } .find-my-rep-label { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; font-size: 18px; line-height: 48px; float: left; } select.dropdown { background: url(/Content/GreenheckStyles/imgs/grey-triangle.png) no-repeat right !important; background-color: #f2f2f2 !important; background-position-x: 94% !important; background-size: 20px !important; border: 1px solid #ccc !important; border-radius: 7px !important; box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); color: #57585a !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 16px !important; height: 42px !important; line-height: normal !important; margin-top: 5px; -moz-appearance: none; -moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; padding: 8px 30px 8px 15px !important; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; -webkit-appearance: none !important; -webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important; width: 100% !important; } .results-email { word-wrap: break-word; } .dropdown-el { background: url(/Content/GreenheckStyles/imgs/grey-triangle.png) no-repeat right !important; background-color: #f2f2f2 !important; background-position-x: 94% !important; background-size: 20px !important; border: 1px solid #ccc !important; border-radius: 7px !important; box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); color: #57585a !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 16px !important; height: 42px !important; line-height: normal !important; margin-top: 0; margin-top: 5px; -moz-appearance: none; -moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; padding: 8px 30px 8px 15px !important; position: absolute; right: 0; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; -webkit-appearance: none !important; -webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important; width: 100% !important; z-index: 2; } /*01-10-2021 Ticket #15130*/ .state-dropdown { position: static !important; margin-bottom: 30px; } select::-ms-expand, select.dropdown::-ms-expand, select.dropdown-el::-ms-expand { display: none !important; } .form-group .dropdown-el { background: url(/Content/GreenheckStyles/imgs/grey-triangle.png) no-repeat right !important; background-color: #f2f2f2 !important; background-position-x: 94% !important; background-size: 20px !important; border: 1px solid #ccc !important; border-radius: 7px !important; box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); color: #57585a !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 20px !important; height: 48px !important; line-height: 26px !important; margin-top: 5px; -moz-appearance: none; -moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; padding: 11px 30px 11px 15px !important; position: relative !important; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; -webkit-appearance: none !important; -webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important; width: 100% !important; } .dropdown-el input { display: none; } .dropdown-el span { border-top: 0; display: block; cursor: pointer; position: relative; color: #004aa2; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; width: auto; padding-top: 7px; padding-bottom: 7px; } .dropdown-el > span:nth-child(2) { margin-top: 2em; border-top: 0; } .dropdown-el input:checked + span { display: block; border-top: 0; position: absolute; top: 0; margin-left: 20px; } .slide-left { left: 0 !important; } .slide-right { right: 0 !important; } .form-group .dropdown-el input:checked + span { display: block; border-top: 0; position: absolute; top: 0; margin-left: 20px; } .dropdown-el input:checked + span:nth-child(2) { margin-top: 0; position: relative; margin-left: 0; } .dropdown-el::after { content: ""; position: absolute; right: 0.8em; top: 0.8em; border: 0.4em solid #9c9c9c; border-color: #9c9c9c transparent transparent transparent; transition: 0.4s all ease-in-out; } .dropdown-el.expanded { border: 0.06em solid #f4f4f4; background: #f4f4f4; border-radius: 8px; padding: 0; -moz-box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0; box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0; max-height: 510px; overflow: auto; overflow-x: hidden; z-index: 2; } .dropdown-el.expanded span { border-top: 0; width: 100%; } .dropdown-el.expanded span:hover { color: #d68237; } .dropdown-el.expanded input:checked + span { color: #004aa2; } .dropdown-el.expanded::after { transform: rotate(-180deg); top: 0.4em; } .body-container { padding-bottom: 0 !important; background-color: #fff; } .navbar-collapse { padding-left: 0 !important; } .white-bg { background-color: #fff !important; } .margin-left-0 { margin-left: 0 !important; } .pad-lr-20 { padding-left: 20px !important; padding-right: 20px !important; } .pad-lr-15, .tab-right-full > .container-fluid > .row > .col-md-12.col-sm-12.pad-lr-15 { padding-left: 15px !important; padding-right: 15px !important; } .pad-lr-40 { padding-left: 40px !important; padding-right: 40px !important; } .pad-l-0 { padding-left: 0 !important; } .pad-l-45 { padding-left: 45px !important; } .pad-l-34 { padding-left: 34px !important; } .margin-13p-a-0-0 { margin: 13% auto 0 0 !important; } mb-0 { margin-bottom: 0 !important; } .description-small-bold-text { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 14px; line-height: 14px; text-align: center; padding-top: 8px; padding-bottom: 0; } .description-small-normal-text { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 14px; line-height: 20px; text-align: center; padding-top: 5px; padding-bottom: 5px; text-align: justify !important; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; border-color: transparent; } .navbar-default { background-color: transparent; border-color: transparent; } .navbar-default .navbar-nav > li > a { color: #004aa2 !important; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; padding: 10px 24px !important; text-transform: uppercase; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #d97a23 !important; } video { width: 100%; } .link-list { display: inline-block; width: 100%; color: #004aa2; font-family: "Helvetica-Condensed", sans-serif; font-size: 22px; line-height: 30px; } .font-hcbold { font-weight: bold; font-family: "Helvetica-Condensed-Bold", sans-serif; } .display-flex-1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; position: relative; align-items: baseline; } .gh-card-block .img-responsive { max-height: 150px !important; max-width: 100% !important; width: auto !important; height: auto !important; } .gh-card-block .card-img .img-responsive { max-height: 150px !important; max-width: 100% !important; width: auto !important; height: auto !important; } .display-flex-center { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; } .align-item-center { display: flex; align-items: center; } .align-item-center-middle { justify-content: center; display: flex; align-items: center; } .dropdow-wrapper { position: relative; width: 49%; float: left; display: inline-block; height: 48px; margin-right: 1%; } .margin-50 { margin: 50px !important; } .width-100per { width: 100% !important; } .width-auto { width: auto !important; } .height-auto { height: auto !important; } .l-h-24 { line-height: 24px !important; } .l-h-21 { line-height: 21px !important; } .last-element { margin-right: 0; width: 50%; } .last-element .dropdown-el { width: 100% !important; } .form-group.col-md-6 { position: relative; padding-right: 10px !important; } .form-group.col-md-12, .form-group.col-md-3 { padding-right: 10px !important; } .form-group { padding-top: 4px; position: relative; padding-bottom: 10px !important; margin-bottom: 6px !important; } .field-validation-error { float: right; } .width-50per { width: 50% !important; border: 0; margin-right: 0; } .width-50percent { width: 50% !important; } .width-75percent { width: 75% !important; } .width-94percent { width: 94% !important; } .mobile-quick-delivery-img-card.margin-t-40, .margin-t-40 { margin-top: 40px !important; } .m-b-p-b-0 { margin-bottom: 0 !important; padding-bottom: 0 !important; } .margin-t-zero { margin-top: 0 !important; } .margin-t-8 { margin-top: 8px !important; } .margin-t-5 { margin-top: 5px !important; } .margin-t-15 { margin-top: 15px !important; } .margin-t-50 { margin-top: 50px !important; } .margin-bot-18 { margin-bottom: 18px !important; } .margin-bot-30 { margin-bottom: 30px !important; } .mobile-quick-delivery-img-card.margin-b-40, .margin-b-40 { margin-bottom: 40px !important; } .margin-bot-6 { margin-bottom: 6px !important; } .margin-bot-8 { margin-bottom: 8px !important; } .margin-bot-15 { margin-bottom: 15px !important; } .margin-bot-34 { margin-bottom: 34px !important; } .margin-bot-50 { margin-bottom: 50px !important; } .margin-bot-80 { margin-bottom: 80px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-28 { margin-top: 28px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-48 { margin-top: 48px !important; } .margin-top-50, .gh-margin-top-50 { margin-top: 50px !important; } .content-main-body-left-bg-img-section.margin-b-48 { margin-top: 48px !important; margin-bottom: 0 !important; } .pad-rl-0 { padding-right: 15px; padding-left: 15px; } .pad-r-5, .no-gutters .col-md-6.col-sm-6.pad-r-5 { padding-right: 20px !important; } .pad-top-0 { padding-top: 0 !important; } .pad-top-12 { padding-top: 0 !important; } .pad-top-50 { padding-top: 50px !important; } .pad-bottom-50 { padding-bottom: 50px !important; } .pad-bot-80 { padding-bottom: 80px !important; } .pad-left-0 { padding-left: 0 !important; } .pad-right-0, .close.pad-right-0 { padding-right: 0 !important; } .pad-top-20 { padding-top: 20px !important; } .pad-top-30 { padding-top: 30px !important; } .pad-bottom-30 { padding-bottom: 30px !important; } .margin-right-zero { margin-right: 0 !important; } .pad-top-10 { padding-top: 10px !important; } .pad-bot-10 { padding-bottom: 10px !important; } .pad-bot-30, .card-white-block.pad-bot-30 { padding-bottom: 30px !important; } .pad-bot-0 { padding-bottom: 0 !important; } .pad-bot-4 { padding-bottom: 4px !important; } .pad-top-100 { padding-top: 100px !important; } .margin-top-zero { margin-top: 0 !important; } .margin-bot-zero { margin-bottom: 0 !important; } .margin-bot-20 { margin-bottom: 20px !important; } .margin-bot-28 { margin-bottom: 28px !important; } .margin-bot-30 { margin-bottom: 30px !important; } .margin-bot-10 { margin-bottom: 10px !important; } .line-height-40 { line-height: 1.2em !important; } .margin-auto { margin: auto !important; } .field-label { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 24px; line-height: 30px; } .page-description.description-bottom-link a, .page-description-with-more-bottom-space.description-bottom-link a, .section-description.description-bottom-link a, .section-description-with-more-bottom-space.description-bottom-link a, .description-bottom-link a, .anchor-link-medium, .section-description .anchor-link-medium, .section-description-with-more-bottom-space .anchor-link-medium { color: #00589c; font-family: "Helvetica-Condensed", sans-serif; font-size: 16px !important; line-height: 20px !important; background-color: transparent; border: none !important; cursor: pointer; } .page-description.description-bottom-link a:hover, .page-description.description-bottom-link a:active, .page-description.description-bottom-link a:focus, .page-description-with-more-bottom-space.description-bottom-link a:hover, .page-description-with-more-bottom-space.description-bottom-link a:active, .page-description-with-more-bottom-space.description-bottom-link a:focus, .section-description.description-bottom-link a:hover, .section-description.description-bottom-link a:active, .section-description.description-bottom-link a:focus, .section-description-with-more-bottom-space.description-bottom-link a:hover, .section-description-with-more-bottom-space.description-bottom-link a:active, .section-description-with-more-bottom-space.description-bottom-link a:focus, .description-bottom-link a:hover, .description-bottom-link a:active, .description-bottom-link a:focus, .anchor-link-medium:hover, .anchor-link-medium:active, .anchor-link-medium:focus, .section-description .anchor-link-medium:hover, .section-description .anchor-link-medium:active, .section-description .anchor-link-medium:focus, .section-description-with-more-bottom-space .anchor-link-medium:hover, .section-description-with-more-bottom-space .anchor-link-medium:active, .section-description-with-more-bottom-space .anchor-link-medium:focus { background: transparent; color: #d97a23; text-decoration: underline; font-size: 16px !important; line-height: 20px !important; } .anchor-link-small { color: #00589c !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 15px !important; line-height: 18px !important; } .anchor-link-small:hover, .anchor-link-small:active, .anchor-link-small:focus { background: transparent; color: #d97a23 !important; text-decoration: none; } .anchor-link { color: #00589c; font-family: "Helvetica-Condensed", sans-serif; font-size: 24px; line-height: 30px; background-color: transparent; border: none !important; cursor: pointer; } .anchor-link:hover, .anchor-link:active, .anchor-link:focus { background: transparent; color: #d97a23; text-decoration: none; } .font-bold { font-family: "Helvetica-Condensed-Bold", sans-serif; } .float-left { float: left; display: inline-block; } .float-right { float: right; display: inline-block; } .inline-blue-link { color: #005a9d; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 24px; line-height: 30px; display: inline-block; margin-right: 30px; } .inline-blue-link:hover, .inline-blue-link:active, .inline-blue-link:focus { background: transparent; color: #d97a23; text-decoration: none; } .link-style { font-family: "Helvetica-Condensed", sans-serif; color: #015a9c; font-size: 16px; line-height: 20px; text-decoration: none; } .section-bottom-link-with-more-bottom-space { font-family: "Helvetica-Condensed", sans-serif; color: #015a9c; font-size: 16px; line-height: 20px; text-decoration: none; margin-bottom: 36px; display: inline-block; } .description-normal-text a, .description-bold-text a, .section-title a { color: #015a9c; text-decoration: none; font-family: "Helvetica-Condensed", sans-serif; font-size: 22px; line-height: 26px; } .link-style:hover, .description-normal-text a:hover, .description-bold-text a:hover, .section-bottom-link-with-more-bottom-space:hover, .section-title a:hover { color: #d97a23; text-decoration: underline; } .blue-link:hover, .blue-link:active, .blue-link:focus { background: transparent !important; color: #d97a23 !important; text-decoration: underline !important; } .grey-bg { background-color: #f7f8fa; } .grey-bg .card-white-section { background-color: #f7f8fa; } .align-left { text-align: left !important; } .align-center { text-align: center !important; } .align-right { text-align: right !important; } .upper-case { text-transform: uppercase !important; } .home-hero-block { background-color: #fff; } .header-block { background: #fff; } .header-login-block { background-color: #57585a; padding-right: 55px; padding-left: 55px; } .profile-name-container { color: #fff; float: right; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 16px; height: 50px !important; padding: 13px 45px 13px 20px; } .profile-name-link { color: #fff; font-size: 16px; font-family: "Helvetica-Condensed-Bold", sans-serif; text-transform: capitalize; vertical-align: middle; padding-right: 10px; } .profile-name-link:hover { color: #fff; text-decoration: none; } .login-btn { background-color: #fff; color: #68696a; float: right; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 12px; height: 30px; margin-bottom: 6px; margin-right: 0; margin-top: 10px; padding: 7px 13px; text-transform: uppercase; } .login-btn:hover { color: #fff !important; background-color: #d97a23; text-decoration: none; } .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; background-repeat: no-repeat; background-size: cover; padding: 0 55px 10px 55px; } .search-block-and-choosemodel-block { margin: 28px 18px 0 0; height: 60px; width: 270px !important; float: right; position: relative; padding-top: 8px; } .search-block-and-choosemodel-block .search-container { position: absolute; z-index: 1; } .search-block-and-choosemodel-block .nav-dd-container { position: absolute; z-index: 2; right: 0; } .search-block-and-choosemodel-block .search-container .input-group-addon { border-radius: 8px !important; height: 41px; } .search-block-and-choosemodel-block .search-container .site-search-input { border-radius: 8px !important; height: 41px; z-index: 1; } .search-container .input-group-addon .fa { z-index: 4; } .header-navbar-block { background-color: #fff !important; padding-bottom: 20px !important; } .request-search-container .input-group-addon { background: none; border: 0; height: 48px; padding: 0; position: absolute; right: 0; width: 38px; z-index: 4; } .request-search-container .input-group-addon .fa { font-size: 20px; cursor: pointer; border: 0; padding: 0 7px 0 0 !important; height: 48px !important; vertical-align: middle !important; line-height: 48px !important; z-index: 4; } .header-flags-container { list-style: none; list-style-type: none; display: inline-block; text-align: center; float: right; margin-bottom: 22px; } .logo { display: inline-block; padding: 23px 0 0 0; } .logo-img { height: 90px; } .flag-name { font-size: 14px; margin-top: 5px; font-family: "Helvetica-Condensed-Bold", sans-serif; } .header-flag-active { background-color: #57585a; display: inline-block; float: left; margin: 0; padding: 0 19px 15px 19px; } .header-flag-active { display: inline-block; } .header-flag-inactive, .header-flag-inactive:hover { display: inline-block; float: left; margin: 0; padding: 0 19px 15px 19px; } .flag-icon { height: 38px; margin-top: 10px; } .header-flag-active .flag-name { color: #c2c3c4; opacity: 1; } .header-flag-inactive .flag-name { visibility: hidden; } .header-flag-inactive:hover .flag-name { background-color: #e0e0e0; color: #727272; visibility: visible; text-align: center !important; width: 100% !important; } .header-flags-container li:last-child { padding-right: 0 !important; } .header-flags-container li.header-flag-active:last-child { padding-right: 12px !important; } .header-lang-container { float: right; margin-right: 0; margin-bottom: 30px; } .header-logo-flags-block { padding: 0 55px 10px 55px !important; } .header-lang-container span { margin: 0 10px; } .gh-pipe { width: 1px !important; background: #808082; height: 17px; display: inline-block; margin-bottom: -2px !important; margin-top: 6px !important; } .lang-label { font-size: 15px; color: #656464; letter-spacing: 0.1px; } .lang-link-active { color: #000; font-size: 16px; line-height: 18px; text-decoration: underline; letter-spacing: 0.1px; } .lang-link-inactive { color: #000; font-size: 16px; font-weight: normal; line-height: 18px; text-decoration: underline; letter-spacing: 0.62px; } .gh-search-icon { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 16px; } .gh-search-icon::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: "Helvetica-Condensed-Bold", sans-serif !important; color: #999 !important; font-size: 16px !important; text-transform: uppercase !important; height: 41px; line-height: 41px !important; margin: 0; padding: 0; } .gh-search-icon::-moz-placeholder { /* Firefox 19+ */ color: #999 !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 16px !important; height: 41px; line-height: 41px; margin: 0; padding: 0; text-transform: uppercase !important; } .gh-search-icon:-ms-input-placeholder { /* IE 10+ */ color: #999 !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 16px !important; height: 41px; line-height: 41px; margin: 0; padding: 0; text-transform: uppercase !important; } .gh-search-icon:-moz-placeholder { /* Firefox 18- */ color: #999 !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 16px !important; height: 41px; line-height: 41px; margin: 0; padding: 0; text-transform: uppercase !important; } .desktop-tab-menu .search-container { float: none !important; left: auto !important; margin-right: 0 !important; margin-top: 0 !important; right: auto !important; width: 400px !important; } .search-container.align-left { float: left !important; margin-left: -15px !important; width: 100% !important; } .form-control::placeholder { color: #57585a; font-size: 14px; } .search-container.width-100per .gh-search-icon { font-size: 16px; height: 42px; line-height: 42px; padding: 0 15px; } .search-container.width-100per .input-group-addon { height: 40px; } .search-container.width-100per .input-group-addon .fa { padding: 9px 14px 9px 0; } .search-container .form-control { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.22) !important; border-radius: 0; box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.22), 1px 1px 3px 0 rgba(0, 0, 0, 0.22); height: 48px; line-height: 48px; -moz-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.22), 1px 1px 3px 0 rgba(0, 0, 0, 0.22); padding: 0 15px 0 15px; -webkit-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.22), 1px 1px 3px 0 rgba(0, 0, 0, 0.22); } .search-container .input-group-addon { background: none; border: 0; height: 48px; padding: 0; position: absolute; right: 0; width: 38px; z-index: 4; } .search-container .input-group-addon .fa { font-size: 22px; cursor: pointer; border: 0; padding: 0 7px 0 0 !important; height: 42px !important; vertical-align: middle !important; line-height: 42px !important; } .desktop-tab-menu .search-container .input-group-addon { background: none; border: 0; height: 41px; padding: 0; position: absolute; right: 0; width: 38px; z-index: 999; } .desktop-tab-menu .search-container .input-group-addon .fa { font-size: 22px; cursor: pointer; border: 0; padding: 0 14px 0 0; height: 41px !important; vertical-align: middle !important; line-height: 41px; } .mobile-search-container input.site-search-input.form-control, .mobile-search-container .form-control, .mobile-search-container .hawk-resultsSearch input[type="text"] { background-color: #fff !important; border: 1px solid rgba(0, 0, 0, 0.22) !important; border-radius: 0 !important; box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.22), 1px 1px 3px 0 rgba(0, 0, 0, 0.22) !important; height: 42px !important; line-height: 42px !important; -moz-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.22), 1px 1px 3px 0 rgba(0, 0, 0, 0.22) !important; padding: 0 15px 0 15px !important; -webkit-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.22), 1px 1px 3px 0 rgba(0, 0, 0, 0.22) !important; } .mobile-search-container .input-group-addon { position: absolute; right: 0; height: 42px; width: 38px; z-index: 4; background: none; padding: 0; border: 0; } .mobile-search-container .input-group-addon .fa { font-size: 22px; padding: 0 7px 0 0 !important; cursor: pointer; border: 0; height: 42px !important; vertical-align: middle !important; line-height: 42px; } .mobile-search-container .input-group-addon .fa.fa-search { font-size: 22px; padding: 0 7px 0 0 !important; cursor: pointer; border: 0; height: 42px !important; vertical-align: middle !important; line-height: 42px; } .header-navbar-container { padding-top: 7px; display: inline-block; width: 100%; padding-left: 13px; } .header-navbar-container .navbar-nav { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; justify-content: space-between !important; width: 100% !important; } .nav:before, .nav:after { display: none !important; } .nav-link { color: #004aa2; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; padding: 14px 0 10px 0 !important; text-transform: uppercase; } .nav-link:link { color: #d97a23 !important; background-color: transparent !important; text-decoration: none !important; } a:link, a:visited, a:active, a:focus { outline: none !important; -webkit-user-select: none !important; } .nav-link:link, .nav-link:visited, .nav-link:active, .nav-link:focus { text-decoration: none !important; color: #004aa2 !important; outline: none !important; -webkit-user-select: none !important; } .nav-link:hover { color: #d97a23 !important; text-decoration: none !important; } .header-navbar-dropdown { margin-right: 20px !important; background-color: #f4f4f4; border-color: #f4f4f4; color: #004aa2; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; padding: 4px 20px !important; border-radius: 8px; cursor: pointer; } .header-navbar-dropdown:hover { margin-right: 20px !important; background-color: #f4f4f4; border-color: #f4f4f4; color: #004aa2; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; padding: 4px 20px !important; border-radius: 8px; cursor: pointer; } .header-navbar-dropdown::after { color: #9d9d9d !important; } .btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: #004aa2; background-color: #f4f4f4; border-color: #f4f4f4; -moz-box-shadow: 0 0 0 0 rgba(243, 243, 243, 0.5); -webkit-box-shadow: 0 0 0 0 rgba(243, 243, 243, 0.5); box-shadow: 0 0 0 0 rgba(243, 243, 243, 0.5); border-radius: 8px 8px 0 0; } .dropdown-item { display: block; width: 192px; padding: 4px 17px 4px 24px; clear: both; font-weight: 400; color: #004aa2; text-align: inherit; white-space: nowrap; background: 0 0; border: 0; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0 0 10px 0; margin: 0 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #f4f4f4; background-clip: padding-box; border: 1px solid #f4f4f4; border-radius: 0 0 8px 8px; } .dropdown-item:focus, .dropdown-item:hover { color: #d97a23; text-decoration: none; } .dropdown-menu.show { display: block; overflow-y: scroll; height: 200px; } .hero-block, .hero-2-block { background-position: 0 30px !important; padding-top: 30px !important; } .hero-block .container-fluid { padding-left: 0; padding-right: 0; } .hero-block > .hero-block-shadow > .container-fluid > .row { margin-right: 0; margin-left: 0; } .hero-container { margin: 0 0 0 0; background-color: rgba(86, 88, 89, 0.72); opacity: 0; display: none; } .home-hero-block .hero-container, .hero-block-headline-tagline .hero-container { display: block !important; z-index: 1; position: relative; } img.hero-img { display: block; width: 100%; height: auto; } .home-hero-block .hero-container { background-color: #005a9b; opacity: 1; } /*25-10-2021 Ticket #15253*/ .light-grey-text .hero-container .hero-sub-title { color: #e6e6e6 !important; } .hero-block-headline-tagline .hero-container { background-color: #005a9b; opacity: 1 !important; } .home-hero-block .hero-container-section, .hero-block-headline-tagline .hero-container-section { padding: 33px 15px 22px 15px; } .hero-block-headline-tagline .hero-sub-title { margin-bottom: 14px !important; } .hero-container-section { padding: 30px 15px 30px 15px; } .hero-title { font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 52px; color: #fff; line-height: 60px; margin-bottom: 11px; text-transform: uppercase; opacity: 1; } .hero-sub-title { color: #fff; font-family: "Helvetica-Condensed", sans-serif; font-size: 24px; line-height: 28px; margin-bottom: 0; opacity: 1; display: inline-block; padding-right: 30px; } .hero-2-block .container-fluid { padding-left: 0; padding-right: 0; } .hero-2-block > .hero-2-block-shadow > .container-fluid > .row { margin-right: 0; margin-left: 0; } .hero-2-container { margin: 240px 0 0 0; background-color: rgba(86, 88, 89, 0.72); } .hero-2-container-section { padding: 30px 15px 25px 15px; } .hero-2-title { font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 46px; color: #fff; line-height: 60px; margin-bottom: 5px; text-transform: uppercase; } .hero-2-sub-title { color: #fff; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px; line-height: 28px; margin-bottom: 18px; } .hero-container-section .orange-btn { margin-bottom: 10px !important; } .orange-btn, .orange-btn[disabled]:hover { border: 2px solid #d97a23 !important; border-radius: 8px !important; background-color: #d97a23 !important; padding: 4px 16px !important; color: #fff !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 15px !important; margin-bottom: 45px !important; display: inline-block /*!important*/; line-height: 1em !important; padding: 0.4em 2em !important; font-weight: bold !important; cursor: pointer !important; } .btn-outline.delete-contact { padding: 0.4em 2em !important; display: inline-block; font-weight: bold; } .btn-outline.delete-contact:hover { background-color: #015a9c !important; color: #fff !important; } .delete-contact { border: 2px solid #015a9c !important; border-radius: 8px !important; background-color: #fff !important; color: #015a9c !important; } .orange-btn:hover, .orange-btn:active, .orange-btn:focus { background: rgba(255, 255, 255, 0.9) !important; color: #d97a23 !important; text-decoration: none !important; border-color: #d97a23 !important; line-height: 1em !important; padding: 0.4em 2em !important; font-weight: bold !important; } .zoom, .gh-zoom { overflow: hidden; } .zoom img, .gh-zoom img { top: 0%; left: 0; max-width: 200%; width: 100%; transform: translateX(0%); /* Thanks @bastian_fiessinger. Use when activating blur effect:will-change: -webkit-filter, filter, transform; */ } .orange-link-block { margin-top: -97px; } .orange-link-section { text-align: center; padding-top: 50px; } .home-wave-img-container { width: 100%; margin-top: 0 !important; } .home-wave-img { width: 100%; margin-top: -186px !important; } .content-body-block > .sf_colsIn:nth-child(2) { background-color: #fff !important; } .testimonials-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves.png); background-position: 0 -44px; background-repeat: no-repeat; background-size: contain; padding-top: 60px; } .home-product-section-bg { padding-top: 0 !important; margin-top: -84px !important; } .home-product-section-bg.home-page .description-normal-text { width: 1105px; margin: auto; } .home-product-section-bg .section-titles-block .section-titles-container { padding-top: 0 !important; } .section-titles-block.home-page .description-normal-text { width: 850px; margin: auto; } .home-product-section-bg.home-page .description-normal-text { width: 1105px; margin: auto; } .home-product-section-bg .section-titles-block .section-titles-container { padding-top: 0 !important; } .home-product-section-bg .section-titles-block .section-titles-container { padding-top: 0; } .orange-link { font-family: "Helvetica-Condensed", sans-serif; color: #015a9c; font-size: 16px; line-height: 20px; text-decoration: underline; } .orange-link:hover, .orange-link:active, .orange-link:focus { font-family: "Helvetica-Condensed", sans-serif; color: #d97a23; font-size: 16px; line-height: 20px; text-decoration: underline; } .section-spacer { height: 100px; } .section-spacer-40 { height: 40px; } .spacer-15 { height: 15px; color: rgba(255, 255, 255, 0.01); visibility: visible; } .spacer-30 { height: 30px; color: rgba(255, 255, 255, 0.01); visibility: visible; } .spacer-50 { height: 50px; color: rgba(255, 255, 255, 0.01); visibility: visible; } .section-titles-container { padding-top: 60px; padding-bottom: 42px; text-align: center; } .other-section-titles-container { padding-bottom: 0; text-align: center; } .section-top-title { color: #004aa2; font-family: "HelveticaCE", sans-serif; font-size: 20px; letter-spacing: 8px; line-height: 23px; text-transform: uppercase; padding-bottom: 14px; } .page-title { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 48px; line-height: 1.2em; padding-bottom: 9px; margin-bottom: 18px; margin-top: -9px; border-bottom: 4px solid #d8d8d8; } .page-title-with-more-bottom-space { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 48px; line-height: 1.2em; padding-bottom: 9px; margin-bottom: 45px; margin-top: -9px; border-bottom: 4px solid #d8d8d8; } .sub-title { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 22px; line-height: 24px; margin-bottom: 12px; } .sub-title img { height: 24px !important; float: left; margin-right: 0; } .sub-title-with-more-bottom-space { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 22px; line-height: 23px; margin-bottom: 45px; } .page-description, .pdf-summary-label { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 22px; line-height: 26px; padding-top: 0; padding-bottom: 12px; } .page-description-with-more-bottom-space, .page-description-with-more-bottom-space span, .page-description-with-more-bottom-space p { color: #57585a !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 22px !important; line-height: 26px !important; padding-top: 0; padding-bottom: 45px; } .section-description-with-more-bottom-space { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 22px; line-height: 26px; padding-top: 0; padding-bottom: 36px; margin-top: -4px; } .section-description { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 22px; line-height: 26px; padding-top: 0; padding-bottom: 12px; } .section-title, .gs-dashboard-name { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 24px; line-height: 24px; margin-bottom: 12px; } .section-title img { height: 24px !important; float: left; margin-right: 0; } .section-title-with-more-bottom-space { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 24px; line-height: 24px; margin-bottom: 36px; } .section-title-uppercase { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 24px; line-height: 24px; margin-bottom: 12px; text-transform: uppercase; } .section-title-normal-uppercase { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 24px; line-height: 24px; margin-bottom: 12px; text-transform: uppercase; } .section-title-uppercase-with-more-bottom-space { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 24px; line-height: 24px; margin-bottom: 36px; text-transform: uppercase; } .section-title-style img { margin: auto; } .section-title-spacing { margin-top: 37px; border-top: 2px solid #999; } .description-normal-text { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 22px; line-height: 26px; text-align: center; padding-top: 0; padding-bottom: 15px; } table.pdf-table { font-family: "Helvetica-Condensed", sans-serif; } .description-bold-text-content { color: #57585a; font-family: Helvetica-Condensed-Bold, sans-serif; font-size: 22px; line-height: 26px; text-align: center; padding-top: 0; } .description-bold-text { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 22px; line-height: 26px; text-align: center; padding-top: 0; padding-bottom: 15px; } .orange-btn-block { padding-top: 0; } .orange-btn-container { text-align: center; } .home-card-block { padding-bottom: 50px; } .home-card-block .card-section { padding: 0 30px; } .home-card-block .card-img { text-align: center; padding: 20px 10px 20px 10px; background: none; } .home-card-block .card-img img { display: block; max-width: 100%; height: auto !important; margin: auto; width: 200px !important; } .home-card-block .card-title { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; font-size: 23px; line-height: 28px; text-align: center; margin-bottom: 20px; } .home-card-block .card-description { font-family: "Helvetica-Condensed", sans-serif; color: #57585a; font-size: 22px; line-height: 26px; text-align: center; margin-bottom: 20px; } .home-card-block .card-link-container { text-align: center; } .home-card-block .card-link { font-family: "Helvetica-Condensed", sans-serif; color: #015a9c; font-size: 16px; line-height: 20px; text-decoration: none; position: absolute; bottom: 0; left: 50%; margin-left: -44px !important; margin-right: auto !important; min-height: 40px; width: auto; } .home-card-block .card-section .card-title { text-align: center !important; } .card-block { padding-bottom: 50px; } .card-section { padding: 0; margin-top: 40px; } .card-img { text-align: left; padding: 0 0 0 0; background-color: #fff; margin-bottom: 20px; } .card-img img { height: 190px !important; width: auto !important; } .card-title { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; font-size: 22px; line-height: 27px; text-align: left; margin-bottom: 10px; } .card-description { font-family: "Helvetica-Condensed", sans-serif; color: #57585a; font-size: 22px; line-height: 26px; text-align: left; margin-bottom: 20px; } .card-link-container { text-align: center; } .product-card-container-link .card-link-container, .product-card-container-link .card-title { text-align: left; text-transform: uppercase; } .product-card-container-link { width: 100%; } .card-link { font-family: "Helvetica-Condensed", sans-serif; color: #015a9c; font-size: 16px; line-height: 20px; text-decoration: none; position: absolute; bottom: 20px; left: 0; margin-left: 0; min-height: 40px; right: 0; margin: 0 15px !important; } .card-link:hover, .card-link:active, .card-link:focus { font-family: "Helvetica-Condensed", sans-serif; color: #d97a23; font-size: 16px; line-height: 20px; text-decoration: underline; } .product-card-block .display-flex .col-md-4 { padding-bottom: 0; } img.img-responsive { display: block; max-width: 100%; width: 100%; height: auto; margin: auto; } .drawing-card-accordian-img img { float: left; } .testimonials-section { padding: 0 90px; } .testimonials-description { color: #004aa2; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 35px; line-height: 44px; text-align: justify; padding-bottom: 68px; font-style: italic; } .testimonials-author-name { color: #004aa2; font-family: "Helvetica-Condensed", sans-serif; font-size: 35px; line-height: 44px; text-align: right; } .testimonials-author-title { color: #004aa2; font-family: "Helvetica-Condensed", sans-serif; font-size: 25px; line-height: 34px; text-align: right; } .card-white-block { padding-bottom: 80px; } .left-card-white-section { padding: 20px 0 50px 0; background: #fff; height: 100%; } .card-white-section { padding: 0; background: #fff; height: 100%; } .right-card-white-section { padding: 10px 20px 50px 20px; background: #fff; height: 100%; } .card-white-img { text-align: center; padding: 10px 30px 20px 30px; } .card-white-title { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; font-size: 22px; line-height: 30px; text-align: left; margin-bottom: 10px; border-bottom: 4px solid #2b388f; padding-bottom: 10px; } .right-card-white-section .card-white-description, .right-card-white-section .card-white-description p { font-size: 16px !important; color: #57585a !important; font-family: "Helvetica-Condensed", sans-serif !important; line-height: 18px !important; text-align: left !important; padding-top: 0 !important; padding-bottom: 0 !important; } .card-white-description { font-family: "Helvetica-Condensed", sans-serif; color: #7b7b7b; font-size: 20px; line-height: 26px; text-align: left; margin-bottom: 10px; } .card-white-link-container { text-align: left; } .card-white-link { font-family: "Helvetica-Condensed", sans-serif; color: #015a9c; font-size: 16px; line-height: 20px; text-decoration: none; position: absolute; bottom: 20px; } .card-white-link:hover, .card-white-link:active, .card-white-link:focus { font-family: "Helvetica-Condensed", sans-serif; color: #d97a23; font-size: 16px; line-height: 20px; text-decoration: underline; } .card-white-container-link, .card-white-container-link:hover, .card-white-container-link:active, .card-white-container-link:focus { text-decoration: none; display: inline-block; padding: 0 20px 50px 20px; } .card-orange-container-link, .card-orange-container-link:hover, .card-orange-container-link:active, .card-orange-container-link:focus { text-decoration: none; display: inline-block; padding: 0 0 50px 0; } .card-quote-container-link, .card-quote-container-link:hover, .card-quote-container-link:active, .card-quote-container-link:focus { text-decoration: none; display: inline-block; padding: 0 10px 50px 10px; position: relative; } .card-container-link, .product-card-container-link, .card-white-section { transition: box-shadow 0.3s !important; -webkit-transition: box-shadow 0.3s !important; -moz-transition: box-shadow 0.3s !important; -ms-transition: box-shadow 0.3s !important; -o-transition: box-shadow 0.3s !important; } .card-container-link:hover, .product-card-container-link:hover, .card-white-section:hover { box-shadow: 0 0 10px rgba(33, 33, 33, 0.2); } .grid-stack-item-content .card-container-link:hover, .grid-stack-item-content .product-card-container-link:hover, .grid-stack-item-content .card-white-section:hover { box-shadow: none; } .product-card-container-link, .product-card-container-link:hover, .product-card-container-link:active, .product-card-container-link:focus { display: inline-block; height: 100%; padding: 10px 15px 67px 15px; position: relative; margin-bottom: 30px; text-decoration: none; } .card-container-link, .card-container-link:hover, .card-container-link:active, .card-container-link:focus { display: inline-block; height: 100%; padding: 0 0 67px 0; position: relative; margin-bottom: 30px; text-decoration: none; } .card-white-container-link .card-white-link, .card-container-link .card-link, .product-card-container-link .product-card-link { font-family: "Helvetica-Condensed", sans-serif; color: #015a9c; font-size: 16px; line-height: 20px; text-decoration: none; } .card-white-container-link:hover .card-white-link, .card-white-container-link:active .card-white-link, .card-white-container-link:focus .card-white-link, .card-container-link:hover .card-link, .card-container-link:active .card-link, .card-container-link:focus .card-link, .product-card-container-link:hover .product-card-link, .product-card-container-link:active .product-card-link, .product-card-container-link:focus .product-card-link, .product-card-container-link:hover .card-link, .product-card-container-link:active .card-link, .product-card-container-link:focus .card-link { font-family: "Helvetica-Condensed", sans-serif; color: #d97a23; font-size: 16px; line-height: 20px; text-decoration: underline; } .card-orange-container-link .card-orange-link { font-family: "Helvetica-Condensed", sans-serif; font-size: 16px; line-height: 20px; text-decoration: none; background-color: #d97a23 !important; border: 2px solid #d97a23 !important; border-radius: 8px !important; color: #fff !important; display: inline-block; width: 100%; padding: 10px 15px; text-align: center; font-weight: 700; } .card-orange-container-link:hover .card-orange-link, .card-orange-container-link:active .card-orange-link, .card-orange-container-link:focus .card-orange-link { font-family: "Helvetica-Condensed", sans-serif; color: #fff; font-size: 16px; line-height: 20px; text-decoration: underline; background: #015a9c !important; border-color: #015a9c !important; text-decoration: none; } .card-orange-title { font-family: "Helvetica-Condensed", sans-serif; font-size: 20px; line-height: 30px; margin: 0 0 10px 0; padding: 10px; background: #d97a23; color: #fff; text-align: center; } /***/ .need-part-card { border-top: 4px solid #d97a23; padding-top: 8px; } .need-part-title { display: flex; align-items: center; justify-content: flex-start; font-weight: 700; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px; line-height: 30px; margin: 0 0 10px 0; padding: 10px; color: #000; text-align: center; } .need-part-title > img.img-responsive { width: 30px; margin: 0 10px 0 0; } .need-part-card .card-orange-count { color: #000 !important; } .need-part-card .card-orange-description { color: #000 !important; } /***/ .card-orange-description { font-family: "Helvetica-Condensed", sans-serif; color: #7b7b7b; font-size: 16px; line-height: 1.4; text-align: left; margin-bottom: 10px; padding: 10px 20px 10px; } p.card-orange-count { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #7b7b7b; font-size: 16px; line-height: 26px; text-align: center; margin: 10px 20px 5px; padding: 7px 10px 7px; font-weight: bold; border-top: solid 1px #e8e6e6; border-bottom: solid 1px #e8e6e6; } .card-orange-link-container { padding: 20px 20px 0 20px; } /*28-09-2021 Ticket #15063*/ .card-quote-container-link { /*background: #fff;*/ /*border-radius: 2px;*/ background: #f7f8fa; display: inline-block; /*box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);*/ /*transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;*/ border-top: 4px solid #015a9c; } /*28-09-2021 Ticket #15063*/ /*.card-quote-container-link:hover { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }*/ .card-quote-img-container p { width: 61px; margin-bottom: 0; } .card-quote-img-container > img.img-responsive { width: 35px; margin-bottom: 5px; margin-top: 0; } .need-quote-title > img.img-responsive { width: 22px; margin: 0; } .need-quote-title .new-beak-red { background: #d52022; color: #fff; padding: 0px 8px; border-radius: 5px; font-family: "Helvetica-Condensed", sans-serif; font-size: 10px; line-height: 22px; } /*28-09-2021 Ticket #15063*/ .need-quote-title { display: flex; align-items: center; justify-content: space-between; font-weight: 700; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px; line-height: 30px; margin: 0 0 10px 0; padding: 0; color: #000; text-align: center; } /*28-09-2021 Ticket #15063*/ .card-quote-container-link .card-quote-link { font-family: "Helvetica-Condensed", sans-serif; font-size: 16px; line-height: 20px; text-decoration: none; /*background-color: #333 !important;*/ /*border: 2px solid #333 !important;*/ background-color: #015a9c !important; border: 2px solid #015a9c !important; border-radius: 8px !important; color: #fff; display: inline-block; width: 100%; padding: 10px 15px; text-align: center; font-weight: 700; } .card-quote-container-link:hover .card-quote-link, .card-quote-container-link:active .card-quote-link, .card-quote-container-link:focus .card-quote-link { font-family: "Helvetica-Condensed", sans-serif; color: #fff; font-size: 16px; line-height: 20px; text-decoration: underline; background: #015a9c !important; border-color: #015a9c !important; text-decoration: none; } .new-beak { position: absolute; top: 10px; right: 10px; background: #a14e4c; color: #fff; padding: 3px 8px; border-radius: 5px; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; } /*28-09-2021 Ticket #15063*/ .card-quote-description { color: #333; /*text-align: center;*/ text-align: left; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; /*padding-top: 30px;*/ /*padding-bottom: 26px;*/ padding-top: 15px; padding-bottom: 20px; } .card-quote-img-container { width: 120px; height: 120px; background: #333; border-radius: 50%; margin: auto; text-align: center; margin-top: 30px; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; font-family: "Helvetica-Condensed-Bold", sans-serif; } .footer-block { margin-top: 0; background-color: #fff; } .footer-top { background-color: #57585a; } .logo-footer-section { padding: 25px 0; } .logo-footer { height: 62px; } .footer-top-icon-section { margin: 25px 0; float: right; height: 62px; vertical-align: middle; display: block; padding: 12px 0; } .careers-button { background: url("/Content/GreenheckStyles/imgs/wave-button-bg.png") 0 0 repeat; display: inline-block; margin-right: 20px; color: #015a9c; font-family: "Helvetica-Condensed", sans-serif; font-size: 24px; line-height: 38px; text-shadow: none; padding: 0 70px; height: 38px; background-size: cover; float: left; } .footer-social-icon { display: inline-block; margin-right: 20px; float: left; } .footer-social-icon:nth-child(5) { display: inline-block; margin-right: 0; float: left; background-color: #fff; } .footer-social-one-icon { margin: 0 !important; color: #fff; font-weight: bold !important; } .social-icon { height: 38px; } .footer-middle { background-color: #57585a; border-top: solid 5px #fff; padding-top: 30px; padding-bottom: 80px; } .footer-bottom { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves.png); background-position: 0 -19px; background-repeat: no-repeat; background-size: cover; } .footer-bottom-container { padding: 40px 0; } .footer-bottom-row { color: #5f6062; font-family: "Helvetica-Condensed", sans-serif; font-size: 16px; line-height: 20px; text-align: center; padding: 10px 0; font-weight: bold; } .footer-bottom-row .pipe { padding: 0 5px; } .footer-bottom-row a { color: #5f6062 !important; text-decoration: none; } .footer-bottom-row a:hover { color: #5f6062 !important; text-decoration: underline; } .footer-menu-title .footer-menu-link-anchor { color: #fff; font-family: "Helvetica-Condensed", sans-serif; font-weight: bold; font-size: 12px; line-height: 16px !important; text-transform: uppercase; display: inline-block !important; } .footer-menu-link-container { padding-left: 0; padding-top: 20px; } .footer-menu-link { list-style: none; margin: 3px 0; } .footer-menu-link-anchor { font-family: "Helvetica-Condensed", sans-serif; font-size: 12px; line-height: 14px !important; display: inline-block; } .footer-menu-link-anchor:link { color: #fff !important; } .footer-menu-link-anchor:link, .footer-menu-link-anchor:visited, .footer-menu-link-anchor:active, .footer-menu-link-anchor:focus { text-decoration: none !important; color: #fff !important; } .footer-menu-link-anchor:hover { color: #d97a23 !important; text-decoration: underline !important; } /* Breadcrums CSS */ .breadcrumb-container { background-color: #fff; padding-top: 12px; } .breadcrumb { padding-left: 0; text-align: left; } .breadcrumb > li { display: inline-block; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; height: 25px; padding: 1px 0 0 0; position: relative; top: -3px; } .breadcrumb > li:first-child { position: relative; } .breadcrumb > li:first-child a { position: relative; width: 25px; } .breadcrumb-block, .breadcrumb { background-color: #fff !important; } .breadcrumb-home-icon { vertical-align: unset; max-width: 100%; max-height: 100%; position: absolute; bottom: -2px; } .breadcrumb-item + .breadcrumb-item::before { content: ">" !important; color: #015a9c !important; padding-right: 10px; padding-left: 10px; position: relative; top: -2px; } .breadcrumb-item.in-active a, .breadcrumb-item.in-active a:active, .breadcrumb-item.in-active a:focus, .breadcrumb-item a, .breadcrumb-item a:active, .breadcrumb-item a:focus { color: #015a9c; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; height: 20px; padding: 1px 0 0 0; text-decoration: none; display: inline-block; } .breadcrumb-item.in-active a:hover { color: #d97a23; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; height: 20px; padding: 1px 0 0 0; text-decoration: none; } .breadcrumb-item.active { color: #606060; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; height: 25px; padding: 1px 0 0 0; position: relative; top: -3px; } .content-main-body-block { background: #fff; } .content-main-body-left-section { margin-bottom: 20px; margin-top: 0 !important; } .content-main-body-left-bg-img-section { background-size: contain; background: #f7f8fa; } .left-content-title { background-color: #015a9c; padding: 20px 14px 20px 14px; color: #fff; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 22px; line-height: 26px; text-align: center; height: auto; } ul.left-content-links { padding-left: 20px; padding-bottom: 40px; padding-top: 0; text-align: left; margin-bottom: 0 !important; } ul.left-content-links li { padding: 0 20px 0 0; list-style: none; text-align: left; } ul.left-content-links li a.active-link, ul.left-content-links li a.active-link:hover { color: #57585a !important; text-decoration: none; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 15px; line-height: 19px; padding: 5px 0; } ul.left-content-links li a.inactive-link:hover { color: #d97a23; text-decoration: none; } ul.left-content-links li a.inactive-link { color: #015a9c; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 15px; line-height: 19px; padding: 5px 0; } .right-content-title { padding: 20px 0 30px 0; } ul.right-content-links { padding-left: 0; padding-bottom: 40px; padding-top: 10px; } ul.right-content-links li { padding: 0 20px 0 0; list-style: none; } ul.right-content-links li a.active-link, ul.right-content-links li a.inactive-link:hover { color: #d97a23; text-decoration: none; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; line-height: 15px; padding: 5px 0; } ul.right-content-links li a.inactive-link { color: #015a9c; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; line-height: 15px; padding: 5px 0; } ul.right-content-icon-links { padding-left: 16px; padding-bottom: 36px; padding-top: 0; } ul.right-content-icon-links li { padding: 0 20px 0 0; list-style: none; display: flex; } ul.right-content-icon-links li a.active-link, ul.right-content-icon-links li a.inactive-link:hover { color: #d97a23; text-decoration: none; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; line-height: 18px; padding: 0 0 5px 0; margin-left: 7px; display: inline-block; float: left; } ul.right-content-icon-links li.pdf:before { font-family: "FontAwesome"; content: "\f1c1"; margin: 0 0 0 -15px; color: #015a9c; vertical-align: top; margin-top: -4px; float: left; width: 18px; height: 18px; font-size: 18px; } ul.right-content-icon-links li.externallink:before { font-family: "FontAwesome"; content: "\f08e"; margin: 0 0 0 -15px; color: #015a9c; vertical-align: top; margin-top: -4px; float: left; width: 18px; height: 18px; font-size: 18px; } .l-pdf:after { font-family: "FontAwesome"; content: "\f1c1"; margin: 0 7px 0 0; color: #ff2116; vertical-align: top; margin-top: -2px; float: left; } .before-video-small:before { font-family: "FontAwesome"; content: "\f16a"; margin: 0 0 0 -15px; color: #015a9c; vertical-align: top; margin-top: -4px; float: left; width: 18px; height: 18px; font-size: 18px; } .before-pdf-small:before { background-image: url(/Content/GreenheckStyles/imgs/pdf_desktop_2x.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: 0; display: inline-block; width: 20px; height: 20px; margin: -2px 0 0 -15px; } .before-ppt-small:before { background-image: url(/Content/GreenheckStyles/imgs/powerpoint_desktop_2x.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: 0; display: inline-block; width: 20px; height: 20px; margin: -2px 0 0 -15px; } .before-word-small:before { background-image: url(/Content/GreenheckStyles/imgs/word_icon.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: 0; display: inline-block; width: 20px; height: 20px; margin: -2px 0 0 -15px; } .before-excel-small:before { background-image: url(/Content/GreenheckStyles/imgs/excel_desktop_2x.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: 0; display: inline-block; width: 20px; height: 20px; margin: -2px 0 0 -15px; } .before-video-medium:before { font-family: "FontAwesome"; content: "\f16a"; margin: 0 0 0 0; color: #015a9c; vertical-align: top; float: left; width: 28px; height: 28px; font-size: 28px; margin-right: 6px; } .before-pdf-medium:before { background-image: url(/Content/GreenheckStyles/imgs/pdf_desktop_2x.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: -4px; display: inline-block; width: 26px; height: 26px; margin-right: 8px; } .before-ppt-medium:before { background-image: url(/Content/GreenheckStyles/imgs/powerpoint_desktop_2x.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: -4px; display: inline-block; width: 26px; height: 26px; margin-right: 8px; } .before-word-medium:before { background-image: url(/Content/GreenheckStyles/imgs/word_icon.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: -4px; display: inline-block; width: 26px; height: 26px; margin-right: 8px; } .before-excel-medium:before { background-image: url(/Content/GreenheckStyles/imgs/excel_desktop_2x.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: -4px; display: inline-block; width: 26px; height: 26px; margin-right: 8px; } .after-video-small:after { font-family: "FontAwesome"; content: "\f16a"; margin: 0 0 0 -15px; color: #015a9c; vertical-align: top; margin-top: -4px; width: 18px; height: 18px; font-size: 18px; margin-left: 6px; } .after-pdf-small:after { background-image: url(/Content/GreenheckStyles/imgs/pdf_desktop_2x.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: 0; display: inline-block; width: 20px; height: 20px; margin: -2px -15px 0 0; } .after-ppt-small:after { background-image: url(/Content/GreenheckStyles/imgs/powerpoint_desktop_2x.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: 0; display: inline-block; width: 20px; height: 20px; margin: -2px -15px 0 0; } .after-word-small:after { background-image: url(/Content/GreenheckStyles/imgs/word_icon.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: 0; display: inline-block; width: 20px; height: 20px; margin: -2px -15px 0 0; } .after-excel-small:after { background-image: url(/Content/GreenheckStyles/imgs/excel_desktop_2x.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: 0; display: inline-block; width: 20px; height: 20px; margin: -2px 0 0 -15px; } .after-video-medium:after { font-family: "FontAwesome"; content: "\f16a"; margin: 0 0 0 0; color: #015a9c; vertical-align: top; width: 28px; height: 28px; font-size: 28px; margin-left: 6px; } .after-pdf-medium:after { background-image: url(/Content/GreenheckStyles/imgs/pdf_desktop_2x.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: -4px; display: inline-block; width: 26px; height: 26px; margin-left: 8px; } .after-ppt-medium:after { background-image: url(/Content/GreenheckStyles/imgs/powerpoint_desktop_2x.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: -4px; display: inline-block; width: 26px; height: 26px; margin-left: 8px; } .after-word-medium:after { background-image: url(/Content/GreenheckStyles/imgs/word_icon.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: -4px; display: inline-block; width: 26px; height: 26px; margin-left: 8px; } .after-excel-medium:after { background-image: url(/Content/GreenheckStyles/imgs/excel_desktop_2x.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: -4px; display: inline-block; width: 26px; height: 26px; margin-left: 8px; } ul.right-content-icon-links li.blank:before { font-family: "FontAwesome"; content: " "; margin: 0 0 0 -15px; color: transparent; vertical-align: top; margin-top: -4px; float: left; width: 18px; height: 18px; font-size: 18px; } ul.right-content-icon-links li.externallink:after { content: ""; } ul.right-content-icon-links li.new-tab:before { font-family: "FontAwesome"; content: "\f08e"; margin: 0 0 0 -15px; color: #015a9c; vertical-align: top; margin-top: -4px; float: left; width: 18px; height: 18px; font-size: 18px; } ul.right-content-icon-links li.r-arrow:before { font-family: "FontAwesome"; content: "\f061"; margin: 0 0 0 -15px; color: #015a9c; vertical-align: top; margin-top: -4px; float: left; width: 18px; height: 18px; font-size: 18px; } ul.right-content-icon-links li.video:before { font-family: "FontAwesome"; content: "\f16a"; margin: 0 0 0 -15px; color: #015a9c; vertical-align: top; margin-top: -4px; float: left; width: 18px; height: 18px; font-size: 18px; } ul.right-content-icon-links li.livechat:before { font-family: "FontAwesome"; content: "\f086"; margin: 0 0 0 -15px; color: #015a9c; vertical-align: top; margin-top: -4px; float: left; width: 18px; height: 18px; font-size: 18px; } ul.right-content-icon-links li.email:before { font-family: "FontAwesome"; content: "\f0e0"; margin: 0 0 0 -15px; color: #015a9c; vertical-align: top; margin-top: -4px; float: left; width: 18px; height: 18px; font-size: 18px; } ul.right-content-icon-links li.map:before { font-family: "FontAwesome"; content: "\f041"; margin: 0 4px 0 -23px; color: #015a9c; vertical-align: top; margin-top: -1px; float: left; width: 18px; height: 18px; font-size: 18px; } ul.right-content-icon-links li.map { font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; line-height: 18px; padding: 0 0 5px 10px; } ul.right-content-icon-links li.phone:before { font-family: "FontAwesome"; content: "\f095"; margin: 0 0 0 -15px; color: #015a9c; vertical-align: top; margin-top: -4px; float: left; width: 18px; height: 18px; font-size: 18px; } ul.right-content-icon-links li a.inactive-link-projectProfile { color: #015a9c; font-family: "Helvetica-Condensed", sans-serif; font-size: 22px; line-height: 26px; padding: 0 0 5px 0; margin-left: 7px; display: inline-block; float: left; width: 100% !important; } ul.right-content-icon-links li a.inactive-link { color: #015a9c; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; line-height: 18px; padding: 0 0 5px 0; margin-left: 7px; display: inline-block; float: left; width: 100% !important; } .right-content-description { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; line-height: 18px; } .product-card-section { padding: 10px 10px 20px 0; margin-bottom: 15px; } .product-card-section .section-title { margin-top: 10px !important; } .description-list li:first-child { margin-top: 20px !important; } .description-list ul + p { margin-top: 20px !important; } .product-card-block .product-card-container .container-fluid { padding-right: 0; padding-left: 0; } .video-card-section { padding: 0; margin-bottom: 30px; } /*01-11-2021 Ticket #15443*/ .video-card { padding: 0; /*background: #f0f0f0;*/ margin-bottom: 10px; position: relative; } .video-image-overlay { position: relative; width: 100%; height: 100%; } .video-image-overlay:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(70, 70, 70, 0.5); } .video-play-btn { position: absolute; left: 50%; top: 50%; margin-top: -35px; margin-left: -35px; width: 70px; height: auto; max-width: 100%; z-index: 1; } .video-play-btn-small { margin: 30%; height: auto; max-width: 40%; z-index: 1; position: relative; } .video-embed { height: 200px; } /*04-10-2021 Ticket #15143*/ .video-link-card { /*background-size: contain !important;*/ background-size: cover !important; position: relative; display: inline-block; width: 100%; height: 200px; } .video-link-card-small { background-size: contain !important; position: relative; display: inline-block; width: 100%; height: auto; } .product-card-img .img-responsive { height: 220px; margin-bottom: 20px; width: auto !important; } .product-card-description { font-family: "Helvetica-Condensed", sans-serif; color: #57585a; font-size: 22px; line-height: 23px; text-align: left; } .product-card-link-container { text-align: left; padding-top: 30px; } .product-card-link { font-family: "Helvetica-Condensed", sans-serif; color: #015a9c; font-size: 16px; line-height: 20px; text-decoration: none; position: absolute; bottom: 0; text-transform: uppercase; margin-bottom: 30px; height: 40px; } .product-card-link:hover, .product-card-link:active, .product-card-link:focus { font-family: "Helvetica-Condensed", sans-serif; color: #d97a23; font-size: 16px; line-height: 20px; text-decoration: underline; } .normal-card-link { font-family: "Helvetica-Condensed", sans-serif; color: #015a9c; font-size: 16px; line-height: 20px; text-decoration: underline; text-transform: uppercase; } .normal-card-link:hover, .normal-card-link:active, .normal-card-link:focus { font-family: "Helvetica-Condensed", sans-serif; color: #d97a23; font-size: 16px; line-height: 20px; text-decoration: underline; } .article-card-white-block { padding-bottom: 80px; } .article-card-white-container .card-white-section { padding: 0 0 50px 0; background: #fff; height: 100%; } .article-card-white-container .card-white-img { text-align: center; padding: 0 0 20px 0; } .article-card-white-container .card-white-title { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; font-size: 22px; line-height: 30px; text-align: left; margin-bottom: 20px; margin: 0 15px 4px 15px; } .article-card-white-container .card-white-description { font-family: "Helvetica-Condensed", sans-serif; color: #7b7b7b; font-size: 20px; line-height: 26px; text-align: left; margin: 0 15px 4px 15px; } .article-card-white-container .card-white-link-container { text-align: left; margin: 0 15px 4px 15px; } .article-card-white-container .card-white-link { font-family: "Helvetica-Condensed", sans-serif; color: #015a9c; font-size: 16px; line-height: 20px; text-decoration: none; position: absolute; bottom: 20px; } .article-card-white-container .card-white-link:hover, .article-card-white-container .card-white-link:active, .article-card-white-container .card-white-link:focus { font-family: "Helvetica-Condensed", sans-serif; color: #d97a23; font-size: 16px; line-height: 20px; text-decoration: underline; } .article-card-white-section-wrap { height: 100%; } .article-card-white-section { padding: 0 0 50px 0; background: #fff; height: 100%; } .article-card-white-img { text-align: center; padding: 0 0 20px 0; } .article-card-white-title { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; font-size: 22px; line-height: 30px; text-align: left; margin-bottom: 20px; margin: 0 15px 4px 15px; } .article-card-white-description { font-family: "Helvetica-Condensed", sans-serif; color: #7b7b7b; font-size: 20px; line-height: 26px; text-align: left; margin: 0 15px 4px 15px; } .article-card-white-link-container { text-align: left; margin: 0 15px 4px 15px; } .article-card-white-link { font-family: "Helvetica-Condensed", sans-serif; color: #015a9c; font-size: 16px; line-height: 20px; text-decoration: none; position: absolute; bottom: 20px; } .article-card-white-link:hover, .article-card-white-link:active, .article-card-white-link:focus { font-family: "Helvetica-Condensed", sans-serif; color: #d97a23; font-size: 16px; line-height: 20px; text-decoration: underline; } .title-desc-container { margin-bottom: 80px; } .position-relative { position: relative !important; bottom: 0 !important; } ul { list-style: none; padding: 0; } ul .inner { padding-left: 1px; margin-left: -1px; overflow: hidden; display: none; } ul li { /*margin: 0.5em 0;*/ } ul li a.toggle { width: 100%; display: block; padding-top: 0; padding-bottom: 9px; padding-right: 4px; padding-left: 0; transition: background 0.3s ease; float: left; position: relative; } ul li a.toggle:hover { color: rgba(217, 122, 35, 0.83); text-decoration: none; } .accordion-main-title { color: #656565; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 24px; line-height: 30px; } .accordion-main-title > float-left { display: inline-block; width: 100%; padding-right: 40px; } span.float-right.accordion-icon { position: absolute; float: none; right: 0; } .accordion-sub-title { color: #656565; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; line-height: 25px; } .accordion-inner-link { color: #015a9c; font-family: "Helvetica-Condensed", sans-serif; font-size: 22px; line-height: 33px; text-decoration: none; } .accordion-inner-link:hover, .accordion-inner-link:active, .accordion-inner-link:focus { color: #d97a23; font-family: "Helvetica-Condensed", sans-serif; font-size: 22px; line-height: 33px; text-decoration: none; } #accordion ul.inner { height: auto !important; } .description-normal-bullet-points ul li { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 22px; line-height: 23px; list-style: disc; margin-left: 21px; } [type="radio"].with-gap, [type="checkbox"].with-gap { position: absolute; left: -9999px; visibility: hidden; } [type="radio"].with-gap + label, [type="checkbox"].with-gap + label [type="radio"].with-gap ~ label, [type="checkbox"].with-gap ~ label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; /* webkit (safari, chrome) browsers */ -webkit-user-select: none; -moz-user-select: none; /* mozilla browsers */ /* webkit (konqueror) browsers */ -khtml-user-select: none; /* IE10+ */ -ms-user-select: none; padding-top: 0 !important; } /**** Radio / [type="radio"].with-gap + label, [type="radio"].with-gap ~ label { -webkit-transition: 0.28s ease; transition: 0.28s ease; } [type="radio"].with-gap + label:before, [type="radio"].with-gap + label:after, [type="radio"].with-gap ~ label:before, [type="radio"].with-gap ~ label:after { content: ""; position: absolute; left: 0; top: 0; margin: 4px; width: 20px; height: 20px; z-index: 0; border-radius: 50%; border-style: solid; border-width: 2px; -webkit-transition: 0.28s ease; transition: 0.28s ease; } [type="radio"].with-gap:not(:checked) + label:before, [type="radio"].with-gap:not(:checked) + label:after, [type="radio"].with-gap:not(:checked) ~ label:before, [type="radio"].with-gap:not(:checked) ~ label:after { border-color: #5a5a5a; } [type="radio"].with-gap:not(:checked) + label:after, [type="radio"].with-gap:not(:checked) ~ label:after { z-index: -1; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked ~ label:before { border-color: transparent; } [type="radio"].with-gap:checked + label:after, [type="radio"].with-gap:checked ~ label:after { border-color: #015a9c; background-color: #015a9c; z-index: 0; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } [type="radio"].with-gap:disabled + label, [type="radio"].with-gap:disabled ~ label { color: rgba(0, 0, 0, 0.46); } [type="radio"].with-gap:disabled + label:before, [type="radio"].with-gap:disabled ~ label:before { background-color: transparent; border-color: rgba(0, 0, 0, 0.46); } [type="radio"].with-gap:disabled:not(:checked) + label:before, [type="radio"].with-gap:disabled:not(:checked) ~ label:before { border-color: rgba(0, 0, 0, 0.46); } [type="radio"].with-gap:disabled:checked + label:after, [type="radio"].with-gap:disabled:checked ~ label:after { background-color: rgba(0, 0, 0, 0.46); border-color: #bdbdbd; } [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked ~ label:before { border-color: #015a9c; } [type="radio"].with-gap:checked + label:after, [type="radio"].with-gap:checked ~ label:after { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } [type="radio"].with-gap:checked:disabled + label:before, [type="radio"].with-gap:checked:disabled ~ label:before { border-color: rgba(0, 0, 0, 0.46); } [type="radio"].with-gap + label, [type="radio"].with-gap ~ label { -webkit-transition: 0.28s ease; transition: 0.28s ease; } [type="radio"].with-gap + label:after, [type="radio"].with-gap + label:before, [type="radio"].with-gap ~ label:after, [type="radio"].with-gap ~ label:before { content: ""; position: absolute; left: 0; top: 0; margin: 4px; width: 20px; height: 20px; z-index: 0; border-radius: 50%; border-style: solid; border-width: 2px; -webkit-transition: 0.28s ease; transition: 0.28s ease; } [type="radio"].with-gap:not(:checked) + label:after, [type="radio"].with-gap:not(:checked) + label:before, [type="radio"].with-gap:not(:checked) ~ label:after, [type="radio"].with-gap:not(:checked) ~ label:before { border-color: #5a5a5a; } [type="radio"].with-gap:not(:checked) + label:after, [type="radio"].with-gap:not(:checked) ~ label:after { z-index: -1; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } [type="radio"].with-gap:disabled + label, [type="radio"].with-gap:disabled ~ label { color: rgba(0, 0, 0, 0.46); } [type="radio"].with-gap:disabled + label:before, [type="radio"].with-gap:disabled ~ label:before { background-color: transparent; border-color: rgba(0, 0, 0, 0.46); } [type="radio"].with-gap:disabled:not(:checked) + label:before, [type="radio"].with-gap:disabled:not(:checked) ~ label:before { border-color: rgba(0, 0, 0, 0.46); } [type="radio"].with-gap:disabled:checked + label:after, [type="radio"].with-gap:disabled:checked ~ label:after { background-color: rgba(0, 0, 0, 0.46); border-color: #bdbdbd; } [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked ~ label:before { border-color: #015a9c; } [type="radio"].with-gap:checked + label:after, [type="radio"].with-gap:checked ~ label:after { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } [type="radio"].with-gap:checked:disabled + label:before, [type="radio"].with-gap:checked:disabled ~ label:before { border-color: rgba(0, 0, 0, 0.46); } [type="checkbox"].with-gap + label:before, [type="checkbox"].with-gap ~ label:before { content: ""; position: absolute; top: 0; left: 0; width: 17px; height: 17px; z-index: 0; border: 1.5px solid #8a8a8a; border-radius: 1px; margin-top: 2px; -webkit-transition: 0.2s; transition: 0.2s; } [type="checkbox"].with-gap:checked + label:before, [type="checkbox"].with-gap:checked ~ label:before { top: -4px; left: -3px; width: 12px; height: 22px; border-style: solid; border-width: 2px; border-color: transparent #4285f4 #4285f4 transparent; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"].with-gap:indeterminate + label:before, [type="checkbox"].with-gap:indeterminate ~ label:before { left: -10px; top: -11px; width: 10px; height: 22px; border: none; border-right: 2px solid #4285f4; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"].with-gap:disabled:checked + label:before, [type="checkbox"].with-gap:disabled:checked ~ label:before { border-color: transparent rgba(0, 0, 0, 0.46) rgba(0, 0, 0, 0.46) transparent; } [type="checkbox"].with-gap:disabled:not(:checked) + label:before, [type="checkbox"].with-gap:disabled:not(:checked) ~ label:before { border: none; margin-left: 2px; margin-top: 2px; background-color: rgba(0, 0, 0, 0.46); } [type="checkbox"].with-gap:disabled:indeterminate + label:before, [type="checkbox"].with-gap:disabled:indeterminate ~ label:before { border-right: 2px solid rgba(0, 0, 0, 0.46); margin-left: 0; margin-top: 0; background-color: transparent; } [type="checkbox"].with-gap + label:after, [type="checkbox"].with-gap + label:before, [type="checkbox"].with-gap ~ label:after, [type="checkbox"].with-gap ~ label:before { content: ""; left: 0; position: absolute; -webkit-transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s; transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s; z-index: 1; border-style: solid; border-width: 2px; } [type="checkbox"].with-gap + label:after, [type="checkbox"].with-gap ~ label:after { border-radius: 2px; height: 20px; width: 20px; } [type="checkbox"].with-gap + label:before, [type="checkbox"].with-gap ~ label:before { -webkit-transform: rotateZ(37deg); -ms-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"].with-gap:not(:checked) + label:before, [type="checkbox"].with-gap:not(:checked) ~ label:before { width: 0; height: 0; border-style: solid; border-color: transparent; left: 6px; top: 10px; } [type="checkbox"].with-gap:not(:checked) + label:after, [type="checkbox"].with-gap:not(:checked) ~ label:after { background-color: transparent; border-color: #867e7e; top: 4px; z-index: 0; margin: 0 4px; } [type="checkbox"].with-gap:checked + label:before, [type="checkbox"].with-gap:checked ~ label:before { top: 4px; left: 5px; width: 8px; height: 13px; border-color: transparent #fff #fff transparent; } [type="checkbox"].with-gap:checked + label:after, [type="checkbox"].with-gap:checked ~ label:after { border-color: #015a9c; background-color: #015a9c; z-index: 0; top: 4px; margin: 0 4px; } [type="checkbox"].with-gap:disabled:not(:checked) + label:before, [type="checkbox"].with-gap:disabled:not(:checked) ~ label:before { background-color: transparent; border-color: #bdbdbd; } [type="checkbox"].with-gap:disabled:not(:checked) + label:after, [type="checkbox"].with-gap:disabled:not(:checked) ~ label:after { border-color: transparent; background-color: #bdbdbd; } [type="checkbox"].with-gap:disabled:checked + label:before, [type="checkbox"].with-gap:disabled:checked ~ label:before { background-color: transparent; } [type="checkbox"].with-gap:disabled:checked + label:after, [type="checkbox"].with-gap:disabled:checked ~ label:after { background-color: #bdbdbd; border-color: #bdbdbd; } [type="checkbox"].filled-in-danger:checked + label:after, [type="checkbox"].filled-in-danger:checked ~ label:after { background-color: red; border-color: red; } /*radio label*/ [type="radio"].with-gap + label, [type="checkbox"].with-gap + label, [type="radio"].with-gap ~ label, [type="checkbox"].with-gap ~ label { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 22px; line-height: 26px; } .text-label { font-family: "Helvetica-Condensed", sans-serif; color: #57585a; font-size: 18px; line-height: 23px; float: left; } .blue-section-title { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #015a9c; font-size: 22px; line-height: 23px; } .grey-section-title { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; font-size: 22px; line-height: 23px; } .pagination-container { float: right; color: #00589c; font-family: "Helvetica-Condensed", sans-serif; font-size: 24px; line-height: 30px; } .pagination-numbers { padding: 0 30px; } .custom-select { margin-left: 10px; color: #004aa2 !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; border: 2px solid #004aa2 !important; padding: 5px; } .grey-dropdown { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px; line-height: 26px; background-color: #f4f4f4; border-radius: 8px; -moz-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); cursor: pointer; padding: 12px 15px !important; } .no-gutters .col-lg-1, .no-gutters .col-lg-10, .no-gutters .col-lg-11, .no-gutters .col-lg-12, .no-gutters .col-lg-2, .no-gutters .col-lg-3, .no-gutters .col-lg-4, .no-gutters .col-lg-5, .no-gutters .col-lg-6, .no-gutters .col-lg-7, .no-gutters .col-lg-8, .no-gutters .col-lg-9, .no-gutters .col-md-1, .no-gutters .col-md-10, .no-gutters .col-md-11, .no-gutters .col-md-12, .no-gutters .col-md-2, .no-gutters .col-md-3, .no-gutters .col-md-4, .no-gutters .col-md-5, .no-gutters .col-md-6, .no-gutters .col-md-7, .no-gutters .col-md-8, .no-gutters .col-md-9, .no-gutters .col-sm-1, .no-gutters .col-sm-10, .no-gutters .col-sm-11, .no-gutters .col-sm-12, .no-gutters .col-sm-2, .no-gutters .col-sm-3, .no-gutters .col-sm-4, .no-gutters .col-sm-5, .no-gutters .col-sm-6, .no-gutters .col-sm-7, .no-gutters .col-sm-8, .no-gutters .col-sm-9, .no-gutters .col-xs-1, .no-gutters .col-xs-10, .no-gutters .col-xs-11, .no-gutters .col-xs-12, .no-gutters .col-xs-2, .no-gutters .col-xs-3, .no-gutters .col-xs-4, .no-gutters .col-xs-5, .no-gutters .col-xs-6, .no-gutters .col-xs-7, .no-gutters .col-xs-8, .no-gutters .col-xs-9, .no-gutters { padding: 0 !important; } .hero-2-block .no-gutters .col-md-12, .hero-2-block .no-gutters .col-sm-12, .hero-block .no-gutters .col-md-12, .hero-block .no-gutters .col-sm-12 { padding: 0 !important; } .navbar-default .navbar-toggle { border-color: transparent !important; } .navbar-default .navbar-toggle .icon-bar { background-color: #005a9b !important; } .right-nav { padding: 5px 0 0 0; border: 0; } .desktop-tab-menu { display: block; } .mobile-menu { display: none; } .navbar-header-logo { margin: 0 auto; display: table; } .mobile-logo { height: 40px; margin-top: 0; } .navbar-default .navbar-brand { display: inline-table; } .collapse .in { /*background: #fff;*/ padding: 5px 10px 10px 10px; } button.close { padding: 0 !important; cursor: pointer !important; background: 0 0 !important; border: 0 !important; z-index: 1; position: relative; padding-right: 15px !important; padding-top: 7px !important; color: #000 !important; } button.pull-left.navbar-toggle.collapsed { margin-right: 0; border: 0; } /*08-10-2021 Ticket #15173*/ .workflow-card img { max-width: 225px !important; width: 225px !important; } .orange-link-section a { font-family: "Helvetica-Condensed", sans-serif; color: #015a9c; font-size: 22px; line-height: 20px; text-decoration: none; } .orange-link-section a:hover { text-decoration: underline; color: #d97a23; } .txt-center { text-align: center; } .margin-0202 { margin: 0 2px; } .w-100 { display: block; width: 100%; } .b-0202f { border-right: 2px solid #fff; border-left: 2px solid #fff; } .input-border { border-radius: 0; border: 1px solid #9e9e9e; } .m-b-0 { margin-bottom: 0 !important; } .margin-b-0 { margin-bottom: 0 !important; } .small-description-bold-text { font-size: 16px; color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; line-height: 18px; text-align: center; padding-top: 0; padding-bottom: 0; } .small-description-text { font-size: 16px; color: #57585a; font-family: "Helvetica-Condensed", sans-serif; line-height: 18px; text-align: center; padding-top: 0; padding-bottom: 0; display: inline-block; } .small-description-text-important { font-size: 16px !important; color: #57585a !important; font-family: "Helvetica-Condensed", sans-serif !important; line-height: 29px !important; text-align: center !important; padding-top: 0 !important; padding-bottom: 0 !important; display: inline-block !important; font-weight: normal !important; } .pull-right.text-right.small-description-text { float: none !important; } .small-description-text a { text-decoration: none; } .small-description-text a:hover { text-decoration: none; color: #d97a23; } .m-4040 { margin: 4px 0; display: inline-block; } .form-group label { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 22px; line-height: 26px; text-align: left; padding-bottom: 0; } .form-group input, textarea { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px !important; line-height: 26px !important; text-align: left; border-radius: 0; background-color: #fff; -moz-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 0.62), 0 0 0 0 rgba(0, 0, 0, 0.62); -webkit-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 0.62), 0 0 0 0 rgba(0, 0, 0, 0.62); box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 0.62), 0 0 0 0 rgba(0, 0, 0, 0.62); padding: 11px 20px; border: 1px solid #ccc !important; margin-right: 1em; margin-top: 5px; height: 48px !important; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ height: auto; color: #aab2bd; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px !important; line-height: 26px !important; font-weight: normal; margin: 0; padding: 0; } ::-moz-placeholder { /* Firefox 19+ */ height: auto; color: #aab2bd; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px !important; line-height: 26px !important; font-weight: normal; margin: 0; padding: 0; } :-ms-input-placeholder { /* IE 10+ */ height: auto; color: #aab2bd; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px !important; line-height: 26px !important; font-weight: normal; margin: 0; padding: 0; } :-moz-placeholder { /* Firefox 18- */ height: auto; color: #aab2bd; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px !important; line-height: 26px !important; font-weight: normal; margin: 0; padding: 0; } .has-error { text-align: right !important; float: right !important; } .has-error .help-block, .help-block { margin-top: 0 !important; font-size: 16px !important; color: #e61718 !important; font-family: "Helvetica-Condensed", sans-serif !important; line-height: 18px !important; text-align: center !important; padding-top: 0 !important; padding-bottom: 0 !important; } .border-bottom-grey { border-bottom: 4px solid #d8d8d8; } .hero-pad-zero { padding: 0 !important; } .pad-zero { padding: 0 !important; } .page-description ul, .page-description ol, .page-description-with-more-bottom-space ul, .page-description-with-more-bottom-space ol, .section-description ul, .section-description ol, .section-description-with-more-bottom-space ul, .section-description-with-more-bottom-space ol, .description-normal-text ul, .description-normal-text ol { list-style: inherit !important; padding-left: 25px !important; margin-bottom: 0; } .page-description ul li, .page-description ol li, .page-description-with-more-bottom-space ul li, .page-description-with-more-bottom-space ol li, .section-description ul li, .section-description ol li, .section-description-with-more-bottom-space ul li, .section-description-with-more-bottom-space ol li, .description-normal-text ul li, .description-normal-text ol li { list-style-type: disc; margin-bottom: 4px !important; margin-top: 4px !important; } .section-description-with-more-bottom-space ol li { list-style-type: decimal !important; } .page-description p:last-child, .page-description ul li:last-child, .page-description ol li:last-child, .page-description-with-more-bottom-space p:last-child, .page-description-with-more-bottom-space ul li:last-child, .page-description-with-more-bottom-space ol li:last-child, .section-description p:last-child, .section-description ul li:last-child, .section-description ol li:last-child, .section-description-with-more-bottom-space p:last-child, .section-description-with-more-bottom-space ul li:last-child, .section-description-with-more-bottom-space ol li:last-child, .description-normal-text p:last-child, .description-normal-text ul li:last-child, .description-normal-text ol li:last-child { margin-bottom: 0 !important; } .grey-btn { border: 0 solid #57585a; border-radius: 8px; background-color: #696969; font-size: 16px !important; line-height: 20px !important; padding: 6px 29px !important; color: #fff !important; cursor: pointer; font-family: "Helvetica-Condensed", sans-serif !important; font-weight: normal; text-transform: uppercase; } .grey-btn:hover, .grey-btn:active, .grey-btn:focus { background: #fff; color: #d97a23 !important; text-decoration: none; border: 2px solid #57585a; } .small-description-text img { margin-top: 10px; margin-bottom: 10px; } .page-title sup { top: -23px !important; font-size: 50% !important; } .mobile-footer-nav { display: none; } .desktop-footer-nav { display: block; } .testimonials-rightbar { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; line-height: 18px; font-style: italic; font-weight: 600; padding-top: 15px; padding-bottom: 15px; } .testimonials-author-name-rightbar { text-align: right; color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; line-height: 18px; padding-top: 15px; width: 100% !important; } .testimonials-author-rightbar { text-align: right; color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 13px; font-weight: 500; line-height: 16px; padding-bottom: 15px; width: 100% !important; } .img-full-width { width: 100%; } .img-fullwidth { width: 100%; margin-bottom: 30px !important; margin-top: 7px !important; } .text-projectProfile { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; line-height: 18px; padding: 0 0 5px 0; margin-left: 4px; display: inline-block; float: left; width: 100% !important; } .page-title-image { border-bottom: 4px solid #d8d8d8; margin-bottom: 15px !important; } .page-title-image .border-bottom-grey { border-bottom: 0 !important; padding-bottom: 0 !important; } .widget-accordion .accordion-link, .widget-accordion a.accordion-link:hover { text-decoration: none; } .panel { margin-bottom: 20px; background-color: transparent; border: 0 !important; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; } .widget-accordion-block .panel > a:before { float: right !important; font-family: FontAwesome; content: "\f068"; padding-right: 32px; padding: 0 !important; position: absolute; right: 16px; margin-top: 3px; color: #d97a23; font-size: 20px; } .widget-accordion-block .panel > a.collapsed:before { float: right !important; content: "\f067"; } .col-xs-5th-1, .col-xs-5th-2, .col-xs-5th-3, .col-xs-5th-4 { float: left; } .col-xs-5th-5 { float: left; width: 100%; } .col-xs-5th-4 { width: 80%; } .col-xs-5th-3 { width: 60%; } .col-xs-5th-2 { width: 40%; } .col-xs-5th-1 { width: 20%; } .col-xs-5th-pull-5 { right: 100%; } .col-xs-5th-pull-4 { right: 80%; } .col-xs-5th-pull-3 { right: 60%; } .col-xs-5th-pull-2 { right: 40%; } .col-xs-5th-pull-1 { right: 20%; } .col-xs-5th-pull-0 { right: auto; } .col-xs-5th-push-5 { left: 100%; } .col-xs-5th-push-4 { left: 80%; } .col-xs-5th-push-3 { left: 60%; } .col-xs-5th-push-2 { left: 40%; } .col-xs-5th-push-1 { left: 20%; } .col-xs-5th-push-0 { left: auto; } .col-xs-5th-offset-5 { margin-left: 100%; } .col-xs-5th-offset-4 { margin-left: 80%; } .col-xs-5th-offset-3 { margin-left: 60%; } .col-xs-5th-offset-2 { margin-left: 40%; } .col-xs-5th-offset-1 { margin-left: 20%; } .col-xs-5th-offset-0 { margin-left: 0%; } .nav-dd-container { width: auto !important; max-width: 210px !important; } .left-blue-border { margin-top: -1px !important; height: 38px !important; width: 100% !important; } .search-dd .dropdown-toggle { background-color: #f4f4f4; border-radius: 8px; -moz-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); color: #064b9e; cursor: pointer; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; margin-right: 0; margin-top: 0; padding: 5px 35px 5px 15px !important; z-index: 1; } .nav-dd-container::-webkit-input-placeholder { font-size: 20px !important; } .search-dd .bootstrap-select .dropdown-menu li a span.text { line-height: 29px; height: 28px; } .search-dd .bootstrap-select .dropdown-menu li a span.text, .search-dd .bootstrap-select .dropdown-menu li a { color: #064b9e !important; } .search-dd .bootstrap-select .dropdown-menu li a { padding: 6px 8px !important; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { right: 10px !important; margin-top: 8px !important; } .search-dd .dropdown-toggle:hover, .search-dd .dropdown-toggle:focus, .search-dd .bootstrap-select .dropdown-menu li a:hover, .search-dd .bootstrap-select .dropdown-menu li a:focus, .search-dd .bootstrap-select .dropdown-menu li a:hover span.text, .search-dd .bootstrap-select .dropdown-menu li a:focus span.text { color: #d68237 !important; } .mobile-nav .search-dd .filter-option, .search-dd .filter-option { font-size: 20px; width: auto; padding-top: 7px; padding-bottom: 7px; } .desktop-tab-menu .search-dd .filter-option { font-size: 20px; width: auto; padding-top: 0; padding-bottom: 0; } .search-dd .btn-default.active.focus, .search-dd .btn-default.active:focus, .search-dd .btn-default.active:hover, .search-dd .btn-default:active.focus, .search-dd .btn-default:active:focus, .search-dd .btn-default:active:hover, .search-dd.open > .dropdown-toggle.btn-default.hover, .search-dd.open > .dropdown-toggle.btn-default:focus, .search-dd.open > .dropdown-toggle.btn-default:hover, .btn-group.search-dd.open .dropdown-toggle { border: 1px solid #ccc; background: #f4f4f4; border-radius: 8px !important; padding: 0; -moz-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); max-height: 510px; overflow: auto; overflow-x: hidden; z-index: 2; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; } .bootstrap-select.btn-group.search-dd .dropdown-menu.open .bs-searchbox { padding: 4px 17px 4px 8px; } .bootstrap-select.btn-group.search-dd .dropdown-menu.open .bs-searchbox .form-control { -moz-box-shadow: inset 1px 1px 3px 0 #a6c9f1, 1px 1px 3px 0 #a6c9f1; -webkit-box-shadow: inset 1px 1px 3px 0 #a6c9f1, 1px 1px 3px 0 #a6c9f1; box-shadow: inset 1px 1px 3px 0 #a6c9f1, 1px 1px 3px 0 #a6c9f1; border-color: #6798cf; border-radius: 8px !important; } .bootstrap-select.btn-group.search-dd .dropdown-menu.open { width: 400px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; background-color: #f4f4f4; border-radius: 8px !important; -moz-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); padding: 12px 0 0 8px; max-height: 510px; overflow: auto; overflow-x: hidden; z-index: 2; margin-top: 0; } .bootstrap-select.btn-group.search-dd .dropdown-menu.inner { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f4f4f4; background: #f4f4f4; background: linear-gradient( 180deg, rgba(187, 187, 187, 1) 0%, rgba(140, 140, 140, 1) 24%, #fff 100% ); padding: 0; z-index: 3; } .bootstrap-select.btn-group .dropdown-menu li.selected.active { background-color: #f4f4f4 !important; } .bootstrap-select.btn-group.search-dd.open.dropup > .dropdown-toggle.btn-default { -moz-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); } .bootstrap-select.btn-group.search-dd.open.dropup .dropdown-menu.open { -moz-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); margin-bottom: 0; } .bootstrap-select.btn-group.search-dd ul.dropdown-menu, .bootstrap-select.btn-group.search-dd .bs-searchbox .form-control { font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; } .search-dd .dropdown-menu > .active > a, .search-dd .dropdown-menu > .active > a:focus, .search-dd .dropdown-menu > .active > a:hover { color: #d68237 !important; text-decoration: none; background-color: transparent; outline: 0; } .desktop-tab-menu .bootstrap-select.btn-group.search-dd .dropdown-toggle .caret, .desktop-tab-menu .search-dd .caret { content: ""; position: absolute; right: 12px; top: 16px; border: 0.5em solid #9c9c9c; border-color: #9c9c9c transparent transparent transparent; transition: 0.4s all ease-in-out; font-size: 20px; margin-top: 0; } .desktop-tab-menu .bootstrap-select.btn-group.search-dd.open .dropdown-toggle .caret { transform: rotate(-180deg); top: 5px; } .dropdown-toggle::placeholder { /* Chrome, Firefox, Opera, Safari 1.1+ */ color: #004aa2; opacity: 1; /* Firefox */ } .dropdown-toggle:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #004aa2; } .dropdown-toggle::-ms-input-placeholder { /* Microsoft Edge */ color: #004aa2; } .mobile-nav .dropup .caret, .open .caret { transform: rotate(-180deg); top: 0.5em; } .mobile-nav .bootstrap-select > .dropdown-toggle.bs-placeholder, .mobile-nav .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .mobile-nav .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .mobile-nav .bootstrap-select > .dropdown-toggle.bs-placeholder:active { background-color: transparent !important; border: 0 !important; } .mobile-nav .navbar-collapse { border-top: 0 !important; } .mobile-nav .bootstrap-select.btn-group.search-dd ul.dropdown-menu > li > a { color: #004aa2; } .bootstrap-select.btn-group.search-dd.open > .dropdown-toggle.btn-default, .bootstrap-select.btn-group.search-dd ul.dropdown-menu > li > a:hover { color: #d68237; outline: transparent !important; } .section-title-style img.img-responsive { display: block; max-width: 100%; height: auto; margin: auto; width: auto !important; } input[type="checkbox"], input[type="checkbox"]:focus { width: 18px !important; height: 18px !important; -moz-box-shadow: inset 0 0 0 20px #fff, 0 0 0 0 rgba(255, 255, 255, 0.62) !important; -webkit-box-shadow: inset 0 0 0 20px #fff, 0 0 0 0 rgba(255, 255, 255, 0.62) !important; box-shadow: inset 0 0 0 20px #fff, 0 0 0 0 rgba(255, 255, 255, 0.62) !important; outline: 2px solid #999 !important; margin-right: 10px !important; } input[type="checkbox"]:checked, input[type="checkbox"]:checked:focus { width: 18px !important; height: 18px !important; -moz-box-shadow: inset 0 0 0 2px #e2e2e2, 0 0 0 0 #d8d8d8 !important; -webkit-box-shadow: inset 0 0 0 2px #e2e2e2, 0 0 0 0 #d8d8d8 !important; box-shadow: inset 0 0 0 2px #e2e2e2, 0 0 0 0 #d8d8d8 !important; outline: 2px solid #999 !important; margin-right: 10px !important; outline-offset: 0 !important; } input[type="radio"], input[type="radio"]:focus { width: 18px !important; height: 18px !important; -moz-box-shadow: inset 0 0 0 20px #fff, 0 0 0 0 rgba(255, 255, 255, 0.62) !important; -webkit-box-shadow: inset 0 0 0 20px #fff, 0 0 0 0 rgba(255, 255, 255, 0.62) !important; box-shadow: inset 0 0 0 20px #fff, 0 0 0 0 rgba(255, 255, 255, 0.62) !important; outline: 2px solid #999 !important; margin-right: 10px !important; } input[type="radio"]:checked, input[type="radio"]:checked:focus { width: 18px !important; height: 18px !important; -moz-box-shadow: inset 0 0 0 2px #e2e2e2, 0 0 0 0 #d8d8d8 !important; -webkit-box-shadow: inset 0 0 0 2px #e2e2e2, 0 0 0 0 #d8d8d8 !important; box-shadow: inset 0 0 0 2px #e2e2e2, 0 0 0 0 #d8d8d8 !important; outline: 2px solid #999 !important; margin-right: 10px !important; outline-offset: 0 !important; } .min-h-100 { min-height: 100px !important; } .align-item-top { align-self: flex-start; } .nav-dd-container > .dropdown { margin: 0 !important; } .bootstrap-select .dropdown-toggle:focus { outline: 0 auto -webkit-focus-ring-color !important; } #left-navbar .nav > li, #left-navbar .nav > li.open, #left-navbar .nav > li.open > a, #left-navbar .nav > li.open > ul > li { border-radius: 0; } .mobile-menu .search-dd.open { height: 80vh; overflow-x: scroll; } .display-flex img.img-responsive { height: auto !important; max-width: 100% !important; max-height: 100% !important; -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; margin: auto; } .article-card-white-img img.img-responsive { height: auto !important; max-width: 100% !important; max-height: 246px !important; -webkit-box-flex: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; margin: auto auto auto auto; } .article-card-white-container .article-card-white-img img.img-responsive { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 246px !important; -webkit-box-flex: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; margin: auto auto auto auto; } .img-tb-30 { width: 100%; margin: 30px 0; } .img-width-50 { width: 50%; } .red { color: #d43f3a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 22px; line-height: 26px; text-align: left; padding-top: 0; padding-bottom: 0; float: left; } .form-control[readonly] { background-color: #eee; opacity: 1; width: 65%; color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px; height: auto !important; line-height: 26px !important; text-align: left; border-radius: 0; padding: 10px 20px; background-color: #fff; } .loader, .loader:after { border-radius: 50%; width: 10em; height: 10em; } .loader { margin: 60px auto; font-size: 10px; position: absolute; top: 50%; left: 46%; text-indent: -9999em; border-top: 1.1em solid rgba(0, 0, 0, 0.2); border-right: 1.1em solid rgba(0, 0, 0, 0.2); border-bottom: 1.1em solid rgba(0, 0, 0, 0.2); border-left: 1.1em solid #fff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .gdpr-container { width: 100%; margin: 0 !important; z-index: 999; border-radius: 0; background: #fcfcfc; text-align: left !important; padding: 19px 14px; position: fixed; left: 0; right: 0; bottom: 10px; width: calc(100% - 25px); max-width: 630px; margin: 0 auto 5px !important; z-index: 1234567890123; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .gdpr-container { color: #57585a; text-align: left !important; font-family: "Helvetica-Condensed", sans-serif; font-size: 19px; line-height: 26px; } .gdpr-container .cookie-msg a { color: #004aa2 !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 19px !important; line-height: 26px !important; text-transform: uppercase; text-decoration: underline; } .gdpr-container .cookie-msg a:hover { color: #d97a23 !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 19px !important; line-height: 26px !important; } .cookiealert { opacity: 0; border-radius: 0; transform: translateY(100%); transition: all 500ms ease-out; } .cookiealert.show { opacity: 1; transform: translateY(0%); transition-delay: 1000ms !important; } .acceptcookies { color: #57585a; cursor: pointer; } .cookie-btn { width: 5%; float: left; } .cookie-msg { width: 95%; float: left; } .cookie-info-icon { width: 5%; float: left; } .cookie-container { display: flex; align-items: center; } .drawing-img-thumb { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; display: inline-block; } .min-hw-75 { width: 75px !important; height: 75px !important; } .desktop-quick-delivery-img-card { display: block !important; } .mobile-quick-delivery-img-card { display: none !important; } .map-ul { padding-left: 1px !important; } a.accordion-main-title, .accordian-tab-title, .accordian-tab-title h2, .accordian-tab-title h3, .anchor-link { color: #005a9c !important; cursor: pointer !important; text-decoration: none !important; } .accordian-tab-title { display: flex; flex-direction: row-reverse; align-items: center; } a.accordion-main-title:hover, .accordian-tab-title:hover, .accordian-tab-title:hover h2, .accordian-tab-title:hover h3 { color: #d97a23 !important; cursor: pointer !important; text-decoration: none !important; } .font-size-18 { font-size: 18px; } .font-size-20 { font-size: 20px; } .gh-table { display: table; } .gh-table-cell { display: table-cell; vertical-align: top; } .drawing-download-icon-container { height: 75px !important; } .drawing-model-code-title { padding-left: 10px; display: inline-block; text-align: left; } .margin-r-10 { margin-right: 10px; } .margin-r-15 { margin-right: 15px; } .margin-r-20 { margin-right: 20px; } .video-card-link-container { font-family: "Helvetica-Condensed", sans-serif; } .gh-card-container { width: 100%; } .form-group label.light-label { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px; line-height: 1.3em !important; font-weight: normal; } label#fname { padding-left: 10px; margin-bottom: 20px; } .form-group .form-control.width-auto { width: auto !important; } .inline-block { display: inline-block; } .hero-2-sub-title { display: block; } .home-product-section-bg .section-titles-container { padding-bottom: 20px !important; } .section-titles-block.home-page .section-titles-block .section-titles-container { padding-top: 40px !important; } .home-product-section-bg .page-title { margin-bottom: 0; } .section-spacer-16 { height: 16px; } .margin-t-12 { margin-top: 9px; } .section-spacer-80 { height: 80px; } .home-page .section-titles-container { padding-bottom: 20px !important; } .home-page .page-title { margin-bottom: 0; border-bottom: 0; margin-top: 0; padding-bottom: 15px; line-height: 1em; } .home-page .orange-btn { margin-bottom: 33px !important; } .home-content-bottom-space, .page-content-bottom-space { padding-bottom: 80px; } table.dataTable.no-footer { border-bottom: 0 !important; } table.dataTable thead .sorting:nth-child(1), table.dataTable thead .sorting_asc:nth-child(1), table.dataTable thead .sorting_desc:nth-child(1), table.dataTable thead .sorting_asc_disabled:nth-child(1), table.dataTable thead .sorting_desc_disabled:nth-child(1) { background-position: calc(100% - 1px); } .spanish table.dataTable thead .sorting:nth-child(1), .spanish table.dataTable thead .sorting_asc:nth-child(1), .spanish table.dataTable thead .sorting_desc:nth-child(1), .spanish table.dataTable thead .sorting_asc_disabled:nth-child(1), .spanish table.dataTable thead .sorting_desc_disabled:nth-child(1) { background-position: calc(100% - 1px); } table.dataTable thead .sorting:nth-child(2), table.dataTable thead .sorting_asc:nth-child(2), table.dataTable thead .sorting_desc:nth-child(2), table.dataTable thead .sorting_asc_disabled:nth-child(2), table.dataTable thead .sorting_desc_disabled:nth-child(2) { background-position: calc(100% - 1px); } .spanish table.dataTable thead .sorting:nth-child(2), .spanish table.dataTable thead .sorting_asc:nth-child(2), .spanish table.dataTable thead .sorting_desc:nth-child(2), .spanish table.dataTable thead .sorting_asc_disabled:nth-child(2), .spanish table.dataTable thead .sorting_desc_disabled:nth-child(2) { background-position: calc(100% - 1px); } table.dataTable thead .sorting:nth-child(3), table.dataTable thead .sorting_asc:nth-child(3), table.dataTable thead .sorting_desc:nth-child(3), table.dataTable thead .sorting_asc_disabled:nth-child(3), table.dataTable thead .sorting_desc_disabled:nth-child(3) { background-position: calc(100% - 1px); } .spanish table.dataTable thead .sorting:nth-child(3), .spanish table.dataTable thead .sorting_asc:nth-child(3), .spanish table.dataTable thead .sorting_desc:nth-child(3), .spanish table.dataTable thead .sorting_asc_disabled:nth-child(3), .spanish table.dataTable thead .sorting_desc_disabled:nth-child(3) { background-position: calc(100% - 1px); } #tmpMobile-header-flags-container { margin-bottom: 0 !important; } .m-b-5 { margin-bottom: 5px; } .p-t-20 { padding-top: 20px; } .margin-top-80 { margin-top: 80px; } .p-b-20 { padding-bottom: 20px; } .p-t-30 { padding-top: 30px; } .sub-title-pad-t-0 .p-t-30 { padding-top: 0 !important; } .p-b-30 { padding-bottom: 30px; } .p-t-10 { padding-top: 10px; } /*14-10-2021 Ticket #15063*/ .p-t-37 { padding-top: 37px; } /*27-10-2021 Ticket #15402*/ .p-t-45 { padding-top: 45px; } .p-t-17 { padding-top: 17px !important; } .p-b-10 { padding-bottom: 10px; } .p-t-40 { padding-top: 40px; } .p-b-40 { padding-bottom: 40px; } .p-t-50 { padding-top: 50px; } .p-t-5 { padding-top: 5px !important; } .pad-top-15 { padding-top: 15px !important; } .p-b-50 { padding-bottom: 50px; } .left-content-link-box { margin-top: 24px; } .ui-autocomplete { background: #f4f4f4; width: 400px !important; border: 0.06em solid #f4f4f4; border-radius: 8px; } a.ui-corner-all { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.2em; white-space: normal; color: #004aa2; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; text-decoration: none; cursor: pointer; } a.ui-corner-all:hover, .ui-state-focus { color: #d68237 !important; text-decoration: none; cursor: pointer; } .tab-left-hide { display: block; } .tab-right-full > .container-fluid > .row > .col-md-12.col-sm-12 { padding: 0 !important; } .tab-right-full.gh-row-full > .container-fluid > .row > .col-md-12.col-sm-12 { padding-right: 15px !important; padding-left: 15px !important; } .pad-top-69 { padding-top: 69px !important; } .pad-r-40 { padding-right: 40px !important; } .pad-r-50 { padding-right: 50px !important; } .img-m-tb-30 { margin-top: 30px !important; margin-bottom: 10px !important; display: block; width: 100%; height: auto; } .podcast-header { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; font-size: 24px; line-height: 28px; text-align: left; margin-bottom: 10px; margin-top: 10px; width: 100%; } table.dataTable thead .sorting { background-image: url("/Content/GreenheckStyles/imgs/sort_both.png") !important; } table.dataTable thead .sorting_asc { background-image: url("/Content/GreenheckStyles/imgs/sort_asc.png") !important; } table.dataTable thead .sorting_desc { background-image: url("/Content/GreenheckStyles/imgs/sort_desc.png") !important; } i.fa.fa-external-link { margin-left: 6px; } .gh-right-panel .card-white-section .card-white-description p { font-family: "Helvetica-Condensed", sans-serif !important; font-size: 13px !important; line-height: 18px !important; } table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc { text-transform: uppercase; background-size: 7px; padding-right: 19px !important; } .img-w-20-m-10 { width: 20%; margin: 10px; } .news-content img { margin: 20px; } .m-t-0-i { margin-top: 0 !important; } .footer-col-container { margin: 0 !important; padding: 0 !important; display: flex !important; justify-content: space-between !important; width: 100% !important; } .footer-col-container2 { margin: 0 !important; padding: 0 !important; display: flex !important; justify-content: space-around !important; width: 100% !important; } .footer-col { float: left; padding-right: 3px; } .search-dd option { padding: 3px; color: #004aa2; background-color: #f4f4f4; } .search-dd option:hover { color: #d68237; outline: transparent !important; background-color: #f4f4f4; } .controls progress::-webkit-progress-value { background-color: #0095dd; } .login-btn-orange { display: inline-block; border-radius: 4px !important; border: 2px solid #d97a23 !important; border-radius: 8px; background-color: #d97a23; padding: 1px 35px !important; color: #fff; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px !important; font-weight: bolder !important; } .login-btn-orange:hover { border-radius: 4px !important; display: inline-block; border: 2px solid #d97a23 !important; border-radius: 8px; background-color: #fff; padding: 1px 35px !important; color: #d97a23 !important; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px !important; font-weight: bolder !important; } .model-name { color: #00589c; font-family: "Helvetica-Condensed", sans-serif; font-size: 24px; line-height: 30px; } .v-align-middle { vertical-align: middle; } .form-group input[type="file"] { display: none; } .gh-right-panel { margin-top: -2px; } .modal-footer .btn.btn-primary.orange-btn { padding: 0.4em 2em; } .modal-footer .btn.btn-primary.orange-btn:hover { padding: 0.4em 2em; color: #d97a23; text-decoration: none; border: 1px solid #d97a23; background: transparent; line-height: 1.42857143em; font-weight: bold; } .dataTables_length select { background: url(/Content/GreenheckStyles/imgs/grey-triangle.png) no-repeat right !important; background-color: #f2f2f2 !important; background-position-x: 38px !important; background-size: 20px !important; border: 1px solid #ccc !important; border-radius: 7px !important; box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); color: #57585a !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 20px !important; height: 33px !important; line-height: 20px !important; margin-top: 12px !important; -moz-appearance: none; -moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; padding-bottom: 3px !important; padding-left: 9px !important; padding-right: 25px !important; padding-top: 4px !important; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; -webkit-appearance: none !important; -webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important; width: auto !important; } .search-container .form-control::-ms-clear { display: none; width: 0; height: 0; } .no-wrap { white-space: nowrap; } .training-link { line-height: 22px !important; } .tab-left-hide .card-white-link { position: relative; bottom: inherit; } .btn-icon { width: 19px !important; height: 19px !important; margin-right: 5px !important; } .hero-2-block img { width: 100% !important; display: block !important; } .page-section { margin: 0 0 1rem 0; border: 1px solid #e9e9e9; background-color: #fff; padding: 1rem; } .glossary-index { margin: 0 0 1rem 0; } div.glossary-index span { margin: 0 1rem; color: #e9e9e9; } .glossary-section { margin: 0 0 1rem 0; } .glossary-section h2 { display: block; font-size: 1.5em; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: bold; } .glossary-section .definition { padding: 1rem 0; border-top: 1px solid #e9e9e9; } .preload * { transition: none !important; -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } .field-validation-error { color: #a94442 !important; } .sec-title-line-height { line-height: 28px; } .col-2-img { display: block !important; height: auto !important; width: auto !important; max-width: 100% !important; margin: auto !important; } .breadcrumb { padding: 8px 15px 8px 0 !important; } .windows-settings img { display: block !important; height: auto !important; width: 100% !important; margin: 10px auto !important; } .windows-settings strong { display: block !important; width: 100% !important; } .iframe-video-embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .fa-file-pdf-o { font-family: "FontAwesome"; font-size: 60px; color: red; padding-right: 60px; padding-left: 10px; } .search-page-results-subtitle { font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 24px; line-height: 30px; } .m-width-30 { width: 30% !important; } .m-width-69 { width: 69% !important; } .w-25 { width: 25px; } .card-img > img.img-faq { height: 100px !important; display: block !important; margin: 0 0 20px 0 !important; } .livechat a { color: #015a9c; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; line-height: 18px; padding: 0 0 5px 0; margin-left: 7px; display: inline-block; float: left; width: 100% !important; } .livechat a:hover { color: #d97a23; text-decoration: none; } .title-description { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 22px; line-height: 26px; padding-top: 0; padding-bottom: 15px; } .w-93-per { width: 93%; } .grey-font { color: #57585a !important; } .text-transform-upper { text-transform: uppercase; } .display-block { display: inline-block; } .display-non-inline-block { display: block !important; } .word-break-break-word { word-break: break-word; } .map-container { margin-top: -40px !important; } ul.map-container > li { display: inline-block; width: 100%; margin-bottom: 16px; } .img-with-page-title { margin: auto; display: block; max-width: 100%; width: auto; } .m-t-minus-9 { margin-top: -9px !important; } .m-t-minus-4 { margin-top: -4px !important; } .col-md-3 > .video-main-container > .row > .col-md-4.col-sm-4 { width: 100% !important; } .padding-r-5 { padding-right: 5px; } .modelwindow-close { margin-bottom: 0 !important; } ul + p { margin-top: 8px !important; } .section-spacer-bottom { margin-bottom: 36px; } /*12-10-2021 Ticket #15254*/ .sm-section-spacer-30 { display: none; } .width-92per { width: 92%; } .gh-map-title { display: inline-block; } .section-titles-block .page-title { border-bottom: 0 !important; } .margin-t-m-2 { margin-top: -2px !important; } .margin-t-m-8 { margin-top: -8px !important; } .section-description a, .section-description-link, .section-description-with-more-bottom-space a { font-size: 22px !important; line-height: 26px !important; } .section-description a:hover, .section-description-link:hover, .section-description-with-more-bottom-space a:hover { font-size: 22px !important; line-height: 26px !important; background: transparent; color: #d97a23 !important; } .section-description > a, .section-description-with-more-bottom-space > a { font-size: 16px; line-height: 20px; } .section-description > a:hover, .section-description-with-more-bottom-space > a:hover { font-size: 16px; line-height: 20px; background: transparent; color: #d97a23; } .pad-zero .pad-zero.page-title-image { border-bottom: 2px solid #d8d8d8 !important; padding-bottom: 9px !important; margin-bottom: 18px !important; } .page-title-image .page-title { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; margin-top: -9px; } .img-faq-other { max-width: 90% !important; width: auto !important; margin: auto !important; float: none !important; display: inline-block; } textarea.form-control { min-height: 70px; } .mobile-pad-lr-15, .container .container-fluid.pad-zero .col-md-12.mobile-pad-lr-15 { padding-left: 15px !important; padding-right: 15px !important; } .section-sub-title { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 19px; line-height: 26px; margin-bottom: 12px; } .pad-l-6 { padding-left: 6px; } .pad-t-8 { padding-top: 8px; } .section-description-link:after, .externallink:after, .industry-link:after { content: "\f08e"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 6px; } a:focus, a:hover { color: #d97a23 !important; text-decoration: underline; } .hawk-searchQuery { margin: 0 !important; } .hawk-searchQuery .hawk-sqItemName { color: #00589c; font-family: "Helvetica-Condensed-Bold", sans-serif !important; } .hawk-searchQuery .hawk-sqHeader, .hawk-searchQuery .hawk-sqItem, .hawk-searchQuery .hawk-sqFooter { font-family: "Helvetica-Condensed-Bold", sans-serif !important; } .scrollToTop { font-size: 42px !important; } input.site-search-input.form-control, .hawk-resultsSearch input[type="text"] { font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 16px !important; font-weight: 400 !important; color: #999 !important; padding: 0 13px !important; line-height: 41px !important; height: 41px !important; border-radius: 8px; } input.site-search-input.form-control::placeholder, .hawk-resultsSearch input[type="text"]::placeholder { font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 16px !important; font-weight: 400 !important; margin: 0 !important; height: 41px !important; line-height: 41px !important; border-radius: 8px; } .page-title-desc-image { position: relative; } .img-container { position: absolute; } .img-container img.img-responsive { max-height: 114px !important; max-width: 140px !important; width: auto !important; float: left !important; } .title-container { width: 100% !important; padding-left: 150px !important; display: inline-block !important; } .product-title-container { display: flex; gap: 30px; } .product-title-container .img-container { position: relative; } .product-title-container .title-container { flex: 1; padding-left: 0 !important; } .hawk-guidedNavWrapper .hawk-navGroup .hawk-resultsSearch .hawk-searchWithinButton { top: 0 !important; bottom: 2px; right: 2px; padding: 10px 14px 13px 0 !important; font-size: 22px !important; color: #999 !important; cursor: pointer; } .external-icon:after { color: #d97a23 !important; content: "\f08e"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 6px; } .industry-link-container { width: 130px; float: left; } .industry-industry-desc-container { width: auto; float: left; } .w-dialog.w-css-reset { overflow: hidden !important; } .d-pad-top-20 { padding-top: 20px !important; } .spacer-55 { height: 55px !important; } .d-pad-lr-0 { padding-left: 0 !important; padding-right: 0 !important; } .panel-group .panel { display: inline-block; width: 100%; margin-top: 0; } .lidashed ul { list-style-type: none; } .lidashed ul > li { text-indent: 0; display: inline-block; width: 100%; float: left; padding-left: 12px; } .lidashed ul > li::before { content: "-"; text-indent: 0; display: inline-block; margin-left: -12px; padding-right: 4px; } .margin-t-21-b-24 { margin-top: 21px; margin-bottom: 24px; } .margin-t-35 { margin-top: 35px; } .user-name { color: #fff; font-size: 16px; font-family: "Helvetica-Condensed-Bold", sans-serif; text-transform: capitalize; vertical-align: middle; padding-right: 10px; cursor: default; } .panel-group .panel { display: inline-block; width: 100%; margin-top: 0; } .lidashed ul { list-style-type: none; } .lidashed ul > li { text-indent: 0; display: inline-block; width: 100%; float: left; padding-left: 12px; } .lidashed ul > li::before { content: "-"; text-indent: 0; display: inline-block; margin-left: -12px; padding-right: 4px; } .margin-t-21-b-24 { margin-top: 21px; margin-bottom: 24px; } .width-80percent-img { display: block; max-width: 80%; width: 80%; height: auto; margin: auto; } .width-70percent-img { display: block; max-width: 70%; width: 70%; height: auto; margin: auto; } .text-area { color: #57585a !important; font-family: "Helvetica-Condensed", sans-serif; display: block !important; width: 100% !important; text-align: left !important; border-radius: 0 !important; background-color: #fff !important; -moz-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 0.62), 0 0 0 0 rgba(0, 0, 0, 0.62) !important; -webkit-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 0.62), 0 0 0 0 rgba(0, 0, 0, 0.62) !important; box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 0.62), 0 0 0 0 rgba(0, 0, 0, 0.62) !important; padding: 11px 20px !important; border: 1px solid #ccc !important; margin-top: 5px !important; } .alert-text { font-size: 16px !important; color: #a94442 !important; font-family: "Helvetica-Condensed", sans-serif !important; line-height: 18px !important; } .field-validation-error { margin-bottom: 0 !important; } .field-validation-error span { padding-top: 8px; margin-bottom: 5px; } .searchCaption { font-family: "Helvetica-Condensed", sans-serif; } .building-type-bottom-spacer { margin-bottom: 50px; } .building-type-bottom-spacer + .spacer-50 { height: 0 !important; } .hawk-guidedNavWrapper .hawk-groupHeading:after { top: 5px !important; } .text-transform-none { text-transform: none !important; } .desktop-tab-menu-min { position: fixed; top: 0; z-index: 1041; height: 46px; width: 100%; background-color: #57585a !important; color: #fff; display: none; padding: 3px 90px 3px 65px; } .desktop-tab-menu-min .header-flags-container, .desktop-tab-menu-min .header-lang-container, .desktop-tab-menu-min .header-login-container { width: 100% !important; } .desktop-tab-menu-min .header-flag-active { display: inline-block !important; float: left !important; padding: 0 12px 12px 12px !important; background-color: #57585a !important; margin: 0 !important; } .desktop-tab-menu-min .header-flags-container, .desktop-tab-menu-min .header-lang-container, .desktop-tab-menu-min .header-login-container { border-bottom: 1px solid #b9b8b8 !important; padding-bottom: 10px !important; padding-top: 10px !important; } .desktop-tab-menu-min .header-flag-active { display: inline-block; float: left; padding: 0 12px 12px 12px; background-color: #57585a; margin: 0; } .desktop-tab-menu-min .flag-name { font-size: 14px; margin-top: 5px; font-family: "Helvetica-Condensed-Bold", sans-serif; } .desktop-tab-menu-min .header-flag-inactive, .desktop-tab-menu-min .header-flag-inactive:hover { display: inline-block; float: left; padding: 0 12px 12px 12px; margin: 0; } .desktop-tab-menu-min .header-flags-container li:last-child { padding-right: 0 !important; } .desktop-tab-menu-min .lang-label { font-size: 14px; font-weight: bold; /*font-family: 'Helvetica-Bold', sans-serif;*/ color: #656464; padding-right: 10px; } .desktop-tab-menu-min .lang-link-active { color: #000; font-size: 14px; /*font-family: 'Helvetica-Bold', sans-serif;*/ text-decoration: underline; line-height: 17px; } .desktop-tab-menu-min .lang-link-inactive { color: #000; font-size: 14px; font-weight: normal; /*font-family: 'Helvetica', sans-serif;*/ text-decoration: underline; line-height: 17px; } .header-block.desktop-tab-menu-min { background-color: #57585a !important; } .desktop-tab-menu-min .bootstrap-select.btn-group .dropdown-toggle .filter-option { background-color: transparent !important; color: #004aa2 !important; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 16px; box-shadow: none; } .desktop-tab-menu-min .search-dd .btn-default.active.focus, .desktop-tab-menu-min .search-dd .btn-default.active:focus, .desktop-tab-menu-min .search-dd .btn-default.active:hover, .desktop-tab-menu-min .search-dd .btn-default:active.focus, .desktop-tab-menu-min .search-dd .btn-default:active:focus, .desktop-tab-menu-min .search-dd .btn-default:active:hover .desktop-tab-menu-min .search-dd.open > .dropdown-toggle.btn-default.focus, .desktop-tab-menu-min .search-dd.open > .dropdown-toggle.btn-default:focus, .desktop-tab-menu-min .search-dd.open > .dropdown-toggle.btn-default:hover, .desktop-tab-menu-min .btn-group.search-dd.open .dropdown-toggle { background-color: #f4f4f4 !important; color: #004aa2 !important; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 16px; -moz-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); } .desktop-tab-menu-min #left-navbar.navbar-nav > .active > a, .desktop-tab-menu-min #left-navbar.navbar-nav > .active > a:focus, .desktop-tab-menu-min #left-navbar.navbar-nav > .active > a:hover, .desktop-tab-menu-min #left-navbar.navbar-nav > .open > a, .desktop-tab-menu-min #left-navbar.navbar-nav > .open > a:focus, .desktop-tab-menu-min #left-navbar.navbar-nav > .open > a:hover, .desktop-tab-menu-min #left-navbar.navbar-nav .open .dropdown-menu > .active > a, .desktop-tab-menu-min #left-navbar.navbar-nav .open .dropdown-menu > .active > a:focus, .desktop-tab-menu-min #left-navbar.navbar-nav .open .dropdown-menu > .active > a:hover { background-color: transparent !important; color: #004aa2 !important; font-family: "Helvetica-Condensed-Bold", sans-serif; } .desktop-tab-menu-min #left-navbar.navbar-nav .open .dropdown-menu > .active > a, .desktop-tab-menu-min #left-navbar.navbar-nav .open .dropdown-menu > .active > a:focus, .desktop-tab-menu-min #left-navbar.navbar-nav .open .dropdown-menu > .active > a:hover { font-size: 14px; } .dropdown-menu { padding: 0; } #left-navbar.navbar-nav .open .dropdown-menu .dropdown-header, #left-navbar.navbar-nav .open .dropdown-menu > li > a { padding: 10px 15px 10px 30px !important; color: #004aa2 !important; font-family: "Helvetica-Condensed", sans-serif; font-size: 12px; text-transform: uppercase; } .desktop-tab-menu-min #left-navbar.navbar-nav > li > a { font-size: 16px !important; } #left-navbar .modal-body { padding: 15px 0 !important; } #left-navbar.navbar-nav { margin: 0 0 7.5px 0; } #left-navbar .navbar-collapse { padding-right: 0 !important; width: 100%; } #left-navbar .nav > li, #left-navbar .nav > li.open, #left-navbar .nav > li.open > ul > li, .bootstrap-select.btn-group .dropdown-menu li { border-bottom: 1px solid rgba(135, 177, 209, 0); } #left-navbar .nav > li, #left-navbar .nav > li.open > ul > li, .bootstrap-select.btn-group .dropdown-menu li { margin: 0; } #left-navbar .nav > li.open > ul > li:last-child { border-bottom: 0 !important; } .mobile-nav .modal-dialog { width: 70% !important; height: 100% !important; background-color: rgba(255, 255, 255, 0.8901960784313725) !important; } .mobile-nav .close, .mobile-nav-right .close { color: #004aa2 !important; opacity: 1 !important; } .mobile-nav-right .header-flags-container, .mobile-nav-right .header-lang-container, .mobile-nav-right .header-login-container, .mobile-nav-right .search-container, .mobile-search-container { float: left; width: 100%; border-bottom: 1px solid #b9b8b8; padding-bottom: 10px; padding-top: 10px; margin-bottom: 0; margin-top: 0; } .mobile-nav-right .search-container, .mobile-search-container { border-bottom: 0; width: 280px; } .mobile-header-lang-container .lang-label { margin-left: 0; } .mobile-nav-right .login-btn { color: #fff; background-color: #68696a; margin: 10px 20px 0 0; float: left; } .mobile-nav-right .profile-name-link { color: #68696a; } .mobile-nav-right .user-name { color: #68696a; } .mobile-nav-right .profile-name-container { float: left; padding-bottom: 0; padding-top: 12px; padding-left: 0; } .desktop-tab-menu-min { margin-bottom: 0 !important; border: 0 solid transparent !important; } .desktop-tab-menu-min .navbar-toggle { display: block !important; margin-bottom: 0 !important; margin-top: 1px !important; } .desktop-tab-menu-min .right-nav.navbar-toggle { display: block !important; margin-bottom: 0 !important; margin-top: 0 !important; padding: 3px 5px 3px 2px !important; } .desktop-tab-menu-min .right-nav.navbar-toggle .fa.fa-cog { color: #fff !important; font-size: 33px !important; } .desktop-tab-menu-min .navbar-toggle:focus, .desktop-tab-menu-min .navbar-toggle:hover { background-color: transparent !important; border-color: transparent !important; } .modal.mobile-nav-right { padding-right: 0 !important; } .modal.mobile-nav-right .modal-dialog { padding-right: 17px !important; background-color: rgba(255, 255, 255, 0.8901960784313725) !important; } .mobile-nav .modal-dialog, .mobile-nav-right .modal-dialog { margin: 0 !important; } .mobile-nav .modal-content, .mobile-nav-right .modal-content { border-radius: 0 !important; border: 0 !important; background-color: transparent !important; box-shadow: none !important; height: 100% !important; overflow-x: hidden; } .mobile-nav .desktop-tab-menu-min .navbar-collapse, .mobile-nav .desktop-tab-menu-min .navbar-form { border-color: transparent !important; background: transparent !important; } .mobile-nav .collapse .in { background: transparent !important; } .mobile-nav .desktop-tab-menu-min .navbar-nav > li > a { color: #004aa2 !important; background-color: transparent !important; } .search-container { margin-top: 20px; width: auto; float: right; } .header-flags-container { float: right; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px !important; } .navbar-nav .open .dropdown-menu { position: static !important; } .navbar-header { float: none !important; margin-left: -15px !important; margin-right: -15px !important; width: auto !important; } .modal-dialog { width: calc(100% - 30px) !important; } #CreateContactModal .modal-dialog { width: 85% !important; } .navbar-nav, .navbar-nav > li { float: none !important; } .desktop-tab-menu-min .search-block-and-choosemodel-block { padding: 2px 15px; height: 44px; display: inline-block; } .desktop-tab-menu-min .navbar-toggle .icon-bar { width: 30px !important; height: 3px !important; background-color: #fff; } .desktop-tab-menu-min .navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; } .min-logo-container { height: 40px; margin: 0 20px 0 20px; } .min-logo { height: 34px; margin: 3px; } .desktop-min-choosemodel-menu { float: right; display: inline-block; position: relative; margin-right: 150px; } .desktop-min-choosemodel-menu .search-container { margin-top: 0; width: 400px !important; } .desktop-min-choosemodel-menu .nav-dd-container { position: absolute; right: 0; z-index: 4; top: 0; } .desktop-min-choosemodel-menu .search-dd .caret { content: ""; position: absolute; right: 12px; top: 16px; border: 0.5em solid #9c9c9c; border-color: #9c9c9c transparent transparent transparent; transition: 0.4s all ease-in-out; font-size: 20px; margin-top: -2px; } .desktop-min-choosemodel-menu .search-dd .filter-option { font-size: 20px !important; width: auto; padding-top: 0; padding-bottom: 0; } .desktop-min-choosemodel-menu .search-container .site-search-input { border-radius: 8px !important; line-height: 40px !important; height: 40px !important; } .desktop-min-choosemodel-menu .search-container .input-group-addon { height: 40px !important; } .desktop-min-choosemodel-menu .search-container .input-group-addon .fa { font-size: 22px; cursor: pointer; border: 0; padding: 0 14px 0 0; height: 40px !important; vertical-align: middle !important; line-height: 40px; } .desktop-min-choosemodel-menu .bootstrap-select.btn-group.search-dd.open .dropdown-toggle .caret { transform: rotate(-180deg); top: 5px; } .desktop-min-choosemodel-menu .bootstrap-select.btn-group.search-dd .dropdown-toggle .caret, .desktop-min-choosemodel-menu .search-dd .caret { content: ""; position: absolute; right: 12px; top: 16px; border: 0.5em solid #9c9c9c; border-color: #9c9c9c transparent transparent transparent; transition: 0.4s all ease-in-out; font-size: 20px; margin-top: -2px; } .desktop-min-choosemodel-menu .form-control.search-dd, .search-block-and-choosemodel-block .form-control.search-dd { border-radius: 8px !important; height: 40px; } .desktop-tab-menu-min li.dropdown a.header-arrow { display: inline !important; padding: 7px 15px 8px 15px !important; text-decoration: none !important; } .desktop-tab-menu-min li.dropdown a.header-arrow:hover { text-decoration: none !important; } .choosemodel-min li.dropdown a, .choosemodel-min li.dropdown a { display: block !important; } .desktop-tab-menu-min li.dropdown a { display: inline-block; padding: 10px 4px 10px 24px !important; color: #004aa2 !important; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; text-transform: uppercase; } .desktop-tab-menu-min li.dropdown a:after { border-bottom: 1px solid rgba(135, 177, 209, 0); } .desktop-tab-menu-min li.dropdown a.header-arrow:after { border-bottom: 1px solid rgba(135, 177, 209, 0); } .desktop-tab-menu-min .navbar-nav > .active > a, .desktop-tab-menu-min .navbar-nav > .active > a:focus, .desktop-tab-menu-min .navbar-nav > .active > a:hover, .desktop-tab-menu-min .navbar-nav > .open > a, .desktop-tab-menu-min .navbar-nav > .open > a:focus, .desktop-tab-menu-min .navbar-nav > .open > a:hover, .desktop-tab-menu-min .navbar-nav .open .dropdown-menu > .active > a, .desktop-tab-menu-min .navbar-nav .open .dropdown-menu > .active > a:focus, .desktop-tab-menu-min .navbar-nav .open .dropdown-menu > .active > a:hover { background-color: transparent !important; color: #004aa2 !important; font-family: "Helvetica-Condensed-Bold", sans-serif; } .desktop-tab-menu-min .navbar-nav .open .dropdown-menu > .active > a, .desktop-tab-menu-min .navbar-nav .open .dropdown-menu > .active > a:focus, .desktop-tab-menu-min .navbar-nav .open .dropdown-menu > .active > a:hover { font-size: 16px; } .desktop-tab-menu-min .navbar-nav .open .dropdown-menu .dropdown-header, .desktop-tab-menu-min .navbar-nav .open .dropdown-menu > li > a { padding: 10px 15px 10px 30px !important; color: #004aa2 !important; font-family: "Helvetica-Condensed", sans-serif; font-size: 16px; text-transform: uppercase; width: 100%; } .desktop-tab-menu-min .navbar-nav > li > a { font-size: 20px !important; } .desktop-tab-menu-min .modal-body { padding: 15px 0 !important; } .desktop-tab-menu-min .navbar-nav { margin: 0 0 7.5px 0; } .desktop-tab-menu-min .navbar-collapse { padding-right: 0 !important; width: 100%; } .desktop-tab-menu-min .nav > li, .desktop-tab-menu-min .nav > li.open, .desktop-tab-menu-min .nav > li.open > ul > li, .bootstrap-select.btn-group .dropdown-menu li { border-bottom: 1px solid rgba(135, 177, 209, 0); } .desktop-min-header-navigation-menu li { border-bottom: 1px solid #87b1d1 !important; } .desktop-tab-menu-min .nav > li, .desktop-tab-menu-min .nav > li.open > ul > li, .bootstrap-select.btn-group .dropdown-menu li { margin: 0; } .desktop-tab-menu-min .nav > li.open > ul > li:last-child { border-bottom: 0 !important; } .desktop-tab-menu-min .navbar-nav > li > a { padding: 10px 0 10px 24px !important; text-transform: uppercase; } .desktop-tab-menu-min .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .desktop-tab-menu-min .dropdown-menu.open { position: absolute !important; } .desktop-tab-menu-min > li > .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; } .desktop-tab-menu-min .dropdown .header-arrow .caret { content: ""; position: absolute; right: 0; top: 15px; border: 0.5em solid #004aa2; border-color: #004aa2 transparent transparent transparent; transition: 0.4s all ease-in-out !important; font-size: 20px; margin-top: 0; } .desktop-tab-menu-min .dropdown.open .header-arrow .caret { top: 6px; } .desktop-tab-menu-min .modal.mobile-nav-right .modal-dialog { width: 320px !important; top: 49px; right: 50px; position: absolute; padding-right: 0 !important; } .desktop-tab-menu-min .mobile-nav .modal-dialog { width: 320px !important; } .temp-choosemodel-min { display: none; } .dropdown-toggle.temp-choose-model { margin-left: 0; position: relative; float: left; background-color: #f4f4f4; border-radius: 8px; -moz-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); color: #064b9e; cursor: pointer; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; margin-right: 0; margin-top: 0; padding: 5px 40px 5px 15px !important; z-index: 0; width: 190.91px; border: 1px solid #ccc; } .dropdown-menu::-webkit-input-placeholder { color: #999 !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 20px !important; font-weight: 400 !important; } .dropdown-menu::-moz-placeholder { color: #999 !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 20px !important; font-weight: 400 !important; } .dropdown-menu:-ms-input-placeholder { color: #999 !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 20px !important; font-weight: 400 !important; } .nav-dd-container::-webkit-input-placeholder { color: #999 !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 20px !important; font-weight: 400 !important; } .nav-dd-container::-moz-placeholder { color: #064b9e !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 20px !important; font-weight: 400 !important; } .nav-dd-container:-ms-input-placeholder { color: #064b9e !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 20px !important; font-weight: 400 !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .dpg-product-list { height: 300px; overflow-x: hidden; overflow-y: scroll; } .ui-menu-item-wrapper { color: #00589c; font-family: "Helvetica-Condensed-Bold", sans-serif !important; } .ui-widget-content.ui-autocomplete li { background-color: #fff; border-color: #fff; color: #00589c; position: relative; display: block; margin: 0; padding: 6px 10px; text-decoration: none; border: 1px solid #fff; cursor: pointer; zoom: 1; } .ui-menu-item:hover { color: #00589c; background: -webkit-linear-gradient(#f3f3f3, #f3f3f3); background: -o-linear-gradient(#f3f3f3, #f3f3f3); background: -moz-linear-gradient(#f3f3f3, #f3f3f3); background: linear-gradient(#f3f3f3, #f3f3f3); border-color: inherit; } .dropdown-menu.open { max-height: 400px !important; } .dropdown-menu .inner { max-height: 350px !important; } .header-logo-flags-block > .container-fluid > .row > .col-md-2.col-sm-2 > #navbar > .row > .col-md-12.col-sm-12 { padding-left: 0 !important; } .desktop-tab-menu.small { /* height: 67px; visibility: hidden;*/ } .desktop-tab-menu.small .header-logo-flags-block { visibility: hidden; height: 1px; /* transition: .7s all !important; -moz-transition: .7s all !important; -webkit-transition: .7s all !important; -o-transition: .7s all !important; */ } .desktop-tab-menu.large.header-logo-flags-block { visibility: visible; } .desktop-tab-menu-min.small { height: 0; display: none; } .desktop-tab-menu.large { /* height: 221px; */ /* visibility: visible; */ } .desktop-tab-menu-min.large { height: 47px; display: block; } .gh-flag-col { /*width: 284px !important;*/ width: 400px !important; } .dark-grey-bg { background-color: #e4e4e4; } .my-account-title-container { padding: 0 0 40px 0; margin-bottom: 0; } .my-account-title-container > .container > .row > .col-xs-3.col-sm-3 { width: 20%; } .my-account-title-container > .container > .row > .col-xs-9.col-sm-9 { width: 80%; } .m-auto { margin: auto; } .my-account-title { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 26px; line-height: 26px !important; margin-top: 0; padding: 0 0 10px 0; } .my-account-title-description { color: #626365; font-family: "Helvetica-Condensed", sans-serif; font-size: 24px; line-height: 32px !important; margin-top: 0; padding: 0; } .my-account-title-logo { max-height: none !important; max-width: none !important; margin: auto !important; height: auto !important; width: 100% !important; } .widget-card-title { color: #015a9c; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 27px; margin: -8px auto 0 auto; padding: 0 15px; width: calc(100% - 46px) !important; } .carousel { height: auto; margin-bottom: 30px; padding-top: 30px; } .carousel-caption { z-index: 10; } .carousel-control { position: absolute; top: calc(50% - 25px); bottom: inherit; left: 0; width: auto; font-size: 20px; color: #fff; text-align: center; text-shadow: none; background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: 1; } .carousel-control.left, .carousel-control.right { background-image: none; } .carousel-control img { height: 50px; } .carousel-indicators li { border: 1px solid #015a9c; width: 8px; height: 8px; } .carousel-indicators .active { background-color: #015a9c; width: 10px; height: 10px; } .carousel-indicators { top: 0; bottom: inherit; } .carousel .item { height: auto; background-color: transparent; } .carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: auto; } .carousel-inner .container { width: calc(100% - 46px) !important; } .carousel-card-description { font-family: "Helvetica-Condensed", sans-serif; color: #57585a; font-size: 17px; line-height: 24px; text-align: left; margin-bottom: 20px; } .carousel-card-container-link { display: inline-block; height: 100%; padding: 0 0 15px 0; position: relative; margin-bottom: 0; text-decoration: none; text-align: left; } .carousel-card-container-link:hover, .carousel-card-container-link:focus { text-decoration: none; } .carousel-card-link { font-family: "Helvetica-Condensed", sans-serif; color: #015a9c; font-size: 18px; line-height: 20px; text-decoration: none; position: absolute; bottom: 0; left: 0; margin-left: 0; min-height: 20px; right: 0; margin: 0 !important; text-align: left; } .all-announcements-link { font-family: "Helvetica-Condensed", sans-serif; color: #015a9c; font-size: 18px; line-height: 20px; text-decoration: none; margin: 30px 0 0 0 !important; text-align: left; display: inline-block; } .carousel-card-container-link:hover .carousel-card-link, .all-announcements-link:hover { color: #d97a23; text-decoration: underline; } .carousel-card-link-container { height: 20px; } .panel-default > .panel-heading { color: #333; background-color: #fff; border-color: #e4e5e7; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .panel-default > .panel-heading a { display: block; color: #6a6c6f !important; padding: 10px 0; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 24px; line-height: 30px; border-bottom: 3px solid #d8d8d8; text-decoration: none; } .panel-default > .panel-heading a:hover { text-decoration: none; } .panel-default > .panel-heading a:after { content: ""; color: #005a9c !important; position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; transition: transform 0.25s linear; -webkit-transition: -webkit-transform 0.25s linear; } .child-table-c1-accordion .panel-default > .panel-heading { color: #333; background-color: #fff; border-color: #e4e5e7; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .child-table-c1-accordion .panel-default > .panel-heading a { display: block; padding: 1px 0; font-size: 15px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; } .child-table-c1-accordion .panel-default > .panel-heading a:before { content: ""; position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: transform 0.25s linear; -webkit-transition: -webkit-transform 0.25s linear; } .child-table-c1-accordion .panel-default > .panel-heading a[aria-expanded="true"] { background-color: transparent !important; font-size: 16px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; } .child-table-c1-accordion .panel-default > .panel-heading a[aria-expanded="true"]:before { content: "\2212"; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-right: 5px; font-size: 20px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; color: #005a9c !important; } .child-table-c1-accordion .panel-default > .panel-heading a[aria-expanded="false"]:before { content: "\002b"; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-right: 5px; font-size: 20px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; color: #005a9c !important; } .child-table-c1-accordion .panel-default .table-child-data { font-size: 16px !important; font-family: "Helvetica-Condensed", sans-serif !important; padding: 5px 0 5px 15px !important; line-height: 20px; border-top: 0 !important; } .child-table-c1-accordion .panel-default .table-child-data a { font-size: 16px !important; font-family: "Helvetica-Condensed", sans-serif !important; } .accordion-option { width: 100%; float: left; clear: both; margin: 15px 0; } .accordion-option .title { font-size: 20px; font-weight: bold; float: left; padding: 0; margin: 0; } .accordion-option .toggle-accordion { float: right; } .accordion-option .toggle-accordion:before { content: "SHOW ALL"; } .accordion-option .toggle-accordion.active:before { content: "HIDE ALL"; } .no-left-collapse-icon .fa-minus, .no-left-collapse-icon .fa-plus { display: none; } #accordion .panel-body { padding-left: 0; padding-right: 0; } .w-100p-200 { width: calc(100% - 200px); float: left; } .w-100p-40 { width: calc(100% - 40px); float: left; } .w-200 { width: 200px; float: left; } .margin-left-15 { margin-left: 15px; } .indent-bullet { width: 100%; display: list-item !important; float: left; padding-left: 7px !important; font-family: "Helvetica-Condensed", sans-serif; list-style: disc inside none !important; color: #015a9c; margin-top: 0; padding-top: 0 !important; vertical-align: top; } .bullet-child { display: inline-block; margin-left: -7px; color: #57585a; } .padding-l-10 { padding-left: 10px; } .tab-item .tab-title:before, .tab-item .tab-title.is-expanded:before { padding: 0 !important; margin: 0 !important; font-size: 24px; } .tab-item { margin: 1em 0; } .tab-item .tab-title { padding: 15px 0 !important; background-color: #fff; cursor: pointer; font-size: 20px; } .tab-item .tab-title p, .tab-item .tab-title > div, .tab-item .tab-title > * { margin-bottom: 0 !important; line-height: 24px; } .tab-item .tab-title:before, .accordian-tab-title.collapsed:before { content: "\f067"; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-text-stroke: 2px white; color: #05599a !important; position: relative; top: 1px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 24px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; transition: transform 0.25s linear; -webkit-transition: -webkit-transform 0.25s linear; } .tab-item .tab-title.is-expanded:before, .accordian-tab-title:before { content: "\f068"; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-text-stroke: 2px white; color: #05599a !important; position: relative; top: 1px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 24px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; transition: transform 0.25s linear; -webkit-transition: -webkit-transform 0.25s linear; } .tab-item .tab-content { margin: 22px 0; padding: 0 !important; box-shadow: none; border: 0; background: transparent; border-radius: 0; box-shadow: none !important; outline: 0 none; } .tab-item .tab-content > .col-md-12 { padding-left: 59px !important; } .tab-item .tab-content > .col-md-12 > a { padding-bottom: 18px !important; } .tab-item .tab-content > .powerpoint-icon { padding-top: 6px !important; padding-bottom: 16px !important; } .a11y-accordion { position: relative; margin: 1em 0; } .a11y-accordion .tab:focus, .a11y-accordion .panel div:focus { outline: 0; } .a11y-accordion .panel.is-collapsed { display: none; max-height: 0; overflow: hidden; } .a11y-accordion .panel.is-expanded { max-height: 1000em; } .powerpoint-icon:before { background-image: url(/Content/GreenheckStyles/imgs/powerpoint_desktop_2x.png); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; position: relative; bottom: -4px; display: inline-block; width: 26px; height: 26px; margin-right: 8px; } .padding-left-50 { padding-left: 50px; } .fa-minus:before, .fa-plus:before { -webkit-text-stroke: 2px white; } .shown .delete-contact { color: #015a9c !important; } .shown .delete-contact:hover { color: #d97a23 !important; } table.dataTable.gh-my-orders.display tbody tr.odd.shown td a, table.dataTable.gh-my-orders.display tbody tr.even.shown td a { color: white !important; } table.dataTable.gh-my-orders.display tbody tr.odd.shown td a.delete-contact, table.dataTable.gh-my-orders.display tbody tr.even.shown td a.delete-contact { color: #015a9c !important; } table.dataTable.gh-my-orders.display tbody tr.odd.shown td a.delete-contact:hover, table.dataTable.gh-my-orders.display tbody tr.even.shown td a.delete-contact:hover, table.dataTable.gh-my-orders.display tbody tr.odd.shown td a.edit-contact:hover, table.dataTable.gh-my-orders.display tbody tr.even.shown td a.edit-contact:hover { color: #d97a23 !important; } table.dataTable.gh-my-orders.display tbody tr.odd.shown, table.dataTable.gh-my-orders.display tbody tr.even.shown, table.dataTable.gh-my-orders.display tbody tr.odd.parent.shown + .child, table.dataTable.gh-my-orders.display tbody tr.even.parent.shown + .child { background-color: #015a9c !important; } table.dataTable.gh-my-orders.display tbody tr.odd.shown td, table.dataTable.gh-my-orders.display tbody tr.even.shown td, table.dataTable.gh-my-orders.display tbody tr.odd.shown .sorting_1, table.dataTable.gh-my-orders.display tbody tr.even.shown .sorting_1, table.dataTable.gh-my-orders.display tbody tr.odd.parent.shown + .child td, table.dataTable.gh-my-orders.display tbody tr.even.parent.shown + .child td { color: #fff !important; background-color: transparent !important; } table.dataTable.gh-my-orders.display tbody tr.odd, table.dataTable.gh-my-orders.display tbody tr.even, table.dataTable.gh-my-orders.display tbody tr.odd.parent + .child, table.dataTable.gh-my-orders.display tbody tr.even.parent + .child { cursor: pointer; color: #7b7b7b !important; } table.dataTable.gh-my-orders.display tbody tr.odd td, table.dataTable.gh-my-orders.display tbody tr.even td, table.dataTable.gh-my-orders.display tbody tr.odd td.sorting_1, table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1 { cursor: pointer; color: #7b7b7b !important; font-size: 18px !important; line-height: 28px !important; padding: 20px 0 20px 10px !important; } table.dataTable.gh-my-orders.display tbody tr.odd, table.dataTable.gh-my-orders.display tbody tr.odd.parent + .child { background-color: #f7f7f7 !important; border-top: 0 solid #f7f7f7 !important; } table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1 { background-color: #fcfcfc !important; border-top: 0 solid #fcfcfc !important; } table.dataTable.gh-my-orders.row-border tbody th, table.dataTable.gh-my-orders.row-border tbody td, table.dataTable.gh-my-orders.display tbody th, table.dataTable.gh-my-orders.display tbody td { border-top: 0 solid #f7f7f7 !important; line-height: 1.4em !important; vertical-align: top !important; } table.dataTable.gh-my-orders thead .sorting_asc span { background-image: url(/content/GreenheckStyles/imgs/sort_asc.png) !important; background-repeat: no-repeat !important; background-position: calc(100% - 1px); background-size: 9px !important; padding-right: 19px !important; } table.dataTable.gh-my-orders thead .sorting { background-image: none !important; } table.dataTable.gh-my-orders thead .sorting_desc span { background-image: url(/content/GreenheckStyles/imgs/sort_desc.png) !important; background-repeat: no-repeat !important; background-position: calc(100% - 1px) !important; background-size: 9px !important; padding-right: 19px !important; } table.dataTable.gh-my-orders th { font-size: 20px !important; line-height: 28px !important; border-top: 2px solid #d8d8d8 !important; border-bottom: 2px solid #d8d8d8 !important; padding: 20px 15px 20px 10px !important; } .dataTables_filter label, .dataTables_length label { font-family: "Helvetica-Condensed", sans-serif !important; font-size: 20px !important; line-height: 28px !important; color: #4a4a4a !important; } .dataTables_wrapper .search-filter label { font-family: "Helvetica-Condensed", sans-serif !important; font-size: 20px !important; line-height: 28px !important; color: #4a4a4a !important; padding-top: 1px !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } .gh-my-orders-container .dataTables_wrapper .dataTables_paginate .paginate_button, .gh-my-orders-container div.dataTables_wrapper .dataTables_info { padding: 5px 10px !important; font-size: 20px !important; color: #015a9c !important; } .gh-my-orders-container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled { color: #7b7b7b !important; } .gh-my-orders-container .dataTables_wrapper .dataTables_paginate .paginate_button:active { box-shadow: none !important; } .expand-col { max-width: 20px !important; } #discount-request tbody .clk-row { word-break: break-all; font-size: 14px !important; } #caps-auth tbody .clk-row { word-break: break-all; font-size: 14px !important; } .gh-my-orders-container .dataTables_wrapper .dataTables_paginate span > .paginate_button { padding: 5px 2px !important; font-size: 20px !important; color: #7b7b7b !important; } .gh-my-orders-container .dataTables_wrapper .dataTables_paginate span > .paginate_button.current { padding: 5px 2px !important; font-weight: bold !important; color: #015a9c !important; font-size: 20px !important; } .gh-my-orders-container .dataTables_wrapper .dataTables_paginate span > .paginate_button.current ~ .paginate_button { color: #015a9c !important; } .gh-my-orders-container .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #015a9c !important; } .gh-my-orders-container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover { color: #7b7b7b !important; } table.gh-my-orders tbody td { padding-top: 0 !important; } .child-table-c1-header { font-size: 16px; font-family: "Helvetica-Condensed-Bold", sans-serif !important; padding-top: 10px; } .child-table-c1-header-value { font-size: 16px; font-family: "Helvetica-Condensed", sans-serif !important; color: #7b7b7b !important; line-height: 16px; height: 20px; } .pad-t-20 { padding-top: 20px; } table.child-table { width: 100% !important; } table.child-table .child-header-style > th { background-color: #f7f7f7 !important; font-size: 15px !important; padding: 10px !important; text-transform: none; } table.child-table .child-header-style > th:first-child, table.child-table .child-row-style > td:first-child { padding-left: 15px !important; } table.child-table .child-header-style > th:last-child, table.child-table .child-row-style > td:last-child { padding-right: 15px !important; } table.child-table .child-row-style > td { font-size: 15px !important; color: #8a8686 !important; padding: 3px 10px !important; background-color: #f7f7f7 !important; } table.child-table .child-row-style > td a { font-size: 15px !important; padding: 10px 0 !important; } .panel-default .table-child-data { font-size: 16px !important; font-family: "Helvetica-Condensed", sans-serif !important; padding: 5px 0 5px 15px; line-height: 20px; border-top: 0 !important; } .panel-default .table-child-data a { font-size: 16px !important; font-family: "Helvetica-Condensed", sans-serif !important; } table.dataTable tbody tr td a.child-data { font-size: 16px !important; font-family: "Helvetica-Condensed", sans-serif !important; display: inline-block !important; width: 100% !important; padding: 2px 0 !important; } .value-wrap { padding-top: 10px; display: inline-block; } .pt-0 { padding: 0 !important; } .pad-l-8 { padding-left: 8px !important; } .gh-dt-1-5 { width: 12%; float: left; } .gh-dt-18 { width: 18%; float: left; } .gh-dt-25p { width: 25%; float: left; } .gh-dt-100p { width: 100%; float: left; } .gh-dt-50p { width: 50%; float: left; } .gh-dt-9 { width: 76%; float: left; } .gh-dt-64 { width: 64%; float: left; } .gh-dt-12 { width: 100%; float: left; } .form-group label.read-value { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 22px; line-height: 26px; text-align: left; padding-bottom: 0; font-weight: normal; } .mail-shipment-detail-div { margin-top: 5px; } .mail-shipment-icon { color: #015a9c; padding-right: 5px; } .border-bottom-grey-2 { border-bottom: 2px solid #d8d8d8; } .pad-30 { padding: 30px; } .modal-content { border-radius: 0; padding: 20px; } .modal-dialog.modal-md { width: 600px !important; } .modal-body { padding-top: 0 !important; } .close { font-size: 30px; font-weight: 700; line-height: 1; color: #025c9e; text-shadow: 0 1px 0 #fff; opacity: 1; } .w-130px { width: 130px !important; } .w-160 { width: 160px !important; } .w-110px { width: 110px !important; } .pad-top-13 { padding-top: 13px !important; } .dataTable-date-filter { margin-top: 0; background: #fff; cursor: pointer; padding: 0 10px 5px 10px !important; border-bottom: 2px solid #ccc; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 20px !important; line-height: 28px !important; color: #4a4a4a !important; float: left; font-weight: 700; } .dataTable-date-filter .fa-caret-down { color: #9d9d9d; font-size: 24px; } #discount-request_wrapper .top .dt-search-icon-container { padding: 6px 0 0 0 !important; left: 430px !important; } #caps_auth_wrapper .top .dt-search-icon-container { padding: 6px 0 0 0 !important; left: 430px !important; } #gh-my-orders_filter, .dataTables_filter, #discount-request_filter { width: 100%; } #gh-my-orders_filter label, .dataTables_filter label, #discount-request_filter label { float: left; } #gh-my-orders_filter label input, .dataTables_filter input, #discount-request_filter label input { height: 40px !important; color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 18px !important; line-height: 40px !important; text-align: left; border-radius: 0; background-color: #fff; -moz-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 0.62), 0 0 0 0 rgba(0, 0, 0, 0.62); -webkit-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 0.62), 0 0 0 0 rgba(0, 0, 0, 0.62); box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 0.62), 0 0 0 0 rgba(0, 0, 0, 0.62); padding: 0 30px 0 20px; border: 1px solid #ccc !important; margin-right: 1em; margin-top: 5px; margin-left: 0; margin-bottom: 30px; width: 240px; } #gh-my-orders_filter label input::-webkit-input-placeholder, #discount-request_filter label input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ height: auto; color: #aab2bd; font-family: "Helvetica-Condensed", sans-serif; font-size: 16px !important; line-height: 16px !important; font-weight: normal; } #gh-my-orders_filter label input::-moz-placeholder, #discount-request_filter label input::-moz-placeholder { /* Firefox 19+ */ height: auto; color: #aab2bd; font-family: "Helvetica-Condensed", sans-serif; font-size: 16px !important; line-height: 16px !important; font-weight: normal; } #gh-my-orders_filter label input:-ms-input-placeholder, #discount-request_filter label input:-ms-input-placeholder { /* IE 10+ */ height: auto; color: #aab2bd; font-family: "Helvetica-Condensed", sans-serif; font-size: 16px !important; line-height: 16px !important; font-weight: normal; } #gh-my-orders_filter label input:-moz-placeholder, #discount-request_filter label input:-moz-placeholder { /* Firefox 18- */ height: auto; color: #aab2bd; font-family: "Helvetica-Condensed", sans-serif; font-size: 16px !important; line-height: 16px !important; font-weight: normal; } #gh-my-orders_length, #discount-request_length, #caps-auth_length { float: right; padding: 0 !important; width: 220px; margin-bottom: 6px !important; } div.dataTables_wrapper div.dataTables_length { float: left; } #SearchFilters { width: calc(100% - 349px); } #gh-my-orders_length label, .dataTables_length label, div.dataTables_wrapper div.dataTables_length label, #discount-request_length label, #caps-auth_length label { font-family: "Helvetica-Condensed", sans-serif !important; font-size: 20px !important; line-height: 33px !important; color: #4a4a4a !important; } .bottom .dataTables_paginate { padding: 14px 9px 20px 20px !important; } .gh-my-orders-container div.dataTables_wrapper .dataTables_info { padding: 20px 0 20px 0 !important; } .gh-my-orders-container .dataTables_wrapper .dataTables_paginate .paginate_button.next { padding-left: 0 !important; } #gh-my-accountInfo_wrapper .dt-search-icon-container { height: 38px !important; background: none; border: 0; padding: 0 0 0 0; position: absolute; left: -40px; width: 38px; z-index: 4; } .dt-search-icon-container { height: 38px !important; background: none !important; border: 0 !important; padding: 4px 0 0 0; position: absolute; left: 200px; width: 38px; z-index: 4; } .dt-search-icon-fa { font-size: 22px !important; cursor: pointer; border: 0 !important; height: 38px !important; vertical-align: middle !important; padding: 0 7px 0 0 !important; line-height: 38px !important; z-index: 4; } .dt-search-icon { float: left; } .gs-dashboard .grid-stack .grid-stack-item .grid-stack-item-content .gs-widget .gs-widget-body.custom { padding: 0 !important; } .gs-dashboard .grid-stack .grid-stack-item .grid-stack-item-content { border: 0 !important; background-color: #f7f8fa; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(247, 248, 250, 0.12); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; border-radius: 0; } .gs-dashboard .grid-stack .grid-stack-item .grid-stack-item-content:hover { box-shadow: 0 14px 28px rgba(247, 248, 250, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .db-widget-card { padding: 15px 15px 50px 15px !important; height: 300px; position: relative; width: 100%; } .db-widget-title { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; font-size: 22px; line-height: 30px; text-align: left; margin-bottom: 5px; border-bottom: 3px solid #2b388f; padding-bottom: 5px; } .db-widget-img-container { text-align: center; } .db-widget-img { display: block; max-width: 100%; width: auto; height: auto; margin: auto; max-height: 125px; } .db-widget-desc { font-family: "Helvetica-Condensed", sans-serif; color: #7b7b7b; font-size: 20px; line-height: 26px; text-align: left; margin-bottom: 10px; } .db-widget-link-container { position: absolute; bottom: 0; width: 100%; text-transform: uppercase; } .gs-widget { height: 100%; } .modal-dialog.modal-lg-atg { width: 90% !important; } .icon-align { display: inline-block; height: 100%; vertical-align: middle; } .display-flex-space-between { display: flex; justify-content: space-between; } .modal-icon-tab-start, .modal-icon-tab, .modal-icon-tab-end { display: inline-block; position: relative; } .modal-icon-tab-seperator-before { height: 10px; background: #a9adb6; display: inline-block; width: 100%; margin-top: 30px; margin-right: 4px; margin-left: 4px; } .modal-icon-tab-seperator-last-child-before-after { height: 10px; background: #a9adb6; display: inline-block; width: 100%; margin-top: 30px; margin-right: 4px; margin-left: 4px; } .modal-tab-icon { background-color: #a9adb6; border-radius: 50%; height: 70px; width: 70px; display: inline-block; vertical-align: middle; text-align: center; white-space: nowrap; } .completed .modal-tab-icon, .completed.modal-icon-tab-seperator-last-child-before-after, .completed.modal-icon-tab-seperator-before { background-color: #da7921 !important; } .tab-title-with-icon { color: #a9adb6; width: 75px; display: inline-block; text-align: center; padding-top: 15px; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px; line-height: 1.4em; } .completed .tab-title-with-icon { color: #da7921 !important; } .w50px { width: 46px; vertical-align: middle; } .m-b-69 { margin-bottom: 69px; } .m-b-10 { margin-bottom: 10px !important; } /*Modal with tab ends*/ table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1.highlightRed, table.dataTable.gh-my-orders.display tbody tr.even td.highlightRed { background-color: #dc3545 !important; color: #fff !important; } table.dataTable.gh-my-orders.display tbody tr.odd td.sorting_1.highlightRed, table.dataTable.gh-my-orders.display tbody tr.odd td.highlightRed { background-color: #dc3545 !important; color: #fff !important; } table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1.highlightYellow, table.dataTable.gh-my-orders.display tbody tr.even td.highlightYellow { background-color: #ffc107 !important; color: #fff !important; } table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1.highlightYellow, table.dataTable.gh-my-orders.display tbody tr.even td.highlightYellow { background-color: #edba20 !important; color: #fff !important; } table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1.highlightBlue, table.dataTable.gh-my-orders.display tbody tr.even td.highlightBlue { background-color: #007bff !important; color: #fff !important; } table.dataTable.gh-my-orders.display tbody tr.odd td.sorting_1.highlightBlue, table.dataTable.gh-my-orders.display tbody tr.odd td.highlightBlue { background-color: #0b74e5 !important; color: #fff !important; } .modal-body::-webkit-input-placeholder { color: #aab2bd !important; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px !important; height: 41px !important; line-height: 41px !important; font-weight: normal !important; padding: 0 !important; } .modal-submit-btn, .modal-submit-btn:focus { display: inline-block; border-radius: 4px !important; border: 2px solid #d97a23 !important; border-radius: 8px; background-color: #d97a23; padding: 2px 35px 2px 35px !important; color: #fff !important; font-family: "Helvetica-Condensed", sans-serif; font-size: 18px !important; font-weight: bolder !important; float: left; text-decoration: none !important; cursor: pointer; } .modal-submit-btn:hover { display: inline-block; border-radius: 4px !important; border: 2px solid #d97a23 !important; border-radius: 8px; background-color: #fff; padding: 2px 35px 2px 35px !important; color: #d97a23 !important; font-family: "Helvetica-Condensed", sans-serif; font-size: 18px !important; font-weight: bolder !important; float: left; text-decoration: none !important; } .modal-close-btn { display: inline-block; border-radius: 4px !important; border: 2px solid #015a9c !important; border-radius: 8px; background-color: #fff; padding: 2px 35px 2px 35px !important; color: #015a9c !important; font-family: "Helvetica-Condensed", sans-serif; font-size: 18px !important; font-weight: bolder !important; float: left; margin-left: 15px; cursor: pointer; } .modal-close-btn:hover { display: inline-block; border-radius: 4px !important; border: 2px solid #015a9c !important; border-radius: 8px; background-color: #015a9c; padding: 2px 35px 2px 35px !important; color: #fff !important; font-family: "Helvetica-Condensed", sans-serif; font-size: 18px !important; font-weight: bolder !important; float: left; margin-left: 15px; text-decoration: none !important; } #gh-my-accountInfo_filter input::-webkit-input-placeholder { height: 40px !important; color: #aab2bd !important; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px !important; line-height: 40px !important; font-weight: normal !important; padding: 0 0 !important; } .form-group .dropdown-el.modal-md-select { width: auto !important; padding: 8px 40px 8px 15px !important; } .modal-md .modal-body { margin-bottom: 9px !important; } .border-b-t-grey-2 { border-top: 2px solid #c7c7c7 !important; border-bottom: 2px solid #c7c7c7 !important; } .border-b-grey-2 { border-bottom: 2px solid #c7c7c7 !important; } .border-t-grey-2 { border-top: 2px solid #c7c7c7 !important; } .border-r-grey-2 { border-right: 2px solid #c7c7c7 !important; } .pad-t-26 { padding-top: 26px !important; } .pad-b-26 { padding-bottom: 26px !important; } .pad-tb-26 { padding-top: 26px !important; padding-bottom: 26px !important; height: 82px; } .odd-even-bg:nth-child(even) { background-color: #f7f7f7 !important; } .odd-even-bg:nth-child(odd) { background-color: #fff !important; } .h-30 { height: 30px !important; } .w-34 { width: 34px; display: inline-block; } .contact-info-title { font-family: "Helvetica-Condensed", sans-serif; font-size: 18px; line-height: 24px; color: #656567; } .contact-info-designation { font-size: 16px; color: #57585a; font-family: "Helvetica-Condensed", sans-serif; line-height: 20px; text-align: left; } .m-l-m16 { margin-left: -16px !important; } .bullet > a { padding-left: 4px !important; } .table-only-head-bot-border { width: 100% !important; } .table-only-head-bot-border th { font-weight: bold !important; border-bottom: 1px solid #a6a6a6 !important; padding-bottom: 4px !important; vertical-align: bottom !important; padding-top: 7px !important; border-right: 20px solid #fff; } .table-only-head-bot-border td { padding: 7px 0 !important; border-right: 20px solid #fff; } .blue-label { background-color: #004aa2; color: #fff; display: inline-block !important; width: 80% !important; padding: 2px 8px !important; margin-left: 7px; font-size: 16px !important; font-family: "Helvetica-Condensed", sans-serif !important; } .gs-dashboard-name { display: none !important; } .paging_simple_numbers { min-width: 195px; } .office-account-info .top { height: 123px; position: relative; } .office-account-info .top .dataTables_length, #gh-my-orders_wrapper .top .dataTables_length, #discount-request_wrapper .top .dataTables_length, #caps_auth_wrapper .top .dataTables_length { position: absolute; right: 0; top: 0; padding: 0; margin: 0; text-align: right; } .office-account-info .top .dataTables_paginate { position: absolute; right: 0; bottom: 0; } .gh-my-orders-container .dataTables_wrapper .dataTables_paginate span > .paginate_button.current, .gh-my-orders-container .dataTables_wrapper .dataTables_paginate span > .paginate_button { min-width: auto; } #gh-my-orders_wrapper .top .dataTables_paginate, #discount-request_wrapper .top .dataTables_paginate, #caps_auth_wrapper .top .dataTables_paginate { position: absolute; right: 0; top: 53px; width: auto; text-align: right; } .office-account-info .top .dataTables_filter { width: auto; margin-top: 5px; } #pdftable { width: 100%; } .small-font { font-size: 16px !important; padding-right: 5px !important; } .blank span { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; line-height: 18px; padding: 0 0 5px 0; margin-left: 7px; display: inline-block; float: left; width: 100% !important; } .paginate_button.previous, .paginate_button.next { position: relative; } .paginate_button.previous:before { margin-left: -10px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d9"; margin-right: 10px; font-size: 20px !important; width: 10px !important; top: 9px; position: absolute; left: -6px; } .paginate_button.next { padding-right: 10px !important; } .paginate_button.next:after { margin-right: -10px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0da"; margin-left: 10px; font-size: 20px !important; width: 10px !important; top: 9px; position: absolute; right: -2px; } .l-h-59 { line-height: 59px !important; } .h-59 { height: 59px !important; } .p-r-10 { padding-right: 10px !important; } .m-l-0 { margin-left: 0 !important; } .m-l-5 { margin-left: 5px !important; } #gh-my-orders_wrapper .txt-main-filter, #discount-request_wrapper .txt-main-filter, #caps_auth_wrapper .txt-main-filter { height: 33px !important; padding-top: 4px !important; padding-bottom: 3px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 20px !important; line-height: 20px !important; padding-left: 10px; padding-right: 10px; margin-right: 5px !important; } .f-l { float: left !important; } #gh-my-orders_wrapper .select-main-filter, #discount-request_wrapper .select-main-filter, #caps_auth_wrapper .select-main-filter { width: 200px !important; height: 33px !important; padding-top: 4px !important; padding-bottom: 3px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 20px !important; line-height: 20px !important; margin-right: 5px !important; } #SearchFilters .filter-by-label { height: 34px !important; margin-top: 0 !important; padding-top: 10px !important; padding-bottom: 0 !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 20px !important; line-height: 20px !important; } #SearchFilters .modal-submit-btn, #SearchFilters .modal-close-btn { height: 33px; padding: 2px 35px !important; margin-top: 7px; margin-bottom: 0; } .pad-top-9 { padding-top: 9px !important; } .p-t-12 { padding-top: 12px !important; } .form-group .dropdown-el.data-table-dropdown-el { font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 20px !important; height: 33px !important; line-height: 20px !important; padding-bottom: 3px !important; padding-left: 9px !important; padding-right: 25px !important; padding-top: 4px !important; right: auto; } .w-120 { width: 120px !important; } .dropdown-el.w-auto { width: auto !important; } .m-r-4 { margin-right: 4px !important; } .w-100per { width: 100% !important; } .m-t-12 { margin-top: 12px !important; } .p-t-0 { padding-top: 0 !important; } .m-t-8 { margin-top: 8px !important; } #gh-my-orders thead tr th.col1 { width: 30px; } #gh-my-orders thead tr th.col2 { width: 171px; } #gh-my-orders thead tr th.col3 { width: 150px; } #gh-my-orders thead tr th.col4 { width: 110px; } #gh-my-orders thead tr th.col5 { width: 130px; } #gh-my-orders thead tr th.col6 { width: 118px; } #gh-my-orders thead tr th.col7 { width: 112px; } #gh-my-orders thead tr th.col8 { width: 71px; } #gh-my-orders thead tr th.col9 { width: 100px; } .hidden-scroll { overflow-y: scroll; } .hidden-scroll::-webkit-scrollbar { background: transparent; } .hidden-scroll::-webkit-scrollbar-track { background: transparent; } .hidden-scroll::-webkit-scrollbar-thumb { background: transparent; } .announcement-container-hide-in-mobile { display: block; } .card-white-container-link .card-white-section:hover { box-shadow: none; } .modal-open .modal { padding: 0 !important; } .dtr-title { font-family: Helvetica-Condensed-Black, sans-serif !important; } .blog-post-socail-share-container { display: inline-block; vertical-align: top; float: right; } .is-active-icon-share { color: #d97a23 !important; } .blog-post-socail-share-popover { position: absolute; top: 40px; white-space: nowrap; width: 83px !important; left: auto; right: 38px; z-index: 1; } .blog-post-socail-share-icon { -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; background: #fff !important; border: 1px solid #d9d9d9; margin-right: -1px; margin-bottom: -1px; width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; float: left; font-size: 18px !important; cursor: pointer; } .blog-post { overflow: visible !important; } .dataTables_wrapper .groupbottommargin { margin-bottom: 15px !important; } .description-normal-text > div { color: #57585a; font-family: "Helvetica-Condensed", sans-serif !important; } /*Blog related css: 11 Mar 2020*/ tr.shown td.details-control, td.details-control { padding: 5px 11px 0 11px !important; } tr.shown > td.details-control:after { background: url(/content/GreenheckStyles/imgs/details_close.png) no-repeat center center !important; width: 25px !important; content: ""; height: 25px !important; display: inline-block; } td.details-control:after { background: url("/content/GreenheckStyles/imgs/details_open.png") no-repeat center center !important; width: 25px !important; content: ""; height: 25px !important; display: inline-block; } .p-l-0 { padding-left: 0 !important; } .p-r-0 { padding-right: 0 !important; } .m-r-0 { margin-right: 0 !important; } .m-l-0 { margin-left: 0 !important; } .blog-title-desc-container .page-title { font-size: 48px; line-height: 1.4em !important; padding-bottom: 8px; margin-bottom: 9px; margin-top: 5px; } .blog-title-icon-container { width: 148px; float: left; } .blog-title-icon-container img.title-icon { width: 90px; margin-left: 14px; margin-top: 20px; } .blog-title-desc-container { width: calc(100% - 148px); float: left; } /*Featured blog post*/ .blog-section-title { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 30px; line-height: 24px; margin-top: 40px; } .blog-post { width: 100%; height: 100%; overflow: hidden; } .large-featured-post { max-height: 450px; max-width: 870px; margin-bottom: 30px; } .small-featured-post { margin-bottom: 30px; width: 87%; } .blog-post.featured-post.small-featured-post .blog-post-img { min-height: 210px !important; min-width: 100% !important; width: auto !important; margin-top: 0 !important; height: 210px !important; -moz-transition: none !important; -o-transition: none !important; -webkit-transition: none !important; transition: none !important; } .blog-post.featured-post.blog-post-shadow { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; -o-transition: box-shadow 0.2s; transition: box-shadow 0.2s; } .blog-post.featured-post.blog-post-shadow:focus, .blog-post.featured-post.blog-post-shadow:hover { box-shadow: 0 0 10px 0 rgba(115, 162, 195, 0.7); } .blog-post-shadow { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; -o-transition: box-shadow 0.2s; transition: box-shadow 0.2s; } .blog-post-shadow:focus, .blog-post-shadow:hover { box-shadow: 0 0 10px 0 rgba(115, 162, 195, 0.7); } .blog-post-link { display: block; position: relative; } .blog-post.featured-post.large-featured-post .blog-post-img { flex-shrink: 0; min-width: 100%; min-height: 100%; } .blog-post.featured-post a.blog-post-link:hover img.blog-post-img, .blog-post.featured-post a.blog-post-link:active img.blog-post-img, .blog-post.featured-post a.blog-post-link:focus img.blog-post-img { opacity: 0.85; } .transperent-bg { background: rgba(0, 0, 0, 0.25); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blog-post.featured-post h2.blog-heading-lg { font-family: "Helvetica-Condensed", sans-serif; font-size: 28px; color: #fff; position: absolute; top: 0; margin: 0; padding: 30px; display: block; letter-spacing: -0.025em !important; max-width: 100%; font-weight: normal !important; line-height: 1.4em; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .blog-post.featured-post h2.blog-heading-lg:hover, .blog-post-link:hover .blog-heading-sm, .blog-post-link:hover, .blog-post-link:hover .blog-heading-lg { text-decoration: none !important; color: #ccc !important; } .blog-post.featured-post .blog-post-date-lg { font-family: "Helvetica-Condensed", sans-serif; position: absolute; bottom: 30px; left: 30px; color: #fff; display: inline-block; vertical-align: top; font-size: 18px !important; line-height: 1.8; cursor: auto; z-index: 9; } .blog-post.featured-post .blog-post-date-lg:hover { cursor: auto; z-index: 9; } .blog-post.featured-post h2.blog-heading-sm { font-family: "Helvetica-Condensed", sans-serif; font-size: 20px; color: #fff; position: absolute; top: 0; margin: 0; padding: 20px; display: block; max-width: 100%; font-weight: normal !important; line-height: 1.4em; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .blog-post.featured-post h2.blog-heading-sm:hover { color: #ccc; } .blog-post.featured-post .blog-post-date-sm { font-family: "Helvetica-Condensed", sans-serif; position: absolute; bottom: 20px; left: 20px; color: #fff; display: inline-block; vertical-align: top; font-size: 14px !important; line-height: 1.8; cursor: auto; z-index: 9; } .blog-post.featured-post .blog-post-date-sm:hover { cursor: auto; z-index: 9; } .margin-t-blog-topics { margin-top: 43px; } .all-topics-post .blog-post-img { width: 100%; height: 100%; object-fit: cover; } .post-thumb-head { height: 225px; position: relative; } .blog-heading-sm { font-family: "Helvetica-Condensed", sans-serif; font-size: 24px; color: #fff; position: absolute; top: 0; margin: 0; padding: 20px; display: block; max-width: 100%; font-weight: normal !important; line-height: 1.4em; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .post-thumb-body { height: 225px; } .post-para { font-family: "Helvetica-Condensed", sans-serif; font-size: 16px; line-height: 1.4em; color: #57585a; padding: 20px; } .post-thumb-footer { height: 120px; padding: 20px; position: relative; } .blog-group-link { font-size: 16px !important; line-height: 1.8; font-family: "Helvetica-Condensed", sans-serif; } .blog-group-link.currentFilter, .blog-group-link.currentFilter:hover, .blog-group-link.currentFilter:active, .blog-group-link.currentFilter:visited, .blog-group-link.currentFilter:focus { color: #57585a !important; text-decoration: none; cursor: default; } .blog-group-link.currentFilterWhite, .blog-group-link.currentFilterWhite:hover, .blog-group-link.currentFilterWhite:active, .blog-group-link.currentFilterWhite:visited, .blog-group-link.currentFilterWhite:focus { color: #fff !important; text-decoration: none; cursor: default; } .blog-post-author { font-size: 14px !important; line-height: 1.8; font-family: "Helvetica-Condensed", sans-serif; color: #999; position: absolute; left: 20px; bottom: 38px; } .post-thumb-footer .blog-post-date-sm { font-size: 14px !important; line-height: 1.8; font-family: "Helvetica-Condensed", sans-serif; color: #484848; position: absolute; left: 20px; bottom: 16px; } .fa-share-alt { font-size: 24px; position: absolute; right: 20px; bottom: 30px; } .blog-story { background: #f5b402; background: -webkit-linear-gradient( 180deg, rgba(245, 180, 2, 1) 0%, rgba(83, 115, 78, 1) 61%, rgba(14, 81, 106, 1) 100% ); background: -o-linear-gradient( 180deg, rgba(245, 180, 2, 1) 0%, rgba(83, 115, 78, 1) 61%, rgba(14, 81, 106, 1) 100% ); background: linear-gradient( 180deg, rgba(245, 180, 2, 1) 0%, rgba(83, 115, 78, 1) 61%, rgba(14, 81, 106, 1) 100% ); } .blog-story-strip, .blog-event-strip { background-color: #015a9c; padding: 8px 20px; font-size: 16px; text-transform: uppercase; font-family: "Helvetica-Condensed", sans-serif; color: #fff; position: absolute; left: 0; top: 16px; } .blog-story .blog-group-link, .blog-story .blog-post-author { color: #ffffff; } .blog-story .blog-heading-sm { padding: 105px 20px 0 20px; } .blog-event .blog-heading-sm { padding: 75px 20px 0 20px; } .blog-story .fa-share-alt, .blog-event .fa-share-alt { color: #fff; } .blog-story .fa-share-alt:hover, .blog-event .fa-share-alt:hover { color: #d97a23; } .blog-story .post-para, .blog-event .post-para { color: #ffffff; } .blog-event { height: 498px; background: #2982db; background: -moz-linear-gradient(180deg, rgba(41, 130, 219, 1) 0%, rgba(5, 84, 115, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(41, 130, 219, 1) 0%, rgba(5, 84, 115, 1) 100%); background: linear-gradient(180deg, rgba(41, 130, 219, 1) 0%, rgba(5, 84, 115, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2982db", endColorstr="#055473", GradientType=1); } .blog-event .post-thumb-head, .blog-event .post-thumb-body, .blog-event .blog-heading-sm { height: auto; position: relative; } .blog-event .blog-group-link { color: #ffffff; position: relative; display: block; left: auto; bottom: auto; } .blog-event .blog-post-author { color: #e4e5cb; position: relative; display: block; left: auto; bottom: auto; } .blog-story .blog-post-date-sm, .blog-event .blog-post-date-sm { display: none; } .blog-event .post-thumb-footer { height: 100px; padding: 20px; position: absolute; width: calc(100% - 30px); bottom: 0; } .sf_colsIn.col-blog-3 div:first-child { margin-top: 11px; } .topics-list li { width: 30% !important; margin-right: 40px; padding-right: 0; } .topics-list li:nth-child(3n + 0) { margin-right: 0; } .link-bold { color: #015a9c; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 18px; line-height: 18px; padding: 0 0 5px 0; margin-left: 0; display: inline-block; width: 100% !important; } .link-bold.currentFilter, .link-bold.currentFilter:hover, .link-bold.currentFilter:active, .link-bold.currentFilter:visited, .link-bold.currentFilter:focus { color: #57585a !important; text-decoration: none; cursor: default; } .clear-filter { display: inline-block; cursor: pointer; background-image: url(/Content/GreenheckStyles/imgs/cancel_clear_26.png); width: 26px; height: 26px; background-position: center; margin-right: 10px; } ul.right-content-icon-links.blog-filter { padding-left: 0; padding-bottom: 0; } /*Capitalize first link in the blog filter list.*/ ul.right-content-icon-links.blog-filter li:first-child { text-transform: uppercase; } .shown a.link { color: #fff !important; text-decoration: underline !important; } .shown a.link:hover { color: #f7f7f7 !important; } .hide-small-425 { display: block; } .show-small-425 { display: none; } .col-blog-9 { width: calc(100% - 320px); float: left; } .col-blog-3 { width: 238px; margin-left: 82px; float: left; padding-top: 28px; } #MarkTagsTableDiv td { padding-top: 16px !important; } .sort-by-select { position: absolute; bottom: 37px; } .dt-savepreference { float: right; position: absolute; top: 120px; right: 0; } .save-preference { margin-left: 4px !important; font-size: 16px !important; padding: 4px 12px !important; height: 32px !important; margin-top: 0 !important; margin-left: 5px !important; line-height: 28px; display: inline-block; border-radius: 4px !important; border: 2px solid #015a9c !important; background-color: #fff; color: #015a9c !important; font-family: "Helvetica-Condensed", sans-serif; font-weight: bolder !important; float: left; cursor: pointer; text-decoration: none !important; } .save-preference:hover { border: 2px solid #015a9c !important; background-color: #015a9c; color: #fff !important; text-decoration: none !important; } table.dataTable tbody tr td .gh-dt-1-5 a.child-data { padding: 2px 8px !important; } .blog-post-text-container td { text-align: center; } .spinner { display: inline-block; opacity: 0; max-width: 0; -webkit-transition: opacity 0.25s, max-width 0.45s; -moz-transition: opacity 0.25s, max-width 0.45s; -o-transition: opacity 0.25s, max-width 0.45s; transition: opacity 0.25s, max-width 0.45s; /* Duration fixed since we animate additional hidden width */ margin-right: 4px; } .has-spinner.active { cursor: progress; } .has-spinner.active .spinner { opacity: 1; max-width: 50px; /* More than it will ever come, notice that this affects on animation duration */ } .dt-range-lbl, .filter-by-lbl { width: 96px !important; } .filter-dd, .form-group .dropdown-el.filter-dd { width: 267px !important; height: 33px !important; padding-top: 4px !important; padding-bottom: 3px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 20px !important; line-height: 20px !important; margin-right: 5px !important; } .my-orders-btn-apply { float: left; } .blog-post-text-container table { margin: 20px 0; width: 100%; } .dt-range-lbl { width: auto !important; margin-right: 10px; } /*label in 2 lines .dt-range-lbl { margin-right: 0 } */ .description-x-small-normal-text { color: #999; font-family: "Helvetica-Condensed", sans-serif; font-size: 12px; line-height: 20px; text-align: center; padding-top: 5px; padding-bottom: 5px; text-align: justify !important; } /*shopping cart icons for QD and Parts*/ .popover-content a.cart-icon-link-container { padding: 0 !important; justify-content: space-between; } .navbar-header .popover-content span.cart-icon-container:nth-child(1) { border-bottom: 1px solid #ddd; } /*.navbar-header .popover-content { max-width: 220px }*/ .navbar-header .popover-content a.cart-icon-link-container:hover { background: #ffffff; cursor: pointer; } .navbar-header .popover-content a.cart-icon-link-container:hover .cart-label { color: #d97a23; } .navbar-header .popover-content .cart-label { color: #57585a; cursor: pointer; } .navbar-header .popover-content .cart-icon-link-container i.fa.fa-external-link { color: #efefef; background-color: #005a9c; border-radius: 3px; padding: 8px; font-size: 16px; } .blog-comments-container { border: 2px solid #999; padding: 15px; } .blog-comment-container { border-bottom: 2px solid #999; padding-bottom: 30px; } .blog-comment-container:last-child { border: 0; padding-bottom: 13px; } .p-6-15 { padding: 6px 15px !important; } .comment-btn { margin-bottom: 40px !important; } .m-l-20 { margin-left: 20px; } .comment-reply-container { text-align: right; font-family: "Helvetica-Condensed", sans-serif; font-size: 16px; } .comment-reply-container i { margin-right: 6px; } .navbar-header .popover-content .cart-icon-container { border: 0; float: none; width: 100%; } .navbar-header .popover.bottom { margin-top: 10px; } .cart-icon-container { float: right; padding: 0; color: #fff; font-size: 16px; font-family: "Helvetica-Condensed-Bold", sans-serif; border: 1px solid #737476; border-top: 0; border-bottom: 0; height: 100%; display: inline-block; } .brown-circle-small { background: #d97a23; border-radius: 50%; color: #fff; width: 12px; height: 12px; display: inline-block; top: 8px; right: 5px; position: absolute; } span.brown-circle { background: #d97a23; border-radius: 50%; color: #fff; width: 22px; height: 22px; display: table; justify-content: center; align-items: center; text-align: center; margin-top: -18px; margin-left: -10px; } .cart-count { font-family: "Helvetica-Condensed"; font-size: 14px; margin-left: -2px; line-height: 1.3; } a.cart-icon-link-container-dd { padding: 0 10px; display: inline-block; height: 39px; justify-content: center; align-items: center; position: absolute; right: 80px; } a.cart-icon-link-container-dd.cart-mobile-container { right: 46px; top: 15px; } .cart-icon-link-container-dd > .cart-icon { height: 28px; margin: 8px 0 0 0; } a.cart-icon-link-container { padding: 0 10px; display: flex; height: 50px; justify-content: space-between; align-items: center; position: relative; cursor: pointer; text-decoration: none; } .cart-label { cursor: pointer; } a.cart-icon-link-container:hover { text-decoration: none; background: #4c4d4f; } .cart-label { color: #fff; font-size: 14px; font-family: "Helvetica-Condensed", sans-serif; text-transform: capitalize; vertical-align: middle; padding-right: 25px; cursor: default; padding-left: 8px; font-weight: bold; cursor: pointer; } .cart-icon-link-container i.fa.fa-external-link { color: #efefef; } .cart-icon-title { display: flex; align-items: center; } img.cart-icon { height: 32px; margin: 10px 0; } /*shopping cart icons for QD and Parts*/ #blogPost #topicsList.topics-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px 30px !important; margin: 0 0 49px 0 !important; padding: 0 !important; } #topicsList.topics-list li { width: 100% !important; margin: 0 !important; padding: 0 !important; } #topicsList.topics-list .blog-post { display: flex !important; flex-direction: column !important; position: relative !important; padding-bottom: 120px !important; } #topicsList.topics-list .post-thumb-body { height: auto !important; } #topicsList.topics-list .post-thumb-footer { height: auto !important; padding: 20px 20px 70px 20px !important; position: absolute !important; bottom: 0 !important; width: 100% !important; } #topicsList.topics-list .post-thumb-footer .blog-group-link { line-height: 1.5 !important; } #gh-my-orders_wrapper, #discount-request_wrapper, #caps_auth_wrapper { min-height: 1316px; } .card-white-container-link:link .card-white-link { color: #015a9c !important; } .card-white-container-link:visited .card-white-link { color: #015a9c !important; } .card-white-container-link:hover .card-white-link { color: #d97a23 !important; } .card-white-container-link:active .card-white-link { color: #015a9c !important; } /*shopping cart icons for QD and Parts*/ .comment-reply-container a { cursor: pointer; } .card-left-img-para + .col-md-9 h4 { margin-top: 35px; font-size: 26px; text-decoration: underline; } .card-left-img-para + .col-md-9 ul { margin-top: 30px !important; padding-left: 21px !important; } .card-left-img-para + .col-md-9 li { margin-bottom: 26px !important; line-height: 34px !important; } .d-flex-product { display: flex; flex-direction: row; } .d-flex-product .desktop-prod-series-header-img { order: 1; } .d-flex-product .desktop-prod-series-header-title { order: 2; } section.product-card-container-link-section { height: 100%; margin-bottom: 30px; } section.product-card-container-link-section .product-card-container-link, section.product-card-container-link-section .product-card-container-link:hover, section.product-card-container-link-section .product-card-container-link:active, section.product-card-container-link-section .product-card-container-link:focus { margin-bottom: 0 !important; } .fs-22 { font-size: 22px; } .mt-26 { margin-top: 26px; } .fs-22 { font-size: 22px; } .fs-30 { font-size: 30px; } .mt-26 { margin-top: 26px; } .mt-30 { margin-top: 30px; } .mb-10 { margin-bottom: 10px; } .section-list li:before { content: "-"; display: inline-block; margin-right: 8px; } /*Discount Request CSS***/ .top .dt-search-icon-container { padding: 6px 0 0 0 !important; left: 430px !important; } .top .dt-search-icon-container.without-label-searchicon { padding: 0 !important; left: -40px !important; } .dropdown-el.filter-dd { width: 267px !important; height: 33px !important; padding-top: 4px !important; padding-bottom: 3px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 20px !important; line-height: 20px !important; margin-right: 5px !important; } .filter-by-lbl { width: 96px !important; } #discount-request_length { float: right; padding: 0 !important; width: 220px; margin-bottom: 6px !important; } #caps-auth_length { float: right; padding: 0 !important; width: 220px; margin-bottom: 6px !important; } .dt-search-icon-fa { font-size: 22px; cursor: pointer; border: 0; height: 38px !important; vertical-align: middle !important; padding: 0 7px 0 0 !important; line-height: 38px !important; z-index: 4; } .discount-request-textarea { height: auto !important; width: 100%; } .caps-auth-textarea { height: auto !important; width: 100%; } .font-blue { color: #004aa2; } /*Discount Request CSS*/ .my-account-title-container { padding: 42px 0; margin-bottom: 55px; } .m-auto { margin: auto; } .my-account-title { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 26px; line-height: 26px !important; margin-top: 0; padding: 0 0 10px 0; } .my-account-title-description { color: #626365; font-family: "Helvetica-Condensed", sans-serif; font-size: 24px; line-height: 32px !important; margin-top: 0; padding: 0; } .my-account-title-logo { max-height: 160px !important; max-width: 260px !important; margin: auto !important; height: auto !important; width: auto !important; } .widget-card-title { color: #015a9c; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 27px; } /*carousel css starts*/ /* GLOBAL STYLES */ /* Padding below the footer and lighter body text */ body { padding-bottom: 40px; color: #5a5a5a; } td.details-control { background: url("/bundles/gh-css/imgs/details_open.png") no-repeat center center; cursor: pointer; } tr.shown td.details-control { background: url("/bundles/gh-css/imgs/details_close.png") no-repeat center center; } table.dataTable.discount-request.display tbody tr.odd.shown, table.dataTable.discount-request.display tbody tr.even.shown, table.dataTable.discount-request.display tbody tr.odd.shown td, table.dataTable.discount-request.display tbody tr.even.shown td, table.dataTable.discount-request.display tbody tr.odd.shown .sorting_1, table.dataTable.discount-request.display tbody tr.even.shown .sorting_1 { background-color: #015a9c !important; color: #fff !important; } table.dataTable.discount-request.display tbody tr.odd, table.dataTable.discount-request.display tbody tr.even { cursor: pointer; color: #7b7b7b !important; } table.dataTable.discount-request.display tbody tr.odd td, table.dataTable.discount-request.display tbody tr.even td, table.dataTable.discount-request.display tbody tr.odd td.sorting_1, table.dataTable.discount-request.display tbody tr.even td.sorting_1 { cursor: pointer; color: #7b7b7b !important; font-size: 18px !important; line-height: 28px !important; padding: 20px 0 20px 5px !important; } table.dataTable.discount-request.display tbody tr.odd { background-color: #f7f7f7 !important; border-top: 0px solid #f7f7f7 !important; } table.dataTable.discount-request.display tbody tr.even td.sorting_1 { background-color: #fcfcfc !important; border-top: 0px solid #fcfcfc !important; } table.dataTable.discount-request.row-border tbody th, table.dataTable.discount-request.row-border tbody td, table.dataTable.discount-request.display tbody th, table.dataTable.discount-request.display tbody td { border-top: 0px solid #f7f7f7 !important; } /*table.dataTable.discount-request thead .sorting_asc span { background-image: url(/bundles/gh-css/imgs/sort_asc.png) !important; background-repeat: no-repeat !important; background-position: center right !important; background-size: 9px !important; padding-right: 19px !important; } table.dataTable.discount-request thead .sorting span { background-image: url(/bundles/gh-css/imgs/sort_both.png) !important; background-repeat: no-repeat !important; background-position: center right !important; background-size: 9px !important; padding-right: 19px !important; } table.dataTable.discount-request thead .sorting_desc span { background-image: url(/bundles/gh-css/imgs/sort_desc.png) !important; background-repeat: no-repeat !important; background-position: center right !important; background-size: 9px !important; padding-right: 19px !important; }*/ table.dataTable.discount-request th { font-size: 14px !important; line-height: 24px !important; border-top: 2px solid #d8d8d8 !important; border-bottom: 2px solid #d8d8d8 !important; padding: 20px 0 20px 5px !important; } .discount-request-container .dataTables_wrapper .dataTables_paginate .paginate_button, .discount-request-container div.dataTables_wrapper .dataTables_info { padding: 5px 10px !important; font-size: 18px !important; color: #7b7b7b !important; } .discount-request-container .dataTables_wrapper .dataTables_paginate .paginate_button:active { box-shadow: none !important; } .discount-request-container .dataTables_wrapper .dataTables_paginate span > .paginate_button, .discount-request-container .dataTables_wrapper .dataTables_paginate span > .paginate_button.current { padding: 5px 2px !important; font-size: 18px !important; min-width: auto !important; color: #7b7b7b !important; } .discount-request-container .dataTables_wrapper .dataTables_paginate span > .paginate_button.current { font-weight: bold !important; color: #015a9c !important; font-size: 19px !important; } .discount-request-container .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #015a9c !important; } table.discount-request tbody td { padding-top: 0 !important; } / caps Aut*/ table.dataTable.caps-auth.display tbody tr.odd.shown, table.dataTable.caps-auth.display tbody tr.even.shown, table.dataTable.caps-auth.display tbody tr.odd.shown td, table.dataTable.caps-auth.display tbody tr.even.shown td, table.dataTable.caps-auth.display tbody tr.odd.shown .sorting_1, table.dataTable.caps-auth.display tbody tr.even.shown .sorting_1 { background-color: #015a9c !important; color: #fff !important; } table.dataTable.caps-auth.display tbody tr.odd, table.dataTable.caps-auth.display tbody tr.even { cursor: pointer; color: #7b7b7b !important; } table.dataTable.caps-auth.display tbody tr.odd td, table.dataTable.caps-auth.display tbody tr.even td, table.dataTable.caps-auth.display tbody tr.odd td.sorting_1, table.dataTable.caps-auth.display tbody tr.even td.sorting_1 { cursor: pointer; color: #7b7b7b !important; font-size: 18px !important; line-height: 28px !important; padding: 20px 0 20px 5px !important; } table.dataTable.caps-auth.display tbody tr.odd { background-color: #f7f7f7 !important; border-top: 0px solid #f7f7f7 !important; } table.dataTable.caps-auth.display tbody tr.even td.sorting_1 { background-color: #fcfcfc !important; border-top: 0px solid #fcfcfc !important; } table.dataTable.caps-auth.row-border tbody th, table.dataTable.caps-auth.row-border tbody td, table.dataTable.caps-auth.display tbody th, table.dataTable.caps-auth.display tbody td { border-top: 0px solid #f7f7f7 !important; } /*table.dataTable.caps-auth thead .sorting_asc span { background-image: url(/bundles/gh-css/imgs/sort_asc.png) !important; background-repeat: no-repeat !important; background-position: center right !important; background-size: 9px !important; padding-right: 19px !important; } table.dataTable.caps-auth thead .sorting span { background-image: url(/bundles/gh-css/imgs/sort_both.png) !important; background-repeat: no-repeat !important; background-position: center right !important; background-size: 9px !important; padding-right: 19px !important; } table.dataTable.caps-auth thead .sorting_desc span { background-image: url(/bundles/gh-css/imgs/sort_desc.png) !important; background-repeat: no-repeat !important; background-position: center right !important; background-size: 9px !important; padding-right: 19px !important; }*/ table.dataTable.caps-auth th { font-size: 14px !important; line-height: 24px !important; border-top: 2px solid #d8d8d8 !important; border-bottom: 2px solid #d8d8d8 !important; padding: 20px 0 20px 5px !important; } .caps-auth-container .dataTables_wrapper .dataTables_paginate .paginate_button, .caps-auth-container div.dataTables_wrapper .dataTables_info { padding: 5px 10px !important; font-size: 18px !important; color: #7b7b7b !important; } .caps-auth-container .dataTables_wrapper .dataTables_paginate .paginate_button:active { box-shadow: none !important; } .caps-auth-container .dataTables_wrapper .dataTables_paginate span > .paginate_button, .caps-auth-container .dataTables_wrapper .dataTables_paginate span > .paginate_button.current { padding: 5px 2px !important; font-size: 18px !important; min-width: auto !important; color: #7b7b7b !important; } .caps-auth-container .dataTables_wrapper .dataTables_paginate span > .paginate_button.current { font-weight: bold !important; color: #015a9c !important; font-size: 19px !important; } .caps-auth-container .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #015a9c !important; } table.caps-auth tbody td { padding-top: 0 !important; } /**/ .child-table-c1-header { font-size: 16px; font-family: "Helvetica-Condensed-Bold", sans-serif !important; padding-top: 10px; } .child-table-c1-header-value { font-size: 16px; font-family: "Helvetica-Condensed", sans-serif !important; color: #7b7b7b !important; line-height: 16px; height: 20px; } .child-table-c1-accordion { } .pad-t-20 { padding-top: 20px; } table.child-table { width: 100% !important; } table.child-table .child-header-style > th { background-color: #f7f7f7 !important; font-size: 15px !important; padding: 10px !important; } table.child-table .child-header-style > th:first-child, table.child-table .child-row-style > td:first-child { padding-left: 30px !important; } table.child-table .child-header-style > th:last-child, table.child-table .child-row-style > td:last-child { padding-right: 30px !important; } table.child-table .child-row-style > td { font-size: 15px !important; color: #8a8686 !important; padding: 3px 10px !important; background-color: #f7f7f7 !important; } table.child-table .child-row-style > td a { font-size: 15px !important; padding: 10px !important; } .panel-default > .panel-heading { color: #333; background-color: #fff; border-color: #e4e5e7; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .panel-default > .panel-heading a { display: block; padding: 1px 0; font-size: 15px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; } .panel-default > .panel-heading a:before { content: ""; position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: transform 0.25s linear; -webkit-transition: -webkit-transform 0.25s linear; } .panel-default > .panel-heading a[aria-expanded="true"] { background-color: transparent !important; font-size: 16px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; } .panel-default > .panel-heading a[aria-expanded="true"]:before { content: "\2212"; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-right: 5px; font-size: 16px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; } .panel-default > .panel-heading a[aria-expanded="false"]:before { content: "\002b"; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-right: 5px; font-size: 15px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; } .panel-default .table-child-data { font-size: 16px !important; font-family: "Helvetica-Condensed", sans-serif !important; padding: 5px 0 5px 15px; line-height: 20px; border-top: 0 !important; } .panel-default .table-child-data a { font-size: 16px !important; font-family: "Helvetica-Condensed", sans-serif !important; } table.dataTable tbody tr td a.child-data { font-size: 16px !important; font-family: "Helvetica-Condensed", sans-serif !important; display: inline-block !important; width: 100% !important; padding: 2px 8px !important; } .pad-l-8 { padding-left: 8px !important; } .gh-dt-1-5 { width: 12%; float: left; } .gh-dt-9 { width: 76%; float: left; } .gh-dt-12 { width: 100%; float: left; } .underline { text-decoration: underline; } .form-group label.read-value { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 22px; line-height: 26px; text-align: left; padding-bottom: 0px; font-weight: normal; } .border-bottom-grey-2 { border-bottom: 2px solid #d8d8d8; } .pad-30 { padding: 30px; } .modal-content { border-radius: 0; padding: 0; } .modal-dialog.modal-md { width: 600px !important; } /*Center align content card*/ .center-card-container { height: 100%; margin-bottom: 30px; } .center-card-container-grey { height: 100%; margin-bottom: 30px; background: #f1f1f1; border-radius: 8px; } .center-card-wrap { text-align: center; display: inline-block; height: 100%; padding: 10px 15px 67px 15px; position: relative; margin-bottom: 0 !important; } .center-card-wrap-less-pad { text-align: center; display: inline-block; height: 100%; width: 100%; padding: 15px; position: relative; margin-bottom: 0 !important; } .center-card-wrap-grey { text-align: center; display: inline-block; height: 100%; padding: 55px 40px 30px 30px; position: relative; margin-bottom: 0 !important; } .center-card-title { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; font-size: 22px; line-height: 27px; margin-bottom: 10px; } .center-card-title-grey { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; font-size: 22px; line-height: 27px; margin-bottom: 10px; margin-top: 30px; } .center-card-description { font-family: "Helvetica-Condensed", sans-serif; color: #57585a; font-size: 21px; line-height: 22px; margin-bottom: 20px; } .center-card-description-grey { font-family: "Helvetica-Condensed", sans-serif; color: #57585a; font-size: 21px; line-height: 22px; margin-bottom: 0px; } .center-card-img { padding: 0 0 0 0; background-color: #fff; margin-bottom: 20px; } .center-card-img img { width: auto !important; } .center-card-img-transparent { padding: 0 0 0 0; background-color: transparent; margin-bottom: 20px; } .center-card-img-transparent img { width: auto; } /*CTA buttons*/ /*04-10-2021 Ticket #15142*/ .cta-button-container { text-align: center; padding: 15px; background: #f0eeeb; margin-bottom: 20px; } .cta-title-wrap .cta-title { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; font-size: 22px; line-height: 27px; text-align: center; margin-bottom: 10px; text-transform: uppercase; } .cta-blue-btn { background-color: #2477ba; border: 2px solid #2477ba !important; border-radius: 8px !important; padding: 16px 30px !important; color: #fff !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 15px !important; margin: 15px 10px 45px 10px !important; display: inline-block !important; line-height: 1em !important; font-weight: bold !important; cursor: pointer !important; letter-spacing: 0.5px; } .cta-blue-btn:hover { background: #fff; color: #2477ba !important; text-decoration: none; } .cta-orange-btn { background-color: #d97a23; border: 2px solid #d97a23 !important; border-radius: 8px !important; padding: 16px 30px !important; color: #fff !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 15px !important; margin: 15px 10px 45px 10px !important; display: inline-block !important; line-height: 1em !important; font-weight: bold !important; cursor: pointer !important; letter-spacing: 0.5px; } .cta-orange-btn:hover, .cta-orange-btn:focus { background: #fff; color: #d97a23 !important; text-decoration: none; } .video-container { text-align: center; width: 70%; margin: 100px auto 40px auto; } .video-title h3 { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; font-size: 26px; line-height: 27px; text-align: center; margin-bottom: 30px; } /*---Gray Bar---*/ .gray-bar hr { border-top: 2px solid #f0eeeb; } /*Hero Image with two buttons*/ .hero-wrapper { position: relative; } .hero-wrapper .hero-container { position: absolute; top: 65px; background: transparent !important; width: 100%; } .hero-wrapper .hero-sub-title { margin-bottom: 25px !important; margin-top: 20px; /*padding-right: 485px;*/ max-width: 615px; } .hero-btn-wrap { display: flex; align-items: flex-start; } .icon-link-wrap { display: inline-flex !important; align-items: center; justify-content: center; } .orange-btn-2, .orange-btn-2[disabled]:hover { border: 2px solid #d97a23 !important; border-radius: 8px !important; background-color: #d97a23 !important; color: #fff !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 15px !important; margin-bottom: 45px !important; display: inline-block !important; line-height: 1em !important; padding: 8px 30px !important; font-weight: bold !important; cursor: pointer !important; } .orange-btn-2:hover, .orange-btn-2:active, .orange-btn-2:focus { background: rgba(255, 255, 255, 0.9) !important; color: #d97a23 !important; text-decoration: none !important; border-color: #d97a23 !important; line-height: 1em !important; padding: 8px 30px !important; font-weight: bold !important; } .orange-btn-2 .fa-external-link:before { font-size: 20px; border: 2px solid transparent; } .transparent-btn { border: 2px solid #fff !important; border-radius: 8px !important; background-color: transparent !important; color: #fff !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 15px !important; margin-bottom: 45px !important; line-height: 1em !important; padding: 8px 30px !important; font-weight: bold !important; cursor: pointer !important; margin-left: 10px; display: inline-flex; align-items: center; justify-content: center; } .transparent-btn .fa-play { margin-right: 6px; border-radius: 50px; border: 2px solid #fff; height: 20px; width: 20px; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; } .transparent-btn .fa-play:before { margin-left: 2px; } .transparent-btn:hover { text-decoration: none; color: white !important; } .transparent-btn, .orange-btn-2 { position: relative; height: 35px; } .transparent-btn .btn-icon, .orange-btn-2 .btn-icon { height: 15px !important; width: 15px !important; left: 10px; } .transparent-btn:focus { color: #fff !important; text-decoration: none !important; } /*22-10-2021 Ticket #15373*/ .hero-with-two-btn .hero-btn-wrap .transparent-btn span.xs-hide { display: inline-block !important; } .transparent-btn .btn-icon { display: inline !important; } .w-87 { width: 87px !important; } .w-280 { width: 280px !important; } .w-200 { width: 200px !important; } .w-135 { width: 200px !important; } .w-165 { width: 160px !important; } .w-95 { width: 95px !important; } .w-105 { width: 105px !important; } .w-110 { width: 110px !important; } .w-60 { width: 60px !important; } .purchase-card-link.upper-case.blue-btn { border: 2px solid #015a9c !important; border-radius: 8px !important; background-color: #015a9c !important; padding: 4px 16px !important; color: #fff !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 15px !important; display: inline-block !important; line-height: 1em !important; padding: 0.4em 2em !important; font-weight: bold !important; cursor: pointer !important; } .purchase-card-link.upper-case.blue-btn:hover { background: rgba(255, 255, 255, 0.9) !important; color: #015a9c !important; text-decoration: none !important; border-color: #015a9c !important; line-height: 1em !important; padding: 0.4em 2em !important; font-weight: bold !important; } .custom-file-upload { display: inline-block; padding: 6px 20px !important; cursor: pointer; width: max-content; background-color: #fff !important; box-shadow: none; border: 2px solid #ccc !important; font-family: "Helvetica-Condensed", sans-serif !important; border-radius: 7px !important; font-size: 18px !important; color: #858585 !important; font-weight: 400; margin-right: 5px; margin-top: 10px; } .file-desc { font-family: "Helvetica-Condensed", sans-serif; color: #a7a7a7; font-weight: 100; margin: 0 5px; } .file-v-line { font-family: "Helvetica-Condensed", sans-serif; color: #a7a7a7; font-weight: 100; } .file-name { font-family: "Helvetica-Condensed", sans-serif; color: #000; font-size: 16px; } .hvls-modal-card .shop-now-link, .shop-now-link:hover, .hvls-modal-card .shop-now-link, .shop-now-link:focus { color: #ffffff !important; text-decoration: none; } .pl-8 { padding-left: 8px !important; } /*12-11-2021 Ticket #15532*/ .w-popover-overlay__media-embed-wrapper { padding-top: 0 !important; } .center-card-container, .center-card-container p { font-size: 21px !important; font-family: "Helvetica-Condensed"; } .lg-f-20 { font-size: 20px !important; } .lg-f-22 { font-size: 22px !important; } .f-bold { font-family: Helvetica-Condensed-Bold; } /*29-11-2021 Caps Authorization*/ .caps-authorization-dropdown { background: url(/Content/GreenheckStyles/imgs/grey-triangle.png) no-repeat right !important; background-color: #f2f2f2 !important; background-position-x: 92% !important; background-size: 13px !important; border: 0px solid #ccc !important; border-radius: 7px !important; box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); color: #57585a !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 16px !important; -moz-appearance: none; -moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; padding: 1px 30px 1px 12px !important; position: relative !important; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; -webkit-appearance: none !important; -webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important; width: 100% !important; line-height: 22px; font-family: "Helvetica-Condensed-Bold", sans-serif !important; } /*07-01-2022 #15695*/ /*Request Quote Modal*/ #requestQuoteModal { background: rgba(0, 0, 0, 0.15); } .request-quote-modal-content { padding: 0; border: unset; } .request-quote-modal-content .modal-header { background-color: #015a9c; border: unset; padding: 20px 30px; position: relative; } .request-quote-modal-content button.close { padding: 0 !important; color: #fff; margin: 0; position: absolute; right: 60px; top: 50%; transform: translateY(-50%); } .request-quote-modal-title { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #fff; text-transform: uppercase; } .request-quote-modal-sub-title { font-family: "Helvetica-Condensed", sans-serif; color: #fff; font-size: 22px; line-height: normal; margin-top: 10px; } .modal-body.request-quote-modal-body { padding: 0; } .request-quote-tab { width: 100%; border: none; background: #fff; font-family: "Helvetica-Condensed", sans-serif; color: #57585a; padding: 10px; box-shadow: -1px 1px 1px rgba(0, 0, 0, 20%); } .request-quote-tab.active { border-bottom: 4px solid #015a9c; } .request-quote-tab.active .request-quote-tab-title, .request-quote-tab.active .request-quote-tab-count { color: #015a9c; } .request-quote-tab-title-wrap { display: flex; align-items: baseline; justify-content: center; } .request-quote-tab-count { margin-right: 10px; font-size: 18px; line-height: normal; } .request-quote-tab-title { font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; line-height: normal; } .request-quote-tab-content-container .tab-pane .form-container { background: #fff; padding: 30px 60px; min-height: inherit; max-height: inherit; display: flex; flex-direction: column; } .form-group.request-quote-label { padding: 0 !important; margin: 0 !important; } .form-group.request-quote-label label { margin-bottom: 10px; font-size: 20px; line-height: normal; } select .form-control.dropdown-el.request-quote-dropdown { background-color: #fff !important; box-shadow: none !important; border: 2px solid #ccc !important; font-family: "Helvetica-Condensed", sans-serif !important; background-size: 12px !important; height: 55px !important; padding: 11px 30px 11px 20px !important; } .center-align-text { display: block; line-height: 3; padding-top: 10px; padding-bottom: 10px !important; font-family: "Helvetica-Condensed", sans-serif !important; text-align: center; font-size: 16px; line-height: normal; } .form-control.request-quote-input { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px !important; line-height: 26px !important; text-align: left; border-radius: 0; background-color: #fff; -moz-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 0.62), 0 0 0 0 rgba(0, 0, 0, 0.62); -webkit-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 62%), 0 0 0 0 rgba(0, 0, 0, 62%); box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 62%), 0 0 0 0 rgba(0, 0, 0, 62%); padding: 11px 20px; border: 1px solid #ccc !important; margin-right: 1em; margin-top: 5px; height: 48px !important; } .mt-2 { margin-top: 2rem; } .mb-2 { margin-bottom: 2rem; } .mb-5 { margin-bottom: 5px !important; } .mt-0 { margin-top: 0 !important; } .request-quote-label { padding: 0 !important; margin: 0 !important; } .request-quote-radio-wrap { background-color: #015a9c; padding: 15px 26px; width: 100%; border-radius: 10px; margin-bottom: 15px; height: 100%; } .single-input { padding: 15px 2px !important; } .single-input input { visibility: hidden; position: absolute; } input[type="radio"].rq-radio-btn, input[type="radio"].rq-radio-btn:focus { margin-left: -10px !important; border-radius: 50px; border: 2px solid #ccc !important; outline: transparent !important; box-shadow: none !important; } .request-quote-radio-text-wrap { margin-left: 25px; display: grid; grid-row-gap: 3px; } .radio-label { font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; line-height: normal; cursor: pointer; color: white; } .request-quote-location { font-family: "Helvetica-Condensed", sans-serif !important; font-size: 14px; color: #ccc; display: flex; align-items: flex-start; line-height: normal; } /*07-01-2022 #15695*/ .request-quote-location i { margin-right: 3px; margin-top: 3px; } .request-quote-radio-label { font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; cursor: pointer; color: #fff; line-height: normal; } .rq-next-btn { background-color: #d97a23; outline: none; border: unset; color: #fff; font-family: "Helvetica-Condensed-Bold", sans-serif; padding: 8px 30px; border-radius: 15px; font-size: 20px; line-height: 20px; text-transform: uppercase; border: 2px solid #d97a23; margin-left: 15px; width: 160px; } a.rq-next-btn:hover, a.rq-next-btn:focus { color: #fff !important; text-decoration: none !important; } .rq-modal-footer { padding: 30px; } .request-quote-radio-wrap.checked-radio { background-color: #015a9c; color: #fff; } .checked-radio .request-quote-location { color: #fff; } input[type="radio"]:checked, input[type="radio"]:checked:focus { outline: 0px solid transparent !important; box-shadow: none !important; } .rq-success-msg-wrap i { font-size: 50px; line-height: normal; color: #2fb066; padding-right: 20px; } .rq-success-msg-wrap { display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; } .rq-success-text { font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 22px; margin: 0; line-height: 3; color: #2fb066; text-transform: uppercase; } .vertical-grey-line { color: #959595; margin: 0 8px; font-size: 18px; line-height: normal; } .rq-comp-location { display: flex; align-items: center; justify-content: center; } .rq-comp-location .comp-name-text { font-size: 16px; line-height: normal; } .rq-comp-name-location .rq-comp-name { font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 38px; line-height: normal; margin-top: 15px; } .rq-comp-name-location .rq-comp-location { font-family: "Helvetica-Condensed", sans-serif; color: #959595; margin-bottom: 8px; } .rq-comp-name-location .rq-location-icon { font-size: 30px; line-height: normal; margin-right: 10px; } .rq-comp-name-location .rq-location-name { font-size: 18px; line-height: normal; } .rq-thank-msg { padding-top: 25px; font-family: "Helvetica-Condensed", sans-serif; font-size: 22px; line-height: normal; } .rq-ca-container { margin-top: 30px; padding: 30px 10px 20px 10px; background-color: #f5f5f5; } .rq-ca-text { padding-top: 10px; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 24px; line-height: normal; } .rq-ca-optional { font-family: "Helvetica-Condensed", sans-serif; font-size: 24px; color: #a8a8a8; line-height: normal; padding-left: 4px; } .rq-ca-info { font-family: "Helvetica-Condensed", sans-serif; font-size: 18px; color: #333333; line-height: normal; } .rq-ca-info-italics { font-style: italic; } .ra-ca-leftdiv { text-align: left; } .ra-ca-rightdiv { text-align: right; padding-top: 30px; white-space: nowrap; } .ra-ca-rightdiv a { margin-left: 0 !important; display: inline-block; width: auto; } .close-btn-wrap { text-align: center; background: #f1f5f7; } .rq-close-btn { background-color: #fff; outline: none; border: unset; color: #a5a5a5; font-family: "Helvetica-Condensed-Bold", sans-serif; padding: 8px 30px; border-radius: 15px; font-size: 20px; line-height: 20px; border: 2px solid #ccc; text-transform: uppercase; width: 130px; } .rq-close-btn:hover { background: #3f3f3f; color: #fff; border: 2px solid #3f3f3f; } .rq-form-wrap .form-group { padding: 0 15px; margin-bottom: 15px !important; } .rq-textarea-wrap { position: relative; } .rq-textarea-wrap label { margin-bottom: 10px; font-size: 20px; line-height: normal; } .sm-greyfont { font-size: 14px; line-height: normal; } .request-quote-input::placeholder { font-size: 16px !important; line-height: normal; } .comp-name-text { color: #015a9c; } .word-count-wrap { font-family: "Helvetica-Condensed", sans-serif; color: #a7a7a7; font-weight: 400; margin-left: 5px; font-size: 20px; line-height: normal; } .textarea-word-count-wrap { font-family: "Helvetica-Condensed", sans-serif; color: #666; font-weight: 400; margin-left: 5px; position: absolute; right: 40px; font-size: 16px; line-height: normal; bottom: 15px; } .request-quote-txtarea { background-color: #fff !important; box-shadow: none; border: 2px solid #ccc !important; font-family: "Helvetica-Condensed", sans-serif !important; background-size: 12px !important; padding: 11px 30px 11px 20px !important; border-radius: 7px !important; line-height: 55px; margin-top: 5px; font-size: 20px !important; max-height: max-content; min-height: 100px !important; } .rq-btn-wrap { background: #f1f5f7; } .request-quote-tab:focus { outline: none; } .sd-text { font-size: 18px !important; margin-bottom: 30px !important; line-height: normal; } /*Product Research Tools 08-11-2021 Ticket #13448*/ .prt-section-wrap { border-radius: 3px; height: auto; width: 100%; display: block; float: left; -webkit-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 22%), 1px 1px 3px 0 rgba(0, 0, 0, 22%); -moz-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.22), 1px 1px 3px 0 rgba(0, 0, 0, 0.22); box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 22%), 1px 1px 3px 0 rgba(0, 0, 0, 22%); } .prt-title-wrap { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; border-bottom: 3px solid #d8d8d8; padding: 0 15px; float: left; } .prt-title-wrap h3.section-title { margin: 12px 0; } .prt-title-wrap i.fa-refresh { color: #d8d8d8; } .prt-input-row { padding: 15px 15px 0 15px; height: 100%; float: left; width: 100%; } .prt-input-wrap label.prt-label { color: #015a9c; font-size: 16px; font-family: "Helvetica-Condensed", sans-serif; } .prt-input-wrap i.fa-search { color: #015a9c; } .prt-search-title { border-bottom: 3px solid #d8d8d8; padding-bottom: 12px; padding-top: 12px; } .prt-search-result .section-sub-title { font-size: 24px; margin-bottom: 20px; } .prt-search-result .product-card-description { font-size: 18px; line-height: 18px; } .bd-text { font-family: "Helvetica-Condensed-Bold", sans-serif; } .additional-info-text { font-family: "Helvetica-Condensed", sans-serif; color: #000; font-size: 20px; line-height: 23px; text-align: left; } .pdf-wrap { margin-bottom: 40px; } .pdf-wrap a { font-size: 24px; } table.prt-table td { font-family: "Helvetica-Condensed", sans-serif; color: #57585a; } .ghchinafooter { color: white; text-align: center; display: flex; align-items: center; justify-content: center; margin: 25px 0; font-size: 38px; font-family: "Helvetica-Condensed", sans-serif; } /*Warehouse Lead Gen CSS*/ #customWarehouseReqModal .modal-header { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; } #customWarehouseReqModal .modal-content { padding: 0 !important; } #customWarehouseReqModal .modal-header:before, #customWarehouseReqModal .modal-header:after { display: none !important; } #customWarehouseReqModal .modal-header .close { margin: 0 !important; padding: 0 !important; line-height: 41px; margin-top: -7px !important; } #customWarehouseReqModal .form-container { padding-top: 40px; padding-left: 30px; padding-right: 30px; } #customWarehouseReqModal label { font-family: Helvetica-Condensed !important; } #customWarehouseReqModal .sd-text { margin-bottom: 10px !important; color: red !important; font-size: 14px !important; } .font-16 { font-size: 16px !important; } .modal-button-bottom { margin-bottom: 21px !important; } #customWarehouseReqModal .modal-footer { border-top: 0 !important; } #customWarehouseReqModal label { margin-bottom: 6px !important; } #customWarehouseReqModal .form-section-title { font-family: "Helvetica-Condensed-Bold"; font-size: 24px; margin-bottom: 25px !important; } #customWarehouseReqModal .form-group.request-quote-label { padding-bottom: 32px !important; } #customWarehouseReqModal .form-group.request-quote-label.pb-0 { padding-bottom: 0 !important; } #customWarehouseReqModal .check-box-label { font-family: Helvetica-Condensed-Bold !important; font-size: 22px !important; } #customWarehouseReqModal .dropdown-el { font-family: Helvetica-Condensed-Bold !important; font-size: 24px !important; } .collapsible-title { margin-bottom: 6px !important; width: 100% !important; font-family: "Helvetica-Condensed-Bold" !important; font-size: 24px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-bottom: 4px solid #d8d8d8 !important; padding-bottom: 16px !important; } .collapsible-title .fa { color: #d37a2c !important; } .collapsible-title .fa-plus:before { content: "\f068" !important; } .collapsible-title.collapsed .fa-plus:before { content: "\f067" !important; } #customWarehouseReqModal .form-group.request-quote-label.p-b-10, .p-b-10 { padding-bottom: 10px !important; } .pt-3 { padding-top: 12px; } .hide { display: none; } .show { display: block; } .grey-bottom-border { border-bottom: 4px solid #d8d8d8 !important; } .card-accordian-warehouses { flex: 1; padding-right: 20px; } .card-accordian-warehouses .card-title { font-family: "Helvetica-Condensed-Bold" !important; font-size: 24px !important; color: #005a9c !important; } .card-accordian-warehouses:hover .card-title { color: #d97a23 !important; } .card-accordian-warehouses .card-img { width: 100% !important; height: auto !important; } .card-accordian-warehouses .card-img img { margin-bottom: 0; } .card-accordian-warehouses .card-description { font-family: "Helvetica-Condensed" !important; font-size: 24px !important; line-height: 1.4 !important; } .RadDock.RadDock_Default.zeLayoutDock .accordian-tab-content { display: block !important; } .accordian-tab-title { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; justify-content: space-between; } .warehouse-map-container .popover-content { color: #57585a; } .gh-popver-min .popover-content { color: #fff; } .sf_cols { display: flex; gap: 30px; } .sf_2cols_1_33 { width: 33%; } .sf_2cols_2_67 { width: 67%; } .slick-slider { margin-bottom: 0px !important; padding: 0 20px; } .product-slider-thumbnails { padding: 0px; margin: 20px 0px 0px !important; } .product-slider-thumbnails .product-image { margin: 10px; padding: 3px; border-radius: 6px; opacity: 0.6; border: 2px solid transparent; } .product-image img { position: relative; display: inline-block; width: 100%; height: auto; padding: 0px; border-radius: 6px; } .slick-list.draggable { padding: 0 !important; } .slick-prev { top: 53% !important; left: -30px !important; } .slick-next { right: -30px !important; } .slick-next:before, .slick-prev:before { font-size: 24px !important; color: #015a9c !important; } .slick-next, .slick-prev { width: 50px !important; height: 50px !important; } .product-slider-thumbnails .product-image.slick-current, .product-slider-thumbnails .product-image:hover { border: 2px solid #015a9c; opacity: 1; } .font-color-grey { color: #57585a !important; } .border-left { border: 1px solid #ddd; } .border-right { border: 1px solid #ddd; } .pb-0 { padding-bottom: 0; } .pl-0 { padding-left: 0; } .pr-0 { padding-right: 0; } .mt-40 { margin-top: 40px; } .mt-20 { margin-top: 20px; } .mb-0 { margin-bottom: 0 !important; } .mb-30 { margin-bottom: 30px !important; } .fs-18 { font-size: 18px; } // .bold-text { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; } .red { color: #d43f3a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 22px; line-height: 26px; text-align: left; padding-top: 0; padding-bottom: 0; float: left; } .grid-cols-5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; grid-row-gap: 15px; width: 100%; } .grid-cols-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; width: 100%; } /* Scrollbar */ .table-responsive::-webkit-scrollbar { width: 10px; height: 7px; border-radius: 50px; } .table-responsive::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 50px; } .table-responsive::-webkit-scrollbar-thumb { background: #c7c7c7; border-radius: 50px; } .table-responsive::-webkit-scrollbar-thumb:hover { background: #555; } /* Rep Office Modal */ .rep-office-modal.modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); display: flex; align-items: center; } .rep-office-modal .modal-content { padding: 0; border: unset; border-radius: 0; width: 100%; } .rep-office-modal .modal-header { background-color: #015a9c; border: unset; padding: 20px 30px; position: relative; } .rep-office-modal .modal-header button.close { padding: 0 !important; color: #fff; margin: 0; position: absolute; right: 60px; top: 50%; transform: translateY(-50%); font-size: 30px; font-weight: 700; line-height: 1; text-shadow: 0 1px 0 #fff; opacity: 1; } .rep-office-modal .modal-title { font: 30px "Helvetica-Condensed", sans-serif; color: #fff; text-transform: uppercase; } /* Custom Button */ .rep-office-modal .btn-custom { border-radius: 8px; font: 15px "Helvetica-Condensed", sans-serif; display: inline-block; line-height: 1em; padding: 0.4em 2em; font-weight: bold; } /* Blue Button */ .rep-office-modal .blue-btn, .rep-office-modal .blue-btn[disabled]:hover { border: 2px solid #025c9e; background-color: #fff; color: #025c9e; margin-bottom: 45px; } .rep-office-modal .blue-btn:hover, .rep-office-modal .blue-btn:active, .rep-office-modal .blue-btn:focus { background: #025c9e; color: #fff !important; text-decoration: none !important; border-color: #025c9e; } /* Orange Button */ .rep-office-modal .orange-btn, .rep-office-modal .orange-btn[disabled]:hover { border: 2px solid #d97a23; background-color: #d97a23; color: #fff; margin-bottom: 45px; } .rep-office-modal .orange-btn:hover, .rep-office-modal .orange-btn:active, .orange-btn:focus { background: rgba(255, 255, 255, 0.9); color: #d97a23; text-decoration: none !important; border-color: #d97a23; } /* Blue Link Button */ .rep-office-modal .btn-blue-link { color: #025c9e; font: 17px "Helvetica-Condensed-Bold", sans-serif; padding: 0.4em 1.5em; } .rep-office-modal .btn-blue-link:hover, .rep-office-modal .btn-blue-link:focus { text-decoration: none !important; outline: none !important; } /* Orange Outline Button */ .rep-office-modal .btn-outline-orange { border: 2px solid #d97a23; background-color: #fff; color: #d97a23; } .rep-office-modal .btn-outline-orange:hover, .rep-office-modal .btn-outline-orange:active, .rep-office-modal .btn-outline-orange:focus { background: #d97a23; color: #fff; text-decoration: none !important; border-color: #d97a23; } .rep-office-modal .description-normal-text { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px; line-height: 26px; text-align: center; padding-top: 0; padding-bottom: 15px; } .rep-office-modal .modal-section-title { display: inline-block; color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 24px; line-height: 24px; text-transform: uppercase; margin-bottom: 14px; } /* Form */ /* .modal-form{ padding: 40px 60px; } */ .rep-office-modal .personal-info-form, .rep-office-modal .thankMsg-review-content-wrap { padding: 24px 0; } .rep-office-modal .form-group { padding-top: 4px; padding-bottom: 10px !important; position: relative; margin-bottom: 6px !important; } .rep-office-modal .form-group input { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 20px; line-height: 26px; text-align: left; border-radius: 0; background-color: #fff; -moz-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 0.62), 0 0 0 0 rgba(0, 0, 0, 0.62); -webkit-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 62%), 0 0 0 0 rgba(0, 0, 0, 62%); box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 62%), 0 0 0 0 rgba(0, 0, 0, 62%); padding: 11px 20px; border: 1px solid #ccc !important; margin-right: 1em; margin-top: 5px; height: 48px !important; } .rep-office-modal [type="checkbox"].with-gap { position: absolute; left: -9999px; visibility: hidden; } .rep-office-modal input[type="checkbox"], .rep-office-modal input[type="checkbox"]:focus { width: 18px !important; height: 18px !important; outline: 2px solid #999 !important; margin-right: 10px !important; margin: 4px 0 0; } .rep-office-modal [type="checkbox"].with-gap + label, .rep-office-modal [type="checkbox"].with-gap ~ label { color: #6e6c6c; font-family: "Helvetica-Condensed", sans-serif; font-size: 17px; line-height: 22px; position: relative; padding-left: 25px; cursor: pointer; display: inline-block; height: 22px; padding-top: 0 !important; text-align: left; padding-bottom: 0; } .rep-office-modal [type="checkbox"].with-gap:not(:checked) + label:before, .rep-office-modal [type="checkbox"].with-gap:not(:checked) ~ label:before { width: 0; height: 0; border-style: solid; border-color: transparent; left: 6px; top: 10px; } .rep-office-modal [type="checkbox"].with-gap + label:before, .rep-office-modal [type="checkbox"].with-gap ~ label:before { -webkit-transform: rotateZ(37deg); -ms-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; content: ""; position: absolute; top: 0; left: 0; width: 17px; height: 17px; z-index: 0; border: 1.5px solid #8a8a8a; border-radius: 1px; margin-top: 2px; -webkit-transition: 0.2s; transition: 0.2s; } .rep-office-modal [type="checkbox"].with-gap + label:after, .rep-office-modal [type="checkbox"].with-gap + label:before, .rep-office-modal [type="checkbox"].with-gap ~ label:after, .rep-office-modal [type="checkbox"].with-gap ~ label:before { content: ""; left: 0; position: absolute; -webkit-transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s; transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s; z-index: 1; border-style: solid; border-width: 2px; } .rep-office-modal [type="checkbox"].with-gap:not(:checked) + label:after, .rep-office-modal [type="checkbox"].with-gap:not(:checked) ~ label:after { background-color: transparent; border-color: #867e7e; top: 4px; z-index: 0; margin: 0 4px; } .rep-office-modal [type="checkbox"].with-gap + label:after, .rep-office-modal [type="checkbox"].with-gap ~ label:after { border-radius: 2px; height: 14px; width: 14px; } .rep-office-modal [type="checkbox"].with-gap:checked + label:before, .rep-office-modal [type="checkbox"].with-gap:checked ~ label:before { top: 2px; left: 4px; width: 6px; height: 10px; border-color: transparent #fff #fff transparent; border-style: solid; border-width: 2px; -ms-transform: rotate(40deg); transform: rotate(40deg); backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .rep-office-modal [type="checkbox"].with-gap:checked + label:after, .rep-office-modal [type="checkbox"].with-gap:checked ~ label:after { border-color: #025c9e; background-color: #025c9e; z-index: 0; top: 4px; margin: 0 4px; } .rep-office-modal .form-group label { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 22px; line-height: 26px; text-align: left; padding-bottom: 0; } .rep-office-modal .form-group .dropdown-el { background: url(https://atg-work.greenheck.com/Content/GreenheckStyles/imgs/grey-triangle.png) no-repeat right !important; background-color: #f2f2f2 !important; background-position-x: 94% !important; background-size: 20px !important; border: 1px solid #ccc !important; border-radius: 7px !important; box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 62%); color: #57585a !important; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 20px !important; height: 48px !important; line-height: 26px !important; margin-top: 5px; -moz-appearance: none; -moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; padding: 11px 30px 11px 15px !important; position: relative !important; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; -webkit-appearance: none !important; -webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 62%); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important; width: 100% !important; } .rep-office-modal .field-validation-error { float: right; color: #d43f3a !important; margin-bottom: 0 !important; } .rep-office-modal .field-validation-error span { padding-top: 8px; margin-bottom: 5px; } .rep-office-modal .modal-submit-btn, .rep-office-modal .modal-submit-btn:focus { display: inline-block; border-radius: 4px !important; border: 2px solid #d97a23 !important; background-color: #d97a23; padding: 2px 35px 2px 35px !important; color: #fff !important; font-family: "Helvetica-Condensed", sans-serif; font-size: 18px !important; font-weight: bolder !important; float: left; text-decoration: none !important; cursor: pointer; } .rep-office-modal .modal-submit-btn:hover { background-color: #fff; color: #d97a23 !important; } .rep-office-modal .modal-close-btn { display: inline-block; border-radius: 4px !important; border: 2px solid #025c9e !important; border-radius: 8px; background-color: #fff; padding: 2px 35px 2px 35px !important; color: #025c9e !important; font-family: "Helvetica-Condensed", sans-serif; font-size: 18px !important; font-weight: bolder !important; float: left; margin-left: 15px; cursor: pointer; } .rep-office-modal .modal-close-btn:hover { background-color: #025c9e; color: #fff !important; text-decoration: none !important; } /* Tabs */ .rep-office-modal .tab-item a { width: 100%; border: none !important; border-radius: 0 !important; background: #fff; font: 20px "Helvetica-Condensed-Bold", sans-serif; line-height: normal; color: #57585a; padding: 12px 30px !important; box-shadow: -1px 1px 1px rgba(0, 0, 0, 20%); text-decoration: none !important; outline: none; text-align: left !important; } .rep-office-modal .tab-item.active a /*, .tab-item a:hover*/ { background-color: #f6f6f6 !important; color: #025c9e !important; } .rep-office-modal .tab-item a:hover { background-color: #fff !important; color: #57585a !important; cursor: default; } .rep-office-modal .tab-item a::after, .rep-office-modal .tab-item.active a::after /*, .tab-item a:hover::after*/ { content: ""; position: absolute; height: 3px; left: 0; right: 0; margin: 0 auto; bottom: -1px; background-color: #025c9e; } .rep-office-modal .tab-item.active a::after /*, .tab-item a:hover::after*/ { width: 100%; } .rep-office-modal .tab-item a::after { width: 0px; -webkit-transition: width 0.15s; transition: width 0.15s; } .rep-office-modal .tab-content-custom { padding: 0 0px 12px 0px; border: 1px solid #ddd; } /* Table */ .rep-office-modal .office-table { font: 20px "Helvetica-Condensed-Bold", sans-serif; color: #57585a; border-top: 1px solid #ddd; } .rep-office-modal .office-table thead > tr > th:nth-child(1) { min-width: 380px; } .rep-office-modal .office-table thead > tr > th:nth-child(2) { min-width: 500px; } .rep-office-modal .office-table thead > tr > th:nth-last-child() { min-width: 200px; } .rep-office-modal .table > tbody > tr > td, .rep-office-modal .table > tbody > tr > th, .rep-office-modal .table > tfoot > tr > td, .rep-office-modal .table > tfoot > tr > th, .rep-office-modal .table > thead > tr > td, .rep-office-modal .table > thead > tr > th { border-bottom: 1px solid #ddd; border-top: none; } .rep-office-modal .table > tbody > tr > td, .rep-office-modal .table > tbody > tr > th, .rep-office-modal .table > tfoot > tr > td, .rep-office-modal .table > tfoot > tr > th, .rep-office-modal .table > thead > tr > td, .rep-office-modal .table > thead > tr > th { padding: 15px 30px; } .rep-office-modal .table-content label { margin: 0; } .rep-office-modal .radio-button-wrap .form-check, .rep-office-modal .table-content { font-size: 16px; } .rep-office-modal .radio-button-wrap .form-check .form-check-input { margin: 0 6px 0 0; /*transform: scale(1.3);*/ } .rep-office-modal .radio-button-wrap.table-content input[type="radio"], .rep-office-modal .radio-button-wrap.table-content input[type="radio"]:focus { -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; } .rep-office-modal .tab-footer { padding: 24px; display: flex; justify-content: flex-end; gap: 12px; } .rep-office-modal .tab-footer .btn-custom { border-radius: 5px; padding: 7px 40px; font-size: 16px; letter-spacing: 1px; margin-bottom: 0; margin-left: 30px; } .rep-office-modal .tab-footer .btn-custom[disabled]:hover, .rep-office-modal .tab-footer .btn-custom[disabled] { padding: 7px 40px; border-radius: 5px; background: #c7c7c7; border-color: #c7c7c7; color: #fff; cursor: not-allowed; } .rep-office-modal .select-roles-content-wrap, .rep-office-modal .selected-office-card { background: #f6f6f6; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; } .card-button-footer-container { display: flex; gap: 12px; justify-content: flex-end; } .btn-tertiary { background: #f6f6f6 !important; border: 2px solid #57585a !important; color: #57585a !important; border-radius: 8px !important; font: 15px "Helvetica-Condensed-Bold", sans-serif !important; padding: 6px 18px !important; margin-top: 10px; } .btn-tertiary:hover { background: #57585a !important; color: #f6f6f6 !important; } .rep-office-modal .required-title { font: 22px "Helvetica-Condensed-Bold", sans-serif; color: #57585a; } .rep-office-modal .seleted-office-name { font: 18px "Helvetica-Condensed-Bold", sans-serif; color: #57585a; } .rep-office-modal .acoount-function-info { font: 18px "Helvetica-Condensed", sans-serif; color: #57585a; } .rep-office-modal .rep-office-roles-action { margin-top: 10px; } .rep-office-modal .rep-office-roles-action .form-group { padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Selected Offices */ .rep-office-modal .selected-offices-content-wrap { padding: 0 0 24px 0; margin: 0; } .rep-office-modal .default-mailing-dropdown-content-wrap { padding: 0 0 24px 0; margin: 0; } /* Review and Thanks Message Section */ .rep-office-modal .thanksMsg-container { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 1rem; } .rep-office-modal .thanksMsg-container i { font-size: 50px; line-height: normal; color: #2fb066; padding-right: 20px; } .rep-office-modal .thanks-success-text { font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 22px; margin: 0; line-height: 1.5; color: #2fb066; text-transform: uppercase; } .rep-office-modal .btn-show-all { float: right; padding-right: 0; margin-top: 7px; } .rep-office-modal .review-footer { background: #f1f5f7; padding: 30px 60px; } .rep-office-modal .review-footer .orange-btn { font-size: 17px; } .rep-office-modal .office-name { margin-bottom: 3px; } .rep-office-modal .office-name, .rep-office-modal .office-roles { line-height: 1.5; } .rep-office-modal .selected-office-card .btn-outline-orange { margin-top: 10px; } .rep-office-modal .form-submission-msg { padding: 24px; } .rep-office-modal .form-submission-msg .thanksMsg-container { width: 100%; padding-left: 30px; } .rep-office-modal .submission-msg-content { font-size: 24px; padding: 0 !important; } .rep-office-modal .submission-msg-content .thanks-success-text { line-height: 1.4; } .rep-office-modal .form-submission-msg .thanksMsg-container i { padding-right: 10px; font-size: 70px; } /* Edit Personal Information */ .rep-office-modal .edit-personal-info-form { background: #f6f6f6; padding: 30px 60px 30px 30px; } .rep-office-modal .personal-info-email { color: #025c9e; font-family: "Helvetica-Condensed-Bold", sans-serif; } .rep-office-modal .personal-info-email:hover { text-decoration: none !important; color: #025c9e; } .flex-wrap { display: flex; float: none; flex-direction: row; gap: 15px; } .flex { display: flex; } .justify-end { justify-content: flex-end; } .search-input-wrap { position: relative; width: calc(100% - 150px); } .btn-clr-search { padding: 6px 12px !important; width: 100%; height: 42px; } .modal-close-btn.btn-clr-search:hover { padding: 6px 12px !important; width: 100%; height: 42px; } .input-search-icon.active .fa-search { display: none; } .input-search-icon .fa-search { display: inline-block; } .input-search-icon.active .spinner { opacity: 1; position: relative; right: 20px; } .input-search-icon .spinner { opacity: 0; } .search-container .input-group-addon .fa.fa-refresh { padding: 0 !important; } .newaccordion[aria-expanded="false"] i.fa-plus, .newaccordion[aria-expanded="true"] i.fa-minus { display: inline-block; } .newaccordion[aria-expanded="false"] i.fa-minus, .newaccordion[aria-expanded="true"] i.fa-plus { display: none; } .f-20 { font-size: 20px; } .asterisk-text { font-size: 16px !important; color: rgba(255, 255, 255, 0.8) !important; } .nomargin { margin: 0; } .nopadding { padding: 0; } hr { margin-top: 0; } .jumbotron { background: transparent; } .jumbotron .hero-image { height: 450px; object-fit: cover; } .jumbotron img { width: 100%; } .hero-product-thumbnail-container { position: relative; bottom: 4vw; } @media screen and (min-width: 1590px) { .hero-product-thumbnail-container { bottom: 50px; } } .hero-product-thumbnail-container > div { display: flex; justify-content: space-between; } .hero-product-thumbnail { padding: 0 20px; } .welcome h1 { font-size: 3.5em; margin-bottom: 25px; } .welcome p { color: #8a8d90; font-size: 21px; line-height: 34px; } .checkmark-list { padding-top: 20px; } .checkmark-list p { line-height: initial; padding-left: 30px; position: relative; } .checkmark-list i { color: #075697; margin-right: 10px; position: absolute; left: 0; } .C2A-intro { padding: 20px 0; } .C2A-intro p { font-family: "Helvetica-Condensed-Bold", sans-serif; color: rgb(51, 51, 51); } .btn { -webkit-border-radius: 8; -moz-border-radius: 8; border-radius: 8px; color: #ffffff; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 20px; background: #d97a23; padding: 14px 40px 14px 40px; text-decoration: none; } .btn:hover { background: #f2923f; text-decoration: none; color: white; } .C2A-button { padding-bottom: 40px; } .explainer-section { background-color: #e5e9eb; padding-top: 50px; padding-bottom: 80px; } .explainer-card { background-color: white; border-radius: 16px; padding: 50px; } .explainer-card img { height: 150px; width: 100%; object-fit: contain; } .explainer-card h4 { padding-top: 16px; } .explainer-card p { color: #8a8d90; } .explainer-arrow { margin: auto; display: flex; justify-content: center; } .explainer-arrow i { color: #4e88a4; font-size: 28px; } .process-explained { padding: 60px 0 80px 0; display: flex; align-items: stretch; } .explainer-c2a p { font-size: 2em; font-family: "Helvetica-Condensed", sans-serif !important; } .explainer-c2a p a { text-decoration: underline; font-family: "Helvetica-Condensed-Bold", sans-serif; color: rgb(51, 51, 51); } .col-lg-half { width: 4.166666665%; } .col-lg-half { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 1200px) { .col-lg-half { float: left; } } .product-section-container { min-height: 1000px; background-color: white; padding-top: 60px; padding-bottom: 60px; } .support-message > div { background-color: #075697; border-radius: 10px; padding: 30px 0; height: 200px; } .support-message img { height: 150px; } .support-message-icon { display: flex; justify-content: flex-end; height: 100%; align-items: center; } .support-message-text { display: flex; height: 100%; flex-direction: column; justify-content: center; align-items: flex-start; } .support-message-text p { color: white; font-size: 21px; } .support-message-text p:first-of-type { font-family: "Helvetica-Condensed-Bold", sans-serif; } .support-message-text p:last-of-type { margin: 0; } .products-section-intro { padding: 60px 0 40px 0; } .product-individual { margin: 20px 0; } .product-individual-image { min-height: 220px; display: flex; justify-content: center; align-items: flex-end; } .product-individual-image img { padding-bottom: 20px; width: 50%; } .product-individual-mark { max-height: 50px; position: relative; display: inline-block; } .product-individual-mark img { width: 75%; padding-bottom: 6px; } .product-individual-desc { width: 75%; margin: auto; min-height: 100px; } .product-individual-desc p { font-size: 21px; font-family: "Helvetica-Condensed", sans-serif !important; } .product-individual-downloadbro { color: #d97a23; } .product-individual-downloadbro a { color: #d97a23; font-size: 21px; font-family: "Helvetica-Condensed-Bold", sans-serif; cursor: pointer; } .product-individual-downloadbro i { padding-right: 10px; } .footer-section-container { padding: 80px; background-image: url("https://ghsitefinitytesting.blob.core.windows.net/atg-cms-work/images/default-source/eeba-partnership-program/gh_landingpage_eeba_bottomc2abckgrnd.jpg?sfvrsn=68b55aff_2"); background-size: cover; background-repeat: no-repeat; height: 600px; background-position: 50% 50%; } .footer-section-container .C2A-button { padding-bottom: 20px; } .footer-section-container p { color: white; } .footer-section-container .footer-intro { color: white; font-size: 30px; padding-bottom: 30px; } @media (max-width: 992px) { .welcome, .explainer-header { padding: 0 60px; } .process-explained { display: block; align-items: initial; padding-bottom: 40px; } .explainer-card { margin-bottom: 50px; } .support-message { padding: 0 50px; } .product-individual { border-bottom: 1px solid lightgray; padding-bottom: 60px; } .product-individual.last-product { margin-bottom: 0; } .product-section-container { padding-bottom: 0; } .product-individual-image img { max-width: 350px; max-height: 350px; } .support-message img { height: 100px; } } @media (max-width: 767px) { .m-flex-wrap { flex-wrap: wrap !important; } .jumbotron .hero-image { height: 300px; object-fit: cover; } .support-message > div { height: 400px; } } @media screen and (max-width: 500px) { .hero-product-thumbnail { padding: 0 5px; } .hero-product-thumbnail img { width: 100%; padding: 0 !important; } .hero-product-thumbnail-container { position: relative; bottom: 0; margin-top: 30px; margin-bottom: 30px; } .jumbotron .hero-image { height: auto; object-fit: cover; } .welcome h1 { font-size: 36px; margin-bottom: 25px; } .welcome, .explainer-header { padding: 0 20px; } .explainer-section { background-color: #e5e9eb; padding-top: 30px; padding-bottom: 30px; } .explainer-card { margin-bottom: 20px; padding: 20px; } .process-explained { padding-top: 20px; padding-bottom: 10px; } .product-section-container { min-height: auto; background-color: white; padding-top: 30px; padding-bottom: 30px; } .support-message { padding: 0 20px; } .support-message > div { height: auto; display: flex; flex-direction: column; align-items: center; } .support-message-icon { display: flex; justify-content: center; height: 100%; align-items: center; padding: 0; width: 100%; margin-bottom: 20px; } .support-message-text { width: 100%; text-align: center; } .support-message-text p:first-of-type { font-family: "Helvetica-Condensed-Bold", sans-serif !important; } .support-message-text p:last-of-type { font-size: 20px; } .product-individual-desc { width: 100%; margin: auto; min-height: 100px; } .support-message img { height: 80px; width: auto; } .products-section-intro { padding: 30px 0 10px 0; } .footer-section-container p { font-size: 18px; } .footer-section-container .footer-intro { font-size: 24px; padding-bottom: 20px; padding-top: 30px; } .product-individual { border-bottom: 1px solid lightgray; padding: 0 15px 20px; margin: 20px 0; } .product-individual-image { min-height: auto; } .product-individual-image img { max-width: 100%; max-height: 100%; } .footer-section-container { padding: 20px; height: auto; } .explainer-c2a.text-center { margin: auto; width: 100%; padding: 0 !important; } } .flex-wrap { flex-wrap: wrap; } .flex-1 { flex: 1; } .product-individual { flex-direction: column; } .space-evenly { justify-content: space-evenly; } .justify-center { justify-content: center; } .gap-0 { gap: 0px !important; } .gap-1-5 { gap: 0.375rem; /* 6px */ } /*Following class names are duplicate, we need to validate and merge and remove it .acceptcookies { .accordian-tab-title { .blog-post { .border-bottom-grey-2 { .breadcrumb { .cart-label { .child-table-c1-header { .child-table-c1-header-value { .col-lg-half { .desktop-tab-menu-min .header-flag-active { .desktop-tab-menu-min .header-flags-container, .desktop-tab-menu-min .header-lang-container, .desktop-tab-menu-min .header-login-container { .desktop-tab-menu-min .navbar-nav > li > a { .desktop-tab-menu-min { .dropdown-menu { .dt-range-lbl { .dt-search-icon-fa { .explainer-card { .explainer-section { .field-validation-error { .flex-wrap { .font-blue { .font-family-helvetica-condensed-bold { .footer-section-container .footer-intro { .footer-section-container { .footer-section-container p { .form-group label.read-value { .fs-22 { .gdpr-container { .gh-dt-1-5 { .gh-dt-12 { .gh-dt-9 { .header-flag-active { .header-flags-container { .header-logo-flags-block { .hero-2-sub-title { .hero-product-thumbnail { .hero-product-thumbnail-container { .home-product-section-bg .section-titles-block .section-titles-container { .home-product-section-bg.home-page .description-normal-text { .jumbotron .hero-image { .lidashed ul { .lidashed ul > li { .lidashed ul > li::before { .m-auto { .m-l-0 { .margin-bot-30 { .margin-t-21-b-24 { .modal-content { .modal-dialog.modal-md { .mt-26 { .my-account-title { .my-account-title-container { .my-account-title-description { .my-account-title-logo { .nav-dd-container::-webkit-input-placeholder { .pad-30 { .pad-l-0 { .pad-l-8 { .pad-t-20 { .panel-default .table-child-data { .panel-default .table-child-data a { .panel-default > .panel-heading { .panel-default > .panel-heading a { .panel-group .panel { .process-explained { .product-individual { .product-individual-desc { .product-individual-image { .product-individual-image img { .product-section-container { .products-section-intro { .red { .rep-office-modal .table > tbody > tr > td, .rep-office-modal .table > tbody > tr > th, .rep-office-modal .table > tfoot > tr > td, .rep-office-modal .table > tfoot > tr > th, .rep-office-modal .table > thead > tr > td, .rep-office-modal .table > thead > tr > th { .search-container .input-group-addon .fa { .search-container.align-left { .section-list li:before { .section-titles-block.home-page .description-normal-text { .support-message { .support-message > div { .support-message img { .support-message-icon { .support-message-text { .support-message-text p:first-of-type { .support-message-text p:last-of-type { .tab-item .tab-title { .testimonials-block { .underline { .w-200 { .welcome h1 { .welcome, .explainer-header { .widget-card-title { [type='checkbox'].with-gap + label:before, [type='checkbox'].with-gap ~ label:before { [type='checkbox'].with-gap:checked + label:before, [type='checkbox'].with-gap:checked ~ label:before { [type='checkbox'].with-gap:disabled:checked + label:before, [type='checkbox'].with-gap:disabled:checked ~ label:before { [type='checkbox'].with-gap:disabled:not(:checked) + label:before, [type='checkbox'].with-gap:disabled:not(:checked) ~ label:before { [type='radio'].with-gap + label, [type='radio'].with-gap ~ label { [type='radio'].with-gap:checked + label:after, [type='radio'].with-gap:checked ~ label:after { [type='radio'].with-gap:checked + label:before, [type='radio'].with-gap:checked ~ label:before { [type='radio'].with-gap:checked:disabled + label:before, [type='radio'].with-gap:checked:disabled ~ label:before { [type='radio'].with-gap:disabled + label, [type='radio'].with-gap:disabled ~ label { [type='radio'].with-gap:disabled + label:before, [type='radio'].with-gap:disabled ~ label:before { [type='radio'].with-gap:disabled:checked + label:after, [type='radio'].with-gap:disabled:checked ~ label:after { [type='radio'].with-gap:disabled:not(:checked) + label:before, [type='radio'].with-gap:disabled:not(:checked) ~ label:before { [type='radio'].with-gap:not(:checked) + label:after, [type='radio'].with-gap:not(:checked) ~ label:after { #customWarehouseReqModal label { body { h2 { h3 { input[type='radio']:checked, input[type='radio']:checked:focus { table.child-table .child-header-style > th { table.child-table .child-header-style > th:first-child, table.child-table .child-row-style > td:first-child { table.child-table .child-header-style > th:last-child, table.child-table .child-row-style > td:last-child { table.child-table .child-row-style > td { table.child-table .child-row-style > td a { table.child-table { table.dataTable tbody tr td a.child-data { table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1.highlightYellow, table.dataTable.gh-my-orders.display tbody tr.even td.highlightYellow { */ .accordian-tab-title h3.section-title { width: 100%; } .sitefinity-form-submit-btn button { display: flex !important; margin-left: auto; } .modal-footer-buttons { display: flex !important; width: 100% !important; padding: 0 15px 20px 0 !important; justify-content: flex-end !important; } .ng-isolate-scope .nav:before, .ng-isolate-scope .nav:after { display: block !important; } .ng-isolate-scope .nav-link { font-size: 13px !important; } .ng-scope.form-group input, .ng-scope.form-group textarea, .ng-scope.form-group input[type="radio"], .ng-scope.form-group input[type="radio"]:focus { height: auto !important; } .pad-lr-15, .pad-lr-15:hover { padding-left: 15px !important; padding-right: 15px !important; } .modal-body { padding: 24px !important; } /*Modal Form CSS*/ .btn-fei, .form-element-container button { background-color: #d97a24 !important; border: 1px solid #d97a24 !important; color: white !important; width: auto !important; display: inline-block !important; padding: 0.5rem 2rem !important; font-size: 1rem !important; border-radius: 8px !important; font-weight: bold !important; font-family: "Helvetica-Condensed-Bold", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; transition: all 0.5s ease !important; } .form-element-container button { margin-top: 30px !important; margin-bottom: 30px !important; } .btn-fei:hover, .form-element-container button:hover { background-color: white !important; border: 1px solid #d97a24 !important; color: #d97a24 !important; cursor: pointer !important; } .form-element-container div { padding: 0 !important; border: 0 !important; width: 100% !important; } .form-element-container label { display: none !important; } .form-element-container input { width: 100% !important; } .form-element-container { gap: 20px; } .form-element-container:before, .form-element-container:after { display: none; } .form-element-container input { border-width: 1px !important; border-color: #57585a !important; border-style: solid !important; max-width: 100% !important; border-radius: 0.25rem !important; background-color: transparent !important; font-family: "HelveticaCE", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; font-weight: 500 !important; font-size: 0.9375rem !important; box-shadow: none !important; padding: 0.5rem 1rem !important; height: auto !important; margin: 16px 0 0 0 !important; } .form-element-container input:focus, .form-element-container input:focus-visible { outline: 1px solid #57585a; } .p-0-i { padding: 0 !important; } .m-0 { margin: 0; } .m-0-i { margin: 0 !important; } .pad-l-0 { padding-left: 0; } .pad-l-20 { padding-left: 20px; } .pad-l-50 { padding-left: 50px; } .pad-l-0-i { padding-left: 0 !important; } .gs-dashboard .gs-header .gs-action-group-view { display: inline; font-family: "Helvetica-Condensed", sans-serif; } .sf_colsOut.sf_1col_1_100 { width: 100%; } .section-description i { width: 18px; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .w-full { width: 100%; } .card-simple .card-link { position: relative; left: 0; top: auto; bottom: auto; margin: 0 !important; min-height: auto !important; } .sf-backend-wrp .radio input[type="radio"] { outline: none !important; margin: 0 !important; } .js-fullScreen.sf-maximize { position: absolute; top: 0; right: 0; } ::-webkit-input-placeholder { font-size: 0.9375rem !important; font-family: "HelveticaCE", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } /* Text Utilities */ .text-3-5 { font-size: 0.875rem !important; /* 14px */ } .text-3-75 { font-size: 0.9375rem !important; /* 15px */ } .text-4 { font-size: 1rem !important; /* 16px */ } .text-5-5 { font-size: 1.375rem !important; /* 22px */ } .text-5-75 { font-size: 1.4375rem !important; /* 23px */ } .text-6 { font-size: 1.5rem !important; /* 24px */ } .text-9 { font-size: 2.25rem !important; /* 36px */ } .text-12 { font-size: 3rem !important; /* 48px */ } .text-16 { font-size: 4rem !important; /* 64px */ } /* Line Height Utilities */ /* 21px */ /* leading-5-25 { line-height: 1.3125rem !important; } */ /* 24px */ .leading-6 { line-height: 1.5rem !important; } /* 26px */ /* . { line-height: 1.625rem !important; } */ /* Font Weight Utilities */ .font-bold { font-weight: 700 !important; } .font-medium-400 { font-weight: 400 !important; } .font-medium { font-weight: 500 !important; } /* Text Color Utilities */ .text-charcoal-gray { color: #57585a !important; } .text-light-gray { color: #999 !important; } .text-gh-blue { color: #075697 !important; } .text-white { color: #fff !important; } .text-gh-orange { color: #d97a24 !important; } /* Text Decoration */ .no-underline { text-decoration-line: none !important; } /* Font Families */ .font-hc { font-family: "Helvetica-Condensed", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } .font-hcb { font-family: "Helvetica-Condensed-Bold", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } .font-hce { font-family: "HelveticaCE", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } .font-hneue { font-family: "Helvetica-Neue", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } /* Text Transformations */ .uppercase { text-transform: uppercase !important; } .text-center { text-align: center !important; } /* Backgrounds */ .bg-none { background-color: transparent !important; } .bg-gh-orange { background-color: #d97a24 !important; } .bg-black-half { background: rgba(0, 0, 0, 0.5) !important; } .bg-cloud-full { background-image: url(https://ghsitefinitytesting.blob.core.windows.net/atg-cms-work/images/default-source/landing-pages/fei-page/cloud-background_2x.jpg) !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; } .bg-white { background-color: #fff !important; /* White background color */ } .bg-gh-blue { background-color: #075697 !important; /* Blue background color */ } .bg-soft-silver { background-color: #f6f6f6 !important; } /* Spacing Utilities */ /* Padding Left */ .pl-5 { padding-left: 1.25rem !important; /* 20px */ } /* Padding Bottom */ .pb-1-5 { padding-bottom: 0.375rem !important; /* 6px */ } .pb-2-5 { padding-bottom: 0.625rem !important; /* 10px */ } /* Padding Top-Bottom */ .py-2 { padding-top: 0.5rem !important; /* 8px */ padding-bottom: 0.5rem !important; /* 8px */ } .py-2-25 { padding-top: 0.5625rem !important; /* 9px */ padding-bottom: 0.5625rem !important; /* 9px */ } .py-4-5 { padding-top: 1.125rem !important; /* 18px */ padding-bottom: 1.125rem !important; /* 18px */ } .py-5 { padding-top: 1.25rem !important; /* 20px */ padding-bottom: 1.25rem !important; /* 20px */ } .py-17-5 { padding-top: 4.375rem !important; /* 70px */ padding-bottom: 4.375rem !important; /* 70px */ } /* Padding Left-Right */ .px-4 { padding-left: 1rem !important; /* 16px */ padding-right: 1rem !important; /* 16px */ } .px-4-5 { padding-left: 1.125rem !important; /* 18px */ padding-right: 1.125rem !important; /* 18px */ } .px-5 { padding-left: 1.25rem !important; /* 20px */ padding-right: 1.25rem !important; /* 20px */ } .px-6 { padding-left: 1.5rem !important; /* 24px */ padding-right: 1.5rem !important; /* 24px */ } .px-7-5 { padding-left: 1.875rem !important; /* 30px */ padding-right: 1.875rem !important; /* 30px */ } /* Padding (All sides) */ .p-2-5 { padding: 0.625rem !important; /* 10px */ } .p-5 { padding: 1.25rem !important; /* 20px */ } .p-6 { padding: 1.5rem !important; /* 24px */ } /* Margin Top */ .mt-1-25 { margin-top: 0.3125rem !important; /* 5px */ } .mt-2-5 { margin-top: 0.625rem !important; /* 10px */ } .mt-2-5 { margin-top: 0.625rem !important; /* 10px */ } .mt-4 { margin-top: 1rem !important; /* 16px */ } .mt-4-5 { margin-top: 1.125rem !important; /* 18px */ } .mt-5 { margin-top: 1.25rem !important; /* 20px */ } .mt-7-5 { margin-top: 1.875rem !important; /* 30px */ } .mt-10 { margin-top: 2.5rem !important; /* 40px */ } .mt-m-1-25 { margin-top: -0.3125rem !important; /* -5px */ } .mr-1 { margin-right: 0.25rem !important; /* 4px */ } /* Margin Bottom */ .mb-1-5 { margin-bottom: 0.375rem !important; /* 6px */ } .mb-5 { margin-bottom: 1.25rem !important; /* 20px */ } .mb-10 { margin-bottom: 2.5rem !important; /* 40px */ } .mb-2-25 { margin-bottom: 0.5625rem !important; /* 9px */ } .mb-5 { margin-bottom: 1.25rem !important; /* 20px */ } /* General Margin */ .m-auto { margin: auto !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .m-0 { margin: 0 !important; } /* Border Radius Utilities */ .rounded { border-radius: 0.25rem !important; /* 4px */ } /* Display Utilities */ .block { display: block !important; } .hidden { display: none !important; } /* Flexbox Container */ .flex { display: flex !important; } .flex-row { flex-direction: row !important; } .flex-col { flex-direction: column !important; } /* Flex Item Properties */ .flex-1 { flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: 0% !important; } .flex-2 { flex-grow: 2 !important; flex-shrink: 1 !important; flex-basis: 0% !important; } .grow { flex-grow: 1 !important; } .shrink { flex-shrink: 1 !important; } .basis-0 { flex-basis: 0px !important; } /* Alignment Utilities */ .items-start { align-items: flex-start !important; /* Updated for clarity */ } .items-center { align-items: center !important; } .justify-center { justify-content: center !important; } .justify-between { justify-content: space-between !important; } /* Width Utilities */ .w-full { width: 100% !important; } .w-100-per { width: 100% !important; } .w-3-25 { width: 0.8125rem !important; /* 13px */ } .w-14 { width: 3.5rem !important; /* 56px */ } .w-37-5 { width: 9.375rem !important; /* 150px */ } .w-52, div.w-52 { width: 13rem !important; /* 208px */ } .w-87 { width: 21.75rem !important; /* 348px */ } /* Max Width Utilities */ .max-w-full { max-width: 100% !important; } .max-w-7-5 { max-width: 1.875rem !important; /* 30px */ } .max-w-31-5 { max-width: 7.875rem !important; /* 126px */ } .max-w-51 { max-width: 12.75rem !important; /*204px*/ } .max-w-52 { max-width: 13rem !important; /* 208px */ } .max-w-64 { max-width: 16rem !important; /* 256px */ } .max-w-87 { max-width: 21.75rem !important; /* 348px */ } .max-w-98-75 { max-width: 24.6875rem !important; /* 395px */ } . .max-w-108-75 { max-width: 27.1875rem !important; /* 435px */ } .max-w-476-px { max-width: 476px !important; /* 476px */ } .max-w-131-75 { max-width: 32.9375rem !important; /* 527px */ } .max-w-133-25 { max-width: 33.25rem !important; /* 532px */ } .max-w-151-75 { max-width: 37.9375rem !important; /* 607px */ } .max-w-205 { max-width: 51.25rem !important; /* 820px */ } .max-w-262 { max-width: 65rem !important; /* 1040px */ } .max-w-328 { max-width: 82rem !important; /* 1312px */ } /* Height Utilities */ .h-full { height: 100% !important; } .h-14 { height: 3.5rem !important; /* 56px */ } .h-17-5 { height: 4.375rem !important; /* 70px */ } .h-56-25 { height: 14.0625rem !important; /* 225px */ } .h-93-75 { height: 23.4375rem !important; /* 375px */ } /* Max Height Utilities */ .max-h-93-75 { max-height: 23.4375rem !important; /* 375px */ } /* Gaps */ .gap-1-5 { gap: 0.375rem !important; /* 6px */ } .gap-2 { gap: 0.5rem !important; /* 8px */ } .gap-3 { gap: 0.75rem !important; /* 12px */ } .gap-4 { gap: 1rem !important; /* 16px */ } .gap-5 { gap: 1.25rem !important; /* 20px */ } .gap-6 { gap: 1.5rem !important; /* 24px */ } .gap-7-5 { gap: 1.875rem !important; /* 30px */ } .gap-9 { gap: 2.25rem !important; /* 36px */ } /* Box Shadow */ .box-shadow { box-shadow: 0 0 10px rgba(208, 231, 242, 1) !important; } .card-shadow { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important; } .card-shadow:hover { box-shadow: 0 0 10px 0 rgba(115, 162, 195, 0.7) !important; } /* Border Styles */ .border-solid { border-style: solid !important; } /* Border Colors */ .border-gh-blue { border-color: #075697 !important; } .border-charcoal-gray { border-color: #57585a !important; } /* Border Widths */ .border-0 { border-width: 0 !important; } .border-1 { border-width: 1px !important; } .border-b-1 { border-bottom-width: 1px !important; } /* Image Utilities */ .object-cover { object-fit: cover !important; } /* Child Styles */ .child-b b { font-family: "Helvetica-Condensed-Bold", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; font-weight: 700 !important; } .show-more-btn:hover { color: #075697 !important; } /* Button Styles */ .btn-fei, .form-element-container button { background-color: #d97a24 !important; border: 1px solid #d97a24 !important; color: white !important; width: auto !important; display: inline-block !important; padding: 0.5rem 2rem !important; font-size: 1rem !important; border-radius: 8px !important; font-weight: bold !important; font-family: "Helvetica-Condensed-Bold", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; transition: all 0.5s ease !important; } .btn-fei:hover, .form-element-container button:hover { background-color: white !important; border: 1px solid #d97a24 !important; color: #d97a24 !important; cursor: pointer !important; } /* Cursor Utilities */ .cursor-pointer { cursor: pointer !important; } /* Position Utilities */ .absolute { position: absolute !important; } .relative { position: relative !important; } .z-9999 { z-index: 9999 !important; } .top-0 { top: 0 !important; } .right-0 { right: 0 !important; } .bottom-5 { bottom: 1.25rem !important; /* 20px */ } .bottom-7-5 { bottom: 1.875rem !important; /* 30px */ } .left-0 { left: 0 !important; } .btn-fei img { /* Default image styling */ filter: none !important; transition: filter 0.3s ease !important; } .btn-fei:hover img { /* Apply orange color on hover */ filter: brightness(0) saturate(100%) invert(53%) sepia(85%) saturate(873%) hue-rotate(347deg) brightness(90%) contrast(88%) !important; } /* Accordion Styles */ .accordion-container { margin-top: 20px !important; } .accordion-question, .sub-accordion-question { background-color: #f1f1f1 !important; padding: 10px !important; cursor: pointer !important; display: flex !important; justify-content: space-between !important; align-items: center !important; } /* .accordion-answer, .sub-accordion-answer { display: none !important; } */ .sub-accordion-item { margin-left: 20px !important; } .toggle-icon { font-size: 18px !important; height: 14px !important; line-height: 8px !important; } /* Carousel Component CSS */ .carousel-container { max-width: 100% !important; overflow: hidden !important; position: relative !important; } .carousel { display: flex !important; transition: transform 0.5s ease !important; } .carousel-item { flex: 0 0 25% !important; /* 4 full items visible on desktop */ overflow: hidden !important; padding: 10px !important; /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; */ display: flex !important; flex-direction: column !important; justify-content: space-between !important; transition: transform 0.3s ease !important; } .carousel-item a { text-decoration: none !important; color: inherit !important; } .carousel-item img { width: 100% !important; height: 225px !important; object-fit: cover !important; cursor: pointer !important; } .carousel-item-footer { display: flex !important; justify-content: space-between !important; align-items: center !important; font-size: 12px !important; color: #999 !important; } .carousel-item-footer .categories span { cursor: pointer !important; color: #0073e6 !important; margin-right: 5px !important; } .carousel-item-footer .categories span:hover { text-decoration: underline !important; } .carousel-item-footer .date { color: #666 !important; } .carousel-nav { text-align: center !important; margin-top: 20px !important; } .carousel-nav button:hover { color: #d97a24 !important; } .carousel-nav button { background: none !important; border: none !important; font-size: 24px !important; cursor: pointer !important; padding: 0 10px !important; } /* Social Share Styles */ .social-share { position: relative !important; cursor: pointer !important; } /* Popover Styles */ .popover { border: 1px solid rgba(0, 0, 0, 0.2) !important; } .popover a { display: block !important; margin-bottom: 5px !important; text-decoration: none !important; color: #0073e6 !important; font-size: 14px !important; } .popover a:hover { text-decoration: underline !important; color: #d97a24 !important; } .fa-share-alt:hover { text-decoration: none !important; color: #d97a24 !important; } p[data-sf-role="error-message"] { color: #d43f3a; font-size: 12px; position: absolute; bottom: inherit !important; } .modal-checkbox strong { display: none; } .modal-checkbox label { font-family: "Helvetica-Condensed" !important; font-weight: normal !important; font-size: 12px !important; font-style: italic !important; display: flex !important; align-items: center !important; margin-top: 30px !important; } .modal-checkbox input[type="checkbox"] { height: 20px !important; width: 20px !important; box-shadow: none !important; outline: none !important; border: 1px solid #979797 !important; margin-bottom: 4px !important; margin-top: 0 !important; } div.form-element-container[data-sf-role="field-captcha-container"] { margin-top: -14px !important; } div.form-element-container[data-sf-role="field-captcha-container"] input { width: 200px !important; } .sitefinityFormModal { border-radius: 5px !important; } .close:hover { color: #000 !important; } .gh-row { display: flex; flex-wrap: wrap; } .gh-md-9 { width: 75%; } .gh-md-3 { width: 25%; } @media all and (max-width: 767px) { .gh-sm-12, .gh-md-9, .gh-md-3 { width: 100%; } } li, li h1 { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 22px; font-weight: normal; line-height: 1.2rem; } .lstUpdates h2 { font-size: 16px; font-family: "Helvetica-Condensed-Bold"; font-weight: normal; margin: 0 0 12px 0; } .lstUpdates p { font-size: 16px; font-family: "Helvetica-Condensed"; font-weight: normal; margin: 0 0 12px 0; } /* Margin Utilities */ .mt-0 { margin-top: 0; /* 0px */ } .mt-1 { margin-top: 0.25rem; /* 4px */ } .mt-2 { margin-top: 0.5rem; /* 8px */ } .mt-3 { margin-top: 0.75rem; /* 12px */ } .mt-4 { margin-top: 1rem; /* 16px */ } .mt-5 { margin-top: 1.25rem; /* 20px */ } .mt-6 { margin-top: 1.5rem; /* 24px */ } .mt-8 { margin-top: 2rem; /* 32px */ } .mt-10 { margin-top: 2.5rem; /* 40px */ } .mt-12px { margin-top: 12px; } .mt-12 { margin-top: 3rem; /* 48px */ } .mt-16 { margin-top: 4rem; /* 64px */ } .mt-24 { margin-top: 6rem; /* 96px */ } .mt-32 { margin-top: 8rem; /* 128px */ } .mb-0 { margin-bottom: 0; /* 0px */ } .mb-1 { margin-bottom: 0.25rem; /* 4px */ } .mb-2 { margin-bottom: 0.5rem; /* 8px */ } .mb-3 { margin-bottom: 0.75rem; /* 12px */ } .mb-4 { margin-bottom: 1rem; /* 16px */ } .mb-5 { margin-bottom: 1.25rem; /* 20px */ } .mb-6 { margin-bottom: 1.5rem; /* 24px */ } .mb-8 { margin-bottom: 2rem; /* 32px */ } .mb-10 { margin-bottom: 2.5rem; /* 40px */ } .mb-12 { margin-bottom: 3rem; /* 48px */ } .mb-16 { margin-bottom: 4rem; /* 64px */ } .mb-24 { margin-bottom: 6rem; /* 96px */ } .mb-32 { margin-bottom: 8rem; /* 128px */ } .ml-0 { margin-left: 0; /* 0px */ } .ml-1 { margin-left: 0.25rem; /* 4px */ } .ml-2 { margin-left: 0.5rem; /* 8px */ } .ml-3 { margin-left: 0.75rem; /* 12px */ } .ml-4 { margin-left: 1rem; /* 16px */ } .ml-5 { margin-left: 1.25rem; /* 20px */ } .ml-6 { margin-left: 1.5rem; /* 24px */ } .ml-8 { margin-left: 2rem; /* 32px */ } .ml-10 { margin-left: 2.5rem; /* 40px */ } .ml-12 { margin-left: 3rem; /* 48px */ } .ml-16 { margin-left: 4rem; /* 64px */ } .ml-24 { margin-left: 6rem; /* 96px */ } .ml-32 { margin-left: 8rem; /* 128px */ } .ml-auto { margin-left: auto; /* auto */ } .mr-0 { margin-right: 0; /* 0px */ } .mr-1 { margin-right: 0.25rem; /* 4px */ } .mr-2 { margin-right: 0.5rem; /* 8px */ } .mr-3 { margin-right: 0.75rem; /* 12px */ } .mr-4 { margin-right: 1rem; /* 16px */ } .mr-5 { margin-right: 1.25rem; /* 20px */ } .mr-6 { margin-right: 1.5rem; /* 24px */ } .mr-8 { margin-right: 2rem; /* 32px */ } .mr-10 { margin-right: 2.5rem; /* 40px */ } .mr-12 { margin-right: 3rem; /* 48px */ } .mr-16 { margin-right: 4rem; /* 64px */ } .mr-24 { margin-right: 6rem; /* 96px */ } .mr-32 { margin-right: 8rem; /* 128px */ } .mr-auto { margin-right: auto; /* auto */ } .mx-0 { margin-left: 0; /* 0px */ margin-right: 0; /* 0px */ } .mx-1 { margin-left: 0.25rem; /* 4px */ margin-right: 0.25rem; /* 4px */ } .mx-2 { margin-left: 0.5rem; /* 8px */ margin-right: 0.5rem; /* 8px */ } .mx-3 { margin-left: 0.75rem; /* 12px */ margin-right: 0.75rem; /* 12px */ } .mx-4 { margin-left: 1rem; /* 16px */ margin-right: 1rem; /* 16px */ } .mx-5 { margin-left: 1.25rem; /* 20px */ margin-right: 1.25rem; /* 20px */ } .mx-6 { margin-left: 1.5rem; /* 24px */ margin-right: 1.5rem; /* 24px */ } .mx-8 { margin-left: 2rem; /* 32px */ margin-right: 2rem; /* 32px */ } .mx-10 { margin-left: 2.5rem; /* 40px */ margin-right: 2.5rem; /* 40px */ } .mx-12 { margin-left: 3rem; /* 48px */ margin-right: 3rem; /* 48px */ } .mx-16 { margin-left: 4rem; /* 64px */ margin-right: 4rem; /* 64px */ } .mx-24 { margin-left: 6rem; /* 96px */ margin-right: 6rem; /* 96px */ } .mx-32 { margin-left: 8rem; /* 128px */ margin-right: 8rem; /* 128px */ } .mx-auto { margin-left: auto; /* auto */ margin-right: auto; /* auto */ } .my-0 { margin-top: 0; /* 0px */ margin-bottom: 0; /* 0px */ } .my-1 { margin-top: 0.25rem; /* 4px */ margin-bottom: 0.25rem; /* 4px */ } .my-2 { margin-top: 0.5rem; /* 8px */ margin-bottom: 0.5rem; /* 8px */ } .my-3 { margin-top: 0.75rem; /* 12px */ margin-bottom: 0.75rem; /* 12px */ } .my-4 { margin-top: 1rem; /* 16px */ margin-bottom: 1rem; /* 16px */ } .my-5 { margin-top: 1.25rem; /* 20px */ margin-bottom: 1.25rem; /* 20px */ } .my-6 { margin-top: 1.5rem; /* 24px */ margin-bottom: 1.5rem; /* 24px */ } .my-8 { margin-top: 2rem; /* 32px */ margin-bottom: 2rem; /* 32px */ } .my-10 { margin-top: 2.5rem; /* 40px */ margin-bottom: 2.5rem; /* 40px */ } .my-12 { margin-top: 3rem; /* 48px */ margin-bottom: 3rem; /* 48px */ } .my-16 { margin-top: 4rem; /* 64px */ margin-bottom: 4rem; /* 64px */ } .my-24 { margin-top: 6rem; /* 96px */ margin-bottom: 6rem; /* 96px */ } .my-32 { margin-top: 8rem; /* 128px */ margin-bottom: 8rem; /* 128px */ } .my-auto { margin-top: auto; /* auto */ margin-bottom: auto; /* auto */ } /* Padding Utilities */ .pt-0 { padding-top: 0; /* 0px */ } .pt-1 { padding-top: 0.25rem; /* 4px */ } .pt-2 { padding-top: 0.5rem; /* 8px */ } .pt-3 { padding-top: 0.75rem; /* 12px */ } .pt-4 { padding-top: 1rem; /* 16px */ } .pt-5 { padding-top: 1.25rem; /* 20px */ } .pt-6 { padding-top: 1.5rem; /* 24px */ } .pt-8 { padding-top: 2rem; /* 32px */ } .pt-10 { padding-top: 2.5rem; /* 40px */ } .pt-12 { padding-top: 3rem; /* 48px */ } .pt-16 { padding-top: 4rem; /* 64px */ } .pt-24 { padding-top: 6rem; /* 96px */ } .pt-32 { padding-top: 8rem; /* 128px */ } .pb-0 { padding-bottom: 0; /* 0px */ } .pb-1 { padding-bottom: 0.25rem; /* 4px */ } .pb-2 { padding-bottom: 0.5rem; /* 8px */ } .pb-3 { padding-bottom: 0.75rem; /* 12px */ } .pb-4 { padding-bottom: 1rem; /* 16px */ } .pb-5 { padding-bottom: 1.25rem; /* 20px */ } .pb-6 { padding-bottom: 1.5rem; /* 24px */ } .pb-8 { padding-bottom: 2rem; /* 32px */ } .pb-10 { padding-bottom: 2.5rem; /* 40px */ } .pb-12 { padding-bottom: 3rem; /* 48px */ } .pb-16 { padding-bottom: 4rem; /* 64px */ } .pb-24 { padding-bottom: 6rem; /* 96px */ } .pb-32 { padding-bottom: 8rem; /* 128px */ } .pl-0 { padding-left: 0; /* 0px */ } .pl-1 { padding-left: 0.25rem; /* 4px */ } .pl-2 { padding-left: 0.5rem; /* 8px */ } .pl-3 { padding-left: 0.75rem; /* 12px */ } .pl-4 { padding-left: 1rem; /* 16px */ } .pl-5 { padding-left: 1.25rem; /* 20px */ } .pl-6 { padding-left: 1.5rem; /* 24px */ } .pl-8 { padding-left: 2rem; /* 32px */ } .pl-10 { padding-left: 2.5rem; /* 40px */ } .pl-12 { padding-left: 3rem; /* 48px */ } .pl-16 { padding-left: 4rem; /* 64px */ } .pl-24 { padding-left: 6rem; /* 96px */ } .pl-32 { padding-left: 8rem; /* 128px */ } .pr-0 { padding-right: 0; /* 0px */ } .pr-1 { padding-right: 0.25rem; /* 4px */ } .pr-2 { padding-right: 0.5rem; /* 8px */ } .pr-3 { padding-right: 0.75rem; /* 12px */ } .pr-4 { padding-right: 1rem; /* 16px */ } .pr-5 { padding-right: 1.25rem; /* 20px */ } .pr-6 { padding-right: 1.5rem; /* 24px */ } .pr-8 { padding-right: 2rem; /* 32px */ } .pr-10 { padding-right: 2.5rem; /* 40px */ } .pr-12 { padding-right: 3rem; /* 48px */ } .pr-16 { padding-right: 4rem; /* 64px */ } .pr-24 { padding-right: 6rem; /* 96px */ } .pr-32 { padding-right: 8rem; /* 128px */ } .px-0 { padding-left: 0; /* 0px */ padding-right: 0; /* 0px */ } .px-1 { padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ } .px-2 { padding-left: 0.5rem; /* 8px */ padding-right: 0.5rem; /* 8px */ } .px-3 { padding-left: 0.75rem; /* 12px */ padding-right: 0.75rem; /* 12px */ } .px-4 { padding-left: 1rem; /* 16px */ padding-right: 1rem; /* 16px */ } .px-5 { padding-left: 1.25rem; /* 20px */ padding-right: 1.25rem; /* 20px */ } .px-6 { padding-left: 1.5rem; /* 24px */ padding-right: 1.5rem; /* 24px */ } .px-8 { padding-left: 2rem; /* 32px */ padding-right: 2rem; /* 32px */ } .px-10 { padding-left: 2.5rem; /* 40px */ padding-right: 2.5rem; /* 40px */ } .px-12 { padding-left: 3rem; /* 48px */ padding-right: 3rem; /* 48px */ } .px-16 { padding-left: 4rem; /* 64px */ padding-right: 4rem; /* 64px */ } .px-24 { padding-left: 6rem; /* 96px */ padding-right: 6rem; /* 96px */ } .px-32 { padding-left: 8rem; /* 128px */ padding-right: 8rem; /* 128px */ } .py-0 { padding-top: 0; /* 0px */ padding-bottom: 0; /* 0px */ } .py-1 { padding-top: 0.25rem; /* 4px */ padding-bottom: 0.25rem; /* 4px */ } .py-2 { padding-top: 0.5rem; /* 8px */ padding-bottom: 0.5rem; /* 8px */ } .py-3 { padding-top: 0.75rem; /* 12px */ padding-bottom: 0.75rem; /* 12px */ } .py-4 { padding-top: 1rem; /* 16px */ padding-bottom: 1rem; /* 16px */ } .py-5 { padding-top: 1.25rem; /* 20px */ padding-bottom: 1.25rem; /* 20px */ } .py-6 { padding-top: 1.5rem; /* 24px */ padding-bottom: 1.5rem; /* 24px */ } .py-8 { padding-top: 2rem; /* 32px */ padding-bottom: 2rem; /* 32px */ } .py-10 { padding-top: 2.5rem; /* 40px */ padding-bottom: 2.5rem; /* 40px */ } .py-12 { padding-top: 3rem; /* 48px */ padding-bottom: 3rem; /* 48px */ } .py-16 { padding-top: 4rem; /* 64px */ padding-bottom: 4rem; /* 64px */ } .py-24 { padding-top: 6rem; /* 96px */ padding-bottom: 6rem; /* 96px */ } .py-32 { padding-top: 8rem; /* 128px */ padding-bottom: 8rem; /* 128px */ } .items-center { align-items: center; } .flex { display: flex; } .justify-center { justify-content: center; } .font-helvetica-condensed { font-family: "Helvetica-Condensed", sans-serif; } .p-absolute { position: absolute; } .p-relative { position: relative; } .p-0 { padding: 0 !important; } .p-20 { padding: 20px !important; } .bg-grey-50 { background: #57585a87; } .leading-29 { line-height: 29px !important; } .text-21 { font-size: 21px; } .mb-14 { margin-bottom: 14px !important; } .text-42 { font-size: 42px !important; } .stay-informed button, .cta-orange-btn.margin-top-10.margin-bot-50 { text-transform: uppercase; } .cta-orange-btn.margin-top-10.margin-bot-50 { font-size: 16px !important; padding: 10px 30px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; } .timeline-container { position: relative; margin: 0 0 36px 0 !important; overflow-x: auto; border-bottom: 1px solid #d6d6d6; padding-bottom: 56px !important; } .question-accordion-container { padding: 5px 20px 12px 20px !important; } .faq-accordion-container { margin-top: 12px !important; display: flex; flex-direction: column; gap: 19px; } .question-accordion-container, .sub-question-accordion-container { padding: 5px 20px 13px !important; display: flex; justify-content: space-between !important; align-items: center !important; gap: 12px; color: #fff; font-weight: 700 !important; font-size: 22px !important; cursor: pointer !important; background-color: #075697 !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; } .question-container { display: flex; justify-content: flex-start !important; align-items: flex-start !important; gap: 12px; } .faq-accordion-answer, .sub-faq-accordion-answer { display: flex; padding: 9px 20px; align-items: flex-start; gap: 14px; margin-top: 7px !important; font-size: 15px !important; color: #57585a !important; } .answer-label { font-size: 21px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-weight: 700 !important; } .answer-text { padding-top: 5px; line-height: 21px !important; font-size: 15px !important; font-family: "HelveticaCE", sans-serif !important; font-weight: 500 !important; } .sub-questions-container { margin-top: 28px !important; display: flex; flex-direction: column; gap: 20px; margin-left: 32px !important; } .sub-faq-accordion-item { margin-top: 0 !important; } .faq-title { font-weight: 700; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 42px; color: #57585a; text-transform: uppercase; margin-bottom: 14px; } @media all and (max-width: 1286px) and (min-width: 992px) { .content-body-block > .sf_colsIn:nth-child(2) { background: transparent !important; } } @media all and (min-width: 1286px) { .content-body-block > .sf_colsIn:nth-child(2) { background: transparent !important; } .content-body-block > .sf_colsIn:nth-child(2) .section-titles-block { background: transparent !important; } } @media all and (max-width: 768px) { .sf_cols { gap: 30px; flex-direction: column; } .sf_2cols_1_33 { width: 100%; } .sf_2cols_2_67 { width: 100%; } .home-product-section-bg { padding-top: 0 !important; margin-top: -40px !important; } /*12-10-2021 Ticket #15254*/ .sm-section-spacer-30 { display: block; height: 30px; } /*04-10-2021 Ticket #15144, #15154*/ .video-container { margin-bottom: 20px; } .center-card-wrap { padding-top: 6px !important; padding-bottom: 25px; } .cta-orange-btn { margin-top: 0 !important; } /*04-10-2021 Ticket #15144, #15153*/ .center-card-contents p { font-size: 14px !important; } .center-card-title, .text-5-5 { font-size: 16px !important; } .home-wave-img { width: 100%; margin-top: -100px !important; } .hero-wrapper .hero-container { top: 0px !important; width: 100%; } .hero-wrapper .hero-title { font-size: 32px !important; margin-bottom: 0 !important; } .hero-wrapper .hero-sub-title { font-size: 16px !important; /*padding-right: 62px !important;*/ max-width: 420px; margin-top: 0px !important; margin-bottom: 10px !important; } .transparent-btn, .orange-btn-2 { height: 30px; font-size: 12px !important; } } @media all and (max-width: 320px) { .home-product-section-bg { padding-top: 0 !important; margin-top: -34px !important; } .home-wave-img { width: 100%; margin-top: -110px !important; } .cta-blue-btn { margin: 7px 10px 7px 10px !important; } } @media all and (max-width: 678px) { .p-relative { position: relative; } .p-absolute { position: absolute; } } @media all and (max-width: 425px) { .hide-small-425 { display: none; } .show-small-425 { display: block; } .data-table-dropdown-el { max-width: 185px !important; } .home-product-section-bg { padding-top: 0 !important; margin-top: -116px !important; } .home-wave-img { width: 100%; margin-top: 35px !important; } .top .dataTables_paginate, .bottom .dataTables_paginate { justify-content: space-between; display: flex; float: none !important; width: 100% !important; } } @media all and (max-width: 767px) { .gh-sm-12 { width: 100%; } /*02-11-2021 Ticket #15445*/ .hero-fs-18 .hero-container-section .hero-sub-title, .sm-fs-18, .section-description.sm-fs-18 p, .card-sm-fs-18 .center-card-description, .card-sm-fs-18 .center-card-contents p, .video-sm-fs-18 .video-summary .center-card-description, .video-sm-fs-18 .video-summary, .video-container .video-summary .center-card-description, .video-container .video-summary { font-size: 18px !important; } .card-sm-fs-21, .card-sm-fs-21 p { font-size: 21px !important; font-family: "Helvetica-Condensed"; } .video-container { width: 100%; } /* .modal-dialog { width: calc(100% - 18px) !important }*/ .modal-dialog, #CreateContactModal .modal-dialog { width: calc(100% - 18px) !important; } .sli { width: 40% !important; } .request-quote-tab-content-container .tab-pane .form-container #results .inline-display-flex { display: block; margin-left: 0; } #requestQuoteModal .modal-dialog { width: 95% !important; } .rqModal-dialog { display: inherit; } .request-quote-tab-content-container .tab-pane .form-container #results .inline-display-flex .col-sm-3.col-md-3 { padding-left: 0; } #txtMainFilter, #selSalesPerson { margin-top: 0 !important; margin-right: 4px !important; width: 184px !important; } /*22-10-2021 Ticket #15375, #15376*/ .workflow-card .center-card-contents p.center-card-description { font-size: 22px; color: #25282d; } .section-title-with-more-bottom-space.below-instruction-sub-header { font-size: 26px !important; line-height: 30px !important; color: #25282d !important; background: #f6f6f8; margin-left: -15px; margin-right: -15px; padding: 40px 15px; } /*05-10-2021 Tickte #15158*/ .cta-button-container { padding: 40px 0; margin-top: 20px; } .cta-button-wrap .cta-blue-btn { margin-bottom: 20px !important; } #selFilterBy, #txtMainFilter, #selSalesPerson { margin-top: 0 !important; margin-right: 4px !important; width: 184px !important; } /*Datatable New CSS*/ #selFilterBy { margin-top: 5px !important; margin-right: 4px !important; width: 100px !important; } .dataTables_wrapper .search-filter label, .dataTables_filter label, .dataTables_length label, .dataTables_wrapper .groupbottommargin, .dataTable-date-filter { margin-top: 0 !important; } #discount-request_wrapper .top .dt-search-icon-container { padding: 6px 0 0 0 !important; right: 0 !important; left: auto !important; } .form-group { padding-bottom: 0 !important; margin-bottom: 15px !important; } input::-webkit-input-placeholder { line-height: 16px !important; height: 16px !important; } input:-moz-placeholder { line-height: 16px !important; height: 16px !important; } input::-moz-placeholder { line-height: 16px !important; height: 16px !important; } input:-ms-input-placeholder { line-height: 16px !important; height: 16px !important; } input::-ms-input-placeholder { line-height: 16px !important; height: 16px !important; } .mobile-menu #navbar .modal-dialog { width: 100% !important; padding: 0 15px !important; } .m-container-table { overflow: auto; min-height: 100px; top: 14px; } .gh-sm-dt-18 { padding-left: 0 !important; margin-top: 20px; } table.child-table .child-header-style > th:first-child, table.child-table .child-row-style > td:first-child { padding: 8px 16px 8px 8px !important; line-height: 1.4em !important; vertical-align: top; font-size: 15px !important; } table.dataTable.gh-my-orders.row-border tbody th, table.dataTable.gh-my-orders.row-border tbody td, table.dataTable.gh-my-orders.display tbody th, table.dataTable.gh-my-orders.display tbody td, .modal-tbl.table-striped > thead > tr > th, .modal-tbl.table-striped > thead > tr > td { padding: 8px 16px 8px 8px !important; line-height: 1.4em !important; vertical-align: top; font-size: 15px !important; } .modal-content .description-normal-text h2 { font-size: 20px !important; line-height: 1.2em !important; margin-top: 5px !important; margin-bottom: 5px !important; color: #57585a !important; font-family: "Helvetica-Condensed", sans-serif !important; text-align: left !important; } .modal-content .description-normal-text h3 { font-size: 16px !important; line-height: 1.2em !important; margin-top: 5px !important; margin-bottom: 5px !important; font-family: "Helvetica-Condensed", sans-serif !important; text-align: left !important; } .modal-content .description-normal-text p { font-size: 14px !important; line-height: 1.2em !important; margin-top: 5px !important; margin-bottom: 5px !important; font-family: "Helvetica-Condensed", sans-serif !important; text-align: left !important; } .modal-dialog.modal-lg-atg { width: calc(100% - 30px) !important; margin: 15px auto 0 auto !important; } .modal-open .modal { padding-right: 0 !important; padding-left: 0 !important; } [type="radio"].with-gap + label, [type="checkbox"].with-gap + label [type="radio"].with-gap ~ label, [type="checkbox"].with-gap ~ label { line-height: 25px !important; } .modal-dialog.modal-md { width: calc(100% - 16px) !important; margin: 15px auto 0 auto !important; } .announcement-container-hide-in-mobile { display: none; } .my-account-title-container { padding: 15px 0; margin-bottom: 15px; } .my-account-title-container > .container > .row > .col-xs-3.col-sm-3 { width: 100%; height: 100%; } .my-account-title-container > .container > .row > .col-xs-3.col-sm-3 > img { width: auto !important; height: 150px; } .my-account-title-container > .container > .row > .col-xs-9.col-sm-9 { width: 100%; } .dt-search-icon-container { position: relative; left: auto; padding: 0 !important; } .dt-search-icon-fa { height: 38px !important; } #SearchFilters .modal-submit-btn, #SearchFilters .modal-close-btn { height: auto; padding: 0 35px !important; margin-top: 0; margin-bottom: 0; font-size: 16px !important; line-height: 28px !important; } #MessageTextID { font-size: 16px !important; line-height: 20px !important; } #FormModelText { padding: 15px !important; } #SearchFilters { width: calc(100% - 254px); } .gh-my-orders-container .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 5px 7px !important; font-size: 16px !important; } .caps-auth-container .dataTables_wrapper .dataTables_paginate .paginate_button, .caps-auth-container div.dataTables_wrapper .dataTables_info, .dataTables_paginate span > .paginate_button, .dataTables_paginate span > .paginate_button.current { font-size: 16px !important; padding: 5px 7px !important; } .gh-my-orders-container div.dataTables_wrapper .dataTables_info { padding: 15px !important; font-size: 16px !important; } .gh-my-orders-container .dataTables_wrapper .dataTables_paginate span > .paginate_button.current, .gh-my-orders-container .dataTables_wrapper .dataTables_paginate span > .paginate_button { font-size: 16px !important; } .dataTables_wrapper .dataTables_paginate { padding: 0 25px !important; } div.dataTables_wrapper div.dataTables_length { float: left !important; margin-left: 15px !important; } #gh-my-orders_length, #discount-request_length { padding-top: 1px !important; padding-bottom: 0 !important; margin-bottom: 6px !important; position: absolute !important; right: 0 !important; top: 0 !important; } #gh-my-orders_wrapper .top .dataTables_paginate, #discount-request_wrapper .top .dataTables_paginate { width: auto; top: 52px; padding: 0 13px !important; } .office-account-info { margin: 0 -15px !important; } .breadcrumb > li:first-child a { position: relative; width: 18px; } .dataTable-date-filter { font-size: 16px !important; margin-top: 1px !important; padding: 0 0 4px 0 !important; line-height: 18px !important; /*Datatable New CSS*/ /*color: #838383 !important; font-weight: 400;*/ } .dataTable-date-filter .fa-calendar { display: none; } .form-group .dropdown-el.data-table-dropdown-el, .form-group.groupbottommargin .dropdown-el { height: 32px !important; /*Datatable New CSS*/ /*height: auto !important;*/ padding: 0 28px 0 10px !important; margin: 0 !important; background-size: 16px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 16px !important; background-position-x: 95% !important; } .m-w-78px { width: 88px !important; } .m-w-100 { width: 100% !important; } .carousel-indicators, .carousel-indicators li { cursor: default; pointer-events: none; } .carousel { padding-top: 0; } .carousel-inner .container { width: 100% !important; padding: 0; } .m-m-b-20 { margin-bottom: 0; } .carousel-card-link { font-size: 16px; } .carousel-card-link-container { height: 25px; position: relative; padding-top: 5px !important; } .carousel-card-container-link { padding: 0 0 10px 0; } .carousel-card-description { font-size: 15px; line-height: 21px; text-align: justify; } .widget-card-title { padding: 0 15px !important; font-size: 18px !important; } .carousel.slide { padding: 0 15px !important; } .gs-header .gs-action { text-transform: uppercase !important; font-size: 13px; letter-spacing: 0.5px; } #gh-my-orders_wrapper .txt-main-filter, #discount-request_wrapper .txt-main-filter { height: 32px !important; font-size: 16px !important; padding: 0 10px !important; line-height: 32px !important; width: 130px !important; margin-right: 0 !important; margin-top: 12px !important; } #gh-my-orders_wrapper .select-main-filter, #discount-request_wrapper .select-main-filter { height: 32px !important; font-size: 16px !important; padding: 0 28px 0 10px !important; line-height: 32px !important; width: 130px !important; margin-right: 0 !important; margin-top: 12px !important; background-size: 16px !important; background-position-x: 95% !important; } .gh-dt-1-5, .gh-dt-18, .gh-dt-9, .gh-dt-64, .gh-dt-1-5, .gh-dt-100p, .gh-dt-25p, .gh-dt-50p, .gh-dt-10p, .gh-dt-40p, .gh-dt-12p { width: 100%; } .gh-my-orders { width: calc(100vw - 30px) !important; } #gh-my-orders thead tr th.col1, #gh-my-orders thead tr th.col2, #gh-my-orders thead tr th.col3, #gh-my-orders thead tr th.col4, #gh-my-orders thead tr th.col5, #gh-my-orders thead tr th.col6, #gh-my-orders thead tr th.col7, #gh-my-orders thead tr th.col8, #gh-my-orders thead tr th.col9 { white-space: nowrap; } table.dataTable.gh-my-orders th, .modal-tbl.table-striped > thead > tr > th, .modal-tbl.table-striped > tbody > tr > td, table.pdf-table { font-size: 14px !important; line-height: 1.4em !important; padding: 8px 16px 8px 8px !important; } .db-widget-title { font-size: 18px; line-height: 22px; text-align: center; } .db-widget-desc { font-size: 18px; line-height: 22px; } .db-widget-link-container > .card-white-link { font-size: 16px !important; line-height: 18px !important; bottom: 10px !important; } .mobile-choosemodel-menu .bootstrap-select.btn-group.search-dd .dropdown-menu.open { width: 100% !important; border-radius: 0 !important; border-left: 0 !important; box-shadow: none !important; border-bottom: 1px solid #87b1d1; border-top: 1px solid #87b1d1; border-right: 0; padding: 2px 0 0 0; } .mobile-choosemodel-menu .filter-option { width: calc(100% - 40px) !important; } .mobile-choosemodel-menu .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute !important; top: 50% !important; right: 23px !important; margin-top: -2px !important; vertical-align: middle !important; left: auto !important; } .mobile-nav .mobile-header-navigation-menu > li > a { width: calc(100% - 40px) !important; } .desktop-tab-menu-min, .desktop-tab-menu { display: none !important; } .home-card-block .card-img img { width: 120px !important; } .building-type-bottom-spacer { margin-bottom: 20px; } .building-type-bottom-spacer + .spacer-50 { height: 0 !important; } .dropdow-wrapper { height: auto !important; } .industry-link-container { width: 100%; } .industry-industry-desc-container { width: 100%; } .img-container { left: -8px; } .img-container img.img-responsive { display: inline-block !important; height: auto !important; max-height: 55px !important; max-width: 55px !important; width: auto !important; float: left !important; } .page-title-desc-image .title-container { width: 100% !important; padding-left: 65px !important; display: inline-block !important; } .product-title-container { display: flex; gap: 12px; margin-bottom: 12px; left: 0; } .product-title-container .img-container { position: relative; } .product-title-container .title-container { flex: 1; padding-left: 0 !important; } .product-card-block.margin-top-40:first-of-type { margin-top: 0 !important; } .audioplayer { width: 100%; } .audioplayer-time-current { margin-left: 5px; } .audioplayer-time-duration { margin-right: 5px; } .audioplayer-bar { margin: 0 5px; } .product-card-block.margin-top-40:first-child { margin-top: 0 !important; } .margin-top-minus-40 { margin-top: -40px; } .description-bottom-link a, .description-bottom-link a:hover, .description-bottom-link a:active, .description-bottom-link a:active, .section-description .anchor-link-medium, .section-description-with-more-bottom-space .anchor-link-medium { font-size: 12px !important; line-height: 1em !important; } .mobile-prod-series-header-title .page-description-with-more-bottom-space { padding-bottom: 15px !important; } .section-sub-title { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 12px; line-height: 1.3em; margin-bottom: 8px; } .mobile-pad-lr-15, .container .container-fluid.pad-zero .col-md-12.mobile-pad-lr-15 { padding-left: 15px !important; padding-right: 15px !important; } .card-img .img-faq-other { max-width: 60% !important; height: auto !important; margin: auto !important; float: none !important; display: block; } .description-normal-text.faq-font { padding-top: 2px !important; } .title-container .page-title { padding-bottom: 8px !important; margin-bottom: 7px !important; } .page-title-image img.img-responsive { margin-bottom: 0 !important; display: block; max-width: 100% !important; width: auto !important; height: auto !important; margin: auto !important; max-height: 100% !important; } .pad-zero .pad-zero.page-title-image { border-bottom: 2px solid #d8d8d8 !important; padding-bottom: 11px !important; margin-bottom: 12px !important; } .page-title-image .page-title { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; margin-top: 0 !important; } .section-description a, .section-description-link, .section-description-with-more-bottom-space a, .pdf a, a.inactive-link { font-size: 12px !important; line-height: 1.4em !important; } .section-description a:hover, .section-description-link:hover, .section-description-with-more-bottom-space a:hover, .pdf a:hover, a.inactive-link:hover { font-size: 12px !important; line-height: 1.4em !important; background: transparent; color: #d97a23; } .page-description.description-bottom-link a, .page-description-with-more-bottom-space.description-bottom-link a, .section-description.description-bottom-link a, .section-description-with-more-bottom-space.description-bottom-link a, .description-bottom-link a, .anchor-link-medium, .section-description .anchor-link-medium, .section-description-with-more-bottom-space .anchor-link-medium { font-size: 12px !important; line-height: 1.4em !important; } .page-description.description-bottom-link a:hover, .page-description.description-bottom-link a:active, .page-description.description-bottom-link a:focus, .page-description-with-more-bottom-space.description-bottom-link a:hover, .page-description-with-more-bottom-space.description-bottom-link a:active, .page-description-with-more-bottom-space.description-bottom-link a:focus, .section-description.description-bottom-link a:hover, .section-description.description-bottom-link a:active, .section-description.description-bottom-link a:focus, .section-description-with-more-bottom-space.description-bottom-link a:hover, .section-description-with-more-bottom-space.description-bottom-link a:active, .section-description-with-more-bottom-space.description-bottom-link a:focus, .description-bottom-link a:hover, .description-bottom-link a:active, .description-bottom-link a:focus, .anchor-link-medium:hover, .anchor-link-medium:active, .anchor-link-medium:focus, .section-description .anchor-link-medium:hover, .section-description .anchor-link-medium:active, .section-description .anchor-link-medium:focus, .section-description-with-more-bottom-space .anchor-link-medium:hover, .section-description-with-more-bottom-space .anchor-link-medium:active, .section-description-with-more-bottom-space .anchor-link-medium:focus { font-size: 12px !important; line-height: 1.4em !important; background: transparent; color: #d97a23; } .description-list li:first-child { margin-top: 8px !important; } .description-list ul + p { margin-top: 8px !important; } .section-titles-block .page-title { border-bottom: 0 !important; margin-bottom: 0 !important; } .p-t-20 { padding-top: 0 !important; } .margin-top-80 { margin-top: 50px !important; } .margin-top-80.product-layout-gh-articles { margin-top: 0 !important; } table.v-head { width: 100% !important; } .v-head td:first-child { width: 100% !important; display: block; font-weight: bold; padding-bottom: 0; } .v-head td { width: 100% !important; display: block; padding-bottom: 8px; } ul li a.toggle { padding-bottom: 0; } .gh-map-title { display: inline-block; padding-top: 9px; } .section-spacer-bottom { margin-bottom: 20px; } .tab-right-full .container-fluid.pad-zero.mobile-padding-left-20 { padding-left: 20px !important; } .img-with-page-title { margin: auto; display: block; height: 67px; } .page-title-with-more-bottom-space { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 18px !important; line-height: 1em !important; padding-bottom: 11px !important; margin-bottom: 30px !important; margin-top: 0 !important; border-bottom: 2px solid #d8d8d8 !important; } #myCarousel .carousel-inner { padding: 0 15px !important; } #myCarousel .widget-card-title { padding: 15px 15px 0 15px !important; } .sub-title-with-more-bottom-space { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 14px !important; line-height: 1.2em !important; margin-bottom: 30px !important; } .page-description { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 12px !important; line-height: 1.4em !important; padding-top: 0 !important; padding-bottom: 12px !important; } .page-description-with-more-bottom-space, .page-description-with-more-bottom-space span, .page-description-with-more-bottom-space p { color: #57585a; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 12px !important; line-height: 1.4em !important; padding-top: 0 !important; padding-bottom: 35px !important; } .section-title-with-section-description { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 15px !important; line-height: 1.2em !important; margin-bottom: 8px !important; text-transform: uppercase !important; } /*04-10-2021 Ticket #15153*/ .section-description-with-more-bottom-space { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 16px !important; line-height: 1.4em !important; padding-top: 0 !important; padding-bottom: 28px !important; } .section-description { color: #57585a; font-family: "Helvetica-Condensed", sans-serif; font-size: 16px !important; line-height: 1.4em !important; padding-top: 0 !important; padding-bottom: 8px !important; } /*22-10-2021 Ticket #15380*/ .section-description.map-para { font-size: 30px !important; } .col-2-img { display: block !important; height: auto !important; width: auto !important; max-width: 92% !important; margin: auto 10px auto 0 !important; } .sf_colsIn.col-md-3 > .video-card-section { margin-bottom: 0 !important; } .map-container { margin-top: -40px !important; } .m-p-p-b-0 p:last-child { margin-bottom: 0 !important; } .m-p-p-b-0 p:first-child { margin-bottom: 10px !important; } .sub-title { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 14px; line-height: 14px; margin-bottom: 8px; } .sub-title img { height: 14px !important; float: left; margin-right: 0; } .section-title img { height: 19px !important; float: left; margin-right: 0; } .section-title span { line-height: 19px !important; } .spacer-m-15 { height: 15px !important; } .spacer-m-30 { height: 30px !important; } .card-img > img.img-faq { height: 100px !important; display: block !important; margin: auto !important; } .product-card-link-container { padding-top: 5px; } .modal-footer { padding: 0 15px !important; } .modal-dialog .margin-top-28.margin-bot-34.section-title-uppercase { margin-bottom: 5px !important; margin-top: 9px !important; font-size: 22px !important; } .modal-footer .orange-btn, .modal-footer .orange-btn:hover { margin-bottom: 0 !important; margin-top: 20px !important; font-size: 14px !important; line-height: 1.2em !important; } .description-normal-text table tbody tr td img { width: 90% !important; display: inline-block !important; } #PostalSearch .gh-search-icon::-webkit-input-placeholder { text-transform: uppercase !important; } .m-m-b-0 { margin-bottom: 0 !important; } .fa-file-pdf-o { font-family: "FontAwesome"; font-size: 18px; color: red; padding-right: 10px; padding-left: 0; margin: 10px 0 0 0; display: inline-block; } .search-page-results-subtitle { font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 13px; line-height: 17px; } .m-spacer-10 { height: 10px !important; } .spacer-55 { height: 35px !important; } .tab-left-hide { /*display: block !important*/ display: none; } .tab-left-hide .content-main-body-left-section.hidden-xs.margin-t-12 { display: none !important; } .tab-left-hide .content-main-body-left-bg-img-section.hidden-xs.margin-top-80 { display: block !important; text-align: center !important; margin-top: 30px !important; margin-bottom: 30px !important; } .tab-left-hide .content-main-body-left-bg-img-section.hidden-xs.margin-top-80 .card-white-link-container { margin-bottom: 0 !important; } .tab-left-hide .content-main-body-left-bg-img-section.hidden-xs.margin-top-80 .card-white-container-link { padding-bottom: 10px !important; } .tab-left-hide .content-main-body-left-bg-img-section.hidden-xs.margin-top-80 .img-responsive.margin-bot-20 { max-width: 100% !important; } .gh-right-panel .card-white-section .card-white-description p { text-align: left; } .description-normal-text b, .description-normal-text strong { font-family: "Helvetica-Condensed-Bold", sans-serif; } .dataTables_wrapper .dataTables_paginate { padding-left: 0 !important; } div.dataTables_wrapper div.dataTables_length label, table.dataTable th { font-size: 16px !important; line-height: 18px !important; letter-spacing: 0 !important; } table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc { background-size: 8px; padding-right: 8px !important; } .dataTables_info { padding: 15px 0 0 0 !important; margin-top: 0 !important; margin-right: 0 !important; float: left !important; } table.dataTable.gh-my-orders.display tbody tr.odd td, table.dataTable.gh-my-orders.display tbody tr.even td, table.dataTable.gh-my-orders.display tbody tr.odd td.sorting_1, table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1 { padding: 10px 8px !important; font-size: 14px !important; line-height: 1.4em !important; } tr.shown td.details-control, td.details-control { padding: 5px 11px 0 11px !important; } div.dataTables_wrapper div.dataTables_info, table.dataTable, table.dataTable th, table.dataTable td { font-size: 16px !important; line-height: 32px !important; } table.dataTable > tbody > tr.child ul.dtr-details { display: inline-block; list-style-type: none; margin: 0; padding: 0; width: 100%; } .dtr-title, .dtr-data { font-family: "Helvetica-Condensed" !important; font-weight: normal !important; font-size: 13.3px !important; line-height: 1.4em !important; } table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { padding: 6px 0; } table.dataTable > tbody > tr.child ul.dtr-details > li { float: left; margin-right: 15px; padding: 0 10px 8px 0 !important; line-height: 24px !important; margin: 0 0 7px 0; width: 100%; display: inline-block; } .paginate_button.previous:before { margin-left: -10px; margin-right: 10px; width: 10px !important; top: 9px; position: absolute; left: -6px; } .paginate_button.next:after { margin-right: -10px; margin-left: 10px; width: 10px !important; top: 9px; position: absolute; right: -2px; } .top .dataTables_paginate { padding: 15px 25px !important; margin-top: 0 !important; margin-right: 0 !important; float: right !important; } .bottom .dataTables_paginate { padding: 15px 15px !important; margin-top: 0 !important; margin-right: 0 !important; float: right !important; } .bottom .dataTables_info, div.dataTables_wrapper div.dataTables_info { padding: 15px 0 15px 0 !important; line-height: 32px !important; } .top .dataTables_paginate { padding: 15px 25px !important; margin-top: 0 !important; margin-right: 0 !important; float: right !important; } .pagination > li > a, .pagination > li > span, #datatable_wrapper .dataTables_paginate .paginate_button, .dataTable .odd td, .dataTable .even td { font-size: 16px !important; line-height: 16px !important; } div.dataTables_wrapper div.dataTables_info { font-size: 16px !important; line-height: 32px !important; } table.dataTable tbody tr.shown + .child td a { color: #fff !important; text-decoration: underline !important; } table.dataTable tbody tr td a { font-family: "Helvetica-Condensed", sans-serif !important; font-size: 16px !important; line-height: 16px !important; text-decoration: none !important; } div.dataTables_wrapper div.dataTables_info { color: #9a9a9a !important; } table.dataTable tbody th, table.dataTable tbody td, table.dataTable thead th, table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc { padding: 10px 8px !important; } .breadcrumb { padding: 8px 0 !important; } .gdpr-container { padding: 12px 0 !important; } .cookie-btn { width: 5% !important; float: left !important; font-size: 17px !important; line-height: 17px !important; } .cookie-msg { width: 95% !important; float: left !important; font-size: 17px !important; line-height: 17px !important; text-align: center !important; } .gdpr-container .cookie-msg a { font-size: 17px !important; text-transform: uppercase; text-decoration: underline; } .cookie-info-icon { width: 100% !important; float: none !important; display: inline-block; text-align: center; margin-bottom: 10px; } .cookie-info-icon { width: 100% !important; float: none !important; } .pad-bot-80 { padding-bottom: 40px !important; } .drawing-download-icon-container { height: 48px !important; } .min-hw-75 { min-height: 48px !important; width: 48px !important; height: auto !important; } .drawing-model-code-title { padding-left: 6px; font-size: 14px; line-height: normal; } .mobile-pad-0, .close.mobile-pad-0 { padding: 0 !important; } .section-title.drawing-model-title { text-align: center !important; font-size: 15px !important; line-height: 1.3em !important; } .drawing { padding: 2px 4px !important; } .section-title.align-center.drawing-resource-title { text-align: center !important; font-size: 15px !important; } .form-control[readonly] { width: 100% !important; } .display-flex { display: block; } .display-flex.pad-lr-20 img.img-responsive { margin-bottom: 0 !important; } .card-left-img-para { padding: 0 !important; } .card-left-img-para .img-responsive { display: block; max-width: 100% !important; width: 100% !important; height: auto !important; margin: auto !important; max-height: 100% !important; margin-bottom: 20px !important; margin-top: 15px !important; } .accordion-main-title { font-size: 18px !important; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; display: inline-block; width: 100%; } .panel-group .panel:last-child { margin-bottom: 10px; } table.child-table, table.child-table.m-w-800 { width: 800px !important; } #discount-request table.child-table, table.child-table { width: 100% !important; } #discount-request table.child-table .child-row-style > td { font-size: 14px !important; } #discount-request .child-header-style th.child-f-col { max-width: 35px; } #discount-request table.child-table .child-header-style > th { font-size: 14px !important; } #discount-request table.child-table .child-header-style > th:last-child, #discount-request table.child-table .child-row-style > td:last-child { padding-right: 10px !important; } .product-card-block .display-flex .col-md-4:last-child { padding-bottom: 0 !important; } table.child-table, table.child-table.m-w-100 { width: 100% !important; } #repRegion { margin-bottom: 10px; } #repRegion .form-group { margin-bottom: 0 !important; padding-bottom: 12px !important; } .results .grey-section-title { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; font-size: 14px; line-height: 16px; } .results .card-white-description { text-align: left !important; } #drpdwnState.dropdown-el { width: auto !important; padding: 5px 30px 5px 15px !important; line-height: normal !important; border: 1px solid #ccc !important; border-radius: 7px !important; -moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); -webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; color: #57585a !important; font-size: 14px !important; -webkit-appearance: none !important; margin-top: 5px; -moz-appearance: none; height: 31px !important; background: url(/Content/GreenheckStyles/imgs/grey-triangle.png) no-repeat right !important; background-color: #f2f2f2 !important; background-position-x: 92% !important; background-size: 16px !important; } #PostalText.find-my-rep-label { padding: 18px 0 10px 0; text-transform: uppercase; display: inline-block; } #OrText.find-my-rep-label, #PostalText.find-my-rep-label { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; font-size: 12px; line-height: 12px; float: none; display: inline-block; } .mobile-spacer-30 { margin-top: 30px; } #PostalSearch.search-container .form-control { padding: 0 30px 0 15px; height: 38px !important; line-height: 38px !important; border: 0; margin: 7px 0 0 0; font-size: 12px; width: 195px; } #PostalSearch.search-container .input-group-addon { position: absolute; right: 0; height: 38px; width: 26px; z-index: 999; background: none; padding: 0; border: 0; top: 7px; } #PostalSearch.search-container .input-group-addon .fa { font-size: 20px; padding: 0 7px 0 0; height: 38px !important; vertical-align: middle !important; line-height: 38px; cursor: pointer; border: 0; } .li-list-label { font-family: "Helvetica-Condensed", sans-serif !important; font-size: 12px !important; line-height: 26px !important; } .description-normal-text ul li, .section-description ul li, .section-description-with-more-bottom-space ul li, .page-description ul li, .page-description-with-more-bottom-space ul li, .description-normal-text ol li, .section-description ol li, .section-description-with-more-bottom-space ol li, .page-description ol li, .page-description-with-more-bottom-space ol li { margin: 0 !important; line-height: 24px !important; } p { margin: 0 0 8px 0 !important; } .desktop-quick-delivery-img-card { display: none !important; } /*#Bug no. 14964 - In this bug they mentioned we need to show this*/ .desktop-prod-series-header-img, .desktop-prod-series-header-title { display: block !important; } .mobile-quick-delivery-img-card, .mobile-prod-series-header-img, .mobile-prod-series-header-title { display: block !important; } .mobile-prod-series-header-img { padding: 0 40px 40px 40px; } .profile-icon-container { padding: 0 30px 10px 0; color: #fff; font-size: 16px; font-family: "Helvetica-Condensed-Bold", sans-serif; float: left !important; width: 100% !important; } .profile-icon-container .circle { background-color: #68696a; } .profile-icon-container .profile-icon-align { color: #fff; } .mobile-nav-right .profile-name-link, .mobile-nav-right .profile-name-link:hover { line-height: 30px !important; height: 30px !important; display: inline-block; float: left; } .circle { height: 30px; width: 30px; background-color: #fff; border-radius: 50%; display: inline-block; top: 5px; left: 7px; } .home-hero-block .hero-block { background: none !important; } .hero-img { display: block; width: 100%; z-index: 0; position: relative; } .bootstrap-select.btn-group .dropdown-toggle .caret { left: 150px !important; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100% !important; } .blue-menu-divider { display: inline-block; height: 1px; width: 100%; background-color: #87b1d1; float: left; } .navbar-default .navbar-nav li.dropdown a.header-arrow { display: inline !important; padding: 10px 4px 10px 4px !important; text-decoration: none !important; } .navbar-default .navbar-nav li.dropdown a.header-arrow:hover { text-decoration: none !important; } .navbar-default .navbar-nav li.dropdown a { display: inline-block; padding: 10px 4px 10px 24px !important; color: #004aa2 !important; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 16px; text-transform: uppercase; } .navbar-default .navbar-nav li.dropdown a:after { border-bottom: 1px solid #87b1d1; } .navbar-default .navbar-nav li.dropdown a.header-arrow:after { border-bottom: 1px solid #87b1d1; } .header-nav-border { border-bottom: 1px solid #87b1d1; } .footer-menu-title .fa { display: none !important; } .search-dd .dropdown-toggle { background-color: transparent; border-radius: 0; box-shadow: none; color: #064b9e !important; cursor: pointer; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 18px; margin-right: 0; margin-top: 0; padding: 0 40px 0 24px !important; z-index: 1; border: 0; } .nav-dd-container::-webkit-input-placeholder { font-size: 18px !important; } .search-dd { background-color: transparent !important; border-top: 0 !important; box-shadow: none !important; } .navbar-toggle { margin-top: 17px !important; padding: 9px 10px 9px 17px !important; } .form-group-height { height: auto !important; } .breadcrumb-container { padding-top: 10px; } body { background-size: contain !important; } .hero-pad-zero .pad-zero, .container .container-fluid.pad-zero .col-md-3, .container .container-fluid.pad-zero .col-md-12 { padding: 0 !important; } .container .tab-right-full .container-fluid.pad-zero .col-md-3 { padding: 0 15px !important; } .body-container { padding-bottom: 20px; background-color: rgba(255, 255, 255, 0.75) !important; } .pad-zero .pad-zero, .pad-zero .pad-zero .pad-zero, .pad-zero-left-img-para { padding: 0 !important; } .title-pdf-container { margin-top: 15px; margin-bottom: 8px; } .pdf-after:after, .sfpdf:after { font-size: 15px; line-height: 15px; line-height: 18px; } .link-list { font-size: 13px !important; line-height: 1.2em !important; } .pad-zero { padding: 0 15px !important; } .home-hero-block .hero-container { margin: 0 0 0 0 !important; opacity: 1; } .hero-block-headline-tagline .hero-container { margin: 0 0 0 0 !important; opacity: 1 !important; } .hero-container { margin: 0 0 0 0 !important; z-index: 1; position: relative; } .hero-container-section { padding: 20px 15px !important; } .home-hero-block .hero-title { font-size: 16px !important; line-height: 18px !important; margin-bottom: 10px !important; float: left; } /*04-10-2021 Ticket #15139*/ .hero-block-headline-tagline .hero-title { font-size: 26px !important; line-height: 28px !important; margin-bottom: 10px !important; float: left; } /*22-10-2021 Ticket #15370*/ .hero-with-two-btn .hero-title { font-size: 30px !important; line-height: 36px !important; } .hero-title { font-size: 18px !important; line-height: 23px !important; margin-bottom: 10px !important; } .home-hero-block .hero-sub-title { font-size: 12px !important; line-height: 15px !important; margin-bottom: 0 !important; color: #57585a !important; padding-right: 0 !important; } /*04-10-2021 Ticket #15140, #15151*/ .hero-block-headline-tagline .hero-sub-title { font-size: 16px !important; line-height: 20px !important; margin-bottom: 0 !important; color: #57585a !important; padding-right: 0 !important; } .hero-sub-title { font-size: 12px !important; line-height: 15px !important; margin-bottom: 10px !important; color: #fff !important; } .orange-btn { font-size: 10px !important; line-height: 13px !important; margin-bottom: 20px !important; margin-top: 10px; } .orange-btn.margin-b-0.edit-contact, .orange-btn.margin-b-0.delete-contact { margin: 0 !important; } .home-page .orange-btn { margin-bottom: 26px !important; } /*05-10-2021 Ticket #15148*/ .section-titles-container { padding-top: 25px !important; padding-bottom: 25px !important; background: #f6f6f8; margin-bottom: 15px; } .m-pb-0 { padding-bottom: 0 !important; } .section-top-title { font-size: 10px !important; line-height: 11px !important; letter-spacing: 2px !important; } .section-spacer { height: 30px !important; } .home-card-block { padding-bottom: 0 !important; } .home-card-block .home-card-container { padding-top: 30px; } .home-card-block .card-img { padding: 0 0 0 0 !important; margin: auto !important; } .featured-categories .section-titles-container { padding-bottom: 15px !important; margin-bottom: 0 !important; } .featured-categories .section-titles-container { padding-bottom: 15px !important; margin-bottom: 0 !important; padding-top: 0 !important; } .home-product-section-bg + .section-spacer-16 { background-color: #fff; } .display-flex img.img-responsive, img.img-responsive { margin: auto !important; margin-bottom: 15px !important; display: block; max-width: 75% !important; height: auto !important; margin: auto !important; max-height: 75% !important; } .display-flex img.img-responsive { flex: none !important; } .product-card-block { padding-bottom: 0 !important; } .card-img { width: 50% !important; margin: 20px auto 30px auto !important; } .gh-card-block .card-img { width: 100% !important; margin: 20px auto 30px auto !important; } .card-img .img-responsive { max-width: 100% !important; height: auto !important; margin-bottom: 10px !important; } .card-section { margin-top: 0; } .home-card-block .card-link-container { text-align: center !important; } .home-card-block .card-link { margin-bottom: 50px !important; } .home-card-block .card-img img, .product-card-img img.img-responsive { max-width: 86% !important; height: auto !important; margin-bottom: 18px !important; } .card-white-img { padding: 0 !important; } .card-white-img img.img-responsive { max-width: 25% !important; height: auto !important; margin-bottom: 18px !important; } .home-card-block .card-title, .card-title { font-size: 16px !important; line-height: 22px !important; margin-bottom: 10px !important; } .home-card-block .card-description, .card-description, .product-card-description { font-size: 12px !important; line-height: 15px !important; margin-bottom: 10px !important; } .section-title-with-more-bottom-space { font-size: 16px !important; line-height: 18px !important; margin-bottom: 12px !important; } .home-card-block .card-link, .card-link, .product-card-link { font-size: 12px !important; line-height: 15px !important; position: relative !important; bottom: inherit !important; left: inherit !important; margin-left: inherit !important; display: inline-block; } .orange-link-section { padding-top: 0 !important; padding-bottom: 0 !important; } .orange-link-section a { font-size: 12px !important; line-height: 15px !important; } .testimonials-description { font-size: 15px !important; line-height: 20px !important; text-align: left; padding-bottom: 7px; } .testimonials-author-name, .testimonials-author-title { font-size: 14px !important; line-height: 18px !important; } .card-white-section { padding: 0 !important; } .mobile-0-border .card-white-link-container { border-bottom: 0 solid #2b388f !important; padding-bottom: 17px !important; margin-bottom: 0 !important; } .card-white-title { font-size: 18px !important; line-height: 15px !important; border-bottom: 3px solid #2b388f !important; text-align: center !important; margin-bottom: 10px !important; margin-top: 20px !important; } .home-content-bottom-space .card-white-title { font-size: 12px !important; line-height: 15px !important; border-bottom: 0 !important; text-align: center !important; margin-bottom: 10px !important; margin-top: 20px !important; } ul.right-content-icon-links { padding-bottom: 0; } .card-white-description { font-size: 12px !important; line-height: 15px !important; text-align: center !important; } .card-white-description.align-left { text-align: left !important; } .card-white-link-container { text-align: center !important; position: relative !important; margin-top: 0 !important; margin-bottom: 50px; border-bottom: 2px solid #2b388f !important; padding-bottom: 10px; } .card-white-title + .card-white-description + .card-white-link-container { border-bottom: 0 !important; } .card-white-link { font-size: 12px !important; line-height: 15px !important; text-align: center !important; position: relative !important; bottom: inherit !important; } .card-link-container { text-align: left !important; } .footer-top-icon-section, .footer-top-icon-section.pull-right { float: none !important; text-align: center; height: auto; display: flex !important; justify-content: center; width: 100%; margin: auto; } .logo-footer { width: 53% !important; height: auto !important; } .logo-footer-section { padding: 12px 0 4px 0; } .logo-footer-section a { display: inline-block; width: 100%; text-align: center; } .careers-button { padding: 0 30px !important; font-size: 16px !important; display: inline-block; float: none !important; height: auto; margin: 5px; } .footer-social-icon:nth-child(4) { float: none !important; } .footer-social-icon { margin: 5px; display: inline-block !important; } .footer-social-icon { display: inline-block !important; margin-right: 5px; float: none; } .social-icon { height: 38px !important; } .bootstrap-select.btn-group .dropdown-toggle .filter-option, .search-dd .btn-default.active.focus, .search-dd .btn-default.active:focus, .search-dd .btn-default.active:hover, .search-dd .btn-default:active.focus, .search-dd .btn-default:active:focus, .search-dd .btn-default:active:hover, .search-dd.open > .dropdown-toggle.btn-default.focus, .search-dd.open > .dropdown-toggle.btn-default:focus, .search-dd.open > .dropdown-toggle.btn-default:hover, .btn-group.search-dd.open .dropdown-toggle { background-color: transparent !important; color: #004aa2 !important; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 16px; box-shadow: none; } .navbar-default #left-navbar .navbar-nav > .active > a, .navbar-default #left-navbar .navbar-nav > .active > a:focus, .navbar-default #left-navbar .navbar-nav > .active > a:hover, .navbar-default #left-navbar .navbar-nav > .open > a, .navbar-default #left-navbar .navbar-nav > .open > a:focus, .navbar-default #left-navbar .navbar-nav > .open > a:hover, .navbar-default #left-navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar-default #left-navbar .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default #left-navbar .navbar-nav .open .dropdown-menu > .active > a:hover { background-color: transparent !important; color: #004aa2 !important; font-family: "Helvetica-Condensed-Bold", sans-serif; } .navbar-default #left-navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar-default #left-navbar .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default #left-navbar .navbar-nav .open .dropdown-menu > .active > a:hover { font-size: 14px; } .dropdown-menu { padding: 0; } #left-navbar .navbar-nav .open .dropdown-menu .dropdown-header, #left-navbar .navbar-nav .open .dropdown-menu > li > a { padding: 10px 15px 10px 30px !important; color: #004aa2 !important; font-family: "Helvetica-Condensed", sans-serif; font-size: 12px; text-transform: uppercase; } .navbar-default #left-navbar .navbar-nav > li > a { font-size: 16px !important; } #left-navbar .modal-body { padding: 15px 0 !important; } #left-navbar .navbar-nav { margin: 0 0 7.5px 0; } #left-navbar .navbar-collapse { padding-right: 0 !important; width: 100%; } #left-navbar .nav > li, #left-navbar .nav > li.open, #left-navbar .nav > li.open > ul > li, .bootstrap-select.btn-group .dropdown-menu li { border-bottom: 1px solid #87b1d1; } #left-navbar .nav > li, #left-navbar .nav > li.open > ul > li, .bootstrap-select.btn-group .dropdown-menu li { margin: 0; } #left-navbar .nav > li.open > ul > li:last-child { border-bottom: 0 !important; } .mobile-nav .modal-dialog { width: 70% !important; height: 100% !important; background-color: rgba(255, 255, 255, 0.8901960784313725) !important; } .mobile-nav .close, .mobile-nav-right .close { color: #004aa2 !important; opacity: 1 !important; } .mobile-nav-right .header-flags-container, .mobile-nav-right .header-lang-container, .mobile-nav-right .header-login-container, .mobile-nav-right .search-container { float: left; width: 100%; border-bottom: 1px solid #b9b8b8; padding-bottom: 10px; padding-top: 10px; margin-bottom: 0; margin-top: 0; } .mobile-nav-right .search-container { border-bottom: 0; } .mobile-nav-right .login-btn { color: #fff; background-color: #68696a; margin: 10px 20px 0 0; float: left; } .mobile-nav-right .login-btn:hover { color: #fff !important; background-color: #d97a23; } .mobile-nav-right .profile-name-link, .mobile-nav-right .user-name { color: #68696a; } .mobile-nav-right .profile-name-container { float: left; padding-bottom: 0; padding-top: 12px; padding-left: 0; } .navbar.mobile-menu { margin-bottom: 0 !important; border: 0 solid transparent !important; } .navbar-default.mobile-menu { background-color: transparent !important; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent !important; border-color: transparent !important; } .modal.mobile-nav-right { padding-right: 0 !important; } .modal.mobile-nav-right .modal-dialog { padding-right: 17px !important; background-color: rgba(255, 255, 255, 0.8901960784313725) !important; } .mobile-nav .modal-dialog, .mobile-nav-right .modal-dialog { margin: 0 !important; } .mobile-nav .modal-content, .mobile-nav-right .modal-content { border-radius: 0 !important; border: 0 !important; background-color: transparent !important; box-shadow: none !important; height: 100% !important; overflow-x: hidden; } .mobile-nav .navbar-default .navbar-collapse, .mobile-nav .navbar-default .navbar-form { border-color: transparent !important; background: transparent !important; } .mobile-nav .collapse .in { background: transparent !important; } .mobile-nav .navbar-default .navbar-nav > li > a { color: #004aa2 !important; background-color: transparent !important; } .desktop-tab-menu { display: none; } .mobile-menu { display: block; } .search-container { margin-top: 20px; width: auto; float: right; } .search-container.align-left { width: 100% !important; } .header-flags-container { float: right; } .hero-2-container { margin-top: 80px; } /*04-10-2021 Ticket #15141*/ .home-hero-block .hero-container-section { padding: 16px 15px 16px 15px !important; float: left; } .hero-block-headline-tagline .hero-container-section { padding: 16px 15px 30px 15px !important; float: left; } .hero-2-container-section, .hero-container-section { padding: 0 !important; } .hero-2-title, .hero-title { font-size: 18px !important; line-height: 20px !important; margin-bottom: 0 !important; } .hero-2-sub-title, .hero-sub-title { display: none; } .home-hero-block .hero-sub-title { display: block !important; width: calc(100% - 100px); float: left; color: #fff !important; } /*04-10-2021 Ticket #15140*/ .hero-block-headline-tagline .hero-sub-title { display: block !important; width: 100%; float: left; color: #fff !important; } /*04-10-2021 Ticket #15141*/ .hero-container-section .orange-btn { margin-bottom: 0 !important; float: right; margin-top: 5px; } .hero-block-headline-tagline .hero-container-section .orange-btn { margin-bottom: 0 !important; float: left !important; margin-top: 12px; font-size: 14px !important; padding: 15px 30px !important; } .border-bottom-grey { border-bottom: 2px solid #d8d8d8 !important; } /*04-10-2021 Ticket #15139*/ .page-title { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; /*font-size: 18px; line-height: 1em;*/ font-size: 26px; line-height: 28px; padding-bottom: 11px; margin-bottom: 12px; margin-top: 0; border-bottom: 2px solid #d8d8d8; } .section-title { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 15px; line-height: 1.3em; margin-bottom: 8px; } .section-title a { color: #015a9c; font-family: "Helvetica-Condensed", sans-serif; font-size: 15px; line-height: 1.3em; margin-bottom: 8px; text-decoration: none; } .section-title-uppercase { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 15px; line-height: 1.3em; margin-bottom: 8px; text-transform: uppercase; } .description-bold-text, .description-bold-text ul { font-size: 14px !important; line-height: 17px !important; padding-top: 10px !important; padding-bottom: 0 !important; } .m-pad-t-0 { padding-top: 0 !important; } .pad-lr-0, .d-pad-lr-0 { padding-left: 0 !important; padding-right: 0 !important; } .description-bold-text-content { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 12px !important; line-height: 16px !important; padding-top: 10px !important; } .description-normal-text, .description-normal-text a, .description-bold-text a { font-size: 12px !important; line-height: 16px !important; padding-top: 4px !important; padding-bottom: 0 !important; } .description-normal-text, .description-normal-text ul, .description-normal-text a, .description-bold-text a { font-size: 12px !important; line-height: 16px !important; padding-top: 10px !important; padding-bottom: 0 !important; } .home-page .description-normal-text { text-align: center !important; } .description-normal-bullet-points ul li { font-size: 14px !important; line-height: 14px !important; } .card-white-block { padding-bottom: 0 !important; } .article-card-white-block { padding-bottom: 0 !important; } .card-white-block.pad-bot-30 { padding-bottom: 30px !important; } .article-card-white-section { padding: 0 0 40px 0 !important; } .article-card-white-img .img-responsive { width: 50% !important; height: auto !important; } .article-card-white-container .card-white-title, .article-card-white-title { text-align: left !important; font-size: 12px !important; line-height: 17px !important; padding-bottom: 5px !important; border-bottom: 0 !important; margin-bottom: 5px !important; } .article-card-white-container .card-white-description, .article-card-white-description { text-align: left !important; font-size: 12px !important; line-height: 15px !important; padding-top: 5px !important; padding-bottom: 5px !important; } .article-card-white-container .card-white-link-container, .article-card-white-link-container, .product-card-link-container { text-align: left !important; position: relative !important; margin-top: 6px !important; } .product-card-link-container .product-card-link { margin-bottom: 0 !important; } .article-card-white-container .card-white-link, .article-card-white-link { font-size: 12px !important; line-height: 15px !important; text-align: left !important; position: relative !important; bottom: inherit !important; } .mobile-footer-nav { display: block; text-align: center; margin-bottom: 0 !important; } .desktop-footer-nav { display: none; } .panel-group.mobile-footer-nav .panel-heading + .panel-collapse > .list-group, .panel-group.mobile-footer-nav .panel-heading + .panel-collapse > .panel-body { border: 0 !important; padding: 0; } .panel-group .panel-heading a.no-dropdown-icon:after { content: "" !important; } .panel-group .panel-heading a.arrow:after { color: #9c9c9c !important; content: ""; text-decoration: none; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; font-size: 18px; float: none !important; top: initial !important; } .panel-group .panel-heading a.collapsed:after { color: #9c9c9c !important; content: ""; text-decoration: none; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; font-size: 18px; float: none !important; top: initial !important; } .mobile-footer-nav .collapse.in { padding-bottom: 10px; } .mobile-footer-nav .panel-default > .panel-heading { border-color: #fff; } .mobile-footer-nav .panel { background-color: #57585a !important; } .panel-group.mobile-footer-nav .panel { margin-bottom: 0; border-radius: 0 !important; border: 0 !important; } .panel-group.mobile-footer-nav .panel + .panel { margin-top: 0 !important; } .mobile-footer-nav .panel-heading { padding: 5px 15px; border-top-left-radius: 0; border-top-right-radius: 0; background-color: #57585a !important; border-top: solid 3px #fff; color: #fff !important; } .footer-middle { background-color: #57585a; border-top: 0; padding-top: 0; padding-bottom: 0; } .breadcrumb-container { padding-top: 5px !important; } .breadcrumb > li { font-size: 12px; height: 25px; padding: 1px 0 0 0; position: relative; top: -3px; } .breadcrumb-block, .breadcrumb { background-color: #fff !important; margin-bottom: 0 !important; } .breadcrumb-home-icon { vertical-align: unset; height: 16px; } .breadcrumb-item + .breadcrumb-item::before { content: ">" !important; color: #015a9c !important; padding-right: 10px; padding-left: 10px; position: relative; top: -2px; } .breadcrumb-item.in-active a, .breadcrumb-item.in-active a:active, .breadcrumb-item.in-active a:focus, .breadcrumb-item a, .breadcrumb-item a:active, .breadcrumb-item a:focus { color: #015a9c; font-family: "Helvetica-Condensed", sans-serif; font-size: 12px; height: 20px; padding: 1px 0 0 0; text-decoration: none; } .breadcrumb-item.in-active a:hover { color: #d97a23; font-family: "Helvetica-Condensed", sans-serif; font-size: 12px; height: 20px; padding: 1px 0 0 0; text-decoration: none; } .breadcrumb-item.active { color: #606060; font-family: "Helvetica-Condensed", sans-serif; font-size: 12px; height: 25px; padding: 1px 0 0 0; position: relative; top: -3px; } .product-card-container .display-flex .col-md-4 { padding-right: 15px !important; padding-left: 15px !important; width: 100%; } .product-card-block .product-card-container .container-fluid { padding-right: 15px; padding-left: 15px; } .product-card-block .product-card-container .display-flex .col-md-4 { padding-right: 0 !important; padding-left: 0 !important; } .display-flex .col-md-4 { padding-right: 0 !important; padding-left: 0 !important; width: 100%; } .content-main-body-block { padding-bottom: 0 !important; } body-container { padding-bottom: 40px; } .sf_colsIn.section-titles-container { padding: 0 !important; } .footer-menu-link-anchor:hover, .footer-menu-link-anchor:active, .footer-menu-link-anchor:focus { text-decoration: none !important; color: #fff !important; } .footer-bottom-row { font-size: 10px !important; line-height: 20px !important; padding: 0 5px 0 5px !important; } .footer-bottom-container { padding: 15px 0 !important; line-height: 16px; } .sf_cols > .sf_colsOut > .sf_colsIn > .content-main-body-right-section > .other-section-titles-block > .other-section-titles-container > .container, .sf_cols > .sf_colsOut > .sf_colsIn > .content-main-body-right-section > .description-bold-block > .description-bold-container > .container { padding: 0 15px !important; } .content-main-body-right-section > .other-section-titles-block > .other-section-titles-container > .container, .content-main-body-right-section > .description-bold-block > .description-bold-container > .container, .content-main-body-right-section > .description-normal-block > .description-normal-container > .container, .content-main-body-right-section > .product-card-block > .product-card-container > .container { padding: 0 !important; } .content-main-body-right-section > .product-card-block > .product-card-container > .container > .row.display-flex { margin: 0 !important; } .product-card-section { padding: 10px 0 20px 0 !important; margin-bottom: 0 !important; } .spacer-50 { height: 20px; } .m-spacer-50 { height: 20px; } .description-normal-text a, .description-bold-text a { line-height: 1.4em !important; } .link-style { font-size: 12px !important; line-height: 15px !important; } .section-bottom-link-with-more-bottom-space { font-size: 12px !important; line-height: 15px !important; margin-bottom: 20px; display: inline-block; } .section-title-style img.img-responsive { margin-bottom: 0 !important; } .radio-group-field { margin-bottom: 0 !important; } .radio-group-label { font-family: "Helvetica-Condensed", sans-serif !important; font-size: 14px !important; line-height: 25px !important; } .spacer-30 { height: 5px; } .m-no-gutters { padding-right: 0; padding-left: 0; } .m-pad-zero, .pad-top-69 { padding: 0 !important; } .m-width-100per { width: 100% !important; } .m-text-label { font-size: 15px !important; line-height: 29px !important; } .m-margin-right-zero { margin-right: 0 !important; } .m-input { padding: 6px 30px 6px 8px !important; } .m-input-icon { padding: 6px 0 6px 0 !important; } .m-input-icon .fa { font-size: 18px; padding: 0 0 0 0; } .postal-label { width: 33% !important; } .postal-input { float: left; margin-left: 10px; width: 63% !important; } .country-address-list .blue-section-title { font-size: 16px !important; } .country-address-list .card-white-description { text-align: left !important; } .title-container { padding: 0 !important; margin: 0 !important; } .form-field-pad { padding: 10px 10px 0 10px !important; margin: 0 !important; } .form-field-pad .form-group input, textarea { line-height: 15px !important; font-size: 15px !important; } .fill-one-third { width: 33% !important; } .m-t-20 { margin-top: 20px !important; } .float-r { float: right !important; } .contact-form .form-group label { line-height: 15px !important; font-size: 15px !important; } .contact-form .form-group input { line-height: 15px !important; font-size: 15px !important; } .pad-zero-list, .form-group.col-md-6, .form-field-pad { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; width: 100%; display: block; } .form-group.mobile-pad-0.pad-zero { float: none; } .form-group.col-md-6.form-field-pad.mobile-pad-0 { padding-bottom: 15px !important; } .form-field-pad .pull-right.text-right.small-description-text { display: block !important; text-align: left !important; } .pad-2-0-2-15 { padding: 2px 0 2px 15px !important; } .pad-2-15-2-2 { padding: 2px 15px 2px 2px !important; } .list-location { line-height: 1.2em !important; } .spacer-15 { height: 2px; } .m-m-b-5 { margin-bottom: 5px; } .m-m-b-25 { margin-bottom: 25px; } .m-m-t-25 { margin-top: 25px; } .m-m-t-30 { margin-top: 30px; } .m-m-b-10 { margin-bottom: 10px !important; } .p-l-5 { padding-left: 5px !important; } .info-box .card-white-title { margin-top: 20px !important; border-bottom: 2px solid #2b388f !important; } .login-button .orange-btn { margin-bottom: 20px !important; } .m-p-b-10 { padding-bottom: 10px; } .m-p-t-10 { padding-top: 10px; } .m-p-t-15 { padding-top: 15px; } .m-p-t-20 { padding-top: 20px; } .m-p-b-20 { padding-bottom: 20px; } .m-p-t-5 { padding-top: 5px; } .m-p-b-30 { padding-bottom: 30px; } .m-p-t-30 { padding-top: 30px; } .m-p-0 { padding: 0; } .m-p-l-1 { padding-left: 1px !important; } m-font-style { font-size: 15px; line-height: 15px; } .podcast-header { font-family: "Helvetica-Condensed-Bold", sans-serif; color: #57585a; font-size: 15px; line-height: 15px; text-align: left; margin-bottom: 10px; margin-top: 10px; width: 100%; } .gh-container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .m-card-img-tb-30 { margin-top: 30px !important; margin-bottom: 10px !important; display: block; width: 100%; height: auto; } .m-fluid, .tab-right-full .container-fluid.pad-zero.m-fluid, .container .container-fluid.pad-zero .container-fluid.p-0-i.m-p-0-i .col-md-12 { padding-right: 15px !important; padding-left: 15px !important; } .m-p-0 { padding: 0; } .m-p-0-i { padding: 0 !important; } .m-m-0 { margin: 0; } .m-m-0-i { margin: 0 !important; } .m-apply-btn { height: 36px !important; margin-top: 6px !important; width: calc(100% - 30px) !important; text-align: center !important; margin: 0 10px !important; } .m-p-l-0 { padding-left: 0; } .m-p-10-i { padding: 10px !important; } #gh-my-orders_filter.dataTables_filter input, #discount-request_filter .dataTables_filter input { height: 38px !important; font-size: 16px !important; padding: 10px !important; line-height: 16px !important; width: 100% !important; margin: 0 0 10px 0 !important; } #gh-my-orders_filter > label, #discount-request_filter > label { width: 100% !important; } #gh-my-orders_filter.dataTables_filter input::-webkit-input-placeholder, #gh-my-accountInfo_filter input::-webkit-input-placeholder, #discount-request_filter.dataTables_filter input::-webkit-input-placeholder { font-size: 16px !important; } #gh-my-orders_filter, #discount-request_filter { bottom: 0 !important; position: absolute !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .paginate_button.previous { padding-left: 0 !important; margin-left: 0 !important; } .m-p-l-0-i { padding-left: 0 !important; } .anchor-link-medium { font-size: 13px !important; } .mobile-nav-right .profile-name-container { padding-top: 0; } .mobile-nav-right .login-btn { margin: 0 20px 0 0; } .industry-link { padding-top: 20px !important; padding-bottom: 0 !important; } .industry-desc { padding-top: 5px !important; } .row-reset { margin-right: 0 !important; margin-left: 0 !important; } .m-width-60 { width: 60%; } .m-width-69 { width: 69%; } .m-width-73 { width: 73%; } .m-width-30 { width: 30%; } .m-width-26 { width: 26%; } .m-width-40 { width: 40%; } .w-86-per { width: 86% !important; max-width: 100% !important; } .page-title sup { top: -10px !important; font-size: 60% !important; } .home-content-bottom-space .sf_colsIn.col-md-3.col-sm-3 { width: 100% !important; } .ui-autocomplete { background: #f4f4f4; width: 100% !important; border: 0.06em solid #f4f4f4; border-radius: 8px; z-index: 9999 !important; margin-top: 5px !important; left: 0 !important; } a.ui-corner-all { font-family: "Helvetica-Condensed", sans-serif; font-size: 14px; } .input-group.search-container > .container { padding: 0 !important; } .form-control.gh-search-icon.ui-autocomplete-input { width: 280px !important; float: left !important; } .mobile-nav-right .search-container .input-group-addon { left: 245px !important; right: inherit !important; } .pull-right.text-right.small-description-text.p-t-10 { font-size: 12px !important; } .dataTables_length select { margin-top: 3px !important; margin-bottom: 0 !important; padding: 0 28px 0 10px !important; height: 32px !important; /*Datatable New CSS*/ /*height: auto !important;*/ line-height: 20px !important; font-size: 16px !important; background-size: 16px !important; background-position-x: 32px !important; border-radius: 7px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; position: relative !important; width: auto !important; -moz-appearance: none !important; -webkit-appearance: none !important; background-color: #f2f2f2 !important; color: #57585a !important; border: 1px solid #ccc !important; -moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62) !important; -webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62) !important; box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62) !important; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; text-transform: none !important; } table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc { background-size: 8px; padding-right: 24px !important; padding-left: 12px !important; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 2px; } table.dataTable thead .sorting:nth-child(1), table.dataTable thead .sorting_asc:nth-child(1), table.dataTable thead .sorting_desc:nth-child(1), table.dataTable thead .sorting_asc_disabled:nth-child(1), table.dataTable thead .sorting_desc_disabled:nth-child(1) { background-position: calc(100% - 6px) !important; } table.dataTable thead .sorting:nth-child(2), table.dataTable thead .sorting_asc:nth-child(2), table.dataTable thead .sorting_desc:nth-child(2), table.dataTable thead .sorting_asc_disabled:nth-child(2), table.dataTable thead .sorting_desc_disabled:nth-child(2) { background-position: calc(100% - 6px) !important; } table.dataTable thead .sorting:nth-child(3), table.dataTable thead .sorting_asc:nth-child(3), table.dataTable thead .sorting_desc:nth-child(3), table.dataTable thead .sorting_asc_disabled:nth-child(3), table.dataTable thead .sorting_desc_disabled:nth-child(3) { background-position: calc(100% - 6px) !important; } .m-full-width { margin: 0 -30px !important; } #tblArticles_wrapper .top { margin: 10px 0 !important; } #gh-my-orders_wrapper .dt-search-icon, #discount-request_wrapper .dt-search-icon { top: auto !important; position: absolute !important; bottom: 16px !important; right: 0 !important; margin: 0 !important; } #gh-my-orders_wrapper > .top, #discount-request_wrapper > .top { margin: 10px 0 !important; height: 164px; position: relative; } #caps-auth_wrapper > .top { margin: 10px 0 !important; height: 400px; position: relative; } .dataTables_wrapper .search-filter label, .dataTables_filter label, .dataTables_length label, .dataTables_wrapper .groupbottommargin { font-size: 16px !important; padding-bottom: 1px !important; line-height: 30px !important; } #gh-my-orders_length label, .dataTables_length label, #discount-request_length label, #caps-auth_wrapper label, .dataTables_length label, #caps-auth_length label { font-size: 16px !important; line-height: 18px !important; } #caps-auth_wrapper label.dt-range-lbl { margin-top: 8px !important; } #caps-auth_length select { height: 23px !important; background-size: 10px !important; background-position-x: 38px !important; } #caps-auth_length { top: 60px !important; left: 0; text-align: left !important; margin-left: 0 !important; } #caps-auth_paginate { top: 0 !important; padding-left: 15px !important; padding-right: 15px !important; width: 100% !important; } #caps-auth_wrapper .filter-by-group { top: 100px; display: flex; align-items: center; } #caps-auth_wrapper .filter-by-group .filter-dd { height: 23px !important; background-size: 10px !important; background-position-x: 195px !important; width: 72% !important; } #caps-auth_wrapper .data-range-container { top: 150px; margin: 0 !important; } #caps-auth_wrapper .my-orders-btn-apply { top: 215px !important; } #caps-auth_wrapper .my-orders-btn-apply .modal-submit-btn, #caps-auth_wrapper .my-orders-btn-apply .modal-close-btn { padding: 0 20px !important; font-size: 12px !important; line-height: 25px !important; } #caps-auth_wrapper .sort-by-select { display: none; } #caps-auth_filter { position: relative; left: 0; text-align: left; } #caps-auth_filter label { position: absolute; top: 270px; } #caps-auth_filter input[type="search"] { margin-left: 0; width: 100%; } #caps-auth_wrapper .dt-search-icon { position: absolute; right: 0; top: 286px; } #caps-auth_wrapper .dt-search-icon .dt-search-icon-container { left: 0 !important; } #caps-auth_wrapper .dt-savepreference { bottom: 20px !important; } .padding-l-10 { padding-left: 0 !important; } .m-w-50 { width: 50% !important; } .footer-menu-title .footer-menu-link-anchor, .footer-menu-title a.footer-menu-link-anchor, .footer-menu-title a { color: #fff !important; font-family: "Helvetica-Condensed", sans-serif !important; font-weight: bold !important; font-size: 12px !important; line-height: 16px !important; text-transform: uppercase !important; display: inline-block !important; border-bottom: 0 !important; padding: 0 !important; } .footer-menu-title { border-bottom: 0 !important; } #tblArticles_wrapper .bottom, .dataTables_wrapper .bottom { margin: 10px 12px !important; } .pagination > li > a, .pagination > li > span, #datatable_wrapper .dataTables_paginate .paginate_button { padding: 5px 10px !important; line-height: 28px !important; } .col-md-6.col-sm-6.form-group-height.pad-r-5 { padding-right: 0 !important; } .home-page.section-titles-block { background-color: #fff !important; padding-bottom: 0; } .home-page.section-titles-block .section-titles-container { margin-bottom: 0; background-color: #fff !important; } .home-page .orange-btn-block { padding-top: 0 !important; } .hero-block { padding-top: 0 !important; } .mobile-pad-0.align-right { text-align: left !important; } .margin-r-15 { margin-right: 0 !important; } .margin-r-20 { margin-right: 0 !important; } /*07-01-2022 #15695*/ .form-group label, .modal-body a, .modal-body a:hover { font-size: 15px !important; line-height: 20px !important; } [type="radio"].with-gap + label, [type="checkbox"].with-gap + label, [type="radio"].with-gap ~ label, [type="checkbox"].with-gap ~ label { line-height: 29px !important; } .modal-body a, .modal-body a:hover, .modal-body button, .modal-body button:hover { font-size: 15px !important; line-height: 15px !important; } input[type="date"], .form-group input, input.site-search-input.form-control, .hawk-resultsSearch input[type="text"], .gh-search-icon, .mobile-search-container input.site-search-input.form-control, .mobile-search-container .form-control, .mobile-search-container .hawk-resultsSearch input[type="text"] { font-size: 14px !important; padding: 0 26px 0 13px !important; height: 38px !important; line-height: 38px !important; } input::-webkit-date-and-time-value { padding: 0 !important; font-size: 14px !important; height: 38px !important; margin: 0 !important; line-height: 38px !important; } ::-webkit-input-placeholder, input.site-search-input.form-control::placeholder, .hawk-resultsSearch input[type="text"]::placeholder, .gh-search-icon::-webkit-input-placeholder { font-size: 14px !important; height: 16px !important; line-height: 16px !important; } .form-group input[type="checkbox"], .form-group input[type="checkbox"]:focus { width: 18px !important; height: 18px !important; } .mobile-search-container .input-group-addon { height: 38px !important; } .mobile-search-container .input-group-addon .fa.fa-search { height: 38px !important; vertical-align: middle !important; line-height: 38px; } .form-group { padding-top: 4px !important; } .grey-dropdown { padding: 5px 13px !important; } .faq-font { font-size: 14px !important; } .mobile-hide { display: none !important; } .mobile-show { display: inline-block !important; } .gh-card-block { width: 100%; padding: 0; position: relative; padding-bottom: 30px; } .gh-table { margin: 0 15px; } .m-margin-rl-0 { margin-left: 0 !important; margin-right: 0 !important; } .gh-table p { display: inline !important; } .gh-table img { width: 100%; } .gh-card-block .img-responsive { max-height: 150px !important; max-width: 100% !important; width: auto !important; height: auto !important; } label.li-list-label { line-height: 28px !important; padding-left: 35px !important; padding-bottom: 0 !important; margin-bottom: 0 !important; height: 28px !important; } .left-img > img.img-responsive { height: 55px !important; width: auto !important; max-width: inherit !important; max-height: inherit !important; margin: auto !important; } .home-product-section-bg .section-titles-block .section-titles-container { padding-top: 0 !important; } home-wave-img-container { width: 100%; background-color: #fff; margin-top: 15px !important; } .section-titles-block.home-page .section-titles-block .section-titles-container { padding-top: 23px !important; } .orange-link-block { margin-top: 0 !important; } .testimonials-block { background-image: url(/content/GreenheckStyles/imgs/header-bg-waves.png); background-position: 0 15px; background-repeat: no-repeat; background-size: contain; background-color: rgba(255, 255, 255, 0) !important; } .testimonials-block { padding-top: 90px; } .margin-top-50, .gh-margin-top-50 { margin-top: 0 !important; } .mobile-white-bg { background-color: #fff !important; } body { background-position-y: 419px; } .hero-block, .hero-2-block { background-position: 0 0 !important; padding-top: 0 !important; } .mobile-menu .navbar-header { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .navbar-default.mobile-menu { background-color: #fff !important; } .featured-categories { margin-top: 28px; } .testimonials-section { padding: 0 0; } .home-page .section-titles-container { padding-bottom: 0 !important; } .section-spacer-80 { height: 10px; } .home-content-bottom-space, .page-content-bottom-space { padding-bottom: 40px !important; } img.img-responsive.my-account-title-logo { margin-bottom: 25px !important; } #MarkTagsTableDiv table { width: 100% !important; } } @media all and (max-width: 767px) and (min-width: 718px) { #SearchFilters .modal-submit-btn, #SearchFilters .modal-close-btn { padding: 0 12px !important; } } @media all and (max-width: 717px) { #gh-my-orders_wrapper > .top, #discount-request_wrapper > .top { height: 214px; } } @media all and (max-width: 363px) { .mobile-menu #navbar .modal-dialog { width: 100% !important; padding: 0 !important; } } @media all and (max-width: 768px) { .home-product-section-bg.home-page .description-normal-text { width: auto; margin: auto; padding-bottom: 15px !important; } .section-titles-block.home-page .description-normal-text { width: auto; margin: auto; } .text-area { margin-top: 5px !important; } .margin-top-50.float-right.accordion-icon { margin-top: 46px !important; top: 0; } .dataTables_wrapper .groupbottommargin { margin-bottom: 15px !important; } /*#SearchFilters .modal-submit-btn, #SearchFilters .modal-close-btn { margin-top: 0 !important }*/ .accordion-inner-link, .accordion-inner-link:hover, .accordion-inner-link:active, .accordion-inner-link:focus { font-family: "Helvetica-Condensed", sans-serif; font-size: 14px; line-height: 21px; text-decoration: none; } .accordion-inner-link { color: #015a9c; } .accordion-inner-link:hover, .accordion-inner-link:active, .accordion-inner-link:focus { color: #d97a23; } .panel-group.m-m-b-0 .panel:last-child { margin-bottom: 0 !important; } .title-desc-container { margin-bottom: 30px; } .tab-right-full > .container-fluid > .row > .col-md-12.col-sm-12 { padding: 0 15px !important; } .tab-right-full > .container-fluid > .row > .col-md-12.col-sm-12.m-pad-zero, .tab-right-full > .container-fluid.pad-zero > .row > .col-md-12.col-sm-12, .tab-right-full > .col-md-12.col-sm-12.pad-zero, .tab-right-full .container-fluid.pad-zero, .m-pad-lr-15 { padding: 0 !important; } .tab-right-full > .container-fluid > .row > .col-md-12.col-sm-12, .tab-right-full.gh-row-full > .container-fluid.pad-zero > .row > .col-md-12.col-sm-12 { padding: 0 15px !important; } .tab-right-full > .container-fluid > .row > .col-md-12.col-sm-12.m-pad-zero { padding: 0 !important; } .pad-r-40 { padding-right: 0 !important; } .img-m-tb-30 { margin-top: 30px !important; margin-bottom: 10px !important; display: block; width: 100%; height: auto; } .home-card-block .product-card-container-link { margin-bottom: 0 !important; padding-bottom: 0 !important; width: 100% !important; } .home-card-block .product-card-container-link .card-link { margin-bottom: 25px !important; } .home-content-bottom-space .card-white-container-link { padding: 0 !important; } } @media all and (max-width: 768px) and (min-width: 768px) { .img-m-tb-30 { margin-top: 30px !important; margin-bottom: 10px !important; display: block; width: 100%; height: auto; } .pad-r-40 { padding-right: 40px !important; } .pad-top-69 { padding-top: 16px !important; } .tab-right-full > .container-fluid > .row > .col-md-12.col-sm-12 { padding: 0 15px !important; } .tab-right-full > .container-fluid > .row > .col-md-12.col-sm-12.m-pad-zero, .tab-right-full > .container-fluid.pad-zero > .row > .col-md-12.col-sm-12, .tab-right-full > .col-md-12.col-sm-12.pad-zero, .tab-right-full .container-fluid.pad-zero { padding: 0 !important; } .home-content-bottom-space .card-white-title { font-size: 12px !important; line-height: 15px !important; border-bottom: 3px solid #2b388f !important; text-align: center !important; margin-bottom: 10px !important; margin-top: 20px !important; } .col-md-6.col-sm-6.form-group-height.pad-r-5 { padding-right: 20px !important; } .navbar-toggle { display: block; } .navbar-header-logo { margin: 0 auto; display: table; } .mobile-menu .navbar-header { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; width: 100%; margin-left: -15px; margin-right: -15px; } .navbar-default.mobile-menu { background-color: #fff !important; } .hero-block, .hero-2-block { background-position: 0 0 !important; padding-top: 0 !important; } .navbar-toggle { margin-top: 17px !important; padding: 9px 10px 9px 17px !important; } .mobile-menu .navbar-nav .open .dropdown-menu > li > a { line-height: 20px !important; } .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .mobile-menu .navbar-nav .open .dropdown-menu { position: static !important; } .mobile-menu .navbar-header { float: none !important; margin-left: -15px !important; margin-right: -15px !important; width: auto !important; } .mobile-menu .modal-dialog { width: 100% !important; } .mobile-menu .navbar-nav, .mobile-menu .navbar-nav > li { float: none !important; } } @media all and (max-width: 825px) { #ModalCenter { padding-left: 0; padding-right: 0; } .modal-content { padding-left: 0; padding-right: 0; } } @media all and (max-width: 991px) and (min-width: 768px) { table.dataTable tbody tr td a:hover.delete-contact, table.dataTable tbody tr td a:hover.edit-contact { line-height: 20px !important; } .gh-logo-col { width: 20% !important; padding: 0 0 0 14px !important; } .gh-nav-search-choose-col { width: 58% !important; padding: 0 !important; } .gh-flag-col { width: 22% !important; padding: 0 15px 0 0 !important; } .gh-nav-search-choose-col > .container-fluid > .row > .col-md-12.col-sm-12 { padding: 0 !important; } .hero-title { font-size: 46px; } .hero-sub-title { font-size: 20px; } .home-product-section-bg.home-page .description-normal-text { width: auto; margin: auto; } .section-titles-block.home-page .description-normal-text { width: auto; margin: auto; } .content-body-block > .sf_colsIn:nth-child(2) { background-color: rgba(255, 255, 255, 0) !important; } .header-logo-flags-block { padding: 0; } .gdpr-container .container { width: 90% !important; } .img-faq { height: 100px !important; display: block !important; margin: auto !important; } #gh-my-orders_wrapper .top .dataTables_paginate, #discount-request_wrapper .top .dataTables_paginate { width: auto; top: 52px !important; padding: 0 13px !important; } .dataTables_length select { margin-top: 6px !important; margin-bottom: 0 !important; padding: 4px 28px 3px 10px !important; height: 32px !important; line-height: 20px !important; font-size: 20px !important; background-size: 16px !important; background-position-x: 32px !important; border-radius: 7px !important; font-family: "Helvetica-Condensed-Bold", sans-serif !important; position: relative !important; width: auto !important; -moz-appearance: none !important; -webkit-appearance: none !important; background-color: #f2f2f2 !important; color: #57585a !important; border: 1px solid #ccc !important; -moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62) !important; -webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62) !important; box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 0.62) !important; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; text-transform: none !important; } table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc { background-size: 8px; padding-right: 21px !important; padding-left: 12px !important; } table.dataTable thead .sorting:nth-child(1), table.dataTable thead .sorting_asc:nth-child(1), table.dataTable thead .sorting_desc:nth-child(1), table.dataTable thead .sorting_asc_disabled:nth-child(1), table.dataTable thead .sorting_desc_disabled:nth-child(1) { background-position: calc(100% - 10px) !important; } table.dataTable thead .sorting:nth-child(2), table.dataTable thead .sorting_asc:nth-child(2), table.dataTable thead .sorting_desc:nth-child(2), table.dataTable thead .sorting_asc_disabled:nth-child(2), table.dataTable thead .sorting_desc_disabled:nth-child(2) { background-position: calc(100% - 10px) !important; } table.dataTable thead .sorting:nth-child(3), table.dataTable thead .sorting_asc:nth-child(3), table.dataTable thead .sorting_desc:nth-child(3), table.dataTable thead .sorting_asc_disabled:nth-child(3), table.dataTable thead .sorting_desc_disabled:nth-child(3) { background-position: calc(100% - 10px) !important; } table.dataTable.gh-my-orders.display tbody tr.odd td, table.dataTable.gh-my-orders.display tbody tr.even td, table.dataTable.gh-my-orders.display tbody tr.odd td.sorting_1, table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1, table.dataTable tbody tr td a, table.dataTable td { padding: 10px 8px !important; font-size: 16px !important; line-height: 20px !important; } tr.shown td.details-control, td.details-control { padding: 5px 11px 0 11px !important; } div.dataTables_wrapper div.dataTables_info, table.dataTable, table.dataTable th, .pagination > li > a, .pagination > li > span, #datatable_wrapper .dataTables_paginate .paginate_button, div.dataTables_wrapper div.dataTables_length label { font-size: 18px !important; line-height: 32px !important; } .ui-autocomplete { width: 275px !important; } .left-content-title { font-size: 18px; line-height: 22px; } .careers-button { padding: 0 30px !important; font-size: 16px !important; display: inline-block; } .breadcrumb-container { padding-top: 10px; } .logo { display: inline-block; padding: 20px 0; width: 215px !important; } .desktop-tab-menu .search-container { width: 270px !important; } .container { width: 97%; } .header-navbar-container .nav .nav-item:last-child .nav-link { padding-right: 0 !important; } .nav-dd-container { width: auto !important; max-width: 133px !important; } .search-container.width-100per, .search-container.align-left { width: 100% !important; } .search-container { width: 275px !important; } .m-width-30 { width: 30% !important; } .m-width-69 { width: 69% !important; } .dropdown-el { padding: 11px 15px 11px 30px !important; font-size: 20px !important; max-height: 48px !important; height: 48px !important; } .dropdown-el::after { right: 0.5em; top: 1.2em; } .dropdown-el span { font-size: 12px; padding-top: 10px; padding-bottom: 10px; } .search-dd .dropdown-toggle { font-size: 16px; padding: 8px 25px 8px 15px !important; } .nav-dd-container::-webkit-input-placeholder { font-size: 16px !important; } .search-dd > .bootstrap-select { height: 30px; } .nav-link { font-size: 16px; padding: 5px 0 !important; } .left-blue-border { margin-top: -1px !important; height: 25px !important; width: 100% !important; } .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714% !important; *width: 14.285714285714285714285714285714% !important; padding-right: 0; padding-left: 0; } /*07-01-2022 #15695*/ .request-quote-tab-title { font-size: 16px !important; } #requestQuoteModal .modal-dialog { width: 97% !important; } } @media all and (max-width: 1200px) { .hero-block, .hero-2-block { margin-top: 0 !important; background-size: contain !important; } } @media all and (max-width: 1200px) and (min-width: 991px) { .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714% !important; *width: 14.285714285714285714285714285714% !important; } .home-product-section-bg.home-page .description-normal-text { width: auto !important; } } @media all and (max-width: 1400px) { .left-blue-border { margin-top: -1px !important; height: 25px !important; width: 100% !important; } } @media all and (max-width: 1600px) and (min-width: 1200px) { .col-gh-lg-3 { width: 25% !important; } .col-gh-lg-9 { width: 75% !important; } } @media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (orientation: landscape) { .img-faq { height: 150px !important; display: block !important; margin: auto !important; } .product-card-link-container { padding-top: 5px; } .modal-footer { padding: 0 15px !important; } .modal-footer .orange-btn { margin-top: 20px !important; margin-bottom: 0px !important; } .modal-dialog.modal-dialog-centered { width: 65% !important; margin: 20px auto !important; } .modal-body { padding: 3px !important; } /*07-01-2022 #15695*/ .modal-body.request-quote-modal-body { padding: 1px !important; } .iframe-video-embed { border: 0; overflow: hidden; } .description-normal-text table tbody tr td img { width: 90% !important; display: inline-block !important; } } @media only screen and (min-width: 481px) { .display-flex.row { display: flex; flex-wrap: wrap; } .display-flex.row > [class*="col-"] { display: flex; flex-direction: column; } .display-flex.row:after, .display-flex.row:before { display: flex; } } @media all and (min-width: 768px) { .rqModal-dialog { min-height: calc(100% - (1.75rem * 2)); display: flex; align-items: center; margin: 1.75rem auto !important; } .hero-block, .hero-2-block { background-position: 0 0 !important; padding-top: 0 !important; } .tab-left-hide { display: block; } .tab-left-hide .content-main-body-left-section.hidden-xs.margin-t-12 { display: block; } .tab-left-hide .content-main-body-left-bg-img-section.hidden-xs.margin-top-80 { display: block; } .modal-dialog { width: 59% !important; margin: 30px auto; } .modal-dialog { margin-top: 60px !important; } .release-summary-modal-dialog { width: 80% !important; } } @media all and (min-width: 769px) { .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 100% !important; *width: 100% !important; } .col-sm-5th-1, .col-sm-5th-2, .col-sm-5th-3, .col-sm-5th-4 { float: left; } .col-sm-5th-5 { float: left; width: 100%; } .col-sm-5th-4 { width: 80%; } .col-sm-5th-3 { width: 60%; } .col-sm-5th-2 { width: 40%; } .col-sm-5th-1 { width: 20%; } .col-sm-5th-pull-5 { right: 100%; } .col-sm-5th-pull-4 { right: 80%; } .col-sm-5th-pull-3 { right: 60%; } .col-sm-5th-pull-2 { right: 40%; } .col-sm-5th-pull-1 { right: 20%; } .col-sm-5th-pull-0 { right: auto; } .col-sm-5th-push-5 { left: 100%; } .col-sm-5th-push-4 { left: 80%; } .col-sm-5th-push-3 { left: 60%; } .col-sm-5th-push-2 { left: 40%; } .col-sm-5th-push-1 { left: 20%; } .col-sm-5th-push-0 { left: auto; } .col-sm-5th-offset-5 { margin-left: 100%; } .col-sm-5th-offset-4 { margin-left: 80%; } .col-sm-5th-offset-3 { margin-left: 60%; } .col-sm-5th-offset-2 { margin-left: 40%; } .col-sm-5th-offset-1 { margin-left: 20%; } .col-sm-5th-offset-0 { margin-left: 0%; } .mobile-hide { display: table-cell !important; } .mobile-show { display: none !important; } .gh-card-block { width: 33.33333333%; padding: 0 15px; position: relative; padding-bottom: 30px; } } @media all and (min-width: 992px) { .container { width: 85% !important; } .container-custome { width: 92% !important; } .col-md-5th-1, .col-md-5th-2, .col-md-5th-3, .col-md-5th-4 { float: left; } .col-md-5th-5 { float: left; width: 100%; } .col-md-5th-4 { width: 80%; } .col-md-5th-3 { width: 60%; } .col-md-5th-2 { width: 40%; } .col-md-5th-1 { width: 20%; } .col-md-5th-pull-5 { right: 100%; } .col-md-5th-pull-4 { right: 80%; } .col-md-5th-pull-3 { right: 60%; } .col-md-5th-pull-2 { right: 40%; } .col-md-5th-pull-1 { right: 20%; } .col-md-5th-pull-0 { right: auto; } .col-md-5th-push-5 { left: 100%; } .col-md-5th-push-4 { left: 80%; } .col-md-5th-push-3 { left: 60%; } .col-md-5th-push-2 { left: 40%; } .col-md-5th-push-1 { left: 20%; } .col-md-5th-push-0 { left: auto; } .col-md-5th-offset-5 { margin-left: 100%; } .col-md-5th-offset-4 { margin-left: 80%; } .col-md-5th-offset-3 { margin-left: 60%; } .col-md-5th-offset-2 { margin-left: 40%; } .col-md-5th-offset-1 { margin-left: 20%; } .col-md-5th-offset-0 { margin-left: 0%; } .gh-card-block { width: 33.33333333%; padding: 0 15px; position: relative; padding-bottom: 30px; } } @media all and (min-width: 1024px) { .cookiealert.show .container { width: 100% !important; } .cookie-container { display: flex; align-items: center; margin: 0; padding: 0; } .cookie-msg { width: 95%; float: left; } .cookie-btn { width: 5%; float: left; } /*07-01-2022 #15695*/ #requestQuoteModal .modal-dialog { width: 67% !important; } } @media all and (min-width: 1200px) { .col-xl-1 { width: 21.333333%; } .col-xl-11 { width: 78.666667%; } } @media all and (min-width: 1200px) { ul.left-content-links { padding-left: 24px; padding-bottom: 24px; } .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714% !important; *width: 14.285714285714285714285714285714% !important; } .india-css .header-logo-flags-block, .mexico-css .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; } .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; } .col-2-img, .col-md-2.col-xs-4.col-sm-2.title-container .sf_colsIn img { display: block !important; height: auto !important; margin: auto !important; max-height: 114px !important; width: auto !important; } .col-lg-5th-1, .col-lg-5th-2, .col-lg-5th-3, .col-lg-5th-4 { float: left; } .col-lg-5th-5 { float: left; width: 100%; } .col-lg-5th-4 { width: 80%; } .col-lg-5th-3 { width: 60%; } .col-lg-5th-2 { width: 40%; } .col-lg-5th-1 { width: 20%; } .col-lg-5th-pull-5 { right: 100%; } .col-lg-5th-pull-4 { right: 80%; } .col-lg-5th-pull-3 { right: 60%; } .col-lg-5th-pull-2 { right: 40%; } .col-lg-5th-pull-1 { right: 20%; } .col-lg-5th-pull-0 { right: auto; } .col-lg-5th-push-5 { left: 100%; } .col-lg-5th-push-4 { left: 80%; } .col-lg-5th-push-3 { left: 60%; } .col-lg-5th-push-2 { left: 40%; } .col-lg-5th-push-1 { left: 20%; } .col-lg-5th-push-0 { left: auto; } .col-lg-5th-offset-5 { margin-left: 100%; } .col-lg-5th-offset-4 { margin-left: 80%; } .col-lg-5th-offset-3 { margin-left: 60%; } .col-lg-5th-offset-2 { margin-left: 40%; } .col-lg-5th-offset-1 { margin-left: 20%; } .col-lg-5th-offset-0 { margin-left: 0%; } } @media all and (min-width: 1301px) { .content-main-body-container > .container > .row > .col-md-3, .my-account-title-container > .container > .row > .col-xs-3.col-sm-3 { width: 24% !important; } .content-main-body-container > .container > .row > .col-md-9, .my-account-title-container > .container > .row > .col-xs-9.col-sm-9 { width: 76% !important; } } @media all and (min-width: 1400px) { .container { width: 85%; } .india-css .header-logo-flags-block, .mexico-css .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; } .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; } } @media all and (min-width: 1401px) { .content-main-body-container > .container > .row > .col-md-3, .my-account-title-container > .container > .row > .col-xs-3.col-sm-3 { width: 22% !important; } .content-main-body-container > .container > .row > .col-md-9, .my-account-title-container > .container > .row > .col-xs-9.col-sm-9 { width: 78% !important; } } @media all and (min-width: 1440px) { .cookie-container { display: flex; align-items: center; margin: 0; padding: 0; } .cookie-msg { width: 95%; float: left; } .cookie-btn { width: 5%; float: left; } } @media all and (min-width: 1501px) { .content-main-body-container > .container > .row > .col-md-3, .my-account-title-container > .container > .row > .col-xs-3.col-sm-3 { width: 20% !important; } .content-main-body-container > .container > .row > .col-md-9, .my-account-title-container > .container > .row > .col-xs-9.col-sm-9 { width: 80% !important; } } @media all and (min-width: 1600px) { .sub-title { margin-bottom: 22px; margin-top: 24px; } .india-css .header-logo-flags-block, .mexico-css .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; } .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; } } @media all and (min-width: 1601px) { .img-w-20-m-10 { width: 7%; margin: 10px; } .content-main-body-container > .container > .row > .col-md-3, .my-account-title-container > .container > .row > .col-xs-3.col-sm-3 { width: 19% !important; } .content-main-body-container > .container > .row > .col-md-9, .my-account-title-container > .container > .row > .col-xs-9.col-sm-9 { width: 81% !important; } } @media all and (min-width: 1800px) { .india-css .header-logo-flags-block, .mexico-css .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; } .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; } } @media all and (min-width: 1801px) { .content-main-body-container > .container > .row > .col-md-3, .my-account-title-container > .container > .row > .col-xs-3.col-sm-3 { width: 17% !important; } .content-main-body-container > .container > .row > .col-md-9, .my-account-title-container > .container > .row > .col-xs-9.col-sm-9 { width: 83% !important; } } @media all and (min-width: 2000px) { .india-css .header-logo-flags-block, .mexico-css .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; } .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; } } @media all and (min-width: 2001px) { .content-main-body-container > .container > .row > .col-md-3, .my-account-title-container > .container > .row > .col-xs-3.col-sm-3 { width: 15% !important; } .content-main-body-container > .container > .row > .col-md-9, .my-account-title-container > .container > .row > .col-xs-9.col-sm-9 { width: 85% !important; } } @media all and (min-width: 2200px) { .india-css .header-logo-flags-block, .mexico-css .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; } .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; } } @media all and (min-width: 2400px) { .india-css .header-logo-flags-block, .mexico-css .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; } .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; } .india-css .header-logo-flags-block, .mexico-css .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; } .header-logo-flags-block { background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important; background-position: bottom !important; } } @media all and (max-width: 64em) { figure { padding-left: 0; padding-right: 0; height: auto; } .controls { height: 1.876rem; } } @media all and (max-width: 42.5em) { .controls { height: auto; } .controls > * { display: block; width: 16.6667%; margin-left: 0; height: 2.5rem; margin-top: 2.5rem; } .controls .progress { position: absolute; top: 0; width: 100%; float: none; margin-top: 0; } .controls .progress progress { width: 98%; margin: 0 auto; } .controls button { background-position: center center; } } @media all and (max-width: 767px) and (min-width: 640px) { body { background-position-y: 407px; } } @media all and (max-width: 639px) and (min-width: 540px) { body { background-position-y: 424px; } } @media all and (max-width: 539px) and (min-width: 440px) { body { background-position-y: 451px; } } @media all and (max-width: 375px) and (min-width: 370px) { body { background-position-y: 452px; } .featured-categories { margin-top: -13px; padding-top: 70px; } } @media all and (max-width: 340px) { /*22-10-2021 Ticket #15370*/ .hero-with-two-btn .hero-wrapper img.hero-img { height: 265px !important; } .purchase-option-card-link-container .purchase-option-sub-title { font-size: 13px !important; } .purchase-option-description { font-size: 12px !important; } .purchase-card-link.upper-case.blue-btn { font-size: 13px !important; } } @media all and (max-width: 439px) and (min-width: 376px) { .featured-categories { margin-top: 131px !important; padding-top: 0 !important; } } @media all and (max-width: 439px) and (min-width: 370px) { body { background-position-y: 452px; } } @media all and (max-width: 369px) and (min-width: 328px) { body { background-position-y: 467px; } .featured-categories { margin-top: -25px !important; padding-top: 80px !important; } } @media all and (max-width: 327px) and (min-width: 320px) { body { background-position-y: 484px; } .featured-categories { margin-top: 42px !important; padding-top: 0 !important; } } @media all and (max-width: 1024px) and (min-width: 768px) { .container { width: 96% !important; } .gh-logo-col { width: 23% !important; } .sli { width: 22% !important; } .gh-nav-search-choose-col { width: 55% !important; } .gh-flag-col { width: 22% !important; } .header-flag-active, .header-flag-inactive, .header-flag-inactive:hover { padding: 0 10px 10px 10px !important; } .logo { padding: 14px 0 0 0 !important; } .header-login-block { padding-left: 10px !important; padding-right: 10px !important; } .header-logo-flags-block { padding-left: 10px !important; padding-right: 10px !important; padding-bottom: 0 !important; } .header-flags-container { width: auto !important; margin-bottom: 0; padding-right: 15px; } .header-lang-container { width: auto !important; margin-bottom: 0 !important; padding-right: 10px; } .gh-pipe { width: 1px !important; background: #57585a; height: 12px; display: inline-block; margin-bottom: -3px !important; } .header-lang-container span { margin: 0 0; } .flag-icon { height: 32px; } .flag-name { font-size: 10px; font-family: "Helvetica-Condensed", sans-serif; letter-spacing: 1.5px; } .header-logo-flags-block .container-fluid { padding: 0; } .header-logo-flags-block .col-md-12 { padding-right: 15px !important; padding-left: 8px !important; } input.site-search-input.form-control, .hawk-resultsSearch input[type="text"], input.site-search-input.form-control::placeholder, .hawk-resultsSearch input[type="text"]::placeholder { height: 34px !important; line-height: 34px !important; font-size: 14px !important; } .desktop-min-choosemodel-menu .form-control.search-dd { height: 40px; } .search-block-and-choosemodel-block .form-control.search-dd { height: 30px; } .desktop-tab-menu .search-dd .filter-option, .desktop-tab-menu-min .search-dd .filter-option, .bootstrap-select.btn-group.search-dd ul.dropdown-menu, .bootstrap-select.btn-group.search-dd .bs-searchbox .form-control { font-size: 14px !important; } .desktop-tab-menu-min .search-dd .dropdown-toggle { font-size: 14px !important; padding: 9px 25px 9px 10px !important; } .search-dd .dropdown-toggle { font-size: 14px !important; padding: 5px 25px 5px 10px !important; } .nav-dd-container::-webkit-input-placeholder { font-size: 14px !important; } .desktop-tab-menu .bootstrap-select.btn-group.search-dd .dropdown-toggle .caret, .desktop-tab-menu .search-dd .caret { margin-top: -6px; } .desktop-tab-menu-min .bootstrap-select.btn-group.search-dd .dropdown-toggle .caret, .desktop-tab-menu-min .search-dd .caret { margin-top: -2px; } .desktop-tab-menu .header-navbar-container .navbar-nav, .desktop-tab-menu-min .header-navbar-container .navbar-nav { margin-left: -50px !important; } .desktop-min-choosemodel-menu .search-container { margin-top: 0 !important; width: 300px !important; } .desktop-tab-menu-min li.dropdown a { font-size: 14px !important; } .bootstrap-select.btn-group.search-dd .dropdown-menu.open { width: 270px !important; } .dropdown-toggle.temp-choose-model { width: 153px !important; max-width: 153px !important; margin-right: 40px !important; } .desktop-min-choosemodel-menu .nav-dd-container { position: absolute !important; right: 0 !important; z-index: 4 !important; top: 0 !important; width: 153px !important; max-width: 153px !important; } .desktop-min-choosemodel-menu { margin-right: 40px !important; } .slide-left { left: 0 !important; } .slide-right { right: 0 !important; } .search-block-and-choosemodel-block { margin: 0 30px 0 0 !important; position: relative; width: 270px !important; float: right !important; right: 20px !important; padding: 22px 0 0 0 !important; height: 60px; } .header-navbar-container { padding-top: 4px; } .desktop-tab-menu { height: 158px !important; } .desktop-tab-menu.large { height: 158px !important; visibility: visible !important; } .desktop-tab-menu .search-container .input-group-addon { height: 34px !important; } .desktop-tab-menu .search-container .input-group-addon .fa { font-size: 20px; padding: 0 4px 0 0 !important; height: 34px !important; vertical-align: middle !important; line-height: 34px !important; } .nav-link { font-size: 14px; padding: 7px 0 5px 0 !important; } .nav-dd-container { width: 153px !important; max-width: 153px !important; } .home-card-block .product-card-container-link { margin-bottom: 30px !important; padding: 0 0 67px 0 !important; } .home-card-block .product-card-container-link .card-link { margin-bottom: 0 !important; } .home-content-bottom-space .card-white-container-link { padding: 15px 15px 55px 15px !important; } .home-content-bottom-space .card-white-title { font-size: 22px !important; line-height: 30px !important; text-align: left !important; margin-top: 0 !important; } .home-content-bottom-space .card-white-img { padding: 0 0 20px 0; } .desktop-tab-menu .search-container { margin-right: 0 !important; width: 270px !important; } .search-block-and-choosemodel-block .nav-dd-container { right: 0 !important; } .desktop-tab-menu .search-dd .filter-option, .bootstrap-select.btn-group.search-dd ul.dropdown-menu, .bootstrap-select.btn-group.search-dd .bs-searchbox .form-control { font-size: 16px; } .desktop-tab-menu .bootstrap-select.btn-group.search-dd .dropdown-toggle .caret, .desktop-tab-menu .search-dd .caret { border: 0.4em solid #9c9c9c; content: ""; position: absolute; right: 7px; border-color: #9c9c9c transparent transparent transparent; transition: 0.4s all ease-in-out; font-size: 18px; margin-top: -4px; } .desktop-tab-menu .bootstrap-select.btn-group.search-dd.open .dropdown-toggle .caret { top: 8px; } .desktop-tab-menu-min .search-block-and-choosemodel-block li.dropdown a { font-size: 14px !important; padding: 7px 4px 7px 20px !important; } .search-block-and-choosemodel-block .dropdown-menu > li > a { font-size: 14px !important; padding: 7px 4px 7px 20px !important; } } @media all and (max-width: 978px) and (min-width: 768px) { #SearchFilters { width: 369px; } #gh-my-orders_wrapper .txt-main-filter, #gh-my-orders_wrapper .select-main-filter, #discount-request_wrapper .txt-main-filter, #discount-request_wrapper .select-main-filter { margin-left: 96px !important; width: 234px !important; margin-top: 12px !important; } } @media all and (max-width: 857px) and (min-width: 768px) { .header-flags-container { margin-bottom: 1px !important; } .header-flag-active, .header-flag-inactive, .header-flag-inactive:hover { padding: 0 7px 10px 7px !important; } .header-flag-active > a, .header-flag-inactive > a { display: inline-block; } .header-flag-active .flag-name, .header-flag-inactive .flag-name { font-size: 9px; } .flag-icon { height: 30px; } .header-lang-container { width: auto !important; margin-bottom: 0; padding-right: 6px; margin-top: 2px; } .header-flags-container { width: auto !important; margin-bottom: 7px; padding-right: 15px; } } @media all and (max-width: 807px) and (min-width: 768px) { .lang-label { font-size: 12px; padding-right: 0; letter-spacing: 0.5px; } .lang-link-active { font-size: 12px; letter-spacing: 0.5px; } .lang-link-inactive { font-size: 12px; letter-spacing: 0.5px; } } @media all and (max-width: 1024px) and (min-width: 808px) { .lang-label { font-size: 13px; padding-right: 0; letter-spacing: 0.5px; } .lang-link-active { font-size: 13px; letter-spacing: 0.5px; } .lang-link-inactive { font-size: 13px; letter-spacing: 0.5px; } } @media all and (max-width: 1230px) and (min-width: 1025px) { .container { width: 90% !important; } .lang-link-active, .lang-link-inactive { font-size: 15px !important; } } @media all and (max-width: 1285px) and (min-width: 1025px) { .gh-logo-col { width: 23% !important; } .gh-nav-search-choose-col { width: 55% !important; } .gh-flag-col { width: 22% !important; } .header-flag-active, .header-flag-inactive, .header-flag-inactive:hover { padding: 0 15px 15px 15px; } .logo { padding: 14px 0 0 0 !important; } .logo-img { min-width: 260px; } .header-navbar-container { padding-top: 0; } .header-login-block { padding-left: 10px !important; padding-right: 10px !important; } .header-logo-flags-block { padding-left: 10px !important; padding-right: 10px !important; } .header-flags-container { margin-bottom: 10px !important; } .header-lang-container { margin-bottom: 0; } .header-flags-container, .header-lang-container { width: auto !important; float: right !important; } .flag-name { font-size: 13px; } .flag-icon { height: 34px; } .header-lang-container span { margin: 0 2px; } .lang-label { font-size: 15px; /* font-weight: 600; font-family: 'Helvetica',sans-serif;*/ color: #706e6f; letter-spacing: 0.8px; } .lang-link-active { color: #000; /*font-family: 'Helvetica-Bold',sans-serif;*/ font-size: 16px; line-height: 18px; text-decoration: underline; letter-spacing: 0.1px; } .lang-link-inactive { color: #000; /*font-family: 'Helvetica',sans-serif;*/ font-size: 16px; font-weight: normal; line-height: 18px; text-decoration: underline; letter-spacing: 0.1px; } .nav-link { font-size: 20px; padding-top: 13px !important; } .header-logo-flags-block .col-md-12 { padding-right: 15px !important; padding-left: 5px !important; } input.site-search-input.form-control, .hawk-resultsSearch input[type="text"], input.site-search-input.form-control::placeholder, .hawk-resultsSearch input[type="text"]::placeholder { height: 41px !important; line-height: 41px !important; font-size: 16px !important; } .desktop-tab-menu .search-container .input-group-addon .fa { font-size: 20px; padding: 0 14px 0 0; height: 41px !important; vertical-align: middle !important; line-height: 41px; } .search-block-and-choosemodel-block .nav-dd-container { right: 0 !important; } .search-dd .bootstrap-select .dropdown-menu li a, .search-dd .bootstrap-select .dropdown-menu li a span.text { font-size: 16px !important; } .search-dd .dropdown-toggle { font-size: 16px !important; padding: 5px 25px 5px 10px !important; } .desktop-tab-menu-min .search-dd .dropdown-toggle { font-size: 16px !important; padding: 9px 25px 9px 10px !important; } .nav-dd-container::-webkit-input-placeholder { font-size: 16px !important; } .desktop-tab-menu .bootstrap-select.btn-group.search-dd .dropdown-toggle .caret, .desktop-tab-menu .search-dd .caret { border: 0.4em solid #9c9c9c; content: ""; position: absolute; right: 7px; border-color: #9c9c9c transparent transparent transparent; transition: 0.4s all ease-in-out; font-size: 18px; margin-top: 0; } .desktop-tab-menu .bootstrap-select.btn-group.search-dd.open .dropdown-toggle .caret { top: 8px; } .desktop-tab-menu-min .bootstrap-select.btn-group.search-dd .dropdown-toggle .caret, .desktop-tab-menu-min .search-dd .caret { margin-top: 0; } .search-block-and-choosemodel-block .form-control.search-dd { height: 40px; } .desktop-min-choosemodel-menu .form-control.search-dd { height: 40px; } .search-dd .dropdown-toggle { font-size: 16px !important; padding: 5px 25px 5px 10px !important; height: 39px !important; } .nav-dd-container::-webkit-input-placeholder { font-size: 16px !important; } .desktop-tab-menu .search-dd .filter-option, .desktop-tab-menu-min .search-dd .filter-option, .bootstrap-select.btn-group.search-dd ul.dropdown-menu, .bootstrap-select.btn-group.search-dd .bs-searchbox .form-control { font-size: 16px !important; } .bootstrap-select.btn-group.search-dd .dropdown-menu.open { width: 300px !important; } .search-block-and-choosemodel-block { position: relative; width: 300px !important; float: right !important; right: 20px !important; height: 56px; } .desktop-tab-menu .search-container { margin-right: 0 !important; width: 300px !important; } .nav-dd-container, .dropdown-toggle.temp-choose-model { width: 165px !important; max-width: 165px !important; } .desktop-min-choosemodel-menu { margin-right: 130px !important; } .desktop-min-choosemodel-menu .search-container { margin-top: 0 !important; width: 300px !important; } .desktop-min-choosemodel-menu .nav-dd-container { position: absolute !important; right: 0 !important; z-index: 4 !important; top: 0 !important; width: 145px !important; max-width: 145px !important; } .desktop-tab-menu .search-container .input-group-addon .fa { font-size: 20px; padding: 0 14px 0 0; height: 41px !important; vertical-align: middle !important; line-height: 41px; } .search-dd .dropdown-toggle { font-size: 16px !important; padding: 5px 25px 5px 10px !important; } .nav-dd-container::-webkit-input-placeholder { font-size: 16px !important; } .desktop-min-choosemodel-menu .bootstrap-select.btn-group.search-dd .dropdown-toggle .caret, .desktop-min-choosemodel-menu .search-dd .caret { font-size: 15px; margin-top: 0; } .desktop-tab-menu-min .search-block-and-choosemodel-block li.dropdown a { font-size: 16px !important; padding: 7px 4px 7px 20px !important; } .search-block-and-choosemodel-block .dropdown-menu > li > a { font-size: 16px !important; padding: 7px 4px 7px 20px !important; } .desktop-tab-menu-min .search-block-and-choosemodel-block li.dropdown a { font-size: 16px !important; padding: 7px 4px 7px 20px !important; } } @media all and (max-width: 1050px) and (min-width: 1025px) { .header-navbar-container > .navbar-nav { min-width: 635px; margin-left: -117px !important; } } @media all and (max-width: 1080px) and (min-width: 1051px) { .header-navbar-container > .navbar-nav { min-width: 635px; margin-left: -100px !important; } } @media all and (max-width: 1110px) and (min-width: 1081px) { .header-navbar-container > .navbar-nav { min-width: 635px; margin-left: -90px !important; } } @media all and (max-width: 1140px) and (min-width: 1111px) { .header-navbar-container > .navbar-nav { min-width: 635px; margin-left: -74px !important; } } @media all and (max-width: 1160px) and (min-width: 1141px) { .header-navbar-container > .navbar-nav { min-width: 635px; margin-left: -60px !important; } } @media all and (max-width: 1180px) and (min-width: 1161px) { .header-navbar-container > .navbar-nav { min-width: 635px; margin-left: -40px !important; } } @media all and (max-width: 1200px) and (min-width: 1181px) { .header-navbar-container > .navbar-nav { min-width: 635px; margin-left: -30px !important; } } @media all and (max-width: 1220px) and (min-width: 1201px) { .header-navbar-container > .navbar-nav { min-width: 635px; margin-left: -30px !important; } } @media all and (max-width: 1240px) and (min-width: 1221px) { .header-navbar-container > .navbar-nav { min-width: 635px; margin-left: -30px !important; } } @media all and (max-width: 1260px) and (min-width: 1241px) { .header-navbar-container > .navbar-nav { min-width: 635px; margin-left: -30px !important; } } @media all and (max-width: 1280px) and (min-width: 1261px) { .header-navbar-container > .navbar-nav { min-width: 635px; margin-left: -40px !important; } } @media all and (max-width: 1285px) and (min-width: 1281px) { .header-navbar-container > .navbar-nav { min-width: 635px; margin-left: -30px !important; } } @media all and (max-width: 1455px) and (min-width: 1286px) { .gh-logo-col { width: 24% !important; } .gh-nav-search-choose-col { width: 57% !important; } .gh-flag-col { width: 19% !important; } .header-flag-active, .header-flag-inactive, .header-flag-inactive:hover { padding: 0 15px 15px 15px; } .header-logo-flags-block > .container-fluid > .row { display: flex; } .header-logo-flags-block > .container-fluid > .row > .col-md-3.col-sm-3 { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; } .logo { padding-bottom: 10px !important; padding-top: 0 !important; } .bootstrap-select.btn-group.search-dd .dropdown-menu.open { width: 440px !important; } .search-block-and-choosemodel-block { position: relative; width: 370px !important; float: right !important; right: 0 !important; } .desktop-tab-menu .search-container { margin-right: 0 !important; width: 370px !important; } .nav-dd-container, .dropdown-toggle.temp-choose-model { width: 220px !important; max-width: 220px !important; } .header-navbar-container { padding-top: 0; } .header-login-block { padding-left: 10px !important; padding-right: 10px !important; } .header-logo-flags-block { padding-left: 10px !important; padding-right: 10px !important; } .header-flags-container { margin-bottom: 10px !important; } .header-lang-container { margin-top: 5px; margin-bottom: 0; } .header-flags-container, .header-lang-container { width: auto !important; float: right !important; } .flag-name { font-size: 13px; } .flag-icon { height: 34px; } .header-lang-container span { margin: 0 2px; } .lang-label { font-size: 15px; /*font-weight: 600; font-family: 'Helvetica',sans-serif;*/ color: #706e6f; letter-spacing: 0.8px; } .lang-link-active { color: #000; /*font-family: 'Helvetica-Bold',sans-serif;*/ font-size: 16px; line-height: 18px; text-decoration: underline; letter-spacing: 0.1px; } .lang-link-inactive { color: #000; /*font-family: 'Helvetica',sans-serif;*/ font-size: 16px; font-weight: normal; line-height: 18px; text-decoration: underline; letter-spacing: 0.1px; } .header-navbar-container > .navbar-nav { min-width: 635px; } .nav-link { font-size: 20px; } .header-logo-flags-block .col-md-12 { padding-right: 15px !important; padding-left: 5px !important; } .desktop-min-choosemodel-menu { margin-right: 130px !important; } .desktop-min-choosemodel-menu .search-container { margin-top: 0 !important; } .desktop-min-choosemodel-menu .nav-dd-container { position: absolute !important; right: 0 !important; z-index: 4 !important; top: 0 !important; width: 200px !important; max-width: 200px !important; } .desktop-tab-menu .search-container .input-group-addon .fa { font-size: 20px; padding: 0 14px 0 0; height: 41px !important; vertical-align: middle !important; line-height: 41px; } .search-dd .dropdown-toggle { font-size: 18px !important; padding: 7px 37px 6px 14px !important; } .nav-dd-container::-webkit-input-placeholder { font-size: 18px !important; } .desktop-tab-menu-min .search-block-and-choosemodel-block li.dropdown a { font-size: 18px !important; padding: 7px 4px 7px 20px !important; } .search-block-and-choosemodel-block .dropdown-menu > li > a { font-size: 18px !important; padding: 7px 4px 7px 20px !important; } .search-dd.open .dropdown-toggle { padding: 8px 37px 6px 14px !important; } .desktop-tab-menu .search-dd .filter-option, .desktop-tab-menu-min .search-dd .filter-option, .bootstrap-select.btn-group.search-dd ul.dropdown-menu, .bootstrap-select.btn-group.search-dd .bs-searchbox .form-control { font-size: 18px !important; } .search-block-and-choosemodel-block .dropdown-menu > li > a { padding: 6px 16px !important; } .desktop-tab-menu-min .search-block-and-choosemodel-block li.dropdown a { padding: 6px 16px !important; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 12px !important; margin-top: 10px !important; } .desktop-tab-menu .search-container { margin-right: 0 !important; width: 370px !important; } } @media all and (min-width: 1456px) { .header-logo-flags-block > .container-fluid > .row { display: flex; } .header-logo-flags-block > .container-fluid > .row > .col-md-3.col-sm-3 { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; } .logo { padding-bottom: 23px !important; padding-top: 0 !important; } .bootstrap-select.btn-group.search-dd .dropdown-menu.open { width: 440px !important; } .search-block-and-choosemodel-block { position: relative; width: 370px !important; float: right !important; right: 0 !important; } .desktop-tab-menu .search-container { margin-right: 0 !important; width: 370px !important; } .nav-dd-container, .dropdown-toggle.temp-choose-model { width: 220px !important; max-width: 220px !important; } .desktop-min-choosemodel-menu { margin-right: 130px !important; } .desktop-min-choosemodel-menu .search-container { margin-top: 0 !important; width: 370px !important; } .desktop-min-choosemodel-menu .nav-dd-container { position: absolute !important; right: 0 !important; z-index: 4 !important; top: 0 !important; width: 220px !important; max-width: 220px !important; } } @media all and (max-width: 443px) { .modal-tab-icon { height: 40px; width: 40px; } .tab-title-with-icon { width: 40px; font-size: 16px; line-height: 1.4em; } .w50px { width: 60%; vertical-align: middle; } .tab-title-with-icon { color: #a9adb6; width: 40px; display: inline-block; text-align: center; padding-top: 15px; font-family: "Helvetica-Condensed", sans-serif; font-size: 14px; line-height: 1.4em; } .modal-icon-tab-seperator-before { height: 5px; background: #a9adb6; display: inline-block; width: 100%; margin-top: 18px; margin-right: 2px; margin-left: 2px; } .modal-icon-tab-seperator-last-child-before-after { height: 5px; background: #a9adb6; display: inline-block; width: 100%; margin-top: 18px; margin-right: 2px; margin-left: 2px; } } @media all and (max-width: 564px) and (min-width: 444px) { .modal-icon-tab-seperator-before { height: 8px; background: #a9adb6; display: inline-block; width: 100%; margin-top: 28px; margin-right: 4px; margin-left: 4px; } .modal-icon-tab-seperator-last-child-before-after { height: 8px; background: #a9adb6; display: inline-block; width: 100%; margin-top: 28px; margin-right: 4px; margin-left: 4px; } .w50px { width: 60%; vertical-align: middle; } .modal-tab-icon { height: 60px; width: 60px; } .tab-title-with-icon { width: 60px; font-size: 16px; line-height: 1.4em; } } @media all and (max-width: 564px) { /*22-10-2021 Ticket #15373*/ .hero-with-two-btn .hero-btn-wrap .transparent-btn { height: 24px !important; width: 25px !important; background-size: 60% !important; } .sort-by-select { position: absolute; bottom: 66px; /*Datatable New CSS*/ /*top: 228px;*/ /*height: max-content;*/ } .sales-lead-sort-by-select { bottom: 0px !important; display: none; } .dt-range-lbl, .filter-by-lbl { width: 88px !important; /*Datatable New CSS*/ /*width: 65px !important;*/ } .dt-range-lbl { width: auto !important; margin-right: 0px; } /*label in 2 lines .dt-range-lbl { margin-right: 0px; }*/ #gh-my-orders_wrapper .txt-main-filter, #gh-my-orders_wrapper .select-main-filter, #discount-request_wrapper .txt-main-filter, #discount-request_wrapper .select-main-filter { margin-left: 90px !important; min-width: 184px !important; margin-top: 21px !important; } .release-summary-title { width: 100% !important; text-align: center !important; padding: 0 !important; margin: 0 !important; } .release-summary-pdf { width: 100% !important; text-align: center !important; margin-top: 0 !important; margin-bottom: 10px; } button.close.release-summary-close, button.close.release-summary-close:hover { line-height: 30px !important; padding: 0 !important; margin-top: -20px !important; font-size: 30px !important; height: 30px !important; width: 30px !important; display: inline-block; vertical-align: middle; text-align: center; } [data-dtr-index="5"], [data-dtr-index="6"] { padding: 6px 0 !important; } [data-dtr-index="5"] span.dtr-title, [data-dtr-index="6"] span.dtr-title { min-width: 0 !important; } table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { border-bottom: 1px solid #efefef; } table.dataTable tbody tr td a.delete-contact, table.dataTable tbody tr td a.edit-contact { padding: 4px 20px !important; margin: 0 !important; border-top: 2px !important; border-bottom: 2px !important; } table.dataTable tbody tr td a:hover.delete-contact, table.dataTable tbody tr td a:hover.edit-contact { line-height: 16px !important; } .orange-btn.margin-b-0.delete-contact { color: #4a4a4a !important; background-color: transparent !important; border-left: 0 !important; border-right: 0 !important; } #gh-my-orders_wrapper .bottom, #gh-my-accountInfo_wrapper .bottom, #discount-request_wrapper .bottom { text-align: center; width: 100%; height: 94px; margin: 0 !important; padding: 15px 0 !important; } #gh-my-orders_wrapper .bottom .dataTables_info, #gh-my-accountInfo_wrapper .bottom .dataTables_info, #discount-request_wrapper .bottom .dataTables_info { float: none !important; } #gh-my-orders_wrapper .bottom .dataTables_paginate, #gh-my-accountInfo_wrapper .bottom .dataTables_paginate, #discount-request_wrapper .bottom .dataTables_paginate { float: none !important; } .my-orders-btn-apply { position: absolute; bottom: 165px; width: 100%; margin: 0 !important; /*Datatable New CSS*/ /*position: absolute; top: 75px; width: max-content; margin: 0 !important; right: 0;*/ } .my-orders-btn-reset { position: absolute; bottom: 85px; left: 105px; margin: 0 !important; padding-left: 5px; } .data-range-container { bottom: 216px; position: absolute; margin: 0 !important; padding-top: 0 !important; } .sales-data-range-container { top: 0px; position: absolute; margin: 0 !important; padding-top: 0 !important; } .sales-data-range-container .dataTable-date-filter { margin-top: 7px !important; font-weight: 500; } .sales-data-range-container .dt-range-lbl { color: #7b7b7b !important; font-weight: 500; width: 100% !important; } .sales-data-range-container .fa-calendar { display: inline-block; } .sales-data-range-container .fa-caret-down { font-size: 18px; } .gh-sales-lead-filter { top: 125px !important; } #gh-my-orders_filter.gh-sales-lead-filter input { height: 32px !important; font-size: 16px !important; } .gh-sales-lead-filter .dt-search-icon { height: 32px !important; } .gh-sales-lead-filter .dt-search-icon .dt-search-icon-container { height: 32px !important; width: 32px !important; } .gh-sales-lead-filter .dt-search-icon .dt-search-icon-container .dt-search-icon-fa { height: 32px !important; line-height: 32px !important; font-size: 18px; } .filter-by-group { top: 86px; position: absolute; margin: 0 !important; } .sales-filter-by-group { top: 75px; position: absolute; margin: 0 !important; display: inline-flex; align-items: center; } .sales-filter-by-group .filter-by-lbl { width: 60px !important; font-weight: 500; } .sales-filter-by-group #selFilterBy { width: 100px !important; height: max-content !important; } .sales-filter-by-group .dropdown-el { background-size: 10px !important; background-position-x: 90% !important; } .sales-my-orders-btn-apply { position: absolute; top: 75px; right: 0; display: inline-flex; align-items: center; padding-top: 3px; } .sales-my-orders-btn-apply .groupbottommargin { margin-bottom: 0 !important; } .dataTables_paginate.paging_simple_numbers { text-align: center !important; } #gh-my-orders_wrapper .top .dataTables_paginate, #discount-request_wrapper .top .dataTables_paginate { width: 100%; top: 0; position: absolute; right: auto; left: 0; } #SearchFilters { width: 100% !important; } #SearchFilters .filter-by-label { font-size: 16px !important; padding-bottom: 0 !important; font-family: "Helvetica-Condensed", sans-serif !important; line-height: 32px !important; padding: 0 !important; height: 36px !important; padding-top: 4px !important; } #gh-my-accountInfo_wrapper > .top { margin: 10px 0 !important; height: 133px; } #gh-my-accountInfo_wrapper > .top .dataTables_paginate { top: 0; width: 100%; right: auto; bottom: auto; padding: 0 0 !important; justify-content: space-between; display: flex; } #gh-my-accountInfo_length { left: 0; text-align: left; top: 28px !important; margin-left: 15px !important; } #gh-my-accountInfo_wrapper .dt-search-icon-container { margin-top: -46px !important; } #gh-my-accountInfo_filter { bottom: 0; position: absolute; width: 100%; } #gh-my-accountInfo_filter > label, #gh-my-accountInfo_filter > label > input { width: 100%; } #gh-my-accountInfo_wrapper .dt-search-icon { position: absolute !important; bottom: 0; right: 0; margin: 0; } #gh-my-orders_wrapper > .top, #discount-request_wrapper > .top { height: 367px; /*Datatable New CSS*/ /*height: 270px !important;*/ position: relative; margin: 10px 0 !important; } #gh-my-orders_filter.gh-sales-lead-filter label { position: relative; width: 40% !important; float: left; } #gh-my-orders_filter, #discount-request_filter { bottom: 0 !important; /*Datatable New CSS*/ /*top: 125px !important;*/ /*width: max-content !important;*/ /*height: max-content;*/ position: absolute !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } #gh-my-orders_filter > label, #discount-request_filter > label { width: 100% !important; margin: 0 !important; padding: 0 !important; } #discount-request_filter > label { text-align: left; } #gh-my-orders_filter.dataTables_filter input, #discount-request_filter.dataTables_filter input { width: 100% !important; margin: 0 !important; } #gh-my-orders_filter.dataTables_filter input::placeholder, #gh-my-orders_filter.dataTables_filter input::-webkit-input-placeholder, #gh-my-orders_filter.dataTables_filter input { font-size: 14px !important; } #gh-my-orders_length.gh-sales-lead-length .gh-my-orders-entries { margin-left: 5px; height: max-content !important; padding: 0 15px 0 10px !important; background-size: 10px !important; } #gh-my-orders_wrapper .dt-search-icon, #discount-request_wrapper .dt-search-icon { top: auto !important; position: absolute !important; bottom: 0 !important; right: 0 !important; margin: 0 !important; } /*Datatable New CSS*/ /*#gh-my-orders_wrapper .dt-search-icon { top: 125px !important; position: absolute !important; bottom: 0 !important; right: 165px !important; margin: 0 !important; height: max-content; }*/ #gh-my-orders_wrapper .m-dt-date-range, #discount-request_wrapper .m-dt-date-range { position: absolute !important; bottom: 50px !important; left: 0 !important; top: auto !important; } .dataTables_wrapper .search-filter label { padding-top: 1px !important; } #gh-my-orders_wrapper .top .dataTables_length, #discount-request_wrapper .top .dataTables_length { position: absolute !important; top: 34px !important; left: 0 !important; text-align: left !important; width: 100%; margin-left: 0 !important; } /*Datatable New CSS*/ /*#gh-my-orders_wrapper .top .dataTables_length { position: absolute !important; top: 125px !important; right: 0 !important; text-align: left !important; width: max-content; margin-left: 0 !important; }*/ #gh-my-accountInfo_wrapper .top .dataTables_length { margin-left: 0 !important; } .dataTables_wrapper .search-filter label { padding-top: 1px !important; } .dt-savepreference-sales-lead .save-preference { font-size: 14px !important; height: 28px !important; line-height: 24px !important; } #gh-my-orders_wrapper .top .dataTables_length { position: absolute !important; top: 34px !important; left: 0 !important; text-align: left !important; width: 100%; margin-left: 0 !important; } #gh-my-orders_wrapper #gh-my-orders_length.gh-sales-lead-length { top: 125px !important; left: auto !important; right: 0 !important; width: 60%; padding-left: 25px !important; text-align: right !important; } #gh-my-accountInfo_wrapper .top .dataTables_length { margin-left: 0 !important; } #gh-my-orders_length select, #discount-request_length select { margin-left: 48px; /*Datatable New CSS*/ /*margin-left: 10px;*/ } #gh-my-orders_wrapper .modal-submit-btn, #gh-my-orders_wrapper .modal-close-btn, #discount-request_wrapper .modal-submit-btn, #discount-request_wrapper .modal-close-btn { height: 32px !important; margin-top: 0 !important; margin-left: 0 !important; line-height: 28px; padding: 0 30px !important; } /*Datatable New CSS*/ /*#gh-my-orders_wrapper .modal-submit-btn, #gh-my-orders_wrapper .modal-close-btn { height: auto !important; margin-top: 3px !important; margin-left: 0 !important; line-height: 28px; padding: 0 24px !important; font-size: 12px !important; line-height: 20px !important; }*/ .sales-my-orders-btn-apply #btnApply { margin-right: 7px; } .sales-my-orders-btn-apply #btnApply, .sales-my-orders-btn-apply #btnReset { height: max-content !important; padding: 0px 7px !important; font-size: 12px !important; line-height: 20px !important; margin-bottom: 0 !important; } .dt-savepreference { bottom: 99px !important; position: absolute !important; width: 100% !important; margin: 0 !important; padding: 0 !important; top: unset; float: left; } .dt-savepreference-sales-lead { top: 170px !important; } .save-preference { background-color: #fff; border: 2px solid #015a9c !important; border-radius: 4px !important; color: #015a9c !important; cursor: pointer; display: inline-block; float: left; font-family: "Helvetica-Condensed", sans-serif; font-size: 16px !important; font-weight: bolder !important; height: 32px !important; line-height: 28px; margin-left: 0 !important; margin-top: 0 !important; padding: 0 12px !important; margin-right: 4px; } .hero-wrapper .hero-sub-title { padding-right: 0px !important; } } @media all and (max-width: 978px) and (min-width: 768px) { #gh-my-orders_wrapper .txt-main-filter, #gh-my-orders_wrapper .select-main-filter, #discount-request_wrapper .txt-main-filter, #discount-request_wrapper .select-main-filter { margin-left: 96px !important; width: 267px !important; margin-top: 12px !important; } .gh-my-orders-container .dataTables_wrapper .dataTables_paginate .paginate_button, .gh-my-orders-container div.dataTables_wrapper .dataTables_info { padding: 5px 6px !important; } } @media all and (max-width: 767px) and (min-width: 565px) { .dt-range-lbl, .filter-by-lbl { width: 79px !important; } #gh-my-orders_wrapper .txt-main-filter, #gh-my-orders_wrapper .select-main-filter, #discount-request_wrapper .txt-main-filter, #discount-request_wrapper .select-main-filter { margin-left: 79px !important; min-width: 184px !important; } #gh-my-orders_wrapper .top .dataTables_paginate, #discount-request_wrapper .top .dataTables_paginate { width: auto !important; } /*22-10-2021*/ /*.hero-wrapper .hero-btn-wrap { display: inline-block; }*/ .hero-wrapper .hero-sub-title { margin-bottom: 10px !important; } .hero-wrapper .orange-btn-2, .orange-btn-2[disabled]:hover { font-size: 12px !important; padding: 8px 20px !important; } .hero-wrapper .transparent-btn { font-size: 12px !important; padding: 8px 20px !important; } .hero-wrapper .orange-btn-2 .fa-external-link:before { font-size: 12px !important; } .hero-wrapper .transparent-btn .fa-play { height: 15px; width: 15px; font-size: 7px; } } @media all and (max-width: 1024px) { input.site-search-input.form-control { height: 34px !important; line-height: 34px !important; font-size: 14px !important; padding: 0 13px 0 13px !important; } /*07-01-2022 #15695*/ /*.product-card-purchase-option { grid-template-columns: repeat(1, 1fr) !important; grid-row-gap: 15px; }*/ .purchase-card-link.upper-case.orange-btn, .purchase-card-link.upper-case.blue-btn { font-size: 14px !important; line-height: 1em !important; } .request-quote-location i { margin-top: 0px; } .word-count-wrap { font-size: 18px; } } @media all and (max-width: 1024px) and (min-width: 769px) { .hero-wrapper .hero-container { top: 40px; } .hero-wrapper .hero-title { font-size: 38px; } .hero-wrapper .hero-sub-title { font-size: 18px; /*padding-right: 62px !important;*/ max-width: 480px; margin-top: 10px; } /*07-01-2022 #15695*/ #requestQuoteModal .modal-dialog { width: 92% !important; } } @media all and (max-width: 564px) { .hero-wrapper .hero-btn-wrap { display: inline-flex; margin-top: 10px; } .transparent-btn, .orange-btn-2 { height: 24px; } .hero-wrapper .hero-btn-wrap .orange-btn-2, .hero-wrapper .hero-btn-wrap .transparent-btn { font-size: 10px !important; padding: 6px 15px !important; } .orange-btn-2 .fa-external-link:before { font-size: 14px; border: 2px solid transparent; } .transparent-btn .fa-play { height: 16px; width: 16px; font-size: 7px; } } @media all and (max-width: 420px) { .hero-wrapper img.hero-img { height: 170px; } /*22-10-2021 Ticket #15370*/ .hero-with-two-btn .hero-wrapper img.hero-img { height: 230px; } } @media all and (max-width: 567px) { .careers-button { padding: 0 12px !important; } #selFilterBy, #txtMainFilter, #selSalesPerson { margin-right: 0 !important; } /*22-10-2021 Ticket #15370*/ .hero-with-two-btn .hero-wrapper img.hero-img { height: 230px; } } @media all and (min-width: 565px) and (max-width: 567px) { #gh-my-orders_wrapper .txt-main-filter, #gh-my-orders_wrapper .select-main-filter, #discount-request_wrapper .txt-main-filter, #discount-request_wrapper .select-main-filter { margin-left: 77px !important; } } /* Large devices (desktops, less than 1200px) */ @media (max-width: 1199.98px) { .blog-title-icon-container { width: 100px; float: left; } .blog-title-icon-container img.title-icon { width: 85px; margin-left: 0; margin-top: 9px; } .blog-title-desc-container { width: calc(100% - 100px); float: left; } .blog-title-desc-container .page-title { font-size: 30px; line-height: 1.4em !important; padding-bottom: 6px; margin-bottom: 6px; margin-top: 3px; } .blog-title-desc-container .sub-title-with-more-bottom-space { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 26px !important; line-height: 1.4em !important; margin-bottom: 30px !important; } .col-blog-9 { width: 100%; float: none; } .col-blog-3 { width: 100%; margin-left: 0; float: none; padding-top: 38px; } .topics-list li { width: 100% !important; margin-right: 0; } } /*22-10-2021 Ticket #15370*/ @media all and (min-width: 1024px) and (max-width: 1320px) { .hero-with-two-btn .hero-container-section { padding-top: 0 !important; } .request-quote-tab-title { font-size: 18px; } #requestQuoteModal .modal-dialog { width: 84% !important; } } /* Medium devices (tablets, less than 992px) */ @media (max-width: 991.98px) { .blog-title-icon-container { width: 85px; float: left; } .blog-title-icon-container img.title-icon { width: 70px; margin-left: 0; margin-top: 9px; } .blog-title-desc-container { width: calc(100% - 85px); float: left; } .blog-title-desc-container .page-title { font-size: 28px; line-height: 1.4em !important; padding-bottom: 6px; margin-bottom: 6px; margin-top: 3px; } .blog-title-desc-container .sub-title-with-more-bottom-space { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 24px !important; line-height: 1.4em !important; margin-bottom: 28px !important; } .col-blog-9 { width: 100%; } .col-blog-3 { width: 100%; margin-left: 0; float: none; padding-top: 38px; } .topics-list li { width: 100% !important; margin-right: 0; } } /* Small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { .blog-title-icon-container { width: 70px; float: left; } .blog-title-icon-container img.title-icon { width: 60px; margin-left: 0; margin-top: 9px; } .blog-title-desc-container { width: calc(100% - 70px); float: left; } .blog-title-desc-container .page-title { font-size: 20px; line-height: 1.4em !important; padding-bottom: 6px; margin-bottom: 6px; margin-top: 3px; } .blog-title-desc-container .sub-title-with-more-bottom-space { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 16px !important; line-height: 1.4em !important; margin-bottom: 20px !important; } .blog-section-title { font-size: 18px; margin-bottom: 15px !important; margin-top: 15px; } .blog-post.featured-post h2.blog-heading-lg, .blog-post.featured-post h2.blog-heading-sm { font-size: 18px; padding: 15px; } .blog-post.featured-post.large-featured-post .blog-post-img, .blog-post.featured-post.small-featured-post .blog-post-img { max-height: none; max-width: 100%; } .large-featured-post, .small-featured-post { margin-bottom: 15px; } .blog-story .blog-heading-sm, .blog-event .blog-heading-sm { padding: 65px 20px 0 20px !important; font-size: 20px !important; } .blog-heading-sm, .blog-heading-lg { font-size: 20px !important; } .blog-event { height: auto !important; padding-bottom: 100px !important; } .post-thumb-head { height: 200px !important; } .post-thumb-body { height: 160px !important; } .blog-group-link { font-size: 16px !important; } .blog-post-author, .post-thumb-footer .blog-post-date-sm, .post-thumb-footer .blog-post-date-lg { font-size: 14px !important; } .col-blog-9 { width: 100%; } .col-blog-3 { width: 100%; margin-left: 0; float: none; padding-top: 38px; } .topics-list li { width: 100% !important; margin-right: 0; } .topics-list li:last-child { margin-bottom: 60px !important; } /*22-10-2021 Ticket #15378, #15373*/ .center-card-title-grey { color: #25282d; } .center-card-description-grey { font-size: 21px !important; } .hero-with-two-btn .hero-title, .hero-with-two-btn .hero-sub-title { float: unset !important; } .hero-with-two-btn .hero-btn-wrap .transparent-btn span.xs-hide, .hero-with-two-btn .hero-btn-wrap .transparent-btn .btn-icon { display: none !important; } .hero-with-two-btn .hero-btn-wrap .transparent-btn { background-color: #f6f6f8 !important; border: #f6f6f8 !important; padding: 6px !important; background-image: url(https://ghsitefinitytesting.blob.core.windows.net/atg-cms-work/images/default-source/icons/gh_homepage_rfq-landing-page_icons-playbutton-grey.png); background-size: 70%; background-repeat: no-repeat; background-position: center; height: 30px; width: 32px; } /*07-01-2022 #15695*/ .request-quote-modal-body .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: block; float: none; width: 100%; } .request-quote-modal-body .request-quote-tab { font-size: 18px !important; line-height: 18px !important; padding: 10px !important; padding-left: 40px !important; } .request-quote-tab-title-wrap { justify-content: flex-start !important; } .request-quote-modal-body .request-quote-tab-title { font-size: 18px !important; line-height: normal; } .rq-modal-footer { padding: 30px !important; } .request-quote-tab { box-shadow: none !important; border-bottom: 3px solid #e5e5e5 !important; } .request-quote-tab.active { border-bottom: 3px solid #015a9c !important; } .request-quote-label { padding-left: 15px !important; } .form-control.request-quote-input.request-quote-txtarea, .form-control.request-quote-input { line-height: 21px !important; padding: 10px !important; font-size: 15px !important; } .custom-file-upload-wrapper { display: grid !important; text-align: left !important; } .custom-file-upload-wrapper .custom-file-upload { font-size: 16px !important; padding: 6px 10px !important; } .file-desc, .file-v-line { font-size: 12px !important; line-height: 16px !important; margin: 0 !important; } .file-v-line { display: none; } #selectedFiles.rptext-alignleft { margin-top: 7px; } .word-count-wrap { font-size: 15px !important; } .textarea-word-count-wrap { right: 30px !important; font-size: 14px !important; bottom: 8px !important; } .request-quote-modal-content button.close { top: 20% !important; right: 20px !important; } .request-quote-tab-content-container .tab-pane .form-container { padding: 30px 40px !important; } .sd-text { font-size: 16px !important; line-height: 22px; } .rq-next-btn, .rq-close-btn { padding: 8px 10px !important; } .rq-thank-msg { line-height: 24px !important; } .request-quote-radio-text-wrap { margin-left: 15px !important; } } @media all and (max-width: 424px) { #gh-my-orders_length label, .dataTables_length label, #discount-request_length label { font-size: 14px !important; } .dataTables_length select { font-size: 14px !important; background-size: 14px !important; } .dataTables_wrapper .search-filter label, .dataTables_filter label, .dataTables_length label, .dataTables_wrapper .groupbottommargin { font-size: 14px !important; } .form-group .dropdown-el.data-table-dropdown-el, .form-group.groupbottommargin .dropdown-el { font-size: 14px !important; background-size: 14px !important; } .dataTable-date-filter { font-size: 14px !important; } .dataTable-date-filter .fa-caret-down { font-size: 18px; } #SearchFilters .modal-submit-btn, #SearchFilters .modal-close-btn { font-size: 14px !important; } .save-preference { font-size: 14px !important; } } @media all and (max-width: 360px) { #gh-my-orders_length label, .dataTables_length label, #discount-request_length label { font-size: 12px !important; } .dataTables_length select { font-size: 12px !important; background-size: 12px !important; } .dataTables_wrapper .search-filter label, .dataTables_filter label, .dataTables_length label, .dataTables_wrapper .groupbottommargin { font-size: 12px !important; } .form-group .dropdown-el.data-table-dropdown-el, .form-group.groupbottommargin .dropdown-el { font-size: 12px !important; background-size: 12px !important; } .dataTable-date-filter { font-size: 12px !important; } .dataTable-date-filter .fa-caret-down { font-size: 16px; } #SearchFilters .modal-submit-btn, #SearchFilters .modal-close-btn { font-size: 12px !important; } .save-preference { font-size: 12px !important; } px-7-py-0 { padding: 0 7px !important; } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { .blog-title-icon-container { width: 58px; float: left; } .blog-title-icon-container img.title-icon { width: 50px; margin-left: 0; margin-top: 9px; } .blog-title-desc-container { width: calc(100% - 58px); float: left; } .blog-title-desc-container .page-title { font-size: 18px; line-height: 1.4em !important; padding-bottom: 6px; margin-bottom: 6px; margin-top: 3px; } .blog-title-desc-container .sub-title-with-more-bottom-space { color: #57585a; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 14px !important; line-height: 1.4em !important; margin-bottom: 20px !important; } .blog-section-title { font-size: 18px; margin-bottom: 15px !important; margin-top: 15px; } .blog-post.featured-post h2.blog-heading-lg, .blog-post.featured-post h2.blog-heading-sm { font-size: 16px; padding: 15px; } .blog-post.featured-post.large-featured-post .blog-post-img, .blog-post.featured-post.small-featured-post .blog-post-img { max-height: none; max-width: 100%; } .large-featured-post, .small-featured-post { margin-bottom: 15px; } .blog-story .blog-heading-sm, .blog-event .blog-heading-sm { padding: 65px 20px 0 20px !important; font-size: 18px !important; } .blog-heading-sm, .blog-heading-lg { font-size: 18px !important; } .blog-event { height: auto !important; padding-bottom: 100px !important; } .post-thumb-head { height: 200px !important; } .post-thumb-body { height: 160px !important; } .blog-group-link { font-size: 14px !important; } .blog-post-author, .post-thumb-footer .blog-post-date-sm, .post-thumb-footer .blog-post-date-lg { font-size: 12px !important; } .col-blog-9 { width: 100%; } .col-blog-3 { width: 100%; margin-left: 0; float: none; padding-top: 38px; } .topics-list li { width: 100% !important; margin-right: 0; } .topics-list li:last-child { margin-bottom: 60px !important; } } #gh-my-orders_wrapper, #discount-request_wrapper { min-height: 1316px; } /*Purchase Card*/ .product-card-purchase-option .section-sub-title { margin-top: 0; padding-top: 14px; padding-left: 0; } .product-card-purchase-option { /* display: grid; grid-auto-rows: 1fr; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px;*/ } .purchase-option-link-wrapper { height: 100%; width: 100%; display: inline-block; padding: 0; text-decoration: none !important; } /*28-09-2021 Ticket #15063*/ .purchase-option-card-link-container { /*box-shadow: -1px 1px 4px rgba(33 33 33 / 20%);*/ border: 2px solid rgba(33, 33, 33, 20%); padding: 15px; text-decoration: none !important; height: 100%; position: relative; padding-bottom: 60px; } /*28-09-2021 Ticket #15063*/ /*.purchase-option-link-wrapper:hover .purchase-option-card-link-container { box-shadow: inset 0px 0px 4px rgba(33 33 33 / 25%); }*/ .w-24 { width: 24px !important; } .purchase-option-card-link-container .purchase-option-sub-title { display: flex; align-items: center; justify-content: space-between; color: #57585a; text-decoration: none; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 15px; margin-bottom: 10px; line-height: 3.5rem; } .purchase-option-text-img { color: #d97a23; } /*19-10-2021 Ticket #15063*/ .purchase-option-text-img img { width: 32px; margin-right: 5px; margin-bottom: 5px; } .purchase-option-description { color: #57585a; font-size: 14px; font-family: "Helvetica-Condensed", sans-serif; } .purchase-card-link-container { position: absolute; bottom: 20px; } .purchase-card-link { margin-bottom: 0px !important; } .black-btn { border: 2px solid #333333; border-radius: 8px; background-color: #333333; padding: 4px 16px; color: #fff; font-family: "Helvetica-Condensed", sans-serif !important; font-size: 15px; display: inline-block; line-height: 1em; padding: 0.4em 2em; font-weight: bold; cursor: pointer; } .black-btn:hover, .black-btn:active, .black-btn:focus { background: rgba(255, 255, 255, 0.9) !important; color: #333333 !important; text-decoration: none !important; border-color: #333333 !important; padding: 0.4em 2em !important; font-weight: bold !important; } @media all and (max-width: 400px) { .mobile-nav-right .header-flags-container { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; grid-gap: 10px; } } /*07-01-2022 #15695*/ @media (max-width: 415px) { .request-quote-modal-sub-title { font-size: 14px; } .request-quote-modal-content button.close { right: 20px; } .request-quote-modal-body .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: block; float: none; width: 100%; } .request-quote-modal-body .btn-group { margin-left: 0 !important; } .rq-modal-footer { padding: 20px 10px !important; } .rq-next-btn, .rq-close-btn { width: 120px; } .rq-modal-footer { text-align: center; } .rq-success-text { font-size: 16px; margin-bottom: 0 !important; } .rq-comp-name-location .rq-comp-name { font-size: 30px; } .rq-thank-msg { padding-top: 40px; font-size: 18px; } .rq-thank-msg .f-bold { font-weight: 600; } .rq-success-msg-wrap i { font-size: 36px; } .pt-sm-30 { padding-top: 30px !important; } .ra-ca-leftdiv { text-align: center; } .rq-ca-text, .rq-ca-optional { font-size: 22px; display: inline-block; } .ra-ca-rightdiv { text-align: center; padding-top: 30px; padding-bottom: 30px; display: inline-block; } .ra-ca-rightdiv a { margin: 0 !important; } .rq-next-btn, .rq-close-btn { padding: 8px 20px !important; } } section.product-card-container-link-section { height: 100%; margin-bottom: 30px; } .rptext-alignleft { text-align: left !important; } .custom-file-upload-wrapper { display: inline-flex; align-items: center; justify-content: flex-start; width: 100%; } @media all and (max-width: 500px) { #customWarehouseReqModal .hcm-30 { font-family: "Helvetica-Condensed-Bold", sans-serif !important; font-size: 18px !important; } #customWarehouseReqModal .modal-header { padding: 10px 30px !important; } #customWarehouseReqModal ul.nav.nav-tabs { display: flex; flex-direction: column; align-items: flex-start; } #customWarehouseReqModal .modal-body { padding: 0px !important; } #customWarehouseReqModal .modal-body .modal-tab { border-bottom-width: 1px !important; display: inline-block; width: 100%; margin: 0; } #customWarehouseReqModal .modal-tab-title-wrap { font-family: "Helvetica-Condensed", sans-serif; font-size: 16px; align-items: center; justify-content: flex-start; } #customWarehouseReqModal .form-group.request-quote-label { padding-bottom: 28px !important; } #customWarehouseReqModal .sd-text { margin-bottom: 6px !important; color: red !important; font-size: 14px !important; } #customWarehouseReqModal .modal-footer { border-top: 1px solid #d0d0d0 !important; text-align: right; padding: 0 30px 20px !important; } } /* Responsive Code -RepAdmin */ @media (max-width: 1199px) and (min-width: 769px) { .rep-office-modal .tab-item a { padding: 12px 15px !important; font-size: 15px; } .rep-office-modal .grid-cols-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rep-office-modal .grid-cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px) { #repOfficeCreatUserInternal .modal-dialog, #repOfficeCreatUser .modal-dialog { width: 85% !important; } } @media (max-width: 1024px) and (min-width: 769px) { #repOfficeCreatUserInternal .modal-dialog, #repOfficeCreatUser .modal-dialog { width: 92% !important; } } @media (max-width: 767px) { #repOfficeCreatUserInternal .modal-dialog, #repOfficeCreatUser .modal-dialog { width: 95% !important; } .rep-office-modal .grid-cols-5, .rep-office-modal .grid-cols-3 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .rep-office-modal .tab-item a::after, .rep-office-modal .tab-item.active a::after, .rep-office-modal .tab-item a:hover::after { height: 1px; } .rep-office-modal .nav-justified > li > a { margin-bottom: 1px; } .rep-office-modal .modal-header button.close { right: 20px; top: 45%; } .rep-office-modal .tab-footer { padding: 30px 0px; } .rep-office-modal .tab-footer .btn-custom { padding: 7px 30px; } .rep-office-modal .personal-info-form, .rep-office-modal .thankMsg-review-content-wrap { padding: 40px 30px; } .rep-office-modal .selected-offices-content-wrap, .rep-office-modal .default-mailing-dropdown-content-wrap { padding: 0 30px 40px; } .rep-office-modal .review-footer { padding: 30px 20px; } .rep-office-modal .review-footer .btn-blue-link { padding: 10px 0px; margin-top: 15px; } .rep-office-modal .edit-personal-info-form { padding: 30px; } } @media (max-width: 1024px) { .carousel-item { flex: 0 0 calc(50%) !important; /* 2 full items visible on tablets */ } .t-text-3-25 { font-size: 0.8125rem !important; /*13px*/ } .t-text-3-5 { font-size: 0.875rem !important; /*14px*/ } .t-text-4 { font-size: 1rem !important; /*16px*/ } .t-text-6-5 { font-size: 1.625rem !important; /*26px*/ } .t-text-8 { font-size: 2rem !important; /*32px*/ } .t-flex-col { flex-direction: column !important; } .t-flex-row { flex-direction: row !important; } .t-max-w-56 { max-width: 14rem !important; /*224px*/ } .t-max-w-184 { max-width: 46rem !important; /*736px*/ } .t-max-w-full { max-width: 100% !important; } .t-w-full { width: 100% !important; } .child-b b { font-size: 0.8125rem !important; /*13px*/ } .t-gap-0 { gap: 0 !important; } .t-gap-1-5 { gap: 0.375rem !important; /*6px*/ } .t-gap-5 { gap: 1.25rem !important; /*20px*/ } .t-pl-0 { padding: 0 !important; } .t-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .t-px-5 { padding-left: 1.25rem !important; /*20px*/ padding-right: 1.25rem !important; /*20px*/ } .t-py-12-5 { padding-top: 3.125rem !important; /*50px*/ padding-bottom: 3.125rem !important; /*50px*/ } .t-pb-1-5 { padding-bottom: 0.375rem !important; /*6px*/ } /*18px*/ /* .t-leading-4-5 { line-height: 1.125rem !important; } */ .t-flex-1 { flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: 0% !important; } .t-mt-5 { margin-top: 1.25rem !important; /*20px*/ } .t-text-left { text-align: left !important; } } @media (max-width: 1028px) { .max-w-full.w-52.m-w-100 { max-width: 476px !important; width: 100% !important; } .form-element-container.gap-5 { gap: 0 !important; } } @media (max-width: 767px) { .carousel-item { flex: 0 0 calc(100%) !important; /* 1 full item visible on mobile */ } .m-flex-col { flex-direction: column !important; } .m-px-5 { padding-left: 0 !important; /*20px*/ padding-right: 0 !important; /*20px*/ } .t-py-12-5 { padding-top: 25px !important; padding-bottom: 25px !important; } .m-mt-0 { margin-top: 0 !important; /*0px*/ } .m-mb-1-5 { margin-bottom: 0.375rem !important; /*6px*/ } .m-max-w-full { max-width: 100% !important; } .m-w-full { width: 100% !important; } .m-text-3-25 { font-size: 0.8125rem !important; /* 13px */ } .m-text-4 { font-size: 1rem !important; /* 16px */ } .carousel-item { padding: 10px 0 !important; } } @media screen and (max-width: 767px) { .m-w-100, div.m-w-100 { width: 100% !important; } .m-gap-0 { gap: 0 !important; } .faq-title { font-weight: 700; font-family: "Helvetica-Condensed-Bold", sans-serif; font-size: 33px; color: #57585a; text-transform: uppercase; margin-bottom: 10px; } .question-accordion-container, .sub-question-accordion-container { font-size: 16px !important; padding: 12px 20px !important; } .answer-label { font-size: 16px !important; line-height: 24px !important; } .sub-questions-container { margin-top: 16px !important; } .m-p-0 { padding: 0 !important; } .form-element-container button { margin: 10px 0 10px 0 !important; } .m-ml-40px { margin-left: 16px !important; } .cta-orange-btn.margin-top-10 { margin-top: 10px !important; margin-bottom: 10px !important; padding: 0.5rem 2rem !important; } } @media (max-width: 768px) { .timeline-container { margin: 0 0 30px 0 !important; padding-bottom: 30px !important; } }