body {
	padding-top: 0;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	color: #353535;
}

#navwrap {
	background-image: url("/siteAssets/images/Ealing colour logo.jpg");
	background-repeat:no-repeat;
	height:100px;
	background-size: 15%;

}

.navbar {
background-color: #030303;
border-color: #707070; }
.navbar-default .nav > li > a  {
background-color: #030303;
border-color: #707070; }
.navbar-nav
	{text-decoration: none;
	background-color: #030303;
    color: #353535;
    border-radius: 0;
    
    
}

.btn {
	border-radius: 0px;
	background: #4db173;
}
.alert {
	background-color: #ffffff;
	border-style: none;
	
}

.footer-ealing {
  background: #353535;
  display: flex;
  justify-content: space-between;
  align-items: center; }
.footer-ealing .logo-footer img {
    padding: 25px 0 31px 30px; }
.footer-ealing .follow-information {
  display: flex; }
.footer-ealing .follow-information .my-border {
      height: 57px;
      border-left: 1px solid #707070; }
 .footer-ealing .follow-information .social {
      color: #ffffff;
      font-size: 12px;
      font-weight: 700;
      margin: 0 69px 0 52px; }
       .footer-ealing .follow-information .social p {
        margin: 5px; }
       .footer-ealing .follow-information .social .social-icons {
        display: flex; }
         .footer-ealing .follow-information .social .social-icons div {
          width: 23px;
          height: 23px;
          background: #ffffff;
          margin-left: 5px; 
}

.panel {
	border-style: none;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: none;
}

.panel-primary > .panel-heading {
	border-style: none;
	border-bottom-style: solid;
	border-color:  #030303;
	background-color: #FFFFFF;
	color: #030303;
}

.panel-info > .panel-heading {
	border-style: none;
	border-bottom-style: solid;
	border-color:  #030303;
	background-color: #FFFFFF;
	color: #030303;
}

.repair-section {
  /* width: calc(50% - 10px); */
  display: block; 
  font-size: 22px;
  color: midnightblue;  
  text-align: center;
  font-weight: bold;
  /* margin-bottom: 20px; */
  /* float: left;  */
}

.repair-section:hover {
  background-color: #F1F2F2;
  color: yellow;
  text-decoration: none;  
}

.repair-section:nth-child(odd) {
  margin-right: 20px;  
}

/*
background-size: cover;
background: url(../img/layout/category-background.jpg) no-repeat center center;
*/


.repair-section__img {
  /* height: 100px; */
  /* background: blue;  */
  text-align: center;
  /* padding: 20px; */
}

.repair-section__img img {
  height: 100%;
}

.repair-section span  {
  /* color: black;  */
  margin: 10px 0;
  display: block;
}

.repair-section--emergency .repair-section__img {
  background: #CF102D;
}

.repair-section--emergency span {
  color: #CF102D;
}

.well-success {
  background-color: #dff0d8;
}
.well-primary {
  background-color: #2fa4e7;
}
.well-warning{
  background-color: #fcf8e3;	
}
.well-danger{
  background-color: #f2dede;	
}
.well-emergency{
  background-color: #CF102D;
}
.well-info{
  background-color: #d9edf7;	
}

  a:visited {
	text-decoration: underline;
	}
/* ********** SCHEDULER ********* */

/* Custom styles */
/* Variables */
/* java IDs & Classes */

@media (max-width: 767px) {
  #hideDetails1, #hideDetails2, #hideDetails3, #Details1, #Details2, #Details3 {
    display: none; } }

#hideDetails1, #hideDetails2, #hideDetails3 {
  cursor: pointer;
  color: #317ab9;
  text-decoration: none;
  margin: 0; }
  #hideDetails1:hover, #hideDetails2:hover, #hideDetails3:hover {
    color: #265f91;
    text-decoration: underline; }
  @media (min-width: 768px) {
    #hideDetails1, #hideDetails2, #hideDetails3 {
      display: none !important; } }

@media (min-width: 768px) {
  #Details1, #Details2, #Details3 {
    display: block !important; } }

#showDetails1, #showDetails2, #showDetails3 {
  cursor: pointer;
  color: #317ab9;
  text-decoration: none;
  margin: 0; }
  #showDetails1:hover, #showDetails2:hover, #showDetails3:hover {
    color: #265f91;
    text-decoration: underline; }
  @media (min-width: 768px) {
    #showDetails1, #showDetails2, #showDetails3 {
      display: none !important; } }

