 #kabunushi .asw-notice-head__link {
     max-height: none;
}
 #kabunushi .asw-notice-head__details{
     max-height: none;
}
 .asw-notice-head__item-button{
     display: none;
}
 @media screen and (max-width: 767px){
     #kabunushi .asw-notice-head__link{
         max-height: none;
    }
     #kabunushi .asw-notice-head__details{
         max-height: none;
    }
     .asw-notice-head__item-button{
         display: none;
    }
}
 @media screen and (min-height:768px) {
     #kabunushi .asw-notice-head__link ,#kabunushi .asw-notice-head__details{
         max-height: none;
    }
     .asw-notice-head__item-button{
         display: none;
    }
}
 .news__list > ul > li:not(:nth-child(-n + 2)){
     display: none;
}
 .expanded .news__list > ul > li:not(:nth-child(-n + 2)){
     display: block;
}
 #kabunushi {
     position:relative;
}
 #kabunushi .news__inner > .news__list{
     min-height:initial;
}
 #kabunushi .news__inner .news__list ul li a:before{
     content:none;
}
 #kabunushi .asw-notice-head__accodion-button {
     position: absolute;
     display: inline-block;
     bottom: 15px;
     right: 0px;
}
 @media screen and (max-width: 767px) {
     #kabunushi .asw-notice-head__accodion-button {
         bottom: 36px;
    }
}
 #kabunushi .news__inner .news__list ul li a[target=_blank]:after{
     content:none;
}
 #kabunushi .news__list ul li a{
     padding-right: 85px;
}
 @media screen and (max-width: 767px){
     #kabunushi .news__list ul li a{
         padding-right: 28px;
    }
}

.asw-header-bottom{
    display: none;
}
.sr-only,
html.is-modal {
  overflow: hidden
}

.sr-only {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0
}

.datepicker {
  z-index: 1001
}

.modal-childmodal,
.modal-mainmodal {
  position: relative;
  z-index: 1000;
  display: none
}

.modal-mainmodal label {
  font-size: 1.4rem;
  line-height: 1.4
}

.modal-mainmodal .modal-mainmodal-inner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.modal-mainmodal .modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7)
}

.modal-mainmodal .modal-contents {
  position: relative;
  z-index: 2;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 600px;
  max-height: 100%;
  width: 100%;
  background-color: #fff
}

.modal-mainmodal .modal-close {
  position: absolute;
  top: 15px;
  right: 30px;
  z-index: 1;
  width: 18px;
  height: 18px;
  outline: 0;
  border: none;
  background-color: transparent;
  cursor: pointer
}

.modal-mainmodal .modal-close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.modal-mainmodal .modal-close:after,
.modal-mainmodal .modal-close:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 4px;
  height: 100%;
  background: #fff;
  content: ""
}

.modal-mainmodal .modal-close:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.modal-mainmodal .modal-inner {
  padding: 20px 30px
}

.modal-mainmodal .modal-col._form {
  -webkit-overflow-scrolling: touch
}

.modal-mainmodal .modal-col._submit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  padding: 0 15px 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.modal-mainmodal .modal-col._submit .modal-btn {
  padding: 12px 10px;
  max-width: 320px;
  width: 100%;
  outline: 0;
  border: none;
  background-color: #f37800;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem
}

.modal-mainmodal.modal-childmodal .modal-col._submit .modal-btn {
  background-color: #24509b
}

.modal-mainmodal .modal-head {
  padding: 10px 30px;
  background: #24509b;
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  margin-top: 0;
}

.modal-mainmodal .modal-title {
  padding: 15px;
  background-color: #24509b;
  color: #fff;
  font-weight: 700
}

.modal-mainmodal .modal-child-title {
  font-weight: 700;
  font-size: 1.4rem
}

.c-block.cldcl {
  width: 100%
}

.c-block.cldcl:last-child {
  margin-bottom: 10px
}

.c-block.cldcl + .c-block.cldcl {
  padding-top: 15px
}

