.login-bg {
    background-image: url(/img/bg.jpg);
    background-size: cover;
    background-position: bottom;
}

.c-dark-theme .table thead th {
    background-color: inherit !important;
    box-shadow: inherit !important;
    border-top: 1px solid !important;
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

.c-dark-theme .table-bordered th, .c-dark-theme .table-bordered td {
    box-shadow: inherit !important;
}

.c-dark-theme .table-responsive img {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.c-dark-theme .table-responsive button {
    box-shadow: none !important;
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
    /*text-align: right;*/
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}

.c-dark-theme .custom-select {
    color: #e1e1e1;
    background: rgba(255, 255, 255, 0.1) url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23636f83' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) no-repeat right 0.5rem center/8px 10px;
    border-color: rgba(0, 0, 21, 0.3);
    padding-right: 2rem !important;
}

.c-dark-theme .custom-select option {
    color: #000;
}

.custom-select {
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23636f83' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.5rem center/8px 10px;
    padding-right: 2rem !important;
}

.form-control:focus {
    box-shadow: none;
}

.c-dark-theme .badge-warning {
    color: #fff;
    background-color: #e66a11;
}

.badge-warning {
    color: #fff;
    background-color: #e66a11;
}

.c-dark-theme .btn-secondary {
    background-color: #4c4f54;
}



.c-app:not(.c-legacy-theme):not(.c-dark-theme) .modal .card-header {
    background-color: #d8dbe0;
}

.c-app:not(.c-legacy-theme):not(.c-dark-theme) .modal .card-body {
    background-color: #ebedef;
}

.c-app:not(.c-legacy-theme):not(.c-dark-theme) .modal .btn-secondary {
    color: #4f5d73;
    background-color: #ced2d8;
    border-color: #ced2d8;
}

.c-dark-theme select.form-control option {
    background-color: #34353e;
    color: #e1e1e1;
}

.c-app:not(.c-legacy-theme) .btn:not([class*=ghost]):not([class*=link]):not([class*=outline]):not([class*=transparent]) {
    border: 0;
    box-shadow: 0 1px 1px 0 rgba(var(--elevation-base-color),.14),0 2px 1px -1px rgba(var(--elevation-base-color),.12),0 1px 3px 0 rgba(var(--elevation-base-color),.20) !important;
}


.c-app:not(.c-legacy-theme):not(.c-dark-theme) .c-sidebar-brand-light {
    display: none;
}

.c-app.c-dark-theme .c-sidebar-brand-dark {
    display: none;
}


.close {
    color: #000 !important;
}

.close:hover {
    color: #222 !important;
}

.datatable-icon {
    width:20px !important;
    height:20px !important;
    fill: #fff;
}

.loader-centerscreen {
    width: 80px;
    height: 80px;
    z-index: 2000;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    position: fixed;
}

.loader {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    border-top: 3px solid #FFF;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    border-top: 3px solid #1e263c;
}

.c-app:not(.c-legacy-theme):not(.c-dark-theme) .loader {
    border-top: 3px solid #1e263c;
}



@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.components-reconnect-hide {
    display: none !important;
}

.components-reconnect-show {
    display: block !important;
}

.components-reconnect-failed {
    display: block !important;
}

.components-reconnect-rejected {
    display: block !important;
}


.components-reconnect-show .show {
    display: block !important;
}

.components-reconnect-failed .failed {
    display: block !important;
}

.components-reconnect-rejected .rejected {
    display: block !important;
}

.c-hide-light:not(.c-dark-theme) {
    display: none;
}