/* Fix Tom Select width and prevent expansion */
.ts-wrapper {
    width: 100% !important;
    max-width: 100%;
    border: 0px solid white !important;
}
.select-all,.deselect-all{
    display: inline-flex;
    margin: auto;
    font-size: 16px;
    padding: 10px;
    height: 38px;
    cursor: pointer;
    border: 1px solid lightgray;
    border-left-style: none;
}
.tab-select-all,.tab-deselect-all{
    display: inline-flex;
    margin: auto;
    font-size: 16px;
    padding: 10px;
    height: 38px;
    cursor: pointer;
    border: none;
   
}

.div-tabs-selects{
    display: inline-flex;
    margin: auto;
    position: fixed;
    right: 36px;
    bottom: 16px;
    z-index: 9999;
    border:none;
}
.ts-dropdown, .ts-control, .ts-control input {
    font-size: 15px;
    padding: 6px 1px 6px 6px !important;
	text-align: left;
}

.modal-dialog, .modal-dialog-centered{
    width: 70%;
    position: relative;
    z-index: 9999;
    top: 15%;
    left:5%;
    
}
.modal-custom-footer,.modal-custom-header {
    border:none !important;
}
.custom-close{
    position: relative;
    bottom: 36px;
    font-size: 26px;
    padding: 10px;
}
.ts-dropdown-content {
    overflow: hidden auto;
    max-height: 200px;
    scroll-behavior: smooth;
}
.ts-dropdown {
    position: absolute;
    top: 100%;
    left: 12px;
    width: 80%;
}
.custom-form-control{
    height: 40px;
    padding: 8px;
}
.custom-form-control span{
cursor: default;
}
.custom-arrow{
    float: right;
}
.custom-tom-group{
    display: inline-flex;
    position: relative; 
    bottom: 5px
}
.modal.fade .modal-dialog {
  transition: transform 0.15s ease-out, opacity 0.15s ease-out;
}




.ts-wrapper.multi .ts-control {
    max-height: 300px;
    overflow-y: auto;
    flex-wrap: wrap;
    padding-right: 10px;
    scroll-behavior: smooth;
}