.d-noscroll{overflow:hidden}
#Datepickk {
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21?28, Safari 6.1+ */
    display: flex;    
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 6;
    width: 100%;
    height: 100%;
    font-family: Raleway, Open Sans, Arial;
    color: #333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#Datepickk.MSIE:not(.wrapped):not(.inline) .d-calendar {
    /*height: 560px*/
}
#Datepickk.MSIE .d-tables{
    min-height:250px;
}
#Datepickk.d-show .d-overlay {}#Datepickk.d-hide>* {}#Datepickk.d-hide .d-overlay {}#Datepickk .d-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(55, 58, 71, .95);
    z-index: 1
}
#Datepickk .d-title {
    text-align: center
}
#Datepickk .d-confirm,
#Datepickk .d-title {
    color: #fff;
    position: relative;
    font-size: 30px;
    margin: 25px 0;
    z-index: 2
}
#Datepickk .d-confirm {
    border: none;
    background-color: transparent;
    outline: none;
    font-family: inherit;
    font-weight: 500;
    cursor: pointer;
    padding: 0
}
#Datepickk .d-confirm:empty,
#Datepickk .d-title:empty {
    display: none
}
@media (max-height: 528px) {
    #Datepickk .d-confirm,
    #Datepickk .d-title {
        font-size: 20px;
        margin: 15px 0
    }
    #Datepickk .d-calendar {
        font-size: 20px
    }
}
#Datepickk.multi .d-calendar,
#Datepickk.multi .d-legend {
    max-width: 800px
}
#Datepickk.multi .d-table {
    position: relative;
    padding-top: 35px
}
#Datepickk.multi .d-table:before {
    content: attr(data-month);
    text-align: right;
    width: 100%;
    font-size: 1em;
    padding: 5px 10px 5px 0;
    box-sizing: border-box;
    color: #ccc;
    position: absolute;
    left: 0;
    top: 0
}
#Datepickk.inline.d-show .d-calendar {
    animation: none
}
#Datepickk.inline,
#Datepickk.wrapped {
    position: static;
    z-index: 0
}
#Datepickk.inline .d-calendar,
#Datepickk.wrapped .d-calendar {
    box-shadow: none;
    z-index: 0;
    max-width: none;
    max-height: none
}
#Datepickk.inline .d-confirm,
#Datepickk.inline .d-title,
#Datepickk.wrapped .d-confirm,
#Datepickk.wrapped .d-title {
    color: #222
}
#Datepickk.inline .d-overlay,
#Datepickk.wrapped .d-overlay {
    display: none
}
#Datepickk.inline .d-legend,
#Datepickk.wrapped .d-legend {
    color: #222!important;
    max-width: none;
    max-height: none
}
#Datepickk.fullscreen .d-calendar {
    max-width: none;
    max-height: none
}
#Datepickk.fullscreen .d-calendar input+label {
    outline: 1px solid #eaeaea;
    box-sizing: border-box;
    -ms-flex-align: start!important;
    align-items: flex-start!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}
