64 lines
1.3 KiB
CSS
64 lines
1.3 KiB
CSS
.appointmentHeader {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
|
|
font-weight: 500;
|
|
padding: 15px;
|
|
border-radius: 5px;
|
|
text-transform: capitalize;
|
|
-webkit-box-shadow: 0px 2px 6px -4px var(--wine-superdark);
|
|
-moz-box-shadow: 0px 2px 6px -4px var(--wine-superdark);
|
|
box-shadow: 0px 2px 6px -4px var(--wine-superdark);
|
|
text-shadow: 1px 1px 1px var(--black);
|
|
color: var(--white);
|
|
}
|
|
|
|
.appointmentHeader h1 {
|
|
font-size: 17px;
|
|
}
|
|
|
|
.appointmentHeader h2 {
|
|
padding-top: 5px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.appointmentHeader div {
|
|
padding-top: 5px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.appointmentPayed {
|
|
background-color: var(--green-darkestX2);
|
|
color: var(--white);
|
|
padding: 5px 10px;
|
|
border-radius: 5px;
|
|
font-size: 14px;
|
|
max-height: 35px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.appointmentNotPayed {
|
|
background-color: var(--error);
|
|
color: var(--white);
|
|
padding: 5px 10px;
|
|
border-radius: 5px;
|
|
font-size: 14px;
|
|
max-height: 35px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.appointmentDiscount {
|
|
background-color: var(--green-darkest);
|
|
color: var(--white);
|
|
padding: 5px 10px;
|
|
border-radius: 5px;
|
|
font-size: 14px;
|
|
max-height: 35px;
|
|
margin-left: 0px;
|
|
transform: translate(-2px, 0px);
|
|
margin-top: 0px;
|
|
margin-bottom: 10px;
|
|
max-width: fit-content;
|
|
}
|