/* table {
    border-bottom: 1px solid #111 !important;
}

table thead th, table thead td {
    border-bottom: 1px solid #111 !important;
} */
#main-content {
    /* margin-left: 0px !important; */
    /* height: calc(100vh - 100px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important; */
}

.mb_15px {
    margin-bottom: 15px !important;
}

.dataTables_length label>select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url(https://dash.iwantthatdoor.com/download.svg);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
}

.w-100 {
    width: 100%;
}

.d-flex {
    display: inline-flex !important;
}

.align-items-center {
    align-items: center;
}

.justify-content-between {
    justify-content: space-between;
}

.modal-dialog {
    margin: 10px auto !important;
}

#sidebar {
    z-index: 999 !important;
    box-sizing: border-box !important;
}

.header {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 10px 15px !important;
    width: calc(100% - 210px) !important;
}

.table_responsive,
.table_responsive table {
    width: 100%;
    overflow: auto !important;
}

.table_responsive table,
.table_responsive>.fc-content {
    min-width: 1600px !important;
    width: 100% !important;
}

.table_responsive_main,
.table_responsive_main>table {
    width: 100%;
    overflow: auto !important;
}

.table_responsive_main>table {
    min-width: 1600px !important;
    width: 100% !important;
}

.table_responsive.full_width_table,
.table_responsive.full_width_table>div {
    width: 100% !important;
    overflow: auto !important;
}

.table_responsive.full_width_table table,
.table_responsive.full_width_table>.fc-content {
    min-width: 2000px !important;
    width: 100% !important;
}

.cancel_table_responsive {
    margin-top: 30px;
    display: inline-block;
}

.sidebar-closed .header {
    left: 0 !important;
    width: 100% !important;
}

.icon-closed {
    margin: 0px 10px !important;
}

.sidebar-closed .icon-closed.fa-angle-right:before {
    content: "\f105" !important;
}

.sidebar-closed .icon-closed.fa-angle-left:before {
    content: "\f105" !important;
}

.icon-opened {
    margin: 0px 190px !important;
}

.sidebar-opened .icon-opened.fa-angle-left:before {
    content: "\f104" !important;
}

.sidebar-opened .header {
    left: 210px !important;
    width: calc(100% - 210px) !important;
}

.sidebar-opened section#main-content {
    margin-left: 210px !important;
}

.sidebar-opened div#sidebar {
    margin-left: 0 !important;
}

.sidebar-closed div#sidebar {
    margin-left: -210px !important;
}

#main-content {
    min-height: calc(100vh - 39px);
}

ul.top-menu>li>.logout {
    margin: 0 !important;
}

ul.top-menu>.notify-row {
    margin: 0 !important;
}

.nav.pull-right.top-menu {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    /* gap: 2px !important; */

}

.nav.pull-right.top-menu:before,
.nav.pull-right.top-menu:after {
    display: none !important;
}

.switch {
    margin-bottom: 0 !important;
    margin-left: 70px;
}

.pull-right.top-menu form.form-inline {
    display: inline-flex;
    gap: 10px;
    width: 100%;
    margin: 0;
}

.pull-right.top-menu form.form-inline .form-group, .pull-right.top-menu form.form-inline .form-group input {
    margin: 0 !important;
    width: 100%;
}

.dataTables_wrapper .dataTables_info {
    position: sticky !important;
    left: 0 !important;
}

.dataTables_wrapper .dataTables_paginate {
    position: sticky !important;
    right: 0 !important;
}

.dataTables_wrapper .dataTables_length {
    position: sticky !important;
    left: 0 !important;
    padding: 0 10px !important;
}

.dataTables_wrapper .dataTables_filter {
    padding: 0 10px !important;
}

.sidebar-toggle-box {
    margin: 0 !important;
}

.wrapper {
    margin-top: 80px !important;
}

.site-footer {
    background: #5a446b !important;
    width: calc(100% - 210px) !important;
    margin-left: 210px;
}

.sidebar-closed .site-footer {
    margin-left: 0 !important;
    width: 100% !important;
}

.deletedorders_form {
    width: 100%;
    display: inline-flex;
    align-items: center;
}

.form-inline.client_list_form {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

div#top_menu {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.showback {
    width: 100% !important;
    padding-bottom: 20px !important;
}

