@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	text-align: center;
	font-family: Roboto,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	background-color: #f9fafc;
    background-image: url("../img/background01.jpg");
    background-size: cover;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

select {
  font-family: 'FontAwesome', 'DuepuntozeroProBold';
}

/* td */

.text_td {
  font-size: 14px;
  color: #52545c;
}


/* Header */

.header {
  z-index: 99997;
  position: fixed;
  left: 0;
  top: 0;
  margin-left: 60px;
  width: 100%;
  height: 60px;
  background-image: url(../img/header.jpg);
  background-color: #2264b0;
}
.page-info-btn {
  margin-left: 20px;
  margin-top: 15px;
  max-width: 700px;
  text-align: left;
  color: #ffffff;
  opacity: .7;
  font-size: 22px;
  font-family: DuepuntozeroProBold;
}


/* Footer */

.footer {
  z-index: 99999;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  background-image: url(../img/background_footer.jpg);
}

.footer_text {
	font-size: 12px;
	color: #d8d9da;
}
.footer_text a{
	font-size: 12px;
	color: #d8d9da;
}

.footer_text_green {
	font-size: 12px;
	color: #04FF04;
}

/* Sidebar */

.sidebar {
	z-index: 99998;
	position: fixed;
	background-color: #202426;
	height: 100%;
	width: 60px;
	left: 0px;
	padding: 0px;
	top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	box-shadow: 5px 0 10px -5px #52545c;
}
.sidebar_icons {
	color:#e9edf2;
	opacity: .7;
	font-size: 20px;
	width: 60px;
}
.sidebar_logo {
	background-color: #081f3f;
    height: 60px;
}

/* h1,h2,h3,h4 tags */

.h4 {
  margin-left: 20px;
  text-align: left;
  color: #fff;
  font-size: 22px;
  font-family: DuepuntozeroProBold;
}

/* WELCOME TITLE */

.welcome_title {
    font-size: 30px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-family: DuepuntozeroProBold;
    text-shadow: 3px 3px 4px #777;
}

.welcome_subtitle {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    text-shadow: 3px 3px 4px #777;
    font-family: DuepuntozeroProBold;
}

/* timeCARD 3.0 */

.timeCARD_3_background {
  border-radius: 10px;
  background-color: #07516a;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  background-image: url(../img/timeCARD_qrcode.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-right: 40px; /* Je nach Größe des Icons anpassen */
}

.timeCARD_3_headline {
  font-size: 24px;
  font-family: DuepuntozeroProBold;
  color: #fff;
}

.timeCARD_3_headline a{
  font-size: 24px;
  font-family: DuepuntozeroProBold;
  color: #fff;
}


.timeCARD_3_subheadline {
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
}

.timeCARD_3_card_number {
  font-size: 24px;
  font-family: DuepuntozeroProBold;
  color: #fff;
}

.timeCARD_3_card_valid {
  font-size: 14px;
  font-family: DuepuntozeroProBold;
  color: #fff;
}

.timeCARD_3_no_picture {
  font-size: 80px;
  font-family: DuepuntozeroProBold;
  color: #fff;
}

/* Timetracking OLD*/
.timetracking_day_headline {
    font-size: 26px;
    color: #52545c;
}
.timetracking_day_subheadline {
    font-size: 16px;
    color: #52545c;
}
.timetracking_line_headline {
  border-bottom: 5px;
  border-bottom-color: #52545c;
  border-bottom-style: solid;
}
.timetracking_line_subheadline {
  border-bottom: 2px;
  border-bottom-color: #52545c;
  border-bottom-style: solid;
  background-color: #979fa7;
}
.timetracking_line_listing {
  border-bottom: 1px;
  border-bottom-color: #52545c;
  border-bottom-style: solid;
  background-color: #d1dde7;
}
.timetracking_plus_icon {
    font-size: 26px;
    color: #52545c;
}
.timetracking_edit_icon {
    font-size: 20px;
    color: #52545c;
}

/* BUTTONS */

.icon_button {
  margin-left: 0px;
  text-align: center;
  color: #fff;
  font-size: 60px;
}

.icon_button a {
  margin-left: 0px;
  text-align: center;
  color: #fff;
  font-size: 60px;
}

.button_dashboard_green {
  border-radius: 10px;
  background-color: #00c3ed;
}

.button_dashboard_green:hover {
  background-color: #fd9b10;
  border-radius: 10px;
  opacity: .9;
}

