/* EVERYWHERE EVERYWHERE */
body {

background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 /* IE6-9 */
<!--[if IE]>
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
<![endif]-->
    background-repeat: no-repeat;
    background-attachment: fixed;

}

/** error handling */
.error {
border: 2px solid #f0ad4e !important;
    padding: 5px;
    border-radius: 5px;
}

.input-error {
}

.error-message {
    color: white;
}

.input-error-message {
    color: #f0ad4e;
}

.missing-password-requirement + span {
    color: #f0ad4e;
}

/** our panels */
.sltr-panel {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    background-color: rgba(1, 1, 1, 0.20);
}

.sltr-panel-head h4, .sltr-heading h4 {
    /* color: black; */
}

/** basically all list items */
#have-account-cell-display li, #multiple-account-display li, #services-added-display li, #services-available-display li, #schedule-provider-display li, #available-slots-display li, #client-schedule-display li, .company-info-bottom-nav-list li {
    margin: 0px 3px 1px 3px;
    background-color: #d5d5d5;
    border: 1px solid #b0b0b0;
}


/** default and primary buttons */
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:hover {
    color: #fff;
    background-color: #57afff;  
    border-color: #57afff;
}

.btn-default.active {
    background-color: #57afff;
    border-color: #57afff;
}


.btn-primary {
    color: #fff;
    background-color: #0583f7;
    border-color: #0583f7;
}

.btn-primary:hover {
    color: #fff;
    background-color: #57afff;  
    border-color: #57afff;
}

.btn-primary.active {
    background-color: #57afff;
    border-color: #57afff;
}

/* title and background for collapseables*/
.panel-default > .panel-heading {
  color: white;
  background-color: #1c242c;
  border-color: #555555;
}



/*---------------------------- LOGGED OUT PAGES ----------------------------------------*/



/* EVERYWHERE LOGGED OUT PAGES */

#index-overview-message {
    color: white;
}


.stripe {
    background-color: black;

    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 4%, rgba(0,0,0,1) 15%, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 97%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

<!--[if IE]>
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
<![endif]--> /* IE6-9 */

}

/** the containers for the icons in all the forms */
.input-group-addon {
    border: 1px solid black !important;
    background-color: #d0d0d0;
}

.input-group input {
    border-left: 0;
    border-right: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.input-group input:focus {
    border-color: #66afe9;
}



/* INDEX PAGE */
#login-submit-btn {
    color: black;
    background-color: #6ffe30;
    border-color: #6ffe30; 
}

#login-submit-btn:hover {
    color: black;
    background-color: #95ff67;  
    border-color: #95ff67; 
}

.index-font {
    color: white;
}

.login-span {
    border-bottom: 1px solid white;
}

#company-info-links-phone {
    color: white;
}

#company-info-links-large {
    color: white;
}

.company-info-links-a {
    color: white !important;
}



/* CREATE ACCOUNT PAGE */
.terms-agree-span {
    /* color: white; */
}



/* ACCOUNT CREATED PAGE */
#account-created-footer {
    /* color: black; */
}

#account-created-footer a {
    /* color: black; */
}



/*---------------------------- LOGGED IN PAGES -----------------------------------------*/



/* EVERYWHERE LOGGED IN PAGES */

#privacy-policy-link {
    color: white;
    text-decoration: none;
}

/** font fix */
/* .theme-font {
    color: white !important;
} */

#create-account-display, #account-created-footer {
    /* color: white; */
}

#user-gallery-display {
    color: white;
}

#create-password-panel h4, #create-password-panel p {
    /* color: white; */
    text-align: center;
}

#add-comment-label, #review-comments-span {
    /* color: white; */
}

#create-account-panel p {
    /* color: white; */
}

#create-password-panel h4, #create-password-prgh {
    /* color: white; */
    text-align: center;
}

#account-created-footer a {
    color: white;
}

#create-password-panel .sltr-panel-head, #create-password-panel .sltr-panel-content {
    /* color: white; */
}

#have-account-cell-panel .sltr-panel-head, #have-account-cell-panel .slt-panel-content {
    color: white;
}



#terms-display a {
    color: white;
    text-decoration: none;
}

#profile-terms-display a {
    color: white;
    text-decoration: none;
}

#service-added-heading {
    color: white;
}
 
#add-appointments-message {
    color: white;
}

#schedule-date-heading {
    /* color: white; */
}

.day-switch-date-wrap {
    color: white;
}

.sltr-date-heading {
    color: white !important;
}

/* /* /* #summary-appt-display {
    color: white;
} */ */ */

#schedule-notes-display, .checkbox-disclamer {
    color: white;
}

#scheduleNotes {
    color: black;
}

/* #schedule-complete-paragraph {
    color: white;
} */

/* #booking-hours-table, #company-address, #company-description {
    color: white !important;
} */

/* #service-link-display {
    color: white;
} */

/* #company-description p {
    color: white !important;
} */


#promotions-display {
    /* color: white; */
}

#company-team-display {
    color: white;
}

/* #submit-rating-panel h4, #review-message {    
    color: white !important;
} */

#write-review-panel h4, #refer-friend-message, #add-note-label {
    /* color: white !important; */
    text-align: center;
}

#create-account-display h4, #password-score-display {
    /* color: white; */
    text-align: center;
}

/* #disabled-date-message {
    color: white;
} */




 /** navigation */
.sltr-nav-back {
    color: white;
}

#sltr-nav-title {
    color: white;
}

.sltr-nav-icon {
    color: white;
}

 .navbar-inverse, .navbar-nav>li>a, #nav-other a {
    /* color: #777; */
}

