a:hover {
    text-decoration: none;
}

body {
    font-family: 'Montserrat', sans-serif;
    color: #222222;
    background: #F9FAFF; /* background: #dadffd; */
}


@media (min-width:1200px) and (max-width:1920px) {
    .add-new-company-steps {
        left: 250px;
        border-radius: 10px;
        /* margin-left: 15px; */
        /* margin-left: -10px; */
        margin-left: -16px;
        overflow: auto;
        box-shadow: 0 0px 7px rgb(168 180 255 / 55%);
        margin-bottom: 20px;
    }
}

@media (min-width:1800px) and (max-width:1920px) {
    .add-new-company-steps {
        left: 320px; 
    }
    .main-content-area .company_module_sidebar, .collapse_main_content .company_module_sidebar {
        left: -20px;
    }
    .main-content-area .company_module_sidebar:hover, .collapse_main_content .company_module_sidebar:hover {
        left: 335px;
    }
    .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
        margin-left: -235px;
    }
    main.col.ms-sm-auto.no-margin.main-content-area.collapse_main_content {
        padding-left: 0 !important;
    }
    .dashboard-data-list .data-list-row table td.sorting_1 .form-select { padding-left: 0; }
}

@media (min-width:1601px) and (max-width:1680px) {
    .add-new-company-steps {  left: 320px; }
    .main-content-area .company_module_sidebar, .collapse_main_content .company_module_sidebar {
        left: -3.688vw;
    }
    .main-content-area .company_module_sidebar:hover, .collapse_main_content .company_module_sidebar:hover {
        left: 17.5vw;
    }
    .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
        margin-left: -12.625vw;
    }
    main.col.ms-sm-auto.no-margin.main-content-area.collapse_main_content {
        padding-left: 0 !important;
    }
    .table-action-column { 
        width: 14% !important;
    }
}

@media (min-width:1540px) and (max-width:1600px) {
    .add-new-company-steps {  left: 320px; }
    .main-content-area .company_module_sidebar, .collapse_main_content .company_module_sidebar {
        left: -4.688vw;
    }
    .main-content-area .company_module_sidebar:hover, .collapse_main_content .company_module_sidebar:hover {
        left: 17.5vw;
    }
    .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
        margin-left: -12.625vw;
    }
    main.col.ms-sm-auto.no-margin.main-content-area.collapse_main_content {
        padding-left: 0 !important;
    }
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 0.8rem;
      }
      ::-moz-placeholder { /* Firefox 19+ */
        font-size: 0.8rem;
      }
      :-ms-input-placeholder { /* IE 10+ */
        font-size: 0.8rem;
      }
      :-moz-placeholder { /* Firefox 18- */
        font-size: 0.8rem;
      }

      .table-action-column { 
        width: 14% !important;
    }
      
}

@media (min-width:1441px) and (max-width:1539px) {
    .add-new-company-steps {  left: 320px; }
    .main-content-area .company_module_sidebar, .collapse_main_content .company_module_sidebar {
        left: -5.688vw;
    }
    .main-content-area .company_module_sidebar:hover, .collapse_main_content .company_module_sidebar:hover {
        left: 17.5vw;
    }
    .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
        margin-left: -12.625vw;
    }
    main.col.ms-sm-auto.no-margin.main-content-area.collapse_main_content {
        padding-left: 0 !important;
    }
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 0.8rem;
      }
      ::-moz-placeholder { /* Firefox 19+ */
        font-size: 0.8rem;
      }
      :-ms-input-placeholder { /* IE 10+ */
        font-size: 0.8rem;
      }
      :-moz-placeholder { /* Firefox 18- */
        font-size: 0.8rem;
      }
      .table-action-column { 
        width: 15% !important;
    }
}