.button_dashboard_orange {
  border-radius: 10px;
  background-color: #087fa7;
}

.button_dashboard_orange:hover {
  background-color: #fd9b10;
  border-radius: 10px;
}

.button_dashboard_erweiterungen {
  border-radius: 10px;
  background-color: #ef4f98;
}

.button_dashboard_erweiterungen:hover {
  background-color: #fd9b10;
  border-radius: 10px;
}

.button_dashboard_online_shop {
  border-radius: 10px;
  background-color: #2bd40c;
}

.button_dashboard_online_shop:hover {
  background-color: #fd9b10;
  border-radius: 10px;
}

/* HEADLINES */

.text_headline {
  font-size: 22px;
  color: #52545c;
  text-decoration: none;
  font-weight: 600;
  font-family: DuepuntozeroProBold;
}
.text_headline_small {
  font-size: 19px;
  color: #52545c;
  text-decoration: none;
  font-family: DuepuntozeroProBold;
}
.text_headline_h1 { 
  font-size: 24px;
  color: #67696c;
  font-family: DuepuntozeroProBold;
}

.dashboard_text_headline_box {
  font-size: 14px;
  text-align: left;
  color: #52545c;
}

/* TITLES */

.titel_dashboard_blue {
  border-radius: 5px;
  background-color: #07516a;
}

.titel_dashboard_green {
  border-radius: 5px;
  background-color: #00cc00;
}

.titel_dashboard_lightblue {
  border-radius: 5px;
  background-color: #00c3ed;
}

/* ASSIGNMENTS DASHBOARD */

.assignments_text {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    font-family: DuepuntozeroProBold;
}

.assignments_text_icon {
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    font-family: DuepuntozeroProBold;
}

.assignments_text a {
    font-size: 16px;
    color: #07516a;
    text-decoration: none;
    font-family: DuepuntozeroProBold;
}

/* BUTTONS */

