/* global */
.c-color-white{
    color: #ffff;
}
.c-d-flex{
    display:flex;
    align-items:center;
}

.c-d-none{
    display: none !important;
}
.c-border-0{
    border:0 !important;
}
.c-btn-primary{
padding: 12px 24px;
background: #0D657E;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
color: #ffff;
}
.c-btn-outline{
    padding: 12px 24px;
    background: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #0D657E; 
    border: 1px solid #0D657E;
}
.c-edit-btn{
    background: #DEF3FD;
    /* display: flex;
    align-items: center;
    justify-content: center; */
}
.c-download-btn{
    background: #0d657e4d;
    border-radius: 8px;
 
}
.c-btn-primary,.c-btn-outline:active{
    opacity: .7;
}
.c-btn-primary.btn:hover{
    color: #ffff !important;
}
.c-table-wrapper th{
    padding:24px 0 !important;
    background:#ECFBFF !important;
    text-transform:uppercase;
}
.c-edit-btn, .c-view-btn, .c-delete-btn, .c-delete-btn-active {
    padding: 4px 10px !important;
    border-radius: 8px !important;
    border: none ;
    
}

.c-edit-btn {
    background: #DBE5FF;
}
.c-edit-btn-fit-content{
    width: fit-content;
}
.c-view-btn {
    background: #FDF3E2;
}
.c-delete-btn{
    background: #FDE8E8;
}
.c-delete-btn-active{
    background: #e4cfcf;
}
.c-calendar-btn{
    background: #E1F6FF !important;
    border-radius: 8px;
    padding: 4px 10px !important;
}
.c-search-btn{
    padding: 11px 24px;
    background: #1FB3DD;
    font-size: 14px;
    font-weight: 600;
    color: #ffff;
    border: none;
    border-radius: 8px;
    height: 42px;
}
.c-bg-primary{
    background: #0D657E !important;
    color: #ffff !important;
}
.c-outline-border{
    border: 1px solid #ffff;
    border-radius: 8px;
}
.c-outline-primary-border{
    border: 1px solid #0D657E;
    color: #0D657E;
}
.c-report-action-btn-p{
    padding: 12px 24px !important;
}
.c-collaps-wrapper{
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    margin-bottom: 16px;
 
    
}
.c-collaps-wrapper .glyphicon-chevron-right{
color: #0D657E;
 
    
}
.c-collaps-wrapper .list-group-item{
border: none;
border-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background: #ffff !important;

}
.c-collaps-wrapper .list-group-item{

background: #F2FBFF !important;
margin-bottom: 0;
}
.c-border-radius-0{
    border-radius: 0;
}

/* .c-collaps-wrapper .collapsed{
background: #ffff !important;

} */


/* .c-collaps-wrapper:has(.collapsed) {
 padding-bottom: 6px;
    
} */

.c-text-align-left{
    text-align: left !important;
}

.alert-warning{
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}
input[type="checkbox"] {
    /* width: 16px;
    height: 16px; */
    /* -webkit-appearance: none;
    -moz-appearance: none; */
    /* appearance: none; */
    border: 1px solid #0D657E;
    cursor: pointer;
    border-radius: 4px;
}

input[type="checkbox"]:checked {
    background-color: #0D657E;
}
#confirm_delete_modal .modal-header{
    background: #0D657E !important;
    color: #ffff !important;
}
#confirm_delete_modal, .modal-header .close{
    opacity: 1 !important;
    color: #ffff !important ;
}
#import_modal .modal-header{
    background: #0D657E !important;
    color: #ffff !important;
}
#import_modal .modal-header .close{
    opacity: 1 !important;
    color: #ffff !important ;
}
#search_btn{
    padding:11px 24px;
    background: #1FB3DD;
    font-size:14px;
    font-weight:600;
    color:#ffff;
    border:none;
    border-radius:8px;
}



