.login-page { background: #003f60; }



.skin-blue .main-header .logo {	background: #003f60; }



.skin-blue .main-header .logo:hover { background: #003f60; }



.box-padding { padding: 10px; }



.label-yellow {

	background-color: #ffdd00 !important;

	color: #000000 !important;

}



.fixed-price {

	display: none;

}



.fixed-price.active {

	display: block;

}



.dygn-or-day-row,
.fixed-day {

	display: none;

}



.dygn-or-day-row.active,
.fixed-day.active {

	display: block;

}

.mc-booking {
	background-color: #435363 !important;
	color: #ffffff !important;
}

.mc-booking a { color: #ffffff; }

.mc-booking a:hover, .mc-booking a:focus { color: #eeeeee; }

.sv-booking {
	background-color: #f39c12 !important;
	color: #ffffff !important;
}

.sv-booking a { color: #ffffff; }

.sv-booking a:hover, .sv-booking a:focus { color: #eeeeee; }

.in-booking {
	background-color: #605ca8 !important;
	color: #ffffff !important;
}

.in-booking a { color: #ffffff; }

.in-booking a:hover, .in-booking a:focus { color: #eeeeee; }

.autocomplete ul {
	width: 90%;
	border: 1px solid #eaeaea;
	position: absolute;
	z-index: 9;
	background: #ffffff;
	list-style: none;
}

.autocomplete ul li {
	padding: 2px;
}

.autocomplete ul li:hover {
	background: #eaeaea;
}

.autocomplete #ac_list {
	display: none;
}





#add_note_form {

	display: none;

}



#add_note_form.active {

	display: block;
	

}

#change_note_form {

	display: none;

}



#change_note_form.active {

	display: block;
	

}

.table-responsive {
	overflow-y: hidden !important;
}

/* Tooltip container */
.infotip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
}

/* Tooltip text */
.infotip .infotiptext {
    visibility: hidden;
    width: 200px;
    background-color: #eeeeee;
    color: #333333;
    text-align: left;
    padding: 10px;
    border-radius: 0;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    /*width: 120px;*/
    top: 100%;
    left: 50%; 
    margin-left: -100px; /* Use half of the width (120/2 = 60), to center the tooltip */    
}

/* Show the tooltip text when you mouse over the tooltip container */
.infotip:hover .infotiptext {
    visibility: visible;
}

#textcontent, #filecontent {
	display: none;
}

#textcontent.active, #filecontent.active {
	display: block;	
}

.fa-numeral{
	line-height: 1;
	font-weight: bold;
}

.hover-class div.icon-container{
	background-color: #333 !important;
}
/*.hover-class{
	 -webkit-box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  -ms-box-sizing:border-box;
	  box-sizing:border-box;
	border-top: 4px solid yellow !important;
	border-bottom: 4px solid yellow !important;
	border-left: 4px solid yellow !important;
}

.hover-class + .hover-class{
	border-right: none !important;
	border-left: none !important;
}

.hover-class  + td:not(.hover-class) {
	border-left: 4px solid yellow !important;
}*/
.custom-tooltip{
	position: absolute;
	min-width:280px;
	min-height: 152px;
	background-color: #fff;
	z-index: 99999;
	top: -156px;
	left:2px;
	padding: 12px 20px;
	border-radius: 6px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.custom-tooltip td{
	padding-right: 12px;
	padding-bottom: 2px;
}
.custom-tooltip-double{
	min-width:500px;
	left: -280px;
}
.custom-tooltip-double table{
	width: 50%;
	float: left;
}
.custom-tooltip-double table + table{
	position: relative;
}
.custom-tooltip-double table + table:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -14px;
	width: 2px;
	background-color: #222;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
	border-top-color: #999;
}