@charset "UTF-8";

@font-face {
    font-family: QuicksandLight;
    src: url(../fonts/quicksand_light.ttf);
}

@font-face {
    font-family: QuicksandRegular;
    src: url(../fonts/quicksand_regular.ttf);
}

@font-face {
    font-family: QuicksandBold;
    src: url(../fonts/quicksand_bold.ttf);
}










@font-face {
    font-family: FuturaMedium;
    src: url(../fonts/futura_medium.ttf);
}

@font-face {
    font-family: FuturaBold;
    src: url(../fonts/futura_bold.ttf);
}


@font-face {
    font-family: Actor;
    src: url(../fonts/actor_regular.ttf);
}

@font-face {
    font-family: FiraRegular;
    src: url(../fonts/fira_regular.ttf);
}

@font-face {
    font-family: FiraMedium;
    src: url(../fonts/fira_medium.ttf);
}

@font-face {
    font-family: FiraLight;
    src: url(../fonts/fira_light.ttf);
}



@font-face {
    font-family: FiraExtraLight;
    src: url(../fonts/fira_extra_light.ttf);
}

@font-face {
    font-family: AbeezeeRegular;
    src: url(../fonts/abeezee_regular.ttf);
}



/*
===============================================================================
==================================   CONTENT   ================================
===============================================================================
*/

.default_content_page
{
	width: 90%;

	margin: auto;
	margin-top: 50px;

}



.default_page_title
{
	text-align: center;
	font-family: QuicksandRegular;
	font-size: 24px;
}

.default_page_subtitle
{
	text-align: center;
	font-family: QuicksandRegular;
	font-size: 16px;
}

.default_section_title
{
	text-align: center;
	font-family: QuicksandRegular;
	font-size: 18px;
}

/*
===============================================================================
=================================   ELEMENTS   ================================
===============================================================================
*/




.default_link_style
{
	text-decoration: none;
	color: black;
	cursor: pointer;
}
.default_link_style:hover { color: rgb(19, 173, 197); }




.default_button_style
{
	border-radius: 10px;
	border: 0.5px solid #777777;
  	box-shadow: none;

  	background-color: white;
  	font-family: QuicksandRegular;
  	font-size: 13px;

}
.default_button_style:enabled { cursor: pointer; }

.default_button_style:hover:enabled
{
	background-color: rgb(19, 173, 197); color: #FFFFFF;
}



.default_feedback_label { height: 20px; transition: opacity 0.5s ease; }



.default_text_input
{
	height: 25px;
	font-size: 14px;
	font-family: QuicksandRegular;
	text-align: center;
}


.default_back_link
{
	margin-left: 50px;
	text-decoration: none;
	color: black;
	text-align: left;
	font-size: 16px;
	cursor: pointer;
}
.default_back_link:hover { color: rgb(16, 172, 198); }

.default_back_link_position
{
	position: absolute;
	width: 150px;

	top: 0px;
	left: 50px;

	text-align: left;
	font-size: 16px;
}



.default_back_link_position
{
	position: absolute;
	width: 150px;

	top: 0px;
	left: 50px;

	text-align: left;
	font-size: 16px;
}


.default_hidden_anchor
{
	text-decoration: none;
	color: black;
}


.default_textbox_border
{
	border: 0.5px solid #AAAAAA;
}



.default_export_icon
{
	position: absolute;
	width: 40px;

	top: 20px;
	right: 60px;

	cursor: pointer;
	transition: transform 0.5s ease;
	z-index: 9;
}
.default_export_icon:hover { transform: scale(1.2, 1.2); }



.default_close_icon
{
	position: absolute;
	width: 15px;

	top: 20px;
	right: 20px;

	cursor: pointer;
	transition: transform 1s ease;
}
.default_close_icon:hover { transform: scale(1.2, 1.2); }



/*
===============================================================================
=================================   LISTINGS   ================================
===============================================================================
*/


.default_list_header_style
{
	position: absolute;
	text-align: center;
	font-size: 13px;
}

.default_list_item_field_style
{
	position: absolute;
	text-align: center;
	font-size: 13px;
}


.default_overflow_list_item_field
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}




.default_list_item_style
{
	height: 25px; 
	background-color: rgba(200, 200, 200, 0.08);
	border-radius: 10px;
	font-family: QuicksandRegular;
	border: 0.5px solid #DDDDDD;
}






.default_list_item_highlight
{
	cursor: pointer;
	transition: transform 0.5s ease;
}


.default_list_item_highlight:hover
{
	transform: scale(1.01, 1.01); 
	background-color: rgba(16, 172, 198, 0.1);
}



.default_list_box_style
{
	box-shadow: inset 0px 0px 3px rgba(100, 100, 100, 0.2);
	border: 0.5px solid #DDDDDD;
	border-radius: 10px;
	overflow: scroll;
	padding: 20px;
}


.default_static_note_item { margin-top: 30px !important; }
.default_static_note_item_text { width: 100%; text-align: center; }
.default_note_item { top: 30px; }
.default_note_item_text 
{ 
	position: absolute;
	width: 100%; 
	text-align: center; 
}




.default_clickable_icon
{
	cursor: pointer;
	transition: transform 0.5s ease;
}


.default_clickable_icon:hover
{
	transform: scale(1.2, 1.2); 
}




/*
===============================================================================
==================================   POPUPS   =================================
===============================================================================
*/

.screen_shade
{
	display: none;
	position: fixed;
	width: 120%;
	height: 120%;

	left: 0;
	top: 0;

	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1000;
}




.default_popup_screen_style
{
	background-color: rgba(255, 255, 255, 0.95);

	border-radius: 10px;
	box-shadow: inset 0px 0px 3px #AAAAAA;
	z-index: 2000;
}




.default_popup_waring_img
{
	position: absolute;
	width: 70px;
	top: 20px;
	left: 50%;
	margin-left: -35px;
}


.default_popup_title
{
	width: 100%;

	margin-top: 30px;

	text-align: center;
	font-size: 20px;

	font-family: QuicksandRegular;
}



/*
===============================================================================
===============================   INSTRUCTIONS   ==============================
===============================================================================
*/



.default_instructions_note
{

}