.bg-dark { color:#FFFFFF; }
#install, 
#install_firefox, 
#install_iexplorer,
#install_safari,
#install_opera,
#install_samsung { display:none; margin-left: auto; margin-right: auto; float:right; }
.slider.slider-horizontal { width: 100% !important; }
div.avail_day {
	width: 15% !important;
	float:left;
}
div.time_range {
	width: 70% !important;
	margin-left:15% !important;
	text-align:center;
	font-weight:bold;
}
.avail_switch, .oend_switch { margin-top: 10px;}
.switch span {margin-right: 10px;}
.slider-disabled .slider-selection  { background-color: #e9e9e9; }
.btn-disabled {
	background-color: #eaeaea;
	border: 1px solid #CCCCCC;
} 
.btn-labeled { text-align: left; }
a.message_item { text-decoration: none;}
.save_day {display:none;}
.date_today {
	background-color: green; /*background-image:url('/img/bestaetigt-sm.jpg'); */
	min-height:250px; 
	padding:6px; 
	color:#FFFFFF; 
	text-align:center !important; 
}
.date_today a { color:#ffffff; text-decoration: none;}
.date_today a:hover { color:#ffffff; text-decoration: none;}

.date_table {width: 100%; margin-left:auto; margin-right:auto;}
.date_table td.left { padding:20px 7px 20px 0px;}
.date_table td.right { padding:20px 0px 20px 7px;}
.btn-green {
	background-color: #038ad6;
	border-color: #038ad6;
}
.bg-primary { background-color: #038ad6 !important;}

.anfrage_neutral {
	background-color: gray; /*background-image:url('/img/neutral.jpg');*/
	background-size:cover;
	min-height:250px; 
	padding:6px; 
	color:#FFFFFF !important;
	text-align:center !important; 
}
.anfrage_neutral td {color:#FFFFFF !important;}

.anfrage_abgelehnt {
	background-color: red; /*background-image:url('/img/storno-sm.jpg'); */
	background-size:cover;
	min-height:250px; 
	padding:6px; 
	color:#FFFFFF !important;
	text-align:center !important; 
}
.anfrage_abgelehnt td { color:#FFFFFF !important;}

.anfrage_bestaetigt {
	background-color: green; /*background-image:url('/img/bestaetigt-sm.jpg'); */
	background-size:cover;
	min-height:250px; 
	padding:6px; 
	color:#FFFFFF !important;
	text-align:center !important; 
}
.anfrage_bestaetigt td { color:#FFFFFF !important; }
.anfrage_neutral a, .anfrage_abgelehnt a, .anfrage_bestaetigt a { color:#ffffff; text-decoration: none;}
.anfrage_neutral a:hover, .anfrage_abgelehnt a:hover, .anfrage_bestaetigt a:hover { color:#ffffff; text-decoration: none;}
.countdown {
	background-color: #d44c53;
	color: #ffffff;
	padding: 5px;
	border-radius: 4px;
	width: auto;
}
.bg-success { background-color:#16cc77 !important;}
.border-success {border-color:#16cc77 !important;}
#mg_calendar { padding-top: 10px; }
#mg_calendar h2 { font-size:14pt; font-weight: bold;}
#mg_calendar .fc-header-right { display:none; }
#mg_calendar .fc-header-left { float: right; text-align:right; width: 40% !important; }
#mg_calendar .fc-header-center { float: left; width: 50% !important; }

ul#messages { overflow: auto; height: 19em; margin: 1em 0; padding: 0 3px; list-style: none; border: 1px solid gray; }
ul#messages li { margin: 0.35em 0; padding: 0; }
ul#messages li small { display: block; font-size: 0.59em; color: gray; }
ul#messages li.pending { color: #aaa; }

form#chat { font-size: 1em; margin: 1em 0; padding: 0; }
form#chat p { position: relative; margin: 0.5em 0; padding: 0; }
form#chat p input { font-size: 1em; }
form#chat p input#name { width: 10em; }
form#chat p button { position: absolute; top: 0; right: -0.5em; }

li.OUT { text-align:right; }
li.OUT div { width: auto; display:inline-block; background-color: #dbfbec; border: 1px solid #CCCCCC; border-radius:5px; padding: 5px 10px; text-align:left;}
li.IN { text-align:left; }
li.IN div { width: auto; display:inline-block; background-color: #fdeaea; border: 1px solid #CCCCCC; border-radius:5px; padding: 5px 10px; text-align:left;}
li.pending { font-style: italic; font-size:8pt;}

/*ul#messages, form#chat p, input#content { width: 40em; }*/
pre { font-size: 0.77em; }

.oend_info {
    display: block;
    float: right;
    margin-left: 10px;
    font-size: 20px !important;
    position: relative;
    top: -20px;
}

.oend_info_alternate {
    display: block;
    float: right;
    margin-left: 10px;
    font-size: 20px !important;
    margin-top:10px;
}

@media (min-width:302px) and (max-width:342px) {
	.oend_info { top:0px; }
}