/*********************************************************************************************************************/ 
/*                    REGINA PLUS ® CLOUD BASED CENTRAL INFORMATION MANAGEMENT SYSTEM PROJECT                        */
/*********************************************************************************************************************/
/*                           by DONE MUHENDISLIK YAZILIM-BILISIM & DANISMANLIK HIZMETLERI                            */
/*********************************************************************************************************************/
/*********************************************************************************************************************/
/* COPYING,SHARING,MODIFYING/EDITING,RE-SELLING and/or PUBLISHING THIS FILE IS FORBIDDEN. ALL RIGHTS RESERVED © 2022 */
/*********************************************************************************************************************/
/* FILE PROCESS : PHONE SET - PORTRAIT                                                                               */
/*********************************************************************************************************************/

/************************************************************************/
/* Phone Set - Portrait */
@media screen and (min-width: 319px) and (max-width: 440px) and (orientation: portrait) {
	body,html {
		height: auto;
		min-height: max-content;
		padding: 0;
		margin: 0;
		background-color: rgba(192,32,38,1);
		font-size: 16px;
		scroll-behavior: smooth;
	}

	#desktop_detector {
		display: none;
	}

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

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

	/********************************************/
	/** 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;
	}
	/** 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: 30%;
        /*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: 2%;
        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: 4.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: 30%;
        /*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: 2%;
        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: 4.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: 90%;
        height: auto;
		border-style: solid;
		border-color: #ffffff;
		border-width: 0.5vw;
		border-radius: 2vw;
        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: 90%;
        height: auto;
		margin-top: 4vw;
		margin-bottom: 2vw;
        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: 30%;
        height: auto;
		margin-bottom: 2vw;
        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: 8.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: 4.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: 4vw;
        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: 2.5vw;
        color: #ffffff;
		text-decoration: none;
	}

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

	/********************************************/
	/** LOGIN SCREEN CONTAINER **/
	#login_screen_container {
		position: relative;
		z-index: 0;
		overflow: hidden;
        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: absolute;
		z-index: 0;
		overflow: hidden;
		width: 100%;
		height: 100%;
		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: 5%;
		margin-top: 2%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        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: 'RobotoBold', Arial, sans-serif;
        font-size: 3.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: 70%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: flex-start;
        justify-content: center;
	}

	#login_screen_container > #login_screen_content_container > #main_login_content > #enterance_content_l1 {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 100%;
        height: 20%;
        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: 70%;
        height: 30%;
        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: 55%;
        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: 90%;
		height: 90%;
		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: 25%;
        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: 1.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;
	}

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

	#login_screen_container > #login_screen_content_container > #trademark_content {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 100%;
        height: 5%;
        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: 1.85vw;
        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;
		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: 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: 10%;
        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.5vw;
		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: 12%;
        height: 100%;
        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: 60%;
		height: 60%;
		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: 76%;
        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: 4vw;
		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: 4vw;
		margin-top: 0.4vw;
		color: #ffffff;
	}

	#mro_reservation_screen_container > #mro_reservation_screen_content_container > #menu_container > #right_content {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 12%;
        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: 95%;
        height: auto;
		min-height: 100vh;
		margin-top: 25%;
        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: 2.35vw;
		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: 90%;
        height: auto;
		min-height: 10vh;
		margin-top: 40%;
        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: 45%;
        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.9vw 0 0 white) 
				drop-shadow(0 0.9vw 0 white)
				drop-shadow(-0.9vw 0 0 white) 
				drop-shadow(0 -0.9vw 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: 4%;
        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);*/
	}

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

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

	/********************************************/
	/** 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;
		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: 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: 10%;
        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.5vw;
		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: 12%;
        height: 100%;
        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: 60%;
		height: 60%;
		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: 76%;
        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: 4vw;
		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: 4vw;
		margin-top: 0.4vw;
		color: #ffffff;
	}

	#team_login_screen_container > #team_login_screen_content_container > #menu_container > #right_content {
		position: relative;
		z-index: 0;
		overflow: hidden;
        width: 12%;
        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: 95%;
        height: auto;
		margin-top: 15vh;
        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: 25vw;
		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: 100%;
        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: 6.15vw;
		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: 2.55vw;
		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;
		background-color: #23d5ab;
	}

	#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: 12vw;
		margin-bottom: 4vw;
		font-family: 'RobotoRegular', Arial, sans-serif;
		font-size: 3vw;
		color: #000000;
		text-align: center;
		background-color: #ffffff;
		border-style: solid;
		border-color: #ffffff;
	}

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

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

	.m_lstbox_login_languages {
		width: 30%;
		height: 85%;
		border-color: #ffffff;
		border-style: solid;
		border-width: 0.1vw;
		border-radius: 0%;
		font-family: 'RobotoBold', Arial, sans-serif;
		font-size: 2.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: 12vw;
		margin-bottom: 4vw;
		border-color: #ffffff;
		border-style: solid;
		border-width: 0.1vw;
		border-radius: 0%;
		font-family: 'RobotoRegular', Arial, sans-serif;
		font-size: 3vw;
		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: 4%;
		background-repeat: no-repeat;
	}

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

	.m_lstbox_small {
		width: 100%;
		height: 14vw;
		margin-bottom: 4vw;
		border-color: #ffffff;
		border-style: solid;
		border-width: 0.1vw;
		border-radius: 0%;
		font-family: 'RusticaRegular', Arial, sans-serif;
		font-size: 3vw;
		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: 4%;
		background-repeat: no-repeat;
	}

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

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

	.m_button {
		width: 60%;
        height: 12vw;
        border: 0.2vw solid #ffffff;
        font-family: 'RobotoBold', Arial, sans-serif;
        font-size: 4.56vw;
        color: #ffffff;
        background: none;
		text-align-last: center;
		text-decoration: none;
		margin-top: 16vw;
		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: 60%;
        height: 12vw;
        border: 0.1vw solid #ffffff;
        font-family: 'RobotoBold', Arial, sans-serif;
        font-size: 4.56vw;
        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: 3.3vw;
		margin-bottom: 1.25vw;
		color: #ffffff;
	}

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

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

	.res_ver_text_small {
		font-family: 'RobotoRegular', Arial, sans-serif;
		font-size: 4.15vw;
		color: #ffffff;
		margin-bottom: 4vh;
	}
}
/* END OF Phone Set - Portrait */
/************************************************************************/