@font-face {
	font-family: 'DaxCondensedRegular';
	src: url('daxcondensed-webfont.eot');
	src: url('daxcondensed-webfont.eot?iefix') format('eot'), url('daxcondensed-webfont.woff') format('woff'), url('daxcondensed-webfont.ttf') format('truetype'), url('daxcondensed-webfont.svg#webfontvhKdxOFi') format('svg');
	font-weight: normal;
	font-style: normal;
}


html {
	overflow: hidden;
}

@supports (-ms-accelerator:true) {
	html {
		overflow: auto;
	}
}


body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 0.7em;
	/*Scrollbar crap ONLY IE*/
	scrollbar-face-color: #EEEEEE;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color: #AAAAAA;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #EEEEEE;
	/*Scrollbar end*/
}

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

.topRow {
	background-image: url('../Images/bg-top_new.png');
	background-repeat: repeat-x;
	background-position: bottom;
}


.bottomRow {
	/*background-image: url('../Images/shadow-bottom.png'); 
background-repeat:repeat-x;
background-color:#92c849;*/
	/*background-color:#92D400;	*/
}

.contentTable {
	background-image: url('../Images/bg-content.png');
	background-repeat: repeat-x;
}

.modalBackground {
	background-color: #cccccc;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.modalBackground_Alert {
	background-color: red;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.iFramePopupStyle {
	border-radius: 8px;
}


/* SearchBox styles */
.StartSearchStyle {
	/*font-size:1.5em;*/
	/*background:#FFFFFF url(../images/icons/small/search.png) no-repeat 4px 4px;
    padding:4px 4px 4px 22px;*/
	color: gray;
}

.FinalSearchStyle {
	color: Black;
}

.loading {
	/*background-image: url('../Images/load.gif');*/
	background-image: url('../Images/ajax-loader.gif');
	background-position: right;
	background-repeat: no-repeat;
}



.loginStyle {
	/*text-transform:uppercase;*/
	font-weight: bold;
	font-size: 9px;
}

.resultTable {
	/*width:100%;
    border:1px solid black;*/
	border-collapse: collapse;
	padding: 6px;
}

.displaynameStyle {
}



.typeColumn_old {
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 9px;
	vertical-align: top;
	width: 75px;
	overflow: hidden;
}

.typeColumnRest_old {
	text-align: left;
	margin: 0px;
	padding: 0px;
	/*background-color:Silver;*/
	font-weight: bold;
	font-size: 9px;
	vertical-align: top;
	width: 75px;
	overflow: hidden;
}

.InfoBoxHover_pict {
	position: absolute;
	top: 0px;
	z-index: 100;
	border: 0px;
	visibility: hidden;
}

/* SearchBox styles END */

.SearchArea {
	position: absolute;
	top: 170px;
}

.searchDataList {
	overflow-y: scroll;
	overflow-x: hidden;
	display: block;
	width: 660px;
	-webkit-transform: translate3d(0, 0, 0);
	padding: 1px;
}

	.searchDataList > .innerDataList {
		transform: translate3d(0, 0, 0);
		-webkit-overflow-scrolling: touch;
		width: 640px;
		border: 1px solid white;
		padding: 0px;
		margin: 0px;
	}

	.searchDataList > .welcomeModuleList {
		transform: translate3d(0, 0, 0);
		-webkit-overflow-scrolling: touch;
		width: 640px;
		border: 1px solid white;
		padding: 0px;
		margin: 0px;
	}

	.searchDataList .welcomeModuleList tr:hover {
		background-color: unset;
	}

		.searchDataList .welcomeModuleList tr:hover table tr {
			background-color: unset;
		}

	.searchDataList > .employeeAbsenceList {
		transform: translate3d(0, 0, 0);
		-webkit-overflow-scrolling: touch;
		width: 640px;
		border: 1px solid white;
		padding: 0px;
		margin: 0px;
	}

	.searchDataList .employeeAbsenceList tr:hover {
		background-color: unset;
	}

		.searchDataList .employeeAbsenceList tr:hover table tr {
			background-color: unset;
		}

	.searchDataList > .absenceReportList {
		transform: translate3d(0, 0, 0);
		-webkit-overflow-scrolling: touch;
		width: 640px;
		border: 1px solid white;
		padding: 0px;
		margin: 0px;
	}

	.searchDataList .absenceReportList tr:hover {
		background-color: unset;
	}

		.searchDataList .absenceReportList tr:hover table tr {
			background-color: unset;
		}


	.searchDataList > tbody > tr > .FreezeHeader > div {
		background-color: transparent !important;
	}

		.searchDataList > tbody > tr > .FreezeHeader > div > .HeaderText {
			background-color: white;
		}

	.searchDataList table tr {
		width: 620px;
	}

		.searchDataList table tr:hover {
			background-color: #f0f5df;
		}

td .infoCell {
	min-width: 25px;
	width: 25px;
	max-width: 25px;
}

	td .infoCell .infoCellImgWrapper {
		min-width: 25px;
		width: 25px;
		max-width: 25px;
		display: flex;
		justify-content: center;
	}

td .idCell {
	min-width: 115px;
	width: 115px;
	max-width: 115px;
}

td .nameCell {
	min-width: 250px;
	width: 250px;
	max-width: 250px;
}

td .typeCell {
	min-width: 200px;
	width: 200px;
	max-width: 200px;
}

td .blockFromCell {
	min-width: 100px;
	width: 100px;
	max-width: 100px;
}

td .blockToCell {
	min-width: 100px;
	width: 100px;
	max-width: 100px;
}

td .checkMarkCell {
	width: 30px;
	max-width: 30px;
}

td .paperCutIdCell {
	min-width: 110px;
	width: 110px;
	max-width: 110px;
}

td .dayCell {
	min-width: 50px;
	width: 50px;
	max-width: 50px;
}

td .timeCell {
	min-width: 100px;
	width: 100px;
	max-width: 100px;
}

td .terminalCell {
	min-width: 100px;
	width: 100px;
	max-width: 100px;
}

td .linkTextCell {
	min-width: 225px;
	width: 225px;
	max-width: 225px;
}

td .linkDescriptionCell {
	min-width: 375px;
	width: 375px;
	max-width: 375px;
}

/* Hover Button */
.orange_searchbutton {
	width: 120px;
	font-family: DaxCondensedRegular;
	font-weight: bold;
	background-color: orange;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffffff;
	border: 1px solid #db6600;
	background-image: url(../popups/images/button_bg.jpg);
}

	.orange_searchbutton:hover {
		background-color: #92c849;
		border: 1px solid #000000;
		background-image: url(../popups/images/button_bg_over.jpg);
	}

.green_searchbutton {
	width: 120px;
	font-family: DaxCondensedRegular;
	font-weight: bold;
	background-color: orange;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffffff;
	border: 1px solid #db6600;
	background-image: url(../popups/images/button_bg.jpg);
}

	.green_searchbutton:hover {
		background-color: #92c849;
		border: 1px solid #000000;
		background-image: url(../popups/images/button_bg_over.jpg);
	}

/* START ListeTop New */

.ListeTopNew {
	display: flex;
	flex-direction: row;
	border-style: solid;
	background-color: #FBFBFB;
	border-color: #E5E5E5;
	border-radius: 8px;
	border-width: thin;
	height: 25px;
	width: 660px;
	padding: 2px;
	justify-content: flex-start;
	align-items: center;
	padding-left: 0px;
}

	.ListeTopNew table {
		width: 620px;
	}

	.ListeTopNew td {
		border-collapse: separate;
		text-indent: initial;
		border-spacing: 2px;
		padding: 1px;
	}

/* END ListeTop New */

.InfoBoxHover {
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 100;
	width: 400px;
	height: 200px;
	border: 0px;
}

.PrintPreviewHover {
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 100;
	width: 155px;
	height: 168px;
	border: 0px;
}

.PopupDialogStyle {
	border: 1px solid black;
	padding: 30px;
	background-image: url('../images/popup_background.jpg');
	background-position: left top;
	border-radius: 8px;
}

.SessionTimeOut_orange_button, .noneSelected_orange_button {
	width: 120px;
	font-family: DaxCondensedRegular;
	font-weight: bold;
	background-color: orange;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #ffffff;
	border: 1px solid #db6600;
	background-image: url(../popups/images/button_bg.jpg);
}

	.SessionTimeOut_orange_button:hover, .noneSelected_orange_button:hover {
		background-color: #92c849;
		border: 1px solid #000000;
		background-image: url(../popups/images/button_bg_over.jpg);
	}


.SessionTimeOutHeaderText, .noneSelectedHeaderText {
	font-family: DaxCondensedRegular;
	font-size: 1.7em;
	font-weight: bold;
	color: #555555;
}



/* KNAP definitioner			*/

.knapGreen {
	border: none;
	font-family: DaxCondensedRegular;
	background: url(../images/KnapGreenOver.png);
	width: 123px;
	height: 36px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}

	.knapGreen:hover {
		border: none;
		background: url(../images/KnapGreen.png);
		width: 123px;
		height: 36px;
	}

.red_button {
	border: none;
	font-family: DaxCondensedRegular;
	background: url(../images/KnapRedSmall.png);
	width: 103px;
	height: 25px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}

	.red_button:hover {
		border: none;
		background: url(../images/KnapRedSmallOver.png);
		width: 103px;
		height: 25px;
	}

	.red_button:disabled {
		background: url(../images/knapOrangeSmall_gray.png);
	}


.green_button {
	border: none;
	font-family: DaxCondensedRegular;
	background: url(../images/KnapGreenSmall.png);
	width: 103px;
	height: 25px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}

	.green_button:hover {
		border: none;
		background: url(../images/KnapGreenSmallOver.png);
		width: 103px;
		height: 25px;
	}

.orange_button {
	border: none;
	font-family: DaxCondensedRegular;
	background: url(../images/KnapOrangeSmall.png);
	width: 103px;
	height: 25px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}

	.orange_button:hover {
		border: none;
		background: url(../images/KnapOrangeSmallOver.png);
		width: 103px;
		height: 25px;
	}

	.orange_button:disabled {
		background: url(../images/knapOrangeSmall_gray.png);
	}
/* SLUT KNAP definitioner		 */



/* START Grade style*/
.GradeLineHeader {
	cursor: pointer;
	position: relative;
	text-align: center;
	width: 920px;
	height: 24px;
}


.GradeHeaderName {
	position: absolute;
	left: 0;
	top: 5px;
}

.GradeHeaderGradeScore {
	position: absolute;
	right: 0;
	font-weight: bold;
	font-size: 2em;
}

.GradePaneHeader {
	border-top: 1px solid silver;
	padding: 5px;
}

.GradePaneHeader_UnSelected {
	border-top: 1px solid silver;
	padding: 5px;
}

.GradePaneContent {
	vertical-align: top;
}

/* SLUT Grade style*/


/* START Exam style*/
.ExamLineHeader {
	cursor: pointer;
	position: relative;
	width: 590px;
	height: 24px;
}


.ExamHeaderName {
	position: absolute;
	left: 0;
	top: 5px;
}

.ExamHeaderCheckbox {
	position: absolute;
	right: 0;
	font-weight: bold;
	font-size: 2em;
}

.ExamPaneHeader {
	border-top: 1px solid #a7a7a7;
	padding: 5px;
	background-color: #db6600;
	/*background-image: Url(../images/Checked.png);
        background-repeat:no-repeat;
        background-position:right;*/
}

.ExamPaneHeader_UnSelected {
	border-top: 1px solid #a7a7a7;
	padding: 5px;
	background-color: silver;
	/*background-image: Url(../images/UnChecked.png);
        background-repeat:no-repeat;
        background-position:right;*/
}

.nooverflow {
	overflow: unset !important;
}

.ExamHeaderTableCell {
	width: 245px;
	text-align: left;
}

.FixedHeaderTableCell {
	width: 100px;
	text-align: left;
}

.ExamPaneContent {
}

/* SLUT Exam style*/

/* PaperCut START */
/*.PaperCutTable {
	width: 580px;
	text-align: left;
	padding: 10px;
}

	.PaperCutTable th {
		padding: 2px 0 0 0 !important;
		background-color: #f3f4f5 !important;
		border: solid 1px #cccccc !important;
		height: 30px !important;
		-ms-border-radius: 4px;
		border-radius: 4px;
		padding-left: 10px !important;
		padding-right: 10px !important;
		margin-top: 10px !important;
		background-image: none !important;
		font-weight: bold !important;
		text-align: left;
	}

	.PaperCutTable td {
		padding-left: 10px;
		padding-right: 5px;
		padding-bottom: 2px;
		padding-top: 2px;
	}*/
/* PaperCut END */

.AbsenceDay a {
	color: White !important;
}

.CollapsedTable_100 {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	padding: 0px;
	border: 0px;
}

.SickDayList_Cell {
	margin-right: 10px;
}

.InfoBoxHeader {
	font-family: DaxCondensedRegular;
	font-weight: bold;
	font-size: 1.5em;
}

/* New Structure START*/

#Wrapper {
	display: flex !important;
	overflow-y: hidden !important;
}

