/*@font-face {
    font-family: 'inter-regular';
    src: url('../../Content/fonts/inter/Inter-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'bricolagegrotesque-medium';
    src: url('../../Content/fonts/inter/inter-medium.otf') format('opentype');
}

@font-face {
    font-family: 'inter-semibold';
    src: url('../../Content/fonts/inter/inter-semibold.otf') format('opentype');
}
@font-face {
    font-family: 'inter';
    src: url('../fonts/inter/inter-light-beta.otf') format('opentype');
}*/
@font-face {
    font-family: 'bricolagegrotesque-regular';
    src: url('/content/bricolage_grotesque/bricolagegrotesque-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'bricolagegrotesque-medium';
    src: url('/content/fonts/bricolage_grotesque/bricolagegrotesque-medium.ttf') format('truetype');
}

@font-face {
    font-family: 'bricolagegrotesque-semibold';
    src: url('/content/fonts/Bricolage_Grotesque/BricolageGrotesque-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'meyer-regular';
    src: url('/content/fonts/meyer/meyer-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'bricolagegrotesque-regular';
    src: url('/content/fonts/bricolage_grotesque/bricolagegrotesque-regular.ttf') format('truetype');
}

:root {
    --NewSidebarWidth: 230px;
    --NewBlackColor: #1d1d1d;
    --NewTopbarHeight: 70px;
    --NewTopBorderBottomColor: rgba(29, 29, 29, 0.1);
    --GlobalRed: #EF3E2F;
    --GlobalKhaki: #A88974;
    --GlobalMaroon: #783737;
    --GlobaldenimBlue: #2C3B4D;
}

.bootstrap-select.form-control {
    height: 40px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(29, 29, 29, 0.1) !important;
    padding: 2px 0px 0px 8px !important;
}

.bootstrap-select.form-control button,
.bootstrap-select.form-control button:hover,
.bootstrap-select.form-control button:focus {
    border-color: transparent !important;
    height: unset;
    background-color: #fff;
    border-radius: 10px;
    outline: none !important;
    box-shadow: none !important;
    background: #fff !important;
    color: #333 !important;
}

.bootstrap-select.form-control ul li a {
    color: #000;
}

.bootstrap-select.form-control ul li.active a,
.bootstrap-select.form-control ul li.active:hover a {
    color: #fff !important;
    background-color: #333;
}

a:focus {
    outline: none !important;
}

.responsive_table a {
    text-decoration: underline !important;
    color: #333 !important;
}

.up_deg_font {
    font-family: 'bricolagegrotesque-semibold';
    color: #1d1d1d;
    width: 100%;
    float: left;
}

input[type="text"]::placeholder {
    font-family: 'bricolagegrotesque-regular';
}

.tp_style.navbar {
    margin-bottom: 0px;
    height: var(--NewTopbarHeight);
    border-bottom: 1px solid var(--NewTopBorderBottomColor);
    background: rgba(255, 255, 255, 1);
    padding-top: 13px;
}

.header_no_wrap th>div div:first-child {
    white-space: nowrap;
}

.flyout-overlay {
    top: var(--NewTopbarHeight) !important;
}

.tp_style .GlobalSearchNavbarUl {
    width: 220px;
}

.up_deg_logo {
    width: var(--NewSidebarWidth);
    float: left;
    background-color: var(--NewBlackColor);
    text-align: center;
    position: sticky;
    height: var(--NewTopbarHeight);
    border-bottom: 1px solid rgba(235, 235, 235, 0.1);
    top: 0px;
    z-index: 9;
}

.up_deg_logo img,
.up_deg_logo svg {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.up_deg {
    background-color: var(--NewBlackColor);
    width: var(--NewSidebarWidth);
}

.new_tab_peel_cont {
    width: auto;
    float: left;
    display: flex;
    align-items: center;
    margin-left: 10px;
    gap: 8px;
    height: var(--NewTopbarHeight);
    margin-top: -14px;
}

.right_side_menu_style .dropdown-menu {
    top: var(--NewTopbarHeight) !important;
}

#new_tab_peel {
    width: auto;
    float: left;
    height: var(--NewTopbarHeight);
    display: flex;
    align-items: center;
    gap: 8px;
}

#new_tab_peel a {
    position: relative;
    color: rgba(29, 29, 29, 0.4);
}

.ntp_sep {
    color: rgba(29, 29, 29, 0.4) !important;
}

#new_tab_peel a:last-child {
    color: #000;
}

.up_deg .custom_color,
.up_deg li a {
    background-color: unset;
    color: #fff !important;
    padding: 8px 15px;
    display: flex;
    gap: 20px;
    margin-bottom: 5px;
}

.tp_style .GlobalEstInvCustSearchDiv .input-group input {
    background-color: rgba(29, 29, 29, 0.05) !important;
    border-radius: 8px !important;
    padding-left: 28px;
    border: 0px !important;
    height: 35px;
}

.tp_style .GlobalEstInvCustSearchDiv .input-group svg {
    position: absolute;
    left: 10px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.ntp_srch {
    width: 100%;
    float: left;
    position: relative;
    z-index: 998;
}

.ntp_srch .input-group {
    width: 300px;
    float: left;
}

.ntp_srch .input-group input,
.ntp_srch .input-group input:hover,
.ntp_srch .input-group input:focus {
    width: 100%;
    background-color: #fff !important;
    border-radius: 8px !important;
    padding-left: 28px;
    border: 0px !important;
    height: 40px;
    border: 1px solid rgba(29, 29, 29, 0.1) !important;
    outline: none;
    box-shadow: none;
}

.ntp_srch .input-group svg {
    position: absolute;
    left: 10px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    z-index: 11;
}

.ntp_filter_style {
    width: auto;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}

.loader_position .ntp_filter_style {
    margin-right: 0px;
}

.inside_list_style {
    padding-inline-start: 0px;
}

.inside_list_style li {
    list-style: none;
    position: relative;
    word-break: break-word !important;
}

.inside_list_style li:before {
    position: absolute;
    left: -7px;
    content: "";
    width: 3px;
    height: 3px;
    background-color: #1d1d1d;
    border-radius: 50%;
    top: 7px;
    bottom: 0px;
}

.success_close,
.white_button {
    background-color: rgba(29, 29, 29, 0.05) !important;
    height: 40px !important;
    border: 1px solid rgba(29, 29, 29, 0.1);
    outline: none !important;
    box-shadow: none !important;
    color: rgba(29, 29, 29, 1) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 8px;
    color: #1d1d1d;
    padding: 5px 15px;
}

.inner_btn_cont {
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.icon_asg svg {
    width: 25px;
    height:25px;
    cursor: pointer;
}

.success_close:hover,
.success_close:focus,
.success_close:active,
.white_button:hover,
.white_button:focus,
.white_button:active {
    background: rgba(29, 29, 29, 0.05) !important;
    color: #1d1d1d !important;
    border: 1px solid rgb(22 22 22 / 5%) !important;
}

.white_button.del_btn_holder,
.white_button.del_btn_holder:hover,
.white_button.del_btn_holder:focus,
.white_button.del_btn_holder:active {
    color: var(--GlobalRed) !important;
}

.white_button.del_btn_holder path {
    stroke: var(--GlobalRed) !important;
}

.modal .success_close {
    display: unset;
}

.cpc_block .input_group .btn {
    background-color: transparent;
    height: 40px !important;
    border: 1px solid rgba(29, 29, 29, 0.1) !important;
    outline: none !important;
    box-shadow: none !important;
    color: rgba(29, 29, 29, 1) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 0px 8px 8px 0px;
    color: #1d1d1d;
    padding: 5px 15px;
}

.cpc_block .input_group .btn:hover,
.cpc_block .input_group .btn:focus,
.cpc_block .input_group .btn:active {
    background: rgba(29, 29, 29, 0.05) !important;
    color: #1d1d1d !important;
}

.cpc_block .input_group .form-control,
.cpc_block .input_group .form-control:hover,
.cpc_block .input_group .form-control:focus {
    border-radius: 8px 0px 0px 8px;
}

.dark_button {
    background-color: #1D1D1D !important;
    height: 40px !important;
    border: #1D1D1D !important;
    outline: none !important;
    box-shadow: none !important;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 8px;
    color: #1d1d1d;
}

.dark_button:hover,
.dark_button:focus,
.dark_button:active {
    background: #1D1D1D !important;
    color: #fff !important;
}

.nbt_allign {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 15px;
    gap: 10px;
}

.white_button_border {
    background-color: #fff !important;
    height: 40px;
    border: 1px solid #1d1d1d !important;
    outline: none !important;
    box-shadow: none !important;
    color: rgba(29, 29, 29, 1) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 10px;
    color: #1d1d1d;
    padding: 5px 20px;
    cursor: pointer !important;
}

.white_button_border:hover,
.white_button_border:focus,
.white_button_border:active {
    background: rgba(0, 52, 255, 0.1) !important;
    color: #1d1d1d !important;
}

.tiny_button {
    height: 30px !important;
}

.btn.tiny_green_btn,
.btn.tiny_green_btn :hover,
.btn.tiny_green_btn:focus {
    width: auto;
    float: left;
    background-color: #2ca01c !important;
    color: #fff !important;
}

.ntp_filter_style_block {
    display: none;
    max-width: unset;
    width: 100%;
    float: left;
    min-width: unset;
    border: 1px solid rgba(29, 29, 29, 0.1) !important;
    border-radius: 8px !important;
    box-shadow: 2px 2px 8px #ccc;
    top: 45px;
    position: absolute;
    z-index: 9;
    background-color: #fff;
    left: 0px;
}

.finv_right {
    width: auto;
    float: right;
    display: flex;
    align-items: center;
    gap: 10px;
}

.nsd_style table .Reply_Space td {
    padding-top: 20px !important;
}

.Reply_Space .mce-tinymce {
    float: left;
}

.finv_right .dateviewed {
    float: none;
    margin-right: 0px;
    height: 40px;
    border: 1px solid rgb(22 22 22 / 5%) !important;
    border-radius: 8px;
    display: flex;
    align-items: center;
    background: rgba(29, 29, 29, 0.05) !important;
}

.finv_right .dateviewed td {
    border-radius: 8px;
    /* background: rgba(29, 29, 29, 0.05) !important;*/
}

.cus_info_bar {
    width: 100%;
    float: left;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
}

.cus_info_block {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px 25px;
    border-radius: 16px;
    cursor: pointer;
}

.cus_info_block span:nth-child(1) {
    font-size: 24px;

}

.cus_info_block.active_filter span:nth-child(2) {
    font-weight: bold;
    text-transform: uppercase;
}

.cus_info_block.active_filter {
    box-shadow: 2px 2px 8px #a3a3a3;
}

.light_pink {
    background: #FFF4EB;
}

.light_blue {
    background: #E6F1FD;
}

.light_purple {
    background: #EDEEFC;
}

.light_green {
    background: #EDFCEF;
}

.light_red {
    background: #FCEDED;
}

.deep_red {
    background: #ffe5e5;
}

.color_red {
    color: red;
}

.red_block_td {
    background: #ffe5e5 !important;
}

.tp_style .notification_counter {
    right: 9px;
    width: unset;
    height: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    font-size: 9px;
    top: 6px;
    min-width: 15px;
    min-height: 10px;
}

.zero_notification {
    background-color: transparent !important;
}

.ntp_filter_style_inner,
.ntp_filter_style_footer {
    padding: 15px;
}

.ntp_filter_style_footer {
    width: 100%;
    float: left;
    text-align: right;
    border-top: 1px solid rgba(29, 29, 29, 0.1);
}

.tp_style .right_side_menu_style li a:hover,
.tp_style .right_side_menu_style li a:focus,
.tp_style .right_side_menu_style li.open .popup_active_color {
    background-color: transparent !important;
}

.tp_style .navbar-top-links.right_side_menu_style li a:hover,
.tp_style .navbar-top-links.right_side_menu_style li a:focus,
.tp_style .navbar-top-links.right_side_menu_style li.open .popup_active_color {
    background-color: transparent !important;
}

.tp_style .right_side_menu_style li a:hover:before,
.tp_style .right_side_menu_style li a:focus:before,
.tp_style .right_side_menu_style li.open .popup_active_color:before {
    position: absolute;
    content: "";
    /*background-color: rgba(29, 29, 29, 0.1) !important;*/
    background-color: rgba(0, 52, 255, 0.1) !important;
    z-index: 1;
    width: 32px;
    height: 32px;
    top: 6px;
    left: 6px;
    border-radius: 4px;
}

.up_deg li li a i {
    display: none;
}

.up_deg li li a {
    position: relative;
}

.up_deg li li a:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    left: 25px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

/*  .up_deg_font,
    .up_deg_font button,
    .up_deg_font .btn {
        font-size:12px;
    }*/
/* .up_deg_font:before {
        content:"";
        position:absolute;
        width:100%;
        float:left;
        height:100dvh;
        top:0px;
        left:0px;
        background-color:var(--NewBlackColor);
        z-index:0;
    } */
.up_deg_font .tp_style,
.up_deg_font .PrivateLayoutContents {
    width: calc(100% - var(--NewSidebarWidth));
}

.up_deg_font .PrivateLayoutContents {
    height: 100dvh;

}

.up_deg {
    height: 100dvh;
    overflow: auto;

}

.up_deg_font .page-wrapper-contents {
    height: calc(100dvh - var(--NewTopbarHeight));
}

.up_deg_font .sidebar {
    margin-top: 0px !important;
    /*padding-top: var(--NewTopbarHeight);*/
    background-color: var(--NewBlackColor);
    padding-left: 0px;
    padding-right: 0px;
    float: left;
}

.up_deg_font .form-group label {
    /* color: rgba(29, 29, 29, 0.5);
                font-weight: normal;*/
    margin-bottom: 0px;
}

.up_deg_font .np_info .form-group label {
    font-weight: normal;
}

.up_deg_font .form-group input[type=text].form-control,
.up_deg_font .form-group input[type=text].form-control:hover,
.up_deg_font .form-group input[type=text].form-control:focus {
    /*width: max-content;*/
    background-color: #fff !important;
    border-radius: 8px !important;
    padding-left: 5px !important;
    height: 40px;
    border: 1px solid rgba(29, 29, 29, 0.1);
    outline: none;
    box-shadow: none;
}

.up_deg_font .form-group input[type=text].form-control[disabled] {
    background-color: #eee !important;
}

.up_deg_font input.form-control,
.up_deg_font input.form-control:hover,
.up_deg_font input.form-control:focus {

    border-radius: 8px;
    padding-left: 5px !important;
    height: 40px;
    border: 1px solid rgba(29, 29, 29, 0.1);
    outline: none;
    box-shadow: none;
}

.up_deg_font .input-group.cpp_group input.form-control,
.up_deg_font .input-group.cpp_group input.form-control:hover,
.up_deg_font .input-group.cpp_group input.form-control:focus {
    border-radius: 0px 8px 8px 0px !important;
}

.up_deg_font .right_panel .input-group input.form-control,
.up_deg_font .right_panel .input-group input.form-control:hover,
.up_deg_font .right_panel .input-group input.form-control:focus {
    border-radius: 8px 0px 0px 8px;
}

.btn_edit_equipment {
    margin-bottom: 10px;
}

.up_deg_font .cpp_group select.form-control,
.up_deg_font .cpp_group select.form-control:hover,
.up_deg_font .cpp_group select.form-control:focus {
    border-radius: 8px 0px 0px 8px;
    height: 40px;
    border: 1px solid rgba(29, 29, 29, 0.1);
    outline: none;
    box-shadow: none;
}

.up_deg_font .input-group input.form-control,
.up_deg_font .input-group input.form-control:hover,
.up_deg_font .input-group input.form-control:focus {
    border-radius: 8px 0px 0px 8px !important;
}

.up_deg_font .currency_style .input-group input.form-control,
.up_deg_font .currency_style .input-group input.form-control:hover,
.up_deg_font .currency_style .input-group input.form-control:focus {
    border-radius: 0px 8px 8px 0px !important;
}



.up_deg_font select.form-control,
.up_deg_font select.form-control:hover,
.up_deg_font select.form-control:focus {
    border-radius: 8px;
    height: 40px;
    border: 1px solid rgba(29, 29, 29, 0.1);
    outline: none;
    box-shadow: none;
}

.up_deg_font .form-group .input_group_for_date input.form-control,
.up_deg_font .form-group .input_group_for_date input.form-control:hover,
.up_deg_font .form-group .input_group_for_date input.form-control:focus {
    border-radius: 8px 0px 0px 8px !important;
}

.inp_flex {
    display: flex;
    gap: 15px;
}

.asg_light_table_header_field {
    display: flex;
    gap: 15px;
    align-items: center;
}

.asg_light_table_header_field .form-control {
    border-radius: 8px !important;
}

.asg_light_table_header_field .ticket_search_text {
    width: 364px;
    flex: none;
}

.up_deg_font .gcpus_bot_btn .btn,
.up_deg_font .gcpus_bot_btn .btn:focus,
.up_deg_font .gcpus_bot_btn .btn:active,
.up_deg_font button {
    height: 40px;
}

.up_deg_font .form-group {
    width: 100%;
    float: left;
}

.up_deg_font .form-group .input-group {
    width: 100% !important;
}

.up_deg_font #page-wrapper {
    margin-top: var(--NewTopbarHeight);
}

.up_deg_font .input-group-addon {
    background-color: #fff;
    border: 1px solid rgba(29, 29, 29, 0.1) !important;
}

.SyncAquaDiv .SyncAquaDiv_Inner {
    background: #ffffff;
    width: 100%;
    float: left;
    padding: 15px;
    z-index: 99;
    border: 1px solid rgba(29, 29, 29, 0.1) !important;
    border-radius: 8px !important;
    box-shadow: 2px 2px 8px #ccc;
}

.up_deg #side-menu>li {
    border-bottom: 0px;
    padding: 0px 0px;
}

.tp_style .navbar-top-links li a {
    padding: 13px;
}


.tp_style .navbar-top-links li a:focus {
    background-color: #f2f2f2 !important;
}

.up_deg ul li {
    border: 0px !important;
}

.up_deg ul ul {
    padding-left: 8px !important;
}

.up_deg ul ul li a {
    padding-left: 47px !important;
}

.up_deg #side-menu {
    margin-top: 30px;
}