.new_filter_main {
    width: 100%;
    gap: 15px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.commissionlist_form {
    gap: 20px !important;
    display: flex;
    flex-wrap: wrap;
}

.team_calendar_filter_main {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px !important;
    margin-bottom: 10px;
}

.stockdoors_filter_main {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px !important;
    margin-bottom: 10px;
}

.stockdoors_filter_main select, .stockdoors_filter_main button {
    width: calc(20% - 8px) !important;
}

.sold_items_report_lead_source svg {
    width: 100% !important;
    height: auto !important;
}

.dropdown-menu.inbox li a .subject .from {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 110px;
    width: 100%;
    display: inline-block;
}

.dropdown-menu.inbox li a .message {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
}

.resource_planning_filter ul {
    gap: 10px !important;
    display: flex;
    flex-wrap: wrap;
}

.resource_planning_filter ul:before {
    display: none !important;
}

.resource_planning_filter li .nav_el_pos_dynamic_search {
    padding-top: 0 !important;
}

.roundedFixedBtn {
    z-index: 99 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

#left-icon {
    z-index: 999 !important;
}

#hidden-table-info-unapproved-ordres_wrapper .dataTables_length {
    width: auto !important;
}

#hidden-table-info-unapproved-ordres_wrapper .dataTables_filter {
    width: 100% !important;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px !important;
    flex-wrap: wrap;
}

#hidden-table-info-unapproved-ordres_wrapper .dataTables_filter label {
    width: 30% !important;
    display: inline-flex;
    align-items: center;
    margin: 0 !important;
}

#hidden-table-info-unapproved-ordres_wrapper .dataTables_filter label input {
    width: 100%;
}

#hidden-table-info-unapproved-ordres_wrapper .dataTables_filter select {
    width: 22% !important;
    margin: 0 !important;
}

#hidden-table-info-unapproved-ordres span.badge.bg-warrning {
    width: 100%;
    white-space: break-spaces;
}

.modal {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.calendar_map_form {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 10px;
}

.color_text.calendar_map_field {
    margin: 0;
}

.calendar_map_field.d-flex {
    display: flex !important;
}

.calendar_map_field.d-flex input {
    width: 100px !important;
}

.input-group-addon {
    display: inline-block;
    width: auto;
    display: flex !important;
    align-items: center !important;
}

.input-group.input-large {
    display: flex;
}

#sold_items_report_lead_source svg, #sold_items_report_contact_method svg, #sold_items_report_office_location svg {
    /* width: auto !important;
    height: auto !important; */
    transform: scale(0.8) translateX(-10%);
}

/* .table_responsive>table .SO_filter_column_select {
    position: unset !important;
} */

.sold_items_report_wrapper {
    overflow: hidden;
}

form#sold_items_report_form {
    display: inline-block;
    width: 100%;
}

.fc-header {
    margin: 0 !important;
}

.fc-button {
    top: 0 !important;
    margin: 0 !important;
}

.fc-header-right {
    position: absolute;
    top: -35px !important;
    right: 12px !important;
    left: inherit !important;
    width: auto !important;
}

.fc-header-left {
    position: absolute;
    top: -35px !important;
    left: 12px !important;
    right: inherit !important;
    width: auto !important;
}

.marketing_reports_form {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
}

.marketing_reports_form button {
    margin: 0 !important;
}

.marketing_reports_form .input-group.input-large {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
}

.marketing_reports_form .d-flex {
    display: flex;
}

.stock_door_check {
    gap: 10px !important;
}

.table_responsive .dataTables_length, .table_responsive .dataTables_filter, .dataTables_filter {
    width: auto !important;
}

.table_responsive.custom_door_with_pending_drawing div#hidden-table-info-unapproved-ordres_filter.dataTables_filter {
    width: auto !important;
}

.lead_monthly_table .form-inline {
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
    align-items: flex-end;
}

.cash_report_filter {
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
    align-items: flex-end;
}

.cash_report_filter>div {
    display: flex;
    flex-direction: column;
}

.cash_report_filter>div .d-flex {
    gap: 10px;
}

div#morris-bar-chart svg {
    width: 100% !important;
}

.time_tracker_filter {
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

.select_list_main:after,
.select_list_main:before {
    display: none;
}

.select_list_main {
    width: 100%;
    display: inline-flex;
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
}

.list_part_blog {
    width: 100px;
    margin: 1%;
}

.parts_list_search form {
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
    text-align: right;
    gap: 10px;
}

.parts_list_search form div {
    margin: 0;
}

.wrought_iron_door_form {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
}

.wrought_iron_door_form .form-group {
    margin: 0 !important;
}

img#pre_img {
    width: 100% !important;
    object-fit: contain;
}

