/*************************Modo obscuro**************************************/.modos-oscuro #navHeader,
.modos-oscuro h1,
.modos-oscuro h2,
.modos-oscuro h3{
    color: #ffffff !important;
}

.modos-oscuro #navHeader,
.modos-oscuro #page-wrapper,
.modos-oscuro .panel,
.modos-oscuro .modal-body,
.modos-oscuro .dropdown-menu,
.modos-oscuro .sweet-alert,
.modos-oscuro .tabs-container .panel-body{
    background-color: #242526  !important;
    color: #ffffff !important;
    border: 1px solid #1b1c1d  !important;
}

.modos-oscuro #navTitle,
.modos-oscuro #navFooter,
.modos-oscuro .modal-footer,
.modos-oscuro .panel-footer,
.modos-oscuro .progress{
    background-color: #242526 !important;
    color: #ffffff !important;
    border: 1px solid #1b1c1d !important;
}

.modos-oscuro .modal-header {
    border-bottom: 1px solid #1b1c1d !important;
}
.modos-oscuro .sweet-alert .sa-error-container{
    background-color: #382424;
}

.modos-oscuro .form-control,
.modos-oscuro .multiselect__tags,
.modos-oscuro .multiselect,
.modos-oscuro .vs__dropdown-toggle,
.modos-oscuro .vs__dropdown-menu,
.modos-oscuro .sweet-alert input {
    background-color: #3a3b3c;
    border: 0px solid #242526;
    color: #ffffff;
}

.modos-oscuro .multiselect__single,
.modos-oscuro .multiselect__input,
.modos-oscuro .multiselect__element,
.modos-oscuro .multiselect__content,
.modos-oscuro .multiselect__content li{
    background-color: #3a3b3c;
    color: #ffffff;
}

.modos-oscuro .multiselect__element{
    border: 1px solid #3a3b3c;
}

.modos-oscuro .vs__selected,
.modos-oscuro .vs__dropdown-option,
.modos-oscuro .sweet-alert h2,
.modos-oscuro .sweet-alert p{
    color: #ffffff;
}

.modos-oscuro .vs__clear>svg,
.modos-oscuro .vs__actions>svg{
    fill: #ffffff;
}

.modos-oscuro .multiselect__option--selected{
    background-color: #3a3b3c;
    color: #41b883;
}

.modos-oscuro .multiselect__spinner{
    background-color: #3a3b3c;
}

.modos-oscuro .multiselect__content-wrapper{
    border: 1px solid #242526;
}

.modos-oscuro .table thead {
    background-color: #3c2f88;
}

.modos-oscuro .table{
    background-color: #3d4042;
}

.modos-oscuro .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #313335;
}

.modos-oscuro .table-hover > tbody > tr:hover {
    background-color: #252628;
}

.modos-oscuro .table > thead > tr > th,
.modos-oscuro .table > tbody > tr > th,
.modos-oscuro .table > tfoot > tr > th,
.modos-oscuro .table > thead > tr > td,
.modos-oscuro .table > tbody > tr > td,
.modos-oscuro .table > tfoot > tr > td {
    border-top: 1px solid #18191a;
}

.modos-oscuro .table > thead > tr > th {
    border-bottom: 1px solid #18191a;
}

.modos-oscuro .btn-white {
    color: inherit;
    background: #242526;
    border: 1px solid #242526;
}

.modos-oscuro.gray-bg {
    background-color: #18191a;
    color: #ffffff;
    border: 1px solid #18191a;
}

.modos-oscuro .gray-bg {
    background-color: #18191a!important;
    color: #ffffff!important;
    border: 1px solid #18191a!important;
}

.modos-oscuro .white-bg .navbar-fixed-top,
.modos-oscuro .white-bg .navbar-static-top {
    background: #242526 ;
}

.modos-oscuro .navbar-fixed-top {
    background: #fff;
    transition-duration: 0.4s;
    border-bottom: 1px solid #18191a !important;
    z-index: 2030;
}

.modos-oscuro .top-navigation .nav > li > a {
    color: #bcbcbc;
}

.modos-oscuro .top-navigation .nav > li a:hover,
.modos-oscuro .top-navigation .nav > li a:focus {
    background: #313235;
    color: #ffffff;
}

.modos-oscuro .dropdown-menu li a:hover:hover{
    background-color: #313235 !important;
    color: #ffffff !important;
}

.modos-oscuro .nav .open > a,
.modos-oscuro .nav .open > a:hover,
.modos-oscuro .nav .open > a:focus {
    background: #313235;
    color: #ffffff !important;
}

.modos-oscuro .asd__wrapper{
    background-color: #3a3b3c;
    border: 1px solid #242526;
    color: #ffffff;
}

.modos-oscuro .asd__change-month-button,
.modos-oscuro .asd__day-title,
.modos-oscuro .asd__month-table{
    background-color: #3a3b3c;
    color: #ffffff;
}

.modos-oscuro .asd__change-month-button>button {
    background-color: #18191a ;
    border: 1px solid #18191a;
    color: #ffffff;
}

.modos-oscuro .asd__change-month-button>button:hover {
    background-color: #252628 ;
    border: 1px solid #252628;
}

.modos-oscuro .asd__day--enabled {
    color: #ffffff !important;
}

.modos-oscuro .asd__action-buttons button:nth-child(2) {
    color: #9ed5fa !important;
}

.modos-oscuro .todo-list.small-list > li {
    background: #18191a ;
}

.modos-oscuro .sweet-alert .sa-icon.sa-success::before,
.modos-oscuro .sweet-alert .sa-icon.sa-success::after {
    background: #242526;
}

.modos-oscuro .sweet-alert .sa-icon.sa-success .sa-fix {
    background-color: #242526;
}

.modos-oscuro .panel-danger {
    border-color: #ed5565 !important;
}

.modos-oscuro .close{
    color: #ffffff;
}

.modos-oscuro .close{
    color: #c4c4c4;
}

.modos-oscuro .close:hover{
    color: #ffffff;
}

.modos-oscuro .vote-item {
    padding: 20px 25px;
    background: #242526;
    border-top: 1px solid #242526;
    color: #bcbcbc;
}

.modos-oscuro .vote-item:last-child {
    border-bottom: 1px solid #242526;
}

.modos-oscuro .vote-item:hover {
    padding: 20px 25px;
    background: #313235;
    border-top: 1px solid #313235;
}

.modos-oscuro .vote-item:hover {
    border-bottom: 1px solid #313235;
}

.modos-oscuro .tabs-container .nav-tabs > li.active > a{
    background-color: #242526 !important;
    color: #ffffff !important;
    border-left: 1px solid #1b1c1d !important;
    border-top: 1px solid #1b1c1d !important;
    border-right: 1px solid #1b1c1d !important;
    margin-right: 0px;
}

.modos-oscuro .top-navigation .nav > li.active {
    background-color: #242526 !important;
}

.modos-oscuro .top-navigation .nav li .dropdown-toggle:hover,
.modos-oscuro .top-navigation .nav li .dropdown-toggle:focus{
    background: #313335!important;
    color: #ffffff!important;
}

.modos-oscuro .panel-default>.panel-heading {
    color: #ffffff;
    background-color: #313235 !important;
    border-color: #313235;
}

.modos-oscuro .input-group-addon {
    background-color: #4c4f52 !important;
    border: 1px solid #4c4f52 !important;
}

.modos-oscuro .navbar-static-side {
    background-color: #ba1b2d !important;
}