BODY{
	color : #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	background-color: #FFFFFF; 
}

.container { /* override bootstrap */
	margin-right: 5px !IMPORTANT;
	margin-left: 5px !IMPORTANT;
	
	@media (min-width: 1200px) {
		max-width: 1840px !IMPORTANT;
	}
}

table{
	font-size: inherit;
}

form {
	width:100%;
}

@keyframes obspulseAnim {
    0% {
		transform: scale(1, 1);
		background-color:transparent;
    }

    50% {
		transform: scale(1.15, 1.15);
		background-color:red;
    }

    100% {
		transform: scale(1, 1);
		background-color:transparent;
    }	
}

@keyframes animatetop{ 
	from{top:-300px;opacity:0} to{top:0;opacity:1;}
}

@keyframes animateZoom {
	0% {
		transform: scale(1,1);
	}
	50% {
		transform: scale(1.2,1.2);
	}
	100% {
		transform: scale(1,1);
	}
}

.fade-in {
animation: fadeIn ease 3s;
-webkit-animation: fadeIn ease 3s;
-moz-animation: fadeIn ease 3s;
-o-animation: fadeIn ease 3s;
-ms-animation: fadeIn ease 3s;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

.obspulse {
	animation: obspulseAnim 2s infinite;	
}

.error{
	color : #BB1F1F;
	font-family :  Arial, sans-serif;
	text-align: left;
	font-weight: bold;
}
.add{
	color : #1A139C;
	font-family :  Arial, sans-serif;
	text-align: left;
	font-weight: bold;
}

.chart-container {
	position: relative;
	margin: auto;
	height: 800px;
	width: 100%;
}

.chart-container canvas {
	position: relative;
	display: block;
	margin: auto;
	height: 800px;
	width: 100%;
}

/* a tiny square that shows the line’s color */
.swatch{
  display:inline-block;
  width:12px;
  height:12px;
  border-radius:2px;
  margin-right:6px;
  vertical-align:middle;
}

.dt-buttons {
  gap: 1rem;
  margin-top: 1rem;
}	

.button_warning {
	background-color: red;
	color:white;
	border-radius: 8px;
	padding: 5px;
	font-size:140%;
}

.circled-char {
	border:solid 1px;
	border-radius:10px;
	padding-left:5px;
	padding-right:5px;	
}

.color-white {
	color:white;
}

.color-black {
	color:black;
}

.color-blue {
	color:blue;
}

.color-green {
	color:green;
}

.color-red {
	color:red;
}

.mod{
	color : #1A139C;
	font-family :  Arial, sans-serif;
	text-align: left;
	font-weight: bold;
}
.logout{
	color : #4C5271;
	font-family :  Arial, sans-serif;
	text-align: left;
	font-weight: bold;
}
.headline{
	color : #00087D;
	font-family :  Arial, sans-serif;
	text-align: left;
	font-weight: bold;
}

.font-bold {
	font-weight:bold;
}

.font-normal {
	font-weight:Normal;
}

.font-large {
	font-size:150%;
}

.font-color-red {
	color: red;
}

.font-color-green {
	color: green;
}

.font-color-gray {
	color: gray;
}

.font-color-blue {
	color: blue;
}

.font-size-90 {
	font-size:90%;
}

.top-margin-5 {
	margin-top:5px;
}

.menutext{
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 12px;
	text-align: left;
}
.menutext:hover{
	font-weight: bold;
}

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

.disabled_menutext{
	color : #A1A1A1;
	font-family :  Arial, sans-serif;
	font-size: 12px;
	text-align: left;
}
.calendar-month{
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.cal_pd_count_1{
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.cal_pd_count_2{
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 10px;	
}

.text-underline {
	text-decoration:underline;
}

.center-text {
	text-align:center;
}

.left-text {
	text-align:left;
}

.right-text {
	text-align:right;
}

.text-green {
	color:green;
}

.text-red {
	color:red;
}

.text-alert {
	color:red;
}

.text-yellow {
	color:yellow;
}

.text-warning {
	color:red;
}

.nowrap {
	white-space:nowrap;
}

.ellipsis {
	text-overflow: ellipsis;
}

.outline {
	outline: solid 1px;
}

.outline-2 {
	outline: solid 2px;
}

.border {
	border:solid 1px;
}

.border-2 {
	border:solid 2px;
}

.border-3 {
	border:solid 3px;
}

.border-4 {
	border:solid 4px;
}

.border-red {
	border-color:red;
}

.border-gray {
	border-color:gray;
}

.border-darkgray {
	border-color:darkgray;
}

.border-red-1 {
	border:solid 1px;
	border-color:red;
}

.border-radius-50 {
	border-radius: 50%;
}

.border-radius-12px {
	border-radius: 12px;
}

.border-radius-top-12px {
	border-radius: 12px 12px 0px 0px;
}

.border-radius-6 {
	border-radius: 6px;
}

.full-width .width100 {
	width:100%;
}

.width2_mobile1 {
	width:50%;
}

.width66 {
	width:66%;
}

.width50 {
	width:50%;
}

.width33 {
	width:33%;
}

.width-auto {
	width:auto;
}

.inline-block {
	display:inline-block;
}

.inline-block-100 {
	width:100%;
	display:inline-block;
}

.inline-block-80 {
	width:80%;
	display:inline-block;
}

.inline-block-66 {
	width:66%;
	display:inline-block;
}

.inline-block-50 {
	width:50%;
	display:inline-block;
}

.inline-block-33 {
	width:33%;
	display:inline-block;
}

.inline-block-25 {
	width:25%;
	display:inline-block;
}

.ytype-max-height {
	height:700px;
}

.inline {
	display:inline;
}

.block {
	display:block;
}

.clear-left {
	clear:left;
}

.clear-right {
	clear:right;
}

.overflow-hidden {
	overflow:hidden;
}

.invalid_form_input {
	border:solid 1px red;
}

.ytype_button {
	position: relative;
	display: inline-block;
	font-size:84%;
	font-weight:bold;
	font-family: 'Trebuchet MS', sans-serif;
	text-align:center;
	border-radius: 4px;
	border:solid 1px;
	width: 45px;
	cursor:pointer;
}

.ytype_button:active {
	box-shadow: 2px 2px inset lightgray;
}

.ytype_button_wide {
	width: 55px !IMPORTANT;
}

.ytype_button_blue {
	color: white;
	background-color:#00ccff;
	border-color: black;
}

.ytype_button_green {
	color: black;
	background-color:#66ff33;
	border-color: black;
}

.clickable:hover {
	box-shadow: -3px 3px 4px #888888;
}

.clickable:active {
	box-shadow: 2px 2px #888888;
}



@media print {
   div.hide {display: none;}
   
   div#contentDiv{left:0px;float:left;position:relative;width:100%;padding-top:5px;zoom:140%;}
   
   .print_hidden {display:none;}
   
	.worklist_column_order_workrow_container_one {
		width: 3%;
	}
   
	.worklist_side_correct_left {
		width:50%;
		display:inline-block;
		margin-left:0px;
	}

	.worklist_side_correct_right {
		width:50%;
		display:inline-block;
		padding-right:0px;
	}
}

OPTION.vpa_option{
	text-align: right;
	color: #000000;	
}
OPTION.vpa_option_su{
	text-align: right;
	color: #FF0000;	
}

A {
	text-decoration: none;
	color: #000000;	
}

A:Active {
	text-decoration: none;
	color: #333333;	
}
A:Hover {
	text-decoration: underline;
}
A.img {
	border: none;
}
A.abutton {
	text-decoration: none;
}
A.abutton:Hover {
	text-decoration: none;
}
A.kieli {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
A.kieli:Hover {
	text-decoration: underline;
}

A.in_day_normalday {
	color : #000000;
	font-weight : bold;	
}
A.in_day_pyha {
	color : #FF0000;
	font-weight : bold;	
}
A.in_day_pd_ok {
	color : #FFFFFF;
	font-weight : bold;		
}
A.in_day_pd_x {
	color : #FFFFFF;
	font-weight : bold;		
}
A.in_day_pd_k {
	color : #FFFFFF;
	font-weight : bold;
}
A.ythj_default {
	font-size: 10px;
	font-family :  Arial, sans-serif;	
}
A.ythj_po {
	font-size: 10px;
	font-family :  Arial, sans-serif;
	text-decoration : line-through;
	color : #FF5555;
}

DIV.scroll-list {
	width:100%;
	overflow-y:scroll;
}

DIV.dropdown {
	position: relative;
	display: inline-block;
}

DIV.new-dropdown {
	position: fixed;
	display: inline-block;
}

DIV.overlay-main-container {
	margin-top:2%;
	float:left;
	margin-left:10%;
	padding:8px;
	border:solid 1px;
	border-radius: 8px;
	@media (min-width: 800px) {
        width: 80%;
    }
}

DIV.dropdownCursorPositioned {
	position: fixed;
	display: inline-block;
}


DIV.dropdown-content {
	position: absolute;
	overflow: auto;
	display: none;
	border: solid 1px;
	background-color: #e6e6e6;
	padding-top: 1px;
	padding-bottom: 5px;
}

DIV.ok_cancel_button {
	display: inline-block;
	width: 60px;
	padding: 4px 5px;
	border:solid 1px;
	border-radius: 5%;
}

DIV.ok_button {
	background-color:green;
}

DIV.cancel_button {
	background-color:red;
}

DIV.button {
	float:left;
	margin:4px;
	padding:4px;
	border:solid 1px;
	border-radius: 6px;
	background-color: #C2CBE1;
	cursor:default;
	text-align:center;
}

DIV.buttonActive {
	float:left;
	margin:4px;
	padding:4px;
	border:solid 1px black;
	border-radius: 6px;
	background-color: #668cff;
	color: white;
	cursor:default;
	text-align:center;
}

DIV.list-container {
	width:95%;
	margin:auto;
	outline: solid 1px;
	overflow-y:auto;
	min-height: 150px;
}

DIV.min-list-container {
	width:350px;
	margin:auto;
	outline: solid 1px;
	overflow-y:scroll;
	min-height: 150px;
}

DIV.modern-list-container {
	width: 70%;
	margin:auto;
	padding-top: 7px;
	padding-bottom: 8px;
	min-height:150px;
	border:solid 1px;
	border-radius: 16px;
}

DIV.modern-list-item-no-hover {
	width:100%;
	padding: 16px 6px;
	border-bottom:solid 1px;
}

DIV.modern-list-item {
	width:100%;
	padding: 16px 6px;
	border-bottom:solid 1px;
}

DIV.modern-list-item:hover {
	background-color:#FAFAFA;
}

DIV.fault_object_box {
	float:left;
	width:96%;
	padding-left:1%;
	margin-left:1%;
	border:solid 1px;
	padding-bottom:4px;
	margin-bottom:4px;
}

DIV.willingnessReportWorkerColumn {
	display:inline-block;
	width:20%;
	min-width:150px;
	outline: solid 1px;
	vertical-align:top;
	overflow:hidden;
}

DIV.willingnessReportWorkerNotesColumn {
	display:inline-block;
	width:10%;
	padding-left:2px;
	outline: solid 1px;
	vertical-align:top;
}

DIV.willingnessReportWorkerWeekContainer {
	display:inline-block;
	width:70%;
	vertical-align:top;
}

DIV.willingnessReporDayColumn {
	float:left;
	width:calc(100% / 7);
	min-width:70px;
	max-width:150px;
	min-height:20px;
	outline: solid 1px;
	box-shadow: -2px 0px 0px 0px black, 2px 0px 0px 0px black;
}

DIV.willingnessReporDayColumnWorker {
	float:left;
	width:calc(100% / 7);
	min-width:70px;
	max-width:150px;
	min-height:20px;
	box-shadow: -2px 0px 0px 0px black, 2px 0px 0px 0px black;
}

DIV.willingnessReportShiftColumn {
	float:left;
	width: calc(33.3% - 1px);
	height: 18px;
	color:black;
	text-align:center;
}

DIV.frame-container {
	float:left;
	width:98%;
	margin: auto 5px;
	border:solid 1px;
	border-radius:16px;
	height:400px;
}

DIV.one_third_width_oval_item_container {
	float:left;
	width:32%;
	padding-left:0.5%;
	text-align:center;	
}

DIV.oval-item {
	position:relative;
	margin: 4px auto;
	padding: 4px;
	border:solid 1px;
	border-radius: 14px;
	background-color:white;
	overflow-y:auto;
	min-width:15%;
	max-width:95%;
}

DIV.oval-item-text {
	float:left;
	font-size:70%;
	margin-top:4px;
	margin-bottom:3px;
	margin-left:3px;
	margin-right:3px;
	cursor:default;
}

DIV.oval-item-button-right-container {
	float:right;
}

DIV.oval-item-menu-button-minus {
	margin-left:5px;
	padding:1px 8px 1px 8px;
	font-weight:bold;
	font-size:125%;
	font-weight:bold;
	border-radius:16px;
	background-color:red;
	cursor:pointer;
}

DIV.oval-item-menu-button-plus {
	margin-left:5px;
	padding:2px 6px 2px 6px;
	font-weight:bold;
	font-size:125%;
	font-weight:bold;
	border-radius:16px;
	background-color:red;
	cursor:pointer;
}

DIV.set_height {
	min-height:16px;
}

DIV.float-left {
	float:left;	
}

DIV.float-right {
	float:right;	
}

DIV.overflow-hidden {
	overflow:hidden;
}

.overflow-y-scroll {
	overflow-y:scroll;
}

/*
	Div margins
*/
DIV.bottom-margin {
	margin-bottom: 8px;
}

DIV.bottom-border {
	border-bottom: solid 1px;
}

DIV.toppadding {
	padding-top:15px;
}

DIV.bottompadding {
	padding-bottom:15px;
}

DIV.bottompadding-5 {
	padding-bottom:5px;
}

DIV.topmargin {
	margin-top:15px;
}

DIV.button:hover {
	border-color:coral;
}

DIV.border-right {
	border-right: solid 1px;
}

DIV.border-left {
	border-right: solid 1px;
}

DIV.border-top {
	border-top: solid 1px;
}

DIV.border-top-2 {
	border-top: solid 2px;
}

DIV.border-bottom {
	border-bottom: solid 1px;
}

DIV.border-bottom2, DIV.border-bottom-2 {
	border-bottom: solid 2px;
}

DIV.buttonSelected {
	margin:4px;
	padding:4px;
	border:solid 1px;
	border-radius: 6px;
	background-color: #B5B5E1;
	cursor:default;
}

/*
	Div class content containers
*/
DIV.post {
	width: 95%;
	margin: 8px auto;
	padding: 5px 10px;
	background-color: #f2f4f7;
	border-radius: 14px;
}

DIV.post_heading {
	position:relative;
	top:-10;
	left:10;
	font-size:65%;
}

DIV.itembox {
	width:95%;
	margin:4px auto;
	outline:solid 1px;
	padding: 2px 2px;
}

DIV.itembox-hover-mark:hover {
	background-color:#dde9fa;
}

DIV.page-heading-container {
	width:100%;
	text-align:center;
	font-weight:bold;
}

.top-border-radius {
	border-radius: 8px 8px 0px 0px;
}

/*
	JQuery addon
*/
.ui-autocomplete { 
	position: absolute; 
	cursor: default;
	z-index:3000 !important;
}


/*
	bootstrap addons
*/

.btn-group-xs > .btn, .btn-xs {
	padding: .25rem .4rem;
	font-size: .875rem;
	line-height: .5;
	border-radius: .2rem;
}

.navbar .nav-item:hover .dropdown-menu {
	display: block;
}

.nav_bar_font {
	font-size: 1.3em !important;
}

.worklist_side_correct_left {
	padding-right:0px;
}

.worklist_side_correct_right {
	padding-right:0px;
}

.testimonial-group > .row {
	display:block;
	overflow-x:auto;
	white-space: nowrap;
}

.testimonial-group > .row > .col-1 {
	display:inline-block;
}

.testimonial-group > .row > .col-2 {
	display:inline-block;
}

.testimonial-group > .row > .col-3 {
	display:inline-block;
}

.testimonial-group > .row > .col-4 {
	display:inline-block;
}

.testimonial-group > .row > .col-5 {
	display:inline-block;
}

.testimonial-group > .row > .col-6 {
	display:inline-block;
}

.testimonial-group > .row > .col-7 {
	display:inline-block;
}

.testimonial-group > .row > .col-8 {
	display:inline-block;
}

.testimonial-group > .row > .col-9 {
	display:inline-block;
}

.testimonial-group > .row > .col-10 {
	display:inline-block;
}

.testimonial-group > .row > .col-11 {
	display:inline-block;
}

.testimonial-group > .row > .col-12 {
	display:inline-block;
}

.basicStripedTable {
    background-color: #f9f9f9;
}

.basicStripedTable th, .basicStripedTable td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
	cursor: default;
}

.basicStripedTable tr:nth-child(even) {
    background-color: #f2f2f2;
}

.basicStripedTable tr:hover {
    background-color: #eeeeee; /* Change this to your desired hover color */
    border-bottom: 2px solid #ccc; /* Add a bottom border */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Add a subtle shadow effect */
}
/*
	DIV classes Specific for a function
*/

.hidden_delete {
	position:absolute;
	display:none;
	border:solid 1px;
	border-radius: 50%;
	padding:0px 2px;
	font-weight:bold;
	font-size: 80%;
	background-color:red;
	cursor:pointer;
}

.hidden_delete:hover {
	font-size:90%;
}

.show_hidden_delete:hover .hidden_delete {
	display:block !important;
}

INPUT.datepickerbasic_style {
	width: 7em;
}

DIV.alert_container {
	position:fixed;
	z-index: 750;
	padding-top: 6px;
	padding-left: 4px;
	top:0px;
	left:0px;
	width:60%;
}

DIV.worklist_container {
	display:inline-block;
	text-align:center;
	border:solid 1px;
	width:98%;
}

DIV.worklist_container_set_width {
	min-width: 600px !important;
}

DIV.worklist_container_set_ulta_width {
	min-width: 1600px !important;
}

DIV.worklist_columns {
	display:block;
	width:100%;
	border-right:solid 1px;
}

DIV.worklist_column_order_heading {
	display:block;
	width:100%;
	border-bottom:solid 3px;
	border-top:solid 2px;
	border-right:solid 1px;
	border-left:solid 2px;
	text-align:center;
	font-weight:bold;
}

DIV.worklist_column_order_workrow {
	display:block;
	width:100%;
	border-bottom:solid 1px;
	border-top:solid 1px;
}

DIV.worklist_column_order_workrow_container_one {
	display:inline-block;
	width:4%;
	height:100%;
	border-right:solid 1px;
	margin-left:-17px;
}

DIV.renderData {
	position:fixed;
	display:block;
	bottom:0px;
	width:100%;
	padding: 4px 0px;
	text-align:center;	
}

.animate-top {
	position:relative;
	animation:animatetop 0.9s
}

DIV.report_container {
	width:100%;
	padding: 4px 0px;
	display: block;
	overflow-x: scroll;	
}

DIV.errorLogButtons {
	float:left;
	margin-left:15px;
	padding: 2px 6px;
	border:solid 1px;
	border-radius:8px;
	cursor:pointer;
}

DIV.errorLogButtons:hover {
	background-color: #bff2ff;
}

DIV#worker_hour_acknowledgment_date {
	width:200px;
	zoom:125%;
}

DIV.login_container_div {
	vertical-align:middle;
	text-align:center;
	width:360px;
	font-size:220%;
	padding-top:7%;
	margin:auto;
}

DIV.clipboard_container {
	display:none;
}

.heading-text {
	font-family :  Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.topheading-border-radius {
	border-radius: 12px 12px 0px 0px;
}

button.glow-effect {
	text-shadow: 2px 2px #ccddff;
	box-shadow: 0 5px 15px rgba(145, 92, 182, .4);
}

button.expandPlusButton {
	font-weight:bold;
	font-size:110%;
}

.redButton {
	display:block;
	width:90px;
	height:90px;
	background-color:#ff4d4d;
	border:solid 2px;
	border-radius:50%;
	margin: 5px auto;
	text-align:center;
	cursor:default;
}

.redButton:hover {
	background-color:#ff6666;
}

.redButton-content {
	margin: 38% auto;
	font-weight:bold;
	font-size:120%;
}

IMG.expand_button {
	width: 24px;
	height: 16px;
	padding: 1px 6px;
	border:solid 1px;
	background-color:white;
}

DIV.expandDiv {
	display:none;
}

DIV.base-content-container {
	width: 99%;
}

DIV.workwillingnessSelectMenuWeekColumn {
	float:left;
	width:calc(15% - 2px);
	border-right:solid 2px;
	border-bottom:solid 1px;
}

DIV.workwillingnessSelectMenuWeekColumnExplanation {
	float:left;
	width:100%;
	height:18px;
	text-align:center;
}

DIV.workwillingnessSelectMenuWeekColumnDay {
	float:left;
	width:100%;
	min-height:108px;
	border-bottom:solid 1px;
}

DIV.workwillingnessSelectMenuWeekColumnDayName {
	float:left;
	width:100%;
	height:20px;
}

DIV.workwillingnessSelectMenuWeekColumnDayShift {
	float:left;
	width:calc(100% - 3px);
	padding-right:3px;
	margin-top:9px;
	height:20px;
	border-bottom:solid 1px;
}

DIV.workwillingnessWeekViewTargetContainer {
	float:left;
	width:85%;
}

DIV.workwillingnessSelectWeekDataColumn {
	float:left;
	padding-left:1px;
	border-right:1px;
	border-right:solid 1px;
	height:auto;
}

DIV.thumb_select_menu {
	width:98%;
	margin: 5px auto;
}

DIV.thumb_select_menu_thumb {
	display:inline-block;
	width: 25%;
	margin: 15px 0;
}

DIV.thumb_select_menu_thumb_container {
	margin: auto;
	padding: 10px 8px;
	width: 200px;
	height: 240px;
	border:solid 2px;
	border-radius: 16px;
}

DIV.thumb_select_menu_thumb_container:hover {
	box-shadow: 3px 6px #c9c9c9;
}

DIV.thumb_select_menu_thumb_container:active {
	box-shadow: 1px 2px #c9c9c9;
}

DIV.thumb_select_menu_thumb_container_icon {
	width: 160px;
	height:160px;
	margin: 10px auto;
}

img.thumb_select_menu_thumb_icon_img {
	width:155px;
	height:155px;
	margin: auto;
}

img.thumb_select_menu_thumb_icon_img:hover {
	animation: thumbShake 0.6s linear;
}

@keyframes thumbShake {
  0% { transform: rotate(3deg); }
  25% { transform: rotate(-3deg); }
  50% { transform: rotate(3deg); }
  72% { transform: rotate(-3deg); }
  90% { transform: rotate(5deg); }
  100% { transform: rotate(1deg); }
}

img.shake_image:hover {
	animation: shake 0.6s linear;
}

img.rotate_image:hover {
	animation: rotation 0.6s linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes shake {
  0% { transform: rotate(5deg); }
  20% { transform: rotate(-5deg); }
  40% { transform: rotate(-5deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-10deg); }
  100% { transform: rotate(5deg); }
}

IMG.empty_recycle_bin {
	position:absolute;
	clip: rect(0px, 220px, 200px, 0px);
}

DIV.thumb_select_menu_thumb_name {
	width:96%;
	font-weight:bold;
	font-size:115%;
	text-align:center;
}

DIV.confirmDialogHeadingCSS {
	float:left;
	width:100%;
	padding-top:5%;
	text-align:center;
	font-weight:bold;
	font-size:145%;
}

DIV.confirmDialogContentCSS {
	width:65%;
	padding-top:25%;
	text-align:center;
	padding-left:38%;
}

DIV.reminder_list {
	display:block;
	width:calc(100% - 8px);
	padding: 0px 4px;
	background-color:#f2f2f2;
}

DIV.reminder_list_item_block {
	display:block;
	text-align:center;
	padding: 3px 0px;
}

DIV.reminder_list_item {
	display:inline-block;
	width:calc(100% - 16px);
	padding: 4px 8px;
	border:solid 1px;
	border-radius: 16px;
	text-align:center;
}

DIV.full_row {
	width:100%;
}

DIV.full_row_expandable {
	min-width:96%;
	margin: 8px auto;
	padding: 5px 10px;
}

DIV.full_row_table {
	width:100%;
	display: table-row;
}

DIV.full_row_padded {
	width:calc(100% - 16px);
	padding: 0px 8px;
}

DIV.half_row {
	display:inline-block;
	padding: 0px 2px;
	width:calc(50% - 4px);
}

DIV.half_row_border {
	display:inline-block;
	padding: 0px 2px;
	width:calc(50% - 6px);
	border:solid 1px;
}

DIV.full_half_row {
	display:inline-block;
	vertical-align:top;
	width:49.5%;
}

DIV.full_half_row_cell {
	display:table-cell;
	vertical-align:top;
	width:49.5%;
}

DIV.multiselect {
	width:200px;
}

DIV.multiselectbox {
	position:relative;
}

.multiSelectBox select {
	width:100%;
	font-weight:bold;
}

.multiOverselect {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}

.multiCheckboxes {
	display:none;
	border:solid 1px #dadada;
}

.multiCheckboxes label {
	display:block;
}

.multiCheckboxes label:hover {
	background-color: #1e90ff;
}

DIV#atWorkContainer {
	float:left;
	width:100%;
	padding-top:4px;
	padding-bottom:4px;
}

DIV#workwillingnessContainer {
	float:left;
	width:100%;
	padding-top:4px;
	padding-bottom:4px;
}

/*
	Public classes
*/

.normal-zoom-125 {
	zoom: 125%;
}

.tab {
	display:inline-block;
	border: solid 1px;
	border-radius: 8px 8px 0px 0px;
	background-color: gray;
	color: white;
	padding-left: 4px;
	padding-right: 4px;
	cursor:pointer;
}

.tab:hover {
	background-color: #C1C1C1;
	color: #FBFBFB;
}

.selected_tab {
	display:inline-block;
	border: solid 1px;
	border-radius: 8px 8px 0px 0px;
	background-color: #6CCEFF;
	color: white;
	padding-left: 4px;
	padding-right: 4px;
	cursor:pointer;
}

HR {
	color: #000000;
	height: 1pt;
}

@media screen {
TABLE.lomake{
	display:block;
	border: 1px solid;
	.theme_border_color;
	border-radius:12px;
	color : #000000;
	background-color : #fdfcfb;
	font-family :  Arial, sans-serif;
	font-size: 14px;
	text-align: left;
}
}
@media print {
TABLE.lomake{
	border-right : 0px;
	border-left : 0px;
	border-top : 0px;
	border-bottom : 0px;
	font-family :  Arial, sans-serif;
	font-size: 12px;
	text-align: left;
}
}
TABLE.menutable {
	border-right : 1px solid #15254A;
	border-left : 1px solid #15254A;
	border-top : 1px solid #15254A;
	border-bottom : 1px solid #15254A;
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 10px;
	text-align: left;
}

TABLE.pd_calendar {
	border-right : 1px solid #000000;
	border-left : 1px solid #000000;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #000000;
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 14px;
}

TABLE.small_calendar {
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 1px solid #000000;
	border-bottom : 0px solid #000000;
	color : #000000;
	background-color : #E2E5ED;
	font-family :  Arial, sans-serif;
	font-size: 12px;	
}
TABLE.cal_frame{
	border-right : 1px solid #332A26;
	border-left : 1px solid #332A26;
	border-top : 1px solid #332A26;
	border-bottom : 0px solid #332A26;
	color : #000000;
	background-color : #E2E5ED;
	font-family :  Arial, sans-serif;
	font-size: 14px;
	text-align: left;
}

TABLE.minimal_border,
TABLE.minimal_border td {
	border:solid 1px;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 2px;
}

TD {
	font-size: 14px;
	font-family :  Arial, sans-serif;
	
}

td:empty::after{
  content: "\00a0";
}

.table_cell_no_padding,
.table_cell_no_padding td {
	padding: 0px;
}

.table_cell_padding_1,
.table_cell_padding_1 td {
	padding: 0px 1px;
}

.table_cell_padding_2,
.table_cell_padding_2 td {
	padding: 0px 2px;
}

.tbl_cell_cosmetic_padding {
	padding: 1px 1em;
}

.table_row_padding-vertical {
	padding-top: 2px;
	padding-bottom: 2px;
}

TD.korostettu {
	font-family :  Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;	
}

TD.table-shift-cell-width {
	min-width: 15px;
}

@media print {
TD.otsikko {
	font-weight: bold;
	font-size: 14px;
	border-bottom : 0px solid #000000;
}
}
TD.ilmomadeby {
	color : #000000;
	background-color : #C2CBE1;
	font-family :  Arial, sans-serif;
	font-size: 10px;
	text-align: right;
	border-bottom : 1px solid #15254A;
}

@media screen {
TD.alaotsikko {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	border-bottom : 1px solid #15254A;
	border-right : 1px solid #15254A;
}
}
@media print {
TD.alaotsikko {
	font-weight: bold;
	font-size: 12px;
	border-bottom : 1px solid #000000;
	
}
}
@media screen {
TD.alaotsikko_last {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	border-bottom : 1px solid #15254A;
	border-left : 1px solid #15254A;	
}
}
@media print {
TD.alaotsikko_last {
	font-weight: bold;
	font-size: 12px;
	border-bottom : 1px solid #000000;
	
}
}
TD.alaotsikko_last_vkl_yt {
	color : #000000;
	background-color : #C2CBE1;
	font-family :  Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	border-bottom : 1px solid #15254A;
	border-left : 1px solid #15254A;	
}
TD.vkl_yt {
	background-color : #C2CBE1;	
}
TD.tyohalu_otsikko_yt {
	color : #000000;
	background-color : #C2CBE1;
	font-family :  Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.tyohalu_otsikko {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.tyohalu {
	color : #FF0000;
	vertical-align: top;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.tyohalu_sv {
	color : #000000;
	vertical-align: top;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.tyohalu_harmaa {
	color : #F0F0F0;
	vertical-align: top;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}

TD.tyohalu_last {
	color : #FF0000;
	vertical-align: top;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;	
}
TD.tyohalu_last_sv {
	color : #000000;
	vertical-align: top;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;	
}
TABLE.tyohalu
{
	border-top : 1px solid #000000;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;		
}
TD.first_page {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 12px;
	text-align: left;	
}
@media screen {
TD.show_anomukset {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	border-bottom : 1px solid #15254A;
	border-right : 1px solid #15254A;	
}
}
@media print {
   TD.show_anomukset {
   		border-right : 0px;
   		border-left : 0px;
   		border-top : 0px;
   		border-bottom : 1px solid #000000;
   		font-size: 12px;	
	}
}
@media screen {
TD.show_anomukset_last {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	border-bottom : 1px solid #15254A;	
}
}
@media print {
   TD.show_anomukset_last {
   		border-right : 0px;
   		border-left : 0px;
   		border-top : 0px;
   		border-bottom : 1px solid #000000;
   		font-size: 12px;	
	}
}

TD.menutd {
	border-right : 0px solid #15254A;
	border-left : 0px solid #15254A;
	border-top : 0px solid #15254A;
	border-bottom : 0px solid #15254A;
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 10px;
	text-align: left;
}
TD.pd_cal {
	border-right : 1px solid #000000;
	border-left : 1px solid #000000;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #000000;
	color : #000000;
	font-family :  Arial, sans-serif;
	horizontal-align: justify; 
	vertical-align: top;
	width: 50px;
	height: 50px;	
}

TD.pd_cal_pde {
	border-right : 1px solid #000000;
	border-left : 1px solid #000000;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #000000;
	color : #000000;
	background-color : #E8E8E8;
	font-family :  Arial, sans-serif;
	horizontal-align: justify; 
	vertical-align: top;
	width: 50px;
	height: 50px;	
}
TD.pd_cal_vko {
	border-left : 1px solid #000000;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #000000;
	background-color : #000000;
	color:  #FFFFFF;
	font-family:  Arial, sans-serif;
	font-weight : bold;
	font-size: 10px;
	vertical-align: top;
	width: 20px;
	height: 50px;	
}

TD.pd_cal_pd {
	border-right : 2px solid #00FF24;
	border-left : 2px solid #00FF24;
	border-top : 2px solid #00FF24;
	border-bottom : 2px solid #00FF24;
	color : #000000;
	font-family :  Arial, sans-serif;
	horizontal-align: justify; 
	vertical-align: top;
	width: 50px;
	height: 50px;		
}
TD.pd_cal_vv {
	border-right : 2px solid #00FF24;
	border-left : 2px solid #00FF24;
	border-top : 2px solid #00FF24;
	border-bottom : 2px solid #00FF24;
	color : #000000;
	font-family :  Arial, sans-serif;
	horizontal-align: justify; 
	vertical-align: top;
	width: 50px;
	height: 50px;	
}

TD.pd_cal_today {
	border-right : 2px solid #FF0000;
	border-left : 2px solid #FF0000;
	border-top : 2px solid #FF0000;
	border-bottom : 2px solid #FF0000;
	color : #000000;
	font-family :  Arial, sans-serif;
	horizontal-align: justify; 
	vertical-align: top;
	width: 50px;
	height: 50px;	
}

TD.pd_cal_today_pde {
	border-right : 2px solid #FF0000;
	border-left : 2px solid #FF0000;
	border-top : 2px solid #FF0000;
	border-bottom : 2px solid #FF0000;
	color : #000000;
	background-color : #E8E8E8;
	font-family :  Arial, sans-serif;
	horizontal-align: justify; 
	vertical-align: top;
	width: 50px;
	height: 50px;	
}

TD.pd_cal_pd_today {
	border-right : 2px solid #FF0000;
	border-left : 2px solid #FF0000;
	border-top : 2px solid #FF0000;
	border-bottom : 2px solid #FF0000;
	color : #000000;
	font-family :  Arial, sans-serif;
	horizontal-align: justify; 
	vertical-align: top;
	width: 50px;
	height: 50px;	
}
TD.pd_cal_vv_today {
	border-right : 2px solid #FF0000;
	border-left : 2px solid #FF0000;
	border-top : 2px solid #FF0000;
	border-bottom : 2px solid #FF0000;
	color : #000000;
	font-family :  Arial, sans-serif;
	horizontal-align: justify; 
	vertical-align: top;
	width: 50px;
	height: 50px;	
}

TD.pd_cal_esto {
	border-right : 1px solid #000000;
	border-left : 1px solid #000000;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #000000;
	color : #000000;
	background-color : #CFCFCF;
	font-family :  Arial, sans-serif;
	horizontal-align: justify; 
	vertical-align: top;
	width: 50px;
	height: 50px;	
}

TD.in_day_normalday {
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 0px solid #000000;
	border-bottom : 0px solid #000000;
	color : #000000;
	font-weight : bold;
	font-family :  Arial, sans-serif;
	text-align: left; 
	vertical-align: top;
	width: 50%;
	height: 50%;	
}
TD.in_day_pyha {
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 0px solid #000000;
	border-bottom : 0px solid #000000;
	color : #FF0000;
	font-weight : bold;
	font-family :  Arial, sans-serif;
	text-align: left; 
	vertical-align: top;
	width: 50%;
	height: 50%;	
}

.today_circled {
	border: solid 3px red;
	border-radius: 50%;
	padding: 5px 5px;
	vertical-align:top;
	margin-top:-8px;
}

TD.in_day_common {
	border-radius: 8px;
}

TD.in_day_vuoro {
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 0px solid #000000;
	border-bottom : 0px solid #000000;
	color : #FFFFFF;
	background-color: #2c3684;
	font-family :  Arial, sans-serif;
	font-weight :  bold;
	text-align: center; 
	width: 100%;
	height: 50%;	
}

TD.in_day_vuoro_su {
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 0px solid #000000;
	border-bottom : 0px solid #000000;
	color : #FFFFFF;
	background-color: #FF0000;
	font-family :  Arial, sans-serif;
	font-weight :  bold;
	text-align: center; 
	width: 100%;
	height: 50%;	
}
TD.in_day_eivuoroa {
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 0px solid #000000;
	border-bottom : 0px solid #000000;
	color : #000000;
	font-family :  Arial, sans-serif;
	text-align: center; 
	width: 100%;
	height: 50%;	
}

TD.in_day_yt {
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 0px solid #000000;
	border-bottom : 0px solid #000000;
	color : #FFFFFF;
	background-color: #0000FF;
	font-weight : bold;
	font-family :  Arial, sans-serif;
	text-align: center;
	width: 50%;
	height: 50%;	
}

TD.in_day_pd_ok {
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 0px solid #;
	border-bottom : 0px solid #000000;
	color : #FFFFFF;
	background-color : #00BD1B;
	font-weight : bold;
	font-family :  Arial, sans-serif;
	text-align: center;
	width: 50%;
	height: 50%;	
}
TD.in_day_pd_ok_putki {
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 3px solid #008513;
	border-bottom : 0px solid #000000;
	color : #FFFFFF;
	background-color : #00BD1B;
	font-weight : bold;
	font-family :  Arial, sans-serif;
	text-align: center;
	width: 50%;
	height: 50%;	
}

TD.in_day_pd_x {
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 0px solid #000000;
	border-bottom : 0px solid #000000;
	color : #FFFFFF;
	background-color : #FF0000;
	font-weight : bold;
	font-family :  Arial, sans-serif;
	text-align: center;
	width: 50%;
	height: 50%;	
}
TD.in_day_pd_x_putki {
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 3px solid #960100;
	border-bottom : 0px solid #000000;
	color : #FFFFFF;
	background-color : #FF0000;
	font-weight : bold;
	font-family :  Arial, sans-serif;
	text-align: center;
	width: 50%;
	height: 50%;	
}

TD.in_day_pd_k {
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 0px solid #000000;
	border-bottom : 0px solid #000000;
	color : #FFFFFF;
	background-color : #999999;
	font-weight : bold;
	font-family :  Arial, sans-serif;
	text-align: center;
	width: 50%;
	height: 50%;	
}
TD.in_day_pd_k_putki {
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 3px solid #555555;
	border-bottom : 0px solid #000000;
	color : #FFFFFF;
	background-color : #999999;
	font-weight : bold;
	font-family :  Arial, sans-serif;
	text-align: center;
	width: 50%;
	height: 50%;	
}

TD.cal_pd {
	vertical-align: top;
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 0px solid #000000;
	border-bottom : 0px solid #000000;
	color : #000000;
	background-color: #E9DCDD;
	font-family :  Arial, sans-serif;		
}
TD.cal_yt {
	vertical-align: top;
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 0px solid #000000;
	border-bottom : 0px solid #000000;
	color : #000000;
	background-color: #DCE0E9;
	font-family :  Arial, sans-serif;		
}

TD.cal_pd_count {
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 0px solid #000000;
	border-bottom : 1px dashed #000000;
}
TD.cal_yt_count {
	border-right : 0px solid #000000;
	border-left : 0px solid #000000;
	border-top : 0px solid #000000;
	border-bottom : 1px dashed #000000;
}

TD.lomake {
	background-color : #fdfcfb;
	font-family :  Arial, sans-serif;
	
}

IMG.basic_frame {
	border: 1px solid #000000;
}

input.basic_frame {
	border: 1px solid #000000;
}

TD.yt {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	border-bottom : 1px solid #1C625E;
	border-right : 1px solid #1C625E;
}
TD.yt_last {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	border-bottom : 1px solid #1C625E;	
}
TD.selittava_otsikko {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 9px;
	text-align: left;
		
}
TD.hj_sivuotsikko {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: bold;	
}
TD.hj_otsikko {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	border-bottom : 1px solid #1C625E;	
}
TD.hj_otsikko_last {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	border-bottom : 1px solid #1C625E;	
}
TD.hj {
	font-size: 11px;
	font-family :  Arial, sans-serif;
	border-bottom : 1px solid #1C625E;	
}
TD.hj_po {
	font-size: 11px;
	font-family :  Arial, sans-serif;
	text-decoration : line-through;
	color : #FF5555;
	border-bottom : 1px solid #1C625E;
}
TD.hj_expl {
	font-size: 11px;
	font-family :  Arial, sans-serif;
	color : #FF5555;
	border-bottom : 1px solid #1C625E;
}
TD.hj_ryhma {
	font-size: 11px;
	font-family :  Arial, sans-serif;	
}
TD.hj_menu_left {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	border-right : 1px solid #1C625E;	
}
TD.small_calendar {
	border-right : 1px solid #000000;
	border-left : 1px solid #000000;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #000000;
	color : #000000;
	background-color : #EBE5E3;
	font-family :  Arial, sans-serif;
	horizontal-align: center; 
	vertical-align: top;
	width: 22px;
	height: 22px;	
}
TD.small_calendar_today {
	border-right : 2px solid #FF0000;
	border-left : 2px solid #FF0000;
	border-top : 2px solid #FF0000;
	border-bottom : 2px solid #FF0000;
	color : #000000;
	background-color : #EBE5E3;
	font-family :  Arial, sans-serif;
	horizontal-align: center; 
	vertical-align: top;
	width: 22px;
	height: 22px;	
}
TD.ythj_otsikko {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border-bottom : 1px solid #000000;	
}
TD.ythj_otsikko_last {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border-bottom : 1px solid #000000;	
}
TD.ythj_default {
	font-size: 10px;
	font-family :  Arial, sans-serif;	
}
TD.ythj_po {
	font-size: 10px;
	font-family :  Arial, sans-serif;
	text-decoration : line-through;
	color : #FF5555;
}
TD.ythj_expl {
	font-size: 10px;
	font-family :  Arial, sans-serif;
	color : #FF5555;
}

TD.ythj_ryhma {
	font-size: 10px;
	font-family :  Arial, sans-serif;
	border-bottom: 1px solid #000000;		
}
TD.yt_rap_otsikko {
	font-size: 10px;
	font-family:  Arial, sans-serif;
	border-left: 1px solid #000000;	
}
TD.yt_rap_ylaosa {
	font-size: 10px;
	font-family:  Arial, sans-serif;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;	
}
TD.yt_rap_ylaosa_last {
	font-size: 10px;
	font-family:  Arial, sans-serif;
	border-bottom: 1px solid #000000;	
}
TD.extra_rap_valiotsikko {
	font-size: 11px;
	font-family:  Arial, sans-serif;
	border-bottom: 1px solid #000000;
	background-color : #F2F2F2;	
}

TD.ythjy {
	font-size: 10px;
	font-family :  Arial, sans-serif;
	text-align: center;
	background-color : #0CFF00;	
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}

TD.ythjyy {
	font-size: 10px;
	font-weight: bold;
	font-family :  Arial, sans-serif;
	text-align: center;
	color : #078E00;
	background-color : #B5FFB1;	
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythjs {
	font-size: 10px;
	font-weight: bold;
	font-family :  Arial, sans-serif;	
	text-align: center;
	color : #006270;
	background-color : #00DEFF;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythjsy {
	font-size: 10px;
	font-weight: bold;
	font-family :  Arial, sans-serif;	
	text-align: center;
	color : #008EA3;
	background-color : #7FEEFF;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythjn {
	font-size: 10px;
	font-family :  Arial, sans-serif;	
	text-align: center;
	color : #590000;
	background-color : #FF0000;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythjny {
	font-size: 10px;
	font-family :  Arial, sans-serif;	
	text-align: center;
	color : #790202;
	background-color : #FF6464;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythj {
	font-size: 10px;
	font-family :  Arial, sans-serif;	
	text-align: center;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythj_esto {
	font-size: 10px;
	font-weight: bold;
	font-family :  Arial, sans-serif;
	text-align: center;
	color : #078E00;
	background-color : yellow;	
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythj_huom {
	font-size: 10px;
	font-weight: bold;
	font-family :  Arial, sans-serif;
	text-align: center;
	color : #078E00;
	background-color : #ffffb3;	
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythj_estolast{
	font-size: 10px;
	font-weight: bold;
	font-family :  Arial, sans-serif;
	text-align: center;
	color : #078E00;
	background-color : yellow;	
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythjy_last {
	font-size: 10px;
	font-weight: bold;
	font-family :  Arial, sans-serif;
	text-align: center;
	color : #078E00;
	background-color : #0CFF00;	
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythjyy_last {
	font-size: 10px;
	font-weight: bold;
	font-family :  Arial, sans-serif;
	text-align: center;
	color : #078E00;
	background-color : #F8F5F5;	
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythjtv_last{
	font-size: 10px;
	font-weight: 900;
	font-family :  Arial, sans-serif;
	text-align: center;
	color : #000080;
	background-color : #F0F0F0;	
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;	
}
TD.ythjtv{
	font-size: 10px;
	font-weight: 900;
	font-family :  Arial, sans-serif;
	text-align: center;
	color : #000080;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythjtvx_last{
	font-size: 10px;
	font-weight: 900;
	font-family :  Arial, sans-serif;
	text-align: center;
	color : #000080;
	background-color : #FD6464;	
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;	
}
TD.ythjtvgrey_last{
	font-size: 10px;
	font-family :  Arial, sans-serif;
	text-align: center;
	color : #A2A2A2;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;	

}
TD.ythjs_last {
	font-size: 10px;
	font-weight: bold;
	font-family :  Arial, sans-serif;	
	text-align: center;
	color : #006270;
	background-color : #00DEFF;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythjsy_last {
	font-size: 10px;
	font-weight: bold;
	font-family :  Arial, sans-serif;	
	text-align: center;
	color : #008EA3;
	background-color : #7FEEFF;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythjn_last {
	font-size: 10px;
	font-family :  Arial, sans-serif;	
	text-align: center;
	color : #590000;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythjny_last {
	font-size: 10px;
	font-family :  Arial, sans-serif;	
	text-align: center;
	color : #790202;
	background-color : #FF6464;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.extra_yv {
	font-size: 10px;
	font-family :  Arial, sans-serif;	
	text-align: center;
	color : #790202;
	background-color : #FF6464;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythj_last {
	font-size: 10px;
	font-family :  Arial, sans-serif;	
	text-align: center;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.ythjy_top_of_list {
	font-size: 10px;
	font-family :  Arial, sans-serif;	
	text-align: center;
	border-bottom : 1px solid #000000;
}
.ilm_madeby 
{
	font-size: 8px;
	font-family:  Arial, sans-serif;	
	text-align: right;	
}

TD.extra_av_n{
	font-size: 10px;
	font-family:  Arial, sans-serif;	
	font-weight: bold;
	color : #FF6464;
	text-align: center;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}

TD.extra_iv_n{
	font-size: 10px;
	font-family:  Arial, sans-serif;	
	font-weight: bold;
	color: #FF6464;
	background-color: #D0D0D0;
	text-align: center;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
TD.extra_ivt {
	font-size: 10px;
	font-family :  Arial, sans-serif;	
	text-align: center;
	background-color : #D0D0D0;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.extra_av_a {
	font-size: 10px;
	font-family :  Arial, sans-serif;
	text-align: center;
	color : #078E00;
	background-color : A5FB9C;	
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.po_ok {
	font-size: 10px;
	font-family :  Arial, sans-serif;	
	text-align: center;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
TD.po_anomus{
	font-size: 10px;
	color: #FF6464;
	font-family :  Arial, sans-serif;	
	text-align: center;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}
A.po_anomus{
	color: #FF6464;
}
TD.po_hylatty{
	font-size: 10px;
	font-family :  Arial, sans-serif;
	text-decoration: line-through;
	color: #FF6464;	
	text-align: center;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
}


TD.man_otsikko {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;	
}
TD.man_filelink {
	color : #000000;
	font-family :  Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	font-weight: bold;	
}
TD.man {
	color : #000000;
	font-size: 10px;
	font-family :  Arial, sans-serif;
			
}
TD.man_updated {
	color : #000000;
	font-size: 10px;
	font-family :  Arial, sans-serif;
	text-align: left;
	font-style: italic;		
}
TD.tvr_frame {
	border : 1px solid #000000;
}
TD.tvr_otsikko {
	font-size: 10px;
	font-family :  Arial, sans-serif;
	text-align: left;
	font-weight: bold;
	color : #000000;
	background-color : #FFFFFF;	
	border-bottom : 1px solid #000000;
}
TD.tvr_otsikko_w {
	font-size: 10px;
	font-family :  Arial, sans-serif;
	text-align: center;
	font-weight: bold;
	color : #000000;
	background-color : #FFFFFF;	
	border-bottom : 1px solid #000000;
}
TD.tvr_even {
	font-size: 10px;
	font-family :  Arial, sans-serif;
	text-align: left;
	color : #000000;
	background-color : #FFFFFF;	
	border-bottom : 1px solid #000000;
}
TD.tvr_odd {
	font-size: 10px;
	font-family :  Arial, sans-serif;
	text-align: left;
	color : #000000;
	background-color : #DDDDDD;	
	border-bottom : 1px solid #000000;
}
TD.tvr_even_wcolumn {
	font-size: 10px;
	font-family :  Arial, sans-serif;
	text-align: left;
	color : #000000;
	background-color : #FFFFFF;	
	border-bottom : 1px solid #000000;
	border-left : 1px solid #000000;
}
TD.tvr_odd_wcolumn {
	font-size: 10px;
	font-family :  Arial, sans-serif;
	text-align: left;
	color : #000000;
	background-color : #DDDDDD;	
	border-bottom : 1px solid #000000;
	border-left : 1px solid #000000;
}
TD.tvr_even_totcolumn {
	font-size: 10px;
	font-family :  Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color : #000000;
	background-color : #EEEEEE;	
	border-bottom : 1px solid #000000;
	border-left : 1px solid #000000;
}
TD.tvr_odd_totcolumn {
	font-size: 10px;
	font-family :  Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color : #000000;
	background-color : #CCCCCC;	
	border-bottom : 1px solid #000000;
	border-left : 1px solid #000000;
}
[tooltip]:before {
    /* needed - do not touch */
    content: attr(tooltip);
    position: absolute;
    opacity: 0;
	white-space: pre-line;
    
    /* customizable */
    transition: all 0.15s ease;
    padding: 10px;
    color: #333;
    border-radius: 10px;
    box-shadow: 2px 2px 1px silver;    
}

[tooltip]:hover:before {
    /* needed - do not touch */
    opacity: 1;
    white-space: pre-line;
    /* customizable */
    background: yellow;
    margin-top: -25px;
    margin-left: 20px; 
	z-index: 2000;
}

[tooltip]:not([tooltip-persistent]):before {
    pointer-events: none;
	white-space: pre-line;
}

[tooltipRev]:before {
    /* needed - do not touch */
    content: attr(tooltipRev);
    position: absolute;
    opacity: 0;
	white-space: pre-line;
    
    /* customizable */
    transition: all 0.15s ease;
    padding: 10px;
    color: #333;
    border-radius: 10px;
    box-shadow: 2px 2px 1px silver;    
}

[tooltipRev]:hover:before {
    /* needed - do not touch */
    opacity: 1;
    white-space: pre-line;
    /* customizable */
    background: yellow;
    margin-top: -25px;
    margin-left: -80px;    
}

[tooltipRev]:not([tooltipRev-persistent]):before {
    pointer-events: none;
	white-space: pre-line;
}

.animation {
	flex-grow: 1;
	/*transition: all 400ms ease;*/

	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.width-transition {
	transition: transform 2s;
}

/* Tooltip container */
.tooltipnew {
  position: relative;
  display: inline-block;
}

.tooltipnew-dotted-border-under {
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltipnew .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: yellow;
  color: #000;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipnew:hover .tooltiptext {
  visibility: visible;
}

div.tableMainBorder {
	float: left;
	width: 100%;
	border: solid;
}

div.tableHalfBorder {
	float: left;
	width: 49%;
	margin-left: 0.5%;
	outline: solid 1px;
}

div.tableMain {
	float: left;
	width: 100%;
}

div.tableHalf {
	float: left;
	width: 50%;
}

div.cellBorder {
	float: left;
	width: 100%;
	outline: 1px solid;
}

div.cellBorderNoTop {
	float: left;
	width: 100%;
	outline: 1px solid;
}

div.cell {
	float: left;
	width: 100%;
}

div.wrapper {
	overflow:auto;
	height:175px;
}

DIV.functionMainDIv {
	float: left;
	width: 100%;
}

DIV.settings_category_container {
	display:flex;
	flex-direction:column;
	width: 98%;
	margin-left: calc(1% - 10px);
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	outline:solid 1px;
}

DIV.settings_category_heading {
	width: 100%;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:solid 1px;
}

DIV.processingDiv {
	float:left;
	margin:auto;
	text-align:center;
	padding-top:38%;
	display:none;
	
}

DIV.outlines {
	outline: solid 1px;
}

DIV.hidden {
	display: none;
}

DIV.align-left {
	text-align:left;
}

DIV.misc_category_container {
	display:block;
	width: 95%;
	margin: 8px auto;
	padding: 5px 10px;
	background-color: #f2f4f7;
	border-radius: 14px;
}

DIV.misc_category_container_heading {
	position:relative;
	top:-10;
	left:10;
	font-size:65%;
}


#mainPushFrame {
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	background-color: gray;
	z-index: 1000;		
}

#mainPushFrame DIV.pushbody {
	width:450px;
	//width:100%;
	margin: 100px auto;
	padding:5px;
	text-align:center;
}

#mainPushFrame DIV.pushbody #header {
	width:100%;
	color:white;
	border:1px solid;
	.theme_border_color;
	text-align:center;
	vertical-align: center;
	border-radius:8px;
	
}

#mainPushFrame DIV.pushbody #content  {
	width:450px;
	//width:100%;
	background-color: #e2e5ed;
	border:1px solid;
	.theme_border_color;
	text-align:center;
	vertical-align: center;
	border-radius:8px;
	
}

#contentDiv {
	float:left;
	left:210px;
	padding-top:5px;
	height: 100%;
}

.contentDiv_width {
	width:calc(100% - 210px);
}

.contentDiv_no_width {
	min-width:calc(100% - 210px);
	width:auto;
}

#menuButton {
	float:right;
	width:100%;
	height:85px;
	text-align:right;
}


 #user_contacts{
    
	border-right: 1px solid #15254A;
    border-left: 1px solid #15254A;
    border-top: 1px solid rgb(21, 37, 74);
    border-bottom: 1px solid #15254A;
    color: #000000;
    background-color: #E2E5ED;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-align: left;
    border-collapse: separate;
    width: 500px;
   
 }

#user_settings{
 	

	border-right: 1px solid #15254A;
    border-left: 1px solid #15254A;
    border-top: 1px solid rgb(21, 37, 74);
    border-bottom: 1px solid #15254A;
    color: #000000;
    background-color: #E2E5ED;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-align: left;
    border-collapse: separate;
    width: 500px;

    
 }

 .contact, .settings{
 	margin-top: 2%;
 	margin-left:10px;
 }

DIV.zoom-125 {
	zoom: 125%;
}

.hoverUnderline:hover {
	text-decoration: underline;
}

.hoverHighlight:hover {
	background-color:#FEFEFE;
}

.hoverHighlightGray:hover {
	background-color:lightgray;
}

.hoverHighlightLightGray:hover {
	background-color:#d9d9d9;
}

.hoverHighlightSkyBlue:hover {
	background-color:#e6f7ff;
}

.highlightLightBlue:hover {
	background-color:#ccffff;
}

DIV.hoverLightTransparancy:hover {
	opacity:0.9;
}

DIV.cursorDefault {
	cursor:default;
}

DIV.hover-underline:hover {
	text-decoration: underline;
}

DIV.hover-bold:hover {
	font-weight:bold;
}

DIV.circleDiv {
	border-radius: 50%;
}

DIV.bottomline {
	border-bottom:solid 1px;
}

DIV.select-box {
	width:98%;
	border:solid 2px;
	margin-left:calc(1% - 2px);
	margin-right:calc(1% - 2px);
	overflow-y:auto;
	overflow-x:hidden;
}

TR.hoverHighlight:hover {
	background-color:lightgray;
}

.miscHoverHighlight:hover {
	background-color:lightgray;
}


DIV#processingOverlay {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.8);
	display: none;
}

DIV.processingOverlay-content {
	position: absolute;
	border-radius: 12px;
	top: 15%;
	left: 10%;
	width: 80%;
	height: 70%;
	text-align: center;
	margin-top: 30px auto;
	background-color: rgb(255,255,255, 0.8);
	display: table;
	overflow-y:auto;
}

DIV.overview-info-mobile {
	float:left;
	width:99%;
	height: 80%;
	border:solid 1px;
	border-radius:12px;
	margin-bottom:40px;
	font-size: 220%;
	overflow: hidden;
}

DIV.overview-info {
	height: 450px;
	border:solid 1px;
	border-radius:12px;
	padding-bottom:3px;
	overflow: hidden;
}

DIV.overview-info-right {
	float:right;
	margin-right:1%;
	width:48%;
	height: 450px;
	border:solid 1px;
	border-radius:12px;
	padding-bottom:3px;
	overflow: hidden;
}

DIV.overview-info-heading {
	float:left;
	width:100%;
	text-align:center;
	border-bottom:solid 2px;
	border-radius:12px 12px 0px 0px;	
}

DIV.info-square {
	display:inline-block;
	width:98%;
	margin:auto;
	margin-top: 4px;
	border:solid 1px;
	border-radius:12px 12px 12px 12px;	
	padding:0 0 0 0;
}

DIV.machine_category_name {
	float:left;
	width:100%;
	background-color:gray;
	border-bottom:solid 2px;
	text-align:center;
	cursor:pointer;
}

DIV.machine_row {
	float: left;
	width: 100%;
	border-bottom: 1px solid;
	cursor: pointer;
	background-color: transparent;
}

DIV.main_heading {
	float:left;
	text-align:center;
	width: 100%;
	font-size: 145%;
	background-color: #C2CBE1;
}

DIV.base_container {
	float:left;
	width:100%;
}

DIV.heading_bgcolor {
	background-color: #C2CBE1;
}

DIV.base_outline_container {
	float:left;
	width:98%;
	padding: 1%;
	outline:solid 1px;
}

DIV.display_none {
	display:none;
}

DIV.poissaolo {
	color: red;
	text-decoration: line-through;
}

DIV.outline {
	outline:solid 1px;	
}

DIV.machine_row :hover{
	background-color: #ccffff;
}

DIV.confirmButton {
	float: left;
	width: 80px;
	height: 20px;
	padding: 20px;
	border: solid 1px;
	border-radius: 8px;
	margin: 15px;
	opacity: 0.8;
	cursor: pointer;
}

DIV.confirmButton:hover {
	opacity: 1;
}

DIV.tab_page_main_container {
	display:block;
	min-height:85%;
	overflow:auto;
	min-width:50%;
}

DIV.tab_page_dropdown_menu_container {
	float:left;
	width:98%;
	padding-left:2%;
	min-height:15px;
}

DIV.tab_page_content_container {
	width:98%;
	margin:auto;
	min-height:15px;
	contain:content;
}

DIV.tab_page_tabs_container {
	display:block;
	width:98%;
	padding-left:1%;
	min-height:15px;
	border-bottom:solid 1px;
}

DIV.tab_page_processing_data {
	width:98%;
	padding-left:1%;
	min-height:15px;
	border:solid 1px;
	padding-top:15px;
	text-align:center;
	display:none;
}

DIV.tab_page_content {
	display:inline-block;
	width:98%;
	padding-left:1%;
	padding-right:15px;
	min-height:15px;
	border:solid 1px;
	padding-top:15px;
	padding-bottom:15px;
}

DIV.tab_page_tabs {
	display:inline-block;
	border: solid 1px;
	border-radius: 8px 8px 0px 0px;
	background-color: gray;
	color: white;
	padding-left: 4px;
	padding-right: 4px;
	cursor:pointer;
}

DIV.tab_page_tabs:hover {
	background-color: #C1C1C1;
	color: #FBFBFB;
}

.tab_boxes_bar {
	float:left;
	width:100%;
	border:none;
	display:block;
	background-color:#f2f2f2;
}
/*
.tab_boxes_bar:before,.tab_boxes_bar:after {
	content:"";
	display:table;
	clear:both
}
*/

.tab_boxes_bar_items {
	padding: 3px 6px;
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
}

.tab_boxes_bar_items:hover {
	color:#000!important;
	background-color:#ccc!important;
}

.tab_boxes_bar_items_selected {
	background-color:#262626!important;
	color:white;
}

DIV.tab_page_tab_selected {
	float:left;
	border: solid 1px;
	border-radius: 8px 8px 0px 0px;
	background-color: #6CCEFF;
	color: white;
	padding-left: 4px;
	padding-right: 4px;
	cursor:pointer;
}

DIV.fault_box_container {
	float:left;
	width:96%;
	margin-left:1%;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;
	border:solid 1px;
	border-radius:8px;
}

DIV.borderCircle:hover {
	width: 18px;
	height: 18px;
	border: solid 1px;
	border-radius: 12px;
}

DIV.borderCircled {
	width: 18px;
	height: 18px;
	border: solid 1px;
	border-radius: 12px;
}

DIV.borderCircledHover:hover {
	border: solid 2px;
}

.input_warning_border {
	border:solid 2px red;
	box-shadow: 1px 2px #ff9d87;
}

img.iconColossal {
	width:95x;
	height:95px;
}

img.iconHuge {
	width:50x;
	height:50px;
}

img.iconXL {
	width:42px;
	height: 42px;
}

img.iconLarge {
	width:35px;
	height: 35px;
}

img.iconMedium {
	width:28px;
	height: 28px;
}

img.iconSmall {
	width:18px;
	height: 18px;
}

img.icon {
	width:14px;
	height: 14px;
}

img.iconMini {
	width:10px;
	height: 10px;
}

img.iconMedium_border {
	border:solid 1px;
	border-radius: 7px;
}

img.icon_border {
	border:solid 1px;
	padding: 2px;
	border-radius: 6px;
}

img.more_btn {
	border: solid 1px;
	border-radius: 6px;
	width: 30px;
	height:20px;
	box-shadow: 1px 1px 1px gray;
}

img.icon_interactive:hover {
	box-shadow: -3px 3px 4px #888888;
}

img.icon_interactive:active {
	box-shadow: 2px 2px #888888;
}

div#tab_body {
	float:left;
	width:100%;
	background-color: white;
	padding-top: 12px;
}

div#tab_background_layout {
	float:left;
	padding-left:2px;
	bottom:0;
}

/*	
	Class layouts
*/

/* Sticker */
.sticker {
  position: relative;
  width: 160px;
  min-height: 70px;
  float: left;
  font-size: 1.5em;
  font-weight: bold;
  margin: 30px 10px 10px -90px;
  background-color: #fcf59b;
  border-radius: 0px 10px 250px / 0 200px 55px 250px;
  -webkit-box-shadow: -3px 5px 12px 0 rgba(0,0,0,0.3);
  -moz-box-shadow: -3px 5px 12px 0 rgba(0,0,0,0.3);
  box-shadow: -3px 5px 12px 0 rgba(0,0,0,0.3);
  //-ms-transform: rotateZ(-4deg);
  //-webkit-transform: rotateZ(-4deg);
  //transform: rotateZ(-4deg);
}

/* Text on the sticker*/
.sticker-text {
  text-align: center;
  display: block;
  padding: 20px 20px 20px 0;
  font-size: 80%;
  font-family: 'Shadows Into Light', cursive;
}

/* Shadow under sticker */
.sticker::before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 90%;
  height: 20px;
  -webkit-box-shadow: 3px 17px 6px rgba(0,0,0,.3);
  -moz-box-shadow: 3px 17px 6px rgba(0,0,0,.3);
  box-shadow: 3px 17px 6px rgba(0,0,0,.3);
  bottom: 15px;
  right: 5px;
  -ms-transform: skew(-10deg,2deg);
  -webkit-transform: skew(-10deg,2deg);
  transform: skew(-10deg,2deg);
}

/* Curl */
.sticker::after {
  content: '';
  display: block;
  position: absolute;
  width: 0; 
  height: 0;
  right: 8px;
  bottom: 1px;
  border-top: 10px solid rgb(156, 166, 61); 
  border-right: 10px solid transparent;
  -webkit-transform: skew(-55deg,10deg);
  transform: skew(-55deg,10deg);
}

/* Calendar classes */
.datepickerEventRed a {
	background-color: #ffb3b3 !important;
    background-image :none !important;
}

.datepickerEventGreen a {
	background-color: lightgreen !important;
    background-image :none !important;
}

.inline-block_mobile-block {
	display: inline-block;
}

.onlyMobileBlock {
	display:none;
}

.bgcolor-selected {
	background-color: #b3d9ff;
}

.default-cursor {
	cursor: default;
}

.color-blue {
	color:blue;
}

.color-green {
	color:green;
}

.color-gray {
	color:gray;
}

.color-darkgreen {
	color:darkgreen;
}

.color-yellow {
	color:yellow;
}

.color-pending {
	color:#899e00;
}

.color-red {
	color:red;
}

.font-50 {
	font-size: 50%;
}

.font-60 {
	font-size: 60%;
}

.font-65 {
	font-size: 65%;
}

.font-70 {
	font-size: 70%;
}

.font-75 {
	font-size: 75%;
}

.font-80 {
	font-size:80%
}

.font-85 {
	font-size: 85%;
}

.font-90 {
	font-size: 90%;
}

.font-115 {
	font-size:115%
}

.font-120 {
	font-size:120%
}

.font-125 {
	font-size: 125%;
}

.font-150 {
	font-size:150%
}

.font-175 {
	font-size: 175%;
}

.highlight {
	background-color:#E9FF9C;
}

.hover-bold-font:hover {
	font-weight:bold;
}

.bl-1 {
	border-left:1px;
}

.bl-2 {
	border-left:2px;
}

.bl-4 {
	border-left:4px;
}

.mb-1 {
	margin-bottom:1px;
}

.mb-2 {
	margin-bottom:2px;
}

.mb-3 {
	margin-bottom:3px;
}

.mb-4 {
	margin-bottom:4px;
}

.mb-5 {
	margin-bottom:5px;
}

.ml-1 {
	margin-left:1px;
}

.ml-2 {
	margin-left:2px;
}

.ml-3 {
	margin-left:3px;
}

.ml-4 {
	margin-left:4px;
}

.ml-5 {
	margin-left:5px;
}

.dml-8 {
	margin-left:8px;
}

.mr-1 {
	margin-right:1px;
}

.mr-2 {
	margin-right:2px;
}

.mr-3 {
	margin-right:3px;
}

.mr-4 {
	margin-right:4px;
}

.mr-5 {
	margin-right:5px;
}

.mt-1 {
	margin-top:1px;
}

.mt-2 {
	margin-top:2px;
}

.mt-3 {
	margin-top:3px;
}

.mt-4 {
	margin-top:4px;
}

.mt-5 {
	margin-top:5px;
}

.margin-auto {
	margin:auto;
}

.margin-top-15 {
	margin-top:15px;
}

.margin-bottom-15 {
	margin-top:15px;
}

.padding-1 {
	padding: 1px;
}

.padding-2 {
	padding: 2px;
}

.padding-3 {
	padding: 3px;
}

.pl-1 {
	padding-left:1px;
}

.pl-2 {
	padding-left:2px;
}

.pl-3 {
	padding-left:3px;
}

.pl-4 {
	padding-left:4px;
}

.pl-5 {
	padding-left:5px;
}

.pr-1 {
	padding-right:1px;
}

.pr-2 {
	padding-right:2px;
}

.pr-3 {
	padding-right:3px;
}

.pr-4 {
	padding-right:4px;
}

.pr-5 {
	padding-right:5px;
}

.pt-1 {
	padding-top:1px;
}

.pt-2 {
	padding-top:2px;
}

.pt-3 {
	padding-top:3px;
}

.pt-4 {
	padding-top:4px;
}

.pt-5 {
	padding-top:5px;
}

.pb-1 {
	padding-bottom:1px;
}

.pb-2 {
	padding-bottom:2px;
}

.pb-3 {
	padding-bottom:3px;
}

.pb-4 {
	padding-bottom:4px;
}

.pb-5 {
	padding-bottom:5px;
}

.pt-15p {
	padding-top:15%;
}

.pb-15p {
	padding-bottom:15%;
}

.text-line-through {
	text-decoration-line: line-through;
}

.zoom_150 {
	zoom:150%;
}

.zoom_175 {
	zoom:175%;
}

.tab_layout {
	float:left;
	border: solid 1px;
	border-radius: 8px 8px 0px 0px;
	background-color: gray;
	color: white;
	padding-left: 4px;
	padding-right: 4px;
	cursor:pointer;
}

.tab_layout:hover {
	background-color: #C1C1C1;
	color: #FBFBFB;
}

.text_align_right {
	text-align:right;
}

.buttonAdd {
	background-color: #d0d0d0;
	border: none;
	color: black;
	text-align: center;
	font-size: 10px;
	border-radius:8px;
}

.button_rounded {
	border-radius: 6px;
}

.redHighlight {
	color: red;
}

.selected_tab_layout {
	float:left;
	border: solid 1px;
	border-radius: 8px 8px 0px 0px;
	background-color: #6CCEFF;
	color: white;
	padding-left: 4px;
	padding-right: 4px;
	cursor:pointer;
}

.main_content_container {
	float:left;
	width:100%;
	min-height:50%;
	border: solid 1px;
}

.category_row {
	float:left;
	width:100%;
	text-align:center;
	background-color: gray;
	color: white;
	cursor:pointer;
}

.radio-toolbar input[type="radio"] {
	display:none;
}

.radio-toolbar label {
	display: inline-block;
	background-color: #ddd;
	padding: 10px 20px;
	font-family:Arial;
	font-size: 16px;
	border: 2px solid #444;
	border-radius: 4px;
}

.radio-toolbar input[type="radio"]:checked + label {
	background-color: #bfb;
	border-color: #4c4;
}

.radio-toolbar label:hover {
	background-color: #dfd;
}

.radio-toolbar-filters input[type="checkbox"] {
	display:none;
}

.radio-toolbar-filters label {
	display: inline-block;
	background-color: #ddd;
	padding: 1px 2px;
	font-family:Arial;
	font-size: 8px;
	border: 1px solid #444;
	border-radius: 2px;
	margin-left:2px;
}

.radio-toolbar-filters input[type="checkbox"]:checked + label {
	background-color: #bfb;
	border-color: #4c4;
}

.radio-toolbar-filters label:hover {
	background-color: #dfd;
}

.miscHoverBold:hover {
	font-weight: bold;
	font-size: 110%;
	transition: font 0.2s ease;
}

.bgcolor-red {
	background-color:red;
}

.bgcolor-highlight-green {
	background-color: #e6ffe6;
}

.bgcolor-flashMsg {
	background-color:#ffffe6;
}

div.smallTBPadding {
	padding-top:5px;
	padding-bottom:5px;	
}

DIV.HoverBold:hover {
	font-weight:bold;
}

DIV.hj {
	float:left;
	width:100%;
	font-size: 11px;
	font-family :  Arial, sans-serif;
	border-bottom : 1px solid #1C625E;	
}

DIV.hj_po {
	float:left;
	width:100%;
	font-size: 11px;
	font-family :  Arial, sans-serif;
	text-decoration: line-through;
	color : #FF5555;
	border-bottom : 1px solid #1C625E;
}

DIV.hj_po_disp {
	float:left;
	width:100%;
	font-size: 11px;
	font-family :  Arial, sans-serif;
	color : #FF5555;
	border-bottom : 1px solid #1C625E;
}

DIV.hj:hover, DIV.hj_po:hover {
	font-weight:600;
}


DIV.overlay {
	min-height: 100%;
	width: 0;
	position: fixed;
	z-index: 500;
	left: 0;
	top: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.8);
	display: none;
	overflow-y:scroll;
	padding-bottom: 15px;	
}

DIV.overlay-heading, DIV.overlayHeadingDiv {
	width:100%;
	text-align:center;
	font-size:150%;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:15px;
	padding-top:15px;
}

DIV.confirm-overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.8);
	display: none;
}

DIV.overlay-content {
	position: absolute;
	border-radius: 12px;
	top: 13%;
	left: 10%;
	right: 10%;
	width: 82%;
	padding-left:15px;
	padding-right:15px;
	text-align: center;
	margin-top: -30px;
	background-color: rgb(255,255,255);
	display: block;
	min-height: 75%;
	overflow-y:auto;
}

DIV.overlay .overlay-closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
	color: gray;
}

DIV.overlay .overlay-closebtn:hover {
	font-weight: bold;
	cursor: default;
}

DIV.overlay_help_button {
	margin-top: 10px;
	margin-left: 10px;
	width:40px;
	height:40px;
}

DIV.itemRow2 {
	float: left;
	width: calc(100% - 6px);
	padding-left: 6px;
	padding-top: 8px;
	padding-bottom: 8px;
	cursor: default;
	border-bottom:solid 1px;
}

DIV.itemRow2:hover {
	background-color: lightgray;
}

DIV.worklistRow {
	float: left;
	width: calc(100% - 6px);
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: default;
}

DIV.worklistRow:hover {
	background-color: lightgray;
}

DIV.calendar_per_day_task_note {
	float:left;
	max-width:200px;
	border:solid 1px;
	border-radius:6px;
	margin-left:2px;
}

DIV.calendar_note_info {
	float:left;
	width:99%;
	max-height:100px;
	overflow:hidden;
}

DIV.calendar_note_info:hover {
	overflow:auto;
}

DIV.epiliptic_item {
	float:left;
	margin: 10px;
	border: solid 1px;
	border-radius: 12px;
	padding: 4px;
	text-align:center;
	font-size: bold;
	background-color: #DAFFEE;
}

DIV.headline {
	float:left;
	width:100%;
	text-align:center;
	font-size:bold;
	background-color:#C2CBE1;
}

DIV.backgroundColor-heading {
	background-color: #312f2e;	
	color:white;
}

DIV.backgroundColor-content {
	background-color : #f0f0f0;
}

DIV.basicRow {
	float:left;
	width:100%;
}

DIV.basicRow-padded {
	padding-left: 5px;
	padding-right: 5px;
	width:calc(100%-10px);
}

DIV.basicRow-topbottompad {
	padding-top: 3px;
	padding-bottom: 3px;
}

DIV.halfRow {
	float:left;
	width:calc(50% - 5px);
	margin-left: 5px;
}

DIV.ytype_management_category_div {
	width:80%;
	padding: 15px;
	margin-bottom: 25px;
	outline: solid 1px;
	min-height:40%;
	overflow-y:scroll;
}

DIV.cursorDefault {
	cursor:default;
}

DIV.day7Box {
	float:left;
	width: calc(95%/7);
	margin: 1px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #00FFAB;
	min-height:16px;
	text-align:center;
	cursor:pointer;
}

DIV.day7Box:hover {
	background-color:#82F6CF;
}

DIV.flashMessageClass {
	position: relative;
	left:5;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:15px;
	padding-right:15px;
	border-radius: 8px;
	background-color:#ffffe6;
	border:solid 1px gray;
	z-index: 1010;
	display:none;
}

DIV.oneColumn {
	float:left;
	width: 99%;
	margin: 2px;
	border:solid 1px;
	min-height: 750px;
	overflow-y:auto;
}

DIV.halfColumn {
	float:left;
	width: 49%;
	margin: 2px;
	border:solid 1px;
	min-height: 750px;
	overflow-y:auto;
}

DIV.oneThirdColumn {
	float:left;
	width: 30%;
	margin: 2px;
	border:solid 1px;
	min-height: 750px;
	overflow-y:auto;
}

DIV.oneForthColumn {
	float:left;
	width: 24%;
	margin: 2px;
	border:solid 1px;
	min-height: 750px;
	overflow-y:auto;
}

DIV.content_container_wborder {
	border:solid 1px;
	margin:10px;
	max-width: calc(100% - 22px);
	overflow-y:auto;
}

DIV.markRed {
	background-color:lightred !important;
}

DIV.markGreen {
	background-color:lightgreen;
}

DIV.outline-green {
	outline-color:lightgreen;
}

DIV.outline-solid-thick {
	outline:solid 2px;
}

.cursor-default {
	cursor:default;
}

.cursor-pointer {
	cursor:pointer;
}

.link {
	cursor:pointer;
}

.link:hover {
	text-decoration:underline;
}

.txtc-blue, .font-blue {
	color: blue;
}

.txtc-black, .font-black {
	color: black;
}

.txtc-red, .font-red {
	color: red;
}

.txtc-green, .font-green {
	color: green;
}

.txtc-yellow, .font-yellow {
	color: yellow;
}

.txtc-white, .font-white {
	color: white;
}

.bgc-heading {
	background-color: #C2CBE1;
}

.bgc-heading-dark {
	background-color: #98a7cd;
}

.bgc-default {
	background-color : #E2E5ED;
}

.bgc-white {
	background-color:white;
}

.bgc-black {
	background-color:black;
}

.bgc-white-yellow {
	background-color:#ffffe6;
}

.bgc-lightred-striped {	
	background: repeating-linear-gradient(
	  45deg,
	  #ffffff,
	  #ffffff 10px,
	  #fcdcdc 10px,
	  #fcdcdc 20px
	);
}

.cursor_pointer {
	cursor:pointer;
}

.bgc-green {
	background-color: green !important;
}

.bgc-lightgreen {
	background-color: lightgreen !important;
}

.bgc-success {
	background-color:#36ff3c !important;
}

.bgc-warning {
	background-color:#ffc107 !important; /*#f55151*/
}

.bgc-error {
	background-color:#dc3545 !important;
}

.bgc-attention {
	background-color:#f7fc53 !important;
}
 
.bgc-lightlightgreen {
	background-color: #bfffc1;
}

.bgc-red {
	background-color: red !important;
}

.bgc-blue {
	background-color: blue !important;
}

.bgc-lightred {
	background-color: #FFCBCB !important;
}

.bgc-warningred {
	background-color: #ff5145;
}

.bgc-lightblue {
	background-color: lightblue;
}

.bgc-verylightblue {
	background-color: #cff5ff;
}

.bgc-yellow {
	background-color: yellow;
}

.bgc-lightyellow {
	background-color: #ffff99;
}

.bgc-verylightyellow {
	background-color: #ffffe6;
}

.bgc-gray {
	background-color: gray;
}

.bgc-verylightgray {
	background-color: #ebebeb;
}
.bgc-lightgray {
	background-color: #D3D3D3;
}

.bgc-lightlightgray {
	background-color:#d9d9d9;
}

.bgc-whitegray {
	background-color:#ebebeb;
	/* background-color:#f5f6f7; */
}

.bgc-silver {
	background-color: #C0C0C0;
}

DIV.bgc-grayMark {
	background-color: #cfcfcf;
}

DIV.bgc-white {
	background-color: white;
}

DIV.bgc-whitesmoke {
	background-color: #F5F5F5;
}

DIV.bgc-orange {
	background-color: orange;
}


DIV.margin-bottom_2 {
	margin-bottom: 2px;
}

.close-button {
    position: absolute;
    top: 5px;
    right: 5px;
    background: none;
    border: none;
    font-size: 24px;
    color: #666;
    cursor: pointer;
    outline: none;
}

.close-button:hover {
    color: #333;
}

.close_button_parent {
	position: relative;
}

DIV#alertMessage {
	position: absolute;
	top:5;
	left:5;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:15px;
	padding-right:15px;
	border-radius: 8px;
	
	border:solid 1px gray;
	z-index: 1010;
	display:none;
}

DIV#notice_message {
	float:left;
	width:100%;
	margin-top:10px;
	display:none;
}

