/*@font-face {

  font-family: SigvarRegular;

  src: url('../fonts/SigvarRegular.ttf');

}

@font-face {

  font-family: SigvarBold;

  src: url('../fonts/SigvarBold.ttf');

}
*/


.lightpick {

    position: absolute;

    z-index: 99999;

    padding: 18px;

    border-radius: 4px;

    background-color: #FFF;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);

    color: #000;

    font-family: system-ui, Roboto, Helvetica, Arial, sans-serif;

    line-height: 1.125em;

}



.lightpick--inlined {

    position: relative;

    display: inline-block;

}



.lightpick,

.lightpick *,

.lightpick::after,

.lightpick::before {

    box-sizing: border-box;

}



.lightpick.is-hidden {

    display: none;

}



.lightpick__months {

    display: grid;

    background-color: #EEE;

    grid-template-columns: auto;

    grid-gap: 1px;

}



.lightpick--2-columns .lightpick__months {

    grid-template-columns: auto auto;

    width: 100%;

}



.lightpick--3-columns .lightpick__months {

    grid-template-columns: auto auto auto;

}



.lightpick--4-columns .lightpick__months {

    grid-template-columns: auto auto auto auto;

}



.lightpick--5-columns .lightpick__months {

    grid-template-columns: auto auto auto auto auto;

}



.lightpick__month {

    padding: 4px;

    width: 288px;

    background-color: #FFF;

}



.lightpick__month-title-bar {

    /*display: flex;*/

    margin-bottom: 4px;

    justify-content: space-between;

    align-items: center;

    text-align: center;

}



.lightpick__month-title {

    margin-top: 0px;

    margin-bottom: 0px;

    margin-left: 4px;

    font-size: 16px;

    font-weight: normal;

    line-height: 32px;

    cursor: default;

    padding: 0 4px;

    border-radius: 4px;

}



.lightpick__month-title > .lightpick__select {

    border: none;

    background-color: transparent;

    outline: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

}

.lightpick__month-title > .lightpick__select:disabled {

    color: #333;

}



.lightpick__month-title > .lightpick__select-months {

    font-weight: bold;

    font-size: 1em;

    margin-right: .5em;

}



/*.lightpick__toolbar {

    display: flex;

    text-align: right;

    position: relative;

    justify-content: flex-end;

}

*/

.lightpick__previous-action,

.lightpick__next-action,

.lightpick__close-action {

    display: flex;

    margin-left: 6px;

    width: 25px;

    height: 25px;

    outline: none;

    border: none;

    border-radius: 50%;

    background-color: #DDD;

    justify-content: center;

    align-items: center;

}



.lightpick__previous-action,

.lightpick__next-action {font-size: 15px;}



.lightpick__close-action {

    font-size: 18px;

}



.lightpick__previous-action:active,

.lightpick__next-action:active,

.lightpick__close-action:active {

    color: inherit;

}



.lightpick__days-of-the-week {

    display: grid;

    grid-template-columns: repeat(7, 1fr);

}



.lightpick__day-of-the-week {

    display: flex;

    font-size: 11px;

    font-weight: bold;

    justify-content: center;

    align-items: center;

}



.lightpick__days {

    display: grid;

    grid-template-columns: repeat(7, 1fr);

}



.lightpick__day {

    display: flex;

    height: 35px;

    background-position: center center;

    background-size: contain;

    background-repeat: no-repeat;

    font-size: 14px;

    justify-content: center;

    align-items: center;

    cursor: default;

}



.lightpick__day.is-today {

    background-image: url("../images/date_plane1.png");

    background-size: 18.8% auto;

    background-position: center bottom;

    color: #DC322F;

}



.lightpick__day:not(.is-disabled):hover {

    color: #fff0;

    background-color: ;

    background-size: 30px 30px;

    background-image: url("../images/date_plane1.png");

}



.lightpick__day.is-disabled {

    opacity: 0.38;

    pointer-events: none;

}



.lightpick__day.disabled-tooltip {

    pointer-events: auto;

}



.lightpick__day.is-disabled.is-forward-selected {

    opacity: 1;

}

.lightpick__day.is-disabled.is-forward-selected:not(.is-start-date) {

    background-color: rgba(38, 139, 210, 0.1);

    background-image: none;

}



.lightpick__day.is-previous-month,

.lightpick__day.is-next-month {

    opacity: 0.38;

}



.lightpick__day.lightpick__day.is-in-range:not(.is-disabled) {

    opacity: 1;

}



