BODY
{
	font-family: Arial, Verdana;
	font-size: small;
	background-color: #7ed2cb;
	margin:8px;
	width: auto;
	height: 100%;
}
FORM#aspnetForm
{
	position: relative;
	z-index: 1;
}
IMG,
.img
{
	border: 0;
}
.divclr
{
	clear:both;
	height: 0 !important;
	line-height: 0 !important;
	width: 0 !important;
}
.hide { display: none; }
DIV.item
{
	min-height: 24px;
	line-height: 24px;
	clear: both;
	position: relative;
	width: 100%;
}
FIELDSET.item
{
	clear: both;
	position: relative;
	margin-bottom: 4px;
}
.label
{
	float: left;
	min-height: 24px;
	max-width: 100%;
}
/* task/taskbed */
.ButtonFixed
{
	border: 1px solid #006;
	height: 40px;
	min-width: 100px;
	padding: 2px;
	vertical-align: top;
}
.ButtonFixed:hover
{
	border: 1px solid #fff;
}
/* einde task/taskbed */

.Button
{
	color: #000;
	height:22px;
	border: 1px solid #006;
	padding: 2px;
	background-color: ButtonFace;
	text-decoration: none;
}

a.button-date-change {
	padding: 2px 8px;
}

input.button-pager {
	width: 32px;
}

input.button-pager.selected {
	background-color: #cccccc;
}

.FilterActiveButton
{
	color: #000;
	height:22px;
	border: 1px solid #006;
	padding: 2px;
	background-color:orange;
	text-decoration: none;
}

.Button:hover {
	border: 1px solid #fff;
}
.item .Button
{
	vertical-align: middle;
}
.RadButton.rbLinkButtonChecked {
	background-color: orange !important;
	border-color: #8a8a8a !important;
}
.transitcommands
{
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
}
.GridCommandPanel
{
	margin-left: 5px;
	margin-top: 2px;
	margin-right: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	white-space: nowrap;
	height: 20px;
}
.GridDepartmentsCommandPanel
{
	float: left;
}
.GridMasterCommandPanel
{
	float: left;
}
.GridImportCommandPanel
{
	margin-left: 5px;
	float: left;
}
.GridPager
{
	margin-left: 5px;
	float: left;
}
.rgRow
{
	background-color: #ffffff;
}
.rgAltRow
{
	background-color: rgb(242, 242, 242);
}
FORM.popupform {
}
DIV.popupgrid
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7px;
}

.SLPage
{
	padding: 5px;
}
.SLPageTrainstartPopup,
.SLPageExternallocationPopup
{
}

.SLPageCollectListItemsPopup
{
}

/* nodig voor popup in taskliststation train start popup*/
.popuppanel
{
	background: white;
	width: 860px;
}
.popuppanelmdn
{
	background: white;
	font-size: small;
	height: 150px;
	margin-top: auto;
	margin-bottom: auto;
	text-align: center;
	width: 300px;
}
/* einde nodig voor popup in taskliststation train start popup*/

