html, body{
	height:100%;
}
body{
	width:100%;
}
form{
	height:100%;
}
h1{
	margin:10px auto;
	font-size:1.4em;
	text-align: center;
}
input:not([type]).validate+label, input[type=text]:not(.browser-default).validate+label, input[type=password]:not(.browser-default).validate+label, input[type=email]:not(.browser-default).validate+label, input[type=url]:not(.browser-default).validate+label, input[type=time]:not(.browser-default).validate+label, input[type=date]:not(.browser-default).validate+label, input[type=datetime]:not(.browser-default).validate+label, input[type=datetime-local]:not(.browser-default).validate+label, input[type=tel]:not(.browser-default).validate+label, input[type=number]:not(.browser-default).validate+label, input[type=search]:not(.browser-default).validate+label, textarea.materialize-textarea.validate+label{
	width:calc(100% - 0.75rem * 2);
}
td, th{
	padding:5px;
}
a{
	color:#46a5d9;
}
.btn, .btn-large, .btn-small{
	background:#46a5d9;
}
.btn:hover, .btn-large:hover, .btn-small:hover, .btn:focus{
	background:#338dbe;
}
[type="checkbox"]:checked+span:not(.lever):before{
	border-right: 2px solid #46a5d9;
    border-bottom: 2px solid #46a5d9;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after{
    border: 2px solid #46a5d9;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after{
	background-color:#46a5d9;
}
/* label color */
.input-field label {
	color: #46a5d9;
}

/* label focus color */
.input-field input[type=text]:focus + label {
	color: #46a5d9;
}

/* label underline focus color */
.input-field input[type=text]:focus {
	border-bottom: 1px solid #46a5d9 !important;
	box-shadow: 0 1px 0 0 #46a5d9 !important;
}

/* valid color */
.input-field input[type=text].valid {
	border-bottom: 1px solid #46a5d9;
	box-shadow: 0 1px 0 0 #46a5d9;
}

/* invalid color */
.input-field input[type=text].invalid {
	border-bottom: 1px solid #46a5d9;
	box-shadow: 0 1px 0 0 #46a5d9;
}

/* icon prefix focus color */
.input-field .prefix.active {
	color: #46a5d9;
}
input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label{
    color:#46a5d9 !important;
}
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]), .select-wrapper input.select-dropdown:focus{
    border-color:#46a5d9 !important;
    box-shadow: 0 1px 0 0 #46a5d9 !important;
}

/* ===============================================================================================
LOGIN
===================================================================================================*/
#form_login{
	height:100%;
	display:flex;
	flex-wrap: wrap;
	max-width:1200px;
	margin:auto;
}
#container_login{
	display:flex;
	margin:auto;
}
#container_login>.col{
	margin:auto;
}
#container_login>.col:last-child{
	max-width: 540px;
    margin: 50px auto;
}
#infos_login p{
	color:#3393cc;
	font-weight:bold;
}
.item_login:first-child{
	display:flex;
}
.item_login:first-child #container_logo_login{
	width:40%;
	margin:auto;
}
.item_login:first-child #container_image_login{
	width:60%;
	margin:auto;
}
.item_login{
	width:100%;
	text-align: center;
	margin:auto;
}
.item_login img{
	max-width: 100%;
}
#container_image_login img, #container_image2_login img{
	width:100%;
}
.inline_block{
	vertical-align: middle;
	display: inline-block;
	margin: 20px 20px 0 6px;
}

