/**01 Body**/
body{color:rgba(0,0,0);}
.toggle-btn {
  /*Donde va el nombre Logo de Lemon-soft*/
  background-color: rgba(210, 211, 212, 0.3);
}
.optica {
  /*donde va el nombre de la optica/oficina*/
  /*background-color: rgba(00, 108, 176, 0.3);*/
  color: rgb(11, 152, 233);
}
/**2 Esqueleto**/
.principal.clicked {
  transition: background-color 1s ease;
  background-color: rgba(220, 220, 220, 0.95);
}
.vendido {background-color: rgba(90, 198, 209, 1)!important;}
/**Colores en Derecho**/
#derecho .ventanaMovil,
#derecho .sticky-col,
#derecho .sticky-table th
{
  background-color: rgba(200, 80, 80, 0.9);
  border: 1px solid rgba(200, 80, 80, 0.5);
}
#derecho .vendido{
  background-color: rgba(200,200, 80, 0.9);
}
#derecho .superior tr:nth-child(even) {
    background-color: rgba(255, 200, 200, .2);
}

#derecho > div:nth-child(2) .ventanaMovil,
#derecho > div:nth-child(2) .sticky-col,
#derecho > div:nth-child(2) .sticky-table th{
  background-color: rgba(80, 200, 80, 0.9);
  border: 1px solid rgba(80, 200, 80, 0.5);
}
#derecho > div:nth-child(2) .vendido{
  background-color: rgba(200, 80, 200, 0.9);
}
#derecho > div:nth-child(2) .superior tr:nth-child(even) {
    background-color: rgba(200, 255, 200, .2);
}
#derecho > div:nth-child(3) .ventanaMovil,
#derecho > div:nth-child(3) .sticky-col,
#derecho > div:nth-child(3) .sticky-table th{
  background-color: rgba(80, 80, 200, 0.9);
  border: 1px solid rgba(80, 80, 200, 0.5);
}
#derecho > div:nth-child(3) .vendido{
  background-color: rgba(80, 200, 200, 0.9);
}
#derecho > div:nth-child(3) .superior tr:nth-child(even) {
    background-color: rgba(200, 200, 255, .2);
}
/**03 Lateral**/
/* --- Menú lateral --- */
.sidebar {background-color: rgba(210, 211, 212, 0.95);}
.sidebar .toggle-btn::before {color: #fff;}
/**04 Submenus*/
.submenu {background-color: inherit;}
/**05 VentanaMovil**/
.ventanaMovil{
    background-color: rgba(245, 246, 250, 1);
    border: 1px solid rgba(210, 211, 212, 0.5);
}
.arrastre{background-color:rgb(35, 109, 176);}
.ventanaMovil:active{border:1px solid blue;}
/**07 Cursor**/
#loader {
  border: 10px solid #ccc;
  border-top-color: #2196f3;
}
/**08 Formularios**/
label {
  background-color:inherit;
  color:inherit;
}
input,
select,
textarea {
  background-color: rgba(210, 211, 212, .95) !important;
  color: inherit;
}
/*textarea {background-color: inherit;}*/
.requerido{border-color: rgba(250,0,0) !important}
.solicitado:invalid{
  background-color: rgba(250,0,0,08) !important;
  color:rgb(255,255,255);
}
.bordeS{border-color: rgba(0, 0, 0,0.1);}
/**09 Tablas**/
.sticky-table tr {background-color: transparent;}
.sticky-table tr:nth-child(even) {background-color: rgba(16,98,172, .2);}
.sticky-table th {
    background-color: rgba(16,98,172, .9);
    color:rgba(255,255,255, .9);
}
.sticky-col {
    background-color: rgba(16,98,172, .9);
    color:rgba(255,255,255, .9);
}
.sticky-table th,
.sticky-table td {
  border-right-color: rgba(16,98,172, .3);
}

/**10 Botones**/
.enlace-boton {color: inherit;}
.enlace-boton-b {color: inherit;}
.boton-sombra {color: inherit;}
.boton{
    background-color: rgb(52 191 212);
    color:rgb(255 255 255);
}
svg.svgIcon {
  width: 16px;
  margin-right: 4px;
}
.b-recarga{background-color: rgb(63, 87, 115);}
.b-buscar{background-color: rgb(52, 191, 212);}
.b-grabar{background-color: rgb(38, 199, 123);}
.b-duplicar{background-color: rgb(96, 54, 212);}
.b-borrar{background-color: rgb(255,93,136);}
.b-imprime{background-color:rgb(255,210,42)}
.b-excel{background-color: rgb(14, 110, 38);}
.b-modo{background-color: transparent;} 

