@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.roboto-regular {
font-family: "Roboto", sans-serif;
font-style: normal;
}  
:root {
  --primary-hover:#1B3E70;
--primary-color:#1359bd;
--secondary-color:#222222;
--bg-color: #F0F0F0;
--mgray:#909090;
--gray:#CCCCCC;
--dgray:#D9D9D9;
--gray5:#555555;
--white:#ffffff;
--black:#000000;
--lred:#FFEFEF;
--mred:#FFA1A1;
--lblue:#E8F4FA;
--mblue:#7ACCF5;
--dblue:#1B3E70;
--lgreen:#D2E4CC;
--thcolor:#D0D9DE;
--tdcolor:#f0f0f0;
--btn-color:#BFC9D9;
--green:#00D053;
--orange:#ff8b17;
--card-color:#FFF7EC;
--card-border-color:#FDD7A4;
--notificolor:#E3E3E3;
--vlprimary:#FFA1A1;
}
body{font-family: "Roboto", sans-serif; font-weight: 400; background-color: #f6f6f6; color: #333333 !important;}
.bg-light{ background-color: var(--white) !important;}
.text-gray{color: var(--mgray);}
.text-danger{color: var(--mred) !important;}
.bg-blue{ background-color: var(--lblue);}
.border-bottom{ border-bottom-color:var(--gray) !important ;}
.radius-8{ border-radius: 8px;}
.fw-medium{ font-weight: 500;}
.f14{ font-size: 14px !important;}
.f16{ font-size: 16px !important;}
.f18{ font-size: 18px;}
.text-bg-primary{ color: var(--white) !important; background-color: #1b3e70 !important; font-size: 14px;}
.btn-secondary{ font-size: 16px; font-weight: 500 !important;  min-width: 130px; background-color: var(--btn-color); border-color: var(--btn-color); color: var(--dblue);}
.btn-secondary:hover, .btn-secondary:focus{ background-color: #7e8d9b !important;}
.btn-primary{ font-size: 16px; font-weight: 500 !important;  min-width: 130px; background-color: var(--dblue); border-color: var(--dblue); padding-top: 8px; padding-bottom: 8px;}
.btn.btn-viewall{ margin-left: 10px; font-size: 12px; line-height: 12px; vertical-align: top; font-weight: 500;min-width: auto;padding-top: 6px;padding-bottom: 6px;line-height: 12px;vertical-align: top;}
.btn-link{ font-size: 16px; text-decoration: none; color: var(--dblue); font-weight: 500 !important;}
.login-bg{background-color: var(--bg-color);}
.login-section{min-height: 100vh;}
.login-row{ width: 100%; padding: 1rem;}
.login-block{background-color: var(--white); padding: 30px; border: 1px solid var(--gray); box-shadow: 0px 0px 5px var(--dgray); border-radius: 8px;}
.login-block h2{ font-size: 26px;}
.login-block span{ color: var(--primary-color);}
.eye-icon{ position: absolute; right: 8px; top:40px; background: url(../imgs/eye-open-icon.svg); width: 22px; height: 14px; display: block;}
.password-control{ padding-right: 38px;}
header{position: sticky; top: 0; z-index: 999;}
.navbar{padding: 0.50rem 0; box-shadow: 0 0 5px var(--gray);}
header .page-hd{ font-size: 18px; font-weight: 500; color: var(--mgray); margin-left: 52px;}
.navbar-brand img{ width: 180px;}
.header-icons{ display: block; width: 24px; height: 24px; transition: 0.5s;}
.header-icons.notification{background: url(../imgs/notification-icon.svg) no-repeat;}
.header-icons.help{background: url(../imgs/help-icon.svg) no-repeat;}
.header-icons.settings{background: url(../imgs/settings-icon.svg) no-repeat; }
.header-icons.notification:hover,.header-icons.help:hover,.header-icons.settings:hover{ transform: scale(1.1);}
.unread{width: 16px;height: 16px;border-radius: 50%;background-color: #ff4000;display: block;position: absolute;right: 5px;top: 1px;font-size: 11px;text-align: center;color: var(--white);font-weight: 500;}
header .dropdown-menu { animation: 0.5s slideup; }
header .dropdown-menu[data-bs-popper]{ /* background-color: var(--bg-color); border:none; */border-radius: 8px;}
.member-img{ width: 32px; height: 32px; border-radius: 50%;}
.profile-name{ color: var(--black); font-size: 20px;}
.profile-name div{ display: inline-block;}
/*header .dropdown-toggle::after{display: none;}*/
header .member-menu li, header .member-menu li a{ font-weight: 500;}
header .member-menu  .member-img{width: 40px; height: 40px;}
header .member-menu .member-name, header .member-menu .member-email{ padding: 0 10px;}
.member-menu .member-email{ font-size: 11px; font-weight: 400;}
header .member-menu li a{ color: var(--primary-color);}
.notifi-dropdown-hd h4, .notifi-dropdown-hd a{ font-size: 14px; font-weight: 700; text-transform: capitalize;}
.notifi-dropdown-hd a {color: var(--primary-color); text-decoration: none;}
.notification-dropdown .dropdown-item:hover, .notification-dropdown .dropdown-item:focus{ background-color: transparent !important;}
.notifi-dropdown-row{max-height: 260px; overflow-y: auto;}
.profile-dropdown .profile-img{ display: inline-block; width: 2.5rem; height:2.5rem; border-radius: 50%;}
.profile-dropdown .profile-img.lg{ width: 3.5rem; height: 3.5rem;}
.profile-dropdown .online{ width: 0.938rem; height: 0.938rem; display: block; background-color: #00CC66; border-radius: 50%; position: absolute;
right: 0; bottom: 3px; border: 2px solid var(--white);}
.profile-dropdown .online.lg{width: 1.125rem; height: 1.125rem; bottom: 0.225rem;}
.profile-dropdown .dropdown-toggle::after,.notification-dropdown-item .dropdown-toggle::after{ display: none;}
.profile-dropdown .dropdown-menu .dropdown-item{ font-size: 1rem !important; color: var(--mgray); padding: 10px;}
.profile-dropdown .dropdown-menu p a{ color: var(--gray); text-decoration: none;}
.profile-dropdown .dropdown-menu p a:hover{ color:var(--black);}
.profile-dropdown .dropdown-item:focus, .profile-dropdown .dropdown-item:hover{ color: var(--black);}
.notification-dropdown .dropdown-item:active{background-color:var(--bg-color) !important; color: var(--black) !important; }
.notifi-block{ padding: 10px; border-radius: 8px; background-color:var(--white) ; text-decoration: none; color: var(--black); border: 1px solid var(--gray);}
.notifi-block:hover, .notifi-block:focus{ color: var(--black); background-color: var(--dgray) !important;}
.notifi-block label{ font-size: 10px;}
.notifi-block  h5{ font-size: 14px; font-weight: 400; }
.notifi-block  p{ font-size: 13px; font-weight: 400;}
.notifi-block  h5, .notifi-block  p{white-space: nowrap;text-overflow: ellipsis;width: 100%; overflow: hidden;}
.notifi-block.notifi-unread{background-color:var(--thcolor) ;}
.notifi-block.notifi-unread h5{ font-weight: 700;}
.side-navbar .nav-item{ margin-bottom: 12px; }
.side-navbar .nav-link{ color: var(--mgray); font-weight: 500; padding-left: 10px; padding-right: 10px; display: flex; align-items: center; gap: 5px; border-radius: 5px;}
.side-navbar .nav-item.active .nav-link, .side-navbar .nav-item:hover .nav-link, .side-navbar .nav-item:focus .nav-link{ background-color: #f6f6f6; color: var(--black);}
.side-navbar { padding: 0 1rem 1rem; width: 280px; height: 100%; overflow-y: auto; margin-left: -300px; background-color: #ffffff; transition: 0.5s; border-right: 1px solid var(--gray); }
.sidemenu-icons{ display: inline-block; width: 26px; height: 26px; background: url(../imgs/sidemenu-icons.svg) no-repeat; vertical-align: middle;}
.sidemenu-icons.profile{ background-position: 0 0;}
.side-navbar .nav-item.active .sidemenu-icons.profile, .side-navbar .nav-item:hover .sidemenu-icons.profile, .side-navbar .nav-item:focus .sidemenu-icons.profile{ background-position: 0 -32px;}
.sidemenu-icons.documents{ background-position: -38px 0;}
.side-navbar .nav-item.active .sidemenu-icons.documents, .side-navbar .nav-item:hover .sidemenu-icons.documents, .side-navbar .nav-item:focus .sidemenu-icons.documents{ background-position: -38px -33px;}
.sidemenu-icons.action{ background-position: -74px 0px;}
.side-navbar .nav-item.active .sidemenu-icons.action, .side-navbar .nav-item:hover .sidemenu-icons.action, .side-navbar .nav-item:focus .sidemenu-icons.action{ background-position: -74px -32px;}
.sidemenu-icons.licenses{ background-position: -110px -1px;}
.side-navbar .nav-item.active .sidemenu-icons.licenses, .side-navbar .nav-item:hover .sidemenu-icons.licenses, .side-navbar .nav-item:focus .sidemenu-icons.licenses{ background-position: -110px -33px;}
.sidemenu-icons.services{ background-position: -148px -1px;}
.side-navbar .nav-item.active .sidemenu-icons.services, .side-navbar .nav-item:hover .sidemenu-icons.services, .side-navbar .nav-item:focus .sidemenu-icons.services{ background-position: -148px -33px;}
.sidemenu-icons.mailbox{ background-position: -188px 0;}
.sidemenu-icons.compliance{ background: url(../imgs/compliance-gray.svg) no-repeat;background-size: 24px 26px;}
.side-navbar .nav-item.active .sidemenu-icons.mailbox, .side-navbar .nav-item:hover .sidemenu-icons.mailbox, .side-navbar .nav-item:focus .sidemenu-icons.mailbox{ background-position: -188px -33px;}
.sidemenu-icons.billing{ background-position: -227px 0;}
.side-navbar .nav-item.active .sidemenu-icons.billing, .side-navbar .nav-item:hover .sidemenu-icons.billing, .side-navbar .nav-item:focus .sidemenu-icons.billing{ background-position: -227px -32px;}
.sidemenu-icons.support{ background-position: -267px 0;}
.side-navbar .nav-item.active .sidemenu-icons.support, .side-navbar .nav-item:hover .sidemenu-icons.support, .side-navbar .nav-item:focus .sidemenu-icons.support{ background-position: -267px -32px;}
.my-container { transition: 0.4s; }
.active-nav { margin-left: 0;  }
.side-box{ padding:15px; border-radius: 8px; border: 1px solid transparent;}
.side-box h3{ font-size: 20px; font-weight: bold; color: var(--black);}
.side-box p{ margin-bottom:10px;font-size: 14px;}
.side-box.new-business{border-color: #86b7fe; background-color: #e0edfb;}
.side-box.dissolve-business{border-color: var(--mblue); background-color: var(--lblue);}
.company-select-dropdown label{ font-size:22px ; line-height: 26px; cursor: pointer; text-transform: capitalize;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}
.company-select-dropdown label + label{ font-size: 16px;}
.company-select-dropdown span{ color: var(--gray5);}
.company-select-dropdown .dropdown-toggle::after{ position: absolute; right: 10px; top: 10px; border: none; background: url(../imgs/company-select-arrow.svg) no-repeat; width: 18px; height: 18px; background-size: 100%;}
.company-select-dropdown .dropdown-menu{ width:100% !important;border-radius: 0 0 8px 8px; margin-top: -2px !important; box-shadow: 1px 1px 3px var(--mgray); z-index: 99; max-height: 250px; overflow: auto;} 
.company-select-dropdown .dropdown-menu li:not(:last-child){ border-bottom: 1px solid var(--gray);}
.company-select-dropdown .btn{  border-radius: 8px; cursor: pointer; padding-right: 40px; background-color: #f6f6f6; min-width: 300px;}
.company-select-dropdown .btn.show, .company-select-dropdown .btn.show:first-child:active { border-color: var(--gray) !important;background-color:var(--white);}
/*.company-select-dropdown .btn.show{ box-shadow: 1px 1px 3px var(--mgray);}*/
.company-select-dropdown .btn:first-child:active{ border-color: transparent !important;}
.company-select-dropdown .dropdown-menu li .dropdown-item{font-weight: 500; color: var(--black); padding-top:8px ; padding-bottom: 8px; text-transform: capitalize;}
.company-select-dropdown .dropdown-item.active, .company-select-dropdown .dropdown-item:active{ background-color: var(--gray);}
.kpis-blocks{ gap: 15px;}
.kpis-blocks .kpi-block{ min-width:160px;border-radius: 6px; padding: 0; border: 1px solid var(--gray); background-color: var(--white);}
.kpi-block p { color:var(--mgray);font-size:14px;padding:10px;}
.kpi-block .btn-link { color:var(--mgray);font-size:14px;font-weight:normal !important;}
.kpi-block h4{ font-size: 16px;color:var(--black);background: #d0d9de; padding: 5px 10px; border-radius: 4px 4px 0 0;}
.kpi-block.order-num{background-color: #FFD6D6;}
.kpi-block.order-received{background-color: #E0EBF5;}
/*.kpi-block.order-status{background-color: var(--lgreen);}
.kpi-block.order-status-red h4{color:#d00000;}
.kpi-block.order-status-green h4{color: #20bc18;} */
.member-info-table th{ width: 180px; color:var(--mgray); font-weight: 400; border: none; box-shadow: none;}
/*.kpi-block.order-status-yellow h4{color:#ffba00;}*/
.member-info-table td{ border: none; box-shadow: none; color: var(--black);word-break: break-word;}
.member-info-table th, .member-info-table td{ background-color: transparent !important;}
.amendments-block{border-radius: 8px; padding: 10px;}
.amendments-block p{ font-size: 16px; line-height: 23px;}
.mt-auto{ margin-top: auto;}
.modal-title{font-size: 18px;  font-weight:700;}

.modal-header, .modal-body, .modal-footer {
    padding: 20px;
    border-bottom: 0px !important;
}
.modal .btn-close{ background-color: var(--dgray); margin-right: 0;}
.form-label{ color: var(--black);}
.form-select{ font-size: 16px; border-radius: 6px; color: var(--secondary-color);}
.business-details-grid{background: var(--white); margin: 15px; border-radius: 8px; padding: 15px; border:1px solid var(--gray) !important;}
.table-border{ border-radius: 8px; border: 1px solid var(--gray);}
.custom-table thead th{ font-size: 16px; font-weight: 500; background-color: var(--thcolor);}
.custom-table thead th:first-child{ border-radius: 8px 0 0 0;}
.custom-table thead th:last-child{ border-radius: 0 8px 0 0;}
.custom-table tr, .custom-table th, .custom-table td{border: none;}
.custom-table th, .custom-table td, .dissolve-table th, .dissolve-table td{padding-left: 20px; padding-right: 20px;}
.custom-table tr:last-child td:first-child{ border-radius: 0 0 0 8px;}
.custom-table tr:last-child  td:last-child{ border-radius: 0 0 8px 0;}
.custom-table td{ font-size: 14px; color: var(--gray5) !important;}
.custom-table.table-striped>tbody>tr:nth-of-type(odd)>*{ background-color: var(--white) !important; box-shadow: none;}
.custom-table.table-striped>tbody>tr:nth-of-type(even)>*{ background-color: var(--tdcolor);}
.dissolve-table th{ font-weight: 400; color: var(--mgray);}
.dissolve-table tfoot th, .dissolve-table tfoot td{ color: var(--black) !important; border: none; background-color: #CCE1F6; padding-top: 15px; padding-bottom: 15px;}
.dissolve-table tfoot th{ border-radius: 0 0 0 8px;}
.dissolve-table tfoot td{ border-radius: 0 0 8px 0;}
.dissolve-table tfoot td strong{ font-weight: 700;}
.document-table th{ font-weight: 400; color: var(--mgray) !important;}
.document-table th:first-child{ border-radius: 8px 0 0 0;}
.document-table td:first-child{ border-radius: 0 8px 0 0;}
.document-table tr:last-child th:first-child{ border-radius: 0 0 0 8px;}
.document-table tr:last-child td:last-child{ border-radius: 0 0 8px 0;}
.table-vm td{ vertical-align: middle;}
.serv-doc-blocks{gap: 18px; flex-wrap: wrap;}
.serv-doc-block{ background-color: var(--lred); border: 1px solid var(--mred); width: calc(50% - 9px); transition: 0.5s;}
.serv-doc-block:hover{ box-shadow: 0 0 8px var(--mblue); background-color: var(--white); border-color: var(--white);}
.serv-doc-block:hover .pdf-icon{ background-color: var(--lblue);}
.serv-doc-block .pdf-content{ padding: 15px; color: var(--black); text-decoration: none; }
.serv-doc-block .pdf-content p{ line-height: 16px;}
.serv-doc-block .pdf-content label{ color: var(--mgray); font-size: 10px; display: block;}
.serv-doc-block.additional-serv{ background-color: var(--white); border: 1px solid var(--gray); width: calc(50% - 9px); transition: 0.5s;}
.serv-doc-block.additional-serv:hover{ box-shadow: 0 0 8px var(--mblue); background-color: var(--white); border-color: var(--mblue);}
.serv-doc-block.additional-serv .serv-content{ padding:50px 15px; color: var(--black); text-decoration: none; min-height: 212px;}
.serv-doc-block.additional-serv .serv-content p{ line-height: 16px;}
.pdf-icon, .serv-icon{ background-color: var(--lblue); display: flex; width: 80px; height: 80px; border-radius: 50%; transition: 0.5s;}
.pdf-icon img, .serv-icon img{height: 45px;}
.serv-doc-block.additional-serv:hover .serv-icon{ background-color: var(--lblue);  border:1px solid var(--mblue);}
.pdf-detalis-icon.pdf-icon{ background-color: var(--lred); border: 1px solid var(--mred);}
.bank-detalis-icon.serv-icon{ background-color: var(--lblue); border: 1px solid var(--mblue);}
td .link{word-break: break-all; width: 150px;}
.nav-tabs.custom-tabs .nav-item:not(:last-child){ margin-right: 30px;}
.nav-tabs.custom-tabs .nav-link{ font-weight: 500; color: var(--mgray);border: none; margin-bottom: 0; padding-left: 0; padding-right: 0; background: none;}
.nav-tabs.custom-tabs .nav-link.active, .nav-tabs.custom-tabs .nav-link:focus, .nav-tabs.custom-tabs .nav-link:hover{  color: var(--black); position: relative;}
.nav-tabs.custom-tabs .nav-link.active:after, .nav-tabs.custom-tabs .nav-link:focus:after, .nav-tabs.custom-tabs .nav-link:hover:after{position: absolute; content: ""; bottom: -1px; left: 0; right: 0; height: 3px; background-color: var(--primary-color);}
.settings-block{ background-color: var(--white); border: 1px solid var(--dgray);}
.payment-action{ color: var(--primary-color); font-weight: 500; text-decoration: none; display: flex; align-items: center; }
.payment-action:hover{color: var(--primary-hover); text-decoration: underline;} 
.payment-action .action-icons{ width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.payment-action .edit-icon.action-icons{ background: url(../imgs/edit-icon.svg) no-repeat;}
.payment-action .view-icon.action-icons{ background: url(../imgs/view-icon.svg) no-repeat; width: 20px;}
.payment-status{display: inline-block; width: 12px; height: 12px; border-radius: 50%; }
.payment-status.active-status{ background-color: var(--green);}
.payment-status.inactive-status{ background-color: var(--mred);}
.payment-status.pending-status{ background-color: var(--orange);}
.bills-block{ min-height: 230px; max-height: 230px; overflow: auto;}
.bills-table td{ font-size: 14px; padding: 12px;}
.bills-table td, .bills-table th{ background-color: transparent !important;}
.bills-table tr:last-child td{ border: none;}
.custom-table.align-middle td{vertical-align: middle;}
.subscription-table th ,.subscription-table td {font-size:14px;}
.card-block{ background-color: var(--white); border: 1px solid var(--dgray); }
.billing-block-list {min-height: 180px; max-height: 180px; overflow: auto;padding: 10px;border: 1px solid #ccc;border-radius: 0 0 8px 8px;}
.billing-block-list::-webkit-scrollbar {
  width: 6px;
}

.billing-block-list::-webkit-scrollbar-track {
  background: rgb(224 237 251 / 42%); 
  border-radius:5px;
}
.billing-block-list::-webkit-scrollbar-thumb {
  background: #a4a4a4; 
  border-radius:5px;
}
.billing-block-list::-webkit-scrollbar-thumb:hover {
  background: #a4a4a4; 
  border-radius:5px;
}
.subscriptions-block  {min-height:222px;max-height:222px;overflow:auto;}
.subscriptions-block table thead{ position: sticky; top: 0; z-index: 1; border-bottom: 1px solid #ccc;}
.card-list h5{ font-size: 14px;}
.card-list p{ font-size: 14px; color: var(--gray7);}
.card-list.inactive img{filter: grayscale(100%);}
.card-list.inactive h5, .card-list.inactive p{ color: var(--mgray);}
.notifi-row h3{ font-size: 16px; font-weight: 700;}
.notifi-row ul{ margin-left: 20px; position: relative;}
.notifi-row ul:before, .notifi-row ul:after{content: ""; position: absolute;width: 9px; height: 9px; border-radius: 50%; background-color: var(--gray);}
.notifi-row ul:before{  top:-9px; left: -4px; }
.notifi-row ul:after{  bottom:-9px; left: -4px;top:auto}
.notifi-row ul li{ border-left: 1px solid var(--gray); padding-left: 15px; padding-bottom: 6px;}
.card-control{ background: var(--white) no-repeat right 3px center; padding-right: 45px;}
.gform_wrapper label.gfield_label{ font-weight: 400 !important;}
body .gform_wrapper .top_label div.ginput_container{ margin-top: 5px !important;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper textarea{ border:1px solid var(--gray) ; border-radius: 5px;}
.gform_wrapper .gform_footer{ text-align: right;}
.gform_button{ background-color: var(--dblue) !important; border-color: var(--dblue); padding: 8px 35px !important; font-weight: 500 !important; font-size: 16px; color: #ffffff; border-radius: 8px; border-width: 1px;}
.gform_button:hover, .gform_button:focus{background-color: #0b5ed7;border-color: #0b5ed7;}
.login-row img{ height:38px}
.gform_wrapper .gform_heading{display:none;}
.error-info{    font-size: 12px;  color: #ff0000;  margin-top: 5px;}
.upsell-block{padding:30px}
.upsell-block h2{ font-size: 22px;}
.upsell-block .form-check{padding-left: 0; position: relative;}
.upsell-block .form-check .btn-check{top: 6px;left: 36px;clip: auto;width: 16px;}
.upsell-block .form-check .btn{font-size: 12px;min-width:375px;border:1px solid var(--gray);text-align: left;padding-left: 40px;}
.upsell-block .form-check .btn-check:checked+.btn{background-color: var(--dblue);border-color: var(--dblue);color: var(--white);}
.upsell-block .form-check .form-check-input{border-color: var(--gray); border-width: 2px;}
.upsell-block .form-check .form-check-input:checked {background-color: var(--dblue);border-color: var(--white);}
.toggle-button {
    font-size: 30px;
    cursor: pointer;
    
}


.side-navbar.active-nav {
    left: 0; /* Show the sidebar */
}


.card_sec_heading ul{ background-color: var(--thcolor); padding: 10px; border-radius: 8px 8px 0 0; margin-bottom: 0;}

.settings-block .gform_wrapper li.gfield.gfield_error {padding: 0 !important; border: none !important; margin: 0 !important; background: none;}
.settings-block .gform_wrapper .field_description_below .gfield_description { padding-top: 5px !important;text-align: right; padding-right: 0 !important;}
.settings-block .gform_wrapper .validation_message { color: #ff4000 !important; text-align: right;}
.gform_wrapper li.gfield.custom-from-select .gfield_select{padding: 5px 4px;  height: 2.225rem !important; border: 1px solid var(--gray); border-radius: 5px;}

/*support css*/
.support-mainhd{ font-size: 22px;}
.support-block{padding: 24px 40px; border-radius: 8px; border:1px solid #ededed ;}
.chat-agent-block, .knowledge-block {  background-color: #f4f9ff; }
.support-block.knowledge-block {padding: 24px 60px;}
.support-block-title {   font-size: 20px; }
.icon-circle{width: 50px; height: 50px; border-radius: 50%; text-align: center; display: flex; justify-content: center;}
.knowledge-block .icon-circle{width: 60px; height: 60px; }
.dblue-bg{  background-color: var(--dblue);}
.icon-circle img{ width: 24px;}
.knowledge-block .icon-circle img{ width: 36px; }
.mblue-bg{background-color: #E8F4FA;}
.btn-outline-primary{border-color: var(--dblue); color:  var(--dblue); font-weight: 500 !important; padding-top: 8px; padding-bottom: 8px;}
.btn-outline-primary:hover{background-color:#0b5ed7 !important; border-color: #0b5ed7 !important;}
a.text-primary{color: #1359bd !important;}
a.text-primary:hover{color: #0a58ca !important;}
.expand-icon{ background: url(../imgs/expand-icon.svg); width: 14px; height: 14px; display: inline-block; vertical-align: middle; background-size: 100%;  background-repeat: no-repeat;}
.text-regular{ color: #333333 !important;}/*support css end*/

@media (min-width: 769px) {
    .side-navbar {
        left: 0; /* Sidebar always visible on larger screens */
    }
    .toggle-button {
        display: none; /* Hide toggle button on larger screens */
    }
}
@media (min-width: 768px) {
    .side-navbar {
        left: 0; /* Sidebar always visible on larger screens */
    }
    .toggle-button {
        display: none; /* Hide toggle button on larger screens */
    }
.upsell-block .form-check .btn{min-width: 460px;max-width: 460px;}

}

@media (min-width: 992px) {
  .login-row{ width: 450px;}
header .dropdown-menu[data-bs-popper]{ top:50px;width: 300px; right: 0; left: auto;}
.dropdown-menu[data-bs-popper].notification-dropdown{ top:50px;width: 350px; }
.active-cont { margin-left: 0; }
.side-navbar {margin-left:0; height: auto;  padding-top: 15px; padding-bottom: 15px; flex: 280px 0 0;}
.my-container{flex: 1;}
.dashboard-data{ display: flex; flex-direction: column; height: 100%;}
.modal-lg{ width: 642px;}
.serv-doc-block{ width: calc(20% - 15px);}
.serv-doc-block.additional-serv{width: calc(25% - 15px);}
.main-container{min-height: calc(100vh - 82px);}
.business-select{ margin-left: 100px;}

.settings-block .gform_wrapper ul.gform_fields li.gfield:not(:last-child){width:580px;}
}
@media (max-width: 767.98px) {

.navbar-brand{width: 34px; overflow: hidden;}
.company-select-dropdown .btn{ width: 100%;}
.table-vm th{ width: auto !important;}
.amendments-block p{ text-align: center; }
.amendments-block .btn{ width: 100%; margin-top: 10px;}
.support-block, .support-block.knowledge-block {  padding: 20px;}
.btn.w-75{width: 100% !important;}
.expand-icon{ background-size: 100%;  background-repeat: no-repeat;}
}
@media (max-width: 991.98px) {
  .side-navbar {position: fixed; z-index: 999;  padding-bottom: 100px; margin-left: -330px;  width: 330px;}
  .side-navbar.active-nav{ margin-left: 0;}
  .my-container{ width: 100%; flex: 1;}
  .navbar-nav{ display: flex; flex-direction: row;  gap: 10px;}
  .navbar-nav .dropdown-menu { position: absolute; right: -12px; left: auto; min-width: 300px;}
  .dropdown-menu[data-bs-popper].notification-dropdown{ width: 350px; right: auto; left: -97px;}

  .company-select-dropdown .btn{width: 100%;}
  .amendments-block{ padding: 5px;}
  .w-1500{ width: 1500px;}
}


  @keyframes slideup {
    from {
      transform: translateY(10%);
    }
  
    to {
      transform: translateY(0);
    }
  }
  

  /* Sangeeta */
 #support-tab-pane #confirmation-message p{
  border: 1px solid #1b3e70;
  padding: 10px;
  width: 44%;
  font-weight: 500;
  color: #1b3e70;
 }
.list-inline-item img {margin-top:-8px;}
.upsell-block h2{color: var(--dblue);font-size: 22px;}
.upsell-block .sub-content{ color: var(--black-color); font-size: 16px;}
.upsell-block p, .upsell-block ul li{ color:#717171; font-size: 14px;}
.by-click-text{ font-size: 10px !important; color: #9D9FA2 !important;}
.text-red{color:#ff4000 !important;}
.text-red:hover {
    color: #ff4000 !important;
    text-decoration: underline;
}
.f10{ font-size: 10px !important;}
.btn-ar{min-width:auto !important;font-size: 10px !important;height:26px;} 
.f12{ font-size: 12px !important;}
/*simbiz-285 */
.expired-box {
 padding: 20px;
    width: 738px;
    background: #EFF7FF;
    border: 1px solid #9CC4FE;
    border-radius: 8px;
     margin-top:20px;
}
.expired-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}

.expired-service {
      text-align: left;
 font-size:24px;
 font-weight:700;

        }

.expired-title {
  text-align: left;
 font-size:30px;
 font-weight:700;
}

.expired-desc {
text-align: left;
 }
.expired-period {
  font-size: 16px;
  font-weight: 400;   
}
.expired-note {
   
   font-size: 14px;
text-align: left;
 
}
.expired-price{
 font-weight: 700;

}
.llc-unsubscribe-disable{
position: relative;
}
.llc-unsubscribe-disable:after{
content:"";
 
position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; background: linear-gradient(180deg, rgba(246, 246, 246, 0.3) 0%, rgba(246, 246, 246, 0.5) 100%);

}
@media (max-width: 767.98px) { 
.expired-box, .expired-box .btn-primary{width: 100%;} 
.expired-note{ margin-top: 12px;}
.expired-price { font-size: 1.75rem;}
}
:focus-visible {
    outline: none !important; 
 
}

/*Compliance CSS*/
:root {
  --green-bg:   #f1fbf4;
  --green-border:#b5e0c1;
  --yellow-bg:  #fffbea;
  --yellow-border:#f8e0a0;
  --red-bg:     #fff5f5;
  --red-border: #f4bcbc;
  --gray3:#333333;
}
.todo-card-wrap .todo-card:last-child{ margin-bottom: 0 !important;}
.todo-card { border: 1.5px solid; border-radius: 8px;  padding: 10px;}
.todo-complete { background: var(--green-bg);  border-color: var(--green-border); }
.todo-filed    { background: var(--yellow-bg); border-color: var(--yellow-border); }
.todo-pending  { background: var(--red-bg);    border-color: var(--red-border); }
.todo-upcome  { border-color: var(--red-border); }
.todo-upcome .date-box{ background-color: #F5F5F5;}
.action-text{ color: var(--dblue);}
.card-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; gap: 0.75rem;}
.task-row { display: flex; gap: 1rem; flex: 1 1 auto; min-width: 0; align-items: center; }
.task-content { flex: 1 1 auto; min-width: 0;}
.task-title { font-size: 1rem; font-weight: 500; margin-bottom: .15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.task-meta { font-size: .9rem; display: flex; gap: .2rem; flex-wrap: wrap; align-items: center;}
.todo-pending .task-meta, .todo-upcome .task-meta{ color: #AA0000;}
.todo-complete .task-meta{ color: #59B300;}
.todo-filed .task-meta{ color: #D9A600; background: var(--yellow-bg);}
.todo-filed .task-meta span, .todo-pending .task-meta span, .todo-complete .task-meta span{ color:#000;}
.text-dgray{ color: var(--gray3);}
.task-meta .alert-icon{ background: url(../imgs/alert-icon.svg) no-repeat; width: 20px; height: 18px; display: block;}
.task-meta .check{ width: 20px; height: 14px; display: block;}
.todo-pending .check.check-icon{ background: url(../imgs/pending-check-icon.svg) no-repeat;}
.todo-filed .check.check-icon{ background: url(../imgs/filed-check-icon.svg) no-repeat; }
.todo-complete .check.check-icon{ background: url(../imgs/completed-check-icon.svg) no-repeat; }
.calendar-icon-action{transition: 0.5s;}
.calendar-dropdown{right: 0 !important;}
.calendar-icon-action:hover{ transform: scale(1.1); }
.todo-card .calendar-icon{ background: url(../imgs/calendar-icon.svg) no-repeat; width: 24px; height: 26px;  display: block;}
.date-box {  background:var(--white);  border: 1px solid #e9e9e9;  border-radius: 8px;  padding: 6px 8px;  text-align: center;  min-width: 52px;}
.date-day { font-weight: 700; font-size: 1.25rem; line-height: 1; }
.date-mon { font-size: .8rem; line-height: 0.875rem; text-transform: uppercase; color: var(--muted); font-weight: 500; }
.btn-view {  font-size: 0.9rem;  padding: .25rem 1.2rem;  min-width: 100px;}
.action-group {  flex: 0 0 auto; display: flex; gap: .5rem; align-items: center;}
.todo-list-wrap, .registered-agent-block{min-height: 415px;}
.serv-doc-block.additional-serv .serv-content p{line-height: 20px;}
.modal .btn-secondary, .modal .btn-primary{ font-size: 16px !important; padding-top: 8px; padding-bottom: 8px;}
.title-border-top { border-top: 1px solid #DCDDDE;}
.modal-body h2 {
    color: var(--dblue);
    font-size: 22px;
}

.upsell-block .sub-content, .amount-form-check{ font-size: 14px;}
.upsell-block h4 {
    color: var(--dblue);
    font-size: 22px;
}

.inactive-order { color: #cccccc !important;}
.line-h-normal{line-height: normal;}
.text-skew {transform: skewX(-24deg); display: inline-block;}
.order-summary-block{ font-size: 14px;}
.mw-auto{ min-width: auto;}
.modal .todo-card .btn{ font-size: 14px !important; padding-top: 4px; padding-bottom: 4px;}
.modal .todo-card .task-title{ font-size: 14px;}
.modal .task-meta .alert-icon, .modal .task-meta .check{ background-size: 14px; width: 14px; height: 16px;}
 .modal .task-meta .check{height: 12px;}
.modal .task-meta{ font-size: 12px;}
.modal .date-box{ width: 44px;}
.modal .task-row{ gap: 0.75rem;}
.f20{ font-size: 18px !important;}
.upsell-block.select-start .form-check .btn-check{ top:9px;}
#processingBlock .form-check{padding-left:0}
#stateFeeDesc{padding-left:28px}
#amendmentSuccessMsg span, #dissolutionSuccessMsg span, #certificateGoodStandingSuccessMsg span{color: #34AD00;font-weight: 800;}
.registered-agent-block .expired-box{ margin: 0; border-radius: 0; border: none; width: 100%; padding: 0 10px; background: none;}
.registered-agent-block .expired-service{ font-size: 22px;}
.registered-agent-block .expired-title{ font-size: 23px;}
.registered-agent-block .expired-desc{ font-size: 14px; line-height: normal; margin-bottom: 1rem;}
.registered-agent-block .expired-note{ font-size: 12px; line-height: normal; color: var(--mgray); margin-top: 20px;}
@media (max-width: 767.98px) { 
.card-inner{ display: block;}
.action-group{ margin-top: 1rem;}
.btn-view{  flex: 1 1 auto;}
.registered-agent-block{min-height: auto;}
.serv-doc-block.additional-serv{ width: 100%; margin-bottom: 16px;}
.modal .todo-card.todo-complete .card-inner{ display: flex;}
}
.edit-sm-btn {color:#1359BD; border-color: #1359BD;} 
.edit-sm-btn .edit-sm-icon{background: url(../imgs/edit-sm-icon.svg) no-repeat; width: 14px; height: 14px; display: inline-block; vertical-align: text-top;} 
.edit-sm-btn:hover .edit-sm-icon{background: url(../imgs/edit-sm-white-icon.svg) no-repeat;}
li.nav-item.active{border: none !important;}
.amendment-standard{position: relative;}
.amendment-standard.processing-option input[type="radio"]{position: absolute;  top: 6px;}
.amendment-standard.processing-option label{    padding-left: 16px;}

.btn.disabled, .btn:disabled, fieldset:disabled .btn{color: #6e6e6e !important; background-color: #CCCCCC !important; border-color: #CCCCCC !important;}
.loader-container{background-color:#ffffff; border-radius: 50%;}
.mobile-form .gform_button.button_save.activebutton{margin-bottom: 15px !important;}
.mobile-form .gform_wrapper .gform_page_footer .button.gform_previous_button#gform_previous_button_113{margin-top: 15px !important;}
.tab-pane:focus-visible{outline:none !important;}
.calendar-link{height:26px;}
#add-registered-agent .gform_wrapper ul.gform_fields li.gfield{padding-right: 0 !important;}
#add-registered-agent .gform_wrapper .gsection{ margin-right:0 !important;}
#add-registered-agent .gform_wrapper ul.gform_fields.top_label li.gfield.gf_left_half{padding-right: 16px !important;}
#add-registered-agent .gform_wrapper .gform_footer{padding: 0  !important;}
.modal .modal-content .todo-list-modal{ padding-right:15px;}

.application-form .gform_footer button.footerbutton-sm {
    font-size: 18px;
    height: 42px;
}
.gform_wrapper li.gfield.custom-from-select .gfield_select {
    padding: 5px 4px;
    height: 2.225rem !important;
    border: 1px solid var(--gray);
    border-radius: 5px;
}
.kpi-block-hd{background: #d0d9de;padding: 0 10px;}