@font-face
{
	font-family: BenchNine;
	src: url('../images/fonts/BenchNine/BenchNine-Regular.ttf');
}

@font-face
{
	font-family: D3Euronism;
	src: url('../images/fonts/d3euronism/D3Euronism.ttf');
}

@font-face
{
	font-family: JosefinSans;
	src: url('../images/fonts/Josefin_Sans/JosefinSans-Regular.ttf');
}

@font-face
{
	font-family: HelveticaDLHLight;
	src: url('../images/fonts/Helvetica/HelveticaDLH-Light.ttf');
}

@font-face
{
	font-family: HelveticaDLHMedium;
	src: url('../images/fonts/Helvetica/HelveticaDLH-Medium.ttf');
}

@font-face
{
	font-family: Pridi;
	src: url('/images/fonts/Pridi-Regular.ttf');
}

body
{
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	background: #5c5e66 url(../images/body/body_bg.png) top left repeat;
	background: #40434d url(../images/body/body_bg.png) top left repeat;
	/*background: #fdfdfe;*/
	overflow: hidden;
}

#page
{
	margin-top: 0px;
	margin-bottom: 0px;
	background: transparent;
}

#header
{
	z-index:180;
	width: auto;
	height: 52px;
	background: transparent;
	border:0px;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0px;
	left: 200px;
	text-shadow: rgba(255, 255, 255, 0.75) 0px 0px 50px;
}

.main-content
{
	z-index:100;
	position: fixed;
	top: 58px; /*origi:75,65,60*/
	left: 60px; /*origi:90,75*/
	margin: 0px 0px 0px 0px;
	/*background: transparent;*/
	/*background: #fff url(../images/body/slide_bg.png) top left repeat-y;*/
	background: #e8e8e9;
	background: #fdfdfe;
	background: transparent;
	padding-left: 60px;
	padding-top: 58px;
	/*background: #f9f9fa;*/
	/*box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.1);*/

/*	border-top-left-radius:5px;
    -moz-border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;*/
}

/*.loginscreen
{
	top: 100px;
	left: 0px;
	margin: 0 auto;
	position: relative;
	width: 350px;
	background: #f1f1f2 url(../images/body/noise_texture.png) repeat;
	border: solid 3px #FDFDFE;
	border-radius:5px;
}*/

.fdcontent
{
	background-color: #f1f1f2;
	background-image: url(../images/body/noise_texture.png);
	background-repeat: repeat;
}

.grid-status
{
	min-width: 150px;
	height: 30px;
	/*background: rgba(0,0,0,0.25); 464954*/
	background: #e8e8e9;
/*	border: solid 1px #e8e8e9;
	border-right: 0px;
	border-bottom: 0px;*/
	position: fixed;
	top: 61px;
	right: 0px;
	z-index: 50;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: left;
	border-top-left-radius: 3px;
	/*border-top-right-radius: 8px;*/
	box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.1);
}

.top-controller img
{
	margin-left:3px;
}

.sub-content
{
	/*overflow: auto;*/
}

.content
{
	overflow: auto;
}

.transparent
{
	background: transparent;
}

.noshadows
{
	box-shadow: 0px 0px 0px;
}

.noborders
{
	border: 0px;
}

.paddings
{
	padding: 5px;
}

.margins
{
	margin: 8px;
}

#sidebar
{
	padding: 20px 20px 20px 0;
}

#footer
{
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	color: #efefef;
}

#logo
{
	padding: 10px 20px;
	font-size: 200%;
}

#mainmenu
{
	background: transparent;
}

#mainmenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #6399cd;
	background-color:#EFF4FA;
	text-decoration:none;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}

.dialogContainerContainer.eisbergDesign {
	background-image: url(/images/body/eisberg_background.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.dialogContainerContainer.pennyDesign {
	background-image: url(/images/body/penny_background.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#menuLogo {
	z-index:300;
	position: fixed;
	top: 48px;
	top: 0px;
	left: 0px;
	width: 194px;
	height: 150px;
	background: #fbfbfc;
	border-right: solid 1px #efeff0;

	/*background: #0099db url(../images/body/status_bg.png) bottom left repeat-x;*/
	border: 0px;
	width: 195px;
	z-index: 500;
}

#mainBarContent {
	z-index:400;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	/*border-bottom: solid 1px #ebebec;*/
}

#statusBar {
	/*z-index:200;*/
	z-index: 2500;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	background-color: #0099db;
	background-image: url(../images/body/status_bg_left.png), /*url(../images/body/status_bg_right.png),*/ url(../images/body/status_bg.png);
	background-position: top left, /*top right,*/ bottom left;
	background-repeat: no-repeat, /*no-repeat,*/ repeat-x;
	/*box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.1);*/
	background: #0099db url(../images/body/status_bg.png) bottom left repeat-x;
	background: #039BE5;
	box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.5);
}

#statusBar .stColor {
	background-color: #039BE5;
}

#statusBar .arcPlace
{
	background-image: url(../images/body/status_bg_left_arc.png);
}

#statusBar .slashPlace
{
	background-image: url(../images/body/status_bg_left_slash.png);
}

#statusBar.testDesign, #statusBar.testDesign .stColor
{
	background-color: #E65100;
}

#statusBar.testDesign .arcPlace
{
	background-image: url(../images/body/status_bg_left_arc_test.png);
}

#statusBar.lgeDesign, #statusBar.lgeDesign .stColor
{
	background-color: #A50034;
}

#statusBar.lgeDesign .arcPlace
{
	background-image: url(../images/body/status_bg_left_arc_lge.png);
}

#statusBar.blueGreyDesign, #statusBar.blueGreyDesign .stColor
{
	background-color: #546E7A;
}

#statusBar.blueGreyDesign .arcPlace
{
	background-image: url(../images/body/status_bg_left_arc_blueGrey.png);
}

#statusBar.greenDesign, #statusBar.greenDesign .stColor
{
	background-color: #43A047;
}

#statusBar.greenDesign .arcPlace
{
	background-image: url(../images/body/status_bg_left_arc_green.png);
}

#statusBar.redDesign, #statusBar.redDesign .stColor
{
	background-color: #E53935;
}

#statusBar.redDesign .arcPlace
{
	background-image: url(../images/body/status_bg_left_arc_red.png);
}

#statusBar.indigoDesign, #statusBar.indigoDesign .stColor
{
	background-color: #3949AB;
}

#statusBar.indigoDesign .arcPlace
{
	background-image: url(../images/body/status_bg_left_arc_indigo.png);
}

#statusBar.lifefitnessDesign, #statusBar.lifefitnessDesign .stColor
{
	background-color: #d11f2e;
}

#statusBar.lifefitnessDesign .arcPlace
{
	background-image: url(../images/body/status_bg_left_arc_lifefitness.png);
}

#statusBar.pennyDesign, #statusBar.pennyDesign .stColor
{
	background-color: #d2232a;
}

#statusBar.pennyDesign .arcPlace
{
	background-image: url(../images/body/status_bg_left_arc_penny.png);
}

.breadcrumbs
{
	float:left;
	padding: 0px;
	/*padding-left: 415px;*/
	margin: 0px;
	margin-top: 7px;
	width: auto;
	height: 40px;
	line-height: 40px;
	font-family: BenchNine;
	font-size: 32px;
	color: #fff;
	vertical-align: middle;
	/*text-shadow: rgba(0, 0, 0, 0.25) 0px 0px 2px;*/
	font-weight: normal;
}

.breadcrumbs a {
	text-decoration: none;
	color: #fff;
}

