/* week lesson view colours */
.border-bottom {
  display: block;
}

.red-text.cancelled-True a {
  color: red !important;
  text-decoration: line-through;
}

.red-text.cancelled-True {
  color: red !important;
  text-decoration: line-through;
}

.hideable.cancelled-True {
  display: none;
}

.not-first .time a{
  color: white;
}

.rider.cancelled-True a {
  color: red !important;
  text-decoration: line-through;
}

.rider-div.tentative-True {
  border: 3px solid red !important;
}

.rider-div.empty-True {
  border: 3px solid green !important;
  height: 32px;
}
.rider-div.empty-True a {
   color: white;
}

.rider-div.scheduled-False {
  border: 3px solid DarkOrange;
}

.rider a {
  display: block;
  padding: 5px;
}




.hidden-text a {
  color: white !important;
  text-decoration: line-through;
}

.cancelled a {
  color: red;
}

.heading-button-inline {
  display: inline-block;
}

.view-all {
  float: right;
}

.link-no-text-underline:hover {
  text-decoration: none;
}


.select2-container {
  display: block;
}

.bs-popover-right > .arrow::before {
  border-right-color: red !important;

}

.bs-popover-right > .arrow::after {
  left: 3px;
}

.popover {
  border-color: red;
  border-width: 3px;
}

.alert-A {
  background-color:  #dc3545;
  color: white;
}

.alert-H {
  background-color:  #198754;
  color: white;
}

.alert-E {
   background-color:  #5821ee;
  color: white;
}


/* autosave info */
#autosave {
  margin-top: 8px;
  margin-right: 15px;
  color: grey;
  float: right;

}

.save-info {
  display: flow-root;

}

.save-bar {
  display: block;
  padding: 5px;
  background-color: white;
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
  z-index: 990;
}

.save-button-with-autosave {
  float: right;
}



.scheduled-False {
  border: 3px solid DarkOrange;
}


.free-slot {
  border: 3px solid green;
  height: 32px;
}

.free-slot a {
   color: white;
  display: block;
}

.tentative-True {
  border: 3px solid red;
  padding: 3px;
}

.booking-notes {
  font-size: 0.75em
}

/* next/previous buttons */
.previous-button {
  margin-top: 15px;
  margin-bottom: 15px;
  border: 1px solid #ced4da;
}

.next-button {
  margin-top: 15px;
  margin-bottom: 15px;
  float: right;
  border: 1px solid #ced4da;
}


/* general formatting */
#content {
  margin: 10px;
}

.pic-header {
  background-color: #3f6663;
}

h3 {
    padding-top: 20px;
    padding-bottom: 20px;
}

body {
  color: black;
  --border-color: #ced4da;
  --body-quiet-color: #ced4da;
}

.table td, .table th {
  padding: 5px;
}

.table {
  margin-bottom: 0px;
}

.save-button {
  float: right;
  margin-top: 20px;
  margin-bottom: 10px;
}

.save-add-button {
  margin-right: 10px;
}

/* HIDE ARROWS ON NUMBER INPUTS */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.select2-container--default .select2-selection--single {
border: 1px solid #ced4da !important;
height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  margin: 4px;
}

.select2-selection__clear {
  margin: 4px;
  padding-left: 0px;
}



/* format add-rider button */
.add-rider-button {
  position: absolute;
  bottom: 12px;
}


/* format rider lists */
.rider-search-bar {
  margin-left: 20px;
}

.rider-search-bar > .select2-container {
  width: 200px !important;
}


/* format horse detail */
.training-trainer {
  text-align: right;
}

.care-notes {
  margin-top: 50px;
}

.current-medication {
  background-color: rgb(34, 139, 34, 0.2);
}

.bar-chart {
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 15px;
  margin-top: 20px;
}


/* format billing views */
.billing-table {
  border: 2px solid black;
}

.billing-heading {
  padding-top: 20px;
  padding-bottom: 20px;
}



/* format extra horse data forms */
#recently-added {
  margin: 5%;
}

/* format lesson views */
.cancelled {
text-decoration: line-through;
color: red !important;
}

.simple-placeholder-toggle {
  float: right;
  margin-right: 10px;
}

