@charset "UTF-8";
@font-face {
    font-family: 'typewriter';
    src: url('/font/underwood_champion.ttf');
}

@font-face {
    font-family: 'victory_serif';
    src: url('/font/9thyssen.ttf');
}

@font-face {
    font-family: 'victory_serif_italic';
    src: url('/font/9thyssei.ttf');
}

:root {
    --VICTORY_RED_3: rgb(169,82,65);
    --VICTORY_RED_2: rgb(175,73,58);
    --VICTORY_RED_1: rgb(154,79,56);

    --VICTORY_BLUE_1: rgb(68,77,98);
    --VICTORY_BLUE_2: rgb(53,54,56);
    --VICTORY_BLUE_3: rgb(46,54,82);

    --VICTORY_PAPER_1: rgb(248,248,248);
}


.VICTORY_RED_1 {color:var(--VICTORY_RED_1);}
.VICTORY_RED_3 {color:var(--VICTORY_RED_2);}
.VICTORY_RED_3 {color:var(--VICTORY_RED_3);}

.VICTORY_BLUE_1 {color:var(--VICTORY_BLUE_1);}
.VICTORY_BLUE_2 {color:var(--VICTORY_BLUE_2);}
.VICTORY_BLUE_3 {color:var(--VICTORY_BLUE_3);}

.VICTORY_PAPER_1 {background:var(--VICTORY_PAPER_1);}

BODY		{background-image: url("/images/b1-2.jpg"); margin: 0px;padding:0px;background-size: cover; background-repeat: no-repeat; background-position: top; background-attachment: fixed; }
/*
BODY 		{background:#F0F0F0;margin:0;padding:0;text-align:center;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
*/
DIV			{position: relative;display:inline-block;padding:0;margin:0;text-align:left;font-family: victory_serif;font-size:16px;letter-spacing:1px;vertical-align:top;}