.c-block.cldcl .modal-content-row {
  margin-left: 0
}

.modal-mainmodal .modal-content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.modal-mainmodal .modal-content-wrap + .modal-content-wrap {
  margin-top: 25px
}

.modal-mainmodal .modal-content-wrap + .modal-child-title-wrap {
  border-top: 1px dotted #000
}

.modal-mainmodal .modal-content-col {
  width: 100%
}

.modal-mainmodal .modal-content-col + .modal-content-col {
  margin-top: 20px
}

.modal-mainmodal .modal-content-wrap .modal-content-col input[type=text] {
  width: 100%
}

.modal-mainmodal.modal-childmodal .modal-content-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  width: 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

.modal-mainmodal .modal-content-col._full {
  width: 100%
}

.modal-mainmodal .modal-label {
  display: block;
  margin-bottom: .5rem;
  font-size: 1.4rem;
  line-height: 1.4
}

.modal-mainmodal .modal-content-wrap .modal-content-col,
.modal-mainmodal .num-select-inner,
.modal-mainmodal .participant-box li {
  position: relative
}

.modal-mainmodal .calender-wrap input {
  padding: 5px 5px 5px 43px;
  border-top: none;
  border-right: none;
  border-left: none
}

.modal-mainmodal .calender-wrap {
  position: relative
}

.modal-mainmodal .calender-wrap:after {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -10px;
  width: 15px;
  height: 19px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2219px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(11%2C%2049%2C%20143)%22%20d%3D%22M-0.000%2C18.999%20L-0.000%2C1.931%20L1.304%2C1.931%20L1.304%2C4.185%20L3.913%2C4.185%20L3.913%2C1.931%20L11.087%2C1.931%20L11.087%2C4.185%20L13.695%2C4.185%20L13.695%2C1.931%20L15.000%2C1.931%20L15.000%2C18.999%20L-0.000%2C18.999%20ZM13.695%2C5.474%20L1.304%2C5.474%20L1.304%2C17.711%20L13.695%2C17.711%20L13.695%2C5.474%20ZM6.827%2C12.662%20L11.100%2C8.759%20L12.401%2C9.946%20L8.127%2C13.849%20L6.827%2C15.038%20L5.526%2C13.849%20L2.924%2C11.474%20L4.225%2C10.286%20L6.827%2C12.662%20ZM11.739%2C-0.001%20L13.043%2C-0.001%20L13.043%2C3.541%20L11.739%2C3.541%20L11.739%2C-0.001%20ZM1.956%2C-0.001%20L3.261%2C-0.001%20L3.261%2C3.541%20L1.956%2C3.541%20L1.956%2C-0.001%20Z%22%2F%3E%3C%2Fsvg%3E");
  content: ""
}

.modal-mainmodal .modal-content-col > .select-checkin input,
.modal-mainmodal .modal-content-col > .select-checkout input {
  padding-left: 43px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #c7c7c7
}

.modal-mainmodal .n-box {
  position: relative;
  padding: 5px 0
}

.modal-childmodal .n-box {
  padding: 5px 0
}

.modal-mainmodal .n-box:after {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -5px;
  width: 15px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2210px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(12%2C%2050%2C%20143)%22%20d%3D%22M-0.001%2C1.839%20L1.256%2C0.567%20L7.500%2C6.888%20L13.744%2C0.567%20L15.000%2C1.839%20L7.500%2C9.432%20L-0.001%2C1.839%20Z%22%2F%3E%3C%2Fsvg%3E");
  content: "";
  pointer-events: none
}

