/*
-------------------------------------------
	Emergency Health Informationsystem

	Cascading Style Sheet
	Copyright (c) by János Schmidt
	
	MVC - View layer
	Tabulator size = 4
-------------------------------------------
*/

/*
=================================================================
							FONTS
=================================================================
*/

@font-face 
{
	font-family:   'corbertregular';
	src:		    url('../Fonts/Corbert-Regular-webfont.eot'					);
	src:		    url('../Fonts/Corbert-Regular-webfont.eot?#iefix'			) format('embedded-opentype'),
				    url('../Fonts/Corbert-Regular-webfont.woff2'				) format('woff2'			),
				    url('../Fonts/Corbert-Regular-webfont.woff'					) format('woff'				),
				    url('../Fonts/Corbert-Regular-webfont.ttf'					) format('truetype'			),
				    url('../Fonts/Corbert-Regular-webfont.svg#corbertregular'	) format('svg'				);
	font-weight:    normal;
	font-style:	    normal;
	/*font-display:	optional;*/
}  
    
@font-face
	font-family:   'corbertitalic';
	src:		    url('../Fonts/Corbert-Italic-webfont.eot'					);
	src:		    url('../Fonts/Corbert-Italic-webfont.eot?#iefix'			) format('embedded-opentype'),
				    url('../Fonts/Corbert-Italic-webfont.woff2'					) format('woff2'			),
				    url('../Fonts/Corbert-Italic-webfont.woff'					) format('woff'				),
				    url('../Fonts/Corbert-Italic-webfont.ttf'					) format('truetype'			),
				    url('../Fonts/Corbert-Italic-webfont.svg#corbertitalic' 	) format('svg'				);
	font-weight:    normal;
	font-style:	    normal;
	/*font-display:	optional;*/
}        

/*
=================================================================
							GENERAL
=================================================================
*/

html
{
	/*font-size:		62.5%;*/
	font-size:		100%;
}

html, body, figure, ul, li, img
{
    width:   		100%;
    height:  		100%; 
    margin:  		0;
    padding: 		0;
}


a:active 
{
    color:				#29ABE2;
	text-decoration:	none;
}

a:hover 
{
    color:				#29ABE2;
	text-decoration:	none;
}

a:link
{
    color:				#29ABE2;
	text-decoration:	none;
}

a:visited 
{
    color:				#29ABE2;
	text-decoration:	none;
}

body
{
	min-width:		320px;
}

button
{
	margin-bottom:	8px;
}

div
{
	margin:			0;
	padding:		0;
    box-sizing:		border-box;
}

fieldset
{
	border:			none;
	margin:			0;
	padding:		0;
    box-sizing:		border-box;
}

form
{
	width:		100%;
	margin:		0 0 0 0;
}

label
{
    margin:				0 0 8px 0;
	color:				#29AEE3;
/* 	overflow-wrap:		break-word;
	word-wrap:			break-word;
	
	-webkit-hyphens:	auto;
	-ms-hyphens:		auto;
	-moz-hyphens:		auto;
	hyphens:			auto; */
}

img
{
    display: 	block;
    border:  	none;
} 

input
{
    margin-bottom:	8px;
}

textarea
{
    margin-bottom:	8px;
}


/*    ----- Items -----    */


.AboutText
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;

    align-self:			flex-begin;

    text-align:			left;
    
	margin:				0 auto;
    
    column-count:		1;
    column-fill:		balance;
    column-gap:			40px;
    
    color:				#29AEE3;
    font-size:			1rem;
	font-weight:   	 	normal;
	font-style:	   		normal;
}

.AboutTitle
{
    -webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
    flex:				1 1 100%;

    align-self:			flex-start;
    
	padding:			0;
	box-sizing:			border-box;
    column-count:		1;

    color:				#29AEE3;
    text-align:			left;
    font-size:			1.1rem;
	font-weight:   		bolder;
	font-style:	   		normal;
}

.AboutTitleI
{
    -webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
    flex:				1 1 100%;

    align-self:			flex-start;
    
	padding:			0;
	box-sizing:			border-box;
    column-count:		1;

    color:				#29AEE3;
    text-align:			left;
    font-size:			1.1rem;
	font-weight:   		bolder;
	font-style:	   		italic;
}

.AccessButton
{
    height:				30px;
    width:				75%;
    /*border:				1px solid #29AEE3;*/
    border:				1px solid #C8E9F7;
    border-radius:		12px;

   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF); */
	background-color:	#C8E9F7;

    cursor:				pointer;
    color:				#29AEE3;

    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.AccessButton:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.AccessButton:focus
{
    border:				2px solid #29AEE3;
}

.AccessButton:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
} 

.AccessButton:disabled
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient			(to bottom, #FFFFFF 48%, #D3D3D3);
    
    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.AccessButton:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3); */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
} 

.AccessData
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:         	flex-start;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;
    
    width:				100%;
    padding:			2rem 0 0 0;
    box-sizing:			border-box;
    margin:				0;
} 

.AccessForm
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
	justify-content:	space-between;
	align-content:		flex-start;	
    align-self:			flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;
       
    width:				100%;
    height:				2.2rem;
    padding:			0;
    box-sizing:			border-box;
    margin:				0 auto;
    position:			relative;
} 

.AccessFormSearch
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
	justify-content:	space-between;
	align-content:		flex-start;	
    align-self:			flex-start;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;
        
    width:				100%;
    height:				auto;
    padding:			0;
    box-sizing:			border-box;
    margin:				6rem 6rem 1rem 6.5rem;    
    position:			relative;
} 

.Accordion
{
    min-height:			35px;
    width:				100%;
    padding:			5px;
    /*border:				1px solid #29AEE3;*/
    border:				none;
    border-radius:		3px;
    text-align:			left;

    -webkit-transition:	0.4s;
    transition:			0.4s;

    background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF);
    
    cursor:				pointer;
    color:				#29AEE3;
}

.Accordion:active

    background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF);	
}

.Accordion:focus
{
    border:				2px solid #29AEE3;
}

.Accordion:hover
{
    background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF);
}

.AccordionPanel
{
    padding:			0px 5px 0px 5px;
    background-color:	transparent;
    display:			none;
}

.AccordionPanel.show 
{
    display:			block !important;
}

.AdminDataList
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:               	0 1 100%;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        	 	flex-start;

    height:             	auto;
	margin:					0 0 0 10%;
}

.AdminLabelAddress
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 28%;
    -ms-flex:			0 1 28%;
    -moz-box-flex:		1;
    flex:				0 1 28%;

    align-self:			flex-begin;
    
    margin:				0 0 0 0;
    padding:			0 0 0 0;
	box-sizing:			border-box;
    height:				1.5rem;
    
    text-align:			left;
    font-size:			1rem;
    color:				#29AEE3;
}

.AdminLabelCode
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 13%;
    -ms-flex:			0 1 13%;
    -moz-box-flex:		1;
    flex:				0 1 13%;

    align-self:			flex-begin;
    
    margin:				0 0 0 0;
    padding:			0 0 0 0;
	box-sizing:			border-box;
    height:				1.5rem;
    
    text-align:			left;
    font-size:			1rem;
    color:				#29AEE3;
}

.AdminLabelId
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 6%;
    -ms-flex:			0 1 6%;
    -moz-box-flex:		1;
    flex:				0 1 6%;

    align-self:			flex-begin;
    
    margin:				0 0 0 0;
    padding:			0 0 0 0;
	box-sizing:			border-box;
    height:				1.5rem;
    
    text-align:			left;
    font-size:			1rem;
    color:				#29AEE3;
}

.AdminLabelLogin
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 10%;
    -ms-flex:			0 1 10%;
    -moz-box-flex:		1;
    flex:				0 1 10%;

    align-self:			flex-begin;
    
    margin:				0 0 0 0;
    padding:			0 0 0 0;
	box-sizing:			border-box;
    height:				1.5rem;
    
    text-align:			left;
    font-size:			1rem;
    color:				#29AEE3;
}

.AdminLabelName
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 25%;
    -ms-flex:			0 1 25%;
    -moz-box-flex:		1;
    flex:				0 1 25%;

    align-self:			flex-begin;
    
    margin:				0 0 0 0;
    padding:			0 0 0 0;
	box-sizing:			border-box;
    height:				1.5rem;
    
    text-align:			left;
    font-size:			1rem;
    color:				#29AEE3;
}

.AdminLabelPhone
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 27%;
    -ms-flex:			0 1 27%;
    -moz-box-flex:		1;
    flex:				0 1 27%;

    align-self:			flex-begin;
    
    margin:				0 0 0 0;
    padding:			0 0 0 0;
	box-sizing:			border-box;
    height:				1.5rem;
    
    text-align:			left;
    font-size:			1rem;
    color:				#29AEE3;
}

.AdminLabelRank
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 8%;
    -ms-flex:			0 1 8%;
    -moz-box-flex:		1;
    flex:				0 1 8%;

    align-self:			flex-begin;
    
    margin:				0 0 0 0;
    padding:			0 0 0 0;
	box-sizing:			border-box;
    height:				1.5rem;
    
    text-align:			left;
    font-size:			1rem;
    color:				#29AEE3;
}

.AdminLabelReason
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 8%;
    -ms-flex:			0 1 8%;
    -moz-box-flex:		1;
    flex:				0 1 8%;

    align-self:			flex-begin;
    
    margin:				0 0 0 0;
    padding:			0 0 0 0;
	box-sizing:			border-box;
    height:				1.5rem;
    
    text-align:			left;
    font-size:			1rem;
    color:				#29AEE3;
}

.AdminLabelTable
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 12%;
    -ms-flex:			0 1 12%;
    -moz-box-flex:		1;
    flex:				0 1 12%;

    align-self:			flex-begin;
    
    margin:				0 0 0 0;
    padding:			0 0 0 0;
	box-sizing:			border-box;
    height:				1.5rem;
    
    text-align:			left;
    font-size:			1rem;
    color:				#29AEE3;
}

.AdminLabelTime
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 8%;
    -ms-flex:			0 1 8%;
    -moz-box-flex:		1;
    flex:				0 1 8%;

    align-self:			flex-begin;
    
    margin:				0 0 0 0;
    padding:			0 0 0 0;
	box-sizing:			border-box;
    height:				1.5rem;
    
    text-align:			left;
    font-size:			1rem;
    color:				#29AEE3;
}

.AdminPrintRowContainer
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
	justify-content:	flex-start;
	align-content:		flex-start;	
    align-self:			flex-start;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;
  
    width:				100%;
    height:				auto;
    padding:			0 0 0 0;
    box-sizing:			border-box;

    margin:				0 0 0 0;
    position:			relative;
}

.AdminRowContainer
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
	justify-content:	space-between;
	align-content:		flex-start;	
    align-self:			flex-start;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;
  
    width:				100%;
    height:				auto;
    padding:			0 0 0 0;
    box-sizing:			border-box;

    margin:				0 0 0 0;
    position:			relative;
}

.AdminRowContainerW
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
	justify-content:	space-between;
	align-content:		flex-start;	
    align-self:			flex-start;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;
  
    width:				100%;
    height:				auto;
    padding:			0 0 0 0;
    box-sizing:			border-box;

    margin:				0 0 0 0;
    position:			relative;
}

.AdminTitleContainer
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
	justify-content:	space-between;
	align-content:		flex-start;	
    align-self:			flex-start;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;
  
    width:				100%;
    height:				auto;
    padding:			0 0 0 0;
    box-sizing:			border-box;

    margin:				0 0 0.5rem 0;
    position:			relative;
}

.AdminTitleContainerW
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
	justify-content:	space-between;
	align-content:		flex-start;	
    align-self:			flex-start;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;
  
    width:				100%;
    height:				auto;
    padding:			0 0 0 0;
    box-sizing:			border-box;

    margin:				0 0 0.5rem 0;
    position:			relative;
}

.AdminTitleId
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 6%;
    -ms-flex:			0 1 6%;
    -moz-box-flex:		1;
    flex:				0 1 6%;

    align-self:			flex-begin;
    
    margin:				0 0 0 0;
    padding:			0 0 0 0;
	box-sizing:			border-box;
    height:				1.5rem;
    
    text-align:			left;
    font-size:			0.9rem;
    font-weight:		bold;
    color:				#29AEE3;
}

.AdminTitleCode
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 13%;
    -ms-flex:			0 1 13%;
    -moz-box-flex:		1;
    flex:				0 1 13%;

    align-self:			flex-begin;
    
    margin:				0 0 0 0;
    padding:			0 0 0 0;
	box-sizing:			border-box;
    height:				1.5rem;
    
    text-align:			left;
    font-size:			0.9rem;
    font-weight:		bold;
    color:				#29AEE3;
}

.AdminTitleName
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 25%;
    -ms-flex:			0 1 25%;
    -moz-box-flex:		1;
    flex:				0 1 25%;

    align-self:			flex-begin;
    
    margin:				0 0 0 0;
    padding:			0 0 0 0;
	box-sizing:			border-box;
    height:				1.5rem;
    
    text-align:			left;
    font-size:			0.9rem;
    font-weight:		bold;
    color:				#29AEE3;
}

.AdminTitleReason
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 8%;
    -ms-flex:			0 1 8%;
    -moz-box-flex:		1;
    flex:				0 1 8%;

    align-self:			flex-begin;
    
    margin:				0 0 0 0;
    padding:			0 0 0 0;
	box-sizing:			border-box;
    height:				1.5rem;
    
    text-align:			left;
    font-size:			0.9rem;
    font-weight:		bold;
    color:				#29AEE3;
}

.AdminTitleTable
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 12%;
    -ms-flex:			0 1 12%;
    -moz-box-flex:		1;
    flex:				0 1 12%;

    align-self:			flex-begin;
    
    margin:				0 0 0 0;
    padding:			0 0 0 0;
	box-sizing:			border-box;
    height:				1.5rem;
    
    text-align:			left;
    font-size:			0.9rem;
    font-weight:		bold;
    color:				#29AEE3;
}

.AdminTitleTime
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 8%;
    -ms-flex:			0 1 8%;
    -moz-box-flex:		1;
    flex:				0 1 8%;

    align-self:			flex-begin;
    
    margin:				0 0 0 0;
    padding:			0 0 0 0;
	box-sizing:			border-box;
    height:				1.5rem;
    
    text-align:			left;
    font-size:			0.9rem;
    font-weight:		bold;
    color:				#29AEE3;
}

.AlertLabelS
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
   	flex:				0 1 75%;
   
    align-self:			flex-start;
    
    text-align:			left;
    column-count:		1;
	
	color:				#FF0000;
    font-size:			0.8rem;
	font-weight:    	bold;
}

.BlockContainer
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:				flex-start;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:					0 1 100%;
  
    width:					100%;
	height:					auto;
    padding:				0;
    box-sizing:				border-box;
    margin:					0 auto;
	/*visibility:				hidden;*/
	height:					0;
}

.BlockContainer.show 
{
    display:				block !important;
}

.BodyContainer
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

	width:					100%;
	height:					100%;
	box-sizing:				border-box;

	font-family:			"corbertregular", Calibri, Helvetica, sans-serif;
	font-size:				1.6rem;
	font-weight:    		normal;
	font-style:		    	normal;
	color:					#29AEE3;

    background:				-webkit-linear-gradient(bottom,		rgba(41, 171, 226, 0.34), #FFFFFF 300px);
	background:				linear-gradient(		to bottom,	rgba(41, 171, 226, 0.34), #FFFFFF 300px);
	background-repeat:		no-repeat;
}

.BrowserImage
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 auto;
    -ms-flex:			0 1 auto;
    -moz-box-flex:		0;
    flex:               0 1 auto; 

    align-self:         flex-start; 
    
	display:			inline;
	max-width:			30px;
    max-height:			30px;
    margin:				0 auto;	
}

.BrowserImageContainer
{
   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 auto;
    -ms-flex:			0 1 auto;
    -moz-box-flex:		0;
    flex:               0 1 auto; 

    align-self:         flex-start;    
    
    width:              auto;
    height:             auto;
    margin:				0 auto;
    padding:			0;
    
    border:             none;
    background-color:   transparent;
	display:            block;
    visibility:			inherited;
    /*cursor:				pointer;*/

	color:				#29AEE3;
    font-size:			1.1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.BrowserImagesContainer
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
	justify-content:	space-between;
	align-content:		flex-end;	
    align-self:         flex-end;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	column;
    -ms-flex-direction:		column;
    -moz-box-direction:		normal;
	flex-direction:			column;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 auto;
    -ms-flex:				0 1 auto;
    -moz-box-flex:			0;
    flex:              		0 1 auto;

    align-self:        		flex-start;
    
	top:					10px;
	right:					10px;
	height:					auto;
    width:      	        auto;
	position:				absolute;
	background-position:	right top;
    /*cursor:					pointer;*/
	visibility:				visible;	
	
	font-size:				1.1rem;	
	font-weight:    		normal;
	font-style:	    		normal;
}

.CalendarButton
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 10%;
    -ms-flex:			0 1 10%;
    -moz-box-flex:		0;
    flex:				0 1 10%;

	align-self:			flex-start;
   	
    height:				28px;
    max-width:			10%;
    border:				1px solid #29AEE3;
    border-radius:		0px;
    margin:				0 0 0 0;
    padding:			0 0 0 0; 
    box-sizing:        	border-box;

   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom, 	#FFFFFF 48%, #CFEDFF); */
    background-color:	#C8E9F7;	

    cursor:				pointer;
    color:				#29AEE3;

    font-size:			0.9rem;
	font-weight:    	normal;
	font-style:	    	normal;
	text-align:			center;
}

.CalendarButton.active
{
   /*  background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    background-color:	#DFF1FA;
}

.CalendarButton:focus
{
    /*border:				2px solid #29AEE3;*/
}

.CalendarButton:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
} 

.CalendarButton:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient			(to bottom, #FFFFFF 48%, #D3D3D3);
    
    color:				#D3D3D3;
    border-color:		#D3D3D3; */
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.CalendarButton:disabled,hover
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3); */
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
} 

.CalendarContainer
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
	justify-content:	space-between;
	align-content:		flex-start;	
    align-self:			flex-start;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:              		0 1 100%;
    
	position:				absolute;
	top:					auto;
	left:					auto;
	max-width:				350px;
	min-width:				250px;
	height:					0;	
    margin:					-8px 0 8px 0;
	border:					1px solid #29AEE3;
	visibility:				hidden;	
	background-color:		FFFFFF;
	background:				rgba(252, 252, 252, 1) !important;
	z-index:				99;
}

.CalendarContainerS
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
	justify-content:	space-between;
	align-content:		flex-start;	
    align-self:			flex-start;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:              		0 1 100%;
    
	position:				absolute;
	/* top:					auto;
	left:					auto; */ 
	max-width:				200px;
	min-width:				200px;
	height:					0;	
    margin:					-8px 0 8px 0;
	border:					1px solid #29AEE3;
	visibility:				hidden;	
	background-color:		FFFFFF;
	background:				rgba(252, 252, 252, 1) !important;
	z-index:				99;
}

.CalendarDay
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 10%;
    -ms-flex:			0 1 10%;
    -moz-box-flex:		0;
    flex:				0 1 10%;

	align-self:			flex-start;
	
    height:				28px;
    max-width:			10%;
    border:				none;
    border-radius:		0px;

    cursor:				pointer;
    color:				#000000;
    margin:				0 0 0 0;
    padding:			0 0 0 0; 
    box-sizing:        	border-box;
	background-color:	#FFFFFF;

    font-size:			0.9rem;
	font-weight:    	normal;
	font-style:	    	normal;
	text-align:			center;
}

.CalendarTitle
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 40%;
    -ms-flex:			0 1 40%;
    -moz-box-flex:		0;
    flex:				0 1 40%;

	align-self:			flex-start;
    
    height:				28px;
    max-width:			80%;
    border:				1px solid #29AEE3;
    border-radius:		0px;

    background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF); 
    background-color:	#C8E9F7;	

    cursor:				default;
    color:				#29AEE3;
    margin:				0 0 0 0;
    padding:			0 0 0 0; 
    box-sizing:        	border-box;

    font-size:			0.9rem;
	font-weight:    	normal;
	font-style:	    	normal;
	text-align:			center;
}

