#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;
}

#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:675px){
    body .network-colsfilter .columns.columns-right.btn-group.float-right {
        margin-right: 96px !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;
    }
}
.fixed-table-toolbar {
    display: flex;
    place-items: end;
    place-content: end;
    float:right;
}
/* EXPORT TABLE FILES DROPDOWN STYLE FOR SU SIDE*/
.su_tables #custom_toolbar a:last-child, .roles_table #custom_toolbar a:last-child{margin-right:73px;}
.su_tables #custom_toolbar ul li a:last-child{margin-right:0px;}
.su_tables .columns.columns-right.btn-group.float-right{position:absolute;right:149.2px;}
.roles_table .columns.columns-right.btn-group.float-right{position:absolute;right:82px;}
#custom_toolbar {margin-right: 3px;}


body .network-colsfilter .columns.columns-right.btn-group.float-right{
    right: unset !important;
    margin-right: 113px;
}
/* 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;}
  .user_tables .columns.columns-right.btn-group.float-right{position:absolute;right:143px;}
  #custom_toolbar_user {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-66{
    margin-right: 66px !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 #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: 58px;
    }
    .mr-66 {
        margin-right: 58px !important;
    }
}

.note-modal-footer .note-btn{margin-top:0 !important;margin-right:20px;}
.note-modal-footer{height:60px !important;}
.note-editor.note-frame.fullscreen {
    background: #fff;
    z-index: 999 !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;
}

.log_table .columns.columns-right.btn-group.float-right {
    right: 111.5px;
}
.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;
}
#site_preloader_editor {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    background-color: #fff;
    z-index: 5;
}

#site_preloader_editor:before {
    content: "";
    z-index: 100;

    border: 6px solid #a5a08f;
    border-top-color: #203f5b;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.icon-color{
    color:#203f5b;
}