.button_v3_blue {
  border-radius: 10px;
  background-color: #00c3ed;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_v3_blue:hover {
  background-color: #00c3ed;
  border-radius: 10px;
  opacity: .6;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.text_button_v3_blue {
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
}

.button_icon_v3_blue {
	color:#fff;
	font-size: 30px;
}

.button_v3_green {
  border-radius: 10px;
  background-color: #02da1b;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_v3_green:hover {
  background-color: #02da1b;
  border-radius: 10px;
  opacity: .6;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.text_button_v3_green {
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
}

.button_icon_v3_green {
	color:#fff;
	font-size: 30px;
}

.button_v3_pink {
  border-radius: 10px;
  background-color: #ef4f98;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_v3_pink:hover {
  background-color: #ef4f98;
  border-radius: 10px;
  opacity: .6;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_add_green {
  border-radius: 10px;
  background-color: #02da1b;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_add_green:hover {
  background-color: #02da1b;
  border-radius: 10px;
  opacity: .6;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_add_green_icons {
	color:#fff;
	font-size: 30px;
}

.button_add_blue {
  border-radius: 10px;
  background-color: #00c3ed;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_add_blue:hover {
  background-color: #00c3ed;
  border-radius: 10px;
  opacity: .6;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_add_blue_icons {
	color:#fff;
	font-size: 30px;
}

.button_add_pink {
  border-radius: 10px;
  background-color: #ef4f98;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_add_pink:hover {
  background-color: #ef4f98;
  border-radius: 10px;
  opacity: .6;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_add_pink_icons {
	color:#fff;
	font-size: 30px;
}

/* TEXT */

.text_button_v3_pink {
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
}

.text_button_v3_pink a {
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
}

.text_icon_button {
  margin-left: 20px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-family: DuepuntozeroProBold;
}

.text_icon_button a{
  margin-left: 0px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-family: DuepuntozeroProBold;
}


.more_options_blue_text_icon {
  font-size: 14px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
}

.more_options {
  border-radius: 5px;
  background-color: #ef4f98;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.more_options:hover {
  background-color: #ef4f98;
  border-radius: 5px;
  opacity: .6;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.text_new_headline { 
  font-size: 16px;
  font-family: DuepuntozeroProBold;
  color: #000;
  opacity: .6;
}

.text_new_headline a { 
  font-size: 16px;
  font-family: DuepuntozeroProBold;
  color: #000;
  opacity: .6;
  text-decoration: none;
}
.header_new_edit { 
  background-color: #00c3ed;
  border-radius: 5px;
  font-size: 22px;
  font-family: DuepuntozeroProBold;
  color: #fff;
}

.sub_new_edit { 
  background-color: #00c3ed;
  border-radius: 5px;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
}

.save_button_green {
  background-color: #04e004;
  border: none;
  color: white;
  padding: 7px 32px 7px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 8px;
}

.save_button_green:hover {
  background-color: #04e004;
  border: none;
  color: white;
  padding: 7px 32px 7px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 8px;
  opacity: .6;
}


.textfield_white_450_new {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 450px;
}

/* Rating NEW 3.0 */

.rating_letter { 
  font-size: 30px;
  font-family: DuepuntozeroProBold;
  color: #52545c;
}

/* Payment NEW 3.0 */

.payment_warning { 
  background-color: #ef4f98;
  border-radius: 5px;
  font-size: 22px;
  font-family: DuepuntozeroProBold;
  color: #fff;
}

.invoice_open { 
  background-color: #ef4f98;
  border-radius: 5px;
  font-size: 14px;
  font-family: DuepuntozeroProBold;
  color: #fff;
}

.invoice_open a{ 
  background-color: #ef4f98;
  border-radius: 5px;
  font-size: 14px;
  font-family: DuepuntozeroProBold;
  color: #fff;
}

/* Online Article */

.article_warning { 
  background-color: #ef4f98;
  border-radius: 5px;
  font-size: 14px;
  font-family: DuepuntozeroProBold;
  color: #fff;
}

.article_warning a{ 
  background-color: #ef4f98;
  border-radius: 5px;
  font-size: 14px;
  font-family: DuepuntozeroProBold;
  color: #fff;
}

/* table_td NEW 3.0 */

.table_white_bg {
  background-color: #fff;
  border-radius: 5px;
}

.table_white_bg_trans {
  background-color: #fff;
  border-radius: 5px;
  opacity: .8;
}

.table_td { 
  background-color: #ffffff;
  border-radius: 5px;
  font-size: 14px;
  font-family: DuepuntozeroProBold;
  color: #52545c;
}

.table_td a{ 
  font-size: 14px;
  font-family: DuepuntozeroProBold;
  color: #52545c;
}

.table_td_first_column { 
  background-color: #dee5ed;
  border-radius: 5px;
  font-size: 14px;
  font-family: DuepuntozeroProBold;
  color: #52545c;
}

.table_footer_navi_blue {
  border-radius: 5px;
  background-color: #00c3ed;
}

.text_footer_navi_blue {
  font-size: 15px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
}

.arrow_footer_navi_blue{
  font-size: 19px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
}

.arrow_footer_navi_blue a{
  font-size: 19px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
}

/* Search */

.search_field_background {
  border-radius: 10px;
  background-color: #07516a;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.search_field_background a{
  background-color: #07516a;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
}

.search_field_background_icons {
	color:#fff;
	font-size: 30px;
}

.search_field_text {
  margin-left: 20px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-family: DuepuntozeroProBold;
}

.search_field_text a{
  margin-left: 20px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-family: DuepuntozeroProBold;
}

.text_button_online_article_add_pink {
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
}

.text_button_online_article_add_pink a {
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
}

/* More Options */

.more_options_blue_text_icon {
  font-size: 14px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
}

.more_options_blue_text_icon a{
  font-size: 14px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
}

.more_options {
  border-radius: 5px;
  background-color: #ef4f98;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.more_options:hover {
  background-color: #ef4f98;
  border-radius: 5px;
  opacity: .6;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.more_options_blue {
  border-radius: 5px;
  background-color: #00c3ed;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.more_options_blue:hover {
  background-color: #fd9b10;
  border-radius: 5px;
  opacity: .6;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.more_options_pink {
  border-radius: 5px;
  background-color: #ef4f98;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.more_options_pink:hover {
  background-color: #fd9b10;
  border-radius: 5px;
  opacity: .6;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.more_options_green {
  border-radius: 5px;
  background-color: #04e004;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.more_options_green:hover {
  background-color: #fd9b10;
  border-radius: 5px;
  opacity: .6;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.more_options_red {
  border-radius: 5px;
  background-color: #fa4a4a;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.more_options_red:hover {
  background-color: #f93838;
  border-radius: 5px;
  opacity: .6;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

/* Online Artikel Bearbeiten */

.header_online_article_edit { 
  background-color: #00c3ed;
  border-radius: 5px;
  font-size: 22px;
  font-family: DuepuntozeroProBold;
  color: #fff;
}

.header_online_article_edit a{ 
  background-color: #00c3ed;
  border-radius: 5px;
  font-size: 22px;
  font-family: DuepuntozeroProBold;
  color: #fff;
}

.sub_header_online_article_edit { 
  background-color: #00c3ed;
  border-radius: 5px;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
}

.textbox_300_article_online {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 500px;
	width: 300px;
}

.textbox_300_article_online_readonly {
	font-size: 14px;
	color: #52545c;
	background-color: #dee5ed;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 500px;
	width: 300px;
}

.save_button_article_online {
  background-color: #04e004;
  border: none;
  color: white;
  padding: 7px 32px 7px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 8px;
}

.save_button_article_online:hover {
  background-color: #04e004;
  border: none;
  color: white;
  padding: 7px 32px 7px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 8px;
  opacity: .6;
}

.textfield_white_450_article_online {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 450px;
}

.article_online_status_check_icon_blue {
  font-size: 14px;
  font-family: DuepuntozeroProBold;
  color: #00c3ed;
  text-decoration: none;
}

.price_change_in_progress {
  border-radius: 5px;
  background-color: #ef4f98;
  font-size: 12px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_online_article_add_pink {
  border-radius: 10px;
  background-color: #ef4f98;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_online_article_add_pink:hover {
  background-color: #ef4f98;
  border-radius: 10px;
  opacity: .6;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_online_article_add_pink_icons {
	color:#fff;
	font-size: 30px;
}

.button_online_article_to_shop_green {
  border-radius: 10px;
  background-color: #02da1b;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_online_article_to_shop_green_icons {
	color:#fff;
	font-size: 30px;
}

.button_online_article_to_shop_green:hover {
  background-color: #02da1b;
  border-radius: 10px;
  opacity: .6;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_media_download_to_shop_blue {
  border-radius: 10px;
  background-color: #00c3ed;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_media_download_to_shop_blue:hover {
  background-color: #00c3ed;
  border-radius: 10px;
  opacity: .6;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.button_media_download_to_shop_blue_icons {
	color:#fff;
	font-size: 30px;
}

.button_online_article_to_shop_blue_icons {
	color:#fff;
	font-size: 30px;
}

/* timetable cases */

.timetable_background {
  border-radius: 10px;
  background-color: #07516a;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.timetable_background_header {
  border-radius: 10px;
  background-color: #043140;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.timetable_table_background {
  border-radius: 8px;
  background-color: #09769b;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
}

.timetable_table_background_free {
  border-radius: 8px;
  background-color: #064960;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
}

.timetable_table_background_break {
  border-radius: 8px;
  background-color: #ef4f98;
  font-size: 18px;
  font-family: DuepuntozeroProBold;
  color: #fff;
  text-decoration: none;
}

.timetable_title {
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-family: DuepuntozeroProBold;
}

.timetable_title a{
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-family: DuepuntozeroProBold;
}

.timetable_time {
    font-size: 22px;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-family: DuepuntozeroProBold;
}

.timetable_description {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-family: DuepuntozeroProBold;
}

.timetable_main_case_background {
  font-size: 15px;
  font-family: DuepuntozeroProBold;
  color: #000;
  background-color: #fff;
}

.timetable_main_case_background a{
  font-size: 15px;
  font-family: DuepuntozeroProBold;
  color: #000;
  background-color: #fff;
}

.timetable_main_case_background_gray {
  font-size: 15px;
  font-family: DuepuntozeroProBold;
  color: #000;
  background-color: #ccc;
}

.timetable_main_case_background_green {
  font-size: 15px;
  font-family: DuepuntozeroProBold;
  color: #000;
  background-color: #02da1b;
}

.timetable_main_case_background_pink {
  font-size: 15px;
  font-family: DuepuntozeroProBold;
  color: #000;
  background-color: #ef4f98;
}

.timetable_main_case_background_striped_background_green {
  font-size: 15px;
  font-family: DuepuntozeroProBold;
  color: #000;
  background: linear-gradient(to right, #ffffff 50%, #02da1b 50%);
  background-size: 8px 100%;
}

.timetable_main_case_background_striped_background_pink {
  font-size: 15px;
  font-family: DuepuntozeroProBold;
  color: #000;
  background: linear-gradient(to right, #ffffff 50%, #ef4f98 50%);
  background-size: 8px 100%;
}