FTP_Search/build/css/plugins/caleran.min.css
2022-09-19 18:52:37 +05:30

2942 lines
68 KiB
CSS

.caleran-container,
.caleran-container-mobile {
font-size: 15px;
float: left;
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 9999;
}
.caleran-container:focus,
.caleran-container-mobile:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.caleran-container .caleran-input,
.caleran-container-mobile .caleran-input {
margin: 5px;
border: 1px solid #ddd;
border-radius: 6px;
overflow: hidden;
background: white;
display: -webkit-box;
display: flex;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.caleran-container .caleran-input.caleran-input-vertical-range,
.caleran-container-mobile .caleran-input.caleran-input-vertical-range {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.caleran-container .caleran-input.caleran-input-vertical-range .caleran-left,
.caleran-container-mobile
.caleran-input.caleran-input-vertical-range
.caleran-left {
border-right: 1px solid #ddd;
}
.caleran-container .caleran-input.caleran-input-vertical-range .caleran-right,
.caleran-container-mobile
.caleran-input.caleran-input-vertical-range
.caleran-right {
background: #fff;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.caleran-container
.caleran-input.caleran-input-vertical-range
.caleran-right
.caleran-ranges,
.caleran-container-mobile
.caleran-input.caleran-input-vertical-range
.caleran-right
.caleran-ranges {
border-top: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
padding-bottom: 24px;
overflow-y: auto;
overflow-x: hidden;
}
.caleran-container
.caleran-input.caleran-input-vertical-range
.caleran-right
.caleran-ranges
.caleran-range-header-container,
.caleran-container-mobile
.caleran-input.caleran-input-vertical-range
.caleran-right
.caleran-ranges
.caleran-range-header-container {
padding: 8px 12px;
}
.caleran-container
.caleran-input.caleran-input-vertical-range
.caleran-right
.caleran-ranges
.caleran-range,
.caleran-container-mobile
.caleran-input.caleran-input-vertical-range
.caleran-right
.caleran-ranges
.caleran-range {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 8px 12px;
margin: 3px 6px;
background: #f8f8ff;
border: 1px solid #ddd;
border-radius: 3px;
}
.caleran-container
.caleran-input.caleran-input-vertical-range
.caleran-right
.caleran-ranges
.caleran-range.caleran-range-selected,
.caleran-container-mobile
.caleran-input.caleran-input-vertical-range
.caleran-right
.caleran-ranges
.caleran-range.caleran-range-selected {
background: #1885fc;
color: white;
}
.caleran-container
.caleran-input.caleran-input-vertical-range
.caleran-right
.caleran-footer,
.caleran-container-mobile
.caleran-input.caleran-input-vertical-range
.caleran-right
.caleran-footer {
border-top: 1px solid #ddd;
}
.caleran-container .caleran-input .caleran-header,
.caleran-container-mobile .caleran-input .caleran-header {
display: -webkit-box;
display: flex;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px 20px 10px 20px;
border-bottom: 1px solid #ddd;
}
.caleran-container .caleran-input .caleran-header .caleran-header-separator,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-separator {
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
display: block;
margin: 0;
margin-top: -2px;
padding: 0 16px;
color: aliceblue;
font-size: 32px;
}
.caleran-container .caleran-input .caleran-header .caleran-header-start,
.caleran-container .caleran-input .caleran-header .caleran-header-end,
.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start,
.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end {
white-space: nowrap;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: block;
margin-right: 10px;
text-align: left;
}
.caleran-container
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-start-day,
.caleran-container
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-end-day,
.caleran-container
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-start-day,
.caleran-container
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-end-day,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-start-day,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-end-day,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-start-day,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-end-day {
float: left;
font-size: 2.5em;
color: #1885fc;
margin-top: -10px;
margin-right: 8px;
font-weight: 100;
text-align: left;
}
.caleran-container
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-start-date,
.caleran-container
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-end-date,
.caleran-container
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-start-date,
.caleran-container
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-end-date,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-start-date,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-end-date,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-start-date,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-end-date {
font-size: 0.9em;
color: #a6aab3;
display: inline-block;
}
.caleran-container
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-start-weekday,
.caleran-container
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-end-weekday,
.caleran-container
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-start-weekday,
.caleran-container
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-end-weekday,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-start-weekday,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-end-weekday,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-start-weekday,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-end-weekday {
font-size: 0.7em;
color: #c9c9d1;
}
.caleran-container .caleran-input .caleran-calendars,
.caleran-container-mobile .caleran-input .caleran-calendars {
position: relative;
display: -webkit-box;
display: flex;
display: -ms-flexbox;
}
.caleran-container .caleran-input .caleran-calendars .caleran-month-selector,
.caleran-container .caleran-input .caleran-calendars .caleran-year-selector,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector {
position: absolute;
display: none;
border: 0px solid #fff;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ms-month,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ms-month,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ms-month,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ms-month {
background: #eee;
height: 33.33%;
width: 25%;
font-weight: bold;
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;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
outline: 1px solid #ddd;
text-transform: capitalize;
word-wrap: break-word;
word-break: break-all;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ms-month.current,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ms-month.current,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ms-month.current,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ms-month.current {
background: #0666cd;
color: white;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ms-month:hover,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ms-month:hover,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ms-month:hover,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ms-month:hover {
background: #1783ff;
cursor: pointer;
color: white;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year-next,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year-prev,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year-next,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year-prev,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year-next,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year-prev,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year-next,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year-prev {
margin: 0px;
background: #eee;
height: 33.33%;
width: 20%;
font-weight: bold;
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;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 1px solid #ddd;
text-transform: uppercase;
word-wrap: break-word;
word-break: break-all;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year.current,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year-next.current,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year-prev.current,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year.current,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year-next.current,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year-prev.current,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year.current,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year-next.current,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year-prev.current,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year.current,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year-next.current,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year-prev.current {
background: #0666cd;
color: white;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year:hover,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year-next:hover,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year-prev:hover,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year:hover,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year-next:hover,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year-prev:hover,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year:hover,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year-next:hover,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year-prev:hover,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year:hover,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year-next:hover,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year-prev:hover {
background: #1783ff;
cursor: pointer;
color: white;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year-next,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year-prev,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year-next,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year-prev,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year-next,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year-prev,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year-next,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year-prev {
font-size: 2.65em;
background: white;
color: #1885fc;
}
.caleran-container .caleran-input .caleran-calendars .caleran-calendar,
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar {
-webkit-box-flex: 1;
flex: 1;
-ms-flex: 1;
float: left;
padding-bottom: 8px;
border-right: 1px solid #ddd;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar.no-border-right,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar.no-border-right {
border-right: none;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar.caleran-calendar-weeknumbers
.caleran-days-container
.caleran-dayofweek,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar.caleran-calendar-weeknumbers
.caleran-days-container
.caleran-day,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar.caleran-calendar-weeknumbers
.caleran-days-container
.caleran-disabled,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar.caleran-calendar-weeknumbers
.caleran-days-container
.caleran-weeknumber,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar.caleran-calendar-weeknumbers
.caleran-days-container
.caleran-dayofweek,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar.caleran-calendar-weeknumbers
.caleran-days-container
.caleran-day,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar.caleran-calendar-weeknumbers
.caleran-days-container
.caleran-disabled,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar.caleran-calendar-weeknumbers
.caleran-days-container
.caleran-weeknumber {
width: calc(100% / 8);
}
@media all and (-ms-high-contrast: none) {
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar.caleran-calendar-weeknumbers
.caleran-days-container
.caleran-dayofweek,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar.caleran-calendar-weeknumbers
.caleran-days-container
.caleran-day,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar.caleran-calendar-weeknumbers
.caleran-days-container
.caleran-disabled,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar.caleran-calendar-weeknumbers
.caleran-days-container
.caleran-weeknumber,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar.caleran-calendar-weeknumbers
.caleran-days-container
.caleran-dayofweek,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar.caleran-calendar-weeknumbers
.caleran-days-container
.caleran-day,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar.caleran-calendar-weeknumbers
.caleran-days-container
.caleran-disabled,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar.caleran-calendar-weeknumbers
.caleran-days-container
.caleran-weeknumber {
width: calc((100% / 8) - 1px);
}
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-title,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-title {
text-align: center;
font-weight: 300;
font-size: 1.1em;
color: #424242;
text-transform: capitalize;
border-bottom: 1px solid #ddd;
padding: 12px 8px;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-title
.caleran-month-switch:hover,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-title
.caleran-year-switch:hover,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-title
.caleran-month-switch:hover,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-title
.caleran-year-switch:hover {
color: #1783ff;
cursor: hand;
cursor: pointer;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-title
.caleran-prev,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-title
.caleran-next,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-title
.caleran-prev,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-title
.caleran-next {
margin-top: -4px;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container {
padding: 10px;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-dayofweek,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-weeknumber,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-dayofweek,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-weeknumber {
width: calc(100% / 7);
float: left;
text-align: center;
padding: 3px;
font-size: 0.76em;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
margin-bottom: 1px;
}
@media all and (-ms-high-contrast: none) {
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-dayofweek,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-weeknumber,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-dayofweek,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-weeknumber {
width: calc((100% / 7) - 1px);
}
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-dayofweek
span,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day
span,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled
span,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-weeknumber
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-dayofweek
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-weeknumber
span {
pointer-events: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 3px;
border-radius: 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: normal;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-dayofweek,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-dayofweek {
text-transform: uppercase;
font-size: 0.6em;
font-weight: 600;
color: #616161;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-weeknumber,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-weeknumber {
background-color: #f8f8ff;
color: #568ea3;
border-right: 1px solid #ddd;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day {
cursor: pointer;
overflow: hidden;
color: #212121;
-webkit-transition: background-color 0.1s ease-out;
-o-transition: background-color 0.1s ease-out;
transition: background-color 0.1s ease-out;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day:hover:not(.caleran-hovered):not(.caleran-selected),
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day:hover:not(.caleran-hovered):not(.caleran-selected) {
background-color: #c8e1ff;
border-radius: 3px;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-selected,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-start,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-end,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-selected,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-start,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-end {
background: #1783ff;
color: white;
border-radius: 0;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-selected.caleran-today
span,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-start.caleran-today
span,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-end.caleran-today
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-selected.caleran-today
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-start.caleran-today
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-end.caleran-today
span {
background: #5168e4 !important;
color: white !important;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-selected.caleran-disabled,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-start.caleran-disabled,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-end.caleran-disabled,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-selected.caleran-disabled,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-start.caleran-disabled,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-end.caleran-disabled {
background: #c6dbf0;
color: #fff;
opacity: 0.5;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-selected.caleran-disabled
span,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-start.caleran-disabled
span,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-end.caleran-disabled
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-selected.caleran-disabled
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-start.caleran-disabled
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-end.caleran-disabled
span {
background: transparent !important;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-hovered,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-hovered {
background: #c8e1ff;
color: black;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-hovered.caleran-disabled,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-hovered.caleran-disabled {
opacity: 0.66;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-hovered.caleran-hovered-first,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-hovered.caleran-hovered-first {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-hovered.caleran-hovered-last,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-hovered.caleran-hovered-last {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-hovered.caleran-today,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-hovered.caleran-today {
color: #8b4cc9 !important;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-start:not(.caleran-hovered),
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-start:not(.caleran-hovered) {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-start:not(.caleran-hovered)
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-start:not(.caleran-hovered)
span {
background: #0666cd;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-end:not(.caleran-hovered),
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-end:not(.caleran-hovered) {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-end:not(.caleran-hovered)
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day.caleran-end:not(.caleran-hovered)
span {
background: #0666cd;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-today,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-today {
color: deeppink !important;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-today.caleran-hovered,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-today.caleran-hovered {
color: black;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range {
color: #b8b8df;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-selected,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-start,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-end,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-selected,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-start,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-end {
background: #1783ff;
border-radius: 0;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-selected.caleran-today,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-start.caleran-today,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-end.caleran-today,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-selected.caleran-today,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-start.caleran-today,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-end.caleran-today {
color: #8b4cc9 !important;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-start,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-start {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-start
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-start
span {
background: #0666cd;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-end,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-end {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-end
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-disabled-range.caleran-end
span {
background: #0666cd;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled {
color: #b8b8df;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-selected,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-start,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-end,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-selected,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-start,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-end {
background: #1783ff;
color: white;
border-radius: 0;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-selected.caleran-today,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-start.caleran-today,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-end.caleran-today,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-selected.caleran-today,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-start.caleran-today,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-end.caleran-today {
color: #8b4cc9 !important;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-start,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-start {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-start
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-start
span {
background: #0666cd;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-end,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-end {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-end
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled.caleran-end
span {
background: #0666cd;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-weekend,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-weekend {
color: #568ea3;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-not-in-month,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-not-in-month {
opacity: 0.65;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-next,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-prev,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-next,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-prev {
cursor: pointer;
font-size: 1.25em;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-next:hover,
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-prev:hover,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-next:hover,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-prev:hover {
text-shadow: 1px 2px 3px #eee;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-next,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-next {
float: right;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-prev,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-prev {
float: left;
}
.caleran-container
.caleran-input
.caleran-calendars
.caleran-calendar:last-child,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar:last-child {
border-right: none;
}
.caleran-container .caleran-input .caleran-ranges,
.caleran-container-mobile .caleran-input .caleran-ranges {
border-top: 1px solid #ddd;
clear: both;
padding: 10px;
text-align: left;
}
.caleran-container .caleran-input .caleran-ranges i,
.caleran-container-mobile .caleran-input .caleran-ranges i {
float: left;
color: #6a6e71;
font-size: 14px;
margin-right: 5px;
margin-top: 1px;
}
.caleran-container .caleran-input .caleran-ranges .caleran-range-header,
.caleran-container-mobile .caleran-input .caleran-ranges .caleran-range-header {
font-size: 0.8em;
color: #6a6e71;
display: inline-block;
margin-right: 5px;
font-weight: bold;
}
.caleran-container .caleran-input .caleran-ranges .caleran-range,
.caleran-container-mobile .caleran-input .caleran-ranges .caleran-range {
display: inline-block;
color: #1783ff;
margin: 3px;
font-size: 0.7em;
cursor: pointer;
font-weight: bold;
}
.caleran-container .caleran-input .caleran-ranges .caleran-range:hover,
.caleran-container-mobile .caleran-input .caleran-ranges .caleran-range:hover {
text-decoration: underline;
}
.caleran-container
.caleran-input
.caleran-ranges
.caleran-range.caleran-range-selected,
.caleran-container-mobile
.caleran-input
.caleran-ranges
.caleran-range.caleran-range-selected {
color: #f03a47;
}
.caleran-container
.caleran-input
.caleran-ranges
.caleran-range.caleran-range-selected:hover,
.caleran-container-mobile
.caleran-input
.caleran-ranges
.caleran-range.caleran-range-selected:hover {
text-decoration: none;
}
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled-range-end,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled-range-end {
background-image: -o-linear-gradient(45deg, #f3f3ff 49%, transparent 50%);
background-image: linear-gradient(45deg, #f3f3ff 49%, transparent 50%);
}
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled-range-start,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled-range-start {
background-image: -o-linear-gradient(225deg, #f3f3ff 49%, transparent 50%);
background-image: linear-gradient(225deg, #f3f3ff 49%, transparent 50%);
}
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled-range-start.caleran-disabled-range-end,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled-range-start.caleran-disabled-range-end {
background-image: -o-linear-gradient(45deg, #f3f3ff 49%, transparent 50%);
background-image: linear-gradient(45deg, #f3f3ff 49%, transparent 50%);
}
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled-range-start.caleran-disabled-range-end.caleran-selected,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled-range-start.caleran-disabled-range-end.caleran-selected {
background-image: none !important;
}
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range {
color: #b8b8df;
background: #f3f3ff;
}
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-selected,
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-start,
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-end,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-selected,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-start,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-end {
background: #1783ff;
color: white;
border-radius: 0;
}
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-selected.caleran-today,
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-start.caleran-today,
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-end.caleran-today,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-selected.caleran-today,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-start.caleran-today,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-end.caleran-today {
color: #8b4cc9 !important;
}
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-start,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-start {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-start
span,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-start
span {
background: #0666cd;
}
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-end,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-end {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-end
span,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled.caleran-disabled-range.caleran-end
span {
background: #0666cd;
}
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled-range-start.caleran-hovered,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled-range-start.caleran-hovered {
background: -o-linear-gradient(45deg, #c8e1ff 49%, #f3f3ff 50%) !important;
background: linear-gradient(45deg, #c8e1ff 49%, #f3f3ff 50%) !important;
border-radius: 0 !important;
}
.caleran-container.caleran-hotel-style
.caleran-calendar
.caleran-disabled-range-end.caleran-hovered,
.caleran-container-mobile.caleran-hotel-style
.caleran-calendar
.caleran-disabled-range-end.caleran-hovered {
background: -o-linear-gradient(225deg, #c8e1ff 49%, #f3f3ff 50%) !important;
background: linear-gradient(225deg, #c8e1ff 49%, #f3f3ff 50%) !important;
border-radius: 0 !important;
}
.caleran-popup {
position: absolute;
display: none;
top: 0;
left: 0;
}
.caleran-box-arrow-top {
width: 22px;
height: 22px;
z-index: 12;
margin-left: 0;
position: absolute;
top: 0px;
}
.caleran-box-arrow-top:after,
.caleran-box-arrow-top:before {
bottom: calc(100% - 6px);
left: 27px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.caleran-box-arrow-top:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 10px;
margin-left: -10px;
}
.caleran-box-arrow-top:before {
border-color: rgba(184, 184, 184, 0);
border-bottom-color: #ddd;
border-width: 11px;
margin-left: -11px;
}
.caleran-box-arrow-bottom {
width: 22px;
height: 22px;
z-index: 12;
margin-left: 0;
position: absolute;
bottom: 0px;
}
.caleran-box-arrow-bottom:after,
.caleran-box-arrow-bottom:before {
bottom: -15px;
left: 27px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.caleran-box-arrow-bottom:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 11px;
margin-left: -11px;
}
.caleran-box-arrow-bottom:before {
border-color: rgba(184, 184, 184, 0);
border-top-color: #ddd;
border-width: 10px;
margin-left: -10px;
}
.caleran-box-arrow-left {
width: 21px;
height: 21px;
z-index: 12;
margin-top: 0px;
position: absolute;
left: 0px;
}
.caleran-box-arrow-left:after,
.caleran-box-arrow-left:before {
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.caleran-box-arrow-left:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #ffffff;
border-width: 12px;
left: -18px;
top: 29px;
}
.caleran-box-arrow-left:before {
border-color: rgba(184, 184, 184, 0);
border-right-color: #ddd;
border-width: 14px;
left: -22px;
top: 27px;
}
.caleran-box-arrow-right {
width: 22px;
height: 22px;
z-index: 12;
margin-top: 0px;
position: absolute;
right: 0px;
}
.caleran-box-arrow-right:after,
.caleran-box-arrow-right:before {
right: -15px;
top: 27px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.caleran-box-arrow-right:after {
border-color: rgba(255, 255, 255, 0);
border-left-color: #ffffff;
border-width: 12px;
margin-left: -12px;
right: -17px;
top: 30px;
}
.caleran-box-arrow-right:before {
border-color: rgba(184, 184, 184, 0);
border-left-color: #ddd;
border-width: 12px;
margin-left: -10px;
right: -19px;
top: 30px;
}
.caleran-container .caleran-input .caleran-footer {
text-align: right;
}
.caleran-container .caleran-input .caleran-footer .caleran-apply {
background: #1783ff;
border: none;
padding: 6px 18px;
color: white;
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
margin: 6px;
border-radius: 3px;
}
.caleran-container .caleran-input .caleran-footer .caleran-apply:disabled {
background: #c9c9d1;
color: gray;
}
.caleran-container .caleran-input .caleran-footer .caleran-cancel {
background: #c9c9d1;
border: none;
padding: 6px 18px;
color: #6a6e71;
margin: 6px;
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
margin-right: 0px;
border-radius: 3px;
}
.caleran-open {
overflow: hidden;
}
.caleran-container-mobile .caleran-input {
margin: 0;
border: 0;
border-radius: 0;
position: fixed;
bottom: 0;
right: 0;
left: 0;
z-index: 9999;
margin: 12px;
border-radius: 6px;
border: 1px solid #ddd;
display: -webkit-box;
display: flex;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
overflow-y: auto;
}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input {
overflow-y: scroll;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.caleran-container-mobile .caleran-input .caleran-header {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 12px;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
display: -webkit-box;
display: flex;
display: -ms-flexbox;
-webkit-box-flex: 0;
flex: 0 0 auto;
-ms-flex: 0 0 auto;
-ms-flex-flow: nowrap;
flex-flow: nowrap;
background: #f8f8ff;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-header {
width: 50%;
float: right;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 12px 6px;
border-left: 1px solid #ddd;
height: 61px;
}
}
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-separator {
padding: 0;
margin: 0;
display: -webkit-box;
display: flex;
display: -ms-flexbox;
color: lightsteelblue;
margin-top: 2px;
}
.caleran-container-mobile .caleran-input .caleran-header .caleran-header-start,
.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end {
margin: 0;
}
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-start-day,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-end-day,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-start-day,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-end-day {
font-size: 38px;
margin: -10px;
font-weight: 400;
}
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-start-date,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-end-date,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-start-date,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-end-date {
font-size: 15px;
color: #6a6e71;
font-weight: 500;
}
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-start-weekday,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-end-weekday,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-start-weekday,
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-end-weekday {
font-size: 12px;
color: #6a6e71;
font-weight: 400;
line-height: 10px;
}
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-start
.caleran-header-start-day {
margin-right: 8px;
margin-left: 0;
float: left;
}
.caleran-container-mobile .caleran-input .caleran-header .caleran-header-end {
text-align: right;
}
.caleran-container-mobile
.caleran-input
.caleran-header
.caleran-header-end
.caleran-header-end-day {
float: right;
margin-left: 8px;
margin-right: 0;
}
.caleran-container-mobile .caleran-input .caleran-calendars {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-box-flex: 1;
flex: 1 1 auto;
-ms-flex: 1 1 auto;
background: white;
display: -webkit-box;
display: flex;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: scroll;
}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-calendars {
width: 50%;
float: left;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
}
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector {
border-bottom: 1px solid #ddd;
}
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ms-month,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ms-month {
-webkit-box-flex: 1;
flex: 1 1 33.33%;
-ms-flex: 1 1 33.33%;
height: 25%;
}
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-month-selector
.caleran-ys-year,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-year-selector
.caleran-ys-year {
-webkit-box-flex: 1;
flex: 1 1 20%;
-ms-flex: 1 1 20%;
height: 33.33%;
}
@media screen and (orientation: landscape) {
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar {
border: none;
}
}
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-title {
padding: 12px 18px;
background: #f8f8ff;
font-size: 1.36em;
}
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-title
.caleran-prev,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-title
.caleran-next {
margin-top: -6px;
}
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-title
i {
font-size: 0.9em;
}
@media screen and (orientation: landscape) {
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-title {
height: 61px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 18px;
}
}
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container {
padding: 10px;
}
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-dayofweek,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled {
min-height: 30px;
font-size: 14px !important;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: flex;
display: -ms-flexbox;
}
@media screen and (orientation: landscape) {
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-dayofweek,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled {
min-height: calc((80vmin - 62px) / 7);
}
}
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-dayofweek
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-day
span,
.caleran-container-mobile
.caleran-input
.caleran-calendars
.caleran-calendar
.caleran-days-container
.caleran-disabled
span {
display: -webkit-box;
display: flex;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
left: 4px;
top: 4px;
bottom: 4px;
right: 4px;
}
.caleran-container-mobile .caleran-input .caleran-ranges {
background: white;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-flex: 0;
flex: 0 0 auto;
-ms-flex: 0 0 auto;
margin: 0px;
padding: 4px;
border: none;
text-align: center;
}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-ranges {
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
flex: 1 1 0;
-ms-flex: 1 1 0;
border-left: 1px solid #ddd;
overflow-y: scroll;
min-height: 50px;
}
}
.caleran-container-mobile .caleran-input .caleran-ranges i {
font-size: 20px;
display: none;
}
.caleran-container-mobile .caleran-input .caleran-ranges .caleran-range-header {
font-size: 0.9em;
display: none;
}
.caleran-container-mobile .caleran-input .caleran-ranges .caleran-range {
font-size: 0.85em;
padding: 5px 14px;
background: #0666cd;
font-weight: 400;
color: white;
border-radius: 21px;
}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-ranges .caleran-range {
border-radius: 6px;
margin: 6px;
display: block;
}
}
.caleran-container-mobile .caleran-input .caleran-filler {
display: none;
}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-filler {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: auto;
border-left: 1px solid #ddd;
min-height: 100px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
.caleran-container-mobile .caleran-input .caleran-ranges + .caleran-filler {
display: none;
}
.caleran-container-mobile .caleran-input .caleran-footer {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
-webkit-box-flex: 0;
flex: 0 0 auto;
-ms-flex: 0 0 auto;
text-align: center;
padding: 8px 8px 10px 8px;
background: #f8f8ff;
border-top: 1px solid #ddd;
}
@media screen and (orientation: landscape) {
.caleran-container-mobile .caleran-input .caleran-footer {
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #ddd;
margin-top: auto;
}
}
.caleran-container-mobile .caleran-input .caleran-footer button {
font-size: 15px;
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 8px;
font-weight: 400;
outline: none;
border: none;
border-radius: 4px;
width: calc((100% - 10px) / 2);
}
.caleran-container-mobile .caleran-input .caleran-footer button.caleran-apply {
background: #f03a47;
color: white;
margin-left: 7px;
font-weight: 500;
border: 1px solid #f03a47;
}
.caleran-container-mobile
.caleran-input
.caleran-footer
button.caleran-apply[disabled="disabled"],
.caleran-container-mobile
.caleran-input
.caleran-footer
button.caleran-apply:disabled {
background: #c9c9d1;
color: #a6aab3;
border: 1px solid #a6aab3;
}
.caleran-container-mobile .caleran-input .caleran-footer button.caleran-cancel {
background: transparent;
color: #f03a47;
border: 1px solid #f03a47;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.caleran-container.caleran-rtl .caleran-header {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.caleran-container.caleran-rtl .caleran-header .caleran-header-separator {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.caleran-container.caleran-rtl .caleran-header .caleran-header-start {
text-align: right;
}
.caleran-container.caleran-rtl
.caleran-header
.caleran-header-start
.caleran-header-start-day {
float: right;
margin-left: 5px;
margin-right: 0;
}
.caleran-container.caleran-rtl .caleran-calendar:last-child {
border-right: 1px solid #ddd !important;
}
.caleran-container.caleran-rtl .caleran-calendar:first-child {
border-right: 0px solid transparent;
}
.caleran-container.caleran-rtl .caleran-days-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.caleran-container.caleran-rtl .caleran-days-container .caleran-start,
.caleran-container.caleran-rtl .caleran-days-container .caleran-hovered-first {
border-radius: 0 6px 6px 0 !important;
}
.caleran-container.caleran-rtl .caleran-days-container .caleran-end,
.caleran-container.caleran-rtl .caleran-days-container .caleran-hovered-last {
border-radius: 6px 0 0 6px !important;
}
.caleran-container.caleran-rtl
.caleran-days-container
.caleran-start.caleran-end,
.caleran-container.caleran-rtl
.caleran-days-container
.caleran-hovered-first.caleran-hovered-last {
border-radius: 6px !important;
}
.caleran-container.caleran-rtl .caleran-ranges {
text-align: right;
}
.caleran-container-mobile.caleran-inline {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.caleran-container-mobile.caleran-inline .caleran-input {
position: static;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.caleran-container-mobile.caleran-inline .caleran-input .caleran-calendar {
border-right: none;
}
@media screen and (orientation: landscape) {
.caleran-container-mobile.caleran-inline .caleran-input {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.caleran-container-mobile.caleran-inline .caleran-input .caleran-calendars {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: calc(50% - 1px);
border-left: none;
border-right: 1px solid #ddd;
}
.caleran-container-mobile.caleran-inline .caleran-input .caleran-header {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
border-left: none;
}
.caleran-container-mobile.caleran-inline .caleran-input .caleran-timepickers {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 50%;
border-left: none;
}
.caleran-container-mobile.caleran-inline
.caleran-input
.caleran-timepickers
.caleran-timepicker-ampm {
width: 7vmin;
}
.caleran-container-mobile.caleran-inline .caleran-input .caleran-ranges {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 50%;
border-left: none;
}
}
.caleran-container-mobile.caleran-inline .caleran-input .caleran-footer {
display: none;
}
@media screen\0 {
.caleran-dayofweek,
.caleran-day,
.caleran-disabled {
width: calc((100% / 7) - 2px) !important;
padding: 2px !important;
}
.caleran-input-vertical-range .caleran-left {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.caleran-input-vertical-range .caleran-ranges {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.caleran-input-vertical-range .caleran-range {
-webkit-box-flex: 0 !important;
-ms-flex: 0 1 auto !important;
flex: 0 1 auto !important;
line-height: 1em !important;
}
}
.caleran-overlay {
z-index: 9998;
display: none;
background: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
height: 100vh;
}
/* custom css */
@media screen and (max-width: 960px) {
.caleran-header,
.caleran-ranges {
display: none !important;
}
.caleran-calendars{
height: 100% !important;
}
}