.sis-loader {
  width: 64px;
  height: 64px;
  animation: 1s linear infinite loading;
}

@keyframes loading {
  from {
    transfrom: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

p a {
  text-decoration: underline;
}

p a:hover {
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: none;
}

a,
a:visited {
  text-decoration: underline;
  cursor: pointer;
}

.header-nav-container .logo {
  background-image: none;
}

.header-nav-container .logo:focus {
  color: #000 !important;
  background: #fbc02d !important;
}

.form-group .error-message {
  visibility: visible;
  display: block;
}

.govuk-form-group {
  width: 50%;
}

.govuk-select {
  max-width: none;
  width: 100%;
}

.govuk-checkboxes__label::after {
  top: 12px;
  left: 10px;
  width: 22px;
  height: 12px;
}

.leeds {
  background: #007299;
  transition: .3s;
}
.leeds:hover {
  background: #075e7a;
}

.timeslot-container {
  display: flex;
  flex-wrap: wrap;

}

.sis-ct-header {
  background: #007299;
}

.sis-ct-date-column {
  margin: 20px 5px;
}

.details h3 {
  color: #0b0c0c;
}


.govuk-button-group {
  margin-top: 70px;
}

.govuk-button.leeds {
  background-color: rgb(1, 83, 1);
  border: 1px solid rgb(1, 83, 1);
  border-radius: 4px;
  box-shadow: 0 3px 0 #004d00;
  padding: 15px 20px;
  font-size: 19px;
  white-space: normal;
  box-shadow: none;
  margin: 0 0 20px;
  text-decoration: none;
  text-align: left;
  line-height: 1.3em;
  position: relative;
}
.govuk-button:focus {
  background: #fbc02d;
  color: #000;
  box-shadow: none;
}

.govuk-button:hover {
  text-decoration: underline;
}

.govuk-button.leeds:hover {
  background: green;
  border-color: green;
  color: #fff;
  text-decoration: underline;
}

.govuk-button--secondary {
  border-radius: 4px;
  padding:15px 20px;
}

.sis-ct-date-column {
  width: 100%;
}

.sis-ct-timeslot:hover {
  background: #007299;
  color: white;
}

.full-width {
  width: 100% !important;
}


@media (max-width: 900px) {
  .govuk-form-group {
    width: 100%;
  }
  
}

@media (max-width: 600px) {
 
  
}
.basket-holder {
  width: fit-content;
  margin-top: 0px;
  border: 1px solid #007299;
  padding: 10px 10px;
  background: rgba(0, 114, 153, 0.1);
}
a.basket-holder-link {
  text-decoration: none;
}

.basket-holder a{
  cursor: pointer;
}

.basket-holder::before {
  content: "";
  height: 24px;
  width: 24px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23007299'%3E%3Cpath d='M4.558 7l4.701-4.702c.199-.198.46-.298.721-.298.613 0 1.02.505 1.02 1.029 0 .25-.092.504-.299.711l-3.26 3.26h-2.883zm12.001 0h2.883l-4.702-4.702c-.198-.198-.459-.298-.72-.298-.613 0-1.02.505-1.02 1.029 0 .25.092.504.299.711l3.26 3.26zm7.441 2v2h-.642c-.534 0-1.022.305-1.257.786l-4.101 10.214h-12l-4.101-10.216c-.234-.48-.722-.784-1.256-.784h-.643v-2h24zm-15 4c0-.552-.448-1-1-1s-1 .448-1 1v5c0 .552.448 1 1 1s1-.448 1-1v-5zm4 0c0-.552-.448-1-1-1s-1 .448-1 1v5c0 .552.448 1 1 1s1-.448 1-1v-5zm4 0c0-.552-.447-1-1-1s-1 .448-1 1v5c0 .552.447 1 1 1s1-.448 1-1v-5z'/%3E%3C/svg%3E%0A");
  vertical-align: top;
  padding-right: 5px;
  margin-right: 10px;
}

.header-label {
  padding: 15px 0 5px 0;
}

.title-line {
  width: 100%;
  padding: 1px;
  margin: 20px 0;
  background-color: #3379b767;
}

/* .basket-wrap {
  padding: 6px;
  border: solid 1px grey;
} */

.disabled {
  pointer-events:none; 
  opacity:0.6;        
}

@media (max-width: 600px) {
  .btn {
    width: 100%;
  }
  .btn-secondary {
    width: 100%;
    text-align: center;
  }

  .btn-row {
  
    align-items: normal;
}


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

ol, ul {
  list-style-type: disc;
}
.progress-container {

  height: 1.0rem;
  
  width: 100%;
  
  border-radius: 0.4rem;

  background: #000;
  
  }

.sis-ct-btn a {
  text-decoration: underline;
}

.sis-ct-btn a:hover,
.sis-ct-btn:hover {
  text-decoration: none;
}

.logo-footer .logo-footer-img:focus {
  background: none !important;
}

.logo-footer .logo-footer-img:focus img {
  border: 4px solid #fbc02d;
}

table td {
  border-bottom: 1px solid #000;
  padding: 10px;
}

.sis-basket-template table td label {
  max-width: 60px;
}