@charset "utf-8";
/* CSS Document */

.body_backend {
	overflow: auto;
	background-image:url('../img/bodybg.png'); 
}

.body_backend_login {
	background-color: #D3D3D3;
	background-image:url('../img/bodybg.png'); 
}

.login_box {
	padding: 60px 50px; width: 400px; border-radius: 3px; background-color: #E1E1E1; border: 1px solid #A6A6A6; margin: auto;  color: #000;
		box-shadow: 0px 7px 7px 1px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 7px 7px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 7px 7px 1px rgba(0,0,0,0.75);
}

.login_box_button {
	width: 100%; height: 40px; border-radius: 4px; border: 1px solid #868686; background-color: #1062AF; color: #fff; font-size: 11pt; font-weight: bold; cursor: pointer;
}
.login_box_button:hover {
	border: 1px solid #868686; background-color: #1880E1;
}

.event_delete_button {
	background-color: #E7272C; border-radius: 4px; border: 1px solid #FD4C51; width: 100%; height: 15px; text-align: center; color: #fff; padding: 8px; cursor: pointer
}

.event_delete_button:hover {
	background-color: #B41E22; border: 1px solid #FD4C51;
}

.content_wrapper_backend {
	width: auto;
	max-width: 1920px;
	margin: auto;
	position: relative;
}

.backend_menu {
	
	width: 12%; float: left; background-color: #292929; height: 100%;	
-webkit-box-shadow: 11px 0px 11px -5px rgba(0,0,0,0.51);
-moz-box-shadow: 11px 0px 11px -5px rgba(0,0,0,0.51);
	box-shadow: 11px 0px 11px -5px rgba(0,0,0,0.51);
	z-index: 2;
}

.button_logout {
	float: right; border-radius: 4px; padding: 10px 30px 5px 30px; background-color: #E7272C; font-size: 11pt; border: 1px solid #EF353A; cursor: pointer;
}

.button_logout:hover {
	background-color: #B41E22; border: 1px solid #CC3034;
}

.content_box_title {
	width: auto; padding: 15px 0px 10px 30px;background-color: #E1E1E1; line-height: 1; font-weight: bold; font-size: 15pt; border-radius: 4px;
}

.button_create_newsite {
	width: 100%; height: 40px; border-radius: 4px; border: 1px solid #868686; background-color: #1062AF; color: #fff; font-size: 11pt; font-weight: bold; cursor: pointer;
}
.button_create_newsite:hover {
	border: 1px solid #868686; background-color: #1880E1;
}

.dropdown_menu {
	width: 100%; padding: 5px; margin-bottom: 10px; border-radius: 3px; height: 30px; border: 1px solid #868686;
}


.menu_header {
	width: auto; padding: 15px 0px 10px 30px; margin-top: 20px; background-color: #353639; line-height: 1; font-weight: bold; font-size: 15pt;
	
}

.menu_item {
	width: auto; padding: 20px 0px 15px 30px; line-height: 1; font-weight: bold; cursor: pointer;
}

.menu_item:hover {
	background-color: #323336;
}

.menu_item_logout {
	width: auto; padding: 20px 0px 15px 0px; line-height: 1; font-weight: bold; cursor: pointer; margin-top: 40px; background-color: #E7272C; text-align: center
}

.menu_item_logout:hover {
	background-color: #B41E22;
}

.loading_overlay {
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(184,184,184,0.53); text-align: center; display: none; padding-top: 25%;
}

table {
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 2px;
}

tr:nth-child(odd) {
  background-color: #CFCFCF;
}