.c-p{
	padding: 0 !important;
}
.c-p-24{
    padding: 24px;
}
.customer-modal-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dashboard-wrapper{
	display: flex;
}
.sidebar {
    background-color: #F2FBFF;
    color: black;
    min-height: 100vh;
    width: 284px;
    transition: width 0.3s ease;
}
.content-width {
    width: calc(100% - 82px);
    background: #ffff;
}
.navbar-header {
    background: #F2FBFF;
	padding: 8px 16px;
    
}
.navbar-header-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#hamburger-icon{
    border: none;
    background: #0D657E;
    color: #ffff;
    height: 24px;
    width: 24px;
}
.active-sidebar {
    width: 82px;
    padding: 0;
}
.sidebar-sticky{
    padding: 12px 16px;
    border-right: 1px solid #E5E7EB;
}
.c-w-100{
    width: 100% !important;
}
.c-w-calc-34{
    width: calc(100% - 34px) !important;
}
.dashboard-menu-items{
    padding: 0;
    list-style: none;
}
.dashboard-menu-items li a{
    padding: 8px;
    font-size: 16px;
    width: 100%;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
}
.dashboard-menu-items li:hover{
    background: #0D657E;
    border-radius: 8px;
  
}
.dashboard-menu-items li a:hover{
   color: #ffff !important;
}
.dashboard-menu-items li a:hover path{
   fill: #ffff !important;
}
.active-sidebar .dashboard-menu-items li a span{
    display: none;
}
.profile-avatar-wrapper{
    height: 44px;
    width: 44px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    border: 1px solid gray;
}
.profile-avatar-wrapper img{
    width: 100%;
    border-radius: 100%;
}
.dashboard-menu-items li.active-sidebar{
    background: #0D657E;
    border-radius: 8px;
}

.page_header{
    margin-top: 24px;
    margin-bottom: 24px;
    text-align: start;
    color: #0D657E !important;
    background: #F2FBFF;
    padding: 16px !important;
    border-radius: 8px;
    font-size: 28px;
    font-weight: bold;
    height: auto !important;
    border: 1px solid #E5E7EB;
}
/* dashboard */
.dashboard-wrapper .card-heading{
    padding: 16px 20px;
    background: #F2FBFF;
    border-radius: 8px 8px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: #0D657E;
    text-transform: uppercase;
}
.contact-header-wrapper{
    margin-top: 24px;
    margin-bottom: 24px;
    text-align: start;
    color: #0D657E !important;
    background: #F2FBFF;
    padding: 24px !important;
    border-radius: 8px;
    font-size: 36px;
    font-weight: bold;
    height: auto !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #E5E7EB;
}
.contact-header-wrapper .page_header{
margin-top: 0;
background: none;
padding: 0 !important;
margin-bottom: 0 !important;
border:none;
}
.table-main-header{
    padding: 16px 24px;
    background: #0D657E;
}
.search-wrapper{
    display: flex;
    align-items: center;
    gap: 8px;
    
}
.input-inner-wrapper{
    display: flex;
    align-items: center;
    height: 42px;
    background:#ffff;
    padding-left: 16px;
    border-radius: 8px;
}
.input-inner-wrapper input{
   height: 100%;
   border: none;
   padding-left: 16px;
   border-radius: 0 8px 8px 0px;
   outline: none;
}
.partial_match_wrapper{
    color:#ffff !important;
    margin-top:16px !important;
}
.table-main-header-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#total_customers{
    padding: 11px 24px;
    background: #ffff;
    font-size: 14px;
    font-weight: 600;
    color: #6B7280;
    border: none;
    border-radius: 8px;
}
/* cutomer form */
.add-customer-btns{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    margin-bottom: 24px;
}
.add-customer-btns .c-btn-primary{
    border: none;
}
/* appiontment page */
.search-input-box-main-wrapper{
    display: flex;
    align-items: center;
    gap: 8px;
}
.search-input-box-wrapper{
    display: flex;
    align-items: center;
    height: 42px;
    background: #ffff;
    border-radius: 8px;
    padding-left: 12px;
   
}
.search-input-box-wrapper input{
    outline: none;
    border: none;
}
#help_dialog .modal-header{
    background: #0D657E;
    color: #ffff;
}

#search_text::placeholder {
    color: #667085 !important; 
    opacity: 1; 
}
#item_add_panel input::placeholder {
    color: #667085 !important; 
    opacity: 1; 
}
#quick_note::placeholder {
    color: #667085 !important; 
    opacity: 1; 
}