.slideleft {
	position: absolute;
	top: 60px;
	left: 0px;
	width: 30px;
	height: 60px;
	background: #f9f9fa;
	cursor: pointer;

	border-top-right-radius:30px;
    -moz-border-top-right-radius:30px;
    -webkit-border-top-right-radius:30px;

	border-bottom-right-radius:30px;
    -moz-border-bottom-right-radius:30px;
    -webkit-border-bottom-right-radius:30px;

	border: solid 1px #dadadb;
	border-left: 0px;

	box-shadow: 2px 0px 2px 1px rgba(0, 0, 0, 0.02);
}

.slideright {
	position: absolute;
	top: 60px;
	right: 0px;
	width: 30px;
	height: 60px;
	background: #f9f9fa;
	cursor: pointer;

	border-top-left-radius:30px;
    -moz-border-top-left-radius:30px;
    -webkit-border-top-left-radius:30px;

	border-bottom-left-radius:30px;
    -moz-border-bottom-left-radius:30px;
    -webkit-border-bottom-left-radius:30px;

	border: solid 1px #dadadb;
	border-right: 0px;

	box-shadow: -2px 0px 2px 1px rgba(0, 0, 0, 0.02);
}

.slide {
	background: transparent;
	position: absolute;
	padding: 5px;
	overflow: auto;
}

.sbg {
	background: #fff url(../images/body/slide_bg.png) top left repeat-y;
}

.main_shadow {
	box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.05);
}

#leftMenu {
	z-index:250;
	margin: 0; padding: 0;
	font-family: BenchNine, arial, verdana;
	background: transparent;
	width: 190px;
	position: fixed;
	top: 50px;
	top: 0px;
	left: 0px;
	color: white;
	/*box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.1);*/
	box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.25);
	border: 0px;

	border-bottom-right-radius:2px;
    -moz-border-bottom-right-radius:2px;
    -webkit-border-bottom-right-radius:2px;
}

#leftMenuLogoBg {
	width: 100%;
	height: 140px;
	background: #fcfcfd;
}

#leftMenuLogo {

}

#leftMenuLogoBgEnd {
	width: 100%;
	height: 40px;
	height: 70px;
	background: #fcfcfd url(../images/logo/loginLogo.png) center center no-repeat;

	border-bottom-right-radius:2px;
    -moz-border-bottom-right-radius:2px;
    -webkit-border-bottom-right-radius:2px;
}

#leftMenuLogoEnd {

}

#leftMenu h3 {
	font-size:20px;
	color: #f9f9fa;
	line-height: 41px;
	height: 40px;
	padding: 0 15px;
	cursor: pointer;
	background: #373a42 url(../images/menu/mainmenu.png) top repeat-x;
	border-collapse: collapse;
	margin-bottom: 0px;
}

#leftMenu h3:hover {
	background: #009bdd url(../images/menu/mainmenuHover.png) top repeat-x;

	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}

#leftMenu h3 span {
	font-size: 16px;
	margin-right: 10px;
}

#leftMenu a {
	text-decoration: none;
}

#leftMenu li {
	list-style-type: none;
}

#leftMenu ul ul li a {
	font-size:18px;
	background: #f9f9fa;
	color: #48484d;
	text-decoration: none;
	line-height: 40px;
	height: 39px;
	display: block;
	padding: 0 20px;
	border-bottom: 1px solid #ebecf0;
	transition: all 0.15s;
}

#leftMenu ul ul li a:hover {
	padding-left: 26px;
	background: #f9f9fa url(../images/menu/submenuHover.png) top repeat-x;
}

#leftMenu ul ul {
	background: #fefefe;
	display: none;
	max-height: 370px;
	overflow: auto;
}

#leftMenu ul {
	margin: 0px;
	padding: 0px;
}

/*#leftMenu ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

#leftMenu ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4);
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

#leftMenu ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: rgba(71,72,85,0.6);
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.6);
}

#leftMenu ::-webkit-scrollbar-thumb:hover {
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: rgba(71,72,85,0.8);
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.6);
}

#leftMenu ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(71,72,85,0.4);
}

#leftMenu :-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4);
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: rgba(71,72,85,0.6);
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.6);
}

::-webkit-scrollbar-thumb:hover {
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: rgba(71,72,85,0.8);
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.6);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(71,72,85,0.4);
}

:-webkit-scrollbar {
    width: 6px;
    height: 6px;
}*/

a.none {
	color: #009bdd;
	text-decoration: none;
}

a.none:hover {
	color: #00b2ff;
	text-decoration: none;
}

.slidecontent {
	margin: 0 auto;
	width: 95%;
	font-size: 22px;
	padding: 0;
}

.slide h5 {
	margin: 0;
	padding: 0;
	font-family: BenchNine;
	font-size: 42px;
	font-weight: normal;
	padding: 0px;
	padding-left: 10px;
	color: #595b63;
}

.slide #slide1t h6 {
	margin: 0;
	padding: 0;
	font-family: BenchNine;
	font-size: 72px;
	font-weight: normal;
	padding-bottom: 10px;
	color: #009bdd;
	text-shadow: rgba(0, 0, 0, 0.25) 0px 0px 15px;
}

.slide #slide1t h6:hover {
	color: #00b2ff;
}

.slide h7 {
	font-family: Courier New;
	color: #858894;
	padding-left: 25px;
	padding-right: 25px;
	font-style: italic;
}

/*h2 {
	margin: 0;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
}

h3 {
	margin: 0;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}

h4 {
	margin: 0;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
}*/

.disable_page
{
	z-index:250;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(251,251,251,0.6);
	width:100%;
	height:100%;
	visibility:hidden;
}

input[type='text'], input[type='password'], input[type='number'], input[type='date'] {
	width: 180px;
    height: 26px;
    -webkit-appearance: none;
    text-align:left;
    /*border: solid 1px #cbcbcc;*/
	border: solid 1px #e5e5e6;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    outline: 0;
    padding: 0px;
    padding-left:5px;
    color: #606066;

    background-color: #fefeff;

	border-radius: 6px;
}

.gridbox input[type='text'], .gridbox input[type='password'], .gridbox input[type='number']
{
	width: 100%;
	height: 22px;

	border: solid 1px #0096d6;

	border-radius: 0px;

	padding: 0px;
}

.gridbox .styled-select {
	width: 100%;
	height: 22px;

	border: solid 1px #0288D1;

	border-radius: 0px;

	margin: 0px;
	padding: 0px;
}

.gridbox .styled-select > select {
	width: 120%;
	height: 22px;
}

input[type='text']:-webkit-autofill, input[type='password']:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fefeff inset;
}

input[type='text'].search, input[type='password'].search {
    background-color: #fefeff;
	background-image: url(../images/icons/search_26.png), url(../images/input/input_bg.png);
	background-position: top right, top;
	background-repeat: no-repeat, repeat-x;

	border-radius: 5px;
	border-radius: 0px;
}

div.form div.error input[type='text'], div.form div.error input[type='password'] {

}

div.form div.success input[type='text'], div.form div.success input[type='password'] {

}

textarea {
	padding: 5px;
    /*border: solid 1px #cbcbcc;*/
	border: solid 1px #e5e5e6;
	font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    color: #606066;

	background-color: #fefeff;

	border-radius: 6px;
}

.statusButton {
	width:60px;
	height:30px;
	position:absolute;
	right:5px;
	/*border: solid 1px #cbcbcc;*/
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.025);
	background: #fcfcfd url(../images/input/status_button_bg.png) bottom repeat-x;
	cursor: pointer;
}

.statusButtonClicked {
	background: #eff0f0 url(../images/input/status_button_bg_clicked.png) bottom repeat-x;
}

#personalMIcon {
	margin: 0 auto;
	width: 20px;
	height: 20px;
	position: relative;
	top: 5px;
	background: transparent url(../images/icons/user_20.png) top left no-repeat;
}

