/*@import"reset.css"; commented and added in BundleConfig due o minimize*/

/*###############################################################
  Global properties
#################################################################*/

html {
	width: 100%;
	background-color: #F8F8F8; /*#1A77A0;*/
}

body {
	background-color: #F8F8F8;
	/*border-top: solid 5px #000;*/
	color: #003F59; /*blueopal*/
	font-size: .85em;
	font-family: Tahoma, Geneva, sans-serif; /*Arial, Helvetica, sans-serif;*/
}

/*textarea needs explicite style rule for font. Otherwise font will be different than in the 'normal' input fields!*/
textarea {
	font-size: 1em;
	font-family: Tahoma, Geneva, sans-serif;
}

/*********************************/
/* Header styles                 */
/*********************************/
h1, h2, h3, h4, h5, h6 {
	line-height: 1.3em;
	color: #003F59; /*blueopal*/
	/*font-family: Georgia, serif;*/
	/*font-weight: normal;*/
}

h1 {
	font-size: 40px;
}

h2 {
	font-size: 35px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 27px;
}

h5 {
	font-size: 25px;
}

h6 {
	font-size: 22px;
}

h2, h3, h4 {
	/*font-weight: normal;*/
}

	h2.h2 {
		font-size: 29px;
		line-height: 35px;
		margin-bottom: 22px;
		color: #242323;
		padding-bottom: 16px;
	}

	h2.ind {
		margin-bottom: 25px;
	}

	h2.ind1 {
		margin-bottom: 31px;
	}

	h3.h3 {
		font-size: 15px;
		line-height: 18px;
		color: #8e8e8e;
		text-transform: uppercase;
	}

	h3.ind1 {
		margin-bottom: 23px;
	}

	h4.h4 {
		font-size: 25px;
		line-height: 29px;
		color: #242323;
		padding-bottom: 17px;
		margin-bottom: 22px;
	}

	h4.ind {
		margin-bottom: 31px;
	}


/*********************************/
/* Paragraphs                    */
/*********************************/
p {
	margin-bottom: 22px;
}

.p2 {
	margin-bottom: 17px;
}

.p3 {
	margin-bottom: 3px;
}

.p4 {
	margin-bottom: 7px;
}

/*********************************/
/* Link                          */
/*********************************/
a {
	color: #003f59;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
}

	a:link, a:visited,
	a:active, a:hover {
		color: #003f59;
	}

	a:hover {
		background-color: #c7d1d6;
	}

/*********************************/
/* fieldset                      */
/*********************************/
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

	fieldset legend {
		/*display: none;*/
	}

	fieldset ol {
		padding: 0;
		list-style: none;
	}

		fieldset ol li {
			padding-bottom: 5px;
		}

/*********************************/
/* label, Legend                 */
/*********************************/
label {
	/*display: block;*/
	font-size: 1em;
	font-weight: bold;
}

	label.checkbox {
		display: inline;
	}

	label.legend {
		display: block;
		font-size: 1.2em;
		font-weight: bold;
		color: #9B605D; /*#666666*/
		/*background-color: #FDFDFD;*/
		padding-left: 0px;
		margin-bottom: 6px;
	}

/*************************************/
/* Checkboxlist                      */
/* BBCH-2738: kendowin revision date */
/*************************************/
div.checkboxlist {
	padding: 0.2em 0.18em 0.2em 1em;
}

.checkboxlist label.checkradio {
	cursor: pointer;
	display: block;
	line-height: 1.25em;
	margin-bottom: .5em;
}

checkboxList label input {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}

/*********************************/
/* input                         */
/*********************************/
input, textarea, select, .div, div.textarea, div.mce-content-body {
	border: 1px solid #e2e2e2;
	background: #fff;
	color: #333;
	font-size: 1em;
	margin: 0;
	padding: 2px;
	width: auto;
	resize: none;
	word-break: break-word;
}

/***************/
/*Kendo tooltip*/
/***************/
/* No background no border for tinymce content body in data grid result of telerik grid */
/* No background no border for tinymce content body in kendo Tooltip for admin helper */
div.k-grid td[role="gridcell"] div.mce-content-body, div.k-tooltip div.mce-content-body {
	border: none;
	background: rgba(0, 0, 0, 0.00);
}

/*Kendo toolTip: Set min-width otherwise tooltip break line on space char*/
div.k-tooltip div.mce-content-body {
	min-width: 400px;
}

/*Override new classic-opal k-tooltip background-color: rgba(0, 0, 0, 0.75);*/
div.k-tooltip {
	background: rgba(217,236,245);
}
	div.k-tooltip .k-tooltip-button .k-svg-icon {
		color: #003f59;
	}

input[type="checkbox"] {
	background: transparent;
	border: inherit;
	border-width: 0;
	width: auto;
}

/*Google chrome autofill input type user/password */
input:-webkit-autofill {
	color: #fff !important;
}

/**********************************************************/
/* tinymce V4.0.12                                        */
/**********************************************************/
/*div.textarea, textarea
{
    width: 97% !important;
}*/

/*div.mceInline1
{
    height: 100px;
    overflow: scroll;
}

div.mceInlineRemark
{
    height: 100px;
    overflow: scroll;
}*/

div.mceHeight50 {
	height: 50px !important;
	overflow: scroll;
}

.mceHeight100 {
	height: 100px !important;
	overflow: scroll;
}

.mceHeight300 {
	height: 300px !important;
	overflow: scroll;
}


div.textarea p {
	margin: 0;
	padding: 0;
	border: 0;
}

/*bug with mce-ico in skin.min.css*/
.mce-ico {
	width: 20px !important;
	height: 20px !important;
}

/*tiny mce: bug firefox when delete a list, heigh is 0*/
div.mce-content-body {
	min-height: 36px;
}

