html.dark-theme {
    --text-color-1: hsla(217.5, 100%, 100%, 90%);
    --text-color-2: hsla(217.5, 100%, 100%, 84%);
    --text-color-2: hsl(217.5, 6.2%, 74.9%);
    --text-color-3: hsla(217.5, 100%, 100%, 70%);
    --text-color-4: hsla(217.5, 100%, 100%, 65%);
    --text-color-5: hsla(217.5, 100%, 100%, 49%);
    --text-color-6: hsla(217.5, 100%, 100%, 38%);

    --bg-color-1: hsl(217.5, 0%, 7%);
    --bg-color-1: hsl(217.5, 10.3%, 13.5%);
    --bg-color-2: hsl(217.5, 10.3%, 15%);
    --bg-color-3: hsl(217.5, 10.3%, 18%);
    --bg-color-4: hsl(217.5, 10.3%, 22%);
    --bg-color-5: hsl(217.5, 10.3%, 25%);
    --bg-color-6: hsl(217.5, 10.3%, 30%);
    --bg-color-7: hsl(217.5, 10.3%, 36%);

    --sucess: hsl(168.5, 75.8%, 40.6%);
    --warning: hsl(16, 86%, 60%);
    --info: hsl(204, 70%, 58%);
    --prusia: hsl(209, 28%, 33%);
    --danger: hsl(6, 63%, 51%);

    --novo: hsl(0, 0%, 90%);
    --ditado: hsl(36, 97%, 63%);
    --digitado: hsl(31, 73%, 37%);
    --liberado: hsl(151, 28%, 20%);
    --impresso: var(--bg-color-7);
    --pendente: hsl(209, 94%, 80%);
    --pre-laudo: hsl(189, 100%, 57%);
    --entregue: hsl(50, 80%, 50%);
}

.btn-success, .breadcrumb, .breadcrumb > .active, .cl-mcont,
.container-fluid, .cl-mcont .row .block-flat, .block-wizard, .accordion .panel,
.btn, .input-group-addon, .panel.panel-default,
html.dark-theme #datatable_wrapper .dt-button, .table-hover > tbody > tr > th,
.table-hover > tbody > tr > td, #dashboard table.hover tbody tr ,
#versoes .list-group-item .table-responsive tr {
    transition: all ease .3s;
}

html.dark-theme #dashboard table tr:nth-child(2n),
html.dark-theme #mostrarImagensExames table tr:nth-child(2n),
html.dark-theme #form-cliente table tr:nth-child(2n),
html.dark-theme #form-configurar-laudo table tr:nth-child(2n),
html.dark-theme table tr:nth-child(2n) {
    background: none;
}

/* BACKGROUND 1 e COLOR 1 */
html.dark-theme .cl-mcont,
html.dark-theme #pcont.container-fluid,
html.dark-theme .accordion.accordion-semi .panel-heading a.collapsed {
    background-color: var(--bg-color-1);
    color: var(--text-color-1);
}

/* BACKGROUND 3 e COLOR 3 */
html.dark-theme .block-flat, html.dark-theme .block-wizard {
    background-color: var(--bg-color-3);
    color: var(--text-color-3);
}

/* DROPDOWN-MENU */
html.dark-theme .dropdown-menu {
    background-color: var(--bg-color-4);
}

html.dark-theme .dropdown-menu li a {
    color: var(--text-color-1);
}

html.dark-theme .dropdown-menu .divider{
    background-color: var(--bg-color-5);
}


/* TABLE HOVER */
html.dark-theme .table-hover > tbody > tr:hover > td,
html.dark-theme .table-hover > tbody > tr:hover > th {
    background: var(--bg-color-4);
}

/* ACCORDION FILTRO */
html.dark-theme #accordion3.accordion {
    color: var(--text-color-1);
}

html.dark-theme #accordion3.accordion {
    background-color: var(--bg-color-5);
}


/* DATATABLE  */
html.dark-theme .panel.panel-default {
    background-color: var(--bg-color-5);
    border-color: var(--bg-color-7);
    color: var(--text-color-1);
}

html.dark-theme #datatable_wrapper select[name="datatable_length"] {
    background: var(--bg-color-4);
    color: var(--text-color-1);
}

html.dark-theme #datatable_wrapper .dt-button {
    color: var(--text-color-1);
    background: var(--bg-color-5);
    border: 1px solid var(--text-color-1);
    padding: 2px 5px;
    border-radius: 3px;
}

html.dark-theme #datatable_wrapper .dt-button:focus,
html.dark-theme #datatable_wrapper .dt-button:hover {
    background: var(--text-color-1);
    color: var(--bg-color-5);
}

html.dark-theme #datatable_wrapper #datatable.table-bordered {
    border-color: var(--text-color-6);
}