.sidebar.up_deg ul li a.active:hover,
.sidebar.up_deg ul li a.active:focus,
.sidebar.up_deg ul li a.active,
.sidebar.up_deg ul li a:hover,
.sidebar.up_deg ul li a:focus {
    background: var(--GlobaldenimBlue);
    color: #fff !important;
    border-radius: 10px;
}

.np_bottom_padd {
    padding-bottom: 10px;
}

.inv_tab thead th {
    white-space: nowrap;
}

.inv_tab .desc_th {
    width: 30%;
}

.asg_sort_block th>div {
    display: flex;
    gap: 5px;
    justify-content: space-between;
}

.asg_sort_block th>div div:first-child {
    display: flex;
    align-items: center;
}

.asg_sort_block th>div div:last-child {
    display: flex;
    flex-direction: column;
}

.asg_sort_block th>div div i {
    cursor: pointer;
}

.asg_sort_block .fa-angle-up {
    margin-bottom: -5px;
}



.rem_sort {
    display: flex;
    gap: 5px;
    justify-content: space-between;
}

#remittanceTBL th {
    vertical-align: top;
}

.rem_sort div:first-child {
    display: flex;
    align-items: center;
}

.rem_sort div:last-child {
    display: flex;
    flex-direction: column;
}

.rem_sort div i {
    cursor: pointer;
}

.rem_sort .fa-angle-up {
    margin-bottom: -5px;
}

.rem_tab_scroll {
    overflow: auto;
    width: 100%;
    float: left;
}


svg[title="Delete"] {
    cursor: pointer;
}













.asg_td_inline_info {
    white-space: nowrap;
}

.asg_td_inline_info a {
    text-decoration: underline;
}

.asg_td_inline_info a:hover {
    color: #333;
}

.checkbox_item .checkbox_wrap {
    position: relative;
    display: block;
    cursor: pointer;
    width: 23px;
    /* margin: 0 auto 0px;*/
}

.checkbox_item:last-child .checkbox_wrap {
    margin-bottom: 0;
}

.checkbox_item .checkbox_wrap .checkbox_inp {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
}

.checkbox_item .checkbox_wrap .checkbox_mark {
    display: inline-block;
    position: relative;
    border-radius: 25px;
}

.checkbox_item .checkbox_wrap .checkbox_mark:before,
.checkbox_item .checkbox_wrap .checkbox_mark:after {
    content: "";
    position: absolute;
    transition: all 0.5s ease;
}

.checkbox_item.citem_1 .checkbox_wrap .checkbox_mark {
    width: 23px;
    height: 12px;
    padding: 2px;
    background: #DFDFDF;
}

.checkbox_item.citem_1 .checkbox_wrap .checkbox_mark:before {
    top: 2px;
    left: 3px;
    width: 9px;
    height: 9px;
    background: #fff;
    border-radius: 50%;
}

.checkbox_item.citem_1 .checkbox_wrap .checkbox_inp:checked~.checkbox_mark {
    background: #1d1d1d;
}

.checkbox_item.citem_1 .checkbox_wrap .checkbox_inp:checked~.checkbox_mark:before {
    left: 12px;
}

.in_sa_style {
    position: relative;
}

.in_sa_style .aps_add {
    top: 55px;
}









































#LoadInventoryCustomList {
    overflow: hidden;
}

.table_style_fin {
    table-layout: fixed !important;
}

.table_style_fin tr th,
.table_style_fin tr td,
.common_table_style tr th,
.common_table_style tr td,
.Report-Tabs .tab-pane table tr td,
.Report-Tabs .tab-pane table tr th {
    border: 0px solid #ccc !important;
    padding-left: 10px !important;
}

.asg_light_table_info tbody tr td {
    border: 2px solid #fff !important;
}

.act_flex {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
}

.r_arrow {
    position: absolute;
    right: 20px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.r_arrow path {
    stroke: #848484;
}

.sidebar_height {
    overflow: auto;
    width: var(--NewSidebarWidth) !important;
}

.sidebar_height .nav>li a.active .r_arrow path,
.sidebar_height .nav>li>a:focus .r_arrow path,
.sidebar_height .nav>li>a:hover .r_arrow path {
    stroke: #fff;
}

.sidebar_height .nav>li a.active .r_arrow,
.sidebar_height .nav>li.active a .r_arrow,
.sidebar_height .nav>li.active>a:focus .r_arrow,
.sidebar_height .nav>li.active>a:hover .r_arrow {
    transform: rotate(90deg);
}

/*#LoadInventoryCustomList,
#LoadInventoryCustomList a {
    width: 100%;
    float: left;
}*/
.asg_light_table {
    width: 100%;
    float: left;
    border: 1px solid rgba(29, 29, 29, 0.1);
    border-radius: 16px;
}

.asg_light_table_header {
    width: 100%;
    float: left;
    padding: 12px 15px;
    border-bottom: 1px solid rgba(29, 29, 29, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.asg_light_table.border_less_block,
.asg_light_table.border_less_block .asg_light_table_header {
    border: 0px !important;
}

.asg_light_table_header .tb_head {
    white-space: nowrap;
}

.ott_text {
    /*font-family: 'Inter';*/
    /*font-size: 13px;*/
    color: #5d5d5d;
}

.asg_light_table_info {
    width: 100%;
    float: left;
    padding: 0px 15px;
}

.asg_light_table_info_padd {
    padding: 20px 15px !important;
}

.asg_light_table_info .responsive_table tr th {
    border-bottom: 0px !important;
}

.asg_light_table_info table tr,
.asg_light_table_info table td {
    border: 0px !important;
    vertical-align: middle !important;
}

.asg_light_table_info table tr th {
    background-color: #fff !important;
    color: rgba(29, 29, 29, 0.5);
    font-weight: normal;
}

.asg_light_table_info table {
    width: 100%;
    float: left;
}

.asg_light_table_info table tr th:last-child {
    text-align: center;
}

.asg_light_table_info tr {
    border: 0px !important;
}

.asg_light_table_info tbody tr:nth-child(odd) {
    background-color: rgba(29, 29, 29, 0.05) !important;
}

.asg_light_table_info tbody tr:nth-child(even) {
    background-color: #fff !important;
}

.asg_light_table_info tbody tr td:first-child {
    border-radius: 10px 0px 0px 10px !important;
}

.asg_light_table_info tbody tr td:last-child {
    border-radius: 0px 10px 10px 0px !important;
}

.asg_light_table_info .table_style_fin tr td:last-child button {
    float: right;
}

.asg_light_table_info .name-anchor-style,
.asg_light_table_info .name-anchor-style:hover,
.asg_light_table_info .name-anchor-style:focus {
    color: #1d1d1d !important;
    text-decoration: underline !important;
    /* font-family: 'bricolagegrotesque-medium';*/
    font-weight: normal;
}

.asg_light_down,
.asg_light_down:hover,
.asg_light_down:focus,
.asg_light_down:active {
    float: right;
    color: rgba(29, 29, 29, 0.5);
    border: 0px;
    background-color: #fff;
    height: unset !important;
}

.common_header {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
}

.up_deg_font .applicants_listContainer {
    padding-right: 0px;
}

.up_deg_font .applicants_mainContainer,
.up_deg_font .applications-header,
.up_deg_font .applications_filterContainer {
    padding: 20px 15px 0px 15px !important;
    width: 100%;
    float: left;
}

.supl_act_div {
    float: right;
}

.icon_allign {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 5px;
}

.icon_allign svg {
    width: 14px;
    height: 16px;

}

#filePreviewTable>div {
    float: left;
    width: 47%;
    border: 1px solid #ccc;
    border-radius: 8px;
    position: relative;
    margin-right: 2%;
    margin-bottom: 3%;
    box-shadow: 2px 2px 8px #ccc;
    padding: 10px;
}

.ag_pic {
    width: 100%;
    float: left;
    height: 130px;
    position: relative;
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.ag_pic img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.ag_file_name {
    width: 100%;
    float: left;
    font-size: 13px;
    padding-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ag_file_size {
    width: 100%;
    float: left;
    padding: 5px;
    padding-top: 0px;
    text-align: center;
    font-weight: bold;
}

.remove-file {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 11px;
    z-index: 99;
    top: 11px;
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #ccc;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.td_text_center {
    text-align: center;
}

.full_width_container {
    width: 100%;
    float: left;
}

.common_table_style {
    border-collapse: collapse;
    width: 100%;
    float: left;
}

.common_table_style tr th {
    line-height: unset !important;
}

.common_table_style thead tr {
    border-bottom: 2px solid #ccc;
}

.common_table_style tbody tr {
    border-bottom: 1px solid #ddd;
}

.common_table_style tbody tr td {
    padding: 15px;
}

.common_table_style thead tr th {
    padding-right: 10px;
}

.common_table_style thead tr th div:nth-child(1) {
    width: 94%;
    float: left;
    padding-top: 2px;
}

.common_table_style thead tr th div:nth-child(2) {
    width: 6%;
    float: left;
}

.common_table_style thead tr th div:nth-child(2) i {
    float: right;
    cursor: pointer;
    width: 100%;
    text-align: right;
    color: #bdbdbd;
}

.common_table_style thead tr th div:nth-child(2) i:nth-child(2) {
    margin-top: -5px;
}

.border_block {
    width: 100%;
    float: left;
    border: 1px solid #EAEAEA;
}

.border_block_header {
    width: 100%;
    float: left;
    font-weight: bold;
    padding: 10px;
}

.border_block_info {
    width: 100%;
    float: left;
    padding: 10px;
    padding-top: 0px;
}

.border_block_button {
    width: 100%;
    float: left;
    text-align: right;
    padding: 10px;
    padding-top: 0px;
}

.border_block_button button {
    float: right;
}

.amr_border {
    /*border: 1px solid #ccc;*/
    margin-bottom: 10px;
    /*min-height: 65px;*/
    padding: 0px !important;
}

.inv_right_item {
    width: auto;
    float: right;
    padding-top: 10px;
}

.td_text_center span {
    cursor: pointer;
}

table thead tr th {
    background-color: #e6e8ec !important;
}

table tbody tr:hover {
    background-color: #f8f8f8 !important;
}

table tbody tr:nth-child(even) {
    background-color: #f8f8f8 !important;
}

table tbody tr:nth-child(odd) {
    background-color: #fff !important;
}

.EquipmentCalculations tbody tr:nth-child(even),
.EquipmentCalculations tbody tr:nth-child(odd),
.ServiceCalculations tbody tr:nth-child(even),
.ServiceCalculations tbody tr:nth-child(odd) {
    background-color: #fff !important;
}

.fil_table {
    table-layout: unset !important;
}

#LoadInventoryCustomList a {
    padding-left: 25px;
}

#LoadInventoryCustomList a i {
    display: none;
}

.field_style {
    display: flex;
    align-items: center;
    gap: 10px;
}

.field_style select.form-control {
    cursor: pointer;
}

.nda_style {
    width: 100%;
    float: left;
    text-align: center;
    color: #ccc;
    font-size: 17px;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*  #LoadInventoryCustomList a.active,
    #LoadInventoryCustomList a.active:hover {
      
        background-color: #333 !important;
        color: #fff !important;
    }*/
.heig {
    height: auto !important;
}

.inlc_header {
    width: 100%;
    float: left;
}

.inlc_border {
    width: 100%;
    float: left;
    /* border:1px solid #ccc;
    padding:10px;*/
}

.inlc_header {
    width: 100%;
    float: left;
    font-size: 32px;
}

.inlc_search {
    width: 100%;
    float: left;
}

.incl_search_block {
    width: 100%;
    float: left;
}

.inlc_header i {
    font-size: 20px;
    margin-right: 10px;
}

.incl_search_block .input-group {
    width: 300px;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}

.inlc_search .custom-icon.right-items {
    padding-right: 0px;
}

.respon_table tbody tr td div:nth-child(1) {
    display: none;
}

.respon_table thead tr th div:nth-child(1) {
    width: 94%;
    float: left;
    padding-top: 2px;
}

.respon_table thead tr th div:nth-child(2) {
    width: 6%;
    float: left;
}

.respon_table thead tr th div:nth-child(2) i {
    float: right;
    cursor: pointer;
    width: 100%;
    text-align: right;
    color: #bdbdbd;
}

.respon_table thead tr th div:nth-child(2) i:nth-child(2) {
    margin-top: -5px;
}

.itlist_block {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.nbt_message {
    float: right;
    margin-top: 9px;
}

.width-100p {
    width: 100%;
    float: left;
}

.up_deg_font .money-bar.width-100p.List_color_div {
    padding-left: 15px;
    padding-right: 15px;
}

.cusd_style {
    width: 100%;
    float: left;
    padding: 10px 10px;
}

.cusd_style .col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.cusd_style .ci_block {
    border: 1px solid rgba(29, 29, 29, 0.1) !important;
    border-radius: 16px;
    overflow: unset !important;
}

.cusd_style .ci_header {
    font-weight: bold;
    border-bottom: 1px solid rgba(29, 29, 29, 0.1) !important;
    font-size: 14px;
    width: 100%;
    float: left;
    padding: 15px 10px;
    background-color: #fff;
    border-radius: 15px 15px 0px 0px;
}

.ssn_style {}

.custom_body_style {
    background-color: transparent;
}

.cusd_style .ci_header i {
    float: right;
    font-size: 25px;
    cursor: pointer;
}

.fa-pencil-square-o {
    cursor: pointer !important;
}

.cusd_style .ci_info {
    padding: 5px 0px;
}

.cusd_style .ci_table>tbody>tr>td {
    padding: 5px 10px !important;
    vertical-align: middle;
}

.cusd_style table tbody tr:nth-child(even) {
    background-color: transparent !important;
}

.cusd_style table tbody tr:nth-child(odd) {
    background-color: transparent !important;
}

.cusd_style .ci_table tbody tr td:nth-child(1) {
    white-space: nowrap;
    color: rgba(29, 29, 29, 0.5);
}

.cusd_style .ci_table tbody tr td:nth-child(1) span {
    float: right;
    position: absolute;
    right: 0px;
}

.ntp_srch .input-group input,
.ntp_srch .input-group input:hover,
.ntp_srch .input-group input:focus {
    width: 100%;
    background-color: #fff !important;
    border-radius: 8px !important;
    padding-left: 28px !important;
    border: 0px !important;
    height: 40px;
    border: 1px solid rgba(29, 29, 29, 0.1) !important;
    outline: none;
    box-shadow: none;
}

.ntp_srch .input-group.csd_padd input,
.ntp_srch .input-group.csd_padd input:hover,
.ntp_srch .input-group.csd_padd input:focus {
    padding-left: 28px !important;
}

.up_deg_font .csd_padd input,
.up_deg_font .csd_padd input:hover,
.up_deg_font .csd_padd input:focus {
    padding-left: 38px !important;
}

.cusd_top_bar {
    width: 100%;
    float: left;
    padding: 0px 0px;
}

.cusd_top_bar_inner {
    width: 100%;
    float: left;
    padding: 10px 0px;
    display: flex;
    justify-content: space-between;
    overflow: auto;
}

.cusd_top_bar_inner .custombtngrp {
    display: flex;
    float: left;
    gap: 0px;
}

.cusd_top_bar_inner .custombtngrp button:nth-child(1) {
    border-radius: 10px 0px 0px 10px;
}

.cusd_top_bar_inner .custombtngrp button:nth-child(2) {
    border-radius: 0px 10px 10px 0px;
    border-left: 0px !important;
}

.othrs_btn_holder {
    display: flex;
    gap: 15px;
    margin-right: 15px;
}

.del_btn_holder {}

.cusd_main_info {
    width: 100%;
    float: left;
}

.cusd_main_info .Customer-detailstabcontent {
    margin-top: 0px;
}

.up_deg .navbar-default .navbar-collapse {
    border: 0px !important;
}

.up_deg_font table p {
    margin-bottom: 0px !important;
}

.up_deg_font table tr td {
    vertical-align: middle;
}

.blur_bg_backg {
    width: 100%;
    float: left;
    position: relative;
}

.blur_bg_backg .fin_bottom_div {
    margin-top: 10px;
}

.blur_bg_backg_active_bg {
    position: absolute;
    content: "";
    background-color: #ccc;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    opacity: 0.6;
    top: -10px;
    left: -10px;
    z-index: 11;
    border-radius: 0px 0px 10px 10px;
}

#addCoApplicantWrapper #addCoApplicantBtn {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 11;
    width: max-content;
    height: max-content;
}

#coApplicantModalOverlay {
    max-width: 90%;
    height: max-content;
    background-color: #fff;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 111;
    text-align: left;
    padding: 20px;
}

#acknowledgeBtn {
    float: right;
}

