/* DOMAIN: admin.athelensdance.lu */

:root {
	--blue: #001437;
	--lightblue: #41639d;
	--gray: #888;
	--highlight:#e1ecff;
}



/*
MAGENTA:	 var(--blue)
TURQUISE:	#26bfca
*/

@import url('https://fonts.googleapis.com/css?family=Dosis:200,300|Lato:300,400&display=swap');




body																	{ background:#FFF; color: #666; font-family:"Lato", sans-serif; font-size:16px; font-weight:400; line-height:1.35em;	}
textarea															{ font-size:16px; }

h1, h2, h3														{ font-family:'Dosis', sans-serif; font-weight:300; }
h1																		{ color:var(--blue); font-size:2.2em; letter-spacing:0.035em; text-transform:uppercase; }
h1 em																 { color:var(--lightblue); font-style:normal; font-weight:400; }
h1 .svg-inline--fa										{ color:var(--lightblue); font-size:0.75em; vertical-align:0em; }
h2																		{ color:var(--gray); font-size:1.8em; }
h3																		{ color:var(--lightblue); font-size:1.6em; font-weight:400; }
h3 em																	{ color:var(--gray); font-size:0.75em; }


a, a:active, a:focus									{ color:var(--lightblue); text-decoration:none; }
a:hover															 { color:var(--lightblue); text-decoration:none; }

label																 { color:#26bfca; }

pre																		{ position:relative; z-index:10000; }

table																	{ width:100%; }
tbody tr:nth-child(even)							{ background:#F7F7F7; }
th, td																{ padding:2px; vertical-align:top;}
tbody tr:hover												{ background:var(--highlight) !important;}



.setup_logo .cls-t										{ fill:var(--blue); }
.setup_logo .cls-g										{ fill:var(--gray); }
.setup_logo .cls-d										{ fill:#26bfca; }

.btn																	{ font-family:'Dosis', sans-serif; font-weight:400; letter-spacing:0.035em; text-transform:uppercase; }
.btn span														 { display:none; }
.btn svg ~ span											 { margin-left:5px; }
.btn.btn-sm svg ~ span								{ margin-left:0; }
.btn.favorite												 { background:var(--blue); border-color:var(--blue); }
.btn.favorite .yes										{ display:none; }
.btn.favorite .no										 { display:inline; }
.btn.favorite.is_favorite .yes				{ display:inline; }
.btn.favorite.is_favorite .no				 { display:none; }

.c1																	 { background:var(--blue); border-color:var(--blue); color:#FFF; }
.c2																	 { background:#26bfca; border-color:#26bfca; color:#FFF; }
.c3																	 { background:#454545; border-color:#454545; color:#FFF; }

span.last_name												{ text-transform:uppercase; }


.btn:active, .btn:focus							 { color:#FFF; }

/* TOP NAV */
nav																	 { background:#FAFAFA; border-bottom:1px solid var(--blue); box-shadow:0 5px 20px -15px #000; z-index:2000!important; }
nav .logo														 { height:44px; margin:5px 50px; }
nav .logo svg												 { height:44px; }

.navbar-nav a												 { font-family:'Roboto Condensed', sans-serif; font-size:18px; font-weight:400; letter-spacing:0.035em; text-transform:uppercase; }
.navbar-nav li												{ white-space:nowrap; }

.navbar-toggler											 { color:var(--blue); border-color:var(--blue); }
.navbar-toggler-icon									{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(130, 130, 130)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }


.content															{ /*border-bottom:1px solid var(--blue);*/ margin-top:70px; padding-bottom:15px; padding-top:15px; }
.toolbar															{ background:#FFF; border-bottom:1px solid var(--blue); box-shadow:0 5px 20px -15px #000; height:50px; line-height:50px; margin-top:70px; }
.toolbar h2														{ /*line-height:;*/ margin:7px 0; }
.toolbar .row div:nth-child(2)				{ text-align:right; }


.toolbar + .content									 { margin-top:120px; }



body.login																					{ }
body.login .parent																	{ background:var(--blue); height:100%; position:absolute; width:100%; }
body.login .parent > div														{ margin:auto; }
body.login .logo																		{ display:block; margin:auto; padding:15px; width:300px; }
body.login h1																			 { /*border-top:3px solid #FFF; border-bottom:3px solid #FFF;*/ color:#FFF; font-weight:400;margin:0.5em auto; padding:5px 20px; text-align:center; width:180px; }


body.login form																		 { background:#FFF; border-radius:20px; box-shadow:0 0 30px -10px #000; padding:30px 50px; margin:2em auto 5em; max-width:360px; }
body.login form h2																	{ color:var(--blue); font-size:2.2em; margin-bottom:0; text-align:center; }
body.login form .form-group												 { border:1px solid #777; margin:20px auto; padding:5px 8px; position:relative; }
body.login form .form-group input									 { background:transparent; border:0; position:relative; z-index:10; }
body.login form .form-group input:active,
body.login form .form-group input:focus						 { box-shadow:none !important; }
body.login form .form-group input:valid ~ label,
body.login form .form-group input:focus ~ label		 { background:#FFF; font-size:0.75em; top:-16px; }
body.login form .form-group label									 { color:var(--gray); letter-spacing:0.035em; margin:0; padding:0 10px; position:absolute; top:13px; transition: 0.2s ease all; text-transform:uppercase; }
body.login form button															{ background:var(--blue); color:#FFF; display:block; letter-spacing:0.035em; margin:auto; text-transform:uppercase; }




body.list .filters																	{ text-align:center; }
body.list .th_filter																{ }
body.list .th_filter .min_length										{ background:#DDD; color:#AAA; }


body.list th div																		{ position:relative; }
body.list th div svg																{ margin:0 5px; }
body.list .alert																		{ margin:20px; text-align:center; }


.th_sort .fa-sort																		{ opacity:0.35; }
.th_sort .fa-sort-up, .th_sort .fa-sort-down				{ color:var(--blue); }
.th_sort .fa-sort, .th_sort.asc .fa-sort-up,
.th_sort.desc .fa-sort-down													{ display:inline-block; }
.th_sort .fa-sort-up, .th_sort .fa-sort-down,
.th_sort.asc .fa-sort, .th_sort.asc .fa-sort-down,
.th_sort.desc .fa-sort, .th_sort.desc .fa-sort-up		{ display:none; }

body.edit .group																		{ background:#FAFAFA; border:1px solid #AAA; border-radius:10px; margin:0 auto 30px; clear:both; overflow:hidden; padding:10px; }
body.edit .group tbody tr:nth-child(odd)						{ background:#FFF; }

body.edit .hints																		{ margin-bottom:0.5rem; }
body.edit #contact_form															{ margin-bottom:235px; }
body.edit .form-group label													{ color:var(--gray); font-size:0.75em; display:block; letter-spacing:0.035em; margin:0; text-transform:uppercase; white-space:nowrap; }
body.edit .form-group																{ display:inline-block; float:left; margin-bottom:0.5rem; width:47.5%; margin-right:5%; }

body.professors.edit .form-group.last_name					{ margin-right:0; }


body.students.list th:nth-child(1),
body.students.list td:nth-child(1),
body.students.list td:nth-child(8),
body.students.list td:nth-child(9)									{ text-align:center; }


body.students.list th:nth-child(4),
body.students.list td:nth-child(4),
body.students.list th:nth-child(5),
body.students.list td:nth-child(5),
body.students.list th:nth-child(7),
body.students.list td:nth-child(7)									{ display:none; }

body.students.edit .form-group.last_name,
body.students.edit .form-group.nationality					{ margin-right:0; }

body.students.edit .form-group.birthday select			{ display:inline-block; width:auto; }

body.students.edit .form-group.street								{ width:75%; }
body.students.edit .form-group.house_number					{ width:20%; margin-right:0; }

body.students.edit .form-group.post_code						{ width:20%; }
body.students.edit .form-group.city									{ width:75%; margin-right:0; }

body.students.edit .form-group.payments,
body.students.edit .form-group.confirmation,
body.students.edit .form-group.notes								{ width:100%; margin-right:0; }

body.students.edit .form-group.mobile								{ margin-right:0; }

body.students.edit .form-group.lr_last_name,
body.students.edit .form-group.lr_mobile						{ margin-right:0; }

body.students.edit .form-group.modal_subject					{ margin-right:0; }
body.students.edit .form-group.modal_message					{ width:100%; margin-right:0; }
body.students.edit .form-group.modal_message textarea	{ height:400px; }





body.courses.edit .form-group.name_fr,
body.courses.edit .form-group.name_en								{ width:100%; margin-right:0; }

body.courses.edit .form-group.experience_en					{ margin-right:0; }

body.courses.edit .form-group.location							{ margin-right:0; }

body.courses.edit .form-group.start_time						{ overflow:hidden; }
body.courses.edit .form-group.end_time							{ margin-right:0; overflow:hidden; }

body.courses.edit .form-group.start_time label,
body.courses.edit .form-group.end_time label				{ display:block; }

body.courses.edit .form-group.start_time select,
body.courses.edit .form-group.end_time select				{ display:inline-block; width:35%; }

@media (max-width: 767px) {
	body.professors.list table th:nth-child(n+3),
	body.professors.list table td:nth-child(n+3)					{ /*display:none;*/ }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	.navbar-nav a												 { display:inline-block; }
	.navbar-nav li:last-child:before			{ color:var(--gray); content:"|"; display:inline-block; margin:0 0.5em; }
	.btn span														 { display:inline; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	body.students.list table th:nth-child(4),
	body.students.list table td:nth-child(4),
	body.students.list table th:nth-child(5),
	body.students.list table td:nth-child(5),
	body.students.list table th:nth-child(7),
	body.students.list table td:nth-child(7)						{ display:table-cell; }
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}