/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/
body,
.wpcf7-select,
.simcal-calendar-head,
.qtip-content {
  /* https://www.w3schools.com/colors/colors_picker.asp */
  background-color: #336699;
}

.simcal-nav-button {
  color: white !important;
}

.simcal-nav-button:disabled {
  opacity: 0 !important;
}

.paoc-popup-modal,
.paoc-popup-modal-cnt {
  background-color: rgba(51, 102, 153, 0.7);
}

.headerblock {
  font-weight: 900;
}
.simcal-event-bubble{
  background-color:#464646 !important;
}

.qtip-content ul.simcal-events{
  padding-left: 0px;
}
@media screen and (min-width: 600px) {
  /*not on mobile*/
  .sticky {
    font-weight: 900;
    padding-top: 15px;
    left: 0px;
    width: 94.5% !important;
    position: fixed;
    top: 0;
    z-index: 10;
  }
  .sticky::before {
    content: '';
    z-index: -1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#336699), color-stop(85%), to(rgba(51, 102, 153, 0)));
    background-image: linear-gradient(#336699, 85%, rgba(51, 102, 153, 0));
    left: 0px;
    position: absolute;
    top: 0;
    height: 100%;
    width: 150% !important;
  }
 .simcal-events-dots {
    display: none !important;
  }
  .simcal-events {
    display: block !important;
  }
}

.popupaoc-link,
.simcal-current-month,
.simcal-current-year {
  color: #fff;
}

.simcal-event-title {
  font-size: 12px;
  color: #fff;
}

.simcal-day-number {
  color: #fff !important;
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.simcal-day {
  border-right-style: solid;
  border-left-style: solid;
  border-right-width: 2px;
  border-left-width: 2px;
  border-color: rgba(255, 255, 255, 0.4);
  /*min-height:2px !important;*/
  /*height:120px;*/
}

@media screen and (min-width: 600px) {
  .simcal-day {
   /* height: 45px;/*120*/
  }
}

.simcal-future {
  color: #fff !important;
  background-color: rgba(255, 0, 0, 0.5)!important;
}

.simcal-future:hover {
  background-color: rgba(255, 0, 0, 0.8) !important;

}


.simcal-today {
  color: #fff !important;
  background-color: rgba(255, 0, 0, 0.5)!important;
}

.simcal-today:hover {
  background-color: rgba(255, 0, 0, 0.8) !important;
}

.simcal-day-has-events {
  color: #fff !important;
  background-color: rgba(2, 102, 0, 0.6)!important;
}

.simcal-day-has-events:hover {
  background-color: #026600 !important;
}
.simcal-past {
  background-color: rgba(87, 87, 87, 0.8)!important;
}

.simcal-past:hover {
  background-color: #575757 !important;
}


p {
  margin: 0px;
}

@media screen and (max-width: 1050px) {
  .c-form .right {
    display: none;
  }
}

@media screen and (min-width: 1050px) {
  .c-form {
    display: block;
  }
  .c-form .left {
    width: 40%;
    float: left;
    margin-right: 2%;
  }
  .c-form .right {
    width: 55%;
    float: right;
  }
  .c-form .right .simcal-day {
    /*height: 56px;*/
  }
  .c-form .right .simcal-events {
    /*display: none !important;*/
  }
  .c-form .center {
    bottom: 0;
    width: 100%;
    float: left;
  }
  .c-form::after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    margin-bottom: 10px;
  }
}

form input:focus:invalid,
form textarea:focus:invalid,
form select:focus:invalid {
  color: #fff;
}

.c-form {
  display: block;
  overflow: hidden;
}

.c-form .c-form-in {
  position: relative;
  width: 100%;
  height: 50px;
  margin-top: 20px;
}

.c-form .c-form-in.c-form-select {
  margin-top: -8px;
}

.c-form .form-label-label {
  color: #fff;
  display: block;
  margin-top: 14px;
  font-weight: 600;
  font-size: 16px;
  padding-left: 12px;
  pointer-events: none;
}

.c-form .c-form-area {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 220px;
  margin-top: 20px;
}

.c-form .submit {
  position: relative;
  margin-top: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
} 

.c-form-in .form-text {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 14px;
  border: none;
  outline: none;
  padding-top: 20px;
}

.c-form-in .form-label {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  bottom: 0px;
  pointer-events: none;
  border-bottom: 2px solid #fff;
}

.c-form-in .form-label::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  bottom: -2px;
  border-bottom: 4px solid #13aff0;
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.c-form-in .form-span {
  position: absolute;
  font-size: 14px;
  color: #a4afb7;
  bottom: 1px;
  left: 12px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.c-form-in .form-text:focus + .form-label .form-span,
.c-form-in .form-text:not(:placeholder-shown) + .form-label .form-span {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}

.c-form-in .form-text:focus + .form-label .form-span::after,
.c-form-in .form-text:not(:placeholder-shown) + .form-label .form-span::after {
  content: ' :';
}

.c-form-in .form-text:not(:placeholder-shown):valid + .form-label::after {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.c-form-in .form-text[aria-required] + .form-label,
.c-form-in .form-text:not(:valid) + .form-label {
  border-bottom: 2px solid #f00;
}

.c-form-in .form-select-label {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  bottom: 0px;
  pointer-events: none;
  border-bottom: 2px solid #f00;
}

.c-form-in .form-select-span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  bottom: -2px;
  pointer-events: none;
  border-bottom: 4px solid #13aff0;
}

.c-form-area .form-text {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 14px;
  border: none;
  outline: none;
  padding-top: 30px;
  resize: none;
}

.c-form-area .form-label {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  pointer-events: none;
}

.c-form-area .form-label::before {
  content: '';
  position: absolute;
  width: 40%;
  height: 60px;
  top: 0px;
  bottom: -2px;
  border-bottom: 2px solid #f00;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1050px) {
  .c-form-area .form-label::before {
    width: 100%;
  }
}

.c-form-area .form-label::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  bottom: -2px;
  border-bottom: 4px solid #13aff0;
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.c-form-area .form-span {
  position: absolute;
  font-size: 14px;
  color: #a4afb7;
  top: 30px;
  left: 12px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.c-form-area .form-text:focus + .form-label .form-span,
.c-form-area .form-text:not(:placeholder-shown) + .form-label .form-span {
  top: 0px;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}

.c-form-area .form-text:focus + .form-label .form-span::after,
.c-form-area .form-text:not(:placeholder-shown) + .form-label .form-span::after {
  content: ' :';
}

.c-form-area .form-text:focus + .form-label::before,
.c-form-area .form-text:not(:placeholder-shown) + .form-label::before {
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
}

.c-form-area .form-text:focus + .form-label::after,
.c-form-area .form-text:not(:placeholder-shown) + .form-label::after {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.wpcf7-response-output {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.CalendarLegend{
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.CalendarLegend > div{
    margin-left: 15px;
    margin-right: 5px;
}
.CalendarAlert .elementor-alert-title{
    text-align: center;
}
.wpcf7-number, .wpcf7-date{
  max-width: 100% !important;
  border-style: none !important;
}
.bkntc_custom_duration_footer,
.bkntc_custom_duration_line,
.booknetic_appointment_finished_code,
#booknetic_finish_btn{
  Display: none !important;
}

.booknetic_change_status_block #label{
    font-weight: 600;
    font-size: 32px;
    padding-bottom:1em;
}

.PriceOffer {
  text-align: center;
  font-weight: bold;
}
.PriceOfferborder {
  border: 2px solid #ddd !important;
}