@media (min-width:1369px) and (max-width:1440px) {
    .add-new-company-steps { left: 320px; }
    .main-content-area .company_module_sidebar, .collapse_main_content .company_module_sidebar {
        left: -7.2vw;
    }
   

    .main-content-area .company_module_sidebar:hover, .collapse_main_content .company_module_sidebar:hover {
        left: 17.5vw;
    }
   
    .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
        margin-left: -12.8vw;
    }
   

    main.col.ms-sm-auto.no-margin.main-content-area.collapse_main_content {
        padding-left: 0 !important;
    }
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 0.8rem;
      }
      ::-moz-placeholder { /* Firefox 19+ */
        font-size: 0.8rem;
      }
      :-ms-input-placeholder { /* IE 10+ */
        font-size: 0.8rem;
      }
      :-moz-placeholder { /* Firefox 18- */
        font-size: 0.8rem;
      }
      .sidebar.collapse {
        min-width: 17.5vw;
        width: 17.5vw !important;
    }
    #ProductPurchaseForm .main-white-box {
        min-height: 60vh;
    }
    .setnavToggle { 
        padding-left: 0;
    }
   #divProductRevenuedetail .data-table-action-button-container {
        position: relative; 
        margin-bottom: 20px;
        min-height: 60px;
    }
    .table-action-column { 
        width: 16% !important;
    }
}

@media (min-width:1301px) and (max-width:1366px) {
    main.col.ms-sm-auto.no-margin.main-content-area.collapse_main_content {
        padding-left: 0 !important;
    }
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 0.65rem;
      }
      ::-moz-placeholder { /* Firefox 19+ */
        font-size: 0.65rem;
      }
      :-ms-input-placeholder { /* IE 10+ */
        font-size: 0.65rem;
      }
      :-moz-placeholder { /* Firefox 18- */
        font-size: 0.65rem;
      }
      .sidebar.collapse {
        min-width: 18.3vw;
        width: 18.3vw !important;
    }
    #ProductPurchaseForm .main-white-box {
        min-height: 20rem;
    }
    .setnavToggle { 
        padding-left: 0;
    }
    .sidebar .nav-link { 
        font-size: 13px; }
        div#divProductYearlyReport .data-table-action-button-container { position: relative; margin-bottom: 20px;    
             /* flex-direction: column; */
            }

        /* .add-new-form #divProductAccountRevenueReport button {
            width: 15%;
        } */
        
        #divProductAccountRevenueReport .data-table-action-button-container {      left: 20%; 
            justify-content: end; }
        #divProductRevenuedetail .data-table-action-button-container {
            position: relative; 
            margin-bottom: 20px;
            min-height: 60px;
        }

        /* .main-content-area .company_module_sidebar{
            left: -87px;
        }
        .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
            margin-left: -208px;
        }
        .main-content-area .company_module_sidebar:hover, .collapse_main_content .company_module_sidebar:hover {
            left: 280px;
        } */

      
        
        .table-action-column { 
            width: 16% !important;
        }

        .sidebar-menu-list .nav-item .nav-link.collapse[aria-expanded="false"],  .sidebar-menu-list .nav-item .nav-link.collapse[aria-expanded="true"] { 
            background-position: right 8px; 
            background-size: 25px;
        }
}

@media (min-width:1280px) and (max-width:1300px) {
    main.col.ms-sm-auto.no-margin.main-content-area.collapse_main_content {
        padding-left: 0 !important;
    }
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 0.65rem;
      }
      ::-moz-placeholder { /* Firefox 19+ */
        font-size: 0.65rem;
      }
      :-ms-input-placeholder { /* IE 10+ */
        font-size: 0.65rem;
      }
      :-moz-placeholder { /* Firefox 18- */
        font-size: 0.65rem;
      }
      .sidebar.collapse {
        min-width: 19vw;
        width: 19vw !important;
    }
    #ProductPurchaseForm .main-white-box {
        min-height: 20rem;
    }
    .setnavToggle { 
        padding-left: 0;
    }
    .sidebar .nav-link { font-size: 13px; }
    .sidebar.collapse.show .sidebar-menu-list .nav-item .nav-link.collapse[aria-expanded="true"],  .sidebar.collapse.show .sidebar-menu-list .nav-item .nav-link.collapse[aria-expanded="false"] { 
            background-size: 24px; background-position:  right 8px;
        }

        #divProductRevenuedetail .data-table-action-button-container {
            position: relative;
            width: 100%;
            margin-bottom: 20px;
        }
        div#divProductYearlyReport .data-table-action-button-container {
            position: relative; 
            margin-bottom: 20px;
        }
        div#divProductYearlyReport .data-table-action-button-container {
            position: relative; 
        }
        #divProductRevenuedetail .data-table-action-button-container {
            position: relative; 
            margin-bottom: 20px;
        }
        .table-action-column { 
            width: 17% !important;
        }
        .sidebar-menu-list .nav-item .nav-link.collapse[aria-expanded="false"],  .sidebar-menu-list .nav-item .nav-link.collapse[aria-expanded="true"] { 
            background-position: right 8px; 
            background-size: 25px;
        }
}

