

.btn-dealership {
	background-color: #414A59;
	border-color: transparent;
	color: ;
	outline:none;
}

.btn-dealership.active,
.btn-dealership.focus,
.btn-dealership:active,
.btn-dealership:focus,
.btn-dealership:hover,
.open>.dropdown-toggle.btn-dealership {
	filter: brightness(90%);
	background-color: #414A59;
	border-color: transparent;
	color: ;
}

.btn-dealership.disabled,
.btn-dealership.disabled.active,
.btn-dealership.disabled.focus,
.btn-dealership.disabled:active,
.btn-dealership.disabled:focus,
.btn-dealership.disabled:hover,
.btn-dealership[disabled],
.btn-dealership[disabled].active,
.btn-dealership[disabled].focus,
.btn-dealership[disabled]:active,
.btn-dealership[disabled]:focus,
.btn-dealership[disabled]:hover,
fieldset[disabled] .btn-dealership,
fieldset[disabled] .btn-dealership.active,
fieldset[disabled] .btn-dealership.focus,
fieldset[disabled] .btn-dealership:active,
fieldset[disabled] .btn-dealership:focus,
fieldset[disabled] .btn-dealership:hover {
	background-color: #414A59;
	color: ;
}

.btn-dealership .badge {
	color: #414A59;
}

.tyresurf-menu--hamburger:hover {
	color: #414A59
}

.tyresurf-menu--items a.active {
	color: #414A59;
}

.tyresurf-menu--items a.active {
	color: #414A59;
}

.tyresurf-menu--items a:hover {
}

.tyresurf-menu ul.navbar-nav li a:hover {
}

.tyresurf-menu-smartphone li a.active,
.tyresurf-menu-smartphone li a:hover {
	color: #414A59;
	background-color: 3px solid #414A59
}

.tyresurf-menu-smartphone li a.active,
.tyresurf-menu-smartphone li a:hover {
	color: #414A59;
	background-color: 3px solid #414A59
}

.dealership-tyresearch_joined .dealership-numberplate {
	background-color: #414A59;
}

.dealership-tyresearch_joined .dealership-numberplate .input-group .input-group-addon {
	border-color: #414A59
}

.tyresurf-section h2.page-header {
	border-bottom: 1px solid #414A59
}

.tyresurf-menu .no-logo {
	color: #414A59;
}

tyre-search_tyre {
    border:4px solid transparent;
}

.tyre-search_tyre_1,
.tyre-search_tyre_2,
.tyre-search_tyre_3 {
    border:4px solid #414A59;
	padding: 6px;
}

.dealership-photo-well_text {
	background: #414A59 !important;
	color:  !important;
}


.dealership-tyresearch_tabbed .tyresearch-starter--tab { color: #414A59 !important; }






/* Dealership Navbar */
.tyresurf-menu {
  border-bottom: 1px solid #414A59;
  background: #ffffff;
}
.tyresurf-menu .navbar-collapse {
  border-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.5);
}
@media (min-width: 768px) {
  .tyresurf-menu .navbar-collapse {
    background-color: rgba(255, 255, 255, 0);
  }
}
.tyresurf-menu .navbar-nav li a:link {
  color: #444444;
  background-color: transparent;
}
.tyresurf-menu .navbar-nav li a:visited {
  color: #444444;
  background-color: transparent;
}
.tyresurf-menu .navbar-nav li a:hover {
  color: #ffffff;
  background-color: #414A59;
}
.tyresurf-menu .navbar-nav li a:active {
  color: #ffffff;
  background-color: #414A59;
}
.tyresurf-menu .navbar-nav li.active a:link {
  color: #ffffff;
  background-color: #414A59;
}
.tyresurf-menu .navbar-nav li.active a:visited {
  color: #ffffff;
  background-color: #414A59;
}
.tyresurf-menu .navbar-nav li.active a:hover {
  color: #ffffff;
  background-color: #414A59;
}
.tyresurf-menu .navbar-nav li.active a:active {
  color: #ffffff;
  background-color: #414A59;
}

.header-links .btn {
	color:#414A59;
}

.header-links .btn:hover {
	background-color:#414A59 !important;
	color:#FFF !important;
}

.header-links li.buy-tyres .btn {
	background-color:#414A59;
	color:#FFF;
}



.panel-checkout { }
.panel-checkout .panel-heading {   
	color: #ffffff;
	background-color: #414A59; 
}
.panel-checkout .panel-heading h3 {}

.progress-bar-checkout {}
.progress-bar-checkout .line { background: #414A59; }
.progress-bar-checkout .step {}
.progress-bar-checkout .step .circle { border: 2px solid #414A59; color: #414A59; }
.progress-bar-checkout .step.completed .circle { background: #414A59; }

/* Appointment Selector Styles */
.appointment-selector {
    .calendar-header .btn-link {
        color: #414A59;
        
        &:hover {
            color: #414A59;
            background-color: rgba(#414A59, 0.1);
        }

        &:active {
            background-color: rgba(#414A59, 0.2);
        }

        &:disabled {
            opacity: 0.35;
            color: #999;
        }
    }

    .calendar-grid .date-cell {
        &:hover:not(.disabled):not(.selected) {
            background-color: rgba(#414A59, 0.1);
        }

        &.selected {
            background-color: #414A59 !important;
            color:  !important;
            border-color: #414A59 !important;
        }

        &.today:after {
            background-color: #414A59;
        }

        &.today.selected:after {
            background-color: ;
        }
    }

    .time-slots .time-slot {
        &:hover:not(.selected) {
            background-color: rgba(#414A59, 0.1);
        }

        &.selected {
            background-color: #414A59 !important;
            color:  !important;
            border-color: #414A59 !important;
        }
    }
}