/*********************************/
/* table class BlueOpal          */
/*********************************/
table.BlueOpal {
	width: 98% !important;
}

	table.BlueOpal, table.BlueOpal th, table.BlueOpal td {
		border-collapse: collapse;
	}

		table.BlueOpal .break-word {
			white-space: initial;
			word-wrap: break-word;
		}

		table.BlueOpal thead th, table.BlueOpal tfoot td, table.BlueOpal tfoot th {
			padding: 0.4em 0.5em 0.4em 0.5em;
			border-bottom: 1px solid #94c0d2;
			border-right: 1px solid #94c0d2;
			border-left: 1px solid #94c0d2;
			text-align: left;
			background-image: url(/Content/kendo/Styles/textureshighlight.png);
			background-color: #dbecf4;
			background-image: none,-webkit-linear-gradient(top,#eaf4f9 0,#dbecf4 100%);
			background-image: none,-moz-linear-gradient(top,#eaf4f9 0,#dbecf4 100%);
			background-image: none,-o-linear-gradient(top,#eaf4f9 0,#dbecf4 100%);
			background-image: none,linear-gradient(to bottom,#eaf4f9 0,#dbecf4 100%);
			background-position: 50% 50%;
		}

		table.BlueOpal thead th {
			border-top: 1px solid #94c0d2;
		}

			table.BlueOpal thead th.toolbar {
				padding: .22em .2em .28em;
				text-align: right;
			}

		table.BlueOpal > tbody td, table.BlueOpal > tbody th {
			text-align: left;
			border-right: 1px solid #94c0d2;
			border-left: 1px solid #94c0d2;
			padding: 0.4em 0.5em 0.4em 0.5em;
		}

		table.BlueOpal tbody td a:link, table.BlueOpal tbody th a:link {
			text-decoration: underline;
		}

		table.BlueOpal tbody th {
			font-weight: bold;
		}

		table.BlueOpal tbody tr {
			background: #ffffff;
		}

		table.BlueOpal tbody tr td input.textSeqno {
			width: 2.4em;
		}

			table.BlueOpal tbody tr.odd {
				background: #EAF4F9;
			}

		table.BlueOpal tfoot th, table.BlueOpal tfoot td {
			font-size: 0px;
		}

		table.BlueOpal .edit_wrapper {
			margin-top: 0px;
		}

		table.BlueOpal table tr {
			background-color: transparent;
		}

		table.BlueOpal table td {
			border-left-style: none !important;
			border-left-width: medium !important;
			border-right-style: none !important;
			border-right-width: medium !important;
			padding: 0px;
		}

		table.BlueOpal tr.statusFailed {
			background-color: #FF9999 !important;
		}
		table.BlueOpal tr.OpenableNextTr {
			cursor: pointer;
		}

			table.BlueOpal tr.OpenableNextTr:hover {
				background-color: #FFCCCC !important;
			}

		table.BlueOpal tr.StatusFailedEdit {
			background-color: #FFCCCC;
		}

			table.BlueOpal tr.StatusFailedEdit textarea {
				height: 500px !important;
				overflow: scroll !important;
			}

/*table.BlueOpal a:visited
{
    color: #718ABE;
    text-decoration: none;
}

table.BlueOpal a:hover
{
    color: #718ABE;
    text-decoration: underline !important;
}*/

table.kendoclienttemplate3, table.kendoclienttemplate3 th, table.kendoclienttemplate3 td {
	border-collapse: collapse;
}

	table.kendoclienttemplate3 > tbody td:first-of-type {
		width: 25px;
		vertical-align: top;
	}

	table.kendoclienttemplate3 > tbody td, table.kendoclienttemplate3 > tbody th {
		text-align: left;
		border-left-style: none !important;
		border-right-style: none !important;
		padding: 0px !important;
	}


/*********************************/
/* Button                      */
/*********************************/
/*input[type="submit"],*/
input[type="button"], button, .button, .btn, .k-upload-button, .k-upload-sync .k-upload-button {
	width: auto;
	display: inline-block;
	border: 1px solid #DDD;
	border-radius: 3px;
	text-shadow: 0 1px 1px white;
	box-shadow: 0 1px 1px #fff;
	font: bold 11px Sans-Serif;
	/*line-height: 15px;*/
	/*padding: 6px 10px;*/
	white-space: nowrap;
	vertical-align: middle;
	color: #666;
	background: transparent;
	cursor: pointer;
	border-color: #ddd;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	filter: none;
	background-color: #E0E0E0;
	background: -webkit-linear-gradient(top, white, #E0E0E0);
	background: -moz-linear-gradient(top, white, #E0E0E0);
	background: -ms-linear-gradient(top, white, #E0E0E0);
	background: -o-linear-gradient(top, white, #E0E0E0);
	background: linear-gradient(top, white, #E0E0E0);
	-pie-background: linear-gradient(top, white, #E0E0E0);
	box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
	margin: 0em;
}

	/* -----Size----- */
	.btn.btn_small {
		font-size: 11px;
	}

	.btn.btn_medium {
		font-size: 1.3em;
	}

	.btn.btn_large {
		font-size: 1.6em;
	}

/* -----Color----- */
.btn_success {
	color: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	text-shadow: none;
	background-color: #5BB75B;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYzQ2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MWEzNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	filter: none;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -ms-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(top, #62c462, #51a351);
	-pie-background: linear-gradient(#62c462, #51a351);
	border-color: #51A351 #51A351 #387038;
}

	.btn_success:hover {
		border-color: #295B29;
		box-shadow: none;
	}

	.btn_success:active {
		box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
		background: #3E933E;
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlOTMzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MmM0NjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		filter: none;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3E933E), to(#62C462));
		background: -webkit-linear-gradient(#3E933E, #62C462);
		background: -moz-linear-gradient(#3E933E, #62C462);
		background: -ms-linear-gradient(#3E933E, #62C462);
		background: -o-linear-gradient(#3E933E, #62C462);
		background: linear-gradient(#3E933E, #62C462);
		-pie-background: linear-gradient(#3E933E, #62C462);
		border-bottom: 1px solid #62C462;
	}

.btn_warning {
	color: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	text-shadow: none;
	background-color: #FAA732;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYjQ1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmODk0MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	filter: none;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -ms-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(top, #fbb450, #f89406);
	-pie-background: linear-gradient(#fbb450, #f89406);
	border-color: #F89406 #F89406 #AD6704;
}

	.btn_warning:hover {
		border-color: #B67211;
		box-shadow: none;
	}

	.btn_warning:active {
		box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
		background: #f89406;
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4OTQwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmI0NTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		filter: none;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f89406), to(#fbb450));
		background: -webkit-linear-gradient(#f89406, #fbb450);
		background: -moz-linear-gradient(#f89406, #fbb450);
		background: -ms-linear-gradient(#f89406, #fbb450);
		background: -o-linear-gradient(#f89406, #fbb450);
		background: linear-gradient(#f89406, #fbb450);
		-pie-background: linear-gradient(#f89406, #fbb450);
		border-bottom: 1px solid #fbb450;
	}

.btn_danger {
	color: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	text-shadow: none;
	background-color: #DA4F49;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNWY1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDM2MmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	filter: none;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(top, #ee5f5b, #bd362f);
	-pie-background: linear-gradient(#ee5f5b, #bd362f);
	border-color: #BD362F #BD362F #802420;
}

	.btn_danger:hover {
		border-color: #8D2520;
		box-shadow: none;
	}

	.btn_danger:active {
		box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
		background: #bd362f;
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkMzYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZTVmNWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		filter: none;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bd362f), to(#ee5f5b));
		background: -webkit-linear-gradient(#bd362f, #ee5f5b);
		background: -moz-linear-gradient(#bd362f, #ee5f5b);
		background: -ms-linear-gradient(#bd362f, #ee5f5b);
		background: -o-linear-gradient(#bd362f, #ee5f5b);
		background: linear-gradient(#bd362f, #ee5f5b);
		-pie-background: linear-gradient(#bd362f, #ee5f5b);
		border-bottom: 1px solid #ee5f5b;
	}

.btn_inf {
	color: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	text-shadow: none;
	background-color: #49AFCD;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYzBkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjk2YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	filter: none;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	-pie-background: linear-gradient(#5bc0de, #2f96b4);
	border-color: #2F96B4 #2F96B4 #1F6377;
}

	.btn_inf:hover {
		border-color: #1A687F;
		box-shadow: none;
	}

	.btn_inf:active {
		box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
		background: #2f96b4;
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmOTZiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYWIwZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		filter: none;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2f96b4), to(#5bc0de));
		background: -webkit-linear-gradient(#2f96b4, #5bc0de);
		background: -moz-linear-gradient(#2f96b4, #5bc0de);
		background: -ms-linear-gradient(#2f96b4, #5bc0de);
		background: -o-linear-gradient(#2f96b4, #5bc0de);
		background: linear-gradient(#2f96b4, #5bc0de);
		-pie-background: linear-gradient(#2f96b4, #5bc0de);
		border-bottom: 1px solid #5bc0de;
	}

/* -----with Icons----- */
.btn_btn.btn_sign-in span {
	display: inline-block;
	margin: 0 7px 0 0;
}

.btn_btn.btn_sign-out span {
	display: inline-block;
	margin: 0 7px 0 0;
}

.btn_btn.btn_comment span {
	display: inline-block;
	margin: 0 7px 0 0;
}

.btn_btn.btn_site-map span {
	display: inline-block;
	margin: 0 7px 0 0;
}

.btn_btn.btn_refresh span {
	display: inline-block;
	margin: 0 7px 0 0;
}

.btn_btn.btn_comment2 span {
	display: inline-block;
	margin: 0 7px 0 0;
}

.btn_btn.btn_settings span {
	display: inline-block;
	margin: 0 7px 0 0;
}

.btn_btn.btn_calend span {
	display: inline-block;
	margin: 0 7px 0 0;
}

.btn_btn.btn_print span {
	display: inline-block;
	margin: 0 7px 0 0;
}

.btn_btn.btn_dwload span {
	display: inline-block;
	margin: 0 7px 0 0;
}

.btn_btn.btn_bookmark span {
	display: inline-block;
	margin: 0 7px 0 0;
}

.btn_btn.btn_print2 span {
	display: inline-block;
	margin: 0 7px 0 0;
}

/*********************************/
/* ordered list                  */
/*********************************/
ul.circle {
	list-style-type: circle;
	padding: 2px 0 2px 15px;
}

ul.disc {
	list-style-type: disc;
	padding: 2px 0 2px 15px;
}

ul.square {
	list-style-type: square;
	padding: 2px 0 2px 15px !important;
}

ul.decimal {
	list-style-type: decimal;
	line-height: 16px;
	font-size: 13px;
	padding: 2px 0 2px 15px;
}

ul.decimal_leading_zero {
	list-style-type: decimal-leading-zero;
	line-height: 16px;
	font-size: 13px;
	padding: 2px 0 2px 15px;
}

/*ordered list*/

ol.upper_roman {
	list-style-type: upper-roman;
}

ol.lower_alpha {
	list-style-type: lower-alpha;
}


dl.dflist dt {
	font-weight: bold;
	padding-bottom: 5px;
}

dl.dflist dd {
	padding-bottom: 15px;
}

/*********************************/
/* validation                    */
/*********************************/
.validation-summary-errors {
	color: #E80C4D;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0 0px 0px;
}

.validation-summary-valid {
	display: none;
}

.validation-summary-errors ul {
	list-style-type: circle;
	padding: 2px 0 2px 15px;
}

/*###############################################################
  _Layout
#################################################################*/
.content-wrapper {
	padding: 6px;
}

#advanced {
	position: relative;
	z-index: 998;
	font-size: 100%;
	width: 100%;
	height: 53px;
	top: 0px;
	left: 0;
}

	#advanced .bg_advanced {
		width: 100%;
	}

#layout1_body {
	overflow: hidden;
	padding-bottom: 5px;
	clear: both;
}


	#layout1_body #col_1 {
		margin-left: 0px;
		float: left;
		width: 170px;
		padding: 0px;
		background: #EDEDED url(/Content/Intranet/Images/headerLeft.gif) repeat-x;
	}

	#layout1_body #col_2 {
		/*float: left;*/
		padding: 7px;
		/*padding: 0px 0px 10px 0px;*/
		margin-left: 170px;
		min-height: 800px;
	}


	/*It seems this style is not necessary. If active in chrome browser the*/
	#layout1_body #col_1, #layout1_body #col_1 #menuKendo
	/*, #layout1_body #col_2*/ {
		padding-bottom: 32767px;
		margin-bottom: -32767px;
		width: 170px;
	}



#layout1_footer, #layout1_footer a {
	clear: both;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	height: 50px;
	text-decoration: none;
}


/* ----- EDIT header section -----*/
/* ----- EDIT footer section -----*/
/* ----- POPUP header section -----*/
/* ----- POPUP footer section -----*/
#layout1_body .header_content,
#layout1_body .footer_content,
#layoutpopup_body .header_content,
#layout1_body .featured .content-wrapper,
#layoutpopup_body .featured .content-wrapper,
#layoutpopup_body .footer_content {
	min-height: 20px;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #666666;
	color: #666666;
	background-color: #B5D8E9;
	background-image: url('/Content/kendo/Styles/textureshighlight.png');
	background-image: none,-webkit-linear-gradient(top,#E0EFF6 0,#B5D8E9 100%);
	background-image: none,-moz-linear-gradient(top,#E0EFF6 0,#B5D8E9 100%);
	background-image: none,-o-linear-gradient(top,#E0EFF6 0,#B5D8E9 100%);
	background-image: none,linear-gradient(to bottom,#E0EFF6 0,#B5D8E9 100%);
}

#layout1_body .header_content,
#layout1_body .featured .content-wrapper,
#layoutpopup_body .header_content,
#layoutpopup_body .featured .content-wrapper,
#layout1_body .featured .content-wrapper {
	border-bottom: 1px solid #4394B7;
}

#layout1_body .footer_content,
#layoutpopup_body .footer_content {
	border-top: 1px solid #4394B7;
	padding-left: 20px;
}

	#layout1_body .header_content table,
	#layout1_body .footer_content table,
	#layoutpopup_body .footer_content table,
	#layoutpopup_body .header_content table {
		width: 100%;
	}

		#layout1_body .header_content table tr td,
		#layout1_body .footer_content table tr td,
		#layoutpopup_body .header_content table tr td,
		#layoutpopup_body .footer_content table tr td {
			padding-top: 2px;
			padding-bottom: 2px;
		}

#layout1_body .header_content .breadcrumb a,
#layoutpopup_body .header_content .breadcrumb a {
	color: #666666;
	text-decoration: none;
}

#layout1_body .header_content .action, #layoutpopup_body .header_content .action {
	font-weight: bold;
}

#layout1_body .header_content .title, #layoutpopup_body .header_content .title {
	font-size: 1.3em;
	font-weight: bold;
}

#layout1_body .header_content .parent, #layoutpopup_body .header_content .parent {
	font-size: 0.9em;
	font-style: italic;
}

#layout1_body .command_button_search {
	width: 100%;
	float: left;
}

#layout1_body .command_button_edit {
	width: 100%;
	float: right;
}

#advanced, #layout1_footer {
	background-color: #4394B7;
}


#layout1_body .featured hgroup.title h1.error {
	color: #e80c4d;
}

#layout1_body .featured p {
	font-size: 1.1em;
}

/*###############################################################
 _LayoutPopup
#################################################################*/

/* -----section featured -----*/
#layoutpopup_body .featured {
	background-color: #fff;
	margin: 6px;
}

	#layoutpopup_body .featured .content-wrapper {
		background-color: #7ac0da;
		color: #3e5667;
		padding: 5px;
	}

	#layoutpopup_body .featured hgroup.title h1, #layoutpopup_body .featured hgroup.title h3 {
		display: inline;
		font-size: 1em;
	}

	#layoutpopup_body .featured hgroup.title h1 {
		color: #003F59;
		font-weight: bold;
	}

	#layoutpopup_body .featured p {
		font-size: 0.9em;
	}

/*###############################################################
  Class GLOBALS
#################################################################*/

.reg {
	text-transform: uppercase;
}

.float-left, .f_left, .fleft {
	float: left;
}

.float-right, .f_right, .fright {
	float: right;
}

.float-none, .f_none, .fnone {
	float: none;
}

.align_left, .alignleft {
	text-align: left !important;
}

.align_right, .alignright {
	text-align: right;
}

.align_center, .aligncenter {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.it {
	font-style: italic;
}

.let {
	letter-spacing: -1px;
}

.clear {
	clear: both;
	width: 100%;
	line-height: 0;
	font-size: 0;
}

.clear-fix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.bg_none {
	background: none !important;
}

.border_none {
	border-style: none !important;
}

.hidden, .sdbbhidden, .sdbbNO {
	display: none !important;
}

.block {
	display: block;
}

.inline {
	display: inline;
}

/*-----inline-block-----*/

.inline-block {
	display: inline-block;
	padding: 3px 0 3px 0;
}

	.inline-block div {
		padding-right: 0px;
	}

		.inline-block div.middle {
			padding-top: 3px;
		}

.iconressource {
	display: inline;
	height: 8px;
	width: 8px;
}


.iconhelper {
	text-decoration: none;
	display: inline;
	padding: 0 0 0 4px;
	vertical-align: middle;
}

	.iconhelper:hover {
		background: none;
		cursor: pointer;
	}

	.iconhelper:before {
		font-family: 'intraicons';
		content: "\eD53";
		font-size: 120%;
		color: #00668b;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transition: all 0.5s ease;
		padding-right: 4px;
	}

/*********************************/
/* sdbbRadioButtonList           */
/*********************************/
.sdbbRadioButtonList {
	list-style-type: none;
}

	.sdbbRadioButtonList li {
		padding-left: 16px;
		white-space: nowrap;
	}

/*********************************/
/* Kendo UI                        */
/*********************************/

/*input kendo*/
.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
	color: #333 !important;
	height: 1.3em;
	font-size: 1em !important;
	line-height: 1em !important;
	padding: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/*Kendo calendar Center the icons*/
.k-select {
	min-height: 0 !important;
}

	.k-select .k-icon {
		vertical-align: top !important;
		margin-top: 2px !important;
	}


/*Kendo Tab background-color: deprecated since R3 2023 and new classic-opal*/
/*.k-state-active, .k-state-active:hover, .k-active-filter {
	background-color: transparent !important;
}

.k-widget.k-tabstrip.k-header {
	border-color: transparent !important;
	background-image: none !important;
	background-color: transparent !important;
}*/

/*Kendo Tab: double line for top of tabs*/
.k-tabstrip-items .k-loading {
	/*border-color: transparent !important;*/
}

/*Kendo Tab: overflow hidden*/
.k-tabstrip-content {
	overflow: hidden !important;
}

/*Kendo Tab: Add bottom line and set active tabtrip to gray*/
.k-tabstrip-top > .k-tabstrip-items-wrapper {
	border-bottom-width: 1px;
	border-bottom-color: #68b1d2;
}

	.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-active {
		border-bottom-color: #F8F8F8 !important;
	}

/*kendo grid*/

/*table into a template of kendo grid
  clean css*/
.k-grid-template td {
	border-style: none !important;
	border: 0 !important;
	padding: 0 !important;
	line-height: 0.8em !important;
}

/*toolbar into kendo grid */
.k-grid-toolbar {
	height: 22px;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	padding-left: 2px !important;
}

	.k-grid-toolbar .btn {
		font-size: 80% !important;
	}

/*Format row for feature restrictionReadOnly*/
.k-grid tbody tr.restrictionReadOnly,
.k-grid tbody tr.restrictionReadOnly td a,
.k-grid tbody tr td a.restrictionReadOnly {
	color: #888;
	font-style: italic;
}

.k-grid td {
	vertical-align: top !important;
}

/*a sdbbSelect is wraper into a table. We must reset padding*/
.k-grid .sdbbSelect td {
	padding: 0 !important;
}

.k-toolbar.k-grid-toolbar {
	height: auto;
	max-height: 36px;
}

.k-grid .k-pager-wrap {
	clear: none;
}

.k-toolbar.k-grid-toolbar .toolbar-elem {
	margin: 4px 0 1px 0;
	padding: 3px 20px 2px 12px;
}

	.k-toolbar.k-grid-toolbar .toolbar-elem.elem-title {
		padding: 4px 0 0 6px;
	}

	.k-toolbar.k-grid-toolbar .toolbar-elem.elem-btn {
		padding: 0 0 0 6px;
	}

/*Since R1 2023, kendo uses svgIcons. Bug with color for header sorting colon*/
.k-grid .k-grid-header .k-svg-icon{
	color: #00435e;
}


/*Textbox in toolbar from a Mappinglist
Resolved since telerik R1 2023
*/
/*.sdbbSelect td input.toolBar {
	width: 100%;
	height: 12px;
}

.sdbbSelect td span.toolBar input.toolBar {
	height: 16px;
}*/



/*kendo autocomplete*/
.k-autocomplete {
	width: 100% !important;
}

/*Kendo treeview Menu: no overflow scroll*/
.k-treeview {
	overflow: hidden !important;
}

/*********************************/
/* qTip ToolTip                  */
/*********************************/
.qtip {
	max-width: 1000px !important;
}

header, footer, hgroup,
nav, section {
	display: block;
}

mark {
	background-color: #a6dbed;
	padding-left: 5px;
	padding-right: 5px;
}

/*********************************/
/* info and errors */
/*********************************/
.message-info {
	border: 1px solid;
	clear: both;
	padding: 10px 20px;
}

.message-error {
	clear: both;
	color: #e80c4d;
	font-size: 1.1em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.message-success {
	color: #7ac0da;
	font-size: 1.3em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.error {
	color: #e80c4d;
}

/*********************************/
/* styles for validation helpers */
/*********************************/
.field-validation-error {
	color: #e80c4d;
	font-weight: bold;
}

.field-validation-valid {
	display: none;
}

input.input-validation-error {
	border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
	border: 0 none;
}

/*validation required: add icon on top of corner for input having html attribute data-val-required or class required*/
input[type="text"]:enabled[data-val-required],
input[type="password"]:enabled[data-val-required],
textarea[data-val-required],
select[data-val-required],
.required,
div[data-val-required],
.mce-content-body[data-val-required] {
	background-image: url('/Content/Intranet/Icons/required.png') !important;
	background-position-x: -1px !important;
	background-position-y: 0px !important;
	background-repeat: no-repeat !important;
}

	input[type="text"]:enabled[data-val-required][data-val="false"],
	input[type="password"]:enabled[data-val-required][data-val="false"],
	textarea[data-val-required][data-val="false"],
	select[data-val-required][data-val="false"],
	.required[data-val="false"] {
		background-image: none !important;
	}

/*validation required: add icon on top of corner for input having html attribute data-val-requiredif*/
input[type="text"]:enabled[data-val-requiredif],
input[type="password"]:enabled[data-val-requiredif],
textarea[data-val-requiredif],
select[data-val-requiredif],
.requiredif,
div[data-val-requiredif],
.mce-content-body[data-val-requiredif] {
	background-image: url('/Content/Intranet/Icons/required.png') !important;
	background-position-x: -1px !important;
	background-position-y: 0px !important;
	background-repeat: no-repeat !important;
}

	input[type="text"]:enabled[data-val-requiredif][data-val="false"],
	input[type="password"]:enabled[data-val-requiredif][data-val="false"],
	textarea[data-val-requiredif][data-val="false"],
	select[data-val-requiredif][data-val="false"],
	.requiredif[data-val="false"],
	div[data-val-requiredif][data-val="false"],
	.mce-content-body[data-val-requiredif][data-val="false"] {
		background-image: none !important;
	}

/*validation required: add icon on top of corner for input having html attribute data-val-requiredifint*/
input[type="text"]:enabled[data-val-requiredifint],
input[type="password"]:enabled[data-val-requiredifint],
textarea[data-val-requiredifint],
select[data-val-requiredifint],
.requiredifint,
.mce-content-body[data-val-requiredifint] {
	background-image: url('/Content/Intranet/Icons/required.png') !important;
	background-position-x: -1px !important;
	background-position-y: 0px !important;
	background-repeat: no-repeat !important;
}

	input[type="text"]:enabled[data-val-requiredifint][data-val="false"],
	input[type="password"]:enabled[data-val-requiredifint][data-val="false"],
	textarea[data-val-requiredifint][data-val="false"],
	select[data-val-requiredifint][data-val="false"],
	.requiredifint[data-val="false"],
	.mce-content-body[data-val-requiredifint][data-val="false"] {
		background-image: none !important;
	}
/*********************************/
/* readonly                       */
/*********************************/

div:disabled, div.readonly,
textarea:disabled, textarea.readonly,
input:not([type]):disabled, input:not([type]).readonly,
input[type="color"]:disabled, input[type="color"].readonly,
input[type="date"]:disabled, input[type="date"].readonly,
input[type="datetime"]:disabled, input[type="datetime"].readonly,
input[type="datetime-local"]:disabled, input[type="datetime-local"].readonly,
input[type="email"]:disabled, input[type="email"].readonly,
input[type="month"]:disabled, input[type="month"].readonly,
input[type="password"]:disabled, input[type="password"].readonly,
input[type="number"]:disabled, input[type="number"].readonly,
input[type="search"]:disabled, nput[type="search"].readonly,
input[type="tel"]:disabled, input[type="tel"].readonly,
input[type="text"]:disabled, input[type="text"].readonly,
input[type="time"]:disabled, input[type="time"].readonly,
input[type="url"]:disabled, input[type="url"].readonly,
input[type="week"]:disabled, input[type="week"].readonly,
input[type="checkbox"]:disabled, input[type="checkbox"].readonly {
	background-color: #F5F5F5;
	background: #F5F5F5;
	color: #666 !important;
}

button:disabled, button.readonly {
	background-color: #FEFEFE;
	background: #FEFEFE;
	color: #BBB !important;
}

a.readonly {
	text-decoration: none;
}

td[role="gridcell"] input[type="checkbox"]:disabled {
	_outline: 1px solid #ee5f5b;
}

/*###############################################################
 Page elements
#################################################################*/

/*********************************/
/* edit wrapper                  */
/*********************************/
/*Used to build the edit view
  Class notify_required: FrameWork add class required with div having class="notify_required" if field as the metatag [required]

Example:
   
     3 inputs: (@Html.SdbbEditWrapperTemplate3)
     *********
               _________     _________      _________
    Label :   |text_de  |   |text_fr  |    |text_it  |

     1 inputs: (@Html.SdbbEditWrapperTemplate1)
     *********
               ______________________________________
    Label :   |text                                  |


    Template for 3 inputs
    *********************
    use: @Html.SdbbEditWrapperTemplate3

    <div class="edit_wrapper">
        <div class="wrapper_Label">
            <label for="test_de">Label</label>
        </div>
        <div class="wrapper_Content wrapper_Content_Lang wrapper_Content_3">
            <div class="lang_de notify_required">
                @Html.SdbbTextBox("test_de", "text de", null, 1)
    
            </div>
            <div class="lang_fr notify_required">
                @Html.SdbbTextBox("test_fr", "text fr", null, 2)
            </div>
            <div class="lang_it notify_required">
                @Html.SdbbTextBox("test_it", "text it", null, 3)
            </div>
        </div>
    </div>

    Template for 1 input
    *********************
     use: @Html.SdbbEditWrapperTemplate1

    <div class="edit_wrapper">
        <div class="wrapper_Label">
            @Html.SdbbLabelFor(model => model.CareerViewModel.id_swissdoc_primary)
        </div>
        <div class="wrapper_Content">
            <div class="notify_required">
                @Html.SdbbDropDownListFor(model => Model.CareerViewModel.id_swissdoc_primary, Model.ListSwissDocs, 10)
                @Html.ValidationMessageFor(model => model.CareerViewModel.id_swissdoc_primary)
            </div>
        </div>
    </div>
        
    */
.edit_wrapper {
	display: table;
	width: 100%;
	margin: 5px;
}

.wrapper_Label {
	float: left;
	/*width: 18%;*/
	width: 160px;
	/*min-width: 160px;*/
	text-align: left;
}

.wrapper_Helper {
	display: inline-block;
	padding-top: 1px;
}

.wrapper_Content {
	float: none;
	margin-left: 160px;
	/*width: 82%;*/
}

	.wrapper_Content > div {
		float: left;
		width: 99%;
		min-height: 16px;
	}

		.wrapper_Content > div > input,
		.wrapper_Content > div > textarea,
		.wrapper_Content > div > div,
		.wrapper_Content > div > select,
		.wrapper_Content > div > div.textarea,
		.wrapper_Content > div > .k-datepicker,
		.wrapper_Content > div > .k-datetimepicker,
		.wrapper_Content > div > table input {
			width: 99%;
		}

		.wrapper_Content > div > .wrapper_content_display {
			background-color: #F0F0F0;
			padding: 2px;
			min-height: 16px;
		}

.wrapper_Content_3 > div {
	float: left;
	width: 33%;
}

	.wrapper_Content_3 > div > input,
	.wrapper_Content_3 > div > textarea,
	.wrapper_Content_3 > div > select,
	.wrapper_Content_3 > div > div.wrapper_content_display,
	.wrapper_Content_3 > div > div.mce-content-body,
	.wrapper_Content_3 > div > .k-datepicker
	.wrapper_Content_3 > div > .k-datetimepicker {
		width: 97%;
	}

	/*Used for SdbbEditWrapperRevisionDateWithCheckbox when rendering revision_date_xy (for 3 languages)*/
	.wrapper_Content_3 > div > div > input[type="text"] {
		margin-left: 5px;
		width: 93%;
	}

.wrapper_Content > div > input[type="checkbox"],
.wrapper_Content > div > input[type="button"],
.wrapper_Content > div > input[type="submit"],
.wrapper_Content > div > button {
	width: auto;
	vertical-align: middle;
	margin: 0px;
	float: left;
}

/*********************************/
/* advanced panel menu right     */
/*********************************/
#advanced span.trigger strong,
#advanced span.trigger em {
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	right: 0;
	bottom: -13px;
	cursor: pointer;
}

#advanced span.trigger strong {
	background: url('/Content/Intranet/Icons/16x16/win_arrow_up.png') 0 0 no-repeat;
}

#advanced span.trigger em {
	background: url('/Content/Intranet/Icons/16x16/win_arrow_down.png') 0 0 no-repeat;
}

#advanced .bg_advanced .header_title {
	color: #fff;
	padding-left: 10px;
	padding-top: 3px;
	/*height: 100%;*/
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
}

ul#menu {
	font-size: 1.3em;
	font-weight: 600;
	margin: 0 0 5px;
	padding: 0;
	text-align: right;
}

	ul#menu li {
		display: inline;
		list-style: none;
		padding-left: 15px;
	}

		ul#menu li a {
			background: none;
			color: #999;
			text-decoration: none;
		}

			ul#menu li a:hover {
				color: #A2DFF9;
				text-decoration: none;
			}

/*********************************/
/* col_1 panel menu left         */
/*********************************/
#layout1_body span.trigger2 strong,
#layout1_body span.trigger2 em {
	display: block;
	position: relative;
	height: 16px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	cursor: pointer;
}

#layout1_body span.trigger2 strong {
	background: url('/Content/Intranet/Icons/16x16/win_arrow_left.png') center right no-repeat;
}

#layout1_body span.trigger2 em {
	background: url('/Content/Intranet/Icons/16x16/win_arrow_right.png') center right no-repeat;
}

/*********************************/
/* site title                    */
/*********************************/
.site-title {
	color: #c8c8c8;
	/*font-family: Rockwell, Consolas, "Courier New", Courier, monospace;*/
	font-size: 2.3em;
	margin: 0;
}

	.site-title a, .site-title a:hover, .site-title a:active {
		background: none;
		color: #c8c8c8;
		outline: none;
		text-decoration: none;
	}

/*********************************/
/* page titles                   */
/*********************************/
hgroup.title {
	margin-bottom: 10px;
}

	hgroup.title h1, hgroup.title h2 {
		display: inline;
	}

	hgroup.title h2 {
		font-weight: normal;
		margin-left: 3px;
	}

/*********************************/
/* login                         */
/*********************************/
#sectionLogin {
	display: block;
	color: #fff;
	font-size: .85em;
	margin: 0 0 10px;
	text-align: left;
	padding-top: 10px;
	padding-right: 20px;
}

	#sectionLogin a {
		background-color: #d3dce0;
		/*margin-left: 10px;*/
		/*margin-right: 3px;*/
		/*padding: 2px 3px;*/
		text-decoration: none;
	}

		#sectionLogin a.username {
			background: none;
			margin: 0;
			padding: 0;
			text-decoration: underline;
		}

	#sectionLogin ul {
		margin: 0;
	}

	#sectionLogin li {
		display: inline;
		list-style: none;
	}

/*********************************/
/* version info                  */
/*********************************/
.versioninfo {
	position: relative;
	top: 35px;
	left: 160px;
	color: #fff;
	font-size: .85em;
	font-weight: 400;
	text-decoration: none;
}

/*********************************/
/* statuspal                     */
/*********************************/
a.statuspal {
	color: #fff;
	text-decoration: none;
}

/*********************************/
/* language                      */
/*********************************/
#language {
	display: block;
	color: #fff;
	font-size: .85em;
	padding: 32px 0 0 15px;
	text-align: left;
}

	#language ul {
		margin: 0;
	}

	#language li {
		display: inline;
		list-style: none;
	}

		#language li a {
			text-decoration: underline;
			color: #fff;
		}

			#language li a.active {
				text-decoration: none;
				font-weight: bold;
			}