@media (min-width: 820px) and (max-width: 1200px) {
    .login-page {
        background-position: -670px 0;
        background-size: cover;
    }

        .login-page .login-box {
            padding: 0 0px;
        }

    /* .col-lg-2.sidebar {
        position: relative;

    } */



    .dashboard-data-list .data-list-row table {
        border-spacing: 0 0.5em;
        padding-right: 15px;
    }

    .sidebar .nav-link span {
        padding: 6px 0 0 0px;
    }

    .main-white-box:first-child {
        height: auto;
    }



    .add-new-company-steps {
        position: relative;
        top: 0;
        left: 0;
        height: 100vh;
        overflow-y: unset;
    }

    .navbar-toggler-icon {
        background: url(../images/burger-bar.png) no-repeat;
        background-size: 100%;
    }

    .setnavToggle {
        margin-right: 10px;
        padding-left: 0;
    }
    #divProductRevenuedetail .data-table-action-button-container {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }

    .table-action-column { 
        width: 20% !important;
    }
}

@media (max-width: 1024px) {
    .dashboard_srch_look .frm-fields-box {
        width: 50%;
    }
    .sidebar.collapse.show{
        min-width: 7.625vw;  
    }
    .navbar-brand img {
        
        max-width:28%;
    }
    .navbar-brand {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        font-size: 1rem;
        background-color: rgba(0, 0, 0, .25);
        box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
        width: 100%;
        display: block;
        padding: 12px 0 50px 0;
        margin: 0 0 40px 0;
        position: relative;
    }
    .main-white-box.datatableSection { overflow-x: scroll; }
    /* .main-content-area .main-page-area-new .company_module_sidebar{
        left: -140px;} */

      
        
        

        /* .main_content_shift .main-page-area-new .company_module_sidebar {
            left: -140px;
        }

        .collapse_main_content .main-page-area-new .company_module_sidebar {
            left: -105px;

         }

        .main-content-area .main-page-area-new .company_module_sidebar:hover, .collapse_main_content .main-page-area-new .company_module_sidebar:hover {
            left: 240px;
        } */
    .main-content-area .company_module_sidebar, .collapse_main_content .company_module_sidebar {
        left: -140px;}
    .main-content-area .company_module_sidebar:hover, .collapse_main_content .company_module_sidebar:hover {
        left: 220px;}
    .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
        margin-left: -150px;}
   
    .dataTables_wrapper div.dataTables_info, .pagination .page-item.disabled a { 
        font-size: 0.8rem;
    } 
    .border-box-middle-align { min-height: 50px;}
    .locations-box.withBorder { min-height: auto;}
    .chk-lbl-transparent {
        color: transparent !important;
        display: none;
        padding: 0 !important;
    }

    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 0.65rem;
      }
      ::-moz-placeholder { /* Firefox 19+ */
        font-size: 0.65rem;
      }
      :-ms-input-placeholder { /* IE 10+ */
        font-size: 0.65rem;
      }
      :-moz-placeholder { /* Firefox 18- */
        font-size: 0.65rem;
      }

      .steps-header .page-titles { padding: 0;}

      .dashboard-data-list .data-list-row tfoot th select {
        background-size: 9px 10px;
        padding: 1px 4px 1px 4px;
    }

    .dashboard-data-list .data-list-row table th.main-txt:first-child {
        min-width: auto;
    }
    .dashboard-data-list .data-list-row table th.main-txt.table-action-column{
        min-width: 195px;
    }
   .dashboard-data-list .data-list-row table th.main-txt { 
        min-width: 160px;
    }
  
    /*.dashboard-data-list .data-list-row tfoot th button.clear-filters, .verifiedAndLive  {
        min-width: auto;
    }*/

    .dashboard-data-list .data-list-row table .main-txt .form-select { 
        left: -18px;
        position: relative;
    }

    .dashboard-data-list .data-list-row table#tblEventLocationMaster th.main-txt:nth-child(3) {
        min-width: 100px;
    }
    .add-new-form .facilities-outer-box { 
        padding: 0 0 0 9px; 
    }
    .sidebar.collapse.show .sidebar-menu-list .nav-item .nav-link.collapse[aria-expanded="true"],  .sidebar.collapse.show .sidebar-menu-list .nav-item .nav-link.collapse[aria-expanded="false"] { 
        background-size: 24px; background-position:  right 8px;
    }
    #divProductRevenuedetail .data-table-action-button-container, #divProductYearlyReport  .data-table-action-button-container{
        position: relative;
        width: 100%;
        margin-bottom: 20px;
        left: 0; 
        flex-wrap: wrap;
    }
    .add-new-form  #divProductRevenuedetail input[type="email"], .add-new-form  #divProductYearlyReport input[type="email"] { 
        width: auto;
    }

    #divProductRevenuedetail button {  margin-bottom: 0; }
    div#divProductYearlyReport .send-via-mail {
        display: contents; }

        
}