.CalendarTitleContainer
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:				flex-start;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:              		0 1 100%;
    
	top:					0;
	left:					0;
	border:					none;
    margin:					0 0 0 0;
    padding:				0 0 0 0; 
    box-sizing:        		border-box;
}

.CentralContainer
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
    justify-content:		center;
    align-self:				flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
    flex-wrap:         		wrap;
        
    -webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:					0 1 100%;

    padding:				0 0 0 0;
    box-sizing:     		border-box;
    margin:					4rem 0 6.5rem 0;
}

.CentralMenu
{
/*     display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
    justify-content:	space-between;
    align-self:         flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	column;
    -ms-flex-direction:		column;
    -moz-box-direction:		normal;
    flex-direction:			column;

    -webkit-box-flex:	1;
    -webkit-flex:		1 1 auto;
    -ms-flex:			1 1 auto;
    -moz-box-flex:		1;
	flex:               1 1 auto; */
    
	padding:			0 20% 0 20%;
    box-sizing:         border-box;
    width:              100%;
    height:             auto;
    position:			relative;
    margin:				0 auto;

    color:				#29AEE3;    
    font-variant:		small-caps;
	font-weight:    	bold;
	font-style:	    	normal;
    text-align:         center;
	list-style-type:	none;
}

.CentralMenuButton
{
/*     -webkit-box-flex:	1;
    -webkit-flex:		1 1 auto;
    -ms-flex:			1 1 auto;
    -moz-box-flex:		1;
	flex:               1 1 auto;

    align-self:         flex-start; */
    display:            block;				
    width:              100%;
    height:             60px;
    line-height:		55px;
	padding:			0.1rem;
    box-sizing:         border-box;
    margin:				0 0 0 0;
    
    /* border:             1px solid;
    border-color:       #63BEFF;
    border-radius:      6px; */
    
    background-color:   #C8E9F7;
    cursor:				pointer;
    
	color:				#29AEE3;
    font-size:			1.5rem;
	font-weight:    	bold;
	font-style:	    	normal;
}

.CentralMenuButton.active
{
    background-color:   #DFF1FA;
}

.CentralMenuButton:focus
{
    /*border:				2px solid #29AEE3;*/
}

.CentralMenuButton:hover
{
    /*background-color:	#A4E2FB;*/
    background-color:	#DFF1FA;
}

.CentralMenuButton.selected
{
    background-color:	#DFF1FA;
}

.CheckBox
{
    background-size:	cover;
    margin:				2px 2px 0 10px;
    padding:			0 0 0 0; 
    box-sizing:         border-box;

    border:				1px solid #29AEE3;
	text-align:			left;
	text-decoration:	none;	
    color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.CheckBoxContainer
{
    width:				75%;
    min-width:			75%;
    float:				right;
}

.CheckBoxContainerL
{
    display:           		flex;
    justify-content:		space-between;
    align-content:			center;
    align-items:			center;
    align-self:        		center;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

   	-webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:              		1 1 100%;

	position:				relative;
    background-position:	center;
    padding:				0 0 1rem 0; 
    box-sizing:         	border-box;
}

.CheckBoxLabel
{
    text-align:		left;
	
	color:			#29AEE3;
    font-size:		1rem;
	font-weight:    normal;
	font-style:	    normal;
	
	margin:			0 0 0 0;
}

.CheckBoxPlaceHolder
{
	background-size:	cover;
    margin:				0 5px 0 0;
    padding:			0 0 0 0; 
    box-sizing:         border-box;

    border:				1px solid #29AEE3;
	text-align:			left;
	text-decoration:	none;	
    color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
	/*visibility:			hidden;*/
}

.CheckBoxPrint
{
    background-size:	cover;
    margin:				2px 20px 0 10px;
    padding:			0 0 0 0; 
    box-sizing:         border-box;

    border:				1px solid #29AEE3;
	text-align:			left;
	text-decoration:	none;	
    color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.ControlsForm
{
	width:				100%;
	margin:				0 0 0 0;
}

.C_OLabel
{
	display:			inline-block; 
	
	height:				15px;
	width:				30px;
 
	margin:				0 30px 0 0;
	padding:			0 0 0 0;
    box-sizing:			border-box;

	text-align:			left;
    font-size:			1rem;
}

.Data
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:         	flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    width:					90%;
    padding:				7rem 5% 5rem 5%;
    box-sizing:				border-box;
    margin:					0 auto;
} 

.Data1
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        		flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 48%;
    -ms-flex:				0 1 48%;
    -moz-box-flex:			0;
    flex:              		0 1 48%;
} 

.Data2
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        		flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 48%;
    -ms-flex:				0 1 48%;
    -moz-box-flex:			0;
    flex:              		0 1 48%;
}

.Data3
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        		flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    width:					100%;
    padding:				2rem 6rem 0 6.5rem;
    box-sizing:				border-box;
} 

.Data4
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        		flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    width:					100%;
    padding:				0 6rem 0 6.5rem;
    box-sizing:				border-box;
} 

.Data5
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        		flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    width:					100%;
    padding:				4rem 6rem 0 6.5rem;
    box-sizing:				border-box;
} 

.Data6
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        		flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    width:					100%;
    padding:				0 6rem 0 6.5rem;
    box-sizing:				border-box;
} 

.Data7
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        		flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    width:					100%;
    padding:				4rem 6rem 3rem 6.5rem;
    box-sizing:				border-box;
} 

.Data8
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        		flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    width:					100%;
    padding:				1rem 0 0 0;
    box-sizing:				border-box;
} 

.Data9
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:         	flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    width:					90%;
    padding:				10rem 5% 5rem 5%;
    box-sizing:				border-box;
    margin:					0 auto;
} 

.DataDetail
{
    align-self:         flex-start;

    width:				100%;
    padding:			0 0 0 0;
    box-sizing:			border-box;
    margin:				0 0 0 0;
} 

.DataDetail0
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        		flex-start;

    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;


    width:					100%;
    padding:				3rem 6rem 0rem 6.5rem;
    box-sizing:				border-box;
} 

.DataDetail1
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        		flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    width:					100%;
    height:					auto;
    padding:				3rem 6rem 0rem 6.5rem;
    box-sizing:				border-box;
} 

.DataDetail2
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        		flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    width:					100%;
    height:					auto;
    padding:				0rem 6rem 5rem 6.5rem;
    box-sizing:				border-box;
} 

.DataDetail3
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:       		flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    width:					100%;
    height:					auto;
    margin:					0;
    padding:				5rem 6rem 5rem 0;
    box-sizing:				border-box;
} 

.DataDetail4
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        		flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    width:					100%;
    height:					auto;
    padding:				0 6rem 5rem 6.5rem;
    box-sizing:				border-box;
} 

.DataDetail5
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:         	flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    width:					100%;
    height:					auto;
    padding:				0 6rem 5rem 6.5rem;
    box-sizing:				border-box;
} 

.DataDetail7
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:       		center;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    width:					60%;
    height:					auto;
    margin:					0 auto;
    padding:				5rem 0 5rem 0;
    box-sizing:				border-box;
} 

.DataList
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:               	0 1 100%;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        	 	flex-start;

    width:              	80%;
    height:             	auto;
    margin:					4rem 0 0 15%;
}

.DataNoMenu
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        		 flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:              	 	0 1 100%;
    
    top:					-8rem;
    position:				relative;
    padding:				1rem 6rem 5rem 6.5rem;
} 

.DataRowContainer
{
	display:				flex; 
	justify-content:		flex-start;
	align-content:			flex-start;	
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    align-self:         	flex-start;

    width:					100%;
    height:					auto;
    padding:				0 0 0 15%;
    box-sizing:				border-box;
    margin:					0 auto;
}

.DataRowContainerC
{
	display:				flex; 
	justify-content:		flex-start;
	align-content:			flex-start;	
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    align-self:         	flex-start;

    width:					100%;
    height:					auto;
    padding:				0 0 0 0;
    box-sizing:				border-box;
    margin:					0 auto;
}

.DataRowContainerG
{
	display:				flex; 
	justify-content:		flex-start;
	align-content:			flex-start;	
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    align-self:         	flex-start;

    width:					100%;
    height:					auto;
    padding:				0 0 0 0;
    box-sizing:				border-box;
    margin:					0 auto;
}

.DataRowFieldCode
{
    background-color:	#FFFFFF;
	margin:				0 10px 3px 10px; 
    width:				20%;
    height:				auto; 
    color:				#29AEE3;
	text-align:			left;
	padding:			0 5px 0 5px; 
    box-sizing:     	border-box;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}
/* 
.DataRowFieldCode:focus
{
	text-decoration:	underline;
	cursor:				pointer;
}

.DataRowFieldCode:hover
{
	text-decoration:	underline;
	cursor:				pointer;
} */

.DataRowFieldDate
{
    background-color:	#FFFFFF;
	margin:				0 10px 3px 10px; 
	width:				9%;
    height:				auto; 
    color:				#29AEE3;
	text-align:			left;
	padding:			0 5px 0 5px; 
    box-sizing:     	border-box;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}
/* 
.DataRowFieldDate:focus
{
	text-decoration:	underline;
	cursor:				pointer;
}

.DataRowFieldDate:hover
{
	text-decoration:	underline;
	cursor:				pointer;
} */

.DataRowFieldId
{
    background-color:	#FFFFFF;
	margin:				0 10px 3px 10px; 
    width:				5%;
    height:				auto; 
    color:				#29AEE3;
	text-align:			right;
	padding:			0 5px 0 5px; 
    box-sizing:     	border-box;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}
/* 
.DataRowFieldId:focus
{
	text-decoration:	underline;
	cursor:				pointer;
}

.DataRowFieldId:hover
{
	text-decoration:	underline;
	cursor:				pointer;
} */

.DataRowFieldName
{
    background-color:	#FFFFFF;
    margin:				0 10px 3px 10px;
    width:				30%;
    height:				auto; 
    color:				#29AEE3;
	text-align:			left;
	padding:			0 5px 0 5px; 
    box-sizing:     	border-box;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}
/* 
.DataRowFieldName:focus
{
	text-decoration:	underline;
	cursor:				pointer;
}

.DataRowFieldName:hover
{
	text-decoration:	underline;
	cursor:				pointer;
} */

.DataRowFieldNameS
{
    background-color:	#FFFFFF;
    margin:				0 10px 3px 10px;
    width:				25%;
    height:				auto; 
    color:				#29AEE3;
	text-align:			left;
	padding:			0 5px 0 5px; 
    box-sizing:     	border-box;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}
/* 
.DataRowFieldNameS:focus
{
	text-decoration:	underline;
	cursor:				pointer;
}

.DataRowFieldNameS:hover
{
	text-decoration:	underline;
	cursor:				pointer;
} */

.DataRowFieldNameT
{
    background-color:	#FFFFFF;
    margin:				0 10px 3px 10px;
    width:				20%;
    height:				auto; 
    color:				#29AEE3;
	text-align:			left;
	padding:			0 5px 0 5px; 
    box-sizing:     	border-box;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}
/* 
.DataRowFieldNameT:focus
{
	text-decoration:	underline;
	cursor:				pointer;
}

.DataRowFieldNameT:hover
{
	text-decoration:	underline;
	cursor:				pointer;
} */

.DataRowFieldPeriod
{
    background-color:	#FFFFFF;
	margin:				0 10px 3px 10px; 
    width:				16%;
    height:				auto; 
    color:				#29AEE3;
	text-align:			left;
	padding:			0 5px 0 5px; 
    box-sizing:     	border-box;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}
/* 
.DataRowFieldPeriod:focus
{
	text-decoration:	underline;
	cursor:				pointer;
}

.DataRowFieldPeriod:hover
{
	text-decoration:	underline;
	cursor:				pointer;
} */

.DemoVersion
{
   	/* -webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			1;
    flex:					0 1 100%;

    align-self:				flex-begin; */

    position:				absolute;  
    left:					0;
    top:					5rem;
    width:					100%;
    height:					auto;
    background-position:	left top;
    margin:					0 auto;
    padding:				1rem 0 0 2rem;
    box-sizing:				border-box;
    
    cursor:					normal;

    font-size:				0.9rem;
    font-weight:			normal;
    background-size:		cover;

	text-align:				center;
	text-decoration:		none;
	color:					#FF0000;
}

.Divider
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
	flex:				0 1 75%;
	
	height:				15px;
}

.DividerF
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
	flex:				0 1 75%;
	
	height:				1px;
}

.DividerL
{
   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;

    align-self:			flex-start;
    
    text-align:			left;
    margin:				0.5rem 0 0.5rem 0;
	padding:			0 0 0 0;
	box-sizing:			border-box; 
	height:				1rem;   

    column-count:		1;
    
    font-size:			1rem;
    font-weight:		normal;
}

.DividerS
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
   	flex:				0 1 100%;
   
    align-self:			flex-start;
    
    height:				0.3rem;
    text-align:			left;
    column-count:		1;
	
	color:				#FF0000;
    font-size:			0.3rem;
	font-weight:    	bold;
}

.DividerT
{
   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;

    align-self:			flex-start;
    
    text-align:			left;
    margin:				0.2rem 0 0.2rem 0;
	padding:			0 0 0 0;
	box-sizing:			border-box; 
	height:				1rem;   

    column-count:		1;
    
    font-size:			1rem;
    font-weight:		normal;
}

.EditorForm
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        		flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:            		0 1 100%;

    
	border: 				1px solid #29AEE3;
	-moz-border-radius:		0.7rem; 
	-webkit-border-radiua:	0.7rem; 
	border-radius: 			0.7rem;
	
	height:					auto;
	margin-top:				5rem;
	padding:				1.5rem; 
    box-sizing:    			border-box;

	color:					#29AEE3;
	font-family:			"corbertregular", Calibri, Helvetica, sans-serif;
	font-size:				1rem;
}

.EntryButton
{
    align-self:			center;

    height:				30px;
    width:				50%;
    /*border:				1px solid #29AEE3;*/
	border:				1px solid #C8E9F7;
    border-radius:		12px;
    position:			relative;
    background-size:	cover;
    margin:				0 auto;
    margin-bottom:		15px;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF); */
	background-color:	#C8E9F7;

    cursor:				pointer;
    /*display:			none;*/
    
    color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.EntryButton:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.EntryButton:focus
{
    /*border:				2px solid #29AEE3;*/
}

.EntryButton:hover
{
   /*  background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
}

.EntryButton:disabled
{
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.EntryButton:disabled,hover
{
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.EntryImage
{
  	width:			0 auto;
 	height:			0 auto; 
	/*cursor:			pointer;*/

    padding:		0 0 0 0;
    box-sizing:		border-box;
}

.FeeListImage
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 6%;
    -ms-flex:			0 1 6%;
    -moz-box-flex:		0;
    flex:               0 1 6%;

    align-self:         flex-start; 
    
	padding:			0 0 0 0;
	box-sizing:   		border-box;
    height:				auto;
    max-height:			26px;
    margin:				0;	
}

.FeeListLabelL
{
    -webkit-box-flex:		1;
    -webkit-flex:			0 1 20%;
    -ms-flex:				0 1 20%;
    -moz-box-flex:			0;
    flex:					0 1 20%;

    align-self:				flex-start;

	padding:				2px 0 0 5px;
	box-sizing:   			border-box;
    
    color:					#29AEE3;    
    font-size:				0.9rem;
	font-weight:    		normal;
    text-align:     		left;
}

.FeeListLabelT
{
    -webkit-box-flex:		1;
    -webkit-flex:			0 1 80%;
    -ms-flex:				0 1 80%;
    -moz-box-flex:			0;
    flex:					0 1 80%;

    align-self:				flex-start;

	height:					auto;
	padding:				2px 0 0 5px;
	box-sizing:     		border-box;
    
    color:					#29AEE3;    
    font-size:				0.8rem;
	font-weight:    		normal;
    text-align:     		left;
}

.FeeListRow
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		left;
	align-content:			flex-start;	
    align-self:        		flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 15%;
    -ms-flex:				0 1 15%;
    -moz-box-flex:			0
    flex:					0 1 15%;

    align-self:				flex-start;
    
	padding:				0 0 0 2%;
	box-sizing:     		border-box;
}

.FlagCombo
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 95%;
    -ms-flex:			0 1 95%;
    -moz-box-flex:		0;
    flex:				0 1 95%;

    align-self:			flex-start;
    
    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    border-width:		0 0 1px 0;
    padding:			3px; 
    margin:				0 0 8px 0;
    height:				auto; 
    max-height:			26px;

	color:				#29AEE3;
    font-size:			1rem;
    cursor:				pointer;
}

.FlagCombo:disabled
{
    /*color:				#D3D3D3;*/
    border:				none;
    background-color:	#F7F7F7;
    cursor:				default;
}

.FlagMenu
{
/*     display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
    justify-content:	space-between;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	column;
    -ms-flex-direction:		column;
    -moz-box-direction:		normal;
    flex-direction:    	 	column;

	-webkit-flex-wrap:		nowrap;
	-ms-flex-wrap:			nowrap;
    flex-wrap:         	 	nowrap;*/
 
    width:              100%;
    height:             auto;
    position:			absolute;  
    
    color:				#29AEE3;
    font-variant:		small-caps;
    font-weight:		normal;

    text-align:         center;
	list-style-type:	none;
	display:			none; 
}

.FlagMenu.show
{
    display:			block !important;
}

.FlagMenuButton
{
   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 auto;
    -ms-flex:			0 1 auto;
    -moz-box-flex:		0;
    flex:               0 1 auto; 

    align-self:         flex-start;    
    
    width:              80%;
    height:             auto;
    margin:				0 auto;
    padding:			0;
    
    border:             none;
    background-color:   transparent;
    display:            block;
    visibility:			inherited;
    cursor:				pointer;

	color:				#29AEE3;
    font-size:			1.1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.FlagMenuButtonImage
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 auto;
    -ms-flex:			0 1 auto;
    -moz-box-flex:		0;
    flex:               0 1 auto; 

    align-self:         flex-start; 
    
    max-width:			80%;
    height:				auto;
    margin:				0 auto;	
}

.FlagMenuContainer
{
    -webkit-box-flex:		1;
    -webkit-flex:			0 1 auto;
    -ms-flex:				0 1 auto;
    -moz-box-flex:			0;
    flex:              		0 1 auto;

    align-self:        		flex-start;
    
	top:					95px;
	right:					10px;
	width:					40px;
	height:					auto;
	position:				absolute;
	background-position:	right top;
    cursor:					pointer;
	visibility:				visible;	
	
	font-size:				1.1rem;	
	font-weight:    		normal;
	font-style:	    		normal;
}

.FlagMenuIcon
{
/*
   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:               0 1 auto;
*/

    align-self:         flex-start;
    
    width:				40px;
    height:				auto;
    margin-left:		0px;
    cursor:				pointer;     
    opacity:			0.7;
}

.FlagMenuIcon:hover, active
{
    opacity:			1;
}

.FlagMenuImage
{
    align-self:         flex-start; 
    
    max-width:			auto;
    height:				auto;
}

.FlexiLabelS
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;
    
    background:			transparent;
    border:				none; 
    padding:			3px; 
    margin:				0 0 8px 0;
    width:				65%; 
    height:				auto; 

	color:				#29AEE3;
    font-size:			0.9rem;
	font-weight:    	normal;
	font-style:	    	normal;
} 		

.GobackButton
{
    align-self:			center;

    height:				30px;
    width:				50%;
    /*border:				1px solid #29AEE3;*/
	border:				1px solid #C8E9F7;
    border-radius:		12px;
    position:			relative;
    background-size:	cover;
    margin:				0 auto;
    margin-bottom:		15px;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF); */
	background-color:	#C8E9F7;

    cursor:				pointer;
    /*display:			none;*/
    
    color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.GobackButton:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.GobackButton:focus
{
    /*border:				2px solid #29AEE3;*/
}

