html {height: 100%;}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	background-color: #ffffff;
	margin: 0;
}

body.login {font-size: 170%;}

div.header {min-height: 100px; padding: 1% 5% 1% 5%;}
div.header h1, div.header h2 {text-shadow: 1px 1px 7px rgba(0,0,0,0.3);}
div.header h1 {font-size: 200%; margin: 0; margin-bottom: 10px;}
div.header h2 {font-size: 120%; margin: 0; color: #777; letter-spacing: 1.2pt; font-style: italic;}


/* Menus */

div.subMenu {margin-bottom: 20px; clear: both;}
div.subMenu ul.nav {margin-left: 0;}
nav.navbar {padding-left: 0%; width: 92%; margin: 0 auto; border: solid #e8e8e8 1px; box-shadow: 0px 0px 5px rgba(0,0,0,0.08);}
div.navbar-collapse {padding-left: 0; padding-left: 0%; border-top: 0;}
ul.nav {margin-left: 0%;}
div.container {margin: 0; padding-left: 0;}
.navbar-default .navbar-nav > .active > a {background-color: rgba(0, 0, 0, 0.05); border: solid #ccc 1px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}

ul.bookListing
{
	width: 60%;
	margin: 0 auto;
	margin-bottom: 100px;
}

ul.bookListing li.media {margin-top: 30px; background-color: #eee; padding: 20px;}

div.content_container {
	padding: 1% 5% 1% 5%;
	min-height: 750px;
	overflow: auto;
}

div.footer {
	border-top: solid #e5e5e5 1px;
	width: 92%;
	margin: 0 auto;
}

div.footer p {
	margin-top: 10px;
	text-align: center;
	font-style: italic;
	color: #777777;
}

div.floater {width: 47%; float: left; min-height: 300px; padding-right: 2%; min-width: 300px;}

div.controls {text-align: right;}
div.controls p {text-align: right; margin-bottom: 10px;}

div.content_data {
	padding: 20px;
	margin-bottom: 20px;
	overflow: auto;
}

.dropzone {border: dotted #aaa 2px !important; border-radius: 10px; background-color: #f0f0f0 !important;}

/* Rules for the login page */

div.login {
	margin: 0 auto;
	padding: 20px 50px 50px 50px;
}

div.login form div.form-group {max-width: 500px; margin: 0 auto; margin-bottom: 20px;}
div.login form div.form-check {max-width: 500px; margin: 0 auto; text-align: center;}

div.login_wrapper {width: 550px; margin: 0 auto; margin-top: 0px;}

div.login h1.siteHeading {text-align: center; font-size: 200%; letter-spacing: 1.2pt; margin-bottom: 5px;}
div.login h2.siteHeading2 {text-align: center; font-size: 125%; margin-top: 5px; letter-spacing: 1.2pt;}
div.login h1.loginHeading {text-align: center; font-size: 150%;}
div.login > .form-group {max-width: 500px;}

div.login a:hover {color: #ff8800;}
button.login {margin-top: 20px; width: 200px;}

input.SubmitButton {height: 30px; width: 80px; font-size: 12px; padding: 1px; margin: 1px;}

div.textContainer {width: 80%; margin: 0 auto; background-color: #fff;}

/* These rules are for the login-page only */
div.textContainer h3, ul {margin-left: 40px;} 
div.textContainer h1 {color: #00aff1;}
div.textContainer h1, h2, h3, ul {text-align: left;}
div.textContainer p {color: #000; margin-left: 40px !important;}
div.textContainer {padding: 20px; border-radius: 20px;}

div.topMenu {border-bottom: solid #ddd 1px; min-height: 50px; max-width: 92%; margin: 0 auto;}

/* Statistics */
table.statsTable td:nth-child(2), table.statsTable th:nth-child(2)  {text-align: right;}

div.floating_div {width: 50%; float: left;}

div.success_message {font-size: 120%; margin: 30px 0 30px 0; padding: 2px; background-color: #779d26;}
div.error_message {font-size: 120%; margin: 30px 0 30px 0; padding: 2px; background-color: #f29612;}
div.success_message p, div.error_message p {color: #ffffff; margin: 5px 10px 5px 10px; text-align: center; text-shadow: 1px 1px 2px rgba(0,0,0,0.7);}
div.message p {font-size: 120%; text-align: center;}

div.image_category {height: 100px; clear: both; padding: 10px;}
div.image_category h3 {margin: 0;}


div.containerOne 
{
	border: solid #ddd 1px;
	border-radius: 5px;
	padding: 10px;
	margin: 20px 0 20px 0;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
}

.panel-default > .panel-heading {
  
  background-color: #fff;
  border-radius: 5px;
  
}

div.UsrCatContainer {width: 250px; float: left; border: solid #ccc 1px; border-radius: 5px; margin: 10px; padding: 10px;}

h1 {font-size: 275%; font-weight: 200; margin: 30px 0 20px 0;}
h2 {font-size: 200%; font-weight: 200; margin: 20px 0 20px 0;}
h3 {font-size: 150%; font-weight: 200; margin: 0px 0 20px 0;}
h4 {font-size: 125%; font-weight: 200; margin: 20px 0 20px 0;}

p {font-weight: 300; text-align: justify;}
.centered {text-align: center;}
form h3 {margin: 30px 0 0;}
form p {margin: 10px 0 0;}
.alert p {margin: 0;}
a.menu_item{
	color: #000000;
	text-decoration: none;
	margin-right: 0.75%;
	position: relative;
	top: 14px;
	font-size: 100%;
	font-weight: 300;
}

a.menu_item:hover {text-decoration: none; border-bottom: solid #00aff1 1px;}

a {color: #00aff1;}
a:hover {text-decoration: underline;}
li.open {background-color: #fff;}

 .iconHome {width: 25px; height: 22px; position: relative; top: -5px; opacity: 0.6;}


/* Colors */ 

.headingColor1 {color: #00aff1;}
.headingColor2 {color: #00aff1;}
.headingColor3 {color: #00aff1;}
.headingColor4 {color: #00aff1;}


.box_shadow {box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.input_text {width: 100%; padding: 5px; border: solid #ccc 1px; border-radius: 5px; margin-top: 5px;}
/* .wide_input_text {width: 100%;} */
.no_wrap {white-space: nowrap;}
.centered_text {text-align: center;}
.white{color: #ffffff;}
.left_aligned {text-align: left;}
.rAlign {text-align: right;}
.largeBold {font-size: 130%; font-weight: bold;}
.bordered {border-bottom: dotted #bbb 1px;}
.bold {font-weight: bolder;}

.bottomControls {border-top: solid #ccc 3px; padding-top: 10px; margin: 10px 0 10px 0;}

textarea, input {font-family: inherit;}

p.small {font-size: 85%;}
p.large {font-size: 115%;}
p.breadCrumbs {background-color: #eee; border-radius: 5px; padding: 10px;}


hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

b {font-weight: 500;}

img.tnail {width: 250px; height: auto; margin-top: 0px; border: solid #fff 3px;}
img.tnail:hover {border: none; border: solid #ddd 3px;}
img.lb-image {border: solid #444 1px !important; border-radius: 0 !important;}

img.singleImage
{
}

.album {border: solid #ccc 1px; min-height: 100px; margin: 10px; border-radius: 5px; padding: 10px;}

.imgCard {width: 300px; float: left; margin: 5px; border: 0;}
.fileCard {margin-bottom: 20px;}
.fileCard p {margin: 10px;}
p.fileName {margin-bottom: 0;}
p.fileDesc {margin-top: 0;}
.fileIcon {width: 50px;}

@media(max-width: 600px)
{
	div.login_wrapper {width: 100%; margin: 0 auto;}
	div.login_left {width: 80%; float: none; margin-left: 20%;}
	div.login_right {width: 80%; float: none; margin-left: 20%;}
	div.floater{float: none; width: 100%;}
}