.up_deg_font .cus-anchor {
    color: #1d1d1d !important;
    text-decoration: underline !important;
    font-weight: 500;
}

.up_deg_font .form-control {
    height: 40px;
}

.up_deg_font textarea.form-control {
    height: 200px;
}

.spasg_srch {
    width: 100%;
    float: left;
}

.spasg_srch_cont {
    width: 300px;
    float: left;
    margin-bottom: 15px;
}

.spasg_srch button {
    float: right
}

.rma_stat_div {
    width: auto;
    float: left;
}

.rma_stat_info {
    width: auto;
    float: left;
    border: 1px solid #747474;
    height: 45px;
    display: flex;
    gap: 8px;
    border-radius: 100px;
    align-items: center;
    padding: 0px 15px;
}

.rma_foot_flex {
    display: flex;
    justify-content: flex-end;
    height: 46px;
    align-items: center;
    gap: 10px;
}

.rmae_table tr th {
    white-space: nowrap;
    padding: 0px 8px;
}

.rmae_table tr td {
    padding: 0px 8px;
}

.rmae_table tr th:first-child {
    width: 40px;
}

.rmae_table tr th:last-child {
    width: 23px;
}

.rmae_table tr th.rmaqnty {
    width: 88px;
}

.rmae_table tr td:last-child {
    text-align: center;
}

.cusd_nav {
    width: 100%;
    float: left;
}

.cusd_nav ul {
    background-color: #fff;
    border-bottom: 0px;
    margin-bottom: 10px;
}

.cusd_nav .nav-tabs>li>a {
    padding: 3px 8px;
    color: rgba(29, 29, 29, 0.5);
    /* font-weight: bold;*/
}

.cusd_nav .nav-tabs>li.active>a,
.cusd_nav .nav-tabs>li>a:hover,
.cusd_nav .nav-tabs>li>a:focus {
    background-color: rgba(29, 29, 29, 1) !important;
    border-radius: 100px;
    color: #fff !important;
}

.cusd_nav .nav-tabs>li.active {
    background-color: unset !important;
}

.cusd_nav_a .nav-tabs>li>a.active,
.cusd_nav_a .nav-tabs>li>a:hover,
.cusd_nav_a .nav-tabs>li>a:focus {
    color: rgb(255 255 255) !important;
    border-bottom: 2px solid rgba(29, 29, 29, 1) !important;
    background-color: #1d1d1d !important;
    font-weight: normal;
    border-radius: 20px;
}

/*.cusd_nav_a .nav-tabs > li a.active {
    background-color: unset !important;
}*/
.cusd_nav .nav-tabs>li {
    border-right: 0px !important;
}

.cusd_nav_a .nav-tabs>li {
    margin-right: 10px;
}

.cusd_nav .customer_detail_tab_style>li {
    border: 0px !important;
    margin-right: 5px;
}

.np_container {
    width: 100%;
    float: left;
}

.np_header {
    width: 100%;
    float: left;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 5px 0 rgba(29, 29, 29, 0.10);
}

.single_img,
.single_info {
    margin-top: 20px;
}

.single_info {}

.single_info span {
    font-weight: bold;
}

.file_sin_img_cont {
    width: 80px !important;
    height: 80px !important;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 5px;
    padding: 0px !important;
}

.file_sin_img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
}

.file_sin_img_cont img:hover {
    transform: unset !important;
}

.np_header .np_header_text {
    font-size: 16px;
    font-weight: bold;
}

.np_header_chk {
    font-weight: normal;
    margin-bottom: 0px;
    display: flex;
    gap: 5px;
    cursor: pointer;
}

.np_header_chk input {
    margin-top: 0px;
}

.np_header_option {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-right: 20px;
}