.GobackButton:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
}


.GobackButton:disabled
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.GobackButton:disabled,hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.GobackForm
{
	margin-top:			0;
	margin-bottom:		0;
	padding-top:		0;
	padding-bottom:		0;
	box-sizing:       	border-box;
	max-height:			90px;
}

.HeaderCopyright
{
   	-webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
    flex:				1 1 100%;

    align-self:			flex-start;

	top:				0px;
	left:				1rem;
    height:				auto;
    position:			relative;
    padding:			1rem 0 0 0; 
    box-sizing:         border-box;

    font-size:			0.8rem;
    font-weight:		normal;
    background-size:	cover;

	text-align:			left;
	text-decoration:	none;
	color:				#29AEE3;
}

.HeaderGroup
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
    justify-content:		flex-start;
    align-content:			flex-start;
    align-self:				flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
    flex-direction:    		row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
    flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:					0 1 100%;

	
    left:					0;
    top:					0;
	height:					auto;
    max-height:				20rem;
    position:				relative;
    padding:				0; 
    box-sizing:         	border-box;
    background-position:	left top;     
}

.HeaderLogo
{
   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;
    
    left:			0;
    top:			0;
    height:			auto;
}

.HeaderLogoImage
{
    width:			100%;
    height:			auto;
    max-width:		285px;    
    position:		relative;
}

.HeaderLogout
{
   	-webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			1;
    flex:					0 1 100%;

    align-self:				flex-begin;

    height:					auto;
    background-position:	left top;
    margin:					0 auto;
    padding:				1rem 0 0 2rem;
    box-sizing:				border-box;
    
    cursor:					pointer;

    font-size:				0.9rem;
    font-weight:			bold;
    background-size:		cover;

	text-align:				left;
	text-decoration:		underline;
	color:					#FF0000;
}

.HeaderTitle
{	
	left:				170px;
	top:				4px;
    height:				auto;
    max-width:			250px;
    position:			absolute;

	color:				#29AEE3;

    font-variant:		small-caps;
    font-size:			2.25rem;
    font-weight:		bold;
    background-size:	cover;

	text-align:			left;
	text-decoration:	none;
}

.HeaderTitle:active
{
	text-decoration:	none;	
}

.HeaderTitle:hover
{
	text-decoration:	none;	
}

.HeaderTitle:focus
{
	text-decoration:	none;	
}

.HeaderTitleAdmin
{	
	left:				170px;
	/*top:				4px;*/
    height:				auto;
    max-width:			250px;
	position:			relative;

	color:				#29AEE3;

    font-variant:		small-caps;
    font-size:			2.25rem;
    font-weight:		bold;
    background-size:	cover;

	text-align:			left;
	text-decoration:	none;
}

.HeaderTitleAdmin:active
{
	text-decoration:	none;	
}

.HeaderTitleAdmin:hover
{
	text-decoration:	none;	
}

.HeaderTitleAdmin:focus
{
	text-decoration:	none;	
}

.HeaderWHO
{	
	left:				7px;
	top:				118px;
    height:				auto;
    max-width:			100px;
    position:			absolute;

	color:				#449BF8;

    font-variant:		small-caps;
    font-size:			0.8rem;
    font-weight:		bold;
    background-size:	cover;

	text-align:			center;
	text-decoration:	none;
}

.HeaderWHO:active
{
	text-decoration:	none;	
}

.HeaderWHO:hover
{
	text-decoration:	none;	
}

.HeaderWHO:focus
{
	text-decoration:	none;	
}

.HiddenDiv
{
	display:	none;
}

.HintLabel
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;
    
    padding:			0 0 0 0;
    box-sizing:    		border-box;
	
    text-align:			center;
	color:				#F80101;
    font-size:			0.8rem;
	font-weight:   	 bold;
}

.Info
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
    justify-content:		center;
    align-self:				flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
    flex-wrap:         		wrap;
        
    -webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:					0 1 100%;

	margin:					3rem 0 0 0;
    padding:				0 6rem 5rem 6.5rem;
    box-sizing:     		border-box;
}

.InfoIcon
{
    align-self:         flex-start;
    
	width:				23px;
    height:				auto;
    margin-left:		0px;
    cursor:				pointer;     
    opacity:			0s;
}

.InfoLabel
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;

    align-self:			flex-start;
    
    text-align:			center;
    column-count:		1;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
}

.InfoLabelAC
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;

    align-self:			flex-start;
    
    text-align:			center;
    column-count:		1;
    margin:				1.5rem 0 1.5rem 0;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
}

.InfoLabelAL
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;

    align-self:			flex-start;
    
    text-align:			left;
    column-count:		1;
    margin:				1.5rem 0 1.5rem 0;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
}

.InfoLabelEL
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		1;
    flex:				0 1 100%;

    align-self:			center;
    
    text-align:			left;
    font-size:			1rem;
    color:				#29AEE3;

    column-count:		1;
}

.InfoLabelELS
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 95%;
    -ms-flex:			0 1 95%;
    -moz-box-flex:		1;
    flex:				0 1 95%;

    align-self:			center;
    
	padding:			0 5px 3px 5px;
	box-sizing:			border-box;
	text-align:			left;
    font-size:			0.9rem;
    color:				#29AEE3;

    column-count:		1;
}

.InfoLabelFC
{
    -webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
    flex:				1 1 100%;

    align-self:			center;
    
    text-align:			center;
    font-size:			1rem;
    color:				#29AEE3;

    column-count:		1;
}

.InfoLabelS
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;
    
    text-align:		center;
    column-count:	1;
	
	color:			#29AEE3;
    font-size:		1rem;
	font-weight:    normal;
}

.InfoLabelUser
{	
    -webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:					0 1 100%;

    align-self:				flex-start; 

    width:					100%;
    height:					1 rem;
    background-position:	left top;
    margin:					0 auto;
    padding:				0 0 0 2rem;
    box-sizing:				border-box;

    font-size:				1rem;
    font-style:				italic;
    background-size:		cover;

	text-align:				left;
	text-decoration:		none;
}

.InfoPerson
{
    -webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
    flex:				1 1 100%;

    align-self:			flex-start;
    
    margin-bottom:	2rem;
    column-count:	1;

    text-align:		center;
    font-size:		1.1rem;
	font-weight:    bolder;
	font-style:	    normal;
}

.InfoPersonS
{
    -webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
    flex:				1 1 75%;

    align-self:			flex-start;
    
    margin-bottom:	2rem;
    column-count:	1;

    text-align:		center;
    font-size:		1rem;
	font-weight:    bolder;
	font-style:	    normal;
}

.InfoText
{
    -webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
    flex:				1 1 100%;

    align-self:			flex-start;
    
    width:				100%;
	padding:			0.5rem 0 2rem 0;
    
    column-count:		2;
    column-fill:		balance;
    column-gap:			40px;
    
    color:				#29AEE3;
    font-size:			1.1rem;
	font-weight:   		normal;
	font-style:	   		normal;	
	text-align:			justify;
}

.InfoTextAlert
{
    -webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
    flex:				1 1 100%;

    align-self:			flex-start;
    
    width:				100%;
	padding:			0.5rem 0.5rem 0.5rem 0.5rem;
    margin:				0 0 2.5rem 0;

    border:				1px solid #FF0000; 
    border-radius:		20px;
    
    color:				#FF0000;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;	
	text-align:			center;
}

.InfoTitle
{
    -webkit-box-flex:	1;
    -webkit-flex:		1 1 100%;
    -ms-flex:			1 1 100%;
    -moz-box-flex:		1;
    flex:				1 1 100%;

    align-self:			flex-start;
    
    margin-bottom:	1rem;
    column-count:	1;

    text-align:		center;
    font-size:		1.1rem;
	font-weight:    bolder;
	font-style:	    normal;
}

.InputCode
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 auto;
    -ms-flex:			0 1 auto;
    -moz-box-flex:		0;
	flex:				0 1 auto;

    align-self:			center;

    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    border-width:		0 0 1px 0;
    padding:			0.1rem; 
	margin:				0.5rem 0 0 0;
    height:				18px;
    width:				30px; 

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputCombo
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 76%;
    -ms-flex:			0 1 76%;
    -moz-box-flex:		0;
    flex:				0 1 76%;

    align-self:			flex-start;
    
    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    border-width:		0 0 1px 0;
    padding:			3px; 
    margin:				0 0 8px 0;
    height:				auto; 
    max-height:			26px;

	color:				#29AEE3;
    font-size:			1rem;
    cursor:				pointer;
}

.InputCombo:disabled
{
    /*color:				#D3D3D3;*/
    border:				none;
    background-color:	#F7F7F7;
    cursor:				default;
}

.InputComboA
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 76%;
    -ms-flex:			0 1 76%;
    -moz-box-flex:		0;
    flex:				0 1 76%;

    align-self:			flex-start;
    
    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    border-width:		0 0 1px 0;
    padding:			3px; 
    margin:				0 0 8px 0;
    height:				auto; 
    max-height:			26px;

	color:				#FF0000;
    font-size:			1rem;
    cursor:				pointer;
}

.InputComboA:disabled
{
    /*color:				#D3D3D3;*/
    border:				none;
    background-color:	#F7F7F7;
    cursor:				default;
}

.InputComboS
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 30%;
    -ms-flex:			0 1 30%;
    -moz-box-flex:		0;
    flex:				0 1 30%;

    align-self:			flex-start;
    
    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    border-width:		0 0 1px 0;
    padding:			3px; 
    margin:				0 0 8px 0;
    height:				auto; 
    max-height:			26px;

	color:				#29AEE3;
    font-size:			1rem;
    cursor:				pointer;
}

.InputComboS:disabled
{
    /*color:				#D3D3D3;*/
    border:				none;
    background-color:	#F7F7F7;
    cursor:				default;
}

.InputComboT
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 76%;
    -ms-flex:			0 1 76%;
    -moz-box-flex:		0;
    flex:				0 1 76%;

    align-self:			flex-start;
    
    background-color:	transparent;
    border:				none;
    border-width:		0 0 1px 0;
    padding:			3px; 
    margin:				0 0 8px 0;
    height:				auto; 
    max-height:			26px;

	color:				#29AEE3;
    font-size:			1rem;
    cursor:				pointer;
}

.InputComboT:disabled
{
    border:				none;
    /*color:				#D3D3D3;*/
    background-color:	#F7F7F7;
    cursor:				default;
}

.InputContainer
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;

    position:			relative;
    padding:			0 0 0 0;
    box-sizing:			border-box;    
    margin:				0 0 8px 0;
	max-height:			26px;
	height:				26px;
}

.InputContainerDT
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:				flex-start;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 75.5%;
    -ms-flex:				0 1 75.5%;
    -moz-box-flex:			0;
    flex:					0 1 75.5%;
  
	height:					auto;
    padding:				0 0 0 0;
    box-sizing:				border-box;
    margin:					0 0 0 0;
}

.InputContainerDTS
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:				flex-start;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 30%;
    -ms-flex:				0 1 30%;
    -moz-box-flex:			0;
    flex:					0 1 30%;
  
	height:					auto;
    padding:				0 0 0 0;
    box-sizing:				border-box;
    margin:					0 0 0 0;
}

.InputContainerPI
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 71%;
    -ms-flex:			0 1 71%;
    -moz-box-flex:		0;
    flex:				0 1 71%;

    align-self:			flex-start;

    position:			relative;
    padding:			0 0 0 20px;
    box-sizing:			border-box;    
    margin:				0 0 8px 3.5%;
	max-height:			26px;
	height:				26px;
}

.InputField
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;
    
    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    border-width:		0 0 1px 0;
    padding:			3px; 
    box-sizing:			border-box;
    margin:				0 0 8px 0;
    min-height:			21px; 
	color:				#29AEE3;

    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputField:disabled
{
    color:				#72BDFF;
    border:				none;
    background-color:	#F7F7F7;
}

.InputFieldDT
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 96%;
    -ms-flex:			0 1 96%;
    -moz-box-flex:		0;
    flex:				0 1 96%;

    align-self:			flex-start;
    
    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    border-width:		0 0 1px 0;
    padding:			3px; 
    box-sizing:			border-box;
    margin:				0 0 8px 0;
    min-height:			21px; 
	color:				#29AEE3;

    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputFieldDT:disabled
{
    color:				#72BDFF;
    border:				none;
    background-color:	#F7F7F7;
}

.InputFieldDTS
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 88%;
    -ms-flex:			0 1 88%;
    -moz-box-flex:		0;
    flex:				0 1 88%;

    align-self:			flex-start;
    
    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    border-width:		0 0 1px 0;
    padding:			3px; 
    box-sizing:			border-box;
	margin:				0 0 8px 0;
    /*min-height:			21px; */
	color:				#29AEE3;

    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputFieldDTS:disabled
{
    color:				#72BDFF;
    border:				none;
    background-color:	#F7F7F7;
}

.InputFieldE
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;
    
    background-color:	#FFFFFF;
    border:				1px solid #FF0000; 
    border-width:		0 0 1px 0;
    padding:			3px; 
    box-sizing:			border-box;
    margin:				0 0 8px 0;
    min-height:			21px; 
	color:				#29AEE3;

    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputFieldE:disabled
{
    color:				#FF6666;
    border:				none;
    background-color:	#F7F7F7;
}

.InputFieldFC
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 65%;
    -ms-flex:			0 1 65%;
    -moz-box-flex:		0;
    flex:				0 1 65%;

    align-self:			flex-start;
    
    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    border-width:		0 0 1px 0;
    padding:			3px; 
    margin:				0 0 8px 0;
	min-height:			21px;
	color:				#29AEE3;

    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputFieldFC:disabled
{
    color:				#72BDFF;
    border:				none;
    background-color:	#F7F7F7;
}

.InputFieldL
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
	flex:				0 1 100%;

    align-self:			flex-start;
    
    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    border-width:		0 0 1px 0;
    padding:			3px;
    box-sizing:			border-box;

    max-height:			21px; 
    min-height:			21px; 

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputFieldL:disabled
{
    color:				#72BDFF;
    border:				none;
    background-color:	#F7F7F7;
}

.InputFieldP
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;

    align-self:			flex-start;
    
 	top:				0px;
	left:				0px;
	position:			absolute;
    background-color:	transparent;
    border:				1px solid #29AEE3; 
    border-width:		0 0 1px 0;
    padding:			3px; 
    box-sizing:			border-box;
    margin:				0 0 8px 0;
    min-height:			21px; 
	width:				100%;
	color:				transparent;

    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputFieldP:disabled
{
    border:				none;
    /*border-color:		#37DDFB;*/
}

.InputFieldPE
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;

    align-self:			flex-start;

 	top:				0px;
	left:				0px;
	position:			absolute;
    background-color:	transparent;
	border:				1px solid #FF0000; 
    border-width:		0 0 1px 0;
    padding:			3px; 
    box-sizing:			border-box;
    margin:				0 0 8px 0;
    min-height:			21px; 
    width:				100%;
	color:				transparent;

    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputFieldPE:disabled
{
    border:				none;
    /*border-color:		#37DDFB;*/
}

.InputFieldS
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 30%;
    -ms-flex:			0 1 30%;
    -moz-box-flex:		0;
    flex:				0 1 30%;
    
    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    border-width:		0 0 1px 0;
    padding:			3px; 
    box-sizing:			border-box;
	max-height:			26px;
    /*min-height:			21px; */

    color:				#29AEE3;
    font-size:			1rem;
}

.InputFieldS:disabled
{
    color:				#72BDFF;
    border:				none;
    background-color:	#F7F7F7;
}

.InputFieldT
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;
    
    background-color:	transparent;
    border:				none;
    text-align:			left;
    column-count:		1;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
}

.InputFieldTF
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 95%;
    -ms-flex:			0 1 95%;
    -moz-box-flex:		0;
    flex:				0 1 95%;

    align-self:			flex-start;
    
	width:				auto;
    background-color:	transparent;
    border:				none;
    text-align:			left;
    column-count:		1;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
}

.InputFieldTFE
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 95%;
    -ms-flex:			0 1 95%;
    -moz-box-flex:		0;
    flex:				0 1 95%;

    align-self:			flex-start;
    
	width:				auto;
    background-color:	transparent;
    border:				1px solid #29AEE3; 
    border-width:		0 0 1px 0;
    text-align:			left;
    column-count:		1;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
}

.InputFieldTS
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 21.6%;
    -ms-flex:			0 1 21.6%;
    -moz-box-flex:		0;
    flex:				0 1 21.6%;

    align-self:			flex-start;
    
    background-color:	transparent;
    border:				none;
    text-align:			left;
    column-count:		1;
    /*min-height:			21px; */
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
}

.InputFieldX
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;

    align-self:			flex-start;
    
 	top:				0px;
	left:				0px;
	position:			absolute;
    background-color:	#FFFFFF;
    border:				none; 
    padding:			3px; 
    margin:				0 0 8px 0;
    min-height:			21px; 
   width:				100%;
	color:				#29AEE3;

    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputFlagContainer
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        		flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 75%;
    -ms-flex:				0 1 75%;
    -moz-box-flex:			0;
    flex:					0 1 75%;

    align-self:				flex-start;   
}

.InputFlagContainerT
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
    align-self:        		flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 75%;
    -ms-flex:				0 1 75%;
    -moz-box-flex:			0;
    flex:					0 1 75%;

    align-self:				flex-start;   
}

.InputLabel
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 20%;
    -ms-flex:			0 1 20%;
    -moz-box-flex:		0;
	flex:				0 1 20%;

    align-self:			flex-start;
    
    text-align:			right;
    margin:				0 0 8px 0;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputLabel3
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 20%;
    -ms-flex:			0 1 20%;
    -moz-box-flex:		0;
	flex:				0 1 20%;

    align-self:			flex-start;
    
    text-align:			right;
    margin:				0 0 8px 0;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputLabelA
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 20%;
    -ms-flex:			0 1 20%;
    -moz-box-flex:		0;
	flex:				0 1 20%;

    align-self:			flex-start;
    
    margin:				0 0 8px 0;
    
    color:				#FF0000;
    font-size:			1rem;
	font-weight:		normal;
	font-style:	    	normal;	
	text-align:			right;
}

.InputLabelAlert
{
    -webkit-box-flex:	1;
    -webkit-flex:		1 1 75%;
    -ms-flex:			1 1 75%;
    -moz-box-flex:		1;
    flex:				1 1 75%;

    align-self:			flex-start;
    
    margin:				0 0 8px 0;
    
    color:				#FF0000;
    font-size:			1rem;
	font-weight:		bold;
	font-style:	    	normal;	
	text-align:			center;
}

.InputLabelHintOffset
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 20%;
    -ms-flex:			0 1 20%;
    -moz-box-flex:		0;
	flex:				0 1 20%;

    align-self:			flex-start;
    
    text-align:			right;
    margin:				0 0 0 0;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputLabelHint
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;
    
    margin:				0 0 0 0;
    
    color:				#FF0000;
    font-size:			0.8rem;
	font-weight:		normal;
	font-style:	    	normal;	
	text-align:			left;
}

.InputLabelB
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 20%;
    -ms-flex:			0 1 20%;
    -moz-box-flex:		0;
	flex:				0 1 20%;

    align-self:			flex-start;
    
    text-align:			right;
    margin:				0 0 8px 0;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	bold;
	font-style:	    	normal;
}

.InputLabelC
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 20%;
    -ms-flex:			0 1 20%;
    -moz-box-flex:		0;
	flex:				0 1 20%;

    align-self:			flex-start;
    
    text-align:			right;
    margin:				0 0 8px 0;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputLabelF
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 20%;
    -ms-flex:			0 1 20%;
    -moz-box-flex:		0;
	flex:				0 1 20%;

    align-self:			flex-start;
    
    
    height:				3px;	
	color:				transparent;
}

