/**Stylesheet for Comic Book Management System, Admin Panel.*/

body{
	margin:0;
	padding: 0;
}

.cbms_header_wrapper{
	position: relative;
	width: 100%;
	background: #F5F5F5;
	padding: .3em;
	border-top: 2em solid #E3F988;
	box-sizing: border-box;
}

.cbms_logo{
	position: relative;
	left: 50%;
	width: 15em;
	margin-left: -7.5em;
	transform: translateY(-50%;);
}

.cbms_logo img{
	width: 100%;
	height: auto;
}

.status{
	font-size: 1.2em;
	text-align: center;
}

#cbms_admin_buttons{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	border-bottom: .5em solid #E3F988;
}

.cbms_adminwrapper h3{
	font-size: 1.6em;
	text-align: center;
	text-transform: uppercase;
}

.cbms_form,
.cbms_list{
	position: relative;
	left: 50%;
	width: 90%;
	margin-left: -45%;
	box-sizing: border-box;
}

.cbms_list{
	padding: 2em 0em;
	border-bottom: 2px solid #000;
}

.cbms_labels{
	display: block;
	font-size: 1.2em;
	color: #000;
	padding: .5em 0em;
	text-transform: uppercase;
}

.cbms_inputs{
	position: relative;
	display: block;
	width: 100%;
	border: 2px solid #000 !important;
}

.cbms_checkboxes{
	font-size: 1.1em;
	color: #000;
}

#releasedate{
	display: block;
	position: relative;
	width: 100%;
	border: 2px solid #000;	
}

#creative_team, #synopsis{
	display: block;
	position: relative;
	width: 100%;
	height: 8em;
	border: 2px solid #000;	
}

.cbms_cover_image{
	position: relative;
	width: 15em;
}

.cbms_list_img{
	position: relative;
	width: 15em;
	margin-left: 1.5em;
}

.cbms_cover_image img, .cbms_list_img img{
	width: 100%;
	height: auto;
}

#bookimage{
	display: block;
}

.cbms_list_info{
	position: relative;
	font-size: 1.1em;
	padding: 1em;
	box-sizing: border-box;
}

.cbms_list_header{
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}

.cbms_list_information{
	display: block;
	background: #F5F5F5;
	padding: .5em;
	margin-top: .5em;
	width: 100%;
}

.cbms_admin_buttons{
	display: inline-block;
	position: relative;
	width: 18em;
	background: #E3F988;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	margin: 1em .5em;
	padding: .5em;
	box-sizing: border-box;	
}

.cbms_adminbuttons, .cbms_adminbuttons_input{
	display: block;
	position: relative;
	left: 50%;
	width: 18em;
	background: #E3F988;
	margin-left: -9em;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	padding: .5em;
	box-sizing: border-box;	
}

.cbms_admin_buttons:hover, .cbms_adminbuttons:hover, .cbms_adminbuttons_input:hover{
	background: #DAF766;
	color: #1B1B1B;	
}