.products_blog_list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.products_blog_list:after, .products_blog_list:before {
    display: none !important;
}

.products_blog_list .pro_blog_main {
    margin-bottom: 15px !important;
}

.pro_blog_main {
    width: calc(16.6% - 1%);
    margin: 0.5%;
}

.products_blog_list a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.products_blog_list .flip-box {
    height: 100% !important;
}

.products_blog_list .flip-box .flip-box-inner {
    padding-bottom: 45px;
}

.products_blog_list .flip-box-front h3, .products_blog_list .flip-box-back h3 {
    margin-top: 10px !important;
    margin-bottom: 20px;
}

.scheduled_table_btn {
    display: flex;
    gap: 10px;
}

.scheduled_table_btn a {
    margin: 0 !important;
}

#form_add_edit_parts_receive_LivInv .cards .item .image,
#form_add_edit_parts_receive_LivInv .cards .item .image img {
    width: 100%;
    object-fit: contain;
}

div#hidden-table-info-unmade-orders_wrapper tbody td span {
    white-space: normal !important;
}

.home_top_filter {
    display: inline-flex;
    align-items: flex-start;
}

.home_top_filter>div {
    width: 50%;
    gap: 10px;
    align-items: flex-start;
}

#table_thead_show .dataTables_scrollBody thead {
    position: sticky;
    top: 0;
    background: #fff;
}

#table_thead_show .dataTables_scrollHead {
    display: none !important;
}

#table_thead_show .dataTables_scrollBody thead th {
    border-left: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
    border-top: 1px solid #000 !important;
    vertical-align: bottom !important;
}

#table_thead_show .dataTables_scrollBody thead th .dataTables_sizing {
    height: auto !important;
    overflow: unset !important;
}

#table_thead_show .dataTables_scrollBody thead tr:last-child th {
    border-top: none !important;
}

tr.even td.sorting_1 {
    background-color: transparent;
}

.purple-bg {
    background: #8685AC !important;
    border-bottom: 1px solid #8685AC !important;
}

.panel-footer.categoryHeader {
    align-items: center;
    display: flex;
    text-align: center;
    margin: auto;
    justify-content: center;
    
height:100%;
max-height:70px;
min-height:70px;
}

.margin-pro {
    margin-top: 20px I !important;
}

.view_all_leads_section {
    width: auto !important;
}

.be_report_heading {
    padding: 0 15px !important;
}

.activity_history_btn {
    width: 100% !important;
    display: inline-flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
}

.row.select_list_main .list_part_blog {
    width: 100%;
    margin: 1% 8px;
    max-width: 124PX;
}

.btn_grp a {
    white-space: unset !important;
}

div#div_signature table, div#div_signature table thead th, div#div_signature table thead td {
    border: none !important;
}

.link_url_main a {
    word-break: break-all !important;
}

.all_online_orders_cahrt svg {
    width: 100% !important;
}

.dataTables_wrapper .dataTables_info {
    width: auto !important;
}

.select_position_main span.select2 {
    width: 100% !important;
}

/* ==== Media Query Start ==== */

@media (min-width: 769px) {

    .mobile_menu_toggle {
        display: none !important;
    }

}

@media (min-width: 993px) {

    .mobile_menu_main {
        display: none !important;
    }

    .categoryHeader {
        font-size: 14px;
    }
}

@media (max-width: 1600px) {
    .line {
        visibility: hidden;
    }

    table.dataTable thead th, table.dataTable thead td {
        padding: 10px !important;
    }

    .table_responsive,
    .table_responsive>div {
        width: 100% !important;
        overflow: auto !important;
    }

    .table_responsive.full_width_table table,
    .table_responsive.full_width_table>.fc-content {
        min-width: 2000px !important;
        width: 100% !important;
    }

    .table_responsive table,
    .table_responsive>.fc-content {
        min-width: 1600px !important;
        width: 100% !important;
    }

    .table_responsive>.fc-content {
        margin-top: 0 !important;
    }

    .table_responsive div::-webkit-scrollbar {
        width: 6px !important;
        height: 6px !important;
    }

    .table_responsive div::-webkit-scrollbar-track {
        border-radius: 10px !important;
    }

    .table_responsive div::-webkit-scrollbar-thumb {
        background: #909090 !important;
        border-radius: 10px !important;
    }

    .switch {
        margin-left: 70px;
    }

    .flip-box-front {
        padding: 0 15px;
    }

    .flip-box-front h3, .flip-box-back h3 {
        font-size: 20px;
    }

    .flip-box {
        height: 160px;
    }

    #sold_items_report_lead_source svg, #sold_items_report_contact_method svg, #sold_items_report_office_location svg {
        transform: scale(0.7) translateX(-20%);
    }

}

