.module-closure-selector { }
.module-closure-selector .modal .modal-content,
.module-closure-selector .modal .modal-header,
.module-closure-selector .modal .modal-body {
background-color: #EFF1F2;
border: 0;
border-radius: 0;
}
.module-closure-selector .modal .modal-header,
.module-closure-selector .modal .modal-body {
padding: 0;
}
.module-closure-selector .modal .modal-content {
padding: 48px 32px 25px;
position: relative;
}
@media (max-width: 767px) {
.module-closure-selector .modal .modal-content {
padding-left: 15px;
padding-right: 15px;
}
}
.module-closure-selector .modal .modal-content .modal-header .close {
color: #72777A;
opacity: 1;
position: absolute;
top: 20px;
right: 20px;
background-color: transparent;
}
.module-closure-selector .modal .modal-content .modal-header .close:hover {
background-color: transparent;
}
.module-closure-selector .modal .modal-content .modal-body .result {
display: none;
}
.module-closure-selector .modal .modal-content .modal-body .product-info .img {
background-color: #fff;
display: flex;
justify-content: center;
}
.module-closure-selector .modal .modal-content .modal-body .product-info .text {
font-weight: 700;
font-size: 27px;
line-height: 32px;
color: #0060A5;
margin-top: 32px;
margin-bottom: 25px;
}
.module-closure-selector .modal .modal-content .modal-body .details .detail {
display: flex;
border-bottom: 1px solid #CCCCCC;
}
.module-closure-selector .modal .modal-content .modal-body .details .detail .detail-title,
.module-closure-selector .modal .modal-content .modal-body .details .detail .detail-content {
width: 50%;
font-size: 16px;
margin: 0;
padding: 16px;
}
.module-closure-selector .modal .modal-content .modal-body .details .detail .detail-title {
font-weight: 700;
border-right: 1px solid #CCCCCC;
}
@media (max-width: 767px) {
.module-closure-selector .modal .modal-content .modal-body .details .detail .detail-title {
padding-left: 0;
}
}
@media (max-width: 767px) {
.module-closure-selector .modal .modal-content .modal-body .details .detail .section-content {
padding-right: 0;
}
}
.module-closure-selector .modal .modal-content .modal-body .details .note {
margin-top: 25px;
}
.module-closure-selector .modal .modal-content .modal-body a {
display: none;
}
.module-closure-selector .modal .modal-content .modal-footer {
position: absolute;
top: 50%;
width: 100%;
left: 0;
right: 0;
padding: 0;
border: 0;
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
.module-closure-selector .modal .modal-content .modal-footer {
display: none !important;
}
}
.module-closure-selector .modal .modal-content .modal-footer::before, .module-closure-selector .modal .modal-content .modal-footer::after {
display: none !important;
}
.module-closure-selector .modal .modal-content .modal-footer .modal-navigation {
width: 48px;
background-color: #fff;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
color: #72777A;
}
.module-closure-selector .modal .modal-content .modal-footer .modal-navigation:hover {
background-color: #0060A5;
color: #fff;
text-decoration: none;
}
.module-closure-selector .modal .modal-content .modal-footer .modal-navigation:first-child {
left: -60px;
position: relative;
}
.module-closure-selector .modal .modal-content .modal-footer .modal-navigation:last-child {
right: -60px;
position: relative;
}
.module-closure-selector .modal-open {
overflow: hidden;
}
.module-closure-selector .modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.module-closure-selector .modal.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.module-closure-selector .modal.fade.in {
opacity: 1;
}
.module-closure-selector .modal .close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: 0.2;
}
.module-closure-selector .modal .close:focus,
.module-closure-selector .modal .close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 0.5;
}
.module-closure-selector .modal button.close {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.module-closure-selector .modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
.module-closure-selector .modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.module-closure-selector .modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.module-closure-selector .modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.module-closure-selector .modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
outline: 0;
}
.module-closure-selector .modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.module-closure-selector .modal-header .close {
margin-top: -2px;
}
.module-closure-selector .modal-title {
margin: 0;
line-height: 1.42857143;
}
.module-closure-selector .modal-body {
position: relative;
padding: 15px;
}
.module-closure-selector .modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.module-closure-selector .modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.module-closure-selector .modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.module-closure-selector .modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.module-closure-selector .modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.module-closure-selector .modal-dialog {
width: 600px;
margin: 30px auto;
}
.module-closure-selector .modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.module-closure-selector .modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.module-closure-selector .modal-lg {
width: 900px;
}
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: 0.5;
}
.module-closure-selector .filter {
filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.16));
position: relative;
z-index: 1;
}
.module-closure-selector .filter .btn-group {
width: 100%;
background: #fff;
display: flex;
flex-wrap: wrap;
}
.module-closure-selector .filter .btn-group .btn {
width: 50%;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: none;
font-weight: 400;
font-size: 19px;
line-height: 22px;
text-transform: uppercase;
order: 1;
background-color: #EFF1F2;
margin: 0;
border-radius: 0;
}
.module-closure-selector .filter .btn-group .btn:hover {
color: #0060A5;
}
.module-closure-selector .filter .btn-group .btn.active {
outline: 0;
background-color: #fff;
color: #0060A5;
}
.module-closure-selector .filter .btn-group .btn input {
position: relative;
margin: 0;
margin-right: 15px;
outline: 0;
accent-color: #0060A5;
width: 16px;
height: 16px;
}
.module-closure-selector .filter .btn-content {
background-color: #fff;
padding: 24px 32px 8px 32px;
display: none;
}
.module-closure-selector .filter .btn-content.active {
display: block;
}
.module-closure-selector .filter .btn-content .d-flex {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.module-closure-selector .filter .btn-content {
padding-left: 15px;
padding-right: 15px;
}
}
.module-closure-selector .filter .btn-content .custom-checkbox {
background-color: #EFF1F2;
display: inline-flex;
align-items: center;
padding: 12px 16px;
gap: 8px;
margin-bottom: 16px;
margin-right: 21px;
max-height: 43px;
position: relative;
}
@media (max-width: 767px) {
.module-closure-selector .filter .btn-content .custom-checkbox {
margin-right: 10px;
margin-bottom: 15px;
}
}
.module-closure-selector .filter .btn-content .custom-checkbox label {
position: relative;
margin-bottom: 0;
vertical-align: top;
cursor: pointer;
color: #72777A;
font-weight: 400;
font-size: 16px;
line-height: 19px;
padding-left: 25px;
}
.module-closure-selector .filter .btn-content .custom-checkbox label:hover {
color: #0060A5;
}
.module-closure-selector .filter .btn-content .custom-checkbox input[type=checkbox] {
opacity: 0;
position: absolute;
}
.module-closure-selector .filter .btn-content .custom-checkbox input[type=checkbox] + label::before {
position: absolute;
top: 0.25em;
top: 1px;
left: 0;
display: block;
width: 1em;
height: 1em;
content: "";
background-color: #fff;
}
.module-closure-selector .filter .btn-content .custom-checkbox input[type=checkbox]:checked ~ label::before {
background: #0060A5;
border-color: #0060A5;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
}
.module-closure-selector .results {
margin-top: 64px;
}
.module-closure-selector .results .options {
font-weight: 400;
font-size: 27px;
line-height: 32px;
margin-bottom: 30px;
text-transform: uppercase;
}
@media (max-width: 767px) {
.module-closure-selector .results .options {
font-size: 18px;
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.module-closure-selector .results {
margin-top: 32px;
}
}
.module-closure-selector .results .loading {
background-color: #fff;
font-size: 40px;
text-align: center;
padding: 20px;
}
.module-closure-selector .results .result-products {
display: flex;
flex-wrap: wrap;
width: calc(100% + 30px);
margin-left: -15px;
}
@media (max-width: 767px) {
.module-closure-selector .results .result-products {
width: 100%;
margin-left: 0px;
}
}
.module-closure-selector .results .result-products .result {
width: calc(25% - 30px);
height: 360px;
background-color: #fff;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 30px;
position: relative;
}
@media (max-width: 1199px) {
.module-closure-selector .results .result-products .result {
width: calc(33.3333333333% - 30px);
}
}
@media (max-width: 991px) {
.module-closure-selector .results .result-products .result {
width: calc(50% - 30px);
}
}
@media (max-width: 767px) {
.module-closure-selector .results .result-products .result {
width: 100%;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
}
}
.module-closure-selector .results .result-products .result .product-info .img {
display: flex;
align-items: center;
justify-content: center;
height: 255px;
}
.module-closure-selector .results .result-products .result .product-info .img img {
max-height: 100%;
object-fit: cover;
}
.module-closure-selector .results .result-products .result .product-info .text {
font-style: normal;
font-weight: 700;
font-size: 19px;
border-top: 2px solid #EFF1F2;
padding-top: 24px;
padding-left: 16px;
padding-right: 16px;
}
.module-closure-selector .results .result-products .result .details {
display: none;
}
.module-closure-selector .results .result-products .result a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media (max-width: 767px) {
.module-closure-selector {
margin-left: 5px;
margin-right: 5px;
}
}
.module-closure-selector .header {
font-weight: 400;
text-transform: uppercase;
margin-bottom: 32px;
color: #0060A5;
font-size: 48px;
line-height: 56px;
}
@media (max-width: 767px) {
.module-closure-selector .header {
font-size: inherit;
line-height: inherit;
}
} .module-closure-selector .multiselect {
min-width: 145px;
}
.module-closure-selector .multiselect:hover .selectBox select {
color: #0060A5;
}
.module-closure-selector .multiselect .toggle-special-checkboxes {
position: absolute;
left: 10px;
width: 25px;
top: 10px;
bottom: 0;
height: 20px;
cursor: pointer;
}
.module-closure-selector .multiselect .selectBox {
position: relative;
height: 18px;
cursor: pointer;
margin-left: 20px;
}
.module-closure-selector .multiselect .selectBox::before {
position: absolute;
top: 0.25em;
top: 1px;
left: -20px;
display: block;
width: 16px;
height: 16px;
content: "";
background-color: #fff;
}
.module-closure-selector .multiselect .selectBox.has-value::before {
background: #0060A5;
border-color: #0060A5;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
pointer-events: none;
}
.module-closure-selector .multiselect .selectBox select {
width: 100%;
color: #72777A;
font-weight: 400;
font-size: 16px;
line-height: 19px;
background-color: #EFF1F2;
border: 0;
position: relative;
top: -2px;
pointer-events: none;
}
.module-closure-selector .multiselect .special-checkboxes {
display: none;
position: absolute;
background-color: #EFF1F2;
width: 100%;
left: 0;
padding-top: 10px;
padding-bottom: 10px;
z-index: 1;
max-height: 200px;
overflow-y: auto;
scrollbar-width: thin;
}
.module-closure-selector .multiselect .special-checkboxes::-webkit-scrollbar {
width: 15px;
}
.module-closure-selector .multiselect .special-checkboxes::-webkit-scrollbar-track {
background: #fff;
border-right: 11px solid #EFF1F2;
margin-top: 10px;
margin-bottom: 10px;
}
.module-closure-selector .multiselect .special-checkboxes::-webkit-scrollbar-thumb {
background-color: #72777A;
border-right: 11px solid #EFF1F2;
}
.module-closure-selector .multiselect .special-checkboxes.active {
display: block;
}
.module-closure-selector .multiselect .special-checkboxes label {
display: block;
padding-left: 35px !important;
padding-top: 3px;
padding-bottom: 3px;
}
.module-closure-selector .multiselect .special-checkboxes label::before {
content: "";
position: absolute;
left: 15px;
display: block;
width: 1em;
height: 1em;
background-color: #fff;
top: 6px;
}
.module-closure-selector .multiselect .special-checkboxes label.label-active::before {
background: #0060A5;
border-color: #0060A5;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
}
.module-closure-selector .multiselect .special-checkboxes input {
position: relative !important;
}.flyout-container {
padding-left: 8px !important;
padding-right: 8px !important;
margin-top: 8px !important;
position: relative;
width: 100%;
height: 100%;
}
.flyout-container > .flyout-header {
font-style: normal !important;
font-weight: 400 !important;
font-size: 16px !important;
line-height: 25px !important;
color: #FFFFFF !important;
margin-bottom: 6px !important;
}
.flyout-container * p {
color: white;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 20px !important;
}
.flyout-container * strong {
font-weight: 800 !important;
}
.flyout-container * img {
width: 16px !important;
height: 16px !important;
}
.flyout-container * a {
height: auto !important;
}
.flyout-title {
font-weight: bolder !important;
}
.flyout-link {
color: #B3B3B3 !important;
}
.flyout-link:hover {
color: white !important;
}
.flyout-value {
padding: 0 16px !important;
}
.flyout-seperator {
border: 1px solid rgba(0,0,0,.35);
margin-top: 16px !important;
margin-bottom: 16px !important;
background-color: black !important;
}
#wp-admin-bar-netigo-support-default {
width: 320px !important;
overflow: clip;
}
#wp-admin-bar-netigo-update-default {
width: 320px !important;
overflow: clip;
}
.flyout-container > .row {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
height: fit-content;
}
.flyout-container * .col-lg-6 {
flex: 50%;
width: 50% !important;
}
.small-note {
display: flex;
font-style: normal !important;
font-weight: 400 !important;
font-size: 89% !important;
line-height: 14px !important;
color: #B2B2B2 !important;
overflow: inherit;
text-overflow: ellipsis;
white-space: initial !important;
}
.flyout-button {
position: relative;
padding: 8px 12px 8px 12px !important;
width: fit-content !important;
height: auto !important;
background: #FfFFFF !important;
color: black !important;
border: 1px !important;;
font-style: normal !important;
font-weight: 600 !important;
line-height: 20px !important;
}
.flyout-button img {
margin: 0 !important;
position: absolute !important;
top: 50% !important;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ab-item {
height: auto !important;
}#site-navigation .dropdown-menu>li>a>span.link-inner {
font-size: 1.2em;
}
.mobile-toggle-nav-ul li a {
padding: 10px 20px;
font-size: 18px;
}
.info-banner {
background-color: transparent;
background-image: linear-gradient(190deg, #347aba 0%, #003e6e 100%);
padding: 8px 0;
text-align: center;
color: #fff;
}
.info-banner p {
margin: 0;
padding: 0;
font-size: 16px;
}
.info-banner p a{
color: #fff;
}