INPUT 		{font-family: Arial, sans-serif; }
INPUT[type=text]  {border:solid 2px #E0E0E0;font-size:16px; padding:10px; width:100%;height:calc(100% - 34px)}
INPUT[type=password]  {border:solid 2px #E0E0E0;font-size:16px; padding:10px;width:100%;height:calc(100% - 34px)}
INPUT[type=file]  {display:none;height:calc(100% - 34px)}
FIELDSET 	{background:#F0F0F0;border:solid 1px #E0E0E0;border-radius:10px;font-family: Arial, sans-serif;font-size:14px;padding:20px;display:inline-block;margin-right:10px;margin-top:20px;vertical-align:top;}
LEGEND 		{display:block;}
IMG			{border:none;display:inline-block;}
SVG			{display:inline-block;}
SPAN		{font-family: Arial, sans-serif;}
SELECT		{font-family: Arial, sans-serif;border:solid 2px #E0E0E0;font-size:16px; padding:10px;width:100%;}
TEXTAREA	{font-family: 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: Arial, sans-serif;font-size:16px;}
HR			{border: solid 1px #E0E0E0;}
A { color:#808080; }
H1          {margin-top:10px;text-transform: uppercase;font-weight:normal;font-size:26px;}
H2          {margin-top:10px;width:100%;display:block;text-align:center;color:var(--VICTORY_RED_1);font-size:14px;font-weight:normal;font-family: victory_serif_italic;}
.REDBORDER {border:solid 2px var(--VICTORY_RED_1);}
.REDTEXT {color:var(--VICTORY_RED_1);}
.BORDERPADDING {padding:10px;}
.FONT_16 {font-size:16px;letter-spacing:0.05em;}
.SPACE_BELOW {margin-bottom:20px;}
.ALLWIDTH {width:calc(100% - 24px);}

BUTTON {font-size:16px;border:none;border-radius:6px;cursor:pointer;}
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);}

BUTTON.SMALL {font-size:13px;height:22px;border-radius:5px;min-width:60px;}
BUTTON.MARGINLEFT {margin-left:10px;}
.GREEN {background:green;color:white;}
.RED {background:red;color:white;}
.BLUE {background:blue;color:white;}

/* Common styles */
.HIDDEN		{display:none;}
.CENTER     {text-align:center;}
.SHADOW		{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

/* 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; }

/* General layout */
DIV.FULLWIDTH	{display:block;width:100%;text-align:center;}
DIV.MIDWIDTH	{position:relative;width:100%; min-width:1200px; background:var(--VICTORY_PAPER_1); border-radius:10px;margin-top:20px;padding:10px;}
DIV.MENUROW     {width:100%;margin-bottom:10px;}
DIV.ROW			{display:block;}


DIV.MENU		{margin-top:24px;width:calc(100% - 10px);}
DIV.MENUITEM	{margin-left:10px;font-size:17px;padding:14px;font-family: typewriter;text-transform: uppercase;border:solid 2px var(--VICTORY_PAPER_1);}
DIV.MENUITEM:hover	{cursor:pointer;border: solid 2px var(--VICTORY_RED_1);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	{border:solid 2px rgb(248,248,248); color:#808080;cursor:default;background:#F0F0F0;}
DIV.MENU_SELECTED:hover	{color:#808080; background:#F0F0F0; border:none;cursor:default;box-shadow: none;}
DIV.MENU_ACTIVE	{border: solid 2px var(--VICTORY_RED_1);}

/* Alert boxes */
DIV.SH_ALERT_BACKGROUND { 
	background-color:rgba(0,0,0,0.6);
	z-index: 15007; 
	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: 15008; 
	top:calc(50% - 200px);
	left: calc(50% - 250px);
	width:500px; 
	text-align:center;
}

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

DIV.SH_ALERT_TEXT {
	padding:10px;
	border-radius:10px;
	display:table-cell;
	vertical-align: middle;
	z-index: 15010; 
	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: 15011; 
	height:50px;
	text-align:center;
	width:200px; 
	font-family: victory_serif;
    background: #FFFFFF;
    border: solid 1px #000000;
    color: #000000;
}

BUTTON.SH_CONFIRM_OK_BUTTON {
	width:200px;
	height:50px;
    font-family: victory_serif;
    background: #FFFFFF;
    border: solid 1px #000000;
    color: #000000;
/*
	position:absolute;
	left:calc(50% - 250px);
	z-index: 15011; 
	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;
	height:50px;
    font-family: victory_serif;
    background: #FFFFFF;
    border: solid 1px #000000;
    color: #000000;
/*
	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;
*/
}



/* 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);}


DIV.MAIN {padding:10px;}


DIV.LOGINBOX {padding:10px;padding-top:30px;padding-bottom:30px;display:inline-block;width:420px;background:#F0F0F0;border-radius:10px;}
DIV.LABEL {width:100px;display:inline-block;text-align:right;padding:0;padding-top:6px;margin:0;font-size:15px;}
DIV.INPUTDIV {text-align:left;padding:0px;margin:0px;margin-bottom:10px;width:300px;}

BUTTON.LOGINBUTTON {width:150px;background:green;margin-left:150px;}
DIV.ROW_MOREMARGIN {margin-top:30px;} 



/* Tables */
DIV.SHTABLE	{ margin-top:10px;margin-bottom:10px;}
DIV.SHTABLE_HEADER_ROW	{ display:block; border-bottom:solid 1px #404040;}
DIV.SHTABLE_HEADER_COL	{ padding-left:5px;padding-right:5px;font-weight:bold; text-align:center; padding-top:6px;min-height:26px;width:80px;  display:inline-block; vertical-align: top; background: #E0E0E0; z-index:1000; border-left:solid 1px #A0A0A0;overflow: hidden;text-overflow: ellipsis;}
DIV.SHTABLE_ROW {display:block; border-bottom:solid 1px #808080;background:#F0F0F0;min-height:22px;}
DIV.SHTABLE_ROW_TOGGLE {display:none;}
DIV.SHTABLE_COL {padding-left:5px;padding-right:5px;display:inline-block; vertical-align: top;text-align:center;border-left:solid 1px #808080;min-height:20px;padding-top:5px;width:80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
DIV.SHTABLE_ODDROW {background:#F0F0F0}
DIV.SHTABLE_EVENROW {background:#FFFFFF}
DIV.SHTABLE_HIGHTLIGHT_ROW {background:red;}
IMG.SHTABLE_CURSOR_POINTER {cursor:pointer;}
IMG.XLS_BUTTON {margin-left:10px;}

DIV.SHTABLE_CUSTOM_LAYOUT_WIDGET {position:absolute; width:260px; min-height:100px; background: #E0E0E0;z-index:8000;right:0px;top:0px;padding:10px; border-radius:10px;}
DIV.SHTABLE_CUSTOM_LAYOUT_ROW {}
DIV.SHTABLE_CUSTOM_LAYOUT_TOP_ROW {height:30px;}
BUTTON.SHTABLE_CUSTOM_LAYOUT_CANCEL_BUTTON {width:80px;}
BUTTON.SHTABLE_CUSTOM_LAYOUT_APPLY_BUTTON {width:80px;margin-left:100px;}
DIV.SHTABLE_CUSTOM_LAYOUT_CHECKBOX {width:30px;}
DIV.SHTABLE_CUSTOM_LAYOUT_LABEL {width:150px; font-size:14px;}

/* tabbox */
DIV.SHTABBOX_CONTAINER {height:100%; width:100%;}
DIV.SHTABBOX_TAB {padding: 12px 20px 0px 20px;margin-right:5px;display:inline-block; vertical-align:top; text-align:center;height:28px;background:yellow; border-radius: 10px 10px 0px 0px;}
DIV.SHTABBOX_BOX { padding:10px;width:calc(100% - 20px); height:calc(100% - 60px); background:white;border-radius: 0px 10px 10px 10px;}
DIV.SHTABBOX_ACTIVE {background:white;cursor:default;font-weight:bold;}
DIV.SHTABBOX_INACTIVE {background:#E0E0E0;cursor:pointer;}