/*
=====================================================
===================== MAIN CSS ======================
=====================================================
|													|
| Version 30										|
| Styles designed by Efr�n Pacheco S�nchez	 		|
| Full Stack developeper							|
| contact me at "efren.pacheco@codicusx.com"		|
| or me at "soporte@frennovation.com"				|
|													|
| Description: 										|
| Hello, first of all I have to thank you for using |
| my designs, I have been designed and improved 	|
| them as much as possible since 2016 and, as you 	|
| can see, they are intuitive, beauty and 			|
| functional, so it really cost me a long time and 	|
| effort to do them.								|
| That is why I would appreciate  if any change 	|
| required will done by CSS overwriting and be 		|
| implemented in a separate document, of course it 	|
| is just a recomendation.							|
| The credit is not only mine because several 		|
| styles were born from my friends and teamates 	|
| ideas.											|
|													|
| Thank you so much for using :D					|
|													|
| Last version released on October 27th, 2023		|
=====================================================
*/

/* ============================== COLORS ============================== */
/* DARK PRIMARY COLOR: #0D0F26  */
/* PRIMARY COLOR: #13173A */
/* LIGHT PRIMARY COLOR: #222968 */
/* TEXT AND ICONOS: #FFFFFF */
/* ACCENT COLOR: #FE5151 */
/* DARK ACCENT COLOR: #D32F2F */
/* PRIMARY TEXT: #212121 */
/* SECONDARY TEXT: #757575 */
/* DIVIDER COLOR: #BDBDBD */
/* AUX COLOR: #F9F9F9 */
/* BTN_PRIMARY: #2196F3 */
/* BTN_PRIMARY_DARK: #1976D2 */
/* BTN_SECONDARY: #607D8B */
/* BTN_SECONDARY_DARK: #455A64 */
/* BTN_SUCCESS: #4CAF50 */
/* BTN_SUCCESS_DARK: #388E3C */
/* BTN_DANGER: #F44336 */
/* BTN_DANGER_DARK: #D32F2F */
/* BTN_WARNING: #FFC107 */
/* BTN_WARNING_DARK: #FFA000 */
/* BTN_INFO: #009688 */
/* BTN_INFO_DARK: #00796B */
/* BTN_LIGHT: #E0E0E0 */
/* BTN_LIGHT_DARK: #BDBDBD */
/* BTN_DARK: #424242 */
/* BTN_DARK_DARK: #212121 */
/* INPUT VALIDO: #4CAF50 */
/* INPUT VALIDO DARK: #388E3C */
/* INPUT INVALID: #F44336 */
/* INPUT INVALID DARK: #D32F2F */

/* ============================== GENERAL ============================== */

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway/Raleway-Regular.ttf') format('truetype');
}

body, html {
	/* TEXT */
	font-family: 'Raleway' !important;
}

body {
	/* 	STYLE */
	background-color: #ECF0F5 !important;
}

