582 lines
12 KiB
SCSS
582 lines
12 KiB
SCSS
@charset "utf-8";
|
|
|
|
@import "../initial";
|
|
|
|
.w-calendar {
|
|
width: 100%;
|
|
position: relative;
|
|
|
|
.widget-title {
|
|
text-align: center;
|
|
border: 0.0625em solid $theme-gray-subtle;
|
|
margin: 0;
|
|
padding: 0.5em 0;
|
|
}
|
|
|
|
th {
|
|
background: $theme-color-main;
|
|
color: $theme-white;
|
|
text-align: center;
|
|
font-size: 0.8125rem;
|
|
}
|
|
|
|
td {
|
|
border: 0.0625em solid $theme-gray-subtle;
|
|
text-align: center;
|
|
font-size: 0.8125rem;
|
|
}
|
|
}
|
|
|
|
.w-calendar-table {
|
|
margin-bottom: 0;
|
|
|
|
.w-calendar-today {
|
|
background: $theme-color-main;
|
|
color: $theme-white;
|
|
}
|
|
|
|
.w-calendar-event {
|
|
background: $theme-color-third;
|
|
color: $theme-white;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
.w-calendar-nav {
|
|
a {
|
|
position: absolute;
|
|
top: 0.5em;
|
|
left: 0.625em;
|
|
color: $theme-color-main;
|
|
}
|
|
|
|
.w-calendar-nav-next {
|
|
left: auto;
|
|
right: 0.625em;
|
|
}
|
|
}
|
|
#orbit_calendar{
|
|
position: relative;
|
|
margin-top: 1em;
|
|
width: 100%!important;
|
|
z-index: 0;
|
|
table th{
|
|
background-color: #fff;
|
|
color: #333;
|
|
}
|
|
}
|
|
.fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table{
|
|
width: 100%!important;
|
|
}
|
|
|
|
.fc .fc-daygrid-day-top{
|
|
justify-content: center;
|
|
}
|
|
.fc-daygrid-event-dot{
|
|
display: none!important;
|
|
}
|
|
|
|
.fc-daygrid-event-harness{
|
|
.mybooking{
|
|
box-shadow: 0 1px 2px 1px #000000;
|
|
// background-color:#ff7a00 !important;
|
|
// color: #fff !important;
|
|
// border:0!important;
|
|
// .fc-event-time,.fc-event-title-container{
|
|
// color: #fff !important;
|
|
// }
|
|
// .fc-event-main-frame{
|
|
// color: #fff !important;
|
|
// }
|
|
}
|
|
}
|
|
.fc .fc-daygrid-event{
|
|
margin-top: 4px;
|
|
}
|
|
.fc-timegrid-event-harness{
|
|
.mybooking{
|
|
box-shadow: 0 1px 2px 1px #000000;
|
|
// background-color:#ff7a00 !important;
|
|
// border:0!important;
|
|
// .fc-event-main-frame{
|
|
// color: #fff !important;
|
|
// }
|
|
}
|
|
}
|
|
.fc-timegrid-slot-label-cushion{
|
|
font-size:small;
|
|
}
|
|
.fc .fc-timegrid-slot-label{
|
|
border:0;
|
|
}
|
|
.fc .fc-timegrid-slot{
|
|
height: 0.5em !important;
|
|
}
|
|
.fc-direction-ltr .fc-timegrid-slot-label-frame{
|
|
text-align:center!important;
|
|
}
|
|
.fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion{
|
|
padding: 0;
|
|
}
|
|
.fc .fc-timegrid-axis-frame{
|
|
justify-content: center!important;
|
|
}
|
|
// .fc-timeGridWeek-view{
|
|
// .fc-event-time{
|
|
// display: none;
|
|
// }
|
|
// }
|
|
.fc-v-event .fc-event-main-frame{
|
|
padding: 5px;
|
|
color: #fff;
|
|
}
|
|
// .fc-timeGridWeek-view{
|
|
// .fc-scrollgrid-sync-table{
|
|
// display: none;
|
|
// }
|
|
// }
|
|
// td.fc-timegrid-axis.fc-scrollgrid-shrink{
|
|
// display: none;
|
|
// }
|
|
// .fc .fc-timegrid-axis-frame{
|
|
// display: none;
|
|
// }
|
|
// .fc .fc-timegrid-slot-label{
|
|
// display: none;
|
|
// }
|
|
|
|
.fc-timegrid-event-harness{
|
|
position:relative!important;
|
|
inset: unset !important;
|
|
}
|
|
.fc-timegrid-event-harness > .fc-timegrid-event{
|
|
position:relative!important;
|
|
inset: unset !important;
|
|
width: 100%;
|
|
border: 0;
|
|
}
|
|
#hire_form label.col-sm-4.control-label{
|
|
@media(max-width: $screen-xs){
|
|
padding-left:0.9375em!important;
|
|
}
|
|
}
|
|
.modal-content{
|
|
box-shadow: 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f, 0 11px 15px -7px #00000033;
|
|
border-radius: 8px;
|
|
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
|
border: 0;
|
|
}
|
|
.fc .fc-daygrid-day.fc-day-today{
|
|
background-color:transparent!important;
|
|
.fc-daygrid-day-number{
|
|
color: #fff;
|
|
background-color: #858585;
|
|
border-radius: 0.65em;
|
|
min-width: 2em;
|
|
text-align: center;
|
|
}
|
|
}
|
|
.calendar-modal .event_summary{
|
|
font-size: 1.2em;
|
|
letter-spacing: 1px;
|
|
}
|
|
.calendar-modal > .modal-content h3{
|
|
font-weight: bold;
|
|
}
|
|
.fc .fc-daygrid-event-harness{
|
|
font-weight: bold;
|
|
}
|
|
.fc .fc-daygrid-day-number{
|
|
margin-top: 0.3em;
|
|
color: inherit;
|
|
}
|
|
.fc .fc-col-header-cell-cushion{
|
|
color: inherit;
|
|
}
|
|
.fc-daygrid-dot-event{
|
|
display:block !important;
|
|
}
|
|
.fc-daygrid-event-harness .fc-daygrid-event{
|
|
padding: 5px;
|
|
}
|
|
|
|
.fc-timegrid-axis{
|
|
min-width: 10em;
|
|
}
|
|
.fc-dayGridMonth-view{
|
|
@media(max-width: $screen-xs){
|
|
td{
|
|
height: 5em;
|
|
}
|
|
}
|
|
}
|
|
.fc-col-header-cell-cushion{
|
|
@media(max-width: 768px){
|
|
white-space: normal;
|
|
text-align: justify;
|
|
font-size: small;
|
|
display: unset !important;
|
|
padding: 0 !important;
|
|
}
|
|
}
|
|
|
|
@media(max-width: $screen-xs){
|
|
.fc .fc-scrollgrid-liquid{
|
|
height: 26.5em!important;
|
|
}
|
|
.fc-view-harness{
|
|
height: 26.5em!important;
|
|
}
|
|
.fc-timegrid-slot-label-cushion{
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
}
|
|
@media(max-width:768px){
|
|
.fc-daygrid-day-number{
|
|
font-size: small;
|
|
}
|
|
}
|
|
.has_event{
|
|
background-color: $theme-color-second!important;
|
|
}
|
|
.createbooking{
|
|
cursor: pointer;
|
|
@media(max-width: 820px){
|
|
display: none!important;
|
|
}
|
|
}
|
|
.cancelbooking{
|
|
.cancelbookingbtn{
|
|
color: #fff;
|
|
font-size: 1.2em;
|
|
padding: 5px 12px;
|
|
cursor: pointer;
|
|
width: 2em;
|
|
height: 2em;
|
|
position: relative;
|
|
border-radius: 2em;
|
|
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
|
display: block;
|
|
border: 1px solid #fff;
|
|
}
|
|
position: absolute;
|
|
top: 5em;
|
|
right: 103%;
|
|
@media(max-width:820px){
|
|
display: none!important;
|
|
}
|
|
}
|
|
.form-horizontal{
|
|
@media(min-width:769px){
|
|
margin: auto;
|
|
width: 60%;
|
|
}
|
|
}
|
|
.control-label{
|
|
@media(max-width: 820px){
|
|
padding-left:0.9375em!important;
|
|
}
|
|
}
|
|
.fc-popover-header{
|
|
padding: 6px 12px!important;
|
|
.fc-popover-close{
|
|
font-size:1.5em!important;
|
|
}
|
|
.fc-popover-title{
|
|
font-size: 1.2em!important;
|
|
}
|
|
}
|
|
.modal-footer{
|
|
a{
|
|
color: #fff;
|
|
background: #858585;
|
|
font-size: 1em;
|
|
&:hover{
|
|
color: #fff;
|
|
background: #333;
|
|
}
|
|
}
|
|
}
|
|
.fc .fc-timegrid-slot-minor{
|
|
border-top: 0;
|
|
}
|
|
.fc-view-harness{
|
|
height: auto!important;
|
|
}
|
|
.fc-timeGridDay-view{
|
|
position: relative!important;
|
|
span.fc-timegrid-axis-cushion.fc-scrollgrid-shrink-cushion.fc-scrollgrid-sync-inner{
|
|
display: none;
|
|
}
|
|
.fc-timegrid-axis-frame{
|
|
display: none;
|
|
}
|
|
.fc-scrollgrid-section-liquid{
|
|
display: none;
|
|
}
|
|
.fc-timegrid-slot{
|
|
border:0!important;
|
|
}
|
|
.fc-timegrid-slot:empty:before{
|
|
position: absolute;
|
|
}
|
|
.fc-scroller-liquid-absolute{
|
|
position: relative!important;
|
|
@media(min-width:$screen-xs){
|
|
overflow: unset !important;
|
|
}
|
|
}
|
|
.fc-daygrid-day-frame{
|
|
@media(min-width: $screen-xs){
|
|
min-height: 7em!important;
|
|
}
|
|
@media(max-width: $screen-xs){
|
|
min-height:24em !important;
|
|
}
|
|
}
|
|
.fc-scrollgrid-section-liquid{
|
|
display: none!important;
|
|
}
|
|
span.fc-timegrid-axis-cushion.fc-scrollgrid-shrink-cushion.fc-scrollgrid-sync-inner{
|
|
display: none;
|
|
}
|
|
.fc-timegrid-axis-frame{
|
|
display: none;
|
|
}
|
|
th.fc-timegrid-axis{
|
|
display: none;
|
|
}
|
|
td.fc-timegrid-axis.fc-scrollgrid-shrink{
|
|
display: none;
|
|
}
|
|
}
|
|
.fc-timeGridWeek-view{
|
|
/* table th{
|
|
display: table-cell;
|
|
}*/
|
|
/* .fc-col-header {
|
|
display: none;
|
|
}*/
|
|
/* .fc-timegrid-axis{
|
|
display: none;
|
|
}*/
|
|
.fc-daygrid-day-frame{
|
|
@media(min-width: $screen-xs){
|
|
min-height: 7em!important;
|
|
}
|
|
@media(max-width: $screen-xs){
|
|
min-height:24em !important;
|
|
}
|
|
}
|
|
.fc-event-title{
|
|
@media(max-width: $screen-xs){
|
|
-webkit-line-clamp: 4!important;
|
|
}
|
|
}
|
|
/* span.fc-timegrid-axis-cushion.fc-scrollgrid-shrink-cushion.fc-scrollgrid-sync-inner{
|
|
display: none;
|
|
}*/
|
|
/* .fc-timegrid-axis-frame{
|
|
display: none;
|
|
}*/
|
|
.fc-scrollgrid-section-liquid{
|
|
display: none!important;
|
|
}
|
|
position: relative!important;
|
|
.fc-timegrid-slot{
|
|
border:0!important;
|
|
}
|
|
.fc-timegrid-slot:empty:before{
|
|
position: absolute;
|
|
}
|
|
.fc-scroller-liquid-absolute{
|
|
position: relative!important;
|
|
@media(min-width:$screen-xs){
|
|
overflow: unset !important;
|
|
}
|
|
}
|
|
.fc-timegrid-slot:empty:before{
|
|
// @media(max-width: $screen-xs){
|
|
height: 0.8em;
|
|
position: relative;
|
|
display: block;
|
|
// }
|
|
}
|
|
}
|
|
.fc-dayGridMonth-view{
|
|
position: relative!important;
|
|
.fc-scroller-liquid-absolute{
|
|
position: relative!important;
|
|
}
|
|
.fc-scrollgrid-sync-table{
|
|
height: 600px!important;
|
|
}
|
|
}
|
|
.ui-widget-header{
|
|
background: #000000!important;
|
|
border-color: #000000!important;
|
|
color: #fff !important;
|
|
}
|
|
.ui-state-default{
|
|
background: #fff !important;
|
|
border: 0 !important;
|
|
text-align: center !important;
|
|
}
|
|
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
|
|
border: 0 !important;
|
|
background: silver !important;
|
|
}
|
|
.ui-widget-header a{
|
|
color: #fff!important;
|
|
}
|
|
.ui-widget-header .ui-icon{
|
|
filter: brightness(500%);
|
|
}
|
|
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover, .ui-button.ui-state-active.hover-class{
|
|
border: 0 !important;
|
|
background: silver !important;
|
|
color:#000!important;
|
|
}
|
|
.hidden_timepickerbtn{
|
|
margin-left:0.5em;
|
|
@media(max-width:$screen-xs){
|
|
margin-left: 0;
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
}
|
|
#confirm_date{
|
|
background: #000000;
|
|
border-color: #000000;
|
|
&:hover{
|
|
opacity: .8;
|
|
}
|
|
}
|
|
#cancel_date{
|
|
background: #000000;
|
|
border-color: #000000;
|
|
&:hover{
|
|
opacity: .8;
|
|
}
|
|
}
|
|
#hidden_timepicker{
|
|
background: #f1f1f1;
|
|
padding: 1.2em 0 0 0;
|
|
border-radius: 0.5em;
|
|
|
|
}
|
|
.hidden_timepicker{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
@media(max-width:$screen-xs){
|
|
display: grid;
|
|
padding: 0 1em;
|
|
justify-content: flex-start;
|
|
}
|
|
}
|
|
.property_title{
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
}
|
|
.modal-header{
|
|
.close{
|
|
font-size: 2em;
|
|
position: absolute;
|
|
right: 0.5em;
|
|
}
|
|
}
|
|
@media(max-width: $screen-xs){
|
|
/* .fc-theme-standard td, .fc-theme-standard th{
|
|
border:0!important;
|
|
}*/
|
|
.fc-timeGridWeek-view{
|
|
.fc-scrollgrid-sync-table{
|
|
|
|
}
|
|
}
|
|
/* .fc .fc-timegrid-axis-frame{
|
|
display: none!important;
|
|
}*/
|
|
.fc .fc-timegrid-slot-label{
|
|
display:none!important;
|
|
}
|
|
}
|
|
#property-selector{
|
|
@media(max-width:$screen-xs){
|
|
.fc .fc-daygrid-body-natural .fc-daygrid-day-events{
|
|
display: none!important;
|
|
}
|
|
.fc .fc-timegrid .fc-daygrid-body{
|
|
display: none!important;
|
|
}
|
|
.fc-daygrid-day-events{
|
|
display: none!important;
|
|
}
|
|
td.fc-timegrid-axis.fc-scrollgrid-shrink{
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
.fc-daygrid-day-bottom{
|
|
a{
|
|
color:$theme-color-main;
|
|
}
|
|
}
|
|
.fc-daygrid-event-harness{
|
|
a{
|
|
color:$theme-color-main;
|
|
}
|
|
}
|
|
table.fc-col-header{
|
|
width:100%!important;
|
|
}
|
|
a.fc-daygrid-more-link.fc-more-link{
|
|
display: block;
|
|
padding: 0.5em;
|
|
border-radius: 1em;
|
|
box-shadow: 0 2px 6px #00000026;
|
|
border: 0.0625em solid #00000033;
|
|
@media(max-width: 768px){
|
|
padding: 0.3em;
|
|
font-size: .85em;
|
|
}
|
|
}
|
|
.fc .fc-daygrid-more-link{
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
}
|
|
.fc-h-event .fc-event-title{
|
|
display:-webkit-box!important;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
min-height: 3em;
|
|
}
|
|
.mybooking{
|
|
&:after{
|
|
content:"\f2bd"!important;
|
|
position: relative!important;
|
|
background: none!important;
|
|
display: block;
|
|
font-family: FontAwesome;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
color: #fff;
|
|
/* @media(min-width: $screen-xs){
|
|
position: absolute;
|
|
top: 2em;
|
|
right: 1em;
|
|
}*/
|
|
}
|
|
}
|
|
.mybookinga{
|
|
margin-bottom: 0.5em;
|
|
a{
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
}
|
|
}
|