.InputLabelFC
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 30%;
    -ms-flex:			0 1 30%;
    -moz-box-flex:		0;
	flex:				0 1 30%;

    align-self:			flex-start;
    
    text-align:			right;
    margin:				0 0 8px 0;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputLabelL
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
	flex:				0 1 75%;

    align-self:			flex-start;
    
    text-align:			center;
    margin:				0 0 8px 0;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.InputLabelLB
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
	flex:				0 1 75%;

    align-self:			flex-start;
    
    text-align:			center;
    margin:				0 0 8px 0;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	bold;
	font-style:	    	normal;
}

.InputLabelS
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 30%;
    -ms-flex:			0 1 30%;
    -moz-box-flex:		0;
    flex:				0 1 30%;
    
    background-color:	transparent;
    padding:			3px; 
	max-height:			26px;
    /*min-height:			18px; */

    color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	bold;
    text-align:			center;
}

.InputLabelT
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 20%;
    -ms-flex:			0 1 20%;
    -moz-box-flex:		0;
	flex:				0 1 20%;

    align-self:			flex-start;
    
    text-align:			right;
    margin:				0 0 8px 0;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
	white-space:		pre-wrap;
	word-break:			break-all;
  	line-break:			anywhere;
  	overflow-wrap:		break-word;	
}

.InputLabelTB
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 20%;
    -ms-flex:			0 1 20%;
    -moz-box-flex:		0;
	flex:				0 1 20%;

    align-self:			flex-start;
    
    text-align:			right;
    margin:				0 0 8px 0;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	bold;
	font-style:	    	normal;
	white-space:		pre-wrap;
	word-break:			break-all;
  	line-break:			anywhere;
  	overflow-wrap:		break-word;	
}

.InputMemo
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;
    
    background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    padding:			3px; 
    margin:				0 0 8px 0;
    width:				65%;
    height:				auto;

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
} 		

.InputMemo:disabled
{
    /*color:				#D3D3D3;*/
    border:				none;
    background-color:	#F7F7F7;
}

.InputMemoFC
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 65%;
    -ms-flex:			0 1 65%;
    -moz-box-flex:		0;
    flex:				0 1 65%;

    align-self:			flex-start;
    
	background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    padding:			3px; 
    margin:				0 0 8px 0;
    width:				65%; 
    height:				150px; 

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
} 		

.InputMemoFC:disabled
{
    /*color:				#D3D3D3;*/
    border:				none;
    background-color:	#F7F7F7;
}

.InputMemoL
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;
    
	background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    padding:			3px; 
    margin:				0 0 8px 0;
    width:				65%; 
    height:				150px; 

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
} 		

.InputMemoL:disabled
{
    /*color:				#D3D3D3;*/
    border:				none;
    background-color:	#F7F7F7;
}

.InputMemoS
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;
    
	background-color:	#FFFFFF;
    border:				1px solid #29AEE3; 
    padding:			3px; 
    margin:				0 0 8px 0;
    width:				65%; 
    height:				75px; 

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
} 		

.InputMemoS:disabled
{
    /*color:				#D3D3D3;*/
    border:				none;
    background-color:	#F7F7F7;
}

.InputRowContainer
{
    -webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:					0 1 100%;

    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;

    justify-content:		space-between;
	align-content:			flex-start;	
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    align-self:         	flex-start;

    width:					100%;
    height:					auto;
    padding:				0 0 0 0%;
    box-sizing:				border-box;
    margin:					0 0 0 0;
}

.IntroBodyContainer
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		center;
	align-content:			center;	
    align-self:				center;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;

    background:				-webkit-linear-gradient(bottom,		rgba(41, 171, 226, 0.34), #FFFFFF 300px);
	background:				linear-gradient(		to bottom,	rgba(41, 171, 226, 0.34), #FFFFFF 300px);
	background-repeat:		no-repeat;

	width:					100%;
	height:					70%;

	font-family:			"corbertregular", Calibri, Helvetica, sans-serif;
	font-size:				1.6rem;
	font-weight:    		normal;
	font-style:		    	normal;
	color:					#29AEE3;
}

.IntroContainer
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		center;
	align-content:			center;	
    align-self:				center;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:					0 1 100%;
  
    width:					100%;
    height:					auto;
	padding:				20% 0 0 0;
    box-sizing:				border-box;
}

.IntroImage
{
    -webkit-box-flex:				1;
    -webkit-flex:					0 1 100%;
    -ms-flex:						0 1 100%;
    -moz-box-flex:					0;
    flex:							0 1 100%;

    align-self:						center;
      
/* 
	-webkit-transition:				all 0.5s linear;
	-moz-transition:				all 0.5s linear;
	-ms-transition:					all 0.5s linear;
	-o-transition:					all 0.5s linear;
	transition:						all 0.5s linear;
 

	-webkit-transform:				scale(6);
	-moz-transform:					scale(6);
	-ms-transform:					scale(6); 
	-o-transform:					scale(6);
	transform:						scale(6);
  	
	-webkit-transform-origin:		center; 	
	-moz-transform-origin:			center; 	
	-ms-transform-origin:			center; 	
	-o-transform-origin:			center; 	
	transform-origin:				center;
 */

	z-index:						99;
    width:							10px;
    height:							auto;
	max-width:						100px;
    margin:							0 auto;
	/*opacity:						0.1;*/
}

.IntroImageEHI
{
    -webkit-box-flex:				1;
    -webkit-flex:					0 1 100%;
    -ms-flex:						0 1 100%;
    -moz-box-flex:					0;
    flex:							0 1 100%;

    align-self:						center;
        
/* 
	-webkit-transition:				all 0.5s linear;
	-moz-transition:				all 0.5s linear;
	-ms-transition:					all 0.5s linear;
	-o-transition:					all 0.5s linear;
	transition:						all 0.5s linear;
 
	-webkit-transform:				scale(28);
	-moz-transform:					scale(28);
	-ms-transform:					scale(28); 
	-o-transform:					scale(28);
	transform:						scale(28);
  	
	-webkit-transform-origin:		center; 	
	-moz-transform-origin:			center; 	
	-ms-transform-origin:			center; 	
	-o-transform-origin:			center; 	
	transform-origin:				center;
 */	

	position:						absolute;
	z-index:						99;
    width:							10px;
    height:							auto;
	max-width:						100px;
    margin:							0 auto;
	/*opacity:						0.1;*/
}

.LabelContainer
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
	justify-content:	space-between;
	align-content:		flex-start;	
    align-self:			flex-start;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;
  
    width:				100%;
    height:				auto;
    padding:			0 0 0 0;
    box-sizing:			border-box;
    margin:				0 auto;
}

.LabelContainerC
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
	justify-content:	center;
	align-content:		center;	
    align-self:			flex-start;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;
  
    width:				100%;
    height:				auto;
    padding:			0 0 0 0;
    box-sizing:			border-box;
    margin:				0 auto;
}

.LinkLabel
{
	margin:				0, auto;
	display:			block;
	width:				100%;
	height:				auto;
	padding:			0;
	box-sizing:			border-box;

	color:				#29AEE3;
	font-size:			1.2rem;
	font-weight:		bold;
	text-align:			center;
	text-decoration:	underline;
	cursor:				pointer;
	white-space:		pre-wrap;
	word-break:			break-all;
  	line-break:			anywhere;
  	overflow-wrap:		break-word;	
}

.ListImage
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 auto;
    -ms-flex:			0 1 auto;
    -moz-box-flex:		0;
    flex:               0 1 auto;

    align-self:         flex-start; 
    
    height:				auto;
    width:				auto;
    max-height:			26px;
    margin:				0;	
}

.ListLabelLB
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
	flex:				0 1 100%;

    align-self:			flex-start;
    
    margin:				1.5rem 0 0 0;
    padding:			0 0 1rem 0; 
    box-sizing:        	border-box;
	
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	bold;
	font-style:	    	normal;

	text-align:			center;
	text-decoration:	none;
}

.LoadButton
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 35%;
    -ms-flex:			0 1 35%;
    -moz-box-flex:		0;
    flex:				0 1 35%;

    height:				26px;
    /*border:				1px solid #29AEE3;*/
	border:				1px solid #C8E9F7;
    border-radius:		12px;
    padding:			0 0 0 0;
    box-sizing:			border-box;

    /* background:			-webkit-linear-gradient(bottom, 	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF); */
	background-color:	#C8E9F7;

    cursor:				pointer;
    color:				#29AEE3;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
	text-align:			center;
}

.LoadButton:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.LoadButton:focus
{
    /*border:				2px solid #29AEE3;*/
}

.LoadButton:hover
{
   /*  background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
} 

.LoadButton:disabled
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3);

    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.LoadButton:disabled,hover
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3); */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
} 

.LoadButtonL
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    height:				26px;
    /*border:				1px solid #29AEE3;*/
	border:				1px solid #C8E9F7;
    border-radius:		12px;
    padding:			0 0 0 0;
    box-sizing:			border-box;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF); */
	background-color:	#C8E9F7;

    cursor:				pointer;
    color:				#29AEE3;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
	text-align:			center;
}

.LoadButtonL:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.LoadButtonL:focus
{
    /*border:				2px solid #29AEE3;*/
}

.LoadButtonL:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
} 

.LoadButtonL:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3);

    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.LoadButtonL:disabled,hover
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3); */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
} 

.LoadButtonS
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 21.6%;
    -ms-flex:			0 1 21.6%;
    -moz-box-flex:		0;
    flex:				0 1 21.6%;

    height:				26px;
    /*border:				1px solid #29AEE3;*/
	border:				1px solid #C8E9F7;
    border-radius:		12px;
    padding:			0 0 0 0;
    box-sizing:			border-box;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF); */
	background-color:	#C8E9F7;

    cursor:				pointer;
    color:				#29AEE3;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
	text-align:			center;
}

.LoadButtonS:active
{
   /*  background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.LoadButtonS:focus
{
    border:				2px solid #29AEE3;
}

.LoadButtonS:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF));
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
} 

.LoadButtonS:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3);

    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.LoadButtonS:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3); */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
} 

.LoaderImage
{
	-webkit-animation-name:				Rotate;
	-webkit-animation-duration:			1s;
	-webkit-animation-iteration-count:	infinite;
	-webkit-animation-timing-function:	linear;
	
	-moz-animation-name:				Rotate;
	-moz-animation-duration				1s;
	-moz-animation-iteration-count:		infinite;
	-moz-animation-timing-function:		linear;
	
	-ms-animation-name:					Rotate;
	-ms-animation-duration:				1s;
	-ms-animation-iteration-count:		infinite;
	-ms-animation-timing-function:		linear;

	animation-name:						Rotate;
	animation-duration:					1s;
	animation-iteration-count:			infinite;
	animation-timing-function:			linear;

	position:		fixed;
	/*position:		absolute;	*/
	z-index:		999;
	left:			50%;
	top:			50%;
    width:			43px;
    height:			43px;
}

.LoginForm
{
	margin-top:			0;
	margin-bottom:		0;
	padding-top:		0;
	padding-bottom:		0;
	box-sizing:       	border-box;
	height:				auto;
}

.LoginMenu
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
    justify-content:	space-between;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
    flex-direction:     	row;
    
    width:              100%;
    height:             auto;
    top:				0px;
    margin-bottom:		30px;
    position:			relative;
    visibility:         hidden;
 

    color:				#29AEE3;    
    font-variant:		small-caps;
	font-weight:    	normal;
	font-style:	    	normal;
    text-align:         center;
	list-style-type:	none;
}

.MailButtonG
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 35%;
    -ms-flex:			0 1 35%;
    -moz-box-flex:		0;
    flex:				0 1 35%;

    height:				26px;
    /*border:				1px solid #29AEE3;*/
	border:				1px solid #C8E9F7;
    border-radius:		12px;
    padding:			0 0 0 0;
    box-sizing:			border-box;

    /* background:			-webkit-linear-gradient(bottom, 	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF); */
	background-color:	#C8E9F7;

    cursor:				pointer;
    color:				#00CC33;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
	text-align:			center;
}

.MailButtonG:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.MailButtonG:focus
{
    /*border:				2px solid #29AEE3;*/
}

.MailButtonG:hover
{
   /*  background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
} 

.MailButtonG:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3);

    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.MailButtonG:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3); */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
 } 

.MailButtonP
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 35%;
    -ms-flex:			0 1 35%;
    -moz-box-flex:		0;
    flex:				0 1 35%;

    height:				26px;
    /*border:				1px solid #29AEE3;*/
	border:				1px solid #C8E9F7;
    border-radius:		12px;
    padding:			0 0 0 0;
    box-sizing:			border-box;

   /*  background:			-webkit-linear-gradient(bottom, 	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF); */
	background-color:	#C8E9F7;

    cursor:				pointer;
    color:				#FF9900;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
	text-align:			center;
}

.MailButtonP:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.MailButtonP:focus
{
    /*border:				2px solid #29AEE3;*/
}

.MailButtonP:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
} 

.MailButtonP:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3);

    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#FFBD00;
    cursor:				default;
}

.MailButtonP:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3); */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
} 

.MailButtonR
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 35%;
    -ms-flex:			0 1 35%;
    -moz-box-flex:		0;
    flex:				0 1 35%;

    height:				26px;
    /*border:				1px solid #29AEE3;*/
	border:				1px solid #C8E9F7;
    border-radius:		12px;
    padding:			0 0 0 0;
    box-sizing:			border-box;

   /*  background:			-webkit-linear-gradient(bottom, 	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF); */
	background-color:	#C8E9F7;

    cursor:				pointer;
    color:				#FF9029;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
	text-align:			center;
}

.MailButtonR:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.MailButtonR:focus
{
    /*border:				2px solid #29AEE3;*/
}

.MailButtonR:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
} 

.MailButtonR:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3);

    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.MailButtonR:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3); */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
} 

.MailButtonX
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 35%;
    -ms-flex:			0 1 35%;
    -moz-box-flex:		0;
    flex:				0 1 35%;

    height:				26px;
    /*border:				1px solid #29AEE3;*/
	border:				1px solid #C8E9F7;
    border-radius:		12px;
    padding:			0 0 0 0;
    box-sizing:			border-box;

   /*  background:			-webkit-linear-gradient(bottom, 	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF); */
	background-color:	#C8E9F7;

    cursor:				pointer;
    color:				#FF3333;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
	text-align:			center;
}

.MailButtonX:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.MailButtonX:focus
{
    /*border:				2px solid #29AEE3;*/
}

.MailButtonR:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
} 

.MailButtonX:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3);

    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.MailButtonX:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3); */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
} 

.MedListHeaderL
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 25%;
    -ms-flex:			0 1 25%;
    -moz-box-flex:		0;
    flex:				0 1 25%;

    align-self:			flex-start;

	padding:			0 0 0 0;
	box-sizing:     	border-box;
    
    color:				#29AEE3;    
    font-size:			1rem;
	font-weight:    	bold;
	font-style:	    	normal;
    text-align:     	left;
    text-decoration:	underline;
}

.MedListHeaderS
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 15%;
    -ms-flex:			0 1 15%;
    -moz-box-flex:		0;
    flex:				0 1 15%;

    align-self:			flex-start;

	padding:			0 0 0 0;
	box-sizing:     	border-box;
    
    color:				#29AEE3;    
    font-size:			1rem;
	font-weight:   	 	bold;
	font-style:	    	normal;
    text-align:     	left;
    text-decoration:	underline;
}

.MedListLabelB
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 25%;
    -ms-flex:			0 1 25%;
    -moz-box-flex:		0;
    flex:				0 1 25%;

    align-self:			flex-start;
    
	padding:		0 0 0 0;
	box-sizing:     border-box;
    
    color:			#29AEE3;    
    font-size:		0.9rem;
	font-weight:    bold;
	/*font-style:	    italic;*/
    text-align:     left;
}

.MedListLabelL
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 25%;
    -ms-flex:			0 1 25%;
    -moz-box-flex:		0;
    flex:				0 1 25%;

    align-self:			flex-start;
    
	padding:		0 0 0 0;
	box-sizing:     border-box;
    
    color:			#29AEE3;    
    font-size:		0.9rem;
	font-weight:    normal;
	font-style:	    normal;
    text-align:     left;
}

.MedListLabelS
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 15%;
    -ms-flex:			0 1 15%;
    -moz-box-flex:		0;
    flex:				0 1 15%;

    align-self:			flex-start;
    
	padding:		0 0 0 0;
	box-sizing:     border-box;
    
    color:			#29AEE3;    
    font-size:		0.9rem;
	font-weight:    normal;
	font-style:	    normal;
    text-align:     left;
}

.MedListLabelT
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 25%;
    -ms-flex:			0 1 25%;
    -moz-box-flex:		0;
    flex:				0 1 25%;

    align-self:			flex-start;
    
	padding:		0 0 0 0;
	box-sizing:     border-box;
    
    color:			#29AEE3;    
    font-size:		0.9rem;
	font-weight:    normal;
	font-style:	    italic;
    text-align:     left;
}

.MedListRow
{
    display:            flex;
    justify-content:	space-between;
    align-self:         flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
    flex-direction:   		row;

    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
	flex:               0 1 100%;
    
    height:             auto;
}

.Menu
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
    justify-content:	space-between;
    align-self:         flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
    flex-direction:			row;

    -webkit-box-flex:	1;
    -webkit-flex:		1 1 auto;
    -ms-flex:			1 1 auto;
    -moz-box-flex:		1;
	flex:               1 1 auto;
    
    padding:			20px 0 20px 0;
    box-sizing:         border-box;
    width:              100%;
    height:             auto;
    position:			relative;

    color:				#29AEE3;    
    font-variant:		small-caps;
	font-weight:    	bold;
	font-style:	    	normal;
    text-align:         center;
	list-style-type:	none;
}

.MenuButton
{
    -webkit-box-flex:	1;
    -webkit-flex:		1 1 auto;
    -ms-flex:			1 1 auto;
    -moz-box-flex:		1;
	flex:               1 1 auto;

    align-self:         flex-start;
    display:            block;				
	width:              9%;
    height:             34px;
    line-height:		28px;
	padding:			0.1rem;
    box-sizing:         border-box;
    
    /* border:             1px solid;
    border-color:       #63BEFF;
    border-radius:      6px; */
    
    background-color:   #C8E9F7;
    cursor:				pointer;
    
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	bold;
	font-style:	    	normal;
}

.MenuButton.active
{
    background-color:   #DFF1FA;
}

.MenuButton:focus
{
    /*border:				2px solid #29AEE3;*/
}

.MenuButton:hover
{
    /*background-color:	#A4E2FB;*/
    background-color:	#DFF1FA;
}

.MenuButton.selected
{
    background-color:	#DFF1FA;
}

.MobileMenu
{
/*
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
    justify-content:	space-between;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	column;
    -ms-flex-direction:		column;
    -moz-box-direction:		normal;
    flex-direction:     	column;
 
	-webkit-flex-wrap:		nowrap;
	-ms-flex-wrap:			nowrap;
    flex-wrap:          	nowrap;
*/

    width:              100%;
    height:             auto;
    margin-top:			6%;
    position:			absolute;    
    
    color:				#29AEE3;
    font-variant:		small-caps;
    font-weight:		normal;

    text-align:         center;
	list-style-type:	none;
	display:			none;
}

.MobileMenu.show
{
    display:			block !important;
}

