@import 'bootstrap/bootstrap';
@import 'bootstrap/variables';
@import 'bootstrap/mixins';


body{
    font-family: 'Lato',Arial, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    font-weight: normal;
    background: #f8f9fd;
    color: lighten(#000000FF,50%);
}
a {
    transition: .3s all ease;
    color: #bd83ce;
}
a:hover, a:focus {
              transition: .3s all ease;
              color: #bd83ce;
              text-decoration: none !important;
              outline: none !important;
              box-shadow: none;
          }

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
    line-height: 1.5;
    font-weight: 400;
    font-family: 'Lato',Arial, sans-serif;
    color: #000000FF;
}

.bg-primary{
    background: #BD83CEFF !important;
}

.ftco-section{
    padding: 7em 0;
}

.ftco-no-pt{
    padding-top: 0;
}
.ftco-no-pb{
    padding-bottom: 0;
}
/*HEADING SECTION*/
  .heading-section{
      font-size: 28px;
      color: #000000FF;
  }

/*COVER BG*/
  .img{
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
  }


.calendar-section {
    margin-bottom: 20px;
}
.calendar, .calendar_weekdays,
.calendar_content {
    max-width: 585px;
}

.calendar {
    /*float: left;*/
    margin: auto;
    min-width: 320px;
    font-weight: 400;
    background: #FFFFFFFF;
    padding: 10px;
    -webkit-box-shadow: 0px 4px 26px -22px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 4px 26px -22px rgba(0,0,0,0.14);
    box-shadow: 0px 4px 26px -22px rgba(0,0,0,0.14);
}

.calendar_weekdays {
    color: #aaa;
    font-weight: 300;
}
.calendar_weekdays div {
    display:inline-block;
    vertical-align:top;
    color: #000000FF;
    font-weight: 700;
}
.calendar_content, .calendar_weekdays, .calendar_header {
    position: relative;
}
.calendar_content:after, .calendar_weekdays:after, .calendar_header:after {
    content: ' ';
    display: table;
    clear: both;
}
.calendar_weekdays div, .calendar_content div {
    /*border: 1px dotted #999;*/
    width: 14.28571%;
    height: 68px;
    line-height: 69px;
    overflow: hidden;
    text-align: center;
    background-color: transparent;
}

.calendar_content div {
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #000000FF;
}
.calendar_content div:hover {
    border: 1px solid #ededed;
    /*line-height: 68px;*/
    cursor: pointer;
}

.calendar_content div.blank:hover {
    cursor: default;
    border: none;
}

.calendar_content div.past-date {
    cursor: initial;
    color: #d5d5d5;
}
.calendar_content div.today{
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFFFF;
    background-color: #BD83CEFF;
}
.calendar_content div.booked{
    pointer-events: none;
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFFFF;
    background-color: #CE8386FF;
}
.calendar_content div.selected {
    background-color: rgba(153, 153, 161, .2); /*rgba(170, 170, 176, .5) #aaaab0*/
    border: 1px solid white;
}
.calendar_header {
    width: 100%;
    text-align: center;
    position: relative;
    height: 55px;
    display: table;
    vertical-align: middle;
}

.calendar_header h2 {
/* float:left;*/
/* width:70%;*/
/* line-height: 1.9;*/
    margin-top: 15px;
    padding: 0;
    font-weight: 700;
    font-size: 18px;
    color: #000000FF !important;
    text-transform: uppercase;
}

button.switch-month {
    background-color: transparent;
    padding: 0;
    outline: none;
    border: none;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: lighten(#000000FF, 80%);
    /* float: left;*/
    /* width:15%;*/
    transition: color .2s;
}
button.switch-left{
    background-color: transparent;
    padding: 0;
    outline: none;
    border: none;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: lighten(#000000FF,80%);
    /* float: left;*/
    /* width:15%;*/
    transition: color .2s;
     left: 0;
 }
button.switch-right{
     background-color: transparent;
     padding: 0;
     outline: none;
     border: none;
     height: 40px;
     width: 40px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     color: lighten(#000000FF,80%);
     /* float: left;*/
     /* width:15%;*/
     transition: color .2s;
     right: 0;
 }


button.switch-month {
    color: #BD83CEFF;
}
button.switch-month:active {
    background-color: transparent;
}
/* .calendar_header h2 {
   //   color: #409EDD;
   //   line-height: 1.7;
   // }*/