::-webkit-scrollbar {
	width: 0.8rem;
	height: 0.8rem;
}
::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 5px grey; 
  	border-radius: 10px;
}
::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #555;
}
div.dataTables_scrollBody::-webkit-scrollbar {
	width: 0.5rem;
	height: 0.5rem;
}
.mdl-grid.dt-table {
	margin: 2rem 0 1rem 0;
}
.mdl-button.mdl-button--raised.mdl-button--colored {
	background-color: #3f51b5;
	color: white;
}
.mdl-button {
	border: none;
	margin: 0px 2px;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	padding: 0 16px;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;

	outline: 0;
	
	text-decoration: none;
  	text-align: center;
  	letter-spacing: .5px;
  	-webkit-transition: background-color .2s ease-out;
  	transition: background-color .2s ease-out;
  	cursor: pointer;
}
.mdl-button:hover {
	background-color: #a7acc7 !important;
  	color: black !important;
}
.mdl-button:focus {
	background-color: #1d7d74;
}
table.dataTable thead th, table.dataTable thead td {
	border-top: 1px solid #111;
}
td.tdText {
	/* POSITION */
	max-width: 70px;
	height: auto !important;
	
	/* STYLE */
	overflow: hidden;
	white-space:normal !important;
	word-wrap: break-word;
	
	/* TEXT */
	font-family: 'Raleway';
	text-align: left !important;
	line-height: 1rem;
}
th.tdText {
	/* POSITION */
	max-width: 70px;
	
	/* STYLE */
	overflow: hidden;
	white-space:normal !important;
	word-wrap: break-word;
	
	/* TEXT */
	font-family: 'Raleway';
	text-align: left !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	text-transform: uppercase;
}
td.tdAccion {
	/* POSITION */
	height: auto !important;
	
	/* TEXT */
	font-family: 'Raleway';
	text-align: left !important;
	line-height: 1rem;
}
th.tdAccion {
	/* STYLE */
	overflow: auto;
	
	/* TEXT */
	font-family: 'Raleway';
	text-align: left !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	text-transform: uppercase;
}
table.dataTable {
    border-collapse: separate !important;
}
.mdl-data-table td {
    border-top: 0.5px solid rgba(0,0,0,.12);
    border-bottom: 0.5px solid rgba(0,0,0,.12);
    vertical-align: middle;
	height: 40px !important;
}
table.mdl-data-table {
	table-layout: auto
}
table .btn-floating {
	margin: 2px 2px !important;
}

ul.dropdown-content.select-dropdown {
	z-index: 99999999 !important;
}


span.select2-container.select2-container--default.select2-container--open {
	z-index: 999999999 !important;
}
	
div#modalCerrarSesion {
	/* POSITION */
	width: 400px;
}

@media only screen and (max-width: 992px) {
	div#modalCerrarSesion {
		/* STYLE */
		width: 80vw;
	}
}|

div#modalCerrarSesion.modal h4 {
	/* TEXT */
	/* PRIMARY TEXT: #212121 */
	color: #212121;
	font-size: 29px;
}

div#modalCerrarSesion.modal hr {
	/* POSITION */
	margin-top: 20px;
	
	/* TEXT */
	text-align: center;
}

a.btnCerrarSesionAceptar, a.btnCerrarSesionCancelar {
	/* STYLE */
	width: 10rem !important;
}

.tituloModalCerrarSesion {
	/* TEXT */
	font-size: 2rem;
}

i.iconCerarSesion {
	/* TEXT */
	color: #FE5151;
	font-size: 10rem;
	font-weight: 900;
	text-shadow: 3px 3px rgba(0,0,0,0.3);
	
	/* POSITION */
	padding-bottom: 1rem;
}

@media only screen and (max-width: 600px) {
	i.iconCerarSesion {
		/* POSITION */
		margin-top: -0.5rem;
	}    
	
	a.btnCerrarSesionAceptar, a.btnCerrarSesionCancelar {
		/* STYLE */
		width: 8rem !important;
	}
}

.suboption-sidenav {
	background-color: rgba(0,0,0,0.15) !important;
	padding-left: 3.5rem !important;
}

img#customErrorBackground {
  	filter: blur(100px);
 	-webkit-filter: blur(100px);

	width: 100%;
	height: 100%;
	position: fixed;
	
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
}

@media only screen and (max-width: 800px) {
	img#customErrorBackground {
		/* STYLE */
		width: 160% !important;
	}
}

.card-main-x1 {
	/* POSITION */
	margin-top: 1rem;
}
.card-main-x3 {
	/* POSITION */
	margin-top: 3rem;
}
.card-main-x6 {
	/* POSITION */
	margin-top: 6rem;
}
.card-main-x10 {
	/* POSITION */
	margin-top: 10rem;
}

ul.tabs li.tab a {
	/* 	TEXT */
	color: inherit;
}

ul.tabs li.tab a.active {
	/* TEXT */
	/* BTN_ACEPTAR: #0D0F26  */
	color: #3f51b5;
	font-weight: 900;
}

