@charset "UTF-8";

@font-face {
    font-family: 'montserrat';
    src: url('fontface/montserrat-regular-webfont.woff2') format('woff2'), url('fontface/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('fontface/montserrat-bold-webfont.woff2') format('woff2'), url('fontface/montserrat-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'playfair';
    src: url('fontface/playfairdisplay-bold-webfont.woff2') format('woff2'), url('fontface/playfairdisplay-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'playfair';
    src: url('fontface/PlayfairDisplayRegular.woff2') format('woff2'), url('fontface/PlayfairDisplayRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Element global styles */
BODY 		{background:none;margin:0px;padding:0px;text-align:center;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
DIV			{position: relative;display:inline-block;padding:0px;margin:0px;text-align:left;font-family: "montserrat", Helvetica, Arial, sans-serif;font-size:16px;vertical-align:top;}
BUTTON  	{height:40px;width:100%;border-radius:4px;margin:0px;display:inline-block;border:solid 1px #E0E0E0; background:white;font-family: "montserrat", Helvetica, Arial, sans-serif;font-size:16px;cursor:pointer;font-weight:bold;}
BUTTON:hover 	{text-decoration:underline;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
INPUT 		{font-family: "montserrat", Helvetica, Arial, sans-serif;width:calc(100% - 34px); height:calc(100% - 34px)}
INPUT[type=text]  {border:solid 2px #E0E0E0;font-size:16px; padding:15px;}
INPUT[type=password]  {border:solid 2px #E0E0E0;font-size:16px; padding:15px;}
INPUT[type=file]  {display:none;}
FIELDSET 	{background:white;border:none;border-left:solid 4px #20a4cc;font-family: "montserrat", Helvetica, Arial, sans-serif;font-size:16px;padding:20px;padding-top:60px; display:inline-block;margin-right:10px;margin-left:10px;margin-bottom:20px;vertical-align:top;}
LEGEND 		{display:block;}
IMG			{border:none;display:inline-block;}
SVG			{display:inline-block;}
SPAN		{font-family: "montserrat", Helvetica, Arial, sans-serif;}
SELECT		{all:unset;font-family: "montserrat", Helvetica, Arial, sans-serif;border:solid 2px #E0E0E0;font-size:16px; padding:15px;width:calc(100% - 34px);}
TEXTAREA	{font-family: "montserrat", Helvetica, Arial, sans-serif;border:solid 2px #E0E0E0;font-size:16px; padding:15px;width:calc(100% - 34px); height:calc(100% - 34px);resize:none;}
LABEL		{display:inline-block;vertical-align: top;font-family: "montserrat", Helvetica, Arial, sans-serif;font-size:16px;}
HR			{border: solid 1px #E0E0E0;}
A { color:#808080; }

/* Common styles */
.HIDDEN		{display:none;}

/* Common items on all pages */
/* Wait screen */
DIV.WAIT		{display:block; position: absolute; left:0px; top:0px; width:100%; height:100%; background-color:#000000; z-index: 9997; opacity: 0.5; visibility:hidden; }

/* Alert boxes */
DIV.SH_ALERT_BACKGROUND { 
	background-color:rgba(0,0,0,0.6);
	z-index: 10007; 
	top:0px;
	left:0px;
	width:100%; 
	height:100%;
	position:fixed;
	display:block;
	text-align:center;
}
DIV.SH_ALERT_WIDGET_CONTAINER {
	vertical-align: middle;
	display:block;
	z-index: 10008; 
	top:calc(50% - 200px);
	left: calc(50% - 250px);
	width:500px; 
	text-align:center;
}

DIV.SH_ALERT_WIDGET {
	display:table;
	z-index: 10009; 
	width:500px; 
	height:200px; 
}

DIV.SH_ALERT_TEXT {
	padding:10px;
	border-radius:10px;
	display:table-cell;
	vertical-align: middle;
	z-index: 10010; 
	background:white;
	text-align:center;
	font-size:22px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

DIV.SH_ALERT_BUTTON_ROW {
	display:block;
	margin-top:30px;
	width:100%; 
	text-align:center;
}	
 
BUTTON.SH_ALERT_BUTTON {
	z-index: 10011; 
	height:50px;
	text-align:center;
	width:200px; 
}

BUTTON.SH_CONFIRM_OK_BUTTON {
	width:200px;

/*
	position:absolute;
	left:calc(50% - 250px);
	z-index: 10011; 
	height:50px;
	text-align:center;
	font-size:20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background:white;
	width:200px;
	top:230px;
*/
}

BUTTON.SH_CONFIRM_CANCEL_BUTTON {
	width:200px;
	margin-left:100px;
/*
	position:absolute;
	left:calc(50% + 50px);
	z-index: 10011; 
	height:50px;
	text-align:center;
	font-size:20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background:white;
	width:200px;
	top:230px;
*/
}

/* Pagination */
DIV.FULLWIDTH	{display:block;width:100%;text-align:center;}
DIV.MIDWIDTH	{position:relative;width:100%;  min-width:1200px; max-width:1300px;}
DIV.MIDPADDING	{padding: 20px 60px 20px 60px;width:1180px;}
DIV.ROW			{display:block;}

/* Standard formatting to standard objects */
DIV.LABEL 		{ display:block; color:#808080;margin-bottom:3px;text-transform:uppercase;font-size:13px;}
DIV.OUTPUTDIV	{ display:block; margin-bottom:15px;}
DIV.LEGEND_DIV 	{display:block;position:relative;top:32px;left:0px;font-family: "playfair", Times, serif; font-size:28px;font-weight:normal;}

/* INPUT FILE */
LABEL.INPUT_FILE {padding-top:10px;height:30px;width:100px;border-radius:4px;border:solid 1px #20a4cc;color: #20a4cc;cursor:pointer;font-weight:bold;text-align:center;}
SPAN.INPUT_FILE	 {padding-top:15px;display:inline-block; vertical-align:top; width:188px; margin-left:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
DIV.BUTTON_ADD_FILE {width:300px;text-align:right;}
BUTTON.BUTTON_ADD_FILE {width:120px;}

/* Top row with logo and menu */
DIV.TOPROW		{min-height:96px;}
/* Logo */
DIV.LEFTTOP		{float:left;}
IMG.LOGO		{float:left;padding-top:12px;height:55px; top:12px; left:0px;cursor:pointer;}
/* Menu */
/*
DIV.MENU		{ width:650px;float:right;text-align:right;}
DIV.MENUITEM	{height:26px; margin-left:15px;font-size:17px;padding:17px;padding-top:20px;border: solid 1px #white;border-radius: 5px;background-color:white;text-align:center;}
DIV.MENUITEM:hover, DIV.MENUITEM:active	{ background:#F0F0F0; cursor:pointer;border: solid 1px #E0E0E0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
*/

DIV.MENU		{margin-top:24px;width:calc(100% - 200px);}
DIV.MENUITEM	{margin-left:10px;font-size:17px;padding:14px;}
DIV.MENUITEM:hover	{background:#F0F0F0; cursor:pointer;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
DIV.MENU_SELECTED	{ color:#808080;cursor:default;background:#F0F0F0;}
DIV.MENU_SELECTED:hover	{color:#808080; background:#F0F0F0; border:none;cursor:default;box-shadow: none;}

DIV.LOGOUT   	{ position:absolute;right:0px;}
DIV.LOGOUT_TEXT {margin-right:30px;vertical-align:top;}
DIV.SVG_HOLDER_LOGOUT 	{position:absolute;top:20px;right:5px;}

/* Small devices menu */
DIV.MENUBURGER	{display:none;}
DIV.MINIMENU	{display:none; width:50%; max-width:200px;position:absolute;background:#E0E0E0;right:0px;top:60px;padding:3px; border:solid 1px #C0C0C0;border-radius:5px;z-index:8000;}
DIV.MINIMENUITEM {display:block; width:calc(100% - 20px;);padding:10px;background:#F0F0F0;text-align:center;margin:0px 3px 2px 3px;border: solid 1px #C0C0C0;border-radius:5px;margin-top:10px;margin-bottom:10px;}
DIV.MINIMENUITEM:hover, DIV.MINIMENUITEM:active	{ background:#E0E0E0; cursor:pointer;border: solid 1px #D0D0D0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

/* Logout */
DIV.RIGHTTOP	{display:block;width:100%;text-align:right;}
DIV.LOGOUT		{margin-top:24px; height:22px; cursor:pointer;}
DIV.LOGOUT_TEXT {padding-top:14px; margin-right:10px;}
DIV.LOGOUT_ICON {padding-top:16px;width:30px;display:inline-block;}



/* The main field with info about his page */
DIV.HEADER 		{ background-color: #20a4cc;height:306px;background-image:none;}
/* Specific image background on header row */
DIV.HEADER_MIDDLE  {height:306px; background-image: url('../images/ar2_x2.png');background-repeat: no-repeat;background-position: right top;}
/* The main title */
DIV.HEADER_TEXT { margin-left:60px;padding-top:90px; color:white; font-family: "playfair", Arial, Times, serif; font-size:40px;font-weight:bold;}
/* Subtext under title */
DIV.HEADER_MORETEXT { display:block;width:600px; line-height:1.3em;margin-left:60px;padding-top:30px; color:white; font-size:20px;}
/* Buttons in the header part */
DIV.HEADER_BUTTON { margin-left:60px;display:block; color:white; border:solid 1px white; width:300px; font-weight:bold;margin-top:30px;padding:13px;font-size:15px;border-radius:4px;cursor:pointer;}
DIV.HEADER_BUTTON:hover {text-decoration:underline;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}


/* The action row with att functionality to manipulate the content of the following page */
DIV.ACTIONROW  {background-color: #F0F0F0;padding-top:10px;}
DIV.ACTIONROW_MIDDLE  {padding-top:50px;padding-bottom:40px;}
DIV.ACTIONITEM {margin-bottom:20px;}
DIV.ACTIONITEM_TEXT {padding-left:3px;padding-bottom:5px;font-size:15px;text-align:left;}
DIV.ACTIONITEM_INPUT {display:block;}
INPUT.INPUT_SEARCH {font-size:16px;}
#SEARCH_ITEM { width:340px;margin-right:40px;}
DIV.FAKEBUTTON {border: solid 2px #E0E0E0;cursor:pointer;height:31px;padding-top:18px;text-align:center;width:120px;font-size:16px;background:white;}
DIV.CHOISEBUTTON { width:110px;}
DIV.ACTIVECHOISE {color:black;cursor:default;}
DIV.INACTIVECHOISE:hover {color:black;text-decoration:underline;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
DIV.INACTIVECHOISE {color:#808080;cursor:pointer;}
#ARCHIVE_ITEM { margin-right:40px;}
DIV.SUBACTIONITEM {text-align:left;}
SPAN.LIGHTTEXT	{margin-left:10px;color:#B0B0B0;}
DIV.DATEBUTTON { margin-right:10px; display:block;}
DIV.DATEBUTTON:hover {text-decoration:underline;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
BUTTON.BUTTON_UPDATE {width:120px;margin-top:5px;height:42px;}
#DATE_SCOPE { margin-right:0px;text-align:right;}
/* Calendar poup */
DIV.SHCALENDAR_RIGHT { left:220px; }
DIV.SHCALENDAR_BUTTON_CANCEL {}
BUTTON.SHCALENDAR_BUTTON_CANCEL {width:110px;height:30px;border-radius:4px;margin-top:4px;font-weight:normal;font-size:13px;}
DIV.SHCALENDAR_BUTTON_EMPTY {display:inline-block;text-align:right;}
BUTTON.SHCALENDAR_BUTTON_EMPTY {width:110px;height:30px;border-radius:4px;margin-top:4px;font-weight:normal;font-size:13px;}

/*
DIV.HEADER_ACTION { margin-left:60px;background:transparent; color:white; border:solid 1px white; width:200px;font-weight:bold;margin-top:40px;text-align:center; padding:13px;font-size:15px;border-radius:4px;cursor:pointer;}
*/

/* Standard view for ShTable */
DIV.SHTABLE	{ display:block;margin-top:10px;margin-bottom:10px;width:auto;height:auto;}
DIV.SHTABLE_HEADER_ROW	{display:block; margin-bottom:10px;width:100%;}
DIV.SHTABLE_HEADER_COL	{font-size:13px;text-transform:uppercase;color:#808080;}
DIV.SHTABLE_ROW	{display:block;padding-top:5px;padding-bottom:5px;width:100%;min-height:20px;border-top:solid 1px #E0E0E0;}
DIV.SHTABLE_ROW_TOGGLE	{display:none;height:unset;padding:0px;background:#F0F0F0;margin-top:5px;}
DIV.SHTABLE_COL	{font-size:14px;background:unset;}

BUTTON.OPENBUTTON 		{border:none;color:#20a4cc;background:transparent;}
BUTTON.OPENBUTTON:hover { box-shadow:none;}

BUTTON.BLUEOPENBUTTON 	{border-color:#20a4cc;color:#20a4cc;background:white; }
BUTTON.BLUECLOSEBUTTON 	{border-color:#20a4cc;color:white;background:#20a4cc;}
BUTTON.GREENCLOSEBUTTON {border-color:#00ff00;color:white;background:#00bb00;}
BUTTON.REDCLOSEBUTTON 	{border-color:red;color:white;background:red;}

DIV.SHTABBOX_CONTAINER {height:100%; width:100%;}
DIV.SHTABBOX_TAB {padding: 12px 20px 0px 20px;margin-right:5px;text-align:center;height:28px;border-radius: 10px 10px 0px 0px;}
DIV.SHTABBOX_BOX { padding:10px;width:calc(100% - 20px); height:calc(100% - 60px); background:#F0F0F0;border-radius: 0px 10px 10px 10px;}
DIV.SHTABBOX_ACTIVE {background:#F0F0F0;cursor:default;font-weight:bold;}
DIV.SHTABBOX_INACTIVE {background:#C0C0C0;cursor:pointer;}
DIV.SHTABBOX_INACTIVE:hover {text-decoration:underline;}

/* Standard view for talkbox */
DIV.TALKBOX { display:block;width:400px;margin: 20px 0px 20px 0px;}
DIV.TALKBOX_META { width:300px; text-align:right;color:#606060;margin-bottom:3px;font-size:13px;}
DIV.TALKBOX_TEXT { max-width:300px; background: #F0F0F0; border-radius:10px; padding:13px;white-space:pre-line;line-height:1.2em;text-align:left;font-size:15px;}
DIV.I_SAY_META {text-align:right;margin-left:100px;}
DIV.WE_SAY_META {text-align:right;margin-left:100px;}
DIV.YOU_SAY_META {text-align:left;margin-right:100px;}
DIV.LEFTALIGN {text-align:left;}
DIV.RIGHTALIGN {text-align:right;}
DIV.I_SAY_TEXT {font-weight:bold;background: #20a4cc;color:white;border-bottom-right-radius:0px;}
DIV.WE_SAY_TEXT {background: #80d4ec;color:black;}
DIV.YOU_SAY_TEXT {background:#E0E0E0;border-bottom-left-radius:0px;}

DIV.GREYBACK	{ background:#F0F0F0;}

DIV.NOTIFICATION_BOX { background:#FFE0E0;width:calc(100% - 28px);margin-top:10px;padding:10px;border: solid 4px red; border-radius:10px;}
DIV.NOTIFICATION_TITLE { display:block;font-weight:bold;font-family: "playfair", Times, serif;font-size:26px;margin-top:10px;}
DIV.NOTIFICATION_BODY { margin-top:20px;margin-bottom:10px;white-space:pre-line;line-height:1.5em;}

DIV.NEWSLETTER_BOX { background:#E0FFE0;width:calc(100% - 28px);margin-top:10px;padding:20px;padding-left:10px;border: solid 4px green; border-radius:10px;}
DIV.NEWSLETTER_BODY { display:block;font-weight:bold;font-family: "playfair", Times, serif;font-size:26px;margin-top:10px;}

/*
BUTTON.INPUT_SEND { border:solid 1px #20a4cc;color:white;background:#20a4cc; }
BUTTON.INPUT_SEND { margin-left:0px;margin-right:0px;width:120px;margin-top:0px;height:40px;border-radius:4px;border:solid 1px #20a4cc;color:white;background:#20a4cc; }
			BUTTON.MOREBUTTON {all:unset;width:100%;height:20px;color:#20a4cc; font-weight:normal;}
			BUTTON.MOREBUTTON:hover {all:unset;color:#20a4cc;cursor:pointer;width:100%;}
			BUTTON.MOREBUTTON:focus {all:unset;}
*/			


/*
DIV.SHTABLE_HEADER_ROW	{display:block;width:100%;padding-bottom:10px;}
DIV.SHTABLE_HEADER_COL	{font-size:13px;font-weight:normal;border:unset;background:unset;text-transform:uppercase;color:#808080;}
DIV.SHTABLE_ROW	{width:100%;height:35px;border-top:solid 1px #E0E0E0;border-bottom:none;background:unset;padding-top:5px;}
DIV.SHTABLE_COL	{font-size:14px;font-weight:normal;border:unset;background:unset;}
*/




/*
DIV.PAGE		{ margin-bottom:80px;}

DIV.TITLE		{ font-family: "playfair", Times, serif; font-size:32px;}
*/



.CHECKBOX_CONTAINER {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.CHECKBOX_CONTAINER input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


/* Create a custom checkbox */
.NEW_CHECKBOX {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.CHECKBOX_CONTAINER:hover input ~ .NEW_CHECKBOX {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.CHECKBOX_CONTAINER input:checked ~ .NEW_CHECKBOX {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.NEW_CHECKBOX:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.CHECKBOX_CONTAINER input:checked ~ .NEW_CHECKBOX:after {
  display: block;
}

/* Style the checkmark/indicator */
.CHECKBOX_CONTAINER .NEW_CHECKBOX:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

LABEL.RADIO_CONTAINER { all:unset;
  font-family: "montserrat", Helvetica, Arial, sans-serif;
  font-size:16px;
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width:460px;
  height:20px;
  padding-top:5px;
 margin-top:5px;
}

INPUT[type=radio] {
	position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

SPAN.NEW_BUTTON {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border: solid 1px #E0E0E0;
  background-color: white;
  border-radius: 50%;
}

.RADIO_CONTAINER:hover input ~ .NEW_BUTTON {
  background-color: #F0F0F0;
}

.NEW_BUTTON:after {
  content: "";
  position: absolute;
  display: none;
}


.RADIO_CONTAINER input:checked ~ .NEW_BUTTON:after {
  display: block;
}

.RADIO_CONTAINER .NEW_BUTTON:after {
  top: 5px;
  left: 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #00C000;
}



@media screen and (max-width: 992px) {	
	INPUT[type=text]  {font-size:14px; padding:8px; width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);width: calc(100% - 20px);}
	INPUT[type=password]  {font-size:14px; padding:8px; width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);width: calc(100% - 20px);}
/*
	INPUT[type=text]  {font-size:14px; padding:8px; width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);width: calc(100% - 20px);max-width:380px;}
	INPUT[type=password]  {font-size:14px; padding:8px; width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);width: calc(100% - 20px);max-width:380px;}
*/
	SELECT		{padding:8px;width:calc(100% - 16px);}
	TEXTAREA	{padding:8px;width:calc(100% - 16px);}



	FIELDSET 	{font-size:15px;padding:20px;padding-top:60px; margin:0px;width: -webkit-calc(100% - 40px);width: -moz-calc(100% - 40px);width: calc(100% - 40px);max-width:500px;}

LABEL.RADIO_CONTAINER { all:unset;
/*
  font-size:4.5vw;
*/
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width:calc(100% - 30px);
  height:20px;
  line-height:1em;
  padding-top:5px;
  margin-top:10px;
}

DIV.SH_ALERT_WIDGET_CONTAINER {
	width:86%;
	left:7%;
}

DIV.SH_ALERT_WIDGET {
	width:100%;
}

DIV.SH_ALERT_TEXT {
	font-size: calc(12px + 2vw);
}

BUTTON.SH_ALERT_BUTTON {
	font-size: calc(12px + 2vw);
	width:50%;
	max-width:300px;
}

BUTTON.SH_CONFIRM_OK_BUTTON {
/*
	position:absolute;
	left:calc(50% - 250px);
	z-index: 10011; 
	height:50px;
	text-align:center;
	font-size:20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background:white;
	width:200px;
	top:230px;
*/
}

BUTTON.SH_CONFIRM_CANCEL_BUTTON {
/*
	position:absolute;
	left:calc(50% + 50px);
	z-index: 10011; 
	height:50px;
	text-align:center;
	font-size:20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background:white;
	width:200px;
	top:230px;
*/
}


	BUTTON.OPENBUTTON 		{padding:0px;height:unset;}



	DIV.MIDWIDTH	{padding-left:0px; padding-right:0px;width:100%;min-width:unset;}
	DIV.TOPROW { min-height:unset;height:64px;width:100%;min-width:unset;}	
	IMG.LOGO	{margin-left:5px;height:45px;}
	DIV.MENU { display:none;} 
	DIV.MINIMENU { display:none;} 
	DIV.MENUBURGER	{display:inline-block;float:right;margin-top:16px;margin-right:10px;cursor:pointer;}

	DIV.HEADER {height:unset;min-height:150px;}
	DIV.HEADER_MIDDLE {background-image: url('../images/ar2_x3.png');height:unset;min-height:150px;background-position: right bottom;}

	DIV.HEADER_TEXT { margin-left:20px;padding-top:20px;display:none;font-size:20px; }
	DIV.HEADER_MORETEXT { width:60%; font-size:15px;line-height:1.3em;margin-left:20px;padding-top:15px; }
	DIV.HEADER_BUTTON { margin-left:10px;width:60%; max-width:300px; margin-top:15px;margin-bottom:15px;padding:7px;font-size:13px;}

	DIV.ACTIONROW  {padding:10px;padding-bottom:0px;width:calc(100% - 20px);}
	DIV.ACTIONROW_MIDDLE  {padding:0px;}
	DIV.ACTIONITEM {display:block;}

	#SEARCH_ITEM { width:unset;margin-right:0px;}
	#ARCHIVE_ITEM { margin-right:0px;}
	#DATE_SCOPE { margin-right:0px;text-align:left;}
	DIV.FAKEBUTTON {height:31px;padding-top:10px;width:117px;font-size:15px;margin-right:10px;}
	BUTTON.BUTTON_UPDATE {width:117px;height:36px;padding:0px;font-size:15px;}
	DIV.DATEBUTTON { margin-right:10px; display:block;}

	DIV.SHTABLE	{margin-left:10px;width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);width: calc(100% - 20px);}
	DIV.SHTABLE_HEADER_ROW	{margin-bottom:5px;}
	DIV.SHTABLE_HEADER_COL	{font-size:12px;}
	DIV.SHTABLE_ROW	{padding-top:5px;padding-bottom:5px;padding-top:5px;min-height:20px;}
	DIV.SHTABLE_COL	{font-size:13px;}
	DIV.SHTABLE_ROW_TOGGLE	{margin-top:0px;padding:10px;width:-webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);width: calc(100% - 20px);}

	BUTTON.SHCALENDAR_BUTTON_CANCEL {font-size:12px;}
	BUTTON.SHCALENDAR_BUTTON_EMPTY {font-size:12px;}


}