#search::placeholder {
    color: #667085 !important; 
    opacity: 1; 
}
/* scheduler page */
#events_count{
    padding: 10px;
    background: #ffff;
    font-size: 14px;
    font-weight: 600;
    color: #6B7280;
    border: none;
    border-radius: 8px;
    margin-left: 16px;
}
.scheduler-search-wrapper{
    display: flex;
    align-items: center;
    background: #fff;
    padding-left: 14px;
    border-radius: 8px;
}
.scheduler-search-main-wrapper{
    display: flex;
    align-items: center;
    gap: 16px;
}
.scheduler-search-wrapper input{
  border: none;
  height: 42px;
  border-radius: 0 8px 8px 0px
}
.scheduler-search-wrapper input::placeholder{
 color:#6B7280 !important;
}
.seheduler-calendar-header{
    margin-top: 16px;
    margin-bottom: 16px;
}
.scheduler-tabs-wrapper .active a{
    background: #ECFBFF !important;
}
.scheduler-tabs-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.scheduler-tabs-inner  li{
    width: 100%;
   text-align: center;
}
#messages_dialog .modal-header{
    background: #0D657E;
    color: #ffff;
}
#send_button{
    background: #0D657E !important;
    color: #ffff !important;
}
.c-alert-warning-inner{
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #D0D5DD !important;
    padding: 16px;
    background: #FDFFEA;
    border-radius: 12px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#alert-close{
    cursor: pointer;
    font-size: 24px;
}
/* quote page */
.quote-header-wrapper{
    margin-top: 24px;
    margin-bottom: 24px;
    text-align: start;
    color: #0D657E !important;
    background: #F2FBFF;
    padding: 24px !important;
    border-radius: 8px;
    
    height: auto !important;
    border: 1px solid #E5E7EB;
}

.quote-header-wrapper .page_header {
    margin-top: 0;
    background: none;
    padding: 0 !important;
    margin-bottom: 0 !important;
    border: none;
    font-size: 36px;
    font-weight: bold;
}
.create-quote-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.quote-tabs-wrapper li a{
    padding:12px 60px !important;
    border: none !important;
    font-size: 20px !important;
    color: #667085 !important;
}
.quote-tabs-wrapper{
    display: flex;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
}
.quote-tabs-wrapper li.active a{
    background: #ECFBFF !important;
    border-bottom: 2px solid #0D657E !important;
    color: #0D657E !important;
}
.c-margin-bottom-24{
    margin-bottom: 24px;
}
.c-margin-top-8{
    margin-top: 8px;
}
.c-margin-bottom-8{
    margin-bottom: 8px;
}
#item_add_form{
    padding: 16px 24px;
    background: #0D657E;
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#item_add_form .glyphicon-remove{
   color: #ffff;
}
.preview-quote-wrapper .btn-info {
    color: #828282 !important;
    background-color: #F1F2F3 !important;
    border-color: #B9B9B9 !important;
    border: none;
}
.preview-quote-wrapper .btn-info:focus{
    outline: none;
    outline-offset:0;
}
#total_item .form-control-static {
   text-align: start ;
}
#confirm_preview_dialog .modal-header{
    background: #0D657E !important;
    color: #ffff;
}
#continue_button{
    background: #0D657E;
    color: #ffff;
}
#save_cust_info_button{
    margin-top: 24px;
    background-color: #0D657E !important;
   border: none !important;
   margin-bottom: 16px;
}
/* saved quotes */