#cancelDetail, #changeDetail {
  display: none; }

html {
  overflow-x: hidden; }

.body-bg-green {
  background-color: green; }

a {
  color: #317ab9; }
  a:hover {
    color: #265f91; }

.container-fluid {
  max-width: 1200px; }
  @media (max-width: 767px) {
    .container-fluid {
      max-width: 390px; } }
@media (max-width: 1199px) and (min-width: 768px) {
  .container-fluid {
    max-width: 960px; } }
/*
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto'; }

h1 {
  font-size: 24px;
  margin-bottom: 30px; }

h2 {
  font-size: 14px;
  margin-top: 0px; }

h3 {
  font-size: 20px;
  margin: 0 0 -5px 0; }
*/
.group {
  background-color: none;
  padding: 20px 10px;
  margin-bottom: 20px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
 /* box-shadow: 0px 0px 0px #BEBEBE; */
  /*border: 1px solid #DADADA;*/ }
  .group p {
    margin-top: 10px; }
    .group p span {
      font-size: 12px; }
  @media (min-width: 768px) {
    .group.jobDetail {
      min-height: 208px; } }
  .group.jobDetail h2 {
    font-size: 20px;
    margin: 0 0 -5px 0; }
  .group.selectTimes, .group.calender {
    margin-top: 20px; }
  .group ul {
    padding: 0;
    list-style: none; }

label {
  margin-bottom: 10px;
  font-weight: normal; }

.btn-group-vertical input[type=radio], .btn-group-vertical input[type=checkbox] {
  display: none; }
.btn-group-vertical.test-group input[type=radio], .btn-group-vertical.test-group input[type=checkbox] {
  display: block; }

/* shift classes */
@media (min-width: 768px) {
  .shift-up-25 {
    margin-top: -25px; } }

@media (min-width: 768px) {
  .shift-up-50 {
    margin-top: -50px; } }

@media (min-width: 768px) {
  .shift-up-75 {
    margin-top: -75px; } }

@media (min-width: 768px) {
  .shift-up-100 {
    margin-top: -100px; } }

/* buttons */
.btnTenant, .btnGreenx, .btn.btnAvailable.active,
.btn-group-vertical input[type="radio"]:checked + label,
.btn-group-vertical input[type="radio"]:focus + label, .btnGrey, .btnUnavailable, .btnAmber, .btnAvailable, .btnRed {
  height: 54px;
  width: 100%;
  margin: 0 0 10px 0;
  /*
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  -ms-border-radius: 27px;
  border-radius: 27px; */
  color: #ffffff;
  /* text-shadow: 1px 1px 3px #060606; */
/*  border: solid 5px #f3f3f3; */
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase; }
  .btnTenant:hover, .btnGreen:hover, .btn.btnAvailable.active:hover,
  .btn-group-vertical input[type="radio"]:checked + label:hover,
  .btn-group-vertical input[type="radio"]:focus + label:hover, .btnGrey:hover, .btnUnavailable:hover, .btnAmber:hover, .btnAvailable:hover, .btnRed:hover {
    color: #ffffff; }

.btnGreenx, .btn.btnAvailable.active,
.btn-group-vertical input[type="radio"]:checked + label,
.btn-group-vertical input[type="radio"]:focus + label {
  background-color: #39b54a;
/*  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #39b549), color-stop(0.75, #197b30)); */
  /* background-image: -o-linear-gradient(bottom, #39b549 0%, #197b30 75%);  */
  /* background-image: -moz-linear-gradient(bottom, #39b549 0%, #197b30 75%); */
  /* background-image: -webkit-linear-gradient(bottom, #39b549 0%, #197b30 75%); */
  /* background-image: -ms-linear-gradient(bottom, #39b549 0%, #197b30 75%); */
  /* background-image: linear-gradient(to bottom, #39b549 0%, #197b30 75%); }  */
  .btnGreenx:hover, .btn.btnAvailable.active:hover,
  .btn-group-vertical input[type="radio"]:checked + label:hover,
  .btn-group-vertical input[type="radio"]:focus + label:hover {
    background-color: #197B30;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #197b30), color-stop(0.85, #39b549));
    background-image: -o-linear-gradient(bottom, #197b30 0%, #39b549 85%);
    background-image: -moz-linear-gradient(bottom, #197b30 0%, #39b549 85%);
    background-image: -webkit-linear-gradient(bottom, #197b30 0%, #39b549 85%);
    background-image: -ms-linear-gradient(bottom, #197b30 0%, #39b549 85%);
    background-image: linear-gradient(to bottom, #197b30 0%, #39b549 85%); }
  .btnGreenx.confirm, .confirm.btn.btnAvailable.active,
  .btn-group-vertical input[type="radio"]:checked + label.confirm,
  .btn-group-vertical input[type="radio"]:focus + label.confirm {
    margin-bottom: 50px; }

.btnGrey, .btnUnavailable {
  background-color: #e3e3e3;
  color: #505253;
  text-shadow: 1px 1px 1px #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9e9e9), color-stop(0.85, #bebebe));
  background-image: -o-linear-gradient(bottom, #e9e9e9 0%, #bebebe 85%);
  background-image: -moz-linear-gradient(bottom, #e9e9e9 0%, #bebebe 85%);
  background-image: -webkit-linear-gradient(bottom, #e9e9e9 0%, #bebebe 85%);
  background-image: -ms-linear-gradient(bottom, #e9e9e9 0%, #bebebe 85%);
  background-image: linear-gradient(to bottom, #e9e9e9 0%, #bebebe 85%); }
  .btnGrey:hover, .btnUnavailable:hover {
    color: #505253;
    background-color: #BEBEBE;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bebebe), color-stop(0.85, #e9e9e9));
    background-image: -o-linear-gradient(bottom, #bebebe 0%, #e9e9e9 85%);
    background-image: -moz-linear-gradient(bottom, #bebebe 0%, #e9e9e9 85%);
    background-image: -webkit-linear-gradient(bottom, #bebebe 0%, #e9e9e9 85%);
    background-image: -ms-linear-gradient(bottom, #bebebe 0%, #e9e9e9 85%);
    background-image: linear-gradient(to bottom, #bebebe 0%, #e9e9e9 85%); }

.btnAmber, .btnAvailable {
  background-color: #e5a344;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5a244), color-stop(0.8, #bf750e));
  background-image: -o-linear-gradient(bottom, #e5a244 0%, #bf750e 80%);
  background-image: -moz-linear-gradient(bottom, #e5a244 0%, #bf750e 80%);
  background-image: -webkit-linear-gradient(bottom, #e5a244 0%, #bf750e 80%);
  background-image: -ms-linear-gradient(bottom, #e5a244 0%, #bf750e 80%);
  background-image: linear-gradient(to bottom, #e5a244 0%, #bf750e 80%); }
  .btnAmber:hover, .btnAvailable:hover {
    background-color: #BF750E;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bf750e), color-stop(0.8, #e5a244));
    background-image: -o-linear-gradient(bottom, #bf750e 0%, #e5a244 80%);
    background-image: -moz-linear-gradient(bottom, #bf750e 0%, #e5a244 80%);
    background-image: -webkit-linear-gradient(bottom, #bf750e 0%, #e5a244 80%);
    background-image: -ms-linear-gradient(bottom, #bf750e 0%, #e5a244 80%);
    background-image: linear-gradient(to bottom, #bf750e 0%, #e5a244 80%); }

.btnRed {
  background-color: #E03D42;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e34247), color-stop(0.75, #a10808));
  background-image: -o-linear-gradient(bottom, #e34247 0%, #a10808 75%);
  background-image: -moz-linear-gradient(bottom, #e34247 0%, #a10808 75%);
  background-image: -webkit-linear-gradient(bottom, #e34247 0%, #a10808 75%);
  background-image: -ms-linear-gradient(bottom, #e34247 0%, #a10808 75%);
  background-image: linear-gradient(to bottom, #e34247 0%, #a10808 75%); }
  .btnRed:hover {
    background-color: #A10808;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #a10808), color-stop(0.75, #e34247));
    background-image: -o-linear-gradient(bottom, #a10808 25%, #e34247 75%);
    background-image: -moz-linear-gradient(bottom, #a10808 25%, #e34247 75%);
    background-image: -webkit-linear-gradient(bottom, #a10808 25%, #e34247 75%);
    background-image: -ms-linear-gradient(bottom, #a10808 25%, #e34247 75%);
    background-image: linear-gradient(to bottom, #a10808 25%, #e34247 75%); }

.btn-group-vertical {
  width: 100%; }

.btn-group-vertical > .btn:first-child:not(:last-child),
.btn-group-vertical > .btn:not(:first-child):not(:last-child),
.btn-group-vertical > .btn:last-child:not(:first-child) {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }

.availableTimes, .btnAvailable, .btn.btnAvailable.active,
.btn-group-vertical input[type="radio"]:checked + label,
.btn-group-vertical input[type="radio"]:focus + label, .btnUnavailable {
  height: 44px;
  width: 100%;
  margin: 0 0 5px 0;
  color: #ffffff;
  text-shadow: 1px 1px 3px #060606;
  font-size: 14px;
  line-height: 32px;
  text-transform: uppercase;
  text-align: left; }
  .availableTimes:hover, .btnAvailable:hover, .btn.btnAvailable.active:hover,
  .btn-group-vertical input[type="radio"]:checked + label:hover,
  .btn-group-vertical input[type="radio"]:focus + label:hover, .btnUnavailable:hover {
    color: #ffffff; }

.btnAvailable {
  border: none; }
  @media (min-width: 768px) {
    .btnAvailable {
      height: 30px;
      line-height: 18px; } }

.btn.btnAvailable.active,
.btn-group-vertical input[type="radio"]:checked + label,
.btn-group-vertical input[type="radio"]:focus + label {
  background-color: #39b54a;
  border: none;
  margin-bottom: 5px; }
  @media (min-width: 768px) {
    .btn.btnAvailable.active,
    .btn-group-vertical input[type="radio"]:checked + label,
    .btn-group-vertical input[type="radio"]:focus + label {
      height: 30px;
      line-height: 18px; } }

label.btn.btnAvailable.active,
.btn-group-vertical.test-group input[type="radio"]:focus + label {
  background-color: #39b54a; }

.btnUnavailable {
  border: none;
  color: #505253;
  text-shadow: 1px 1px 1px #ffffff; }
  @media (min-width: 768px) {
    .btnUnavailable {
      height: 30px;
      line-height: 18px; } }
  .btnUnavailable:hover {
    color: #505253;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9e9e9), color-stop(0.85, #bebebe));
    background-image: -o-linear-gradient(bottom, #e9e9e9 0%, #bebebe 85%);
    background-image: -moz-linear-gradient(bottom, #e9e9e9 0%, #bebebe 85%);
    background-image: -webkit-linear-gradient(bottom, #e9e9e9 0%, #bebebe 85%);
    background-image: -ms-linear-gradient(bottom, #e9e9e9 0%, #bebebe 85%);
    background-image: linear-gradient(to bottom, #e9e9e9 0%, #bebebe 85%); }

/* Dropdown list */
.form-control {
  margin-bottom: 10px; }
  .form-control:focus {
    border-color: #e7aa55;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(231, 170, 85, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(231, 170, 85, 0.6); }

/* typography */
.dateTime {
  font-size: 12px;
  margin-bottom: 20px;
  margin-top: 5px; }
  .dateTime span {
    padding-left: 5px; }
  @media (min-width: 768px) {
    .dateTime .date {
      margin: 0 0 5px 5px; }
    .dateTime .time {
      margin: 5px 0 0 5px; }
    .dateTime span {
      padding-left: 10px;
      font-size: 14px; } }

.selectTimes h2 {
  font-size: 20px;
  text-align: center; }
.selectTimes p {
  text-align: center; }

.escape {
  font-family: 'segoe UI';
  font-size: 12px;
  margin: -10px 0 20px 10px; }

.escape-lg {
  padding-top: 55px;
  padding-bottom: 73px;
  margin-bottom: -68px;
  text-align: center;
  border-left: 1px solid #505253;
  height: 168px; }

@media (min-width: 768px) {
  .amend-dateTime {
    padding-top: 55px;
    padding-bottom: 73px;
    margin-bottom: -68px;
    text-align: center;
    border-left: 1px solid #505253;
    height: 168px;
    text-align: left; }
    .amend-dateTime .date {
      margin-bottom: 15px; } }
@media (min-width: 791px) {
  .amend-dateTime span {
    padding-left: 15px;
    font-size: 14px; } }

.bookNow h2 {
  font-size: 20px;
  text-align: center; }
.bookNow .subHeading {
  text-align: center;
  margin: -7px 0 10px 0; }
.bookNow .quickBook a {
  text-transform: capitalize;
  line-height: 16px; }
  .bookNow .quickBook a span {
    font-size: 12px; }

.email-sent p {
  font-family: 'Roboto';
  font-size: 14px; }
.email-sent a {
  padding: 0 0 0 10px;
  line-height: 29px; }

.amend-options {
  margin-bottom: 20px; }
  .amend-options p {
    font-family: 'Roboto';
    font-size: 14px;
    padding: 0 0 0 10px; }
  .amend-options .radio {
    padding: 0 0 0 30px; }

/* Table */
.table {
	position: relative; }
.table caption {
  font-size: 20px;
  font-family: 'Roboto'; }
  .table caption img {
    padding-bottom: 6px; }

.table thead tr th {
  width: 14.285%;
  font-size: 12px;
  text-align: center; }
  @media (max-width: 992px) {
    .table thead tr th {
      padding: 2px; } }

.table thead tr.tableDay th,
.table tbody tr.tableDay td {
  padding: 2px; }
  .table thead tr.tableDay th div,
  .table tbody tr.tableDay td div {
    width: 100%;
    font-size: 12px; }

.td-thisMonth .td-date {
  width: 100%;
  background-color: #dc9837;
  padding-left: 3px;
  color: #ffffff; }
.td-thisMonth .td-availability {
  line-height: 35px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #dc9837; }
.td-thisMonth:hover {
  cursor: pointer; }
  .td-thisMonth:hover .td-date {
    width: 100%;
    background-color: #39b54a;
    padding-left: 3px;
    color: #ffffff; }
  .td-thisMonth:hover .td-availability {
    line-height: 35px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #39b54a; }

.td-otherMonth .td-date {
  width: 100%;
  background-color: #fbc982;
  padding-left: 3px;
  color: #ffffff; }
.td-otherMonth .td-availability {
  line-height: 35px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #fbc982; }
.td-otherMonth:hover {
  cursor: pointer; }
  .td-otherMonth:hover .td-date {
    width: 100%;
    background-color: #79b582;
    padding-left: 3px;
    color: #ffffff; }
  .td-otherMonth:hover .td-availability {
    line-height: 35px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #79b582; }

.td-unAvail .td-date {
  width: 100%;
  background-color: #dddddd;
  padding-left: 3px;
  color: #ffffff; }
.td-unAvail .td-availability {
  line-height: 35px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #dddddd; }

/* alerts */
.alert {
  font-size: 14px; }

/* booking complete */
.bookingComplete .dateTime .date {
  font-size: 14px; }
  .bookingComplete .dateTime .date .calender {
    width: 26px;
    height: 26px;
    display: inline-block;
    background-image: url("../img/calender.png");
    background-repeat: no-repeat;
    background-position: center; }
.bookingComplete .dateTime .time {
  font-size: 14px; }
  .bookingComplete .dateTime .time .clock {
    width: 26px;
    height: 26px;
    display: inline-block;
    background-image: url("../img/clock.png"); }
.bookingComplete .dateTime span {
  position: relative;
  top: -8px; }
@media (min-width: 768px) {
  .bookingComplete .bookedTimes {
    border: 1px solid #d6e9c6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #d6e9c6; }
  .bookingComplete .cancelledTimes {
    border: 1px solid #ebccd1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #ebccd1; }
  .bookingComplete .group {
    background-color: #ffffff;
    padding: 0px 10px;
    margin-bottom: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #3c763d; }
  .bookingComplete .dateTime {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px; }
    .bookingComplete .dateTime .date {
      font-size: 14px;
      margin: 0px; }
      .bookingComplete .dateTime .date .calender {
        width: 100%;
        height: 60px;
        display: block;
        background-image: url("../img/calender-lg.png");
        background-repeat: no-repeat;
        background-position: center; }
    .bookingComplete .dateTime .time {
      font-size: 14px;
      margin: 0px; }
      .bookingComplete .dateTime .time .clock {
        width: 100%;
        height: 60px;
        display: block;
        background-image: url("../img/clock-lg.png");
        background-repeat: no-repeat;
        background-position: center; }
    .bookingComplete .dateTime span {
      position: relative;
      top: 20px;
      padding: 0; } }

/* walkthrough */
.walkthrough {
  font-size: 12px; }
  .walkthrough .stripe {
    height: 40px;
    background-image: url("../img/walkthrough-bg.png");
    background-repeat: repeat-x; }
  .walkthrough .first {
    margin-left: -31px; }
  .walkthrough .second {
    margin: auto;
    text-align: center; }
  .walkthrough .last {
    margin-right: -31px; }

.container-fluid > .walkthrough {
  margin-top: 10px; }

.ajax_overlay {}
.ajax_loader {background: url("../../img/spinner_squares_circle.gif") no-repeat center center transparent;width:100%;height:100%;}

.dateslots {
  width: 80%; }