/* Farben
orange : #f39637;
blau: #4790ca;
grau: #4c4c4c; // text
1d7bb2 -> was ist da?
*/

/*@import url(//fonts.googleapis.com/css?family=Raleway:400,500,700);*/
			/* raleway-regular - latin */
			@font-face {
				font-family: 'Raleway';
				font-style: normal;
				font-weight: 400;
				src: url('http://www.abiuni.de/fonts/raleway-v10-latin-regular.eot'); /* IE9 Compat Modes */
				src: local('Raleway'), local('Raleway-Regular'),
						 url('http://www.abiuni.de/fonts/raleway-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
						 /*url('http://www.abiuni.de/fonts/raleway-v10-latin-regular.woff2') format('woff2'),*/ /* Super Modern Browsers */
						 url('http://www.abiuni.de/fonts/raleway-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
						 url('http://www.abiuni.de/fonts/raleway-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
						 url('http://www.abiuni.de/fonts/raleway-v10-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
			}

body {
  font-family: 'Raleway';
  background-color: #f39637;
	color: #fff;
	font-size: 15px;
}

#main .wrapper {
	vertical-align: top;
}

a {color: #fff;}
a:hover {color: #4790ca;}
h3, h4 {color: #fff;}

/* BOOK APPOINTMENT WIZARD
 ------------------------------------------------------------------------------ */
#book-appointment-wizard {
	background: none;
	color: #fff; 
	min-height: initial;
  box-shadow: none;}

#book-appointment-wizard #header {
  padding: 7px 0px;
	height: 60px;
	background: none;
	border-bottom: 2px solid #fff;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.175);
	-moz-box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.175);
}	

#book-appointment-wizard #company-name, 
#book-appointment-wizard #company-name-1,
#book-appointment-wizard #company-name-2,
#book-appointment-wizard #company-name-3,
#book-appointment-wizard #company-name-4 {
	color: 4c4c4c;
	margin: 5px 10px 0 15px;
  font-weight: normal;
  text-shadow: none;
	font-size: 24px;
	line-height: 1.55;
	float: left;
}

#book-appointment-wizard #steps {margin: 0px;}

#book-appointment-wizard .wizard-frame {height: auto;}

#book-appointment-wizard .wizard-frame .frame-container {height: auto;margin-bottom: 0px;}

#book-appointment-wizard .book-step {border: 2px solid #1d7bb2;border-radius: 20px;
}
#book-appointment-wizard .book-step strong {color: #1d7bb2; padding-top: 1px;}

#book-appointment-wizard .active-step {
  border: 2px solid #4790ca;
	border-radius: 20px;
	background: #4790ca;
}
#book-appointment-wizard .active-step strong {color: #fff; margin-top: -1px;}

#book-appointment-wizard #available-hours .available-hour {
	border: 1px solid #f39637;
	padding: 0px 3px;
	font-family: Roboto;
}
#book-appointment-wizard #available-hours .available-hour:hover {
  color: #fff;
	background-color: #4790ca;
	border: 1px solid #4790ca;
	padding: 0px 3px;
	border-radius: 3px;
	font-family: Roboto;
}
#book-appointment-wizard #available-hours .selected-hour {
  color: #fff;
  background-color: #4790ca;
  text-decoration: none;
	border: 1px solid #4790ca;
	border-radius: 3px;
	padding: 0px 3px;
}

@media (max-width: 768px) {
	#book-appointment-wizard #steps {
		float: right;
		margin: 0;}
} 

@media (max-width: 550px) {
	#book-appointment-wizard #header {
		overflow: auto;
		height: auto;}
	#book-appointment-wizard #steps {
		margin: auto;
		float: none;
		display: block;
		overflow: auto;}
	#book-appointment-wizard #company-name, 
	#book-appointment-wizard #company-name-1,
	#book-appointment-wizard #company-name-2,
	#book-appointment-wizard #company-name-3,
	#book-appointment-wizard #company-name-4 {
		float: none;
		display: block;
		text-align: center;
	}
}

#book-appointment-wizard .wizard-frame .command-buttons {
	margin-top: 25px;}

#book-appointment-wizard #frame-footer {
	display: none;
}

#book-appointment-wizard .frame-container .frame-title {
	display: none;
}

/* BOOK SUCCESS & MESSAGE
   ------------------------------------------------------------------------- */
#message-frame, #success-frame {background: none; border: none;}

/* -- */


  h3 {font-size: 30px;color: 4c4c4c;}

  .hide {
    visibility: hidden;}
  .show {
    visibility: visible;}

	.btn{
		font-size: 16px;
	}
  .btn-primary, .btn-success {
    background-color: #4790ca;
		border-radius: 30px;}
  .btn-primary:hover, .btn-primary:active:hover, .btn-success:hover, .btn-success:active:hover { 
		color: #4c4c4c;
    background-color: #fff;}
  .btn-primary:active, .btn-success:active {
    background-color: #fff;
    background-image: -webkit-radial-gradient(circle, #4790ca 10%, #fff 11%);
    background-image: -o-radial-gradient(circle, #4790ca 10%, #fff 11%);
    background-image: radial-gradient(circle, #4790ca 10%, #fff 11%);
    background-repeat: no-repeat;
    -webkit-background-size: 1000% 1000%;
    background-size: 1000%;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4)}
	.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active{
		background-color: #083A65;}

.button-back{
	border-radius: 30px;
}

	.text-primary {color: #fff;}

	select:focus, select.form-control:focus {
  	-webkit-box-shadow: inset 0 -2px 0 #1d7bb2;
  	box-shadow: inset 0 -2px 0 #1d7bb2;}
	textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus {
  box-shadow: inset 0 -2px 0 #1d7bb2;}

.form-group {margin-bottom: 10px;}
.form-group label {margin-bottom: 0px;}
.form-control{line-height: 1.7; color: #fff}

#book-appointment-wizard #wizard-frame-1 select {
	color: #fff;
  margin-bottom: 25px;
  font-size: 18px;
}

/* jquery ui */
body .ui-draggable .ui-dialog-titlebar {
	background: none;
	color: 4c4c4c;
	border-bottom: 2px solid #1d7bb2;}

body .ui-datepicker {
	  border: 1px solid #1d7bb2;}
body .ui-datepicker .ui-widget-header {
    background: #1d7bb2;}
body .ui-datepicker th {
    background: #1d7bb2;}
body .ui-datepicker td a,
body .ui-datepicker td span {
    color: #1d7bb2 !important;}

html body .ui-datepicker td a.ui-state-active {
  background: #4790ca !important;}

body .ui-datepicker td a.ui-state-highlight {
  background: rgba(8, 58, 101, 0.35) !important;}

body .ui-datepicker td a:hover {
	color: #FFF !important;
	font-weight: bold !important;
	background: #4790ca !important;
	border-radius: 50px;
	width: 22px;
	height: 22px;
	line-height: 1.3;
	margin: 4px;}	

body .ui-widget.ui-widget-content {border: 1px solid #1d7bb2;}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{
	border:1px solid #1d7bb2;
	border-radius: 50px;
	background:#1d7bb2 url("images/ui-bg_flat_75_80e1ac_40x100.png") 50% 50% repeat-x;
	font-weight:normal;
	color:#fff
}

#cancel-appointment-frame {margin-bottom: 15px; background: none;}

input[type="checkbox"]:after, .checkbox input[type="checkbox"]:after, .checkbox-inline input[type="checkbox"]:after {border: 2px solid #fff;}