/* nodig voor comboboxen in taskliststation train start popup*/
.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul, .rcbHovered ul, .rcbDisabled ul
{
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.combocol
{
	float: left;
	width: 110px;
	margin: 0;
	padding: 0 5px 0 0;
	line-height: 14px;
}
/* eind nodig voor comboboxen in taskliststation train start popup*/

.RadComboBox .rcbInput {
	margin-left: -4px !important;
	padding: 2px 5px 2px 3px !important;
}
.paTLTooltip > DIV {
	min-width: 150px;
}
.paTLTooltipGeneral > DIV {
	float: left;
}
/* generic mouseover table */
.mo
{
	empty-cells: show;
}
.mo TD
{
	white-space: nowrap;
	padding-right: 10px;
}
/* generic mouseover table text align top*/
.motatop TD
{
	white-space: nowrap;
	padding-right: 10px;
	vertical-align: top;
}

.paMainGM
{
	padding-top: 4px;
	padding-bottom: 4px;
	height: 18px;
}
#generalnotification
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#generalnotification LI
{
	font-size: medium;
	color: red;
	font-weight: bold;
}


/* geselecteerde rij in grid (custom class moet wel opgegeven worden in aspx) */
.GridSelectedItem
{
	background: none !important;
	background-color: #B0B0B0 !important;
}
/* rowhover override class, hoeft niet expliciet meegegeven te worden*/
.RadGrid_Default .rgHoveredRow
{
	background: none !important;
	background-color: #D0D0D0 !important;
}
.TLSearchPanel
{
	position: relative;
	clear:both;
	left: 10px;
	top: 0;
}
.TLDisplayPanel
{
}
.TLTaskPanel
{
	padding-top: 7px;
}

/* Workaround om popup automatisch te laten resizen (voornamelijk als er javascript gebruikt word om elementen te verbergen */
.RadGrid .rgEditForm>.rgHeader+div
{
		height:auto !important;
}
/* classes in task en taskbed scherm */
#header
{
	height: 40px;
	position: relative;
}
.RadRadioButtonList
{
	color: white;
}
.RadRadioButtonList .rbRadioButton.RadButton_Default .rbText
{
	color: white;
}
/* BEGIN MENU */
/* z-index voor radmenu verlagen ivm radgrid edit forms die op 2490 zit */
.RadMenu .RadSiteMap
{
	line-height: inherited;
}
.RadMenu .RadSiteMap .rsmItem .rsmItem
{
	padding-left: 10px;
	padding-bottom: 1px;
}
.RadMenu .RadSiteMap .rsmLink
{
	border-width: 0px;
	padding-top: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
}
.RadMenu.ingrid
{
	z-index: 2480 !important;
	font-size: inherit !important;
}
.RadMenu_Default.ingrid a.rmDisabled
{
	color: #7d7d7d;
}
.ingrid .rmRootGroup
{
	background-image: none !important;
	background-color: ButtonFace !important;
	border: 1px solid #006 !important;
	height: 19px;
	padding-bottom: 1px !important;
}
.ingrid .rmRootGroup .rmItem
{
	height: 100% !important;
}
.ingrid A.rmRootLink
{
	background-image: none !important;
	height: 100%;
	margin-top: 1px;
}
.ingrid A.rmRootLink .rmText
{
	display: inline-block;
	height: 100%;
	line-height: 19px !important;
	padding-bottom: 0;
}
.ingrid .rmVertical
{
	background-image: none !important;
	background-color: #ECECEC;
}
.ingrid .rmGroup .rmItem
{
	height: 19px !important;
}
.ingrid A.rmLink
{
	background-image: none !important;
	font-size: inherit !important;
	height: 100%;
}
.ingrid A.rmLink .rmText
{
	background-image: none !important;
	display: inline-block;
	height: 100%;
	line-height: 19px !important;
	padding-bottom: 0 !important;
	padding-left: 5px !important;
}
.ingrid A.rmLink .rmText:hover
{
	background-color: ButtonFace;
}
/* EINDE MENU */
/* kleur override noodzakelijk ivm tegenstrijdige css van telerik (radgrid overruled radtabstrip in een popup)*/
.RadTabStrip .rtsDisabled
{
	color: #aaa !important;
}
/* tooltip */
.tipcss {
	z-index: 10000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	white-space: nowrap;
}
/* einde tooltip */
div.RadAjax  .raColor
{
	background-color: transparent;
}
.nw
{
	white-space: nowrap;
}

/* LOGIN */
#bodylogin { background-color: #D7D7D7; }
#bodylogin #background {
	background: url(../images/itransport_start_background.png);
	left: 0;
	height: 529px;
	position: absolute;
	top: 0;
	width: 958px;
}
#bodylogin #logos .left{
	left: 25px;
	top: 20px;
	position: absolute;
}
#bodylogin #logos .right{
	left: 665px;
	top: 32px;
	position: absolute;
}
#bodylogin #formpanelbackground {
	height: 89px;
	left: 25px;
	position: absolute;
	padding: 5px;
	top: 120px;
	width: 899px;
}
#bodylogin #hospital {
	height: 529px;
	position: absolute;
	width: 958px;
}
#bodylogin #formpanel {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B3c01a28', endColorstr='#B3c01a28'); /* IE */
	left: 25px;
	position: absolute;
	padding: 5px;
	top: 120px;
	width: 899px;
}
#bodylogin #formpanel #controls {
	padding-left: 285px;
	position: relative;
	width: 460px;
}
#bodylogin #formpanel #controls SPAN{
	margin-top: 3px;
	vertical-align: top;
}
#bodylogin #formpanel #controls .status {
	padding-left: 205px;
}
#bodylogin #clouds {
	left: 0;
	height: 529px;
	position: fixed;
	top: 0;
	width: 958px;
}
.loginla { display: inline-block; width: 200px; color: White; font-weight: bold;}
.loginval { width: 150px; }
SELECT.loginval { width: 154px; padding: 2px 1px; }
.loginerr {
	color: #D81E05;
	font-weight: bold;
}
/* EINDE LOGIN */

