/**
 * Iconlabs - hoja de marca sobre el skin Elastic de Roundcube
 * Se carga DESPUÉS de /styles/styles.css (Elastic) y de bootstrap.min.css,
 * así que solo necesita sobrescribir los selectores puntuales que cambian
 * de color/tipografía. No toca la estructura ni el LESS original.
 */

:root {
	--iconlabs-navy: #10162B;
	--iconlabs-navy-light: #1B2340;
	--iconlabs-navy-lighter: #232D52;
	--iconlabs-yellow: #FAEF21;
	--iconlabs-yellow-dark: #E3D400;
	--iconlabs-orange: #F9852F;
	--iconlabs-grey: #6B7280;
}

body {
	font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

a {
	color: var(--iconlabs-navy-light);
}

a:hover {
	color: var(--iconlabs-navy);
}

/*** botones principales (login, guardar, enviar...) ***/

.btn-primary {
	color: var(--iconlabs-navy);
	background: var(--iconlabs-yellow);
	border-color: var(--iconlabs-yellow);
	font-weight: 600;
}

.btn-primary:hover,
.btn-primary:focus {
	background: var(--iconlabs-yellow-dark) !important;
	border-color: var(--iconlabs-yellow-dark) !important;
	color: var(--iconlabs-navy) !important;
	box-shadow: 0 0 0 .2rem rgba(250, 239, 33, 0.35) !important;
}

/*** login ***/

.task-login {
	background: linear-gradient(160deg, #EEF0F4 0%, #dfe3ee 100%);
}

.task-login #logo {
	max-height: 90px;
}

#login-form.propform {
	background: #fff;
	border-radius: .5rem;
	box-shadow: 0 10px 40px rgba(16, 22, 43, 0.12);
}

#login-footer {
	color: var(--iconlabs-grey);
}

/*** rail de navegación (menu de tareas) ***/

@media screen and (min-width: 481px) {
	#layout-menu,
	#layout-menu .popover-header {
		background-color: var(--iconlabs-navy) !important;
	}

	#taskmenu a.selected {
		color: var(--iconlabs-yellow) !important;
		background: var(--iconlabs-navy-lighter) !important;
	}

	#taskmenu a.selected:hover {
		color: var(--iconlabs-yellow) !important;
		background: var(--iconlabs-navy-lighter) !important;
	}

	#taskmenu a:hover {
		background: var(--iconlabs-navy-light) !important;
	}

	#taskmenu .special-buttons {
		background-color: var(--iconlabs-navy) !important;
	}

	#taskmenu .action-buttons a {
		color: var(--iconlabs-yellow) !important;
	}

	#taskmenu .action-buttons a:hover {
		color: var(--iconlabs-yellow-dark) !important;
	}
}

#layout-menu .popover-header img#logo {
	max-height: 34px;
	padding: .6rem .4rem;
}

/*** botón flotante de redactar (movil) ***/

.floating-action-buttons a.button {
	background: var(--iconlabs-yellow);
	color: var(--iconlabs-navy);
	box-shadow: 0 0 5px 5px rgba(250, 239, 33, 0.25);
}

/*** listas: seleccion y no leidos ***/

.listing li.selected,
.listing tr.selected td {
	color: var(--iconlabs-navy) !important;
	background-color: #FDF6C9 !important;
}

html:not(.touch) .listing.focus tbody tr.focused > td:first-child {
	border-left: 2px solid var(--iconlabs-navy-light) !important;
}

.folderlist li.mailbox.unread > a {
	color: var(--iconlabs-navy);
}

.folderlist li.mailbox .unreadcount {
	background: var(--iconlabs-yellow) !important;
	color: var(--iconlabs-navy) !important;
}

.folderlist li.mailbox.selected > a {
	background-color: #EEF0F4;
	color: var(--iconlabs-navy);
	font-weight: 600;
}

/*** cabecera de listado y contenido ***/

.header-title {
	color: var(--iconlabs-navy);
}