/* 19/09/2018 */
/* >> ATEC-351: Acessibilidade */
/* ..................................................................................................... */
/* ALTO CONTRASTE */
@import url("abasContrast.css");

/* Estilos Gerais para Modo Escuro */
.dark-mode,
.dark-mode nav,
.dark-mode div,
.dark-mode li,
.dark-mode ol,
.dark-mode header,
.dark-mode footer,
.dark-mode section,
.dark-mode main,
.dark-mode aside,
.dark-mode article {
    background: black !important;
    color: white !important;
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode p,
.dark-mode label,
.dark-mode strong,
.dark-mode em,
.dark-mode cite,
.dark-mode q,
.dark-mode i,
.dark-mode b,
.dark-mode u,
.dark-mode span {
    color: white !important;
}

.dark-mode a,
.dark-mode a span {
    color: yellow !important;
}

/* Bordas e Fundos Específicos */
.dark-mode .blue-mp,
.dark-mode .bg-lightblue {
    border: solid 1px white !important;
}

/* Botões e Inputs */
.dark-mode button,
.dark-mode .btn-primary,
.dark-mode .btn-info,
.dark-mode input[type=button],
.dark-mode input[type=reset],
.dark-mode input[type=submit],
.dark-mode input[type=file],
.dark-mode input[type=text],
.dark-mode input[type=time],
.dark-mode input[type=password],
.dark-mode input[type=url],
.dark-mode input[type=search],
.dark-mode input[type=email],
.dark-mode input[type=tel],
.dark-mode input[type=date],
.dark-mode input[type=month],
.dark-mode input[type=week],
.dark-mode input[type=datetime],
.dark-mode input[type=datetime-local],
.dark-mode textarea,
.dark-mode input[type=number],
.dark-mode select {
    background: black !important;
    border: 1px solid yellow !important;
    color: yellow !important;
}

.dark-mode input[type=text],
.dark-mode input[type=time],
.dark-mode input[type=password],
.dark-mode input[type=url],
.dark-mode input[type=search],
.dark-mode input[type=email],
.dark-mode input[type=tel],
.dark-mode input[type=date],
.dark-mode input[type=month],
.dark-mode input[type=week],
.dark-mode input[type=datetime],
.dark-mode input[type=datetime-local],
.dark-mode textarea,
.dark-mode input[type=number],
.dark-mode select {
    border: 1px solid white !important;
    color: white !important;
}

/* Menus e Itens de Navegação */
.dark-mode .menu > li > a:hover, 
.dark-mode .menu > li > ul > li > a:hover,
.dark-mode .menu > li > ul > li > ul > li > a:hover,
.dark-mode .menu > li > ul > li > ul > li > ul > li > a:hover,
.dark-mode .mt-2 li a:hover,
.dark-mode .mt-2 li a p:hover {
    background: rgb(90, 90, 90) !important;
    color: orange !important;
}

.dark-mode div div span, 
.dark-mode .mt-2 li a { 
    background: black !important;
}

/* Imagens */
.dark-mode img.on-contrast-force-gray, 
.dark-mode .imagem-gray {
    filter: grayscale(100%) contrast(120%);
}

.dark-mode img.on-contrast-force-white, 
.dark-mode .imagem-white {
    filter: brightness(0) invert(1);
}

.dark-mode .high-contrast {
    filter: contrast(100%) brightness(120%);
}

.dark-mode .invert-colors {
    filter: invert(100%);
}

.dark-mode .invert-colors-high-contrast {
    filter: invert(100%) contrast(100%) brightness(120%);
}

/* Tabelas */
.dark-mode table thead { 
    background: #4F4F4F;
}

.dark-mode table tbody tr td { 
    background: black;
}

.dark-mode table tbody tr:hover,
.dark-mode table tbody tr span:hover,
.dark-mode table tbody tr i:hover { 
    color: orange !important;
}

/* Paginação */
.dark-mode .page-item .page-link { 
    background: black !important;
    color: yellow !important;
}

/* Botões Circulares */
.dark-mode .btn-circulo {
    background-color: rgb(255, 204, 0) !important;
    color: black !important;
}

.dark-mode .btn-circulo strong,
.dark-mode .btn-circulo i {
    color: black !important;
}

.dark-mode .btn-circulo:hover {
    background-color: rgb(255, 180, 0) !important;
    border: solid 2px rgb(230, 184, 0) !important;
    color: white !important;
}

/* Elementos Específicos */
.dark-mode .usuarioAutorizado, 
.dark-mode .avaliacao {
    background-color: rgb(255, 204, 0) !important;
    color: black !important;
}

.dark-mode .contarCaracter, 
.dark-mode div div .destacar, 
.dark-mode .destacar,
.dark-mode .obrigatorio {
    color: yellow !important;
}

.dark-mode .download {
    border: solid 1px yellow !important;
    background-color: black !important;
}

.dark-mode .download:hover {
    border: solid 2px yellow !important;
}

.dark-mode .no-border {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
}

.dark-mode .no-resise {
    resize: none !important;
}

.dark-mode .destacar-background {
    background-color: #970000 !important;
}

.dark-mode .linha-supeior-2 {
    border-top: 1.5px solid gray;
}

.dark-mode .btn-table {
    background-color: rgb(80, 80, 80) !important;
    border: solid 1px yellow !important;
}

.dark-mode .btn-table:hover, 
.dark-mode .btn-table:active,
.dark-mode .btn-download:hover {
    background-color: rgb(60, 60, 60) !important;
    border: solid 1px yellow !important;
}

.dark-mode .alert-danger, 
.dark-mode .alert-danger span {
    background: rgb(128, 13, 13) !important;
    color: white !important;
}

.dark-mode .text-danger { 
    color: rgb(255, 162, 162) !important;
}

.dark-mode .ap-titulo-panel {
    color: rgb(255, 204, 204) !important;
}

.dark-mode .modal-header {
    background: #4F4F4F !important;
    color: white !important;
}

.dark-mode .close {
    color: black !important;
    background: rgb(246, 207, 5) !important;
}

.dark-mode .close-x {
    background: transparent !important;
    color: black !important;
}

.dark-mode .btn-primary,
.dark-mode .btn .btn-primary {
    background: linear-gradient(to bottom, rgb(80, 80, 80), rgb(60, 60, 60)) !important;
    color: yellow !important;
}

.dark-mode #toast-container .toast-success,
.dark-mode #toast-container .toast-success .toast-message,
.dark-mode .alert-success {
    background-color: rgb(0, 85, 0) !important;
}
.dark-mode #toast-container .toast-error,
.dark-mode #toast-container .toast-error .toast-message,
.dark-mode .alert-error {
    background-color: rgb(153, 0, 0) !important;
}
.dark-mode #toast-container .toast-warning,
.dark-mode #toast-container .toast-warning b,
.dark-mode #toast-container .toast-warning .toast-message,
.dark-mode .alert-warning {
    background-color: rgb(255, 255, 198) !important;
    color: rgb(0, 0, 0) !important;
    opacity: 1 !important;
}
.dark-mode .alert-info,
.dark-mode .alert-info .form-group,
.dark-mode .alert-info .form-group span {
    background-color: rgb(0, 0, 128) !important;
    color: rgb(255, 255, 255) !important;
    opacity: 1 !important;
}

.dark-mode .card-header   {
	background: black !important;
}

.dark-mode .modal-title {
	background: transparent !important;
}

.dark-mode input[readonly] {
	background: rgb(60, 60, 60) !important;
}