body {
	background:#023CA1 top right no-repeat !important;
}



.weeknr {
	position:relative;
	width:0px;
	height:0px;
	overflow:visible;
	font-size:9px;	
	color:#aaa;
	top:-13px;
	left:2px;
}

#appLoadingIndicator{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-96px;
	margin-left:-181px;
	width:362px;
	height:234px;
	text-align:center;
}
		
#app-header {
    padding: 10px 15px;
}

#app-header .logo {
	height: 30px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}

#titel {
	position:absolute;
	left:5px;
	top:15px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:32px;
}

#gebruiker {
	position:absolute;
	right:5px;
	bottom:5px;
	color:#FFFFFF
}

.x-border-layout-ct {
	background:#023CA1 top right no-repeat !important;
}

.portlet-content {
    padding: 10px;
    font-size: 11px;
}

.x-column-layout-ct .x-panel {
	margin-bottom:10px;
}

.x-form-plus-trigger{
	background-image:url('mod/trigger-plus.png') !important;
}

.menu {
	position:relative;
	width:100%;
	height:100%;
}

.html-no-border .x-html-editor-wrap {
	border: 0;
}

.menu a {
	display:block;
	padding:0px 0px 0px 15px;
	text-decoration:none;
	color:#444;
	border-bottom:1px solid #dadada;
	width:100%;
	height:32px;
	line-height:32px;
/*	background:url(../resources/images/form/text-bg.gif) top repeat-x #ffffff;*/
	filter:alpha(opacity:100);
	opacity:1.0;
}

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

.menu .item:hover .round {
	background:url(images/menu-half.png) no-repeat center;
}

.menu .item-active a {
	font-weight:bold
}

.menu .item, .menu .item-active {
	position:relative;
	width:100%;
	height:32px;
}

.menu .item .round, .menu .item-active .round {
	position:absolute;
	top:0px;
	right:5px;
	background:url(images/menu-empty.png) no-repeat center;
	width:26px;
	height:32px;
}

.menu .item-active .round {
	background:url(images/menu-filled.png) no-repeat center;
}

.status {
    margin: -5px -10px -4px -10px;
    padding: 5px 10px 4px 10px;
}

.status.open, .status.offerte, .status.akkoord, .status.akkoordmetsubsidie {
    background:#FCFBA5
}

.status.inbestelling {
	background:#ecacee;
}

.status.imuis {
	background:#bde9c5;
}

.status.geel {
	background:#fffcb2;	
}

.status.ja, .status.rood, .status.gewijzigd, .status.verwijderd {
	background:#facbcb;	
}

.status.nee, .status.groen, .status.offertesakkoord, .status.factuuraangemaakt {
	background:#C5F5CE;	
}


.status.vervallen, .status.oranje, .status.definitiefingepland {
    background:#F90
}

.status.order {
    background:#C5F5CE
}

.status.betaald {
	background: #C5F5CE repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0.05) 10px, rgba(0, 0, 0, 0.05) 20px);
}

tr.opmerking {
	background:rgba(0,0,0,0.05);
}

/* shared styles for the ActionColumn icons */
.x-action-col-cell img {
	height: 16px;
	width: 16px;
	cursor: pointer;
}
/* custom icon for the "buy" ActionColumn icon */
.x-action-col-cell img.delete {
	background-image: url(icons/Erase.png);
}

.x-action-col-cell img.activate {
	background-image: url(icons/OK.png);
}

.x-action-col-cell img.deactivate {
	background-image: url(icons/delete.gif);
}

.x-action-col-cell img.actionNone {
	cursor:default;
}

.x-tree-node img.folder, .x-tree-node-collapsed img.folder{
	background-image: url(icons/delete.gif);
}
 
.x-tree-node-expanded img.folder {
	background-image: url(icons/delete.gif);
}