ul.tabs li.tab a:hover {
	/* TEXT */
	font-weight: 900;
	color: inherit;
}

ul.tabs li.tab a:hover.active {
	/* TEXT */
	font-weight: 900;
	/* BTN_ACEPTAR: #0D0F26 */
	color: #0D0F26;
}

ul.tabs li.tab a:focus, ul.tabs li.tab a:focus.active {
	/* 	STYLE */
	background-color: rgba(0,0,0,0.05);
}

ul.tabs li.indicator {
	/* STYLE */
	height: 3px;
	border-radius: 50px;
	/* BTN_ACEPTAR_DARK: #303f9f */
	background-color: #303f9f;
}

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

div.card-header {
	padding-top: 0.6rem !important;
	padding-bottom: 0.2rem !important;
}

div.card-random-colors {
	color: white;
}

div.card-modal-custom {
	color: white;
	margin: 0px !important;
}

h1, h2, h3, h4, h5, h6 {
	/* TEXT */
	font-family: 'Raleway' !important;
}

div.small-modal {
	width: 35rem;
}

@media only screen and (max-width: 992px) {
	div.small-modal {
		width: 80vw;
		top: 8rem !important;
	}
}

div.medium-modal {
	width: 45rem;
}

@media only screen and (max-width: 992px) {
	div.medium-modal {
		width: 80vw;
		top: 8rem !important;
	}
}


.card-title {
	/* TEXT */
	text-shadow: 1px 1px 1px #000000;
}

@media only screen and (min-width: 993px) {
	header {
		/* POSITION */
		z-index: 10000;
	}
	
	footer {
		/* POSITION */
		z-index: 10000;
	}
	
	div.sidenav-overlay {
		/* STYLE */
		display: none !important;
	}
}

ul#slideNavMain {
	/* POSITION */
	z-index: 9999;
	padding-top:65px;
	
	/* STYLE */
	width: 300px;
	border: none;
	
	/* TEXT */
	font-family: 'Raleway' !important;
}

@media only screen and (max-width: 600px) {
	.card-main-x1, .card-main-x3, .card-main-x6, .card-main-x10 {
		/* 	POSITION */
		margin-top: 1rem;
	}
	
	div#btnSideNavDesktop {
		/* POSITION */
		top: 10px !important;
		z-index: 100000;
	}	
	
	ul#slideNavMain {
		/* POSITION */
		padding-top: 55px !important;
	}
}

.btn {
	/* 	TEXT */
	font-family: 'Raleway' !important;
	margin: 0.5rem;
}

.btn-primary {
	/* STYLE */
	/* BTN_PRIMARY: #2196F3 */
	background-color: #2196F3;
	
	/* 	TEXT */
	font-family: 'Raleway' !important;

	min-width: 6rem !important;
}

	.btn-primary:hover, .btn-primary:focus {
		/* STYLE */
		/* BTN_PRIMARY_DARK: #1976D2 */
		background-color: #1976D2;
	}
	
.btn-secondary {
	/* STYLE */
	/* BTN_SECONDARY: #607D8B */
	background-color: #607D8B;
	
	/* 	TEXT */
	font-family: 'Raleway' !important;

	min-width: 6rem !important;
}

	.btn-secondary:hover, .btn-secondary:focus {
		/* STYLE */
		/* BTN_SECONDARY_DARK: #455A64 */
		background-color: #455A64;
	}

.btn-success {
	/* STYLE */
	/* BTN_SUCCESS: #4CAF50 */
	background-color: #4CAF50;
	
	/* 	TEXT */
	font-family: 'Raleway' !important;
	
	min-width: 6rem !important;
}

	.btn-success:hover, .btn-success:focus {
		/* STYLE */
		/* BTN_SUCCESS_DARK: #388E3C */
		background-color: #388E3C;
	}
	