#toast-container{
	bottom:0;
	top:inherit;
	right:inherit;
	left:50%;
	transform: translateX(-50%);
	max-width:none;
}
.toast{
	background:#d94646;
}
/* ===============================================================================================
FORMATIONS
===================================================================================================*/
table{
	margin:20px auto;
}
table tr{
	cursor:pointer;
}
table tr th{
	color:#060758;
	text-transform: uppercase;
	font-weight:normal;
}
table tr td:nth-child(2){
	color:#060758;
	font-weight:bold;
}
#informations_formations{
	background: #46a5d9;
    padding: 20px;
    color: #FFF;
}
#informations_formations p{
	margin:auto;
}
#container_imprimer{
	text-align: center;
	clear:both;
}
#container_imprimer > a{
	vertical-align: middle;
	display: inline-block;
}
#container_imprimer > a > i{
	vertical-align: middle;
	display: inline-block;
	margin-right:5px;
}
#container_imprimer > a > span{
	vertical-align: middle;
	display: inline-block;
}
/* ===============================================================================================
INFOS UTILISATEUR
===================================================================================================*/
header{
	position:relative;
	height:80px;
}
#container_infos_utilisateur{
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	text-align: right;
}
#container_logo{
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
}
#container_logo img{
	max-height:80px;
}
#infos_utilisateur{
	margin:auto;
}
#infos_utilisateur span{
	display: inline-block;
	vertical-align: middle;
}
#infos_utilisateur span#nom_famille{
	font-weight:bold;
	text-transform:uppercase;
	margin-right:5px;
}
#bouton_deconnexion span{
	display: inline-block;
	vertical-align: middle;
}
#bouton_deconnexion i{
	display: inline-block;
	vertical-align: middle;
	margin-right:5px;
}

/* ===============================================================================================
TABLE PRINT
===================================================================================================*/
#container_table_print{
	padding:30px;
}
#container_table_print table tr{
	cursor:inherit;
}
#container_table_print table tr td:first-child{
	color: #060758;
    font-weight: bold;
}
#container_table_print table tr td:nth-child(2){
	color:inherit;
	font-weight:normal;
}
#container_table_print table td, #container_table_print table th{
	padding:10px;
}

/* ===============================================================================================
ADMIN PRINT
===================================================================================================*/
#table_admin{
	padding:30px;
}
#table_admin table tr{
	cursor:inherit;
}
#table_admin table tr th{
	color: #060758;
    text-transform: uppercase;
    font-weight: normal;
    min-width: 120px;
    font-size: 0.7em;
}
#table_admin table tr td:first-child{
	color: #060758;
    font-weight: bold;
}
#table_admin table tr td:nth-child(2){
	color:inherit;
	font-weight:normal;
}
#table_admin form{
	height:auto;
	overflow:auto;
	margin-bottom:10px;
}

@media screen and (max-width: 800px) {
	.item_login:first-child{
		display:block;
	}
	.item_login:first-child #container_logo_login, .item_login:first-child #container_image_login{
		width:100%;
	}
	#container_login{
		display:block;
	}
	#container_login>.col:last-child{
		max-width:none;
	}
	.table-responsive{
		border:none;
	}
    .table-responsive, .table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive td, .table-responsive tr { 
		display: block; 
	}
	.table-responsive tr:nth-child(even) {
		background: #EDEDED !important;
	}
	.table-responsive thead{
		display:none;
	}
	.table-responsive thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.table-responsive tbody tr {
        border: 1px solid #ccc;
        border-top:none;
		height:auto;
    }
	.table-responsive tbody tr:first-child{
        border-top: 1px solid #ccc;
	}
	.table-responsive td {
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50% !important;
        min-height:18px;
		white-space: normal;
		height:auto;
		min-height:39px;
		text-align: left !important;
	}
    .table-responsive tr:nth-child(even) td{
        border-bottom: 1px solid #FFF;
    }
	.table-responsive td:before { 
		position: absolute;
		top: 50%;
		left: 10px;
        transform:translateY(-50%);
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	#table_formations td:nth-of-type(1):before { content: ""; }
	#table_formations td:nth-of-type(2):before { content: "Formation"; }
	#table_formations td:nth-of-type(3):before { content: "Durée"; }
	#table_formations td:nth-of-type(4):before { content: "Format"; }
	#table_formations td:nth-of-type(5):before { content: "Délai"; }
	#table_formations td:nth-of-type(6):before { content: "Référent local"; }
}
@media screen and (max-width: 450px) {
	#container_logo, #container_infos_utilisateur{
		position:static;
		transform: none;
		text-align:center;
	}
	#container_infos_utilisateur{
		margin-bottom:10px;
	}
	header{
		height:auto;
	}
}

@media print { 
	#container_table_print #bouton_deconnexion, #container_table_print #container_imprimer{
		display:none;
	}
}