.kleurcode {
	position:relative; 
	/*float:left;*/ 
	width:97px; 
	height:27px; 
	background:#000;
	margin:-6px -4px -6px -10px;
	padding:0px 0px 0px 5px;
	line-height:27px;
	color:#fff;
}

.kleurcodeSelect {
	color:#000;	
}
/*
.kleurcode.code4 {
	left:65px;
}

.kleurcode.code3 {
	left:50px;
}

.kleurcode.code2 {
	left:35px;
}

.kleurcode.code1 {
	left:20px;
}

.kleurcode.code0 {
	left:5px;
}*/

.kleurcode.code0, .kleurcodeSelect.code0 {
	background:#ff0000;
}

.kleurcode.code1, .kleurcodeSelect.code1 {
	background:#ccc;
}

.kleurcode.code2, .kleurcodeSelect.code2 {
	background: #40E0D0;
}

.kleurcode.code3, .kleurcodeSelect.code3 {
	background:#df27e6;
}

.kleurcode.code4, .kleurcodeSelect.code4 {
	background:#FF6
}

.kleurcode.code5, .kleurcodeSelect.code5 {
	background:#ff7200;
}

.kleurcode.code6, .kleurcodeSelect.code6 {
	background:#0C0;
}

.kleurcode.code7, .kleurcodeSelect.code7 {
	background:#06F;
}

.kleurcode.code8, .kleurcodeSelect.code8 {
	background:#99eb99;
}

.actionColumn {
	margin-left:10px;	
}

.actionColumn.ok {
	background-image: url(icons/OK.png);
}

.x-action-col-cell img.ok {
	cursor:default !important;
}

.actionColumn.melding {
	background-image: url(icons/Error.png);	
}

/*.kleurcodeSelect.x-boundlist-selected {
	color:#fff;
}*/

/* CKEditor styles */
div.cke {
	border:0px !important;
}


/* calendar styles */
.calendarToolbar {
    background: #f5f5f5 !important;
    color: #157fcc;
    font-size: 15px;
    line-height:22px;
    margin-bottom:5px;
}

.calendarToolbar .x-button {
    background:#fff;
}

.dayMain {
    border-right:1px solid #ccc;
}

.dayMain.last {
    border-right:0px;
}

.timesHeader {
    background:#fff;
}

.dayHeader {
    border-bottom:2px solid #aaa;
    text-align:center;
}

.dayBg {
    background: linear-gradient(
        to bottom,
        #fff,
        #fff 49px,
        #eee 1px,
        #eee
    );
    background-size: 100% 50px;
}

.calendarAppointmentHolderStriped {
    border-left:1px dotted #eee;
}

.calendarAppointment {
	position:absolute; 
	left: 0px;
	width:100%;
    border:1px solid #ccc;
    background:#eee;
    border-radius:3px;
    padding:0px;
	opacity: 0.50;
}

.calendarAppointment .kmDistance {
	position:absolute;
	bottom:0px;
	left:0px;
	display:block;
	width:100%;
	padding:3px 0px;
	background:rgba(0,0,0,0.05);
	font-size:11px;
	text-align:center;
}

.calendarAppointment.reistijd {
 	border-radius:0px; 
 	opacity:0.25
}

.calendarAppointment.highlight {
    border:1px solid #666;
	opacity: 1;
}

.unavailableHours {
	background:rgba(0,0,0,0.025);	
}

/* Other calendar styles*/
.legendBullet {
    position:relative;
    display:inline-block;
    width:15px;
    height:15px;
    border-radius:15px;
    background:#333;
    margin-top:2px;
    margin-left:10px;
    margin-right:5px;
}

/*.x-fieldset-header-default > .x-fieldset-header-text {
	position:static;
}*/
.x-fieldset {
	overflow: visible !important;
}

.x-boundlist-item-color.x-boundlist-selected,
.x-boundlist-selected .x-boundlist-item-color {
	border:2px dashed rgba(0,0,0,0.25);
	font-weight: bold;
}