.modal-mainmodal .n-box select,
.modal-mainmodal .participant-child button {
  padding: 7px 10px;
  width: 100%;
  border: 1px solid #bbb;
  border-radius: 5px;
  line-height: 1.4;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.modal-mainmodal .participant-child button {
  margin: 5px 0;
  width: 100%;
  text-align: left
}

.modal-mainmodal .n-box select:-ms-expand {
  display: none
}

.modal-mainmodal .modal-content-col .none {
  visibility: hidden
}

.datepicker {
  z-index: 100000 !important
}

.datepicker .-sun- {
  color: #c00000 !important
}

.datepicker .-sun-.-disabled- {
  color: #e58e8e !important
}

.datepicker .-sat- {
  color: #0b79d6 !important
}

.datepicker .-sat-.-disabled- {
  color: #6dafe6 !important
}

.datepicker .-other-month- {
  color: #aeaeae !important
}

.cp-lnav-list a {
  font-size: 1.6rem
}

.modal-mainmodal .flight {
  position: relative;
  border-bottom: 1px solid #ccc
}

.modal-mainmodal .flight .select-arr,
.modal-mainmodal .flight .select-dep {
  position: relative;
  display: block;
  padding: 5px 10px 5px 43px;
  width: 100%;
  outline: 0;
  border: none;
  background: 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.modal-mainmodal .flight:after {
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  margin-top: -5px;
  width: 18px;
  height: 11px;
  content: "";
  pointer-events: none
}

.modal-mainmodal .flight._dep:after {
  background-image: url(/_shared/images/root/common/modparts.png);
  background-position: 0 -92px
}

.modal-mainmodal .flight._arr:after {
  background-image: url(/_shared/images/root/common/modparts.png);
  background-position: 0 -20px
}

.modal-mainmodal select::-ms-expand {
  display: none
}
@media screen and (min-width:768px) {
 .modal-mainmodal .modal-content-col {
    width: 48%
  }

  .modal-mainmodal .modal-content-col + .modal-content-col {
    margin-top: 0
  }
}
@media screen and (max-width: 767px) {
  .modal-mainmodal .modal-content-col {
    width: 100% !important;
  }
  .modal-mainmodal .modal-col._submit .modal-btn {
    margin-bottom: 50px;
  }
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  background: #a2ddf6;
  color: #fff
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, .1);
  color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  border: none;
  background: 0 0
}

.datepicker--cells {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.datepicker--cell {
  position: relative;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  box-sizing: border-box;
  height: 32px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center
}

.datepicker--cell.-focus- {
  background: #f0f0f0
}

.datepicker--cell.-current- {
  color: #4eb5e6
}

.datepicker--cell.-current-.-focus- {
  color: #4a4a4a
}

.datepicker--cell.-current-.-in-range- {
  color: #4eb5e6
}

.datepicker--cell.-in-range- {
  border-radius: 0;
  background: rgba(92, 196, 239, .1);
  color: #4a4a4a
}

.datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell.-disabled- {
  color: #aeaeae;
  cursor: default
}

.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae
}

.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1
}

.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae
}

.datepicker--cell.-range-from- {
  border: 1px solid rgba(92, 196, 239, .5);
  border-radius: 4px 0 0 4px;
  background-color: rgba(92, 196, 239, .1)
}

.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, .5);
  border-radius: 0 4px 4px 0;
  background-color: rgba(92, 196, 239, .1)
}

.datepicker--cell.-range-from-.-range-to- {
  border-radius: 4px
}

.datepicker--cell.-selected- {
  border: none;
  background: #5cc4ef;
  color: #fff
}

.datepicker--cell.-selected-.-current- {
  background: #5cc4ef;
  color: #fff
}

.datepicker--cell.-selected-.-focus- {
  background: #45bced
}

.datepicker--cell:empty {
  cursor: default
}

