/***************************************************/
/***************************************************/
/**************** GLOBAL STYLES ********************/
/***************************************************/
/**************************************************/


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

input:focus {
    color: white !important;
}


/* DATA TABLE CSS */
.dataTables_wrapper label {
    color: white !important;
    text-transform: capitalize;
}

.dataTables_info,
.dataTables_paginate {
    margin-left: 10px;
    color: white !important;

}


#DataTables_Table_0_previous,
#DataTables_Table_0_next {
    color: white !important;

}


.dataTables_wrapper .dataTables_length {
    float: left;
    margin-left: 10px;
}

.font-weight-normal {
    text-transform: uppercase;
    color: #ff8202 !important;
    font-weight: bolder;
}

.card-title,
table thead tr {
    color: #ff8202 !important;

    text-transform: uppercase !important;

}

select[name="DataTables_Table_0_length"] {
    /* Your styles here */
    color: white !important;
}

@media (max-width: 991px) {
    .navbar .navbar-menu-wrapper {
        justify-content: end !important;
    }
}

.table tbody tr:hover {
    background-color: inherit !important;
}

.table tbody tr:hover {
    color: white !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    cursor: pointer !important;
}

.paginate_button .current {
    background-color: #007bff !important;
    color: #fff !important;
}

.fa-trash:hover,
.btn-danger:hover {
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
    border: 1px solid white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: white !important;
}

.ckeditor-container {
    background-color: inherit !important;
}