/* --------------- GLOBAL ---------------------- */
[ng\:cloak], [ng-cloak], .ng-cloak { display: none !important; }
#header .text-logo { height: 45px; }	
html, body {
	background: url(../../resources/landing/landing.jpg) no-repeat center center fixed;
	background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	color: black;
	overflow-x: hidden; 
}
#view-main { margin-top: 60px; }
.active > a { background-color: transparent !important; border-bottom: 3px solid red;}
.form-connexion { background-color: rgba(255,255,255,0.9); padding: 5px; 
				 color: grey; font-weight: normal;
				 max-width: 100%; }

.vertical-align { display: flex; align-items: center; }
				 
.thumbnail .image { height: 200px; overflow: hidden; display: block; position: relative;}
.thumbnail a   img, .thumbnail  img, .thumbnail .image img , .thumbnail .image a  img   
	{ max-height: none; width: 100%; max-width: 100%; height: auto; 
	 position: absolute; top: 50%; left: 50%; margin-right: -50%;
	 transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);
	 -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; 
	 -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.thumbnail .image > img:hover, .thumbnail .image > a > img:hover{ opacity: 0.5; }
.thumbnail { background-color: rgba(255,255,255,0.9); border-radius: 0; padding: 0;} 
.thumbnail .image { height: 230px; border-bottom: 1px solid grey; }
.thumbnail .caption  { height: 60px; overflow: hidden; padding: 0;}

.background-white { background-color: rgba(255,255,255,0.9); }
.color-green { color: green; }
.color-orange { color: orange; }
.color-red { color: red !important; }

.center { margin: 0 auto; text-align: center; position: absolute; 
		 left: 0; right: 0; max-width: 40%; z-index: 3; }

/* --------------- MODAL ------------------------------ */
.modal { display: block;	height: 0; overflow: visible; }
.modal-dialog {	margin-top: 100px; }
.modal-body:before, .modal-body:after { display: table; content: " "; }
.modal-header:before, .modal-header:after { display: table;	content: " "; }


/* --------------- HOME ---------------------- */
.navbar { background-color: transparent; border-color: transparent; font-weight: bold }
#header .navbar-nav > li > a { 	color: rgb(112,115,235); }
#header .navbar-scroll-top{ background-color: white;  }	
#header .navbar-scroll-top-remove, #header .navbar-scroll-top-add{ 
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }	
.search-box { left: 0; margin-top: 10%; max-width: 100%; color:grey; }
.search-box > input { width: 90%; height: 40px; }
.search-box > button { width: 9%; height: 40px; background-color: white; border: none;}
.bg-grey { background-color: rgba(255,255,255,0.9); }
#view-home section { min-height: 100vh; }
#view-home .thumbnail { background-color: transparent; border-radius: 0; padding: 0; border: none;} 
#view-home .thumbnail .image { height: 270px; border: none; }
#view-home .thumbnail .caption  { height: 100px; overflow: hidden; }
#view-home #explication { padding-top: 7%; margin: 0; }
#view-home #explication .title{ color: grey;  }
#view-home #explication .content{ color: grey; min-height: 88vh; }
#view-home #phrase  { margin-left: auto; margin-right: auto; margin-top: 10%; width: 900px; 
					font-size: 5em; font-style:bold; color: rgb(51,102,153); background-color: transparent; border: none; }

#view-home #intro .instruction { margin-top: 2%; } 
#view-home #intro .instruction button { background-color: rgba(255,255,255,0.9); } 

/* --------------- BOOK ----------------------- */
#view-book .search-box { margin-top: 0; margin-bottom: 15px; margin-left: 15px;
						padding-bottom: 15px; padding-left: 0;
						border-bottom: 1px solid grey;}
.result { background-color: rgba(255,255,255,0.8); padding-bottom: 10px; }
.filter { background-color: white; padding: 10px; height: 40px; }
.filter > .caret { margin-top: 7px; }
.no-result { height: 300px; background-color: white; }
#filterSearch { cursor: pointer; }
#filterMenuDD > li { padding: 2px 10px; }
.search-croix { position: absolute; top: 12px; right: 80px; cursor: pointer;}

/* ---------------- SINGLE BOOK ----------------- */
#view-single-book { min-height: 90vh; }
#view-single-book .thumbnail  { 	margin: 0; padding: 0; background-color: transparent; border-color: transparent; }
#view-single-book .thumbnail .image { height: 100vh; border: none; }
.big { width: 100%; }
.margin-top-15{ margin-top: 15px; }
.dragdrop{ height: 100px; z-index: 10; }
.position-absolute{ position: absolute;}
.position-relative{ position: relative; z-index: 2;}
.drop-zone { border: 2px dashed #bbb; text-align: center; height: 100vh; }
.drop-zone-accepted { border-color: blue; }
.livre-disponible { border: 1px solid black; }
.background-transparent { background-color: transparent; }
.book-detail { line-height: 0.7; }
.capitalize {text-transform: capitalize;}

/* ----------------- MEMBER ----------------------- */
.view-inside { margin-top: 15px; min-height: 600px; }
.grid { width: 100%; min-height: 550px; }

/* ----------------- INSCRIPTION ----------------------- */
.angular-google-map-container { height: 300px; }