@-webkit-keyframes MOVE-BG {
   from {
     background-position: 0% 0%;
   }
   to { 
     background-position: 100% 0%;
   }
}

@import "https://fonts.googleapis.com/css?family=Quicksand|Poppins";

html  {

     /* Page background color */
    background-color: #fff;
}

 .view {
    /* background image filter color */
}

body, table, th, td, span, ol, ul, li, .btn, input, button, select, textarea {
    font-family: Quicksand, sans-serif;
}

body {

    /*background-image: url(/LandingPage/custom/img/banner/banner_1_waves_small.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-animation-name: MOVE-BG;
    -webkit-animation-duration:60s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;*/
}

/* Page Title font and color */
.view .content .pageTitle {
    font-size: 18px;
    color: #555;
}

.btn:not(.btn-link),
.swal2-container button {
    /* button color */
    background-color: #0088cc!important; /*Need important because swal2 sets color on element */
    color: #fff!important; /*Need important because swal2 sets color on element */

    /*background-image: linear-gradient(to left, #e5007d, #821f81)!important;*/

}

.view .content .bookingRecap .title {
    color: #0088cc;
}

.view .content .list-item-clicked,
.view .content .list-item:hover {
    
    /* button color */
    background-color: #0088cc !important;
    color: #fff !important;
}

.view .content .list-item .selection i {

    /* button color */
    color: #0088cc; 
}

.view .content .list-item:hover .selection i {
    color: rgba(255, 255, 255, 0.8); 
}

/* Color of navigation boxes and list items */
.view .navigation,
.view .navigation.bottom,
.view .content .list-item,
.view.classSchedulePage .content .scheduleContent,
.view .content .calendarBox,
.view .content .form {
    
    background-color: rgba(255, 255, 255, 0.95);
}

.appointmentBookingWidget .navigation {
    height: 35px;
}

.appointmentBookingWidget .content .existingAppointments .list-item-clicked,
.appointmentBookingWidget .content .existingAppointments .list-item:hover {
    background-color: rgba(255, 255, 255, 0.95)!important;
    color: inherit!important;
    cursor: default!important;
}

/* Navigation Sub Menu */
.view .navigation .navMenu {
    color: #666;
}

/* 
    hr line seperator color
*/
.view .content .form hr {

    /* button color */
    border-top: 1px solid #0088cc;
}