#Datepickk.fullscreen .d-calendar input+label text {
    padding: 5px 10px 0 0
}
#Datepickk.fullscreen .d-legend {
    max-width: none
}
#Datepickk .d-legend {
    display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21?28, Safari 6.1+ */
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    z-index: 2;
    background-color: #f5f5f5;
    max-width: 500px;
    position: relative;
    color: #fff
}
#Datepickk .d-legend:empty {
    height: 0
}
#Datepickk .d-legend p {
    backface-visibility: visible!important;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    color: #1b353f
}
#Datepickk .d-legend p:after {
    content: attr(data-legend)
}
#Datepickk .d-legend p span {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    vertical-align: bottom;
    display: inline-block;
    margin-right: 10px
}
#Datepickk .d-calendar {
    margin: 0;
    background-color: #fff;
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .6);
    font-size: 20px;
    width: 100%;
    position: relative;
    max-width: 500px;
    max-height: 560px;    
    display: -ms-flexbox;   /* MID: IE 10 */
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 2
}
#Datepickk .d-header {
    position: relative;
    background-color: #1b363f;
    color: #fff;
    font-size: 1.5em
}
#Datepickk .d-header p {
    margin: .5em 0;
    text-align: center
}
#Datepickk .d-header i {
    position: absolute;
    top: 5%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    border-radius: 100%;
}
#Datepickk .d-header i:after,
#Datepickk .d-header i:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute
}
#Datepickk .d-header i:before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}
#Datepickk .d-header i:after {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    transition: border-color .2s ease
}
#Datepickk .d-header i#d-previous {
    left: 20px
}
#Datepickk .d-header i#d-previous:before {
    border-right: 10px solid #fff;
    top: 5px;
    left: 7px
}
#Datepickk .d-header i#d-previous:after {
    border-right: 7px solid #1b363f;
    top: 8px;
    left: 10px
}
#Datepickk .d-header i#d-next {
    right: 20px
}
#Datepickk .d-header i#d-next:before {
    border-left: 10px solid #fff;
    top: 5px;
    left: 12px
}
#Datepickk .d-header i#d-next:after {
    border-left: 7px solid #1b363f;
    top: 8px;
    left: 12px
}
#Datepickk .d-header i:hover {
    background-color: #5e7178
}
#Datepickk .d-header i:hover:after {
    border-left-color: #5e7178!important;
    border-right-color: #5e7178!important
}
#Datepickk .d-month {
    white-space: nowrap
}
#Datepickk .d-year {
    margin-left: 10px;
}
#Datepickk .d-year:before {
    content: ""
}
#Datepickk .d-month-picker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: rgba(27, 54, 63, .9);
    height: 0;
    overflow: hidden;
    pointer-events: none;
    display:none;
}
#Datepickk .d-month-picker.d-show {
    height: 44px;
    pointer-events: auto
}
#Datepickk .d-month-picker>div {
    width: 8.33333%;
    text-align: center;
    line-height: 44px;
    color: #fff;
    cursor: pointer
}
#Datepickk .d-month-picker>div:focus,
#Datepickk .d-month-picker>div:hover {
    background-color: #e32d2d;
    color: #fff
}
#Datepickk .d-month-picker>div.current {
    background-color: #e9965a;
    color: #fff
}
#Datepickk .d-year-picker {
    display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21?28, Safari 6.1+ */
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: rgba(27, 54, 63, .9);
    height: 0;
    overflow: hidden;
    pointer-events: none;
}
#Datepickk .d-year-picker.d-show {
    height: 44px;
    pointer-events: auto
}
#Datepickk .d-year-picker>div {
    width: 9.09091%;
    text-align: center;
    line-height: 44px;
    color: #fff;
    cursor: pointer
}
#Datepickk .d-year-picker>div:focus,
#Datepickk .d-year-picker>div:hover {
    background-color: #e32d2d;
    color: #fff
}
#Datepickk .d-year-picker>div.current {
    background-color: #e9965a;
    color: #fff
}
#Datepickk .d-week,
#Datepickk .d-weekdays {
    display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21?28, Safari 6.1+ */
    display: flex;
}
#Datepickk .d-week {
    background-color: #e95a5a;
    color: #fff;
    width: 100%
}
#Datepickk .d-week+.d-week {
    border-left: 1px solid hsla(0, 0%, 100%, .05)
}
#Datepickk .d-week>div {
    -ms-flex-preferred-size: 14.28571%;
    flex-basis: 14.28571%;
    text-align: center;
    box-sizing: border-box;
    -webkit-flex: 1 1 50%;
}
#Datepickk .d-week>div p {
    margin: .8em 0
}
@media (max-height: 540px) {
    /*
    #Datepickk .d-week {
        display: none
    }*/
}
#Datepickk .d-table {
    width: 100%;
    display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: 1;
    flex: 1;
    margin-top: 10px;
}
#Datepickk .d-table:first-child:nth-last-child(n+3),
#Datepickk .d-table:first-child:nth-last-child(n+3)~div {
    -ms-flex: 0;
    flex: 0;
    -ms-flex-preferred-size: calc(100% / 3 - 1px);
    flex-basis: calc(100% / 3 - 1px);
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}
#Datepickk .d-table label:nth-of-type(7n) .d-date-legends {
    padding-right: 0
}
#Datepickk .d-table label:nth-last-of-type(-n+7) .d-date-legends {
    padding-bottom: 0
}
#Datepickk .d-table input {
    display: none
}
#Datepickk .d-table input+label {
    flex-basis: 14.28571%;
    -ms-flex-preferred-size: 10.9%;
    display: -ms-flexbox;   /* MID: IE 10 */
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    /*transition: background-color .2s ease, background .2s ease, color .2s ease;*/
    position: relative;
   /* -webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
    box-sizing: border-box
}
#Datepickk .d-table input+label text {
    z-index: 3;
    pointer-events: none;
    position: relative
}
#Datepickk .d-table input+label[style*=linear-gradient] text {
    text-shadow: 0 0 20px #000
}
#Datepickk .d-table input+label.today text:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #e95a5a;
    position: absolute;
    bottom: -5px;
    left: 0
}
#Datepickk .d-table input+label:before {
    content: "";
    position: absolute;
    top: 12.5%;
    left: 12.5%;
    width: 75%;
    height: 75%;
    border-radius: 5px;
    background-color: #7dd076;
    transform: scaleX(0);
    transform-origin: left
}
#Datepickk .d-table input+label.legend-hover {
    z-index: 4
}
@keyframes a {
    0% {
        transform: translate(0)
    }
    50% {
        transform: translateY(-5px)
    }
    to {
        transform: translate(0)
    }
}
#Datepickk .d-table input+label.next,
#Datepickk .d-table input+label.prev {
    color: #252525
}
#Datepickk .d-table input+label [data-tooltip]:after {
    content: "";
    border-radius: 100%;
    background-color: #1b363f;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 0;
    right: -10px
}
#Datepickk .d-table input+label .d-tooltip {
    position: absolute;
    background-color: #1b363f;
    color: #fff;
    padding: 7px;
    font-size: .7em;
    z-index: 5;
    text-align: center;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -5px);
    display: none
}
#Datepickk .d-table input+label .d-tooltip:before {
    content: "";
    border-bottom: 7px solid #1b363f;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: -7px;
    left: 50%;
    position: absolute;
    margin-left: -5px
}
#Datepickk .d-table input+label .d-tooltip:empty {
    display: none!important
}
#Datepickk .d-table input+label:hover .d-tooltip {
    display: block
}
#Datepickk .d-table input:checked+label {
    color: #000
}
#Datepickk .d-table input:checked+label:before {
    transform: scaleX(1)
}
#Datepickk .d-table input:disabled+label {
    cursor: not-allowed
}
#Datepickk .d-table input:disabled+label:hover {
    background: transparent !important;
}
#Datepickk .d-table input:disabled+label text {
    color: #ddd
}
#Datepickk .d-table input:disabled+label:after {}#Datepickk .d-table input+label.d-hidden {
    cursor: default;
    color: #ccc!important;
    background: #f0f0f0!important;
    /*text-decoration: line-through*/
}
#Datepickk .d-table input+label.d-hidden:after {
    content: none
}
#Datepickk .d-tables {
    display: -ms-flexbox;   /* MID: IE 10 */
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
#Datepickk .d-tables:not(.locked) input:not(:checked)+label:not(.hidden):hover {
    color: #222;
    background-color: #eaeaea
}
#Datepickk .d-tables.locked label {
    cursor: default
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked+label,
#Datepickk .d-tables.range:not(.before) input:not(.single):checked+label~label:not(.hidden) {
    color: #000
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked+label~label:not(.hidden):before {
    transform: scaleX(1);
    background-color: transparent;
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:focus~label,
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label {
    color: #666
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:focus~label:before,
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label:before {
    transform: scaleX(0)
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:focus~label.next,
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:focus~label.prev,
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label.next,
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label.prev {}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label {
    color: #fff
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label:before {
    transform: scaleX(1);
    background-color: #7dd076
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label~label {
    color: inherit
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label~label.next,
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label~label.prev {}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label~label:before {
    transform: scaleX(0)
}
#Datepickk .d-tables.range.before input:not(.single):not(:checked)+label {
    color: #fff
}
#Datepickk .d-tables.range.before input:not(.single):not(:checked)+label:before {
    transform: scaleX(1);
    background-color: rgba(233, 90, 126, .3)
}
#Datepickk .d-tables.range.before input:not(.single):checked+label~label {
    color: inherit
}
#Datepickk .d-tables.range.before input:not(.single):checked+label~label.next,
#Datepickk .d-tables.range.before input:not(.single):checked+label~label.prev {
    color: inherit
}
#Datepickk .d-tables.range.before input:not(.single):checked+label~label:before {
    transform: scaleX(0)
}
#Datepickk .d-fadeInUp {
    backface-visibility: visible!important;
}
@keyframes b {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
.d-fadeInUp {}#Datepickk.d-show>* {}/*# sourceMappingURL=datepickk.min.css.map */
/* Custom */
#datepicker{
    /*width: 310px;*/
    min-width:250px;
    margin: 10px auto 25px auto;
    border-bottom:1px solid #d9ae00;
}
#datepicker-mobile {
    width: 100%;
    max-width:320px;
    min-width:310px;
    margin: 10px auto 25px auto;
    border-bottom:1px solid #d9ae00;
}
#Datepickk label{
    font-weight: normal;
}
#Datepickk .d-header{
    background: #ececec;
    font-size: inherit;
    padding: 5px 0;
}
#Datepickk .d-header i:hover{
    background-color:transparent;
}
#Datepickk .d-header i#d-next:after {
    border-left: 7px solid #D9AD00;
}
#Datepickk .d-header i#d-previous{
    left:70px;
}
#Datepickk .d-header i#d-next{
    right:70px;
}
#Datepickk .d-header i#d-previous:after {
    border-right: 7px solid #D9AD00;
}
#Datepickk .d-header i#d-next:before, #Datepickk .d-header i#d-previous:before{
    border-left:none;
}
#Datepickk .d-header i#d-previous:hover:after {
    border-right: 7px solid #86754d !important;
}
#Datepickk .d-header i#d-next:hover:after {
    border-left: 7px solid #86754d !important;
}
#Datepickk .d-header i#d-previous:before{
    border-right: none;
}
#Datepickk .d-week{
    background: #ececec;
}
#Datepickk .d-header p {
    margin:0;
}
#Datepickk .d-week>div p {
    margin: 0 0;
}
#Datepickk .d-calendar, .d-month, .d-year {
    font-size:15px;
    /*font-size:14px;*/
}
.today {
    border:1px solid #606060;
    border-left:1px solid #606060 !important;
}
#Datepickk .d-table input + label.today text:before {
    background-color:transparent;
}
#Datepickk .d-table input+label{
    padding:5px;
}

