/*Header Start*/
.mobileLable {
    display: none
}

.mbLable {
    display: none
}

@media (max-width:1024px) {
    .table {
        width: 100% !important;
    }
    /* .location-mst{

    }*/
    .Loctn-admn-list,
    .location-mst {
        table-layout: fixed;
        width: 100%;
        overflow-wrap: anywhere;
    }
    #showCards {
        display:none !important;
    }
   
   
   
}

@media (max-width:360px) {
    .bck-btn-flex {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 0 !important;
        /*justify-content:flex-end;*/
    }
}


@media (max-width:576px) {
    .App_space {
        padding-left: 0 !important;
        margin-top: 8px;
        margin-bottom: -15px;
    }
    .service-checkbtns {
        flex-direction: column;
        justify-content: start !important;
        align-items: start;
        gap: 10px;
        margin: 0;
    }

        .service-checkbtns li button, .service_search {
            margin-left: -28px;
        }

    .serv-name {
        padding-bottom: 0px;
        margin-left: 20px;
    }

    .serv-btns {
        margin-top: 0 !important;
        margin-left: 20px !important;
    }
    .Docc_View_main {
        text-align: left;
    }
    .card-title-section {
       /* display:flex;
        flex-direction:column !important;*/
    }
    .card-title-section2 {
        display: flex;
        flex-direction: column !important;
    }
    .align-item {
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    .nav-pills .nav-link.active {
        border-radius: 10px !important;
    }

    .container {
        width: 100%;
        padding-right: var(--bs-gutter-x,.75rem);
        padding-left: var(--bs-gutter-x,.75rem);
        margin-right: auto;
        margin-left: auto;
    }

    .table-container {
        overflow-x: auto;
    }

    .header_search, .header_right {
        display: none
    }

    .header_left {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .add_section {
        width: 100%;
    }

    .Tbl-Mb-View > tbody > tr {
        padding: 15px !important;
    }

    .Brnch-Mstr-Tbl.Brnch-Mstr-Sm-Tbl .edit_icon {
        padding: 10px 25px !important;
    }

    .State-Mstr-Tbl.State-Mstr-Sm-Tbl .view_icon {
        padding: 10px 25px !important;
    }

    .Emp-Mstr-Tbl.Loctn-admn-list .view_icon,
    .ZMstrList-tbl.ZMstrList-sm-tbl .view_icon,
    .Emp-Mstr-Tbl.Loctn-admn-list .edit_icon,
    .Country-Mstr-Tbl.Country-Mstr-Sm-Tbll .edit_icon,
    .State-Mstr-Tbl.State-Mstr-Sm-Tbl .edit_icon,
    .ZMstrList-tbl.ZMstrList-sm-tbl .edit_icon,
    .Emp-Mstr-Tbl.Emp-Mstr-Sm-Tbl .edit_icon {
        padding: 10px 25px !important;
    }

    .Emp-Mstr-Tbl.Loctn-admn-list .delete_icon,
    .Country-Mstr-Tbl.Country-Mstr-Sm-Tbll .delete_icon,
    .State-Mstr-Tbl.State-Mstr-Sm-Tbl .delete_icon,
    .ZMstrList-tbl.ZMstrList-sm-tbl .delete_icon,
    .Brnch-Mstr-Tbl.Brnch-Mstr-Sm-Tbl .delete_icon,
    .Emp-Mstr-Tbl.Emp-Mstr-Sm-Tbl .delete_icon {
        padding: 10px 25px !important;
    }

    .mb-size {
        display: none;
    }

    .Loctn-admn-list.Emp-Mstr-Sm-Tbl > tbody > tr,
    .ZMstrList-tbl.ZMstrList-sm-tbl > tbody > tr,
    .Emp-Mstr-Tbl.Emp-Mstr-Sm-Tbl > tbody > tr {
        padding: 10px 6px !important;
    }

    .serv_list_Ul {
        display: flex !important;
        flex-direction: column !important;
        padding-left: 10px !important;
    }

    .serv_list ul {
        padding-left: 10px !important;
    }

    .nav-item {
        border-radius: 10px;
        margin: 2px;
    }
    .card-content{
        flex-direction:column;
    }
    .nav2 .nav-link {
        padding: 4px 12px !important;
    }
}

@media (max-width:768px) {
    .App_space {
        padding-left: 0 !important;
        margin-top: 8px;
        margin-bottom: -15px;
    }
    .service-checkbtns {
        flex-direction: column;
        justify-content: start !important;
        align-items: start;
        gap: 10px;
        margin: 0;
    }

        .service-checkbtns li button, .service_search {
            margin-left: -28px;
        }

    .serv-name {
        padding-bottom: 0px;
        margin-left: 20px;
    }

    .serv-btns {
        margin-top: 0 !important;
        margin-left: 20px !important;
    }
    .table > tbody {
        vertical-align: inherit;
        overflow-wrap: anywhere;
    }

    .mbLable {
        font-weight: 500 !important;
    }
    .form_select.Docc_form_Select {
        width: 50% !important;
    }
    .sidebar {
        display: none;
    }

    .header_menu {
        font-size: 25px;
    }

    .mb_sidebar_menu_wrapper {
        background-color: white;
        height: 100%;
        overflow-y: scroll;
    }

    .header {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .mbLable {
        display: block;
    }

    .mbLable {
        display: block;
    }

    .add_btn,
    .reset_btn,
    .back_btn {
        padding: 7px 25px;
    }

    .Mb-d-Flex {
        justify-content: center;
        margin: 0 !important;
    }

    .header_search, .header_right {
        display: none
    }

    .header_left {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .add_section {
        width: 100%;
    }

    .Tbl-Mb-View {
        border: none !important;
    }


        .Tbl-Mb-View .thead {
            display: none !important;
        }

        .Tbl-Mb-View > tbody > tr > td:nth-last-child(1) {
            border-top: 1px solid #ddd !important;
        }

        .Tbl-Mb-View > tbody > tr > td:nth-child(1) {
            padding: 10px;
            background-color: #eeeeee !important;
            /*color:white;*/
            border-radius: 10px;
            height: 35px;
            width: 35px !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            font-size: 18px !important;
            font-weight: 600;
        }

    .sidebar_ul li {
        padding: 2px 16px !important;
        font-family: "Nunito", sans-serif;
        font-size: 13px;
        transition: all 0.5s !important;
        border-radius: 10px !important;
    }

        .sidebar_ul li:hover {
            background-color: #32346d !important;
        }

        .sidebar_ul li a {
            display: flex;
            text-decoration: none;
            color: black;
        }

    .Tbl-Mb-View > tbody > tr > td {
        display: flex !important;
        justify-content: flex-start;
        align-items: flex-start;
        border: 0 !important;
        text-align: left !important;
        background: #fff !important;
    }



    .Tbl-Mb-View > tbody > tr {
        font-family: "Nunito", sans-serif !important;
        /*     position: relative;*/
        border: none !important;
        line-height: normal;
        border-radius: 10px;
        background: #fff !important;
        display: block;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        margin: 10px 5px;
        padding: 35px;
    }
    /*.Brnch-Mstr-Tbl > tbody > tr > td:nth-child(1),
    .State-Mstr-Tbl > tbody > tr > td:nth-child(1),
    .Country-Mstr-Tbl > tbody > tr > td:nth-child(1) {
        padding: 10px;
        background-color: #eeeeee !important;*/
    /*color:white;*/
    /*border-radius: 10px;
        height: 45px;
        width: 45px;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 18px !important;
        font-weight: 600;
    }*/
    /*.Emp-Mstr-Tbl.Loctn-admn-list > tbody > tr > td:nth-last-child(1),
    .ZMstrList-tbl.ZMstrList-sm-tbl > tbody > tr > td:nth-last-child(1),
    .Emp-Mstr-Tbl.Emp-Mstr-Sm-Tbl > tbody > tr > td:nth-last-child(1) {
        border-top: 1px solid #ddd !important;
    }*/
    /*.Loc-adm-List > tbody > tr > td:nth-child(1),
    .Emp-Mstr-Tbl > tbody > tr > td:nth-child(1),
    .ZMstrList-tbl > tbody > tr > td:nth-child(1) {
        padding: 10px;
        background-color: #eeeeee !important;*/
    /*color:white;*/
    /*border-radius: 10px;
        height: 35px;
        width: 35px;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 18px !important;
        font-weight: 600;
    }*/
    /*.ZMstrList-tbl > tbody > tr > td:nth-child(2) {
        border-top: 1px solid #ddd !important;
        margin-top: 5px;
    }*/

    .Tbl-Mb-View .mobileLable {
        display: block;
        display: block !important;
        font-weight: 600;
    }

        .Tbl-Mb-View .mobileLable:after {
            content: ":";
            margin: 0 5px !important;
        }

    .Loc-adm-List > tbody > tr > td .mbLable,
    .ZMstrList-tbl > tbody > tr > td .mbLable {
        display: block !important;
        font-size: 16px !important;
        font-weight: 600;
        /*  color:black;*/
    }

    /* .Loc-adm-List > tbody > tr > td:nth-last-child(1),
    .State-Mstr-Tbl > tbody > tr > td:nth-last-child(1),
    .Country-Mstr-Tbl > tbody > tr > td:nth-last-child(1),
    .ZMstrList-tbl > tbody > tr > td:nth-last-child(1) {
        border-top: 1px solid #ddd !important;
    }*/
    .Loc-adm-List .mobileLable:after,
    .ZMstrList-tbl .mobileLable:after {
        content: ":";
        margin: 0 5px;
    }

    .action_btn {
        display: flex !important;
        align-items: center !important;
        font-weight: 500 !important;
    }

    .edit_icon a {
        color: #fff;
    }

    .action_btn .view_icon {
        display: flex;
        padding: 10px 55px !important;
        border-radius: 7px;
        font-weight: 500 !important;
        background-color: #180C3C;
        color: #ffffff;
        box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
        box-sizing: border-box;
        transition: box-shadow .15s,transform .15s;
    }

    .State-Mstr-Tbl .edit_icon,
    .Country-Mstr-Tbl .edit_icon,
    .ZMstrList-tbl .edit_icon {
        /*position:relative;
        top:10px;
        left:10px;*/
        display: flex;
        padding: 10px 55px !important;
        border-radius: 7px;
        background-color: #180C3C;
        color: #ffffff;
        box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
        box-sizing: border-box;
        transition: box-shadow .15s,transform .15s;
    }

    .Loc-adm-List .edit_icon {
        padding: 10px 25px !important;
        font-weight: 500 !important;
        border-radius: 7px;
        background-color: #180C3C;
        color: #ffffff;
        font-weight: 500 !important;
        box-shadow: rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(58, 65, 111, .5) 0 -3px 0 inset;
        box-sizing: border-box;
        transition: box-shadow .15s,transform .15s;
    }

    .Emp-Mstr-Tbl .edit_icon {
        padding: 10px 55px !important;
        border-radius: 7px;
        background-color: #180C3C;
        color: #ffffff;
        box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
        box-sizing: border-box;
        transition: box-shadow .15s,transform .15s;
    }

    .Brnch-Mstr-Tbl .edit_icon {
        padding: 10px 55px !important;
        border-radius: 7px;
        background-color: #180C3C;
        color: #ffffff;
        box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
        box-sizing: border-box;
        transition: box-shadow .15s,transform .15s;
    }


    .Emp-Mstr-Tbl .action_btn svg {
        height: 30px;
        width: 30px;
    }

    .Loc-adm-List .delete_icon {
        padding: 10px 25px !important;
        border-radius: 7px;
        border: 1px solid #ddd;
        font-weight: 500 !important;
        box-sizing: border-box;
    }

    .State-Mstr-Tbl .delete_icon,
    .Country-Mstr-Tbl .delete_icon,
    .ZMstrList-tbl .delete_icon {
        padding: 10px 55px !important;
        border-radius: 7px;
        border: 1px solid #ddd;
        font-weight: 500 !important;
        box-sizing: border-box;
    }

    .Emp-Mstr-Tbl .delete_icon {
        padding: 10px 55px !important;
        border-radius: 7px;
        border: 1px solid #ddd;
        font-weight: 500 !important;
        box-sizing: border-box;
    }

    .Brnch-Mstr-Tbl .delete_icon {
        padding: 10px 55px !important;
        border-radius: 7px;
        border: 1px solid #ddd;
        font-weight: 500 !important;
        box-sizing: border-box;
    }

    .Emp-Mstr-Tbl > tbody > tr > td:nth-child(2) {
        font-size: 18px !important;
        font-weight: 700;
        color: #012452;
        margin: 0 !important;
        border-bottom: 2px solid #012452 !important;
    }

    .Emp-Mstr-Tbl > tbody > tr > td:nth-child(3) {
        flex-direction: column !important;
        font-size: 20px !important;
        font-weight: 700;
        /*border-bottom: 1px solid #ddd !important;*/
        color: #141617 !important;
        padding-inline: 10px;
    }

    .Emp-Mstr-Tbl > tbody > tr > td:nth-child(4),
    .Emp-Mstr-Tbl > tbody > tr > td:nth-child(5),
    .Emp-Mstr-Tbl > tbody > tr > td:nth-child(6),
    .Emp-Mstr-Tbl > tbody > tr > td:nth-child(7) {
        font-size: 17px !important;
    }
    /*  .Brnch-Mstr-Tbl > tbody > tr > td:nth-last-child(1),
    .Emp-Mstr-Tbl > tbody > tr > td:nth-last-child(1) {
        border-top: 1px solid #ddd !important;
    }*/


    .Loctn-admn-list > tbody > tr > td:nth-child(3) {
        display: flex !important;
        flex-direction: row !important;
        font-size: 18px !important;
        font-weight: 500;
    }

    .ZMstrList-tbl > tbody > tr > td:nth-child(2) {
        border: none !important;
    }

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

   .nav2 .nav-link {
       padding: 5px 13px !important;
    }

    .closeBtton-form {
        top: 132px;
        right: 12px;
    }
    }
/*Header End*/