.btn-danger {
	/* STYLE */
	/* BTN_DANGER: #F44336 */
	background-color: #F44336;
	
	/* 	TEXT */
	font-family: 'Raleway' !important;
	
	min-width: 6rem !important;
}

	.btn-danger:hover, .btn-danger:focus {
		/* STYLE */
		/* BTN_DANGER_DARK: #D32F2F */
		background-color: #D32F2F;
	}

.btn-warning {
	/* STYLE */
	/* BTN_WARNING: #FFC107 */
	background-color: #FFC107;
	
	/* 	TEXT */
	font-family: 'Raleway' !important;
	
	min-width: 6rem !important;
}

	.btn-warning:hover, .btn-warning:focus {
		/* STYLE */
		/* BTN_WARNING_DARK: #FFA000 */
		background-color: #FFA000;
	}

.btn-info {
	/* STYLE */
	/* BTN_INFO: #009688 */
	background-color: #009688;
	
	/* 	TEXT */
	font-family: 'Raleway' !important;
	
	min-width: 6rem !important;
}

	.btn-info:hover, .btn-info:focus {
		/* STYLE */
		/* BTN_INFO_DARK: #00796B */
		background-color: #00796B;
	}

.btn-light {
	/* STYLE */
	/* BTN_LIGHT: #E0E0E0 */
	background-color: #E0E0E0;
	
	/* 	TEXT */
	font-family: 'Raleway' !important;
	
	min-width: 6rem !important;
}

	.btn-light:hover, .btn-light:focus {
		/* STYLE */
		/* BTN_LIGHT_DARK: #BDBDBD */
		background-color: #BDBDBD;
	}

.btn-dark {
	/* STYLE */
	/* BTN_DARK: #424242 */
	background-color: #424242;
	
	/* 	TEXT */
	font-family: 'Raleway' !important;
	
	min-width: 6rem !important;
}

	.btn-dark:hover, .btn-dark:focus {
		/* STYLE */
		/* BTN_DARK_DARK: #212121 */
		background-color: #212121;
	}

.btnAutoWidth {
	width: 100% !important;
}

strong { 
	font-weight: bold; 
}

ul.custom-sidenav a.subheader {
	background-color: #263238 !important;
}

/* ============================== HEADER ============================== */
header {
	/* POSITION */
	z-index: 9999;	
}

nav {
	/* 	STYLE */
	/* PRIMARY COLOR: #13173A */
	background-color: #263238;
	
	/* TEXT */
	text-shadow: 1px 1px 1px #000000;
}

a#imgHeader {
	/* POSITION */
	margin-top: 1px;
	margin-left: 10px;
	height: 60px;
}

img#imgHeader {
	/* POSITION */
	margin-top: 1px;
	margin-left: 10px;
	height: 60px;
}

div#btnSideNavDesktop {
	/* 	POSITION */
	bottom: auto;
	right: auto;
	left: 15px;
	top: 65px;
}

@media only screen and (max-width: 600px) {
	div#btnSideNavDesktop {
		/* POSITION */
		top: 10px !important;
	}	
}

.sessionBtn {	
	/* STYLE */
	border: 2.5px solid #FFFFFF;
	transition: .3s all;
	/* ACCENT COLOR: #FE5151 */
	background-color: #FE5151;
	
	/* TEXT */
	text-shadow: 1px 1px 1px #000000;
	font-size: 2rem;
	
	/* 	POSITION */
	margin-top: 4px !important;
	margin-right: 4px !important;
}
	
	.sessionBtn:hover {
		/* STYLE */
		/* DARK ACCENT COLOR: #D32F2F */
		background-color: #D32F2F;
		transform:scale(1.1,1.1);
	    -webkit-transform:scale(1.1,1.1);
	    -moz-transform:scale(1.1,1.1);
	    transition: .3s all;
	}
	
	.sessionBtn:focus {
		/* STYLE */
		/* DARK ACCENT COLOR: #d1471b */
		background-color: #d1471b;
		transform:scale(1.1,1.1);
	    -webkit-transform:scale(1.1,1.1);
	    -moz-transform:scale(1.1,1.1);
	    transition: .3s all;
	}
	