DIV#message_count {
	color: red;
	font-weight: bold;
	font-size: 110%;
}

/* Animations and transitions */

.falshBG {
  -webkit-animation: flashingBG 2s infinite;  /* Safari 4+ */
  -moz-animation: flashingBG 2s infinite;  /* Fx 5+ */
  -o-animation: flashingBG 2s infinite;  /* Opera 12+ */
  animation: flashingBG 2s infinite;  /* IE 10+, Fx 29+ */
}

.slideExpand {
	transition-delay: 350ms;
	transition-property: height;
}

.slowDisplayNone {
	transition-delay: 500ms;
	transition-property: display;
}

/* Editable div container */
.editable-div-container {
	position: relative;
	display: inline-block;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.editable-div-container:hover .edit-icon {
	display: inline;
}
.edit-div-icon {
	position: absolute;
	top: 5px;
	right: 5px;
	display: none;
	cursor: pointer;
}
.edit-div-icon img {
	width: 16px;
	height: 16px;
}
.editable-div-container.editing .edit-div-icon {
	display: none;
}

DIV.infoscreen_list_row {
	font-size: 105%;
}

#infoscreen_worklist_heading_container {
	position: sticky;
	top: 0;
	z-index: 1000;
	border-bottom: 1px solid #ccc;
}

