/* OperationeleOmzetProjecten.jsp */

table.projecten.overview tr.relatie-row,
table.projecten.overview tr.project-row,
table.projecten.overview tr.project-row-total,
table.projecten.overview tr.rol-row
{
	border-left: 1px solid #CCCCCC !important;
	border-right: 1px solid #CCCCCC !important;
}

tr.relatie-row
{
	border-top: 1px solid #CCCCCC !important;
	font-weight: bold;
	background-color: #f9f9f9;
}
tr.relatie-row td.relatie-naam
{
	padding: 10px;
}

tr.relatie-spacer td
{
	padding-top: 10px;
	padding-bottom: 10px;
}

tr.project-row td.project-id,
tr.project-row-total td.project-id
{
	padding-left: 10px;
}
tr.project-row.multi td
{
	color: #999999;
}

table.overview tr.project-row.single,
table.overview tr.project-row-total
{
	border-bottom: 1px solid #cccccc !important;
}

tr.rol-row
{
	border: none !important;
	color: #999999;
}
tr.rol-row-total
{
	border-top: 1px solid #cccccc;
	border-bottom: none !important;
	font-weight: bold;
}

/* BedrijfsOpbrengst.jsp */

.declarabele-uren tbody .totaal td.name
{
	text-align: left;
}
.declarabele-uren tbody .totaal td.money
{
	text-align: right;
}
.declarabele-uren tbody .totaal.onderhandenwerktotaal-row td.name
{
	padding-left: 15px;
}
.declarabele-uren tbody .totaal.onderhandenwerktotaal-row td
{
	font-weight: normal;
}


tr.spacer td
{
	height: 50px;
	border-left: 0px;
	border-right: 0px;
}



/* LiquiditeitsBegroting.jsp */
.liquiditeitsbegroting tr.detail-row
{
	display: table-row;
}

.liquiditeitsbegroting tr td
{
	padding: 2px 5px;
}
.liquiditeitsbegroting tr.liquiditeitregel-row td
{
	border: 1px solid #e2e2e2;
}
.liquiditeitsbegroting thead th,
.liquiditeitsbegroting td
{
	border-right: 1px solid #e2e2e2 !important;
}

