/*
 Theme Name:   ergopixconnect
 Theme URI:    http://www.ergopix.ch
 Description:  Child Theme responsive de ergopix sàrl
 Author:       ergopix sàrl
 Author URI:   http://www.ergopix.ch
 Template:     ergopix
 Version:      1.0
*/

body, 
.section {
	background: #f4f4f4 !important;
}
	header {
		background: #fff;
	}
	
/* Notification */

	.section-notice {background-color: gray !important;color: #fff;padding: 30px 0 !important;}
	.section-notice a {text-decoration:underline;color: #fff !important;}

/* Login Form */

	.login-box-cepv {
		margin: 64px auto 128px;
	}
		.login-box-cepv li label {
			display: inline-block;
			width: 100%;
		}
		.login-box-cepv li input {
			border: 1px solid #19B39B !important;
			color: #19B39B;
			font-family: Roboto !important;
			margin: 8px 0 !important;
			overflow: hidden;
			height:56px;
			border-radius: 2px !important;
			background: #fff !important;
			width: 100%;
			cursor: pointer;
			display: block;
			position: relative;
			padding: 0 15px;
		}
		
/* Logged in */

	body.logged-in.role-student_cepv,
	body.logged-in.role-adminteacher_cepv,
	body.logged-in.role-disabled_cepv {
		margin-bottom: 0;
	}
	body.logged-in.role-disabled_cepv .home-container {
		margin-bottom: 56px;
	}
	a.nav-login, a.nav-login:hover {
	    right: 40px;
	}
	
/* Profile */
	
	.cepv-front-profile {
		margin: 48px 0 0;
		background: #fff;
		box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
		height:300px;
	}
	.cepv-front-profile .card .card-block {
		padding-top: 0 !important;
	}
	
	.cepv-front-profile .profile-image {
		display:block;
		width: 110px;
		height: 110px;
		background-position: center center;
		background-size: cover;
		border-radius: 55px;
		margin: 0 auto;
		background-color: #808080;
	}
	.cepv-front-profile p.card-description {
	    font-size: 14px;
	    line-height: 24px;
	}
	
	.cepv-front-agenda .agenda-title-container {
		background: #fff;
	}
	
		.cepv-front-agenda .agenda-title-container span {
			font-size: 24px;
			line-height: 24px;
		}
		.cepv-front-agenda .agenda-title-container h2 {
			font-size: 18px;
			line-height: 18px;
			margin-top: 30px;
		}
		.cepv-front-agenda .agenda-section {
			background: #fff !important;
			padding-bottom: 0;
			margin-bottom: 0;
		}
		.cepv-front-agenda .agenda-container {
			color: #2E2E2E;
			font-size: 14px;
			line-height: 14px;
		}
			.cepv-front-agenda .agenda-container .row {
				border-bottom: 2px solid #E6E6E6;
				padding-bottom: 5px;
	    		margin-top: 8px;
			}
				.cepv-front-agenda .agenda-container .agenda-date span:not(.month-spacer) {
					width: 100%;
					font-size: 24px;
					line-height: 24px;
				}
				.cepv-front-agenda .agenda-container .agenda-date span.month-spacer {
					width: 35px;
				}
			.cepv-front-agenda .agenda-container .agenda-title {
				position: relative
			}
				.cepv-front-agenda .agenda-container .agenda-title span {
					position: absolute;
					bottom: 0;
				}
	
/* Dashboard */

	.cepv-front-dashboard {
		margin: 64px -15px 128px;
	}
	body:not(home) .cepv-front-dashboard {
		margin: 32px -15px;
	}
		.cepv-front-dashboard a:hover .card {
			box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
		}
		.cepv-front-dashboard .card {
			padding: 0 25px;
		}
		.cepv-front-dashboard .card.external::before {
			content: " ";
			display: block;
			border-right: 40px solid #ccc;
			position: absolute;
			top: 0;
			right: 0;
			height: 0;
			width: 0;
			padding: 0;
			margin: 0;
			border-bottom: 40px solid transparent;
		}
		.cepv-front-dashboard .card.external::after {
			content: "\f176";
			position: absolute;
			top: 2px;
			right: 8px;
			color: #fff;
			text-align: right;
			font-size: 12px;
			font-weight: 100;
			font-family: "Font Awesome 5 Pro";
			padding: 0;
			margin: 0;
			/* Safari */
			-webkit-transform: rotate(45deg);
			/* Firefox */
			-moz-transform: rotate(45deg);
			/* IE */
			-ms-transform: rotate(45deg);
			/* Opera */
			-o-transform: rotate(45deg);
			/* Internet Explorer */
			filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
			
			transform: rotate(45deg);
		}
			.cepv-front-dashboard .card h4 {
				color: #2E2E2E;
				font-family: 'Gilroy-SemiBold';
				font-size: 24px;
				font-weight: bold;
				line-height: 24px;
			}
			.cepv-front-dashboard .card h6 {
				color: #7D7D7D;
				font-family: Roboto;
				font-size: 20px;
				line-height: 22px;
			}
			
/* Shortcuts */

	.shortcuts {position: absolute;}
	.card-shortcuts {text-align: center;position: relative;}
	.header-shortcuts {position:absolute;width: 100%;text-align: right;top: 121px;bottom: auto;z-index: 100000;left: auto;right: auto;}
		.shortcuts ul {margin:0;padding:0;}
			.shortcuts ul li {display:inline-block;margin-left:10px;}
			.shortcuts ul li:first-child {margin-left:0;}
				.shortcuts ul li a {display:block; background-color:#ccc; width:48px;height:48px;border-radius:24px;text-align:center;font-size:24px;line-height:48px;}
					.shortcuts ul li a i {color:#2E2E2E;}
	.fixing-header .shortcuts.header-shortcuts {
		position: fixed;
		top: 60px;
		margin-top: 0 !important;
		z-index: 99999999;
	}
		.fixing-header .shortcuts.header-shortcuts ul li a {width:30px;height:30px;border-radius:15px;font-size:17px;line-height:30px;}
			
/* Pages */

	.return-btn a {
	    font-size: 11px !important;
	    color: #444 !important;
	    text-transform: uppercase;
	    line-height: 25px;
	    position: relative;
    	z-index: 400000;
	}
	
	
/* Restricted Access */

	.restricted-access {
		margin: 128px auto;
	}

/* Documents */

	.page-template-page-docs-tpl {
		
	}
		.page-template-page-docs-tpl .content-composer-container {
			margin-right: 0;
			margin-left: 0;
		}
			.page-template-page-docs-tpl h3 {
				margin-bottom: 30px !important;
			}
	.documents-menu {
		
	}
	.documents-row {
		
	}
	.documents-row:nth-child(n+2) {
		margin-top: 96px;
	}
	.documents-text p {
		font-family: Roboto;
		font-size: 12px !important;
		line-height: 14px !important;
		color: #ccc;
		margin-bottom: 15px !important;
	}
	.documents-list {
		margin-bottom: 30px !important;
	}
		.documents-list ul {
			margin: 0 !important;
			padding: 0 !important;
		}
			.documents-list li {
				list-style: none !important;
				padding: 0 !important;
				line-height: 18px !important;
				margin-bottom: 4px !important;
			}
				.documents-list a {
					font-family: Roboto;
					font-size: 14px;
					line-height: 18px !important;
					text-decoration: none;
				}
	
	.wpfd_previewlink {
	    display: none !important;
	}

/* Phone Book & DataTables */
	
	table.dataTable thead th {
		font-family: 'Gilroy-SemiBold' !important;
		font-weight: normal !important;
	}
		table.dataTable thead th.sorting_asc {
			text-align: left !important;
    		background-position: left center;
    		content: "A-Z";
		}
		table.dataTable thead th.sorting_desc {
			text-align: left !important;
    		background-position: left center;
    		content: "Z-A";
		}
	table.dataTable tbody td {
		font-size: 12px !important;
	}
	table.dataTable thead tr th:first-child,
	table.dataTable tbody tr td:first-child {
		text-align: center;
	}
	tr.even {
		background-color: #f4f4f4 !important;
	}
	.icon-width {
		width:20px !important;
	}
	tr.Madame i {
		color: #db7474;
	}
	tr.Monsieur i {
		color: #74a7db;
	}
	
	.users-search-container {
		float: right;
		margin: 4px 32px 0px 0;
	}
		a#usersClear {
			margin-left:8px;
		}
		
	/* V2 */
	
	table#cepvUsersv2 tbody td {
		position: relative;
		text-align: left;
		padding-left:0;
		padding-right:0;
	}
	table#cepvUsersv2 tr.even {
		background-color: #fff !important;
	}
	table#cepvUsersv2 tbody tr {
	    border-bottom: 1px solid #dddddd;
	    display: table;
	    width: 100%;
	    margin: 10px 0 !important;
	    padding: 10px 0;
	}
	
	span.dt-type {
		float:left;
		display: inline-block;
		width: 100px;
		text-align: center;
	}
	    span.dt-type i {
	    	background-color: #f5f5f5;
			padding: 15px 10px;
			border-radius: 30px;
			width: 40px;
			height: 30px;
			line-height: 30px;
			font-size: 30px;
		}
		span.dt-type span.dt-profile {
			border-radius: 30px;
			width:60px;
			height:60px;
			background-position: center center;
			background-size:cover;
			display:block;
			margin: 0 auto;
			background-color: #808080;
		}
	span.dt-info {
		float:left;
		display: inline-block;
		width: 40%;
	}
		span.dt-info span {
			display: inline-block;
			width: 100%;
		}
		span.dt-ID {
			font-family: 'Gilroy-SemiBold' !important;
			font-weight: normal !important;
			font-size: 18px;
		}
		span.dt-address {
			
		}
	span.dt-phone {
		float:left;
		width:20%;
		margin-top: 27px;
	}
	span.dt-email {
		float: left;
		width: 20%;
		text-align: left;
		margin-top: 27px;
	}
		span.dt-email a.url {
			color: #0099FF;
		}
		
	span.dt-timesheet {
		float: right;
		display: inline-block;
		width: 100px;
		text-align: center;
		margin-top: 27px;
	}
		span.dt-timesheet i {
			width: 30px;
			height: 20px;
			line-height: 20px;
			font-size: 20px;
		}
		
		/* Student specs */
		
		table#cepvUsersv2.student tbody tr {
			margin: 0 !important;
			padding: 5px 0 !important;
		}
			table.student span.dt-info {
				margin: 15px 0 0 15px;
			}
			table.student span.dt-address {
				display: none;
			}
			table.student span.dt-phone {
				float: none;
				display: none;
			}
			table.student span.dt-email {
				width: 30%;
				margin-top: 15px;
			}
			
	/* Search and Filters (when window is scrolled) */
	
	.search-table-container {
		display: block;
		overflow: hidden;
	}
	.search-table-container.fixed {
		position: fixed;
		background: #fff !important;
		z-index: 100;
		top: 100px;
		padding: 15px 0;
		width: 1110px;
		border-bottom: 1px solid #f4f4f4;
		z-index: 999999;
	}
	
	table.dataTable.pushed {
		margin-top: 70px;
	}
	
	/* Form */
	
	body.connect .container .gform_wrapper .form-group:not(.is-focused) label.control-label {
	    display: inline !important;
	}
	body.connect .gform_wrapper .form-group.is-focused label.control-label, .container .gform_wrapper .form-group:not(.is-empty) label.control-label {
	    margin: 0 !important;
	    top: auto !important;
	    left: auto !important;
	    padding-left: 15px !important;
	}
	.gform_wrapper form .gform_body ul li.gfield label.gfield_label,
	.gform_wrapper form .gform_body ul li.gfield.is-focused label.gfield_label {
		position: relative !important;
	}
	/*
	.radio label::before, 
	.radio label::after {
		left: -15px;
	}
	.container .gform_wrapper .radio label span {
		left: -15px !important;
	}*/
	.container .gform_wrapper #gform_1 .form-group ul.gfield_radio li label.control-label  {
	    padding-left: 30px !important;
	}
	
	
	.container .gform_wrapper ul.gfield_checkbox li input[type="checkbox"] {
		 /* Remove First */
	    -webkit-appearance: checkbox !important;
		-moz-appearance: checkbox !important;
		appearance: checkbox !important;
		border: inherit !important;
		color: inherit !important;
		font-family: inherit !important;
		margin: inherit !important;
		margin-right: inherit;
		overflow: inherit !important;
		height: inherit !important;
		border-radius: inherit !important;
		background: inherit !important;
		cursor: inherit !important;
		display: block !important;
		position: inherit !important;
		width: inherit !important;
		padding: inherit !important;
		float: left;
		top: 5px;
		margin-right: 5px !important;
	}
	.container .gform_wrapper ul.gfield_radio li input[type="radio"]:not([value="gf_other_choice"]) {
		 /* Remove First */
	    -webkit-appearance: radio !important;
		-moz-appearance: radio !important;
		appearance: radio !important;
		border: inherit !important;
		color: inherit !important;
		font-family: inherit !important;
		margin: inherit !important;
		margin-right: inherit;
		overflow: inherit !important;
		height: inherit !important;
		border-radius: inherit !important;
		background: inherit !important;
		cursor: inherit !important;
		display: block !important;
		position: inherit !important;
		width: inherit !important;
		padding: inherit !important;
		float: left;
		top: 5px;
		margin-right: 5px !important;
	}
	
	/* Absences */
	
	.container .gform_wrapper #gform_1 .form-group.is-focused label.control-label, 
	.container .gform_wrapper #gform_1 .form-group:not(.is-empty) label.control-label {
	    margin: inherit !important;
	    top: inherit !important;
	    left: inherit !important;
	    padding-left: inherit !important;
	}
	.container .gform_wrapper #gform_1 input[type="radio"] {
		display: inline-block !important;
		float: left;
		margin: 0 10px 0 0 !important;
		width: 20px !important;
	    height: 20px !important;
	    color: #000 !important;
	    text-indent: 0 !important;
	    padding: 0 !important;
	    border-radius: 10px !important;
	    font-size: 20px;
	    line-height: 20px;
	    z-index: 100000;
	}

	.abs_type {
		
	}
	.abs_start_date {
		width: 23% !important;
		float: left;
		clear: none !important;
		margin-right: 1% !important;
	}
	.gform_wrapper form li.abs_end_date,
	form .gform_wrapper li.abs_end_date {
		width: 23% !important;
		float: left;
		clear: none !important;
		margin-right: 1% !important;
		margin-left: 2% !important;
	}
	.gform_wrapper form li.abs_period,
	form .gform_wrapper li.abs_period {
		width: 24% !important;
		float: left;
		clear: none !important;
		margin-left: 1% !important;
	}
	.abs_section {
		width: 100% !important;
		float: left;
		clear: none !important;
	}
	.gform_wrapper form li.abs_year,
	form .gform_wrapper li.abs_year {
		width: 49% !important;
		float: left;
		clear: none !important;
		margin-left: 1% !important;
	}
	.abs_periods {
		display: inline-block !important;
		width: 100%;
	}
	.abs_motive {
		display: inline-block !important;
		width: 100%;
	}
	.abs_justification {
		height: 100px;
	}
	.abs_justification,
	.abs_justification label {
		display: block !important;
	}
	.abs_justification input {
		opacity: 0;
		position: relative;
		z-index:4;
	}
		.abs_justification .ginput_container_fileupload {
			height: 30px;
			position: relative;
		}
		.abs_justification:not(.is-empty) .ginput_container_fileupload {
			
		}
		.abs_justification:not(.is-empty) .ginput_container_fileupload::after {
		    content: "Document attaché, merci";
		    color: #218728;
		    font-size: 14px;
    		line-height: 14px;
		    position: absolute;
		    top:24px;
		    z-index:0;
		}
		.abs_justification.is-empty .ginput_container_fileupload {
			
		}
		.abs_justification.is-empty .ginput_container_fileupload::after {
		    content: "Cliquez ici pour joindre le document";
		    font-size: 14px;
    		line-height: 14px;
		    position: absolute;
		    top:24px;
		    z-index:0;
		    text-decoration: underline;
		}
		.abs_justification span.screen-reader-text {
		 	font-size: 14px;
		    line-height: 14px;
		    position: absolute;
			top: 0;
			z-index: 1;
		 }
	.abs_message textarea {
		min-height: 80px;
	}
	.abs_responsible {
		margin-top: 32px !important;
	}
		.abs_responsible ul.gfield_radio {
			margin: 0;
			padding: 0;
			display: block;
			overflow: visible;
			width: 100%;
			min-height: 40px;
		}
			.abs_responsible ul.gfield_radio li {
				float: left;
				display: block;
				overflow: visible !important;
				width: 50%;
			}
				.abs_responsible ul.gfield_radio li label:hover {
					text-decoration: underline;
				}
		.abs_responsible_name {
			
		}
		.abs_signature .ginput_container_fileupload {
			height: 30px;
		}
		.abs_signature:not(.is-empty) .ginput_container_fileupload {
			background-color: #ABDDC4;
		}
		/*
		.abs_signature:not(.is-empty) .ginput_container_fileupload::after {
		    content: "Document attaché, merci";
		    padding-left: 40px;
		}
		*/
		.abs_signature.is-empty .ginput_container_fileupload {
			background-color: #ECBFBF;
		}
		.abs_signature.is-empty .ginput_container_fileupload::after {
		    content: "Joindre le document imprimé et signé";
		    padding-left: 40px;
		}
	.abs_tests {
		margin-top: 32px !important;
	}
		.abs_tests ul.gfield_radio {
			margin: 0;
			padding: 0;
			display: block;
			overflow: visible;
			width: 100%;
			min-height: 40px;
		}
			.abs_tests ul.gfield_radio li {
				float: left;
				display: block;
				overflow: visible !important;
				width: 50%;
			}
				.abs_tests ul.gfield_radio li label:hover {
					text-decoration: underline;
				}
		.abs_tests_course {
			width:24%;
			float: left;
			clear: none !important;
			margin-right: 1% !important;
		}
		.abs_tests_teacher {
			width:24%;
			float: left;
			clear: none !important;
			margin-right: 1% !important;
		}
		.abs_tests_date {
			clear: none !important;
			width:24%;
			float: left;
			margin-right: 1% !important;
		}
		.abs_tests_period {
			width:24%;
			float: left;
			clear: none !important;
			margin-left: 1% !important;
		}
		
	.gform_footer #gform_submit_button_1 {
	    display: block !important;
	}
		
	.gform_body label {
		display: block !important;
		color: #808080;
		margin-bottom: 0;
	}
	.gform_wrapper .gfield_required {
		color: #aa0000;
		font-size: 10px;
		line-height: 18px;
		top: -8px;
		position: relative;
	}
	.gform_body .gfield_radio input[type="radio"] {
		display: none !important;
	}
	.gform_wrapper .field_description_below .gfield_description {
	    padding-top: 0;
	    padding-bottom: 8px;
	}
	.gform_wrapper .field_sublabel_above .description, 
	.gform_wrapper .field_sublabel_above .gfield_description, 
	.gform_wrapper .field_sublabel_above .gsection_description {
	    margin-top: 0;
	}
	
		.gform_footer #gform_submit_button_1 {
		    border: 1px solid #bebebe; /*#19B39B*/
			color: #242424; /*#19B39B*/
			font-family: Roboto;
			margin: 32px 0;
			overflow: hidden;
			height:56px;
			border-radius: 2px;
			
			z-index: 1;
			cursor: pointer;
			display: block;
			position: relative;
			background-color: #fff;
			
			text-transform: uppercase;
		}
		
		/* Absences Professeurs */
		
		body.role-adminteacher_cepv form#gform_2 li#field_2_7 div.ginput_container.ginput_container_multiselect,
		body.role-adminteacher_cepv form#gform_2 li#field_2_7 select#input_2_7,
		body.role-adminteacher_cepv form#gform_2 li#field_2_7 span.select2.select2-container {
			/*height: 120px !important;*/
		}
		
		body.role-adminteacher_cepv form#gform_2 li#field_2_7 san.select2-selection.select2-selection--multiple {
			/*height: 100px;*/
		}
		body.role-adminteacher_cepv form#gform_2 li#field_2_7 li.select2-selection__choice {
			background-color: #fff;
			border: 1px solid #333;
			padding: 0 10px;
			color: #333;
			font-size: 14px;
			/*margin-top: 10px;*/
		}
		body.role-adminteacher_cepv form#gform_2 li#field_2_7 li.select2-search.select2-search--inline input.select2-search__field {
			height: 30px;
			border: none !important;
		}
		body.role-adminteacher_cepv.page-id-60 .select2-container--default .select2-results__option--highlighted[aria-selected],
		body.role-adminteacher_cepv.page-id-60 .select2-container--default .select2-results__option[aria-selected="true"] {
		    background-color: #333 !important;
		    color: #fff !important;
		}
		body.role-adminteacher_cepv .select2-container--default .select2-selection--multiple::after {
		   /* content: "+";
		    border: none !important;
		    color: #333;
		    margin: 10px 0 0 0;*/
		    border-color: #333 transparent transparent transparent;
			border-width: 8px 8px 0 8px;
			height: 0;
			margin-left: -8px;
			margin-top: -8px;
			top: 25px;
		}
		body.role-adminteacher_cepv #input_2_6 {
		    border: none !important;
		    background: transparent !important;
		    height: 50px;
		    overflow: visible;
		    padding: 0 !important;
		}
		body.role-adminteacher_cepv #extensions_message_2_6 {
		    font-size: 12px;
		}
		
	/* Absences Listes */
	
	.page-template-page-flow-views-tpl div.gv-grid-col-1-2 form.gv-widget-search.gv-search-horizontal div.gv-search-box div.gv-search > p {
		float: right;
	}
	.page-template-page-flow-views-tpl div.gv-grid-col-1-2 form.gv-widget-search.gv-search-horizontal div.gv-search-box.gv-search-box-submit {
		float: right;
		width: auto;
	}
	.page-template-page-flow-views-tpl .gv-table-view {
		text-align: center;
	}
	.page-template-page-flow-views-tpl .gv-table-view th {
	    text-align: center;
	}
	.page-template-page-flow-views-tpl .gv-widget-pagination p {
		font-size: 14px;
	}
	
	.page-template-page-flow-views-tpl .section .container.reference-container {
		width: 96%;
	}
	.page-template-page-flow-views-tpl table th#gv-field-1-id,
	.page-template-page-flow-views-tpl table th#gv-field-1-23 {
	    max-width: 100px !important;
	    width: 100px !important;
	}
	.page-template-page-flow-views-tpl table th#gv-field-1-4,
	.page-template-page-flow-views-tpl table th#gv-field-1-10,
	.page-template-page-flow-views-tpl table th#gv-field-1-workflow_final_status {
	    max-width: 150px !important;
	    width: 150px !important;
	}
	.page-template-page-flow-views-tpl table tr.alt {
	    background-color: #d8d8d8;
	}
	.page-template-page-flow-views-tpl .gv-table-view * {
	    text-align: left !important;
	}
	.page-template-page-flow-views-tpl table td.gv-field-1-23 {
	    text-align: center !important;
	}
	
		/* Filters */
		
		.page-template-page-flow-views-tpl form.gv-widget-search.gv-search-horizontal {
			display: inline-block;
		}
		.page-template-page-flow-views-tpl .gv-search-box.gv-search-field-select,
		.page-template-page-flow-views-tpl .gv-widget-search .gv-search-box.gv-search-field-search_all {
			float: left;
		    display: inline-block;
		    width: auto;
		    flex: unset;
		    clear: none;
		}
			.page-template-page-flow-views-tpl .gv-search-box.gv-search-field-select label,
			.page-template-page-flow-views-tpl .gv-widget-search .gv-search-box.gv-search-field-search_all label {
				float: left;
			    line-height: 37px;
			    margin-right: 20px;
			    margin-left: 10px;
			    margin-bottom: 0;
			}
			.page-template-page-flow-views-tpl .gv-search-box.gv-search-field-select p,
			.page-template-page-flow-views-tpl .gv-widget-search .gv-search-box.gv-search-field-search_all p {
				float: left;
			}
			.page-template-page-flow-views-tpl .gv-search-box.gv-search-field-select select,
			.page-template-page-flow-views-tpl .gv-widget-search .gv-search-box.gv-search-field-search_all input {
				font-size: 14px;
				padding: 2px 5px 2px;
    			line-height: 18px;
			}
				.page-template-page-flow-views-tpl .gv-search-box.gv-search-field-select select option {
				    
				}
				.page-template-page-flow-views-tpl .gv-search-box.gv-search-field-select select option[value="optgroup"] {
				    background-color: #000;
				    color: #fff;
				}
		.page-template-page-flow-views-tpl .gv-search-box.gv-search-box-submit {
			float: left;
		    width: auto;
		    display: inline-block;
		    flex: none;
		    flex-flow: unset;
		    clear: none;
		    align-self: unset;
		}
			.page-template-page-flow-views-tpl .gv-search-box.gv-search-box-submit a.gv-search-clear {
				display: inline-block;
			    float: right;
			    color: #f60 !important;
			    font-size: 14px !important;
			    font-weight: 500 !important;
			    line-height: 16px !important;
			    text-transform: uppercase !important;
			    opacity: .7;
			    position: relative;
			    top: 5px;
			    padding: 6px 15px 2px;
			    cursor: pointer;
			    margin: 0;
			}
			.page-template-page-flow-views-tpl .gv-search-box.gv-search-box-submit input.button.gv-search-button {
				color: #2E2E2E !important;
			    font-size: 14px !important;
			    font-weight: 500 !important;
			    line-height: 16px !important;
			    text-transform: uppercase !important;
			    opacity: .7;
			    position: relative;
			    top: 5px;
			    padding: 3px 15px 2px;
			    cursor: pointer;
			}
		
		
	/* Absences Details */
	
		.row.absence-details-title {
			margin: 16px -15px 48px;
		}
		.row.absence-details .card {
			background: #fff;
			box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
			padding: 0 25px;
		}
		
		body.role-adminteacher_cepv #postbox-container-1 div.postbox:not(#gravityflow-status-box-container) h3 span {
			color: #f00;
		}
		body.role-adminteacher_cepv #postbox-container-1 div.postbox:not(#gravityflow-status-box-container) h3 span::after {
		    content: " /!\\";
		}
		body.role-adminteacher_cepv #postbox-container-1 div.postbox:not(#gravityflow-status-box-container) h3 span::before {
		    content: "/!\\ ";
		}
		body.role-adminteacher_cepv select#gravityflow-admin-action option[value="restart_step"],
		body.role-adminteacher_cepv select#gravityflow-admin-action option[value="restart_workflow"],
		body.role-adminteacher_cepv select#gravityflow-admin-action option[value="send_to_step|2"],
		body.role-adminteacher_cepv select#gravityflow-admin-action option[value="send_to_step|12"],
		body.role-adminteacher_cepv select#gravityflow-admin-action option[value="send_to_step|3"],
		body.role-adminteacher_cepv select#gravityflow-admin-action option[value="send_to_step|10"],
		body.role-adminteacher_cepv select#gravityflow-admin-action option[value="send_to_step|11"],
		body.role-adminteacher_cepv select#gravityflow-admin-action option[value="send_to_step|13"] {
			display: none;
		}
		
	/* Gravity Flow */
	
	table.entry-detail-view {
	    table-layout: unset !important;
	}
	table.entry-detail-view:not(.gravityflow-step-user_input) tbody tr {
		float: left;
		width: 50%;
		display: table;
	}
	table.entry-detail-view thead tr {
		width: 100%;
		display: table;
	}
	table.entry-detail-view:not(.gravityflow-step-user_input) tbody tr:nth-child(2n+1),
	table.entry-detail-view tbody tr td.entry-view-field-name {
		background-color:#ccc;
	}
	table.entry-detail-view:not(.gravityflow-step-user_input) tbody tr:nth-child(2n+2) {
		background-color:#fefefe;
	}
	
	table.entry-detail-view tbody tr td ul {
		margin:0;
	}
		table.entry-detail-view tbody tr td ul li {
			font-size: 14px;
			list-style: none !important;
			padding-left: 0 !important;
		}
	
	table.entry-detail-view.gravityflow-step-user_input tbody tr td .gform_wrapper .gform_body ul.gform_fields li:not(.green-background) {
	    background: #fff;
	    margin: 0;
	}
	table.entry-detail-view.gravityflow-step-user_input tbody tr td .gform_wrapper .gform_body ul.gform_fields li:not(.green-background) label.gfield_label {
	    width: 100% !important;
	    background-color: #fff !important;
	    border: none !important;
	    margin: 0 !important;
	    padding: 10px !important;
	    font-weight: bold !important;
	    display: block !important;
	}
	table.entry-detail-view.gravityflow-step-user_input tbody tr td .gform_wrapper {
		margin: 0px 0 4px !important;
	}
	table.entry-detail-view.gravityflow-step-user_input tbody tr td .gform_wrapper .gform_body ul.gform_fields {
		background: #fff;
	}
	table.entry-detail-view.gravityflow-step-user_input tbody tr td .gform_wrapper .gform_body ul.gform_fields li.abs_tests, 
	table.entry-detail-view.gravityflow-step-user_input tbody tr td .gform_wrapper .gform_body ul.gform_fields li.abs_responsible {
		margin-top: 0 !important;
	}
	table.entry-detail-view.gravityflow-step-user_input tbody tr td .gform_wrapper .gform_body ul.gform_fields li.request-answer-choice {
		padding: 7px !important;
	}
		table.entry-detail-view.gravityflow-step-user_input tbody tr td .gform_wrapper .gform_body ul.gform_fields li.request-answer-choice ul {
			width: 100%;
			display: block;
			margin-bottom: 16px;
			overflow: hidden;
		}
			table.entry-detail-view.gravityflow-step-user_input tbody tr td .gform_wrapper .gform_body ul.gform_fields li.request-answer-choice ul li {
				display: inline-block;
				width: 33%;
				float: left;
				background: none;
			}
			table.entry-detail-view.gravityflow-step-user_input tbody tr td .gform_wrapper .gform_body ul.gform_fields li.request-answer-choice ul li input[type="radio"] {
				display: inline-block !important;
			    width: 20px !important;
			    height: 20px !important;
			    color: #000 !important;
			    text-indent: 0 !important;
			    margin: 0 10px 0 0 !important;
			    padding: 0 !important;
			    border-radius: 10px !important;
			    font-size: 20px;
			    line-height: 20px;
			    z-index: 100000;
			}
			
	td.entry-view-field-value {
	    padding: 7px 7px 7px 10px;
	}
	.gravityflow-status-box ul {
		margin:0;
	}
		.gravityflow-status-box ul li {
			font-size: 14px;
			list-style: none !important;
			padding-left: 0 !important;
		}
		
	.gravityflow-timeline {
		padding-bottom: 12px;
	}
	
	
	.gravityflow-field-value {
	    padding: 7px 10px !important;
	}
	
	body.role-student_cepv.page-template-page-flow-inbox-tpl #minor-publishing.gravityflow-status-box > div > ul > li,
	body.role-adminteacher_cepv.page-template-page-flow-inbox-tpl #minor-publishing.gravityflow-status-box > div > ul > li {
		display: none;
	}
		
		
	/*.role-student_cepv .gravityflow-timeline,*/
	.role-student_cepv .detail-view-print {
		display: none !important;
	}
	table.entry-detail-view thead tr th:first-child {
		width: 80% !important;
	}
	.role-student_cepv table.entry-detail-view thead tr th:nth-child(2) input,
	.role-student_cepv table.entry-detail-view thead tr th:nth-child(2) label {
		display: none !important;
	}
	
	body.role-student_cepv table.entry-detail-view.gravityflow-step-user_input .gform_wrapper ul.gform_fields li.gfield {
	    padding-right: 16px;
		padding-left: 16px !important;
	}
	body.role-student_cepv table.entry-detail-view.gravityflow-step-user_input tbody tr td .gform_wrapper .gform_body ul.gform_fields li.gfield label {
	    padding-right: 0 !important;
		padding-left: 0 !important;
	}
	
	body.role-student_cepv table.entry-detail-view.gravityflow-step-user_input tbody tr td li.abs_tests_course ,
	body.role-student_cepv table.entry-detail-view.gravityflow-step-user_input tbody tr td li.abs_tests_teacher ,
	body.role-student_cepv table.entry-detail-view.gravityflow-step-user_input tbody tr td li.abs_tests_date ,
	body.role-student_cepv table.entry-detail-view.gravityflow-step-user_input tbody tr td li.abs_tests_period {
	    margin-right: 0 !important;
	    width: 25%;
	}
	body.role-student_cepv table.entry-detail-view.gravityflow-step-user_input tbody tr td li.abs_signature_physical div.ginput_container.ginput_container_checkbox input {
		height: 20px;
	    width: 20px !important;
	    margin: 0 !important;
	    padding: 0 !important;
	    -webkit-appearance: checkbox;
	    -moz-appearance: checkbox;
	    appearance: checkbox;
	}
	body.role-student_cepv table.entry-detail-view.gravityflow-step-user_input tbody tr td .gform_wrapper .gform_body ul.gform_fields li.gfield.abs_signature_physical div.ginput_container.ginput_container_checkbox label#label_1_49_1 {
		margin: 1px 0 0 0;
	    padding-left: 30px !important;
	}
	
	body.role-student_cepv table.entry-detail-view.gravityflow-step-user_input .gform_wrapper ul.gform_fields li.gfield.abs_signature {
		clear: both;
    	height: 100px;
	}
	body.role-student_cepv table.entry-detail-view.gravityflow-step-user_input .gform_wrapper ul.gform_fields li.gfield.abs_signature input {
		border: none !important;
	    padding: 0 !important;
	    margin: 0 !important;
	}
	
	body.role-student_cepv li#field_1_48,
	body.role-student_cepv li#field_1_50,
	body.role-student_cepv li#field_1_51,
	body.role-student_cepv li#field_1_52 {
		display: none !important;
	}
	
	/* Gravitybox */
	
	table#gravityflow-inbox td a {
	    color: #9A9A9A !important;
	}
	.gravityflow-note-avatar {
	        width: 30px;
		    padding: 0;
		    margin-left: 30px;
	}
		.gravityflow-note-avatar span>i,
		.gravityflow-note-avatar img {
		    width: 30px;
		    height: 30px;
		    font-size: 1.25em;
		}
	.gravityflow-note-body-wrap {
	    margin-left: 90px;
	    margin-right: 30px;
	}
	
	/* Search */
	
	body.search-results {display:block !important;}
	a.cepv-searcher,
	a.cepv-searcher:focus, a.cepv-searcher:hover, a.cepv-searcher:active,
	a.cepv-searcher i {
		color:#444 !important;display: block;
	    background-color: #ccc;
	    width: 48px;
	    height: 48px;
	    border-radius: 24px;
	    text-align: center;
	    font-size: 24px;
	    line-height: 48px;
	    text-decoration:none !important;
	    float:right;
    }
    .search-result {margin-bottom:10px;}
    .page-content small p {
	    font-size: 14px;
	    line-height: 18px;
	    margin: 0 0 0px 0;
	    color: #aaaaaa;
	    font-style:italic;
	}
	
	/* Footer */
	
	.force-height {
		height: 100px;
	}
		
		
