/* footages */
.footer__admin-custom-panel {
   position: relative;
   left: 50%;
   transform: translate(-50%);
   width: max-content;
   cursor: pointer;
}
#formForAdmin {
   position: relative;
   position: fixed;
   width:  50%;
   height: 50%;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   background-color: black;
   z-index: 4;
   padding: 10px;
}
#formForAdmin input {
   position: relative;
   max-width: 250px;
   left: 50%;
   transform: translate(-50%);
}
#formForAdmin button {
   cursor: pointer;
}
#formForAdmin p {
   text-align: center;
}
.formAdminContainer{
   position: relative;
   content: "";
   z-index: 3;
   position: fixed;
   width:  100%;
   height: 100%;
   left: 0%;
   top: 0%;
   background-color: rgba(0, 0, 0, 0.5);
   opacity: 0;
   visibility: hidden;
}
.formAdminContainer._visibleAdmin {
   opacity: 1;
   visibility: visible;
}
.exclusiveFormCnt {
   width: 50%;
   height: 50%;
}
.closeFormContainer {
   position: absolute;
   top: 10px;
   right: 10px;
   background-color: silver;
   width: 30px;
   height: 30px;
   overflow: hidden;
}
.closeForm {
   position: relative;
   top: 50%;
   text-align: center;
   transform: translate(0, -50%);
   font-size: 40px;
   cursor: pointer;
   color: black;
}

/*  */
.footage__item {
   position: relative;
}

.adminDeleteBoxContainer {
   position: absolute;
   top: 10px;
   right: 10px;
   background-color: silver;
   width: 35px;
   height: 35px;
   overflow: hidden;
   z-index: 4;
}
.adminDeleteBox {
   position: relative;
   top: 50%;
   text-align: center;
   transform: translate(0, -50%);
   font-size: 40px;
   cursor: pointer;
   color: #000;
}
.adminDeleteBox button {
   width: 36px;
}
.adminEditBoxContainer {
   position: absolute;
   top: 10px;
   left: 10px;
   background-color: #E9E9ED;
   width: 35px;
   height: 35px;
   overflow: hidden;
   z-index: 4;
}
.adminEditBox {
   position: relative;
   top: 50%;
   text-align: center;
   transform: translate(0, -50%);
   font-size: 25px;
   cursor: pointer;
   color: #000;
}
.mainEditBox {
   position: fixed;
   width:  50%;
   min-height: 50%;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   background-color: black;
   z-index: 40;
   padding: 10px;
   
   pointer-events: none;
   visibility: hidden;
   opacity: 0;
}
.mainEditBox p{
   text-align: center;
   position: relative;
}
.mainEditBox input{
   position: relative;
   display: block;
   left: 50%;
   transform: translateX(-50%);
}
.closeAnotherFormContainer {
   position: absolute;
   top: 10px;
   right: 10px;
   background-color: silver;
   width: 30px;
   height: 30px;
   overflow: hidden;
}
.closeAnotherForm {
   position: relative;
   top: 50%;
   text-align: center;
   transform: translate(0, -50%);
   font-size: 40px;
   cursor: pointer;
   color: black;
}
.addNewItemContainer {
   position: fixed;
   top: 100px;
   left: 20px;
   background-color: #bdbdc0;
   width: 40px;
   height: 40px;
   overflow: hidden;
   z-index: 4;
}
.addNewItem {
   position: relative;
   top: 50%;
   text-align: center;
   transform: translate(0, -50%);
   font-size: 40px;
   cursor: pointer;
   color: #000;
}
._hide {
   opacity: 0;
   pointer-events: none;
   visibility: hidden;
}

.mainAddBox {
   position: fixed;
   width:  50%;
   min-height: 50%;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   background-color: black;
   z-index: 40;
   padding: 10px;
}
.closeAddingFormContainer {
   position: absolute;
   top: 20px;
   right: 20px;
   background-color: silver;
   width: 30px;
   height: 30px;
   overflow: hidden;
}
.closeAddingForm {
   position: relative;
   top: 50%;
   text-align: center;
   transform: translate(0, -50%);
   font-size: 40px;
   cursor: pointer;
   color: black;
}
.mainAddBox p{
   text-align: center;
   position: relative;
}
.mainAddBox input{
   position: relative;
   display: block;
   left: 50%;
   transform: translateX(-50%);
}
.errorBig {
   text-align: center;
   position: relative;
   font-size: 40px;
   color: rgb(241, 105, 105);
}

/* poems */
.poems__item {
   position: relative;
}
/* proshow */
.proshow__item {
   position: relative;
}
.proshow__item strong {
   color: white;
}
.proshow__item [type="file"] {
   color: rgb(255, 255, 255);
}
.portfolio__item {
   position: relative;
}
/* main */
.footer__admin-custom-panel {
   opacity: initial;
}