/*
 *    $Revision$
 *    $Id$
 */


/* CSS code voor opdrachten planbord opdr_plan.inc. */
#pbMaxHistoryB, #pbMaxHistoryE {
  clear: both;
  color: blue;
  background-color: white;
  font-weight: bold;
  padding: 1px 8px 1px 1px;
  margin: 0;
  line-height: 15px;
  font-size: 1em;
}

#pbMaxHistoryB A, #pbMaxHistoryE A {
  color: red;
  text-decoration: none;
}
.fcltcardbox {
    position: relative;
    width: 219px;
    padding: 0px;
    background: #EFEFEF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: #EFEFEF solid 10px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}
.fcltcardboxhead {
    background-color: #EFEFEF;
    color: #000000;
    font-weight: bold;
    font-size: 1.1em;
    height: 25px;
}
.fcltcard {
    position: relative;
    width: 200px;
    background-color: #FFFFFF;
    background: #FFFFFF;
    border: 1px solid;
    float: left;
    color: #000000;
    margin-top: 5px;
}
.fcltcard:hover {
    color: #00a;
}
.sortable .fcltcardtab  {
	  cursor: move;
}
.fcltcardtab td {
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 3px;
    line-height: 1em;
}
.fcltcardtab td.profile {
    padding: 2px 0 0 2px;
}
.fcltcardtab td {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.cardbeheerder {
    background-color: #559CB9;
	min-height: 72px;
}
.cardbeheerder.uitvbe {
    background-color: #C99CA8;  /* Bedrijf Extern. */
}
.cardbeheerder.uitvbi {
    background-color: #55B99C;  /* Bedrijf Intern. */
}
.cardbeheerder.uitvpi {
    background-color: #559CB9;  /* Persoon Intern. */
}
.cardbeheerder.uitvnt {
    background-color: #8F6329;  /* Niet Toegewezen. CD4A48 5ED75F*/
}
.cardbeheerder.goto {
    background-color: #DAA520;
}
.cardbeheerder .profile img.profile {
	max-height: 64px;
}
.cardname {
	font-weight: bold;
	color: #fff;
	line-height: 1.2em;
}
.cardsubname {
	color: #eee;
	line-height: 1.2em;
}
.carddate {
	font-size: 0.8em;
	color: #777;
	padding-left: 2px;
	line-height: 1.8em;
}
.cardspoed {
    float: right;
    color: #000;
}
.cardplace, .cardgroep {
	font-size: 0.8em;
	color: #777;
	line-height: 1.4em;
}
.cardopdrtxt {
	font-style: italic;
	font-size: 0.8em;
	line-height: 1.05em;
	color: #111;
}

.planopdrflag,
.planopdrflag0,
.planopdrflag1,
.planopdrflag2,
.planopdrflag3,
.planopdrflag4,
.planopdrflag5,
.planopdrflag6,
.planopdrflag7,
.planopdrflag8,
.planopdrflag9  {
    font-size: 0.8em;
	line-height: 1.4em;
    color: #777; /* initial */
}

/* move colors over to default.csx for centralization? */
.planopdrflag0 { color: #b0b0b0; }
.planopdrflag1 { color: #4d4d4d; }
.planopdrflag2 { color: #f15854; }
.planopdrflag3 { color: #ffd600; }
.planopdrflag4 { color: #5da5da; }
.planopdrflag5 { color: #60bd68; }
.planopdrflag6 { color: #673ab7; }
.planopdrflag7 { color: #faa43a; }
.planopdrflag8 { color: #b276b2; }
.planopdrflag9 { color: #b2912f; }

div.latecard {
    background-color: #FFF0F0;
    color: var(--fclt-color-bad);
    border-color: var(--fclt-color-bad);
}
div.pholder {
    background-color: #DAA520; /* Voor het testen pholder zichtbaar (show()) en rood (#DA0000) maken. Dan is de clone kaart goed zichtbaar. */
}
div.cardmoved {
    background-color: #AEE9FF;
}
div.cardnotmoved {
    background-color: #E35931; /* ED4429 */
}
.ui-sortable-helper {
    background-color: #FFDC23;
}
div.selectedcard {
    background-color: #DAA520;
}
div.disable-sort-item, span.disable-sort-item {
    background-color: #F5F5F5;
    user-select: none;
}
.cardopdrnochange {
    color: #CC0000;
}
div.activecard {
    background-color: #FFFA7A; /*#E8FFE8;*/
    border-color: #333;
}
div.activecard.halt {
    background-color: #FFCA7B; /*#E8FFE8;*/
    border-color: #333;
}
div.afgewezen {
    background-color: color-mix(in srgb, var(--aareon-grapefruit) 33%, transparent);
}
div.legendaright {
    float: right;
    padding-left: 8px;
    padding-right: 8px;
}
div.legendaleft {
    float: left;
}
.placeholderclass {
    background: red !important;
    display:none;
}
div.cardprio1 {
    box-shadow: 0px 0px 2px 3px #f00;
}
div.cardprio2 {
    box-shadow: 0px 0px 3px 3px #f50;
}
