#custom_toolbar .form-control{
    display:inline-block !important;
    width:74px !important;
    padding: 0.5rem 0.8rem 0.5rem 1rem !important;
}
#custom_toolbar_user .form-control{
    display:inline-block !important;
    width:unset !important;
    padding: 0.375rem 1.5rem 0.375rem 0.7rem !important;
    margin-right:5px;
}

#custom_toolbar_user_ticket .form-control{
    display:inline-block !important;
    width:unset !important;
    padding: 0.375rem 1.5rem 0.375rem 0.7rem !important;
    margin-right:5px;
}

#bootstrap_toggle [type="checkbox"]:not(:checked), #bootstrap_toggle [type="checkbox"]:checked{
    opacity:0 !important;
}
#bootstrap_toggle .custom-control-label::before {
    position: absolute;
    top: 0.25rem !important;
    left: -1.5rem !important;
    display: block !important;
    width: 2rem !important;
    height: 1.2rem !important;
    pointer-events: none !important;
    content: "" !important;
    border: #adb5bd solid 1px !important;
    border-radius: 1.5rem !important;
    transform: rotate(0deg) !important;
}
#bootstrap_toggle .custom-control-label::after {
    top: 0.38rem !important;
    left: -1.4rem !important;
    width: 0.9rem !important;
    height: 0.9rem !important;
    content: "";
    background: no-repeat 50% / 50% 50%;
    background-color: #adb5bd !important;
    border-radius: 0.5rem !important;
}
#bootstrap_toggle .custom-control-input:checked ~ .custom-control-label::before{
    background-color: #272e48 !important;
    border: #adb5bd solid 1px !important;
}
#bootstrap_toggle .custom-control-input:checked ~ .custom-control-label::after{
    background-color: #fff !important;
    top: 0.39rem !important;
}
#bootstrap_toggle .custom-control-input:not(:checked) ~ .custom-control-label::after{
    top: 0.4rem !important;
    left: -1.27rem !important;
}
@media(max-width:500px){
    .pagination li a, .pagination li span{
        min-width: 30px;
        padding: 0.5rem;
    }
}
@media(max-width:391px){
    .pagination li a, .pagination li span{
        min-width: 15px;
        padding: 0.3rem 0.5rem;
    }
    .pagination-detail .btn{
        padding:8px !important;
        font-size:12px;
    }
    .pagination-info{font-size:12px;}
}
@media(max-width:321px){
    .pagination li a, .pagination li span{
        min-width: 15px;
        padding: 0.3rem 0.3rem;
        font-size: 12px;
    }
}
/*ROUTE CSS START*/
    .select2-container--default .select2-selection--single {
        background-color: #fff;
        border-radius: 8px !important;
        border: 1px solid #d1d5db;
        height: 44x !important;
    }
/*ROUTE CSS END*/

/*MENU CSS START*/
    /* .switch {
        position: relative;
        display: inline-block;
        width: 38px;
        height: 23px;
    } */

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 10px;
        left: 1px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    input:checked+.slider {
        background-color: #475585;
    }

    input:focus+.slider {
        box-shadow: 0 0 1px #475585;
    }

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

    /* Rounded sliders */
    .slider.round {
        border-radius: 34px;
    }

    .slider.round:before {
        border-radius: 50%;
    }
/*MENU CSS END*/

/*USER PROFILE CSS START*/
    .profile-img {
        position: relative;
    }

    .profile-img>img {
        width: 150px;
        height: 150px;
        object-fit: cover;
        border-radius: 50%;
    }

    .profile-img label img {
        position: absolute;
        bottom: 12px;
        right: 4px;
        width: 35px;
    }

    .profile-img input {
        display: none;
    }

    .invalid-feedback {
        color: red;
        display: contents !important;
    }

    .theme-primary .flex-column>li>a.nav-link.active {
        background: #272e48 !important;
        color: #fff !important;
    }
/*USER PROFILE CSS END*/

.fixed-table-toolbar {
    display: flex;
    place-items: end;
    place-content: end;
    float:right;
}
.su_users{position:relative;}
/* EXPORT TABLE FILES DROPDOWN STYLE FOR SU SIDE*/
.su_tables #custom_toolbar a:last-child, .roles_table #custom_toolbar a:last-child{margin-right:5px;}
.su_tables #custom_toolbar ul li a:last-child{margin-right:0px;}
.user_tables .columns.columns-right.btn-group.float-right,.su_tables .columns.columns-right.btn-group.float-right,.roles_table .columns.columns-right.btn-group.float-right{margin-left: 0px !important; margin-right: 5px !important;}
/*#custom_toolbar {margin-right: 3px;}*/

