body {
  background-image: radial-gradient(49% 97%, #FFFFFF 50%, #EEEEEE 100%);
}

.vertical-center {
  min-height: 90%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 90vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}

.align-center {
  text-align: center;
}

.no-margin {
  margin: 0px !important;
}

.no-padding {
  padding: 0px;
}

.fright {
  float: right;
}

.fleft {
  float: left;
}

.clear {
  clear: both;
}

.formTopPadding {
  margin-top: 200px;
}

.borderBottomForm {
  border-bottom: 1px solid #eee;
}

.prestoLogo {
  width: 80px;
}

.headerLogo {
  height: 100%;
  display: inline !important;
}

.loginHeading {
  font-weight: 200;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 30px;
}

.smallHeading {
  color: #666;
  font-weight: 200;
}

.loginSubHeading {
  margin-top: 20px;
  margin-bottom: 20px;
}

.loginForm input {
  border-radius: 0px;
  border: 1px solid #eee;
  padding: 20px 10px;
  border-top: 0px;
  outline: none !important;
  box-shadow: none !important;
}

.loginForm input:nth-child(1) {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px solid #eee;
}

.loginForm input:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.loginForm input:focus , .loginForm input:active, textarea, textarea:active, textarea:active{
  outline: none !important;
  border-color: #eee !important;
  box-shadow: none !important;
}

.onlyInputField {
  border: 1px solid #eee;
  border-radius: 10px;
}

.loginButton {
  background-color: #F7B745;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #F7B745;
  border-radius: 20px;
  padding: 5px 20px;
  box-shadow: 0px 0px 2px #999;
}

.logoutButton {
  border-radius: 20px;
  padding: 5px 20px;
  width: 100px;
}

.loginButton.focus, .loginButton.focus:hover, .loginButton.active, .loginButton.active:focus, .loginButton.active:hover, .loginButton:hover, .loginButton:active, .loginButton:active:focus, .loginButton:focus {
  background-color: #F7B745;
  border: 1px solid #F7B745;
  outline: none;
}

.detailsTable {
  border: 0px;
  min-height: 110px;
}

.bottomLeftCorner {
  border-bottom-left-radius: 10px;
}

.bottomRightCorner {
  border-bottom-right-radius: 10px;
}

.topLeftCorner {
  border-top-left-radius: 10px;
}

.topRightCorner {
  border-top-right-radius: 10px;
}

.detailsHeading {
  font-weight: 200;
  color: #999;
  width: 30%;
  vertical-align: middle !important;
}

.detailsContent {
  vertical-align: middle !important;
}

.personal-details {
  padding-right: 20px;
}

.googleMapContainer {
  width: 100%;
  height: 300px;
}

.bookAppointmentButton {
  margin: 0px;
}

.customerDetailsHeading {
  margin-bottom: 30px;
}

.deletebutton {
  display: inline;
  background-image: url('images/remove-icon.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  float: left;
  border: 1px solid #eee;
}

.addbutton {
  display: inline;
  background-image: url('images/add-icon.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-size: 90%;
  width: 30px;
  height: 30px;
  float: left;
  border: 1px solid #eee;
}

.count {
  display: inline;
  width: 30px;
  height: 30px;
  float: left;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 5px;
  padding-left: 10px;
}

.serviceControls {
  height: 35px;
}

table, .list-group-item p {
  font-size: small;
}

.list-group {
  height: 600px;
  overflow-y: scroll;
}

.Chosen {
  height: 230px;
  overflow-y: scroll;
}

.appointmentInputContainer {
  height: 35px;
}

.inputControl {
  width: 60%;
}

.inputControlHeading {
  margin-top: 5px;
  font-weight: 500;
}

.appointmentConfirmButton {
  margin: 0px;
}

.appointmentTotal {
  font-size: 18px;
  font-weight: bold;
}

.light {
  font-weight: 200;
}

.appointmentDetail {
  cursor: pointer;
}

.categoryItem {
  background-image: url('images/right-arrow-black.png');
  background-size: 10px;
  background-position: 98%;
  background-repeat: no-repeat;
}

.navbar-right {
  margin-right: 10px;
  height: 70px;
}

.modal-dialog {
  width: 1000px;
  padding: 10px;
}

.dateTimeContainer, .peopleOperatorContainer {
  margin-top: 10px;
  margin-bottom: 10px;
}

.chosenServicesContainer {
  min-height: 250px;
  margin-bottom: 20px;
}

.modal {
  z-index: 3;
}

.modal-backdrop {
  z-index: 2;
}

.navbar-static-top {
  z-index: 1;
}

.textareadAddressField {
  border-top: 0px;
  border-color: #eee;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.addAddress {
  margin-right: 10px;
}

.changeAddress, .fa {
  cursor: pointer;
}

td {
  font-size: 12px;
}

.noCustomer {
  color: red;
}

h4 {
  font-size: 14px;
}

.cart-item {
  border-bottom: 1px solid #ddd;
  display: block;
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
}

.noborder, .noborder:hover, .noborder:focus {
  border: 0px;
  box-shadow: none;
}

td {
  vertical-align: middle !important;
}


.panel {
  border-radius: 12px;
}

.panel-heading, .panel-footer {
  background: none !important;
  font-weight: bold;
}

.tcenter {
  text-align: center;
}

.specialInstructions {
  border: 0px;
}

#closeAlert {
  color: #333;
}

.staticBar {
  position: fixed;
  left: 0px;
  height: 100%;
  width: 50px;
  background-image: url("images/menubar.png");
  background-color: rgb(46, 53, 55);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}

.pageTitle {
  border-bottom: 1px solid #ddd;
  font-size: 20px;
  padding-bottom: 10px;
}

.panel-heading {
  padding-left: 5px;
}

.panel-footer {
  padding-right: 0px;
  border: 0px;
  padding-top: 0px;
}

.panel-footer .loginButton {
  margin-top: 0px;
}