/*--------------------------------------------------------------
# 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;
}
.box {
  flex: 1 1 50%;
  padding: 20px;
  box-sizing: border-box;
}

.flex-nav-container {
  display: flex;           
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content:center; 
  align-items:center
}
.flex2-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  justify-content:center; 
  align-items:center
}
.flex3-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;

}
.flex4-container {
  display: flex;           
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content:center; 
  align-items: flex-start;  
  /* height: 280px; */
}
.flex44-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:center; 
  width: 100%;
}


.flex5-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
}
.flex6-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction:column;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
}
.flex7-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
  justify-content:space-around;
  align-items: center; /* align vertical */
}
.flex8-container {
  display: flex;
  flex-direction: column;
  justify-content:center; 
  align-items:center;
  /* box-sizing: border-box;
  border: solid blue 3px; */
}
.flex9-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
  justify-content:center;
  align-items: center; /* align vertical */
}
.circ-text {
  width: 800px;
  padding:20px;
  text-align: right; 
  box-sizing: border-box;
  border: solid blue 2px;
}
.circ2-text {
  width: 400px;
  padding:20px;
  text-align:center;
  box-sizing: border-box;
  border: solid green 2px;
}
.nav-menu {
  width:700px;
}
.nav-direction {
  direction:rtl;
  /* height: 280px; */
}
.box {
  padding: 20px;
  box-sizing: border-box;
  background-color: blue;
}
.index-box {
  /* background: rgba(6, 101, 183, 0.9); */
  background-image: linear-gradient(#80b3ff, #0047b3);
  padding: 10px;
}
.index2-box {
  margin-top: -230px !important;
}

.index-text {
  margin-top: 100px;
  max-width: 300px;
  direction:rtl;
}
.index-img {
  max-width: 300px;
}
.index-spam {
  margin: 100px;
}
.index-video {
  margin-top:-50px !important;

}
.index-iframe {
  margin-top:0px !important;

}
.index-bottom {
  margin-top: 50em;
}
.mohel-video {
  width: 450px;
  height: 350px;
}
.reduce-lines {
  line-height: 20%;
}
/* th {
  background: #ABDD93;
} */

@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;
  }

  .nav-direction {
    direction:ltr;
    /* height: 280px; */
  }
  .flex-nav-container {
    justify-content: space-between;
  }
  .flex4-container {
    flex-direction:column;
  }

  .flex7-container {
    flex-direction:column;
    justify-content:column;
  }
  .index-spam {
    margin: 3px;
  }
  .index-video {
    margin-top:10px !important;
    width: 100% !important;
  }
  .index-iframe {
    margin-top:10px !important;
    width: 100% !important;
  }
  .circ-text {
    width: 100%;
  }
}