@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;}
.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;}
.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;}

@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;}

}
@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;}