.AddNewTopLeft{
    top:25px;
    left:15px;
    position:absolute;
    z-index:100;
    width:1%;
}




.HeaderDiv {
    font-size: 19px;
    color: black;
    /*border: 1px solid white;*/
    /*font-family: 'Times New Roman', Times, serif;*/
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    text-align: start;
    width: 100px;
}

.Form-HeaderDiv {
    font-size: 17px;
    color: white;
    /*border: 1px solid white;*/
    font-family: 'Times New Roman', Times, serif;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    text-align: start;
    width: 100px;
}

.Form-Horizontal-Line {
    width: 100%;
    margin: 10px auto;
    opacity: 0.5;
    color: white;
    padding-top:0px
}


.Scroll-Div {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px
}



.Scroll-Div1 {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 5px;
    padding-bottom: 35px
}


.Scroll-Div::-webkit-scrollbar {
    width: 4px;
    background-color: #aaa; /* or add it to the track */
}





.Form-Horizontal-Full-Line {
    width: 100%;
    margin: 0px;
    /*opacity: 0.8;*/
    color: white;
    margin-top: 7px;
    margin-bottom: 7px;
    padding: 0px
}

.form-container {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin:0px



}

.form-Inner-Div {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 430px;
     width: 100%;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div1 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 450px;
     width: 100%;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}




.form-Inner-DivFull {
    border: 1px dotted gray;
    padding-top: 4px;
    padding-right: 10px;
    padding-left: 10px;
    /*padding: 10px;*/
    border-radius: 10px;
    height: calc(100% - 15px);
    /*width: 100%;*/
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    /*overflow: hidden;*/
    /*display: block;*/
    /*overflow-x: hidden;
    overflow-y: auto;*/
    overflow-x: hidden;
    overflow-y: auto;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}



.form-Inner-Div450 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 450px;
    width: 100%;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}



.form-Inner-Div425 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 425px;
    width: 100%;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div400 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 400px;
    width: 100%;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div390 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 390px;
    width: 100%;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}

.form-Inner-Div380 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 380px;
    width: 100%;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}

.form-Inner-Div370 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 370px;
    width: 100%;
    
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div370 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 370px;
    width: 100%;
}

.form-Inner-Div360 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 360px;
    width: 100%;
    
}

.form-Inner-Div350 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 350px;
    width: 100%;
    
    /*overflow-x: hidden;
    overflow-y: auto;*/
}



.form-Inner-Div340 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 340px;
    width: 100%;
    
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div330 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 330px;
    width: 100%;
   
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div320 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 320px;
    width: 100%;
    
    /*overflow-x: hidden;
    overflow-y: auto;*/
}




.form-Inner-Div310 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 310px;
    width: 100%;
    
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div300 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 300px;
    width: 100%;
    
    /*overflow-x: hidden;
    overflow-y: auto;*/
}



.form-Inner-Div295 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 295px;
    width: 100%;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div290 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 290px;
    width: 100%;
 
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div280 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 280px;
    width: 100%;
 
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div270 {

    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 270px;
    width: 100%;
    /*overflow: hidden;*/
    /*overflow-x: hidden;
    overflow-y: auto;*/
}



.form-Inner-DivAuto1 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: auto;
    width: 100%;
}



.form-Inner-DivAuto {
    /*border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;*/
    height: auto;
    width: 100%;
    overflow: hidden;
    display:block;
  
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-DivTop {
    border: 1px dotted gray;
    padding-top: 4px;
    padding-right: 10px;
    padding-left: 10px;
    /*padding: 10px;*/
    border-radius: 10px; 
    height: auto;
    /*width: 100%;*/
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    /*overflow: hidden;*/
    /*display: block;*/
    /*overflow-x: hidden;
    overflow-y: auto;*/
}



.form-Inner-Div250 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 250px;
    width: 100%;
  
    /*overflow-x: hidden;
    overflow-y: auto;*/
}



.form-Inner-Div235 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 235px;
    width: 100%;
    
 
    /*overflow-x: hidden;
    overflow-y: auto;*/
}

@media (max-width: 767.98px) {
    .tabos-mobile-container-gap {
        margin-top: 15px;
    }
}

.form-Inner-Div230 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 230px;
    width: 100%;
     
    /*overflow-x: hidden;
    overflow-y: auto;*/
}

.form-Inner-Div225 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 225px;
    width: 100%;
     
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div220 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 220px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.form-Inner-Div210 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 210px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}


.form-Inner-Div200 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 200px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}



.form-Inner-Div180 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 180px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}


.form-Inner-Div170 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 170px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}


.form-Inner-Div150 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 150px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}



.form-Inner-Div120 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 120px;
    width: 100%;
    overflow-x: hidden;
    /*overflow-y: auto;*/
}





.form-Inner-Div100 {
    border: 1px dotted gray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 100px;
    width: 100%;
   
}





.form-Inner-Div95 {
    border: 1px dotted gray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 95px;
    width: 100%;
  
}



.form-Inner-Div90 {
    border: 1px dotted gray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 90px;
    width: 100%;
    
}





.form-Inner-Div85 {
    border: 1px dotted gray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 85px;
    width: 100%;
    
}



.form-Inner-Div80 {
    border: 1px dotted gray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 80px;
    width: 100%;
    
}


.form-Inner-Div75 {
    border: 1px dotted gray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 75px;
    width: 100%;
    
}


.form-Inner-Div70 {
    border: 1px dotted gray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 70px;
    width: 100%;
   
}


.form-Inner-Div50 {
    border: 1px dotted gray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 50px;
    width: 100%;
    
}


.form-Inner-Div30 {
    border: 1px dotted gray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 30px;
    width: 100%;
    
}

.form-Inner-Div20 {
    border: 1px dotted gray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 20px;
    width: 100%;
    
}



    .form-Inner-Div::-webkit-scrollbar {
        width: 4px;
        background-color: #aaa; /* or add it to the track */
    }



.Form-Group-First {
    margin-top: 0px;
    width: 100%;
    text-align: start;
    display: flex;
    flex-direction: column;
}

.Form-Group {
    margin-top: 10px;
    width: 100%;
    text-align: start;
    display: flex ;
        flex-direction: column;
}

.Form-Lable {
    font-size: 14px;
    color: white;
    /*border: 1px solid white;*/
    font-family: 'Times New Roman', Times, serif;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    text-align: start;
    
    /*width: 100px;*/
    padding-top: 5px;
    padding-bottom: 0px;
}


.Form-TextBox {
    font-size: 16px;
    color: black;
    border: 1px solid white;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: start;
   
    width: 100%;
    margin: 0px;
}


.Form-TextArea {
    font-size: 16px;
    
    color: black;
    border: 1px solid white;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: start;
    /*width: 100px;*/
    margin: 0px;
    resize: none;
}

.Form-Button-Ok {
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
     /*margin-right:100px;*/
    color: black;
    border: 0px solid white;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    background-image: linear-gradient(to bottom right, lightgreen, white);
    /*background: rgba(255, 255, 255, 0.90);*/
    position: center;
}


    .Form-Button-Ok:hover {
        font-size: 18px;
    }



.Form-Button-Edit {
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
    /*margin-right: 100px;*/
    color: black;
    border: 0px solid white;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    background-image: linear-gradient(to bottom right, orange , white);
    /*background: rgba(255, 255, 255, 0.90);*/
    position: center;
}


    .Form-Button-Edit:hover {
        font-size: 18px;
    }



.Form-Button-Delete {
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
    /*margin-right: 100px;*/
    color: black;
    border: 0px solid white;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    background-image: linear-gradient(to bottom right, red, white);
    /*background: rgba(255, 255, 255, 0.90);*/
    position: center;
}


    .Form-Button-Delete:hover {
        font-size: 18px;
    }

.Form-Button-Cancel {
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
    color: black;
    border: 0px solid white;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    background-image: linear-gradient(to bottom right, lightgray, white);
    /*background: rgba(255, 255, 255, 0.90);*/
    position: center;
}

    .Form-Button-Cancel:hover {
        font-size: 18px;
    }




.Form-Button-Other-Currency {
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
    color: black;
    border: 0px solid white;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    background-image: linear-gradient(to bottom right, sandybrown, white);
    /*background: rgba(255, 255, 255, 0.90);*/
    position: center;
}

    .Form-Button-Other-Currency:hover {
        font-size: 18px;
    }




.Form-Button-Search {
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
    color: black;
    border: 0px solid white;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    background-image: linear-gradient(to bottom right,  lightblue, white);
    /*background: rgba(255, 255, 255, 0.90);*/
    position: center;
}


