﻿/*
 * Descripción: Dark styles // css
 */


/*body.dark, .page-wrapper {
	background-color: #181818;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #c3c3c3;
}

.dark h1, .dark h1 a, .dark h1 a:hover, .dark h1 a:focus {color: #ffffff}
.dark h2, .dark h2 a, .dark h2 a:hover, .dark h2 a:focus {color: #f1f3f5}
.dark h3, .dark h3 a, .dark h3 a:hover, .dark h3 a:focus {color: #eaedef}
.dark h4, .dark h4 a, .dark h4 a:hover, .dark h4 a:focus {color: #e7eaec}
.dark h5, .dark h5 a, .dark h5 a:hover, .dark h5 a:focus {color: #dee2e6}
.dark h6, .dark h6 a, .dark h6 a:hover, .dark h6 a:focus {color: #c3c3c3}

.dark p, .dark .txtmin {color: #c3c3c3}
.dark li {color: #cfd4da}
.dark a {color: #c3c3c3}

.dark .switch-checkbox {background-color:#303038; color:#fff;}
.dark .switch-checkbox:hover{color: #000 !important; background-color: #f4f4f8!important;}*/

/************.dark .switch-checkbox:hover img{filter: var(--fa-switch-img);}
.dark .switch-checkbox img {filter: var(--fa-svg-blanco);}**********/

/*.dark .boton.circulo{background-color:#303038; color:#fff;}*/
/*.dark .boton.circulo:hover{color: #000 !important; background-color: #454551!important;}*/

/*****************.dark .boton.circulo img{filter: var(--fa-svg-blanco);}
.dark .boton.circulo.active {color: var(--fa-colordest);!important; background-color:var(--fa-fondoclaro);}
.dark .boton.circulo:hover img, .boton.circulo:focus img {filter: var(--fa-svg-negro);}
.dark .boton.circulo.active img {filter: var(--fa--svg-colordest)}************/

/*.dark .boton.gris-claro {color: #fff; background-color: #303038;}
.dark .boton.gris-claro:hover,.dark .boton.gris-claro.bordered:hover, .dark .boton.gris-claro.active, .dark .boton.gris-claro.bordered.active {color: #fff; background-color: #454551;}
.dark .boton.gris-claro.bordered{color: #1d1d1d; background-color: #fff; border:1px solid #e9e9e9;}
.dark .boton.gris-claro.bordered:hover, .dark .boton.gris-claro.bordered.active{border:1px solid #303038;}*/



/*.dark .lema {color: #fff;}
.dark a.tag{ background:var(--fa-fondoclaro); border:1px solid var(--fa-color-borde); color:var(--fa-color-principal);}
.dark a:hover.tag, a:focus.tag, a.active.tag{background-color: var(--fa-colordest); color: var(--fa-colordest-txt); border-color:var(--fa-colordest);}*/
/*.dark .nombre-vw, .dark .nombre-vw a {color:var(--fa-dark-nombre);}antes #fff*/
/*.dark .datos-vw, .dark .datos-vw a{color:var(--fa-dark-datos);}antes #c3c3c3
.dark .chat_top {border-color:var(--fa-color-borde);}*/
/*.dark .atributos-video{color: #816664; background: rgb(129,106,111,0.09 );}*/

/****************.dark .atributos-video img{filter: var(--fa-svg-atributos);}*************/

/*box
.dark .box-container, .dark .box-header{border-color: var(--fa-color-borde);}*/

/*menú horizontal escritorio
.dark .zona-menu {background-color: var(--fa-fondoclaro); color: var(--fa-colormenu);}
.dark ul.menhor > li > a {color: var(--fa-colormenu);}
.dark ul.menhor > li > a.active {color: var(--fa-colordest);}
.dark ul.menhor > li:hover > a {color: var(--fa-colordest);}
.dark ul.menhor > li ul.tiene-submenu {background-color: var(--fa-submenu-fondo); border: 1px solid var(--fa-submenu-borde); -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);}
.dark ul.menhor > li ul.tiene-submenu li a {color: var(--fa-colormenu);}
.dark ul.menhor > li ul.tiene-submenu li a:hover {color:  var(--fa-colormenu);}
.dark ul.menhor > li ul.tiene-submenu li:hover > a {color:  var(--fa-colormenu);}
.dark ul.menhor > li ul.tiene-submenu li > a.active {color:  var(--fa-colormenu);}*/

/*formulario chat
.dark form.chat-form input[type=text]{background-color:#24242a; color:#c3c3c3;}
.dark form.chat-form button.send{background-color:#24242a; color:#fff;}
.dark form.chat-form button.send::before{background-color:#181818}
.dark form.chat-form button.send svg path{fill:#9fa2ab}
.dark form.chat-form button.send:focus{background-color:#d3d3d3;}
.dark form.chat-form button.send:hover{background-color:#3c3c46}*/