.MobileMenuButton
{
   	-webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:               0 1 100%;

    align-self:         flex-start;    
    
    height:             34px;
    line-height:		28px;
    padding:            0.1rem;
    box-sizing:         border-box;
    
    /* border:             1px solid;
    border-color:       #63BEFF;
    border-radius:      6px; */
        
    background-color:   #C8E9F7;
    display:            block;
    visibility:			inherited;
    cursor:				pointer;

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.MobileMenuButton.active
{
    background-color:   #DFF1FA;
}

.MobileMenuButton:focus
{
    /*border:				2px solid #29AEE3;*/
}

.MobileMenuButton:hover
{
    /*background-color:	#A4E2FB;*/
    background-color:	#DFF1FA;
}

.MobileMenuButton.selected
{
    background-color:	#DFF1FA;
}

.MobileMenuContainer
{
  	-webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:               	0 1 100%;

    align-self:        		flex-start;
    
	top:					40px;
	right:					20px;	
	position:				absolute;
	background-position:	right top;
    cursor:					pointer;
	display:				none;	
	
	font-size:				1.1rem;	
	font-weight:    		normal;
	font-style:	    		normal;
}

.MobileMenuIcon
{
    width:				30px;
    max-width:			30px;
    height:				auto;
    margin-left:		137px;
    cursor:				pointer;     
	opacity:			0.7;
}

.MobileMenuIcon:hover, active
{
	opacity:			1;
}

.MobileMenuImage
{
    max-width:			30px;
    height:				auto;
    margin-top:			20%;
    margin-left:		30%;
}

.ModalCaption
{
	margin:			0, auto;
	display:		block;
	width:			100%;
	height:			auto;
	padding:		0;
	box-sizing:		border-box;

	color:			#29AEE3;
	font-size:		0.8rem;
	font-weight:	bold;
	text-align:		center;
}

.ModalContainer
{
	z-index:					99;						/* Sit on top				*/
	padding:					0;
	margin:						0 auto;
	float:						center;
	padding:					0;
    box-sizing:        		 	border-box;
    left:						100px;
    top:						100px;
	width:						100%;
	height:						auto;
	overflow:					auto;					/* Enable scroll if needed	*/
	background-color:			#000000;

	animation-name:				zoom;	
	-webkit-animation-name: 	zoom;
	-webkit-animation-duration:	0.6s;
	animation-duration:			0.6s;

	display:					none;
}

.ModalDescription
{
	margin:			0, auto;
	display:		block;
	width:			100%;
	height:			auto;
	padding:		0;
	box-sizing:		border-box;

    text-align:		left;
	color:			#29AEE3;
	font-size:		0.5rem;
	text-align:		center;
}

.ModalDiv
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
    justify-content:	space-between;
    align-self:         flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
    flex-direction:			row;

  	-webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:               	1 0 100%;

    align-self:        		flex-start;
}

.ModalImage
{
	margin:				0 auto;
	width:				100%;
	height:				auto;
	padding:			0;
    box-sizing:			border-box;
	cursor:				pointer;

    -webkit-transition:	0.3s;
	transition:			0.3s;
	
	display:			block;
}

.ModalImage:hover
{
	opacity: 1.0;
} 

.NoButton
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 35%;
    -ms-flex:			0 1 35%;
    -moz-box-flex:		0;
    flex:				0 1 35%;

    height:				30px;
    /*width:				40px;*/
    /*border:				1px solid #CC0033;*/
    border:				1px solid #29AAE3;
    border-radius:		12px;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333); */
    background-color:	#FFFFFF;

    cursor:				pointer;
    /*color:				#CC0033;*/
	color:				#29AAE3;
    text-align:			centered;

    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.NoButton:active
{
   /*  background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to top, #FFFFFF 48%, #FF3333); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.NoButton:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom	#FFFFFF 48%, #FF3333);

    color:				#CC0033;
    border-color:		#CC0033; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.NoButton:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom	#FFFFFF 48%, #FF3333);

    color:				#CC0033;
    border-color:		#CC0033; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.NoButton:focus
{
    /*border:				2px solid #666666;*/
}

.NoButton:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to top, #FFFFFF 48%, #FF3333); */
} 

.NoButtonF
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 35%;
    -ms-flex:			0 1 35%;
    -moz-box-flex:		0;
    flex:				0 1 35%;

	height:				20px;
    max-height:			20px;
    min-height:			20px;
    /*width:				40px;*/
    /*border:				1px solid #CC0033;*/
    border:				1px solid #29AAE3;
    border-radius:		12px;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333); */
    background-color:	#FFFFFF;

    cursor:				pointer;
    /*color:				#CC0033;*/
	color:				#29AAE3;
    text-align:			centered;

    font-size:			0.7rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.NoButtonF:active
{
   /*  background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to top, #FFFFFF 48%, #FF3333); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.NoButtonF:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom	#FFFFFF 48%, #FF3333);

    color:				#CC0033;
    border-color:		#CC0033; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.NoButtonF:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom	#FFFFFF 48%, #FF3333);

    color:				#CC0033;
    border-color:		#CC0033; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.NoButtonF:focus
{
    /*border:				2px solid #666666;*/
}

.NoButtonF:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to top, #FFFFFF 48%, #FF3333); */
} 

.NoButtonI
{
    height:				22px;
    width:				48%;
    /*border:				1px solid #CC0033;*/
    border:				1px solid #29AAE3;
    border-radius:		12px;

   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333); */
    background-color:	#FFFFFF;

    margin:				0 0 0 0;

    cursor:				pointer;
    /*color:				#CC0033;*/
	color:				#29AAE3;
    text-align:			centered;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.NoButtonI:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to top, #FFFFFF 48%, #FF3333); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.NoButtonI:focus
{
    /*border:				2px solid #666666;*/
}

.NoButtonI:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to top, #FFFFFF 48%, #FF3333); */
} 

.NoButtonI:disabled
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333);

    color:				#CC0033;
    border-color:		#CC0033; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.NoButtonI:disabled,hover
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333);

    color:				#CC0033;
    border-color:		#CC0033; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.NoButtonM
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 15%;
    -ms-flex:			0 1 15%;
    -moz-box-flex:		0;
    flex:				0 1 15%;

    height:				26px;
    /*width:				40px;*/
    /*border:				1px solid #CC0033;*/
    border:				1px solid #29AAE3;
    border-radius:		12px;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333); */
    background-color:	#FFFFFF;

    cursor:				pointer;
    /*color:				#CC0033;*/
	color:				#29AAE3;
    text-align:			centered;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.NoButtonM:active
{
   /*  background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to top, #FFFFFF 48%, #FF3333); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.NoButtonM:focus
{
    /*border:				2px solid #666666;*/
}

.NoButtonM:hover
{
   /*  background:			-webkit-linear-gradient(top,	#FF3333 48%, #FFFFFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #FF3333); */
} 

.NoButtonM:disabled
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333);

    color:				#CC0033;
    border-color:		#CC0033; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.NoButtonM:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333);

    color:				#CC0033;
    border-color:		#CC0033; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.NoButtonS
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 17%;
    -ms-flex:			0 1 17%;
    -moz-box-flex:		0;
    flex:				0 1 17%;

    height:				26px;
    /*width:				40px;*/
    /*border:				1px solid #CC0033;*/
    border:				1px solid #29AAE3;
    border-radius:		12px;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333); */
    background-color:	#FFFFFF;

    cursor:				pointer;
    /*color:				#CC0033;*/
	color:				#29AAE3;
    text-align:			centered;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.NoButtonS:active
{
   /*  background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to top, #FFFFFF 48%, #FF3333); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.NoButtonS:focus
{
    /*border:				2px solid #666666;*/
}

.NoButtonS:hover
{
   /*  background:			-webkit-linear-gradient(top,	#FF3333 48%, #FFFFFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #FF3333); */
} 

.NoButtonS:disabled
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333);

    color:				#CC0033;
    border-color:		#CC0033; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
}

.NoButtonS:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333);

    color:				#CC0033;
    border-color:		#CC0033; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
}

.NoButtonSS
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 15.5%;
    -ms-flex:			0 1 15.5%;
    -moz-box-flex:		0;
    flex:				0 1 15.5%;

    height:				26px;
    /*width:				40px;*/
    /*border:				1px solid #CC0033;*/
    border:				1px solid #C8E9F7;
    border-radius:		12px;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333); */
    background-color:	#C8E9F7;

    cursor:				pointer;
    /*color:				#CC0033;*/
	color:				#29AAE3;
    text-align:			centered;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.NoButtonSS:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to top, #FFFFFF 48%, #FF3333); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.NoButtonSS:focus
{
    /*border:				2px solid #666666;*/
}

.NoButtonSS:hover
{
    /* background:			-webkit-linear-gradient(top,	#FF3333 48%, #FFFFFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #FF3333); */
} 

.NoButtonSS:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333);

    color:				#CC0033;
    border-color:		#CC0033; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.NoButtonSS:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333);

    color:				#CC0033;
    border-color:		#CC0033; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.NoButtonT
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 14%;
    -ms-flex:			0 1 14%;
    -moz-box-flex:		0;
    flex:				0 1 14j%;

    height:				26px;
    /*width:				40px;*/
    /*border:				1px solid #CC0033;*/
    border:				1px solid #C8E9F7;
    border-radius:		12px;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333); */
    background-color:	#C8E9F7;

    cursor:				pointer;
    /*color:				#CC0033;*/
	color:				#29AAE3;
    text-align:			centered;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.NoButtonT:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to top, #FFFFFF 48%, #FF3333); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.NoButtonT:focus
{
    /*border:				2px solid #666666;*/
}

.NoButtonT:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to top, #FFFFFF 48%, #FF3333); */
} 

.NoButtonT:disabled
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333);

    color:				#CC0033;
    border-color:		#CC0033; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.NoButtonT:disabled,hover
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #FF3333);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #FF3333);

    color:				#CC0033;
    border-color:		#CC0033; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.PageTitle
{	
  	-webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:					0 1 100%;

    align-self:				flex-start; 

	top:					0px;
	left:					0px;
    height:					2rem;
    background-position:	left top;
    margin:					0 auto;

    color:					##29AEE3;
    font-variant:			small-caps;
    font-size:				1.5rem;
    font-weight:			bold;
    background-size:		cover;

    padding:				0 0 3rem 0; 
    box-sizing:         	border-box;

	text-align:				center;
	text-decoration:		none;
}

.PageTitle:active
{
	text-decoration:	none;	
}

.PageTitle:hover
{
	text-decoration:	none;	
}

.PageTitle:focus
{
	text-decoration:	none;	
}

.PageTitleGroup
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
    justify-content:		flex-start;
    align-content:			flex-start;
    align-self:				flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
    flex-direction:    		row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
    flex-wrap:				wrap;

  	-webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:					0 1 100%;

	
    left:					0;
    top:					0;
    max-height:				14rem;
    position:				relative;
    padding:				0 6rem 1rem 6rem; 
    box-sizing:         	border-box;
    background-position:	left top;  
}

.PaymentRowLabel1
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 8%;
    -ms-flex:			0 1 8%;
    -moz-box-flex:		0;
	flex:				0 1 8%;

    align-self:			flex-start;
    
    /*min-width:			150px;*/
    
    text-align:			left;
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.PaymentRowLabel2
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 10%;
    -ms-flex:			0 1 10%;
    -moz-box-flex:		0;
	flex:				0 1 10%;

    align-self:			flex-start;
    
    /*min-width:			200px;*/
    
    text-align:			right;
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.PaymentRowLabel3
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 12%;
    -ms-flex:			0 1 12%;
    -moz-box-flex:		0;
	flex:				0 1 12%;

    align-self:			flex-start;
    
    /*min-width:			200px;*/
    
    text-align:			center;
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.PaymentRowLabel4
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 20%;
    -ms-flex:			0 1 20%;
    -moz-box-flex:		0;
	flex:				0 1 20%;

    align-self:			flex-start;
    
    /*min-width:			250px;*/
    
    text-align:			left;
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.PayPalForm
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		space-between;
	align-content:			flex-start;	
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

	width:					100%;
	height:					100%;
	box-sizing:				border-box;
	margin:					30px 0 0 30%;
}

.PrintBodyContainer
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
	justify-content:	space-between;
	align-content:		flex-start;	
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

	width:				100%;
	height:				100%;
	padding:			0 0 0 0;
	box-sizing:			border-box;

	font-family:		"corbertregular", Calibri, Helvetica, sans-serif;
	font-size:			1.6rem;
	font-weight:    	normal;
	font-style:	    	normal;
	color:				#29AEE3;

	/*background:			linear-gradient(to bottom, rgba(41, 171, 226, 0.34), #FFFFFF 300px);*/
	/*background-repeat:	no-repeat;*/
}

.PrintCardContainer
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;
    
	justify-content:		flex-start;
	align-content:			flex-start;	
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;
	
	-webkit-flex-wrap:		nowrap;
	-ms-flex-wrap:			nowrap;
	flex-wrap:				nowrap;

	width:					8.0cm;
	height:					5.0cm;
	padding:				0 0 0 0;
	box-sizing:				border-box;
	margin:					0 0 0 0;

	font-family:			"corbertregular", Calibri, Helvetica, sans-serif;
	font-size:				0.9rem;
	font-weight:    		normal;
	font-style:	    		normal;
	color:					#29AEE3;

	/*background:			linear-gradient(to bottom, rgba(41, 171, 226, 0.34), #FFFFFF 300px);*/
	/*background-repeat:	no-repeat;*/
}

.PrintCardImageF
{
	width:					100%;
	height:					100%;
}

.PrintCardImageB
{
	width:					100%;
	height:					100%;
	transform:				rotate(180deg);

}

.PrintCardImageContainerF
{
  	-webkit-box-flex:		1;
    -webkit-flex:			0 1 50%;
    -ms-flex:				0 1 50%;
    -moz-box-flex:			0;
	flex:					0 1 50%;

    align-self:				flex-start;
    
    left:					0;
    top:					0;
	border:					1px dotted #29AEE3;
	border-width:			1px 1px 0 1px;
}

.PrintCardImageContainerB
{
  	-webkit-box-flex:		1;
    -webkit-flex:			0 1 50%;
    -ms-flex:				0 1 50%;
    -moz-box-flex:			0;
	flex:					0 1 50%;

    align-self:				flex-start;
    
    left:					0;
	border-top-style:		dashed;
  	border-right-style:		dotted;
  	border-bottom-style:	dotted;
  	border-left-style:		dotted;
	border-width:			1px;
}

.PrintCardCode
{	
	left:				0px;
	top:				140px;
    height:				auto;
	width:				7.8cm;
    position:			absolute;

    font-size:			0.8rem;
    font-weight:		normal;
    background-size:	cover;
    color:				#FF0000;
    overflow:			hidden;
	padding:			0 0 0 9rem;
	box-sizing:			border-box;

	text-align:			left;
	text-decoration:	none;
}

.PrintCardName
{	
	left:				0px;
	top:				100px;
   	width:				7.8cm;
	height:				auto;
    position:			absolute;

    font-size:			0.8rem;
    font-weight:		bold;
    background-size:	cover;
    color:				#00BAFF
    overflow:			hidden;
	padding:			0 0 0 9rem;
	box-sizing:			border-box;

	text-align:			left;
	text-decoration:	none;
}

.PrintData
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
	justify-content:	space-between;
	align-content:		flex-start;	
    align-self:         flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

    width:				100%;
    max-width:			21cm;
    padding:			0 6rem 0 6.5rem;
    /*padding:			5rem 6rem 5rem 6.5rem;*/
    box-sizing:			border-box;
} 

.PrintHeaderLogoImage
{
    width:			100%;
    height:			auto;
    max-width:		150px;    
    position:		relative;
}

.PrintHeaderTitle
{	
	left:				100px;
	top:				4px;
    height:				auto;
    max-width:			150px;
    position:			absolute;

    font-variant:		small-caps;
    font-size:			1.2rem;
    font-weight:		bold;
    background-size:	cover;

	text-align:			left;
	text-decoration:	none;
}

.PrintHeaderTitle:active
{
	text-decoration:	none;	
}

.PrintHeaderTitle:hover
{
	text-decoration:	none;	
}

.PrintHeaderTitle:focus
{
	text-decoration:	none;	
}

.PrintHeaderWHO
{	
	left:				0;
	top:				70px;
    height:				auto;
    max-width:			60px;
    position:			absolute;

	color:				#449BF8;

    font-variant:		small-caps;
    font-size:			0.6rem;
    font-weight:		bold;
    background-size:	cover;

	text-align:			center;
	text-decoration:	none;
}

.PrintHeaderWHO:active
{
	text-decoration:	none;	
}

.PrintHeaderWHO:hover
{
	text-decoration:	none;	
}

.PrintHeaderWHO:focus
{
	text-decoration:	none;	
}

.PrintHeaderWHOCard
{		
	-webkit-transform:	rotate(-90deg);	/* Safari */	
	-moz-transform:		rotate(-90deg);	/* Firefox */	
	-ms-transform:		rotate(-90deg);	/* IE */	
	-o-transform:		rotate(-90deg);	/* Opera */
	
	left:				-30px;
	top:				95px;
    height:				auto;
    max-width:			100px;
    position:			absolute;

	color:				#449BF8;

    font-variant:		small-caps;
    font-size:			0.5rem;
    font-weight:		bold;
    background-size:	cover;

	text-align:			center;
	text-decoration:	none;
}

.PrintLabel
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 20%;
    -ms-flex:			0 1 20%;
    -moz-box-flex:		0;
	flex:				0 1 20%;

    align-self:			flex-start;
    
    text-align:			right;
    margin:				0 0 8px 0;
	
	color:				#000000;
    font-size:			0.7rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.PrintLabelL
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
	flex:				0 1 100%;

    align-self:			flex-start;
    
    margin:				0 0 8px 0;
    padding:			0 0 1rem 0; 
    box-sizing:        	border-box;
	
	color:				#000000;
    font-size:			0.7rem;
	font-weight:    	normal;
	font-style:	    	normal;

	text-align:			center;
	text-decoration:	none;
}

.PrintLabelLB
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
	flex:				0 1 100%;

    align-self:			flex-start;
    
    margin:				1.5rem 0 0 0;
    padding:			0 0 1rem 0; 
    box-sizing:        	border-box;
	
	color:				#000000;
    font-size:			0.7rem;
	font-weight:    	bold;
	font-style:	    	normal;

	text-align:			center;
	text-decoration:	none;
}

.PrintPageTitle
{	
  	-webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:					0 1 100%;

    align-self:				flex-start; 

	top:					0px;
	left:					0px;
	max-width:				21cm;
    height:					2rem;
    /*background-position:	left top;*/
    margin:					0;

    font-variant:			small-caps;
    font-size:				1rem;
    font-weight:			bold;
    background-size:		cover;
    color:					#000000;

    /*padding:				0 6rem 0 6.5rem;*/
    padding:				0 0 0 0; 
    box-sizing:         	border-box;

	text-align:				center;
	text-decoration:		none;
}

.PrintPageTitle:active
{
	text-decoration:	none;	
}

.PrintPageTitle:hover
{
	text-decoration:	none;	
}

.PrintPageTitle:focus
{
	text-decoration:	none;	
}

.PrintPageTitleGroup
{
    display:	-webkit-box;
    display:	-webkit-flex;
    display:	-ms-flexbox;
    display:	-moz-box;
    display:	flex;
    
    justify-content:		flex-start;
    align-content:			flex-start;
    align-self:				flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
    flex-direction:    		row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
    flex-wrap:				wrap;

  	-webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:					0 1 100%;

	
    left:					0;
    top:					0;
    max-height:				14rem;
    position:				relative;
    padding:				0 0 0 0; 
    box-sizing:         	border-box;
    background-position:	left top;  
}

.PrintPageTotal
{	
  	-webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:					0 1 100%;

    align-self:				flex-start; 

	top:					0px;
	left:					0px;
    height:					2rem;
    margin:					0 10% 0 0;	

    font-variant:			small-caps;
    font-size:				1.2rem;
    font-weight:			bold;
    background-size:		cover;
    color:					#29AEE3;

    /*padding:				0 6rem 0 6.5rem;*/
    padding:				0 0 0 0; 
    box-sizing:         	border-box;

	text-align:				center;
	text-decoration:		none;
}

.PrintPageTotal:active
{
	text-decoration:	none;	
}

.PrintPageTotal:hover
{
	text-decoration:	none;	
}

.PrintPageTotal:focus
{
	text-decoration:	none;	
}

