
:root {
    --bs-primary: #ff7724;
    --bs-primary-text-emphasis: #f05b00;
    --bs-primary-rgb: 255, 119, 36;
    --bs-success: #28a745;
    --bs-border-color: #6c757d;
    --td-border-radius: 5px;
    --td-btn-hover-bg: #28a745;
    --td-active-bg: #ff7724;
    --td-dow-color: var(--td-font-color);
    --bs-body-font-family:'source_sans_proregular';

    .btn-primary {
        --bs-btn-bg: var(--bs-primary);
    }
}

.text-secondary {
    color: #6c757d !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
    color: #545b62 !important;
}
.text-success {
    color: var(--bs-success) !important;
}
a.text-success:hover,
a.text-success:focus {
    color: #1e7e34 !important;
}
.text-info {
    color: #17a2b8 !important;
}
a.text-info:hover,
a.text-info:focus {
    color: #117a8b !important;
}
.text-warning {
    color: #ffc107 !important;
}
a.text-warning:hover,
a.text-warning:focus {
    color: #d39e00 !important;
}
.text-danger {
    color: #dc3545 !important;
}
a.text-danger:hover,
a.text-danger:focus {
    color: #bd2130 !important;
}
.text-light {
    color: #f8f9fa !important;
}
a.text-light:hover,
a.text-light:focus {
    color: #dae0e5 !important;
}
.text-dark {
    color: #343a40 !important;
}
a.text-dark:hover,
a.text-dark:focus {
    color: #1d2124 !important;
}
.text-body {
    color: #212529 !important;
}
.text-muted {
    color: #6c757d !important;
}
.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }
    a:not(.btn) {
        text-decoration: underline;
    }
    abbr[title]::after {
        content: " (" attr(title) ")";
    }
    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    @page {
        size: a3;
    }
    body {
        min-width: 992px !important;
    }
    .container {
        min-width: 992px !important;
    }
    .navbar {
        display: none;
    }
    .badge {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
    }
    .table td,
    .table th {
        background-color: #fff !important;
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important;
    }
    .table-dark {
        color: inherit;
    }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
        border-color: #dee2e6;
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6;
    }
}
.btn {
  --bs-btn-border-width: none;
}
.btn:active,
.btn:hover {
    background-color: #fd6000 !important;
    border-color: #f05b00 !important;
}
.btn:disabled {
    background-color: #ff7724;
}
.btn-block {
	width: 100%;
}
.btn-primary {
    color: white;
}
.invalid-feedback {
    display: block;
}
.fill-primary {
    fill: var(--bs-primary);
}
.fill-secondary {
    fill: #6c757d;
}
.fill-primary-on-hover:hover {
    fill: var(--bs-primary);
}
.fill-secondary-on-hover:hover {
    fill: #6c757d;
}

.progress-bar {
    background-color: var(--bs-primary);
}
.progress a.progress-bar {
    color: white;
    transition: all 0.3s ease-out;
}
.progress-bar {
    border-right: 2px solid;
}
.progress-bar:last-child {
    border-right: initial;
}

.transition-base {
    transition: all 0.3s ease-out;
}
.white-space-normal {
    white-space: normal;
}
.text-decoration-none {
    text-decoration: none;
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1130px;
  }
}

#datepicker .old,
#datepicker .new {
    background-color: #d8f6df !important;
}

#datepicker .day.disabled {
    background-color: unset !important;
    border-bottom: 1px solid #f0f0f0;
    border-radius: unset;
}

.tempus-dominus-widget .calendar-header {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 0;
}

.form-check {
  padding-left: 1.5em;
  padding-left: 0.75em;
}
.subject-choice .form-check {
  display: inline-block;
}

input#door_details_damage_other,
input#door_details_material_other,
input#door_details_type_other,
input#shutters_details_damage_other,
input#shutters_details_type_other,
input#window_details_material_other,
input#window_details_damage_other {
  margin-left: 0.75em;
  width: calc(100% - 0.75em);
}

input#contact_details_already_customer {
  float: none;
  margin-left: -0.75em;
}

input#book_tos_accepted,
input#book_privacy_accepted {
  float: none;
  margin-left: -1.75em;
}

#form-container-book label {
  display: inline;
}
#form-container-book .form-check {
  padding-left: 1.75em;
}

.form-control:focus {
    border-color: #ffc6a4;
    box-shadow: 0 0 0 .25rem rgba(255, 119, 36, 0.25);
}
.form-check-input:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 119, 36, 0.25);
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: var(--bs-primary) !important;
}
.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: var(--bs-primary) !important;
}
.bootstrap-datetimepicker-widget table td.day {
    background-color: #5dd879;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background-color: var(--bs-success) !important;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
    background-color: #d8f6df;
}
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #f05b00 !important;
}
.bootstrap-datetimepicker-widget table td.day.disabled {
    text-decoration: line-through;
}
.bootstrap-datetimepicker-widget table td.day.disabled:hover {
    background: transparent !important;
}

footer a {
    color: #ffffff !important;
}
footer a:hover {
    color: #dae0e5 !important;
}

a {
    text-decoration: none !important;
}

.timeslot {
    background-color: var(--bs-success);
    border: 0;
}
.timeslot:hover {
    background-color: #1e7e34;
}
.timeslot.selected {
    background-color: var(--bs-primary);
}
.timeslot.selected:hover {
    background-color: #f05b00;
}

.tempus-dominus-widget {
    width: 100%;
    box-shadow: none;
    .day {
        background-color: rgb(93, 216, 121);
        &.disabled {
            text-decoration: line-through;
        }
    }
    .dow {
	border-bottom: 1px solid #cccccc;
	font-size: large;
	font-family: 'source_sans_prosemibold';
    }
}

.tempus-dominus-widget .date-container-days div:not(.no-highlight) {
    height: 100%;
    width: 100%;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    font-size: large;
}

.tempus-dominus-widget .date-container-days {
    grid-auto-rows: 30px;
}

.tempus-dominus-widget :focus {
    box-shadow: none;
}

.col-form-label.required:after {
    content: "\00a0*";
    color: red;
}

.form-check-label.required:before {
    content: "*\00a0";
    color: red;
}

.form-check-input:checked {
    background-color: #ff7724;
    border-color: var(--bs-border-color);
}
