.bodies {
	color: white; 
	background-image: url(background.png); 
	background-size: cover;
}

.head_div{
	display: inline-block; 
	width: 33%; 
}

.login{
	width:20% ; 
	padding:20px ; 
	margin: auto; 
	border: 2px solid white; 
	border-radius: 10px; 
	margin-top: 60px; 
	background: transparent; 
	min-width: 300px; 
}

.small{
	font-size: .6em;
}

.black{
	color: black;
}
.red{
	color: red;
}

.head{
	/*font-size: 0.8em;*/
	margin-right: 30px; 

}

.clickable{
	display: inline-block;
}

.clickable:hover{
	text-shadow: 0px 0px 10px white;
	cursor : pointer;
}

a{
	color: white;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
	color: white;
}

.navdiv{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 0px;
	/*background: rgba(0, 0, 0, .5);
	border-radius: 10px;*/
}

.leftdiv{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 50px;
	padding-left: 30px;
	padding-right: 30px;
	/*background: rgba(0, 0, 0, .5);
	border-radius: 10px;*/
}

.raw{
	text-align: left;
}


.schedule_table{
	text-align: left;
}

.middiv{
	text-align: left;
	padding: 20px;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	border: 2px solid rgba(255, 255, 255, .1);
}

.hidden{
	display: none;
}

.top-margin{
	margin-top: 30px;
}

.buttons_holder{
	width: 100%;
	display: table;
	table-layout: fixed;
}

.buttons{
	display: table-cell;
	text-align: center;
}

.glyphicon-remove-circle{
	color: red;
}

.glyphicon-triangle-left, .glyphicon-triangle-right, 
.glyphicon-fast-backward, .glyphicon-fast-forward, 
.glyphicon-backward, .glyphicon-forward{
	font-size: 20px;
}
.middiv_container{
	margin-top: 30px;
	text-align: center;
}

#middiv_results{
/* 	height: 600px;  */
/* 	overflow-y: scroll; */
box-sizing: border-box;
}

#descriptions{
	height: 240px;
	overflow-y: scroll;
}

#descriptions::-webkit-scrollbar{
	width: 7px;
}

#descriptions::-webkit-scrollbar-track{
	background-color: transparent;
    -webkit-border-radius: 6px;
}

#descriptions::-webkit-scrollbar-thumb{
	background-color: rgba(255, 255, 255, .3);
    -webkit-border-radius: 6px;
}

.rightdiv{
	margin-top: 30px;
	text-align: center;
}

.preview_container{
	margin: auto;
	width: 300px;
	background-color: rgba(0, 0, 0, .3);
	border-radius: 10px;
	text-align: center;
	padding: 5px;
	border: 2px solid rgba(255, 255, 255, .1);
}

.preview_scrollable{
	height: 350px; 
	overflow-x: hidden; 
	overflow-y: scroll; 
	color: white; 
	font-family: verdana; 
	background-color: transparent;
	text-align: left;
	padding: 20px;
}

.preview_scrollable::-webkit-scrollbar{
    width: 7px;
}
.preview_scrollable::-webkit-scrollbar-track{
    background-color: transparent;
    -webkit-border-radius: 6px;
}
.preview_scrollable::-webkit-scrollbar-thumb
{
    background-color: rgba(255, 255, 255, .3);
    -webkit-border-radius: 6px;
}

.preview_h5{
	font-size: .9em;
	margin-bottom: 20px;
	font-family: "Verdana";
	font-weight: bold;
	margin-bottom: 10px;
}

.preview_p{
	font-size: .9em;
	font-family: "Verdana";
	font-weight: lighter;
	margin-bottom: 20px;
}

.alert{
	width: 100%;
	min-width: 300px;
	margin: auto;
	text-align: center;
	display: none;
}
.alert-container{
	margin-top: 30px;
	/*display: none;*/

}
.preferable{
	position: relative;

}

.choose_prefered{
	position:absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
	float: right;
	display: inline-block;
	background-color: #A9E2F3;
	padding-left: 5px;
	padding-right: 5px;
	visibility: hidden;
	margin-top: 3px;
	margin-right: 3px;
}

.remove_unprefered{
	position:absolute;
	top: 25px;
	right: 0px;
	z-index: 100;
	float: right;
	display: inline-block;
	background-color: #F3E2A9;
	padding-left: 5px;
	padding-right: 5px;
	visibility: hidden;
	margin-top: 3px;
	margin-right: 3px;
}

.block{
	display:block;
}

.full-width{
	width: 100%;
}

.no-display{
	display: none;
}

.narrow{
	width: 200px;
}

.navigation .list-group-item{
	background-color: rgba(255, 255, 255, .2);
	border: none;
}

.navigation .list-group-item:hover{
	text-shadow: 0px 0px 10px white;
	cursor : pointer;
}

.content{
	padding: 0px;
	min-height: 600px;
}