/*--------------------------------------------------------------
# events
--------------------------------------------------------------*/
.sub-category-text {
  display:inline-block;
  width: 150px;
  overflow-wrap: break-word;
}
#logo {
  line-height:40px;
  font-size:30px;
  padding: 0 40px;
  color: white;
  width:40%;
  letter-spacing:2px;
  text-shadow:2px 2px 5px;
  height:40px;
}
.events {
  padding: 25px 5px 0px 5px;
  width:100%;
  background-color:  #0880e8;
}
#events-container {

  width:100%;
  min-height: 40px;
  margin-top:60px;

  /* background-color: #0880e8; */
  /* box-shadow: -2px -2px 5px white,2px -2px 5px white; */

}

#events-container > nav {
  width:100%;
  display:flex;
  max-height:60px;
}

#events-container > nav > ul {
  margin:0;
  padding:0;
  list-style-type:none;
  position:absolute;
  right:20px;
  display:flex;
  flex-wrap:wrap;  
  flex-direction:row; 

/*   min-width:60%; */
}
#events-container > nav > ul > li {
  line-height:40px;
  margin: 0 0px;
  padding:0;
  text-align:center;
  display:inline-block;
  
/*   background-color:green; */
  min-width:150px;

} 
#events-container > nav > ul > li > a {

  margin: 0 20px;
  color:white;
  min-width:150px;

}
#events-container > nav > ul > li:hover {
  border-bottom: 2px solid white;
  background-color: red;
  min-width:150px;

}
#events-container > nav > ul > .dropdown:hover {
  border-bottom:none;
}
#events-container > nav > ul > .dropdown:hover >  .dd
{
  display:block;
}
.dropdown:hover > a .fa-caret-down {
  display:none;
}
a {
  text-decoration:none;

}

#events-container > nav > ul > li > div {
  position:absolute;
  background-color:black;
  display:none;
  background-color:aliceblue;
  min-width:200px;
}

#events-container > nav > ul > li > div > ul {
  margin:0px 0 10px 0;
  padding:0;
  list-style:none;
}
#u_a_c {
  position:relative;
  width:100%;
/*   background-color:red; */
}
#up_arrow {
  position:relative;
  width:18px;
  height:18px;
  left:1%;
  top:-10px;
  background-color:aliceblue;
  transform:rotate(45deg);
}
#events-container > nav > ul > li> div > ul > li:hover {
  background-color:rgba(0,0,0,0.2);
}
#events-container > nav > ul > li > div > ul > li > a {
  padding : 5px;
  color:black;
}
.sub-category-text {
  line-height:15px;
}
.events-products {
  margin-top:20px;
  position:relative;

}
#events-product {
  margin-bottom: 30px;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

}
#events-product:hover {
  background-color:brown;
}
.events-product {
  display: flex;
  flex-direction: row;
  align-self: flex-end;
  justify-content:space-around;
  width:100%;
  margin-top: 100px;
}
.checkbox-red {
  background-color:red !important;
}


.tr-main {
  display: flex;
  flex-wrap: nowrap;
  justify-content: right;
  flex-direction:row;
}

.td-right {
  width:90px;
}
.td-center {
  flex:2;
  display: flex;
  justify-content:center;
  padding: 0px;
  margin: 0px;
}
.td-center2 {
  display: flex;
  justify-content:center;
}
.box{
  display:flex;
  justify-content:center;
}
.item1{
   flex:1;
   display: flex;
   justify-content: center;

}
.item2{
  flex:2;
  display: flex;
  justify-content:left;

}
.admin {
  padding: 30px 0;
  /* background: url("../img/about-bg.png") top center no-repeat; */ 
}
#admin-container {
  width:100%;
  min-height: 40px;
  margin-top:60px;
  background-color:#0880e8;
  width:100%;
  /* background-color: #0880e8; */
  /* box-shadow: -2px -2px 5px white,2px -2px 5px white; */
}
#admin-container > nav {
  width:100%;
  display:flex;
  max-height:60px;
}

#admin-container > nav > ul {
  margin:0;
  padding:0;
  list-style-type:none;
  position:absolute;
  right:20px;
  display:flex;
  flex-wrap:wrap;  
  flex-direction:row; 

/*   min-width:60%; */
}
#admin-container > nav > ul > li {
  line-height:40px;
  margin: 0 0px;
  padding:0;
  text-align:center;
  display:inline-block; 
  background-color:green;
  min-width:150px;
} 
#admin-container > nav > ul > li > a {

  margin: 0 20px;
  color:white;
  min-width:150px;

}
#admin-container > nav > ul > li:hover {
  border-bottom: 2px solid white;
  background-color: red;
  min-width:150px;

}

.admin-form {
  direction:rtl;
}
.admin-nav {
  margin-top: 0px;
}
.admin-nav .btn:hover {
  background-color: red;
}
.admin-nav a:hover {
  background-color: red;
}

.guestsTable {
  overflow-y: auto;
  height: 500px;
}
.guestsTable thead th {
  position: sticky;
  top: 0;
  background: #ABDD93;
}
.guestsTable table {
  border-collapse: collapse;        
  width: 100%;
}

.guests-selected-all {
  overflow-y: auto;
  height: 400px;
}
.guests-selected-all thead th {
  position: sticky;
  top: 0;
  background: #ABDD93;
}
.guests-selected-all table {
  border-collapse: collapse;        
  width: 100%;
}

.guests-seats-all {
  overflow-y: auto;
  height: 300px;
}
.guests-seats-all thead th {
  position: sticky;
  top: 0;
  background: #ABDD93;
}
.guests-seats-all table {
  border-collapse: collapse;        
  width: 100%;
}

#help{
  display:none;
}

.nav-myadmin {
margin-bottom: 0px;
}

.gallery-container {
  position: relative;

}

.image-size {
  display: block;
  width: 300px;
  height:350px;
}

.overlay {
  position: absolute;
  top: 1;
  bottom: 0;
  left: 0;
  right: 1;
  height: 350px;
  width: 300px;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.gallery-container:hover .overlay {
  opacity: 0.5;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.lan-select-form {
  padding: 20px;
  background: #dcdcdc;
}

.lan-form {
  border-radius: 8px;
  height: 38px;
  border:1px solid #C0C0C0;
}
.lan-form:focus {
  border-color: #86b7fe;
  outline: none; /* Remove the default outline */
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); /* Optional: Adds a subtle blue glow around the border */
}

@media (max-width: 768px) {
  #events-container {
      min-height:140px;
  }
  #events-container > nav > ul {
    flex-direction:column-reverse; 
  }
  .events-products {
    margin-top:120px;
  }
  .td-center {
    flex:none;

  }
  .admin-nav {
    margin-top: 0px;
  }
  .nav-myadmin {
    margin-bottom: 180px;
  }
}