/*********************************/
/* concurrency                   */
/*********************************/
#concurrency {
	display: block;
	color: #fff;
	font-size: .85em;
	padding: 32px 0 0 15px;
	text-align: left;
}

/*###############################################################
 SPECIFICS Page elements
#################################################################*/

/*********************************/
/* Updated message               */
/*********************************/
.EditUpdatedMessage {
	color: #58D206;
	font-size: 1.3em;
	font-weight: bold;
}

/*********************************/
/* Updated message for           */
/*_GridAjaxActionresult          */
/*********************************/
.AjaxActionResult {
	position: absolute;
	top: 50px;
	left: 750px;
	color: #DF352C;
	font-size: 1.3em;
	font-weight: bold;
	z-index: 1000;
}

style="position: absolute; top: 50px; left:750px; color: #DF352C"
/*********************************/
/* Save before login timeout      */
/*********************************/
.Save_Before_Timeout {
	color: #FF0000;
	font-size: 1.5em;
	font-weight: bold;
}
/*********************************/
/* Search                        */
/*********************************/

#SearchBox {
	padding-top: 10px;
}

#SearchExtendedBox {
	display: table;
	width: 100%;
	/*padding-top: 10px;*/
}

#SearchBox input[type="text"] {
	font-size: 1.8em;
	width: 410px;
}