.menuEmergenteSession {
	/* POSITION */
	position: absolute;
	top: 5.6rem;
	right: .5rem;
	z-index: 99999999;
	
	/* STYLE */
	display: none;
	background-color: #FFFFFF;
	width: 18rem;
	transition: .3s all;
	border: 5px solid #90a4ae;
}

.menuEmergenteSession-shape {
	content: ' ';
	float: right;
	
	position: relative;
	top: -1.6rem;
	right: .7rem;

	width: 0;
	height: 0;

	border-bottom: .8rem solid #90a4ae;
	border-top: .8rem solid transparent;
	border-right: .8rem solid transparent;
	border-left: .8rem solid transparent;
}

.sessionBtn-x2 {
	/* STYLE */
	height: 100px !important;
	width: 100px !important;
	border: 2px solid #90a4ae;
	transition: .3s all;
	
	/* TEXT */
	line-height: 95px;
	font-size: 4rem;
	text-shadow: 1px 1px 1px #000000;
}

.menuEmergenteSession-container {
	/* STYLE */
	padding-bottom: .3rem;
	padding-top: 2rem;
}

.menuEmergenteSession-footer {
	margin-top: 14rem;
}

.menuEmergenteSession-container a.sessionBtn-x2 {
	/* STYLE */
	margin-bottom: 1rem;
}

.menuEmergenteSession-container p {
	/* POSITION */
	padding-left: 1rem;
	padding-right: 1rem;
	
	/* TEXT */
	text-transform: capitalize;
	line-height: 1.2rem;
	font-size: 1.2rem;
	text-align: center;
	overflow-wrap: break-word;
	/* PRIMARY TEXT: #212121 */
	color: #212121;
	text-shadow: 0px 0px 0px #000000;
}

.menuEmergenteSession-container p.emailType {
	/* POSITION */
	padding-left: 1rem;
	
	/* TEXT */
	text-transform: lowercase;
	line-height: 12px;
	font-size: 1.2rem;
	/* PRIMARY TEXT: #212121 */
	color: #212121;
}

.menuEmergenteSession-container ul, .menuEmergenteSession-footer ul {
	width: 100% !important;
}

.menuEmergenteSession-container ul li, .menuEmergenteSession-footer ul li {
	/* STYLE */
	width: 100%;
	
	/* TEXT */
	font-size: 1rem;
	line-height: 3rem;
}

.menuEmergenteSession-container ul li a, .menuEmergenteSession-footer ul li a {
	/* STYLE */
	width: 100%;
}

.btnCerrarSesion {
	/* POSITION */
	margin-left: 0px !important;
	
	/* TEXT */
	font-family: 'Raleway' !important;
	
	/* STYLE */
	/* BTN_DANGER: #F44336 */
	background-color: #F44336;
	font-weight: 500;
}
	.btnCerrarSesion:hover, .btnCerrarSesion:focus {
		/* STYLE */
		/* BTN_DANGER_DARK: #D32F2F */
		background-color: #D32F2F;
	}
	
.btnPerfil {
	/* POSITION */
	margin-left: 0px !important;
	
	/* TEXT */
	font-family: 'Raleway' !important;
	
	/* STYLE */
	/* BTN_PRIMARY: #2196F3 */
	background-color: #2196F3;
	font-weight: 500;
}
	.btnPerfil:hover, .btnPerfil:focus {
		/* STYLE */
		/* BTN_PRIMARY_DARK: #1976D2 */
		background-color: #1976D2;
	}

/* ============================== MAIN ============================== */
main {
	flex: 1 0 auto;
}


/* ============================== FOOTER ============================== */
footer.page-footer {
	/* STYLE */
	/* FOOTER: #78909C */
	background-color: #424242 !important;
	
	/* 	TEXT */
	color: black !important;
	font-size: 1.1rem;
	line-height: 2.5rem;
	
	/* POSITION */
	z-index: 99;	
	padding: 0px;
}