#Datepickk .d-table input + label {
    background-color: transparent;
    border-radius:0;
}
#Datepickk .d-table input + label:before {
    background-color: transparent;
/*    border-left: 4px solid #d9ae00;*/
    border-radius:0;
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked+label~label:not(.hidden){
    color:#000000 ;
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label:before {
    transform: scaleX(1);
    background-color: transparent;
    border-left:none;
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label {
    background-color: #e8ce66 !important;
    border-right:4px solid #D9AD00;
    border-left:none;
    color:#000000 !important;
}
#Datepickk .d-tables.range:not(.before) input:not(.single):checked+label~label:not(.hidden):before {
    transform: scaleX(1);
    border-left: none;
}

#Datepickk .d-table input + label:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#Datepickk .d-tables.range.before input:not(.single):not(:checked)+label:before{
    /*background-color:#86754d;*/
    background-color:#ffffff;
    border-left: 0;
}
#Datepickk .d-table input+label text{

}
#Datepickk .d-table input+label.d-hidden{
    color:#000000 !important;
    background:transparent !important;
    text-decoration:initial;
    cursor: not-allowed;
}


#Datepickk .d-table input:checked+label:before{
    background-color: #e8ce66;
    border-left: 4px solid #D9AD00;
    border-radius: 0;

}

