#imgBackground {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

#imgDesignTheme {
  position: absolute;
  top: 24px;
  left: 182px;
  z-index: 10;
}

.svg__grid-line {
  /*fill: none;*/
  /*stroke: #A3A5A8;*/
  stroke-width: 0.5;
  stroke-linejoin: bevel;
  stroke-miterlimit: 10;
  stroke-linecap: square;
}

#svgContainer {
  perspective: 1250px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.svg-inlay {
  background-color: transparent;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  width: 100%;
  height: 100%;
}

#svg__magnify--targetarea {
  cursor: none;
}

.perspective {
  transform: scale(.4) rotate3d(38, -26, 18, 58.8deg);
}

.invicible {
  fill: none;
  stroke: none;
}

@font-face {
  font-family: paTrebuchetMS;
  src: url("../fonts/trebuc.ttf");
}

@font-face {
  font-family: paTrebuchetMS;
  src: url("../fonts/trebucbd.ttf");
  font-weight: bold;
}

@font-face {
  font-family: paTrebuchetMS;
  src: url("../fonts/trebucit.ttf");
  font-style: italic;
}

text {
  font-family: 'Trebuchet MS', paTrebuchetMS, sans-serif;
}

text.bold {
  font-weight: bold;
}

text.white {
  fill: #FFFFFF;
}

text.black {
  fill: #231F20;
}

text.time {
  font-size: 5px;
}

.svg-day__day-of-month-square-border.red,
.svg-day__day-of-month-square.red,
text.red {
  fill: #DA202C !important;
}


/*Är det en röd dag måste texten vara vit*/

text.white.red {
  fill: #FFFFFF !important;
}

rect.header {
  /*fill: #CCCCCC;*/
  fill: none;
}

.svg-day__day-of-month-square,
.svg-day__day-of-month-square-border {
  fill: #b4b4b4;
}


.svg-day__day-of-month-square.monday {
  fill: #7fc241;
}

.svg-day__day-of-month-square.tuesday {
  fill: #0081c6;
}

.svg-day__day-of-month-square.wednesday {
  fill: #ffffff;
}

.svg-day__day-of-month-square.thursday {
  fill: #a47744;
}

.svg-day__day-of-month-square.friday {
  fill: #fff200;
}

.svg-day__day-of-month-square.saturday {
  fill: #f287b7;
}

.svg-day__day-of-month-square.sunday {
  fill: #ec1c24;
}

.svg-day__day-of-month-square-border.monday {
  fill: #7fc241;
}

.svg-day__day-of-month-square-border.tuesday {
  fill: #0081c6;
}

.svg-day__day-of-month-square-border.wednesday {
  fill: #231f20;
}

.svg-day__day-of-month-square-border.thursday {
  fill: #a47744;
}

.svg-day__day-of-month-square-border.friday {
  fill: #fff200;
}

.svg-day__day-of-month-square-border.saturday {
  fill: #f287b7;
}

.svg-day__day-of-month-square-border.sunday {
  fill: #ec1c24;
}

.svg-day__day-of-month.monday {
  fill: #ffffff;
}

.svg-day__day-of-month.tuesday {
  fill: #ffffff;
}

.svg-day__day-of-month.wednesday {
  fill: #231f20;
}

.svg-day__day-of-month.thursday {
  fill: #ffffff;
}

.svg-day__day-of-month.friday {
  fill: #231f20;
}

.svg-day__day-of-month.saturday {
  fill: #ffffff;
}

.svg-day__day-of-month.sunday {
  fill: #ffffff;
}