@media (max-width: 1440px){
	.header-shortcuts {
		top: 75px;
	}
}
@media (max-width: 1200px){
	.search-table-container.fixed {
	    width: 930px;
	}
	span.dt-phone {
	    width: 15%;
	}	
}

@media (max-width: 991px){
	
	.reference-container {
		margin-top:75px;
	}
	.force-height {
		height: 0;
	}
	.search-table-container.fixed {
	    width: 690px;
	    padding-right: 0;
	}
	span.dt-type {
	    width: 80px;
	}
	span.dt-info {
	    width: 60%;
	}
		table.student span.dt-info {
			width: 40%;
		}
	span.dt-phone {
	    width: 20%;
	}
	span.dt-email {
	    width: 60%;
	    margin-left: 80px;
	}
		table.student span.dt-email {
	    	margin-top: 20px;
		    margin-left: 0;
		}
	span.dt-timesheet {
	    float: left;
	}
		table.student span.dt-timesheet {
		    margin-top: 20px;
		}
		
	
	
	.abs_start_date {
		width: 49% !important;
	}
	.gform_wrapper form li.abs_end_date {
		width: 49% !important;
		margin-left: 0 !important;
	}
	.gform_wrapper form li.abs_period {
		width: 49% !important;
	}
	.abs_section {
		width: 49% !important;
	}
	.gform_wrapper form li.abs_year {
		width: 49% !important;
	}
	
}