html.dark-theme #datatable_wrapper #datatable thead > tr {
    background: var(--bg-color-2);
}
html.dark-theme #datatable_wrapper #datatable thead > tr > th {
    border-color: var(--text-color-6);
}

html.dark-theme #datatable_wrapper #datatable tbody tr {
    background: var(--bg-color-6);
}

html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr:hover > td,
html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr:hover > th {
    background: var(--bg-color-7);
}

html.dark-theme #datatable_wrapper #datatable tbody tr.novo {
    color: var(--bg-color-1) !important;
}

html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr.novo:hover > td,
html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr.novo:hover > th {
    background: var(--novo) !important;
}

html.dark-theme #datatable_wrapper #datatable tbody tr.ditado {
    color: var(--bg-color-1) !important;
}

html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr.ditado:hover > td,
html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr.ditado:hover > th {
    background: var(--ditado) !important;
}

html.dark-theme #datatable_wrapper #datatable tbody tr.digitado {
    color: var(--digitado) !important;
}

html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr.digitado:hover > td,
html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr.digitado:hover > th {
    background: var(--digitado) !important;
    color: var(--text-color-1);
}

html.dark-theme #datatable_wrapper #datatable tbody tr.liberado {
    color: var(--liberado);
}

html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr.liberado:hover > td,
html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr.liberado:hover > th {
    background: var(--liberado) !important;
    color: var(--text-color-1);
}

html.dark-theme #datatable_wrapper #datatable tbody tr.impresso {
    color: var(--impresso) !important;
}

html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr.impresso:hover > td,
html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr.impresso:hover > th {
    background: var(--impresso) !important;
    color: var(--text-color-1);
}

html.dark-theme #datatable_wrapper #datatable tbody tr.pendente {
    color: var(--bg-color-1) !important;
}

html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr.pendente:hover > td,
html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr.pendente:hover > th {
    background: var(--pendente) !important;
}

html.dark-theme #datatable_wrapper #datatable tbody tr.pre-laudo {
    color: var(--bg-color-1) !important;
}

html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr.pre-laudo:hover > td,
html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr.pre-laudo:hover > th {
    background: var(--pre-laudo) !important;
}

html.dark-theme #datatable_wrapper #datatable tbody tr.entregue {
    color: var(--bg-color-1) !important;
}

html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr.entregue:hover > td,
html.dark-theme #datatable_wrapper #datatable.table-hover > tbody > tr.entregue:hover > th {
    background: var(--entregue) !important;
}

html.dark-theme .btn-group {
    color: var(--bg-color-1);
}

html.dark-theme .panel-body .btn-group .btn {
    opacity: .8;
}

html.dark-theme .pagination > li:not(.active) > a,
html.dark-theme .pagination > li:not(.active) > span {
    background: var(--bg-color-1);
}

html.dark-theme .pagination > li > a {
    border-color: var(--bg-color-7);
}

html.dark-theme .pagination > li:not(.disabled, .active) > a {
    background: var(--bg-color-2);
    border-color: var(--bg-color-7);
}

html.dark-theme .pagination > li:not(.disabled, .active) > a:hover {
    background: var(--bg-color-3);
}

html.dark-theme .pagination > li.disabled > a:hover {
    border-color: var(--bg-color-7);
}


/* TAB  */
html.dark-theme .block-flat .tab-content {
    background: var(--bg-color-3);

}


/* SIDEBAR LAUDO */
html.dark-theme .cl-sidebar.sidebar-imagens,
html.dark-theme .cl-sidebar.sidebar-imagens .content p.text-dark {
    background: var(--bg-color-3) !important;
    color: var(--text-color-1) !important;
}


/* BTNS */
html.dark-theme .btn-success {
    color: var(--sucess);
    background-color: var(--bg-color-2);
}

html.dark-theme .btn-success:hover {
    background-color: var(--sucess);
    color: var(--bg-color-1);
}

html.dark-theme .btn-warning {
    background-color: var(--bg-color-2);
    color: var(--warning);
}

html.dark-theme .btn-warning:hover {
    background-color: var(--warning);
    color: var(--bg-color-1);
}

html.dark-theme .btn-info:not(.toggle .toggle-on) {
    background-color: var(--bg-color-2);
    color: var(--info);
}

html.dark-theme .btn-info:not(.toggle .toggle-on):hover {
    background-color: var(--info);
    color: var(--bg-color-1);
}

html.dark-theme .btn-danger:not(.toggle .toggle-off) {
    background-color: var(--bg-color-2);
    color: var(--danger);
}

html.dark-theme .btn-danger:not(.toggle .toggle-on):hover {
    background-color: var(--danger);
    color: var(--bg-color-1);
}

