.layout-full .page {
    background-color: #fff;
}
a.hover-none-decoration:hover {
    color: #3f51b5;
     text-decoration: none;
}
.display-hidden {
    display: none;
}
.vertical-align:before {
    display: none;
    height: 100%;
    vertical-align: middle;
    content: "";
}
.panel {
    box-shadow: none;
    background: none;
}
.left-img-bg {
    background-image: url("../../../../images/finger-hands.jpeg");
    width: auto;
    height: 100%;
    border-radius: 100% / 50%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-position: center;
}
.height-100 {
    height: 100%;
}
.orinail-and-spa {
    font-family: AbrilFatface;
    font-size: 32px;
}
.font-size-32 {
    font-size: 32px !important;
}
.btn-customer-signin {
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12);
    background-image: linear-gradient(253deg, #26c6bc, #0aa797);
    margin-top: 40px;
    padding-top: 25px;
    padding-bottom: 25px;
}
.have-appointment {
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.17;
    border-radius: 8px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12);
    background-image: linear-gradient(81deg, #044ec8, #02bfc6);
    padding-top: 22px;
    padding-bottom: 22px;
    margin-top: 20px;
}
.return-customer {
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12);
    background-image: linear-gradient(73deg, #d8924b, #f9ad65);
    padding-top: 22px;
    padding-bottom: 22px;
    margin-top: 20px;
}
.child-sign {
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12);
    background-image: linear-gradient(63deg, #eb1632, #ff95ad);
    padding-top: 22px;
    padding-bottom: 22px;
    margin-top: 20px;
}
.btn-service {
    border-radius: 22px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12);
    font-size: 18px;
    font-weight: 400;
}
.fas.fa-plus {
    font-size: 20px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}
.submit-request-service {
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
    background-color: #17b3a3;
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 22px;
    cursor: pointer;
}
.color-black-fixed {
    color: #263238;
}
.h-55 {
    height: 55px;
}
.w-100-p {
    width: 100%;
}
.font-size-22 {
    font-size: 22px !important;
}
.btn-full-width {
    border-radius: 4px;
    background-color: #017d96;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 20px;
}

.btn-child > span.fa-plus-circle {
    line-height: 1.5;
}
.line-height-2 {
    line-height: 2;
}
.fa-user-plus {
    cursor: pointer;
}
.modal-sidebar {
    display: block;
    height: unset !important;
    width: 50%;
}
.modal-header {
    box-shadow: inset 0 -1px 0 0 #f1f4f5 !important;
    background-color: #ffffff !important;
}
@media (min-width: 768px) {
    .modal-dialog {
        min-width: 500px;
    }
}
.badge.badge-info{
    padding: 5px 10px;
    margin-left: 10px;
    background-color: #17b3a3;
    color: #fff;
    font-size: 16px;
}
.avatar-64 {
    width: 64px;
    height: 64px;
    padding-top: 10px;
}
.avatar img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 0 none;
    border-radius: 1000px;
}
.nail-tech-and-time {
    cursor: pointer;
    border-radius: 4px;
    background-color: #ffffff;
    border: none;
}
.nail-tech-and-time.active {
    border-radius: 4px !important;
    background-color: #17b3a3 !important;
    border: none !important;
}
.nail-tech-and-time > div > button.btn-select-nail-text {
    background-color: #fff;
    display: none;
    color: #76838f;
    text-align: center;
}
.nail-tech-and-time.active > div > button.btn-select-nail-text {
    background-color: #fff;
    display: block !important;
    color: #76838f;
    text-align: center;
}

.nail-tech-and-time > div > h3 {
    color: #2c3a4a;
}
.nail-tech-and-time > div > p{
    color: #76838f;
}
.nail-tech-and-time.active > div > h3, .nail-tech-and-time.active > div > p {
    color: #fff;
}
.select-service {
    padding: 15px 15px 10px 0;
}
.input-clear-btn {
    position: absolute;
    top: 0;
    right: 45px;
    height: 100%;
    padding: 0 10px;
    background: 0 0;
    border: none;
    border-radius: 0 200px 200px 0;
    cursor: pointer;
}
.input-search-btn {
    cursor: pointer;
}
.btn-do-same {
    border-radius: 4px;
    background-color: #008577;
    color: #ffffff;
}
.service-div.active {
    background-color: #f3f7f9 !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: solid 1px #66b2b2;
}
.service-div {
    background-color: #fff;
}
.service-name-h3 {
    cursor: pointer;
}
.service-div-bg {
    cursor: pointer;
}

input:focus {
    background: #C2F5FF;
}