.JV-Button-Add {
    width: 40px;
    height: 33px;
    cursor: pointer;
    background-image: linear-gradient(to bottom right, sandybrown, white);
    /*background: rgba(255, 255, 255, 0.90);*/
}



.JV-Inner-Div {
    border: 1px dotted gray;
    border-radius: 10px;
    /*width: 100%;*/
    height: calc(100% - 175px);

    padding-top: 4px;
    padding-right: 10px;
    padding-left: 10px;
    /*padding: 10px;*/
   
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
}



/* Default: hidden on small screens */
#JVHeader {
    display: none;
    padding-top: 4px;
    padding-right: 10px;
    padding-left: 10px;
    /*padding: 10px;*/
    margin-right: 15px;
    margin-left: 15px;
}

.JVLabel {
    display: block;
}



#ScrollDiv {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px
}

.ph-sm::placeholder {
    color: #999;
    opacity: 1;
}



.JV-Horizontal-Full-Line {
    border-bottom: 1px solid black;
    width: 100%;
    margin: 0px;
    opacity: 0.4;
   
    margin-top: 7px;
    margin-bottom: 7px;
    padding: 0px
}

/* Show on medium and larger screens */
@media (min-width: 768px) {
    #JVHeader {
        display: block;
    }


    .JVLabel {
        display: none;
    }

    .JV-Horizontal-Full-Line {
        display:none;
    }
    .ph-sm::placeholder {
        color: transparent;
        opacity: 0;
    }

    #ScrollDiv {
        width: 100%;
        height: calc(100% - 50px);
        overflow-x: hidden;
        overflow-y: auto;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px
    }

}

/*///////////////////////////////////////*/

 
/* Popup Modal Styles */
.image-modal {
    display: none;
    position:absolute;
     z-index: 200; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
}


.image-modal-content1 {
    position: relative;
    margin: 10% auto;
    height: 110px;
    width: 330px;
    max-height: 110px;
    max-width: 330px;
    background: #fff;
    padding: 2px;
    
    /*border-radius: 8px;*/
    text-align: center;
}

.image-modal-content {
    position: relative;
    margin: 10% auto;
    max-height: 200px;
    max-width: 200px;
    background: #fff;
    padding: 2px;
    /*border-radius: 8px;*/
    text-align: center;
}

.image-modal img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.close-modal {
    /*position: absolute;
    top: 10px;
    right: 15px;
    font-size: 1.5rem;
    color: #aaa;
    cursor: pointer;*/
    display:none;
}

    .close-modal:hover {
        color: #000;
    }

.MSG_User {
    border: 1px dotted gray;
    padding-top: 4px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: white;
    color: black;
    text-align: left;
    /*padding: 10px;*/
    border-radius: 10px;
    height: auto;
    /*width: 100%;*/
    margin-right: 65px;
    margin-left: 5px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.MSG_Reply {
    border: 1px dotted gray;
    padding-top: 4px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #1982c4;
    color: white;
    text-align: left;
    /*padding: 10px;*/
    border-radius: 10px;
    height: auto;
    /*width: 100%;*/
    margin-right: 5px;
    margin-left: 65px;
    margin-bottom: 15px;
}


.MSG_Info {
    border: 1px dotted gray;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 10px;
    padding-left: 10px;
    /*background-color: lightgray;*/
    color: black;
    text-align: center;
    /*padding: 10px;*/
    /*border-radius: 10px;*/
    height: auto;
    /*width: 100%;*/
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}
     
     

#M1H.tabos-edit-modal .tabos-new-customer-edit-body {
    height: auto !important;
    overflow: visible;
}

#M1H.tabos-edit-modal .tabos-new-vender-edit-body {
    height: auto !important;
    overflow: visible;
}

#M1H.tabos-edit-modal .tabos-new-service-provider-edit-body {
    height: auto !important;
    overflow: visible;
}

#M1H.tabos-edit-modal .tabos-new-airline-body {
    height: auto !important;
    overflow: visible;
}