html.dark-theme .btn-prusia {
    background-color: var(--bg-color-2);
    color: var(--text-color-1);
}

html.dark-theme .btn-prusia:hover {
    background-color: var(--prusia);
    color: var(--text-color-1);
}

html.dark-theme .btn-prusia#exportarExcel {
    color: var(--sucess);
}

html.dark-theme .btn-prusia#exportarExcel:hover {
    color: var(--text-color-1);
}

html.dark-theme .btn.dropdown-toggle,
html.dark-theme .bootstrap-select.btn-group,
html.dark-theme select.form-control {
    color: var(--text-color-1);
    background: var(--bg-color-4);
    border-color: var(--text-color-5);
}

html.dark-theme .btn.dropdown-toggle:focus,
html.dark-theme .bootstrap-select.btn-group:focus {
    border-color: var(--text-color-1);
}


/* INPUTS */
html.dark-theme input.form-control,
html.dark-theme textarea.form-control {
    color: var(--text-color-1);
    background: var(--bg-color-4);
    border-color: var(--text-color-5);
}

html.dark-theme input.form-control[readonly],
html.dark-theme textarea.form-control[readonly],
html.dark-theme input.form-control[disabled],
html.dark-theme textarea.form-control[disabled] {
    color: var(--text-color-4);
    background: var(--bg-color-2);
    border: none;
}

html.dark-theme input.form-control:focus {
    border-color: var(--text-color-1);
}

html.dark-theme .input-group .input-group-addon {
    background: var(--bg-color-2);
    border-color: var(--text-color-5);
    border-right: 1px;
    color: var(--text-color-2);
}


/* DASHBOARD  */
html.dark-theme #dashboard .fd-tile.detail {
    background: var(--bg-color-3);
    color: var(--text-color-2);
    border: 1px solid var(--bg-color-7);
}

html.dark-theme #dashboard div:nth-child(1) > div.novas:nth-child(1) > a:nth-child(3) {
    color: var(--text-color-1);
}

html.dark-theme #dashboard .fd-tile.detail .details {
    color: var(--bg-color-2);
}

html.dark-theme #dashboard .fd-tile.detail i {
    color: var(--bg-color-5);
}

html.dark-theme #dashboard table.hover tr:hover {
    background: var(--bg-color-4) !important;
}


/* MODAL  */
html.dark-theme .modal.bootbox .modal-header {
    background-color: var(--bg-color-2);
    color: var(--text-color-1);
}

html.dark-theme .modal .modal-body,
html.dark-theme .modal .modal-content {
    background: var(--bg-color-3);
    color: var(--text-color-1);
}

html.dark-theme .modal .modal-footer {
    background: var(--bg-color-2);
    color: var(--text-color-1);
}

html.dark-theme .modal.bootbox .close {
    color: var(--text-color-1);
}

html.dark-theme .modal .panel.panel-default td {
    background: var(--bg-color-3);
}

/* DUALLISTBOX */
html.dark-theme .bootstrap-duallistbox-container .form-control,
html.dark-theme .bootstrap-duallistbox-container .form-control[multiple="multiple"] {
    background: var(--bg-color-2);
    color: var(--text-color-2);
}

html.dark-theme .bootstrap-duallistbox-container .buttons button {
    background: var(--bg-color-3);
}

html.dark-theme .bootstrap-duallistbox-container .buttons button i {
    color: var(--text-color-3);
}


/* DATETIMEPICKER */
html.dark-theme .datetimepicker-days table tr:nth-child(2n) {
    background: var(--bg-color-4);
}

html.dark-theme .datetimepicker-days,
html.dark-theme .datetimepicker-years {
    color: var(--text-color-1);
}

html.dark-theme .datetimepicker table tr td.day:hover,
html.dark-theme .datetimepicker thead tr:first-child th:hover,
html.dark-theme .datetimepicker tfoot tr:first-child th:hover {
    background: var(--bg-color-1);
}

html.dark-theme .datetimepicker-months,
html.dark-theme .datetimepicker-hours,
html.dark-theme .datetimepicker-minutes {
    color: var(--text-color-2);
}


/* CONTEXTMENU */
html.dark-theme .context-menu-list,
html.dark-theme .context-menu-item {
    background: var(--bg-color-3);
    color: var(--text-color-2);
}

html.dark-theme .context-menu-item:hover {
    background: var(--bg-color-7);
}


/* MOSTRAR IMAGENS EXAMES */
html.dark-theme .cl-mcont .block.block-sismama {
    background: var(--bg-color-2) !important;
}


/* LISTA DE NÓDULOS */
html.dark-theme .table-striped > tbody > tr:nth-child(2n+1) > td,
html.dark-theme .table-striped > tbody > tr:nth-child(2n+1) > th {
    background: var(--bg-color-3);
}