@media screen and (max-width: 1023px) {
    .steps-header .page-titles { 
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 992px) {

    .dashboard-data-list {
        overflow-y: hidden;
        display: block;
    }

        .dashboard-data-list .data-list-row tbody tr {
            white-space: nowrap;
        }

    .add-new-company-steps {
        position: inherit;
        height: auto;
        padding: 15px 18px 15px 15px;
        box-shadow: 0 0px 7px rgb(168 180 255 / 55%);
        border-radius: 10px;
        margin-bottom: 20px;
    }

        .add-new-company-steps ul {
            display: none;
            margin: 20px 0 20px 15px;
        }

    .add-new-company-steps-list-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .add-new-form .box-lbls-statics {
        /* margin: 0px 0 10px 10px; */
        margin: 5px 0 10px 10px;
    }

    .add-new-form .facilities-outer-box {
        margin: 0 0 0px 0;
        padding: 0px 0 0 11px;
    }

    .companyMobileMenu {
        display: block;
    }

    .dashboard-data-list {
        padding: 0
    }

    .main-page-area.company-page .container-fluid {
        padding: 0;
    }

    .company-page .row {
        margin: 0;
        display: block;
    }

    .form-box {
        width: 100%;
    }

    .login-page {
        background: #1A2B56 url(../images/login-bg.png) no-repeat;
        background-position: -450px -10px;
        background-size: cover;
    }

    .add-new-form button {
    }

    .modal-dialog {
        max-width: auto;
    }

        .modal-dialog .modal-content {
            width: 100% !important;
        }

    .modal-footer button.btn-primary {
        margin-bottom: 0;
    }

    .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
        margin-bottom: 0;
    }

    .add-new-form .facilities-outer-box input[type="radio"]:checked ~ .facilities-inner-box {
        width: auto;
    }

    .add-new-form .facilities-inner-box {
        width: auto;
    }

    .add-new-form .locations-box, .add-new-admin-pic {
        margin-top: 10px;
        /* padding-left: 5px; */
        padding: 0 10px;
    }

    .header-add-new a, .header-delete-btn a {
        font-size: 13px;
        padding: 10px 5px 10px 12px;
        line-height: 14px;
        white-space: nowrap;
        justify-content: center;
    }

    .header-add-new, .header-delete-btn {
        /* min-width: 130px; */
        /* min-width: 165px;  */
        min-width: 240px; 
        display: inline-table;
    }

    .admin-listing-page .header-add-new, .admin-listing-page .header-delete-btn {

        display: flex;
        width: auto !important;
        min-width: auto;
        justify-content: left;
        align-items: flex-start;
     }

    .mob-btn .header-add-new, .mob-btn .header-delete-btn { 
        min-width: 220px;  
    }

    .change-password-page .add-new-form h2,
    .change-password-page .add-new-form p {
        margin-left: 15px;
    }

    .change-password-page .add-new-form {
        padding: 20px 20px 10px 20px;
        background: #edefff;
        margin-left: -10px;
        border-radius: 15px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .change-password-image img {
        max-width: 100%;
    }

    .frm-fields-box.strip-status-box .strip-status-red {
        font-size: 16px;
    }

    .dashboard_srch_look .frm-fields-box {
        width: 100%;
    }

    .dashboard_srch_look {
        flex-direction: column;
        align-items: flex-start;
    }
    .add-new-form .form-submit-box { padding-left: 0;}
    .main-white-box { padding: 15px; padding-top: 0;}
    .setnavToggle {
        padding-left: 0;
    }

    #generalsettingmaster .tabs {  display: contents; }
    #generalsettingmaster .mob-mt {  margin-top: 40px; }
    .locations-box.withBorder { 
        /* width: max-content; */
        width: 100%;
    }
    form#productmaster .locations-box.withBorder , form#categorymaster .locations-box.withBorder {
        width: 100%;
    }

    form#categorymaster .form-submit-box button { width: auto; }
    .steps-header .page-titles-right, .steps-header .page-titles { font-size: 14px;}
    .email_tabs_area_content ul li {  font-size: 12px;  gap: 15px; margin-bottom: 0; }
    .email_tabs_area_content ul li h5 { font-size: 12px; }
    .email_tabs_area_content ul { grid-gap: 10px; row-gap: 5px; display: flex; flex-direction: column; }
    .email_tabs_area_content span { margin-bottom: 0.5rem; }
    .cstm-modal { z-index: 999999;}

    .sidebar-menu-list .nav-item .nav-link.collapse[aria-expanded="false"] { 
        background-position: 96% 3px;  
    }
    .sidebar-menu-list .nav-item .nav-link.collapse[aria-expanded="true"] {
        background-position: right 3px;
        background-position: 96% 3px;
    }
    button#btnExcel, .add-new-form form#purchaseReportByNameform button#submitData, .add-new-form form#productRevenueReportForm button#submitData, #productAccountRevenueReport button#submitData, #ProductYearyReportForm button#submitData { width: auto; }
    #divProductYearlyReport .data-table-action-button-container { position: relative; }

    form#ContactReport button#exportToCSV, #redemption-report button#submitData, #update-product-receipt-paymentReport button#btnRunReport , form#emailtemplatemaster .form-submit-box button { width:  auto;}
    .purchaseProduct thead th:first-child  { min-width: 270px;}
    .purchaseProduct thead th:nth-child(2) { min-width: 150px;}
    .purchaseProduct tbody td:nth-child(2) { display: flex; column-gap: 5px;}
    .new-addNewRowtable thead th:nth-child(2) { min-width: 150px; }
    .new-addNewRowtable thead th { min-width: 100px; }
    .new-addNewRowtable table tbody tr td:last-child { display: flex; }
    .add-new-form .main-white-box h2.steps-header span { display: contents; margin-left: auto; }
    form.doctemp-form button { width: auto;}
    button#btnOtherDoc, button#btnPrintableProduct, button#btnProductReceipt, button#btnPrintableProduct { margin-top: 0rem; }
    #PrintableProductTemplateFileCustomError, #OtherDocTemplateFileCustomError, #ProductReceiptTemplateFileCustomError { margin-bottom: 1rem; display: block;}
    .mob-margin { margin-left: -15px !important; margin-right: -15px !important; }
}

