/*************************Modo obscuro**************************************/
.modo-obscuro #navHeader,
.modo-obscuro #page-wrapper,
.modo-obscuro .panel,
.modo-obscuro .modal-body,
.modo-obscuro .dropdown-menu,
.modo-obscuro .sweet-alert{
    background-color: #242526  !important;
    color: #ffffff !important;
    border: 1px solid #1b1c1d  !important;
}

.modo-obscuro h1{
    color: #ffffff !important;
}

.modo-obscuro .tabs-container .panel-body{
    background-color: #242526  !important;
    color: #ffffff !important;
    border-top: unset !important;
    border-right: 1px solid #1b1c1d  !important;
    border-bottom: 1px solid #1b1c1d  !important;
    border-left: 1px solid #1b1c1d  !important;
}


.modo-obscuro
.todo-list {
    background-color: #18191a;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.modo-obscuro .todo-list > li {
    background: #242526  !important;
    border-left: 6px solid #1b1c1d;
    border-right: 6px solid #1b1c1d;
    border-radius: 4px;
    color: inherit;
    margin-bottom: 2px;
    padding: 10px;
}

.panel-primary .todo-list > li {
    border-left: 6px solid var(--primary-color);
    border-right: 6px solid var(--primary-color);
}

.panel-primary .todo-list > li:hover {
    background-color:rgb(39 65 120 / 24%) !important;
}

.panel-danger .todo-list > li {
    border-left: 6px solid #ed5565;
    border-right: 6px solid #ed5565;
}

.panel-danger .todo-list > li:hover {
    background-color: rgb(237 85 101 / 24%) !important;
}

.modo-obscuro .ibox .ibox-title,
.modo-obscuro .ibox .ibox-content,
.modo-obscuro .ibox .ibox-footer{
    background-color: #242526  !important;
    color: #ffffff !important;
    border-top: unset !important;
    border-right: 1px solid #1b1c1d  !important;
    border-bottom: 1px solid #1b1c1d  !important;
    border-left: 1px solid #1b1c1d  !important;
}

.modo-obscuro .ibox{
    background-color: #242526  !important;
    color: #ffffff !important;
    border-top: unset !important;
    border-right: 1px solid #1b1c1d  !important;
    border-bottom: 1px solid #1b1c1d  !important;
    border-left: 1px solid #1b1c1d  !important;
}

.modo-obscuro .tabs-container .nav-tabs{
    border-bottom: 1px solid #1b1c1d  !important;
}

.modo-obscuro .top-navigation .nav > li.active{
    background: #242526 !important;
    border: none;
}

.modo-obscuro .tabs-container .nav > li.active{
    background: #242526 !important;
    border: none;
}

.modo-obscuro .tabs-container.gray .active .panel-body{
    background-color: #18191a  !important;
}

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

.modo-obscuro .modal-content {
    background-clip: padding-box;
    background-color: #242526FF;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    outline: 0 none;
    position: relative;
}

.modo-obscuro .modal-header {
    border-bottom: 1px solid #1b1c1d !important;
}

.modo-obscuro .sweet-alert .sa-error-container{
    background-color: #382424;
}

.modo-obscuro .btn-default {
    color: inherit;
    background: #808080;
    border: 1px solid #808080;
}

.modo-obscuro .btn-default:hover {
    color: inherit;
    background: #999999;
    border: 1px solid #999999;
}

.modo-obscuro .btn-default {
    color: inherit;
    background: #808080;
    border: 1px solid #808080;
}

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

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

.modo-obscuro .multiselect__element{
    border: 1px solid #3a3b3c;
}

.modo-obscuro .select2-container--bootstrap .select2-selection {
    background-color: #3a3b3c;
    border: 1px solid #3a3b3c;
    color: #ffffff;
}

.modo-obscuro .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
    color: #ffffff;
}

.modo-obscuro .select2-dropdown {
    background-color: #242526;
}

.modo-obscuro .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    background-color: #3a3b3c;
    border: 1px solid #3a3b3c;
}

.modo-obscuro .select2-container--bootstrap .select2-results__option[aria-selected=true] {
    background-color: #355a9e;
    color: #ffffff;
}

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

.modo-obscuro .vs__clear>svg,
.modo-obscuro .vs__actions>svg{
    fill: #999999;
}

.modo-obscuro .multiselect__option--selected{
    background-color: #3a3b3c;
    color: #41b883;
}

.modo-obscuro .multiselect__spinner{
    background-color: #3a3b3c;
}

.modo-obscuro .multiselect__content-wrapper{
    border: 1px solid #242526;
}

.modo-obscuro .table thead {
    background-color: var(--primary-color);
}

.modo-obscuro .table{
    background-color: #3d4042;
}

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

.modo-obscuro .table-hover > tbody > tr:hover {
    background-color: #252628;
}

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

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