@media (max-width: 1480px) {

    #sold_items_report_lead_source svg, #sold_items_report_contact_method svg, #sold_items_report_office_location svg {
        transform: scale(0.6) translateX(-25%);
    }

}

@media (max-width: 1300px) {

    #sold_items_report_lead_source svg, #sold_items_report_contact_method svg, #sold_items_report_office_location svg {
        transform: scale(0.6) translateX(-35%);
    }

    .row.select_list_main .list_part_blog {
        margin: 1% 5px;
    }

}

@media (max-width: 1250px) {

    form#addEventForm .form-group,
    form#addEventForm .form-group input#calendarTime {
        width: calc(50vw - 100px) !important;
    }

    .row.select_list_main .list_part_blog {
        width: 100%;
        margin: 1% 8px;
        max-width: 135PX;
    }

    .filter-card-block {
        flex-wrap: wrap;
        justify-content: center;
    }

    .filter-card-panel {
        width: 23%;
        flex: inherit !important;
        margin: 10px 1% !important;
    }

    .search_box_main {
        margin-top: 6px !important;
        width: 100%;
        display: inline-flex;
        align-items: center;
        flex-direction: row-reverse;
        gap: 10px;
    }

    .search_box_main button {
        margin: 0 !important;
    }

    .roundedFixedBtn {
        height: 50px !important;
        width: 50px !important;
        font-size: 26px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: space-around !important;
    }

    .new_filter_main {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .new_filter_main select {
        max-width: 280px;
    }

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

    .footer p {
        padding: 0 !important;
    }

    .footer table tr td {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .footer table tr td a {
        font-size: 15px !important;
    }

    .login_from_wrapper {
        background-size: cover !important;
        background-position: center !important;
    }

    .flip-box {
        height: 140px;
    }

    .flip-box-front h3, .flip-box-back h3 {
        font-size: 18px;
    }

    #addEventForm .modal-body label {
        width: 100% !important;
    }

    #sold_items_report_lead_source svg, #sold_items_report_contact_method svg, #sold_items_report_office_location svg {
        transform: scale(0.55) translateX(-40%);
    }

    .pro_blog_main {
        width: calc(25% - 1%);
        margin: 0.5%;
    }

    #form_add_edit_parts_receive_LivInv .cards .item .workAreaQTY .row>div {
        flex-direction: column;
        display: flex;
    }

}

@media (max-width: 1200px) {
    .row.select_list_main {
        flex-wrap: wrap;
    }

    .fc-header-left, .fc-header-right {
        top: -35px !important;
    }

    .fc-header-right .fc-button, .fc-header-left .fc-button {
        top: 0 !important;
    }

    #sold_items_report_lead_source svg, #sold_items_report_contact_method svg, #sold_items_report_office_location svg {
        transform: scale(0.5) translateX(-45%);
    }

    .home_filter {
        margin-top: 10px !important;
    }

    .btn_grp.button_group {
        display: none !important;
    }

}

@media (max-width: 1100px) {

    .flip-box-front h3, .flip-box-back h3 {
        font-size: 15px;
    }

    #sold_items_report_lead_source svg, #sold_items_report_contact_method svg, #sold_items_report_office_location svg {
        transform: scale(0.45) translateX(-55%);
    }

    .categoryHeader {
        font-size: 14px;
        ;
    }

    .showback .panel-body svg {
        width: 25px;
        height: 30px;
    }

    .row.select_list_main .list_part_blog {
        max-width: 150px;
    }
}

@media (max-width: 1024px) {

    div#sidebar {
        /* height: 100vh !important; */
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .wrapper_mobile, .showback.wrapper_mobile {
        max-width: 100% !important;
    }

    .table_responsive_mobile_view {
        width: 100%;
        overflow: auto !important;
    }

    .table_responsive_mobile_view table {
        min-width: 1600px !important;
        width: 100% !important;
    }

    .pending_shipping_list_mobile .showback {
        width: 100% !important;
    }
}