div.page-footer-body {
	/* STYLE */
	display: none;
}

ul.footer-list {
	/* STYLE */
	list-style-type: circle;
	
	/* TEXT */
	font-size: 1.2rem;
	line-height: 1.5rem;
	color: white;
}

ul.footer-list li a {
	/* STYLE */
	cursor: pointer;
}

div.row-footer {
	/* STYLE */
	margin-bottom: 0px !important;
}

div.footer-copyright {
	/* STYLE */
	padding: 0px !important;
	min-height: 0px !important;
	/* DARK FOOTER: #455A64 */
	background-color: #535252 !important;
	
	/* TEXT */
		text-align: center;
}

button#btnFooterInformation {
	/* STYLE */
	/* DARK FOOTER: #263238 */
	background-color: #BF4545 !important;
	
	/* POSITION */
	left: 10px !important;
	top: 20px !important;
}

img#imgFooter {
	/* POSITION */
	margin-top: 1px;
	margin-left: 8px;
	height: 100px;
	
	cursor: pointer;
}

/* ============================== FORMS ============================== */
div.input-field label {
	/* 	TEXT */
	/* PRIMARY TEXT: #212121 */
	color: #212121 !important;
}

input:disabled, textarea:disabled, select:disabled {
	/* 	TEXT */
	/* PRIMARY TEXT: #212121 */
	color: #212121 !important;
}

div.input-field input:focus + label, div.input-field textarea:focus + label {
	/* TEXT */
	/* PRIMARY TEXT: #212121 */
	color: #212121 !important;
}

.dropdown-content li > a, .dropdown-content li > span {
	/* TEXT */
	/* PRIMARY TEXT: #212121 */
	color: #212121 !important;
}

span.select2-container.select2-container--default.select2-container--open {
	margin-bottom: 5rem !important;
}

div.input-field input:focus, div.input-field textarea:focus, input.select2-search__field:focus {
	/* 	STYLE */
	/* PRIMARY TEXT: #212121 */
	border-bottom: 1px solid #212121 !important;
	box-shadow: 0 1px 0 0 #212121 !important;
}

div.input-field input.validate.valid, div.input-field textarea.validate.valid, span.select2-selection__rendered.valid, span.select2-selection.select2-selection--multiple.valid {
	/* 	STYLE */
	/* INPUT VALIDO: #03A9F4 */
    border-bottom: 1px solid #03A9F4 !important;
	box-shadow: 0 1px 0 0 #03A9F4 !important;
}

div.input-field input.validate.valid:focus, div.input-field textarea.validate.valid:focus {
	/* 	STYLE */
	/* INPUT VALIDO DARK: #0288D1 */
    border-bottom: 1px solid #0288D1 !important;
	box-shadow: 0 1px 0 0 #0288D1  !important;
}

div.input-field input.validate.error, div.input-field input.validate.invalid, 
	div.input-field textarea.validate.error, div.input-field textarea.validate.invalid, 
	span.select2-selection__rendered.error, span.select2-selection__rendered.invalid,
	span.select2-selection.select2-selection--multiple.error, span.select2-selection.select2-selection--multiple.invalid {
	/* 	STYLE */
	/* INPUT INVALID: #FF5252 */
    border-bottom: 1px solid #FF5252 !important;
	box-shadow: 0 1px 0 0 #FF5252 !important;
}

div.input-field input.validate.error:focus, div.input-field input.validate.invalid:focus, 
	div.input-field textarea.validate.error:focus, div.input-field textarea.validate.invalid:focus {
	/* 	STYLE */
	/* INPUT INVALID DARK: #d32f2f */
    border-bottom: 1px solid #d32f2f !important;
	box-shadow: 0 1px 0 0 #d32f2f !important;
}

div.datepicker-date-display, div.timepicker-digital-display {
	/* 	STYLE */
	/* INPUT VALIDO: #03A9F4 */
	background-color: #03A9F4 !important;
}

