body{
		font-size: 10px;
		background:none repeat scroll 0 0 #FFFFFF;
	}
.contentminheight {
	min-height:500px;
	background-color:white;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

.main
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}
.top_row {
	padding-bottom: 15px;
	padding-top: 15px;
}
.header
{
	display: flex;
    align-items: center;
	position: relative;
	/* background: #CAE8EA; */
	background: #FFFFFF;
	margin-top:15px;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	padding-left: 15px;
}

#films a {
	text-decoration:none;
	color:#666666;
	cursor:pointer;
}
#films a:hover {
	cursor:pointer;
	background-color: #f5f5f5;
}
.table-hover:hover {
	background-color: #f5f5f5;
	cursor: pointer;
}



.info_btn
{
  background-color: #172F3B;
  border-color: #172F3B;
}

.navigation {
	background-color:#172F3B;
	font-weight:bold;
	padding-left: 15px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}
.nav > li > a {
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	padding-right:10px;
	color:#EEEEEE;
}
.nav-pills {
	padding-top:5px;
	padding-bottom:5px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background-color: #bfcbd6;
	color: #465c71;
	
}
.nav > li > a:hover, .nav > li > a:focus{
	background-color: #bfcbd6;
	color: #465c71;
}
.nav-pills > li:hover, .nav-pills > li > a:hover{
	background-color: #bfcbd6;
	color: #465c71;
	border-radius: 4px;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
	background-color: #f5f5f5;
	cursor: pointer;
}

/* Smartphone */
@media (max-width: 767px) {
	body{
		font-size: 1em;
		background:none repeat scroll 0 0 #FFFFFF;
	}
	h1 {
		font-weight: bold;
		margin: 0px;
		border: none;
		color: #172F3B;
		font-size:1.5em;
		line-height:1.5em;
	}
	h2 {
		font-weight: bold;
		margin: 0px;
		padding-top:10px;
		padding-bottom:10px;
		border: none;
		color: #666666;
		font-size:1.25em;
		line-height:1.25em;
	}
	h3 {
		font-weight: bold;
		margin: 0px;
		padding-top:5px;
		padding-bottom:5px;
		border: none;
		color: #666666;
		font-size:1em;
		line-height:1em;
	}
	.btn {
		font-size:0.8em;
  		padding: 6px 6px;
		}
	.form-control {
		font-size:1em;
	}
	.main
	{
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
	}
	.header
	{
		padding-left: 10px;
		margin-top:0px;
	}
	.navigation {
		padding-left: 0px;
	}
	.container {
		padding-right: 0px;
 		padding-left: 0px;
	}

}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px){
	body{
		font-size: 1em;
		background:none repeat scroll 0 0 #FFFFFF;
	}
	h1 {
		font-weight: bold;
		margin: 0px;
		border: none;
		color: #172F3B;
		font-size:1.5em;
		line-height:1.5em;
	}
	h2 {
		font-weight: bold;
		margin: 0px;
		padding-top:10px;
		padding-bottom:10px;
		border: none;
		color: #666666;
		font-size:1.25em;
		line-height:1.25em;
	}
	h3 {
		font-weight: bold;
		margin: 0px;
		padding-top:5px;
		padding-bottom:5px;
		border: none;
		color: #666666;
		font-size:1em;
		line-height:1em;
	}
	h4 {
		margin: 0px;
		padding-top:5px;
		border: none;
		color: #666666;
		font-size:1.10em;
		line-height:1.10em;
	}
	h5 {
		margin: 0px;
		padding-bottom:5px;
		border: none;
		color: #666666;
		font-size:1em;
		font-style:italic;
		line-height:1em;
	}
	.btn {
		font-size:1em;
	}
	.form-control {
		font-size:1em;
	}
	.main
	{
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
	}
	.header
	{
		padding-left: 10px;
		margin-top:0px;
	}
	.navigation {
		padding-left: 0px;
	}

}
/* PC */
@media (min-width: 992px) {
	body{
		font-size: 1.25em;
		background:none repeat scroll 0 0 #FFFFFF;
	}
	h1 {
		font-weight: bold;
		margin: 0px;
		border: none;
		color: #172F3B;
		font-size:2.5em;
		line-height:2em;
	}
	h2 {
		font-weight: bold;
		margin: 0px;
		padding-top:10px;
		padding-bottom:10px;
		border: none;
		color: #666666;
		font-size:1.5em;
		line-height:1.5em;
	}
	h3 {
		margin: 0px;
		padding-top:5px;
		padding-bottom:5px;
		border: none;
		color: #666666;
		font-size:1.25em;
		line-height:1.25em;
	}
	h4 {
		margin: 0px;
		padding-top:5px;
		border: none;
		color: #666666;
		font-size:1.10em;
		line-height:1.10em;
	}
	h5 {
		margin: 0px;
		padding-bottom:10px;
		border: none;
		color: #666666;
		font-size:1em;
		font-style:italic;
		line-height:1em;
	}
	.btn {
		font-size:1em;
	}
	.form-control {
		font-size:1em;
	}
}

.errorlist {
	float:right;
	color:red;
}

.infos {
	color:#696969;
	margin-bottom:20px;
}

.link {
	color:black;
}


.help-block {
	font-size:0.9em;
}


label {
	font-weight:normal;
}


p.bigger {
	font-size:larger;
}
p.smaller {
	font-size:smaller;
}
p.small {
	font-size:small;
}

.float_right {
	float:right;
}

.no_left_padding {
	padding-left:0px;
}
.modal-dialog {
	width:60px;
	height:40px;
	margin-top:25%;
}
.modal-content {
	opacity:1;
}