@media (max-width: 992px) {

    .fc-header-left {
        top: 5px !important;
        left: 10px !important;
    }

    td.fc-header-center {
        padding-top: 40px !important;
    }

    .fc-header-right {
        top: 5px !important;
        right: 10px !important;
    }

    form#addEventForm .form-group,
    form#addEventForm .form-group input#calendarTime {
        width: calc(100vw - 100px) !important;
    }

    .sidebar-close.sidebar-opened .header {
        left: 0 !important;
        width: 100% !important;
    }

    .stockdoors_filter_main select {
        width: calc(25% - 8px) !important;
    }


    .stockdoors_filter_main button {
        width: calc(20% - 8px) !important;
    }

    #sidebar {
        margin-left: 0% !important;
    }

    .sidebar-closed div#sidebar {
        margin-left: -110% !important;
    }

    .header {
        justify-content: space-between !important;
    }

    .sidebar-closed .header {
        left: 0 !important;
    }

    .sidebar-closed #main-content {
        margin-left: 0 !important;
    }

    .filter-card-block {
        justify-content: center;
    }

    .filter-card-panel {
        width: 31%;
        margin: 10px 1% !important;
    }

    form#date_filter {
        width: 100%;
        display: inline-flex;
        align-items: center;
        gap: 10px !important;
    }

    form#date_filter button {
        margin: 0 !important;
    }

    #left-icon {
        display: none !important;
    }

    .wrapper .pull-right {
        width: 100%;
        text-align: right;
    }

    .form-inline.client_list_form .form-group, .form-inline.client_list_form button {
        margin-bottom: 0 !important;
    }

    .form-inline.client_list_form {
        width: 100%;
    }

    .team_calendar_filter_main .color_text {
        width: calc(25% - 13px) !important;
        margin-left: 0 !important;
    }

    .pull-right .color_text {
        margin-left: 0 !important;
    }

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

    .calendar_map_form {
        flex-wrap: wrap;
    }

    .calendar_map_form .calendar_map_field {
        width: calc(25% - 8px);
    }

    .calendar_map_form .calendar_map_field.d-flex, .calendar_map_form .color_text.calendar_map_field {
        width: auto;
    }

    img#pre_img {
        width: 100%;
        object-fit: contain;
    }

    .pro_blog_main {
        width: calc(33.33% - 2%);
        margin: 1%;
    }

    .table_responsive_tab, .table_responsive_main_tab {
        width: 100%;
        overflow: auto;
    }

    .table_responsive_tab table, .table_responsive_main_tab>table {
        min-width: 1000px;
        width: 100%;
    }

    .row.select_list_main .list_part_blog {
        max-width: 200px;
        margin: 1%;
    }

    .showback .panel-body svg {
        width: 30px;
    }

    .contact_details {
        margin-right: 0 !important;
    }
}

@media (max-width: 991px) {

    .marquee_class {
        display: none !important;
    }

    form#sold_items_report_form .col-md-4 {
        margin-top: 20px;
    }

    #sold_items_report_lead_source svg, #sold_items_report_contact_method svg, #sold_items_report_office_location svg {
        transform: scale(1) translateX(0%);
    }

    .form-inline.wrought_iron_door_form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

}

@media (max-width: 892px) {

    .marquee_class {
        display: none !important;
    }

    div#top_menu {
        margin: 0 !important;
    }


    .slider:before {
        height: 20px !important;
        width: 20px !important;
    }

    .switch {
        width: 45px !important;
        height: 27px !important;
        margin-left: 60px !important;
    }

    input:checked+.slider:before {
        -webkit-transform: translateX(18px) !important;
        -ms-transform: translateX(18px) !important;
        transform: translateX(18px) !important;
    }

    .on, .off {
        right: unset !important;
        left: unset !important;
        transform: translate(-102%, -50%) !important;
    }

}

