#loginPanel{
	position: absolute;
	margin: auto;
	/* opacity: 0; */
	visibility: hidden;
	width: 500px;
	height: 30vh;
	background: white;
  	top: 30px;
	right: 30px;
	border-radius: 30px;
	overflow: hidden;
}

#loginInput{
	position: absolute;
	width: 50%;
	height: 20px;
	left: 50%;
	top: 5vh;
	border-radius: 30px;
	outline: none;
	text-align: center;
}

#passwordInput{
	position: absolute;
	width: 50%;
	height: 20px;
	left: 50%;
	top: 5vh;
	margin-top: 30px;
	border-radius: 30px;
	outline: none;
	text-align: center;
}

#loginButton{
	position: absolute;
	width: 30%;
	height: 20px;
	left: 60%;
	top: 5vh;
	margin-top: 60px;
	border-radius: 30px;
}

/* ------------------------------------------------- */

#adminPanel{
	position: absolute;
	width: 90%;
	height: 80%;
	top: 0;
	margin: 5%;
	background: grey;
	visibility: hidden;
	z-index: 2000;
}

#adminPanel-buttonsPanel{
	width: 30% !important;
	height: 100%;
	position: absolute;
	left: 0;
	background: darkgrey;
	z-index: 2100;
}

#adminPanel-actionsPanel{
	width: 70%;
	height: 100%;
	position: absolute;
	left: 30%;
	background: grey;
	z-index: 2150;
}

.dropDownButton, .dropDownList{
	width: 100%;
	padding: 6px 8px 6px 16px;
	font-size: 15px;
	display: block;
	border: none;
	background: none;
	text-align: center;
	cursor: pointer;
	outline: none;
	z-index: 2200;
}

#adminPanel-buttonsPanel a:hover, .dropDownButton:hover {
	color: white;
	z-index: 2200;
}

.dropDownList {
  display: none;
  /* background-color: #262626; */
  background-color: grey;
  padding-left: 8px;
}

.dropDownItem{
	width: 98%;
	text-align: center;
}

.active {
	background-color: grey;
	color: white;
	font-size: 15px;
}

.fa-caret-down {
	float: right;
	padding-right: 8px;
}

.inputPanel{
	width: 55vw;
	height: 100%;
	margin-left: 1%;
	position: absolute;
	z-index: 2200;
}

#image{
	visibility: hidden;
}

.itemInput, .itemArea{
	width: 99%;
	visibility: hidden;
}

.itemDate{
	visibility: hidden;
}

#confirmButton1{
	visibility: hidden;
}

.objectFromBase{
	width: 55vw;
	height: 30px;
	font-size: 15px;
}

.editDeleteObject{
	width: 45vw;
	height: auto;
	float: left;
}

.editDeleteButton{
	width: 10vw;
	height: auto;
	float: right;
	background: white;
}

#closeActionPanelButton{
	position: absolute;
	right: 0;
	bottom: 0;
}