.quotes_list_form_wrapper{
    background: #0D657E;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.quotes_list_form_wrapper .checkbox{
    color: #ffff;
    border: 1px solid #ffff;
    padding: 9px 24px;
    border-radius: 8px;
}
.quotes_list_form_wrapper .confirm-delete-btn{
    background: #1FB3DD;
    color: #ffff;
    font-weight: 600;
    border-radius: 8px !important;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
}
.quotes_list_form_wrapper .form-all-dates-btns{
   border: 1px solid #ffff !important;
   padding: 3px 0;
   border-radius: 8px;
}
.quotes_list_form_wrapper .form-all-dates-btns .hasDatepicker,.quotes_list_form_wrapper .form-all-dates-btns .dropdown-toggle, .quotes_list_form_wrapper .to-all-date {
   background: transparent;
   border: none !important;
   color: #ffff;
}
.form-all-dates-btns input::placeholder{
color: #ffff;
}
.to-all-date,input::placeholder{
color: #ffff !important;
}
.quotes_list_form_wrapper .to-all-date{
    border: 1px solid #ffff !important;
    padding: 20px 16px;
    border-radius: 8px;
}
.quotes_list_form_wrapper #search_btn{
    margin-left: 8px;
}
.saved-quotes-table-wrapper,.table>thead>tr>th {
    vertical-align: middle;
    
}
.outline-border-btn{
    border: 1px solid #0D657E !important;
    color: #0D657E;
    border-radius: 8px !important;
}
#edit_quote_date_dialog .modal-header{
    background: #0D657E !important;
    color: #ffff;
}
#edit_quote_date_dialog .edit-quote-btn{
    background: #0D657E !important;
    color: #ffff;
}
/* sales ledger */
.sales-ledger-header-wrapper{
    background: #0D657E;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between; 
}
.sales-ledger-header-filter-section .c-background-transparent{
background: transparent !important;
border: none !important ;
color: #ffff !important;
}
.sales-ledger-header-filter-section .c-outline-border{
    padding: 3px 0;
}
.sales-ledger-header-filter-section input.sales-ledger-search-btn{
    background:#1FB3DD !important;
    margin-left: 8px !important;
    border-radius: 8px !important;
    
}
#query_value{
    color: #6B7280 !important;
}
.sales-customer-btn{
background: transparent;
padding: 10px 16px;
color: #ffff;
}
.sales-ledger-table-wrapper{
    margin-top: 24px;
}
.order-id-btn-group .c-btn-outline{
    padding: 2px 16px;
}
#edit_order_date_dialog .modal-header{
    background: #0D657E !important;
    color: #ffff !important;
}
.add-invoce-wrapper input::placeholder{
    color: #667085 !important;
}
.back-order-manager-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}
#inv_form input::placeholder{
    color: #6B7280 !important;
}

/* pipe line page */
.pipeline-header-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pipeline-header-wrapper .c-background-transparent {
    background: transparent !important;
    border: none !important;
    color: #ffff !important;
    border: 1px solid #ffff !important;
    padding: 10px 16px !important;
    border-radius: 8px;
}
.pipeline-header-wrapper .pipeline-drodown-wrapper input{
    background: transparent !important;
    border: none !important;
    color: #ffff !important;
  
}
.pipeline-header-wrapper .pipeline-drodown-wrapper{
    border: 1px solid #ffff !important;
    padding: 3px 0px !important;
    border-radius: 8px;
}
.pipeline-header-wrapper .pipeline-drodown-wrapper .dropdown-toggle{
    background: transparent !important;
    border: none !important;
    color: #ffff !important;
}
.pipeline-header-wrapper .pipeline-search-wrapper{
    display: flex;
    align-items: center;
    gap: 8px;
}
.pipeline-header-wrapper .pipeline-search-inner{
    display: flex;
    align-items: center;
    background: #ffff;
    border-radius: 8px;
    padding: 3px 12px;
  
}
.pipeline-header-wrapper .pipeline-search-inner input{
  border: none;
  box-shadow: none;
}

