:root {
    --body-color: #4B4B4B;
    --color-dark: #222222;
    --color-blue: #0F9DFF;
    --color-darkblue: #3582D1;
    --color-green: #32DB80;
    --color-lightgreen: #AFFFD4;
    --color-darkgreen: #30D17A;
    --color-red: #F54260;
    --color-vmorange: #E6914F;
    --color-warning-red: #C31230;
    --color-yellow: #FAFF00;
    --color-lightyellow: #FFD966;
    --color-warning: #F2A000;
    --color-white: #FFFFFF;
    --color-light: #F7F7F7;
    --color-table: #F2F5F6;
    --color-disabled: #CACACA;
    --color-mediumgray: #A7A7A7;
    --color-darkgray: #676767;
    --color-lightgray: #888888;
    --bs-border-color: #EAEAEA;
    --bs-breadcrumb-divider: '>';

    --geoTrust-electric-orange: #FF9239;
}

body {color: var(--body-color); font-family: 'Roboto', sans-serif; font-size: 0.938rem; font-weight: 400;min-height:100vh;display:flex;flex-direction:column;}

a {color: var(--color-blue);}
a:hover{text-decoration: none; color: var(--color-darkblue);}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none; font-weight: normal; color: var(--color-dark)}
h1, h2, h3, h4, h5, h6 {line-height: 1; color: var(--color-dark);}
h1 {font-size: 1.875rem; font-weight: 700;}
h2 {font-size: 1.5rem; font-weight: 500;}
h3 {font-size: 1.25rem; font-weight: 700;}
h4 {font-size: 1.25rem; font-weight: 500;}
h5 {font-size: 1rem; font-weight: 500;}

.fw-medium {font-weight: 500 !important}
.fs-12 {font-size: 0.75rem !important;}
.fs-13 {font-size: 0.813rem !important;}
.fs-14 {font-size: 0.875rem !important;}
.fs-15 {font-size: 0.938rem !important;}
.fs-18 {font-size: 1.125rem !important;}
.fs-22 {font-size: 1.375rem !important;}

.lh-md {line-height: 1.2 !important}

