@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap");:root{--brand-primary: #08549F;--brand-secondary: #ED1E30;--brand-primary-rgb: 8,84,159;--brand-secondary-rgb: 237, 30, 48;--brand-accent: #08549F;--brand-info: #08549F;--bs-primary: var(--brand-primary);--bs-secondary: var(--brand-secondary);--bs-primary-rgb: var(--bs-primary-rgb);--bs-secondary-rgb: var(--bs-secondary-rgb);--bs-accent: var(--brand-accent);--bs-info: var(--brand-info)}body{font-family:'Roboto', sans-serif}.main-page{background:#f2f2f2;min-height:100vh;position:relative;padding-bottom:80px}footer{background: white;z-index:999;width:100%;position:absolute;bottom:0;left:0;right:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Roboto', sans-serif;font-weight:700;color:var(---brand-primary)}a{color:var(--brand-accent)}.window-height{height:100vh}.window-width{width:100%}.full-width{width:100%}.full-height{height:100%}.row-reverse{flex-direction:row-reverse}.relative-position{position:relative !important}.no-padding{padding:0}.no-margin{margin:0}.no-text-transform{text-decoration:none}.no-border{border-width:0 !important}.border-radius-top-left-0{border-top-left-radius:0px}.border-radius-top-right-0{border-top-right-radius:0px}.border-radius-bottom-left-0{border-bottom-left-radius:0px}.border-radius-bottom-right-0{border-bottom-right-radius:0px}.border-radius-top-left-4{border-top-left-radius:4px}.border-radius-top-right-4{border-top-right-radius:4px}.border-radius-bottom-left-4{border-bottom-left-radius:4px}.border-radius-bottom-right-4{border-bottom-right-radius:4px}.border-radius-top-left-4.border-radius-top-right-4.collapsed{border-radius:4px}.ml-0{margin-left:0 !important}.mr-2{margin-right:.5rem !important}.ml-2{margin-left:.5rem !important}.mr-3{margin-right:1rem !important}.ml-3{margin-left:1rem !important}.text-regular{font-weight:regular !important}.form-check-input{width:1.2em;height:1.2em}.welcome-screen{position:absolute !important;width:100%;height:100%;background-color:#08549F;background-image:url(/images/home-slider-06.jpg);background-position:center center;background-size:cover;position:relative;z-index:-1;opacity:1}.welcome-screen::before{content:"";width:100%;height:100%;background:#08549F;background:linear-gradient(151deg, #063a6c 0%, #08549f 50%, #ed1e30 100%);display:block;position:absolute;top:0;left:0;bottom:0;right:0;opacity:0.7}.pls-solution-logo{max-width:200px}@media all and (min-width: 768px){.pls-solution-logo{max-width:260px}}.text-truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bg-primary,.main-page .bg-primary{background-color:var(--brand-primary) !important}.text-primary{color:var(--brand-primary) !important}.text-secondary{color:var(--brand-secondary) !important}.btn-primary{background:var(--brand-primary) !important;border-color:var(--brand-primary) !important}.btn-primary:hover{background:var(--brand-primary)}.btn-outline-primary{border-width:3px;color:var(--brand-primary);border-color:var(--brand-primary)}.btn-outline-primary:hover{color:#ffffff;background-color:var(--brand-primary);border-color:var(--brand-primary)}.btn-outline-secondary{border-width:3px;color:var(--brand-secondary);border-color:var(--brand-secondary)}.btn-outline-secondary:hover{color:#ffffff;background-color:var(--brand-secondary);border-color:var(--brand-secondary)}.btn-outline-danger{border-width:3px;color:var(--bs-danger);border-color:var(--bs-danger)}.btn-outline-primary:disabled{border-width:3px;--bs-btn-color: var(--bs-dark);--bs-btn-border-color: var(--bs-dark);--bs-btn-hover-bg:var(--bs-dark);--bs-btn-hover-border-color: var(--bs-dark)}.btn-link{color:var(--brand-primary)}.border-primary{border-color:var(--brand-primary) !important}.border-top{border-top:1px solid rgba(0,0,0,0.125)}.border-top-dashed{border-top:1px dashed rgba(0,0,0,0.125)}.border-bottom{border-bottom:1px solid rgba(0,0,0,0.125)}.border-bottom-dashed{border-bottom:1px dashed rgba(0,0,0,0.125)}.hr-heading:before,.hr-heading:after{content:" ";width:10%;height:100%;border-bottom:1px solid #c6c8bb;display:inline-block;margin:5px 10px}@media all and (min-width: 768px){.hr-heading:before,.hr-heading:after{width:20%}}.absolute-right{position:absolute;right:0;left:auto;top:0;bottom:0}.color-grey{color:#c6c8bb !important}.bg-primary-opacity-1{--bs-bg-opacity: 0.1;background-color:rgba(var(--brand-primary-rgb), var(--bs-bg-opacity)) !important}.bg-grey-opacity-1{background-color:rgba(0,0,0,0.04) !important}.minheight-3{min-height:30px}.alert{border-radius:0;border-left-width:5px;border-right-width:0;border-top-width:0;border-bottom-width:0}.alert.no-padding>ul{margin:0}.alert.no-padding>ul>li{padding-right:10px}.alert.no-padding>ul>li:first-of-type{padding-top:10px}.alert.no-padding>ul>li:last-of-type{padding-bottom:10px}.alert.no-margin>ul{margin:0}.alert.no-margin>ul>li{margin-right:10px;margin-left:10px}.alert.no-margin>ul>li:first-of-type{margin-top:10px}.alert.no-margin>ul>li:last-of-type{margin-bottom:10px}.alert.alert-light{background-color:#f2f2f2}.relative-position input+button.absolute-right{height:30px}.relative-position input.dropdown-is-visible{border-radius:8px 8px 0 0}.pr-3{padding-right:30px}.floating-label,.form-floating{position:relative}.floating-label.input-group input,.form-floating.input-group input{border-right-width:0}.floating-label.input-group .input-group-text,.form-floating.input-group .input-group-text{border-radius:0 5px 5px 0 !important;border-left-width:0;background-color:transparent;cursor:pointer}.floating-label input~label,.form-floating input~label{z-index:11;background:transparent}.floating-label input:focus~label,.floating-label input:valid~label,.floating-label input.touched~label,.floating-label input.touched:invalid~label,.form-floating input:focus~label,.form-floating input:valid~label,.form-floating input.touched~label,.form-floating input.touched:invalid~label{color:var(--brand-primary)}.was-validated .form-control.touched:invalid~label{color:#dc3545}.input-validation-error{border-color:#dc3545;color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url('data:image/svg+xml,');background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.input-validation-error.form-select{background-image:url('data:image/svg+xml,'),url('data:image/svg+xml,');background-position:right .75rem center, center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.input-validation-error:focus{box-shadow:0 0 0 0.25rem rgba(220,53,69,0.25);border-color:#dc3545}.input-validation-error+.invalid-feedback,.input-validation-error~.invalid-feedback{display:block}.input-validation-error~.input-group-text{border-color:#dc3545;color:#dc3545}.input-validation-error~.btn-radio-button{border-color:#dc3545 !important}.input-validation-error+label{color:#dc3545}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem}a,.btn{cursor:pointer}a .material-icons,.btn .material-icons{position:absolute}a .material-icons.left,.btn .material-icons.left{margin-left:-30px;transition:all 0.05s ease-in-out}a .material-icons.right,.btn .material-icons.right{margin-right:-30px;transition:all 0.05s ease-in-out}a:hover .material-icons,.btn:hover .material-icons{position:absolute}a:hover .material-icons.left,.btn:hover .material-icons.left{margin-left:-35px}a:hover .material-icons.right,.btn:hover .material-icons.right{margin-right:-35px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-link.active{border-bottom:3px solid var(--brand-secondary)}.nav-pills .nav-link{border-radius:30px}.nav-pills .nav-link.active{border-bottom-width:0px;background-color:var(--brand-primary)}.dropdown-item:focus{background-color:transparent}.flex-column .nav-link.active{border-bottom-width:0px;border-left:3px solid var(--brand-secondary)}.regions .nav-link{color:#777777;font-weight:bold}.regions .nav-link.disabled{color:#cccccc}.hidden{display:none !important}.search-bar{border-radius:8px;border:3px solid var(--brand-primary)}.search-bar input,.search-bar span{border-width:0}.search-result{display:none;z-index:1}.search-result.show{display:block}.search-result ul{padding-left:0;list-style:none;margin-bottom:0;background:transparent;max-height:300px;overflow-y:auto}.search-result ul li{padding:5px 14px;text-align:left}.search-result ul li:hover{background:var(--brand-primary-bg-subtle);border-left:3px solid var(--brand-secondary)}.search-result ul li a{cursor:pointer}.relative-position .search-result.position-absolute ul{background:#ffffff;border-left:var(--bs-border-width) solid var(--bs-border-color);border-right:var(--bs-border-width) solid var(--bs-border-color);border-bottom:var(--bs-border-width) solid var(--bs-border-color);border-radius:0 0 8px 8px}.btn-close.text-white{-webkit-filter:invert(100%);filter:invert(100%)}footer .nav-link{font-size:14px}.stepper .circle{width:30px;height:30px;display:inline-block;border:2px solid #777777;border-radius:50%;text-align:center;margin:0 10px}.stepper .completed{border-bottom:5px solid var(--brand-primary)}.stepper .completed .circle{border:2px solid var(--brand-primary);background:var(--brand-primary);color:white}.stepper .active{font-weight:bolder;color:var(--brand-primary);border-bottom:5px solid var(--brand-primary)}.stepper .active .circle{border:2px solid var(--brand-primary);color:var(--brand-primary)}.stepper .next{border-bottom:5px solid var(--brand-secondary)}.stepper div{padding:0}.stepper>div:last-child{padding-right:30px}.stepper>div:first-child{padding-left:30px}.stepper>div:not(:last-child)::after{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;margin:0;content:"";background-color:rgba(0,0,0,0.1)}.stepper>div:not(:first-child)::before{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;margin:0;content:"";background-color:rgba(0,0,0,0.1)}.progress,.progress-stacked{height:5px}.package{min-height:120px;border-left:3px solid var(--brand-primary)}.quote{min-height:80px;border-left:3px solid var(--brand-primary)}table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6 !important;padding:0.8rem !important}table thead th:last-of-type{text-align:right !important}table tbody td{padding:0.8rem !important}table tbody td:last-of-type{text-align:right}table.table-cell-left-algin thead th:last-of-type{text-align:left !important}table.table-cell-left-algin tbody td:last-of-type{text-align:left}table.archive-area th{padding:5px 10px}table.archive-area td{padding:10px}table.archive-area th,table.archive-area td{text-align:center}table.archive-area th:nth-child(4),table.archive-area td:nth-child(4){text-align:left;max-width:200px}table.order-confirm-table th{padding:5px 10px}table.order-confirm-table th:last-child{text-align:right}table.order-confirm-table td{background-color:#ffffff;padding:10px}table.order-confirm-table td:last-child{text-align:right;color:var(--brand-primary)}table.order-confirm-table tr:last-child td,table.order-confirm-table tr:nth-last-child(2) td,table.order-confirm-table tr:nth-last-child(3) td{background-color:#ffffff;padding:5px 10px;text-align:right}table.order-confirm-table tr:last-child td:last-child,table.order-confirm-table tr:nth-last-child(2) td:last-child,table.order-confirm-table tr:nth-last-child(3) td:last-child{color:#000000}table.order-confirm-table tr:last-child td{font-weight:bold}.table.dataTables td{vertical-align:top}.dataTables_length,.dataTables_filter,.dataTables_info,.dataTables_paginate{padding:10px}a .expand_more,button .expand_more{transition:transform 0.1s ease-in-out}a[aria-expanded=false] .expand_more,button[aria-expanded=false] .expand_more{transform:rotate(0deg)}a[aria-expanded=true] .expand_more,button[aria-expanded=true] .expand_more{transform:rotate(-180deg)}.pseudo-icon{position:relative;color:var(--brand-secondary)}.pseudo-icon h5, h6{padding-left:40px}.pseudo-icon:before{content:"";width:24px;height:24px;display:block;position:absolute;left:5px;background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-size:1.2rem 1.2rem;background-position:center}.pseudo-icon.collapsed:before{background-image:url('data:image/svg+xml;utf8,')}.pseudo-icon-time{position:relative;padding-left:20px}.pseudo-icon-time:before{content:"";width:20px;height:20px;display:block;position:absolute;left:0;bottom:0;background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-size:1rem 1rem;background-position:center}.pl-0{padding-left:0 !important}.gx-1>*{margin-right:0.75rem}.row-cols-auto .form-control{width:auto}.btn-radio{position:relative;display:block;padding:.375rem 1rem .375rem .65rem}.btn-radio input[type="radio"]{position:relative;z-index:11}.btn-radio input[type="radio"]:checked~label{color:#ffffff;font-weight:bold;z-index:10}.btn-radio label{position:relative;z-index:11;padding-left:.375rem;padding-right:.375rem}.btn-radio .btn-radio-button{display:block;border:1px solid #ebebeb;height:100%;position:absolute;left:0;right:0;top:0;border-radius:4px;z-index:1}.btn-radio input[type="radio"]:checked~.btn-radio-button{border:2px solid var(--brand-primary);background:var(--brand-primary)}.btn-group .btn-check:checked+.btn-outline-primary{background:transparent;color:var(--brand-primary);border-color:var(--brand-primary)}.btn-group .btn-check:checked+.btn-outline-primary:after{transform:scale(1);opacity:1}.btn-group .checkbox-button{border-width:1px;position:relative}.btn-group .checkbox-button:before{content:'';width:1.5rem;height:1.5rem;position:absolute;left:20px;top:6px;display:block;border-radius:0.2rem;border:1px solid grey}.btn-group .checkbox-button:after{content:'';width:1.5rem;height:1.5rem;position:absolute;background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-size:1.5rem 1.5rem;left:20px;top:6px;transform:scale(0);opacity:0;transition:all 0.2s ease-in}.btn-group .checkbox-button:hover{background:transparent;color:var(--brand-primary);border-color:var(--brand-primary)}.btn-group .btn-check:checked+.checkbox-button{background:transparent;color:var(--brand-primary);border-color:var(--brand-primary)}.btn-group .btn-check:checked+.checkbox-button:after{transform:scale(1);opacity:1}.btn-group .btn-check:checked+.add-remove-button{color:#ffffff;background:var(--brand-primary);border-color:var(--brand-primary)}.ui-widget.ui-widget-content{border-width:0}.ui-state-default{border-width:0}.ui-widget-header{border-width:0;background:transparent}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border-width:0;background:transparent;position:relative}.ui-state-default:after,.ui-widget-content .ui-state-default:after,.ui-widget-header .ui-state-default:after{content:"";display:block;width:0;height:3px;background:var(--brand-primary);position:absolute;right:50%;bottom:0;transition:all 0.2s ease-in-out}.ui-state-default:before,.ui-widget-content .ui-state-default:before,.ui-widget-header .ui-state-default:before{content:"";display:block;width:0;height:3px;background:var(--brand-primary);position:absolute;left:50%;bottom:0;transition:all 0.2s ease-in-out}.ui-state-default:hover:after,.ui-widget-content .ui-state-default:hover:after,.ui-widget-header .ui-state-default:hover:after{width:50%}.ui-state-default:hover:before,.ui-widget-content .ui-state-default:hover:before,.ui-widget-header .ui-state-default:hover:before{width:50%}.ui-state-active{font-weight:bold !important;color:var(--brand-primary) !important}.ui-state-active:after{width:50% !important;bottom:1px !important}.ui-state-active:before{width:50% !important;bottom:1px !important}.ui-state-active a{font-weight:bold !important;color:var(--brand-primary) !important}.note-toolbar{background:#ffffff;border-width:0px}.note-toolbar .note-btn{border-width:0px}.ui-widget-overlay.ui-front{background:rgba(0,0,0,0.9)}.ui-dialog-titlebar-close{border-width:0px;background-color:transparent;background-image:url('data:image/svg+xml,');background-size:contain;background-position:center center;width:20px;height:20px}.ui-dialog{border-radius:8px}.ui-dialog .ui-dialog-titlebar{padding:1rem;border-bottom:1px solid rgba(0,0,0,0.125)}.ui-dialog .ui-dialog-titlebar-close{border-width:0px;background-color:transparent;background-image:url('data:image/svg+xml,');background-size:contain;background-position:center center;width:20px;height:20px;margin-right:1rem}.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick{display:none}.ui-dialog .ui-dialog-buttonset button{border-width:0px;background:var(--brand-primary);padding:0.5rem 1rem;color:#ffffff;border-radius:5px}.ui-dialog .ui-dialog-title{font-size:1.25rem;color:var(--brand-primary)}.modal.fade.show{background:rgba(0,0,0,0.2)}.page-item.active .page-link{background-color:var(---brand-primary);border-color:var(--brand-primary)}.product-description>*{background:transparent !important;padding:0 !important;margin:0 !important}.clickable{cursor:pointer}
/* === Custom Login Styles (Ross) === */
.login-page-wrapper {
}
.LogImageOne{ max-width: 416px; height: auto}
.welcome-screen::before {
content: none !important;
background: none !important;
display: none !important;
}
.login-card {
max-width: 400px;
width: 100%;
}
.login-logo {
max-width: 160px;
}
.toggle-password {
cursor: pointer;
}
.welcome-screen {
background: #f5f5f5 !important;
background-image: none !important;
}
.login-logo {
display: block;
margin: 0 auto;
max-width: 180px; /* adjust to your preferred width */
}
.body{background: #F5F5F5 !important;}
.bg-light-grey {background-color: #F5F5F5 !important;}
.form-control{border: 1px solid #E5E7EB !important; color: red; border-radius: 8px; font-size: 14px;}
.form-floating>.form-control{height: calc(3.5rem + 1px) !important; padding: 16px !important;}
.form-floating label {color: #C1C7D0; font-size: 14px; font-weight: 100;}
/* ==========
Buttons
=============*/
.primaryButton{ font-size: 16px; line-height: 24px; border-radius: 12px; background: #0253A0; border: none; color: white; padding: 12px 16px; transition: background-color 0.3s ease, color 0.3s ease;}
.primaryButton:hover{background: #00C2D1 !important; color: #000000}
.secondaryButton{ font-size: 16px; line-height: 24px; border-radius: 12px; background:#ffffff; border:1px solid #E5E7EB ; color: #6C757D; padding: 12px 16px; box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1); transition: background-color 0.3s ease, color 0.3s ease;}
.secondaryButton:hover{background:#00C2D1 !important; color: #000000; box-shadow: none;}
.secondaryButton2{ font-size: 14px; line-height: 24px; border-radius: 12px; background:#0253A0; border:1px solid #E5E7EB ; color: #ffffff; padding: 16px 16px; box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1); transition: background-color 0.3s ease, color 0.3s ease;}
.secondaryButton2:hover{background:#00C2D1 !important; color: #000000; box-shadow: none;}
.tertiaryButton {
font-size: 16px;
line-height: 24px;
border-radius: 12px;
background: #777777;
border: none;
color: white;
padding: 12px 16px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.tertiaryButton:hover {
background: #00C2D1 !important;
color: #000000
}
h1{font-size: 44px; line-height: 62px; color:#212529 !important; font-weight: 500;}
h3{font-size: 24px; line-height: 34px; color:#212529;}
h5{font-size: 18px; line-height: 28px; color:#212529;}
p{font-size: 16px; line-height: 24px; color: #6C757D !important;}
.text-secondary{color: #9F2953 !important;}
.w-inherit { width:100% !important;}
footer{ font-size: 16px; line-height: 24px; color: #6C757D; padding:16px; border-top:1px solid #E5E7EB; }
.footerImg{width: 32px; height: 32px;}
.NavLogo{width: 184px; height: 48px !important; margin-right: 18px;}
.form-select {color: #6C757D; padding: 12px 64px 12px 16px; border: 1px solid #E5E7EB; border-radius: 8px; box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1); font-size: 14px;
}
.nav-link.active{border:none; color:#00C2D1 !important; font-weight: 600; }
/*.secondMenu{ background: yellow;}*/
.menu-bar{ background: #0253A0 !important; border-radius: 16px; padding: 8px 16px !important; font-size: 14px; width: 90%;}
.menu-bar a:hover{color: #00C2D1 !important;}
.small-text{ font-size: 14px;}
.iconContainer{ margin: 24px 64px 24px 64px;}
#packageContents{color: #00C2D1; font-weight: 200; padding-bottom: 16px;}
.alert-danger{background: #9F2953; color: white; border-radius: 6px; border-left: 6px solid red;}
.alert li{list-style: none;}
.page-item.active .page-link{
color: #00C2D1 !important;
}
.icon-wrapper { position: relative; width: 160px; height: 168px;}
.icon-wrapper img { position: absolute; top: 0; left: 0; width: 160px; height: 168px; object-fit: contain;
transition: opacity 0.3s ease;}
.icon.hover { opacity: 0;}
.icon-wrapper:hover .hover {opacity: 1;}
.icon-wrapper:hover .default {opacity: 0;}
.icon-wrapper-nav { position: relative; height: 40px;}
.icon-wrapper-nav img { position: absolute; top: 0; left: 0; object-fit: contain;
transition: opacity 0.3s ease;}
.icon.hover-nav { opacity: 0;}
.icon-wrapper-nav:hover .hover {opacity: 1;}
.icon-wrapper-nav:hover .default {opacity: 0;}
.icon.hover { opacity: 0;}
.iconContainer {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.bottom-navigation{
background: #ffffff;
border-radius: 12px;
box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
width: 50%;
}
.modal-header{background: #00C2D1; color: #212529; padding: 12px 24px; border: none; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.modal-content{ border-radius: 12px;}
.toast-header{background: #00C2D1 !important; color: white;}
.toast-header-error{
background: #FF0000 !important;
}
.form-label {
color: #2c3033;
font-weight: bold;
font-size: 14px;
line-height: 18px;
}
.form-label-two{color: #6C757D; font-size:14px; line-height: 0px;}
.form-control {
border: 1px solid #E5E7EB !important;
color: #2c3033 !important;
padding: 16px;
}
.primaryCard{background: #fff; border-radius: 12px; padding:24px; box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1)}
.cardHover {
transition: border-left 0.3s ease, box-shadow 0.3s ease;
}
.cardHover:hover {
border-left: 2px solid #00C2D1;
box-shadow: none;
}
.linkDisabled{
opacity: 0.3;
pointer-events: none;
}
#companiesListContainer{
background: white;
border-left: 2px solid #00C2D1;
padding: 24px 16px;
border radius: 12px;
}
.product-description li{
margin-bottom: 4px;
list-style: none;
}
.primaryCardTwo{background: #fff; border-radius: 12px; padding:16px; border-bottom: 1px solid#00C2D1; margin-top: 12px !important;}
.hazardCard{background: #fff; border-radius: 12px; padding:16px; border-bottom: 2px solid red;}
.hazardCard li{
color: red;
}
#scroll{
position: sticky;
}
#hazardAlertsContainer>{padding:5px 5px 5px 10px; background: green;}
.linkCard{background: #fff; border-radius: 12px; padding:12px; box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1) margin-top: 16px; width: 100%;}
input::placeholder {color: #C1C7D0; opacity: 1; /* sometimes needed for Firefox */}
.my-divider { border: none; border-top: 1px solid #00C2D1;}
#linkedOrderResults{border: 1px solid #00C2D1; border-radius: 6px; margin-top:6px; color: #C1C7D0; font-size: 12px; line-height:24px;}
.addressBox{background: #00C2D1; color:#212529; padding: 8px 24px; border-radius: 6px;}
.product-icon{
height: 72px;
width: 72px;
}
footer{background: white !important; color: #6C757D;}
.scrollable-form {
max-height: calc(100vh - 320px); /* Adjust for header/footer */
overflow-y: auto;
padding-right: 1rem;
}
.scrollable-form::-webkit-scrollbar-thumb {
background-color: #00C2D1;
border-radius: 4px;
}
.scrollable-form::-webkit-scrollbar {
width: 10px;
}
.scrollable-form::-webkit-scrollbar-track {
background-color: #efefef; /* Track color */
border-radius: 8px;
}
.scrollable-form::-webkit-scrollbar-thumb {
background-color: #00C2D1; /* Scrollbar handle */
border-radius: 8px;
border: 2px solid #f0f0f0; /* optional for padding effect */
}
.scrollable-form::-webkit-scrollbar-thumb:hover {
background-color: #00C2D1;
}
.confirmlyTr{
background: #00C2D1 !important;
border-radius: 24px !important;
}
td{
box-shadow: none !important;
}
table{
box-shadow: 1px -2px 5px 0px rgba(0,0,0,0.1) !important;
}
#lawFirmSearchDatatable td {
padding: 4px 8px;
line-height: 1.2;
vertical-align: middle;
background: white !important;
}
select[name="lawFirmSearchDatatable_length"] {
box-shadow: none;
}
.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate{
padding: 0px;
padding-bottom: 8px;
}
/*.stepper-line {
height: 2px;
background-color: #E4E7EB;
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 0;
}
.step {
z-index: 2;
}
.step .circle {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #E4E7EB;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.step.complete .circle {
background-color: #0d4f9f; /* or your primary blue
}
/*.stepper-icon {
width: 72px;
height: auto;
z-index: 2;
}*/
.line{
height: 2px;
background: #E5E7EB;
width: 100%;
}
.line-container{height: 100px;}
.step .circle {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #E4E7EB;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.step.complete .circle {
background-color: #0253A0;
box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
}
/*.nav-contents{padding:16px 0px 16px 0px;}*/
#favourites-list h5,
#product-list h5 {
color: #212529;
}
#favourites-list .pseudo-icon-time,
#product-list .pseudo-icon-time {
color: #6C757D !important;
}
#favourites-list .btn-primary,
#product-list .btn-primary {
background: #00C2D1 !important;
color: #212529;
border: none !important;
}
#favourites-list h5,
#product-list h5 {
font-size: 24px;
line-height: 36px;
}
#product-list .pseudo-icon-time:before {
background-image: url('data:image/svg+xml;utf8,');
}
/* Things I (Joseph) made for the select2 (Found on the development selection on the probuild order page) */
.select2-container--default .select2-selection--single {
font-size: 14px !important; /* Match Bootstrap .form-control font-size */
border:1px solid #E5E7EB !important;
border-radius: 8px !important; /* Match Bootstrap border-radius */
background-color: #fff !important;
padding: 12px 64px 12px 16px !important;
height: inherit !important;
box-shadow:1px 1px 5px 2px rgba(0,0,0,0.1) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 38px !important; /* Match the height of the selection */
right: 10px !important;
top: 6px !important;
width: 30px !important;
display: flex;
align-items: center;
}
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single:active {
border-color: #86b7fe !important; /* Bootstrap focus color */
outline: 0 !important;
box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25) !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #6c757d !important; /* Bootstrap placeholder color */
opacity: 1;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #495057 transparent transparent transparent !important;
}
/* End of things Joseph did */
/*.select2-selection{color: #6C757D; padding: 12px 64px 12px 16px; border:1px solid #E5E7EB; border-radius: 8px; box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1); font-size: 14px;}*/