.cr_button_block {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cr_button_block button {
    height: 35px;
}

.np_info_height {
    width: 100%;
    float: left;
    overflow: auto;
}

.np_info {
    width: 100%;
    float: left;
    padding: 15px 20px;
    padding-top: 0px;
}

.np_info .add_equipment_container {
    padding: 0px !important;
    overflow: hidden;
}

.np_close_pop {
    color: #000;
    margin-right: 35px;
    cursor: pointer;
}

.np_info table {
    width: 100%;
    float: left;
}

.np_info table tr:nth-child(odd) {
    background-color: rgba(29, 29, 29, 0.05) !important;
}

.np_info table tr:nth-child(even) {
    background-color: #fff !important;
}

.np_info table tr td {
    border: 0px;
}

.np_info table tr td:first-child {
    border-radius: 8px 0px 0px 8px;
}

.np_info table tr td:last-child {
    border-radius: 0px 8px 8px 0px;
}

.np_container input[type="checkbox"],
.np_container input[type="radio"] {
    accent-color: #333;
    margin-top: 0px;
}

.np_inside_head {
    font-weight: 500;
}

.np_inside_chk {
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 10px 0px;
}

.np_inside_chk label {
    font-weight: 500;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.np_inside_chk label input {
    margin-top: 0px;
}

.np_inside_chk_pre {
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 10px 0px;
    flex-wrap: wrap;
}

.np_inside_chk_pre label {
    font-weight: 500;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.np_inside_chk_pre label input {
    margin-top: 0px;
}

.th_wrap_flex {
    display: flex;
    flex-wrap: wrap;
}





.np_inside_chk .fa {
    cursor: pointer;
}

.cpc_block {
    width: 100%;
    float: left;
    background-color: #ffffff !important;
    padding: 15px;
    border: 1px solid rgba(29, 29, 29, 0.1);
    border-radius: 8px;
    margin-bottom: 15px;
}

.cpc_block input.form-control {
    width: 300px;
}

.cpp_group {
    display: flex !important;
    width: 300px;
}

.cpp_group select {
    width: 55px !important;
}

.np_footer {
    width: 100%;
    float: left;
    padding: 15px 20px;
    text-align: right;
    padding-top: 8px;
}

.fst_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.np_footer button {
    float: right;
    margin-left: 10px;
}

.np_footer .np_float_left {
    float: left !important;
}

.finv_left {
    width: auto;
    float: left;
    display: flex;
    gap: 10px;
}

.finv_left .form-control {
    flex: unset;
    width: 200px;
}

.custom_full {
    top: 0px;
}

.existing_camera_q {
    width: 100%;
    float: left;
}

.BuildVersionList {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.btn_flex_div {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.frt_sch_tab .asg_sm_hd {
    width: auto;
    margin-right: 7px;
}

.fig_t_header {
    width: 100%;
    float: left;
}

.fig_t_header .header-title {
    background-color: #fff !important;
    border: 1px solid rgba(29, 29, 29, 0.1);
    display: flex;
    align-items: center;
    padding-left: 15px;
    gap: 10px;
}

.fig_t_header .custom-title-span {
    font-size: 16px;
    font-weight: bold;
    padding-left: 0px;
}

.nsd_style .ticket_reply_box_add {
    border: 0px;
    padding: 0px;
}

.nsd_style table tr td {
    padding: 0px !important;
    width: 100% !important;
    float: left;
    background-color: #fff;
}

.nsd_style table tr td:first-child b,
.nsd_style_right .ticketInfoTable b {
    font-weight: normal;
    margin-bottom: 4px;
    float: left;
}

.nsd_style tr td:nth-child(2) {
    padding-bottom: 10px !important;
    padding-right: 1px !important;
}

.nsd_style .prod_table tr td {
    float: none !important;
    vertical-align: middle !important;
    padding: 5px 10px !important;
    border-bottom: 1px solid #ddd;
}

.prod_table {
    margin-bottom: 0px !important;
}

.prod_table tr:nth-child(odd) td {
    background-color: #f8f8f8 !important;
}

.prod_table tr td:last-child {
    padding-right: 10px !important;
    vertical-align: middle !important;
}

.st_cont {
    width: 100%;
    float: left;
}

.servc_group {
    width: 100%;
    float: left;
}

.servc_group_inner {
    width: calc(100% - 70px);
    float: left;
    padding-right: 10px;
    display: flex;
}

.sgi_big {
    width: calc(52% - 50px);
    float: left;
    padding-left: 15px;
}

.sgi_big.cust_pad {
    padding-left: 0px;
    padding-right: 15px;
}

.ticket_equipment_service .prod_table {
    margin-top: 10px;
}

.bootstrap-select>.dropdown-toggle:hover {
    background: rgba(29, 29, 29, 0.05) !important;
    color: #1d1d1d !important;
}

.sgi_small {
    width: 65px;
    float: left;
}

.button_rd {
    float: left;
    margin: 0 15px 0 0;
    min-width: 100px;
    height: 40px;
    position: relative;
    cursor: pointer;
}

.button_rd label,
.button_rd input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.tec_aval_overflow {
    overflow: auto;
}

.button_rd input[type="radio"] {
    opacity: 0.011;
    z-index: 100;
    display: none;
}

.button_rd input[type="radio"]:checked+label {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #1D1D1D;
    color: #1D1D1D;
}

.button_rd label {
    cursor: pointer;
    z-index: 90;
    line-height: 1.8em;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid rgba(29, 29, 29, 0.1);
    border-radius: 5px !important;
    color: rgba(29, 29, 29, 0.5);
    font-weight: normal;
    padding: 5px 35px;
    position: unset;
    margin-bottom: 0px;
}

.fig_td_border {
    border-right: 1px solid #ccc;
}

.fig_t_header .name-anchor-style-for-ticker {
    color: #1d1d1d !important;
    text-decoration: underline;
}

#ApplicantEquipmentListTab table tr th:last-child {
    text-align: left;
}

.lspc_lang label {
    display: flex;
    gap: 5px;
    margin-bottom: 0px;
    cursor: pointer;
}

.nt_cont {
    width: 100%;
    float: left;
    padding-top: 15px;
}

.nt_cont .form-group label {
    font-weight: normal;
    margin-bottom: 4px;
    float: left;
    color: rgba(29, 29, 29, 0.5);
}

.nt_cont .form-group label b {
    font-weight: bold;
    color: #1d1d1d !important;
}

.sch_padd_top .asg_light_table {
    padding-top: 15px;
    margin-bottom: 15px;
}

.sch_des_style>.mce-container {
    float: left;
}

.ticket_equipment_service table,
.service_style table {
    margin-top: 15px;
}

.up_deg_font .nt_cont .input-group input[type=text].form-control,
.up_deg_font .nt_cont .input_group_for_date input[type=text].form-control {
    border-radius: 8px 0px 0px 8px !important;
}

.nl_style_sch .ticket_reply_box {
    border: 1px solid rgba(29, 29, 29, 0.1) !important;
    border-radius: 16px !important;
    height: 450px;
}

.ntck_block {
    width: 100%;
    float: left;
}

.ntck_block_inner {
    width: 100%;
    float: left;
    display: flex;
    margin-top: 15px;
}

.ntck_block_inner_left {
    width: 70px;
    float: left;
    position: relative;
}

.ntck_block_inner_left img {
    position: absolute;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
}

.ntck_block_inner_right {
    width: calc(100% - 70px);
    float: left;
}

.nbir_head {
    width: 100%;
    float: left;
    color: rgba(29, 29, 29, 0.5);
    font-size: 10px;
    margin-bottom: 5px;
}

.nbir_info {
    width: 100%;
    float: left;
    background: rgba(29, 29, 29, 0.03);
    border-radius: 12px;
    padding: 10px;
}

.nbir_info_head {
    width: 100%;
    float: left;
    color: #1d1d1d;
    font-size: 12px;
    margin-bottom: 5px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.nbir_info_head span {
    position: relative;
    color: rgba(29, 29, 29, 0.5);
    font-size: 10px;
}

.nbir_info_head span:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: rgba(29, 29, 29, 0.5);
    border-radius: 50%;
    left: -10px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.nbir_info_text {
    width: 100%;
    float: left;
    color: #1D1D1D;
    font-size: 10px;
}

.daily_tech_availability {
    width: 100%;
    float: left;
    padding-top: 5px;
}
    
.padding_zero {
    padding: 0px !important;
}

.fig_cal_style_cont {
    width: 100%;
    float: left;
    padding: 15px;
}

.fig_cal_style {
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid rgba(29, 29, 29, 0.1);
    border-radius: 16px;
}

.fig_cal_style .calender_container {
    padding: 0px;
}

.fig_cal_style .tablebing_container {
    padding: 0px;
}

.fig_cal_style .calendar_header_top {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 10px;
    border-radius: 20px 20px 0px 0px;
}

.fig_cal_style .calendar_header_top .col-sm-9 {
    padding-left: 15px;
}

.fg_cal_top {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fg_header {
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.DateTilteHide_block {
    display: flex;
    font-size: 14px;
    font-weight: bold;
}

.opt_btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 25px;
}

.opt_btn svg {
    cursor: pointer;
    width: 10px;
    height: 15px;
}

.fg_cal_top_left {
    display: flex;
}

.fg_cal_top_right {
    width: auto;
    float: right;
    display: flex;
    gap: 10px;
}

.fg_cal_top_right button,
.fg_cal_top_right button:hover,
.fg_cal_top_right button:focus {
    border: 1px solid rgba(29, 29, 29, 0.1);
}

.fg_cal_top_right_block {
    width: 200px;
    float: left;
}

.fig_cal_style .vertical-my-daily td {
    border: 1px solid rgba(29, 29, 29, 0.1) !important;
}

.fig_cal_style #ticket_color_div {
    position: absolute;
    bottom: 84px;
}

.fig_cal_style .responstable th {
    padding: 20px 0px;
    background-color: #fff !important;
    border: 1px solid #f2f2f2 !important;
}

.up_deg_font .popup_text_header {
    font-size: 14px;
}

.up_deg_font .top_menu_custom_style {
    padding: 20px 30px;
    border-radius: 8px !important;
}

.up_deg_font .popup_text_subHeader {
    color: rgba(29, 29, 29, 0.25);
    font-size: 13px;
    text-align: left;
    padding-left: 5px;
    border: 0px;
}

.up_deg_font .top_menu_custom_style .popup_text_header .top_menu_text_head {
    padding-left: 5px;
}

.up_deg_font .layout_top_menu_bar .menu .submenu .submenuelement a,
.up_deg_font .layout_top_menu_bar .menu .submenu .submenuelement a:hover {
    color: #1D1D1D !important;
}

.menu_footer {
    width: 100%;
    float: left;
    border-top: 1px solid rgba(29, 29, 29, 0.1);
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    padding: 10px 5px;
}

.remittanceTableContainer {
    width: 100%;
    float: left;
    overflow-x: auto;
}

.log_link,
.log_link:hover {
    color: var(--GlobalRed);
}

.menu_footer a {
    padding: 0px !important;
    min-height: unset !important;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
}

.menu_username {}

.menu_username img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.up_deg_font .top_menu_custom_style .menu .submenu .submenuelement a:hover {
    border-radius: 8px;
    /* background-color: rgba(29, 29, 29, 0.05) !important;*/
    background-color: rgba(0, 52, 255, 0.1) !important;
}

.up_deg_font .menu .submenu .submenuelement:hover {
    background-color: unset;
}

.tp_style .right_side_menu_style li .menu_footer a:hover {
    background-color: unset !important;
}

.up_deg_font .tab-pane .asg_light_table_header {
    padding: 3px 15px !important;
}

.up_deg_font .tab-pane .asg_light_table {
    margin-bottom: 50px !important;
    padding-bottom: 30px !important;
}

.up_deg_font .tab-pane table.responsive_table tr th:last-child {
    text-align: left;
}

.menu_footer a:hover:before,
.submenuelement a:hover:before {
    content: unset !important;
}

.chooseFilebtn {
    font-size: 13px;
}

.ntp_srch_width {
    width: 300px !important;
    float: left;
}

.ntp_others_width {
    width: 250px;
    float: left;
}

.ntp_srch_container {
    width: 100%;
    float: left;
    padding-bottom: 15px;
}

.ps_container {
    width: 100%;
    float: left;
    padding: 10px;
}
.ps_container ul li a {
    white-space:nowrap;
}

.alarm_edit {
    width: auto;
    float: right;
    position: relative;
}

.aps_add {
    border: 1px solid rgba(29, 29, 29, 0.1) !important;
    border-radius: 8px !important;
    box-shadow: 2px 2px 8px #ccc;
    top: 45px;
    position: absolute;
    z-index: 9;
    background-color: #fff;
    right: 0px;
    display: none;
    width: 400px;
}

.alarm_edit .aps_add {
    width: 280px;
    top: 28px;
}

.aps_min_height {
    min-height: 100px;
}

.aps_add_inner {
    width: 100%;
    float: left;
    padding: 15px;
}

.aps_add_inner .input-group {
    width: 100% !important;
}

#payScaleSheetTabTable {
    width: 100%;
    float: left;
}

.ps_container .ntp_srch {
    padding-bottom: 15px;
}

.ps_footer {
    width: 100%;
    float: left;
    text-align: right;
    padding: 20px 0px;
}

.img_new_block .preview-item {
    width: 30px;
    height: 30px;
    position: relative !important;
    margin: 0px !important;
    margin-right: 10px !important;
    border: 1px solid rgba(29, 29, 29, 0.2);
    border-radius: 4px;
}

.img_new_block .preview-item img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto;
    border: 0px !important;
}

.LoadPreviewDocument {
    width: 100%;
    float: left;
}

.img_new_block .deleteDoc {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    width: 14px;
    height: 14px;
    background-color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #ff1f1f;
    padding: 1px;
}

.pi_sticky {
    width: 100%;
    float: left;
    position: sticky;
    bottom: 0px;
    padding: 10px;
    background-color: #f3f3f3;
    border-top: 1px solid #eeeeee;
    z-index: 111;
}

.acc_block_d {
    width: 100%;
    float: left;
    background-color: #f4f6f8;
    padding: 15px 15px;
    margin-bottom: 20px;
}

.acc_block_d .ci_table {
    box-shadow: 2px 2px 8px #ededed;
    margin-bottom: 15px;
}

.acc_block_d .ci_table td {
    padding: 5px 10px;
    font-size: 13px;
}

.acc_block_d_head {
    font-weight: bold;
    color: #333 !important;
    font-family: 'bricolagegrotesque-medium';
}

.acc_block_d .ci_table tr td:first-child {
    color: #a4a4a4;
    white-space: nowrap;
}

.acc_block_d .ci_table tr td:first-child span {
    float: right;
    position: absolute;
    right: 0px;
}

.acc_block_d .ci_table tr {
    background-color: #fff !important;
    border-bottom: 1px solid #d9d9d9;
}

.acc_block_d .ci_table tr:first-child,
.acc_block_d .ci_table tr:last-child {
    border-bottom: 0px !important;
}

.acc_block_d .row .col-md-4 {
    margin-bottom: 20px;
}

.resp_td_align_left tr th {
    text-align: left !important;
}

.inventory_table {
    padding: 0px;
    padding-top: 10px;
}

.inventory_table.asg_light_table_info table tbody tr:nth-child(odd) {
    background-color: #fff !important;
}

.inventory_table.asg_light_table_info tbody tr td {
    border: 0px !important;
    border-bottom: 1px solid rgba(29, 29, 29, 0.1) !important;
}

.inventory_table.asg_light_table_info tbody tr td:last-child {
    border-radius: 0px !important;
}

.inventory_table_c_head {
    font-weight: bold;
    background-color: rgb(205 205 205);
    font-size: 15px;
    padding: 15px 15px !important;
    position: sticky;
    top: 34px;
    z-index: 8;
    text-align: center;
}

.inventory_table_b_head {
    font-weight: bold;
    background-color: rgb(205 205 205);
    font-size: 15px;
    padding: 15px 15px !important;
    position: sticky;
    top: 34px;
    z-index: 8;
    text-align: center;
}

.rest_war_no_break th {
    white-space: nowrap;
}

.text_center {
    text-align: center;
}

.text_right {
    text-align: right;
}

.inventory_table_b_head span {
    width: auto !important;
    /*float:left;*/
    margin-right: 10px;
}

.inventory_table_b_head span:nth-child(2) {
    font-weight: normal !important;
}

.inventory_table.asg_light_table_info tbody tr td.inventory_table_c_info {
    /* padding-left: 25px !important;*/
}

.lay_unset {
    table-layout: unset !important;
}

.np_info .form-group .span-style,
.np_info .custom-form-group .span-style {
    font-weight: bold;
}

.form-group .span-style {
    font-weight: bold;
}

.table_inside_btn {
    width: auto;
    float: left;
    display: flex;
    gap: 5px;
    align-items: center;
}

.table_inside_btn span,
.table_inside_btn svg {
    cursor: pointer;
}

.feclp_table tr td:last-child {
    /* text-align:center;*/
}

.inside_footer {
    width: 100%;
    float: left;
    padding: 0px 20px;
}

.note_add_style {
    padding: 20px;
    margin-bottom: 20px;
}

.asg_light_table_info table.stl_table tr th:last-child {
    text-align: left;
}

.svg_btn_holder {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
}

.svg_btn_holder svg {
    cursor: pointer;
}

.svg_btn_holder svg.delete_icon {}

.svg_btn_holder .fa-pencil-square-o {
    font-size: 17px;
}

.date_col,
.nt_act {
    width: 150px;
}

.nt_crtd {
    width: 275px;
}

.nt_type {
    width: 210px;
}

.asg_light_table_info .asg_light_table_header button {
    padding: 6px 7px !important;
    height: unset;
}

.full_width {
    width: 100%;
    float: left;
}

.img_contains {
    color: #717171;
    width: 100%;
    float: left;
    padding: 20px 0px;
    font-size: 12px;
    padding-bottom: 5px;
}

.audio_width {
    width: 30%;
}

.equi_info {
    padding-top: 10px;
    padding-bottom: 10px;
}

.sop_act_div {
    float: right;
    /* width: 116px; */
    display: flex;
    gap: 10px;
}

.np_info .CityState_insert_div .tt-menu {
    width: 320px;
}

.np_info .tt-suggestion {
    width: 100%;
}

.btnSign.white_button_border {
    float: left;
    margin-right: 10px;
}

.sign-document button,
.sign-initialdocument button {
    float: left;
    margin-right: 10px;
}

.up_deg_font .tab-pane .pm_block table.responsive_table {
    margin-bottom: 15px !important;
}

.pm_block .asg_light_table {
    margin-bottom: 20px;
}

.page_main_header {
    width: 100%;
    float: left;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 15px;
}

.oh_tab_cont {
    width: 100%;
    float: left;
    padding: 20px 0px;
}

.oh_table_cont {
    width: 100%;
    float: left;
    padding-top: 20px;
}

.amr_table_style thead tr th {
    border-right: 0px !important;
    text-transform: none !important;
    font-weight: normal !important;
}

.amr_table_style thead tr th div:nth-child(1) {
    white-space: nowrap;
}

.amr_footer {
    padding-right: 20px;
    margin-bottom: 15px !important;
}

.amr_main_cont {
    padding: 20px 15px 0px 15px !important;
    width: 100%;
    float: left;
}

.poa_filter {
    width: 250px;
    float: left;
    margin-right: 15px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    color: var(--NewBlackColor) !important;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected.active a span.check-mark {
    color: #fff !important;
}

/*.bootstrap-select .btn.dropdown-toggle:focus {
    background: rgba(29, 29, 29, 0.05) !important;
    color: var(--NewBlackColor) !important;
}*/
.table_layout_fixed {
    table-layout: fixed;
}

.table_layout_fixed thead tr th:nth-child(1) {
    width: 25%;
}

.table_layout_fixed thead tr th:nth-child(2) {
    width: 15%;
}

.table_layout_fixed thead tr th:nth-child(5) {
    width: 140px;
}

.table_layout_fixed tbody tr td:nth-child(3) a {
    text-decoration: underline;
    word-break: break-all;
}

.act_td button {
    margin-left: 5px;
    float: right;
}

.rtlm_heightt {
    width: 100%;
    float: left;
    overflow: auto;
}

.modal .dark_button,
.modal .white_button_border {
    display: unset;
}

.AgentListPagination {
    width: 100%;
    float: left;
}

.up_deg_font .paginationContainer {
    margin-bottom: 30px !important;
}

.email_opt_div {
    width: calc(100% - 141px) !important;
}

.payroll_table {
    /*font-size:12px;*/
}

.payroll_table thead tr th {
    z-index: 99;
}

.p_name_th {
    width: 115px;
}

.append_block {
    width: 100%;
    float: left;
}

.append_block input.form-control {
    width: calc(100% - 30px);
    float: left;
    border-radius: 8px 0px 0px 8px !important;
}

.append_thing {
    width: 30px;
    float: left;
    color: #333;
    padding: 5px;
    border-radius: 0px 8px 8px 0px !important;
    background-color: #ffffff;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(29, 29, 29, 0.1);
    margin-left: -1px;
}

.support_bg_block {
    background-color: rgba(0, 52, 255, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 10px;
}

.support_bg_block_mail {
    background-color: #e7e7e7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
}

.cus_det_tab_style .tab-content .tab-pane {
    width: 100%;
    float: left;
    min-height: 360px;
}

.p_dedu_th {
    width: 195px;
}

.brk_info {
    width: 100%;
    float: left;
}

.brk_name {
    width: 100%;
    float: left;
    color: rgba(29, 29, 29, 0.5);
}

.brk_data {
    width: 100%;
    float: left;
}

.non_brk_info {
    width: 100%;
    float: left;
    display: flex;
    gap: 5px;
}

.non_brk_name {
    width: auto;
    float: left;
    color: rgba(29, 29, 29, 0.5);
    white-space: nowrap;
}

.non_brk_data {
    width: auto;
    float: left;
}

.pds_img_width {
    width: 200px;
}

/*.asg_light_table_info .payroll_table tbody tr:nth-child(odd) {
    background-color:unset !important;
}
.asg_light_table_info .payroll_table tbody tr:nth-child(even) {
    background-color: #fff !important;
}*/
.asg_light_table_info .payroll_table tbody tr:nth-child(4n+1),
.asg_light_table_info .payroll_table tbody tr:nth-child(4n+2) {
    background-color: rgba(29, 29, 29, 0.05) !important;
}

.asg_light_table_info .payroll_table tbody tr:nth-child(4n+3),
.asg_light_table_info .payroll_table tbody tr:nth-child(4n+4) {
    background-color: #fff !important;
}

.asg_light_table_info .payroll_table tbody tr:nth-child(4n+2) .non_rowbg_color tbody tr:nth-child(1) {
    background-color: rgba(29, 29, 29, 0.05) !important;
}

.asg_light_table_info .payroll_table tbody tr:nth-child(4n+2) .non_rowbg_color thead tr th {
    background-color: rgb(243 243 243) !important;
}

.asg_light_table_info .payroll_table tbody tr:nth-child(4n+4) .non_rowbg_color tbody tr:nth-child(1) {
    background-color: #fff !important;
}

.non_rowbg_color {
    margin-bottom: 0px !important;
}

.single_row_field {
    width: 100%;
    float: left;
    display: flex;
    gap: 10px;
}

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

.ac_collapse_btn_close,
.ac_collapse_btn {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid rgba(29, 29, 29, 0.1);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    padding-left: 4px;
    cursor: pointer;
}

.ac_collapse_btn_close {
    display: none;
    padding-top: 2px;
    background-color: #626262;
    padding-left: 6px;
}

.ac_collapse_btn_close path {
    stroke: #fff !important;
}

.ac_collapse_btn_close svg {
    transform: rotate(90deg);
}

.pay_table {
    display: none;
    border-radius: 0px !important;
}

.payroll_table>tbody tr td:nth-child(1) {
    position: relative;
}

.Activity_pagination_container {
    width: 100%;
    float: left;
    padding-top: 15px;
    padding-bottom: 30px;
    padding-right: 20px;
}

.scroll-top-btn {
    position: fixed;
    right: 35px;
    bottom: 70px;
    width: 35px;
    height: 35px !important;
    border: none;
    border-radius: 50%;
    background: #000;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    z-index: 9996;
    display: none;
    transition: 1s;
    border: 2px solid #d1d1d1;
}

/* mobile only */
/*@media (max-width:768px) {
    .scroll-top-btn {
        display: unset;
    }
}*/
.Activity_pagination_inner {
    float: right;
}

.Custom_Modal .modal-content {
    border-radius: 10px;
    border: 0px;
}

.Custom_Modal .message_header_border {
    border: 0px !important;
    display: none;
}

.Custom_Modal .message_header_title {
    right: unset;
    white-space: nowrap;
    left: 35px;
    top: 30px;
    color: var(--NewBlackColor) !important;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    position: unset;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: -15px !important;
    padding-bottom: 25px;
}

.cust_pay_col {
    width: 95px;
}

.light_table_bottom_margin {
    margin-bottom: 20px;
}

.cust_date_col {
    width: 165px;
}

.cus_act_th {
    width: 160px;
}

.asg_sorting thead th .sorting_holder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.asg_sorting thead th .sorting_holder div:nth-child(1) {
    float: left;
}

.asg_sorting thead th .sorting_holder div:nth-child(2) {
    float: left;
    display: flex;
    flex-direction: column;
}

.asg_sorting thead th .sorting_holder div:nth-child(2) i {
    cursor: pointer;
}

.asg_sorting thead th .sorting_holder.js-ledger-sort {
    cursor: pointer;
    user-select: none;
}

.asg_sorting thead th .sorting_holder.js-ledger-sort div:nth-child(2) i {
    opacity: 0.35;
}

.asg_sorting thead th .sorting_holder.sorted_asc div:nth-child(2) i.fa-angle-up,
.asg_sorting thead th .sorting_holder.sorted_desc div:nth-child(2) i.fa-angle-down {
    opacity: 1;
}

.Custom_Modal button.closenew {
    color: var(--NewBlackColor);
    opacity: 1;
    font-size: 35px;
    font-weight: normal;
    position: relative;
    z-index: 99;
}

.Custom_Modal .message_middle_icon_div {
    display: none;
}

.Custom_Modal .modal-footer {
    display: flex;
    border-top: 0px;
    justify-content: center;
    align-items: center;
    padding: 30px 5px;
    padding-top: 5px;
}

.Custom_Modal .message_content_div {
    margin-top: -30px !important;
    z-index: 99999;
    position: relative;
}

.Custom_Modal .modal-dialog {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    height: max-content;
}

.Custom_Modal .modal.right .modal-dialog {
    left: unset !important;
}

.Custom_Modal #ModalSuccessIeateryPopup .modal-dialog {
    max-width: 400px;
    width: auto;
}

.Custom_Modal #ModalSuccessIeateryPopup .modal-content {
    background-color: #fff;
}

.Custom_Modal #ModalSuccessIeateryPopup .message_header_container {
    margin-bottom: -20px;
}

.Custom_Modal #ModalSuccessIeateryPopup .message_header_title {
    background-color: unset;
}

.Custom_Modal .modal-footer .btn {
    padding: 0px 35px;
}

.EditModule {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.flex_btn_group {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.flex_btn_group a:last-child {
    margin-top: -3px;
}

.flex_btn_group a {
    cursor: pointer;
}

.vs_drop {
    width: 370px;
    float: left;
}

.sd_act_chk {
    float: left;
    margin-top: 7px;
}

#insideSalesHeadBar {
    width: 100%;
    float: left;
    padding: 0px 15px;
    margin-top: 10px;
}

.tp_style {
    float: right;
    left: unset;
}

.tab_pre_load_text {
    width: 100%;
    float: left;
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a5a5a5;
}

.acc_block_d .ci_table.eq_table_ag tr td:first-child {
    white-space: unset;
}

.acc_block_d .ci_table.eq_table_ag tr td:last-child {
    white-space: nowrap;
}

.has_icon #side-menu li a svg {
    position: absolute;
}

.has_icon #side-menu li a span {
    display: none;
}

