/*  THE Y CSS */
@font-face {
  font-family: 'karlabold';
  src: url("../fonts/karla-bold-webfont.eot");
  src: url("../fonts/karla-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/karla-bold-webfont.woff2") format("woff2"), url("../fonts/karla-bold-webfont.woff") format("woff"), url("../fonts/karla-bold-webfont.ttf") format("truetype"), url("../fonts/karla-bold-webfont.svg#karlabold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'karlaregular';
  src: url("../fonts/karla-regular-webfont.eot");
  src: url("../fonts/karla-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/karla-regular-webfont.woff2") format("woff2"), url("../fonts/karla-regular-webfont.woff") format("woff"), url("../fonts/karla-regular-webfont.ttf") format("truetype"), url("../fonts/karla-regular-webfont.svg#karlaregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'poppinslight';
  src: url("../fonts/poppins-light-webfont.eot");
  src: url("../fonts/poppins-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-light-webfont.woff2") format("woff2"), url("../fonts/poppins-light-webfont.woff") format("woff"), url("../fonts/poppins-light-webfont.ttf") format("truetype"), url("../fonts/poppins-light-webfont.svg#poppinslight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'poppinsregular';
  src: url("../fonts/poppins-regular-webfont.eot");
  src: url("../fonts/poppins-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-regular-webfont.woff2") format("woff2"), url("../fonts/poppins-regular-webfont.woff") format("woff"), url("../fonts/poppins-regular-webfont.ttf") format("truetype"), url("../fonts/poppins-regular-webfont.svg#poppinsregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'poppinsmedium';
  src: url("../fonts/poppins-medium-webfont.eot");
  src: url("../fonts/poppins-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-medium-webfont.woff2") format("woff2"), url("../fonts/poppins-medium-webfont.woff") format("woff"), url("../fonts/poppins-medium-webfont.ttf") format("truetype"), url("../fonts/poppins-medium-webfont.svg#poppinsmedium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'poppinssemibold';
  src: url("../fonts/poppins-semibold-webfont.eot");
  src: url("../fonts/poppins-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-semibold-webfont.woff2") format("woff2"), url("../fonts/poppins-semibold-webfont.woff") format("woff"), url("../fonts/poppins-semibold-webfont.ttf") format("truetype"), url("../fonts/poppins-semibold-webfont.svg#poppinssemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'poppinsbold';
  src: url("../fonts/poppins-bold-webfont.eot");
  src: url("../fonts/poppins-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-bold-webfont.woff2") format("woff2"), url("../fonts/poppins-bold-webfont.woff") format("woff"), url("../fonts/poppins-bold-webfont.ttf") format("truetype"), url("../fonts/poppins-bold-webfont.svg#poppinsbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*

-----=[ FONTS ]=-----

	karlaregular
	karlabold

	poppinslight
	poppinsregular
	poppinsmedium
	poppinssemibold
	poppinsbold

*/
/* variables */
/* predefined classes */
body {
  font-size: 10px;
  width: 1170px;
  font-family: karlaregular, sans-serif;
}

@page {
  size: A4;
  margin: 0;
}

.page-template-container{
  margin-top: 30px;
}

a, span, li {
  color: #201d1d;
  font-size: 1.4em;
}

b {
  font-family: karlabold, sans-serif;
  font-weight: normal;
}

p {
  font-size: 1.6em;
  margin-bottom: 25px;
}

p:last-child {
  margin-bottom: 0;
}

p a,
p span,
a i,
a span,
li span,
li a {
  font-size: 1em;
}

hr {
  margin: 30px 0;
  border: 0;
  border-top: 1px solid #e8e7e7;
}

h2, h3, h4 {
  margin-bottom: 30px;
  font-family: poppinsmedium, sans-serif;
  /*
  letter-spacing: 0.5px;
    word-spacing: 0.3px;
    */
  font-weight: normal;
}

h2 a, h3 a, h4 a {
  font-size: 1em;
}

h3 span, h3 a {
  font-size: 1em;
}

.table-sheet-container .box-table-container{
    margin-left: -1px;
}

.table-heading .print-timesheet{
    display: none;
}

/* START - TABLE CSS GLOBAL */
.box-table-container {
  margin-bottom: 50px;
}

.box-table-container .bch-column {
  float: left;
  width: 25%;
  padding: 15px;
  border-right: 1px solid #f0f0f0;
}

.box-table-container .box-row {
  border: 1px solid #f0f0f0;
  border-bottom: 0;
  display: block;
  margin-bottom: 40px;
}

.box-table-container .box-row.box-head {
  display: none;
}

.box-table-container .box-row:not(.box-head) .box-table:first-child {
  border-color: #201d1d;
}

.box-table-container .box-row:not(.box-head) .box-table:first-child span.x-mobile-title {
  display: none;
}

.box-table-container .box-row:not(.box-head) .box-table:first-child span:last-child {
  font-size: 2em;
  background: #201d1d;
  color: #fff;
}

.box-table-container .box-column {
  border: 1px solid #f0f0f0;
  border-bottom: 0;
}

.box-table-container .box-column:last-child {
  border-bottom: 1px solid #f0f0f0;
}

.box-table-container .box-table {
  display: block;
  width: 100%;
  border-bottom: 2px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
}

.box-table-container .box-table:first-child {
  border-left: 1px solid #f0f0f0;
}

.box-table-container .box-table span:last-child {
  padding: 15px;
  display: block;
  line-height: normal;
}

.box-table-container .box-table span:last-child > b {
  color: #ed353a !important;
}

.box-table-container .x-head {
  display: none;
}

.box-table-container .x-mobile-title,
.box-table-container .x-head {
  margin-left: -1px;
  padding: 15px;
  background: #f0f0f0;
  display: block;
  border: none;
  font-family: poppinsbold, sans-serif;
  letter-spacing: 0.5px;
}

/* END - TABLE CSS GLOBAL */
.table-heading {
  padding-bottom: 20px;
}

.table-heading h3 {
  color: #ed353a;
  margin: 0;
  padding: 10px 0;
}

.table-heading > span {
  display: inline-block;
  font-size: 1.2em;
  padding: 8px 15px;
  background: #eee;
  border-radius: 3px;
  color: #949494;
  font-weight: normal;
  cursor: pointer;
  margin-top: 7px;
}

.table-heading > span:hover {
  background: #ed353a;
  color: #fff;
}

/* START - TABLE CSS GLOBAL (RESPONSIVE) */
.box-table-container .x-mobile-title {
  display: none;
}
.box-table-container .x-head {
  display: block;
  border-left: 1px solid #d8d8d8;
  text-align: center;
}
.box-table-container .box-row {
  display: table-row;
}
.box-table-container .box-row.box-head {
  display: table-row;
}
.box-table-container .box-row.box-head .box-table:first-child .x-head {
  border-left: 1px solid #f0f0f0;
}
.box-table-container .box-row:not(.box-head) .box-table:first-child {
  border-color: #f0f0f0;
  background: #fff !important;
}
.box-table-container .box-row:not(.box-head) .box-table:first-child span:last-child {
  font-size: 1.4em;
  background: transparent;
  color: #201d1d;
  font-family: poppinsbold, sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
}
.box-table-container .box-table:first-child {
  width: 7%;
}
.box-table-container .box-table {
  display: table-cell;
  /*width: 14.2857142%;*/
  width: 11.625%;
  border-left: none;
  border-bottom: 1px solid #f0f0f0;
  background: #f7f7f7 !important;
  -webkit-print-color-adjust: exact;
}
.box-table-container .table-color{
  background: #fff !important;
  -webkit-print-color-adjust: exact;
}
/* END - TABLE CSS GLOBAL (RESPONSIVE) */
.table-heading h3 {
  display: inline-block;
}
.table-heading > span {
  float: right;
}
.alt-row {
  background: #f7f7f7;
}
.box-table-container .x-head {
  background-color: #201d1d !important;
  -webkit-print-color-adjust: exact;
  color: #fff !important;

}
.multiple-timetable-head ul li {
  margin-bottom: 0;
}
.mobile-timetable {
  display: none;
}
.desktop-timetable {
  display: block;
}