@charset 'utf-8';


#toolbar {
	border-bottom-color: #989898;
}

#staffingboard.board {
	border-right-color: #989898;
	background: #f2f2f2;
}

#personnellist.board {
/* 	background: #b20000; */
	background: #f9c6c7;
}

.staffingline {
	border-bottom-color: #989898;
	background: #e8edf7;
}

.staffingline.unmasked {
	background: #e8edf7;
}

.staffingline:not(.confirmed):not(.masked):not(.unmasked):hover {
	background: #fff;
}

.staffingline .fieldinfo {
	border-right-color: #989898;
	background: #d7dfef;
}

.staffingline .fieldinfo .fieldname .timeframe {
	color: #666;
}

.staffingline .fieldinfo .matadata span span {
	background: #b20000;
	color: #fff;
}

.staffingline .fieldinfo .matadata .headcount span {
	background: #f9c6c7;
	color: #000;
}

.staffingline .fieldinfo .management {
	border-bottom-color: #989898;
}


/* 
.staffingline.confirmed {
	border-color: #bbde78;
}
 */

.staffingline.confirmed:before {
	border-color: #bbde78;
}

.staffingline.confirmed:after {
	background: #bbde78;
	color: #000;
}

.staffingline.tentative,
.staffingline.tentative .fieldinfo,
.staffingline.confirmed,
.staffingline.confirmed .fieldinfo {
	background: #f3f8e9;
}

.staffingline.tentative.unmasked,
.staffingline.confirmed.unmasked {
	background: #f3f8e9;
}

.staffingline.unmasked .fieldinfo .drawer .actionbtn .btn:hover {
	background: #dc3b3f;
}

.staffingline.unmasked .fieldinfo .drawer .selectbtn .btn:hover {
	background: #e97476;
}

.personnelinfo {
	border-color: #e97476;
	background: #fff;
}

.personnelinfo.assigned {
	background: #fce8e9;
}

.personnelinfo .name .icon {
	color: #999;
}

.personnelgroup .personnelinfo {
	border-color: #e94c4f;
	background: #fff;
}

.personnelgroup .personnelinfo.certification:after {
	border-top-color: #e94c4f;
}

.personnelgroup .personnelpanel.confirmed .personnelinfo:before {
	border-color: #e94c4f;
}

.personnelinfo.blank {
	background: #fafafa;
}

.personnelpanel.selected .personnelinfo,
.personnelpanel.tentative .personnelinfo,
.personnelpanel.confirmed .personnelinfo {
	background: #f9ddde;
}

.personnelstack .personnelpanel.holiday .personnelinfo {
	opacity: .5;
}

.personnelstack .personnelpanel.double .personnelinfo {
	opacity: .5;
}


.personnelinfo .definitionlist {
	color: #000 !important;
}



.board .definitionlist {
	color: #676767;
}


.controlbar {
	border-bottom-color: #989898;
	background: #ccc;
}

.controlbar .filterbar {
	background: #e5e5e5;
}

#staffingboard .controlbar .filterbar {
	border-right-color: #989898;
}


.controlbar .filterbar .btn:hover,
.controlbar .filterbar .btn.hold {
	background: #f5f5f5;
}



.dialogbox .personnelinfo {
	background: #fff;
}

.dialogbox .personnelinfo .actionbtn .btn {
	background: #b20000;
}

.dialogbox .personnelinfo .actionbtn .btn:hover {
	background: #dc3b3f;
}

.dialogbox .message {
	border-color: #e97476;
}

.dialogbox .message .actionbtn .btn {
	border-color: #b20000;
	background: #b20000;
}

.dialogbox .message .actionbtn .btn:hover {
	background: #dc3b3f;
}

.dialogbox .message .actionbtn .btn.cancel {
	background: #fff;
	color: #b20000;
}

.dialogbox .message .actionbtn .btn.cancel:hover {
	background: #f0d7d8;
}

.dialogbox .message .actionbtn .closescreen {
	background: #fff;
	color: #000;
}

.dialogbox .message .actionbtn .closescreen:hover {
	background: rgba(178,0,0,.2);
}


#closebtn .btn {
	background: #e97476;
/* 	border-color: #e97476; */
	color: #fff;
}

#closebtn .btn:hover {
	background: #fe9395;
}


.staffingbodycolumns .column:first-child {
	border-right-color: #989898;
}

.staffingbodycolumns .column:last-child {
	border-left-color: #989898;
}

.staffingbodycolumns .column .staffingline {
	background: #f7f9fc;
}

.staffingbodycolumns .column .staffingline:hover {
	background: #f7f9fc !important;
}

.staffingbodycolumns .column .staffingline.tentative,
.staffingbodycolumns .column .staffingline.confirmed {
	background: #f9fcf4;
}

.staffingbodycolumns .column .staffingline.tentative:hover,
.staffingbodycolumns .column .staffingline.confirmed:hover {
	background: #f9fcf4 !important;
}

.staffingbodycolumns .column .fieldinfo {
	background: #d2dcef;
}

.staffingbodycolumns .column .staffingline.tentative .fieldinfo,
.staffingbodycolumns .column .staffingline.confirmed .fieldinfo {
	background: #e4ecd5;
}