.bg-dark {background-color: var(--color-dark) !important;}
.bg-light {background-color: var(--color-light) !important;}
.bg-blue {background: var(--color-blue) !important;}
.bg-success {background: var(--color-green) !important;}
.bg-lightgreen {background: var(--color-lightgreen) !important;}
.bg-blue-light {background: #80B9FC !important;}
.bg-red {background-color: var(--color-warning-red) !important;}
.bg-info-light {background-color:#E9F4FF !important;}
.bg-light-table {background-color: var(--color-table) !important}
.bg-warning-red {background-color: var(--color-warning-red) !important;}
.bg-vm-orange {background-color: var(--color-vmorange) !important;}

.text-danger {color: var(--color-red) !important;}
.text-warning-red {color: var(--color-warning-red) !important;}
.text-blue {color: var(--color-blue) !important;}
.text-yellow {color: var(--color-yellow) !important;}
.text-warning {color: var(--color-warning) !important;}
.text-lightgray {color: var(--color-lightgray) !important;}
.text-dark {color: var(--color-dark) !important;}
.text-darkgray {color: var(--color-darkgray) !important;}
.text-success {color: var(--color-green) !important;}
.text-body {color: var(--body-color) !important;}
.text-disabled {color: var(--color-disabled) !important;}
.text-mediumgray {color: var(--color-mediumgray) !important;}

.text-transform-none {text-transform: none !important;}

.cursor-pointer {cursor: pointer;}
.rounded-16 {border-radius: 1rem !important;}
.shadow-light{box-shadow:0 3.6px 5px rgba(0,0,0,0.05)}
.small-shadow{box-shadow: 0 5px 11px rgba(0,0,0,2.50%);}
.blend-mode-dark {mix-blend-mode: darken;}
.list-disk {list-style: disc;}

/*==== Alerts ====*/
.alert {padding-left: 3.5rem;}
.alert:before{content:''; width:1.25rem; height:1.25rem; background-size:contain; background-position:center; position:absolute; left:1.25rem; top:1.125rem; background-repeat:no-repeat;}
.alert a{color:inherit; font-weight:600;}
.alert-primary {--bs-alert-color: #19367A; --bs-alert-bg: #EDF5FD; --bs-alert-border-color: #CDE3F9; --bs-alert-link-color: #19367A;}
.alert-primary:before{background-image: url("../images/exclamation.svg"); filter: brightness(0) saturate(100%) invert(53%) sepia(44%) saturate(4775%) hue-rotate(181deg) brightness(100%) contrast(101%);}
/*.alert-primary.alert-primary-process:before {background-image: url("../images/exclamation.svg.svg");filter: brightness(0) saturate(100%) invert(53%) sepia(44%) saturate(4775%) hue-rotate(181deg) brightness(100%) contrast(101%); }*/
.alert-danger {--bs-alert-color: #5F2122; --bs-alert-bg: #F9E3E3; --bs-alert-border-color: #F5CDCD; --bs-alert-link-color: #5F2122;}
.alert-danger:before{background-image: url("../images/icon-alert-triangle.svg"); filter: brightness(0) saturate(100%) invert(12%) sepia(78%) saturate(5504%) hue-rotate(4deg) brightness(93%) contrast(121%);}
.alert-success {--bs-alert-color: #224C20; --bs-alert-bg: #DDFCEF; --bs-alert-border-color: #B6FDDE; --bs-alert-link-color: #224C20;}
.alert-success:before{background-image: url("../images/icon-circle-check.svg"); filter: brightness(0) saturate(100%) invert(62%) sepia(88%) saturate(425%) hue-rotate(100deg) brightness(98%) contrast(97%);}
.alert-warning {--bs-alert-color: #623B00; --bs-alert-bg: #FEFFD9; --bs-alert-border-color: #FEE198; --bs-alert-link-color: #623B00;}
.alert-warning:before{background-image: url("../images/icon-alert-triangle.svg"); filter: brightness(0) saturate(100%) invert(61%) sepia(77%) saturate(420%) hue-rotate(336deg) brightness(93%) contrast(93%);}

.alert-without-icon {padding-left: 1rem}
.alert-without-icon:before {display: none}

/*==== Buttons ====*/

.link-btn.disabled{color: var(--bs-btn-disabled-color);pointer-events: none;opacity: var(--bs-btn-disabled-opacity);}

.btn {font-size: 0.75rem; font-weight: 500; padding: 1.25rem 1.5rem; border-radius: 0.25rem;}
.btn-sm {font-size: 0.75rem !important; padding: 0 0.810rem; height: 40px; line-height: 40px;}
.btn-lg {font-size: 1rem !important; padding: 0.57rem 1.27rem;}
.btn.focus, .btn:focus {outline: none; box-shadow: none;}

.btn-primary {background-color: var(--color-blue) !important; border-color: var(--color-blue) !important;}
.btn-primary:hover {background-color: var(--color-darkblue) !important; color: var(--color-white); border-color: var(--color-darkblue) !important;}

.btn-outline-primary {border: 1px solid var(--color-blue) !important; color: var(--color-blue);}
.btn-outline-primary:hover img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7498%) hue-rotate(92deg) brightness(113%) contrast(102%) !important;}
.btn-outline-primary:hover {background-color: var(--color-blue); color: var(--color-white);}

.btn-outline-secondary {border: 1px solid var(--color-disabled); color: var(--color-blue);}
.btn-outline-secondary:hover {border: 1px solid var(--color-blue); background-color: var(--color-blue);}

.btn-danger {background-color: var(--color-warning-red) !important; border-color: var(--color-warning-red) !important; color: var(--color-white) !important;}
.btn-danger:hover {background-color: #A40822 !important; border-color: #A40822 !important;}

.btn-warning {background-color: var(--color-warning) !important; border-color: var(--color-warning) !important; color: var(--color-white) !important;}
.btn-warning:hover {background-color: #DD9303  !important; border-color: #DD9303 !important;}

.btn-green {background-color: var(--color-green) !important; border-color: var(--color-green) !important; color: var(--color-white);}
.btn-green:hover {background-color: transparent !important; color: var(--color-green);}

.btn-red {background-color: var(--color-red) !important; border-color: var(--color-red) !important; color: var(--color-white);}
.btn-red:hover {background-color: transparent !important; color: var(--color-red);}

.btn-badge {height: 1.313rem; line-height: 1.25rem; padding: 0 0.5rem !important;}

.btn:disabled {background-color: var(--color-disabled) !important; border-color: var(--color-disabled) !important; opacity: 1;}

/*==== Image Filter ====*/
.img-dark {filter: brightness(0) saturate(100%) invert(8%) sepia(3%) saturate(21%) hue-rotate(331deg) brightness(100%) contrast(87%);}
.img-white{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7498%) hue-rotate(92deg) brightness(113%) contrast(102%);}
.img-blue{filter: brightness(0) saturate(100%) invert(53%) sepia(44%) saturate(4775%) hue-rotate(181deg) brightness(100%) contrast(101%);}
.img-danger{filter: brightness(0) saturate(100%) invert(31%) sepia(92%) saturate(1683%) hue-rotate(328deg) brightness(100%) contrast(92%);}
.img-green {filter: brightness(0) saturate(100%) invert(62%) sepia(88%) saturate(425%) hue-rotate(100deg) brightness(98%) contrast(97%);}
.img-disabled{filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(82%) hue-rotate(205deg) brightness(82%) contrast(96%);}
.img-warning {filter: brightness(0) saturate(100%) invert(61%) sepia(77%) saturate(420%) hue-rotate(336deg) brightness(93%) contrast(93%);}
.img-darkgrey {filter: brightness(0) saturate(100%) invert(41%) sepia(0%) saturate(0%) hue-rotate(172deg) brightness(90%) contrast(74%);}

/*==== Modal ====*/
.modal-title {font-size: 1.875rem; line-height: 1;}
.modal-header {padding: 2rem;}
.modal-header .btn-close {opacity: 1;}
.modal-header .btn-close-white {filter: invert(100%) sepia(1%) saturate(0%) hue-rotate(205deg) brightness(103%) contrast(100%);}
.btn-close:focus { box-shadow: none; }

.asset-example-img img{border: 5px solid #EFF0F0;}
#errorcardmodal {z-index: 9999;}


/*==== Form ====*/
.form-select {color: var(--color-dark); font-family: 'Roboto', sans-serif; font-size: 0.938rem; margin-left: 0; border: 1px solid var(--color-dark); background-size: 10px; border-radius: 0.25rem;}
.form-check:not(.form-switch) {display: flex; align-items: center; padding-left: 0;}
.form-check:not(.form-switch) .form-check-input {border-color: var(--color-dark); float: none; margin: 0 0.75rem 0 0;}
.form-check:not(.form-switch) .form-check-input[type="checkbox"] {border-radius: 0.25rem!important; width: 1.563rem; height: 1.563rem;}
.form-check:not(.form-switch) .form-check-input:hover{border-color: var(--color-dark);}
.form-check:not(.form-switch) .form-check-input:checked, .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked{background-color: var(--color-blue); border-color: var(--color-blue);}
.form-check:not(.form-switch) .form-check-input:checked[type="radio"]{background-image: none;}

.form-control, .form-select {border-color: var(--color-dark);   }
.form-floating > .form-control, .form-floating > .form-select{height: 3.5rem; min-height: 3.5rem;}
.form-control ~ label{color: var(--color-darkgray);}
.form-control, .form-floating > .form-select {padding: 1rem !important;}
.form-floating > label{max-width:100%;}
.form-control.pe-5 {padding-right: 3rem !important}

.form-select:focus, .form-control:focus, .form-control-focused{border-color: var(--color-blue); box-shadow: 0 0 0 1px var(--color-blue);}

.form-floating input::placeholder {opacity: 0;}
.form-floating > .form-select:focus ~ label, .form-floating > .form-control:focus ~ label, .form-select:focus ~ label{transform: scale(.85) translateY(-1.6rem) translateX(0.4rem); color: var(--color-blue);}
.form-floating > .form-select:not(:placeholder-shown) ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label{transform: scale(.85) translateY(-1.6rem) translateX(0.4rem);}
.form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label{color: var(--color-darkgray);}

.form-floating textarea{resize:none;height:7.4rem !important;}
.form-floating textarea:not(:focus){border-color:rgba(0,0,0,0.23)}

.form-control:hover, .form-select:hover, .form-control:not(:placeholder-shown):hover {border-color: var(--color-blue);}
.form-select:hover ~ label,.form-control:not(:placeholder-shown):focus ~ label, .form-control:not(:placeholder-shown):hover ~ label, .form-control-focused ~ label{color: var(--color-blue);}

.form-select:focus{border-color: var(--color-blue);}
.form-select:focus ~ label{color: var(--color-blue) !important;}

.form-control:read-only:focus, form-control-focused:read-only, .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {box-shadow:none !important;}
.form-control:read-only{border-color: var(--color-disabled) !important; color: var(--color-disabled);}
.form-control:read-only ~ label{color: var(--color-disabled) !important;}

.was-validated .form-control:invalid:hover{border-color: var(--bs-form-invalid-border-color);}
.was-validated .form-check-input:valid ~ .form-check-label {color: var(--body-color);} 
.was-validated .form-check-input:valid {border-color: var(--color-dark);}

.badge.outline-light {border: 1px solid #E9E9E9; color: var(--color-lightgray); font-weight: 400; cursor: pointer;}
.badge.outline-light.active, .badge.outline-light:hover {background-color: var(--color-blue); border: 1px solid var(--color-blue); color: var(--color-white);}

.form-switch .form-check-input {height: 1.875rem; width: 3.188rem; float: none; margin: 0; cursor: pointer;}
.form-switch .form-check-input, .form-switch .form-check-input:focus{background-image: url("../images/switch-round.svg"); box-shadow: none; border: none;}
.form-switch .form-check-input:checked {background-color: var(--color-white);background-image: url("../images/switch-checked-round.svg");}
.form-switch .form-check-input:disabled{pointer-events: none; opacity: 0.5;}

.form-control.is-valid:-webkit-autofill {background-color: var(--color-white) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;}
.was-validated .form-control.custom-invalid:hover, .was-validated .form-control.custom-invalid {border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem);}

.btn-inside-input {position: absolute; right: 0.5rem; top: 0.5rem;}

.hide-validation-img .form-control.is-invalid {background-image: none !important;}

/*==== Listing ====*/
.checkmark-list{list-style: none;}
.checkmark-list li{padding-left: 1.5rem; position: relative; background: url("../images/checkmark-green.svg") no-repeat 0 6px;}

.blue-checkmark-list{list-style: none;}
.blue-checkmark-list li{padding-left: 1.5rem; position: relative; background: url("../images/confirmation-icon.svg") no-repeat 0 6px; background-size: 12px;}

.dash-list{list-style:none;}
.dash-list li::before{content:'- ';}

.check-list{list-style: none;}
.check-list li{padding-left: 1.5rem; position: relative; background: url("../images/checkmark-icon.svg") no-repeat 0 6px;}

.list-round-checkmark li{position: relative; padding-left: 2rem; list-style:none;}
.list-round-checkmark li + li{margin-top: 1.5rem;}
.list-round-checkmark li:before{content: ""; background: url("../images/checkmark-green.svg") no-repeat; background-size: 1.25rem; height: 1.25rem; width: 1.25rem; position: absolute; left: 0; top: 0;}

/*==== Tool Tip ====*/
.custom-tooltip {position: relative; display: inline-flex;}
.custom-tooltip > img{cursor: pointer;}
.custom-tooltip .tooltip-detail{display: none; background-color: var(--color-darkgray); width: 300px; position: absolute; color: var(--color-white); font-size: 0.813rem; padding: 1rem; border-radius: 0.5rem; bottom: 2rem; font-weight: 400;z-index:9;}
.custom-tooltip .tooltip-detail:after{content: ""; height: 0; width: 0; border-left: 1rem solid transparent; border-right: 1rem solid transparent; border-top: 1rem solid var(--color-darkgray); position: absolute; top: 100%;}
.custom-tooltip .tooltip-detail.top-center{left: calc(50% - 150px);}
.custom-tooltip .tooltip-detail.top-center:after{left: calc(50% - 1rem);}
.custom-tooltip .tooltip-detail.top-right{right: -1.65rem;}
.custom-tooltip .tooltip-detail.top-right:after{right: 1rem;}
.custom-tooltip .tooltip-detail.top-left{left: -1.65rem;}
.custom-tooltip .tooltip-detail.top-left:after{left: 1rem;}
.custom-tooltip:hover .tooltip-detail{display: block;}
.custom-tooltip .tooltip-detail p{white-space: break-spaces;}

.tooltip {padding-top: 1rem; --bs-tooltip-opacity: 1 !important;}
.tooltip-inner {background-color: var(--color-darkgray) !important; font-size: 0.75rem; padding: 0.625rem; max-width: 212px; text-align: left;}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {border-bottom-color: var(--color-darkgray); border-width: 0.5rem; bottom: calc(100% - 1.375rem); border-bottom-width: 0.75rem !important;}

.summary-custom-tooltip {left: -4.5rem !important;}
.summary-custom-tooltip .tooltip-inner{max-width: 306px;}
.summary-custom-tooltip .tooltip-arrow{left: 1rem !important; transform: none !important;}

/*==== Header css Start ====*/
header .mainnav {padding-block: 2.157rem;}
header .navbar-nav .dropdown-menu {margin-top: 0px; border-radius: 0; border: 0; padding: 0;}
header .navbar-nav .dropdown-menu .dropdown-item {font-size: 0.875rem;}
header .navbar-toggler-icon { filter: brightness(0) saturate(100%); }
header .dropdown-menu .tabbing-wrapper { display: grid; grid-template-columns: 35% 65%; }
header .nav-myaccount .dropdown-menu li:hover span.dropdown-item{background-color: transparent;}
header .nav-myaccount .dropdown-menu li label.dropdown-item{cursor: pointer;}
header .nav-myaccount .dropdown-menu .dropdown-item .site-icon {width: 1.5rem; height: 1.5rem; border-radius: 0.125rem;}
header .nav-myaccount .dropdown-menu .dropdown-item .site-icon img{vertical-align: baseline;}
header .nav-myaccount .dropdown-menu li input[type="radio"]{border: 1px solid var(--color-darkgray); background: transparent; width: 0.875rem; height: 0.875rem;}
header .nav-myaccount .dropdown-menu li input[type="radio"]:checked{border:none; background: url("../images/checkmark-circle-fill.svg") no-repeat; background-size: cover; filter: brightness(0) saturate(100%) invert(53%) sepia(44%) saturate(4775%) hue-rotate(181deg) brightness(100%) contrast(101%);}
header .nav-myaccount .dropdown-menu li input[type="radio"]:focus{box-shadow: none !important;}

header .cstore-addpro-nav .btn {font-weight: 500; border-radius: 0.25rem; background: var(--color-green) !important; color: var(--color-white); border: none; position: relative; z-index: 10; padding: 0.81rem 1.4rem !important;}
header .cstore-addpro-nav .btn:after {display: none; }
header .cstore-addpro-nav .btn:hover{background: var(--color-darkgreen) !important;}
header .cstore-addpro-nav .nav-tabs .nav-link {border: none; width: 100%; border-radius: 0; font-size: 0.813rem; color: var(--color-darkgray); line-height: 24px; position: relative; justify-content: start; align-items: center; padding: 0 0.75rem 0 0 !important; width: max-content; font-weight: 400; transition: inherit;}
header .cstore-addpro-nav .nav-tabs .nav-link:hover { color: var(--color-dark); }
header .cstore-addpro-nav .nav-tabs .nav-link.active { color: var(--color-dark); font-weight: 600;}
header .cstore-addpro-nav .nav-tabs .nav-link.active::after { position: absolute; content: ''; height: 0.625rem; width: 0.375rem; left: 100%; background-image: url("../images/right-arrow-icon-thik.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; }

header .cstore-addpro-nav .sub-menu li a {font-size: 0.813rem; line-height: 24px; text-decoration: none; color: var(--color-dark); display: block; }
header .cstore-addpro-nav .sub-menu li a:hover {color: var(--color-blue);}

header .navbar-nav .nav-addproduct .nav-link.dropdown-toggle { background: var(--color-blue); color: var(--color-white);}
.cp-addpro-nav ul li a {color:var(--body-color); font-size: 0.875rem; border-radius: 0.25rem;}
.cp-addpro-nav ul li:hover a {background-color: var(--color-light); color: var(--color-blue);}
.cp-addpro-nav ul li a span{color: var(--color-dark);}
.cp-addpro-nav ul li:hover a span {color: var(--color-blue);}
.cp-addpro-nav ul li a p{color:var(--color-darkgray)}
.cp-addpro-nav ul li:hover a img{filter: brightness(0) saturate(100%) invert(53%) sepia(44%) saturate(4775%) hue-rotate(181deg) brightness(100%) contrast(101%);}

.nav-switch-account li + li .dropdown-item{border-top: 1px solid var(--bs-border-color);}

/*==== Header css End ====*/
/*==== Main Content css Start ====*/
.breadcrumb-item a {text-decoration: none; color: var(--color-blue);}
.breadcrumb-item + .breadcrumb-item::before {color: var(--color-blue);}
.breadcrumb-item + .breadcrumb-item:last-child::before {color: var(--body-color);}
.imported-certificates {background: url(../images/import-icon.svg) no-repeat; padding-left: 30px; font-weight: 500; color: var(--color-blue);}

.dashboard-panel {position: relative;}
.asset-box, .dashboard-box {box-shadow: 0px 5.79618px 11.5924px rgba(0, 0, 0, 0.0252774); border-radius: 2.51934px; background: var(--color-white); height: 100%;}
.dashboard-box {border: 2px solid var(--color-white);}
.dashboard-box:hover {box-shadow: 0px 5.79618px 12px rgba(0, 0, 0, 0.1); border: 2px solid #A4D1FF;}
.dashboard-box span {font-weight: 700; display: block; line-height: 1; border: 1px solid var(--color-disabled); min-width: 2.75rem; min-height: 2.75rem;}

.asset-box {border: 1px solid #D6D6D6; min-height: 162px; background-color: var(--color-light);}
.asset-box span.circle-img {background: var(--color-light); height: 52px; width: 52px; border: 1px solid var(--color-light); flex: 52px 0 0; }
.asset-box span.circle-img img {filter: invert(72%) sepia(17%) saturate(29%) hue-rotate(316deg) brightness(92%) contrast(82%); }
.asset-box.active {border: 2px solid #A4D1FF; background-color: var(--color-white); background-image: url("../images/confirmation-icon.svg"); background-repeat: no-repeat; background-size: 1rem; background-position: right 1rem top 1rem; box-shadow: 0px 5.79618px 12px rgba(0, 0, 0, 0.1);}
.asset-box.active span.circle-img {border: 1px solid var(--color-blue); }
.asset-box.active span.circle-img img {	filter: invert(44%) sepia(99%) saturate(586%) hue-rotate(181deg) brightness(101%) contrast(103%); }
.issues-box {background-color: var(--color-white); border: none;}

.table {color: var(--body-color);}
.table th{padding: 0.875rem; font-size: 0.75rem; text-transform: capitalize; white-space: nowrap; font-weight: 500;}
.table th{background-color: var(--color-table); color: var(--color-dark); border: none; vertical-align:middle;}
.table tr td {padding: 1.25rem 1rem; vertical-align: middle; color: var(--body-color); border-color: #D8D8D8; height: 4.063rem;}
.table tbody td span {display: inline-block; line-height: 1;}
.table tbody tr:not(.no-hover):hover{cursor: pointer;  -webkit-transform: scale(1,1); -moz-transform: scale(1,1); transform: scale(1,1);  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.table tbody tr:not(.no-hover):hover td{background-color: var(--color-light);}

.table-striped th {background: var(--color-dark); color: var(--color-white);}
.table-striped tr:nth-child(2n+1) td {background: var(--color-table); --bs-table-bg-type: none;}
.table tbody td.assetname img{vertical-align: top; }
.table tbody td.assetname > span {max-width: 348px; display: inline-block; word-break: break-all; }
.table .products-icon img {filter: invert(79%) sepia(0%) saturate(0%) hue-rotate(96deg) brightness(103%) contrast(91%); }

.table-shop .btn {height: 1.313rem; line-height: 1.25rem; padding: 0 0.5rem !important;}
.table .products-icon .active img {filter: brightness(0) saturate(100%) invert(53%) sepia(44%) saturate(4775%) hue-rotate(181deg) brightness(100%) contrast(101%);}
.table .table-pointer {cursor: pointer !important; }
.editcart-totalprice sup {margin-left: 2px; top: -10px;}

.table .dropdown .dropdown-menu {background: var(--color-dark); top: 5px !important;}
.table .dropdown .dropdown-menu::before {content: ''; border-bottom: 10px solid var(--color-dark); border-left: 10px solid transparent; border-right: 10px solid transparent; top: -9px; position: absolute; z-index: 0; right: 2px; }
.table .dropdown .dropdown-toggle:after {display: none;}
.table .dropdown .dropdown-menu li a {color: var(--color-white); font-size: 13px; line-height: 16px; font-weight: 400; padding: 10px;}
.table .dropdown-item:focus, .table .dropdown-item:hover {background: #00b892; color: var(--color-white);}
.table .dropdown-item.active, .table .dropdown-item:active {background: #00b892; color: var(--color-white);}

.table tr td .btn:not(.btn-sm){height: 1.313rem; line-height: 1.25rem; padding: 0 0.5rem !important;}
.table tr td .btn-sm{height: 1.75rem; line-height: 1.75rem;}

.table-col-height-auto tbody tr td {height: auto; padding: 0.75rem 1rem;}

.popover {border-radius: 50px !important; background-color: #727273; border: none !important;}
.popover .popover-body {color: var(--color-white) !important; padding: 0.5rem 1rem; text-align: center;}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {border: none !important;}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {border-top-color: #727273 !important; bottom: 2px !important;}

.pagination {justify-content: center; margin-top: 10px; overflow: hidden;}
.pagination .page-item .page-link {font-size: 13px; border: 0; width: 32px; height: 32px; color: var(--body-color); margin: 0px 10px; border-radius: 0; cursor: pointer; font-weight: 500; }
.pagination .page-item.active .page-link {color: var(--color-green) !important; background: var(--color-white); }
.pagination .page-item .page-link:focus {box-shadow: none;}
.carousel-arrow .carousel-control-next-icon, .carousel-arrow .carousel-control-prev-icon {background-image: none !important;}
.carousel-arrow .carousel-control-next, .carousel-arrow .carousel-control-prev {width: auto;}

div.selectprodd {min-width: 350px;}

#recentOrderList > div{min-height: 136px;}

/*==== Main Content css End ====*/

/*==== Footer css start ====*/
footer .copy-right {font-weight: 500; font-size: 0.813rem; line-height: 15px; color: var(--color-body);}
footer h4 {font-weight: 500; font-size: 0.813rem; letter-spacing: 0.8px; color: var(--color-body); margin-bottom: 1rem;}
footer ul li:not(:last-child) {margin-bottom: 20px;}
footer ul li a {font-weight: 500; font-size: 0.813rem; line-height: 15px; color: var(--color-white); text-decoration: none;}

.socialicons a {width: 30px; height: 30px; display: block; text-indent: -9999em; margin-bottom: 20px;}
.socialicons a + a {margin-left: 13px;}
.socialicons .linkedin {background: url(../images/icon-linkedin.svg) no-repeat}
.socialicons .fbicon {background: url(../images/icon-facebook.svg) no-repeat}
.socialicons .twiticon {background: url(../images/icon-twitter.svg) no-repeat}
.socialicons .youtubeicon {background: url(../images/icon-utube.svg) no-repeat}

.footer-bottom {border-top: 1px solid #373737; font-size: 0.813rem;}
.footer-bottom ul li{padding: 0 1rem; line-height: 1; margin-bottom: 0 !important;}
.footer-bottom ul li + li{border-left: 1px solid var(--color-white);}
.footer-bottom ul li a{font-family: 'robotoregular', sans-serif; color: var(--color-white); text-decoration: underline;}
.footer-bottom ul li a:hover{text-decoration: none;}

/*=GeoTrust Footer Start=*/

.geotrust-footer {background: linear-gradient(180deg, #222425 0%, #191B1B 53.85%, rgba(17, 17, 17, 0.94) 100%);}
.geotrust-footer h3{font-family: "Onest", sans-serif;}
.geotrust-footer p{color: #d6d6d6 !important;}
.geotrust-footer .footer-nav-link li a {color: #d6d6d6; text-decoration: none; font-weight: 300; display: inline-block; padding: 0.25rem 0; font-size: 1rem;}
.geotrust-footer .footer-nav-link li a:hover {color: var(--geoTrust-electric-orange);}

.geotrust-footer .footer-bottom p{color: #d6d6d6;}
/*=GeoTrust Footer End=*/

/*footer css end*/

.add-payment-box {border-radius: 0.688rem;}
.add-payment-box > span {color: #818181;}
.subscriptions-list > div:nth-child(2n) {background: linear-gradient(0deg, #EDEDED, #EDEDED), linear-gradient(0deg, #F9F9F9, #F9F9F9);}

.card-carousel .carousel-item .bg-light{border-radius: 0.688rem;}
.card-carousel .carousel-item.active, .card-carousel .carousel-item-next, .card-carousel .carousel-item-prev {display: flex;}
.card-carousel .carousel-item-end, .card-carousel .carousel-item-start {transform: translateX(0);}
.card-carousel .primary-card:before {content: ""; width: 0.563rem; height: 0.563rem; position: absolute; background-color: var(--color-blue); left: 0; top: 0.25rem; border-radius: 50%;}
.card-carousel .carousel-control-next{right: 0; width: 1.5rem; opacity: 1;}
.card-carousel .carousel-control-next-icon{background-image: url(../images/blue-arrow-right.svg); width: 1rem; height: 1rem;}

/*==== Fresh Chat ====*/
#fc_frame, #fc_frame.fc-widget-small {z-index: 999 !important;}
.pre-fc-error{text-align:left !important;}
.chat-fc-form-outer div.fc-form{ padding: 10px 20px 20px 20px !important;}
.chat-fc-form-outer div.fc-form p{font-size: 14px; color: #4f4f4f !important; margin-bottom: 10px !important;}
.chat-fc-form-outer p.header{margin: 0px; background-color: var(--color-green)!important;}
.chat-fc-form-outer div.fc-form p{margin-bottom:0 0 30px 0;}
.chat-fc-form-outer div.fc-form a.fc-button{/*background-color: var(--color-green) !important;*/ text-decoration: none !important; font-weight: bold; box-sizing: border-box; font-size:14px;}
.chat-fc-form-outer div.fc-form ul li{margin-bottom: 5px !important;}    .chat-fc-form-outer div.fc-form ul li input{box-sizing: border-box; background: none !important; padding:8px !important; margin-bottom:0px !important;}
.pre-fc-field select{border: 1px solid #ddd; border-radius: 3px; padding: 8px; width: 100%;}
li.pre-fc-field select{height: 36px !important;}
.chat-fc-form-outer div.fc-form ul li input:focus{box-shadow: none !important;}
.chat-fc-form-outer div.fc-form ul li label{font-size: 13px !important; margin-top: 1px !important; position: static !important; top: 0px !important; margin-left: 0px !important; margin-bottom:3px !important; display:inline-block; padding:0px !important;}
.chat-fc-form-outer div.fc-form ul li:last-child{margin-bottom: 15px !important;}
.chat-fc-form-outer div.fc-form ul li:last-child{margin-bottom: 15px !important;}
#chat-fc-allinformationsuppliedinthisformwillbeusedtoprovidecustomersupport {display: none!important;}

.d-hotline.h-btn {background-color: var(--color-green) !important;}

/*==== Order Status ====*/
.status-pending {color: var(--color-warning);}
.status-active {color: var(--color-green);}
.status-expired {color: var(--color-red);}
.status-cancelled {color: var(--color-red);}
.status-incomplete {color: var(--color-warning);}

.loading{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999999;}
.loading-billing {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999999;}
.loading-overlay {background-color: #00000050;}

.subscriptions-switch .form-check-input {border: none; width: 141px; height: 30px;}
.subscriptions-switch .form-check-input, .subscriptions-switch .form-check-input:focus { background-image: url("../images/payment-switch.svg");}
.subscriptions-switch .form-check-input:checked, .subscriptions-switch .form-check-input:checked:focus {background-image: url("../images/payment-switch-checked.svg");}

#changeUpdatePayment .modal-lg, #cancelSubscriptionModal .modal-lg {--bs-modal-width: 950px;}

.moniter-status:before {content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; left: 0; top: calc(50% - 4px)}
.moniter-status.inactive:before {background-color: var(--color-warning);}
.moniter-status.pending:before {background-color: var(--color-warning);}
.moniter-status.active:before {background-color: var(--color-green);}
.vulnerabilities-scan {background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23CACACAFF' stroke-width='2' stroke-dasharray='9%2c 7' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e");}

/*==== Order Process ====*/
.custom-progress:before{content: ""; background-color: var(--color-disabled); width: 100%; height: 0.625rem; border-radius: 0.5rem; position: absolute; top: 1rem; z-index: 0;}
.custom-progress .stepno{position: relative; font-size: 1.375rem; color: var(--color-disabled);}
.custom-progress .stepno span{width: 2.5rem; height: 2.5rem; line-height: 2.5rem; margin-left: auto; margin-right: auto; position: relative; background-color: var(--color-white); border: 0.5rem solid var(--color-disabled); z-index: 1; font-weight: 500;}
.custom-progress .stepno span img{display: none; vertical-align: top;}
.custom-progress .stepno:before, .custom-progress .stepno:after{content: ""; position: absolute; top: 1rem; z-index: 0; height: 0.625rem; width: 50%; border-radius: 0.5rem; z-index: 0; left: 0;}
.custom-progress .stepno.complete-step:before, .custom-progress .stepno.complete-step:after, .custom-progress .stepno.active:before{background-color: var(--color-dark);}
.custom-progress .stepno.complete-step:not(:first-child):before, .custom-progress .stepno.active:not(:first-child):before{width:100%; left: -50%;}
.custom-progress .stepno.complete-step span, .custom-progress .stepno.active span{border-color: var(--color-dark) !important;}
.custom-progress .stepno.complete-step span{background-color: var(--color-dark);}
.custom-progress .stepno.complete-step span img{display: block;}
.custom-progress .stepno.active strong, .custom-progress .stepno.complete-step strong{color: var(--color-dark);}
.custom-progress .stepno.complete-step:last-child:after{right: 0; left: inherit;}


.enrollment-steps,.round-decimal-list {counter-reset: step-counter;}
.enrollment-steps .stepbox {position: relative; margin-left: 2rem;}
.enrollment-steps .stepbox:before, .round-decimal-list > li:before{counter-increment: step-counter; content: "" counter(step-counter) ""; position: absolute; background: var(--color-dark); width: 3.75rem; height: 3.75rem; border-radius: 50%; font-size: 30px; color: var(--color-white); text-align: center; font-weight: 700; line-height: 3.75rem; left: -1.875rem;}
.enrollment-steps .stepboxno {position: absolute; background: var(--color-dark); width: 4rem; height: 4rem; border-radius: 50%; font-size: 30px; color: var(--color-white); text-align: center; font-weight: 700; line-height: 4rem; left: -2rem;}
.pastecsr textarea {max-height: 300px; font-family: Courier, Arial;}

.choosedomain .form-check-label, .form-check-label img {transition: all 0.2s ease}
.choosedomain .form-check-input:checked ~ .form-check-label span{color: var(--color-blue);}
.choosedomain .form-check-input:checked ~ .form-check-label,.choosedomain .form-check-label:hover {border-color: var(--color-blue) !important;}

.addassests-modal .modal-lg, #manageIPModal .modal-lg{color: var(--color-dark);}
.choosedomain .form-check-input:checked ~ .form-check-label {box-shadow: 0 0 0 1px var(--color-blue);}
.choosedomain .form-check-input:checked ~ .form-check-label img,.choosedomain .form-check:has(.form-check-label:hover) img{filter: brightness(0) saturate(100%) invert(77%) sepia(68%) saturate(4887%) hue-rotate(186deg) brightness(93%) contrast(98%);}
.choose-autoinstall .form-check-input:checked ~ .form-check-label img {filter: none;} 

.sslm-include-list li {padding-left: 2.5rem;}
.round-decimal-list > li:before {width: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 1.375rem; left: 0; font-weight: 500;}
.round-decimal-list > li{padding-left: 3.5rem; position: relative;}

.certoption-list {list-style:none;counter-reset: step-counter;}
.certoption-list > div,.certoption-list > li {padding-left: 4.5rem;counter-increment: step-counter;}
.certoption-list > div:before,.certoption-list > li::before{content: "" counter(step-counter) ""; position: absolute; font-size: 1.75rem; background-color: var(--color-dark); color: var(--color-white); font-weight: 700; left: 0; line-height: 1; border-radius: 50%; width: 3.75rem; height: 3.75rem; display: flex; align-items: center; justify-content: center;}
#systemDetails {padding-right: 8rem !important;}
#snackbar {left: calc(50% - 111px)}

.card-carousel .primary-card-box{border: 1px solid var(--color-blue); border-radius: 0.875rem; color: var(--color-white);}
.card-carousel .primary-card-box .bg-light{margin: 0.25rem; background-color: var(--color-blue) !important; height: auto !important;}
.card-carousel .primary-card-box .primary-card{color: var(--color-white);}
.card-carousel .primary-card-box .primary-card:before{background-color: var(--color-green);}
.card-carousel .primary-card-box .carousel-action img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(109deg) brightness(107%) contrast(103%);}

.featured-products a{border: 1px solid transparent;}
.featured-products a:hover {background-color: var(--color-light); border: 1px solid #F4F4F4;}

.order-banner {background-image: url("../images/banner-bg.webp"); background-repeat: no-repeat; background-position: right center;}
.order-banner .checkmark-list{display: flex; gap: 2.5rem;flex-wrap:wrap}
.order-banner .checkmark-list li{background-size: 1rem; background-position: left 3px;}
.order-banner p{max-width:44rem;}

.autoinstall-banner {background-size: auto 100%;}
.autoinstall-banner p{max-width:46rem;}
.autoinstall-banner .checkmark-list{display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); grid-gap: 1.25rem;}

.sitelock-feature-list{display: grid; gap: 1.25rem; grid-template-columns: auto auto auto auto;}
.sitelock-banner-logo {background: url("../images/sitelock-banner-bg.webp") no-repeat; background-size: cover;}

.codeguard-feature-list {display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
.buyflow-pricelist .form-check:has(.form-check-input:checked) label .row > div:first-child{color: var(--color-blue) !important;}

.additional-domain-select {max-width: 200px;}

.v-counter{position: relative;}
.v-counter .form-control{padding-right: 5rem !important; border-color: var(--color-dark) !important; color: var(--color-dark) !important}
.v-counter .form-control:focus{border-color: var(--color-blue) !important; box-shadow: 0 0 0 1px var(--color-blue) !important;}
.v-counter .minusBtn, .plusBtn{background-color: var(--color-light); border-radius: 50%; border: none; width: 1.75rem; height: 1.75rem; color: var(--color-dark); font-weight: 700; font-size: 1.25rem; line-height: 1; position: absolute; top: 50%; margin-top: -0.875rem; z-index:1;}
.v-counter .minusBtn{right: 3.2rem;}
.v-counter .plusBtn{right:1rem;}

.order-summary-box {top: 1.5rem;}
.order-summary-box .summary-total-price {font-size: 1.875rem;}

.promo-section {cursor: pointer;}
.promo-section img{transform: rotate(90deg); transition: all 0.5s;}
.promo-section:not(.collapsed) img{transform: rotate(-90deg);}

.add-more-domain-link img{transition: all 0.5s;}
.add-more-domain-link:not(.collapsed) img{transform: rotate(-180deg);}


.rating-indicator {max-width: 254px; margin-left: auto; margin-right: auto;}
.rating-indicator .indicator-rating-img{display: none;}
.indicator-arrow-img {position: absolute; left: 0; bottom: -8px; transform-origin: 100% 100%; transform: rotate(0deg);}
.status-critical, .status-poor, .status-fair, .status-good, .status-verygood {filter: inherit;}
.status-critical .indicator-img-disabled, .status-poor .indicator-img-disabled, .status-fair .indicator-img-disabled, .status-good .indicator-img-disabled, .status-verygood .indicator-img-disabled {display: none;}
.status-critical .indicator-rating-img, .status-poor .indicator-rating-img, .status-fair .indicator-rating-img, .status-good .indicator-rating-img, .status-verygood .indicator-rating-img {display: block;}
.status-critical .indicator-arrow-img {transform: rotate(18deg);}
.status-poor .indicator-arrow-img {transform: rotate(54deg);}
.status-fair .indicator-arrow-img {transform: rotate(90deg);}
.status-good .indicator-arrow-img {transform: rotate(125deg); bottom: 0;}
.status-verygood .indicator-arrow-img {transform: rotate(165deg); bottom: 8px;}

.sslm-issue-box span{background-color: var(--bs-border-color); min-width: 2.5rem; height: 2.5rem; max-width: 2.5rem;}

.edituser-email-modal-btn {position: absolute;top: 9px;right: 9px;}
.form-floating > .form-control.edituser-email-btn-padding {padding-right: 120px !important;}

.domaintextbox.is-invalid:focus {box-shadow: 0 0 0 1px var(--color-blue) !important;}
.domaintextbox.is-valid {border-color: var(--bs-form-valid-border-color) !important;}

.was-validated .invalid-promo .form-control, .invalid-promo .form-control, .was-validated .invalid-promo .form-control:not(:placeholder-shown), .invalid-promo .form-control:not(:placeholder-shown) {border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem);}
.remove-promo-icon {cursor: pointer;}

/*Add Assests Modal*/
.addassests-modal .modal-lg, #manageIPModal .modal-lg, #setupAuthenticatorModal .modal-lg{max-width: 1009px;}
.addassests-modal .radioinput-wrp .form-check-input {top: 1.875rem;}
.addassests-modal .radioinput-wrp strong{flex: 360px; font-size: 21px; color: var(--color-darkgray); font-weight: 500;}
.addassests-modal .radioinput-wrp .form-check-input:checked ~ label strong {color: var(--color-blue);}
.addassests-modal .radioinput-wrp span {line-height: 1.37;}
.addassests-modal .radioinput-wrp {box-shadow: 0px 4.98px 9.95px 0px #00000006;}
.addassests-modal .radioinput-wrp.checked{border: 1px solid var(--color-blue); background-color: #EFF7FF;}
.addassests-modal .radioinput-wrp.checked strong{color: var(--color-blue);}

/*==== IP Assests ====*/
.risk-bar {border-radius: 1.25rem; background: linear-gradient(90deg, #32DB80 0.3%, #E6E939 24.83%, #F90 51.36%, #FA3C3C 71.88%, #CD0000 99.92%); height: 1.25rem;}
.risk-status {background-color: var(--color-warning); border-radius: 2rem; width: 85px; margin: 0 auto 1.25rem; position: relative;}
.risk-status:after {content: ""; height: 0; width: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid var(--color-warning); position: absolute; top: 100%; left: calc(50% - 10px);}

.svs-issue-box span {min-width: 2.5rem; height: 2.5rem; max-width: 2.5rem;}
.svs-issue-box.risk-critical span, .disable-div, .svs-issue-box.risk-critical h4, .svs-issue-box.risk-medium span, .svs-issue-box.risk-critical p {color: var(--color-disabled);}
.svs-issue-box.svs-issue-disable span, .disable-div, .svs-issue-box.svs-issue-disable h4, .svs-issue-box.risk-medium span, .svs-issue-box.svs-issue-disable p {color: var(--color-disabled);}
.svs-issue-box.risk-verylow span, .svs-issue-box.risk-low span {background-color: var(--color-disabled); color: var(--color-white);}
.svs-issue-active {color: white; background: var(--color-disabled);}
button#IdContinueVM {min-width: 106px;}
.form-floating ~ .custom-tooltip img { margin-right: 12px; margin-top: 20px}

.assetdetailname {background: var(--bs-border-color) !important;}

/*====Agreement====*/
.agreement-details ol {margin:1.25rem 0; list-style: none; counter-reset: item;padding:0;}
.agreement-details ol li{margin:1rem 0;}
.agreement-details ol > li ol li{padding-left:4rem; position:relative;}
.agreement-details ol > li ol li:before{position: absolute;left:15px;}
.agreement-details li:before {content: counters(item, ".") " ";counter-increment: item}
.agreement-details ol.lr {list-style-type: lower-roman; counter-reset: none;}
.agreement-details ol ol.lr li{list-style: lower-roman; padding-left: 0; margin-left: 1.25rem;}
.agreement-details ol ol.lr li:before{display:none;}
.agreement-details ol ol.lr.pl-55{padding-left:55px;}
/*====Agreement End====*/

.tooltipcopy[data-tooltip] {cursor: pointer; position: relative; display: inline-block;}
.tooltipcopy[data-tooltip]:before, .tooltipcopy[data-tooltip]:after {position: absolute; visibility: hidden; opacity: 0; z-index: 99; left: 50%; bottom: 100%; transition: all 0.1s linear;}
.tooltipcopy[data-tooltip]:hover::before, .tooltipcopy[data-tooltip]:hover::after, .tooltipcopy[data-tooltip]:focus::before, .tooltipcopy[data-tooltip]:focus::after {visibility: visible; opacity: 1;}
.tooltipcopy[data-tooltip]::before {content: ''; border-width: 6px; border-style: solid; border-color: transparent; border-top-color: var(--color-lightgray); top: 0; transform: translate(-50%, -6px);}
.tooltipcopy[data-tooltip]::after {padding: 0.5rem 1rem; border-radius: 2rem; font-size: 14px; content: attr(data-tooltip); white-space: nowrap; background-color: var(--color-lightgray); color: var(--color-white); transform: translate(-50%, -6px); font-family: 'Roboto', sans-serif;}

.hidden {display: none;}
.backhowworks {top: 0; left:0; text-decoration: none; position: absolute;}

.short-filter .form-control, .short-filter select{height:35px;font-size:15px;border-radius:4px;}
.short-filter select{max-width:12.5rem;cursor:pointer;}
.short-filter .form-control {padding-inline: 2.5rem !important; background-image: url('../images/tabler-icon-search.svg'); background-repeat: no-repeat; background-position: center left 0.9rem;}
.short-filter .form-control::placeholder{color:#9A9A9A}

.search-box .form-control {padding-inline: 2.5rem !important; background-image: url('../images/tabler-icon-search.svg'); background-repeat: no-repeat; background-position: center left 0.9rem; height: 3.5rem; background-size: 1.2rem auto;}
.filter-search{position:relative;}
.filter-search-cancel {position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); background: transparent; border: none; display: none;}
.short-filter label{color:var(--color-darkgray);}
.no-match-msg {color: var( --color-dark) !important}

.domain-search-cancel{transform:none; top:1rem;}

.vs-checklist li:last-child{background-image: none;}

.formfield-smheight .form-control, .formfield-smheight .form-select {padding-top: .5rem !important; padding-bottom: .5rem !important;}

.asset-modal .modal-dialog{max-width:1364px;padding-inline:1rem;}

.domain-input .btn{position:absolute;right:0.7rem;top:0.5rem;}
.domain-list{list-style:none;}
.domain-list li:not(:last-child){margin-bottom:1rem;border-bottom:1px solid #dddddd;}
.domain-list li{padding-bottom:1rem;}
.domain-add-icon{filter: invert(57%) sepia(52%) saturate(2183%) hue-rotate(187deg) brightness(94%) contrast(95%);}
.domain-add-list{max-height:20rem;overflow:auto;scrollbar-width:thin;}
.domain-add-box ~ .domain-add-list{max-height:15rem;}

.domain-associated-list{max-height:calc(100% - 2rem); overflow:auto;scrollbar-width: thin;}
.domain-associated-list li{padding-right:0.5rem;}
.asset-modal-box{border:1px solid var(--color-dark)}

.disabled-gray {background: var(--color-disabled) !important; border-color: var(--color-disabled) !important; pointer-events: none;}
.disabled-gray-outline {border-color:var(--color-disabled) !important;color:var(--color-disabled);pointer-events:none;}
.disabled-gray-outline img{opacity: 0.2;}

.calender-control {position: relative;}
.calender-control .form-control{padding-right: 3rem !important; background: transparent; z-index: 1;}
.calender-control .calender-icon{position: absolute; right: 1rem; z-index: 0; top: 50%;transform:translateY(-50%);pointer-events:none;}

.ai-box-icon {min-width: 2.625rem; max-width: 2.625rem; height: 2.625rem;}
.method-detail ul{counter-reset: section;}
.method-detail ul li{position:relative; padding-left: 2rem !important;}
.method-detail ul li:before {counter-increment: section; content: counter(section) ". "; position: absolute; font-weight:bold; left: 1rem;}
.method-detail ul li.top-decimal:before {top:0.75rem;}

.subscriberow li, .installationdtl li{display: flex;}
.subscriberow li strong {width: 25%;}
.installationdtl li strong{width: 50%;}

#edit-mode-container .form-control {padding-top: 0.5rem !important; padding-bottom: 0.5rem!important;}

.vertical-divider:after, .vertical-divider:before{position:absolute; left:50%; content:''; z-index:9; border-right:1px solid #ddd; width:0; height:30px; background-color: var(--bs-border-color);}
.vertical-divider:before{top: 0;}
.vertical-divider:after{bottom:0;}

.agreement-details {max-height: 300px; overflow-y: auto;}

/*====Not Include List====*/
.not-include{list-style:none;padding:0;margin:0;}
.not-include li{position:relative; padding-left:1.5rem;}
.not-include li::before{content:'';height:12px;width:12px; display:inline-block; flex-shrink:0; background-color: var(--color-red); -webkit-mask: url("../images/cross-icon.svg") no-repeat; mask:url("../images/cross-icon.svg") no-repeat; mask-size:12px; position:absolute;left:0;top:50%;transform:translateY(-50%);}
/*====Not Include List End====*/

/*====Technical Support List====*/
.tech-support-list li{padding-left:4.5rem;}
.tech-support-list li::before{top:50%;transform:translateY(-50%);background:var(--color-blue);height:50px;width:50px;font-size:1.75rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;}
.tech-support-list a{color:inherit;}
/*====Technical Support List End====*/

/*====Accordion====*/
.accordion .accordion-item {color:var(--body-color);}
.accordion .accordion-button {background: transparent; box-shadow:none; border:none; font-weight:600; color:var(--body-color); font-size:1rem; font-weight:600;}
.accordion .accordion-body {font-size:0.938rem; line-height:1.6; padding-top:0;}
/*====Accordion End====*/

.form-tooltip {position: absolute; top: calc(50% - 8px); right: 1rem;}
.certpanellogin-section {min-height: calc(100vh - 67.5px);}
.link-account-imgbox {background: url("../images/link-account-bg.png") no-repeat left bottom; min-height: 650px;}
.link-account-imgbox object{filter: drop-shadow(0px 9px 8.7px rgba(0, 0, 0, 0.07));}

.magnifying-glass-image {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; display: none;}
.ssl-config-image-div:hover .magnifying-glass-image {display: block;}
.ssl-config-modal .modal-lg {max-width: 1000px;}

/*radio boxes*/
.radioboxes .form-check .form-check-input {position: absolute; left: 1rem; top: 1rem;}
.radioboxes .form-check label{transition:all 0.2s ease;}
.radioboxes .form-check label:hover,.radioboxes .form-check:has(label:hover) .form-check-input{border-color:var(--color-blue)!important;}
.radioboxes .form-check .form-check-input:checked ~ label > span:first-child, .radioboxes .form-check .form-check-input:checked ~ label > strong:first-child, .radioboxes .form-check .form-check-input:checked ~ label div:first-child > span:first-child{color: var(--color-blue) !important; font-weight: 500 !important;}
.radioboxes .form-check:has(.form-check-input:checked) label{border-color: var(--color-blue) !important;}
.radioboxes .form-check:has(.form-check-input:checked) label{box-shadow:0 0 0 1px var(--color-blue);}
#pricingGrid .form-check .form-check-input:checked ~ label .row > div:first-child{color:var(--color-blue) !important;}
.radio-badge {font-size:10px; padding:0.375rem 0.625rem;line-height:1;font-weight:500;border-radius:0 0 0.5rem 0.5rem; position:absolute;right:1.5rem;top:0;background:var(--bs-border-color);color:var(--color-dark)}
.radioboxes .form-check .form-check-input:checked ~ label .radio-badge {background:var(--color-blue);color:var(--color-white)}

.addassests-modal .radioinput-wrp .form-check-input {top: 1.875rem;}

.cvvcardimg {position: relative; cursor: pointer; padding: 0 0 0 10px; margin: 0;}
.cvvcardimg span {display: none; right: -150px; top: -3px; position: absolute;}
.cvvcardimg:hover span {display: block !important;}

/*address fund modal*/
.choosemethod .nav-link{border-bottom:1px solid transparent !important;}
.choosemethod .nav-link:not(.active){border-color:var(--bs-border-color) !important;}
.choosemethod .nav-link.active{color:var(--color-dark) !important;}

/*add fund modal*/
#addFundModal .modal-dialog{max-width:920px;}

#fullComparisonModal .modal-dialog{max-width:1010px;}
.smime-compare-table th {background: none;}
.smime-compare-table th + th, .smime-compare-table td + td {text-align: center; border-left:1px solid var(--color-white);border-right:1px solid var(--color-white);}
.smime-compare-table thead .plan-1{background-color:#2887C660;}
.smime-compare-table thead .plan-2{background-color:#2887C680;}
.smime-compare-table thead .plan-3{background-color:#2887C6;}
.smime-compare-table thead .plan-4{background-color:#247ab2;}
.smime-compare-table thead .plan-5{background-color:#206c9e;}
.smime-compare-table th h6{font-size: 1.125rem;}
.smime-compare-table tr td {border-bottom: none; font-size: 0.875rem; padding: 1rem; height: inherit;}

#slFeaturesModal .modal-dialog{max-width: 965px;}
#slComparisonChartModal .modal-dialog{max-width: 1010px;}

.slplan-features > ul > li{padding-left: 1.25rem; line-height: 1.5; position: relative; background-size: 0.625rem; width: 100%;}
.slplan-features > ul > li span{border-bottom: 2px dashed #DFDFDF;}
.slplan-features > ul > li + li{margin-top: 1rem;}
.slplan-features .custom-tooltip .tooltip-detail.top-left {left: 1.25rem;}
.slplan-features .tooltip-detail ul li {background:none; padding-left: 1rem;}
.slplan-features .tooltip-detail ul li:before {content: ""; background: var(--color-white); height: 1px; width: 0.5rem; position: absolute; left: 0; top: calc(50% - 0.5px);}

.table-slcomparision {width: 100%;}
.table-slcomparision th{background-color: transparent; padding: 0 1rem; border-bottom: 1px solid #D8D8D8; text-transform: none;}
.table-slcomparision th + th > div{border-radius: 0.25rem 0.25rem 0 0; min-width: 166px;}
.table-slcomparision tr td{padding: 0 1rem; height: auto; border-bottom: 1px solid #D8D8D8;}
.table-slcomparision tr th:first-child, .table-slcomparision tr td:first-child{padding-left: 0;}
.table-slcomparision tr th:last-child, .table-slcomparision tr td:last-child{padding-right: 0;}
.table-slcomparision tr th:not(:first-child) > div, .table-slcomparision tr td > div{background-color: #FAFAFA;} 
.table-slcomparision tr th:not(:first-child) > div{padding: 1rem 0.625rem;} 
.table-slcomparision tr td > div{padding: 0.625rem;} 

/*div table plan box*/
.plan-box > div{padding:1rem;font-size: 0.875rem;display:flex;flex-direction:column;justify-content:center;min-height:3.313rem;}
.plan-box div:nth-child(even){background-color:var(--color-table);}
.plan-box .plan-box-amount{min-height:4.625rem;}
.plan-table > div:not(:first-child) .plan-box{text-align:center;}
.plan-table > div:not(:first-child) .plan-box > div{align-items:center;}
.plan-box .plan-box-head{color:var(--color-white);font-weight:500;}
.plan-box-1 .plan-box-head{background-color: #aed2ea;}
.plan-box-2 .plan-box-head{background-color: #93c3e2;}
.plan-box-3 .plan-box-head{background-color: #2887C6;}
.plan-box-4 .plan-box-head{background-color: #247ab2;}
.plan-box-5 .plan-box-head{background-color: #206c9e;}

/*quick login page*/
.certpanel-loginbox .link-button {color: var(--color-blue);font-size: 15px;font-family: 'robotoregular', sans-serif;}
.certpanel-loginbox .formbox{min-height: 600px;display:flex;flex-direction:column;}
.certpanel-loginbox .notification-error-wrp{min-height: 70px;}
.certpanel-loginbox .notification-error {margin: 0 0 10px 0;}
.certpanel-loginbox .form-control.is-invalid{border-color: #dc3545;}
.certpanel-loginbox .form-control.is-invalid:not(:placeholder-shown){border-color: #dc3545;}
.certpanel-loginbox .form-group .form-control:invalid {border-color: red;}

.dns-collapse-link:not(.collapsed) {color: var(--color-disabled);}
.dns-input {padding-right: 8.5rem !important;}

.disclaimer-container {min-height: calc(100vh - 220px);}

.entercsrstpa.border:has(.form-check-input:checked) {border-color: var(--color-blue) !important;box-shadow:0 0 0 1px var(--color-blue);}
.entercsrstpa.border:has(.form-check-input:checked) .form-check-label strong{color:var(--color-blue) !important;}
.entercsrstpa.border:has(.form-check-input):hover,.entercsrstpa.border:has(.form-check-input):hover .form-check-input{border-color:var(--color-blue) !important;}

/*==Create Account==*/
.registration-hero::after { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 335px; background-color: #151922; background-image: url(../images/hero-bg.svg); background-repeat: no-repeat; background-position: right center;}
.registration-hero .hero-text { color: var(--color-white); font-weight: 500; font-size: 1.75rem;}
.registration-hero .hero-text span { color: var(--color-green);}

.registration-shadow {box-shadow: 0 14px 64px -4px rgba(24, 39, 75, 0.12);}
.registration-page h1 {font-size: 2rem;}
.registration-shadow #signupForm .btn{height: 3.375rem; line-height: 3.375rem;}
.registration-summary .rounded-circle { width: 2rem; height: 2rem;}

.name-icon {background-color: #125294; width: 3.5rem; height: 3.5rem;}

.btn-label label{padding:10px 15px;border:1px solid var(--color-darkgray);border-radius: 0.25rem;cursor:pointer;transition:all 300ms;position:relative;}
.btn-label label::after{content:'';height:2rem;width:2rem;display:inline-flex;justify-content:center;align-items:center;background:url('../images/url-icon.svg') no-repeat center center / 1rem; position:absolute; right:0.625rem; top:50%;transform:translateY(-50%);}
.btn-label label:hover{border-color:var(--color-blue);}
.btn-label input:checked ~ label{background:var(--color-blue);color:var(--color-white);border-color:var(--color-blue);}
.btn-label input:checked ~ label::after{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7498%) hue-rotate(92deg) brightness(113%) contrast(102%)}

.vm-ipaddress-input {padding-right: 5rem !important;}

.geotrust-registration {background-image: url("../images/geotrust-registration-bg.svg"), linear-gradient(180deg, #272A2B 23.08%, #121415 100%); background-repeat: no-repeat; background-position: right top;}
.geotrust-registration .registration-hero:after {display: none;} 
.geotrust-registration .hero-text, .geotrust-registration .registration-page h1 {font-family: "Onest", sans-serif; font-weight: 600;}
.geotrust-registration .hero-text span {color: var(--geoTrust-electric-orange);}
.geotrust-registration .registration-page {background-color: transparent !important;}
.geotrust-registration .footer {background-color: var(--bs-black) !important;}
.geotrust-registration .name-icon {background-color: var(--geoTrust-electric-orange);}


.geotrust-registration .registration-hero:after{background-image: url("../images/geotrust-registration-bg.svg"), linear-gradient(180deg, #272A2B 23.08%, #121415 100%); background-repeat: no-repeat; background-position: center top;}
.geotrust-registration .hero-text, .geotrust-registration .registration-page h1{font-family: "Onest", sans-serif; font-weight: 600;}
.geotrust-registration .hero-text span{color: #FF9239;}
.geotrust-registration .registration-page,  .geotrust-registration .registration-page .container{background-color: transparent !important; padding-inline: 0 !important;}
.geotrust-registration .footer{background-color: var(--bs-black) !important;}
.geotrust-registration .name-icon{background-color: #FF9239}

.geotrust-registration .form-floating > label{display: none;}
.geotrust-registration .form-floating > .form-control::placeholder{opacity: 0.6; color: var(--color-dark); font-family: "Onest", sans-serif; font-weight: 300; letter-spacing: 0.15px;}
.geotrust-registration .alert-success{--bs-alert-color: #145833;}
.geotrust-registration .alert-success::before{filter: brightness(0) saturate(100%) invert(21%) sepia(10%) saturate(4217%) hue-rotate(98deg) brightness(106%) contrast(84%);}

.billing-toggle input {position: absolute; opacity: 0; pointer-events: none;}
.toggle-track {position: relative; display: inline-flex; align-items: center; border-radius: 999px; cursor: pointer; font-size: 0.75rem; user-select: none; overflow: hidden; font-weight: 400;}
.toggle-track .label {position: relative; z-index: 1; padding: 0.375rem 0.625rem; color: var(--color-dark); line-height: 1; width: 50%; text-align: center;}
.toggle-track .monthly:before {content: ""; position: absolute; inset: 0; width: 100%; background: #676767; border-radius: 999px; z-index: -1; transform: translateX(0%); transition: transform 0.3s ease;}
.billing-toggle input:checked + .toggle-track .monthly::before {transform: translateX(100%);}
.billing-toggle input:not(:checked) + .toggle-track .monthly, .billing-toggle input:checked + .toggle-track .annual {color: var(--color-white); font-weight: 500;}

.summary-proprice {min-width: 6rem;}
#coverageModal .modal-dialog{max-width: 570px;}

/* ===== Web Asset Page Start ==== */
.vulnerBadge { padding: 12px 8px; border: 1px solid var(--color-disabled); border-radius: 5px; width: 30px; height: 30px; color: var(--color-white);}
.vulnerCritical { background: var(--color-warning-red); border-color: var(--color-warning-red);}
.vulnerHigh { background: var(--color-red); border-color: var(--color-red);}
.vulnerMedium {	background: var(--color-warning); border-color: var(--color-warning);}
.vulnerLow { background: var(--color-mediumgray); border-color: var(--color-mediumgray);}
.vulnerDeactivated { background: var(--color-disabled); border-color: var(--color-disabled);}
.vulnerBorderd { color: var(--color-disabled); border-color: var(--color-disabled);}
.deactivate-riskbar { background: var(--color-disabled); position: relative; margin-top: 36px;}
.deactivate-riskbar::before { content: ""; height: 0; width: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid var(--color-disabled); position: absolute; bottom: calc(100% + 7px); left: calc(50% - 10px); border-radius: 4px;}
.vulnernoresult { border: 1px solid var(--bs-border-color); height: 100%;}

.vm-statusbar {height: 50px;}
.vm-statusbar.alert:before {top: 1rem !important;}
.vm-statusBar-infoHeading {color: #005693 !important;}
.vm-statusbar.alert-failed:before {background-image: url("../images/icon-alert-triangle.svg") !important;}
.alert.vm-statusbar.alert-warning:before, .alert.vm-statusbar.alert-failed:before, .alert.vm-statusbar.alert-danger:before {content: "" !important; background-color: var(--bs-alert-color) !important; mask: url("../images/icon-alert-triangle.svg") center/contain no-repeat !important; -webkit-mask: url("../images/icon-alert-triangle.svg") center/contain no-repeat !important; background-image: none !important; filter: none !important;}
.alert.vm-statusbar.alert-primary:before {content: "" !important; background-color: #005693 !important; mask: url("../images/exclamation.svg") center/contain no-repeat !important; -webkit-mask: url("../images/exclamation.svg") center/contain no-repeat !important; background-image: none !important; filter: none !important;}

.vm-multistateScanDatetb tr td {padding: 0px !important; height:0px !important;}

.alert-failed:before {background-image: url("../images/mood-cry.svg");}
.vm-statusbar.alert-failed:before {background-image: url("../images/icon-alert-triangle.svg");}
/* ====== Web Asset Page End ===== */

.domain-coverage-radio .form-check .form-check-input {top: 1.875rem; left: 1.5rem;}
.domain-coverage-radio .form-check label {color: var(--color-dark);}
.domain-coverage-radio .form-check:has(.form-check-input:checked) label{color: var(--color-blue); font-weight: 500;}

.advanced-configurations a img{transition: all 0.5s;}
.advanced-configurations a:not(.collapsed) img {transform: rotate(-90deg);}

/* ==== Manage Order Custom Dropdown ==== */
.custom-dropdown {cursor: pointer; position: relative; background-position: right 1rem top 1.375rem;}
.custom-dropdown .arrow {position: absolute; right: 15px; top: 18px; font-size: 14px; transition: transform 0.2s; display:none;}
.custom-dropdown.open .arrow {transform: rotate(180deg);}
.custom-dropdown .selected-item .validation-types {display: none;}
.custom-dropdown .dropdown-list {display: none; border: 1px solid var(--color-dark); border-top: none !important; max-height: 300px; overflow-y: auto; position: absolute; width: calc(100% + 2px); left: -1px; background-color: var(--color-white); padding: 0.25rem 1rem; z-index: 9; border-radius: 0 0 0.25rem 0.25rem; top: calc(100% - 0.25rem);}
.custom-dropdown:hover .dropdown-list{border: 1px solid var(--color-blue);}
.custom-dropdown.open .dropdown-list {display: block;}
.custom-dropdown .dropdown-item {padding: 0.75rem; cursor: pointer;}
.custom-dropdown .dropdown-item:not(:first-child){border-top: 1px solid var(--bs-border-color);}
.custom-dropdown .dropdown-item:hover {background-color: #f8f9fa;}
.custom-dropdown .dropdown-item .validation-types {color: var(--body-color);}
/* ==== Manage Order Custom Dropdown End ==== */


.choose-platform span {font-size: 0.688rem;}

/*==== Two-Factor Authentication ====*/
.qrcode {filter: drop-shadow(0 4.977px 9.954px rgba(0, 0, 0, 0.03));}
.otp-fields .form-control {border-color: var(--bs-border-color) !important; width: 3.125rem; height: 3.125rem; filter: drop-shadow(0 4.977px 9.954px rgba(0, 0, 0, 0.02)); caret-color: transparent}
.otp-fields .form-control:focus{border-color: var(--color-blue) !important;}

.vm-scan-results-table tr td .btn-sm {height: 40px; line-height: 40px;}
.vm-scan-results-table tr td .vm-redirect-link{margin-top:-4px !important}

.orginfo-list {display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 0 3rem;}
.orginfo-list li{padding-block: 1.25rem;}
.orginfo-list li + li + li{border-top: 1px solid var(--bs-border-color);}

/* Mask the input visually */
#ccCvv.masked {-webkit-text-security: disc; text-security: disc;}

#adddomainmodel .modal-dialog{max-width: 570px;}

/* ==== NEW DASHBOARD PREVIEW MODAL CSS START ==== */
.modal.newdashboardpreview-modal .modal-dialog { max-width: 1070px; }
.modal.newdashboardpreview-modal .normal-shadow { filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.25)); }
/* ==== NEW DASHBOARD PREVIEW MODAL CSS END ==== */

@media (min-width: 1200px) and (max-width: 1500px) {
    .registration-page .container, .registration-hero .container { padding-inline: 60px;}
}
@media (min-width: 1400px){
    header .navbar-nav .nav-addproduct .dropdown-menu.cp-addpro-nav{width: calc(75% - 1.5rem) !important;}
    header .navbar-nav .nav-addproduct .dropdown-menu.geotrust-addpro-nav{width: calc(50% - 1.5rem) !important;}
}
@media (max-width: 1400px) {
    header .navbar-nav .nav-addproduct .dropdown-menu.cp-addpro-nav{width: calc(90% - 1.5rem) !important;}
    header .navbar-nav .nav-addproduct .dropdown-menu.geotrust-addpro-nav {width: calc(60% - 1.5rem) !important;}
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1450px}
    .asset-modal-box{min-height:32.5rem;max-height:32.5rem;}
    .border-xl-start {border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;}
    .border-xl-none{border:none !important;}

    header .navbar-nav .nav-link {padding: 1.125rem 2.25rem !important;}
    
}
@media (max-width: 1200px) {
    .addassestsmodal-btn {height: 100%;}
    .order-banner .checkmark-list{gap:1rem;}

    header .navbar-nav .nav-link {padding: 1.125rem 1.5rem !important;}
    header .navbar-nav .nav-addproduct .dropdown-menu.cp-addpro-nav{width: calc(100% - 1.5rem) !important;}

    .sitelock-feature-list{grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}

    .vulnerTable tr td { border: none; border-bottom: 1px solid #eee; position: relative; padding: 1rem 1rem 1rem 16rem; font-weight: 400; white-space: normal !important; height: auto;}
    .vulnerTable, .vulnerTable thead, .vulnerTable tbody, .vulnerTable td, .vulnerTable tr { display: block; text-align: left; }
    .vulnerTable thead { position: absolute; left: -9999px; overflow: hidden; width: 0px; height: 0px;}
    .vulnerTable tr td::before {content: attr(data-title);display: inline-block;width: 13rem;min-width: 100px;border-right: 1px solid #DDD;position: absolute;top: 50%;left: 1rem;text-align: left !important;padding-right: 0;margin-top: -11px;}

    .orginfo-list {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
}

@media (min-width: 992px) {
    .w-lg-50 {width: 50% !important;}
    .w-lg-25 {width: 25% !important;}
    .w-lg-100 {width: 100% !important;}
    .border-top-lg-0{border-top: none !important;}
    .border-lg-start {border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;}

    header .navbar-nav{box-shadow: 0 1px 10px rgba(0, 0, 0, 0.11); border-radius: 0.25rem; border: 1px solid var(--bs-border-color);}

	header .navbar-nav .nav-item {position: relative}
    header .navbar-nav .nav-link { position: relative; font-weight: 500; color: var(--color-dark); text-transform: capitalize; font-size: 0.938rem; display: flex; justify-content: center; transition: all 0.3s ease;}
    header .navbar-nav .nav-link::before { position: absolute; content: ''; width: 0%; height: 2px; border-radius: 50px; background: #0F9DFF; bottom: 0; transition: all 0.4s ease-in-out; }
    header .navbar-nav .dropdown-menu .nav-link:before, header .navbar-nav .dropdown-toggle:after {content: none;}
    
    header .navbar-nav .nav-link.show { color: var(--color-dark); }
    header .navbar-nav .nav-item:not(.nav-addproduct):hover .nav-link { color: var(--color-blue);}
    header .navbar-nav .nav-item:not(.nav-addproduct):hover .nav-link:before { width: calc(100% - 75px);}
    header .navbar-nav .dropdown-menu {transition: all 0.4s ease-in-out; transform: translate(0px, 30px); visibility: hidden; opacity: 0; top: 100%; display: block; border: 1px solid #E3E3E3; box-shadow: 0px 4px 20.8px rgba(0, 0, 0, 0.11);}
    header .navbar-nav .dropdown-menu .dropdown-item {padding: 0.5rem; color: var(--color-dark); transition: all 0.3s ease;}
    header .navbar-nav .dropdown-menu .dropdown-item:hover, header .navbar-nav .dropdown-menu .dropdown-item:active {background: transparent;}
    header .navbar-nav .dropdown-menu .dropdown-item:not(.title):hover {color: var(--color-blue);}
    header .navbar-nav .dropdown-menu .dropdown-item:active {color: var(--color-blue);}
    header .nav-myaccount .dropdown-menu{width: 286px; left: calc(50% - 143px);}

    header .nav-support .dropdown-menu{left: calc(50% - 125px);}
    
    header .navbar-nav .nav-addproduct .dropdown-menu{margin-top: -3px; border-top: 3px solid var(--color-blue) !important; width: calc(100% - 1.5rem) !important; right: 0.813rem !important; padding: 2rem !important;}
    header .navbar-nav .nav-addproduct .nav-link.dropdown-toggle {border-radius: 0 0.25rem 0.25rem 0;}
    header .navbar-nav .dropdown:hover .dropdown-menu{ opacity: 1; visibility: visible; transform: translate(0,0); }

    .card-carousel .carousel-item-end.active, .card-carousel .carousel-item-next {transform: translateX(25%);}
    .card-carousel .carousel-item-start.active, .card-carousel .carousel-item-prev {transform: translateX(-25%);}

    .active-subscription-title{width: 38.5%;}

    #howItWorksModal .modal-lg, #manualInstallationModal .modal-lg{max-width: 950px;}

    .plan-table > div:nth-child(2) .plan-box{box-shadow:0 0 20px rgba(0,0,0,0.15);position:relative;z-index:9;}
}

@media (max-width: 991.98px) {

	header .navbar-nav .nav-link.active, header .navbar-nav .nav-link.show, header .navbar-nav .nav-link {color: var(--color-dark);}
    header .navbar-nav .nav-link {padding: 1rem 1.5rem; border-top: 1px solid var(--bs-border-color); position: relative; font-size: 1rem; font-weight: 500;}
    header .navbar-nav .dropdown-toggle::after{position: absolute; right: 1.5rem; top: calc(50% - 2px); transition: all 0.5s;}
    header .navbar-nav .dropdown-toggle.show::after{transform: rotate(180deg);}
    header .navbar-nav .nav-link:hover, header .navbar-nav .nav-link.show { background-color: var(--color-light); }
    header .navbar-nav .nav-addproduct .dropdown-menu.cp-addpro-nav, header .navbar-nav .nav-addproduct .dropdown-menu.geotrust-addpro-nav{width: 100% !important;}
    header .navbar-nav .dropdown-menu li .site-icon{background-color: var(--color-light) !important;}
    header .navbar-nav .dropdown-menu li input[type="radio"] {border: 1px solid var(--color-disabled);}
    header .navbar-nav .dropdown-menu .dropdown-item:hover {background-color: var(--color-light);}

    .offcanvas .accordion .accordion-button{font-weight: 500; font-size: 0.875rem;}
    

    .table, .table thead, .table tbody, .table th, .table td, .table tr {display: block; text-align: left}
    .table thead {position: absolute; left: -9999px; overflow: hidden; width: 0px; height: 0px}
    .table thead tr {position: absolute; top: -9999px; left: -9999px}
    .table tbody tr:nth-child(2n+1) {background-color: var(--color-light);} 
    .table tr td {border: none; border-bottom: 1px solid #eee; position: relative; padding: 1rem 1rem 1rem 16rem; font-weight: 400; white-space: normal !important; height: auto;}
    .table tr td:before {content: attr(data-title); display: inline-block; width: 13rem; min-width: 100px; border-right: 1px solid #DDD; position: absolute; top: 50%; left: 1rem; text-align: left !important; padding-right: 0; margin-top: -11px;}
    .table tr td.dropdown {padding-left: 1rem !important;}
    .table tr td.dropdown .btn, .table .dropdown .dropdown-menu:before, .table td.dropdown:before {display: none;}
    .table tr td.dropdown .dropdown-menu {position: relative !important; top: inherit !important; transform: none !important; display: flex; background: transparent; justify-content: center;}
    .table tr td.dropdown .dropdown-menu li {margin-right: 0.75rem;}
    .table tr td.dropdown .dropdown-menu .dropdown-item {border: 1px solid #BBB; color: var(--color-blue); border-radius: 2px;}
    .table tr td.dropdown .dropdown-menu .dropdown-item:active, .table td.dropdown .dropdown-menu .dropdown-item:focus, .table td.dropdown .dropdown-menu .dropdown-item:hover {border: 1px solid var(--color-blue); background-color: var(--color-blue); color: var(--color-white);}
    .table tr:nth-child(2n) td{background-color: var(--color-light);}

    .order-banner {background-image: none;}
    .order-banner .checkmark-list{gap:1rem;}
    .custom-progress .stepno {font-size: 1rem;}
    .enrollment-steps .stepbox {margin-left: 0;}
    .enrollment-steps .stepbox:before{width: 2rem; height: 2rem; line-height: 2rem; left: -1rem; font-size: 1.25rem; line-height: 2rem;}

    .vertical-divider:after, .vertical-divider:before {width: calc(50% - 40px); top: 50%; height:1px;}
    .vertical-divider:before{left: 0;}
    .vertical-divider:after{right: 0; left: inherit}

    .plan-box div[data-title]::before {content: attr(data-title); display: block; font-size: 0.813rem;font-weight: 600; margin-bottom: 0.5rem;}

    .registration-banner .text-white { color: var(--color-dark) !important;}

    .orginfo-list li + li{border-top: 1px solid var(--bs-border-color);}
}

@media (max-width: 767px) {
	.table tr td {padding: 1rem;}
    .table tr td:before {position: relative; top: inherit; margin: 0 0 0.25rem; left: inherit; width: 100%; border: none; font-weight: 700;}

    .modal-header{padding: 1.5rem;}
    .modal-title {font-size: 1.25rem;}
    .renewalsetting-page h1{font-size: 1.5rem;}
    .addassests-modal .radioinput-wrp .form-check-input{margin: 10px auto;}
    .addassests-modal .radioinput-wrp label {flex-direction: column;}
    .addassests-modal .radioinput-wrp strong{flex: auto;font-size: 18px;}
    .subscriberow li, .installationdtl li{flex-direction: column;}
    .subscriberow li strong, .installationdtl li strong {width: 100%; margin: 0;}
    .alert-info{background-size:1.5rem;padding-inline:3rem 1rem;background-position: center left 0.75rem;}

    .tech-support-list{font-size:1rem !important;}
    .tech-support-list li::before{height:40px;width:40px;font-size:1.25rem;}
    .tech-support-list li{padding-left:3.5rem;}

    .accordion .accordion-button{padding:1rem;}
    .accordion .accordion-body{padding:0 1rem 1rem;}
    .accordion-button::after{height:1rem; width:1rem; background-size:contain;}

    

    .certpanellogin-section {min-height: calc(100vh - 114px);}

    .smime-compare-table tr td:first-child{font-size:0.938rem ;}
    .smime-compare-table tr td:not(:first-child)::before{font-weight:500;}

    .table-slcomparision tr th, .table-slcomparision tr td{padding: 0 0.5rem;}
    .table-slcomparision tr td:first-child{font-size: 0.813rem;}
    .table-slcomparision th + th > div{min-width: 132px;}

    .additional-domain-select{max-width: 100%; margin-top: 0.5rem;}
}
@media (min-width: 576px) {
    .w-sm-auto {width: auto !important;}
    .border-sm-start {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

}
@media (max-width: 576px) {
	.navbar-brand {width: 60%; height: auto;}
    .navbar-brand img {max-width: 100%;}
    .footer-bottom ul li {font-size: 0.75rem; padding: 0 0.75rem;}

    .custom-progress:before {height: 0.5rem; }
    .custom-progress .stepno span {width: 1.5rem; height: 1.5rem; border-width: 0.25rem; top: 0.5rem;}
    .custom-progress .stepno strong{font-size: 0.75rem;}
    .custom-progress .stepno:before, .custom-progress .stepno:after{height: 0.5rem;}

    .orginfo-list {grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));}
}
@media (max-width: 420px) {
   .footer-bottom ul{flex-wrap: wrap;}
   .footer-bottom ul li{margin-bottom: 1rem !important;}

    .otp-fields .form-control {width: 2.75rem; height: 2.75rem; padding: 0.75rem !important}
}