.ntp_label_srch {
    width: 100%;
    float: left;
    box-shadow: 2px 2px 8px #ccc;
    padding: 15px 15px;
    border-radius: 10px;
}

.ntp_label_srch_left {
    width: auto;
    float: right;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
}

.ntp_label_srch_right {
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-end;
    padding-top: 15px;
}

.ntp_label_srch_field_dual_btn {
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    max-width: unset !important;
}

.ntp_label_srch_field_single_btn {
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    max-width: unset !important;
}

.ntp_label_srch_two_side {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    padding: 15px 0px;
    margin-bottom: 15px;
}

.ntp_label_srch_field {
    flex: 1 1 240px;
    min-width: 240px;
    max-width: 300px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
}

.ntp_label_srch_field label {
    margin-bottom: 0px;
    white-space: nowrap;
}

.ntp_label_srch_date>div {
    display: flex;
    gap: 10px;
}

.ntp_label_srch_button {
    flex: 1 1 70px;
    min-width: 70px;
    max-width: 70px;
    align-items: flex-end;
}

.ntp_label_srch_date {
    flex: 1 1 240px;
    min-width: 240px;
    max-width: 300px;
}

.ntp_srch.ntp_label_srch .input-group svg,
.ntp_srch.ntp_label_srch_two_side .input-group svg {
    top: unset;
    bottom: 13px;
}

.ntp_label_srch_add {
    flex: 1 1 240px;
    min-width: 240px;
    max-width: 325px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
}

.preload_text {
    width: 100%;
    float: left;
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a5a5a5;
}

.audit_page .ntp_srch {
    z-index: unset !important;
}

.finv_audit .dateviewed {
    margin-right: 0px;
    height: 40px;
    border: 1px solid rgba(29, 29, 29, 0.1) !important;
    border-radius: 8px;
    align-items: center;
}

.up_deg_font .custom_pane .tab-pane .asg_light_table,
.up_deg_font .custom_pane .tab-pane .asg_light_table {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.custom_pane .Activity_pagination_container,
.custom_pane .Activity_pagination_container {
    margin-bottom: 15px !important;
}

.srch_merg_bot {
    margin-bottom: 15px;
}

.wp_block {
    width: auto;
    display: flex;
    flex-direction: column;
    padding: 20px 25px;
    border-radius: 16px;
    min-width: 250px;
}

.wp_block span:nth-child(1) {
    font-size: 24px;
    font-family: inter-semibold;
}

.eq_is_ins_col {
    width: 350px;
}

.eq_is_ins_chk_holder {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

.eq_is_ins_chk_holder input,
.eq_is_ins_chk_holder .form-control {
    cursor: pointer;
}
.doc_act_style {
    display: flex;
    gap: 20px;
}
.menu_inner_height {
    width: 100%;
    float: left;
    overflow: auto;
}

.menu_inner_height::-webkit-scrollbar {
    width: 5px;
}

.menu_bottom_info_outer {
    width: 100%;
    float: left;
    color: #fff;
}

.menu_bottom_info {
    width: 100%;
    float: left;
    padding: 10px 9px;
}

.menu_bottom_info_inner {
    width: 100%;
    float: left;
    padding: 10px 10px;
}

.mbi_head {
    width: 100%;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    letter-spacing: 1px;
}

.mbi_head_sub {
    width: 100%;
    float: left;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
}

.mbi_head_sub a {
    position: relative;
    text-decoration: none !important;
}

.mbi_head_sub a:before {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 2px;
    left: 0px;
    bottom: 0px;
}

.mbi_head_sub a:hover:before {
    background-color: #e2e2e2;
}

.mbi_info {
    width: 100%;
    float: left;
    font-size: 12px;
    margin-bottom: 3px;
}

.mbi_info b {}

.menu_bottom_info a {
    text-decoration: underline;
    color: #fff;
}

.menu_bottom_info a:hover {
    color: #e2e2e2;
}

.mbi_info b {}

.up_deg {
    overflow-x: hidden !important;
}

.list-group a,
.list-group a:hover,
.alert-info a,
.alert-info a:hover {
    text-decoration: underline;
    color: #333;
}

#flush-readyforprecall .np_header {
    display: none;
}

#flush-readyforprecall .np_info_height {
    height: unset !important;
}

#flush-readyforprecall .np_info {
    padding: 0px !important;
}

#flush-readyforprecall .np_footer {
    padding: 0px !important;
    padding-top: 8px !important;
    padding-bottom: 15px !important;
}

.inner_padding_none {
    padding: 0px !important;
    padding-bottom: 15px;
}

.contain_new {
    width: 100%;
    float: left;
    padding: 20px 15px;
    padding-top: 0px;
}

.settings_style .responsive_table tr td:nth-child(2) {
    word-break: break-all;
}

.settings_style .responsive_table tr td:nth-child(2) .white_button_border {
    display: unset;
    height: unset;
    padding: 5px 10px;
}