/**Oscuro**/
/**01 Body**/
body.dark
 {
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
}
body.dark .toggle-btn {
  /*Donde va el nombre Logo de Lemon-soft*/
  background-color: rgba(20, 20, 20, 0.3);
}
body.dark .optica {
  /*donde va el nombre de la optica/oficina*/
  /*background-color: rgba(00, 108, 176, 0.3);*/
  color: rgb(11, 152, 233);
}
/**2 Esqueleto**/
body.dark .principal.clicked {
  transition: background-color 1s ease;
  background-color: rgba(30, 30, 30, 0.95);
}
body.dark .vendido {background-color: rgba(90, 198, 209, 1)!important;}
/**Colores en Derecho**/
body.dark #derecho .ventanaMovil,
body.dark #derecho .sticky-col,
body.dark #derecho .sticky-table th
{
  background-color: rgba(200, 80, 80, 0.9);
  border: 1px solid rgba(200, 80, 80, 0.5);
}
body.dark #derecho .vendido{
  background-color: rgba(200,200, 80, 0.9);
}
body.dark #derecho .superior tr:nth-child(even) {
    background-color: rgba(255, 200, 200, .2);
}

body.dark #derecho > div:nth-child(2) .ventanaMovil,
body.dark #derecho > div:nth-child(2) .sticky-col,
body.dark #derecho > div:nth-child(2) .sticky-table th{
  background-color: rgba(80, 200, 80, 0.9);
  border: 1px solid rgba(80, 200, 80, 0.5);
}
body.dark #derecho > div:nth-child(2) .vendido{
  background-color: rgba(200, 80, 200, 0.9);
}
body.dark #derecho > div:nth-child(2) .superior tr:nth-child(even) {
    background-color: rgba(200, 255, 200, .2);
}
body.dark #derecho > div:nth-child(3) .ventanaMovil,
body.dark #derecho > div:nth-child(3) .sticky-col,
body.dark #derecho > div:nth-child(3) .sticky-table th{
  background-color: rgba(80, 80, 200, 0.9);
  border: 1px solid rgba(80, 80, 200, 0.5);
}
body.dark #derecho > div:nth-child(3) .vendido{
  background-color: rgba(80, 200, 200, 0.9);
}
body.dark #derecho > div:nth-child(3) .superior tr:nth-child(even) {
    background-color: rgba(200, 200, 255, .2);
}
/**03 Lateral**/
/* --- Menú lateral --- */
body.dark .sidebar {background-color: rgba(20, 20, 20, 0.95);}
body.dark .sidebar .toggle-btn::before {color: #fff;}
/**04 Submenus*/
body.dark .submenu {background-color: inherit;}
/**05 VentanaMovil**/
body.dark .ventanaMovil{
    background-color: rgba(53, 60, 72, 1);
    border: 1px solid rgba(210, 211, 212, 0.5);
}
body.dark .arrastre{background-color:rgb(35, 109, 176);}
body.dark .ventanaMovil:active{border:1px solid blue;}
/**07 Cursor**/
body.dark #loader {
  border: 10px solid #ccc;
  border-top-color: #2196f3;
}
/**08 Formularios**/
body.dark label {
  background-color:inherit;
  color:inherit;
}
body.dark input,
body.dark select,
body.dark textarea {
  background-color: rgba(20, 20, 20, .95) !important;
  color: inherit;
}
/*textarea {background-color: inherit;}*/
body.dark .requerido{border-color: rgba(250,0,0) !important}
body.dark .solicitado:invalid{
  background-color: rgba(250,0,0,08) !important;
  color:rgb(255,255,255);
}
body.dark .bordeS{border-color: rgba(0, 0, 0,0.1);}
/**09 Tablas**/
body.dark table{border-color: rgb(150,150,150);}
body.dark .sticky-table tr {background-color: transparent;}
body.dark .sticky-table tr:nth-child(even) {background-color: rgba(16,98,172, .2);}
body.dark .sticky-table th {
    background-color: rgba(17 50 80 / 90%);
    color:rgba(255,255,255, .9);
}
body.dark .sticky-col {
    background-color: rgba(17 50 80 / 90%);
    color:rgba(255,255,255, .9);
}

body.dark .sticky-table th,
body.dark .sticky-table td {
  border-right-color: rgba(170,150,180, .3);
}
/**10 Botones**/
body.dark .boton{
    background-color: rgb(23 145 189);
    color: rgb(255, 255, 255);
}
body.dark .b-recarga{background-color: rgb(38 43 51);}
body.dark .b-buscar{background-color: rgb(20 151 166);}
body.dark .b-grabar{background-color: rgb(04 167 119);}
body.dark .b-duplicar{background-color: rgb(96, 54, 212);}
body.dark .b-borrar{background-color: rgb(254 95 85);}
body.dark .b-imprime{background-color:rgb(255 200 87)}
body.dark .b-excel{background-color: rgb(0 100 50);}
body.dark .b-modo{color: rgb(255 255 255);} 
/*
04:04
17:23
20:32
26:38
2a:42
2b:43
33:51
34:52   
36:54
3f:63
55:85
57:87
5d:93
5f:95
60:96
73:115
77:119
7b:123
88:136
91:145
a1:161
a7:167
bd:189
bf:191
c7:199
c8:200
d0:208
d2:210
d4:212
fe:254
ff:255

*/