.datepicker--days-names {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0 3px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.datepicker--day-name {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  color: #ff9a19;
  text-align: center;
  text-transform: uppercase;
  font-size: .8em;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.datepicker--cell-day {
  width: 14.28571%
}

.datepicker--cells-months {
  height: 170px
}

.datepicker--cell-month {
  width: 33.33%;
  height: 25%
}

.datepicker--years {
  height: 170px
}

.datepicker--cells-years {
  height: 170px
}

.datepicker--cell-year {
  width: 25%;
  height: 33.33%
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  background: #a2ddf6;
  color: #fff
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, .1);
  color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  border: none;
  background: 0 0
}

.datepickers-container {
  position: absolute;
  top: 0;
  left: 0
}

.datepicker {
  position: absolute;
  left: -100000px;
  z-index: 100;
  box-sizing: content-box;
  width: 250px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
  color: #4a4a4a;
  font-size: 14px;
  font-family: Tahoma, sans-serif;
  opacity: 0;
  transition: opacity .3s ease, left 0s .3s, -webkit-transform .3s ease;
  transition: opacity .3s ease, transform .3s ease, left 0s .3s;
  transition: opacity .3s ease, transform .3s ease, left 0s .3s, -webkit-transform .3s ease
}

.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px)
}

.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  transform: translateX(8px)
}

.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  transform: translateY(8px)
}

.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px)
}

.datepicker.active {
  opacity: 1;
  transition: opacity .3s ease, left 0s 0s, -webkit-transform .3s ease;
  transition: opacity .3s ease, transform .3s ease, left 0s 0s;
  transition: opacity .3s ease, transform .3s ease, left 0s 0s, -webkit-transform .3s ease;
  -webkit-transform: translate(0);
  transform: translate(0)
}

.datepicker-inline .datepicker {
  position: static;
  right: auto;
  left: auto;
  border-color: #d7d7d7;
  box-shadow: none;
  opacity: 1;
  -webkit-transform: none;
  transform: none
}

.datepicker-inline .datepicker--pointer {
  display: none
}

.datepicker--content {
  box-sizing: content-box;
  padding: 4px
}

.-only-timepicker- .datepicker--content {
  display: none
}

.datepicker--pointer {
  position: absolute;
  z-index: -1;
  width: 10px;
  height: 10px;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  background: #fff
}

.-top-center- .datepicker--pointer,
.-top-left- .datepicker--pointer,
.-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.-right-bottom- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-top- .datepicker--pointer {
  right: calc(100% - 4px);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg)
}

.-bottom-center- .datepicker--pointer,
.-bottom-left- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg)
}

.-left-bottom- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-top- .datepicker--pointer {
  left: calc(100% - 4px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.-bottom-left- .datepicker--pointer,
.-top-left- .datepicker--pointer {
  left: 10px
}

.-bottom-right- .datepicker--pointer,
.-top-right- .datepicker--pointer {
  right: 10px
}

.-bottom-center- .datepicker--pointer,
.-top-center- .datepicker--pointer {
  left: calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
  top: 10px
}

.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
  bottom: 10px
}

.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
  top: calc(50% - 10px / 2)
}

.datepicker--body {
  display: none
}

.datepicker--body.active {
  display: block
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  background: #a2ddf6;
  color: #fff
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, .1);
  color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  border: none;
  background: 0 0
}

.datepicker--nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  padding: 4px;
  min-height: 32px;
  border-bottom: 1px solid #efefef;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.-only-timepicker- .datepicker--nav {
  display: none
}

.datepicker--nav-action,
.datepicker--nav-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  cursor: pointer;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center
}

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.datepicker--nav-action:hover {
  background: #f0f0f0
}

.datepicker--nav-action.-disabled- {
  visibility: hidden
}

.datepicker--nav-action svg {
  width: 32px;
  height: 32px
}

.datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px
}

.datepicker--nav-title {
  padding: 0 8px;
  border-radius: 4px
}

.datepicker--nav-title i {
  margin-left: 5px;
  color: #9c9c9c;
  font-style: normal
}

.datepicker--nav-title:hover {
  background: #f0f0f0
}

.datepicker--nav-title.-disabled- {
  background: 0 0;
  cursor: default
}

.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef
}

.datepicker--button {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  height: 32px;
  border-radius: 4px;
  color: #4eb5e6;
  cursor: pointer;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center
}

.datepicker--button:hover {
  background: #f0f0f0;
  color: #4a4a4a
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  background: #a2ddf6;
  color: #fff
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, .1);
  color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  border: none;
  background: 0 0
}