.PrintValue
{
    -webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
	flex:				0 1 75%;

    align-self:			flex-start;
    
    text-align:			left;
    margin:				0 0 8px 0;
	
	color:				#000000;
	border:				none;
    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.RadioButton
{
    background-size:	cover;
    padding:			0; 
    box-sizing:         border-box;
    margin:				0 5px 0 0;
    position:			relative;
    top:				-13px;

    border:				1px solid #29AEE3;
	text-align:			left;
	text-decoration:	none;	
    color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.RadioButtonContainerH
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;
    
    max-height:			18px; 
    padding:			0; 
    box-sizing:         border-box;
    margin:				2px 0 13px 0;
    background-color:	#FFFFFF;
}

.RadioButtonContainerHS
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;
    
    border:				1px solid transparent;
    max-height:			18px; 
    padding:			0; 
    box-sizing:         border-box;
    margin:				2px 0 13px 0;
    background-color:	#FFFFFF;
}

.RadioButtonLabel
{
    text-align:		left;
	
	color:			#29AEE3;
    font-size:		1rem;
	font-weight:    normal;
	font-style:	    normal;
}

.RequiredStar 
{
	font-weight:	bold;
	color:			#FF0000;
}

.ShowCombo
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 76%;
    -ms-flex:			0 1 76%;
    -moz-box-flex:		0;
    flex:				0 1 76%;

    align-self:			flex-start;
    
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 15%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 15%, #CFEDFF);
    border:				1px solid #29AEE3; */ 
    color:				#D3D3D3;
	border:				none;
    background-color:	#F7F7F7;
    padding:			3px; 
    box-sizing:    		border-box;
    margin:				0 0 8px 0;
    height:				auto; 
    max-height:			26px;

	color:				#29AEE3;
    font-size:			1rem;
}

.ShowComboS
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 22.5%;
    -ms-flex:			0 1 22.5%;
    -moz-box-flex:		0;
    flex:				0 1 22.5%;

    align-self:			flex-start;
    
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 15%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 15%, #CFEDFF);
    border:				1px solid #29AEE3; */ 
    color:				#D3D3D3;
	border:				none;
    background-color:	#F7F7F7;
    padding:			3px; 
    box-sizing:    		border-box;
    margin:				0 0 8px 0;
    height:				auto; 
    max-height:			26px;

	color:				#29AEE3;
    font-size:			1rem;
}

.ShowField
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;
    
    /* background:		-webkit-linear-gradient(top,	#FFFFFF 15%, #CFEDFF);
    background:		linear-gradient(		to top, #FFFFFF 15%, #CFEDFF);
    border:			1px solid #29AEE3; */ 
    color:				#D3D3D3;
	border:				none;
    background-color:	#F7F7F7;
    padding:			3px; 
    min-height:			18px; 

    color:				#29AEE3;
    font-size:			1rem;
}

.ShowFieldDT
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 96%;
    -ms-flex:			0 1 96%;
    -moz-box-flex:		0;
    flex:				0 1 96%;

    align-self:			flex-start;
    
    /* background:		-webkit-linear-gradient(top,	#FFFFFF 15%, #CFEDFF);
    background:		linear-gradient(		to top, #FFFFFF 15%, #CFEDFF);
    border:			1px solid #29AEE3; */ 
    color:				#D3D3D3;
	border:				none;
	background-color:	#F7F7F7;
    padding:			3px; 
    min-height:			18px; 

    color:				#29AEE3;
    font-size:			1rem;
}

.ShowFieldDTS
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 88%;
    -ms-flex:			0 1 88%;
    -moz-box-flex:		0;
    flex:				0 1 88%;

    align-self:			flex-start;
    
    /* background:		-webkit-linear-gradient(top,	#FFFFFF 15%, #CFEDFF);
    background:		linear-gradient(		to top, #FFFFFF 15%, #CFEDFF);
    border:			1px solid #29AEE3; */ 
    color:				#D3D3D3;
	border:				none;
    background-color:	#F7F7F7;
    padding:			3px; 
    min-height:			18px; 

    color:				#29AEE3;
    font-size:			1rem;
}

.ShowFieldF
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 70%;
    -ms-flex:			0 1 70%;
    -moz-box-flex:		0;
    flex:				0 1 70%;

    align-self:			flex-start;
    
    /* background:		-webkit-linear-gradient(top,	#FFFFFF 15%, #CFEDFF);
    background:		linear-gradient(		to top, #FFFFFF 15%, #CFEDFF);
    border:			1px solid #29AEE3; */ 
    color:				#D3D3D3;
	border:				none;
    background-color:	#F7F7F7;
    padding:			3px; 
    min-height:			18px; 

    color:				#29AEE3;
    font-size:			1rem;
}

.ShowFieldS
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 21.6%;
    -ms-flex:			0 1 21.6%;
    -moz-box-flex:		0;
    flex:				0 1 21.6%;
    
    /* background:		-webkit-linear-gradient(top,	#FFFFFF 15%, #CFEDFF);
    background:		linear-gradient(		to top, #FFFFFF 15%, #CFEDFF);
    border:			1px solid #29AEE3; */ 
    color:				#D3D3D3;
	border:				none;
    background-color:	#F7F7F7;
    padding:			3px; 
    min-height:			18px; 

    color:				#29AEE3;
    font-size:			1rem;
}

.ShowFlagCombo
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 95%;
    -ms-flex:			0 1 95%;
    -moz-box-flex:		0;
    flex:				0 1 95%;

    align-self:			flex-start;
    
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 15%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 15%, #CFEDFF);
    border:				1px solid #29AEE3;  */
    color:				#D3D3D3;
	border:				none;
    background-color:	#F7F7F7;
    padding:			3px; 
    margin:				0 0 8px 0;
    height:				auto; 
    max-height:			26px;

	color:				#29AEE3;
    font-size:			1rem;
}

.ShowMemo
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;
    
   /*  background:			-webkit-linear-gradient(top,	#FFFFFF 15%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 15%, #CFEDFF);
    border:				1px solid #29AEE3; */ 
    color:				#D3D3D3;
	border:				none;
    background-color:	#F7F7F7;
    padding:			3px; 
    margin:				0 0 8px 0;
    width:				65%;
    height:				auto;

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
} 		

.ShowMemoFC
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 65%;
    -ms-flex:			0 1 65%;
    -moz-box-flex:		0;
    flex:				0 1 65%;

    align-self:			flex-start;
    
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 15%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 15%, #CFEDFF);
    border:				1px solid #29AEE3;  */
    color:				#D3D3D3;
	border:				none;
    background-color:	#F7F7F7;
    padding:			3px; 
    margin:				0 0 8px 0;
    width:				65%; 
    height:				150px; 

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
} 		

.ShowMemoL
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;
    
   /*  background:			-webkit-linear-gradient(top,	#FFFFFF 15%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 15%, #CFEDFF);
    border:				1px solid #29AEE3; */ 
    color:				#D3D3D3;
	border:				none;
    background-color:	#F7F7F7;
    padding:			3px; 
    box-sizing:			border-box;
    margin:				0 0 8px 0;
    width:				65%; 
    height:				150px; 

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
} 		

.ShowMemoS
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;
    
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 15%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 15%, #CFEDFF);
    border:				1px solid #29AEE3;  */
    color:				#D3D3D3;
	border:				none;
    background-color:	#F7F7F7;
    padding:			3px; 
    margin:				0 0 8px 0;
    width:				65%; 
    height:				75px; 

	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
} 		

.SubmitButton
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    height:				30px;
    max-height:			30px;
    /*border:				1px solid #29AEE3;*/
    border:				1px solid #C8E9F7;
    border-radius:		12px;
    padding:			0 0 0 0;
    box-sizing:			border-box;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom, 	#FFFFFF 48%, #CFEDFF); */
    background-color:	#C8E9F7;	

    cursor:				pointer;
    color:				#29AEE3;

    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
	text-align:			center;
}

.SubmitButton:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.SubmitButton:focus
{
    /*border:				2px solid #29AEE3;*/
}

.SubmitButton:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
} 

.SubmitButton:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3);

    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.SubmitButton:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3); */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
} 

.SubmitButtonF
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

	height:				20px;
    max-height:			20px;
    min-height:			20px;
    /*border:				1px solid #29AEE3;*/
    border:				1px solid #C8E9F7;
    border-radius:		12px;
    padding:			0 0 0 0;
    box-sizing:			border-box;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF); */
    background-color:	#C8E9F7;

    cursor:				pointer;
    color:				#29AEE3;

    font-size:			0.7rem;
	font-weight:    	normal;
	font-style:	    	normal;
	text-align:			center;
}

.SubmitButtonF:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.SubmitButtonF:focus
{
    /*border:				2px solid #29AEE3;*/
}

.SubmitButtonF:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
} 

.SubmitButtonF:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3);

    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.SubmitButtonF:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3);

    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.SubmitButtonLF
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;

	height:				20px;
    max-height:			20px;
    min-height:			20px;
    /*border:				1px solid #29AEE3;*/
    border:				1px solid #C8E9F7;
    border-radius:		12px;
    margin:				0 0 0 0;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF); */
    background-color:	#C8E9F7;

    cursor:				pointer;
    color:				#29AEE3;

    font-size:			0.7rem;
	font-weight:    	normal;
	font-style:	    	normal;
	text-align:			center;
}

.SubmitButtonLF:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.SubmitButtonLF:focus
{
    /*border:				2px solid #29AEE3;*/
}

.SubmitButtonLF:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
} 

.SubmitButtonLF:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3);

    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.SubmitButtonLF:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3);

    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.SubmitButtonS
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 15%;
    -ms-flex:			0 1 15%;
    -moz-box-flex:		0;
    flex:				0 1 15%;
    
    height:				20px;
    min-width:			100px;
    max-height:			20px;

    /*border:				1px solid #29AEE3;*/
    border:				1px solid #C8E9F7;
    border-radius:		12px;
    padding:			0 0 0 0;
    box-sizing:			border-box;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom	#FFFFFF 48%, #CFEDFF); */
    background-color:	#C8E9F7;

    cursor:				pointer;
    color:				#29AEE3;

    font-size:			0.7rem;
	font-weight:    	normal;
	font-style:	    	normal;
	text-align:			center;
}

.SubmitButtonS:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.SubmitButtonS:focus
{
    /*border:				2px solid #29AEE3;*/
}

.SubmitButtonS:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
} 

.SubmitButtonS:disabled
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3);

    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.SubmitButtonS:disabled,hover
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3);

    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.TerminateButton
{
    height:				30px;
    width:				75%;
    /*border:				1px solid #29AEE3;*/
    border:				1px solid #C8E9F7;
    border-radius:		12px;
    position:			relative;
    background-size:	cover;
    margin:				0, 0, 15px, 0;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF); */
    background-color:	#C8E9F7;

    cursor:				pointer;
    /*display:			none;*/
    
    color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.TerminateButton:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.TerminateButton:focus
{
    /*border:				2px solid #29AEE3;*/
}

.TerminateButton:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
}

.TerminateButton:disabled
{
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.TerminateButton:disabled,hover
{
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.TerminateLabel
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 20%;
    -ms-flex:			0 1 20%;
    -moz-box-flex:		0;
	flex:				0 1 20%;

    align-self:			flex-start;
    
    text-align:			right;
	color:				#29AEE3;
    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.Thumbnail
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 20%;
    -ms-flex:			0 1 20%;
    -moz-box-flex:		0;
    flex:				0 1 20%;

    align-self:			flex-start;
    
 	height:				auto; 
	cursor:				pointer;

    padding:			1rem 1rem 1rem 1rem;
    box-sizing:			border-box;
}

.ThumbnailCard
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;

    align-self:			flex-start;
    
 	height:				auto; 
	cursor:				pointer;

    padding:			0 0 0 0;
    box-sizing:			border-box;
}

/* .Thumbnail .Tooltip
{
    width:				auto;
    height:				auto;
    bottom:				125%;
    left:				70%;
	padding: 			2px 10px 2px 10px;
	box-sizing:			content-box;
    position:			absolute;
    margin:				0 0 -8px -43px;

    background-color:	#F5F5DC;
	background-clip:	padding-box;
    border-color:		#A9A9A9;
    border-radius:		6px;
    border-style:		solid;
    border-width:		1px;
    opacity:			0;
    visibility:			hidden;

	-webkit-transition:	opacity 0.2s linear;
	-moz-transition:	opacity 0.2s linear;
	-ms-transition:		opacity 0.2s linear;
	-o-transition:		opacity 0.2s linear;
	transition:			opacity 0.2s linear;

    text-align:			center;
    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
} */

/* .Thumbnail .Tooltip::before 
{
	content:			""; 
	position:			absolute; 
    top:				100%;
	bottom:				-7px;
	left:				52%; 
    margin:				0 0 0 -5px;

	border-width:		6px 6px; 
	border-style:		solid; 
	border-color:		#A9A9A9 transparent transparent transparent; 
} */

/* .Thumbnail .Tooltip::after 
{
    content:			"";
    position:			absolute;
    top:				100%;
	bottom:				-7px;
    left:				52%;
    margin:				0 0 0 -5px;
   
    border-width:		6px 6px;
    border-style:		solid;
    border-color:		#A9A9A9 transparent transparent transparent;
} */

/* .Thumbnail:hover .Tooltip 
{
    visibility:			visible;
    opacity:			1;
} */

.ThumbnailButton
{
    width:				100%;
    height:				22px;
    /*border:				1px solid #29AEE3;*/
    border:				1px solid #C8E9F7;
    border-radius:		12px;
	margin:				0;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #CFEDFF); */
    background-color:	#C8E9F7;

    cursor:				pointer;
    color:				#29AEE3;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.ThumbnailButton:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.ThumbnailButton:focus
{
    /*border:				2px solid #29AEE3;*/
}

.ThumbnailButton:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #CFEDFF);
    background:			linear-gradient(		to top, #FFFFFF 48%, #CFEDFF); */
} 

.ThumbnailButton:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3);

    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.ThumbnailButton:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #D3D3D3);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #D3D3D3);

    color:				#D3D3D3;
    border-color:		#D3D3D3; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.ThumbnailCaption
{
	margin:				0, auto;
	display:			block;
	width:				100%;
	height:				auto;
	padding:			0;
	box-sizing:			border-box;

    text-align:			center;
	color:				#29AEE3;
	font-size:			0.9rem;
	font-weight:		bold;
	white-space:		pre-wrap;
	word-break:			break-all;
  	line-break:			anywhere;
  	overflow-wrap:		break-word;	
}

.ThumbnailCaptionU
{
	margin:				0, auto;
	display:			block;
	width:				100%;
	height:				auto;
	padding:			0;
	box-sizing:			border-box;

	color:				#29AEE3;
	font-size:			0.9rem;
	font-weight:		bold;
	text-align:			center;
	text-decoration:	underline;
	cursor:				pointer;
	white-space:		pre-wrap;
	word-break:			break-all;
  	line-break:			anywhere;
  	overflow-wrap:		break-word;	
}

.ThumbnailContainer
{
   	-webkit-box-flex:		1;
    -webkit-flex:			0 1 100%;
    -ms-flex:				0 1 100%;
    -moz-box-flex:			0;
    flex:					0 1 100%;

    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;

	justify-content:		center;
	align-content:			center;	
    align-self:         	flex-start;

    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;

   	padding:				0 0 0 0;
    box-sizing:				border-box;
}

.ThumbnailContainerCard
{
    display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				-moz-box;
    display:				flex;

    justify-content:		center;
    align-content:			center;
    align-self:				center;
	
    -webkit-box-direction:	normal;
    -webkit-flex-direction:	row;
    -ms-flex-direction:		row;
    -moz-box-direction:		normal;
	flex-direction:			row;

	-webkit-flex-wrap:		wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:				wrap;
    
    position:				absolute;
    top:					90px;
    left:					60px;
    width:					60px;
    height:					70px;
    margin:					0 0 0 0;
	padding:				0 0 0 0;
	box-sizing:				border-box;
}

.ThumbnailDescription
{
	margin:			0, auto;
	display:		block;
	width:			100%;
	height:			auto;
	padding:		0;
	box-sizing:		border-box;

    text-align:		left;
	color:			#29AEE3;
	font-size:		0.7rem;
	text-align:		center;
	white-space:	pre-wrap;
	word-break:		break-all;
  	line-break:		anywhere;
  	overflow-wrap:	break-word;	
}

.ThumbnailImage
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 20%;
    -ms-flex:			0 1 20%;
    -moz-box-flex:		0;
    flex:				0 1 20%;

    align-self:			flex-start;
    
 	height:				auto; 
	cursor:				pointer;

    padding:			1rem 1rem 1rem 1rem;
    box-sizing:			border-box;
}

.ThumbnailImage:hover
{
	/*opacity: 0.7;*/
}

.ThumbnailImageCard
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;

    align-self:			flex-start;
    
 	height:				auto; 
	cursor:				pointer;

    padding:			0 0 0 0;
    box-sizing:			border-box;
}

.TitleRowFieldCode
{
    background-color:	#FFFFFF;
	margin:				0 10px 3px 10px; 
    width:				20%;
    height:				auto; 
    color:				#29AEE3;
	text-align:			left;
	padding:			0 5px 0 5px; 
    box-sizing:     	border-box;

    font-size:			0.9rem;
	font-weight:    	bold;
	font-style:	    	normal;
}

.TitleRowFieldDate
{
    background-color:	#FFFFFF;
	margin:				0 10px 3px 10px; 
	width:				9%;
    height:				auto; 
    color:				#29AEE3;
	text-align:			left;
	padding:			0 5px 0 5px; 
    box-sizing:     	border-box;

    font-size:			0.9rem;
	font-weight:    	bold;
	font-style:	    	normal;
}

.TitleRowFieldId
{
    background-color:	#FFFFFF;
	margin:				0 10px 3px 10px; 
    width:				5%;
    height:				auto; 
    color:				#29AEE3;
	text-align:			right;
	padding:			0 5px 0 5px; 
    box-sizing:     	border-box;

    font-size:			0.9rem;
	font-weight:    	bold;
	font-style:	    	normal;
}

.TitleRowFieldName
{
    background-color:	#FFFFFF;
    margin:				0 10px 3px 10px;
    width:				30%;
    height:				auto; 
    color:				#29AEE3;
	text-align:			left;
	padding:			0 5px 0 5px; 
    box-sizing:     	border-box;

    font-size:			0.9rem;
	font-weight:    	bold;
	font-style:	    	normal;
}

.TitleRowFieldNameS
{
    background-color:	#FFFFFF;
    margin:				0 10px 3px 10px;
    width:				25%;
    height:				auto; 
    color:				#29AEE3;
	text-align:			left;
	padding:			0 5px 0 5px; 
    box-sizing:     	border-box;

    font-size:			0.9rem;
	font-weight:    	bold;
	font-style:	    	normal;
}

.TitleRowFieldNameT
{
    background-color:	#FFFFFF;
    margin:				0 10px 3px 10px;
    width:				20%;
    height:				auto; 
    color:				#29AEE3;
	text-align:			left;
	padding:			0 5px 0 5px; 
    box-sizing:     	border-box;

    font-size:			0.9rem;
	font-weight:    	bold;
	font-style:	    	normal;
}

.TitleRowFieldPeriod
{
    background-color:	#FFFFFF;
	margin:				0 10px 3px 10px; 
    width:				16%;
    height:				auto; 
    color:				#29AEE3;
	text-align:			left;
	padding:			0 5px 0 5px; 
    box-sizing:     	border-box;

    font-size:			0.9rem;
	font-weight:    	bold;
	font-style:	    	normal;
}

.VideoContainer
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 100%;
    -ms-flex:			0 1 100%;
    -moz-box-flex:		0;
    flex:				0 1 100%;

    align-self:			flex-start;  

	width:				80%;
	height:				auto;
    border:				1px solid #66D3FB;
    border-radius:		6px;
    overflow:			hidden;
    margin:				0 0 0 2rem;
    padding:			0 0 0 0;
    box-sizing:			border-box;
}