@media (max-width: 767px){
	.header-shortcuts {
		position: absolute;
		top: 91px;
	}
	.search-table-container.fixed {
	    top: 75px;
	    width: 510px;
	}
	span.dt-type span.dt-profile {
	    border-radius: 20px;
	    width: 40px;
	    height: 40px;
	}
	span.dt-type {
		width: 10%;
	}
		span.dt-type i {
		    padding: 12.5px 5px;
		    border-radius: 20px;
		    width: 30px;
		    height: 15px;
		    line-height: 15px;
		    font-size: 15px;
		}
	span.dt-info {
		width:65%;
	}
		table.student span.dt-info {
		    margin: 0 0 0 15px;
		}
	span.dt-phone {
		width: 25%;
	}
	span.dt-email {
		width: 40%;
    	margin-left: 51px;
	}
		table.student span.dt-email {
		    margin-top: 5px;
	    	margin-left: 0;
		}
	span.dt-timesheet {
	    width: 90px;
	    float: right;
	}
		table.student span.dt-timesheet {
		    margin-top: 0;
		}
}
@media (max-width: 480px){
	.search-table-container.fixed {
	    
	}
	span.dt-type span.dt-profile {
	    
	}
	span.dt-type {
		
	}
		span.dt-type i {
		    
		}
	span.dt-info {
    	width: 85%;
	}
		table.student span.dt-info {
		    
		}
	span.dt-phone,
	span.dt-email {
		width: 100%;
		margin-top:0;
		margin-left: 38px;
	}
		table.student span.dt-email {
		   
		}
	span.dt-timesheet {
	    float: left;
		margin-top: 5px;
		margin-left: 38px;
	}
		table.student span.dt-timesheet {
		    
		}
}