.datepicker--time {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  padding: 4px;
  border-top: 1px solid #efefef;
  -webkit-align-items: center;
  align-items: center
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
  max-width: 138px;
  -webkit-flex: 0 1 138px;
  -ms-flex: 0 1 138px;
  flex: 0 1 138px
}

.-only-timepicker- .datepicker--time {
  border-top: none
}

.datepicker--time-sliders {
  margin-right: 10px;
  max-width: 153px;
  -webkit-flex: 0 1 153px;
  -ms-flex: 0 1 153px;
  flex: 0 1 153px
}

.datepicker--time-label {
  display: none;
  font-size: 12px
}

.datepicker--time-current {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  margin: 0 0 0 10px;
  text-align: center;
  font-size: 14px;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1
}

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  position: relative;
  z-index: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  line-height: 1
}

.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
  position: absolute;
  top: -3px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: -1;
  border-radius: 4px;
  background: #f0f0f0;
  content: "";
  opacity: 0
}

.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
  opacity: 1
}

.datepicker--time-current-ampm {
  margin-bottom: 1px;
  margin-left: 6px;
  color: #9c9c9c;
  text-transform: uppercase;
  font-size: 11px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end
}

.datepicker--time-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat;
  font-size: 11px;
  -webkit-align-items: center;
  align-items: center
}

.datepicker--time-row:first-child {
  margin-bottom: 4px
}

.datepicker--time-row input[type=range] {
  margin: 0;
  padding: 0;
  height: 100%;
  background: 0 0;
  cursor: pointer;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-appearance: none
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none
}

.datepicker--time-row input[type=range]::-ms-tooltip {
  display: none
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
  border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
  border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-ms-thumb {
  border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:focus {
  outline: 0
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
  border-color: #5cc4ef;
  background: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
  border-color: #5cc4ef;
  background: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-ms-thumb {
  border-color: #5cc4ef;
  background: #5cc4ef
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: 1px solid #dedede;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
  transition: background .2s
}

.datepicker--time-row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: 1px solid #dedede;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
  transition: background .2s
}

.datepicker--time-row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: 1px solid #dedede;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
  transition: background .2s
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
  margin-top: -6px
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
  height: 1px;
  border: none;
  background: 0 0;
  color: transparent;
  cursor: pointer
}

.datepicker--time-row input[type=range]::-moz-range-track {
  height: 1px;
  border: none;
  background: 0 0;
  color: transparent;
  cursor: pointer
}

.datepicker--time-row input[type=range]::-ms-track {
  height: 1px;
  border: none;
  background: 0 0;
  color: transparent;
  cursor: pointer
}

.datepicker--time-row input[type=range]::-ms-fill-lower {
  background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-upper {
  background: 0 0
}

.datepicker--time-row span {
  padding: 0 12px
}

.datepicker--time-icon {
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em;
  border: 1px solid;
  border-radius: 50%;
  color: #9c9c9c;
  font-size: 16px
}

.datepicker--time-icon:after,
.datepicker--time-icon:before {
  position: absolute;
  background: currentColor;
  content: ""
}

.datepicker--time-icon:after {
  top: calc(50% + 1px);
  left: calc(50% - 1px);
  width: 1px;
  height: .4em;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

.datepicker--time-icon:before {
  top: calc(50% + 1px);
  left: calc(50% - 1px);
  width: .4em;
  height: 1px
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  background: #a2ddf6;
  color: #fff
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, .1);
  color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  border: none;
  background: 0 0
}
.datepicker {
  z-index: 1001
}

.datepicker {
  z-index: 100000 !important
}

.datepicker .-sun- {
  color: #c00000 !important
}

.datepicker .-sun-.-disabled- {
  color: #e58e8e !important
}

.datepicker .-sat- {
  color: #0b79d6 !important
}

.datepicker .-sat-.-disabled- {
  color: #6dafe6 !important
}

.datepicker .-other-month- {
  color: #aeaeae !important
}
