/* ocultar el input original de busqueda del datatable*/

input[type="search"] {
    display: none !important;
}

.table td,
.table th {
    vertical-align: middle;
}

.btn {
    color: #FFF !important
}

.btn-primary {
    background-color: #DA251E !important;
    border-color: #DA251E !important;
    color: #FFF !important
}

.btn-secondary {
    background-color: #222222 !important;
    border-color: #222222 !important;
    color: #FFF !important;
}

.btn-info {
    background-color: #222222 !important;
    border-color: #222222 !important;
}

.btn-success {
    background-color: #222222 !important;
    border-color: #222222 !important;
}

.btn-danger {
    /* background-color: red !important;
	border-color: red !important;*/
}

.sidebar .nav-link:hover {
    background-color: #DA251E !important;
}

.sidebar {
    background-color: #222222 !important;
}

.sidebar a {
    color: #FFF !important;
}

.nav-link.active {
    background-color: #DA251E !important;
}

.page-item.active .page-link,
.page-item.active .page-link:active,
.page-item.active .page-link:focus {
    background-color: #DA251E !important;
    color: #FFF !important;
    outline: #DA251E;
    border-color: #DA251E !important;
}

.navbar-brand {
    color: #222222 !important;
}

a {
    color: #222222 !important;
}

.app-header {
    background-color: #DA251E !important;
}


/* select2 */

.bootstrap-select .btn,
.bootstrap-select .btn:focus {
    color: #666 !important;
}

.bootstrap-select .btn-light.dropdown-toggle,
.bootstrap-select .btn-light:focus {
    background-color: #FFF;
    border-color: #EEE;
    outline: 0 #DA251E !important;
}

.bootstrap-select .btn-light.dropdown-toggle:focus {
    outline-color: #8ad4ee !important;
}

.bootstrap-select .dropdown-item {
    background-color: #FFF !important;
    color: #666 !important;
}

.bootstrap-select .dropdown-item:hover {
    background-color: #EEE !important;
}

.bootstrap-select .dropdown-item:active {
    background-color: #CCC !important;
}


/* select2 */

a span.fa {
    color: rgb(65, 141, 240) !important;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    /* color: yellow !important; */
}

span.fa-clock-o {
    color: red !important;
}

.bg-primary {
    background-color: #222222 !important;
    border: #222222
}

.bg-secondary {
    background-color: #DA251E !important;
    border: #DA251E;
}

.text-primary {
    color: #222222 !important;
}

.text-secondary {
    color: #DA251E !important;
}


/* <table class="table-condensed"><tbody><tr><td><a href="#" tabindex="-1" data-action="togglePicker" title="Select Time"><span class="fa fa-clock-o"></span></a></td></tr></tbody></table> */