/* product page */




.srs-product-img a img {
    max-width: 100%;
}
.rental-process {
    margin: 0 0 25px 0;
    padding: 0;
}
#srs-hold li {
    list-style-type: none;
}

.rental-process li {
    display: inline-block;
    margin-right: 10px;
}
#srs-product .rental-process a {
    color: #ccc;
    text-decoration: none;
}
.rental-process span {
    font-weight: bold;
    font-size: 1.8em;
}
#srs-product .rental-process a {
    color: #ccc;
    font-size: .9em;
}

#srs-product .srs-rates-col { /* move wide screens only */
    padding-right: 20px;
}
#srs-product .control-label, .srs-form .control-label {
    text-align:  left;
}
.rental-process {
    margin: 0 0 25px 0;
    padding: 0;
}
.rental-process li {
    display: inline-block;
    margin-right: 10px;
}
#srs-product .rental-process a {
    color: #ccc;
    font-size: .9em;
}
.rental-process span {
    font-weight: bold;
    font-size: 1.8em;
}
#srs-hold .rental-process a.active {
    color: #999;
    font-weight: bold;
}
#srs-product .tab-pane {
    padding: 10px 5px;
}
#srs-product .srs-product-dates {
    margin-bottom: 10px;
}
.srs-product-thumbnails {
    margin: 25px auto;
}
.srs-product-thumbnails li {
    width: 33%;
    height: auto;
}
.srs-available-rates {
    margin: 30px 0 0 0;
}
.srs-available-rates, .srs-fees, .srs-header-bg {
    background-color: #F8F8F8;
    border-radius: 4px;
    padding: 15px 10px;
}
.srs-fees {
    margin-top: 35px;
    margin-bottom: 8px;
}
.srs-rate-description {
    font-size: .9em;
    margin-left: 35px;
}
.srs-rate-terms {
    font-style: italic;
}
.srs-product-description h4, #srs-product h3 {
    margin-top: 0;
}
#srs-product .srs-product-description li {
    list-style-type: none;
}

.srs-simple-description {
    margin-bottom: 50px;
}
#srs-product #rental-preview td {
    font-size: .9em;
}
.srs-overview-panel li {
    margin-bottom: 5px;
}
.srs-skill-label {
    margin-top: 0;
}
img.srs-skill-level {
    width: 20px;
}
.toggle-additional-info, .toggle-additional-info:hover, .toggle-additional-info:visited, .toggle-additional-info:active {
    text-decoration: underline;
}
#srs-product .srs-checkbox-additional-info pre {
    font-family: Arial;
    font-size: .9em;
    line-height: normal;
    background: none;
    border: none;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: keep-all;
}

#srs-product .rent-datepicker.srs-date-locked {
    cursor: not-allowed;
}

.srs-product-unavailable {
    font-size: 1.5em;
    font-weight: bold;
    margin: 30px 0;
}
.srs-loader {
    display: none;
}

.srs-main div.radio {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* date picker */
#srs-product .dp-clear-btn {
    font-size: .8em;
    color: #999;
}
#srs-product .rent-datepicker {
    cursor: pointer;
    background: white;
}
#srs-hold .ui-datepicker-trigger {
    display: none;
}
#ui-datepicker-div .ui-dp-holiday a.ui-state-default,
#ui-datepicker-div .legend-row .legend-box.holiday
{
    background: #f0ad4e; color: #FFFFFF;
}
#ui-datepicker-div .ui-dp-special:not(.ui-datepicker-current-day) a.ui-state-default,
#ui-datepicker-div .legend-row .legend-box.special
{
    background: #d9534f; color: #FFFFFF;
}
#ui-datepicker-div .legend-row { width: auto; overflow: hidden; padding: 5px 0 10px 2px; }
#ui-datepicker-div .legend-row .legend-box { float: left; margin-right: 10px; padding: 1px 10px; }

.srs-main .datepicker-hold .right-inner-addon i {
    right: 9px !important;
    top: 11px !important;
    padding: 0 !important;
    position: absolute;
}


html[data-bs-theme="dark"] .srs-available-rates,
html[data-bs-theme="dark"] .srs-fees,
html[data-bs-theme="dark"] .srs-header-bg {
    background-color: #080808;
    border-radius: 4px;
    padding: 15px 10px;
}