.pipe-line-buttons-wrapper{
    display: flex;
    gap: 8px;
}
.rep-dropdown{
    margin-right: 12px;
    display:flex;
}
.follow-up-information-wrapper{
    padding: 16px;
}
.save-information-btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#update_modal .modal-header{
    background: #0D657E !important;
    color: #ffff !important;

}
#email_editor_dialog .modal-header{
    background: #0D657E !important;
    color: #ffff !important;

}
.quote-sent-wrapper{
    padding: 4px 8px;
    border-radius: 8px;
    background: #03543F;
    color: #ffff;
}
.quote-unsent-wrapper{
    padding: 4px 8px;
    border-radius: 8px;
    background: #4F4F4F;
    color: #ffff;
}
.pipe-line-send-email{
    padding: 4px 8px;
    border-radius: 8px;
    background: #0d657e31;
    color: #091f25;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}
/* workflow manager page */
.workflow-manager-wrapper{
    padding: 16px 24px;
    background: #0D657E;
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.workflow-manager-wrapper label{
    color: #ffff;
}
.work-flow-hide-selected-btn{
    background: transparent !important;
    border: none !important;
    color: #ffff !important;
    border: 1px solid #ffff !important;
    padding: 10px 16px !important;
    border-radius: 8px;
}
.workflow-dropdown-wrapper .dropdown-toggle{
    background: transparent !important;
    border: none !important;
    color: #ffff !important;
}
.workflow-dropdown-wrapper input{
    background: transparent !important;
    border: none !important;
    color: #ffff !important;
  
}
.workflow-dropdown-wrapper {
    border: 1px solid #ffff !important;
    padding: 3px 0px !important;
    border-radius: 8px;
}
.workflow-search-wrapper input,.workflow-search-wrapper select{
height: 42px !important;
}
.workflow-search-wrapper input::placeholder{
    color:#6B7280 !important;
}
.po-edit-cloumn{
    display: flex;
    align-items: center;
    gap: 4px;
}
#measure_status_modal .modal-header,#payments_modal .modal-header, #add_new_note_dialog .modal-header, #msd_dialog .modal-header, #ordering_dialog .modal-header, #confirm_remove .modal-header, #upload_dialog .modal-header, #event_dialog .modal-header{
    background: #0D657E !important;
    color: #ffff !important;
}

/* quick books page */
.quick-books-header-wrapper{
    margin-top: 24px;
    margin-bottom: 24px;
    text-align: start;
    color: #0D657E !important;
    background: #F2FBFF;
    padding: 16px !important;
    border-radius: 8px;
    font-size: 28px;
    font-weight: bold;
    height: auto !important;
    border: 1px solid #E5E7EB;
}
.quick-books-header-wrapper .page_header{
    margin-top: 0;
    margin-bottom: 0;
    text-align: start;
    color: #0D657E !important;
    background: transparent;
    padding: 0 !important;
    border-radius: 0;
    height: auto !important;
    border: none;
}
.quick-books-header-wrapper  .company-id{
    font-size: 16px ;
    color: #667085;
}
.quick-books-export-header-wrapper{
    background: #0D657E;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    margin-bottom: 24px;
}
.quick-books-search-wrapper{
    display: flex;
    align-items: center;
    border-radius: 8px;
    gap: 8px;
}
.quick-books-search-inner{
    background: #ffff;
    padding: 0px 16px;
    display: flex;
    align-items: center;
    border-radius: 8px;
}
.quick-books-search-inner input{
    border: none;
    box-shadow: none !important;
}
.quick-books-search-wrapper .quick-books-search-btn{
    background: #1FB3DD;
    color: #ffff;
    border: none;
    border-radius: 8px;
}
.quick-books-orders-wrapper{
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Account manager */
.reminder-email-pic-upload-wrapper{
    padding: 16px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #ffff;
    height: 126px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px !important;
}
.reminder-email-pic-upload-wrapper select{
   width: 100%;
}
.reminder-email-pic-upload-wrapper p{
    margin-bottom: 0;
}

.reminder-email-pic-upload-wrapper p span{
font-weight: bold;
color: #0D657E;
}
.user-label-wrapper{
    width: 100%;
}
.c-city-select-wrapper .show-tick{
    width: 100% !important;
}
.reports-action-btns{
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}

/* website editor */
.website-editor-header-left{
padding: 16px !important;
}
.left-image-wrapper{
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}
.left-image-wrapper img{
   display: inline-block;
   padding: 16px;
   border-radius: 8px;
   border: 1px solid #ddd;
   max-height:230px;
}
#home_page_image_box{
    max-height:200px;
}
.main-image-wrapper{
    display:flex;
    align-items:center;
}
.left-image-wrapper .img-h img{
max-height:200px !important;
}
.profile-avatar-wrapper {
    position: relative;
    display: inline-block;
}

.profile-avatar-wrapper .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: -160px !important;
    background-color: white;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    list-style: none;
    padding: 10px;
    margin: 0;
}

.dropdown-menu li {
    margin-bottom: 10px;
}

.dropdown-menu li a {
    text-decoration: none;
    color: black;
}
.rep-dropdown{
    .dropdown-menu li a {
        text-wrap:wrap;
        width:300px;
       }
}
@media only screen and (max-width: 1300px) {
    .sales-ledger-table-wrapper{
        .dropdown-menu li a {
            text-wrap:wrap;
            width:200px;
           }
    }
  
}
@media only screen and (max-width: 575px) {
    .sales-ledger-table-wrapper,.rep-dropdown{
        .dropdown-menu li a {
            text-wrap:wrap;
            width:auto;
           }
    }
  
}
.dropdown-menu li:last-child {
    margin-bottom: 0;
}
#date-time-container {
    text-align: center;
 
}