.WarnLabel
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 75%;
    -ms-flex:			0 1 75%;
    -moz-box-flex:		0;
    flex:				0 1 75%;

    align-self:			flex-start;  

    text-align:		center;
	
	color:			red;
    font-size:		1rem;
	font-weight:    normal;
	font-style:	    normal;
}

.YesButton
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 35%;
    -ms-flex:			0 1 35%;
    -moz-box-flex:		0;
    flex:				0 1 35%;

    height:				30px;
    /*width:				40px;*/
    /*border:				1px solid #66B050;*/
    border:				1px solid #C8E9F7;
    border-radius:		12px;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90); */
    background-color:	#C8E9F7;

    cursor:				pointer;
    /*color:				#66B050;*/
	color:				#29AAE3;
    text-align:			centered;

    font-size:			1rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.YesButton:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to top, #FFFFFF 48%, #90EE90); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.YesButton:focus
{
    /*border:				2px solid #66B050;*/
}

.YesButton:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to top, #FFFFFF 48%, #90EE90); */
} 

.YesButton:disabled
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90);

    color:				#66B050;
    border-color:		#66B050; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.YesButton:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90);

    color:				#66B050;
    border-color:		#66B050; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.YesButtonF
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 35%;
    -ms-flex:			0 1 35%;
    -moz-box-flex:		0;
    flex:				0 1 35%;

	height:				20px;
    max-height:			20px;
    min-height:			20px;
    /*width:				40px;*/
    /*border:				1px solid #66B050;*/
    border:				1px solid #C8E9F7;
    border-radius:		12px;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90); */
    background-color:	#C8E9F7;

    cursor:				pointer;
    /*color:				#66B050;*/
	color:				#29AAE3;
    text-align:			centered;

    font-size:			0.7rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.YesButtonF:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to top, #FFFFFF 48%, #90EE90); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.YesButtonF:focus
{
    /*border:				2px solid #66B050;*/
}

.YesButtonF:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to top, #FFFFFF 48%, #90EE90); */
} 

.YesButtonF:disabled
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90);

    color:				#66B050;
    border-color:		#66B050; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.YesButtonF:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90);

    color:				#66B050;
    border-color:		#66B050; */
	border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.YesButtonI
{
    height:				22px;
    width:				50%;
    /*border:				1px solid #66B050;*/
    border:				1px solid #C8E9F7;
    border-radius:		12px;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90); */
    background-color:	#C8E9F7;	

    margin:				0 3px 0 0;

    cursor:				pointer;
    /*color:				#66B050;*/
    color:				#29AAE3;
    text-align:			centered;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.YesButtonI:active
{
   /*  background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to top, #FFFFFF 48%, #90EE90); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.YesButtonI:focus
{
    /*border:				2px solid #66B050;*/
}

.YesButtonI:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to top, #FFFFFF 48%, #90EE90); */
} 

.YesButtonI:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90);

    color:				#66B050;
    border-color:		#66B050; */    
    border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.YesButtonI:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90);

    color:				#66B050;
    border-color:		#66B050; */
    border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.YesButtonM
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 15%;
    -ms-flex:			0 1 15%;
    -moz-box-flex:		0;
    flex:				0 1 15%;

    height:				26px;
    /*width:				40px;*/
    /*border:				1px solid #66B050;*/
    border:				1px solid #C8E9F7;
	border-radius:		12px;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90); */
    background-color:	#C8E9F7;	

    cursor:				pointer;
    /*color:				#66B050;*/
    color:				#29AEE3;
    text-align:			centered;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.YesButtonM:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to top, #FFFFFF 48%, #90EE90); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.YesButtonM:focus
{
    /*border:				2px solid #66B050;*/
}

.YesButtonM:hover
{
   /*  background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to top, #FFFFFF 48%, #90EE90); */
} 

.YesButtonM:disabled
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90);

    color:				#66B050;
    border-color:		#66B050; */
    border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.YesButtonM:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90);

    color:				#66B050;
    border-color:		#66B050; */
    border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.YesButtonS
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 17%;
    -ms-flex:			0 1 17%;
    -moz-box-flex:		0;
    flex:				0 1 17%;

    height:				26px;
    /*width:				40px;*/
    /*border:				1px solid #66B050;*/
    border:				1px solid #C8E9F7;
	border-radius:		12px;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90); */
    background-color:	#C8E9F7;	

    cursor:				pointer;
    /*color:				#66B050;*/
    color:				#29AEE3;
    text-align:			centered;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.YesButtonS:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to top, #FFFFFF 48%, #90EE90); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.YesButtonS:focus
{
    /*border:				2px solid #66B050;*/
}

.YesButtonS:hover
{
   /*  background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to top, #FFFFFF 48%, #90EE90); */
} 

.YesButtonS:disabled
{
   /*  background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90);

    color:				#66B050;
    border-color:		#66B050; */
    border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
}

.YesButtonS:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90);

    color:				#66B050;
    border-color:		#66B050; */
    border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
}

.YesButtonSS
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 15.5%;
    -ms-flex:			0 1 15.5%;
    -moz-box-flex:		0;
    flex:				0 1 15.5%;

    height:				26px;
    /*width:				40px;*/
    /*border:				1px solid #66B050;*/
    border:				1px solid #C8E9F7;
    border-radius:		12px;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90); */
    background-color:	#C8E9F7;	

    cursor:				pointer;
    /*color:				#66B050;*/
    color:				#29AEE3;
    text-align:			centered;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.YesButtonSS:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to top, #FFFFFF 48%, #90EE90); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.YesButtonSS:focus
{
    /*border:				2px solid #66B050;*/
}

.YesButtonSS:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to top, #FFFFFF 48%, #90EE90); */
} 

.YesButtonSS:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90);

    color:				#66B050;
    border-color:		#66B050; */
    border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.YesButtonSS:disabled,hover
{
/*     background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90);

    color:				#66B050;
    border-color:		#66B050; */
    border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

	color:				#DFF1FA;
    cursor:				default;
}

.YesButtonT
{
  	-webkit-box-flex:	1;
    -webkit-flex:		0 1 14%;
    -ms-flex:			0 1	14%;
    -moz-box-flex:		0;
    flex:				0 1 14%;

    height:				26px;
    /*width:				40px;*/
    /*border:				1px solid #66B050;*/
    border:				1px solid #C8E9F7;
    border-radius:		12px;

    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90); */
    background-color:	#C8E9F7;

    cursor:				pointer;
    /*color:				#66B050;*/
    color:				#29AEE3;
    text-align:			centered;

    font-size:			0.8rem;
	font-weight:    	normal;
	font-style:	    	normal;
}

.YesButtonT:active
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to top, #FFFFFF 48%, #90EE90); */
    border:				1px solid #DFF1FA;
    background-color:	#DFF1FA;
}

.YesButtonT:focus
{
    /*border:				2px solid #66B050;*/
}

.YesButtonT:hover
{
    /* background:			-webkit-linear-gradient(top,	#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to top, #FFFFFF 48%, #90EE90); */
} 

.YesButtonT:disabled
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90);

    color:				#66B050;
    border-color:		#66B050; */
    border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

.YesButtonT:disabled,hover
{
    /* background:			-webkit-linear-gradient(bottom,		#FFFFFF 48%, #90EE90);
    background:			linear-gradient(		to bottom,	#FFFFFF 48%, #90EE90);

    color:				#66B050;
    border-color:		#66B050; */
    border:				1px solid #DFF1FA;
    background-color:	#FFFFFF;

    color:				#DFF1FA;
    cursor:				default;
}

/*
=================================================================
							MEDIA
=================================================================
*/
/*
-----------------------------------------------------------------
							KEYFRAMES
-----------------------------------------------------------------
*/

@-webkit-keyframes Rotate
{
	0%
	{
		-webkit-transform:	rotate(0deg		);
	}
	100%
	{
		-webkit-transform:	rotate(360deg	);
	}
}

@-ms-keyframes Rotate
{
	0%
	{
		-ms-transform:		rotate(0deg		);
	}
	100%
	{
		-ms-transform:		rotate(360deg	);
	}
}

@keyframes Rotate
{
	0%
	{
		transform:		rotate(0deg		);
	}
	100%
	{
		transform:		rotate(360deg	);
	}
}

@keyframes IntroImage 
{
    0%
    {
    	transform: 100px;
    }
    
    100%
    {
    	transform: 800px;
    }
}

/*
-----------------------------------------------------------------
							PRINT
-----------------------------------------------------------------
*/

/*
-----------------------------------------------------------------
							SCREEN
-----------------------------------------------------------------
*/

@media screen and (min-width: 1220px) 
{
	.MenuButton
	{
	    padding-top:	    0.1rem;

	    font-size:			1rem;
		font-weight:    	normal;
		font-style:	    	normal;
	}
}

@media screen and (min-width: 1090px) 
{
  .MobileMenuContainer
    {
        display:		none;
    }
}
	
@media screen and (max-width: 1600px) 
{
	/* .CalendarContainer
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 38%;
 	   	-ms-flex:			0 1 38%;
 	   	-moz-box-flex:		0;
		flex:				0 1 38%;

		justify-content:	space-between;
	} */

	.InputFieldDTS,
	.ShowFieldDTS
	{
	    -webkit-box-flex:		1;
	    -webkit-flex:			0 1 85%;
	    -ms-flex:				0 1 85%;
	    -moz-box-flex:			0;
	    flex:              		0 1 85%;
	}

	.PayPalForm
	{
		margin:				30px 0 0 25%;
	}
}
	
@media screen and (max-width: 1400px) 
{
	.InputFieldDT
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		1 0 95%;
 	   	-ms-flex:			1 0 95%;
 	   	-moz-box-flex:		0;
		flex:				0 1 95%;
	}	

	.InputFieldDTS,
	.ShowFieldDTS
	{
	    -webkit-box-flex:		1;
	    -webkit-flex:			0 1 80%;
	    -ms-flex:				0 1 80%;
	    -moz-box-flex:			0;
	    flex:              		0 1 80%;
	}
	
	.PayPalForm
	{
		margin:				30px 0 0 20%;
	}
}

@media screen and (max-width: 1290px) 
{
	.DataRowFieldNameT,
	.TitleRowFieldNameT
	{
		width:				15%;
	}
}

@media screen and (max-width: 1280px) 
{
	.InputContainerDTS
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 33%;
 	   	-ms-flex:			0 1 33%;
 	   	-moz-box-flex:		0;
		flex:				0 1 33%;
	}

	.InputFieldDTS,
	.ShowFieldDTS
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 75%;
 	   	-ms-flex:			0 1 75%;
 	   	-moz-box-flex:		0;
		flex:				0 1 75%;
		
		max-width:			75%;
	}

	.CalendarContainerS
	{		
		min-width:			150%
	}
}

@media screen and (max-width: 1220px) 
{
	.MenuButton
	{
	    padding-top:	    0.2rem;

	    font-size:			0.9rem;
		font-weight:    	normal;
		font-style:	    	normal;
	}
	
	/* .CalendarContainer
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 50%;
 	   	-ms-flex:			0 1 50%;
 	   	-moz-box-flex:		0;
		flex:				0 1 50%;

		justify-content:	space-between;
	} */

	.InputFieldDT
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		1 0 92%;
 	   	-ms-flex:			1 0 92%;
 	   	-moz-box-flex:		0;
		flex:				0 1 92%;
	}	
}

@media screen and (max-width: 1090px)
{	
	.Data3,
	.Data5
	{
	    padding:			0 6rem 0 6.5rem;
	    box-sizing:			border-box;
	} 

	.Data9
	{
		justify-content:	flex-start;
		
		padding:			3rem 0 3rem 0;
	    box-sizing:			border-box;
	}

	.DataDetail1
	{
	    padding:			0 6rem 0rem 6.5rem;
	    box-sizing:			border-box;
	} 

	.DataRowContainer
	{
 	   padding:				0 0 0 7%;
 	   box-sizing:			border-box;
	}

	.Info
	{
    	padding:			0 2rem 5rem 2.5rem;
	    box-sizing:			border-box;
	}
	
	.InfoText
	{
	    column-count:	1;
	}

	.InputFieldDT
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		1 0 90%;
 	   	-ms-flex:			1 0 90%;
 	   	-moz-box-flex:		0;
		flex:				0 1 90%;
		
		max-width:			90%;
	}	

	.MedListRow
	{
	    -webkit-box-direction:	normal;
	    -webkit-flex-direction:	column;
	    -ms-flex-direction:		column;
	    -moz-box-direction:		normal;
		flex-direction:			column;

		justify-content:		space-between;
	    
		padding:				0 0 2rem 0;
		box-sizing:     		border-box;
    
	}

    .Menu
    {
    	display:		none;
    }   

	.MenuButton
	{
	    padding:            0.1rem;
	
	    font-size:			1rem;
		font-weight:    	normal;
		font-style:	    	normal;
	}
	
   .MobileMenuContainer
    {
        display:		block;
    }
	
	.PayPalForm
	{
		margin:				60px 0 0 15%;
	}
}

/* @media screen and (max-width: 1066px)
{
	.InputFieldP,
	.InputFieldX
	{
		margin:				18px 0 18px 10px;
	}
} */

@media screen and (max-width: 1060px)
{
	.Data
	{
		justify-content:	flex-start;
		
	    width:				90%;
		padding:			2.5rem 0 3rem 0;
	    box-sizing:			border-box;
	}

	.Data9
	{
		justify-content:	flex-start;
		
	    width:				90%;
		padding:			3rem 0 3rem 0;
	    box-sizing:			border-box;
	}

	.InputContainerDTS
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 27%;
 	   	-ms-flex:			0 1 27%;
 	   	-moz-box-flex:		0;
		flex:				0 1 27%;
	}

	.InputContainer,
	.InputContainerDT,
	.InputFlagContainer,
	.InputFlagContainerT,
	.SubmitButtonF,
	.SubmitButton,
	.InputField,
	.InputFieldT,
	.FlexiLabelS,
	.ShowField,
	.ShowfieldDT,
	.InputCombo,
	.FeesCombo,
	.ShowCombo,
	.Divider,
	.InputMemo,
	.ShowMemo,
	.SubmitButton,
	.InputLabelHint,
	.InputFieldE,
	.InputFieldP,
	.InputFieldPE,
	.InputFieldPI,
	.InputFieldX
	{
 	    -webkit-flex:		0 1 65%;
 	   	-ms-flex:			0 1 65%;
 	   	-moz-box-flex:		0;
		flex:				0 1 65%;
	}
	
	.InputContainerPI
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 65%;
	    -ms-flex:			0 1 6%;
	    -moz-box-flex:		0;
	    flex:				0 1 65%;

		justify-content:	space-between;

  		margin:				0 1.5% 8px 0;
	}

	.FlagCombo
	{
	    -webkit-flex:		0 1 91%;
 	   	-ms-flex:			0 1 91%;
 	   	-moz-box-flex:		0;
		flex:				0 1 91%;
	}
	
	.InputFieldDT,
	.ShowFieldDT	
	{
	    -webkit-flex:		0 1 95%;
 	   	-ms-flex:			0 1 95%;
 	   	-moz-box-flex:		0;
		flex:				0 1 95%;
	}
	
	.InputLabel,
	.InputLabelT,
	.InputLabelTB,
	.InputLabelB
	{
		margin:				0 10px 0 0;
	}

	.InputFieldTF,
	.InputFieldTFE
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 93%;
	    -ms-flex:			0 1 93%;
	    -moz-box-flex:		0;
	    flex:				0 1 93%;
	}
	
	.LoadButton,
	.MailButtonG,
	.MailButtonP,
	.MailButtonR,
	.MailButtonX,
	/*.YesButton,*/
	/*.NoButton,*/
	.YesButtonF,
	.NoButtonF
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		1 0 32%;
 	   	-ms-flex:			1 0 32%;
 	   	-moz-box-flex:		0;
		flex:				0 1 32%;

		justify-content:	space-between;
	}

	.YesButton,
	.NoButton
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		1 0 49%;
 	   	-ms-flex:			1 0 49%;
 	   	-moz-box-flex:		0;
		flex:				0 1 49%;

		justify-content:	space-between;
	}
}
	
@media screen and (max-width: 1040px) 
{
	.InputFieldS
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 25%;
	    -ms-flex:			0 1 25%;
	    -moz-box-flex:		0;
	    flex:				0 1 25%;
	    
	    max-width:			25%;
	}

	.PayPalForm
	{
		margin:				60px 0 0 10%;
	}
}

@media screen and (max-width: 1001px) 
{
	.InputLabelC
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 20%;
	    -ms-flex:			0 1 20%;
	    -moz-box-flex:		0;
		flex:				0 1 20%;
	}

	/* .IntroBodyContainer
	{
	    background:				-webkit-linear-gradient(bottom,		rgba(41, 171, 226, 0.34), #FFFFFF 600px);
		background:				linear-gradient(		to bottom,	rgba(41, 171, 226, 0.34), #FFFFFF 600px);
		background-repeat:		no-repeat;
	
		height:					70%;
	} */
	
	.IntroContainer
	{
	    margin:				5rem 0 0 0;
	}	
	
	.RadioButtonContainerHS
	{
	  	-webkit-box-flex:	1;
	    -webkit-flex:		0 1 65%;
	    -ms-flex:			0 1 65%;
	    -moz-box-flex:		0;
	    flex:				0 1 65%;
	
		justify-content:	space-between;
	    align-self:			flex-start;
	    
	    max-height:			18px; 
	    padding:			0; 
	    box-sizing:         border-box;
	    margin:				2px 0 13px 0;
	    background-color:	#FFFFFF;
	}
}

@media screen and (max-width: 960px) 
{
	.InputFieldS,
	.InputLabelS,
	.InputComboS
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 100%;
 	   	-ms-flex:			0 1 100%;
 	   	-moz-box-flex:		0;
		flex:				0 1 100%;
		
	    max-width:			100%;
		margin:				0 0 8px 0;
	}

	.InputContainerDTS
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 100%;
 	   	-ms-flex:			0 1 100%;
 	   	-moz-box-flex:		0;
		flex:				0 1 100%;

		justify-content:	space-between;
		
		margin:				0 0 8px 0;
	}
	
	.InputFieldDTS,
	.ShowFieldDTS
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 92%;
 	   	-ms-flex:			0 1 92%;
 	   	-moz-box-flex:		0;
		flex:				0 1 92%;
		
		max-width:			92%
	}
}

@media screen and (max-width: 920px) 
{
	.AdminLabelPhone
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 25%;
	    -ms-flex:			0 1 25%;
	    -moz-box-flex:		1;
	    flex:				0 1 25%;
	}
	
	.AdminLabelId,
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 8%;
	    -ms-flex:			0 1 8%;
	    -moz-box-flex:		1;
	    flex:				0 1 8%;
	}

	.AdminLabelRank
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 10%;
	    -ms-flex:			0 1 10%;
	    -moz-box-flex:		1;
	    flex:				0 1 10%;
	}

	.FeeListRow
	{
	    -webkit-box-flex:		1;
	    -webkit-flex:			0 1 30%;
	    -ms-flex:				0 1 30%;
	    -moz-box-flex:			0
	    flex:					0 1 30%;

		justify-content:	space-between;
	}
	
	.IntroContainer
	{
	    margin:				5rem 0 0 0;
	}
	
	.PayPalForm
	{
		margin:				60px 0 0 6%;
	}
}

@media screen and (max-width: 900px) 
{
	.DataRowFieldNameT,
	.TitleRowFieldNameT
	{
		width:				50%;
	}

	.DataRowFieldPeriod,
	.TitleRowFieldPeriod
	{
		width:				30%;
	}
}

@media screen and (max-width: 820px) 
{
	.DataRowFieldPeriod,
	.TitleRowFieldPeriod
	{
		width:				30%;
	}

	.InputFieldDTS,
	.ShowFieldDTS
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 92%;
 	   	-ms-flex:			0 1 92%;
 	   	-moz-box-flex:		0;
		flex:				0 1 92%;
		
		max-width;			92%;
	}
	
	.PayPalForm
	{
		margin:				60px 0 0 4%;
	}
}