.navbar-inverse, .navbar-nav>li>a:hover, .navbar-inverse, .navbar-nav>li>a:focus, #nav-other a:hover, nav-other a:focus {
    /* color: #fff; */
}

.sltr-nav-active {
    color: white !important;
}

#nav-other {
    border-top: 1px solid rgba(125, 125, 125, 0.5);
}

.list-item-border-top {
    border-top: 1px solid #68a2f6;
}

.checkbox label::before {
    background-color: #d5d5d5;
    border: 1px solid #1c232c; 
}

.continue-btn {
    background-color: #4CAE4C;
    border: 1px solid gray;
}


/* HOME PAGE */

#home-page-nav-display li {
    background-color: rgba(213, 213, 213, 0.70);
    border: 1px solid black;
}

.home-page-li-text {
    color: black;
}


/* SCHEDULE DATE PAGE */

#datetimepicker table {
    background-color: #eee;
}

#datetimepicker thead {
    background-color: lightgrey;
}

#datetimepicker table td {
    border: 1px solid black;
}

 /** font for disabled dates,chevron on calendar */
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover, .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover{
    color: red !important;
    cursor: not-allowed !important;
}


.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #999;
    color: black;
}

td.today {
    background-color: rgba(66, 139, 202, 0.33) !important;
}

.bootstrap-datetimepicker-widget table td.new:hover {
    background-color: #eee;
    color: #777; /**/
}

.bootstrap-datetimepicker-widget table td.new {
    cursor: default !important;
}



/* SCHEDULE TIME PAGE */
.no-reservations-span {
    color: black;
}

.period-select-btn {
    background-color: #ccc;
    border: 1px solid #b0b0b0;
    color:#000000;
}

.period-select-btn:hover {
    color: #fff;
    background-color: #999;  
    border-color: #000000;
    border: 1px solid #b0b0b0;
}

.period-select-btn.active {
    background-color: #eeebeb;
    border: 1px solid #b0b0b0;
    box-shadow: inset 2px 2px 5px rgba(0,0,0,.250);
}


.period-select-btn.active:hover {
    color: black;
}


.sltr-period-select-inactive {
    border: 1px solid #b0b0b0 !important;
    background-color: #8f8f8f !important;
    color: #9e9e9e !important;
    cursor: not-allowed !important;
}



/* SCHEDULE SUMMARY PAGE */
.schedule-summary-item {
}

#book-now-btn, #schedule-complete-home-btn, #payrix-popup-btn {
    color: white;
    background-color: #4CAE4C;
    border: 1px solid gray;
}

#book-now-btn:hover, #payrix-popup-btn:hover {
    color: #fff;
    background-color: #3c763d;  
}


/* SCHEDULE COMPLETE PAGE */
#schedule-complete-paragraph {
    font-size: 16px;
}



/* USER PROFILE PAGE */
.client-image {
    border: 1px solid black;  
}

#profile-info-display li {
    border-bottom: 1px solid #535353 !important;
}

#submit-profile-display {
    background-color: #1c242c;
    border-color: #555555;
}



/* COMPANY SERVICES PAGE */
.company-service-even {
    background-color: rgba(213, 213, 213, 0.50);
}

.company-service-odd {
    background-color: rgba(255, 255, 255, 0.50);
}

#company-services-display .sltr-list-item-text {
    color: black;
}



/* USER GALLERY PAGE */
.user-gallery-image-display img {
    border: 1px solid #eee;
}

.user-gallery-image-display img:hover {
    border: 1px solid black !important;
    opacity: 0.5;
}

.active-profile-image {
    border: 1px solid black !important;
}

.fileinput-button:hover {
    color: blue;
}


/* USER IMAGE DETAIL PAGE */
.image-detail-btn {
    font-size: 27px;
    color: white;
}



/* TEAM PAGE */
.team-member-image {
    border: 1px solid black;
}



/* COMPANY INFO PAGE */
/* #booking-hours-table {
    color: white;
} */

/* .company-closed-span {
    color: white;
} */

/* #company-address {
    color: white;
} */

#company-description {
    border-top: 1px solid white;
}

.company-info-bottom-nav-item {
    border: 1px solid black;
    color: black;
}

.salon-info-icon {
    color: white;
}



/* USER SETTINGS PAGE */
#settings-info-display {
    border-top: 1px solid #dddddd;
    margin-left: -15px;
    margin-right: -15px;
}

.user-settings-list li {
    background-color: transparent;
}

.border-bottom-list li {
    border-bottom: 1px solid #777 !important;
}

.user-settings-item {
    border-bottom: 1px solid #777;
}

.user-settings-highlight {
    background-color: #b1b1b1 !important;
    font-weight: 600;
}



/* PROMOTIONS PAGE */
.promotion-image {
    border: 1px solid black;
}

.promotion-btn {
}



/* COMPANY REVIEWS LIST PAGE */
.reviews-percent-text {
    color: white;
    font-size: 25px;
    font-weight: bold;
    line-height: 23px;
}

.reviews-average-text {
    color: white;
}

#company-reviews-display {
    color: white;
}



/* REVIEW PAGE(Clients Review) */
#review-message {
    /* color: black; */
}



/* REFER FRIEND PAGE */
.incentive {
    color: #000000;
    background-color: #ccc;
    border: 2px solid #333;
    border-radius: 5px;
}

#refer-friend-message {
    /* color: black; */
}

#add-note-label {
    /* color: black; */
}



/* BREAKPOINT DRIVEN STYLES */
@media only screen and (min-width: 0px) and (max-width: 520px) {

    #company-address {
	border-bottom: 1px solid white !important;
    }
    
    #company-description {
	border-top: none !important;
    }

}