#SearchBox div div {
	font-size: 1.1em;
	font-weight: bold;
}

#SearchExtendedBox .afterOperandAndOr {
	margin-left: 25px;
}

#SearchExtendedBox .SearchOperand, #SearchExtendedBox .SearchOperand select {
	width: 150px;
}

#SearchExtendedBox .SearchInput input {
	width: 300px;
	font-size: 1.1em;
}

#SearchExtendedBox .SearchInput select, #SearchExtendedBox .SearchInput .sdbbSelect .k-input, #SearchExtendedBox .SearchInput .k-datepicker, #SearchExtendedBox .SearchInput .k-datetimepicker {
	width: 300px !important;
}

.k-datetimepicker .k-picker-wrap:before {
	height: 1.3em !important;
}

#SearchExtendedBox .editorRow {
	display: table;
	width: 100%;
}

#SearchExtendedBox .SearchExtendedHeader {
	width: 100%;
	font-size: 0.8em;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-left: 25px;
}


/*********************************/
/* App_menu Edit View            */
/*********************************/
.KendoTreeViewRightBorder {
	border-right: 1px solid #7ac0da;
}

/***********************************/
/* Audit partial page _EditDetails */
/***********************************/
#auditdetails {
	padding-left: 20px;
}

	#auditdetails .tableAuditDetails {
		width: 100%;
	}

		#auditdetails .tableAuditDetails td, #auditdetails .tableAuditDetails th {
			padding: 5px;
		}

		#auditdetails .tableAuditDetails th {
			text-decoration: underline;
		}

		#auditdetails .tableAuditDetails th, #auditdetails .tableAuditDetails td {
			text-align: left;
		}

		#auditdetails .tableAuditDetails .col1 {
			width: 150px;
		}

		#auditdetails .tableAuditDetails .col2 {
			border-left: 1px solid #e2e2e2;
			border-right: 1px solid #e2e2e2;
			width: 40%;
		}

