/* ##### Urlaub */
.urlaub_sel_col .urlaub0 {
  background: linear-gradient(to top right, #FFF, #DFDFDF 50%,#FF7979 50% ,#FF7B7B);
  border: 4px solid #fff;
}

/* genehmigt */
.dropdown_urlaub .urlaub1 {
  border: 4px solid #00b050;
}
.ma .urlaub1, .preselecter .urlaub1 span {
  background-color: #00b050;
}
.urlaub_sel_col .urlaub1 span {
  background-color: #00b050;
}

/* halber genehmigt */
.dropdown_urlaub .urlaub2 {
  border: 4px solid #c6e0b4;
}
.ma .urlaub2, .preselecter .urlaub2 span {
  background-color: #c6e0b4;
}
.urlaub_sel_col .urlaub2 span {
  background-color: #c6e0b4;
}

/* beantragt */
.dropdown_urlaub .urlaub3 {
  border: 4px solid #ffff00;
}
.ma .urlaub3, .preselecter .urlaub3 span {
  background-color: #ffff00;
}
.urlaub_sel_col .urlaub3 span {
  background-color: #ffff00;
}

/* nicht genehmigt */
.dropdown_urlaub .urlaub4 {
  border: 4px solid #ff0000;
}
.ma .urlaub4, .preselecter .urlaub4 span {
  background-color: #ff0000;
}
.urlaub_sel_col .urlaub4 span {
  background-color: #ff0000;
}

/* Arbeitslage */
.dropdown_urlaub .urlaub5 {
  border: 4px solid #0070c0;
}
.ma .urlaub5, .preselecter .urlaub5 span{
  background-color: #0070c0;
}
.urlaub_sel_col .urlaub5 span {
  background-color: #0070c0;
}

/* Kurzarbeit */
.dropdown_urlaub .urlaub6 {
  border: 4px solid #8ea9db;
}
.ma .urlaub6, .preselecter .urlaub6 span {
  background-color: #8ea9db;
}
.urlaub_sel_col .urlaub6 span {
  background-color: #8ea9db;
}

/* gepl.Kurzarbeit */
.dropdown_urlaub .urlaub7 {
  border: 4px solid #00b0f0;
}
.ma .urlaub7, .preselecter .urlaub7 span {
  background-color: #00b0f0;
}
.urlaub_sel_col .urlaub7 span {
  background-color: #00b0f0;
}

/* Krankenstand */
.dropdown_urlaub .urlaub8 {
  border: 4px solid #ef25e5;
}
.ma .urlaub8, .preselecter .urlaub8 span {
  background-color: #ef25e5;
}
.urlaub_sel_col .urlaub8 span {
  background-color: #ef25e5;
}

/* freiwillig */
.dropdown_urlaub .urlaub9 {
  border: 4px solid #bfbfbf;
}
.ma .urlaub9, .preselecter .urlaub9 span {
  background-color: #bfbfbf;
}
.urlaub_sel_col .urlaub9 span {
  background-color: #bfbfbf;
}

/* extern */
.dropdown_urlaub .urlaub10 {
  border: 4px solid #c65911;
}
.ma .urlaub10, .preselecter .urlaub10 span {
  background-color: #c65911;
}
.urlaub_sel_col .urlaub10 span {
  background-color: #c65911;
}

/* Sonderschicht */
.dropdown_urlaub .urlaub11 {
  border: 4px solid #f4b084;
}
.ma .urlaub11, .preselecter .urlaub11 span {
  background-color: #f4b084;
}
.urlaub_sel_col .urlaub11 span {
  background-color: #f4b084;
}
/* Betriebsurlaub */
.urlaub_sel_col .urlaub12 span {
  background-color: #646464;
}


.dropdown_urlaub .urlaub_s {
  border: 4px solid #ccc;
}








/* ##### WOCHENPLANER */

.preselecter_wp .planer_color0{
  background-color: #ccc;
  border: 4px solid #ccc;
}
.preselecter_wp .planer_color1{
  background-color: #06b319;
  border: 4px solid #06b319;
}
.preselecter_wp .planer_color2{
  background-color: #ffc85e;
  border: 4px solid #ffc85e;
}
.preselecter_wp .planer_color3{
  background-color: #ff4a4a;
  border: 4px solid #ff4a4a;
}
.corner0 {
  background: linear-gradient(to top right,transparent 50%,#CEC6E8 0) top right/30px 30px no-repeat;
  position: relative;
}
.corner1{
  background: linear-gradient(to top right,transparent 50%,#06b319 0) top right/30px 30px no-repeat;
  position: relative;
}
.corner2{
  background: linear-gradient(to top right,transparent 50%,#ffc85e 0) top right/30px 30px no-repeat;
  position: relative;
}
.corner3{
  background: linear-gradient(to top right,transparent 50%,#ff4a4a 0) top right/30px 30px no-repeat;
  position: relative;
}
.corner_b2_1 {
  background: linear-gradient(to top right,transparent 50%,#06b319 0) top right/30px 30px no-repeat;
  position: relative;
}
.corner_b2_2 {
  background: linear-gradient(to top right,transparent 50%,#ffc85e 0) top right/30px 30px no-repeat;
  position: relative;
}
.corner_b2_3 {
  background: linear-gradient(to top right,transparent 50%,#ff4a4a 0) top right/30px 30px no-repeat;
  position: relative;
}