.svg-day__day-of-month-square.monday {fill: #ffffff;}
.svg-day__day-of-month-square.tuesday {fill: #ffffff;}
.svg-day__day-of-month-square.wednesday {fill: #ffffff;}
.svg-day__day-of-month-square.thursday {fill: #ffffff;}
.svg-day__day-of-month-square.friday {fill: #ffffff;}
.svg-day__day-of-month-square.saturday {fill: #ffffff;}
.svg-day__day-of-month-square.sunday {fill: #ffffff;}

.svg-day__day-of-month.fasttrack_theresesilk.monday {fill: #b89582;}
.svg-day__day-of-month.fasttrack_theresesilk.tuesday {fill: #b89582;}
.svg-day__day-of-month.fasttrack_theresesilk.wednesday {fill: #b89582;}
.svg-day__day-of-month.fasttrack_theresesilk.thursday {fill: #b89582;}
.svg-day__day-of-month.fasttrack_theresesilk.friday {fill: #b89582;}
.svg-day__day-of-month.fasttrack_theresesilk.saturday {fill: #b89582;}
.svg-day__day-of-month.fasttrack_theresesilk.sunday {fill: #b89582 !important;}

.svg-day__day-of-month.saran19_theresesilk.monday {fill: #b89582;}
.svg-day__day-of-month.saran19_theresesilk.tuesday {fill: #b89582;}
.svg-day__day-of-month.saran19_theresesilk.wednesday {fill: #b89582;}
.svg-day__day-of-month.saran19_theresesilk.thursday {fill: #b89582;}
.svg-day__day-of-month.saran19_theresesilk.friday {fill: #b89582;}
.svg-day__day-of-month.saran19_theresesilk.saturday {fill: #b89582;}
.svg-day__day-of-month.saran19_theresesilk.sunday {fill: #b89582 !important;}


.svg__monthname {
  font-size: 23.77px;
}

.svg__monthname--small {
  font-size: 21px;
}

.svg__monthname--vaggis {
  font-size: 25.86px;
}

.svg__year,
.svg__week {
  font-size: 18px;
}

.svg__year--small,
.svg__week--small {
  font-size: 16px;
}

.svg__year--vaggis,
.svg__week--vaggis {
  font-size: 31.28px;
}

.svg__copyright {
  font-size: 2.5px;
}

.svg__copyright--vaggis {
  font-size: 5px;
}

.svg__note,
.svg-overview__day-name,
.svg-overview__month-and-year {
  font-size: 5px;
}

.svg-overview__day-name:first-letter {
  text-transform: uppercase;
}

text.uppercase {
  text-transform: uppercase;
}

.svg-day__day-of-month {
  font-size: 23.5px;
}

.svg-day__day-of-week {
  font-size: 12px;
}

.svg-day__name-day {
  font-size: 8px;
}

.svg-day__day-of-year {
  font-size: 4px;
}

.svg-day__church-day,
.svg-day__red-letter-day,
.svg-day__userdate__date {
  font-size: 6px;
}


/*Månadsöversikten*/

.svg-overview__week--selected {
  display: none;
}

.svg-overview__week--inner {
  fill: #E2E1E1;
}

.svg-overview__week--outer,
.svg-overview__month--border {
  fill: none;
  stroke: #ABA7A7;
  stroke-width: 0.22;
  stroke-linejoin: bevel;
  stroke-miterlimit: 10;
}

text.italic {
  font-style: italic;
}

.svg-vaggis__column--name.large {
  font-size: 11px;
}

.svg-vaggis__column--name.medium {
  font-size: 8.8px;
}

.svg-vaggis__column--name.small {
  font-size: 6.6px;
}

.svg-overview__week-number {
  font-size: 4.5px;
}

.svg-overview__day-number {
  font-size: 5.5px;
}

.svg-overview__weekend {
  fill: #EFEEED;
}

.svg-overview__week,
.svg-overview__weekinner {
  fill: #FFFFFF;
}

.svg-overview__weekouter {
  fill: none;
  stroke: #ABA7A7;
  stroke-width: 0.216;
  stroke-miterlimit: 2.613;
}

text.gray {
  fill: #BEB9B8;
}

.svg-overview__monthname {
  fill-rule: evenodd;
  clip-rule: evenodd;
}

.month1 {
  /*Januari*/
  /*CMYK: 0 1 0 0*/
  fill: #ec008c;
}

.month2 {
  /*Februari*/
  /*CMYK: 0 0.6 0 0*/
  fill: #f287b7;
}

.month3 {
  /*Mars*/
  /*CMYK: 0 0.6 1 0*/
  fill: #f5821f;
}

.month4 {
  /*April*/
  /*CMYK: 0 0.1 1 0*/
  fill: #ffde00;
}

.month5 {
  /*Maj*/
  /*CMYK: 0.5 0 1 0*/
  fill: #8cc63f;
}

.month6 {
  /*Juni*/
  /*CMYK: 0.84 0.1 1 0*/
  fill: #12a24b;
}

.month7 {
  /*Juli*/
  /*CMYK: 0.6 0 0.34 0*/
  fill: #5cc4b7;
}

.month8 {
  /*Augusti*/
  /*CMYK: 1 0 0.1 0*/
  fill: #00acdc;
}

.month9 {
  /*September*/
  /*CMYK: 1 0 0.28 0.3*/
  fill: #008292;
}

.month10 {
  /*Oktober*/
  /*CMYK: 1 0.9 0 0*/
  fill: #1f409a;
}

.month11 {
  /*November*/
  /*CMYK: 0.6 1 0 0*/
  fill: #802990;
}

.month12 {
  /*December*/
  /*CMYK: 0.1 1 0.95 0*/
  fill: #da202d;
}

text.darkGray {
  fill: #6D6E71;
}

path.lila {
  fill: #f0eff7;
}

path.vit {
  fill: #ffffff;
}

path.gron {
  fill: #ecf6ef;
}

path.rosa {
  fill: #fdf0f5;
}

path.gra {
  fill: #f7f8f8;
}

path.orange {
  fill: #fef2e3;
}

path.brun {
  fill: #f6eee4;
}

path.ljusrod {
  fill: #fdebe7;
}

path.bla {
  fill: #f0f9fe;
}

path.ljusgron {
  fill: #f1f8e8;
}

path.blalila {
  fill: #f0f3fa;
}

path.ljusgra {
  fill: #fafafb;
}

path.fargkodad {
  fill: #f7f8f8;
}

path.punktrutat {
  fill: #ffffff;
}

.svg-vaggis__row1 {fill: #ffffff;}
.svg-vaggis__row2 {fill: #ffffff;}
.svg-vaggis__row3 {fill: #ffffff;}
.svg-vaggis__row4 {fill: #ffffff;}
.svg-vaggis__row5 {fill: #ffffff;}
.svg-vaggis__row6 {fill: #ffffff;}
.svg-vaggis__row7 {fill: #ffffff;}

.svg-vaggis__row1.lila {fill: #e1dfef;}
.svg-vaggis__row2.lila {fill: #f0eff7;}
.svg-vaggis__row3.lila {fill: #e1dfef;}
.svg-vaggis__row4.lila {fill: #f0eff7;}
.svg-vaggis__row5.lila {fill: #e1dfef;}
.svg-vaggis__row6.lila {fill: #f0eff7;}
.svg-vaggis__row7.lila {fill: #e1dfef;}

.svg-vaggis__row1.vit {fill: #ffffff;}
.svg-vaggis__row2.vit {fill: #ffffff;}
.svg-vaggis__row3.vit {fill: #ffffff;}
.svg-vaggis__row4.vit {fill: #ffffff;}
.svg-vaggis__row5.vit {fill: #ffffff;}
.svg-vaggis__row6.vit {fill: #ffffff;}
.svg-vaggis__row7.vit {fill: #ffffff;}

.svg-vaggis__row1.gron {fill: #dcefe1;}
.svg-vaggis__row2.gron {fill: #ecf6ef;}
.svg-vaggis__row3.gron {fill: #dcefe1;}
.svg-vaggis__row4.gron {fill: #ecf6ef;}
.svg-vaggis__row5.gron {fill: #dcefe1;}
.svg-vaggis__row6.gron {fill: #ecf6ef;}
.svg-vaggis__row7.gron {fill: #dcefe1;}

.svg-vaggis__row1.rosa {fill: #fbdfeb;}
.svg-vaggis__row2.rosa {fill: #fdf0f5;}
.svg-vaggis__row3.rosa {fill: #fbdfeb;}
.svg-vaggis__row4.rosa {fill: #fdf0f5;}
.svg-vaggis__row5.rosa {fill: #fbdfeb;}
.svg-vaggis__row6.rosa {fill: #fdf0f5;}
.svg-vaggis__row7.rosa {fill: #fbdfeb;}

.svg-vaggis__row1.gra {fill: #eceded;}
.svg-vaggis__row2.gra {fill: #f7f8f8;}
.svg-vaggis__row3.gra {fill: #eceded;}
.svg-vaggis__row4.gra {fill: #f7f8f8;}
.svg-vaggis__row5.gra {fill: #eceded;}
.svg-vaggis__row6.gra {fill: #f7f8f8;}
.svg-vaggis__row7.gra {fill: #eceded;}

.svg-vaggis__row1.orange {fill: #ffe6cb;}
.svg-vaggis__row2.orange {fill: #fef2e3;}
.svg-vaggis__row3.orange {fill: #ffe6cb;}
.svg-vaggis__row4.orange {fill: #fef2e3;}
.svg-vaggis__row5.orange {fill: #ffe6cb;}
.svg-vaggis__row6.orange {fill: #fef2e3;}
.svg-vaggis__row7.orange {fill: #ffe6cb;}

.svg-vaggis__row1.brun {fill: #f0e2d3;}
.svg-vaggis__row2.brun {fill: #f6eee4;}
.svg-vaggis__row3.brun {fill: #f0e2d3;}
.svg-vaggis__row4.brun {fill: #f6eee4;}
.svg-vaggis__row5.brun {fill: #f0e2d3;}
.svg-vaggis__row6.brun {fill: #f6eee4;}
.svg-vaggis__row7.brun {fill: #f0e2d3;}

.svg-vaggis__row1.ljusrod {fill: #fcded7;}
.svg-vaggis__row2.ljusrod {fill: #fdebe7;}
.svg-vaggis__row3.ljusrod {fill: #fcded7;}
.svg-vaggis__row4.ljusrod {fill: #fdebe7;}
.svg-vaggis__row5.ljusrod {fill: #fcded7;}
.svg-vaggis__row6.ljusrod {fill: #fdebe7;}
.svg-vaggis__row7.ljusrod {fill: #fcded7;}

.svg-vaggis__row1.bla {fill: #e2f4fd;}
.svg-vaggis__row2.bla {fill: #f0f9fe;}
.svg-vaggis__row3.bla {fill: #e2f4fd;}
.svg-vaggis__row4.bla {fill: #f0f9fe;}
.svg-vaggis__row5.bla {fill: #e2f4fd;}
.svg-vaggis__row6.bla {fill: #f0f9fe;}
.svg-vaggis__row7.bla {fill: #e2f4fd;}

.svg-vaggis__row1.ljusgron {fill: #e4f1d5;}
.svg-vaggis__row2.ljusgron {fill: #f1f8e8;}
.svg-vaggis__row3.ljusgron {fill: #e4f1d5;}
.svg-vaggis__row4.ljusgron {fill: #f1f8e8;}
.svg-vaggis__row5.ljusgron {fill: #e4f1d5;}
.svg-vaggis__row6.ljusgron {fill: #f1f8e8;}
.svg-vaggis__row7.ljusgron {fill: #e4f1d5;}

.svg-vaggis__row1.blalila {fill: #e1e9f6;}
.svg-vaggis__row2.blalila {fill: #f0f3fa;}
.svg-vaggis__row3.blalila {fill: #e1e9f6;}
.svg-vaggis__row4.blalila {fill: #f0f3fa;}
.svg-vaggis__row5.blalila {fill: #e1e9f6;}
.svg-vaggis__row6.blalila {fill: #f0f3fa;}
.svg-vaggis__row7.blalila {fill: #e1e9f6;}

.svg-vaggis__row1.ljusgra {fill: #fafafb;}
.svg-vaggis__row2.ljusgra {fill: #ffffff;}
.svg-vaggis__row3.ljusgra {fill: #fafafb;}
.svg-vaggis__row4.ljusgra {fill: #ffffff;}
.svg-vaggis__row5.ljusgra {fill: #fafafb;}
.svg-vaggis__row6.ljusgra {fill: #ffffff;}
.svg-vaggis__row7.ljusgra {fill: #fafafb;}

.svg-vaggis__row1.fargkodad {fill: #cee5b2;}
.svg-vaggis__row2.fargkodad {fill: #a6c3e6;}
.svg-vaggis__row3.fargkodad {fill: #ffffff;}
.svg-vaggis__row4.fargkodad {fill: #d8c2aa;}
.svg-vaggis__row5.fargkodad {fill: #fff9b3;}
.svg-vaggis__row6.fargkodad {fill: #fad0e2;}
.svg-vaggis__row7.fargkodad {fill: #f8afa0;}

.svg-vaggis__row1.punktrutat {fill: #ffffff;}
.svg-vaggis__row2.punktrutat {fill: #ffffff;}
.svg-vaggis__row3.punktrutat {fill: #ffffff;}
.svg-vaggis__row4.punktrutat {fill: #ffffff;}
.svg-vaggis__row5.punktrutat {fill: #ffffff;}
.svg-vaggis__row6.punktrutat {fill: #ffffff;}
.svg-vaggis__row7.punktrutat {fill: #ffffff;}

text.lila {
  fill: #8781bd;
}

text.vit {
  fill: #a7a9ac;
}

text.gron {
  fill: #41ba7c;
}

text.rosa {
  fill: #f172ac;
}

text.gra {
  fill: #a7a9ac;
}

text.orange {
  fill: #f79448;
}

text.brun {
  fill: #c38957;
}

text.ljusrod {
  fill: #f48480;
}

text.bla {
  fill: #6ccff6;
}

text.ljusgron {
  fill: #8cc63f;
}

text.blalila {
  fill: #7da7d9;
}

text.ljusgra {
  fill: #a7a9ac;
}

text.fargkodad {
  fill: #231f20;
}

text.punktrutat {
  fill: #a7a9ac;
}

.svg-vaggis__party.lila {fill: #8781bd;}
.svg-vaggis__party.vit {fill: #d1d2d4;}
.svg-vaggis__party.gron {fill: #41ba7c;}
.svg-vaggis__party.rosa {fill: #f172ac;}
.svg-vaggis__party.gra {fill: #a7a9ac;}
.svg-vaggis__party.orange {fill: #f79448;}
.svg-vaggis__party.brun {fill: #c38957;}
.svg-vaggis__party.ljusrod {fill: #f48480;}
.svg-vaggis__party.bla {fill: #6ccff6;}
.svg-vaggis__party.ljusgron {fill: #8cc63f;}
.svg-vaggis__party.blalila {fill: #7da7d9;}
.svg-vaggis__party.ljusgra {fill: #bbbdc0;}