@media (min-width: 799px) and (max-width:800px) {
    .steps-header .page-titles {
        padding-bottom: 10px !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    .login-page {
        background: #1A2B56 url(../images/login-bg.png) no-repeat;
        background-position: -450px -10px;
        background-size: cover;
    }

        .login-page .form-box {
            width: 100%;
            margin: 0 auto;
        }

        .login-page .login-box {
            padding: 0 0;
        }

        .login-page .frm-fields label {
            font-size: 14px;
        }

        .login-page button {
            font-size: 17px;
        }

    .login-logo {
        margin-bottom: 50px;
    }

        .login-logo img {
            width: 110px;
        }

    .navbar-toggler.d-md-none {
        display: block !important;
    }

    .ms-sm-auto {
        flex: auto;
        height: 100vh;
        overflow-y: auto !important;
    }

    .dashboard-data-list {
        padding: 8px 0px;
        height: auto;
    }

    /* .sidebar {
        position: relative;
        height: 100vh;
        margin-left: -275px;
        transition: all 50ms linear 200ms;
        display: block;
    } */

    .sidebar {
        /* z-index: 999999; */
        z-index: 999;
    }

    .collapse {
        transition: all linear 200ms;
        /* left: -304px; */
        width: 0px;
        overflow: hidden;
    }

        .collapse.show {
            transition: all linear 200ms;
            /* left: 0px; */
            /* width: 306px; */
            width: 100%;
            min-width: 260px;
            overflow: hidden;
        }

    .collapsing.collapse-horizontal {
        transition: all linear 200ms;
    }

    .sidebar .nav-item {
        /* width: 300px;  */ width: auto;
    }



    .responsiveNavigation {
        flex-wrap: inherit;
    }

    .collapse.ms-sm-auto {
        width: 75%;
    }

    .flex-md-nowrap {
        padding-right: 15px;
    }

    header .page-titles {
        /* padding-left: 15px; */
        padding-left: 0px;
    }

    header .navbar-nav {
        padding: 0 15px 0 0;
    }

    header .header-add-new a {
        padding: 8px 10px 8px 15px;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 20vw !important;
    }

    .dashboard-data-list .data-list-row tbody tr {
        white-space: nowrap;
    }

    .dashboard-data-list .data-list-row table .main-txt .form-select {
        /* margin-right: 45px; */ /* left: -12px; */
        width: 100% !important;
        margin-right: 0;
        position: relative;
        left:-17px;
    }

    .dashboard-data-list .data-list-row table td.sorting_1 .form-select { 
        width: 100px !important;
    }

     .dashboard-data-list .data-list-row table#tblEventTypeMaster th.main-txt:nth-child(3) {
        min-width: 100px;
    }

    .dataTables_wrapper .col-sm-6 {
        width: auto;
    }

    .dataTables_wrapper .row:first-child {
        display: flex;
        justify-content: space-between;
    }

    .frm-fields-box .bootstrap-tagsinput {
        height: auto;
    }

    .add-new-form button {
        /* width: 100%; */
        width: auto;
        padding: 5px 10px;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .closButton .clearInput {
        line-height: 0px;
        font-size: 13px;
        top: 28px;
        height: 25px;
        width: 23px;
        margin-bottom: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .main-page-area {
        padding: 4px 0 4px 0; 
    }

    /* .main-content-area .company_module_sidebar, .collapse_main_content .company_module_sidebar {  left: -96px; } */
    /* .main_content_shift .company_module_sidebar, .collapse_main_content .company_module_sidebar { 
       
        left: -96px;
    } */
    .main_content_shift .company_module_sidebar:hover, .collapse_main_content .company_module_sidebar:hover { 
        left: 295px;
    }
    .add-new-company-steps::after { top: 30px;right: -28px; }

    .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
            margin-left: -200px;
        }
        .main-content-area .main-page-area .company_module_sidebar .add-new-company-steps {
            margin-left: 5px;
        }
        /* .main-content-area .company_module_sidebar:hover {
            left: 230px;
         } */

         #ProductPurchaseForm .main-white-box {
            min-height: auto;
        }
        #divProductAccountRevenueReport .data-table-action-button-container {
            left:50%;
        }
        .newBlueHeaderButton span { 
            margin-left: inherit;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: flex-start;
        }
        .newBlueHeaderButton input[type='button'] { margin-left: inherit; }

        .add-new-form .main-white-box h2.steps-header {
         
            display: flex;
            align-items: center;
            height: auto;
            flex-wrap: wrap;
            justify-content: space-between;
            /* flex-direction: column; */
            row-gap: 10px;
        }
}

