/* xxs */
@media(min-width:0px){
	#logo_appi{top:5px;left:6%;width:26%;pointer-events:none}
	#logo_appi a {position:absolute;display:block;top:30%;height:90%;left:15%;width:85%;pointer-events:auto}
	#nav_bar {height:50px;font-size:1rem}
	#what_is_appi_video{width:100%;height:150px}
	#home #video {height:568px}
	#home #worldmap {min-height:568px}
	#home #numbers {top:15rem;left:10%;width:80%}
	.link_block {height:150px;background-position: center;background-size: cover;background-repeat: no-repeat;}
	#carousel_count {height:160px}
	#carousel ul {height:160px}
	#scroll_top{display:none;}
	#scroll_helper{font-size:200%}
	#full_menu_ghost{font-size:300%}
	.slide p {padding:0 10%}
	/*.leaflet-control-zoom {opacity:0}*/
	#map {height:500px}
	body {
		-webkit-text-size-adjust: none; 
		-moz-text-size-adjust: none; 
		text-size-adjust: none;
		font-size:0.9rem
	}
	#recept_small {padding:5% 5% 5% 5%;height:auto}
	.slide_agreement{height:150px}
	.col-pilot-manual-level{flex: 0 0 6%;max-width:6%;font-size:0.8rem}
	.col-pilot-manual-content{flex: 0 0 94%;max-width:94%}
}

/* xs */
@media(min-width:240px){
	#logo_appi_authenticated{width:16%;position:absolute;top:-24px;display:none}
	
	/* Navigation */
	.hidden-xxs{display:none}
	#full_menu_button i {font-size:110%}
	#full_menu  {width:100%;right:0}
	#help_way {display:none}
	#favorites_edit {width:100%}
	#scroll_top{display:block;}
	
	h1{font-size:2rem}
	h2{font-size:1.6rem}
	h3{font-size:1.4rem}
	h4{font-size:1.2rem}
	h5{font-size:1.1rem}
	h6{font-size:1rem}
	h7{font-size:1rem;font-weight:bold}
	
	/* Content */
	#banner h1 {top:20%}
	#content section > div.row {padding:2% 1%}
	#login form{margin-top:0;margin-bottom:0;}
	#slider {height:350px}
	#slider h1 {font-size:2em;margin:1.6rem 0}
	.slide p {padding:0 5%;font-size:0.9em}
	#banner {height:110px}
	#popup {padding:15% 5%}
	#find_school{margin-bottom:2%}
	.announce{padding:6% 0 10% 0;font-size:120%;color:black}
	.list_title_first .list_number {float:left;margin-left:-20px}
	#what_is_appi_video{height:200px}
	#what_is_appi a.agreement h4{display: inline-block;margin-left: 2%;}
	#insurance table {width:100%}
	#fees_and_payments table {width:100%}
	#rules_and_regulations div p{min-height:auto}
	#carousel ul {font-size:90%}
	#carousel li img {width:50px}
	#education_system h4 {font-size:90%;font-weight:bold;color:#999}
	#generic_skill  div.row > div div{min-height:200px}
	#generic_skill #title h1{font-size:200%}
	#generic_skill #title div.description {height:auto}
	#generic_skill #picture > div{height:auto}
	#generic_skill #picture {height:auto;}
	#map a {color:black;text-decoration:none}
	#school  div.row > div div{min-height:100px}
	#school  div.row > div#title div{min-height:100px}
	#school #title h1{font-size:200%}
	#school #picture > div{min-height:170px;height:auto}
	#school #picture {height:auto;}
	#professionals div.pro_tab > div{padding:0;}
	#professionals div.pro_tab > div div  h2 {font-size:100%;}
	#professionals span img {height:80px;}
	#workshops_list div.pro_tab > div{padding:0;}
	#workshops_list div.pro_tab > div div  h2 {font-size:100%;}
	#workshops_list span img {height:80px;}
	#flight_site  div.row > div div{min-height:100px}
	#flight_site  div.row > div#title div{min-height:100px}
	#flight_site #title h1{font-size:200%}
	#flight_site #picture > div{min-height:170px;height:auto}
	#flight_site #picture {height:auto;}
	#workshop > div.row > div > div{min-height:auto}
	#join_us form {padding:2% 3%}
	#statutes_and_reports #documents h4 {display:inline-block;margin-left:15px;font-size:100%}
	#news #search_new_form .label_title {display:block}
	#news li p {max-width:100%}
	.answer_details_recept , .question_details {left:0}

	/* Footer */
	#logo_appi_footer{margin: -1% 0 4% 0;width:70%;max-width:40px}
	#footer >div {padding:2% 0}
	#footer h3{margin-bottom:2%;padding-top:15px}
	#footer_small {text-align:center}
	#mentions {display:none}
	
	/* Dashboard */
	#dashboard {padding:2% 0 5% 0;font-size:0.9em}
	#dashboard button.title, #dashboard h3{font-size:80%}
	#reminder {right: 25px;top: 130px;}
	

	/* Form */
	.tab_button {font-size:100%}
}
@media(min-width:378px){
	
}
@media(max-width:576px){
	.force_large{width:100% !important}
}
/* sm */
@media(min-width:576px){
	#logo_appi_authenticated{width:14%}
	#logo_appi{width:18%;max-height:12%}
	/* Navigation */
	#full_menu  {width:80%}
	#nav_bar a, #nav_bar button{padding-top:0.8rem}
	#nav_bar .user_name {font-size:1em}
	
	h1{font-size:2.2rem}
	h2{font-size:1.8rem}
	h3{font-size:1.5rem}
	h4{font-size:1.3rem}
	h5{font-size:1.2rem}
	h6{font-size:1.1rem}
	
	/* Content */
	#banner h1 {top:30%}
	#home #numbers {left:20%;width:60%}
	.slide p {padding:0 15%;font-size:1em}
	.hidden-xxs{display:inline}
	#logo_appi_footer{margin: -1% 0 5% 0;max-width:60px}
	#carousel ul {font-size:100%}
	#carousel li img {width:80px}
	#what_is_appi_video{height:300px}
	#school  div.row > div#title div{min-height:250px}
	#school  div.row > div div{min-height:250px}
	#flight_site  div.row > div#title div{min-height:200px}
	#flight_site  div.row > div div{min-height:200px}
	#news #search_new_form .label_title {display:inline}
	.slide_agreement{height:220px}
	.col-pilot-manual-level{flex: 0 0 4%;max-width:4%;font-size:1rem}
	.col-pilot-manual-content{flex: 0 0 96%;max-width:96%}
	
	/* Footer */
	#footer >div {padding:2% 2%}
	#footer h3{margin-bottom:5%;padding-top:30px}
	
	/* Dashboard */
	#dashboard button.title, #dashboard h3{font-size:105%}
}

/* md */
@media(min-width:768px){
	#logo_appi_authenticated{width:12%}
	#logo_appi{width:18%;max-height:12%}
	/* Navigation */
	#full_menu_button i {font-size:130%}
	#full_menu  {width:65%}
	#favorites_edit {width:80%}
	#scroll_top{display:none;}
	#scroll_helper{font-size:300%}
	#full_menu_ghost{font-size:400%}
	#popup {padding:15%}
	
	h1{font-size:2.5rem}
	h2{font-size:2.0rem}
	h3{font-size:1.5rem}
	h4{font-size:1.3rem}
	h5{font-size:1.2rem}
	h6{font-size:1.1rem}
	
	/* Content */
	#content section > div.row {padding:5% 3%}
	#home #numbers {left:25%;width:50%}
	.link_block {height:300px}
	#slider h1 {font-size:250%;margin:3rem 0}
	.slide p {padding:0 15%;font-size:1.1em}
	#banner {height:150px}
	.announce{padding:3% 0 4% 0;font-size:170%;color:black}
	#login form{margin-top:2%;margin-bottom:2%;}
	.list_title_first .list_number {float:left;margin-left:-40px}
	#insurance table {width:80%}
	#fees_and_payments table {width:80%}
	#rules_and_regulations div p{min-height:300px}
	#education_system h4 {font-size:100%;font-weight:bold;color:#999}
	#generic_skill  div.row > div div{min-height:380px}
	#generic_skill #title h1{font-size:280%}
	#generic_skill #title div.description {height:240px}
	#generic_skill #picture > div{height:350px}
	#generic_skill #picture {height:350px;}
	#school #title h1{font-size:280%}
	#school #picture > div{min-height:auto;height:100%}
	#school #picture {height:250px;}
	.answer_details_recept , .question_details{left:25%}
	/*.leaflet-control-zoom {opacity:1}*/

	#professionals div.pro_tab > div div  h2 {font-size:120%}
	#professionals img {height:100px;}
	#professionals span a{text-decoration:underline}
	#workshops_list div.pro_tab > div div  h2 {font-size:120%}
	#workshops_list img {height:100px;}
	#workshops_list span a{text-decoration:underline}
	#flight_site  div.row > div div{min-height:200px}
	#flight_site #title h1{font-size:280%}
	#flight_site #picture > div{min-height:auto;height:100%}
	#flight_site #picture {height:200px;}
	#carousel_count {height:380px}
	#carousel ul {height:380px}
	#workshop > div.row > div > div{min-height:200px}
	.my_workshop select {width:8rem}
	#join_us form {padding:3% 7%}
	#statutes_and_reports #documents h4 {display:block;margin-left:0;font-size:120%} 
	#news li p {max-width:70%}
	#map {height:600px}
	.col-pilot-manual-level{flex: 0 0 4%;max-width:4%;font-size:1.2rem}
	.col-pilot-manual-content{flex: 0 0 96%;max-width:96%}
	
	/* Footer */
	#logo_appi_footer{margin: -4% 0 6% 0;max-width:80px}
	#mentions {display:block}
	#footer_small {text-align:left}
	
	/* Dashboard */
	#dashboard button.title, #dashboard h3{font-size:110%}

	/* Form */
	.tab_button {font-size:120%}
}