#date-time {
    font-size: 18px;

}

#date-view {
    font-size: 24px;
    font-weight:bold;
    color:#0D657E;
}
#export_form input[type="radio"] {
    height: 24px;
    width: 24px;
    margin: 0;
}
#export_form label{
    display: flex;
    align-items: center;
    gap: 8px;
}
.appiontment-filter-wrapper{
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.appiontment-filter-inner{
    padding: 4px 16px;
    background: #1FB3DD;
    display: flex;
    align-items: center;
    gap: 4px;
    color:#ffff;
    
}
#google_login_button a{
    background: #0D657E !important;
    color: #ffff !important;
}
.table-main-header-inner .dropdown-menu{
    left: -100%;
}
.navbar-header{
    position: fixed;
    right: 0 ;
    z-index: 9;
    width: calc(100% - 257px) ;
    transition: width 0.3s ease;
}
.content-wrapper-active .navbar-header{
    width: calc(100% - 82px) ;
    transition: width 0.3s ease;
}
.main-content-wrapper{
    margin-top: 75px;
    max-height: calc(100vh - 75px);
    overflow: auto;

}
body{
    overflow: hidden;
}
.days-mont-wrapper{
    background: #F1F2F3;
    border-radius: 8px;
    width: fit-content;
    padding: 16px 7px
}
.days-mont-wrapper a{
    padding: 12px 48px;
    border-radius: 8px;  
    text-decoration: none !important;
}
.days-mont-wrapper a.active{
    background: #ffff;
}
#googleCalendarButton{
    margin-bottom: 0 !important;
    margin-left: 16px;
}
.search-heading{
    background: #0D657E !important;
    color: #ffff !important;
}
#hide_sizes:focus{
    outline: none;
    outline-offset:0;
}

.sidebar-menu-active{
    background: #0D657E;
    border-radius: 8px;
}
.sidebar-menu-active a{
    color: #ffff !important;
}
.sidebar-menu-active a path{
    fill: #ffff !important;
 }
 .site-editor-wrapper{
    .quote-tabs-wrapper{
        display: flex;
        align-items: center;
        overflow-x: auto;
        overflow-y: hidden;
        li{
            a{
                white-space: nowrap;
            }
        }
    }
 }
#document{
    margin-top: 24px;
    margin-bottom: 24px;
    border-radius: 8px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    .panel-heading{
        background: #0D657E;
        color: #ffff;
    }
}
.hambarger-close-wrapper{
    display: none;
}
.c-overflow-auto{
overflow: auto;
th{
    white-space: nowrap;
}
}
.action-align-items{
    display: flex;
    align-items: center;
    gap:4px;
    span{
        white-space: nowrap;
    }
}
#dealer_login_panel,#forgot_pass_panel{
    margin-top: 48px;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
    border-radius: 8px;

    #login_form,#forgot_pass_form{
        padding:0 24px;
    }
    .form-group{
        text-align: start ;
    }
.save-login-checkbox{
    padding-left: 20px;
}
.panel-heading{
    background: #0D657E !important;
    color: #ffff;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#login_button,#send_pass_button{
    background: #0D657E;
    border: 1px solid #0D657E ;
    color: #ffff;
}
}
.c-table-header-d-flex{
    display:flex;
    align-items:center;
    gap:8px;
}