.popup_new_header {
    width: 100%;
    float: left;
    font-size: 2rem;
    font-weight: 600;
    color: var(--NewBlackColor);
    padding: 5px 15px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

.popup_new_footer {
    width: 100%;
    float: left;
    background-color: #fff;
    border-top: 2px solid #ccc;
    padding: 5px 10px;
}

.popup_inner_block {
    width: 100%;
    float: left;
    background-color: #ffffff;
    margin: 10px 0px;
    padding-bottom: 15px;
}

.popup_inner_block_header {
    font-size: 15px;
    font-weight: 600;
    background: #d5d5d5;
    padding: 5px 10px;
    word-spacing: 5px;
    letter-spacing: 1px;
    border-left: 3px solid #333;
}

.popup_inner_block_info {
    width: 100%;
    float: left;
    padding: 10px 0px;
}

.popup_inner_block_info .span-style {
    font-weight: normal !important;
    color: #1d1d1d;
}

.popup_inner_block_info .col-md-6,
.popup_inner_block_info .col-md-4,
.popup_inner_block_info .col-md-3 {
    margin-bottom: 15px;
}

.popup_inner_block_info .add_equip_checkbox {
    padding-top: 0px;
}

.add_equipment_container .popup_inner_block:last-child {
    border-bottom: 0px;
    margin: 0px;
}

.equip-assign,
.equip-delete {
    cursor: pointer;
}

.up_deg_font .tab-pane .EquipmentDetailDiv .asg_light_table {
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
}

.EquipmentDetailDiv .asg_light_table_header button {
    padding: 0px;
    border: 0px;
    outline: 0px;
    background-color: #fff;
}

.EquipmentDetailDiv .asg_light_table_header {
    min-height: 50px;
}

.EquipmentDetailDiv .asg_light_table_header button:hover {
    text-decoration: underline;
}

.EquipmentDetailDiv .asg_light_table_info {
    padding: 8px 15px;
}

.ph_actby {
    width: 160px;
}

.ph_date {
    width: 95px;
}

.add_file_header,
.AddEquipmentHeader,
.manual_inventory_header {
    width: 100%;
    float: left;
    padding: 15px 15px 10px 15px;
    font-size: 16px;
    font-weight: bold;
}

.modal-header .close {
    margin-top: -13px;
    font-size: 33px;
    font-weight: normal;
    opacity: 1;
    position: relative;
}

.footer-section {
    background: #ffffff;
    height: 50px;
    position: fixed;
    width: 100%;
    bottom: 0%;
}

.addfile_inner_info {
    width: 100%;
    padding: 5px 0px;
    margin: auto;
    color: rgba(29, 29, 29, 0.5);
}

.AddEquipmentFooter {
    width: 100%;
    height: 50px;
    text-align: right;
    padding-right: 10px;
    padding-top: 10px;
    background-color: #ffffff;
}

.span-style {
    color: #1d1d1d;
    display: block;
    font-size: 14px;
    -webkit-tap-highlight-color: transparent;
}

.extra_padding {
    padding-top: 15px;
}

.single_line_text {
    white-space: nowrap;
}

.single_line_btn {
    display: flex;
    gap: 10px;
    float: right;
}

.lbib-note {
    color: #797979;
    font-weight: normal;
    font-style: italic;
    margin-top: 5px;
    font-size: 12px;
}

.lbib-rows {
    width: 100%;
    float: left;
    max-height: 400px;
    overflow: auto;
}

.field_style_block {
    width: 100%;
    float: left;
    padding: 15px 20px;
    margin-top: 15px;
    border: 1px solid rgba(29, 29, 29, 0.1);
    border-radius: 16px;
}

.field_style_footer {
    width: 100%;
    float: left;
    text-align: right;
    padding: 10px;
}

.np_info_normal_header.np_info .form-group .span-style {
    font-weight: normal;
}

.package_inner {
    padding: 0px 15px 0px 15px !important;
    width: 100%;
    float: left;
}

.asg_fieldset {
    width: 100%;
    float: left;
    border: 1px solid rgba(29, 29, 29, 0.1);
    border-radius: 16px;
    background-color: #f5f7fb;
    margin: 15px 0px;
}

.asg_fieldset_block {
    width: 100%;
    float: left;
    padding: 10px 10px;
    position: relative;
}

.package_container {
    width: 100%;
    display: flex;
    gap: 5px;
    float: left;
    flex-direction: row;
    justify-content: space-around;
}

.min_pack_first {
    min-width: 163px;
}

.package_indv {
    background: #ffffff;
    border-radius: 8px;
    padding: 5px;
    display: flex;
    gap: 4px;
    align-items: center;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
    position: relative;
    /* transition: transform .18s ease, box-shadow .18s ease;*/
}

.accent-a {
    background: linear-gradient(135deg, #6ee7b7 0%, #34d399 100%);
}

.accent-b {
    background: linear-gradient(135deg, #93c5fd 0%, #60a5fa 100%);
}

.accent-c {
    background: linear-gradient(135deg, #fbcfe8, #fda4af);
}

.accent-d {
    background: linear-gradient(135deg, #fde68a, #fca5a5);
}

.icon {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
    box-shadow: 0 6px 12px rgba(2, 6, 23, 0.06) inset;
}

.ntp_left_field {
    width: 300px !important;
    float: left;
}

.lst_nt_div {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;
    align-items: center;
}

.select2-container .select2-selection--single {
    height: 40px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(29, 29, 29, 0.1) !important;
    padding: 2px 0px 0px 8px;
}

input[type="checkbox"] {
    accent-color: var(--NewBlackColor);
    cursor: pointer;
}

.lst_note_btn {
    float: right;
    padding: 4px 8px;
    display: unset;
    height: unset !important;
    font-size: 13px;
    margin-bottom: 5px;
}

.lst_nt_div button {
    height: 38px !important;
}

.custom_pad_bot {
    padding-bottom: 0px;
}

.actionsTd {
    width: 10% !important;
}

.lst_note {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-weight: normal;
    min-height: 38px;
}

.icon .fa {
    font-size: 20px;
    color: #5b5b5b;
}

li.show-more-li {
    list-style-type: none !important;
}

.package_indv:hover {
    /* transform: translateY(-6px);*/
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.10);
}

.metric {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.metric .value {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.package_card_indv_body .label {
    margin-top: 6px;
    color: #6b7280;
    font-size: 12px;
    padding: 0px;
}

.asg_fieldset_block .asg_light_table_info {
    padding: 0px;
    background-color: #fff;
    margin-top: 10px;
}

.asg_fieldset_block .asg_light_table_info table tr th {
    border-top: 0px;
    border-bottom: 2px solid #f4f6fa !important;
}

.asg_fieldset_block .asg_light_table_info table tr td,
.asg_fieldset_block .asg_light_table_info table tr th {
    text-align: center;
}

.asg_fieldset_block .asg_light_table_info table tr td:nth-child(1),
.asg_fieldset_block .asg_light_table_info table tr th:nth-child(1) {
    text-align: left !important;
}

.asg_fieldset_block .asg_light_table_info tbody tr:nth-child(odd) {
    background-color: rgb(255 255 255 / 5%) !important;
}

.asg_fieldset_block .asg_light_table_info tbody tr td {
    border-bottom: 2px solid #f4f6fa !important;
}

.asg_fieldset_block .asg_light_table_info table {
    margin-bottom: 0px;
}

.pkg_total {
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-end;
    padding-right: 85px;
    font-weight: bold;
    margin-bottom: 18px;
    gap: 10px;
}

.pkg_head {}

.pkg_edit,
.pkg_delete,
.pkg_edit:hover,
.pkg_delete:hover {
    position: absolute;
    right: 10px;
    top: 5px;
    padding: 0px 0px;
    height: 15px !important;
    border-radius: 8px;
    border: 0px !important;
    background-color: #fff !important;
}

.pkg_edit {}

.pkg_delete,
.pkg_delete:hover {
    top: unset;
    bottom: 5px;
}

.prop_block_cont {
    width: 100%;
    float: left;
    border-top: 1px solid #ccc;
    margin-top: 10px;
}

.prop_block {
    width: 33.333%;
    float: left;
    padding: 0px 15px;
}

.point_table_block {
    width: 100%;
    float: left;
}

.point_table_block_head {
    width: 100%;
    float: left;
    font-weight: bold;
}

.pt_table {
    width: 100%;
    float: left;
}

.pt_table tr td {
    border: 1px solid #ccc;
    padding: 8px 8px;
}

.allign_text .totalpoint,
.allign_text .totalpoint {
    width: 100%;
    float: left;
    text-align: center;
}

.data_center {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.po_header_top button {
    padding: 0px;
    height: unset;
    background-color: #fff;
    border: 0px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.amount_text_style {
    text-align: right;
}

.point_text_style {
    text-align: center;
}

.new_po_container {
    width: 100%;
    float: left;
    padding: 15px 15px;
}

.new_po_container .asg_light_table_info {
    width: 100%;
    float: left;
    padding: 15px 15px;
}

.new_po_container .span-style {
    color: rgba(29, 29, 29, 0.5);
    font-weight: normal;
    margin-bottom: 3px;
}

.new_po_container .form-group input[type=text].form-control,
.new_po_container .form-group select.form-control,
.new_po_container .form-group textarea.form-control {
    /*  background-color: #f3f3f3 !important;
        border:1px solid #f3f3f3 !important;*/
}

.apo_asg_cont {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.apo_asg_cont table thead th {
    border: 0px !important;
    text-transform: capitalize !important;
    line-height: unset !important;
}

.new_po_container .apo_asg_cont .asg_light_table_info {
    padding: 0px 15px;
}

.new_po_container textarea {
    resize: none;
}

.apo_asg_header {
    width: 100%;
    float: left;
    font-weight: bold;
    color: #1D1D1D;
    padding: 5px;
}

.invoive_calculation_div {
    width: 100%;
    float: left;
}

.apo_asg_cont .invoice_message_div {
    width: 100%;
}

.apo_asg_cont .InvoiceMessage {
    width: 100%;
}

.apo_asg_cont .OtherInfos {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.file_instruct {
    width: 100%;
    float: left;
    font-size: 11px;
    font-style: italic;
    color: rgba(29, 29, 29, 0.5);
}

.apo_asg_cont .apo_image_add {
    float: left;
}

.Upload_Doc {
    width: 100%;
    float: left;
}

.apo_file_des {
    width: 300px;
    float: left;
    padding-top: 26px;
    padding-left: 20px;
}

.apo_file_des textarea {
    height: 120px !important;
    resize: none !important;
}

#FileUpload {
    width: 100%;
    float: left;
}

.apo_asg_cont .Upload_Doc {
    width: auto;
    float: left;
    position: relative;
}

.new_po_container #SaveBillFile {
    margin-top: 107px;
    margin-left: 15px;
    float: left;
}

.new_po_sub_total {
    width: 100%;
    float: left;
    font-size: 17px;
    font-weight: bold;
    padding-right: 50px;
    padding-top: 5px;
}

.new_po_sub_total_head {
    width: calc(100% - 100px);
    float: left;
    text-align: right;
}

.new_po_sub_total_info {
    width: 100px;
    float: left;
    text-align: right;
}

.apo_foot_btn {
    width: auto;
    float: right;
}

.apo_foot_btn .dark_button {
    width: max-content;
    float: right;
}

.tiny_mce_bg .mce-container,
.tiny_mce_bg .mce-container-body,
.tiny_mce_bg iframe {
    background-color: #f3f3f3 !important;
    border: 1px solid #f3f3f3 !important;
    background: #f3f3f3 !important;
    box-shadow: none;
    border-radius: 8px;
}

.tiny_mce_bg .mce-top-part {
    display: none;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #1d1d1d !important;
    border-color: #1d1d1d !important;
}

.button_gap button {
    margin-bottom: 10px;
}

.label_style .fomr-group label {
    font-weight: normal !important;
    margin-bottom: 2px !important;
}

#uploadfileerror {
    position: absolute;
    left: -6px;
    top: 7px;
    font-weight: normal;
    font-style: italic;
}

.field_in_row {
    display: flex;
}

.ssn_style {
    position: relative;
    margin-bottom: 28px !important;
}

.full_width {
    width: 100%;
    float: left;
}

.ahs_mini_width_inner .ssn_style {
    margin-bottom: 40px !important;
}

.ssn_text_info {
    font-size: 10px;
    color: #9d9d9d;
    position: absolute;
    line-height: 12px;
}

.pic_cont {
    width: 175px;
    float: left;
    position: relative;
    border: 1px solid #ccc;
}

.prop_left_block {
    width: 100%;
    float: left;
    padding: 10px;
    box-shadow: 2px 2px 8px #ccc;
    margin-left: 15px;
    margin-bottom: 15px;
    border-radius: 10px;
}

.prop_left_block .form-group label {}

.plb_top {
    width: 100%;
    float: left;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.plb_indv {
    flex: 1 1 auto;
    width: fit-content;
}

.plb_indv .form-group {
    margin-bottom: 0px;
}

.brange_block {
    width: 100%;
    float: left;
    padding-top: 10px;
}

.vcuv_header {
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px;
}

.vcuv_container {
    width: 100%;
    float: left;
    padding: 5px;
    height: calc(100dvh - 45px);
    overflow: auto;
    overflow-x: hidden;
}

.vcuv_container .dv-preview-pic {
    width: 100%;
    float: left;
}

.vcuv_container .dv-preview-pic-inner {
    height: auto;
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid #ccc;
}

.vcuv_container .single_info {
    margin-top: 0px;
    padding: 0px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: -5px;
    z-index: 9;
    background-color: #fff;
}

.si_row {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
}

.si_row_allign_center {
    align-items: center;
}

.si_row_allign_right {
    align-items: end;
}

.si_row button {
    width: 150px;
}

.si_left {
    width: auto;
    float: left;
}

.si_right {
    width: auto;
    float: right;

}

.si_left span,
.si_right span {
    color: rgba(29, 29, 29, 0.5);
}

.vcuv_container .preview-pic {
    max-height: 100%;
    width: -webkit-fill-available;
    position: unset;
}

.vcuv_container .RugImages {
    padding: 0px;
}

.mu_active,
.mu_deleted,
.mu_invited {
    width: auto;
    float: left;
    position: relative;
    padding-left: 20px;
}

.mu_active:before,
.mu_deleted:before,
.mu_invited:before {
    position: absolute;
    content: "";
    top: 0px;
    bottom: 0px;
    left: 10px;
    margin: auto;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.mu_active {
    color: #2ca01c;
}

.mu_deleted {
    color: var(--GlobalRed);
}

.mu_invited {
    color: #c9c90d;
}

.mu_active:before {
    background-color: #2ca01c;
}

.mu_invited:before {
    background-color: #c9c90d;
}

.mu_deleted:before {
    background-color: var(--GlobalRed);
}

.mu_stat_inline {
    display: flex;
    align-items: center;
}

.mu_stat_inline button {
    padding: 5px;
}

.mu_stat_inline button svg {
    width: 25px;
    height: 25px;
}

.no_wrap_style {
    white-space: nowrap;
}

.ppb_table_act_width {
    width: 200px;
}

.aq_denied_pop_costom {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    z-index: 999999 !important;
}

.aq_denied_pop_costom .modal-content {
    max-width: 450px;
    margin: auto;
    padding: 20px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    text-align: center;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    max-height: fit-content;
}

.si_height {
    height: calc(100dvh - 100px);
    width: 100%;
    float: left;
    overflow: auto;
}

.field_check {
    margin-top: 30px;
}

.field_inside_btn {
    padding-top: 20px;
}

.field_label_style label {
    margin-bottom: 0;
    color: rgba(29, 29, 29, .5);
    font-weight: normal;
}

.table_inside_list ul {
    padding-inline-start: 15px;
    margin-bottom: 0px;
}

.table_inside_block {
    width: 100%;
    float: left;
    border-top: 1px solid #ccc;
    padding: 5px 15px;
    margin-top: 10px;
}

.table_inside_block strong {
    width: auto;
    float: left;
    font-weight: normal;
    margin-right: 3px;
    color: rgba(29, 29, 29, 0.5);
}

.table_inside_block>div {
    width: 100%;
    float: left;
    font-size: 12px;
}

.table_inside_nowrap {
    white-space: nowrap;
}

.single_line_field {
    width: 100%;
    float: left;
    display: flex;
    padding-top: 10px;
    gap: 10px;
}

.single_line_field .form-group>span {
    color: rgba(29, 29, 29, 0.5);
}

.single_line_field input.form-control {
    width: 100% !important;
}

.cbx_holder {
    width: 100%;
    float: left;
    padding-top: 3px;
    display: flex;
    gap: 10px;
}

.cbx_holder label {
    cursor: pointer;
}

.lspc_sc_block {
    margin-top: 10px;
}

.lspc_sc_block .asg_light_table_header button {
    height: unset !important;
    position: absolute;
    right: 27px;
    top: 17px;
}

.lspc_sc_block .asg_light_table_info {
    padding-top: 5px;
}

@media(max-width:1300px) {

    .cusd_main_info .row .col-md-3,
    .acc_block_d .row .col-md-4 {
        width: 50%;
    }
}

@media(max-width:1367px) {
    .screen_overflow {
        overflow: auto;
        height: calc(100dvh - 293px);
    }
}

.stpf_button {
    display: flex;
    justify-content: space-around;
    gap: 10px;
}

.stpf_button button {
    flex: 1;
}

.np_info table tr td,
.np_info table tr th {
    padding: 5px 5px;
}

.sys_set_table tr td:nth-child(2) .btn {
    width: min-content !important;
}

.pd_table_head {
    display: none;
}

.asg_word_break {
    word-break: break-all;
}

.asg_sm_hd {
    color: rgba(29, 29, 29, 0.5);
    width: 100%;
    float: left;
    font-size: 12px;
}

.full_width {
    width: 100%;
    float: left;
}

.custom_pd .select2-search__field {
    padding-left: 10px !important;
    width: auto !important;
}

.asg_light_table_holder {
    width: 100%;
    float: left;
}


.support_box {
    width: 100%;
    float: left;
    background: var(--GlobaldenimBlue);
    color: #dcdcdc;
    padding: 10px;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
    font-size: 12px;
}

.support_header {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-bottom: 6px;
    color: var(--GlobalKhaki);
}

.support_header svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    color: white;
}

.sub_text {
    color: rgba(255, 255, 255, 0.3);
    margin-bottom: 8px;
}

.phone_box {
    background: var(--GlobalKhaki);
    border-radius: 10px;
    text-align: center;
    padding: 12px 0;
    color: white;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.section_title {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.3);
    margin-bottom: 0px;
}

.line {
    color: #e0e0e0;
}

.email {
    color: #e0e0e0;
    margin-bottom: 4px;
    display: block;
}

.sec_cust_marg {
    margin-top: 10px;
    border-top: 1px solid #353535;
    padding-top: 10px;
}

.srch_w_filter {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}

.srch_w_filter_grp {
    width: 300px;
    float: left;
}

.srch_w_filter_right {
    width: auto;
    display: flex;
    gap: 15px;
}

.srch_w_filter_inner {
    display: flex;
    flex: 1 1 240px;
    min-width: 240px;
    max-width: 300px;
    align-items: center;
    gap: 10px;
}

.srch_w_filter_inner label {
    white-space: nowrap;
    font-weight: normal;
    margin-bottom: 0px;
}

.srch_w_filter_grp .input-group input.form-control {
    padding-left: 15px !important;
}

/* Container */
.asg_filter_box {
    width: 330px;
    padding: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    font-family: 'Inter', sans-serif;
    color: #333;
    position: absolute;
    z-index: 999999;
    background-color: #fff;
    top: 44px;
    opacity: 0;
    transform: translateY(-12px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}

.ntp_filter_style_block_show {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

.asg_filter_group {
    width: 100%;
    float: left;
}

/* Labels */
.asg_filter_group label {
    display: block;
    font-size: 15px;
    margin-bottom: 6px;
    color: #7a7a7a;
    font-family: 'bricolagegrotesque-medium';
    font-weight: 500;
}

.asg_filter_group .dateviewed,
.asg_filter_group .dateTable {
    width: 100% !important;
}

/* Select */
.asg_filter_group select {
    width: 100%;
    font-size: 16px;
    border: 1px solid #dedede;
    border-radius: 12px;
    appearance: none;
    background: url("data:image/svg+xml;utf8,<svg width='14' height='14' xmlns='http://www.w3.org/2000/svg'><path d='M3 5l4 4 4-4' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>") no-repeat right 16px center;
    background-color: #fff;
    background-size: 14px;
    margin-bottom: 22px;
}

.asg_filter_group .form-control {
    margin-bottom: 22px !important;
}

.asg_filter_group .bootstrap-select {
    margin-bottom: 22px !important;
    width: 100% !important;
}

/* Buttons row */
.asg_filter_actions {
    display: flex;
    gap: 14px;
    margin-top: 5px;
    width: 100%;
    float: left;
}

.stt_block {
    width: auto;
    float: left;
    display: flex;
    height: 50px;
    align-items: center;
    gap: 10px;
    margin-left: 50px;
}

.stt_block label {
    font-size: 12px;
    color: #1d1d1d;
    font-weight: normal;
}

/* Reset Button */
.asg_filter_btn_reset {
    flex: 1;
    padding: 14px 10px;
    font-size: 16px;
    border-radius: 12px;
    border: 1px solid #dcdcdc;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: 'bricolagegrotesque-medium';
}

.asg_filter_reset_icon {
    font-size: 17px;
    color: #0A1A3A;
}

/* Apply Button */
.asg_filter_btn_apply {
    flex: 1;
    padding: 14px 10px;
    font-size: 16px;
    border-radius: 12px;
    border: none;
    background: #111;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: 'bricolagegrotesque-medium';
}

.popup_helptype .support_box {
    background-color: #fff;
    padding: 0px;
    box-shadow: none;
    padding-right: 15px;
    font-size: 14px;
}

.popup_helptype {
    background: #fff;
}

.popup_helptype a {
    position: relative;
    color: #333 !important;
    text-decoration: underline;
}

.popup_helptype a:hover:before {
    display: none;
}

.popup_helptype .section_title {
    position: relative;
    color: #333 !important;
    font-size: 14px;
}

.popup_helptype .line {
    color: #898989;
}

.popup_helptype .phone_box a {
    color: #fff !important;
    text-decoration: underline;
}

.popup_helptype .support_header {
    font-size: 18px;
    color: var(--GlobaldenimBlue);
    padding: 5px 0px;
}

.popup_helptype .phone_box {
    background-color: var(--GlobaldenimBlue);
}

.popup_helptype .sec_cust_marg {
    border-top: 1px solid #e3e3e3;
}

.side_collapse {
    cursor: pointer;
}

:root {
    --CollapsWidth: 65px;
}

.sidebar_height,
.PrivateLayoutContents,
.tp_style {
    transition: width 0.3s;
}

.sidebar_height.menu_collapse {
    width: 80px !important;
    z-index: 3;
}

.PrivateLayoutContents.menu_collapse_layout {
    width: calc(100% - 80px) !important;
    /* z-index: 0;*/
}

.forte_Pay_table .ba_amt {
    width: 165px;
    text-align: center;
}

.forte_Pay_table .total_amt {
    width: 230px;
    text-align: center;
}

.ar_loader {
    display: none;
}

.tp_style.menu_collapse_layout {
    width: calc(100% - 80px) !important;
}

.menu_collapse .mn_tx {
    display: none;
}

.menu_collapse .menu_bottom_info_outer {
    display: none;
}

.menu_collapse .up_deg_logo svg {
    left: -90px;
}

.menu_collapse .up_deg_logo path {
    display: none;
}

.menu_collapse #side-menu li .subnav {
    position: fixed;
    left: 84px;
    background-color: var(--NewBlackColor);
    width: 200px;
    border-radius: 15px;
    padding: 8px 8px;
    height: unset !important;
    display: none !important;
}

.menu_collapse #side-menu li:focus-within .subnav {
    display: unset !important;
}

.custom_right {
    margin-right: 5px;
}

.lspc_text {
    width: auto;
    float: right;
    display: flex;
    align-items: center;
}

.menu_collapse #side-menu li .subnav a:before {
    display: none;
}

.menu_collapse #side-menu li .subnav a {
    padding-left: 10px !important;
}

.menu_collapse .custom_color[data_title]:hover::after {
    content: attr(data_title);
    position: absolute;
    background: #ffffff;
    color: #020202;
    padding: 4px 8px;
    font-size: 10px;
    border-radius: 4px;
    top: 100%;
    left: 0px;
    z-index: 999;
}

.menu_collapse .custom_color[data_title]:hover::before {
    content: "";
    position: absolute;
    left: 25px;
    top: 88%;
    transform: rotate(137deg);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-right: 8px solid transparent;
}




@media(max-width:1400px) {

    /*  .menu_inner_height {
        min-height: unset;
    }*/
    .asg_light_table_holder {
        font-size: 12px;
    }

    :root {
        --resrTableHead1: auto;
    }

    .pd_table_device thead {
        display: none;
    }

    .pd_table_device tr td {
        width: 100%;
        float: left;
    }

    .pd_table_head {
        width: var(--resrTableHead1);
        float: left;
        display: unset;
        font-weight: bold;
        text-align: left;
        margin-right: 10px;
    }

    .pd_table_info {
        width: calc(100% - var(--resrTableHead1));
        float: left;
        text-align: left;
    }
}

.add_customer_file.dark_button {
    height: 26px !important;
    float: none;
}

.PrePop_table .tr-data i {
    cursor: pointer;
}

.PrePop_table .tr-data.tx_center {
    text-align: center;
}

.redo_style {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.redo_style a {
    float: left;
}

.redo_style .btn {
    margin-right: 25px;
}

.redo_style .btn:hover,
.redo_style .btn:focus {
    background-color: rgba(29, 29, 29, 1) !important;
}

.dev_top_logo {
    display: none;
}

.no_tada_div {
    width: 100%;
    float: left;
    text-align: center;
    color: #ccc;
}

.top_to_bottom_modal_container .device_bottom .tab-pane {
    padding-bottom: 0px !important;
    min-height: unset !important;
}
.pi_btn_block {
    width: 100%;
    float: left;
}

.pi_btn_left {
    width: 85px;
    float: left;
}

.pi_btn_right {
    width: calc(100% - 85px);
    float: left;
    padding-left: 5px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.pi_btn_block .light_btn {
    padding: 5px 10px;
    height: unset;
}
.nt_cont .sgi_big.cust_pad .form-control button {
    padding:3px 6px !important;
}
.double_side_btn {
    display: flex;
    justify-content: space-between;
    gap: 5px;
}
.AccountTab_Load_notpaidon {
    z-index: 9995;
    position: relative;
}
.tripple_btn_right {
   

}
.tripple_btn_right_inner {
    width: auto;
    float: right;
    display: flex;
    align-items: center;
    gap: 10px;
}
.right_box_option {
    width:auto;
    float:right;
}
.right_box_field {
    width: 300px;
    float: left;
}
.device_total_head {
    display:none;
}
.insTrack_field {
    width: 100%;
    float: left;
    display: flex;
    gap: 10px;
    margin-bottom:10px;
    margin-top:15px;
}
#Invoice_FinanceCompany {
    width:116px;
}

.lb_cont_tab.listbtn_top ul.nav li {
    margin-right: 3px !important;
}

.listbtn_holder {
    float: right !important;
    border: none !important;
    display: flex !important;
    gap: 5px;
}
@media (max-width: 1250px) {
  
    .btn_flex_div {
        display: flex;
        justify-content: flex-start;
        gap: 10px;
    }
    .rem_tab_scroll {
        height: unset;
    }
    .double_side_btn {
        justify-content: flex-start;
    }
    .cbx_height {
        height: 32px;
    }
    .customer_style table.accload table {
        border-collapse:unset;
        border-spacing: 0px;
    } 

    .cusd_nav .customer_detail_tab_style > li {
        width: auto;
        float: left;
    }
    .scroll_table {
        overflow:auto;
    }
    .scroll_table tr th {
        white-space:nowrap;
    }
    .cusd_nav ul {
        background-color: #fff;
        border-bottom: 0px;
        margin-bottom: 0px;
        display: flex;
        overflow: auto;
        padding-bottom: 15px;
    }

    .customer_style .responsive_table thead,
    .inventory_table .responsive_table thead {
        display: none !important;
    }

    #btnSendMailAndSMS_presentation {
        float: right;
    }

    .customer_style .responsive_table tbody tr td,
    .inventory_table .responsive_table tbody tr td {
        width: 100%;
        display: block !important;
        border: 0px !important;
        padding: 8px 15px !important;
        overflow: hidden !important;
        box-sizing: border-box;
    }
    :root {
        --RespHeadWidth:170px;
    }
    .customer_style .resp_head,
    .inventory_table .resp_head {
        float: left !important;
        width: var(--RespHeadWidth) !important;
        display: block;
        font-weight: bold;
        text-align: left;
        padding-left: 5px;
        color: rgba(29, 29, 29, 0.6);
        box-sizing: border-box;
    }

    .customer_style .resp_info,
    .inventory_table .resp_info {
        display: block !important;
        overflow: hidden !important;
        margin-left: var(--RespHeadWidth) !important;
        text-align: left;
        box-sizing: border-box;
        min-width: 0;
        word-break: break-word;
    }

    .customer_style .resp_info .float_right,
    .inventory_table .resp_info .float_right {
        float: none !important;
        display: inline-block !important;
    }

    .customer_style .table_style_fin tbody tr {
        display: block;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.10);
        overflow: hidden;
        margin-bottom: 12px;
    }
    .fg_cal_top {
        display: unset;
    }

    .fg_cal_top_right {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-top: 10px;
    }

        .fg_cal_top_right .fg_cal_top_right_block,
        .fg_cal_top_right button {
            margin-bottom: 5px;
        }

        .fg_cal_top_right .fg_cal_top_right_block {
          /*  width: auto;
            flex: 1 0;
            margin: 0px;*/
        }


}

@media (max-width:850px) {
    
    .insTrack_field {
        width: 100% !important;
        padding-left: 0px !important;
    }

    .flex_btn_group {
        justify-content: flex-start;
    }
    .emails_tab .finv_right {
        justify-content: flex-end;
    }
    .actionsTd {
        text-align: left !important;
    }
    .total_row_device .resp_head {
        width: 250px !important;
    }

    .rem_tab_scroll {
        height: unset !important;
    }
    .device_total_head {
        display: block;
        width: 100%;
        float: left;
        background-color: #f4f5f8;
        font-weight: bold;
        padding: 5px 10px;
    }
    .device_none_head,
    .resp_info.device_none_head {
        display: none !important;
    }
    
    .finv_right.double_btn_right {
        width: auto;
        float: right;
        margin-top: 0px;
    }
        .finv_right.double_btn_right .dateviewed {
           margin:0px;
        }
    .spillage_table {
        width: 100%;
        float: left;
        overflow: auto;
    }
        .spillage_table table th {
            white-space:nowrap;
        }
        .pi_btn_block {
            width: 100%;
            float: left;
            display: flex;
        }
    .justify_flex_end {
        justify-content: flex-end;
        display: flex !important;
    }
    .ntp_filter_style#RecipientDropdownPhy {
        width: auto !important;
        float: right !important;
        margin-top: 10px;
        margin-right: 0px !important;
    }
    .top_for_log.finv_right {
        width: auto;
        float: right;
        margin-top: 0px;
    }
        .top_for_log.finv_right .dateviewed {
            margin: 0px;
        }

    .up_deg_font .tp_style,
    .up_deg_font .PrivateLayoutContents {
        width: 100%;
    }

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

    .customer_style.header_both_side .asg_light_table_header {
        justify-content: unset;
    }

    .customer_style table {
        border-collapse: separate;
        border-spacing: 0 20px;
    }

    .customer_style .table_style_fin tbody tr {
        display: block;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.10);
        overflow: hidden;
        margin-bottom: 12px;
    }

    .customer_style .asg_light_table_info {
        padding: 0px 10px;
    }

    .customer_style .resp_head {
        padding-left: 5px;
        color: rgba(29, 29, 29, 0.6);
        float: left !important;
        width: var(--RespHeadWidth) !important;
    }

    .customer_style .responsive_table tbody tr td {
        padding: 8px 15px !important;
        display: block !important;
        overflow: hidden !important;
    }

    .toggle-install {
        width: 20px !important;
        height: 20px !important;
        cursor: pointer;
    }

    .date_device.finv_right {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .date_device.finv_right .dateviewed {
        width: auto !important;
        justify-content: flex-start;
        margin: 0 !important;
    }

    .date_device.finv_right .full_width_dev_btn {
        width: auto !important;
        margin: 0 !important;
    }

    .date_device .DateFilterContents .dropdown-filter {
        width: 340px;
        right: unset;
    }

    .layout_top_menu_bar {
        width: auto;
        float: right;
    }

    .dev_top_logo {
        display: unset;
        margin-top: 10px;
        float: left;
        margin-left: 0px;
    }

    .dev_top_logo polygon,
    .dev_top_logo path {
        fill: #000;
    }





    .device_modal_footer {
        display: flex !important;
        gap: 10px;
        flex-direction: column;
    }

    #LoadPaymentMethodAchView,
    #LoadPaymentMethodCcView {
        width: 100%;
        float: left;
        padding: 3px 10px;
    }

    .vcuv_container .single_info {
        flex-direction: column;
    }

    .stpf_button {
        display: flex;
        justify-content: space-around;
        gap: 10px;
        flex-direction: column;
        align-items: center;
    }

    .stpf_button button {
        flex: unset;
    }

    /* .ahs_ec_height_qa {
            height: calc(100dvh - 199px) !important;
        }*/
    .device_word_break {
        word-break: break-all;
    }

   

    .ssn_style {
        position: relative;
        margin-bottom: 15px !important;
    }

    .ssn_style.cell_ph {
        margin-bottom: 0px !important;
    }

    .ahs_mini_width_inner .ssn_style {
        margin-bottom: 24px !important;
    }

    .nbt_message {
        width: 100%;
        float: left;
        position: relative;
        bottom: 72px;
        z-index: 9;
        background-color: #fff;
        font-size: 12px;
    }

    .modal.fade#rmrHelpModal .modal-dialog {
        margin-top: 170px;
    }


    .up_deg_logo {
        top: -4px !important;
        display: none;
    }

    .device_bottom .tab-pane {
        padding-bottom: 100px;
    }


    .cus_det_tab_style .tab-content .tab-pane {
        min-height: unset;
    }

    /* .up_deg_font .PrivateLayoutContents {
            -webkit-overflow-scrolling: touch;
        }*/
    .asg_header_line .form-control,
    .asg_header_line button {}

    .email_opt_div {
        width: 100% !important;
    }

    .up_deg_font .cus-anchor {
        word-break: break-all;
    }

    .asg_light_table_header {
        /* justify-content: flex-end;*/
    }

    .asg_light_table_header,
    .asg_light_table_header_field {
        flex-wrap: wrap;
        gap: 10px;
    }

    #body_id {
        width: 100%;
        float: left;
        overflow: auto;
        height: 100dvh;
    }

    .gcpu_footer_inner .input-group {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .equipment-type-buttons button {
        margin-bottom: 5px;
    }

    .equipment-type-buttons,
    #RecipientDropdownPhy {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .lb_srch_div_inner {
        width: 100% !important;
    }

    .lb_cont_tab ul.nav li {
        margin-bottom: 10px;
    }

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

    .ilc_cnt_cont button {
        width: 40px !important;
        height: 40px !important;
    }

    .cusd_main_info .row .col-md-3,
    .acc_block_d .row .col-md-4 {
        width: 100%;
    }

    .up_deg_font .navbar-collapse.collapse {
        display: none !important;
    }

    .up_deg_font .navbar-collapse.collapse.in {
        display: block !important;
    }

    .up_deg_font .navbar-collapse.collapse.up_deg {
        height: 100dvh !important;
        overflow: auto !important;
        z-index: 999;
    }

    .up_deg_font .navbar-toggle {
        display: block !important;
    }

    .cpp_group {
        width: 100%;
    }

    .cpc_block input.form-control {
        width: 100%;
    }

    .asg_light_table_info tbody tr td {
        border: 0px solid #fff !important;
    }

    .device_flex {
        display: flex !important;
    }

    .np_inside_chk {
        font-weight: 500;
        display: flex;
        align-items: flex-start;
        gap: 2px;
        padding: 10px 0px;
        flex-direction: column;
    }

    .np_close_pop {
        margin-right: 10px;
    }

    .sch_cusd .input-group {
        width: 100% !important;
        margin-top: 10px;
    }

    .sch_cusd .ticket_filter_box_search {
        margin-bottom: 10px;
    }

    .sch_cusd .input-group .ticket_filter_box_drop {
        width: 100% !important;
    }



    .right_panel .iagreecheckbox {
        width: 100%;
        float: left;
        margin: 0px;
        margin-top: 5px !important;
    }

    .SyncAquaDiv {
        left: unset;
        right: 0px;
    }





    .cus_info_bar .cus_info_block:nth-child(even) {
        float: right;
    }

    .ntp_filter_style_inner .form-control {
        margin-bottom: 10px;
    }

    .up_deg #side-menu {
        margin-top: 15px !important;
    }

    .up_deg_font .sidebar {
        display: none;
        position: absolute;
        z-index: 11;
    }

    .up_deg_font .sidebar.collapse.in {
        display: block;
    }



    .half_width_dev_btn {
        width: calc(50% - 5px) !important;
        float: left;
    }

    .finv_right .half_width_dev_btn:nth-child(2) {
        float: right;
        margin-right: 0px;
    }

    .finv_right.respon_res_right {
        width: auto;
        margin: 0px;
        float: right;
    }

    .finv_right.respon_res_right .dateviewed {
        margin: 0px;
    }


    #cal_search_btn {}

    .asg_filter_group .form-control {
        margin-bottom: 0px !important;
    }

    .new_tab_peel_cont {
        display: none !important;
    }

   /* .Custom_Modal {
        min-height: -webkit-fill-available;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
    }
    .navbar-inverse.navbar-fixed-top {
        scroll-margin-top: 80px;
    }*/
    .up_deg.sidebar_height {
        padding-top: 70px;
        padding-bottom: 0px;
    }

    .device_custom_click {
        float: left;
    }

    .up_deg_logo img,
    .up_deg_logo svg {
        z-index: 99;
    }

    .up_deg.navbar-default.sidebar .sidebar-nav {
        position: unset !important;
        margin-top: 0px;
        background-color: unset !important;
    }

    .up_deg_font #page-wrapper {
        top: 0px;
    }

    .tp_style .device_custom_click {
        float: left;
        background-color: #fff !important;
        border: 0px;
    }

    .tp_style .device_custom_click .icon-bar {
        background-color: #1d1d1d !important;
    }

    .respon_table thead {
        display: none;
    }

    .respon_table tbody tr td {
        width: 100%;
        float: left;
        padding: 3px 5px;
        box-sizing: border-box;
        line-height: normal;
    }

    .respon_table tbody tr td div:nth-child(1) {
        display: block;
        width: 45%;
        float: left;
        text-align: left;
        font-weight: bold;
    }

    .respon_table tbody tr td div:nth-child(1) span {
        float: right;
        margin-right: 10px;
    }

    .respon_table tbody tr td div:nth-child(2) {
        width: 55%;
        float: left;
        text-align: left;
    }

    .ntp_srch .input-group {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .ntp_filter_style {
        margin-right: 5px !important;
        margin-left: 0px;
        margin-bottom: 5px;
    }

    .finv_right {
        width: 100%;
        float: left;
        margin-top: 15px;
    }

    .finv_right .dateviewed {
        float: right;
        margin: 10px 0px;
    }

    .full_width_dev_btn {
        width: 100% !important;
    }

    .filt_date {
        display: flex;
        width: 100%;
        float: left;
        justify-content: space-between;
    }

    .filt_date .finv_right {
        width: auto;
        margin-top: 0px;
    }

    .filt_date .finv_right .dateviewed {
        margin: 0px;
    }

    .oth_block {
        display: flex;
        width: 100%;
        float: left;
    }

    .sche_top_style {
        flex-wrap: nowrap;
    }

    .sche_top_style .asg_light_table_header_field {
        flex-wrap: nowrap;
    }

    .alr_des {
        display: flex;
        justify-content: space-between;
    }

    .alr_des .finv_right {
        display: flex;
        width: auto;
        margin-top: 0px;
    }
}

