/* ///////////////////////////////////////////////// */
/* /  DYNAMIC CALENDAR SCSS  / */
/* ///////////////////////////////////////////////// */
/* importing scss's */
.clear {
  clear: both;
}

@keyframes video {
  0%, 100% {
    transform: translate(-50%, 0%);
  }
  10% {
    transform: translate(-40%, -10%);
  }
  20% {
    transform: translate(-30%, -20%);
  }
  30% {
    transform: translate(-20%, -30%);
  }
  40% {
    transform: translate(-10%, -40%);
  }
  50% {
    transform: translate(0%, -50%);
  }
  60% {
    transform: translate(-40%, -10%);
  }
  70% {
    transform: translate(-30%, -20%);
  }
  80% {
    transform: translate(-20%, -30%);
  }
  90% {
    transform: translate(-10%, -40%);
  }
}
/* ==========================================================================
   _mixins.scss = Define the helpers
   ========================================================================== */
/*------------------------------------*\
  #MEDIA QUERIES
\*------------------------------------*/
/*------------------------------------*\
  CSS HELPERS
\*------------------------------------*/
/* positions and states */
/* display flex */
/* display inline-flex */
/* justify contet */
/* align content */
/* align items */
/* align self */
/* flex direction */
/* flex wrap */
/* flex grow */
/* flex grow */
/* flex */
/* order */
/* dimensions  */
/* colors  */
.cross {
  height: 100%;
  position: relative;
  z-index: 301;
  width: 100%;
  display: block;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.cross:after, .cross:before {
  cursor: pointer;
  height: 1px;
  width: 21px;
  position: absolute;
  z-index: 400;
  display: block;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.cross:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 20px;
  right: 9px;
}
.cross:before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 20px;
  left: 10px;
}

/* overlay button */
.open_dynamic_calendar {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 500;
  top: 0;
  left: 0;
}

/* wrapper  */
.dyncal_wrapper {
  width: 100%;
  height: 100%;
  visibility: hidden;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  filter: Alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -ms-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  background: rgba(136, 136, 136, 0.5);
}
@media (min-width: 768px) {
  .dyncal_wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    webkit-justify-content: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .dyncal_wrapper {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.dyncal_wrapper.visible {
  z-index: 901;
  visibility: visible;
  opacity: 1;
  filter: Alpha(opacity=100);
}

/* box */
.dyncal_box {
  display: block;
  max-width: 1060px;
  width: 100%;
  height: auto;
  overflow: auto;
  background-color: #EEE;
  color: #333;
}
@media (min-height: 800px) {
  .dyncal_box {
    min-height: 460px;
    height: auto;
  }
}

/* header */
.dyncal_header {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 0 0 40px;
  background-color: #006961;
  color: #fff;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.dyncal_header h4 {
  line-height: 60px;
  color: #fff;
}
.dyncal_header .close_calendar {
  display: block;
  width: 60px;
  height: 60px;
  margin-left: auto;
  background: #009c90;
}
.dyncal_header .close_calendar:hover {
  background: #00b6a8;
}
.dyncal_header .close_calendar .cross:after, .dyncal_header .close_calendar .cross:before {
  height: 2px;
  width: 40px;
  top: 27px;
  background-color: #fff;
}
.dyncal_header .close_calendar .cross:after {
  right: 9px;
}
.dyncal_header .close_calendar .cross:before {
  left: 10px;
}

/* widget css */
#fb_calendar .fbw-calendar {
  padding: 20px 0;
}
#fb_calendar .fbw-calendar button {
  top: 20px;
}
#fb_calendar .fbw-calendar--config {
  padding: 10px 20px;
  margin: 0;
  background-color: #eee;
}
#fb_calendar .fbw-calendar--config > fieldset,
#fb_calendar .fbw-calendar--config > div {
  margin-right: 0;
  margin-left: 0;
}
#fb_calendar .fbw-calendar--config label {
  margin: 10px 0 5px;
  font-weight: 300;
  font-size: 0.9em;
  text-transform: uppercase;
}
#fb_calendar .fbw-calendar--config input,
#fb_calendar .fbw-calendar--config select {
  padding: 0 10px;
  border: 1px solid #ccc !important;
}
#fb_calendar .fbw-calendar--config .fbw-calendar--dates {
  height: auto;
}
#fb_calendar .fbw-calendar--config .fbw-calendar--dates span {
  display: block;
  height: 25px;
  padding: 0 10px;
  margin: 0;
  line-height: 25px;
  border: 1px solid #ccc;
}
#fb_calendar .fbw-calendar--config .config-item {
  margin-top: 5px;
}
#fb_calendar #widgets--wrapper {
  padding-right: 0;
}
#fb_calendar #widgets--wrapper .fbw-calendar--main {
  color: #666;
  max-width: 100%;
}
#fb_calendar .fbw-calendar--month {
  width: 95%;
}
#fb_calendar .fbw-calendar--month thead th {
  padding: 5px 0;
  text-transform: uppercase;
}
#fb_calendar .fbw-calendar--month .fbw-calendar--day.chosen_day {
  background-color: #008379 !important;
  color: #FFF;
}
#fb_calendar .fbw-calendar--month .fbw-calendar--day.fbw-calendar--in-between {
  background-color: #005049 !important;
  color: #FFF;
}
#fb_calendar .fbw-calendar--action .next {
  background-color: #0eafa2 !important;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#fb_calendar .fbw-calendar--action .next:hover {
  background-color: #0a8076;
}
#fb_calendar .fbw-calendar--action .next .next--button {
  color: #fff;
}
#fb_calendar .fbw-calendar--legend {
  text-align: center;
}
#fb_calendar .fbw-calendar--bottom .mobile {
  display: none;
}

/*# sourceMappingURL=dynamic_calendar.css.map */