#Datepickk .d-tables.range.before input:not(.single):not(:checked)+label{
    color:#252525;
}
.tableDatepicker #Datepickk .d-table input:checked+label:before{
    border-left: none;
}
.inRange,.inRange:before{
    background:#e8ce66 !important;
    color:#000000 !important;
}
.checkInDate{
    background:#D9AD00 !important; 
    border-left:4px solid #D9AD00;
    border-right:none;
    color:#000000 !important;
}
.checkoutDate{
    background:#D9AD00 !important; 
    border-left:none;
    border-right:4px solid #D9AD00;
    color:#000000 !important;
}
.checkoutDate:before{
    border-left:none !important;
}
.popupCtn #datepicker{
    width:330px;
}
#datepicker-mobile #Datepickk .d-table input + label{
    -ms-flex-preferred-size: 10.8%;
    width: 14.2%;
}

#datepicker-mobile #Datepickk .d-table input +label{
  -webkit-box-flex-grow: 1;
  -moz-box-flex-grow: 1;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  text-align:center;
}

#Datepickk .d-table input:checked+label{
    pointer-events:none;
}
@media (max-width: 1120px) {
#Datepickk .d-table input + label{
    -ms-flex-preferred-size: 12.8%;
}
#datepicker-mobile #Datepickk .d-table input + label{
    -ms-flex-preferred-size: 10.8%;
    width: 14.2%;
}
.popupCtn #datepicker #Datepickk .d-table input + label {
    -ms-flex-preferred-size: 10.8%;
    width:14.2%;
}
#Datepickk .d-table input + label {
    width:14.2%;
}
}
@media (max-width: 768){
    #datepicker-mobile #Datepickk .d-table input + label {
        width: 16.8%;
    }
    #Datepickk .d-table input + label{
        width: 16.8%;
    }
}
@media (max-width: 414px) {
    #datepicker-mobile #Datepickk .d-table input + label {
        width: 14.2%;
    }
    #Datepickk .d-table input + label{
        width: 14.2%;
    }
}
@media (max-width: 320px) {
    #datepicker-mobile #Datepickk .d-table input + label {
     width: 13.8%;
    }
    #Datepickk .d-table input + label{
        width: 14.3%;
    }
}