/* ============================================== */
/* TEXTO */
/* ============================================== */

/*-- Color texto primario (blanco) --*/

.pagination ul li a:hover,
.btn-borrar,
.btn-borrar-img,
.navigation-top ul li.logout a,
h1,h2,h3,h4,h5,h6,
.white-box ul li span p.nombre,
.white-box.results ul li span a,
a.link,
.white-box ul li .title a.link,
.navigation-top ul li a,
table thead tr th,
input:focus,
textarea:focus,
.select-options li,
form label b{color: white;}

/*-- Color texto hover --*/

.white-box ul li .title a.link:hover,
table tr > td > a.btn-link:hover,
.select-options li:hover {color: #ffae00;}

/*-- Color texto secundario (gris) --*/

a,
pre,
body,
p,li,
label,
.pagination ul li a,
.footer-link,
.button2:before,
.select-styled,
input,
textarea,
.select-styled:before,
.select-styled:active:before,
.select-styled.actived:before,
.submenu > a:before,
.submenu.active > a,
form.search-link input,
.white-box ul li .title,
.submenu.active > ul li a,
.navigation-aside ul li a,
.submenu.active > ul li:hover a,
li.navigation-top-submenu a,
.navigation-top-submenu ul li a,
.navigation-top-submenu > a:before,
.navigation-top-submenu a,
table tr.current input[type=submit].eliminarcorreo{color:#888888;}

/* ============================================== */
/* PRIMARIO */
/* ============================================== */

body{
	background-color: #1d1d24;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

/* ============================================== */
/* SECUNDARIO */
/* ============================================== */

.pagination ul li a,
header,
.bg-white,
.white-box ul li span,
.navigation-top-submenu ul,
table tr:nth-child(odd),
nav,
.navigation-aside,
#login form{background: #121219;}

/* ============================================== */
/* TERCIARIO */
/* ============================================== */

.navigation-aside ul li a.current:after,
.navigation-aside ul li a:after,
.navigation-aside-settings,
.navigation-top ul .right .button span{background: #ffae00;}


/*-- Color tablas --*/

table thead tr th,
input[type="checkbox"]{background: #1d1d24;}
table tr.current{background: white !important;}

table tr:nth-child(odd) {background: #121219;}
table tr:nth-child(even) {background: #16161c;}

/*-- Color imputs --*/

input,
textarea,
.select-options li:hover,
.select-options,
.select-styled,
.select-styled:hover,
.select-styled:active,
.select-styled.actived,
textarea[name=descripcion]{background: #1d1d24;}

.bg-overlay-page-active{background: rgba(0, 0, 0, 0.6);}

/* ============================================== */
/* BOTONES */
/* ============================================== */

/*-- Color botones positivos --*/

.white-box a.btn,
.pagination ul li.active a,
.btn-editar,
.navigation-aside ul li a span,
label[for="upload-image"],
input[type=submit],
.btn-agregar,
.ver-mas.abierto,
input[type="checkbox"]:checked,
.navigation-aside-settings ion-icon .icon-inner,
.white-box a.btn:before,
.btn-cta{
	background: #ffae00;
	color:#1d1d24;
}

/*-- Color botones positivos hover --*/

.pagination ul li a:hover,
.btn-editar:hover,
.btn-agregar:hover,
.white-box a.btn:hover,
label[for="upload-image"]:hover,
form.search-link button:hover,
input[type=submit]:hover{background:#ff9c00;}

/*-- Color botones negativos --*/

.img-gallery a,
.btn-borrar-img,
.btn-borrar{
	background: #de2a4c;
	color: white;
}

.img-gallery a:hover,
.btn-borrar:hover,
.btn-borrar-img:hover{background:#c62947;}

/* ============================================== */
/* LINKS */
/* ============================================== */

/*-- Color links activos --*/

.navigation-aside ul li a.current,
.navigation-aside ul li:hover > a,
.navigation-top ul .right ion-icon .icon-inner{
	background: transparent;
	color:#ffae00;
}

/*-- Color links activos 2 --*/

table tr.current td,
table tr.current > td > a.btn-link,
form.search-link:before{
	color:#1d1d24;
}

/*-- Color link negativo --*/

input[type=submit].eliminarcorreo{color:#de2a4c;}

/* ============================================== */
/* BORDERS */
/* ============================================== */

.submenu ul li,
.submenu ul li a,
table thead tr th,
.navigation-aside ul li a,
header,
.line{border-bottom: 1px solid rgba(255,255,255,0.1);}

table tr.current{
  border-bottom:1px solid rgba(0,0,0,0.1);
}

.white-box ul li span,
.pagination ul li{border: 1px solid rgba(255,255,255,0.1);}

.img-gallery{border: 2px dashed rgba(255,255,255,0.1);}

/*-- query --*/

@media screen and (max-width: 768px){
	table th,
	table td {
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}

	table tr.current td {
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
}