tr.datepicker-row td {
	/* TEXT */
	/* PRIMARY TEXT: #212121 */
	color: #212121;
}

tr.datepicker-row td.is-selected {
	/* STYLE */
	/* INPUT INVALID: #FF5252 */
	background-color: #FF5252 !important;
	
	/* TEXT */
	color: white !important;
}

tr.datepicker-row td.is-today {
	/* TEXT */
	/* INPUT INVALID DARK: #d32f2f */
	color: #d32f2f;
}

button.btn-flat.datepicker-cancel.waves-effect {
	/* TEXT */
	color: white;
	font-family: 'Raleway' !important;
	
	/* STYLE */
	/* INPUT INVALID: #FF5252 */
	background-color: #FF5252;
}

button.btn-flat.datepicker-done.waves-effect {
	/* TEXT */
	color: white;
	font-family: 'Raleway' !important;
	
	/* STYLE */
	/* INPUT VALIDO: #03A9F4 */
	background-color: #03A9F4;
	
	/* POSITION */
	margin-left: 5px !important;
	margin-right: 5px !important;
}

button.btn-flat.timepicker-close.waves-effect {
	/* TEXT */
	/* INPUT VALIDO: #03A9F4 */
	color: #03A9F4;
	font-family: 'Raleway' !important;
	
	/* POSITION */
	margin-left: 5px !important;
	margin-right: 5px !important;	
}

.timepicker-canvas line {
	/* STYLE */
	/* INPUT VALIDO: #03A9F4 */
	stroke: rgba(13, 169, 244, 0.5);
}

circle.timepicker-canvas-bg, circle.timepicker-canvas-bearing {
	/* STYLE */
	/* INPUT VALIDO: #03A9F4 */
	fill: rgba(13, 169, 244, 0.5);
}

.pregunta {
	padding: 2rem !important;
	margin-bottom: 2rem !important;
	
	border: 1px solid #C1C1C1;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


[type="checkbox"]:checked+span:not(.lever):before {
    border-right: 2px solid #03A9F4 !important;
    border-bottom: 2px solid #03A9F4 !important;
}

[type="checkbox"]+span:not(.lever):before, [type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    border: 2px solid #3f51b5;
}

div.select2-modal span.select2-selection.select2-selection--single {
	background-color: #FAFAFA !important;
}

div.select2-modal span.select2-selection.select2-selection--multiple {
	background-color: #FAFAFA !important;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
	background-color: white !important;
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: #03A9F4;
}
.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #3f51b5;
}
.material-icons.md-18 { font-size: 18px; } 
.material-icons.md-24 { font-size: 24px; } 
.material-icons.md-36 { font-size: 36px; } 
.material-icons.md-48 { font-size: 48px; } 


/* ============================== PERMISSIONS ============================== */
div#permissionsContainer {
	z-index: 10;
	position: fixed;
	width: 100vw !important;
	height: 100vh !important;
	
	margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

div#permissions {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: lightgrey;
    padding: 20px;
    border-radius: 10px;
    
    z-index: 10;
	position: fixed;
	width: 100vw !important;
	height: 100vh !important;
}

div#permissions h1 {
	color: #BF4545;
	font-weight: 900;
	font-size: 6rem;
}

div#permissions h5 {
	color: #405B73;
	font-weight: 900;
	font-size: 3rem;
}

div#permissions span {
	color: #203140;
	font-size: 2rem;
}

div#permissions .imgPermissions {
	max-width: 20vw;
	margin-top: 3rem;
}

@media only screen and (max-width: 600px) {
	div#permissions h1 {
		font-size: 4rem;
	}
	
	div#permissions h5 {
		color: #405B73;
		font-weight: 900;
		font-size: 2rem;
	}
	
	div#permissions span {
		color: #203140;
		font-size: 1.5rem;
	}

	div#permissions .imgPermissions {
		max-width: 50vw;
	}
}