element zebra-skin
coloring coming from the default styles */
background-color: transparent;
background-color: initial;
}
.ManageAvailability__content__1FxxX td {
/* This will reset the default border radius for first and last
| element */
}
.ManageAvailability__content__1FxxX td:first-child,
.ManageAvailability__content__1FxxX td:last-child {
border-radius: 0;
border-radius: initial;
}
.ManageAvailability__content__1FxxX button {
display: block;
line-height: 1;
}
.ManageAvailability__content__1FxxX {
/* --- OVERRIDE DEFAULT STYLES END --- */
}
.ManageAvailability__calendar__2OICA {
width: 318px;
-webkit-flex-shrink: 0;
flex-shrink: 0;
/* The desired space between header and calendar month title is 24px.
The calendar component already includes 22px padding/margins, so
we add only 2px */
margin: 2px auto 0 auto;
}
.ManageAvailability__saveButtonContainer__172dR {
/* This will position the button to the flexbox group bottom.
See excellent SO answer: http://stackoverflow.com/a/33856609/432787 */
margin-top: auto;
height: 94px;
min-height: 94px;
position: relative;
overflow: hidden;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.ManageAvailability__saveButton__2rX_p {
font-size: 16px;
font-weight: 500;
letter-spacing: 0.2px;
color: #fff;
background-color: #2AB865;
border: none;
border-radius: 4px;
cursor: pointer;
height: 60px;
width: 274px;
-webkit-transition: bottom 0.5s;
transition: bottom 0.5s;
position: absolute;
left: 50%;
margin: 0 0 0 -137px;
bottom: -120px
}
.ManageAvailability__saveButton__2rX_p:hover,
.ManageAvailability__saveButton__2rX_p:active,
.ManageAvailability__saveButton__2rX_p[disabled] {
-webkit-transition: background-color 0.1s ease-in;
transition: background-color 0.1s ease-in;
background-color: #249E57;
}
.ManageAvailability__saveButton__2rX_p .availability_checkmark {
width: 30px;
height: 30px;
border-radius: 50%;
display: block;
stroke-width: 5;
stroke: #2ab865;
stroke-miterlimit: 10;
margin: 0 auto;
-webkit-box-shadow: inset 0 0 0 #fff;
box-shadow: inset 0 0 0 #fff;
-webkit-animation: ManageAvailability__fill__23DrH 0.4s ease-in-out 0.4s forwards, ManageAvailability__scale__ghu48 0.3s ease-in-out 0.9s both;
animation: ManageAvailability__fill__23DrH 0.4s ease-in-out 0.4s forwards, ManageAvailability__scale__ghu48 0.3s ease-in-out 0.9s both;
}
.ManageAvailability__saveButton__2rX_p .availability_checkmark__circle {
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 2;
stroke-miterlimit: 10;
stroke: #fff;
fill: none;
-webkit-animation: ManageAvailability__stroke__1mV5h 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
animation: ManageAvailability__stroke__1mV5h 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.ManageAvailability__saveButton__2rX_p .availability_checkmark__check {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48;
-webkit-animation: ManageAvailability__stroke__1mV5h 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
animation: ManageAvailability__stroke__1mV5h 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
.ManageAvailability__saveButtonVisible__2Sygc {
bottom: 34px;
}
.form__workingHoursTitle__DTtkj {
margin-top: 20px;
}
.form__weekDay___GQph {
position: relative
}
.form__weekDay___GQph a {
cursor: pointer;
}
.form__weekDay___GQph .title span {
margin-left: 10px;
}
.form__weekDay___GQph .timeSlot {
margin-bottom: 10px;
margin-left: 23px;
}
.form__weekDay___GQph .timeSlot .timeSelect {
display: inline-block;
position: relative;
vertical-align: top;
/* stylelint-disable */
}
.form__weekDay___GQph .timeSlot .timeSelect .react-form-message-error {
color: white;
background-color: red;
width: 100px;
padding: 5px 5px;
z-index: 1;
}
.form__weekDay___GQph .timeSlot .timeSelect {
/* stylelint-enable */
}
.form__weekDay___GQph .timeSlot select {
min-height: auto;
margin-right: 10px;
padding: 0.5em 0;
min-width: 100px;
}
.form__weekDay___GQph .timeSlot .starTime {
float: left;
}
.form__weekDay___GQph .timeSlot .endTime {
float: left;
}
.form__weekDay___GQph .timeSlot .starTimeLabel {
margin-right: 10px;
vertical-align: top;
}
.form__weekDay___GQph .timeSlot .endTimeLabel {
margin-right: 10px;
vertical-align: top;
}
.form__weekDay___GQph .timeSlot .remove {
position: relative;
vertical-align: top;
}
.form__weekDay___GQph .timeSlot .remove svg {
fill: #4a90e2;
width: 20px;
height: 20px;
position: absolute;
top: 0;
}
.form__weekDay___GQph .addMore {
margin-bottom: 10px;
margin-left: 23px;
clear: both;
}
.form__saveButton__2-YWa {
margin-bottom: 50px
}
.form__saveButton__2-YWa .availability_checkmark {
width: 30px;
height: 30px;
border-radius: 50%;
display: block;
stroke-width: 5;
stroke: #2ab865;
stroke-miterlimit: 10;
margin: 0 auto;
-webkit-box-shadow: inset 0 0 0 #fff;
box-shadow: inset 0 0 0 #fff;
-webkit-animation: form__fill__4zOPe 0.4s ease-in-out 0.4s forwards, form__scale__1tlZ1 0.3s ease-in-out 0.9s both;
animation: form__fill__4zOPe 0.4s ease-in-out 0.4s forwards, form__scale__1tlZ1 0.3s ease-in-out 0.9s both;
}
.form__saveButton__2-YWa .availability_checkmark__circle {
stroke-width: 2;
stroke-miterlimit: 10;
fill: none;
-webkit-animation: form__stroke__2Lqxw 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
animation: form__stroke__2Lqxw 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.form__saveButton__2-YWa .availability_checkmark__check {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: form__stroke__2Lqxw 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
animation: form__stroke__2Lqxw 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
.ListingWorkingHours__content__3K7pH {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
height: 100%;
overflow-y: auto;
}
|