.paging
{
	background-image: url(../images/body/noise_texture.png);
	background-repeat: repeat;

	/*padding-left: 60px;*/
	box-sizing: border-box;
}

.workflow input[type='text'], .workflow input[type='password'], .workflow input[type='number']
{
	width: 80%;
}

.workflow textarea
{
	/*padding: 4px;*/
	width: 90%;
	height: 80px;
}

div.fileUpload
{
	width: 75px;
	height: 30px;

	background: transparent url(../images/buttons/button_upload.png) top left no-repeat;

	overflow: hidden;

	cursor: pointer;
}

/*div.fileUploadSelected
{
	height: 30px;
	line-height: 30px;
	padding-left: 10px;

	float: left;
}*/

div.fileUpload:hover
{
	opacity: 0.8;
	/*background-image: url(../images/buttons/button_upload_hover.png);*/

	cursor: pointer;
}

div.fileUpload.disabled
{
	background: transparent url(../images/buttons/button_upload_disabled.png) top left no-repeat;
}

div.fileUpload input[type='file']
{
	display: block !important;
    width: 75px !important;
    height: 30px !important;
    opacity: 0 !important;
    overflow: hidden !important;

	cursor: pointer;
}

.workflow .activeWorkflow input[type='button'],
.workflow .activeWorkflow input[type='submit']
{
	border: 0px;
	box-shadow: 0;
    background-color: transparent;
	background-image: url(../images/buttons/activeWorkflow/button_left.png), url(../images/buttons/activeWorkflow/button_right.png), url(../images/buttons/activeWorkflow/button_center.png);
	background-position: top left, top right, top;
	background-repeat: no-repeat, no-repeat, repeat-x;
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
	font-family: BenchNine;
	font-size: 22px;
	height: 30px;
}

.workflow .activeWorkflow input[type='button']:hover,
.workflow .activeWorkflow input[type='submit']:hover
{
	background-image: url(../images/buttons/activeWorkflow/button_hover_left.png), url(../images/buttons/activeWorkflow/button_hover_right.png), url(../images/buttons/activeWorkflow/button_hover_center.png);
	background-position: top left, top right, top;
	background-repeat: no-repeat, no-repeat, repeat-x;
}

.workflow .activeWorkflow input[type='button'].sap,
.workflow .activeWorkflow input[type='submit'].sap
{
	border: 0px;
	box-shadow: 0;
    	background-color: transparent;
	background-image: url(../images/buttons/activeWorkflow/SAP.png), url(../images/buttons/activeWorkflow/button_left.png), url(../images/buttons/activeWorkflow/button_right.png), url(../images/buttons/activeWorkflow/button_center.png);
	background-position: top left, top left, top right, top;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
	padding-left: 65px;
	padding-right: 15px;
	color: #fff;
	font-family: BenchNine;
	font-size: 22px;
	height: 30px;
}

.workflow .activeWorkflow input[type='button'].sap:hover,
.workflow .activeWorkflow input[type='submit'].sap:hover
{
	background-image: url(../images/buttons/activeWorkflow/SAP.png), url(../images/buttons/activeWorkflow/button_hover_left.png), url(../images/buttons/activeWorkflow/button_hover_right.png), url(../images/buttons/activeWorkflow/button_hover_center.png);
	background-position: top left, top left, top right, top;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
}