@media (min-width: 992px) {
    #M1H.tabos-view-modal,
    #M1H.tabos-view-modal #Modal1Area,
    #M1H.tabos-view-modal #Modal1Area > div {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

@media (max-width: 575.98px) {
    #M1W,
    #M2W,
    #M5W,
    #M6W {
        width: calc(100vw - 18px) !important;
        max-width: calc(100vw - 18px) !important;
    }

    #M1H,
    #M2H,
    #M5H,
    #M6H {
        max-height: calc(100vh - 16px) !important;
        max-height: calc(100dvh - 16px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    #M1H.tabos-add-all-account-modal,
    #M1H.tabos-add-all-account-modal #Modal1Area,
    #M1H.tabos-add-all-account-modal #Modal1Area > div,
    #M1H.tabos-update-drop-list-modal,
    #M1H.tabos-update-drop-list-modal #Modal1Area,
    #M1H.tabos-update-drop-list-modal #Modal1Area > div,
    #M1H.tabos-edit-modal,
    #M1H.tabos-edit-modal #Modal1Area,
    #M1H.tabos-edit-modal #Modal1Area > div,
    #M2H.tabos-update-page-list-modal,
    #M2H.tabos-update-page-list-modal #Modal2Area,
    #M2H.tabos-update-page-list-modal #Modal2Area > div {
        height: auto !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    #M1H.tabos-add-all-account-modal .bootstrap-select,
    #M1H.tabos-edit-modal .bootstrap-select,
    #M1H.tabos-update-drop-list-modal .bootstrap-select,
    #M2H.tabos-update-page-list-modal .bootstrap-select {
        box-sizing: border-box;
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    #M1H.tabos-add-all-account-modal .bootstrap-select > .dropdown-toggle,
    #M1H.tabos-edit-modal .bootstrap-select > .dropdown-toggle,
    #M1H.tabos-update-drop-list-modal .bootstrap-select > .dropdown-toggle,
    #M2H.tabos-update-page-list-modal .bootstrap-select > .dropdown-toggle {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100% !important;
    }

    #M1H.tabos-add-all-account-modal .bootstrap-select > .dropdown-menu,
    #M1H.tabos-edit-modal .bootstrap-select > .dropdown-menu,
    #M1H.tabos-update-drop-list-modal .bootstrap-select > .dropdown-menu,
    #M2H.tabos-update-page-list-modal .bootstrap-select > .dropdown-menu {
        box-sizing: border-box;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        width: 100% !important;
    }

    #M1H.tabos-add-all-account-modal .bootstrap-select .dropdown-menu.inner,
    #M1H.tabos-edit-modal .bootstrap-select .dropdown-menu.inner,
    #M1H.tabos-update-drop-list-modal .bootstrap-select .dropdown-menu.inner,
    #M2H.tabos-update-page-list-modal .bootstrap-select .dropdown-menu.inner,
    #M1H.tabos-add-all-account-modal .bootstrap-select .dropdown-menu .inner,
    #M1H.tabos-edit-modal .bootstrap-select .dropdown-menu .inner,
    #M1H.tabos-update-drop-list-modal .bootstrap-select .dropdown-menu .inner,
    #M2H.tabos-update-page-list-modal .bootstrap-select .dropdown-menu .inner,
    #M1H.tabos-add-all-account-modal .bootstrap-select .bs-searchbox,
    #M1H.tabos-edit-modal .bootstrap-select .bs-searchbox,
    #M1H.tabos-update-drop-list-modal .bootstrap-select .bs-searchbox,
    #M2H.tabos-update-page-list-modal .bootstrap-select .bs-searchbox,
    #M1H.tabos-add-all-account-modal .bootstrap-select .dropdown-menu li a,
    #M1H.tabos-edit-modal .bootstrap-select .dropdown-menu li a,
    #M1H.tabos-update-drop-list-modal .bootstrap-select .dropdown-menu li a,
    #M2H.tabos-update-page-list-modal .bootstrap-select .dropdown-menu li a {
        max-width: 100% !important;
        overflow-x: hidden !important;
        white-space: normal !important;
    }

    #M1H.tabos-add-all-account-modal .bootstrap-select .filter-option-inner-inner,
    #M1H.tabos-edit-modal .bootstrap-select .filter-option-inner-inner,
    #M1H.tabos-update-drop-list-modal .bootstrap-select .filter-option-inner-inner,
    #M2H.tabos-update-page-list-modal .bootstrap-select .filter-option-inner-inner {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #M1H.tabos-add-all-account-modal .bootstrap-select.show,
    #M1H.tabos-edit-modal .bootstrap-select.show,
    #M1H.tabos-update-drop-list-modal .bootstrap-select.show,
    #M2H.tabos-update-page-list-modal .bootstrap-select.show {
        overflow: visible !important;
    }

    #M1H.tabos-add-all-account-modal .bootstrap-select.show > .dropdown-menu.show,
    #M1H.tabos-edit-modal .bootstrap-select.show > .dropdown-menu.show,
    #M1H.tabos-update-drop-list-modal .bootstrap-select.show > .dropdown-menu.show,
    #M2H.tabos-update-page-list-modal .bootstrap-select.show > .dropdown-menu.show {
        display: block !important;
        float: none !important;
        left: auto !important;
        max-height: 260px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        position: static !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        width: 100% !important;
        z-index: 1065;
    }

    #M1H.tabos-add-all-account-modal .bootstrap-select.show > .dropdown-menu.show .inner.show,
    #M1H.tabos-edit-modal .bootstrap-select.show > .dropdown-menu.show .inner.show,
    #M1H.tabos-update-drop-list-modal .bootstrap-select.show > .dropdown-menu.show .inner.show,
    #M2H.tabos-update-page-list-modal .bootstrap-select.show > .dropdown-menu.show .inner.show {
        max-height: 200px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    #M1H.tabos-add-all-account-modal .bootstrap-select.show > .dropdown-menu.show .text,
    #M1H.tabos-edit-modal .bootstrap-select.show > .dropdown-menu.show .text,
    #M1H.tabos-update-drop-list-modal .bootstrap-select.show > .dropdown-menu.show .text,
    #M2H.tabos-update-page-list-modal .bootstrap-select.show > .dropdown-menu.show .text {
        color: inherit;
        display: block;
    }

    #M1H.tabos-edit-modal .form-Inner-DivTop,
    #M1H.tabos-edit-modal .form-Inner-DivFull,
    #M1H.tabos-edit-modal .form-Inner-Div150,
    #M1H.tabos-edit-modal .form-Inner-Div200,
    #M1H.tabos-edit-modal .form-Inner-Div220,
    #M1H.tabos-edit-modal .form-Inner-Div230,
    #M1H.tabos-edit-modal .form-Inner-Div235,
    #M1H.tabos-edit-modal .form-Inner-Div250,
    #M1H.tabos-edit-modal .form-Inner-Div280,
    #M1H.tabos-edit-modal .form-Inner-Div360,
    #M1H.tabos-edit-modal .form-Inner-Div450 {
        height: auto;
        overflow: visible;
    }

    #M1H.tabos-edit-modal .form-Inner-Div150 {
        min-height: 150px;
    }

    #M1H.tabos-edit-modal .form-Inner-Div200 {
        min-height: 200px;
    }

    #M1H.tabos-edit-modal .form-Inner-Div220 {
        min-height: 220px;
    }

    #M1H.tabos-edit-modal .form-Inner-Div230 {
        min-height: 230px;
    }

    #M1H.tabos-edit-modal .form-Inner-Div235 {
        min-height: 235px;
    }

    #M1H.tabos-edit-modal .form-Inner-Div250 {
        min-height: 250px;
    }

    #M1H.tabos-edit-modal .form-Inner-Div280 {
        min-height: 280px;
    }

    #M1H.tabos-edit-modal .form-Inner-Div360 {
        min-height: 360px;
    }

    #M1H.tabos-edit-modal .form-Inner-Div450 {
        min-height: 450px;
    }

    #M1H.tabos-add-all-account-modal .form-Inner-Div220,
    #M1H.tabos-add-all-account-modal .form-Inner-Div230,
    #M1H.tabos-add-all-account-modal .form-Inner-Div280,
    #M1H.tabos-add-all-account-modal .form-Inner-Div360,
    #M1H.tabos-add-all-account-modal .form-Inner-Div450,
    #M1H.tabos-update-drop-list-modal .form-Inner-Div150,
    #M1H.tabos-update-drop-list-modal .form-Inner-Div200,
    #M1H.tabos-update-drop-list-modal .form-Inner-Div220,
    #M1H.tabos-update-drop-list-modal .form-Inner-Div230,
    #M1H.tabos-update-drop-list-modal .form-Inner-Div280,
    #M1H.tabos-update-drop-list-modal .form-Inner-Div360,
    #M1H.tabos-update-drop-list-modal .form-Inner-Div450,
    #M2H.tabos-update-page-list-modal .form-Inner-Div150,
    #M2H.tabos-update-page-list-modal .form-Inner-Div200,
    #M2H.tabos-update-page-list-modal .form-Inner-Div220,
    #M2H.tabos-update-page-list-modal .form-Inner-Div230,
    #M2H.tabos-update-page-list-modal .form-Inner-Div280,
    #M2H.tabos-update-page-list-modal .form-Inner-Div360,
    #M2H.tabos-update-page-list-modal .form-Inner-Div450 {
        height: auto;
        overflow: visible;
    }

    #M2H.tabos-update-page-list-modal .form-Inner-Div150 {
        min-height: 150px;
    }

    #M1H.tabos-update-drop-list-modal .form-Inner-Div150 {
        min-height: 150px;
    }

    #M2H.tabos-update-page-list-modal .form-Inner-Div200 {
        min-height: 200px;
    }

    #M1H.tabos-update-drop-list-modal .form-Inner-Div200 {
        min-height: 200px;
    }

    #M1H.tabos-add-all-account-modal .form-Inner-Div220 {
        min-height: 220px;
    }

    #M1H.tabos-update-drop-list-modal .form-Inner-Div220 {
        min-height: 220px;
    }

    #M2H.tabos-update-page-list-modal .form-Inner-Div220 {
        min-height: 220px;
    }

    #M1H.tabos-add-all-account-modal .form-Inner-Div230 {
        min-height: 230px;
    }

    #M1H.tabos-update-drop-list-modal .form-Inner-Div230 {
        min-height: 230px;
    }

    #M2H.tabos-update-page-list-modal .form-Inner-Div230 {
        min-height: 230px;
    }

    #M1H.tabos-add-all-account-modal .form-Inner-Div280 {
        min-height: 280px;
    }

    #M1H.tabos-update-drop-list-modal .form-Inner-Div280 {
        min-height: 280px;
    }

    #M2H.tabos-update-page-list-modal .form-Inner-Div280 {
        min-height: 280px;
    }

    #M1H.tabos-add-all-account-modal .form-Inner-Div360 {
        min-height: 360px;
    }

    #M1H.tabos-update-drop-list-modal .form-Inner-Div360 {
        min-height: 360px;
    }

    #M2H.tabos-update-page-list-modal .form-Inner-Div360 {
        min-height: 360px;
    }

    #M1H.tabos-add-all-account-modal .form-Inner-Div450 {
        min-height: 450px;
    }

    #M1H.tabos-update-drop-list-modal .form-Inner-Div450 {
        min-height: 450px;
    }

    #M1H.tabos-update-drop-list-modal .row:has(> [class*="col-"] > input.btn) {
        display: flex;
        flex-wrap: wrap;
    }

    #M1H.tabos-update-drop-list-modal .row:has(> [class*="col-"] > input.btn) > [class*="col-"]:has(> input.btn) {
        box-sizing: border-box;
        flex: 0 0 50% !important;
        max-width: 50% !important;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
        width: 50% !important;
    }

    #M1H.tabos-update-drop-list-modal .row:has(> [class*="col-"] > input.btn) > [class*="col-"]:empty {
        display: none !important;
    }

    #M1H.tabos-update-drop-list-modal .row:has(> [class*="col-"] > input.btn) input.btn {
        min-width: 0;
        width: 100%;
    }

    #M2H.tabos-update-page-list-modal .form-Inner-Div450 {
        min-height: 450px;
    }

    #M2H.tabos-update-page-list-modal .tabos-update-page-list-body {
        min-height: 0;
        padding: 0 2px;
    }

    #M2H.tabos-update-page-list-modal .tabos-update-page-list-head-row,
    #M2H.tabos-update-page-list-modal .tabos-update-page-list-type-currency-row,
    #M2H.tabos-update-page-list-modal .tabos-update-page-list-buttons-row {
        display: flex;
        flex-wrap: wrap;
    }

    #M2H.tabos-update-page-list-modal .tabos-update-page-list-head,
    #M2H.tabos-update-page-list-modal .tabos-update-page-list-account-name,
    #M2H.tabos-update-page-list-modal .tabos-update-page-list-notes {
        width: 100%;
    }

    #M2H.tabos-update-page-list-modal .tabos-update-page-list-account-type,
    #M2H.tabos-update-page-list-modal .tabos-update-page-list-account-currency,
    #M2H.tabos-update-page-list-modal .tabos-update-page-list-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    #M2H.tabos-update-page-list-modal .tabos-update-page-list-head,
    #M2H.tabos-update-page-list-modal .tabos-update-page-list-account-type,
    #M2H.tabos-update-page-list-modal .tabos-update-page-list-account-currency,
    #M2H.tabos-update-page-list-modal .tabos-update-page-list-button {
        box-sizing: border-box;
        min-width: 0;
        padding-left: 8px;
        padding-right: 8px;
    }

    #M2H.tabos-update-page-list-modal .tabos-update-page-list-account-type,
    #M2H.tabos-update-page-list-modal .tabos-update-page-list-account-currency {
        left: auto !important;
        right: auto !important;
    }

    #M2H.tabos-update-page-list-modal .tabos-update-page-list-account-name,
    #M2H.tabos-update-page-list-modal .tabos-update-page-list-notes {
        box-sizing: border-box;
        padding-left: 8px;
        padding-right: 8px;
    }

    #M2H.tabos-update-page-list-modal .tabos-update-page-list-notes textarea {
        min-height: 78px;
    }

    #M2H.tabos-update-page-list-modal .tabos-update-page-list-buttons-row {
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        margin-left: 0;
        margin-right: 0;
        padding-top: 14px;
    }

    #M2H.tabos-update-page-list-modal .tabos-update-page-list-button .btn {
        min-width: 0;
        width: 100%;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-customer-email,
    #M1H.tabos-edit-modal .tabos-new-customer-email {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-customer-phone,
    #M1H.tabos-add-all-account-modal .tabos-new-customer-whatsapp,
    #M1H.tabos-edit-modal .tabos-new-customer-phone,
    #M1H.tabos-edit-modal .tabos-new-customer-whatsapp {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-customer-limit,
    #M1H.tabos-edit-modal .tabos-new-customer-limit {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-customer-trn-gap,
    #M1H.tabos-edit-modal .tabos-new-customer-trn-gap {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-customer-trn,
    #M1H.tabos-edit-modal .tabos-new-customer-trn {
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-customer-address,
    #M1H.tabos-edit-modal .tabos-new-customer-address {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-customer-phone .iti,
    #M1H.tabos-add-all-account-modal .tabos-new-customer-whatsapp .iti,
    #M1H.tabos-edit-modal .tabos-new-customer-phone .iti,
    #M1H.tabos-edit-modal .tabos-new-customer-whatsapp .iti {
        width: 100%;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-customer-buttons-row .btn,
    #M1H.tabos-edit-modal .tabos-new-customer-buttons-row .btn {
        min-width: 0;
        padding-left: 6px;
        padding-right: 6px;
        white-space: nowrap;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-vender-email,
    #M1H.tabos-edit-modal .tabos-new-vender-email {
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-vender-limit,
    #M1H.tabos-edit-modal .tabos-new-vender-limit {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-vender-phone,
    #M1H.tabos-add-all-account-modal .tabos-new-vender-whatsapp,
    #M1H.tabos-edit-modal .tabos-new-vender-phone,
    #M1H.tabos-edit-modal .tabos-new-vender-whatsapp {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-vender-address,
    #M1H.tabos-edit-modal .tabos-new-vender-address {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-vender-phone .iti,
    #M1H.tabos-add-all-account-modal .tabos-new-vender-whatsapp .iti,
    #M1H.tabos-edit-modal .tabos-new-vender-phone .iti,
    #M1H.tabos-edit-modal .tabos-new-vender-whatsapp .iti {
        width: 100%;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-vender-button-gap,
    #M1H.tabos-edit-modal .tabos-new-vender-button-gap {
        display: none !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-vender-button,
    #M1H.tabos-edit-modal .tabos-new-vender-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-vender-buttons-row .btn,
    #M1H.tabos-edit-modal .tabos-new-vender-buttons-row .btn {
        min-width: 0;
        padding-left: 6px;
        padding-right: 6px;
        white-space: nowrap;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-service-provider-email,
    #M1H.tabos-edit-modal .tabos-new-service-provider-email {
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-service-provider-limit,
    #M1H.tabos-edit-modal .tabos-new-service-provider-limit {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-service-provider-phone,
    #M1H.tabos-add-all-account-modal .tabos-new-service-provider-whatsapp,
    #M1H.tabos-edit-modal .tabos-new-service-provider-phone,
    #M1H.tabos-edit-modal .tabos-new-service-provider-whatsapp {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-service-provider-address,
    #M1H.tabos-edit-modal .tabos-new-service-provider-address {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-service-provider-phone .iti,
    #M1H.tabos-add-all-account-modal .tabos-new-service-provider-whatsapp .iti,
    #M1H.tabos-edit-modal .tabos-new-service-provider-phone .iti,
    #M1H.tabos-edit-modal .tabos-new-service-provider-whatsapp .iti {
        width: 100%;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-service-provider-button-gap,
    #M1H.tabos-edit-modal .tabos-new-service-provider-button-gap {
        display: none !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-service-provider-button,
    #M1H.tabos-edit-modal .tabos-new-service-provider-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-service-provider-buttons-row .btn,
    #M1H.tabos-edit-modal .tabos-new-service-provider-buttons-row .btn {
        min-width: 0;
        padding-left: 6px;
        padding-right: 6px;
        white-space: nowrap;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-bank-phone .iti,
    #M1H.tabos-add-all-account-modal .tabos-new-bank-whatsapp .iti,
    #M1H.tabos-edit-modal .tabos-new-bank-phone .iti,
    #M1H.tabos-edit-modal .tabos-new-bank-whatsapp .iti {
        width: 100%;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-bank-buttons-row .btn,
    #M1H.tabos-edit-modal .tabos-new-bank-buttons-row .btn {
        min-width: 0;
        padding-left: 6px;
        padding-right: 6px;
        white-space: nowrap;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-name-days,
    #M1H.tabos-edit-modal .tabos-new-services-name-days {
        display: flex;
        flex: 0 0 100% !important;
        flex-wrap: wrap;
        max-width: 100% !important;
        width: 100% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-name,
    #M1H.tabos-edit-modal .tabos-new-services-name {
        box-sizing: border-box;
        flex: 0 0 58.333333% !important;
        max-width: 58.333333% !important;
        padding-left: 5px;
        width: 58.333333% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-days,
    #M1H.tabos-edit-modal .tabos-new-services-days {
        box-sizing: border-box;
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
        padding-right: 5px;
        width: 41.666667% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-notes,
    #M1H.tabos-add-all-account-modal .tabos-new-services-account,
    #M1H.tabos-edit-modal .tabos-new-services-notes,
    #M1H.tabos-edit-modal .tabos-new-services-account {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-amount,
    #M1H.tabos-add-all-account-modal .tabos-new-services-umc,
    #M1H.tabos-edit-modal .tabos-new-services-amount,
    #M1H.tabos-edit-modal .tabos-new-services-umc {
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
        width: 41.666667% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-total,
    #M1H.tabos-edit-modal .tabos-new-services-total {
        flex: 0 0 58.333333% !important;
        max-width: 58.333333% !important;
        width: 58.333333% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-buttons,
    #M1H.tabos-edit-modal .tabos-new-services-buttons {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-button,
    #M1H.tabos-edit-modal .tabos-new-services-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-button .btn,
    #M1H.tabos-edit-modal .tabos-new-services-button .btn {
        min-width: 0;
        padding-left: 6px;
        padding-right: 6px;
        white-space: nowrap;
        width: 100%;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-name-days,
    #M1H.tabos-add-all-account-modal .tabos-new-services-name-days ~ .tabos-new-services-notes,
    #M1H.tabos-add-all-account-modal .tabos-new-services-name-days ~ .tabos-new-services-notes ~ *,
    #M1H.tabos-edit-modal .tabos-new-services-name-days,
    #M1H.tabos-edit-modal .tabos-new-services-name-days ~ .tabos-new-services-notes,
    #M1H.tabos-edit-modal .tabos-new-services-name-days ~ .tabos-new-services-notes ~ * {
        min-width: 0;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-name-days,
    #M1H.tabos-add-all-account-modal .tabos-new-services-account,
    #M1H.tabos-add-all-account-modal .tabos-new-services-buttons,
    #M1H.tabos-edit-modal .tabos-new-services-name-days,
    #M1H.tabos-edit-modal .tabos-new-services-account,
    #M1H.tabos-edit-modal .tabos-new-services-buttons {
        overflow-x: hidden;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-name-days,
    #M1H.tabos-add-all-account-modal .tabos-new-services-account,
    #M1H.tabos-edit-modal .tabos-new-services-name-days,
    #M1H.tabos-edit-modal .tabos-new-services-account {
        padding-left: 6px;
        padding-right: 6px;
    }

    #M1H.tabos-add-all-account-modal .tab-content,
    #M1H.tabos-edit-modal .tab-content {
        overflow-x: hidden;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-account ~ .tabos-new-services-amount,
    #M1H.tabos-edit-modal .tabos-new-services-account ~ .tabos-new-services-amount {
        min-width: 0;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-account,
    #M1H.tabos-edit-modal .tabos-new-services-account {
        min-width: 0;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-account .bootstrap-select .dropdown-menu,
    #M1H.tabos-edit-modal .tabos-new-services-account .bootstrap-select .dropdown-menu,
    #M1H.tabos-add-all-account-modal .tabos-new-services-days .bootstrap-select .dropdown-menu,
    #M1H.tabos-edit-modal .tabos-new-services-days .bootstrap-select .dropdown-menu {
        max-width: calc(100vw - 46px) !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-account .bootstrap-select .dropdown-menu .text,
    #M1H.tabos-edit-modal .tabos-new-services-account .bootstrap-select .dropdown-menu .text,
    #M1H.tabos-add-all-account-modal .tabos-new-services-days .bootstrap-select .dropdown-menu .text,
    #M1H.tabos-edit-modal .tabos-new-services-days .bootstrap-select .dropdown-menu .text {
        display: block;
        max-width: 100%;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-services-account .bs-searchbox .form-control,
    #M1H.tabos-edit-modal .tabos-new-services-account .bs-searchbox .form-control,
    #M1H.tabos-add-all-account-modal .tabos-new-services-days .bs-searchbox .form-control,
    #M1H.tabos-edit-modal .tabos-new-services-days .bs-searchbox .form-control {
        box-sizing: border-box;
        max-width: 100%;
        width: 100%;
    }

    #M1H.tabos-edit-modal .tabos-new-fixed-old-name,
    #M1H.tabos-edit-modal .tabos-new-tax-old-name {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-fixed-name,
    #M1H.tabos-add-all-account-modal .tabos-new-tax-name,
    #M1H.tabos-edit-modal .tabos-new-fixed-name,
    #M1H.tabos-edit-modal .tabos-new-tax-name {
        flex: 0 0 75% !important;
        max-width: 75% !important;
        width: 75% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-fixed-limit,
    #M1H.tabos-add-all-account-modal .tabos-new-tax-limit,
    #M1H.tabos-edit-modal .tabos-new-fixed-limit,
    #M1H.tabos-edit-modal .tabos-new-tax-limit {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-fixed-address,
    #M1H.tabos-add-all-account-modal .tabos-new-tax-address,
    #M1H.tabos-edit-modal .tabos-new-fixed-address,
    #M1H.tabos-edit-modal .tabos-new-tax-address {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-fixed-button-gap,
    #M1H.tabos-add-all-account-modal .tabos-new-tax-button-gap,
    #M1H.tabos-edit-modal .tabos-new-fixed-button-gap,
    #M1H.tabos-edit-modal .tabos-new-tax-button-gap {
        display: none !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-fixed-button,
    #M1H.tabos-add-all-account-modal .tabos-new-tax-button,
    #M1H.tabos-edit-modal .tabos-new-fixed-button,
    #M1H.tabos-edit-modal .tabos-new-tax-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-fixed-button .btn,
    #M1H.tabos-add-all-account-modal .tabos-new-tax-button .btn,
    #M1H.tabos-edit-modal .tabos-new-fixed-button .btn,
    #M1H.tabos-edit-modal .tabos-new-tax-button .btn {
        min-width: 0;
        padding-left: 6px;
        padding-right: 6px;
        white-space: nowrap;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-body,
    #M1H.tabos-edit-modal .tabos-new-airline-body {
        display: flex;
        flex-wrap: wrap;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-body > .row,
    #M1H.tabos-edit-modal .tabos-new-airline-body > .row,
    #M1H.tabos-add-all-account-modal .tabos-new-airline-name-code-group,
    #M1H.tabos-edit-modal .tabos-new-airline-name-code-group,
    #M1H.tabos-add-all-account-modal .tabos-new-airline-name-code-group > .row,
    #M1H.tabos-edit-modal .tabos-new-airline-name-code-group > .row,
    #M1H.tabos-add-all-account-modal .tabos-new-airline-contact-grid,
    #M1H.tabos-edit-modal .tabos-new-airline-contact-grid,
    #M1H.tabos-add-all-account-modal .tabos-new-airline-accounts-row,
    #M1H.tabos-edit-modal .tabos-new-airline-accounts-row,
    #M1H.tabos-add-all-account-modal .tabos-new-airline-buttons-row,
    #M1H.tabos-edit-modal .tabos-new-airline-buttons-row {
        display: contents !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-body > .row:first-of-type > [class*="col-"],
    #M1H.tabos-edit-modal .tabos-new-airline-body > .row:first-of-type > [class*="col-"],
    #M1H.tabos-add-all-account-modal .tabos-new-airline-name,
    #M1H.tabos-edit-modal .tabos-new-airline-name,
    #M1H.tabos-add-all-account-modal .tabos-new-airline-address,
    #M1H.tabos-edit-modal .tabos-new-airline-address,
    #M1H.tabos-add-all-account-modal .tabos-new-airline-income,
    #M1H.tabos-edit-modal .tabos-new-airline-income,
    #M1H.tabos-add-all-account-modal .tabos-new-airline-bsp,
    #M1H.tabos-edit-modal .tabos-new-airline-bsp {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-ser,
    #M1H.tabos-edit-modal .tabos-new-airline-ser {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
        order: 4;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-amount,
    #M1H.tabos-add-all-account-modal .tabos-new-airline-percent,
    #M1H.tabos-edit-modal .tabos-new-airline-amount,
    #M1H.tabos-edit-modal .tabos-new-airline-percent {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-phone,
    #M1H.tabos-add-all-account-modal .tabos-new-airline-whatsapp,
    #M1H.tabos-edit-modal .tabos-new-airline-phone,
    #M1H.tabos-edit-modal .tabos-new-airline-whatsapp {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-email,
    #M1H.tabos-edit-modal .tabos-new-airline-email {
        flex: 0 0 75% !important;
        max-width: 75% !important;
        width: 75% !important;
        order: 3;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-code,
    #M1H.tabos-edit-modal .tabos-new-airline-code {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
        order: 3;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-amount,
    #M1H.tabos-edit-modal .tabos-new-airline-amount {
        order: 4;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-percent,
    #M1H.tabos-edit-modal .tabos-new-airline-percent {
        order: 4;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-phone,
    #M1H.tabos-edit-modal .tabos-new-airline-phone {
        order: 5;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-whatsapp,
    #M1H.tabos-edit-modal .tabos-new-airline-whatsapp {
        order: 5;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-address,
    #M1H.tabos-edit-modal .tabos-new-airline-address {
        order: 6;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-income,
    #M1H.tabos-edit-modal .tabos-new-airline-income,
    #M1H.tabos-add-all-account-modal .tabos-new-airline-bsp,
    #M1H.tabos-edit-modal .tabos-new-airline-bsp {
        order: 7;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-button,
    #M1H.tabos-edit-modal .tabos-new-airline-button {
        order: 8;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-phone .iti,
    #M1H.tabos-add-all-account-modal .tabos-new-airline-whatsapp .iti,
    #M1H.tabos-edit-modal .tabos-new-airline-phone .iti,
    #M1H.tabos-edit-modal .tabos-new-airline-whatsapp .iti {
        width: 100%;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-button-gap,
    #M1H.tabos-edit-modal .tabos-new-airline-button-gap {
        display: none !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-button,
    #M1H.tabos-edit-modal .tabos-new-airline-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    #M1H.tabos-add-all-account-modal .tabos-new-airline-buttons-row .btn,
    #M1H.tabos-edit-modal .tabos-new-airline-buttons-row .btn {
        min-width: 0;
        padding-left: 6px;
        padding-right: 6px;
        white-space: nowrap;
    }

    .tabos-add-new-services-top-row,
    .tabos-add-new-services-main-row,
    .tabos-add-new-services-customer-row,
    .tabos-add-new-services-actions-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-add-new-services-date,
    .tabos-add-new-services-csvn {
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
        width: 41.666667% !important;
    }

    .tabos-add-new-services-top-gap {
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
        width: 16.666667% !important;
    }

    .tabos-add-new-services-customer-payment,
    .tabos-add-new-services-actions-total {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }

    .tabos-add-new-services-customer {
        flex: 0 0 75% !important;
        max-width: 75% !important;
        width: 75% !important;
    }

    .tabos-add-new-services-payment {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }

    .tabos-add-new-services-actions {
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
        width: 41.666667% !important;
    }

    .tabos-add-new-services-total {
        flex: 0 0 58.333333% !important;
        max-width: 58.333333% !important;
        width: 58.333333% !important;
    }

    .tabos-add-new-services-date,
    .tabos-add-new-services-csvn,
    .tabos-add-new-services-customer,
    .tabos-add-new-services-payment,
    .tabos-add-new-services-actions,
    .tabos-add-new-services-total {
        box-sizing: border-box;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabos-add-new-services-actions .input-group {
        flex-wrap: nowrap;
    }

    .tabos-add-new-services-actions .input-group-text {
        padding-left: 5px;
        padding-right: 5px;
        white-space: nowrap;
    }

    .tabos-service-entry-body .tabos-service-entry-top-row,
    .tabos-service-entry-body .tabos-service-entry-notes-row,
    .tabos-service-entry-body .tabos-service-entry-vat-row,
    .tabos-service-entry-body .tabos-service-entry-broker-row,
    .tabos-service-entry-body .tabos-service-entry-staff-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-service-entry-body .tabos-service-entry-amount-group,
    .tabos-service-entry-body .tabos-service-entry-amount-row,
    .tabos-service-entry-body .tabos-service-entry-buttons-group,
    .tabos-service-entry-body .tabos-service-entry-buttons-row {
        display: contents;
    }

    .tabos-service-entry-body .tabos-service-entry-buttons-group > .form-group {
        display: contents;
    }

    .tabos-service-entry-body .tabos-service-entry-buttons-group > .form-group > label {
        display: none;
    }

    .tabos-service-entry-body .tabos-service-entry-service {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .tabos-service-entry-body .tabos-service-entry-price,
    .tabos-service-entry-body .tabos-service-entry-amount {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-service-entry-body .tabos-service-entry-vat-amount,
    .tabos-service-entry-body .tabos-service-entry-broker-amount,
    .tabos-service-entry-body .tabos-service-entry-button {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        padding-top: 29px;
        width: 25% !important;
    }

    .tabos-service-entry-body .tabos-service-entry-qty,
    .tabos-service-entry-body .tabos-service-entry-discount {
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
        width: 16.666667% !important;
    }

    .tabos-service-entry-body .tabos-service-entry-notes {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .tabos-service-entry-body .tabos-service-entry-vat-account {
        flex: 0 0 58.333333% !important;
        max-width: 58.333333% !important;
        width: 58.333333% !important;
    }

    .tabos-service-entry-body .tabos-service-entry-broker-account {
        flex: 0 0 75% !important;
        max-width: 75% !important;
        width: 75% !important;
    }

    .tabos-service-entry-body .tabos-service-entry-vat-percent {
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
        width: 16.666667% !important;
    }

    .tabos-service-entry-body .tabos-service-entry-staff-account {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-service-entry-body .tabos-service-entry-service,
    .tabos-service-entry-body .tabos-service-entry-price,
    .tabos-service-entry-body .tabos-service-entry-qty,
    .tabos-service-entry-body .tabos-service-entry-amount,
    .tabos-service-entry-body .tabos-service-entry-notes,
    .tabos-service-entry-body .tabos-service-entry-vat-account,
    .tabos-service-entry-body .tabos-service-entry-vat-percent,
    .tabos-service-entry-body .tabos-service-entry-vat-amount,
    .tabos-service-entry-body .tabos-service-entry-discount,
    .tabos-service-entry-body .tabos-service-entry-broker-account,
    .tabos-service-entry-body .tabos-service-entry-broker-amount,
    .tabos-service-entry-body .tabos-service-entry-staff-account,
    .tabos-service-entry-body .tabos-service-entry-button {
        box-sizing: border-box;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabos-service-entry-body .tabos-service-entry-service .bootstrap-select,
    .tabos-service-entry-body .tabos-service-entry-vat-account .bootstrap-select,
    .tabos-service-entry-body .tabos-service-entry-broker-account .bootstrap-select,
    .tabos-service-entry-body .tabos-service-entry-staff-account .bootstrap-select,
    .tabos-service-entry-body .tabos-service-entry-service .bootstrap-select > .dropdown-toggle,
    .tabos-service-entry-body .tabos-service-entry-vat-account .bootstrap-select > .dropdown-toggle,
    .tabos-service-entry-body .tabos-service-entry-broker-account .bootstrap-select > .dropdown-toggle,
    .tabos-service-entry-body .tabos-service-entry-staff-account .bootstrap-select > .dropdown-toggle,
    .tabos-service-entry-body .tabos-service-entry-button .btn {
        min-width: 0;
        width: 100% !important;
    }

    .tabos-void-top-row,
    .tabos-void-fees-row,
    .tabos-void-buttons-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-void-date {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-void-top-gap {
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
        width: 16.666667% !important;
    }

    .tabos-void-ticket-select {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-void-rate {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }

    .tabos-void-fee-gap {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }

    .tabos-void-airline-fee,
    .tabos-void-agency-fee {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }

    .tabos-void-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-void-date,
    .tabos-void-top-gap,
    .tabos-void-ticket-select,
    .tabos-void-rate,
    .tabos-void-fee-gap,
    .tabos-void-airline-fee,
    .tabos-void-agency-fee,
    .tabos-void-button {
        box-sizing: border-box;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabos-void-button .btn {
        min-width: 0;
        white-space: nowrap;
        width: 100%;
    }

    .tabos-new-pi-top-row,
    .tabos-new-pi-main-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-new-pi-date,
    .tabos-new-pi-top-gap,
    .tabos-new-pi-vn {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-new-pi-customer-payment,
    .tabos-new-pi-actions-total,
    .tabos-new-pi-customer-row,
    .tabos-new-pi-actions-row {
        display: contents;
    }

    .tabos-new-pi-customer {
        flex: 0 0 75% !important;
        max-width: 75% !important;
        width: 75% !important;
    }

    .tabos-new-pi-payment {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }

    .tabos-new-pi-vat,
    .tabos-new-pi-add-line {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }

    .tabos-new-pi-total {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-new-pi-date,
    .tabos-new-pi-top-gap,
    .tabos-new-pi-vn,
    .tabos-new-pi-customer,
    .tabos-new-pi-payment,
    .tabos-new-pi-vat,
    .tabos-new-pi-add-line,
    .tabos-new-pi-total {
        box-sizing: border-box;
        min-width: 0;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .tabos-new-pi-add-line .input-group-prepend,
    .tabos-new-pi-add-line .input-group-text {
        justify-content: center;
        min-width: 0;
        width: 100%;
    }

    .tabos-new-pi-add-line .input-group-text {
        line-height: 1.25;
        padding-left: 4px;
        padding-right: 4px;
        text-align: center;
        white-space: normal;
    }

    .tabos-pi-line-body .tabos-pi-line-notes-row,
    .tabos-pi-line-body .tabos-pi-line-values-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-pi-line-body .tabos-pi-line-amount-group,
    .tabos-pi-line-body .tabos-pi-line-amount-row {
        display: contents;
    }

    .tabos-pi-line-body .tabos-pi-line-notes {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .tabos-pi-line-body .tabos-pi-line-price,
    .tabos-pi-line-body .tabos-pi-line-amount {
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
        width: 41.666667% !important;
    }

    .tabos-pi-line-body .tabos-pi-line-qty {
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
        width: 16.666667% !important;
    }

    .tabos-pi-line-body .tabos-pi-line-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-pi-line-body .tabos-pi-line-notes,
    .tabos-pi-line-body .tabos-pi-line-price,
    .tabos-pi-line-body .tabos-pi-line-qty,
    .tabos-pi-line-body .tabos-pi-line-amount,
    .tabos-pi-line-body .tabos-pi-line-button {
        box-sizing: border-box;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabos-pi-line-body .tabos-pi-line-button .btn {
        min-width: 0;
        width: 100%;
    }

    .tabos-add-jobs-buttons-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-add-jobs-button {
        box-sizing: border-box;
        flex: 0 0 50% !important;
        max-width: 50% !important;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
        width: 50% !important;
    }

    .tabos-add-jobs-button .btn {
        min-width: 0;
        width: 100%;
    }

    .tabos-add-jobs-table-column {
        margin-top: 10px;
    }

    .tabos-salaries-details-top-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-salaries-details-buttons-column,
    .tabos-salaries-details-buttons-row {
        display: contents;
    }

    .tabos-salaries-details-name {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-salaries-details-button {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }

    .tabos-salaries-details-name,
    .tabos-salaries-details-button {
        box-sizing: border-box;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabos-salaries-details-button .btn {
        min-width: 0;
        width: 100%;
    }

    .tabos-add-salary-details-amount-row,
    .tabos-add-salary-details-buttons-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-add-salary-details-item {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-add-salary-details-add,
    .tabos-add-salary-details-deduction {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }

    .tabos-add-salary-details-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-add-salary-details-item,
    .tabos-add-salary-details-add,
    .tabos-add-salary-details-deduction,
    .tabos-add-salary-details-button {
        box-sizing: border-box;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabos-add-salary-details-button .btn {
        min-width: 0;
        width: 100%;
    }

    .tabos-add-salary-details-table-column {
        margin-top: 10px;
    }

    .tabos-add-bonus-top-row,
    .tabos-add-bonus-item-amount-row,
    .tabos-add-bonus-insert-buttons-row,
    .tabos-add-bonus-edit-buttons-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-add-bonus-date,
    .tabos-add-bonus-receipt,
    .tabos-add-bonus-top-gap {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-add-bonus-date {
        order: 1;
    }

    .tabos-add-bonus-top-gap {
        order: 2;
    }

    .tabos-add-bonus-receipt {
        order: 3;
    }

    .tabos-add-bonus-item {
        flex: 0 0 58.333333% !important;
        max-width: 58.333333% !important;
        width: 58.333333% !important;
    }

    .tabos-add-bonus-amount {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-add-bonus-amount-gap {
        display: block !important;
        flex: 0 0 8.333333% !important;
        max-width: 8.333333% !important;
        width: 8.333333% !important;
    }

    .tabos-add-bonus-insert-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-add-bonus-edit-button {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-add-bonus-date,
    .tabos-add-bonus-receipt,
    .tabos-add-bonus-top-gap,
    .tabos-add-bonus-item,
    .tabos-add-bonus-amount-gap,
    .tabos-add-bonus-amount,
    .tabos-add-bonus-insert-button,
    .tabos-add-bonus-edit-button {
        box-sizing: border-box;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabos-add-bonus-insert-button .btn,
    .tabos-add-bonus-edit-button .btn {
        min-width: 0;
        width: 100%;
    }

    .tabos-add-bonus-table-column {
        margin-top: 10px;
    }

    .tabos-salary-deduction-top-row,
    .tabos-salary-deduction-item-amount-row,
    .tabos-salary-deduction-insert-buttons-row,
    .tabos-salary-deduction-edit-buttons-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-salary-deduction-date,
    .tabos-salary-deduction-receipt,
    .tabos-salary-deduction-top-gap {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-salary-deduction-date {
        order: 1;
    }

    .tabos-salary-deduction-top-gap {
        order: 2;
    }

    .tabos-salary-deduction-receipt {
        order: 3;
    }

    .tabos-salary-deduction-item {
        flex: 0 0 58.333333% !important;
        max-width: 58.333333% !important;
        width: 58.333333% !important;
    }

    .tabos-salary-deduction-amount-gap {
        display: block !important;
        flex: 0 0 8.333333% !important;
        max-width: 8.333333% !important;
        width: 8.333333% !important;
    }

    .tabos-salary-deduction-amount {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-salary-deduction-insert-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-salary-deduction-edit-button {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-salary-deduction-date,
    .tabos-salary-deduction-receipt,
    .tabos-salary-deduction-top-gap,
    .tabos-salary-deduction-item,
    .tabos-salary-deduction-amount-gap,
    .tabos-salary-deduction-amount,
    .tabos-salary-deduction-insert-button,
    .tabos-salary-deduction-edit-button {
        box-sizing: border-box;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabos-salary-deduction-insert-button .btn,
    .tabos-salary-deduction-edit-button .btn {
        min-width: 0;
        width: 100%;
    }

    .tabos-salary-deduction-table-column {
        margin-top: 10px;
    }

    .tabos-set-user-comm-user-row,
    .tabos-set-user-comm-commission-row,
    .tabos-set-user-comm-buttons-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-set-user-comm-staff {
        flex: 0 0 58.333333% !important;
        max-width: 58.333333% !important;
        width: 58.333333% !important;
    }

    .tabos-set-user-comm-salary-item {
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
        width: 41.666667% !important;
    }

    .tabos-set-user-comm-service {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-set-user-comm-percent,
    .tabos-set-user-comm-amount {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }

    .tabos-set-user-comm-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-set-user-comm-button-gap {
        display: none !important;
    }

    .tabos-set-user-comm-staff,
    .tabos-set-user-comm-salary-item,
    .tabos-set-user-comm-service,
    .tabos-set-user-comm-percent,
    .tabos-set-user-comm-amount,
    .tabos-set-user-comm-button {
        box-sizing: border-box;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabos-set-user-comm-button .btn {
        min-width: 0;
        width: 100%;
    }

    .tabos-set-user-comm-user-row .bootstrap-select.show,
    .tabos-set-user-comm-commission-row .bootstrap-select.show {
        overflow: visible !important;
        position: relative;
        z-index: 1075;
    }

    .tabos-set-user-comm-user-row .bootstrap-select.show > .dropdown-menu.show,
    .tabos-set-user-comm-commission-row .bootstrap-select.show > .dropdown-menu.show {
        bottom: auto !important;
        left: 0 !important;
        max-height: 260px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        position: absolute !important;
        right: 0 !important;
        top: 100% !important;
        transform: none !important;
        width: 100% !important;
        z-index: 1080;
    }

    .tabos-set-user-comm-user-row .bootstrap-select.dropup.show > .dropdown-menu.show,
    .tabos-set-user-comm-commission-row .bootstrap-select.dropup.show > .dropdown-menu.show {
        bottom: 100% !important;
        top: auto !important;
    }

    .tabos-set-user-comm-user-row .bootstrap-select.show > .dropdown-menu.show .inner.show,
    .tabos-set-user-comm-commission-row .bootstrap-select.show > .dropdown-menu.show .inner.show {
        max-height: 200px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    .tabos-system-user-top-row,
    .tabos-system-user-contact-row,
    .tabos-system-user-buttons-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-system-user-password-group,
    .tabos-system-user-password-row,
    .tabos-system-user-contact-group,
    .tabos-system-user-contact-inner-row {
        display: contents;
    }

    .tabos-system-user-full-name {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        order: 1;
        width: 100% !important;
    }

    .tabos-system-user-username {
        order: 2;
    }

    .tabos-system-user-password {
        order: 3;
    }

    .tabos-system-user-password-confirm {
        order: 4;
    }

    .tabos-system-user-username,
    .tabos-system-user-password,
    .tabos-system-user-password-confirm {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-system-user-email {
        flex: 0 0 58.333333% !important;
        max-width: 58.333333% !important;
        order: 1;
        width: 58.333333% !important;
    }

    .tabos-system-user-phone {
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
        order: 2;
        width: 41.666667% !important;
    }

    .tabos-system-user-address {
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
        order: 3;
        width: 66.666667% !important;
    }

    .tabos-system-user-job {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        order: 4;
        width: 33.333333% !important;
    }

    .tabos-system-user-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-system-user-button-gap {
        display: none !important;
    }

    .tabos-system-user-full-name,
    .tabos-system-user-username,
    .tabos-system-user-password,
    .tabos-system-user-password-confirm,
    .tabos-system-user-email,
    .tabos-system-user-phone,
    .tabos-system-user-address,
    .tabos-system-user-job,
    .tabos-system-user-button {
        box-sizing: border-box;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabos-system-user-job .bootstrap-select,
    .tabos-system-user-job .bootstrap-select > .dropdown-toggle,
    .tabos-system-user-button .btn {
        min-width: 0;
        width: 100% !important;
    }

    .tabos-add-salaries-top-row,
    .tabos-add-salaries-edit-buttons-row,
    .tabos-add-salaries-insert-buttons-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-add-salaries-date,
    .tabos-add-salaries-receipt,
    .tabos-add-salaries-top-gap {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-add-salaries-date {
        order: 1;
    }

    .tabos-add-salaries-top-gap {
        order: 2;
    }

    .tabos-add-salaries-receipt {
        order: 3;
    }

    .tabos-add-salaries-edit-button {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-add-salaries-insert-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-add-salaries-date,
    .tabos-add-salaries-receipt,
    .tabos-add-salaries-top-gap,
    .tabos-add-salaries-edit-button,
    .tabos-add-salaries-insert-button {
        box-sizing: border-box;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabos-add-salaries-edit-button .btn,
    .tabos-add-salaries-insert-button .btn {
        min-width: 0;
        width: 100%;
    }

    .tabos-add-salaries-table-column {
        margin-top: 10px;
    }

    .tabos-currency-rate-row,
    .tabos-currency-name-row,
    .tabos-currency-buttons-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-currency-standard {
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
        width: 66.666667% !important;
    }

    .tabos-currency-ex-rate {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-currency-main,
    .tabos-currency-sub,
    .tabos-currency-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-currency-standard,
    .tabos-currency-ex-rate,
    .tabos-currency-main,
    .tabos-currency-sub,
    .tabos-currency-button {
        box-sizing: border-box;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabos-currency-standard .bootstrap-select,
    .tabos-currency-standard .bootstrap-select > .dropdown-toggle,
    .tabos-currency-button .btn {
        min-width: 0;
        width: 100% !important;
    }

    .tabos-currency-table-column {
        margin-top: 10px;
    }

    .tabos-chart-accounts-type-currency-row,
    .tabos-chart-accounts-buttons-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-chart-accounts-type {
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
        width: 66.666667% !important;
    }

    .tabos-chart-accounts-currency {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-chart-accounts-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-chart-accounts-type,
    .tabos-chart-accounts-currency,
    .tabos-chart-accounts-button {
        box-sizing: border-box;
        left: auto !important;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
        right: auto !important;
    }

    .tabos-chart-accounts-type .bootstrap-select,
    .tabos-chart-accounts-type .bootstrap-select > .dropdown-toggle,
    .tabos-chart-accounts-currency .bootstrap-select,
    .tabos-chart-accounts-currency .bootstrap-select > .dropdown-toggle,
    .tabos-chart-accounts-button .btn {
        min-width: 0;
        width: 100% !important;
    }

    .tabos-chart-accounts-table-column {
        margin-top: 10px;
    }

    .tabos-financial-year-date-row,
    .tabos-financial-year-buttons-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-financial-year-start-date,
    .tabos-financial-year-end-date {
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
        width: 41.666667% !important;
    }

    .tabos-financial-year-date-gap {
        display: block !important;
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
        width: 16.666667% !important;
    }

    .tabos-financial-year-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-financial-year-start-date,
    .tabos-financial-year-date-gap,
    .tabos-financial-year-end-date,
    .tabos-financial-year-button {
        box-sizing: border-box;
        left: auto !important;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
        right: auto !important;
    }

    .tabos-financial-year-button .btn {
        min-width: 0;
        width: 100% !important;
    }

    .tabos-financial-year-table-column {
        margin-top: 10px;
    }

    .tabos-opening-balance-top-row,
    .tabos-opening-balance-amount-row,
    .tabos-opening-balance-buttons-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-opening-balance-date,
    .tabos-opening-balance-top-gap,
    .tabos-opening-balance-year {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-opening-balance-rate {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }

    .tabos-opening-balance-amount-gap {
        display: block !important;
        flex: 0 0 8.333333% !important;
        max-width: 8.333333% !important;
        width: 8.333333% !important;
    }

    .tabos-opening-balance-debit,
    .tabos-opening-balance-credit {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-opening-balance-add-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-opening-balance-edit-button {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-opening-balance-date,
    .tabos-opening-balance-top-gap,
    .tabos-opening-balance-year,
    .tabos-opening-balance-rate,
    .tabos-opening-balance-amount-gap,
    .tabos-opening-balance-debit,
    .tabos-opening-balance-credit,
    .tabos-opening-balance-button {
        box-sizing: border-box;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabos-opening-balance-button .btn {
        min-width: 0;
        width: 100% !important;
    }

    .tabos-opening-balance-table-column {
        margin-top: 10px;
    }

    .tabos-new-journal-top-row,
    .tabos-new-journal-bottom-row,
    .tabos-edit-journal-bottom-row,
    .tabos-new-journal-trans-row,
    .tabos-new-journal-amount-row,
    .tabos-new-journal-buttons-row,
    .tabos-edit-journal-buttons-row {
        display: flex;
        flex-wrap: wrap;
    }

    .tabos-new-journal-currency-rate-group,
    .tabos-new-journal-currency-rate-row,
    .tabos-new-journal-plus-group,
    .tabos-new-journal-plus-row,
    .tabos-new-journal-sum-group,
    .tabos-new-journal-sum-row,
    .tabos-new-journal-buttons-group,
    .tabos-edit-journal-plus-group,
    .tabos-edit-journal-plus-row,
    .tabos-edit-journal-sum-group,
    .tabos-edit-journal-sum-row,
    .tabos-edit-journal-buttons-group {
        display: contents;
    }

    .tabos-new-journal-amount-group {
        box-sizing: border-box;
        flex: 0 0 100% !important;
        left: auto !important;
        max-width: 100% !important;
        min-width: 0;
        padding-left: 0;
        padding-right: 0;
        right: auto !important;
        width: 100% !important;
    }

    .tabos-new-journal-amount-row {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .tabos-new-journal-date {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-new-journal-currency,
    .tabos-new-journal-vn {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }

    .tabos-new-journal-rate {
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
        width: 16.666667% !important;
    }

    .tabos-new-journal-top-gap {
        display: none !important;
    }

    .tabos-new-journal-plus,
    .tabos-new-journal-bottom-gap,
    .tabos-edit-journal-plus,
    .tabos-edit-journal-bottom-gap {
        flex: 0 0 8.333333% !important;
        max-width: 8.333333% !important;
        width: 8.333333% !important;
    }

    .tabos-new-journal-bottom-hidden-gap,
    .tabos-edit-journal-bottom-hidden-gap {
        display: none !important;
    }

    .tabos-new-journal-plus .form-group {
        margin-bottom: 0;
        padding-top: 29px;
    }

    .tabos-new-journal-plus .fa-plus {
        display: block;
        height: 33px !important;
        line-height: 33px;
        margin-left: 0 !important;
        margin-top: 0 !important;
        text-align: center;
    }

    .tabos-new-journal-sum-credit,
    .tabos-new-journal-sum-debit,
    .tabos-edit-journal-sum-credit,
    .tabos-edit-journal-sum-debit {
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
        width: 41.666667% !important;
    }

    .tabos-edit-journal-plus .form-group {
        margin-bottom: 0;
    }

    .tabos-edit-journal-plus .fa-plus {
        display: block;
        height: 33px !important;
        line-height: 33px;
        margin-left: 0 !important;
        margin-top: 0 !important;
        text-align: center;
    }

    .tabos-new-journal-buttons-row,
    .tabos-edit-journal-buttons-row {
        flex: 0 0 100% !important;
        margin-left: 0;
        margin-right: 0;
        max-width: 100% !important;
        width: 100% !important;
    }

    .tabos-new-journal-bottom-row,
    .tabos-edit-journal-bottom-row {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .tabos-new-journal-button {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .tabos-edit-journal-button {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
    }

    .tabos-new-journal-comb,
    .tabos-new-journal-note {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .tabos-new-journal-credit,
    .tabos-new-journal-debit {
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
        width: 41.666667% !important;
    }

    .tabos-new-journal-amount-gap {
        display: block !important;
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
        width: 16.666667% !important;
    }

    .tabos-new-journal-date,
    .tabos-new-journal-currency,
    .tabos-new-journal-rate,
    .tabos-new-journal-vn,
    .tabos-new-journal-plus,
    .tabos-new-journal-bottom-gap,
    .tabos-new-journal-sum-credit,
    .tabos-new-journal-sum-debit,
    .tabos-new-journal-button,
    .tabos-edit-journal-plus,
    .tabos-edit-journal-bottom-gap,
    .tabos-edit-journal-sum-credit,
    .tabos-edit-journal-sum-debit,
    .tabos-edit-journal-button,
    .tabos-new-journal-comb,
    .tabos-new-journal-credit,
    .tabos-new-journal-amount-gap,
    .tabos-new-journal-debit,
    .tabos-new-journal-note {
        box-sizing: border-box;
        left: auto !important;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
        right: auto !important;
    }

    .tabos-new-journal-currency .bootstrap-select,
    .tabos-new-journal-currency .bootstrap-select > .dropdown-toggle,
    .tabos-new-journal-comb .bootstrap-select,
    .tabos-new-journal-comb .bootstrap-select > .dropdown-toggle {
        min-width: 0;
        width: 100% !important;
    }

    .tabos-new-journal-button .btn,
    .tabos-edit-journal-button .btn {
        min-width: 0;
        width: 100% !important;
    }
}