@media only screen and (max-width: 991px) {
    .schedular-wrapper{
        .table-main-header-inner{
         flex-direction: column;
         gap: 16px;
        }
     }
     .dashboard-wrapper{
        flex-direction:column;
     }

}
@media only screen and (max-width: 1024px) {    
    .contact-header-wrapper{
        flex-direction: column;
        gap: 16px;
    }
    .table-main-header-inner{
        flex-direction: column;
        gap: 16px;
    }
}
@media only screen and (max-width: 892px) {
    .quotes_list_form_wrapper{
      .save-quotes-search-wrapper{
        margin-top:10px;
      }
    }

}
@media only screen and (max-width: 768px) {
    .quotes_list_form_wrapper{
        .input-group{
            margin-bottom: 10px;
        }
        .save-quotes-search-wrapper{
            margin-top:0;
          }
      }
      
}
@media only screen and (max-width: 1199px) {
    .quotes_list_form_wrapper{
        flex-direction: column;
        gap: 16px;
       
      }
      .from-all-date-dropdown{
        margin-bottom:10px !important;
      }
      #ui-datepicker-div{
        z-index:99 !important;
      }
      
}
@media only screen and (max-width: 1276px) {
    .sales-ledger-header-wrapper{
        .sales-ledger-last-button{
            margin-top:10px;
        }
        .sales-ledger-search-section{
            margin-top:10px;
        }
    }
}
@media only screen and (max-width: 768px) {
    .quotes_list_form_wrapper{
        .input-group{
            margin-bottom: 10px;
        }
      }
      .sales-ledger-header-wrapper{
        .c-outline-border{
            margin-bottom: 10px;
        }
    
    }
}
@media only screen and (max-width: 1199px) {
    .sidebar {
        position: fixed;
        left: -260px; 
        top: 0;
        width: 250px; 
        height: 100%;
        z-index: 999;
        transition: left 0.3s ease;
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2); 
    }
    .sales-ledger-header-wrapper{
        .sales-ledger-last-button{
            margin-top:0;
        }
        .sales-ledger-search-section{
            margin-top:0;
        }
    }
    .active-sidebar {
        left: 0; 
    }

    .content-width, .content-wrapper-active {
        width: 100%;
        transition: margin-left 0.3s ease; 
    }
    .active-sidebar .dashboard-menu-items li a span {
        display: block;
    }
    .navbar-header{
    width: 100%;
    }
    .content-wrapper-active .navbar-header{
        width: 100%;
    }
    .sidebar-sticky{
        height: 100%;
        overflow: auto;
        padding-bottom: 48px;
    }
    .hambarger-close-wrapper{
       text-align: end;
       padding: 8px;
       font-size: 16px;
        display: block;
        button{
            border: none;
            background: white;
            border-radius: 100%;
            height: 32px;
            width:  32px;
            &:hover{
                background: rgb(190, 190, 190);
            }
        }
    }
    .contact-header-wrapper{
        flex-direction: column;
        gap: 16px;
    }
   .table-main-header-inner{
    flex-direction: column;
    gap: 16px;
   }
    .c-btn-primary,.c-btn-outline{
        padding: 8px 16px;
    }
    .seheduler-calendar-header{
        flex-direction: column;
        gap: 16px;
    }
    .page_header{
        font-size: 20px;
    }
    .schedular-wrapper{
      margin-top: 80px;
      .btn-group{
      margin-bottom: 16px;
      }
      .pull-right{
        float: left !important;
      }
 
    }
    #messages_dialog{
        .modal-dialog{
            width:calc(100% - 24px) !important;
            .modal-body{
                overflow:auto;
                th{
            white-space: nowrap;
                }
            }
        }
              }

              .quote-tabs-wrapper{
                display: flex;
                align-items: center;
                white-space: nowrap;
                overflow: auto;
              }
              #item_add_form {
                flex-direction: column;
                gap: 16px;
              }
              .quotes_list_form_wrapper{
                flex-direction: column;
                gap: 16px;
                /* .input-group{
                    margin-bottom: 10px;
                } */
              }
            .sales-ledger-header-wrapper{
                flex-direction: column;
                gap: 16px;
            }
            .pipeline-header-wrapper {
            flex-direction: column;
            gap: 16px;
            #filter_form{
                flex-direction: column;
                gap: 16px;
                #search{
               max-width: 150px;
                }
            }
            }
            .workflow-manager-wrapper{
                flex-direction: column;
                gap: 16px;
                .input-group{
                    margin-bottom: 10px;
                }
                #measure_status_filter{
                    width: auto;
                }
            }
            .quick-books-export-header-wrapper {
             flex-direction: column;
             gap: 30px;
             b{
                white-space: nowrap;
             }
            }
            #editor_content{
                .input-group{
               margin-bottom: 10px;
                }
            }
         .add-employee-manager-wrapper{
            margin-top: 100;
         }
         
         .main-content-wrapper{
            padding-bottom: 48px;
         }
     .spacer{
        height: 0px;
     }
    
   .add-employee-btn, .add-accounts-manager-btn{
    position: relative;
    z-index: 9;
   }
     .reports-action-btns{
  flex-direction: column;
  gap:8px;

     }   
     .quote-tabs-wrapper li a {
        padding: 8px 24px !important;

    }
     
}