/***********************************************************************************************************************/ 
/**                      AIR MRO® - AVIATION MAINTENANCE - REPAIR & OVERHAUL TRACKING SOFTWARE                        **/
/***********************************************************************************************************************/
/**                           by DONE MUHENDISLIK YAZILIM-BILISIM & DANISMANLIK HIZMETLERI                            **/
/***********************************************************************************************************************/
/***********************************************************************************************************************/
/** COPYING,SHARING,MODIFYING*EDITING,RE-SELLING and*or PUBLISHING THIS FILE IS FORBIDDEN. ALL RIGHTS RESERVED © 2025 **/
/***********************************************************************************************************************/
/** FILE : style_globals.css                                                                                          **/
/** SOURCE : project                                                                                                  **/
/***********************************************************************************************************************/

/************************************************************************/
/* Desktop set - Landscape */
@media screen and (min-width: 1280px) and (orientation: landscape) {
	body,html {
		height: auto;
		min-height: max-content;
		padding: 0;
		margin: 0;
		background-color: rgba(255,255,255,1);
		font-size: 16px;
		scroll-behavior: smooth;
	}

	#desktop_detector {
		display: block;
	}

	.space_hor {
		width: 100%;
		height: 1vw;
	}

	.space_button_form {
		width: 100%;
		height: 1vw;
	}

	/********************************************/
	/** ROTATE SCREEN **/
	#rotate_screen_container {
		position: fixed;
		z-index: 1000;
		overflow: hidden;
        width: 100%;
        height: 100%;
		min-height: 100vh;
        background: rgba(198,32,38,1);
        display: none;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
	}

	#rotate_screen_container > #rotate_screen_image_container {
		position: relative;
		overflow: hidden;
        width: 100%;
        height: 50%;
        /*background: rgba(0,0,0,1);*/
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
	}

	#rotate_screen_container > #rotate_screen_image_container > img {
		object-fit: contain;
		width: 100%;
		height: 100%;
	}

	#rotate_screen_container > #rotate_screen_text_container {
		position: relative;
		overflow: hidden;
		margin-top: 1%;
        width: 100%;
        height: auto;
        /*background: rgba(0,0,0,1);*/
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
	}

	#rotate_screen_container > #rotate_screen_text_container > font {
		font-family: 'RobotoBold', Arial, sans-serif;
        font-size: 1.2vw;
        color: #ffffff;
		text-decoration: none;
	}
	/** END OF ROTATE SCREEN **/
	/********************************************/
	
	/********************************************/
	/********************************************/
	/********************************************/
	/********************************************/

	/********************************************/
	/** LOADING SCREEN **/
	#loading_screen_container {
		position: fixed;
		z-index: 2;
		overflow: hidden;
        width: 100%;
        height: 100%;
		min-height: 100vh;
        background: rgba(198,32,38,1);
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
	}

	#loading_screen_container > #loading_image_container {
		position: relative;
		overflow: hidden;
        width: 100%;
        height: 50%;
        /*background: rgba(0,0,0,1);*/
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
	}

	#loading_screen_container > #loading_image_container > img {
		object-fit: contain;
		width: 100%;
		height: 100%;
	}

	#loading_screen_container > #loading_text_container {
		position: relative;
		overflow: hidden;
		margin-top: 1%;
        width: 100%;
        height: auto;
        /*background: rgba(0,0,0,1);*/
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
	}

	#loading_screen_container > #loading_text_container > font {
		font-family: 'RobotoBold', Arial, sans-serif;
        font-size: 1.2vw;
        color: #ffffff;
		text-decoration: none;
	}
	/** END OF LOADING SCREEN **/
	/********************************************/

	/********************************************/
	/********************************************/
	/********************************************/
	/********************************************/

	/********************************************/
	/** PROCESSING SCREEN **/
	#processing_screen_container {
		position: fixed;
		z-index: 3;
		overflow: hidden;
        width: 100%;
        height: 100%;
		min-height: 100vh;
        background: rgba(198,32,38,1);
        display: none;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
	}

	#processing_screen_container > #processing_image_container {
		position: relative;
		overflow: hidden;
        width: 100%;
        height: 50%;
        /*background: rgba(0,0,0,1);*/
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
	}

	#processing_screen_container > #processing_image_container > img {
		object-fit: contain;
		width: 100%;
		height: 100%;
	}

	#processing_screen_container > #processing_text_container {
		position: relative;
		overflow: hidden;
		margin-top: 1%;
        width: 100%;
        height: auto;
        /*background: rgba(0,0,0,1);*/
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
	}

	#processing_screen_container > #processing_text_container > font {
		font-family: 'RobotoBold', Arial, sans-serif;
        font-size: 1.2vw;
        color: #ffffff;
		text-decoration: none;
	}
	/** END OF PROCESSING SCREEN **/
	/********************************************/
	
	/********************************************/
	/********************************************/
	/********************************************/
	/********************************************/

	/********************************************/
	/** MAIN SCREEN CONTAINER **/
	#main_screen_container {
		position: absolute;
		z-index: 0;
		overflow-x: hidden;
		overflow-y: scroll;
        width: 100%;
        height: auto;
		min-height: 100%;
        background: rgba(255,255,255,1);
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
	}

	/********************************************/
	/** RESTRICTED AREA SCREEN ELEMENTS **/
	#restricted_area_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 100%;
        height: auto;
		min-height: 100vh;
        background-color: rgba(198,32,38,1);
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		background-image: url("../images/flight_path_background_image.png");
		background-repeat: repeat;
	}

	#restricted_area_container > #restricted_area_content {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 50%;
        height: auto;
		border-style: solid;
		border-color: #ffffff;
		border-width: 0.5vw;
		border-radius: 1vw;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: flex-start;
	}

	#restricted_area_container > #restricted_area_content > #logo_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 80%;
        height: auto;
		margin-top: 2vw;
		margin-bottom: 1vw;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: flex-start;
	}

	#restricted_area_container > #restricted_area_content > #logo_container > img {
		object-fit: contain;
		width: 100%;
		height: auto;
	}

	#restricted_area_container > #restricted_area_content > #logo_container_2 {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 20%;
        height: auto;
		margin-bottom: 1vw;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: flex-start;
	}

	#restricted_area_container > #restricted_area_content > #logo_container_2 > img {
		object-fit: contain;
		width: 100%;
		height: auto;
	}

	#restricted_area_container > #restricted_area_content > #text_part_1 {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 98%;
        height: auto;
		margin-bottom: 0.25vw;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: flex-start;
		text-align: center;
		font-family: 'RobotoBold', Arial, sans-serif;
        font-size: 3.5vw;
        color: #ffffff;
		text-decoration: none;
	}

	#restricted_area_container > #restricted_area_content > #text_part_2 {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 98%;
        height: auto;
		margin-bottom: 2vw;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: flex-start;
		text-align: center;
		font-family: 'RobotoBold', Arial, sans-serif;
        font-size: 1.5vw;
        color: #ffffff;
		text-decoration: none;
	}

	#restricted_area_container > #restricted_area_content > #redirecting_text_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 98%;
        height: auto;
		margin-bottom: 2vw;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: flex-start;
		text-align: center;
		font-family: 'RobotoBold', Arial, sans-serif;
        font-size: 0.85vw;
        color: #ffffff;
		text-decoration: none;
	}

	/********************************************/
	/********************************************/
	/********************************************/
	/********************************************/

	/********************************************/
	/********************************************/
	/********************************************/
	/********************************************/

	/********************************************/
	/** LOGIN SCREEN CONTAINER **/
	#login_screen_container {
		position: relative;
		z-index: 0;
		overflow-x: hidden;
		overflow-y: scroll;
        width: 100%;
        height: auto;
		min-height: 100vh;
        background: rgba(192,32,38,1);
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
	}

	#login_screen_container > #background_image_animation {
		position: fixed;
		z-index: 0;
		overflow: hidden;
		width: 100%;
		height: 110%;
		opacity: 0.25;
	}

	#login_screen_container > #background_image_animation > video {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	#login_screen_container > #login_screen_content_container {
		position: absolute;
		z-index: 1;
		overflow: hidden;
        width: 100%;
        height: 100%;
		min-height: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: flex-start;
	}

	#login_screen_container > #login_screen_content_container > #language_opt_bar {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 100%;
        height: 8%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-end;
		align-content: flex-end;
        justify-content: center;
	}

	#login_screen_container > #login_screen_content_container > #intro_text_field {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 100%;
        height: 8%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: flex-start;
		font-family: 'RobotoRegular', Arial, sans-serif;
        font-size: 1.35vw;
        color: #ffffff;
		text-decoration: none;
		text-align: center;
	}

	#login_screen_container > #login_screen_content_container > #main_login_content {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 100%;
        height: 72%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: flex-start;
		/*background: rgba(0,0,0,1);*/
	}

	#login_screen_container > #login_screen_content_container > #main_login_content > #enterance_content_l1 {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 90%;
        height: 50%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		/*background: rgba(0,255,0,0.42);*/
	}

	#login_screen_container > #login_screen_content_container > #main_login_content > #enterance_content_l1 > img {
		object-fit: contain;
		width: 100%;
		height: 100%;
	}

	#login_screen_container > #login_screen_content_container > #main_login_content > #enterance_content_l2 {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 60%;
        height: 50%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
		align-content: center;
        justify-content: space-between;
		/*background: rgba(0,0,255,0.42);*/
	}

	#login_screen_container > #login_screen_content_container > #main_login_content > #enterance_content_l2 > .tabs {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 40%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		/*background: rgba(255,0,255,0.42);*/
	}

	#login_screen_container > #login_screen_content_container > #main_login_content > #enterance_content_l2 > .tabs > .button_part {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 100%;
        height: 50%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
		align-content: center;
        justify-content: center;
		/*background: rgba(255,0,255,0.42);*/
	}

	#login_screen_container > #login_screen_content_container > #main_login_content > #enterance_content_l2 > .tabs > .button_part > img {
		object-fit: contain;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}

	#login_screen_container > #login_screen_content_container > #main_login_content > #enterance_content_l2 > .tabs > .text_part {
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin-top: 1%;
        width: 100%;
        height: 18%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
		align-content: center;
        justify-content: center;
		font-family: 'RobotoBold', Arial, sans-serif;
        font-size: 0.85vw;
        color: #ffffff;
		text-decoration: none;
		text-align: center;
		/*background: rgba(255,0,0,0.42);*/
	}

	#login_screen_container > #login_screen_content_container > #main_login_content > #enterance_content_l2 > .seperator {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 20%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
		align-content: center;
        justify-content: center;
		/*background: rgba(255,255,0,0.42);*/
	}

	#login_screen_container > #login_screen_content_container > #main_login_content > #enterance_content_l2 > .seperator > .line {
		width: 1%;
        height: 70%;
		background-color: #ffffff;
	}

	/* DESKTOP SPECIFIC */
	#airmro_mro_reservation_operation {
		-webkit-filter: grayscale(0);
		filter: none;
	}

	#airmro_mro_reservation_operation:hover {
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
		filter: grayscale(1);
	}
	
	#airmro_mro_team_login_operation {
		-webkit-filter: grayscale(0);
		filter: none;
	}

	#airmro_mro_team_login_operation:hover {
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
		filter: grayscale(1);
	}
	
	/*********************/

	#login_screen_container > #login_screen_content_container > #trademark_content {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 100%;
        height: 4%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
		font-family: 'RobotoRegular', Arial, sans-serif;
        font-size: 0.75vw;
        color: #ffffff;
		text-decoration: none;
	}
	/** END OF LOGIN SCREEN **/
	/********************************************/

	/********************************************/
	/********************************************/
	/********************************************/
	/********************************************/

	/********************************************/
	/** MRO RESERVATION SCREEN CONTAINER **/
	#mro_reservation_screen_container {
		position: relative;
		z-index: 0;
		overflow-x: hidden;
		overflow-y: scroll;
		scroll-behavior: smooth;
        width: 100%;
        height: auto;
        background: rgba(192,32,38,1);
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: flex-start;
	}

	#mro_reservation_screen_container > #background_image_animation {
		position: fixed;
		z-index: 0;
		overflow: hidden;
		width: 100%;
		height: 100%;
		opacity: 0.25;
	}

	#mro_reservation_screen_container > #background_image_animation > video {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container {
		position: relative;
		z-index: 1;
        width: 100%;
        height: auto;
		overflow-x: hidden;
		min-height: 100vh;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: flex-start;
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #menu_container {
		position: fixed;
		z-index: 1;
		overflow: hidden;
        width: 100%;
        height: 6%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
		align-content: center;
        justify-content: space-between;
		background: rgba(192,32,38,1);
		border-bottom-width: 0.1vw;
		border-bottom-color: rgba(255,255,255,1);
		border-bottom-style: solid;
		-webkit-box-shadow: 0vw 0.25vw 0.25vw -0.1vw rgba(0,0,0,0.42);
		-moz-box-shadow: 0vw 0.25vw 0.25vw -0.1vw rgba(0,0,0,0.42);
		box-shadow: 0vw 0.25vw 0.25vw -0.1vw rgba(0,0,0,0.42);
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #menu_container > #left_content {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 5%;
        height: 70%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #menu_container > #left_content > img {
		object-fit: contain;
		width: 100%;
		height: 100%;
		border-style: none;
		cursor: pointer;
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #menu_container > #middle_content {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 90%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #menu_container > #middle_content > .title_1 {
		font-family: 'SakanaRegular', Arial, sans-serif;
		font-size: 1.45vw;
		color: #ffffff;
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #menu_container > #middle_content > .title_2 {
		font-family: 'RobotoBold', Arial, sans-serif;
		font-size: 1.45vw;
		margin-top: 0.25vw;
		color: #ffffff;
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #menu_container > #right_content {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 5%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #reservation_form_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 50%;
        height: auto;
		min-height: 100vh;
		margin-top: 10vh;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: flex-start;
		align-content: flex-start;
        justify-content: space-between;
		/*background: rgba(255,255,255,0.15);*/
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #reservation_form_container > .half_content {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 48%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: flex-start;
		align-content: flex-start;
        justify-content: flex-start;
		/*background: rgba(255,255,255,0.15);*/
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #reservation_form_container > .full_content {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 98%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: flex-start;
		align-content: flex-start;
        justify-content: flex-start;
		/*background: rgba(255,255,255,0.15);*/
	}

	.essential_information_texts {
		font-family: 'RobotoBold', Arial, sans-serif;
		font-size: 0.55vw;
		color: #ffffff;
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #reservation_form_container > .full_content_center {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 98%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
		align-content: center;
        justify-content: center;
		/*background: rgba(255,255,255,0.15);*/
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #reservation_customer_verification_form_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 50%;
        height: auto;
		min-height: 10vh;
		margin-top: 6%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
		align-content: flex-start;
        justify-content: center;
		/*background: rgba(255,255,255,0.15);*/
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #reservation_customer_verification_form_container > .full_content_center {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		/*background: rgba(255,255,255,0.15);*/
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #reservation_customer_verification_form_container > .full_content_center > #icon_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 25%;
        height: 25vh;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		margin-bottom: 1.5vw;
		/*background: rgba(255,255,255,0.15);*/
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #reservation_customer_verification_form_container > .full_content_center > #icon_container > img {
		object-fit: contain;
		width: 96%;
		height: 96%;
		filter: drop-shadow(0.2vw 0 0 white) 
				drop-shadow(0 0.2vw 0 white)
				drop-shadow(-0.2vw 0 0 white) 
				drop-shadow(0 -0.2vw 0 white);
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #reservation_customer_verification_form_container > .full_content_center > #title_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin-top: 0%;
        width: 90%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
		/*background: rgba(255,255,255,0.15);*/
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #reservation_customer_verification_form_container > .full_content_center > #text_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin-top: 1%;
        width: 90%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
		/*background: rgba(255,255,255,0.15);*/
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #reservation_customer_verification_form_container > .full_content_center > #timer_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin-top: 1%;
        width: 90%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
		font-family: 'RobotoBold', Arial, sans-serif;
		font-size: 2.15vw;
		color: #ffffff;
		margin-bottom: 2vh;
		/*background: rgba(255,255,255,0.15);*/
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #reservation_customer_verification_form_container > .full_content_center > #verification_code_txtbox_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin-top: 1%;
        width: 90%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
		margin-bottom: 1vh;
		/*background: rgba(255,255,255,0.15);*/
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #reservation_customer_verification_form_container > .full_content_center > #verification_button_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
		margin-top: 1%;
        width: 90%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
		margin-bottom: 2vh;
		/*background: rgba(255,255,255,0.15);*/
	}

	/********************************************/
	/********************************************/
	/********************************************/
	/********************************************/

	/********************************************/
	/** TEAM LOGIN SCREEN CONTAINER **/
	#team_login_screen_container {
		position: relative;
		z-index: 0;
		overflow-x: hidden;
		overflow-y: scroll;
		scroll-behavior: smooth;
        width: 100%;
        height: auto;
        background: rgba(192,32,38,1);
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: flex-start;
	}

	#team_login_screen_container > #background_image_animation {
		position: fixed;
		z-index: 0;
		overflow: hidden;
		width: 100%;
		height: 100%;
		opacity: 0.25;
	}

	#team_login_screen_container > #background_image_animation > video {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	#team_login_screen_container > #team_login_screen_content_container {
		position: relative;
		z-index: 1;
        width: 100%;
        height: auto;
		overflow-x: hidden;
		min-height: 100vh;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: flex-start;
	}

	#team_login_screen_container > #team_login_screen_content_container > #menu_container {
		position: fixed;
		z-index: 1;
		overflow: hidden;
        width: 100%;
        height: 6%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
		align-content: center;
        justify-content: space-between;
		background: rgba(192,32,38,1);
		border-bottom-width: 0.1vw;
		border-bottom-color: rgba(255,255,255,1);
		border-bottom-style: solid;
		-webkit-box-shadow: 0vw 0.25vw 0.25vw -0.1vw rgba(0,0,0,0.42);
		-moz-box-shadow: 0vw 0.25vw 0.25vw -0.1vw rgba(0,0,0,0.42);
		box-shadow: 0vw 0.25vw 0.25vw -0.1vw rgba(0,0,0,0.42);
	}

	#team_login_screen_container > #team_login_screen_content_container > #menu_container > #left_content {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 5%;
        height: 70%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
	}

	#team_login_screen_container > #team_login_screen_content_container > #menu_container > #left_content > img {
		object-fit: contain;
		width: 100%;
		height: 100%;
		border-style: none;
		cursor: pointer;
	}

	#team_login_screen_container > #team_login_screen_content_container > #menu_container > #middle_content {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 90%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
	}

	#team_login_screen_container > #team_login_screen_content_container > #menu_container > #middle_content > .title_1 {
		font-family: 'SakanaRegular', Arial, sans-serif;
		font-size: 1.45vw;
		color: #ffffff;
	}

	#team_login_screen_container > #team_login_screen_content_container > #menu_container > #middle_content > .title_2 {
		font-family: 'RobotoBold', Arial, sans-serif;
		font-size: 1.45vw;
		margin-top: 0.25vw;
		color: #ffffff;
	}

	#team_login_screen_container > #team_login_screen_content_container > #menu_container > #right_content {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 5%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
	}

	#team_login_screen_container > #team_login_screen_content_container > #team_login_form_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 55%;
        height: auto;
		margin-top: 10vh;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: flex-start;
		/*background: rgba(255,255,255,0.15);
		-webkit-backdrop-filter: blur(0.5vw);
		backdrop-filter: blur(0.5vw);
		border-style: none;
		border-radius: 1vw;*/
	}

	#team_login_screen_container > #team_login_screen_content_container > #team_login_form_container > #logo_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 100%;
        height: 10vw;
		margin-bottom: 2vw;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		/*background: rgba(0,255,0,0.42);*/
	}

	#team_login_screen_container > #team_login_screen_content_container > #team_login_form_container > #logo_container > img {
		object-fit: contain;
		width: 100%;
		height: 100%;
	}

	#team_login_screen_container > #team_login_screen_content_container > #team_login_form_container > .title_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 80%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
	}

	#team_login_screen_container > #team_login_screen_content_container > #team_login_form_container > .title_container > #big_title {
		font-family: 'RobotoBold', Arial, sans-serif;
		font-size: 3.45vw;
		color: #ffffff;
	}

	#team_login_screen_container > #team_login_screen_content_container > #team_login_form_container > .title_container > #small_title {
		font-family: 'RobotoRegular', Arial, sans-serif;
		font-size: 1vw;
		color: #ffffff;
		margin-top: 1vw;
	}

	#team_login_screen_container > #team_login_screen_content_container > #team_login_form_container > #login_content {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 100%;
        height: auto;
		margin-top: 2vh;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
		align-content: center;
        justify-content: space-between;
		text-align: center;
	}

	#team_login_screen_container > #team_login_screen_content_container > #team_login_form_container > #login_content > #manual_enterance_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: flex-start;
		text-align: left;
	}

	#team_login_screen_container > #team_login_screen_content_container > #team_login_form_container > #login_content > #manual_enterance_container > .full_content_center {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 100%;
        height: 10vh;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
	}

	#team_login_screen_container > #team_login_screen_content_container > #team_login_form_container > #login_content > #line_seperator_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 4%;
        height: 40vh;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
	}

	#team_login_screen_container > #team_login_screen_content_container > #team_login_form_container > #login_content > #line_seperator_container > #seperator {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 4%;
        height: 40vh;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
		background-color: #ffffff;
	}

	#team_login_screen_container > #team_login_screen_content_container > #team_login_form_container > #login_content > #facelog_enterance_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 48%;
        height: 30vh;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
		background-color: #ee7752;
	}

	/********************************************/
	/********************************************/
	/********************************************/
	/********************************************/

	/********************************************/
	/** FORM ELEMENTS **/
	.m_txtbox {
		width: 100%;
		height: 2.5vw;
		margin-bottom: 1vw;
		font-family: 'RobotoRegular', Arial, sans-serif;
		font-size: 0.95vw;
		color: #000000;
		text-align: center;
		background-color: #ffffff;
		border-style: solid;
		border-color: #ffffff;
	}

	.m_txtbox_login {
		width: 96%;
		height: 4vw;
		margin-bottom: 1vw;
		font-family: 'RobotoBold', Arial, sans-serif;
		font-size: 1.25vw;
		color: #000000;
		text-align: center;
		background-color: #ffffff;
		border-style: solid;
		border-color: #ffffff;
	}

	.m_txtbox_small {
		width: 100%;
		height: 2.5vw;
		margin-bottom: 1vw;
		font-family: 'RobotoRegular', Arial, sans-serif;
		font-size: 0.95vw;
		color: #000000;
		text-align: center;
		background-color: #ffffff;
		border-style: solid;
		border-color: #ffffff;
	}

	.m_txtbox_verification {
		width: 90%;
		height: 2.5vw;
		font-family: 'RobotoBold', Arial, sans-serif;
		font-size: 1.15vw;
		color: #000000;
		text-align: center;
		background-color: #ffffff;
		border-style: solid;
		border-color: #ffffff;
		border-width: 0.1vw;
	}

	.m_lstbox_login_languages {
		width: 8vw;
		height: 50%;
		margin-right: 1vw;
		border-color: #ffffff;
		border-style: solid;
		border-width: 0.1vw;
		border-radius: 0%;
		font-family: 'RobotoBold', Arial, sans-serif;
		font-size: 0.75vw;
		color: #ffffff;
		text-align-last: center;
		-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
		background-color: rgba(192,32,38,1);
		background-image: url("../images/sb_down_arrow.svg");
		background-position: 95%;
		background-size: 10%;
		background-repeat: no-repeat;
	}

	.m_lstbox_login_languages > option {
		background-color: rgba(192,32,38,1);
	}

	.m_lstbox {
		width: 100%;
		height: 2.5vw;
		margin-bottom: 1vw;
		border-color: #ffffff;
		border-style: solid;
		border-width: 0.1vw;
		border-radius: 0%;
		font-family: 'RobotoRegular', Arial, sans-serif;
		font-size: 0.95vw;
		color: #000000;
		text-align-last: center;
		-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
		background-color: rgba(255,255,255,1);
		background-image: url("../images/sb_down_arrow_black.svg");
		background-position: 98%;
		background-size: 1%;
		background-repeat: no-repeat;
	}

	.m_lstbox > option {
		background-color: rgba(255,255,255,1);
	}

	.m_lstbox_small {
		width: 100%;
		height: 2.82vw;
		margin-bottom: 1vw;
		border-color: #ffffff;
		border-style: solid;
		border-width: 0.1vw;
		border-radius: 0%;
		font-family: 'RusticaRegular', Arial, sans-serif;
		font-size: 0.95vw;
		color: #000000;
		text-align-last: center;
		-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
		background-color: rgba(255,255,255,1);
		background-image: url("../images/sb_down_arrow_black.svg");
		background-position: 98%;
		background-size: 2%;
		background-repeat: no-repeat;
	}

	.m_lstbox_small > option {
		background-color: rgba(255,255,255,1);
	}

	.m_txtarea {
		width: 100%;
		height: 10.5vw;
		margin-bottom: 1vw;
		font-family: 'RobotoRegular', Arial, sans-serif;
		font-size: 0.75vw;
		color: #000000;
		text-align: left;
		background-color: #ffffff;
		border-style: solid;
		border-color: #ffffff;
	}

	.m_button {
		width: 50%;
        height: 3.8vw;
        border: 0.2vw solid #ffffff;
        font-family: 'RobotoBold', Arial, sans-serif;
        font-size: 1.2vw;
        color: #ffffff;
        background: none;
		text-align-last: center;
		text-decoration: none;
		margin-top: 1vw;
		margin-bottom: 1vw;
    }
    
    .m_button:hover, .m_button:active {
        text-align: center;
        background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
        background-size: 400% 400%;
        -webkit-animation: gradient_anim 10s ease infinite;
        animation: gradient_anim 10s ease infinite;
        cursor: pointer;
    }

	.m_button_login {
		width: 50%;
        height: 3.8vw;
        border: 0.1vw solid #ffffff;
        font-family: 'RobotoBold', Arial, sans-serif;
        font-size: 1.2vw;
        color: #ffffff;
        background: none;
		text-align-last: center;
		text-decoration: none;
		margin-top: 1vw;
		margin-bottom: 1vw;
    }
    
    .m_button_login:hover, .m_button_login:active {
        text-align: center;
        background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
        background-size: 400% 400%;
        -webkit-animation: gradient_anim 10s ease infinite;
        animation: gradient_anim 10s ease infinite;
        cursor: pointer;
    }

	/****************************************************************/
	/****************************************************************/

	/* FONTS */

	.res_form_title {
		font-family: 'RobotoBold', Arial, sans-serif;
		font-size: 0.95vw;
		margin-bottom: 0.25vw;
		color: #ffffff;
	}

	.res_form_group_title {
		font-family: 'RobotoBold', Arial, sans-serif;
		font-size: 1.65vw;
		margin-bottom: 1.25vw;
		color: #ffffff;
	}

	.res_ver_title {
		font-family: 'RobotoBold', Arial, sans-serif;
		font-size: 2.15vw;
		color: #ffffff;
	}

	.res_ver_text_small {
		font-family: 'RobotoRegular', Arial, sans-serif;
		font-size: 1vw;
		color: #ffffff;
		margin-bottom: 2vh;
	}

	.login_text_small {
		font-family: 'RobotoRegular', Arial, sans-serif;
		font-size: 1vw;
		color: #ffffff;
		margin-bottom: 2vh;
	}
}
/* END OF Desktop / Landscape */
/************************************************************************/