@import url("https://fonts.googleapis.com/css2?family=Roboto");
:root { --dark-blu-color:#00598D;
--blu-color: #0073b7;
--light-blu-color: #01A1FF;
--white-color:#fdfdfd;
--red-color:#d9534f;
--row-height:30px; }
#rc-room_header_add:focus, #rc-btn-search:focus{
outline:none;
}
#rc-travelers, #rc-pin{
text-align: center;
} .rc-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.rc-col-lg-1, .rc-col-lg-10, .rc-col-lg-11, .rc-col-lg-12, .rc-col-lg-2, .rc-col-lg-3, .rc-col-lg-4, .rc-col-lg-5, .rc-col-lg-6, .rc-col-lg-7, .rc-col-lg-8, .rc-col-lg-9, .rc-col-md-1, .rc-col-md-10, .rc-col-md-11, .rc-col-md-12, .rc-col-md-2, .rc-col-md-3, .rc-col-md-4, .rc-col-md-5, .rc-col-md-6, .rc-col-md-7, .rc-col-md-8, .rc-col-md-9, .rc-col-sm-1, .rc-col-sm-10, .rc-col-sm-11, .rc-col-sm-12, .rc-col-sm-2, .rc-col-sm-3, .rc-col-sm-4, .rc-col-sm-5, .rc-col-sm-6, .rc-col-sm-7, .rc-col-sm-8, .rc-col-sm-9, .rc-col-xs-1, .rc-col-xs-10, .rc-col-xs-11, .rc-col-xs-12, .rc-col-xs-2, .rc-col-xs-3, .rc-col-xs-4, .rc-col-xs-5, .rc-col-xs-6, .rc-col-xs-7, .rc-col-xs-8, .rc-col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.rc-col-xs-12 {
width: 100%;
}
.rc-col-xs-11 {
width: 91.66666667%;
}
.rc-col-xs-10 {
width: 83.33333333%;
}
.rc-col-xs-9 {
width: 75%;
}
.rc-col-xs-8 {
width: 66.66666667%;
}
.rc-col-xs-7 {
width: 58.33333333%;
}
.rc-col-xs-6 {
width: 50%;
}
.rc-col-xs-5 {
width: 41.66666667%;
}
.rc-col-xs-4 {
width: 33.33333333%;
}
.rc-col-xs-3 {
width: 25%;
}
.rc-col-xs-2 {
width: 16.66666667%;
}
.rc-col-xs-1 {
width: 8.33333333%;
}
@media (min-width: 768px) {
.rc-col-sm-1, .rc-col-sm-2, .rc-col-sm-3, .rc-col-sm-4, .rc-col-sm-5, .rc-col-sm-6, .rc-col-sm-7, .rc-col-sm-8, .rc-col-sm-9, .rc-col-sm-10, .rc-col-sm-11, .rc-col-sm-12 {
float: left;
}
.rc-col-sm-12 {
width: 100%;
}
.rc-col-sm-11 {
width: 91.66666667%;
}
.rc-col-sm-10 {
width: 83.33333333%;
}
.rc-col-sm-9 {
width: 75%;
}
.rc-col-sm-8 {
width: 66.66666667%;
}
.rc-col-sm-7 {
width: 58.33333333%;
}
.rc-col-sm-6 {
width: 50%;
}
.rc-col-sm-5 {
width: 41.66666667%;
}
.rc-col-sm-4 {
width: 33.33333333%;
}
.rc-col-sm-3 {
width: 25%;
}
.rc-col-sm-2 {
width: 16.66666667%;
}
.rc-col-sm-1 {
width: 8.33333333%;
}
}
@media (min-width: 992px) {
.rc-col-md-1, .rc-col-md-2, .rc-col-md-3, .rc-col-md-4, .rc-col-md-5, .rc-col-md-6, .rc-col-md-7, .rc-col-md-8, .rc-col-md-9, .rc-col-md-10, .rc-col-md-11, .rc-col-md-12 {
float: left;
}
.rc-col-md-12 {
width: 100%;
}
.rc-col-md-11 {
width: 91.66666667%;
}
.rc-col-md-10 {
width: 83.33333333%;
}
.rc-col-md-9 {
width: 75%;
}
.rc-col-md-8 {
width: 66.66666667%;
}
.rc-col-md-7 {
width: 58.33333333%;
}
.rc-col-md-6 {
width: 50%;
}
.rc-col-md-5 {
width: 41.66666667%;
}
.rc-col-md-4 {
width: 33.33333333%;
}
.rc-col-md-3 {
width: 25%;
}
.rc-col-md-2 {
width: 16.66666667%;
}
.rc-col-md-1 {
width: 8.33333333%;
}
}
@media (min-width: 1200px) {
.rc-col-lg-1, .rc-col-lg-2, .rc-col-lg-3, .rc-col-lg-4, .rc-col-lg-5, .rc-col-lg-6, .rc-col-lg-7, .rc-col-lg-8, .rc-col-lg-9, .rc-col-lg-10, .rc-col-lg-11, .rc-col-lg-12 {
float: left;
}
.rc-col-lg-12 {
width: 100%;
}
.rc-col-lg-11 {
width: 91.66666667%;
}
.rc-col-lg-10 {
width: 83.33333333%;
}
.rc-col-lg-9 {
width: 75%;
}
.rc-col-lg-8 {
width: 66.66666667%;
}
.rc-col-lg-7 {
width: 58.33333333%;
}
.rc-col-lg-6 {
width: 50%;
}
.rc-col-lg-5 {
width: 41.66666667%;
}
.rc-col-lg-4 {
width: 33.33333333%;
}
.rc-col-lg-3 {
width: 25%;
}
.rc-col-lg-2 {
width: 16.66666667%;
}
.rc-col-lg-1 {
width: 8.33333333%;
}
}
#rc-close-btn-div{
margin-top: 30px;
}
#rc-close_dropdown{
background-color: var(--blu-color);
width: 80%;
transition: all .2s ease-in-out;
}
#rc-close_dropdown:hover{
background-color: var(--blu-color);
cursor: pointer;
}
.rc-close-btn{
color: var(--white-color);
font-size: 16px;
font-weight: 600;
}
.rc-btn-resume{
color: var(--white-color);
font-size: 12px;
}
.rc-text-left{
text-align: left;	
}
.rc-text-right{
text-align: right;	
}
.rc-text-center{
text-align: center;	
}
.rc-input-group {
position: relative;
display: table;
border-collapse: separate;
}
.rc-input-group {
cursor: pointer;
}
.room-remove{
color: var(--blu-color);
padding: 4px 6px;
font-size: 10px;
}
.room-remove:hover{
color: var(--dark-blu-color);
text-decoration: underline;
cursor: pointer;
}
#rc-room_add_span{
padding:10px;
color: var(--blu-color);
padding: 4px 6px;
font-weight:600;
font-size: 12px;
}
#rc-room_add_span:hover{
color: var(--dark-blu-color);
text-decoration: underline;
cursor: pointer;
}
* {
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.input-group-addon:first-child {
border-right: 0;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0 4px 4px 0px;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px 0px 0px 4px;
}
.input-group-addon, .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
display: table-cell;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn-block {
display: block;
width: 100%;
} .daterangepicker{
width: 100%;
max-width: 330px;
}
@media (min-width: 564px){
.daterangepicker{
width: 100%;
max-width: 622px;
}
}
.rc-text-align-auto{
text-align: center;
}
.daterangepicker .drp-calendar {
max-width:310px;
}
.rc-text-align-auto{
text-align: center;
}
@media (max-width: 1199px) {
#rc-research-tab .rc-row > div{
margin-top: 10px;
}
}
@media (max-width: 991px) {
.rc-text-align-auto{
text-align: left;
}
#rc-travelers,#rc-pin{
text-align: center;
}
}
@media (max-width:767px){
}
.x-remove {
color: var(--red-color);
font-weight: bold;
transition: 0.2s;
}
.x-remove:hover {
color: var(--blue-color);
font-weight: bold;
cursor: pointer;
}
.fw{
width: -webkit-fill-available;
}
.flex{
display: flex;
width: 100%;
align-items: center;
justify-content: flex-end;
}
.icon-span{
padding: 0px 10px;
}
.name-span{
height: var(--row-height);
display: inline-flex;
align-items: center;
justify-content: center;
}
#rc-search_room_box {
position: relative;
max-width:100%;
margin:0 auto;
text-align:center;
display: block;
width: 100%;
background-color: var(--white-color);
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
}
#rc-formSearch {
margin-bottom: 0px;
}
#rc-search-items {
padding: 5px 5px;
background-color: var(--white-color);
}
.mrg-top {
margin-top: 10px;
}
.title {
display: flex;
flex-flow: row;
justify-content: center;
align-items: center;
text-transform: uppercase;
}
.title>hr{
margin-top: auto;
margin-bottom: auto;
border-top: 1px solid var(--blu-color);
flex: 1;
}
.src-span {
height: var(--row-height);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.search-titles {
font-weight: 700 !important;
color: var(--blu-color);
padding: 0px 6px;
}
#rc-calendar_row {
padding: 10px;
}
.form-group {
margin-bottom: 15px;
}
#rc-calendar_search_group {
transition: 0.1s;
}
#rc-search_calendar {
text-align: center;
}
.src-icon{
font-size: 20px;
color: var(--blu-color);
width:16px;
}
.rc-input-group {
position: relative;
display: table;
border-collapse: separate;
}
.rc-input-group:hover{
cursor: pointer;
}
.dates_calendar {
animation: pulsex 5s infinite;
}
#rc-rooms_search {
}
.room-num-span{
padding-right: 10px;
color: var(--blu-color);
font-size: 14px;
font-weight: 600;
}
.room-num-hr{
background-color: var(--blu-color);
height: 1px;
border: none;
margin: 5px 5px 12px 5px;
}
.last-hr{
background-color: var(--blu-color);
height: 1px;
border: none;
margin: 5px 5px 12px 5px;
}
.room_add_span{
}
.room-num-div{
}
#rc-rooms_container{
padding: 5px;
}
.rc-dropdown {
position: relative;
}
.box-btn-round {
display: inline-block;
height: var(--row-height);
width: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
opacity: 1;
border-radius: 50%;
border-width: 1px;
border-style: solid;
font-weight: normal;
border-width: 1px;
border-color: var(--blu-color);
background-color: var(--grey-color);
color: var(--blu-color);
}
.box-btn-round:hover {
cursor: pointer;
}
.rc-dropdown-menu{
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
}
.div-room-ages-occupancy {
text-align: right;
padding: 3px;
padding: 0px 3px;
font-size: 12px;
vertical-align: middle;
white-space: nowrap;
}
.vert-align-middle {
vertical-align: middle;
}
.inline-block {
display: inline-block;
}
.div-room-num {
border-bottom: dotted 1px;
width: 100%;
COLOR: var(--blu-color);
}
.room-number {
font-size: 14px;
font-weight: 400;
color: var(--blu-color);
}
.div-room-action-add {
vertical-align: middle;
width: 25px;
}
.div-room-adult-occupancy {
padding: 3px;
font-size: 12px;
vertical-align: middle;
}
.div-room-child-occupancy {
padding: 3px;
font-size: 12px;
vertical-align: middle;
}
.div-room-adult-quantity {
white-space: nowrap;
width: 80px;
vertical-align: middle;
background: #ffffff5e;
padding: 5px;
border: 1px solid #ffffff;
border-radius: 3px;
}
.div-room-child-quantity{
white-space: nowrap;
width: 80px;
vertical-align: middle;
background: #ffffff5e;
padding: 5px;
border: 1px solid #ffffff;
border-radius: 3px;
}
.occupancy-icon {
color: var(--blu-color);
}
.src-occupancy-icon {
font-size: 18px !important;
}
.box-btn {
display: inline-block;
height: 20px;
width: 20px;
opacity: 1;
border-radius: 2px;
border-width: 1px;
border-style: solid;
font-weight: normal;
border-width: 1px;
border-color: var(--blu-color);
background-color: var(--grey-color);
color: var(--blu-color);
}
.box-btn:hover {
cursor: pointer;
}
.disabled_btn {
cursor: default !important;
border-width: 1px !important;
font-weight: normal !important;
}
.disabled_btn {
cursor: default;
opacity: 0.3 !important;
}
.form-search-div {
top: 9px;
width: 25px;
height: var(--row-height);
vertical-align: middle;
display: inline-block;
background-color: white;
}
.occupancy-icon {
color: var(--blu-color);
}
.src-occupancy-icon {
font-size: 18px !important;
}
.div-room-ages-occupancy {
padding: 0px 3px;
font-size: 12px;
vertical-align: middle;
white-space: nowrap;
}
.div-search-button {
padding: 10px 0px 10px 0px;
margin-left: 0px;
margin-right: 0px;
}
#rc-btn-search {
height: 34px;
padding: 0px;
border-radius: 5px;
color: var(--white-color);
background-color: var(--blu-color);
}
.be-btn {
text-transform: uppercase;
font-size: 12px;
border-radius: 5px;
max-width: 300px;
padding-top: 5px;
padding-bottom: 5px;
box-shadow: 1px 1px 1px var(--shadow-color);
transition: 0.1s;
outline: 0;
}
.be-btn:hover {
outline: 0;
cursor: pointer;
box-shadow: 2px 2px 2px var(--shadow-color);
transform: scale(1.05);
}
.room_header_span_add {
margin-bottom: 5px;
}
.btn-block {
display: inline-block;
}
#rc-pin_div {
margin-left: 0px;
margin-right: 0px;
}
.div-search-button {
padding: 10px 0px 10px 0px;
margin-left: 0px;
margin-right: 0px;
}
#rc-btn-search {
border-radius: 5px;
color: var(--white-color);
background-color: var(--blu-color);
}
.room-error{
color: red;
}
.rc-input-group:hover{
cursor:pointer;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: var(--blu-color);
}:root {
--litepicker-container-months-color-bg: #fff;
--litepicker-container-months-box-shadow-color: #ddd;
--litepicker-footer-color-bg: #fafafa;
--litepicker-footer-box-shadow-color: #ddd;
--litepicker-tooltip-color-bg: #fff;
--litepicker-month-header-color: #333;
--litepicker-button-prev-month-color: #9e9e9e;
--litepicker-button-next-month-color: #9e9e9e;
--litepicker-button-prev-month-color-hover: #2196f3;
--litepicker-button-next-month-color-hover: #2196f3;
--litepicker-month-width: calc(var(--litepicker-day-width) * 7);
--litepicker-month-weekday-color: #9e9e9e;
--litepicker-month-week-number-color: #9e9e9e;
--litepicker-day-width: 38px;
--litepicker-day-color: #333;
--litepicker-day-color-hover: #2196f3;
--litepicker-is-today-color: '';
--litepicker-is-in-range-color-bg: #bbdefb;
--litepicker-is-in-range-color: #fff;
--litepicker-is-locked-color: #9e9e9e;
--litepicker-is-start-color: #fff;
--litepicker-is-start-color-bg: #2196f3;
--litepicker-is-end-color: #fff;
--litepicker-is-end-color-bg: #2196f3;
--litepicker-button-cancel-color: #fff;
--litepicker-button-cancel-color-bg: #9e9e9e;
--litepicker-button-apply-color: #fff;
--litepicker-button-apply-color-bg: #2196f3;
--litepicker-button-reset-color: #909090;
--litepicker-button-reset-color-hover: #2196f3;
--litepicker-highlighted-day-color: #198754;
--litepicker-highlighted-day-color-bg: #d1e7dd;
--litepicker-is-in-range-brightness:1;
}
.show-week-numbers {
--litepicker-month-width: calc(var(--litepicker-day-width) * 8)
}
.litepicker { display: none
}
.litepicker button {
border: none;
background: none
}
.litepicker .container__main {
display: block;
background-color: var(--litepicker-container-months-color-bg);
border-radius: 5px;
-webkit-box-shadow: 0 0 5px var(--litepicker-container-months-box-shadow-color);
box-shadow: 0 0 5px var(--litepicker-container-months-box-shadow-color);
}
.litepicker .container__months {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(var(--litepicker-month-width) + 10px);
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.litepicker .container__months.columns-2 {
width: calc((var(--litepicker-month-width) * 2) + 20px)
}
.litepicker .container__months.columns-3 {
width: calc((var(--litepicker-month-width) * 3) + 30px)
}
.litepicker .container__months.columns-4 {
width: calc((var(--litepicker-month-width) * 4) + 40px)
}
.litepicker .container__months.split-view .month-item-header .button-previous-month,
.litepicker .container__months.split-view .month-item-header .button-next-month {
visibility: visible
}
.litepicker .container__months .month-item {
padding: 5px;
width: var(--litepicker-month-width);
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.litepicker .container__months .month-item-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: 500;
padding: 10px 5px;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--litepicker-month-header-color)
}
.litepicker .container__months .month-item-header div {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.litepicker .container__months .month-item-header div>.month-item-name {
margin-right: 5px
}
.litepicker .container__months .month-item-header div>.month-item-year {
padding: 0
}
.litepicker .container__months .month-item-header .reset-button {
color: var(--litepicker-button-reset-color)
}
.litepicker .container__months .month-item-header .reset-button>svg {
fill: var(--litepicker-button-reset-color)
}
.litepicker .container__months .month-item-header .reset-button * {
pointer-events: none
}
.litepicker .container__months .month-item-header .reset-button:hover {
color: var(--litepicker-button-reset-color-hover)
}
.litepicker .container__months .month-item-header .reset-button:hover>svg {
fill: var(--litepicker-button-reset-color-hover)
}
.litepicker .container__months .month-item-header .button-previous-month,
.litepicker .container__months .month-item-header .button-next-month {
visibility: hidden;
text-decoration: none;
padding: 3px 5px;
border-radius: 3px;
-webkit-transition: color 0.3s, border 0.3s;
transition: color 0.3s, border 0.3s;
cursor: default
}
.litepicker .container__months .month-item-header .button-previous-month *,
.litepicker .container__months .month-item-header .button-next-month * {
pointer-events: none
}
.litepicker .container__months .month-item-header .button-previous-month {
color: var(--litepicker-button-prev-month-color);
background-color:transparent;
}
.litepicker .container__months .month-item-header .button-previous-month>svg,
.litepicker .container__months .month-item-header .button-previous-month>img {
fill: var(--litepicker-button-prev-month-color)
}
.litepicker .container__months .month-item-header .button-previous-month:hover {
color: var(--litepicker-button-prev-month-color-hover)
}
.litepicker .container__months .month-item-header .button-previous-month:hover>svg {
fill: var(--litepicker-button-prev-month-color-hover)
}
.litepicker .container__months .month-item-header .button-next-month {
color: var(--litepicker-button-next-month-color);
background-color:transparent;
}
.litepicker .container__months .month-item-header .button-next-month>svg,
.litepicker .container__months .month-item-header .button-next-month>img {
fill: var(--litepicker-button-next-month-color)
}
.litepicker .container__months .month-item-header .button-next-month:hover {
color: var(--litepicker-button-next-month-color-hover)
}
.litepicker .container__months .month-item-header .button-next-month:hover>svg {
fill: var(--litepicker-button-next-month-color-hover)
}
.litepicker .container__months .month-item-weekdays-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-self: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
color: var(--litepicker-month-weekday-color)
}
.litepicker .container__months .month-item-weekdays-row>div {
padding: 5px 0;
font-size: 85%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: var(--litepicker-day-width);
text-align: center
}
.litepicker .container__months .month-item:first-child .button-previous-month {
visibility: visible
}
.litepicker .container__months .month-item:last-child .button-next-month {
visibility: visible
}
.litepicker .container__months .month-item.no-previous-month .button-previous-month {
visibility: hidden
}
.litepicker .container__months .month-item.no-next-month .button-next-month {
visibility: hidden
}
.litepicker .container__days {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-self: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: center;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.litepicker .container__days>div,
.litepicker .container__days>a {
padding: 5px 0;
width: var(--litepicker-day-width)
}
.litepicker .container__days .day-item {
color: var(--litepicker-day-color);
text-align: center;
text-decoration: none;
border-radius: 3px;
-webkit-transition: color 0.3s, border 0.3s;
transition: color 0.3s, border 0.3s;
cursor: default
}
.litepicker .container__days .day-item:hover {
color: var(--litepicker-day-color-hover);
-webkit-box-shadow: inset 0 0 0 1px var(--litepicker-day-color-hover);
box-shadow: inset 0 0 0 1px var(--litepicker-day-color-hover)
}
.litepicker .container__days .day-item.is-today {
}
.litepicker .container__days .day-item.is-locked {
color: var(--litepicker-is-locked-color)
}
.litepicker .container__days .day-item.is-locked:hover {
color: var(--litepicker-is-locked-color);
-webkit-box-shadow: none;
box-shadow: none;
cursor: default
}
.litepicker .container__days .day-item.is-start-date {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.litepicker .container__days .day-item.is-start-date.is-flipped {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px
}
.litepicker .container__days .day-item.is-end-date {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px
}
.litepicker .container__days .day-item.is-end-date.is-flipped {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.litepicker .container__days .day-item.is-start-date.is-end-date {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px
}
.litepicker .container__days .week-number {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--litepicker-month-week-number-color);
font-size: 85%
}
.litepicker .container__footer {
text-align: right;
padding: 10px 5px;
margin: 0 5px;
background-color: var(--litepicker-footer-color-bg);
-webkit-box-shadow: inset 0px 3px 3px 0px var(--litepicker-footer-box-shadow-color);
box-shadow: inset 0px 3px 3px 0px var(--litepicker-footer-box-shadow-color);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px
}
.litepicker .container__footer .preview-date-range {
margin-right: 10px;
font-size: 90%
}
.litepicker .container__footer .button-cancel {
background-color: var(--litepicker-button-cancel-color-bg);
color: var(--litepicker-button-cancel-color);
border: 0;
padding: 3px 7px 4px;
border-radius: 3px
}
.litepicker .container__footer .button-cancel * {
pointer-events: none
}
.litepicker .container__footer .button-apply {
background-color: var(--litepicker-button-apply-color-bg);
color: var(--litepicker-button-apply-color);
border: 0;
padding: 3px 7px 4px;
border-radius: 3px;
margin-left: 10px;
margin-right: 10px
}
.litepicker .container__footer .button-apply:disabled {
opacity: 0.7
}
.litepicker .container__footer .button-apply * {
pointer-events: none
}
.litepicker .container__tooltip {
position: absolute;
margin-top: -4px;
padding: 4px 8px;
border-radius: 4px;
background-color: var(--litepicker-tooltip-color-bg);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
white-space: nowrap;
font-size: 11px;
pointer-events: none;
visibility: hidden
}
.litepicker .container__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: ""
}
.litepicker .container__tooltip:after {
position: absolute;
bottom: -4px;
left: calc(50% - 4px);
border-top: 4px solid var(--litepicker-tooltip-color-bg);
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: ""
} .litepicker .container__days .day-item.is-highlighted {
color: var(--litepicker-highlighted-day-color);
background-color: var(--litepicker-highlighted-day-color-bg)
}
.is-start-date{
color: var(--litepicker-is-start-color) !important;
background: var(--litepicker-is-start-color-bg);
background: linear-gradient(135deg, transparent 5px, var(--litepicker-is-start-color-bg) 0);
}
.is-end-date{
color: var(--litepicker-is-end-color) !important;
background: var(--litepicker-is-end-color-bg);
background: linear-gradient(315deg, transparent 5px, var(--litepicker-is-end-color-bg) 0);
}
.is-today{
font-weight:700;
}
.litepicker .container__days .day-item.is-in-range {
background-color: var(--litepicker-is-in-range-color-bg);
color:var(--litepicker-is-in-range-color);
border-radius: 0;
filter:brightness(var(--litepicker-is-in-range-brightness));
}