.leftSideDiv {
	display: flex;
	min-width: 660px !important;
}

#HeaderLeftDiv {
	padding-bottom: 10px;
	padding-top: 0px;
}

.rightSideHeaderDiv {
	padding-bottom: 10px !important;
	padding-top: 0px !important;
}

.rightSideDiv {
	margin-left: 20px;
	display: flex;
	flex-direction: column;
}

#RightSideContentDiv {
	overflow-y: scroll;
	overflow-x: hidden;
	display: block;
	width: 330px;
}

/* New Structure END*/

/* START Telerik Gauge */
#SickGaugeDiv {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 50px;
	margin-left: 20px;
	transform: scale(1.2); /* This because its an svg */
}
/* END Telerik Gauge */

/* START Take Photo */
.output {
	float: left;
	padding: 20px;
}

.camera {
	padding-top: 20px;
	margin: auto;
	text-align: center;
}

.contentarea {
	display: flex;
	flex-direction: column;
}

.windowHeader h1, .MainContent_Big h1 {
	color: black !important;
	font-size: 14px;
	margin-bottom: 5px;
}

.windowHeader p, .MainContent_Big p {
	color: black !important;
	font-size: 12px;
	margin-top: 5px;
}

.RadUpload {
	text-align: center !important;
}

.ruFileInput {
	font: 11px/10px "Segoe UI", Arial, sans-serif !important;
}

.wrap {
	position: relative;
}

video {
	z-index: 15;
}

.overlay {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 100%;
	z-index: 25;
	text-align: center;
}

img {
	display: inline-block;
}
/* END Take Photo */

.RadInput a {
	text-indent: 0 !important;
}

.RadInput .riTextBox {
	height: inherit !important;
}

.RadPicker .rcSelect * {
	box-sizing: content-box !important;
}

.RadInput_Default a {
	background: none !important;
}

	.RadInput_Default a:focus {
		background: none !important;
		background-color: #ff8f33 !important;
		color: white !important;
		box-shadow: inset #ffffff 1px 0px 3px;
	}

	.RadInput_Default a:hover {
		background: none !important;
		background-color: #ff8f33 !important;
		color: white !important;
		box-shadow: inset #ffffff 1px 0px 3px;
	}

.rwWindowContent div {
	background-image: url("../images/Web_UMS_background.png");
	background-position: right bottom;
	background-repeat: no-repeat;
}

.arrowTimeLineButtons {
	cursor: pointer;
	height: 50px;
	display: block;
	align-content: center;
}