/* SalonTracker Online Booking Generated Stylesheet v1. Copryright 2017 SalonTracker
Grey
Amber
*/
@import url('https://cdnjs.cloudflare.com/ajax/libs/material-design-lite/1.3.0/material.grey-amber.min.css');
/*Background*/
body{
background-color:
#d0b48d
}

/*IconColour*/
.iconBGcircle{
background-color:
#C8912D
!important;
}

/*PrimaryButtonColour*/
.buttonPrimary{
background-color:
#C8912D
!important;
}

/*SecondaryButtonColour*/
.buttonSecondary{
background-color:
#C8912D
!important;
}

/*SplashLoader*/
.loader{
background-image:
url('https://online-v2.salontracker.co.uk/Themes/Images/loader_light.gif');
!important;
}

/*Custom CSS*/
/* ==========================================
   GLOW RIGHT TANNING STUDIO
   Warm Gold / Cream Theme
   ========================================== */


/* ------------------------------------------
   MAIN CARDS
   ------------------------------------------ */

.mdl-card {
    background: #FFF8EC !important;
    color: #3A2A18 !important;
    border: 1px solid #D8B66A !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 12px rgba(120, 83, 28, 0.12) !important;
}


/* Make text inside cards dark */
.mdl-card,
.mdl-card * {
    color: #3A2A18 !important;
}


/* ------------------------------------------
   DEFAULT BUTTONS
   ------------------------------------------ */

.mdl-button {
    background: #C8912D !important;
    color: #FFFFFF !important;
    border-radius: 6px !important;
}


/* ------------------------------------------
   LOGIN BUTTON
   ------------------------------------------ */

.mdl-button--accent.mdl-button--accent.mdl-button--raised,
.mdl-button--accent.mdl-button--accent.mdl-button--fab {
    background: #C8912D !important;
    color: #FFFFFF !important;
    box-shadow: 0 3px 8px rgba(150, 102, 24, 0.25) !important;
}


/* ------------------------------------------
   REGISTER NOW BUTTON
   Slightly darker gold
   ------------------------------------------ */

.mdl-button--raised.mdl-button--colored {
    background: #A8751F !important;
    color: #FFFFFF !important;
}


/* ------------------------------------------
   BOOK NOW
   ------------------------------------------ */

.mdl-button--accent.mdl-button--accent {
    background: #C8912D !important;
    color: #FFFFFF !important;
}


/* ------------------------------------------
   ACTION BUTTONS
   BACK / GET TIMES / MAKE BOOKING
   ------------------------------------------ */

.mdl-button--raised {
    background: #C8912D !important;
    color: #FFFFFF !important;
}


/* ------------------------------------------
   CARD HEADERS
   ------------------------------------------ */

.mdl-color--primary-dark {
    background-color: #C8912D !important;
    color: #FFFFFF !important;
}


/* ------------------------------------------
   LINKS
   ------------------------------------------ */

a {
    color: #9B691D !important;
}


/* ------------------------------------------
   LOGIN / FORM LABELS
   ------------------------------------------ */

.mdl-textfield__label {
    color: #8A6428 !important;
}


/* ------------------------------------------
   PHONE NUMBER
   ------------------------------------------ */

span[style*="rgba(0, 0, 0,.54)"] {
    color: #3A2A18 !important;
}


/* ------------------------------------------
   LOGIN PANEL
   ------------------------------------------ */

.logonPanel {
    background: #FFF8EC !important;
    color: #3A2A18 !important;
}


/* Login field labels */
.logonPanel .mdl-textfield__label {
    color: #8A6428 !important;
}


/* Email / PIN entered text */
.logonPanel .mdl-textfield__input {
    color: #3A2A18 !important;
    border-bottom-color: #D8B66A !important;
}


/* Remember Me */
.logonPanel label {
    color: #3A2A18 !important;
}


/* Login page links */
.logonPanel a {
    color: #9B691D !important;
}


/* LOGIN */
.logonPanel .mdl-button--accent {
    background: #C8912D !important;
    color: #FFFFFF !important;
}


/* REGISTER NOW */
.logonPanel .mdl-button--colored {
    background: #A8751F !important;
    color: #FFFFFF !important;
}


/* ------------------------------------------
   MOBILE HEADER
   ------------------------------------------ */

.mdl-layout__header {
    background-color: #C8912D !important;
    color: #FFFFFF !important;
    border-bottom: 1px solid #A8751F !important;
    box-shadow: 0 2px 8px rgba(120, 83, 28, 0.20) !important;
}

/* ==========================================
   GLOW RIGHT - BACKGROUND BLEND
   ========================================== */

/* Main page background */
html,
body,
.Splash,
.body-content,
.container {
    background-color: #d0b48d !important;
}

/* Login panel - subtle cream contrast */
.logonPanel {
    background: #FFF8EC !important;
    color: #3A2A18 !important;
}

/* Keep form text dark */
.logonPanel .mdl-textfield__label,
.logonPanel label,
.logonPanel .mdl-textfield__input {
    color: #3A2A18 !important;
}