/*********************************/
/* Review feature*/
/*********************************/
.review_background {
	background-color: #FC9494 !important;
	background-image: url('/Content/kendo/Styles/textureshighlight.png') !important;
	background-image: none,-webkit-linear-gradient(top,#FDB7B7 0,#FC9494 100%) !important;
	background-image: none,-moz-linear-gradient(top,#FDB7B7 0,#FC9494 100%) !important;
	background-image: none,-o-linear-gradient(top,#FDB7B7 0,#FC9494 100%) !important;
	background-image: none,linear-gradient(to bottom,#FDB7B7 0,#FC9494 100%) !important;
}

/*********************************/
/* LoginPartial qTip ToolTips*/
/*********************************/

#tooltipUserProfile .mydim {
	width: 800px;
	height: 250px;
}

#tooltipUserProfile a {
	padding: 0;
}

#imgUserPhoto {
	max-height: auto;
	max-width: 27px;
}

#imgUserPhoto {
	max-height: 27px;
	max-width: auto;
}

#tooltipUserProfile .gb_N {
	margin: 10px;
}

#tooltipUserProfile .gb_O {
	position: relative;
	margin-right: 20px;
}

#tooltipUserProfile .gb_O,
#tooltipUserProfile .gb_P {
	display: inline-block;
	vertical-align: top;
}