@media screen and (max-width: 800px) 
{
	.InputFieldTF,
	.InputFieldTFE
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 90%;
	    -ms-flex:			0 1 90%;
	    -moz-box-flex:		0;
	    flex:				0 1 90%;
	}

	.Thumbnail
	{
	  	-webkit-box-flex:	1;
 	   	-webkit-flex:		0 1 30%;
 	   	-ms-flex:			0 1 30%;
		-moz-box-flex:		0;
	    flex:				0 1 30%;
	    align-self:			flex-start;
	}
}

@media screen and (max-width: 780px) 
{
	.PayPalForm
	{
		margin:				60px 0 0 0;
	}
}

@media screen and (max-width: 770px) 
{	
	.AdminRowContainer,
	.AdminRowContainerW
	{
	    margin:				0 0 1rem 0;
	}

	.AdminLabelId,
	.AdminLabelTime,
	.AdminLabelReason,
	.AdminTitleId,
	.AdminTitleTime,
	.AdminTitleReason
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 30%;
	    -ms-flex:			0 1 30%;
	    -moz-box-flex:		1;
	    flex:				0 1 30%;
	}

	.AdminLabelCode,
	.AdminTitleCode
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 70%;
	    -ms-flex:			0 1 70%;
	    -moz-box-flex:		1;
	    flex:				0 1 70%;
	}

	.AdminLabelTable,
	.AdminTitleTable
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 40%;
	    -ms-flex:			0 1 40%;
	    -moz-box-flex:		1;
	    flex:				0 1 40%;
	}

	.AdminLabelName,
	.AdminTitleName,
	.AdminLabelAddress,
	.AdminLabelPhone
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 100%;
	    -ms-flex:			0 1 100%;
	    -moz-box-flex:		1;
	    flex:				0 1 100%;
	}

	.AdminLabelRank
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 83%;
	    -ms-flex:			0 1 83%;
	    -moz-box-flex:		1;
	    flex:				0 1 83%;
	}
	
	.AdminLabelPhone
	{
	    /*padding:			0 0 0.3rem 19%;*/
	    padding:			0 0 0.3rem 0;
		box-sizing:			borderbox;
	}

	.HintLabel,
	.InputField, 
	.InputFieldE, 
	.InputFieldPE,
	.InputFieldX,
	.InputFieldP,
	.InputFieldX,
	.InputCombo,
	.InputMemo, 
	.InputMemoS, 
	.LoadButtonS, 
	.InputLabel,
	.InputLabelB, 
	.Divider,
	.InputLabelL,
	.InputLabelLB,
	.InputLabel3,
	.InputLabelAlert,
	.AlertLabelS,
	.SubmitButton,
	.SubmitButtonF,
	.TerminateButton,
	.AccessButton,
	.LoadButton,
	.LoadButtonL,
	.MailButtonG,
	.MailButtonP,
	.MailButtonR,
	.MailButtonX,
	.InputFieldF,
	.DividerF,
	.ShowField,
	.InputRowContainer
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		1 0 100%;
 	   	-ms-flex:			1 0 100%;
 	   	-moz-box-flex:		0;
		flex:				0 1 100%;
	}	
	
	.FlexiLabelS,
	.InputFieldT,
	.InputFlagContainerT
	{
 	    -webkit-flex:		0 1 60%;
 	   	-ms-flex:			0 1 60%;
 	   	-moz-box-flex:		0;
		flex:				0 1 60%;
	}

	.DataRowContainer
	{
 	   padding:				0 0 0 5%;
 	   box-sizing:			border-box;
	}

	.InputContainer, 
	.InputFlagContainer
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		1 0 100%;
 	   	-ms-flex:			1 0 100%;
 	   	-moz-box-flex:		0;
		flex:				0 1 100%;

		justify-content:	space-between;
	}

	.InputLabel,
	.InputLabelB,
	.InputLabel3,
	.AlertLabelS,
	.InputLabelC
	{
		text-align:			left;
	}

	.InputContainerPI
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 93%;
	    -ms-flex:			0 1 93%;
	    -moz-box-flex:		0;
	    flex:				0 1 93%;

		justify-content:	space-between;

  		margin:				0 2.5% 8px 0;
	}

	.InputContainerDT
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		1 0 100%;
 	   	-ms-flex:			1 0 100%;
 	   	-moz-box-flex:		0;
		flex:				0 1 100%;

		justify-content:	space-between;
	}	

	.InputFieldDT,
	.ShowFieldDT
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 95%;
 	   	-ms-flex:			0 1 95%;
 	   	-moz-box-flex:		0;
		flex:				0 1 95%;
	}
	
	.InputFieldF,
	.DividerF
	{
		height:				3px;
	}
	
	.InputLabelFC
	{
 	 	-webkit-box-flex:	1;
 	  	-webkit-flex:		1 1 100%;
  	 	-ms-flex:			1 1 100%;
  	  	-moz-box-flex:		1;
		flex:				1 1 100%;
	}
	
	.InputLabel, 
	.InputLabelFC,
	.Divider
	{
		text-align:			left;
	    font-size:			1rem;
		font-weight:   		normal;
		font-style:	   		normal;	
	}

	.InputLabelC
	{
		text-align:			left;
	}
		
	.RadioButtonContainerHS
	{
	  	-webkit-box-flex:	1;
	    -webkit-flex:		0 1 100%;
	    -ms-flex:			0 1 100%;
	    -moz-box-flex:		0;
	    flex:				0 1 100%;
	
		justify-content:	space-between;
	    align-self:			flex-start;
	    
	    max-height:			18px; 
	    padding:			0; 
	    box-sizing:         border-box;
	    margin:				2px 0 13px 0;
	    background-color:	#FFFFFF;
	}

	.EntryButton
	{
	    width:			70%;
	}
}

@media screen and (max-width: 700px) 
{
	.AdminDataList
	{
		margin:			0 0 0 10%;
	}

	.BodyContainer
	{
 	   	background:			-webkit-linear-gradient(bottom,		rgba(41, 171, 226, 0.34), #FFFFFF 200px);
		background:			linear-gradient(		to bottom, 	rgba(41, 171, 226, 0.34), #FFFFFF 200px);
		background-repeat:	no-repeat;
	}

	.CentralContainer
	{
		margin:			2rem 0 6.5rem 0;

	}

	.EntryButton
	{
	    width:			80%;
	}

	.HeaderLogoImage
	{
	    width:				100%;
	    height:				auto;
	    max-width:			160px;    
	}

	.HeaderTitle
	{	
		left:				96px;
		top:				4px;
	    height:				auto;
	    max-width:			150px;
	    position:			absolute;
	
	    font-variant:		small-caps;
	    font-size:			1.3rem;
	    font-weight:		bold;
	}

	.HeaderTitleAdmin
	{	
		left:				96px;
		top:				4px;
	    height:				auto;
	    max-width:			150px;
	    position:			relative;
	
	    font-variant:		small-caps;
	    font-size:			1.3rem;
	    font-weight:		bold;
	}

	.HeaderWHO
	{	
		left:				-5px;
		top:				70px;
	    height:				auto;
	    max-width:			80px;
	    position:			absolute;
	
	    font-variant:		small-caps;
	    font-size:			0.6rem;
	    font-weight:		bold;
	    background-size:	cover;
	
		text-align:			center;
		text-decoration:	none;	
	}
	
	.Info        
	{
	    top:			-108px;
		margin:			0 0 0 0;
	}

	.Thumbnail
	{
	  	-webkit-box-flex:	1;
	    -webkit-flex:		0 1 40%;
	    -ms-flex:			0 1 40%;
	    -moz-box-flex:		0;
	    flex:				0 1 40%;
	    
	    align-self:			flex-start;
	}
}

@media screen and (max-width: 670px) 
{
	.InputFieldDTS,
	.ShowFieldDTS
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 93%;
 	   	-ms-flex:			0 1 93%;
 	   	-moz-box-flex:		0;
		flex:				0 1 93%;
		
		max-width:			93%
	}

	.DataRowContainer
	{
 	   padding:				0 0 0 0;
 	   box-sizing:			border-box;
	}
	
	.IntroContainer
	{
	    margin:				6rem 0 0 0;
	}
	
	.IntroImage
	{
	    max-width:			80px;
	}
}

@media screen and (max-width: 660px) 
{
  	.AccessData
	{
		justify-content:	flex-start;
		
		padding:			0.5rem 1rem 1rem 1rem;
	}

	.Data9
	{
		padding:			0.5rem 0 3rem 0;
	    box-sizing:			border-box;
	}

	.DataRowFieldNameT,
	.TitleRowFieldNameT
	{
		width:				40%;
	}

	.FlagCombo
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 90%;
	    -ms-flex:			0 1 90%;
	    -moz-box-flex:		0;
	    flex:				0 1 90%;
	}
	
	.Data3,
	.Data5,
	.Data6,
	.Data7
	{
		padding:			0 1rem 0 1rem;
	}

	.DataDetail5
	{
	    padding:			0 2rem 5rem 2.5rem;
	    box-sizing:			border-box;
	} 

	.EntryButton
	{
	    width:			100%;
	}

	.PrintHeaderTitle
	{
    	left:				100px;
	    max-width:			150px;

    	font-size:			1.2rem;
	}

	.PrintPageTitleGroup
	{
		padding:			3rem 0 0 0;
		box-sizing:			border-box;
	}
	
	.InfoText
	{
	    font-size:		1rem;
		font-weight:    normal;
		font-style:	    normal;	
	}

	.InfoTitle
	{
	    font-size:		1rem;
		font-weight:    bold;
		font-style:	    normal;	
	}

	.PageTitle
	{
	    font-variant:	small-caps;
	    font-size:		1.3rem;
	    font-weight:	bold;
	}

	.PageTitleGroup
	{
    	padding:		1rem 1rem 1rem 1rem; 
	}
}

@media screen and (max-width: 600px) 
{
	.AdminRowContainer,
	.AdminTitleContainer
	{
	    margin:				0 0 1rem 10%;
	}
	
	.CheckBox
	{
	    margin:				2px 2px 2px 10px;
	}
		
	.DataRowFieldId,
	.TitleRowFieldId
	{
		width:				90%;
		text-align:			left;
	}

	.DataRowFieldNameT,
	.DataRowFieldPeriod,
	.DataRowFieldName,
	.DataRowFieldDate,
	.TitleRowFieldName,
	.TitleRowFieldNameT,
	.TitleRowFieldPeriod,
	.TitleRowFieldDate
	{
		width:				100%;
	}

	.CentralMenu
	{
		padding:			0 10% 0 10%;
	    box-sizing:         border-box;
	}
	
	.IntroContainer
	{
		padding:			20% 5% 0 5%;
	    box-sizing:         border-box;
	}

	.InputFieldTF,
	.InputFieldTFE
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 80%;
	    -ms-flex:			0 1 80%;
	    -moz-box-flex:		0;
	    flex:				0 1 80%;
	}
}

@media screen and (max-width: 550px) 
{
	.FeeListRow
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 50%;
	    -ms-flex:			0 1 50%;
	    -moz-box-flex:		0
	    flex:				0 1 50%;

		justify-content:	space-between;
	}
	
	.IntroImage
	{
	    max-width:			60px;
	}

	.IntroImageEHI
	{
	    max-width:			180px;
	    margin:				0 0 0 0.5rem;
	}

	.InputFieldDT,
	.ShowFieldDT
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 93%;
 	   	-ms-flex:			0 1 93%;
 	   	-moz-box-flex:		0;
		flex:				0 1 93%;
	}

	.PrintLabel,
	.PrintValue
	{
 	 	-webkit-box-flex:	1;
 	  	-webkit-flex:		1 1 100%;
  	 	-ms-flex:			1 1 100%;
  	  	-moz-box-flex:		1;
		flex:				1 1 100%;
		
		text-align:			left;
	}
}
 
@media screen and (max-width: 480px) 
{
	.DataDetail5
	{
	    padding:			0 1rem 5rem 1.5rem;
	    box-sizing:			border-box;
	} 

	.InputFieldDTS,
	.ShowFieldDTS
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 90%;
 	   	-ms-flex:			0 1 90%;
 	   	-moz-box-flex:		0;
		flex:				0 1 90%;
		
		max-width:			90%
	}
	
	.Thumbnail
	{
	  	-webkit-box-flex:	1;
	    -webkit-flex:		0 1 50%;
	    -ms-flex:			0 1 50%;
	    -moz-box-flex:		0;
	    flex:				0 1 50%;

	    align-self:			flex-start;
	}
}

@media screen and (max-width: 470px) 
{
	.AdminRowContainer
	{
	    padding:			0 10% 0 10%;
	    box-sizing:         border-box;
	}

	.CentralContainer
	{
		margin:			1rem 0 6.5rem 0;

	}

	.InputContainerPI
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 91%;
	    -ms-flex:			0 1 91%;
	    -moz-box-flex:		0;
	    flex:				0 1 91%;

		justify-content:	space-between;

  		margin:				0 3.5% 8px 0;
	}

	.InputFlagContainerT
	{
 	    -webkit-flex:		0 1 60%;
 	   	-ms-flex:			0 1 60%;
 	   	-moz-box-flex:		0;
		flex:				0 1 60%;
	}

	.InputFieldTF,
	.InputFieldTFE
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 75%;
	    -ms-flex:			0 1 75%;
	    -moz-box-flex:		0;
	    flex:				0 1 75%;
	}

	.PaymentRowLabel1,
	.PaymentRowLabel2,
	.PaymentRowLabel3,
	.PaymentRowLabel4,
	.PaymentRowLabel5
	{
	  	-webkit-box-flex:	1;
	    -webkit-flex:		0 1 20%;
	    -ms-flex:			0 1 20%;
	    -moz-box-flex:		0;
		flex:				0 1 20%;
	}
	
	.SubmitButtonS
	{
	  	-webkit-box-flex:	1;
	    -webkit-flex:		0 1 100%;
	    -ms-flex:			0 1 100%;
	    -moz-box-flex:		0;
		flex:				0 1 100%;
	}
}

@media screen and (max-width: 443px) 
{
	.FlagCombo
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 88%;
	    -ms-flex:			0 1 88%;
	    -moz-box-flex:		0;
	    flex:				0 1 88%;
	}
	
	.YesButton,
	.NoButton
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		1 0 48%;
 	   	-ms-flex:			1 0 48%;
 	   	-moz-box-flex:		0;
		flex:				0 1 48%;

		justify-content:	space-between;
	}
}

@media screen and (max-width: 424px) 
{
	.CentralMenu
	{
		padding:			2rem 5% 0 5%;
	    box-sizing:         border-box;
	}

	.InputFieldDT,
	.ShowFieldDT
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 92%;
 	   	-ms-flex:			0 1 92%;
 	   	-moz-box-flex:		0;
		flex:				0 1 92%;
	}
	
	.InputFieldDTS,
	.ShowFieldDTS
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 90%;
 	   	-ms-flex:			0 1 90%;
 	   	-moz-box-flex:		0;
		flex:				0 1 90%;
		
		max-width:			90%
	}
}

@media screen and (max-width: 414px) 
{
	.InputFieldTS
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		1 0 100%;
 	   	-ms-flex:			1 0 100%;
 	   	-moz-box-flex:		0;
		flex:				0 1 100%;
		
		min-width:			100%;
	} 
	
	.InputFieldT,
	.InputLabelT,
	.InputLabelTB,
	.InputFlagContainerT
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		1 0 100%;
 	   	-ms-flex:			1 0 100%;
 	   	-moz-box-flex:		0;
		flex:				0 1 100%;
		
		text-align:			left;
	}

	.Thumbnail
	{
	  	-webkit-box-flex:	1;
	    -webkit-flex:		0 1 60%;
	    -ms-flex:			0 1 60%;
	    -moz-box-flex:		0;
	    flex:				0 1 60%;

	    align-self:			flex-start;
	}
}

@media screen and (max-width: 390px) 
{
	.InputContainerPI
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 90%;
	    -ms-flex:			0 1 90%;
	    -moz-box-flex:		0;
	    flex:				0 1 90%;

		justify-content:	space-between;

  		margin:				0 3.5% 8px 0;
	}
	
	.IntroImage
	{
	    max-width:			50px;
	}
}

@media screen and (max-width: 375px) 
{	
	.PaymentRowLabel1,
	.PaymentRowLabel2,
	.PaymentRowLabel3,
	.PaymentRowLabel4,
	.PaymentRowLabel5
	{
	  	-webkit-box-flex:	1;
	    -webkit-flex:		0 1 100%;
	    -ms-flex:			0 1 100%;
	    -moz-box-flex:		0;
		flex:				0 1 100%;
		
		text-align:			left;
	
	.InputFieldDT,
	.ShowFieldDT
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 90%;
 	   	-ms-flex:			0 1 90%;
 	   	-moz-box-flex:		0;
		flex:				0 1 90%;
	}
}

@media screen and (max-width: 350px) 
{
	.BrowserImage
	{
		max-width:			22px;
	    max-height:			22px;
	}

	.Data,
	.Data9
	{
		justify-content:	flex-start;
		
		padding:			0 1rem 1rem 1rem;
	    box-sizing:			border-box;
	}
	
	.InputFieldDTS,
	.ShowFieldDTS
	{
	  	-webkit-box-flex:	0;
	    -webkit-flex:		0 1 88%;
 	   	-ms-flex:			0 1 88%;
 	   	-moz-box-flex:		0;
		flex:				0 1 88%;
		
		max-width:			88%
	}

	.HeaderLogoImage
	{
	    width:			100%;
	    height:			auto;
	    max-width:		150px;    
	}

	.HeaderTitle
	{	
		left:			90px;
		top:			4px;
	    height:			auto;
	    max-width:		150px;
	    position:		absolute;
	
	    font-variant:	small-caps;
	    font-size:		1.2rem;
	    font-weight:	bold;
	}

	.HeaderTitleAdmin
	{	
		left:			90px;
		top:			4px;
	    height:			auto;
	    max-width:		150px;
	    position:		relative;
	
	    font-variant:	small-caps;
	    font-size:		1.2rem;
	    font-weight:	bold;
	}
	
	.PrintHeaderTitle
	{
    	left:				100px;
	    max-width:			150px;

    	font-size:			1.2rem;
	}

	.Info        
	{
	    top:				-138px;
	}
	
	.InfoText
	{
	    font-size:		0.8rem;
		font-weight:    normal;
		font-style:	    normal;	
	}

	.InfoTitle
	{
	    font-size:		0.8rem;
		font-weight:    bold;
		font-style:	    normal;	
	}

	.PageTitle
	{
	    font-variant:	small-caps;
	    font-size:		1.1rem;
	    font-weight:	bold;
	}

	.PageTitleGroup
	{
    	padding:		1rem 1rem 0 1rem; 
	}

	.Thumbnail
	{
	  	-webkit-box-flex:	1;
	    -webkit-flex:		0 1 70%;
	    -ms-flex:			0 1 70%;
	    -moz-box-flex:		0;
	    flex:				0 1 70%;

	    align-self:			flex-start;
	}
}

@media screen and (max-width: 340px) 
{
	.InputContainerPI
	{
	    -webkit-box-flex:	1;
	    -webkit-flex:		0 1 88%;
	    -ms-flex:			0 1 88%;
	    -moz-box-flex:		0;
	    flex:				0 1 88%;

		justify-content:	space-between;

  		margin:				0 3.5% 8px 0;
	}
}

@media screen and (max-width: 320px) 
{
	.BrowserImagesContainer
	{
 	   -webkit-box-flex:	1;
	    -webkit-flex:		0 1 5%;
	    -ms-flex:			0 1 5%;
	    -moz-box-flex:		0;
	    flex:              	0 1 5%;

		right:				0;
		width:				80px;
		max-width:			80px;
	}
	
	.MobileMenuContainer
	{	    
		top:				55px;
	}

	.CentralMenu
	{
		padding:			2rem 2% 0 2%;
	    box-sizing:         border-box;
	}
}