#infoscreen_worklist_column_container {
    display: flex;
    flex-wrap: nowrap; /* Prevents columns from wrapping */
    overflow-x: none;
}

DIV.infoscreen_worklist_column {
	min-width: 650px;	
}

.theme_second_bg_color_hide_text {
	color: #bbbbc0 !important;
}


@-webkit-keyframes flashingBG {
  0%, 49% {
    background-color: rgb(255, 255, 255);
  }
  50%, 100% {
    background-color: #ADD8E6;
  }
}

@keyframes flashSuccess {
  0% {
    background:transparent;
  }
  50% {
    background:green;
  }
  100% {
    background:transparent;
  }
}

@keyframes flashFail {
  0% {
    background:transparent;
  }
  50% {
    background:red;
  }
  100% {
    background:transparent;
  }
}

/* <= fullHD */
@media only screen and (max-width: 1024px) {
	/*
		For mobile devices
	*/
	
	DIV#worker_hour_acknowledgment_date {
		width:250px;
		font-size: 125%;
		zoom:250%;
	}
	
	.worklist_order_container_mobile {
		height:auto !important;
	}

	.media-sm-text-left {
		text-align:left;
	}
	
	DIV.modern-list-container {
		width: 96%;
		min-height: 800px;
	}
	
	DIV.thumb_select_menu_thumb {
		width: 50%;
	}
	
	DIV.base-content-container {
		width: 100%;
	}
	
	DIV.mobile_UIF_container {
		width:100%;
	}
	
	DIV.full_half_row {
		width:100%;
	}
	
	.width2_mobile1 {
		width:100%;
	}
	
	.mobile_font-125 {
		font-size: 125%;
	}

	.mobile_font-150 {
		font-size: 150%;
	}

	.mobile_font-175 {
		font-size: 175%;
	}

	.mobile_font-200 {
		font-size: 200%;
	}

	.mobile_font-225 {
		font-size: 225%;
	}

	.mobile_font-250 {
		font-size: 250%;
	}

	.mobile_zoom-125 {
		zoom: 125%;
	}

	.mobile_zoom-150 {
		zoom: 150%;
	}

	.mobile_zoom-175 {
		zoom: 175%;
	}

	.mobile_zoom-200 {
		zoom: 200%;
	}

	.mobile_zoom-250 {
		zoom: 250%;
	}

	.mobile_zoom-300 {
		zoom: 300%;
	}
	
	.mobile_zoom-350 {
		zoom: 350%;
	}
	
	.mobile_text-150 {
		font-size: 150%;
	}
	
	.mobile_text-200 {
		font-size: 200%;
	}
	
	.mobile_text-250 {
		font-size: 250%;
	}
	
	.mobile_pl-5 {
		padding-left: 5px;
	}

	.mobile_pl-10 {
		padding-left: 10px;
	}

	.notMobile {
		display:none;
	}
	.onlyMobileBlock {
		display:block;
	}
	.inline-block_mobile-block {
		display: block;
	}

	#contentDiv {
		left:0px;
	}

	.contentDiv_width {
		width:calc(100%);
	}
	
	img.iconLarge {
		width:50px;
		height:50px;
	}

	img.iconHuge {
		width:65x;
		height:65px;
	}

	img.iconColossal {
		width:115x;
		height:115px;
	}
	
	img.mobile_enlarge_icon {
		zoom:150%;
	}

	.center-text-on-mobile {
		text-align:center !important;
	}
	
	/* jquery 
	.ui-datepicker {
		zoom: 175%;
	}
	*/
	
	/* Specific */
	
}