.lightpick__day.is-in-range {border-radius: 0;background-color: #fae4db;background-image: none;}



.lightpick__day.is-in-range:hover {

    background-image: url("../images/date_plane1.png");

}



.lightpick__day.is-start-date.is-in-range,

.lightpick__day.is-end-date.is-in-range.is-flipped {border-top-left-radius: 50%;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 50%;/* background-color: #4b86c5; */background-size: 30px 30px;background-image: url(../images/date_plane1.png);color:#fff0;}



.lightpick__day.is-end-date.is-in-range,

.lightpick__day.is-start-date.is-in-range.is-flipped {border-top-left-radius: 50%;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 50%;/* background-color: #4b86c5; */background-size: 30px 30px;background-image: none;background-image: url(../images/date_plane1.png);color:#fff0;transform: scaleX(-1);}



.lightpick__day.is-start-date.is-end-date {

    background-color: transparent;

    background-image: url("../images/date_plane1.png");

}



.lightpick__day.is-start-date,

.lightpick__day.is-end-date,

.lightpick__day.is-start-date:hover,

.lightpick__day.is-end-date:hover {

    background-image: url("../images/date_plane1.png");

    background-color: ;

    background-size: 30px 30px;

    background-position: center;

    color: #FFF0;

    font-weight: bold;

}



.lightpick__tooltip {

    position: absolute;

    margin-top: -4px;

    padding: 4px 8px;

    border-radius: 4px;

    background-color: #FFF;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);

    white-space: nowrap;

    font-size: 11px;

    pointer-events: none;

}



.lightpick__tooltip::before {

    position: absolute;

    bottom: -5px;

    left: calc(50% - 5px);

    border-top: 5px solid rgba(0, 0, 0, 0.12);

    border-right: 5px solid transparent;

    border-left: 5px solid transparent;

    content: "";

}



.lightpick__tooltip::after {

    position: absolute;

    bottom: -4px;

    left: calc(50% - 4px);

    border-top: 4px solid #FFF;

    border-right: 4px solid transparent;

    border-left: 4px solid transparent;

    content: "";

}

.lightpick__footer {

    display: flex;

    justify-content: flex-end;

}

.lightpick__reset-action,

.lightpick__apply-action {

    border-radius: 5px;

    font-size: 12px;

    border: none;

}

.lightpick__reset-action {

    color: #fff;

    background-color: #aeacad;

}

.lightpick__apply-action {

    color: #fff;

    background-color: #2495f3;

}



button.lightpick__previous-action {

    position: absolute;

    left: 0;

    top: 48px;

    border-radius: 0;

    background: transparent;

    border: 1px solid #f6941d;

}

button.lightpick__next-action {

    position: absolute;

    top: 48px;

    right: 4px;

    border-radius: 0;

    background: transparent;

    border: 1px solid #f6941d;

}



ul.res_inline {

    text-align: right;

    font-size: 13px;

}

.lightpick__toolbar {

    /* display: flex; */

    text-align: right;

    position: relative;

    /* justify-content: flex-end; */

    text-align: center;

}



.lightpick__days div{

    border-top: 1px solid #d7d7d7;

}

.lightpick__days-of-the-week {

    margin: 10px 0;

    padding: 3px 0 0;

    border-top: 1px solid #d7d7d7;

    /*border-bottom: 1px solid #d7d7d7;*/

}

.lightpick__inner {

    position: relative;

}



button.lightpick__reset-action {

    position: absolute;

    top: 10px;

    background: transparent;

    right: 42%;

    color: #f6941d;

    cursor: pointer;

    font-weight: 600;

}

button.lightpick__apply-action {

    width: 100px;

    height: 34px;

    border-radius: 0;

    background: transparent;

    color: #f6941d;

    font-size: 14px;

    cursor: pointer;

    border: 2px solid #f6941d;

    font-weight: 600;

}

.res_inline li{display: inline-block;padding: 8px;}

#result-2{border:1px solid #efefef;}

#result-3{border:1px solid #efefef;border-left: 0;}

#result-2, #result-3{

    color: #f6941d;

    font-weight: 500;

}

.sel_trv_dte {

    text-align: left;

    font-size: 20px;

    font-weight: 600;

   /* font-family: 'SigvarBold';*/

    float: left;

    clear: both;

    padding: 10px;

}



.cbx {

  margin: auto;

  -webkit-user-select: none;

  user-select: none;

  cursor: pointer;

}

.cbx span {

  display: inline-block;

  vertical-align: middle;

  transform: translate3d(0, 0, 0);

  

  /*adtional add*/

      font-weight: 400;

    font-size: 13px;

}

.cbx span:first-child {

  position: relative;

  width: 18px;

  height: 18px;

  border-radius: 3px;

  transform: scale(1);

  vertical-align: middle;

  border: 1px solid #9098A9;

  transition: all 0.2s ease;

}

.cbx span:first-child svg {

  position: absolute;

  top: 3px;

  left: 2px;

  fill: none;

  stroke: #FFFFFF;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;

  stroke-dasharray: 16px;

  stroke-dashoffset: 16px;

  transition: all 0.3s ease;

  transition-delay: 0.1s;

  transform: translate3d(0, 0, 0);

}

.cbx span:first-child:before {

  content: "";

  width: 100%;

  height: 100%;

  background: #506EEC;

  display: block;

  transform: scale(0);

  opacity: 1;

  border-radius: 50%;

}

.cbx span:last-child {

  padding-left: 8px;

}

.cbx:hover span:first-child {

  border-color: #506EEC;

}



.inp-cbx:checked + .cbx span:first-child {

  background: ;

  border-color: #039fe3;

  animation: wave 0.4s ease;

}

.inp-cbx:checked + .cbx span:first-child svg {

  stroke-dashoffset: 0;

}

.inp-cbx:checked + .cbx span:first-child:before {

  transform: scale(3.5);

  opacity: 0;

  transition: all 0.6s ease;

}



@keyframes wave {

  50% {

    transform: scale(0.9);

  }

}







.lightpick__footer-message {

    margin-right: 12px;

    margin-top: 4px;

}