@media (max-width: 768px) {

    .marquee_class {
        display: none !important;
    }

    .sidebar-opened section#main-content {
        margin-left: 0px !important;
    }

    .line {
        visibility: visible;
    }

    .stockdoors_filter_main select {
        width: calc(50% - 5px) !important;
    }

    .stockdoors_filter_main button {
        width: auto !important;
    }

    #hidden-table-info-unapproved-ordres_wrapper .dataTables_filter label {
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    #hidden-table-info-unapproved-ordres_wrapper .dataTables_filter label input {
        width: 100%;
    }

    #hidden-table-info-unapproved-ordres_wrapper .dataTables_filter select {
        width: 31% !important;
    }

    .sidebar-opened .header, .header {
        position: sticky !important;
        top: 0 !important;
        width: 100% !important;
        left: 0 !important;
        display: block !important;
    }

    .commissionlist_form .btn {
        margin: 0 !important;
    }

    .mobile_menu_main {
        display: none !important;
    }

    .wrapper {
        margin-top: 30px !important;
    }

    .top-menu {
        display: inline-block;
        width: 100%;
    }

    .nav.pull-right.top-menu:before, .nav.pull-right.top-menu:after {
        display: none !important;
    }

    .nav.pull-left.top-menu {
        display: none !important;
    }

    .nav.pull-right.top-menu {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
    }

    .nav.pull-right.top-menu li:first-child {
        order: 1;
    }

    .nav.pull-right.top-menu li:nth-child(2) {
        order: 2;
    }

    .nav.pull-right.top-menu li:nth-child(3) {
        order: 6;
        /* width: 100% !important; */
    }

    .nav.pull-right.top-menu li:nth-child(4) {
        order: 3;
    }

    .nav.pull-right.top-menu li:nth-child(5) {
        order: 4;
    }

    .nav.pull-right.top-menu li:last-child {
        order: 5;
    }

    .add_lead_header .nav.pull-right.top-menu li:first-child {
        order: 1;
    }

    .add_lead_header .nav.pull-right.top-menu li:nth-child(2) {
        order: 2;
    }

    .add_lead_header .nav.pull-right.top-menu li:nth-child(3) {
        order: 2;
        width: auto !important;
    }

    .add_lead_header .nav.pull-right.top-menu li:nth-child(4) {
        order: 5;
        width: 100% !important;
    }

    .add_lead_header .nav.pull-right.top-menu li:nth-child(5) {
        order: 3;
    }

    .add_lead_header .nav.pull-right.top-menu li:last-child {
        order: 4;
    }

    .new_filter_main {
        gap: 10px;
    }

    .new_filter_main select {
        width: 100%;
        max-width: 48%;
    }

    .site-footer {
        width: 100% !important;
        margin-left: 0 !important;
    }

}

@media (max-width: 767px) {

    /* .sidebar-closed div#sidebar {
        display: none;
    }

    .sidebar-opened div#sidebar {
        display: block;
    } */
    .select_state_main {
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
    }

    .select_position_main {
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }

    .table_responsive_mobile, .table_responsive_main_mobile {
        width: 100%;
        overflow: auto;
    }

    .table_responsive_mobile table, .table_responsive_main_mobile table {
        min-width: 400px;
        width: 100%;
    }

    .row.select_list_main .list_part_blog {
        max-width: 480px;
    }

    .mobile_full_w_100 {
        width: 100% !important;
    }

    .margin_bottom_10 {
        margin-bottom: 10px;
    }

    .line {
        visibility: visible;
    }

    .banner_text {
        padding: 40px 14px !important;
    }

    .banner_text p {
        margin: 0 !important;
    }

    .login_form_img {
        padding: 30px !important;
        height: inherit !important;
        min-height: inherit !important;
    }

    .login_form_img .login-wrap p,
    .login_form_img .login-wrap {
        padding: 0 !important;
        margin: 0 !important;
    }

    .login_form_img h2.form-login-heading {
        padding: 0 !important;
    }

    .login_form_img .form-login {
        width: 100%;
        max-width: inherit !important;
    }

    .login_form_container {
        width: 100%;
        padding: 0 20px;
    }

    .filter-card-panel {
        width: 48%;
    }

    form#date_filter {
        gap: 0 !important;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    form#date_filter button {
        margin-top: 10px !important;
        width: 48% !important;
    }

    form#date_filter .input-group, .search_box_main span {
        width: 100% !important;
    }

    .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_info {
        width: 100% !important;
        left: 0 !important;
    }

    #data_table_my_leads_list_filter,
    #data_table_my_leads_list_length {
        display: inline-block !important;
        margin-top: 10px !important;
        padding: 0 15px !important;
        width: 50% !important;
    }

    .new_filter_main .input-group,
    .new_filter_main center {
        width: 100%;
        display: inline-flex;
    }

    .new_filter_main .input-group-addon {
        padding: 6px;
        width: auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .dataTables_wrapper .dataTables_length label {
        width: 100%;
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }

    .locationTypeClass {
        margin-top: 0 !important;
    }

    .team_calendar_filter_main .color_text {
        width: calc(50% - 13px) !important;
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 6px 8px;
    }

    #media_div_reply {
        margin-bottom: 10px;
    }

    div#sidebar {
        position: fixed;
        top: 108px;
        overflow-y: auto !important;
        height: calc(100vh - 108px);
    }

    .be_report_heading {
        text-align: center;
    }

    .showback .billing_address_main {
        width: 100% !important;
    }

}