/* FILEINPUT CLINTE */
html.dark-theme .fileinput-new.thumbnail {
    background-color: var(--bg-color-1);
}


/* CONFIGURAR LAUDO */
html.dark-theme #form-configurar-laudo .block {
    background: var(--bg-color-3) !important;
}


/* PERMISSOES DE USUARIO */
html.dark-theme #form-tipo-usuario .panel,
html.dark-theme #form-usuario .panel {
    background: var(--bg-color-3);
}

/* ALERT */
html.dark-theme .alert-white-alt {
    background-color: var(--bg-color-3);
    color: var(--text-color-1);
}

html.dark-theme .alert .close {
    color: var(--text-color-1);
}

/* MODAL LOG */
html.dark-theme #modalLogBody table .thead-log {
    color: var(--text-color-1);
}

html.dark-theme #modalLogBody #accordion .collapsed {
    background-color: var(--bg-color-1);
    color: var(--text-color-1);
}


/* Versoes */
html.dark-theme #versoes .list-group-item {
    background-color: var(--bg-color-1);
    color: var(--text-color-1);
}

html.dark-theme #versoes .list-group-item .table-responsive tr:hover {
    background-color: var(--bg-color-4);
}


/* BORDER  */
html.dark-theme .block-flat {
    border-color: var(--bg-color-5);
    border-top: none;
}

html.dark-theme #head-nav,
html.dark-theme .navbar-default .navbar-collapse,
html.dark-theme .accordion .panel {
    border: none;
}

html.dark-theme .block-flat .header {
    border-color: var(--bg-color-6);
}

html.dark-theme .breadcrumb > .active {
    color: var(--text-color-2);
}

#funcoes .btn-group.dropdown-button .dropdown-toggle {
    background-color: var(--bg-color-2);
    color: var(--text-color-1);
    border: none;
}

#head-nav.topbar .theme-toggle {
    padding: 1rem;
    color: #000;
}

html.dark-theme #head-nav.topbar .theme-toggle span {
    color: var(--text-color-1);
}

.msg {
    display: none;
    color: #000;
}

html.dark-theme .msg {
    color: var(--text-color-1);
}

input.invalid {
    border: 2px solid #d14333 !important;
}

input.invalid + .msg {
    display: block;
}


/* INFO, DANGER, WARNING -BOX */

.block-flat.dark-box .content p {
    padding: 1rem;
}

html.dark-theme .block-flat.dark-box  {
    background: var(--bg-color-2);
}
html.dark-theme .block-flat.dark-box .content p {
    color: var(--text-color-1);
}

html.dark-theme .block-flat.dark-box .actions a {
    font-size: 1.25rem;
    color: var(--text-color-6);
}


/* CLOCKPICKER */
.popover.clockpicker-popover {
    background: var(--bg-color-1);
}

.popover.clockpicker-popover .popover-title {
    background: var(--bg-color-1);
}

.popover.clockpicker-popover .popover-content {
    background: var(--bg-color-2);
}

.popover.clockpicker-popover .popover-content .clockpicker-plate {
    background: var(--bg-color-3);
}

/* botoes do laudo */
html.dark-theme .btn-flex-icon .icon {
    fill: #fff;
}

html.dark-theme #gritter-notice-wrapper .gritter-without-image p {
    color: var(--text-color-1);
}

.text-observacao p {
    color: var(--text-color-1);
}

html.dark-theme #form-tipo-usuario .node-treeview-checkable,
html.dark-theme #form-usuario .node-treeview-checkable {
    background: var(--bg-color-1);
}

html.dark-theme .achado-critico .descricao {
    color: #fee;
}


html.dark-theme .navbar-default .navbar-nav .notificacoes.dropdown-menu li > a {
    transition: all ease .150s;
}

html.dark-theme .navbar-default .navbar-nav .notificacoes.dropdown-menu li > a:hover {
    background: var(--bg-color-6);
    color: var(--text-color-1);
}

html.dark-theme .navbar-default .navbar-nav .notificacoes.dropdown-menu li > a i {
    color: var(--danger);
    font-size: 1rem;
}

html.dark-theme .navbar-default .navbar-nav .notificacoes.dropdown-menu li > a span {
    color: var(--text-color-2);
    font-weight: 500;
}

html.dark-theme .notificacoes.dropdown-menu .achado-critico-descricao {
    color: #fff;
}

html.dark-theme .modal-sobre-notificacao .close {
    color: var(--text-color-1);
}

html.dark-theme .modal-content .modal-header {
    background:var(--bg-color-1);
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav > li.button .notificacoes.dropdown-menu {
      background-color: var(--bg-color-1) !important;
    }
}