@media (min-width: 800px) and (max-width:830px) {
    .main_content_shift .company_module_sidebar, .collapse_main_content .company_module_sidebar {        left: -160px;}
    }

@media screen and (max-width: 768px) {
    .navbar {
        flex-wrap: nowrap;
        padding: 10px 10px !important;
    }

    .navbar-toggler-icon {
        background: url(../images/burger-bar.png) no-repeat;
        background-size: 100%;
    }

    header .navbar-nav {
        padding: 0;
        margin: 0 10px 0 0px;
        width: 85%;
    }

    header .page-titles {
        padding: 10px 0 9px 0px;
        font-size: 14px;
    }

    header .header-add-new a {
        padding: 10px 5px 10px 13px;
        font-size: 11px;
    }

    .sidebar-menu-list {
        height: 100vh;
        padding: 60px 0 0 0;
    }

    .navbar-brand {
        margin-bottom: 0;
        width: 300px;
    }

    .sidebar-logout {
        padding: 10px 15px 8px 15px;
        display: flex;
    }

        .sidebar-logout .user-profile-pic {
            width: 60px;
            height: fit-content;
            position: relative;
            left: 0;
            transform: inherit;
            top: 0px;
            background: transparent;
        }

    .navbar {
        /* flex-wrap: nowrap; */
        flex-wrap: wrap !important;
    }

    .dashboard-data-list .data-list-row table td:nth-child(2) {
        /* padding: 15px 0 15px 0; */
        padding: 15px 15px;
    }

    .login-page .login-box {
        padding: 0 20px;
    }

    .login-logo img {
        width: 110px;
    }

    .login-page .frm-fields label {
        font-size: 15px;
    }

    .login-page .frm-fields input[type="text"], .login-page .frm-fields input[type="email"], .login-page .frm-fields input[type="password"] {
        font-size: 16px;
    }

    .select2-container {
        margin: 0 0 0 0 !important;
        width: 100% !important;
    }

    #previewModal .btn-close {
        width: 20px;
        height: 20px;
        font-size: 33px;
        top: 6px;
        right: 6px;
    }

        #previewModal .btn-close span {
            font-size: 38px;
        }

    .banner-image-gallery-model .carousel-control-prev {
        left: 10px;
    }

    .banner-image-gallery-model .carousel-control-next {
        right: 10px;
    }

    .banner-image-gallery-model .carousel-control-prev-icon, .banner-image-gallery-model .carousel-control-next-icon {
        width: 15px;
        height: 30px;
    }

    .banner-image-gallery-model .carousel-control-prev-icon, .banner-image-gallery-model .carousel-control-next-icon {
        width: 15px;
        height: 30px;
    }

    .btnfileDeleteFromModal {
        min-width: 40px;
        background-size: 21px;
        height: 43px;
    }

    .banner-image-gallery-model .carousel-control-prev, .banner-image-gallery-model .carousel-control-next {
        width: 30px;
        height: 30px;
    }

    .sidebar .nav-link {
        font-size: 16px;
    }

    .sidebar-logout .account-settings {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 18px;
    }

    .sidebar-profile-update {
        position: absolute;
        top: 8px;
        right: -84vw;
    }

    .frm-fields-box {
        margin: 10px 10px 5px 0px;
    }

        .frm-fields-box.set-location-box {
            margin-top: 20px;
        }

    .add-new-form .form-submit-box {
        margin: 0px 0 0 0;
    }

    .add-new-form .form-submit-box button {
        width: auto;
    }

    .sidebar .nav-link {
        font-size: 16px;
    }

    .add-new-form .checked-icon {
        margin: 0 0px 0 0;
    }

    .new-addNewRowtable button {
        width: auto;
        font-size: 16px;
    }
}

@media screen and (max-width: 479px) {
    .sidebar-profile-update {
        right: -78vw;
    }

    .frm-fields-box {
        margin: 0px 10px 10px 10px;
    }
}