/* EXPORT TABLE FILES DROPDOWN STYLE FOR Frontend SIDE*/
  .user_tables #custom_toolbar_user .dropdown-menu{z-index: 1 !important;}
  .user_tables #custom_toolbar_user a:last-child{margin-right:66px;}
  #custom_toolbar_user {margin-right: 3px;}

  .user_tables #custom_toolbar_user_ticket .dropdown-menu{z-index: 1 !important;}
  .user_tables #custom_toolbar_user_ticket a:last-child{margin-right:66px;}
  #custom_toolbar_user_ticket {margin-right: 3px;}

.mr-65{
    margin-right: 73px !important;
}
.mr-66{
    margin-right: 66px !important;
}
.mr-61,.mr-62{
    margin-right: 62px !important;
}
.mr-67{
    margin-right: 67px !important;
}
.mr-74{
    margin-right: 74px !important;
}
.mr-16{
    margin-right: 16px !important;
}
.mr-6{
    margin-right: 6px !important;
}
.mr-44{
    margin-right: 44px !important;
}

.contentNewRecord{
    display: none;
}
button[name='clearSearch'] svg{width:22px;}
button[name='clearSearch'] svg path {fill: #fff !important;}

.box-link{
    display: contents;
    margin: 10px;
}
.box-link .col-md-6
{padding: 10px;}

.bootstrap-table-filter-control-id{
    display: none;
}

.contentNewRecord .select2.select2-container.select2-container--default{
    width:100% !important;
}
@media(max-width:500px){
    .btn i{font-size:12px;}
    button[name='clearSearch'] svg {
        width: 17px;
    }
    .su-tables button.btn {padding: 4px 10px!important;}
    .su_tables .columns.columns-right.btn-group.float-right {
        right: 118.2px;
    }
    .roles_table .columns.columns-right.btn-group.float-right{
        right: 66px;
    }
    .btn {padding: 4px 10px!important;}
    .mr-65, .mr-74, .su_tables {
    /*.mr-65, .mr-74, .su_tables #custom_toolbar a:last-child, .roles_table #custom_toolbar a:last-child {*/
        margin-right: 59px !important;
    }
    .user_tables .columns.columns-right.btn-group.float-right {
        right: 97px !important;
    }
    .user_tables #custom_toolbar_user a:last-child {
        margin-right: 10px;
    }
    .mr-66 {
        margin-right: 58px !important;
    }
}

@media only screen and (max-width:650px){
    .user_tables .columns.columns-right.btn-group.float-right{
        position: unset !important;
        right: 0 !important;
    }
    .fixed-table-toolbar {
        float: right;
        column-gap: 10px !important;
        justify-content: flex-end;
        padding-right: 0 !important;
    }
}
.note-modal-footer .note-btn{margin-top:0 !important;margin-right:20px;background: #1f2937 !important;}
.note-modal-footer{height:60px !important;}
.note-editor.note-frame.fullscreen {
    background: #fff;
    z-index: 999 !important;
}

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

.select2-container--default .select2-selection--multiple {
    border: 1px solid #688cb4 !important;
}

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

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #688cb4  !important;
}

.select2-container .select2-selection--multiple{
    min-height: 39px !important;
}

.select2-container .select2-search--inline .select2-search__field{
    margin-top: 8px !important;
    font-family: inherit !important;
    margin-left: 12px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #272e48 !important;
    border-color: #272e48 !important;
    color: #fff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #fff !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #272e48 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #1f2026  !important;
    color: #fff  !important;
    outline: none;

}

.select2-dropdown{
    z-index: 0 !important;
}

span.select2-container.select2-container--default.select2-container--open {
    width: unset !important;
}

.daterangepicker{
    z-index : 500 !important
}

.user_tables, .su_tables {
    overflow-y: hidden;
}

#languageForm { display: none; }

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

span.select2-container.select2-container--default.select2-container--open {
    width: 100% !important;
}

.spinner-bg {
    overflow: hidden;
    /* background-color: #00000042; */
    background-color: #00000009;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    /* position: absolute; */
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* z-index: 9999; */
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.help-spinner .spinner-border {
    width: 5rem;
    height: 5rem;
}

@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100%;
    }
}


.snackbar-custom-width, .snackbar-custom-width p{
    font-size: 18px !important;
}

.snackbar-custom-width button{
    text-transform:none !important;
}

#custom_toolbar .form-control.date_picker{
    width: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
}