.dpicon { background: #fff url(/images/calender.png) 100% 50% no-repeat; background-size: contain;}
.tmicon { background: #fff url(/images/time.png) 100% 50% no-repeat; background-size: contain; }
.mainbody #ui-datepicker-div.ui-datepicker { background-color:  #FFFFFF; border: 1px solid #e4ddd2; }
.mainbody .ui-datepicker-calendar {  border: 1px solid #e4ddd2;  }
.mainbody .ui-datepicker-today a { color: #fff; background-color: #273895; }
.mainbody .ui-datepicker-current-day a { color: #fff; background-color: #37b0e5; }
.mainbody .ui-datepicker-prev, .mainbody .ui-datepicker-next {background-color: #273895;}
.mainbody .ui-datepicker-unselectable.ui-state-disabled .ui-state-default { color: #CFCFCF; }
.mainbody .ui-datepicker-prev:before, .mainbody .ui-datepicker-next:before {
    content: "\f104";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;  box-shadow: none;
/*--adjust as necessary--*/
    color: #fff; font-size: 22px;
    position: absolute; top: 4px; left: 16px;
}
.mainbody .ui-datepicker-next:before {content: "\f105";}
/*.mainbody .ui-datepicker-buttonpane button { display: inline-block; padding: 4px 10px; color: #fff; background-color: #54382A; border: none; } */


/* ===== BUNKER INQUORY ===== */
.form-block {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.form-box { -webkit-box-flex: 1; -webkit-flex: 1 0 48%; -moz-box-flex: 1; -ms-flex: 1 0 48%; flex: 1 0 48%; min-width: 425px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; }
/* ===== FORM CUSTOM ===== */
form { position: relative; }
form label {position: relative; display: block; padding: 6px 10px; cursor: pointer; width: 50%; }
form label.inp-full { width: 100%; min-width: 425px; }
form label.textar {width: 100%;}
form label.lradio {width: 15%;}

.legend { display: block; padding: 10px 0; color:#fff; }
.legend i {color: #C00000}

.lradio { display: block; padding: 10px; color:#fff; }
.lcheck .legend { display: block; padding: 4px 46px; color:#fff; }

form input, form textarea { width: 100%; background-color: #f0f0f0; border: 1px solid #e5e5e5 }

form .wrong-inp { border-color: #C00000; background-color: #ffeaea; }
form .msg, form input:focus + .msg, form input:focus.wrong-inp + .msg {
  position: absolute; bottom: 14px; left: 14px;
  display: block; opacity: 0; font-size: 14px; line-height: 16px; color: #C00000 !important;
  transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
}
form .wrong-inp + .msg  {
  display: block; opacity: 1;
  transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease;
}
form p, form li {color: #fff;}


#success {
  position: absolute; top:50%; left:0;
  display: flex; justify-content: center; align-items: center;
  width: 100%; height: 0;
}
#success.sending {
  top:0;  height: 100%;
  background: url(/images/loader.gif) 50% 50% no-repeat;
  background-color: #2644af;

  transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
}
#success.done {
  background-image: none !important;

  transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
}
#success p { padding : 60px; font-size: 26px; text-align: center }

@media screen and (max-width: 500px){
  .form-box, form label, form label.inp-full {min-width: auto; width: 100%; flex: 0 0 auto;}
  .form-block.bttn-set .form-box {justify-content: center;}
}

input[type=radio], input[type=checkbox] {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0;
}

input[type=radio]:not(checked), input[type=checkbox]:not(checked) {
  position: absolute;
  opacity: 0;
}
input[type=radio] + span {
  position: relative;
  padding: 0 0 0 30px;
}
input[type=checkbox] + span {
  position: relative;
  padding: 4px 20px 0 30px;
}
input[type=radio]:not(checked) + span:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #CDD1DA;
  border-radius: 50%;
  background: #FFF;
}
input[type=radio]:not(checked) + span:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #2644af;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
  opacity: 0;
  transition: all .2s;
}
input[type=radio]:checked + span:after {
  opacity: 1;
}
input[type=radio]:focus + span:before {
  box-shadow: 0 0 0 2px #192766;
}


input[type=checkbox]:not(checked) + span:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 30px;
  height: 30px;
  border: 1px solid #CDD1DA;
  background: #FFF;
}

input[type=checkbox]:not(checked).wrong-inp + span:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 30px;
  height: 30px;
  border: 1px solid #C00000;
  background: #ffeaea;
}

input[type=checkbox]:checked + span:after {
  position: absolute;
  content: '\f00c';
  font-family: 'FontAwesome';
  left: 8px;
  top: 6px;
  color: #2644af;
  opacity: 0;
  transition: all .2s;
}

input[type=checkbox]:checked + span:after {
  opacity: 1;
}