@media (max-width: 640px) {
    .marquee_class {
        display: none !important;
    }

    div#data_table_stock_door_list_wrapper div#data_table_stock_door_list_filter label, div#data_table_stock_door_list_wrapper div#data_table_stock_door_list_filter label input {
        width: 100%;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 576px) {

    .marquee_class {
        display: none !important;
    }

    .line {
        visibility: visible;
    }

    .calendar_map_form .calendar_map_field {
        width: calc(50% - 8px);
    }

    #hidden-table-info-unapproved-ordres_wrapper .dataTables_filter select {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .parts_list_search form {
        justify-content: flex-start;
    }

    .stockdoors_filter_main select {
        width: 100% !important;
    }

    .deletedorders_form {
        flex-direction: column;
    }

    .deletedorders_form>div {
        width: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
    }

    .deletedorders_form button, .deletedorders_form a {
        width: 48%;
        margin: 10px 0 0 0 !important;
    }

    .new_filter_main select {
        width: 100%;
        max-width: 100%;
    }

    .new_filter_main button, .new_filter_main a {
        width: 48%;
        margin: 0 !important;
    }

    .sidebar-toggle-box {
        padding: 0 !important;
    }

    .on, .off {
        font-size: 15px !important;
    }

    .nav.pull-right.top-menu {
        gap: 8px !important;
    }

    .nav.pull-right.top-menu li button, .nav.pull-right.top-menu li a {
        font-size: 12px !important;
        margin: 0 !important;
    }

    .select2.select2-container.select2-container--default {
        float: none !important;
        width: 100% !important;
    }

    .team_calendar_filter_main .color_text, .team_calendar_filter_main .select2.select2-container, .team_calendar_filter_main .color_text a {
        width: 100% !important;
    }

    .pull-right .color_text,
    .pull-right .color_text input#search_events {
        width: 100% !important;
    }

    .payment_form_main .select2.select2-container.select2-container--default {
        margin: 10px 0 !important;
    }

    #sold_items_report_lead_source svg, #sold_items_report_contact_method svg, #sold_items_report_office_location svg {
        transform: scale(0.9) translate(-5%, -15%);
    }

    #sold_items_report_lead_source, #sold_items_report_contact_method, #sold_items_report_office_location {
        height: 500px;
    }

    .isochronism_report_table .dataTables_length,
    .isochronism_report_table .dataTables_filter {
        display: inline-block;
        width: 100%;
        text-align: center !important;
    }

    .isochronism_report_table .dataTables_filter label,
    .isochronism_report_table .dataTables_filter select {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .isochronism_report_table table img {
        width: 100%;
        height: auto;
    }

    .form-inline.wrought_iron_door_form .form-group {
        width: 100%;
        margin: 0 !important;
    }

    .wrought_iron_door_form .form-group input[type="text"],
    .wrought_iron_door_form .form-group input[type="number"],
    .wrought_iron_door_form .form-group select {
        width: 100% !important;
    }

    .pro_blog_main {
        width: calc(50% - 2%);
        margin: 1%;
    }

    .table_responsive_mobile, .table_responsive_main_mobile {
        width: 100%;
        overflow: auto;
    }

    .table_responsive_mobile table, .table_responsive_main_mobile table {
        min-width: 400px;
        width: 100%;
    }

    div#hidden-table-info_wrapper div#hidden-table-info_filter label {
        width: 100%;
        display: inline-flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .home_top_filter {
        flex-direction: column;
        gap: 5px !important;
    }

    .home_top_filter>div {
        width: 100%;
    }

    div#sidebar {
        padding-bottom: 20px;
        top: 92px;
        height: calc(100vh - 92px);
    }

    .billing_address_main {
        width: 100% !important;
    }

    .row_1, .row_4, .row_5, .details_1 {
        flex-wrap: wrap !important;
    }

    .invoice_total {
        width: 100% !important;
    }

    .main_logo {
        width: 100% !important;
        text-align: center !important;
    }

    .main_logo img {
        max-width: 150px !important;
        width: 100% !important;
    }

    .row_1 .contact_details {
        width: 100% !important;
        margin: 10px 0 !important;
        text-align: center !important;
    }

    .row_2 tr, .row_2 tr td {
        display: block !important;
        padding: 6px 0 !important;
    }

    .main_logo img, .contact_details, .agent_code img {
        margin-top: 0 !important;
    }

    .row_4 .bg_details, .row_4 .normal_details {
        width: 100% !important;
        margin: 10px 0 !important;
    }

    .row_4 .bg_details {
        padding: 10px !important;
    }

    .row_5 {
        padding: 15px 10px !important;
    }

    .row_5 a {
        margin: 5px 0;
    }

    .row_2 .details_1 {
        gap: 10px !important;
    }

    .agent_details.text-end {
        width: 100%;
    }

    .row_1 .normal_details {
        margin-bottom: 10px;
    }

    .row_1 .bg_details {
        margin-top: 10px !important;
        padding: 10px 10px !important;
    }

    .row_1 .bg_details b {
        margin-bottom: 0 !important;
    }

    li.resource_mobile_full {
        width: 100%;
    }

    .navbar.navbar-default .resource_planning_filter {
        margin: 0 !important;
    }

    .resource_mobile_full .nav_el_pos_dynamic_search,
    .resource_mobile_full .nav_el_pos_dynamic_search input {
        width: 100% !important;
    }

}