#tooltipUserProfile .gb_N .gb_O img {
	max-height: auto;
	max-width: 96px;
}

#tooltipUserProfile .gb_N .gb_O img {
	max-height: 96px;
	max-width: auto;
}

#tooltipUserProfile .gb_R {
	background-color: rgba(0, 0, 255, 0.5);
	bottom: 0;
	font-size: 9px;
	font-weight: bold;
	color: #FFF;
	left: 0px;
	line-height: 9px;
	position: absolute;
	padding: 7px 0;
	text-align: center;
	display: none;
	width: 96px;
}

#tooltipUserProfile .gb_S {
	font-weight: bold;
	margin: -4px 0 1px 0;
}

#tooltipUserProfile .gb_T {
	color: #666;
}

#tooltipUserProfile .gb_M {
	color: #ccc;
	margin: 6px 0;
}

#tooltipUserProfile .gb_G {
	color: #888;
	margin: 6px 0;
}

#tooltipUserProfile .gb_U {
	width: 100%;
	display: table;
}

.sdbbUrl td:nth-last-child(1) {
	width: 16px;
	padding-top: 3px;
	padding-left: 2px;
	padding-right: 4px;
}

/*FileUpload*/
.imgFileUpload, .imgFileEdit {
	max-height: 100px;
	max-width: auto;
}

.imgFileUpload, .imgFileEdit {
	max-height: auto;
	max-width: 200px;
}

.imgFileInfo {
	max-height: 40px;
	max-width: auto;
}

.imgFileInfo {
	max-height: auto;
	max-width: 40px;
}

.imgMimeType {
	max-height: 20px;
	max-width: auto;
}

.imgMimeType {
	max-height: auto;
	max-width: 20px;
}


/*Fancybox*/
.fancybox-close {
	padding: 0px 0px 0px 0px;
	background-color: transparent !important;
}

/*********************************/
/* ToDo                          */
/*********************************/