@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700);
/*font-family: 'Maven Pro', sans-serif;*/
@import 'https://fonts.googleapis.com/css?family=Yeseva+One';
/*font-family: 'Yeseva One', cursive;*/

.page-header
{
    font-family: 'Maven Pro', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 0px solid #eee;
    margin: 25px 0 0 15px;
    padding-bottom: 0px;
}

body
{
    background-color: #e3e3e3;
}

#IDContent
{
    
    margin-top: 150px;
    
}

#IDContent .container
{
    
    background-color: #fff;
    border-radius: 5px;
        padding-bottom: 25px;
}

#IDContent .clsGalleryItem
{
    margin-top: 20px;
}

.clsImgOverlay
{
    opacity: 0;
}

.clsImgOverlay:hover
{
    animation: fadeInOut 1s ease normal forwards 
}

@keyframes fadeInOut {
    0% { opacity: 0 }
/*
    25% { opacity: .25}
    50% { opacity: .5}
    75% { opacity: .75}
*/
    100% { opacity: 1 }
}


#wrapper {
  height: 320px;
  width: auto;
  margin: 40px auto;
  background-color: #ecf0f1;
  border-radius: 5px;
    font-family: 'Maven Pro', sans-serif;
    font-weight: 700;
}

#wrapper .date {
  background-color: #ffd668;
  height: 50px;
  border-radius: 5px 5px 0 0 ;
  text-align: center;
}

#wrapper span {
  display: block;
  padding-top: 10px;
  color: #000;
  font-weight: 400;
  font-size: 18px;
      font-family: 'Maven Pro', sans-serif;
}

#wrapper span + span {
  padding: 4px;
  font-size: 1em;
  width: 60px;
  background-color: #5AB2CA;
  margin: 15px auto;
  border-radius: 20px;
  font-weight: 700;
}

#wrapper ul {
  list-style-type: none;
/*  margin: 0;*/
  padding: 0;
}

#wrapper li {
  display: inline-block;
  width: 30px;
/*  margin-left: 10px;*/
    margin-left: 0px;
  font-size: .75em;
  font-weight: 900;
  color: #2c3e50;
        padding: 5px;
}

#wrapper li:nth-of-type(7) {
  margin-right: 10px;
}

#wrapper .days {
  height: 270px;
  padding-top: 30px;
  clear: both;
  
}

#wrapper ul:nth-of-type(2) {
  height: 20px;
  line-height: 20px;
  margin-top: 20px;
}

#wrapper ul:nth-of-type(3) {
  height: 20px;
  line-height: 20px;
  margin-top: 20px;
}

#wrapper ul:nth-of-type(4) {
  height: 20px;
  line-height: 20px;
  margin-top: 20px;
}

ul:nth-of-type(5) {
  height: 20px;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#wrapper ul:nth-of-type(6) {
  height: 20px;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 40px;
}

#wrapper .clsBooked {
  background-color: #ff8a80;
  padding: 5px;
  color: white;
  border-radius: 4px;
}

#wrapper .clsBooked:hover {
background-color: #ff5252 !important;
}

#wrapper .clsBlocked {
  background-color: #82b1ff;
  padding: 5px;
  color: white;
  border-radius: 4px;
}

#wrapper .clsBlocked:hover {
 background-color: #448aff !important;
  
}

#wrapper ul:nth-of-type(6) li:nth-child(1n+4) {
  color: #bdc3c7;
}

#wrapper li:hover
{
     background-color: #69f0ae !important;
    border-radius: 4px;
    padding: 5px;
}

.owl-pagination
{
    display: none;
}


.clsUpcomeEvntHead {

margin-top: 0px !important;
    font-size: 16px;
    font-weight: 500;

}

.clsUpcomeEvntContent {

        font-size: 14px;
    font-weight: 300;

}

.clsTableHead
{
    text-align: center;
    font-family: 'Maven Pro', sans-serif;
    font-weight: 600;
/*    text-transform: uppercase;*/
    border-bottom: 0px solid #eee;
    margin: 30px 0px 15px 0px;
    
}

.clsHallTableHead
{
    font-family: 'Maven Pro', sans-serif;
    font-weight: 400;   
    font-size: 16px;
    background-color: #eeeeee !important;
}

.clsHallTableBody td
{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #fff !important;
    font-family: 'Maven Pro', sans-serif;
    font-weight: 600;   
    font-size: 15px;
}

.clsHallAvailable
{
    background-color: #c8e6c9;
}

.clsHallAvailable:hover
{
       background-color: #b9f6ca !important;
}


.clsHallBooked
{
    background-color: #ffcdd2;
}

.clsHallBooked:hover
{
    background-color: #ff8a80 !important;
}

.clsHallBlocked
{
    background-color: #b3e5fc;
}

.clsHallBlocked:hover
{
    background-color: #80d8ff !important;
}

.clsHallAvailable .clsHallBookNow
{
    text-align: left;   
}

.clsHallAvailable .clsHallBookNow a
{
    text-decoration: none;
    color: #000;
}

.clsHallAvailable .clsHallBookNow a i
{
    font-size: 12px;
}

.clsHallTableBody .clsHallAvailable
{
    cursor: pointer;
}

.clsHallTableBody .clsHallBooked, .clsHallTableBody .clsHallBlocked
{
    cursor: not-allowed;
}



.clsButton:hover {
  background: #2e3192;
  text-decoration: none;
    color: #fff;
}

.clsHallDtls
{
    text-align: left;
    font-family: 'Maven Pro', sans-serif;
    font-size: 15px;
    font-weight:600; 
}

.accordion-toggle
{
    font-family: 'Maven Pro', sans-serif;
    font-size: 15px;
    font-weight: 700;
    
}

.panel-title a
{
    background-color: transparent !important;
    text-decoration: none;
}

/*Modified for new design---------------------------------------------------------------------------------------------------*/

.form-control
{
    margin-bottom: 15px;
    border-left: 2px solid #2e3192;
     font-family: 'Maven Pro', sans-serif;
    font-weight: 400;
}

.clsButtonBooking
{
    text-align: center;
    text-align: -webkit-center;
}

.clsButton {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  color: #000000;
  background: #ffd668;
  padding: 8px 15px 8px 15px;
  text-decoration: none;
    width: 200px;
    font-family: 'Maven Pro', sans-serif;
    font-weight: 700;
    font-size: 16px;
}

.clsBookingHead
{
    font-family: 'Maven Pro', sans-serif;
    font-size: 20px;
    color: #2e3192;
    margin-bottom: 5px;
}

.clsBookingHR
{
    margin-top: 10px !important;
    border-bottom: 1px solid #ffd668;
}

.clsBookHallDtls
{
    font-family: 'Maven Pro', sans-serif;
    font-size: 14px;
    text-align: left;
    font-weight: 500;
    
}

.clsImgHall
{
    border: 3px solid #2e3192;
}

#datetimepicker4{
    margin: 0 auto;
    width: 250px;
}

/*---------------------------------------------------------------------------------------------------*/