/* Walter Paoloni */  
/* 19/09/2018 */
/* >> ATEC-351: Acessibilidade */
/* ..................................................................................................... */
/* ALTO CONTRASTE */

/*html { background:  transparent }*/

.dark-mode .blue-mp { 
	 /*background: red !important;*/
	  border-right:solid 1px white !important;
}

.dark-mode .bg-lightblue { 
	  border:solid 1px white !important;
}
.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;
}

.dark-mode #ambiente{
    color: white !important;
}

.dark-mode button,
.dark-mode .btn {
    border: 1px solid white !important;
}

.dark-mode :any-link {
    border: none !important;
}

.dark-mode button {
    color: white !important;
}
/*.dark-mode button,*/
.dark-mode .btn-primary,
.dark-mode .btn-dark,
.dark-mode .btn-info,
.dark-mode input[type=button],
.dark-mode input[type=reset],
.dark-mode input[type=submit],
.dark-mode input[type=file] {
    background: black !important;
    color: yellow !important;
    /*border: none !important;*/
    /*bordercolor: yellow !important;*/
    border: 1px solid yellow !important;
}

.dark-mode .btn-light {
    background: black !important;
    color: yellow !important;
    border:none !important;
}
.dark-mode .btn-light:hover {
    border: 1px solid yellow !important;
}
.dark-mode .btn-light:active {
 	border:solid 2px orange !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 {
    background: black !important;
    border: 1px solid white !important;
    color: white !important;
}

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

.dark-mode .mt-2 li a:hover,
.dark-mode .mt-2 li a p:hover{
	color: orange !important;
}

.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(5%) brightness(150%);
}

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

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

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

.dark-mode .page-item .page-link { 
	background: black !important;
	color: yellow !important;
}

.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 {
    background: rgb(90, 90, 90) !important;
}

.dark-mode .auto-contraste  {
    background-color: transparent !important;
    color: yellow !important;
}

.dark-mode .auto_contraste {
    background-color: transparent !important;
    border-bottom:solid 2px white !important;
    
}

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

.dark-mode .btn-circulo {
	background-color: rgb(255, 204, 0) !important;
	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;
}

.dark-mode .usuarioAutorizado, .dark-mode .avaliacao {
	/*
	background-color: rgb(110, 110, 110) !important;
	border:solid 1px white;
	*/
	/*color: white !important;*/
	background-color: rgb(255, 204, 0) !important;
	color: black !important;
}

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

.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: 0 0 0 0 !important;
	border: 0 none !important;
	outline: 0 !important;
	background: transparent !important;
}

.dark-mode .no-resise {
	resise: 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 {
	background-color: rgb(60, 60, 60) !important;
	border:solid 1px yellow !important;
}

.dark-mode .btn-download:hover {
    background-color: rgb(60, 60, 60) !important;
    border:solid 1px rgb(230, 184, 0) !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;
}

/** Estrelas da Avaliação **/
/*.dark-mode .stars {
    font-size: 40px;
    cursor: pointer;
    color: #ccc;
}*/
.dark-mode .selected {
    color: darkorange !important;
}
/** ********************* **/

.dark-mode #conteudo .box, .box {
    border-color: white !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 .transparente {
	background:  transparent !important;
}

.dark-mode .modal-titulo {
	background: darkslategray !important;
}

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

.dark-mode .chosen-container-multi .chosen-choices {
	background: black !important;
}

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

.dark-mode .conversa-messagem {
	background: rgb(50,50,50) !important;
}

.dark-mode .conversa-usuario,
.dark-mode .conversa-dthr {
	color: rgb(204,255,229) !important;
}

.dark-mode .conversa-destinatario {
	background: transparent !important;
}

.dark-mode .check-1 {
	color: lightgray !important;
}

.dark-mode .check-2 {
	color: yellow !important;
}

.dark-mode .check-3 {
	color: lightgreen !important;
}

.dark-mode .check-4 {
	color: skyblue !important;
}

.dark-mode .check-5 {
	color: red !important;
}

.dark-mode .alert-msg {
    background-color: rgb(0, 85, 0) !important;
    color: rgb(255, 255, 128) !important;
}