@media only screen and (min-width: 992px) {
	/*
		Equal bootstrap md
	*/
	.worklist_side_correct {
		margin-left:0px;
	}

	.worklist_side_correct_left {
		padding-right:15px;
	}

	.worklist_side_correct_right {
		margin-left:-15px;
	}
	
	
	DIV.worklist_column_order_workrow_container_one {
		width:2%;
	}
	
	DIV.overlay-content {
		top: 10%;
		left: 2%;
		right: 2%;
		width: 95%;
		height: 85%;
		margin-top: -30px;
	}

	DIV.overlay_help_button {
		margin-top: 0px;
		margin-left: 10px;
	}
	
	DIV.overlay .overlay-closebtn {
		top: 2px;
		right: 25px;
		font-size: 50px;
	}

	.font-md-75 {
		font-size: 75%;
	}
	.font-md-80 {
		font-size: 80%;
	}
	.font-md-85 {
		font-size: 85%;
	}
	.max-md-visible {
		display: none !important;
	}

}

@media only screen and (min-width: 1200px) {
	/*
		bootstrap -lg
	*/
	.font-lg-80 {
		font-size: 80%;
	}
	.font-lg-85 {
		font-size: 85%;
	}
	
	.image-lg-max-50 {
		width:50%;
	}
}


#worklist_container {
	/*width:1395px;*/
	margin:auto;
}

@media only screen and (max-width: 1400px) {
	#worklist_container {
		margin:0;
	}
}

/* > 2k min-width: 2049px */
@media only screen and (min-width: 2049px) {
	.large_infoscreen {
		font-size: 130%;
	}
}

@media only screen and (min-width: 3800px) and (orientation: landscape) {
	.large_infoscreen {
		font-size: 160%;
	}
}

.test_server_menu_color {
	background-color: #ff9587 !important;
}