/* lg */
@media(min-width:992px){
	#logo_appi{width:16%;max-height:12%}
	#logo_appi_authenticated{width:8%;top:-20px}
	
	h1{font-size:2.8rem}
	h2{font-size:2.2rem}
	h3{font-size:1.8rem}
	h4{font-size:1.5rem}
	h5{font-size:1.3rem}
	h6{font-size:1.1rem}
	
	/* Navigation */
	#nav_bar {height:70px;font-size:1rem}
	#full_menu  {width:50%;right:5%}
	#help_way {display:block}
	#recept_small {padding:15% 25%;}

	/* Content */
	#content section > div.row {padding:5% 10%}
	#home #numbers {left:30%;width:40%}
	#slider h1 {font-size:300%;margin:3rem 0 2rem 0}
	.slide p {padding:0 25%;font-size:1.2em}
	#banner {height:180px}
	#insurance table {width:65%}
	#insurance table {width:65%}
	#generic_skill #title h1{font-size:240%}
	#school #title h1{font-size:240%}
	#flight_site #title h1{font-size:240%}
	#what_is_appi a.agreement h4{display: block;margin-left: auto;}
	.question_details{left:auto}
	#recept_small {height:100%}
	
	
	#appi_worldwide .leaflet-control-layers-list {display:block}


	/* Footer */
	#footer >div {padding:2% 9%}
	#logo_appi_footer{margin: -12% 0 7% 0;max-width:120px}
	
	/* Dashboard */
	#dashboard button.title, #dashboard h3{font-size:115%}
	#reminder {right: 50px;top: 150px;}

	/* Form */
	.tab_button {font-size:150%}
}
/* xl */
@media(min-width:1200px){
	#logo_appi_authenticated{width:6%}
	#logo_appi{width:14%;max-height:12%}
	#dashboard{font-size:0.9em}
	
	h1{font-size:3.3rem}
	h2{font-size:2.5rem}
	h3{font-size:1.8rem}
	h4{font-size:1.5rem}
	h5{font-size:1.3rem}
	h6{font-size:1.1rem}
	
	/* Navigation */
	#full_menu  {width:40%}
	
	/* Content */
	#home #video {height:700px}
	#home #worldmap {min-height:650px}
	#home #numbers {top:18rem;left:30%;width:40%}
	#insurance table {width:50%}
	#fees_and_payments table {width:65%}
	#generic_skill #title h1{font-size:280%}
	#school #title h1{font-size:280%}
	#flight_site #title h1{font-size:280%}
	#slider h1 {font-size:350%;margin:3rem 0 2rem 0}
	.slide p {padding:0 25%;font-size:1.3em}
	
	/* Footer */
	#logo_appi_footer{margin: -15% 0 8% 0;width:70%;max-width:300px}
	
	/* Dashboard */
	#dashboard {padding:2% 5% 5% 5%;}
	#dashboard button.title, #dashboard h3{font-size:100%}
	#find_school{margin-bottom:auto}
}

/* xxl Not in bootstrap */
@media(min-width:1440px){
	#logo_appi_authenticated{width:6%}
	#logo_appi{width:12%;max-height:12%}
	#popup {padding:15% 25%}
	h1{font-size:3.8rem}
	h2{font-size:2.9rem}
	h3{font-size:2.1rem}
	h4{font-size:1.7rem}
	h5{font-size:1.4rem}
	h6{font-size:1.1rem}
	
	/* Content */

	#home #numbers {top:20rem;left:30%;width:40%}
	
	/* Dashboard */
	#dashboard button.title, #dashboard h3{font-size:115%}
}

/* xxxl Not in bootstrap */
@media(min-width:1900px){
	body {font-size:1.2rem}
	h1{font-size:4.2rem}
	h2{font-size:3.2rem}
	h3{font-size:2.3rem}
	h4{font-size:1.8rem}
	h5{font-size:1.5rem}
	h6{font-size:1.2rem}
	
	/* Content */
	#home #video {min-height:768px;height:auto}
	/* Dashboard */
	#dashboard button.title, #dashboard h3{font-size:130%}
}

/* ------------- Index ------------- */