.vmenu {
	border: 1px solid #aaa;
	position: absolute;
	background: #fff;
	display: none;
	z-index: 2001;
}
.vmenu A {
	font-family: "segoe ui", Arial, Verdana;
	font-size: 12px;
	color: #000;
	width: 100% !important;
	width: 200px;
	padding: 5px 10px;
	display: block;
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
}
.vmenu .menuitem-hover {
	background-color: #E0EDFE;
}
.vmenu .inner {
	display: none;
	position: absolute;
	border: 1px solid #aaa;
	border-left: 1px solid #ccc;
	padding: 0;
	background: #fff;
}
.vmenu .sep {
	border-top: 1px ridge #aaa;
	margin: 5px 0
}
#menuoverlay,
#taskformoverlay {
	left: 0;
	top: 0;
	position: fixed;
	width: 100%;
	height: 100%;
}
#menuoverlay {
	display: none;
	z-index: 2000;
}
#taskformoverlay {
	background-color: rgba(170, 170, 170, 0.5);
	z-index: 8000;
}
TABLE.gp
{
	width: 100%;
	margin: 0;
	padding: 0;
}

TABLE.gp TD
{
	width: 33%;
}
.cell {
	display: inline-block;
	width: 100%;
}
.PorterCommandsPanel
{
	padding-top: 4px;
}
.RadGrid .RadMenu
{
	margin-bottom: -8px;
}
/* fixes voor tasklist datepicker en grid pagesize control */
.GridPager .RadInput,
.RadPicker
{
/* IE9 fix voor intranet omgeving */
	display: inline-block !important;
/* IE6 en 7 kunnen niet tegen bovenstaande fix */
	*display: inline !important;
}
/* fix voor uitlijnen grid header en data kolommen in scroll-bare grids */
.rgDetailTable,
.rgMasterTable
{
	width: 100%;
}
/* fix voor porter role menu in tasklist scherm
	deze word afgekapt doordat het grid usestaticheaders aan heeft staan. */
.tlporters.rgMasterTable
{
	overflow: visible !important;
}

.tltasks.rgMasterTable
{
	overflow: visible !important;
}

DIV.error,
.rwDialogPopup.radalert.error .rwDialogText,
.Status {
	color: red;
	font-size: large;
	font-weight: 700;
}

.RadWindow .rwWindowContent .rwDialogPopup.radalert.informational {
	background-image: url(../images/information.png);
}

.RadWindow_Default a.rwIcon {
	background-image: none !important;
	display: none !important;
}

.rwDialogPopup.radalert.informational .rwDialogText {
	color: green;
	font-size: large;
	font-weight: 700;
}

.saveinformation IMG {
	float: left;
	margin: 10px;
}

.saveinformation DIV.message {
	color: green;
	font-size: large;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 15px;
}

.saveinformation DIV.commands {
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
}

.gdScanDef.rgDataDiv {
	height : auto !important ;
}

.stRequest
{
	background-color: green !important;
}
.stRequestDisp
{
	background-color: orange !important;
}
.stRequestLate
{
	background-color: red !important;
	color: white !important;
}
.stOrder
{
	background-color: violet !important;
}
.stAccepted
{
	background-color: lightblue !important;
}
.stInTransit
{
	background-color: skyblue !important;
}
.stReady
{
	background-color: silver !important;
}
.stCancelled
{
	background-color: dimgray !important;
	color: white !important;
}
.stCancelledPending {
	background-color: gray !important;
	color: white !important;
	text-decoration: line-through !important;
}
.stCancelledDispatcher
{
	background-color: darkslategray !important;
	color: yellow !important;
}
.stRefused
{
}
.stNotAvailable
{
}
.stConsecutive,
.stProvisional
{
	background-color: lightgreen !important;
}

.stBlocked
{
	background-color: #a51e1e !important;
}

.stDouble:before {
	background-color: orangered;
	color: white;
	content: " D ";
	margin-right: 3px;
	padding: 2px;
}
.tlAttention
{
	background-color: red;
	color: white;
}
/*                          */
/* taak voorschrift styling */
/*                          */
#colorresult
{
	width: 0;
	height: 0;
	border-color: transparent;
	border-width: 15px 100px 15px 100px;
	border-style: solid;
}
.instructionstyle
{
	border: 11px solid transparent;
	height: 0;
	width: 0;
}

/* taak voorschrift styling in takenlijst */
TD.extra
{
	padding: 0 !important;
}
TD.extra .extext
{
	padding: 3px;
}
TD.extra .instruction .instructionstyle
{
	display: inline-block;
}
TD.extra .instruction .text
{
	display: inline-block;
	padding-left: 2px;
	padding-top: 2px;
	vertical-align: top;
}