.modo-obscuro .project-list table tr {
    border-left: 1px solid #898c90;
    border-right: 1px solid #898c90;
    background-color: #313335;
}

.modo-obscuro .project-list table tr:hover {
    border-left: 1px solid var(--primary-color);
    border-right: 1px solid var(--primary-color);
}

.modo-obscuro .project-list table tr td {
    border-bottom: 1px solid #18191a;
}

.modo-obscuro .project-manager .tag-list li a {
    background-color: #313335;
    border: 1px solid #313335;
}

.modo-obscuro .project-files li a {
    color: #b3babd;
}

.modo-obscuro .pagination > li > a,
.modo-obscuro .pagination > li > span {
    background-color: #242526;
    border: 1px solid #313335;
}

.modo-obscuro .pagination > .active > a,
.modo-obscuro .pagination > .active > span,
.modo-obscuro .pagination > .active > a:hover,
.modo-obscuro .pagination > .active > span:hover,
.modo-obscuro .pagination > .active > a:focus,
.modo-obscuro .pagination > .active > span:focus {
    background-color: #355A9DFF;
    border-color: #355A9DFF;
    color: inherit;
    cursor: default;
    z-index: 2;
}

.modo-obscuro .pagination>.disabled>a,
.modo-obscuro .pagination>.disabled>a:focus,
.modo-obscuro .pagination>.disabled>a:hover,
.modo-obscuro .pagination>.disabled>span,
.modo-obscuro .pagination>.disabled>span:focus,
.modo-obscuro .pagination>.disabled>span:hover {
    color: #6a6a6a;
    cursor: not-allowed;
    background-color: #313335;
    border-color: #242526;
}

.modo-obscuro .input-mini{
    background-color: #3a3b3c !important;
    border: 1px solid #3a3b3c;
    color: #ffffff !important;
}

.modo-obscuro .daterangepicker .calendar-date {
    border: 1px solid #3a3b3c;
    background: #3a3b3c;
}

.modo-obscuro .daterangepicker td.in-range {
    background: #242526;
}

.modo-obscuro .btn-white,
.modo-obscuro  .footer {
    color: inherit;
    background: #242526;
    border: 1px solid #242526;
}

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

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

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

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

.modo-obscuro .top-navigation .nav > li > a {
    color: #bcbcbc;
}

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

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

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

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

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

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

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

.modo-obscuro .asd__day--enabled {
    color: #ffffff !important;
}

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

.modo-obscuro .todo-list.small-list > li {
    background: #18191a ;
}

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

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

.modo-obscuro .panel-danger {
    border-color: #ed5565 !important;
}

.modo-obscuro .close{
    color: #ffffff;
}

.modo-obscuro .close{
    color: #c4c4c4;
}

.modo-obscuro .close:hover{
    color: #ffffff;
}

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

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

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

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

.modo-obscuro .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;
}

.modo-obscuro .tabs-container.gray .nav-tabs > li.active > a{
    background-color: #18191a !important;
}

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

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

.modo-obscuro .input-group-addon {
    background-color: #4c4f52;
    border: 1px solid #4c4f52 ;
}

.modo-obscuro  .sortable_placeholder {
    border: 2px dashed #3db754!important;
    background: #7e7e7e!important;
    color: #ffffff!important;
}

.modo-obscuro  .border-left-right {
    border-left: 1px solid #1b1c1d!important;
    border-right: 1px solid #1b1c1d!important;
    border-top: none!important;
    border-bottom: none!important;
}

.modo-obscuro  .border-bottom {
    border-bottom: 1px solid #1b1c1d !important;
}

.modo-obscuro  .vs__spinner{
    border: .9em solid hsl(0deg 0% 60%);
    border-left-color: rgb(60 47 136);
}

.modo-obscuro  .chat-discussion {
    background: #242526!important;
}

.modo-obscuro  .message {
    background-color: #18191a!important;
    border: 1px solid #18191a!important;
}

.modo-obscuro  .my-message{
    background-color: var(--primary-color-lighten)!important;
    border: 1px solid var(--primary-color-lighten)!important;
}

.modo-obscuro  .message-avatar {
    background-color: #18191a!important;
    border: 1px solid #18191a!important;
}

.modo-obscuro .form-control[disabled],
.modo-obscuro .form-control[readonly],
.modo-obscuro .multiselect--disabled .multiselect__select,
.modo-obscuro .multiselect--disabled .multiselect__tags,
.modo-obscuro .multiselect--disabled .multiselect__tags .multiselect__input,
.modo-obscuro .multiselect--disabled .multiselect__tags .multiselect__single,
.modo-obscuro .vs--disabled .vs__clear,
.modo-obscuro .vs--disabled .vs__dropdown-toggle,
.modo-obscuro .vs--disabled .vs__open-indicator,
.modo-obscuro .vs--disabled .vs__selected{
    background-color: #262728!important;
    color: #7e7e7e!important;
    opacity: 1;
}