/*
@font-face {
	font-family: "open-sans-regular";
	src: 
		url("/static/fonts/OpenSans-Regular-webfont.woff") format("woff"),
		url("/static/fonts/open-sans.regular.ttf") format("ttf");
}
*/
/* -------------- Bootstrap colors ---------
primary #00a6e2
secondary #455055
success #28a745
danger #dc3545
warning #f59f40
info #7ec5ee
light #f8f9fa
dark #2a363b
muted #b6bdc2
*/
.text-primary {color:#00a6e2 !important}
.text-secondary {color:#455055 !important}
.text-success {color:#28a745 !important}
.text-danger {color:#dc3545 !important}
.text-warning {color:#f59f40 !important}
.text-info {color:#7ec5ee !important}
.text-light {color:#f8f9fa !important}
.text-medium {color:#c6cdd3 !important}
.text-dark {color:#2a363b !important}
.text-muted {color:#b6bdc2 !important}
.text-blue {color:#004a70 !important}
.text-blue-light {color:#4978a1 !important}
.text-purple {color:#6f42c1 !important}
.text-pink {color:#e83e8c !important}

.bg-primary {background-color:#00a6e2 !important}
.bg-secondary {background-color:#455055 !important}
.bg-success {background-color:#28a745 !important}
.bg-danger {background-color:#dc3545 !important}
.bg-warning {background-color:#f59f40 !important}
.bg-info {background-color:#7ec5ee !important}
.bg-light {background-color:#f8f9fa !important}
.bg-medium {background-color:#c6cdd3 !important}
.bg-dark {background-color:#2a363b !important}
.bg-muted {background-color:#b6bdc2 !important}
.bg-blue {background-color:#004a70 !important}
.bg-blue-light {background-color:#4978a1 !important}
.text-shadow-black {text-shadow:black 0.1em 0.1em 0.2em;}
.text-shadow-grey {text-shadow:grey 0.1em 0.1em 0.2em;}
.bg-light-grey {background-color:#f4f4f4 !important}
.bg-light-blue {background-color:#e6fbff !important}

.btn-primary {background-color:#00a6e2 !important}
.btn-secondary {background-color:#455055 !important}
.btn-success {background-color:#28a745 !important}
.btn-danger {background-color:#dc3545 !important}
.btn-warning {background-color:#f59f40 !important}
.btn-info {background-color:#7ec5ee !important}
.btn-light {background-color:#f8f9fa !important}
.btn-medium {background-color:#c6cdd3 !important}
.btn-dark {background-color:#2a363b !important}
.btn-muted {background-color:#b6bdc2 !important}
.btn-blue {background-color:#004a70 !important}
.btn-blue-light {background-color:#e6fbff !important}
.btn-purple{background-color:#6f42c1 !important}
.btn-pink{background-color:#e83e8c !important}

#content .btn {border-radius:50rem !important;border-width:2px}
#content .btn-sm { padding: .3rem .8rem !important; line-height: 1.2 !important; text-transform: none !important; font-weight: 600 !important; }
#content .btn-md { padding: .3rem 1rem !important; line-height: 1.2 !important;  text-transform: uppercase !important; font-weight: 600 !important; }
#content .btn-lg { padding: .5rem 2rem !important; line-height: 1.5!important;text-transform: uppercase!important; font-weight: 600!important; }
#content .btn i {vertical-align:text-bottom;}

.btn-outline-primary { color: #F59F40; border-color: #F59F40; }
.btn-outline-primary:hover { color: #fff; border-color: #F59F40; background:#F59F40; }
.btn-outline-secondary { color: #455055; border-color: #B6BDC2; }
.btn-outline-secondary:hover { color: #fff; border-color: #B6BDC2; background:#B6BDC2; }
.btn-outline-dark { color: #000; border-color: #004A70; }
.btn-outline-dark:hover { color: #fff; border-color: #004A70; background:#004A70; }
.btn-outline-grey { color: #7c868d; border-color: #7c868d; }
.btn-outline-grey:hover { color: #fff; border-color: #7c868d; background:#7c868d; }
.btn-outline-blue { color: #fff; border-color: #00a6e2; background:#00a6e2; }
.btn-outline-blue:hover { color: #00a6e2; border-color: #00a6e2; background:#fff; }
.btn-outline-light { color: #fff; border-color: #fff; }
#footer .btn-outline-light:hover { color: #000; background:#fff; }
.cyan-patterns .btn-outline-light:hover { color: #7EC5EE; border-color: #fff; background:#fff; }
.blue-patterns .btn-outline-light:hover { color: #004A70; border-color: #fff; background:#fff; }
.orange-patterns .btn-outline-light:hover { color: #F59F40; border-color: #fff; background:#fff; }

.btn-login { color: #fff; border-color: #00a6e2; background-color:#00a6e2; }
.btn-login:hover { color: #00a6e2; border-color: #00a6e2; background-color:#fff; }

.border-bold {border:0.2rem solid #dee2e6 !important}

.border-primary {border-color:#00a6e2 !important}
.border-bottom-primary {border-bottom:1px solid;border-color:#00a6e2 !important}
.border-secondary {border-color:#455055 !important}
.border-success {border-color:#28a745 !important}
.border-danger {border-color:#dc3545 !important}
.border-warning {border-color:#f59f40 !important}
.border-info {border-color:#7ec5ee !important}
.border-bold-info {border:0.2rem solid #7ec5ee  !important}
.border-light {border-color:#f8f9fa !important}
.border-medium {border-color:#c6cdd3 !important}
.border-dark {border-color:#2a363b !important}
.border-muted {border-color:#b6bdc2 !important}
.border-blue {border-color:#004a70 !important}
.border-blue-light {border-color:#e6fbff !important}
.border-purple{border-color:#6f42c1 !important}
.border-pink{border-color:#e83e8c !important}
.border-event{border:2px solid #735BA3 !important}
.border-keyword{border:2px solid #666 !important}

.bg-medium {background-color:#c6cdd3 !important}
.text-medium {color:#c6cdd3 !important}
.border-medium {border:1px solid #c6cdd3 !important}
.text-link {color:#337ab7 !important;}

.border_appi_1_discover{border:1px solid #00a8e7 !important}
.border_appi_2_explore{border:1px solid #008ea3 !important}
.border_appi_3_pilot{border:1px solid #28348b !important}
.border_appi_4_progress{border:1px solid #f3e600 !important}
.border_appi_5_advanced{border:1px solid #F39200 !important}
.border_non_commercial_tandem{border:1px solid #EC6707 !important}
.border_pro_tandem{border:1px solid #E30613 !important}
.border_assistant_instructor{border:1px solid #86BC24 !important}
.border_appi_instructor{border:1px solid #2B9138 !important}
.border_appi_master{border:1px solid #735BA3 !important}


/* -------------- Bootstrap extensions --------- */
.h-10 {height:10%;}
.h-20 {height:20%;}
.h-30 {height:30%;}
.h-40 {height:40%;}
.h-60 {height:60%;}
.h-70 {height:70%;}
.h-80 {height:80%;}
.h-90 {height:90%;}
.h-33{height:33.33%}
.h-66{height:66.66%}

.w-10 {width:10%;}
.w-20 {width:20%;}
.w-30 {width:30%;}
.w-40 {width:40%;}
.w-60 {width:60%;}
.w-70 {width:70%;}
.w-80 {width:80%;}
.w-90 {width:90%;}
.w-33{width:33.33%}
.w-66{width:66.66%}


.pl-5, .px-5 {padding-left: 4rem !important;}
.pr-5, .px-5 {padding-right: 4rem !important;}
.pl-6, .px-6 {padding-left: 5rem !important;}
.pr-6, .px-6 {padding-right: 5rem !important;}
.pl-7, .px-7 {padding-left: 6rem !important;}
.pr-7, .px-7 {padding-right: 6rem !important;}
.pl-8, .px-8 {padding-left: 7rem !important;}
.pr-8, .px-8 {padding-right: 7rem !important;}
.pl-9, .px-9 {padding-left: 8rem !important;}
.pr-9, .px-9 {padding-right: 8rem !important;}
.pl-10, .px-10 {padding-left: 9rem !important;}
.pr-10, .px-10 {padding-right: 9rem !important;}
.pl-12, .px-12 {padding-left: 11rem !important;}
.pr-12, .px-12 {padding-right: 11rem !important;}
.pl-15, .px-15 {padding-left: 13rem !important;}
.pr-15, .px-15 {padding-right: 13rem !important;}


.hover-primary:hover {background-color:#00a6e2}
.hover-secondary:hover {background-color:#455055}
.hover-success:hover {background-color:#28a745}
.hover-danger:hover {background-color:#dc3545}
.hover-warning:hover {background-color:#f59f40}
.hover-info:hover {background-color:#7ec5ee}
.hover-light:hover {background-color:#f8f9fa}
.hover-medium:hover {background-color:#c6cdd3}
.hover-dark:hover {background-color:#2a363b}
.hover-muted:hover {background-color:#455055}

.inline-flex {display:inline-flex }

.translation_status_inactive{color:#455055}
.translation_status_in_progress{color:#dc3545}
.translation_status_to_do{color:#dc3545}
.translation_status_to_approve{color:#f59f40}
.translation_status_to_review{color:#00a6e2}
.translation_status_approved{color:#28a745}

.bg_translation_status_inactive{background-color:#455055}
.bg_translation_status_in_progress{background-color:#dc3545}
.bg_translation_status_to_do{background-color:#dc3545}
.bg_translation_status_to_approve{background-color:#f59f40}
.bg_translation_status_to_review{background-color:#00a6e2}
.bg_translation_status_approved{background-color:#28a745}

/* ------------- Index ------------- */

body {display:block;width:100%;height:100%;margin:0;padding:0;background-color:#fff;font-family:'Open sans', sans-serif;}

body * {box-sizing:border-box;}
h1{color:white;text-shadow: 3px 3px 6px #333;vertical-align:middle}
h2{color:#004a70; font-weight:600;}
h3, h4, h5, h6{color:#000}
h1 , h3 , h4 , h5 , h6{ font-weight:700;}
ul li {list-style-type:disc}
li >ul > li{list-style-type: '-'}
a {color:#f59f40}
p{padding:0 0.5%}
.display_none {display:none}
.font-weight-bold{font-weight:bold}
iframe {width:100%}
iframe * {max-width:100%}
.row{margin:0}
.container-fluid{padding:0;height:100%;overflow-y:auto;overflow-x:hidden}
#content:last-child{padding-bottom:4rem}
#content section{padding-bottom:4rem}
#dashboard_container:last-child{padding-bottom:4rem}
#logo_appi{position:absolute;z-index:600;overflow:visible}
#logo_appi img{width:100%;height:auto;pointer-events:none}
#logo_appi_authenticated{width:16%}
#toggle_favorites{width:4%;min-width:30px;position:relative;float:left;left:48%;height:3%;z-index:5;text-align:center;line-height:0;font-size:150%;background-color:#fff;padding:0;border-bottom-left-radius:10% 20%;border-bottom-right-radius:10% 20%;border:3px #dcdcdc solid;border-top:none}
#toggle_favorites i {line-height:0}
.vat{vertical-align:top;height:100%}
.hidden{display:none}

/* Scroll helper */
@keyframes bounce {
	0% {bottom:2%}
	50% {bottom:8%}
	100% {bottom:2%}
}
#scroll_helper{
	position:fixed;
	bottom:2%;
	right:2%;
	animation-name:bounce;
	animation-duration: 2s;
	animation-iteration-count: 5;
	animation-timing-function: ease;
}
#scroll_top{position:absolute;margin-top:1%;right:6%;font-size:200%;color:#455055;z-index:1;}
#scroll_top i {pointer-events: none;}
#full_menu_ghost{
	position:fixed;
	top:5%;
	right:3%;
	display:none;
	opacity:0.2;
}
/* ------------- nav_bar ------------- */
#nav_bar {position:relative;z-index:500}
#nav_bar button{text-align:center;font-weight:700;}
#nav_bar a{color:#000;text-align:center;font-weight:700;}
#nav_bar a#home {padding:2px 0 0 0;max-height:2rem}
#nav_bar.powered_paragliding a , #nav_bar.powered_paragliding #about_button {text-shadow:1px 1px 2px black;}
#nav_bar a#logo_menu {padding:0}

#nav_bar #user_infos img{max-height:25px;margin-left:2%;border-radius:3px}
#nav_bar .btn-menu{border-left:1px #f4f4f4 solid;}
#full_menu_button i{color:#000}

/* ------------- help_way ------------- */

#help_way {position:absolute;left:11%;top:12rem;z-index:10;color:black}
#help_way a {color:black;text-decoration:underline}

#help_way_dashboard {z-index:10;color:black;padding:1%}
#help_way_dashboard a {color:black;text-decoration:underline}

/* ------------- favorites ------------- */

#favorites {font-size:0.85em;background-color:#fafafa;}
#favorites a {min-height: 4em;padding-top:0.6%;color:#000;line-height:1.2em}
#favorites a#edit_favorites{font-weight:bold;font-size:70%;color:#b6bdce;border:2px solid #f4f4f4;}
.btn-default{font-weight:bold;border:2px solid #b0b0b0;border-radius:5px;color:#455055;background-color:#fff;white-space:normal}

/* ------------- favorites_edit ------------- */

#favorites_edit  {display:none;position:absolute;top:6%;left:0;margin-top:-1px;background-color:#fff;z-index:500;padding:1% 1% 5% 1%;font-size:90%;box-shadow: 0 0 2px rgba(30,30,30,0.5)}
#favorites_edit  h2{text-align:center;border-bottom:1px solid #455055;font-size:90%;font-weight:bold;padding-bottom:2%;margin-bottom:2%}
#favorites_edit  div strong {color:#2a363b}
#favorites_edit  a {color:black}
#favorites_edit  input , #favorites_edit  span{vertical-align:middle;line-height:1em}
#dashboard_edit , #full_menu_edit{padding:1%;height:100%}
#dashboard_edit{background-color:#eee}
#full_menu_edit{background-color:#fafafa}

/* ------------- full menu ------------- */

#full_menu  {display:none;position:absolute;margin-top:2px;background-color:#fff;z-index:2000;padding:2% 2% 5% 2%;font-size:90%;box-shadow: 0 0 2px rgba(30,30,30,0.5)}
#full_menu_header{border-bottom:1px solid #455055;font-size:90%;font-weight:bold;padding-bottom:2%}
#full_menu_header * {display:inline-block}
#full_menu div.colomn {margin:0; padding:0}
#full_menu div.colomn strong {display:block;width:100%;color:#000;font-size:105%}
#full_menu div.colomn a{display:block;width:100%}
#full_menu a {color:black;}

/*
#full_menu a#full_menu_dashboard {position:absolute;margin-top:19px;right:0;margin-right:25px;z-index:1}
#full_menu a#full_menu_dashboard i {margin:0 5px}
*/

/* ------------- content ------------- */


#content .title{ position:relative;margin-top:5%;width:100%;text-align:center}
#banner{width:100%;margin-bottom:1rem;background-size:cover;background-position-x:center;background-repeat:no-repeat;color:white;text-align:center;text-shadow: 1px 1px 2px black;font-weight:bold}

/* --------------- recepts --------------------*/

.recept {
	position:fixed;
	top:0;
	height:100%;
	width:100%;
	overflow:hidden;
	padding:4% 2% 2% 2%;
	background-color:rgba(0,0,0,0.5);
	display:none;
	border:2px solid #999
}
.recept > * {background-color:#fff;overflow:auto;width:100%;height:100%}
#recept_list {z-index:10}
#recept_details {z-index:20}
#recept_small {z-index:1000;overflow:auto}
#recept_more_list {z-index:25}
#recept_more_details {z-index:1500}
#recept_form {z-index:1000}
#recept_tool{z-index:1100}
#recept_tool_form {z-index:1200}
#wait {position:fixed;top:40%;left:40%;height:20%;width:20%;z-index:2500;text-align:center;display:none;}
#recept_picture , #recept_gallerie{background-color:rgba(0,0,0,0.8);text-align:center;z-index:1500}
#full_screen_picture{cursor:zoom-out;max-width:95%;max-height:95%;margin-top:5%;margin-left:2%;width:auto;height:auto;z-index:1}
#close_recept_picture{position:absolute;margin-bottom:-30px;color:#888;font-size:200%;background-color:transparent;width:auto;height:auto;z-index:1}
#full_screen_gallerie {cursor:zoom-out;max-width:95%;max-height:95%;width:auto;height:auto;z-index:1}
#close_recept_gallerie {position:absolute;top:0;left:0;color:#bbb;font-size:200%;background-color:transparent;width:auto;height:auto;z-index:1}
#full_screen_gallerie_prev{position:absolute;top:45%;left:2rem;color:#bbb;font-size:200%;background-color:transparent;width:auto;height:auto;z-index:1}
#full_screen_gallerie_next{position:absolute;top:45%;right:2rem;color:#bbb;font-size:200%;background-color:transparent;width:auto;height:auto;z-index:1}
#popup {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.5);
	display:none;
	border:2px solid #999;
	z-index:2000;
	text-align:center;
}
#popup p {padding:2%;width:100%;background-color:white;text-align:left}
#popup span {padding:2%;width:100%;text-align:left}

/* ------------- home ------------- */
.boxCTA {box-shadow: -6px 10px 30px #666;}
.boxCTALight {box-shadow: -3px 5px 15px #999;}
.boxCTALightLeft {box-shadow: -5px 5px 15px #999}
.boxCTALightRight {box-shadow: 5px 5px 15px #999}
#carousel_slider{min-width:960px}
#slider{width:100%;color:white;text-align:center;text-shadow: 3px 3px 2px black;font-weight:bold}
#slider .slide {position:absolute;width:100%}
.slide {background-size:cover;background-position-x:center;background-repeat:no-repeat;}
#slider h1 , #banner h1 {color:white;}
#slider .slide a {display:inline-block;margin-top:2%;height:3em;padding:10px;font-weight:bold;border:2px solid white;border-radius:5px;vertical-align:middle;color:white;background-color:rgba(30,30,30,0.5)}
#slide_control {position:relative;top:55%;height:40%;width:100%;pointer-events:none}
#slide_state{font-size:350%;position:absolute;bottom:0}
#slide_state span{margin:0.5%;opacity:0.4}
#slide_state span#state_slide_welcome {opacity:0.9}
#slide_control > span {position:absolute;top:0;font-size:200%;padding:0}
#prev_slide{left:0;text-align:left}
#next_slide{right:0;text-align:right}
#prev_slide button , #next_slide button {color:#b6bdce;background-color:rgba(0,0,0,0.2);padding:10% 20%;pointer-events:auto}
#content section#home > div.row {padding:0}
#home #numbers * {color:white}

#content section#home div.row#page {background-color:white;padding:0 0 5% 0}
#home  #happy {background-color:white;border-top:2px #eee solid;padding:3% 38%}

#carousel {margin-top:2%}
#carousel ul {padding-left:15px;overflow:hidden}
#carousel li {position:relative;min-height:34px;border-bottom:2px #b6bdce solid;padding:1% 0;margin:1% 0;list-style:none}
#carousel li img {display:inline-block;margin-right:2%;height:auto;max-height:120px;vertical-align:top}
#carousel li p {display:inline-block}
#carousel li span.more  a{text-decoration:underline;color:firebrick}
#carousel li#show_all {border:0}
#carousel_count {padding:15px 0 0 15px}
#carousel_count span {color:#f4f4f4}
#carousel_count span:first-child {color:#b6bdce}

.carousel_title {font-size:110%}
.carousel_date {font-size:80%;font-weight:bold}
.carousel_type {margin-left:2%;color:#999;font-weight:bold}
#show_all {margin-left:15px;border:#b6bdce solid 2px;border-radius:4px;color:#999;}
#show_all a {color:#999}


#pict_winner {margin-top:2%;color:#2a363b;padding-bottom:3%}
#pict_winner h3 {margin-left:15px}
.win_type {font-weight:bold;margin:5% 0}
#pict_winner span{padding:1% 1.5%}
#pict_winner a{width:100%;border:#b6bdce solid 2px;border-radius:4px;color:#999;}

#find_school{display:inline-block;border:2px solid #ddd;border-radius:1%/8%;padding:0.5%;margin-top:2%;text-align:center}

/* ------------- login ------------- */

#login #banner{background-image:url('/static/pictures/banner/login.jpg')}
#login form {background-color:#f4f4f4;padding:2% 7%;position:relative;font-size:80%}
#login form h3{width:100%;text-align:center}
#login form input.submit {width:40%;padding:1%;background-color:transparent;border:4px solid #455055;border-radius:2px}
#login p{width:100%;text-align:center;font-size:120%}
#login .g-recaptcha {margin:3% 0;padding:0}

#logout #banner{background-image:url('/static/pictures/banner/missing_banner.jpg')}

/* ------------- pages ------------- */

#content #what_is_appi div.row{padding:2% 5%}

#what_is_appi a#join_us {font-size:130%;font-weight:bold;border:2px solid #b0b0b0;border-radius:5px}

.list_title .list_number {margin-right:10px}
.list_number{color:#b6bdce;font-size:200%;vertical-align:middle}
.list_text{color:#455055;font-size:55%;vertical-align:middle;font-weight:bold}
h3.list_title{text-align:center}
h3.list_title .list_number {font-size:120%}
h3.list_title .list_number {float:left;margin-left:-30px}
h3.list_title .list_text {color:black}

#news #activate_sort_news{font-weight:bold;border:2px solid #b0b0b0;border-radius:5px;color:#a0a0a0}
#news li.group {padding:1%;border:0}
#news li.stick_true i {font-size:120%}
#news li.status_suspended {color:red;}
#news li.status_in_progress {opacity:0.5;}
#news li {position:relative;min-height:34px;border-bottom:2px #b6bdce solid;padding:1% 0;margin:3% 0;list-style:none;cursor:pointer}
#news li span.picture {display:inline-block;vertical-align:top;}
#news li img {vertical-align:top;max-width:100%;max-height:200px;cursor:zoom-in}
#news li p {display:inline-block;}
.new_title {margin-right:15px;font-weight:bold}
.new_date {font-size:80%;font-weight:bold}
.new_type {margin-left:2%;color:#999;font-weight:bold}
.text-stick{color:#0cc}
#news li span.more  a{text-decoration:underline;color:firebrick}
#news #search_new_form {padding-bottom:2%;display:none}
#news #search_new_form > div {width:100%}
#news #search_new_form .controls {display:inline}
#news #search_new_form label {margin-right:0.8em;vertical-align:middle}
#news #search_new_form input {margin-right:0.2em;vertical-align:middle}
#news #search_new_form .label_title {color:#455055;font-weight:bold}
#news #search_new_form .help-block {display:none}
#news #search_new_form ul {display:inline;}
#news #search_new_form li {display:inline;border-bottom:0;min-height:auto}

#safety_notes #activate_sort_safety_notes{font-weight:bold;border:2px solid #b0b0b0;border-radius:5px;color:#a0a0a0}
#safety_notes .stick_true i {font-size:120%}
#safety_notes .status_suspended {color:red;}
#safety_notes .status_in_progress {opacity:0.5;}
.safety_note_title {margin-right:15px;font-weight:bold}
.safety_note_date {font-size:80%;font-weight:bold}
.safety_note_type {margin-left:2%;color:#999;font-weight:bold}
.text-stick{color:#0cc}

.block_status_in_progress{color:#b6bdc2}
.block_status_to_approve{color:#7ec5ee}
.block_status_approved{color:#28a745}
.block_status_to_review{color:#f59f40}

.download_section_category_maintenance *{padding-top:0 !important;padding-bottom:0 !important}

#events #activate_sort_events{font-weight:bold;border:2px solid #b0b0b0;border-radius:5px;color:#a0a0a0}
#events li {position:relative;min-height:34px;border-bottom:2px #b6bdce solid;padding:1% 0;margin:3% 0;list-style:none}
#events li span.picture {display:inline-block;vertical-align:top;}
#events li img {vertical-align:top;width:180%;cursor:zoom-in}
#events li p {display:inline-block;}
.event_title {margin-right:15px;font-weight:bold}
.event_date {font-size:80%;font-weight:bold}
.event_type {margin-left:2%;color:#999;font-weight:bold}

#events li span.more  a{text-decoration:underline;color:firebrick}
#events #search_event_form {padding-bottom:2%;display:none}
#events #search_event_form > div {width:100%;min-height:25px}
#events #search_event_form .control-group {margin-bottom:15px}
#events #search_event_form .controls {display:inline}
#events #search_event_form .label_title {color:#455055;font-weight:bold}
#events #search_event_form .help-block {display:none}
#events #search_event_form ul {display:inline;}
#events #search_event_form li {display:inline;border-bottom:0}

#join_us #banner , #join_success #banner {background-image:url('/static/pictures/banner/join_us.jpg')}
#join_us .title , #join_success .title{font-weight:bold;font-size:120%;color:#a0a0a0}
#join_us .subtitle , #join_success .subtitle {font-weight:bold;font-size:100%;text-align:center}
#join_us form {background-color:#f9f9f9}
#join_us form label {font-weight:bold}
#join_us form > div {display:inline-block;width:50%;padding:2%;vertical-align:top}
#join_us form > div.control-group *{width:100%}
#join_us form > div#div_id_confirmed{width:100%}
#join_us form > div#div_id_confirmed *{width:auto;max-width:100%}
#join_us form #div_id_confirmed label {font-weight:normal}
#join_us form > div#div_id_newsletter{width:100%}
#join_us form > div#div_id_newsletter *{width:auto;max-width:100%}
#join_us form #div_id_newsletter label {font-weight:normal}
#join_us  #show_policy{text-decoration:underline;font-size:90%}
#join_us  #caution{font-weight:bold;font-size:80%}
#join_us  form > div#license_agreement{display:none;width:100%;background-color:#fbfbfb}
#join_us  form > div#license_agreement h2{padding-left:0}
#join_us  form button.btn {margin-top:15px;margin-bottom:15px}
#join_success h2{margin:5% 0}
#join_success a {margin-top:5%;font-weight:bold;border:2px solid #b0b0b0;border-radius:5px;color:#a0a0a0}

#ajax_privacy_policy{padding:0 2% 2% 2%}
#ajax_privacy_policy p.nav{position:fixed;width:92%;height:45px;padding-top:10px;background-color:white}
#ajax_privacy_policy p.text{margin-top:50px}
#privacy_policy li {margin:15px 15px 15px 25px}
#education_system a#find_your_school.btn{white-space:normal;color:#455055}
#education_system #more_infos {margin:4% 0}
#education_system #more_infos a {text-decoration:underline;color:black}
#education_system object{margin-top:30px}


#generic_skill {font-size:90%}
#generic_skill #picture {text-align:center}

#generic_skill #picture img {max-height:100%;max-width:100%}
#generic_skill #title{text-align:center}
#generic_skill #title div{background-color:#455055;}
#generic_skill #title div.skill_title {min-height:auto;color:white;margin-bottom:1%;overflow:visible}
#generic_skill #title div.description {background-color:#eee;min-height:auto;margin-top:1%}
#generic_skill #title h1{color:white}
#generic_skill #title img#skill_badge{position:absolute;left:0;margin-top:-32px;margin-left:-24px;width:40px}
#generic_skill  div.row > div div{background-color:#fff;margin:5% 1%;padding:5%;overflow:auto}
#generic_skill  div.row > div div span.logotype {display:block;color:blue;width:100%;text-align:center}
#generic_skill  div.row > div div span.logotype img{width:21%}
#generic_skill  div.row > div div h2 {font-size:110%;text-align:center;margin:5% 0}
#generic_skill #picture{overflow:visible}
#generic_skill #picture > div {overflow:hidden}
#generic_skill #title div.appi_1_discover{background-color:#00a8e7}
#generic_skill #title div.appi_2_explore{background-color:#008ea3}
#generic_skill #title div.appi_3_pilot{background-color:#28348b}
#generic_skill #title div.appi_4_progress{background-color:#f3e600}
#generic_skill #title div.appi_5_advanced{background-color:#F39200}
#generic_skill #title div.non_commercial_tandem{background-color:#EC6707}
#generic_skill #title div.pro_tandem{background-color:#E30613}
#generic_skill #title div.assistant_instructor{background-color:#86BC24}
#generic_skill #title div.appi_instructor{background-color:#2B9138}
#generic_skill #title div.appi_master{background-color:#735BA3}


#fees_and_payments table {border:2px solid #eee;margin:4% 0 2% 0}
#fees_and_payments tr {padding:1%}
#fees_and_payments td {min-width:10%;border:1px solid #fafafa;padding:1%;line-height:1.2em}
#fees_and_payments td.prices {text-align:right;max-width:25%}

#rules_and_regulations div {padding:1%}
#rules_and_regulations p {padding:3%;height:100%}
#rules_and_regulations div#general_rules p {padding:3%;min-height:auto}
#rules_and_regulations div.infos p{background-color:#eee}
#rules_and_regulations div.appi_level p{background-color:#fafafa}
#rules_and_regulations span.title {display:inline-block;text-align:left;font-size:120%;font-weight:bold;color:#a0a0a0;padding:0 0 4% 0;margin:0 0 4% 0;border-bottom:1px solid #b6bdce}
#rules_and_regulations #general_rules{background-color:#455055;color:white}
#rules_and_regulations #general_rules span.title {color:white}
#rules_and_regulations i {color:#a0a0a0;}

#insurance div.row{padding-bottom:1%}
#insurance h2,#insurance h3{margin:4% 0 1% 0}
#insurance h3{font-size:120%;text-align:left}
#insurance table {border:2px solid #eee;margin:2% 0 1% 0}
#insurance tr {padding:1%}
#insurance td {min-width:10%;border:1px solid #fafafa;padding:1%;line-height:1.2em}
#insurance td.prices {text-align:right;max-width:25%}
#insurance i {color:firebrick;font-size:200%;margin-bottom:3%}
#insurance a.anchor_link {font-weight:bold;border:2px solid #b0b0b0;border-radius:5px;color:#a0a0a0;white-space:normal}

#statutes_and_reports div.row {padding-top:2%}
#statutes_and_reports div.row > div {padding:1rem}
#statutes_and_reports div.row > div > div {padding:4%;background-color:#fafafa;border:1px solid #f4f4f4}
#statutes_and_reports img{max-width:100%;max-height:200px}
#statutes_and_reports .small img{max-width:100px;max-height:100px}
#statutes_and_reports  h4{text-align:left;}
#statutes_and_reports  a{color:black}
#statutes_and_reports  i {font-size:200%;margin-bottom:3%}
#statutes_and_reports #fortfolio i {color:#a0a0a0}
#statutes_and_reports #documents i {color:firebrick}

#statutes_and_reports a.anchor_link {font-weight:bold;border:2px solid #b0b0b0;border-radius:5px;color:#a0a0a0;white-space:normal}

#faq p.title{text-align:left;font-weight:bold;font-size:110%}

#appi_worldwide label[for="schools"] {color:#4fd350}
#appi_worldwide label[for="tandem_centers"] {color:#ff8066}
#appi_worldwide label[for="flightsites"] {color:#12aefc}
#appi_worldwide label input {margin-right:5px;vertical-align: text-bottom;}
#appi_worldwide select#iso_country {margin-right:15px}
#appi_worldwide span.more {text-decoration:underline;color:firebrick}
#appi_worldwide .school_cluster div {border:solid 2px #4fd350}
#appi_worldwide .tandem_cluster div {border:solid 2px #ff8066}
#appi_worldwide .flightsite_cluster div {border:solid 2px #12aefc}
#appi_worldwide .event_cluster div {border:solid 2px #9f29a2}
#appi_worldwide .maintenance_cluster div {border:solid 2px #b8692c}
#appi_worldwide .marker-cluster div {background-color:#fff;}
#appi_worldwide .marker-cluster span {font-weight:bold;font-size:120%;line-height:25px}

span.school_cluster {color:#4fd350}
span.tandem_cluster {color:#ff8066}
span.flightsite_cluster {color:#12aefc}
span.event_cluster {color:#9f29a2}
span.maintenance_cluster {color:#b8692c}
#appi_worldwide .leaflet-control-layers-toggle {background-image:url('/static/pictures/layers.png')}
#appi_worldwide .leaflet-container {background:#fff}
#appi_worldwide .leaflet-control-layers-toggle {display:none}
#appi_worldwide .leaflet-control-layers {max-height:100%;overflow-y:scroll;padding:0.5rem;padding-right:0.2rem}
#appi_worldwide .leaflet-control-container {margin:0;}
#appi_worldwide .leaflet-control {margin:0;}
#appi_worldwide .leaflet-top.leaflet-right {height:100%;right:0}
#appi_worldwide .leaflet-control-layers {border-radius:0;}
#appi_worldwide .leaflet-control-layers-expanded , #appi_worldwide .leaflet-control-layers-scrollbar  {padding:0.5rem;padding-right:0.2rem}
#appi_worldwide .leaflet-control-layers-scrollbar  {height:100%}
#appi_worldwide .leaflet-control-layers-collapsed {height:2rem}
.map-scroll:before {
	content: 'Use ctrl + scroll to zoom the map';
	position: absolute;
	text-align:center;
	top: 40%;
	left: 0;
	width:100%;
	z-index: 999;
	font-size: 34px;
 }
 .map-scroll:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	background: #00000061;
	z-index: 999;
}

#appi_worldwide .leaflet-popup-content {margin:0;}

#fullmap_exit {position:fixed;bottom:10px;right:10px;width:45px;height:45px;z-index:2000;background-color:white;border:2px solid #999;border-radius:5px}

#content section#school > div.row{padding:0}
#school  div.row > div{padding:0}
#school {font-size:100%}
#school #picture {text-align:center}
#school #picture img {max-height:100%;max-width:100%}
#school #title {border-radius:8px;color:white;overflow:visible}
#school #title > div{background-color:#455055;padding:1%}
#school #title h1 {color:white;text-align:center}
#school  div.row > div div{background-color:#f4f4f4;margin:2%;padding:5%;overflow:auto}
#school  div.row > div div h2 {font-size:110%;text-align:center;margin:0 0 3% 0}
#school  #map {background-color:transparent;max-height:200px;overflow:hidden;z-index:10}
#school  #map div{background-color:transparent;overflow:visible}
#school  #map div div *{min-height:auto;padding:0;margin:0}
#school div.row > div div.leaflet-right {position:absolute;width:100%;height:auto;min-height:auto}
#school .leaflet-control-container {margin:0;padding:0}


#content section#flight_site > div.row{padding:0}
#flight_site  div.row > div{padding:0}
#flight_site {font-size:100%}
#flight_site #picture {text-align:center}
#flight_site #picture img {max-height:100%;max-width:100%}
#flight_site #title {border-radius:8px;color:white;overflow:visible}
#flight_site #title > div{background-color:#455055;}
#flight_site #title h1 {color:white;text-align:center}
#flight_site  div.row > div div{background-color:#f4f4f4;margin:2%;padding:5%;overflow:auto}
#flight_site  div.row > div div h2 {font-size:110%;text-align:center;margin:0 0 3% 0}
#flight_site  #map {background-color:transparent;max-height:200px;overflow:hidden;z-index:10}
#flight_site  #map div{background-color:transparent;overflow:visible}
#flight_site  #map div div *{min-height:auto;padding:0;margin:0}


#flight_site .leaflet-control-container {margin:0;padding:0}
#flight_site div.row > div div.leaflet-right {width:100%;height:auto;min-height:auto}

#content section#professionals > div.row{padding:0}
#professionals {font-size:100%}
#professionals #search_professional_form {display:none;padding:0}
#professionals #search_professional_form > div.row {padding:0}
#professionals #search_professional_form > div.row > div{padding-bottom:20px}
#professionals #search_professional_form label.checkbox {padding-left:0}
#professionals span{padding:15px 0}
#professionals span.tab.actif {background-color:#eee;font-weight:bold;border:1px solid #eee;border-top:none}
#professionals span.tab.actif:hover {background-color:#eee;}
#professionals span.tab {background-color:#fff;font-weight:normal;border:1px solid #cce;border-top:none}
#professionals span.tab:hover {background-color:#f4f4f4;font-weight:bold;}
#professionals  > div#nav_list.row{margin:0;font-size:120%}
#professionals h2 a {color:#2a363b}
#professionals img {border-radius:3px}
#content section#professionals div.tab_item {padding-top:15px;background-color:#eee;}
#professionals div.tab_item > div div{background-color:#fafafa;margin:8px;padding:15px;border-radius:5px;overflow:hidden}
#professionals div.tab_item > div div  h2 {text-align:left;margin:0 0 3% 0}
#professionals a.more {text-decoration:underline;color:firebrick}

.size_non_commercial_tandem {font-size:50%;line-height:0.4rem}
.size_assistant_instructor {font-size:50%;line-height:0.4rem}
#content section#workshops_list > div.row{padding:0}
#workshops_list {font-size:100%}
#workshops_list #activate_sort_workshops , #workshops_list #clear_sort_workshops , #workshops_list #reset_sort_workshops{font-weight:bold;border:2px solid #b0b0b0;border-radius:5px;color:#a0a0a0}
#workshops_list #search_workshop_form {display:none;padding:0}
#workshops_list #search_workshop_form > div.row {padding:0}
#workshops_list #search_workshop_form > div.row > div{padding-bottom:20px}
#workshops_list #search_workshop_form label.checkbox {padding-left:0}
#workshops_list #nav_list span{padding:15px 0}
#workshops_list #nav_list span.actif {background-color:#eee;font-weight:bold;}
#workshops_list  > div#nav_list.row{margin:0;font-size:120%}
#workshops_list h2 a {color:#2a363b}
#workshops_list img {border-radius:3px}
#content section#workshops_list div.tab_item {padding-top:15px;background-color:#eee;}
#workshops_list div.tab_item > div div{background-color:#fafafa;margin:8px;padding:15px;border-radius:5px;overflow:hidden}
#workshops_list div.tab_item > div div  h2 {text-align:left;margin:0 0 3% 0}
#workshops_list a.more {text-decoration:underline;color:firebrick}
#workshops_list .flag-icon {background-position:top left}


#content section#workshops > div.row{padding:1% 10%}
#workshops div.row > div{padding:0;}
#workshops {font-size:100%}
#workshops h2 {font-size:1.4rem}
#workshops h3 {font-size:1.2rem}
#workshops h4 {font-size:1.2rem}
#workshops  div#planned_workshop_list.row > div > div{background-color:#f4f4f4;margin:1%;padding:1%;overflow:auto}
#workshops  div#past_workshop_list.row > div > div{background-color:#f4f4f4;margin:0.5%;padding:0.5%;overflow:auto}
#workshops  div#planned_workshop_list.row > div > div  h5 {color:#2a363b;text-align:left;margin:0 0 2% 0}
#workshops  div#past_workshop_list.row > div > div  h5 {color:#2a363b;text-align:left;margin:0 0 0.5% 0}
#workshops a.anchor_link {font-weight:bold;border:2px solid #b0b0b0;border-radius:5px;color:#a0a0a0;white-space:normal}
#workshops #resume {background-color:#f4f4f4;}
#workshops ul {padding-left:2%}
#workshops h4 {margin:20px 0 10px 0}
#workshops div#past_workshop_list.row > div > div.workshop_detail{display:none;background-color:white;border:2px #eee solid;padding:1.2em 0.5em 2.2em 0.5em}

#content section#workshop > div.row{padding:0}
#workshop > div.row > div{padding:0.8%}
#workshop {font-size:100%}
#workshop > div.row > div > div{background-color:#fff;padding:2%;overflow:auto}
#workshop > div.row > div > div  h2 {font-size:120%;text-align:left;margin:0 0 3% 0}


/* ------------- boutons ----------------------- */

button,.submit {
	cursor:pointer;
	border:0 solid transparent;
	background-color:transparent;
}


/* -------buttons -------*/

label {margin-right:1em}
img{max-width:100%;height:auto}
a:link,a:visited{color:#f59f40}
.btn-manual-more{background: transparent url('/static/pictures/manual_btn_more_big.png') 0% 0% no-repeat padding-box;background-position: center;background-size: cover;height:2.4rem;width:2.4rem}
.btn-manual-more:hover{background: transparent url('/static/pictures/manual_btn_more_light_big.png') 0% 0% no-repeat padding-box;background-position: center;background-size: cover;height:2.4rem;width:2.4rem}
.btn-manual-quiz{background: transparent url('/static/pictures/manual_btn_quiz_big.png') 0% 0% no-repeat padding-box;background-position: center;background-size: cover;height:2.4rem;width:2.4rem}
.btn-manual-quiz:hover{background: transparent url('/static/pictures/manual_btn_quiz_light_big.png') 0% 0% no-repeat padding-box;background-position: center;background-size: cover;height:2.4rem;width:2.4rem}
.btn-manual-info{background: transparent url('/static/pictures/manual_btn_info_big.png') 0% 0% no-repeat padding-box;background-position: center;background-size: cover;height:2rem;width:2rem}
.btn-manual-info:hover{background: transparent url('/static/pictures/manual_btn_info_light_big.png') 0% 0% no-repeat padding-box;background-position: center;background-size: cover;height:2rem;width:2rem}


/* --------------- dashboard ----------------- */

#dashboard {width:100%;color:#010101;background-image:url('/static/pictures/texture-voile-grey.jpg');}
#dashboard .mytab , #dashboard .school_tab , #dashboard .school_management_tab , #dashboard .action_tab {background-color:#fff;padding:2%;font-size:90%}
#dashboard > div > div.row, #dashboard #identity , #dashboard #identity_recept , #dashboard #school_list , #dashboard #school_list_recept{margin-bottom:4%;}
#dashboard h1{text-align:center;margin:3% 0;font-size:280%;}
#dashboard button.title, #dashboard h3{display:inline-block;width:auto;margin:2% 0 0 0;padding:3%;background-color:#fff;font-weight:bold;cursor:pointer}
#dashboard button.request{display:inline-block;white-space:normal;font-weight:bold;border:2px solid #b0b0b0;border-radius:5px;vertical-align:middle;color:#a0a0a0}
#dashboard .action_tab > span button{margin:0.7%;width:100%;height:4em;padding:0 1%;font-weight:bold;border:2px solid #999;border-radius:5px;vertical-align:middle;color:#455055}
#dashboard .action_tab a{display:block;vertical-align:middle;margin:0.7%;width:100%;min-height:4em;font-weight:bold;border:2px solid #999;border-radius:5px;color:#455055;white-space:normal}
#dashboard .row{margin-bottom:2%;padding:2%;border-bottom:2px solid #f6f6f6;}
#dashboard .row p{background-color:#eee;padding:1.6% 2% 1% 2%;font-size:80%;color:#455055;width:100%}
#dashboard ul {list-style:inside}
#dashboard li{margin:0 0 8px 8px;line-height:1em;padding:0.5%;list-style:outside}
#dashboard #account_status,#dashboard #school_status{background-color:#f4f4f4;min-height:2.8em;margin-bottom:1em;padding:2.3% 0 0 2%;}
#dashboard .user_picture,#dashboard .school_picture{padding:0;overflow:hidden}
#dashboard .icon{font-size:140%;color:#b0b0b0}
.clear_left{clear:left}
.clear_right{clear:right}
.clear{clear:both}
#reminder li{line-height:0.8rem;}

/* school events */
#time_future_all , #time_past {display:none}
#dashboard .school_events {font-size:80%}
#dashboard .school_events .mygrey{color:#b0b0b0}
#dashboard .school_events .title{font-size:120%;text-align:left}
#dashboard .school_events span{min-height:auto}
#dashboard .event_future {margin:0}
.event_status .scheduled{color:#28a745}
.event_status .in_progress{color:#00a6e2}
.event_status .finished{color:#2a363b}
.event_status .canceled{color:#b6bdc2}
.event_status i {margin-left:1%}
.event_status{color:#2a363b;font-size:80%;text-decoration:underline #b0b0b0;text-align:right}
.change_event{color:#b0b0b0;text-align:right}

#personal_payments{background-color:#f4f4f4;padding:2%;color:#2a363b;width:100%}
#personal_payments * {background-color:#f4f4f4;}
#personal_payments .title {font-size:130%;text-align:left}

#personal_payments .pay {height:3rem} 
#personal_payments #balance {font-size:130%;font-weight:bold}
#personal_payments  #pay_for_a_member {font-size:80%;white-space:normal;padding-top:1%;line-height:1em}
#dashboard #personal_payments li{list-style:none}
#dashboard #personal_payments li.row {margin:10px 0;padding:0}
#dashboard #personal_payments li.row > span{margin:0;line-height:1em}
#personal_payments .see_details , #personal_payments #see_all {font-size:80%;text-decoration:underline;font-style:italic;padding:0}
#personal_payments .see_details , #personal_payments #see_all button {padding:0;line-height:1em}
.payment_details {margin-top:10px}
.payment_details > span {margin-top:5px}
#reminder {position: absolute;width: 260px;min-height: 110px;background-color: #fff;border: 1px #ddd solid;padding:3px 6px 6px 6px;font-size:90%;opacity:0.9}
#reminder span {padding:0}
#reminder ul {background-color:#ddd;padding-top:0.3em;padding-bottom:0.3em}

/*
primary #00a6e2
secondary #455055
success #28a745
danger #dc3545
warning #f59f40
info #7ec5ee
light #f8f9fa
dark #2a363b
muted #455055
*/

.payment_pending {color:#455055}
.payment_sent {color:#00a6e2}
.payment_canceled {color:#f59f40}
.payment_partial {color:#f59f40}
.payment_paid_to_appi {color:#28a745}
.payment_paid_to_master {color:#28a745}
.payment_paid_to_organizer {color:#28a745}
.payment_accepted {color:#28a745}
.payment_refused {color:#dc3545}
.payment_issue {color:#dc3545}
.payment_to_refund {color:#f59f40}
.payment_refunded {color:#28a745}

.inscription_pending {color:#455055}
.inscription_in_progress {color:#f59f40}
.inscription_accepted {color:#28a745}
.inscription_refused {color:#dc3545}
.inscription_canceled {color:#dc3545}

.registration_not_complete, .certification_not_complete{color:#dc3545}
.registration_to_check, .certification_to_check{color:#f59f40}
.registration_ok, .certification_ok{color:#28a745}

.border_inscription_pending {border-color:#455055;color:#455055}
.border_inscription_in_progress {border-color:#f59f40;color:#f59f40}
.border_inscription_accepted {border-color:#28a745;color:#28a745}
.border_inscription_refused {border-color:#dc3545;color:#dc3545}
.border_inscription_canceled {border-color:#dc3545;color:#dc3545}

.border_payment_pending {border-color:#455055;color:#455055}
.border_payment_partial {border-color:#f59f40;color:#f59f40}
.border_payment_paid_to_master {border-color:#28a745;color:#28a745}
.border_payment_paid_to_organizer {border-color:#28a745;color:#28a745}
.border_payment_paid_to_appi {border-color:#28a745;color:#28a745}
.border_payment_issue {border-color:#dc3545;color:#dc3545}
.border_payment_to_refund {border-color:#f59f40;color:#f59f40}
.border_payment_refunded {border-color:#28a745;color:#28a745}

.border_registration_not_complete, .border_certification_not_complete{border-color:#dc3545;color:#dc3545}
.border_registration_to_check, .border_certification_to_check{border-color:#f59f40;color:#f59f40}
.border_registration_ok, .border_certification_ok{border-color:#28a745;color:#28a745}

/* ------------- model list ------------- */

.item{border:1px solid #b6bdce;}
.items .row , .item .row {vertical-align:top;border:1px solid #b6bdce;padding:1%}
.items .search_bar{line-height:2em}
.items_title{font-weight:bold;font-size:1.4em;text-align:center}
.items .list_headers {line-height:3em;width:100%;border:0}
.list_headers button,.list_actions button,.list_footer button.list_footer a{margin-right:0.2em}
.list_headers span {display:inline-block}
.list_headers  input{font-size:80%;max-width:150px}
.center{text-align:center}
.list_actions{padding:0}
.white {background-color:#fff}
.light_grey {background-color:#f4f4f4}
.grey {background-color:#ddd}
.skill_required_by{background-color:#ffbd4f}
.skills_required{background-color:#456B35}
.trans_grey{background-color:rgba(200,200,200,0.5)}
.trans_light_grey{background-color:rgba(230,230,230,0.5)}
#member_skills.items .row {padding:0.3%}
#member_skills .appi_qualification {background-color:#ffa}
#member_skills .leisure_certification {background-color:#ddf}
#member_skills .pro_certification {background-color:#aaf}
#member_skills .technician_certification {background-color:#eee}#member_skills img {max-height:50px;max-width:100px}
.actions a, .actions i {color:white}
.button-default {font-weight:bold;border:2px solid #b0b0b0;border-radius:5px;color:#a0a0a0;white-space:normal}
.list_actions a {color:white;margin-right:5px}
.text-actif {color:#18dd32}
.has-error input, .has-error select, .has-error textarea{border:1px solid #dc3545}
/* ------------- certification ------------- */
.bg_my_skill_in_progress{background-color:#f59f40 !important}
.bg_my_skill_validated , .bg_my_skill_validated_by_equivalence{background-color:#28a745 !important}
.my_skill_in_progress{color:#f59f40 !important}
.my_skill_validated , .my_skill_validated_by_equivalence{color:#28a745 !important}
.skill_title > div{text-align:left;color:white;font-weight:bold}
.sub_skill_title > div{text-align:left;color:white;font-weight:bold}
.appi_1_discover{color:#00a8e7 !important}
.appi_2_explore{color:#008ea3 !important}
.appi_3_pilot{color:#28348b !important}
.appi_4_progress{color:#f3e600 !important}
.appi_5_advanced{color:#F39200 !important}
.non_commercial_tandem{color:#EC6707 !important}
.pro_tandem{color:#E30613 !important}
.assistant_instructor{color:#86BC24 !important}
.appi_instructor{color:#2B9138 !important}
.master_instructor{color:#735BA3 !important}
.siv{color:#f46c68 !important}
.xc{color:#9d7b85 !important}

.bg_appi_1_discover , .bg-appi-1{background-color:#00a8e7 !important}
.bg_appi_2_explore , .bg-appi-2{background-color:#008ea3 !important}
.bg_appi_3_pilot , .bg-appi-3 , .bg-speed, .bg-winch, .bg-handi{background-color:#28348b !important}
.bg_appi_4_progress , .bg-appi-4{background-color:#f3e600 !important}
.bg_appi_5_advanced , .bg-appi-5{background-color:#F39200 !important}
.bg_non_commercial_tandem{background-color:#EC6707 !important}
.bg_pro_tandem, .bg-tandem, .bg-appi-system-tandem{background-color:#E30613 !important}
.bg_assistant_instructor , .bg-appi-system{background-color:#86BC24 !important}
.bg_appi_instructor , .bg-instructor , .bg-xc-instructor , .bg-speed-instructor , .bg-siv-instructor , .bg-speed-instructor , .bg-handi-instructor {background-color:#2B9138 !important}
.bg_master_instructor{background-color:#735BA3 !important}
.bg_siv , .bg-siv, .bg-acro{background-color:#f46c68 !important}
.bg_xc , .bg-xc, .bg-performance{background-color:#9d7b85 !important}

.bg_light_appi_1_discover , .bg-light-appi-1{background-color:#20c8ff !important}
.bg_light_appi_2_explore , .bg-light-appi-2{background-color:#20aec3 !important}
.bg_light_appi_3_pilot , .bg-light-appi-3 , .bg-light-speed, .bg-light-winch, .bg-light-handi{background-color:#4854ab !important}
.bg_light_appi_4_progress , .bg-light-appi-4{background-color:#fff620 !important}
.bg_light_appi_5_advanced , .bg-light-appi-5{background-color:#ffb220 !important}
.bg_light_non_commercial_tandem{background-color:#fc8727 !important}
.bg_light_pro_tandem, .bg-light-tandem, .bg-light-appi-system-tandem{background-color:#F32633 !important}
.bg_light_assistant_instructor , .bg-light-appi-system{background-color:#a6dc44 !important}
.bg_light_appi_instructor , .bg-light-instructor , .bg-light-xc-instructor , .bg-light-speed-instructor , .bg-light-siv-instructor , .bg-light-speed-instructor , .bg-light-handi-instructor {background-color:#4bb158 !important}
.bg_light_master_instructor{background-color:#937bc3 !important}
.bg_light_siv , .bg-light-siv, .bg-light-acro{background-color:#ff8c88 !important}
.bg_light_xc , .bg-light-xc, .bg-light-performance{background-color:#bd9ba5 !important}

/* ------------- exams ------------- */

#exam.items .row {border:1px solid transparent}
.stat_column {writing-mode: vertical-rl; text-orientation: sideways;border:1px solid white}
.equipment {background-color:rgb(66,133,244) !important}
.flight_mechanics {background-color:rgb(244,133,66) !important}
.piloting_performance {background-color:rgb(244,133,244) !important}
.weather {background-color:rgb(134,212,221) !important}
.rules_environment {background-color:rgb(66,200,66) !important}
.mental_physio_safety {background-color:rgb(133,66,133) !important}
.flight_practice {background-color:rgb(146,86,42) !important}
.pedagogy {background-color:rgb(247,225,43) !important}

.text-equipment {color:rgb(66,133,244)}
.text-flight_mechanics {color:rgb(244,133,66)}
.text-piloting_performance {color:rgb(244,133,244)}
.text-weather {color:rgb(134,212,221)}
.text-rules_environment {color:rgb(66,200,66)}
.text-mental_physio_safety {color:rgb(133,66,133)}
.text-flight_practice {color:rgb(146,86,42)}
.text-pedagogy {color:rgb(247,225,43)}

.border_equipment {border:1px solid white;border-bottom: 2px solid rgb(66,133,244)}
.border_flight_mechanics {border:1px solid white;border-bottom: 2px solid rgb(244,133,66)}
.border_piloting_performance {border:1px solid white;border-bottom: 2px solid rgb(244,133,244)}
.border_weather {border:1px solid white;border-bottom: 2px solid rgb(134,212,221)}
.border_rules_environment {border:1px solid white;border-bottom: 2px solid rgb(66,200,66)}
.border_mental_physio_safety {border:1px solid white;border-bottom: 2px solid rgb(133,66,133)}
.border_flight_practice {border:1px solid white;border-bottom: 2px solid rgb(146,86,42)}
.border_pedagogy {border:1px solid white;border-bottom: 2px solid rgb(247,225,43)}

.answer_success, .my_exam_success , .answer_passed, .my_exam_passed, .my_exam_4 {color:#28a745}
.answer_fail, .my_exam_fail, .answer_failed, .my_exam_failed, .my_exam_3, .my_exam_missing{color:#dc3545}
.my_exam_started, .my_exam_2  {color:#00a6e2}
.my_exam_pending, .my_exam_1 {color:#f59f40}
.my_exam_to_take, .my_exam_1 {color:#dc3545}
.my_exam_canceled, .my_exam_5 {color:#455055}
.exam_result_to_take, .exam_result_1{color:#455055}
.exam_result_2, .exam_result_started , .exam_result_5, .exam_result_canceled{color:#455055}
.exam_result_3 , .exam_result_failed{color:#dc3545}
.exam_result_4 , .exam_result_success, .exam_result_passed {color:#28a745}

.answer_details_recept  , .question_details{position: absolute;background-color: white; z-index: 1;max-width:500px}
#exam.items .row#answer_details , #exam.items .row.question_details{border:4px solid #b6bdce;cursor:pointer}

#search_question_form .no-form-control .form-control li {display:inline-block}
#make_exam_training_form .custom-checkbox{display:inline-block}

.staffright_status_pending {color:#7ec5ee}
.staffright_status_confirmed {color:#28a745}
.staffright_status_refused {color:#dc3545}

/* ------------- user info ------------- */
#print_member_card .h7 {font-weight:bold;font-size:0.6rem}
#search{height:30px}
#search input , #search button {height:100%;vertical-align: middle;}
#member {font-size:0.9em;width:100%;background-color:#f4f4f4;color:#010101}
#member .mytab{background-color:#fff;padding:1%;margin-bottom:5%;border:15px solid #f4f4f4}
#member h1{text-align:center;margin-top:3%;font-size:280%;}
#member button.title, #member h3{background-color:#fff;font-weight:bold}
#member #tab_member_identity p, #member #tab_member_information p,#member #tab_member_qualification p, #member #tab_school p#account_status{background-color:#eee;padding:1.6% 2% 1% 2%;font-size:80%;color:#455055;width:100%}
#member #tab_member_identity > div, #member #tab_member_information > div,#member #tab_member_qualification > div{margin-bottom:2%;padding:2%;border-bottom:2px solid #f6f6f6;}

#member #tab_member_qualification  li{min-height:30px;line-height:1.2em}
#member #account_status{background-color:#f4f4f4;min-height:2em;margin-bottom:1em}
#member .user_picture{padding:0;overflow:hidden}
#member .icon{color:#999}
#member ul {list-style:inside}
#member button.request{display:inline-block;height:3em;padding:0 1%;white-space:normal;font-size:120%;font-weight:bold;border:2px solid #999;border-radius:5px;vertical-align:middle;color:#a0a0a0}

/* Search */
#search_member {display:none}
#search_member #select_items_quantity{font-size:80%;padding:0}

/*Search Member Form */
#search_member_plus {display:none}
form#search_member_form {font-size:80%;padding:1%}
form#search_member_form > p , form#search_multi > button {display:inline-block;max-width:25%;position:relative;margin-top:0}
form#search_member_form label{display:block}
form#search_member_form select{max-width:100%}
form#search_member_form input{min-height:2.4em;max-width:100%}

/* Search */
#recept_search {padding:0}
#recept_search span {line-height:1.5em;margin-top:5px}
#recept_search span > * {margin-right:2px}
#recept_search a i {color:white}


/* ------------- form ------------- */

form{padding-bottom:10%;}
select, input, textarea {max-width:100%}
.help_text {position:absolute;left:2%;top:50%;left:38%;width:62%;padding:1%}
.help_text textarea {width:98%}
form div.row> div{margin-top:20px}
.search_checkbox_compact_field .form-control{
	width:auto;
	height:auto;
	display:inline-block;
	padding:0;
}
.search_checkbox_compact_field li {font-size:0.8rem}
.search_checkbox_compact_field label {margin-right:0}
.django-ckeditor-widget {width:100%}
.checkbox,.radio{padding-left:20px;overflow:auto;max-height:220px}
.no-form-control .form-control{width:auto;height:auto;border:0;background-color:transparent}
.no-form-control .form-control input{display:inline-block;vertical-align: middle;margin-right:0.35rem}
.no-form-control .form-control li{list-style:none}
#manual_pilot .no-form-control .form-control li{list-style:none}
#manual_pilot .no-form-control  ul.form-control{padding: 0.4rem;font-size: 0.8rem;line-height: 0.6rem;}
.controls input {vertical-align:middle}
#div_id_groups,#div_id_languages,#div_id_activities,#div_id_category,#div_id_exams_required,#div_id_skills,#div_id_teachers,#div_id_documents,#div_id_skills_required,#div_id_skills_proposed,#div_id_members_proposed,#div_id_members_accepted,#div_id_members,#div_id_workshops,#div_id_schools,#div_id_students,#div_id_flightsites,#div_id_instructors,#div_id_fly_instructors,#div_id_ppg_instructors,#div_id_pt_instructors,#div_id_other_languages{overflow-y:auto;max-height:220px;max-width:86%}
#form_schoolinstructors #div_id_instructors{max-height:400px}
.form-inline-block {background-color:#dc3545;display:inline-block;width:40%}
#search_language_question_form .form-group {margin-bottom:0}
#form_entete {position:fixed;background-color:white;margin-top:0.5rem;z-index:2000;width:93%}
#form_entete span.title {margin-left:15px}
.form_entete_h {height:2rem}
.form_mt {margin-top:3rem}
#form_body {margin-top:50px;padding:2%}
form div.row> div.form-row{background-color:#f4f4f4;padding:0;margin-top:0}
.tab_button {margin:0;padding:1% 2%;overflow:hidden;float:left;width:auto}
.form-row > div{box-shadow:2px 0 #fcfcfc;padding-bottom:1%}
.no-form-row > div{box-shadow:none !important;}
.form_tab {display:none}
#first_tab_button {background-color:#f4f4f4}
.first_tab{display:flex;background-color:#f4f4f4}
#div_tree_categories li {list-style:none}

.inline-checkbox-group li {display:inline-block;font-size:80%}
.inline-radio-group > div > div {background-color:white}
.inline-radio-group .custom-radio {display:inline-block;font-size:80%}
form#form_newexam #div_categories li.subject {display:inline-block}
form#form_newexam #div_categories li.index {display:inline-block}
#formset .form-group {margin-bottom:0 !important;}
/*
.note {padding-left:2%}
.note i{font-size:80%;font-weight:bold;font-style:italic}
.myfile_upload{position:relative;font-size:80%;background-color:#fff}
.myfile_upload input{border:0;line-height:2.5em}
.myfile_upload input.form-control{position:absolute;opacity:0;z-index:2}
.myfile_upload span{background-color:#232f3e;color:white}
*/

#widget_picture_a {display:block}
#widget_picture_img {width:auto;height:auto;max-width:100%;max-height:150px}
#widget_picture_popup{top:0;left:0;width:100%;height:100%;background-color:#000;z-index:5000;text-align:center}
#widget_picture_popup img {max-width:100%}
#widget_picture_close {position:absolute;top:0;left:0;margin:10px}
#widget_picture_img_big{width:auto;height:auto;margin:10% auto 5px auto}
#widget_picture_change , #widget_picture_delete , #widget_picture_cancel {margin:5px}
#widget_picture_checkbox, #widget_picture_select , #widget_picture_cancel , #widget_picture_initial_text{display:none}
.cropper-container {margin:auto;}



.slider_4_markers input[type='range'], .slider_5_markers input[type='range']{height:0.5rem;border-radius:0.3rem}
.slider_4_markers input[type='range'] {
    -webkit-appearance: none !important;
    /*background:linear-gradient(90deg,white,red,yellow,green);*/
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 24%, rgba(255,0,0,1) 26%, rgba(255,160,0,1) 50%, rgba(247,255,0,1) 75%, rgba(33,255,0,1) 100%);
}
.slider_5_markers input[type='range'] {
    -webkit-appearance: none !important;
    /*background:linear-gradient(90deg,white,red,yellow,green);*/
	background: rgb(255,255,255);
	background:linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 19%, rgba(255,0,0,1) 22%, rgba(255,160,0,1) 47%, rgba(247,255,0,1) 74%, rgba(33,255,0,1) 100%)
}

/*
.cke_contents{height:5rem;min-height:5rem;max-height:5rem}
#form_manual_block #cke_id_text .cke_contents{height:15rem;min-height:15rem;max-height:15rem}
#form_manual_block #cke_id_description .cke_contents{height:15rem;min-height:15rem;max-height:15rem}
*/

/* ------------- footer ------------- */

#footer {font-size:100%}
#footer {color:#f4f2f2}
#footer_big {background-color:#2a363b}
#footer_small {background-color:#000;min-height:38px;vertical-align:middle}
#footer i{font-size:160%;margin-right:5px;}
#footer h3{font-size:110%;color:#fff;}
#footer span {margin-bottom:3%}
#newsletter_subscribe {border-radius:1rem;border:2px solid #ddd;padding:0;height:2.3rem;font-size:80%;margin-bottom:10%;background-color:#455055}
#newsletter_subscribe input {border-radius:1rem 0 0 1rem;border:0;height:2rem;color:#fff;background-color:#455055}
#newsletter_subscribe button {border-radius:1rem;text-align:center;border:2px solid #ddd;height:2.3rem;top:-2px;right:-2px;padding:0;background-color:#2a363b;color:#fff;font-size:120%}
#appi_share a {font-size:150%;padding:5px}
#appi_share i {color:#f4f2f2}
#appi_legal p {font-size:80%}
#footer_small {font-size:80%}
#footer_small a {font-size:120%;font-weight:bold}

/* ------------- divers ------------- */

#console {position:fixed;bottom:0;height:4%;background-color:#2a363b;color:#fff;width:100%;overflow:hidden;padding:0.2%}
#temp_html {display:none;opacity:0}
.hpx50 {height:50px;}
.hpx100 {height:100px;}
.hpx200 {height:200px}
.hpx300 {height:300px}
.hpx400 {height:400px}
.hpx500 {height:500px}

video::cue {
  background-image: linear-gradient(to bottom, dimgray, lightgray);
  color: papayawhip;
}

video::cue(b) {
  color: peachpuff;
}
			
/* --------------- form ---------------------- */
form > p {margin-top:5%}
.form_2_cols > div {margin-left:5%;width:45%;display:inline-block}
.label_block > label {display:block}
.full_width {width:100%}
/*
.required_input input{border:1px solid red !important}
.required_select select{border:1px solid red !important}
*/
/* Chrome, Safari, Edge, Opera */
input[type=number].no-spinner::-webkit-outer-spin-button,
input[type=number].no-spinner::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number].no-spinner {
  -moz-appearance: textfield;
}