.modal
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.8);
	display: none;
	box-sizing: border-box;
    z-index: 99999;
}
.map-window .map
{
	/* [disabled]min-width: 800px; */
	/* [disabled]min-height: 600px; */
	/* [disabled]position: absolute; */
	/* [disabled]top: 50%; */
	/* [disabled]left: 50%; */
	/* [disabled]margin-top: -300px; */
	/* [disabled]margin-left: -400px; */
	/* [disabled]background-color: white; */
	/* [disabled]box-sizing: border-box; */
	margin: 5%;
	height:80%;
}
.map-window .map iframe
{
	border: none;
	border-width: 0;
	box-sizing: border-box;
	height:100%;
}
.map-window .close
{
	background-color: #FFFFFF;
	font-size: 32px;
	opacity: 1.0;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 48px;
	height: 48px;
	border: 1px solid #CCCCCC;
}
.map-window .close:active,
.map-window .close:focus,
.map-window .close:hover
{
	opacity: 0.5;
}

.hotellist th.map,
.hotellist td.map
{
	/* [disabled]width: 4em; */
}
.hotellist td.usable
{
	/* [disabled]width: 2em; */
	/* [disabled]text-align: center; */
}
.hotellist th.tel,
.hotellist td.tel
{
	/* [disabled]width: 10em; */
}
.hotellist th
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nav-tabs{
	border:none;
	margin-bottom:10px;
}

.nav-tabs > li > a{
    margin: 3px;
    border-radius: 5px;
    background-color: #626262;
    color: #FFF !important;
    border: none;
    display: block;
    text-align: center;
}

table{
    background-color: #111;
    border-color: #464646 !important;
    vertical-align: middle !important;
    color: #FFF;
}

.table{
    color:#FFF;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus
{
    background-color: #D9B035;
    color: #111 !important;
    border: none;
}

td.title{
    background-color: #212121;
    color: #FFF;
    font-size: 1.25em;
}

.sub{
    color: #C7BEA1;
    font-weight: bold;
}

.nav-tabs
{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 1em;
}
	.nav-tabs li
	{
		flex: auto;
	}
	.nav-tabs li a
	{
		padding: .25rem 1em;
	}

.map a{
    text-align: center;
    background-color: #BC0003;
    color: #FFF !important;
    display: block;
    padding: 5px;
}

@media (max-width: 767px)
{

.hotellist td{
	display:block;
	width:100%;
	border-bottom:1px solid #464646 !important;

}

.hotellist td:last-child{
    border-bottom:none !important;
    }

.address{
    display: block;
    font-size:0.8em;
    }
    
    
}