/* taak voorschrift styling in taakscherm */
.item .comboboxselection {
	display: inline-block;
	margin-top: -4px;
	margin-left: 2px;
	margin-bottom: -8px;
}

/* taak voorschrift styling in administratie schermen */
.popupgrid .item .comboboxselection {
	display: inline-block;
	float: right;
	margin: 0 2px;
}
/*                                */
/* taak voorschrift styling einde */
/*                                */
.favorite:before
{
	content: '*';
}
.favorite
{
	font-weight: 700;
}

TABLE.multicopy
{
	border-collapse: collapse;
}
TABLE.multicopy TR.top,
TABLE.multicopy TR.bottom
{
	background-color: #ccc;
}
TABLE.multicopy TR.top>TD
{
	padding-top: 5px;
}
TABLE.multicopy TR.bottom>TD
{
	padding-bottom: 5px;
}
TABLE.multicopy TR.top>TD:first-child
{
	padding-left: 5px;
}
TABLE.multicopy TR.top>TD:last-child
{
	padding-right: 10px;
}
TABLE.multicopy TR.bottom>TD:first-child
{
	padding-left: 5px;
}
TABLE.multicopy TR.bottom>TD:last-child
{
	padding-right: 10px;
}
TABLE.multicopy TR.alt {
	background-color: #ddd;
}
TABLE.multicopy .item
{
	position: static;
}
TABLE.multicopy .item .RadComboBox
{
	position: static;
	vertical-align: top;
}

.tlSTADelayed
{
	background-color: red;
	color: white;
}
.tlSTAEligibleForDipatching
{
	background-color: orange;
}
.tlSTAYesterdayEvening
{
	background-color: brown;
	color: white;
}
.tlSTANotToday
{
	background-color: sienna;
	color: white;
}
.tlSTA1st3rdQ
{
	background-color: silver;
}
.tlSTA2nd4thQ
{
	background-color: initial;
}
.tlSTAConsecutive,
.tlSTANeedsReturn,
.tlSTAChangedByDisp
{
	background-color: yellow;
}
.tlDeptNoAuto
{
	background-color: orange;
	font-weight: bold;
}
.tlHasConsecutiveTasks
{
	border-right: 24px solid lightgreen !important;
}
.tlTaskEmpty
{
	background-color: orange;
}
.inlinestyle
{
	display: inline-block;
	float: none !important;
	text-decoration: none;
}
DIV.taskwarnings
{
	background-color: orange;
	padding: 0 3px;
}
DIV.taskwarnings .Button
{
	margin: 3px 0;
}
TABLE.multicopy DIV.taskwarnings {
	display: inline-block;
	height: 50px;
	margin-top: -2px;
	margin-bottom: 1px;
	padding: 4px 0 0 0;
}
TABLE.multicopy DIV.taskwarnings .Button
{
	margin: 0 3px;
}
TABLE.multicopy DIV.taskwarnings .Button:first-child
{
	margin-bottom: 2px;
}
TABLE.multicopy DIV.taskwarnings .Button:last-child
{
	margin-top: 2px;
	margin-bottom: 2px;
}
/* task mouse over styles*/
.tmoWarningIcon
{
	background: url(../images/warning.png) no-repeat;
}
.tmoTeamWarning
{
	-webkit-column-span: all;
	column-span: all;
	font-weight: bold;
}
/* task mouse over styles*/

#failedDocuments,
#documentToPrint {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
	padding: 5px;
	vertical-align: top;
	width: 500px;
}
.documentpreview
{
	margin: 5px;
}

.item.large20  .riSingle{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 20% !important;
}

.reportviewer {
		background-color: white;
}

.editor {
	background-color: white;
	display: inline-block;
}
.license {
	margin-top: 10px;
}
.license FIELDSET{
	padding-left: 3px;
	padding-right: 3px;
}
.licensefeatures THEAD {
	font-weight: bold;
}
.licensefeatures TBODY tr:nth-child(odd) {
	background-color: #eee;
}
.licensefeatures TD {
	padding: 4px;
	padding-right: 4px;
}
.licensefeatures .featureenabled,
.licensefeatures .featuredisabled
{
	background-image: url('../images/enabled-disabled.png');
	background-repeat: no-repeat;
	display: inline-block;
	height: 14px;
	width: 14px;
}
.licensefeatures .featureenabled {
	background-position: -0px -0px;
}
.licensefeatures .featuredisabled {
	background-position: -14px -0px;
}

.gridCameraButton {
    height: 20px;
}

.helplink {
    text-decoration:none;
	color: #000;
	float: left;
	min-height: 24px;
	max-width: 100%;
}
.helplink:hover {
    text-decoration:underline;
}