@import url('theme-variables.css');

td.dataTables_empty {
    text-align: center;
}

table.dataTable>tbody>tr.child span.dtr-title {
    min-width: 120px;
}

.fl-right {
    float: right;
}

/*.table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
    margin-top: -12px;
}*/

.text-right {
    float: right;
}

.btn:hover {
    color: #495057;
    text-decoration: none
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .15rem rgba(81, 86, 190, .25);
    box-shadow: 0 0 0 .15rem rgba(81, 86, 190, .25)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.btn-primary {
    
    color: var(--theme-design-primary-color);
    background-color: white;
    border-color: var(--theme-design-primary-color);
    box-shadow: none;
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--form-design-dark-color);
    border-color: var(--form-design-dark-color);
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: var(--form-design-dark-color) ;
    border-color: var(--form-design-dark-color) ;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--form-design-dark-color);
    border-color: var(--form-design-dark-color);
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .15rem var(--border-shadow-color);
    box-shadow: 0 0 0 .15rem var(--border-shadow-color)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: var(--theme-design-primary-color);
    border-color: var(--theme-design-primary-color)
}

.form-check-input:focus {
    box-shadow: none;
}

.bg-Gradient {
    background-image: var(--theme-design-gradient-color);
}

#sidebar-menu ul li ul.sub-menu li a {
    padding: 0 0 0 2.3rem;
    font-size: .85rem;
    color: #545a6d;
}

.dataTables_length>label,
.dataTables_filter>label {
    display: inline-flex;
    align-items: center;
}

.custom-select-sm {
    margin: 0 10px;
}

.mm-active .active,
.mm-active .active i,
.mm-active .active svg {
    color:var(--theme-design-primary-color) !important;
}

/* #sidebar-menu ul li a {
    display: inline-flex !important;
} */

#sidebar-menu ul li a i {
    font-size: 1em !important
}

span.sidemenu_text {
    display: inline-flex;
}

.alert-info {
    color: #ffffff;
    background-color: var(--form-design-dark-color) ;
    border-color: var(--form-design-dark-color) ;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: var(--form-design-dark-color) ;
}

a.text-muted,
a.text-primary {
    color: #495057!important;
}

a.text-muted:hover,
a.text-primary:hover {
    color: var(--theme-design-primary-color) !important;
}

.invalid-feedback,
.error:not(input),
span.error {
    color: #c40500 ;
}

.form-button ul {
    list-style: none;
    margin: 0;
}

.form-button ul li {
    padding: 0 10px 0 0;
}

.card-header {
    background-color: #f9f9f9;
    padding: 12px;
}

.card-title {
    font-size: 18px;
    margin: 0px 0 0px 0;
    color: var(--theme-design-primary-color) ;
}

.card-header i {
    font-size: 18px;
}

.form-check-input:checked {
    background-color: var(--theme-design-primary-color) ;
    border-color: var(--theme-design-primary-color) ;
}

.form-label span {
    color: #ff0000;
}

.form-control:focus {
    border-color: var(--theme-design-primary-color) ;
}

.breadcrumb-item.active {
    color: var(--theme-design-primary-color) ;
}

.breadcrumb-item>a:hover {
    color: var(--theme-design-primary-color) ;
}

.btn-red {
    color: #fff;
    background-color: #e72222;
    border-color: #e72222;
}

.btn-red:hover {
    color: #fff;
}

.vertical-menu {
    width: 300px !important;
}

/* .navbar-brand-box {
    width: 300px !important;
} */

/*.buttons-html5{visibility: hidden;}*/

.select2-selection__choice__remove {
    margin-left: 2px;
    float: right;
}

button#password-addon {
    position: absolute;
    width: 50px !important;
    right: 0;
    top: 0;
    background: transparent;
    box-shadow: none;
    border: 0;
}