@media(max-width:768px) {
    :root {
        --RespHeadWidth: 170px;
    }
    .cus_info_bar {
        display: unset;
    }

    .cus_info_block {
        width: calc(50% - 5px);
        float: left;
        margin-bottom: 10px;
    }

    .up_deg_font .top_menu_custom_style {
        width: 100% !important;
    }

    .tp_style .navbar-top-links li a {
        padding: 13px 5px;
    }

    .tp_style .right_side_menu_style li a:hover:before,
    .tp_style .right_side_menu_style li a:focus:before,
    .tp_style .right_side_menu_style li.open .popup_active_color:before {
        position: absolute;
        content: "";
        /*background-color: rgba(29, 29, 29, 0.1) !important;*/
        background-color: rgba(0, 52, 255, 0.1) !important;
        z-index: 1;
        width: 25px;
        height: 25px;
        top: 10px;
        left: 6px;
        border-radius: 4px;
    }

    .tp_style .right_side_menu_style li a:hover:before,
    .tp_style .right_side_menu_style li a:focus:before,
    .tp_style .right_side_menu_style li.open .popup_active_color:before {
        left: 2px;
    }

    .finv_right {
        display: unset;
    }

    .oth_block {
        flex-wrap: wrap;
        gap: 5px;
    }

    .respn_block .oth_block .ntp_filter_style {
        width: unset;
        margin-right: 0px !important;
        flex: 49% 0;
        padding-right: 0px !important;
    }

    .sche_top_style {
        flex-wrap: wrap;
    }

    .sche_top_style .asg_light_table_header_field {
        flex-wrap: wrap;
    }
}


@media(max-width:500px) {
    .listbtn_holder {
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        width: 100%;
    }
    .insTrack_field {
        flex-direction: column !important;
    }
    #Invoice_FinanceCompany {
        width: 100% !important;
    }
    .total_row_device .resp_head {
        width: 220px !important;
    }

    .right_box_field {
        width: 200px;
    } 
    .tripple_btn_right_inner {
        width: 100%;
        justify-content: space-between;
    }
    .ful_width_btn_for_device {
        display: flex;
        flex-direction: column;
    }
   

    .finv_right.double_btn_right .dateviewed {
        margin-left: 10px;
    }
    .np_footer {
        padding: 10px 10px;
    }
    .fg_cal_top_right {
        flex-direction: column;
    }

    .finv_right.respon_res_right {
        width: 100%;
        float: left;
        display: contents;
    }

    .general_tab#EqpPendingListTab {
        display: flex;
    }

    .lb_cont_tab .general_tab#EqpPendingListTab li a {
        height: unset;
        text-align: center;
    }
}