.top-buttons {
  margin-bottom: 10px;

}

.top-buttons-inline {
  margin-top: 20px;
}

#cancellation-toggle {
  float: right;
}


/* format day lesson view */
.paid_cash {
  width: 60px;
}

.dollar-sign {
  padding-top: 5px;
  padding-right: 5px;
}

.notes {
  width: 500px;
}

/* format week lesson view */
.week-lessons {
  padding: 0;
}

.horse > .select2-container {
  width: 90px !important;
}


table tbody.lesson-outline  {
  border-collapse: collapse;
  border: 1px solid #dfdfdf !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  margin-right: 8px !important;
}


.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 8px !important;
}

.select2-selection__arrow {
  display: none;
}

/* format horse data */

.horse-data {
  margin-top: 10px;
  font-weight: bold;
}

.current-medications {
  margin-bottom: 15px;
}



/* format duration widget */
.duration-text {
  padding-top: 7px;
}

/* format rider detail */
.recent-lesson-list {
  margin-top: 20px;
}

/* format calendar (new) */

.calendar td {
  padding: 0px;
  border: 1px #dfdfdf solid;
  height: 90px;
  width: 14.2857%; /* fallback in case browser can't calculate */
  width: calc(100%/7);
}

.calendar .week-link {
  text-align: center;
  border: none;
  padding-top: 40px;
}

.calendar .not_this_month a {
  color: #dfdfdf;
}


.calendar .date {
  clear: both;
  padding-left: 5px;
}

.calendar .object {
  display: block;
  width: 100%;
  text-align: center
}

.calendar .A {
  background-color: #ff756e ;
}

.calendar .H {
  background-color: #86ef9c;
}

.calendar .E {
  background-color: #aed6f1;
}


a:not(.popover-body a, .free-slot a, .btn a, .btn, .not-black, .cancelled a) {
  color: black;
}


/* rider form formatting */
.rider-form-box {
  border: 1px solid #dfdfdf;
  padding-top: 15px;
  margin-bottom: 15px;
}

.rider-form-heading {
  margin-top: 20px;
  margin-bottom: 25px;
}

/* schedule formatting */
.schedule-add-rider-button {
  padding-top: 20px;
}

.every-other-week {
  margin-top: 35px;
}


#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.2);
  z-index: 2
}

.button-group {
  padding: 15px;
  float: right;
}

#modal-dismiss {
  margin-right: 10px;
}

.pseudo-footer {
  border-top: 1px solid #ced4da;


}

.schedule-modal-body {
  padding: 0px;
}

.pseudo-body {
  padding: 15px;
}

#add-rider-form {
  position: relative;
  border: 1px solid black;
  border-radius: 4px;
  padding: 10px;
  background-color: white;
 z-index: 10;
  margin: 10px;
}

.add-button {
  margin-top: 28px;
}

#add-rider-button {
  margin-top: 28px;
}

.on-hiatus a {
  display: block;
  color: #a7a8a9 !important;
}

.on-hiatus {
  background-color: #e3e4e5;
  padding: 5px;
}


/* format single lesson update */
.extra-slot-question {
  border: 1px solid #ced4da;
  padding: 15px;
  margin-bottom: 20px;
}

.cancel-lesson-option {
 color: red
}

/* format archive views */
.pagination {
  margin-top: 15px;
  float: right;
}

/* lesson comment update view */
.inline-checkbox-wrapper > .form-group > .custom-checkbox {
  padding-top: 2rem
}

/* format simple lesson view */
.not-cancelled-table {
  width: 30px;
}

.not-cancelled-table > .form-group > .custom-control {
  padding-left: 0px;
  margin-top: 5px;
}

.volunteer-box {
  margin-top: 8px;
  margin-bottom: 5px;
}

.volunteer-caption {
  margin-left: 8px;
  font-style: italic;
}

.top-buttons-schedule {
  margin-left: 30px;
  display: inline;
}

.schedule-button {
  margin-bottom: 10px;
}

.block-link a {
  display: block;
}

.pagination {
  float: none;
  margin: 2rem auto;
}

/* assumption of risk */
.inline-checkbox {
  padding-top: 2rem;
}

.red-text >.form-group {
  color: red;
}