.workflow .activeWorkflow input[type='submit'].confirmDialogOk
{
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_ok.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

.workflow .activeWorkflow input[type='submit'].confirmDialogOk:hover
{
	border: 0px;
	box-shadow: 0;
	/*background: transparent url(../images/buttons/button_ok_hover.png) top left no-repeat;*/
	opacity: 0.8;
	width: 75px;
	height: 30px;
}

input[type='button'], input[type='submit'] {
	height: 28px;
	line-height: 28px;
	font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
	border: solid 1px #cbcbcc;
	/*border-radius:5px;*/
/*	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
	/*box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.025);*/
	background: #fcfcfd url(../images/input/status_button_bg.png) bottom repeat-x;
	padding-left: 10px;
	padding-right: 10px;
}

input[type='button']:hover, input[type='submit']:hover {
	/*box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.1);*/
	cursor: pointer;
}

input[type='button'].switchButton.hu
{
	width: 80px;
	height:28px;
	background: transparent url(../images/switch_icons/swt_on_hu.png);
	border: 0px;
}

input[type='button'].switchButton.off.hu
{
	width: 80px;
	height:28px;
	background: transparent url(../images/switch_icons/swt_off_hu.png);
	border: 0px;
}

input[type='button'].switchButton.en, input[type='button'].switchButton.ua, input[type='button'].switchButton.pt
{
	width: 80px;
	height:28px;
	background: transparent url(../images/switch_icons/swt_on_en.png);
	border: 0px;
}

input[type='button'].switchButton.off.en, input[type='button'].switchButton.off.ua, input[type='button'].switchButton.off.pt
{
	width: 80px;
	height:28px;
	background: transparent url(../images/switch_icons/swt_off_en.png);
	border: 0px;
}

input[type='button']:disabled.switchButton
{
	width: 80px;
	height:28px;
	background: transparent url(../images/switch_icons/swt_dis_hu.png);
	border: 0px;
}

input[type='button'].errorDialogOk, input[type='submit'].errorDialogOk,
input[type='button'].confirmDialogOk, input[type='submit'].confirmDialogOk,
input[type='button'].searchButton, input[type='submit'].searchButton,
input[type='button'].addmodDialogSave, input[type='submit'].addmodDialogSave {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_ok.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

input[type='button'].addmodDialogNewItem, input[type='submit'].addmodDialogNewItem {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_add.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

input[type='button'].addmodDialogHistoryNewItem, input[type='submit'].addmodDialogHistoryNewItem {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_add2.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

input[type='button'].addmodDialogDelItem, input[type='submit'].addmodDialogDelItem {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_del.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

input[type='button'].addmodDialogDelItem:disabled, input[type='button'].addmodDialogDelItem:disabled {
	background-image: url(../images/buttons/button_del_disabled.png);
	cursor: default;
	opacity: 1;
}

input[type='button'].addmodDialogEditItem, input[type='submit'].addmodDialogEditItem {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_edit.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

input[type='button'].addmodDialogHistoryEditItem, input[type='submit'].addmodDialogHistoryEditItem {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_edit2.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

input[type='button'].addmodDialogReject, input[type='submit'].addmodDialogReject {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_minus.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

input[type='button'].addmodDialogHistoryPrev, input[type='submit'].addmodDialogHistoryPrev {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_arrow_left.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

input[type='button'].addmodDialogHistoryNext, input[type='submit'].addmodDialogHistoryNext {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_arrow_right.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

/*input[type='button'].errorDialogOk:hover, input[type='submit'].errorDialogOk:hover,
input[type='button'].confirmDialogOk:hover, input[type='submit'].confirmDialogOk:hover,
input[type='button'].searchButton:hover, input[type='submit'].searchButton:hover,
input[type='button'].addmodDialogSave:hover, input[type='submit'].addmodDialogSave:hover {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_ok_hover.png) top left no-repeat;
	width: 75px;
	height: 30px;
}*/

input[type='button'].addmodDialogSave.buttonDisabled, input[type='submit'].addmodDialogSave.buttonDisabled,
input[type='button'].addmodDialogSave.buttonDisabled:hover, input[type='submit'].addmodDialogSave.buttonDisabled:hover {
	background: transparent url(../images/buttons/button_ok_disabled.png) top left no-repeat;
	cursor: text;
}

/*input[type='button'].addmodDialogNewItem:hover, input[type='submit'].addmodDialogNewItem:hover {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_add_hover.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

input[type='button'].addmodDialogDelItem:hover, input[type='submit'].addmodDialogDelItem:hover {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_del_hover.png) top left no-repeat;
	width: 75px;
	height: 30px;
}*/

input[type='button'].addmodDialogDelItem.buttonDisabled, input[type='submit'].addmodDialogDelItem.buttonDisabled,
input[type='button'].addmodDialogDelItem.buttonDisabled:hover, input[type='submit'].addmodDialogDelItem.buttonDisabled:hover {
	background: transparent url(../images/buttons/button_del_disabled.png) top left no-repeat;
	cursor: text;
}

/*input[type='button'].addmodDialogReject:hover, input[type='submit'].addmodDialogReject:hover {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_minus_hover.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

input[type='button'].addmodDialogEditItem:hover, input[type='submit'].addmodDialogEditItem:hover {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_edit_hover.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

input[type='button'].addmodDialogHistoryEditItem:hover, input[type='submit'].addmodDialogHistoryEditItem:hover {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_edit2_hover.png) top left no-repeat;
	width: 75px;
	height: 30px;
}*/

input[type='button'].confirmDialogCancel, input[type='submit'].confirmDialogCancel,
input[type='button'].addmodDialogClose, input[type='submit'].addmodDialogClose {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_cancel.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

/*input[type='button'].confirmDialogCancel:hover, input[type='submit'].confirmDialogCancel:hover,
input[type='button'].addmodDialogClose:hover, input[type='submit'].addmodDialogClose:hover {
	border: 0px;
	box-shadow: 0;
    background: transparent url(../images/buttons/button_cancel_hover.png) top left no-repeat;
	width: 75px;
	height: 30px;
}*/

.workflow .activeWorkflow input[type='button'].addmodDialogImage,
input[type='button'].addmodDialogImage, input[type='submit'].addmodDialogImage {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_image.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

/*.workflow .activeWorkflow input[type='button'].addmodDialogImage:hover,
input[type='button'].addmodDialogImage:hover, input[type='submit'].addmodDialogImage:hover {
	border: 0px;
	box-shadow: 0;
    background: transparent url(../images/buttons/button_image_hover.png) top left no-repeat;
	width: 75px;
	height: 30px;
}*/

input[type='button'].printIcon, input[type='submit'].printIcon {
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/status_icons/st_print.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

input[type='button'].addmodDialogHistoryNewItem:hover, input[type='submit'].addmodDialogHistoryNewItem:hover,
input[type='button'].errorDialogOk:hover, input[type='submit'].errorDialogOk:hover,
input[type='button'].confirmDialogOk:hover, input[type='submit'].confirmDialogOk:hover,
input[type='button'].searchButton:hover, input[type='submit'].searchButton:hover,
input[type='button'].addmodDialogSave:hover, input[type='submit'].addmodDialogSave:hover,
input[type='button'].addmodDialogNewItem:hover, input[type='submit'].addmodDialogNewItem:hover,
input[type='button'].addmodDialogDelItem:hover, input[type='submit'].addmodDialogDelItem:hover,
input[type='button'].addmodDialogReject:hover, input[type='submit'].addmodDialogReject:hover,
input[type='button'].addmodDialogEditItem:hover, input[type='submit'].addmodDialogEditItem:hover,
input[type='button'].addmodDialogHistoryEditItem:hover, input[type='submit'].addmodDialogHistoryEditItem:hover,
input[type='button'].confirmDialogCancel:hover, input[type='submit'].confirmDialogCancel:hover,
input[type='button'].addmodDialogClose:hover, input[type='submit'].addmodDialogClose:hover,
.workflow .activeWorkflow input[type='button'].addmodDialogImage:hover,
input[type='button'].addmodDialogImage:hover, input[type='submit'].addmodDialogImage:hover,
input[type='button'].addmodDialogHistoryPrev:hover, input[type='submit'].addmodDialogHistoryPrev:hover,
input[type='button'].addmodDialogHistoryNext:hover, input[type='submit'].addmodDialogHistoryNext:hover,
input[type='button'].printIcon:hover, input[type='submit'].printIcon:hover
{
    opacity: 0.8;
}

.styled-select select {
    -webkit-appearance: none;
    background: transparent;
	width: 210px; /*182+28*/
    height: 26px;
    border: 0px;

	text-align:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    outline: 0;
    padding: 0px;
    color: #606066;

/*	padding-top: 4px;
	padding-bottom: 4px;*/
}

.styled-select select option {
    -webkit-appearance: none;
    background: transparent;
    border: 0px;

	text-align:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    outline: 0;
    padding: 0px;
    color: #606066;

	padding-top: 4px;
	padding-bottom: 4px;
}

input[disabled]
{
	color: #939399;
	background-color: #F1F1F5;
}

.styled-select {
	margin: 0px;
    padding: 0 30px 0 3px;
	padding: 0px;
	padding-left: 3px;

	width: 182px;
    height: 26px;
    overflow: hidden;
    -webkit-appearance: none;

    /*border: solid 1px #cbcbcc;*/
	border: solid 1px #e5e5e6;
	border-radius: 6px;

    background-color: #fefeff;
	background-image: url(../images/input/input_dd.png);
	background-position: center right;
	background-repeat: no-repeat;
}

.styled-select.green {
	background-image: url(../images/input/input_dd_green.png);
}

.styled-select.orange {
	background-image: url(../images/input/input_dd_orange.png);
}

.styled-select.disabled {
	background-color: #F1F1F5;
	background-image: url(../images/input/input_dd_disabled.png);
	background-position: center right;
	background-repeat: no-repeat;
}

.hasDatepicker {
	background-color: #fefeff;
	background-image: url(../images/input/input_cal.png);
	background-position: center right;
	background-repeat: no-repeat;
}

.summaryPanelContent .styled-select {
    /*border-radius: 12px;*/
    border: solid 1px #7ac8eb;
    background-color: #4bbaeb;
/*    border: solid 1px #7ac8eb;
    background-color: #42b7eb;*/
    background-image: url(../images/input/input_dd_fff.png);
    height: 34px;
    margin-left: 9px;
}

.summaryPanelContent .styled-select select {
    color: #fff;
    font-family: BenchNine;
    font-size: 20px;
    height: 34px;
}

.activeWorkflow
{
	overflow: hidden;
	position: absolute;
	top: 0px;
	z-index: 1200;
	background: #fefeff;
	width: 100%;
	box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.3);
}

.historyWorkflow
{
	width: 100%;
}

.activeWorkflow table
{
	width: 100%;
	margin:0px;
	padding:0px;
	border-collapse: collapse;
}

.historyWorkflows
{
	width: 100%;
	overflow-y: auto;
	position: absolute;
	bottom: 0px;
	z-index: 1100;
	background: #fdfdfe;
	/*visibility: hidden;*/
	/*padding-right:30px;*/
}

.historyWorkflow table
{
	width: 100%;
	margin:0px;
	padding:0px;
	border-collapse: collapse;
}

.summaryPanel
{
	width: 280px;
	background: #0099DB;
	background: #14a1de;
	vertical-align: top;
	/*border-right: solid 1px #e0e0e1;*/
	/*background: #373a42 url(../images/body/menubg.png) top left repeat-y;*/
	background: #e9edf7 url(../images/workflow/summaryPanel.png) right repeat-y;
	background: #f5f5fa url(../images/workflow/summaryPanel.png) right repeat-y;
}

/*.historyWorkflow .summaryPanel
{
	background: #90d7ac;
}*/

.formPanel
{
	width: 100%;
	vertical-align: top;
}

.formPanelContent
{
	/*padding: 10px;*/
	width: 100%;
	overflow-y: auto;
}

.summaryPanelContent
{
	color: #fff;
	font-family: BenchNine;
	font-size: 26px;
	font-weight: normal;
	padding: 0px;
	padding-left:25px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:4px;
	width:240px;
/*	background: #28a9e1;
	background: #39b0e3;
	background: #28a9e1;
	background: #2e3137;
	background: #55c278;
	background: #49BFF2;*/
	background: #28a9e1;
	border-top: solid 1px #008dca;
	border-bottom: solid 1px #008dca;
	/*background: #33363d url(../images/leftmenu/hover.png) bottom left repeat-x;*/
}

.summaryPanelContent .details
{
	font-size: 20px;
	padding-left: 15px;
}

.historyWorkflow .summaryPanelContent
{
	background: #26a2d8;
/*	background: #6fcc93;
	background: #5cc585;
	background: #89d5a7;*/
	/*border-top: solid 1px #55c27f;*/
	/*background:#4ab7e6;*/
}

.historyWorkflow .summaryPanel
{
/*	border-top: solid 1px #55c278;
	border-top: solid 1px #d8dbe6;*/
	/*border-top: solid 1px #7BD09C;*/
	padding-bottom: 20px;
	/*background: #28a9e1;*/
/*	background: #d8dbe6;
	border-right: solid 1px #d0d0d1;f5f5fa*/
	background: #d8dbe6 url(../images/workflow/historyWorkflow_summaryPanel.png) right repeat-y;
	background: #e3e3ea url(../images/workflow/historyWorkflow_summaryPanel.png) right repeat-y;
}

.historyWorkflow .formPanel
{
	/*border-top: solid 1px #f0f0f1;*/
	padding-bottom: 40px;
	background: #fbfbfc url(../images/workflow/historyWorkflow_formPanel.png) top repeat-x;
}

.historyWorkflow .formPanel.odd
{
	background: #f5f5fa url(../images/workflow/historyWorkflow_formPanel.png) top repeat-x;
}

.workflow .row-left
{
	vertical-align: top;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	width: 300px;

	color: #555556;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
}

.workflow .historyWorkflows .row-left
{
	color: #777778;
}

.workflow .row-right
{
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 4px;

	color: #222223;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
}

.workflow .historyWorkflows .row-right
{
	color: #333334;
}

.workflow .historyWorkflows .row-left,
.workflow .historyWorkflows .row-right
{
	border-bottom: dashed 1px #e2e2e3; /* -10brightness from bg color */
}

.workflow .historyWorkflows .odd .row-left,
.workflow .historyWorkflows .odd .row-right
{
	border-bottom: dashed 1px #dcdce0; /* -10brightness from bg color */
}

.workflow .historyWorkflows .formPanel
{
	/*padding: 10px;*/
}

.workflow .uniqueForm
{
	background-color: #fff8a3;
    color: #555;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
	padding: 0px 10px;
	/*margin:10px;*/
	border: solid 1px #ffe46b;
}

/*.workflow .uniqueForm input,
.workflow .uniqueForm textarea
{
	background-color: #fff8a3;
}*/

.workflow .uniqueForm table td
{
	padding: 5px;

    color: #222;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
}

.historyScrollDown
{
	z-index: 1300;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 50px;
	height: 38px;
	padding-bottom: 2px;
	cursor: pointer;
	background: url(../images/workflow/historyIcon_down.png) top no-repeat;
}

.historyScrollUp
{
	z-index: 1300;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 50px;
	height: 38px;
	padding-bottom: 2px;
	cursor: pointer;
	background: url(../images/workflow/historyIcon_up.png) top no-repeat;
}

acronym:hover
{
	cursor: help;
}

hr
{
	margin: 3px 0px;
}

#progress
{
	width: 100%;
	height: 4px;

	position: fixed;
	top: 0px;
	left: 0px;

	background: rgba(255,255,255,0.25);

	z-index: 1500;

	display: none;
}

#progress .progressBar
{
	width: 0px;
	height: 4px;

	/*background: #4be757;*/
	background: #49e155 url(../images/body/progressBar.png) top right no-repeat;

	box-shadow: 0 0px 2px 1px rgba(0,0,0,0.1);

	border-radius: 1px;
}

.notification
{
	z-index: 1500;
	width: 100%;
	height: 50px;

	position: fixed;
/*	top: 50px;*/
	bottom: 0px;
	right: 0px;

	display: none;
}

.notification.top
{
	top: 0px;
	bottom: auto;
}

.notification .notificontent
{
	width: 400px;
	height: 40px;
	line-height: 18px;

	background: #0099db url(../images/body/notify_bg.png) bottom repeat-x;
	/*background: rgba(0,153,219,0.75);*/

	color: #fff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;

	/*box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.25);*/
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	/*border: solid 1px #007eb4;*/
	border: solid 1px #006f9f;
	border-bottom: 0px;

	margin: 0 auto;

	/*box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);*/

	padding: 5px 20px;
}

.notification.top .notificontent
{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;

	border: solid 1px #006f9f;
	border-top: 0px;
}

.notification .notificontent table
{
	width: 100%;
	height: 40px;
}

.notification .notificontent .notifitable
{
	width: 100%;
	height: 40px;
	vertical-align: middle;

	text-align: center;
}

#gridAlert 
{
	display: flex; 
	justify-content: center; 
	align-items: center; 
	flex-wrap: wrap; 
	width: 100%;
	height: 100%;
	font-size: 1em;
	text-align: justify;
}

.gridAlertHeader
{
	font-weight: bold;
}

.swMain .buttonFinish
{
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_add.png) top left no-repeat;
	width: 75px;
	height: 30px;
	margin-right: 5px;
}

.swMain .buttonFinish:hover
{
	/*background: transparent url(../images/buttons/button_add_hover.png) top left no-repeat;*/
	opacity: 0.8;
}

.swMain .buttonFinish.buttonDisabled,
.swMain .buttonFinish.buttonDisabled:hover
{
	background: transparent url(../images/buttons/button_add_disabled.png) top left no-repeat;
}

.swMain .buttonPrevious
{
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_arrow_left.png) top left no-repeat;
	width: 75px;
	height: 30px;
	margin-right: 5px;
}

.swMain .buttonPrevious:hover
{
	/*background: transparent url(../images/buttons/button_arrow_left_hover.png) top left no-repeat;*/
	opacity: 0.8;
}

.swMain .buttonPrevious.buttonDisabled,
.swMain .buttonPrevious.buttonDisabled:hover
{
	background: transparent url(../images/buttons/button_arrow_left_disabled.png) top left no-repeat;
}

.swMain .buttonNext
{
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_arrow_right.png) top left no-repeat;
	width: 75px;
	height: 30px;
	margin-right: 5px;
}

.swMain .buttonNext:hover
{
	/*background: transparent url(../images/buttons/button_arrow_right_hover.png) top left no-repeat;*/
	opacity: 0.8;
}

.swMain .buttonNext.buttonDisabled,
.swMain .buttonNext.buttonDisabled:hover
{
	background: transparent url(../images/buttons/button_arrow_right_disabled.png) top left no-repeat;
}

.swMain .buttonExit
{
	border: 0px;
	box-shadow: 0;
	background: transparent url(../images/buttons/button_cancel.png) top left no-repeat;
	width: 75px;
	height: 30px;
}

.swMain .buttonExit:hover
{
	/*background: transparent url(../images/buttons/button_cancel_hover.png) top left no-repeat;*/
	opacity: 0.8;
}

.tutorial
{
	z-index: 10000;
	background: #FDFDFE;
	position: fixed;
	left: 200px;
	top: 110px;
	box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	padding: 8px 12px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	color: #575b66;
}

.form_tutorial
{
	z-index: 3000;
	background: #FDFDFE;
	position: fixed;
	/* left: 200px; */
	right: 200px;
	top: 110px;
	box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	padding: 8px 12px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	color: #575b66;
}

#menuOpener
{
	width: 60px;
	height: 50px;
	background: transparent url(../images/body/status_bg_menu.png) top left no-repeat;
}

#menuOpener:hover
{
	cursor: pointer;
	/*background: transparent url(../images/body/status_bg_menu_hover.png) top left no-repeat;*/
}

#menuOpener .menuIcon
{
	width: 18px;
	height: 16px;
	/*margin: 0 auto;*/
	margin-top: 17px;
	margin-left: 21px;

	background: transparent url(../images/body/status_bg_menu_icon.png) top left repeat-x;

	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
}

#menuOpener:hover .menuIcon
{
	/*background: transparent url(../images/body/status_bg_menu_icon_hover.png) top left repeat-x;*/
}

#menuOpener .menuIcon.opened
{
	width: 10px;
}

input[type='button'].st_button
{
	width: 30px;
	height: 30px;
	border: 0px;
	background: transparent;
}

input[type='button'].dialog_button
{
	width: 75px;
	height: 30px;
	border: 0px;
	background: transparent;
}

input[type='button'].dialog_button.msnav
{
	background:transparent url(../images/buttons/button_msnav.png) top left no-repeat;
}

input[type='button'].dialog_button.msnav:hover
{
	/*background:transparent url(../images/buttons/button_msnav_hover.png) top left no-repeat;*/
	opacity: 0.8;
}

.addmodDialog .form table td
{
	width: 210px;
	height: 60px;
}

/* report_screen: AttendanceRegisterList */
div.report_screen {
    max-width: 750px;
	margin: 0 auto;
	color: #000000;
}

div.report_screen table td {
	border: 1px solid #000;
	width: auto;
}

div.report_screen table td.noborder {
	border: 0px;
}

div.report_screen table td.centered {
	text-align: center;
}

div.report_screen table td.right {
	border-top: 0px;
	text-align: right;
}

div.report_screen table td.holiday {
	background: #E6E6E7 !important;
}

div.report_screen table td.absence {
	background: #D3D3D3 !important;
}

/* APGrid */
div.apgrid .gridbox table tr td > div {
	/*background: red;*/
}

div.apgrid .gridbox table tr td > div.APGridFixed {
	height: 40px;

	font-family: BenchNine;
	font-size: 22px;
	/*color: #0099DB;*/

	text-transform: capitalize; /*First letter upper*/
}

div.apgrid .gridbox table tr td > div.APGridFixed > div {
	line-height:40px;
}

div.apgrid .gridbox table tr td > div.APGridContent {
	width: 100%;
	height: 40px;
}

div.apgrid .gridbox table tr td > div.APGridContent.clickable {
	cursor: pointer;
}

div.apgrid .gridbox table tr td > div.APGridContent > div {
	background: rgba(0,0,0,0.1);
}

div.apgrid .gridbox table tr td > div.APGridContent.clickable > div {
	background: transparent;
}

div.apgrid .gridbox table tr td > div.APGridContent.defaults > div {
	background: transparent;
}

div.notdate {
	background: #d4d4d8;
}

div.saturday {
	background: #fff9c4;
}

div.sunday, div.weekend {
	background: #fff59d; /*Material colors: 200*/
}

div.compensatoryday {
	background: #81D4FA;
}

div.holiday {
	background: #ffab91;
}

div.trworkday {
	background: #a3e9a4;
}

div.trholiday {
	background: #ffcc80;
}

div.restdayRequest {
	background: #aa48ba;
}

div.apgrid .gridbox table tr td > div.APGridContent > div {
	padding: 6px;
}

div.apgrid .gridbox table tr td > div.APGridContent.today > div {
	border: solid 4px #2BAF2B;
	border: solid 4px #E51C23;
	padding: 2px;
	border-radius: 4px;
}

div.apgrid .gridbox table tr td > div.APGridContent.clickable.clicked > div {
/*	background: #50C7FA;
	background: rgba(64,67,76,0.3);*/
/*	background: rgba(79,195,247,0.2);
	background: rgba(41,182,246,0.2);*/
	background: rgba(255,255,255,0.75);
	/*color: #fff;*/

	/*padding: 6px;*/
	padding-bottom: 0px;
	border-bottom: solid 6px #4FC3F7;
	padding-bottom: 0px;
	border-bottom: solid 6px #29b6f6;
}

div.apgrid .gridbox table tr td > div.APGridContent.accepted {
	background-image: url(../images/calendar/accepted.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

div.apgrid .gridbox table tr td > div.APGridContent.rejected {
	background-image: url(../images/calendar/rejected.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

div.apgrid .gridbox table tr td > div.APGridContent.delete_required {
	background-image: url(../images/calendar/delete_required.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

div.apgrid .gridbox table tr td > div.APGridContent.waitforapproval {
	background-image: url(../images/calendar/wait_for_approval.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

div.apgrid .gridbox table tr td > div.APGridContent.alert {
	background-image: url(../images/calendar/alert.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

div.dynamicButton {
	height: 30px;
	cursor: pointer;
}

div.dynamicButton > div {
	height: 30px;
	width: auto;
	float: left;
}

div.dynamicButton > div.dybLeft, div.dynamicButton > div.dybRight {
	width: 20px;
}

div.dynamicButton > div.dybCont > div {
	height: 30px;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
}

div.dynamicButton.check > div.dybCont > div {
	background-image: url(../images/buttons/dynamicButton/icons/check.png);
	width: 18px;
}

div.dynamicButton.blue > div.dybCont {
	background: url(../images/buttons/dynamicButton/dynamicButton_center_blue.png);
}
div.dynamicButton.blue:hover > div.dybCont {
	background: url(../images/buttons/dynamicButton/dynamicButton_center_blue_hover.png);
}
div.dynamicButton.blue > div.dybLeft {
	background: url(../images/buttons/dynamicButton/dynamicButton_left_blue.png);
}
div.dynamicButton.blue:hover > div.dybLeft {
	background: url(../images/buttons/dynamicButton/dynamicButton_left_blue_hover.png);
}
div.dynamicButton.blue > div.dybRight {
	background: url(../images/buttons/dynamicButton/dynamicButton_right_blue.png);
}
div.dynamicButton.blue:hover > div.dybRight {
	background: url(../images/buttons/dynamicButton/dynamicButton_right_blue_hover.png);
}

div.dashboard-selector
{
	width:100%;
	background-color: #0099DB;
	color: #fff;
	font-family: BenchNine;
	font-size: 20px;
	border-bottom: solid 1px #50b9e6;
	padding: 3px;
	padding-left: 10px;
}

.activityLogger table td {
	/*height: 100px;*/
	vertical-align: middle;
	text-align: center;
}

.activityLogger div.activityLoggerButton,
.activityLogger div.activityLoggerClock,
.activityLogger div.activityLoggerEmptyCell {
	border-radius:5px;
	border: 0px;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
	background-color: #FDFDFE;

	margin: 0px auto;
	width: 75%;
	/*min-width: 120px;*/
	height: 80px;

	font-family: BenchNine;
	font-size: 24px;
	color: #40434d;

	text-align: center;
	/*line-height: 80px;*/

	position: relative;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.activityLogger div.activityLoggerButton > table tr td img {
	-webkit-user-drag: none;
}

.activityLogger div.activityLoggerButton > table,
.activityLogger div.activityLoggerClock > table {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.activityLogger div.activityLoggerButton > table tr td,
.activityLogger div.activityLoggerClock > table tr td {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;

	font-size: 26px;
}

.activityLogger div.activityLoggerClock {
	background: transparent;
	box-shadow: 0px 0px;
	color: #fff;
	text-align: left;
	/*padding-left: 20px;*/
}

.activityLogger div.activityLoggerClock > table tr td {
	text-align: left;
	font-size: 26px;
}

.activityLogger div.activityLoggerButton:hover {
	cursor: pointer;
}

.activityLogger div.activityLoggerButton > div.delete {
	width: 32px;
	height: 32px;
	background: transparent url(../images/vector_icons/del_32.png) center center no-repeat;
	position: absolute;
	bottom: 8px;
	right: 8px;
}

.activityLogger div.activityLoggerButton > div.delete:hover {
	cursor: pointer;
}

.activityLogger div.activityLoggerButton.clicked,
.activityLogger div.activityLoggerButton.clicked:hover {
	background-color: #4FC3F7;
	background-color: #29B6F6;
	/*box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.65);*/
}

.activityLogger div.activityLoggerEmptyCell,
.activityLogger div.activityLoggerEmptyCell.clicked,
.activityLogger div.activityLoggerEmptyCell.clicked:hover {
	background-color: #FDFDFE;
}

.activityLogger div.activityLoggerEmptyCell > div.add {
	/*display: inline-block;*/
	position: absolute;
	top: 16px;
	left: 0px;
	right: 0px;
	margin: 0 auto;

	width: 48px;
	height: 48px;
	background: transparent url(../images/vector_icons/add_48.png) center center no-repeat;
}

.activityLogger div.activityLoggerEmptyCell > div.add:hover {
	cursor: pointer;
}

.vButton,
input[type='button'].vButton,
input[type='submit'].vButton {
	margin: 0px;
	padding: 0px;
	border: 0px;
	box-shadow: 0;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
}

.vButton32,
input[type='button'].vButton32,
input[type='submit'].vButton32 {
	width: 32px;
	height: 32px;
	line-height: 32px;
}

.vButton48,
input[type='button'].vButton48,
input[type='submit'].vButton48 {
	width: 48px;
	height: 48px;
	line-height: 48px;
}

.vButton48.addButton {
	background-image: url(../images/vector_icons/add_48.png);
}

.vButton48.closeButton {
	background-image: url(../images/vector_icons/close_48.png);
}

div.offCanvasSearchSection {
	position: fixed;
	top: 0px;
	right: -350px;
	width: 350px;
	max-width: 320px;
	height: 100%;
	box-sizing: border-box;
	padding-top: 50px;
	background: #FAFAFC;
	color: #000;
	z-index: 150;
/*	box-shadow: 0 5px 10px -2px #666;
	-webkit-box-shadow: 0 5px 10px -2px #666;
	-moz-box-shadow: 0 5px 10px -2px #666;*/
	transition: 400ms;
	-webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

div.offCanvasSearchSection > div.searchBar {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	padding-top: 90px;
	box-sizing: border-box;
}

div.offCanvasSearchSection > div.searchBar > div.searchBarScroll {
	width: 100%;
	height: 100%;
	overflow: auto;
	padding-bottom: 10px;
	box-sizing: border-box;

	border-left: solid 1px #e5e5e6;
}

div.offCanvasSearchSection * {
	box-sizing: border-box;
}

div.offCanvasSearchSection label {
	display: block;
	padding-bottom: 3px;
	font-size: 0.85em;
	color: #575b66;
}

.active {
	right: 0 !important;
}

div.chat > div.chatTitle,
div.offCanvasSearchSection > div.searchTitle {
	margin: 0;
	padding-left: 10px;
	background: #03A9F4;
	background: #039BE5;
	color: #fff;
	font-family: BenchNine;
	font-size: 22px;
	line-height: 40px;
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	position: absolute;
	top: 50px;
}


div.chat > div.chatTitle > a.closeChatBar,
div.offCanvasSearchSection > div.searchTitle > a.closeSearchBar {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    cursor: pointer;
}

div.chat > div.chatTitle > a.closeChatBar img,
div.offCanvasSearchSection > div.searchTitle > a.closeSearchBar img {
    height: 20px;
}

div.offCanvasSearchSection form {
	padding: 15px;
}

div.offCanvasSearchSection div.g2b.form-item-container {
	float: none;
	width: auto;
	height: auto;
	padding: 0;
}

div.offCanvasSearchSection input,
div.offCanvasSearchSection select {
	width: 100%;
	margin-bottom: 3%;
	transition: 250ms;
	/*border: solid 1px #dfdfdf;*/
	color: #606066;
}

div.offCanvasSearchSection input:focus,
div.offCanvasSearchSection select:focus {
	border: solid 1px #03A9F4;
	box-shadow: 0 0 5px #03A9F4;
	-webkit-box-shadow: 0 0 5px #03A9F4;
	-moz-box-shadow: 0 0 5px #03A9F4;
}

div.offCanvasSearchSection input[type=submit],
div.offCanvasSearchSection input[type=submit]:active,
div.offCanvasSearchSection input[type=submit]:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border: none;
	height: auto;
}

div.vector_add_32 {
	width: 32px;
	height: 32px;
	background: transparent url(../images/vector_icons/add_32.png) center center no-repeat;
	cursor: pointer;
}

div.vector_del_32 {
	width: 32px;
	height: 32px;
	background: transparent url(../images/vector_icons/del_32.png) center center no-repeat;
	cursor: pointer;
}

div.at_work {
	background-color: white;
	height: 50px;
}

div.sick_leave {
	background-color: #0099DB;
	height: 50px;
}

div.report_sick_leave_grid div.gridbox_dhx_terrace table.obj.row20px tr td {
	padding: 5px;
	color: #0099DB;
	font-weight: bold;
	border-right: solid 1px #efefef;
}

div.report_sick_leave_grid div.gridbox_dhx_terrace table.obj.row20px tr td:first-child {
	color: inherit;
	font-weight: 400;
}

div.chat {
	width: 450px;
	height: 100%;

	position: fixed;

	top: 0px;
	right: -450px;

	padding: 0px;
	padding-top: 50px;

	background: #FAFAFC;

	z-index: 2499;

	box-sizing: border-box;

/*	box-shadow: 0 5px 10px -2px #666;
	-webkit-box-shadow: 0 5px 10px -2px #666;
	-moz-box-shadow: 0 5px 10px -2px #666;*/

	transition: 400ms;
	-webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

div.chat.active {
	right: 0 !important;
}

div.chat div.chatContent {
	width: 100%;
	height: 100%;

	padding: 0px;
	padding-top: 40px;
	padding-right: 0px;

	box-sizing: border-box;
}

div.chat div.chatContent div.chatRealContent {
	overflow: auto;

	width: 100%;
	height: 100%;

	box-sizing: border-box;

	border-left: solid 1px #e5e5e6;
}

div.chat div.chatThreadContents {
	box-sizing: border-box;

	padding-right: 0px;

	margin-bottom: 0px;

	border: solid 1px transparent;
	border-bottom: 0px;
}

div.chat div.chatThreadContents div.chatThreadContent {
	padding: 5px;
	/*padding-right: 5px;*/

	background: #CACACC;
	background: #EAEAEF;
	background: #DADADD;
	/*background: #40434d url(../images/body/body_bg.png) top left repeat;*/

/*	border: solid 1px #e6e6e6;
	border-top: 0px;*/

/*    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;*/

	display: block;
}

div.chat div.chatThreadContents div.chatThreadContent.hidden {
	display: none;
}

div.chat div.chatThreadContents div.chatThreadTitle {
	font-family: BenchNine;
    font-size: 18px;
    font-weight: normal;
	background: #039BE5;
	background: #009688;
	background: #43A047;
    color: white;

/*    border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/

    padding-left: 10px;

	width: 100%;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;

	/*margin-bottom: 3px;*/

	cursor: pointer;
}

div.chat div.chatThreadContents.closed div.chatThreadTitle {
	/*background: #AAAAAC;*/
	background: #5f6470;
}

div.chat div.chatThreadContents ol.conversation {
	margin: 0px;
	padding: 0px;

	display: block;
}

div.chat div.chatThreadContents ol.conversation li {
	display: flex;
}

div.chat div.chatThreadContents ol.conversation li.myMessage {
	justify-content: flex-end;
}

div.chat div.chatThreadContents ol.conversation li div.chatThreadItem {
	min-width: 40%;
	max-width: 60%;

	padding: 5px;

	margin-top: 1px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 0px;

	background: #FAFAFC;

	font-size: 13px;

	float: left;

	/*border: solid 1px #fff;*/

	border-radius: 5px;

	/*box-shadow: 2px 1px 2px 1px rgba(0, 0, 0, 0.3);*/
}

div.chat div.chatThreadContents ol.conversation li.myMessage div.chatThreadItem {
	background-color: #C8E6C9;
	background-color: #B2DFDB;
	background-color: #43A047;

	color: #fefeff;
}

div.chat div.chatThreadContents.closed ol.conversation li.myMessage div.chatThreadItem {
	background: #A9A9AD;
}

div.chat div.chatThreadContents ol.conversation li div.chatThreadItem div.message {
	padding-bottom: 3px;
}

div.chat div.chatThreadContents ol.conversation li div.chatThreadItem div.date {
	font-size: 11px;
	color: #777;
	border-top: dotted 1px #ccc;
	padding-top: 3px;
}

div.chat div.chatThreadContents ol.conversation li.myMessage div.chatThreadItem div.date {
	border-color: #fefeff;
}

div.chat div.chatThreadContents ol.conversation li.myMessage div.chatThreadItem div.date,
div.chat div.chatThreadContents ol.conversation li.myMessage div.chatThreadItem div.sender {
	color: #fefeff;
}

div.chat div.chatContent div.chatRealContent .jspTrack {
	background: transparent;
}

div.chat div.chatContent div.chatRealContent .jspDrag {
	background-color: #43A047;

	width: 6px;
}

div.chat div.chatContent div.chatRealContent .jspVerticalBar {
	background: #EAEAEC;

	width: 6px;

	/*border: solid 1px #e6e6e6;*/

	/*box-sizing: border-box;*/
}

div.chat div.chatThreadContents ol.conversation div.sender {
	/*width: 100%;*/
}

div.chat div.chatThreadContents textarea {
	padding: 3px;

	margin: 0px;
	margin-top: 3px;

	background: #fefeff;

	border-radius: 4px;

    border: solid 0px;
	/*box-shadow: 2px 1px 2px 1px rgba(0, 0, 0, 0.2);*/

	box-sizing: border-box;

	width: 100%;
	height: 24px;

	resize: none;
}

.pageContainer
{

}

.pageContainer.blur
{
	/*background-color: #fff;*/
	opacity: 0.75;

	filter: blur(2px);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='svgMask'><feGaussianBlur stdDeviation='2' /></filter></svg>#svgMask");
}

.centered_bold
{
	font-weight: bold;
	background-color: rgba(211,211,211,0.2);
	text-align: center;
}

.demoModeBackButton
{
	width: 16vmin;
	height: 16vmin;

	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 9999;

	background-color: #E65100;
	background-image: url(/images/arrow_left.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70% 70%;

	box-shadow: 5px 5px 15px rgba(0,0,0,.75);

	border-radius: 8vmin;

	cursor: pointer;

	transition: all 0.25s;
}

.demoModeBackButton:active,
.demoModeBackButton:hover
{
	background-color: #FF6F00;
}

.demoModeBackButton.bottomrightImage
{
	width: 14vmin;
	height: 14vmin;

	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 9999;

	background-color: rgba(41, 155, 227, 0.8);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70% 70%;

	box-shadow: 5px 5px 15px rgba(0,0,0,.75);

	border-radius: 1vmin;

	cursor: pointer;

	transition: all 0.25s;
}

.demoModeBackButton.topleftImage
{
	width: 8em;
	height: 5em;
	
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 9999;
	
	background-color: rgba(41, 155, 227, 0.8);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70% 90%;
	
	border-radius: 0;
	
	box-shadow: 2px 2px 5px rgba(0,0,0,.5);
	
	cursor: pointer;
}

.demoModeBackButton.topleftImage:hover 
{

}

.kioskBackButton {
	width: 32vmin;
	height: 8vmin;

	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
	
	display: flex;
	justify-content: center;
	align-items: center;

	background: linear-gradient(40deg, rgba(56,116,139,1) 0%, rgba(56,116,139,1) 10%, rgba(255,255,255,0.5) 100%), linear-gradient(140deg, rgba(255,255,255,0.5) 0%, rgba(56,116,139,1) 70%, rgba(56,116,139,1) 100%);
    box-shadow: 5px 2.5px 4px rgba(0,0,0,0.4), inset 0.05em 0.05em 0.1em rgba(0,0,0,0.6), inset -0.0125em -0.0125em 0.1em rgba(0,0,0,0.6);
	border: 5px solid rgba(78,107,124,1);
    border-radius: 0.5em;
	
	color: rgba(130,230,0,1);
	text-shadow: rgba(0,0,0,0.5) 0.05em 0.05em 0.1em;
    padding: 5px 0;
	font-size: 3vmin;
	font-weight: bold;
	font-family: Pridi;
	letter-spacing: 2px;

	cursor: pointer;

	transition: all 0.25s;
}

#main-content.nopadding
{
	padding-left: 0 !important;
	padding-top: 0 !important;
}

#statusBar.hide
{
	display: none;
	z-index: 0;
}

#loader.hide
{
	display: none;
	z-index: 0;
}

#gn-menu-div.hide
{
	display: none;
	z-index: 0;
}

.hideCell {
	display: none !important;
}

.titleBox h2{
	font:inherit;
}

.titleBox > div > .arch {
	width: 70px;
	height: 30px;
	padding: 5px;
	float: right;
	background-image: url(../images/body/status_bg_left_arc.png);
}
.downloadButton{
	background-color: rgb(67,160,71);
	border-radius: 5px;
	border: none;
	padding: 5px 10px;
	color: white;
	margin: 5px;
	width: 150px;
	cursor:pointer
}

.downloadButton:hover{
	background-color: rgb(57,150,61);
}

.downloadButton.disabled{
	background-color:rgb(241,241,245) !important;
	cursor:default;
}

.downloadButton.disabled:hover{
	background-color:rgb(241,241,245) !important;
	cursor:default;
}

.deleteHistoryButton{
	border-radius: 15px;
	width: 75px;
	color: #FDFDFE;
	border: 0px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	background: #F44336 url(../images/buttons/button_del.png);
	background-position-x: 0%;
	background-position-y: 0%;
	background-position: center center;
	background-repeat: no-repeat;
	height: 30px;
	line-height: 28px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	cursor:pointer;
	margin-right:15px;
}

.deleteHistoryButton:hover{
	opacity:0.8;
}

.attendanceSheetUnderAcceptanceNotification {
	display: flex; 
	justify-content: center; 
	align-items: center; 
	flex-wrap: wrap; 
	font-size: 1em;
	text-align: justify;
	padding: 20px 20px 0px 20px;
}

.attendanceSheetUnderAcceptanceNotification > strong {
	padding-bottom: 20px;
}

.redirectButtonInNotifyDialog {
	border: black solid 1px;
	background-color: #FFEFD2;
	font-weight: bold;
	padding: 5px;
	font-size: 1em;
	cursor: pointer;
	position: relative; 
	left: 50%;
	transform: translateX(-50%);
}

#welcomeText {
	margin-left: 20px;
	color: #FDFDFE;
	font-size: 1.15em;
}