.liquiditeitsbegroting th
{
	text-align: center;
	
}
.liquiditeitsbegroting th.action-column a
{
	background: url("../images/icons/sport_8ball.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	padding: 0px 20px;
	text-decoration: none;
}
th.action-column a.action-edit 
{
    background-image: url("../images/icons/pencil.png");
}

.liquiditeitsbegroting tr.header-row td,
.liquiditeitsbegroting tr.subheader-row td
{
	border-right: 1px solid #999 !important;
}
.liquiditeitsbegroting tr.header-row td.oranje,
.liquiditeitsbegroting tr td.oranje
{
	background-color: #EE9C66;	
}
.liquiditeitsbegroting tr.header-row td.groen,
td.groen
{
	background-color: #91C98D;
}
.liquiditeitsbegroting tr.header-row td.rood,
td.rood
{
	background-color: #C98D8D;
}


.liquiditeitsbegroting tr.btw-inkoop-basis td.naam,
.liquiditeitsbegroting tr.omzet-belasting-afgeleid td.naam
{
	padding-left: 45px;
}

.liquiditeitsbegroting tr.btw-inkoop-basis td,
.liquiditeitsbegroting tr.omzet-belasting-afgeleid td
{
	color: #888;
}

table.omzet-openstaand th,
table.omzet-openstaand td
{
	padding: 3px 8px 3px 8px;
}

td.action-column div.action-betaaltermijn-overnemen 
{
    background-image: url("../images/icons/time_go.png");
	background-repeat: no-repeat;
	padding: 16px 8px 0px 0px;
	cursor: pointer;
}


/* UrenRapportage.jsp */
table th.digit,
table td.digit
{
	text-align: right;
}
table.urenrapportage tr.project-row-total
{
	border-top: 1px solid #ccc; 
	border-bottom: none; 
}
table.urenrapportage tr.project-row-total td
{
	font-weight: bold;
}

.grey,
.grey a,
.grey a:visited
{
	color: #aaa;
}

table.project-planning tr.blocked{
	opacity: 0.5;
}
.fRight{
	float:right;
}

.detail-table .decimal-number {
	text-align: right;
}
.overview .decimal-number {
	text-align: right;
	padding-right: 50px;
}

.detail-table .uren-conflict{
	width: 130px;
}

.detail-table .option-row{
	width: 25%;
}

.detail-table .overview-header .actie-row{
	width: 12%;
}

.detail-table .actie-row{
	width: 12%;
}

.overview-header{
	background-color: #EEEEEE;
}

table.overview td.action-column {
	width:35px;
	text-align: center;
	padding-right:0;
}
.row .multi-table-page {
	
	width: 100%;
    max-width:100%;
}
.niet-ingepland {
  background: #f8d9ac;
}
.project-row-wbso {
	background: #EFEFEF;
	cursor: pointer;
}
/*.notifications-container {
  width: 50px;
  height: 50px;
  padding: 5px 5px;
  position: fixed;
  z-index: 1002;
  top: 0;
  right: 40px;
}
  */
.notifications {
  font-size: 25px;
  color: #0d6efd;
  padding-top: 10px;
}
.notifications:hover, .notifications:focus {
  color: #21b6ff;
}
.container .notifications-button {
  color: transparent;
  background-color: transparent;
}
.container .notifications-button:hover {
  color: transparent;
  background-color: transparent;
}
.notifications-button:focus {
  color: transparent;
  background-color: transparent;
}
.container .notifications-badge {
  top:-25px;
  right:25px;
  background: #0d6efd;
  border:none;
  width: 40px;
}
.notifications-menu {
    width: 350px;
    position:relative;
    left: -300px; top: 0px;
}
li.notificatie-gelezen:after {
    content: "";
    display: block;
    height: 1px;
    width: 242px;
    margin: 2px;
    background: #f0ad4e;
    opacity: .4;
}
li.notificatie-ongelezen:after {
    content: "";
    display: block;
    height: 1px;
    width: 242px;
    margin: 2px;
    background: #5BC0DE;
    opacity: .4;
}
li:last-child:after
{
    content: "";
    background: transparent;
}
.header-content .logo b {
	
}
td.action-column .action-export {
  margin: 0;
}
td.action-column .action-export:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 5px;
  color: #0d6efd;
  font-size: 16px;
  content: "\f1c3";
}
.btn-white:visited {
	color: white;
}
.sla-input {
	min-height: 34px;
	width: 250px;
}
.sla-opmerking-vorige-week {
	color: #0d6efd;
	font-size: 15px;
	margin-left: 10px;
}
.sla-controle-opmerking {
	height: 75px;
	width: 95%;
	max-width: 95%;
}
.sla-textarea-resultaat {
	height: 200px;
	width: 100%;
	max-width: 100%;
}
.sla-text {
	/*text-align: center;*/
	padding-left: 10px;
}
.sla-omschrijving {
	padding-top: 5px;
}
table.overview a.request-taak {
  float: right;
  font-size: 0.9em;
  background: grey;
  color: #fff;
  text-decoration: none;
  border: 1px solid #664200;
  padding: 5px 10px;
}
  
.taak-inactief {
	background-color: #ccc;
	cursor: not-allowed;
}
.uren-ingepland-basis{
  background: #fcff9d;
}

.header-top-row .sync-container 
{
   margin-top: 1px;
}

div.header-container.trollface
{
	background: url('../images/trollface.png') white no-repeat center 50px;
	background-size: 200px;
}

.header-top-row .language-container
{
	float: left;
	width: 125px;
}

.language-container a.action-locale
{
	display: block;
	margin-top: 5px;
	padding-left: 25px;
	opacity: 0.5;
}
	.language-container a.action-locale.active
	{
		opacity: 1;
		font-weight: bold;
	}
	.language-container .language-switch
	{
		background-repeat: no-repeat;
		background-size: 1.3em;
		background-position: center left;
	}
	.language-container .language-switch-nl
	{
		background-image: url('../images/nl.svg');
	}
	.language-container .language-switch-en
	{
		background-image: url('../images/gb.svg');
	}
	
/* opmaak opties voor het WBSO taak kwalificatie scherm */
input[type="submit"].no-float
{
	float: none;
}

tr.dark th, tr.dark td
{
	background-color: #ddd !important; 
}

.action-link,
.action-link:visited
{
	color: #0d6efd;
}

tr.info td, tr.info th
{
	background-color: #d9edf7;
}

tr.warning td, tr.warning th
{
	background-color: #fcf8e3;
}

tr.danger td, tr.danger th
{
	background-color: #f2dede;;
}

.width-100
{
	width: 100px !important;
}

/*******************************************************************************************/
/* Modal fix                                                                               */
/* https://stackoverflow.com/questions/18422223/bootstrap-3-modal-vertical-position-center */
/*******************************************************************************************/
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/*****************/
/* End modal fix */
/*****************/

#footer .version
{
	float: left;
	color: white;
}