@media (max-width: 485px) {

    .marquee_class {
        display: none !important;
    }

    .dataTables_filter select {
        margin-left: 0 !important;
        width: 100% !important;
    }

    #sold_items_report_lead_source, #sold_items_report_contact_method, #sold_items_report_office_location {
        height: 500px;
    }

    #sold_items_report_lead_source svg, #sold_items_report_contact_method svg, #sold_items_report_office_location svg {
        transform: scale(0.8) translate(-18%, -15%);
    }

    .time_tracker_filter>div {
        width: 100%;
    }
}

@media (max-width: 450px) {

    .notify-row {
        display: none !important;
    }
    
    .marquee_class {
        display: none !important;
    }

    .resource_planning_filter li .nav_el_pos_dynamic_search input.form-control {
        width: 100% !important;
    }

    form#export button#clientModalBtn,
    form#export input#excel {
        width: 100% !important;
    }

    #sold_items_report_lead_source, #sold_items_report_contact_method, #sold_items_report_office_location {
        height: 300px;
    }

    #sold_items_report_lead_source svg, #sold_items_report_contact_method svg, #sold_items_report_office_location svg {
        transform: scale(0.5) translate(-30%, -60%);
    }

    .row.select_list_main .list_part_blog {
        max-width: 744px;
    }
}

@media (max-width: 400px) {

    .marquee_class {
        display: none !important;
    }

    .login_form_img {
        padding: 30px 15px !important;
    }

    .calendar_map_form .calendar_map_field {
        width: 100%;
    }

    #sold_items_report_lead_source, #sold_items_report_contact_method, #sold_items_report_office_location {
        height: 300px;
    }

    #sold_items_report_lead_source svg, #sold_items_report_contact_method svg, #sold_items_report_office_location svg {
        transform: scale(0.5) translate(-50%, -60%);
    }

    .lead_monthly_table .form-inline>div {
        width: 100%;
    }

    .add_edit_part_table td {
        padding: 8px 4px !important;
        font-size: 12px !important;
    }

    .add_edit_part_table td .btn {
        padding: 6px !important;
        font-size: 12px !important;
    }

    .pro_blog_main {
        width: calc(100% - 2%);
        margin: 1%;
    }

    ul.top-menu>li>.logout {
        margin: 0 !important;
        padding: 5px 10px !important;
    }

    .header {
        padding: 10px 10px !important;
    }
}

@media (max-width: 350px) {

    .marquee_class {
        display: none !important;
    }

    .header {
        padding: 6px !important;
    }

    .nav.pull-right.top-menu li button.btn.btn-success,
    ul.top-menu>li>.logout {
        padding: 5px !important;
    }

    div#sidebar {
        top: 84px;
        height: calc(100vh - 84px);
    }

    .list_part_blog {
        width: 48% !important;
    }

}

/* ==== Media Query End ==== *p:/