body{font-family:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;line-height:22.5px;background-color:#FFF;color:#212529;margin:0;padding:0}.background-primary{background-color:#fff}.background-mid{background-color:#ece9e6}.background-dark{background-color:#413541}.color-primary{color:white}.bold{font-weight:600}.text-wrap{white-space:normal}.text-ellipses{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-center{text-align:center}h1{font-size:5em}h2{font-size:4em}h3{font-size:3em}h4{font-size:2em}h5{font-size:1.1em}.text-xxs{font-size:0.5em}.text-xs{font-size:0.7em}.text-sm{font-size:0.85em}.text-md{font-size:1.2em}.text-lg{font-size:1.5em}.text-xl{font-size:2.0em}.indent-sm{padding-left:15px}.indent-md{padding-left:60px}.indent-lg{padding-left:100px}.hide{display:none}.max-width-phone-portrait{max-width:320px}.max-width-phone-landscape{max-width:480px}.max-width-tablet-portrait{max-width:768px}.max-width-tablet-landscape{max-width:1024px}.max-width-computer{max-width:1280px}.margin-sm{margin:10px}.margin-md{margin:30px}.margin-lg{margin:50px}.margin-t-10{margin-top:10px}.margin-t-20{margin-top:20px}.margin-r-10{margin-right:10px}.margin-r-20{margin-right:20px}.margin-b-10{margin-bottom:10px}.margin-b-20{margin-bottom:20px}.margin-l-10{margin-left:10px}.margin-l-20{margin-left:20px}.padding-sm{padding:10px}.padding-md{padding:30px}.padding-lg{padding:50px}.padding-t-10{padding-top:10px}.padding-t-20{padding-top:20px}.padding-r-10{padding-right:10px}.padding-r-20{padding-right:20px}.padding-b-10{padding-bottom:10px}.padding-b-20{padding-bottom:20px}.padding-l-10{padding-left:10px}.padding-l-20{padding-left:20px}.border-radius-sm{border-radius:10px}.border-radius-md{border-radius:25px}.border-radius-lg{border-radius:50px}::-webkit-input-placeholder{color:#adb5bd}::-moz-placeholder{color:#adb5bd}:-ms-input-placeholder{color:#adb5bd}:-moz-placeholder{color:#adb5bd}.image-vs{width:2rem;height:2rem}.image_sm{width:5rem;height:5rem}.image-md{width:10rem;height:10rem}.image-lg{width:15rem;height:15rem}.image-xl{width:25rem;height:25rem}img.circle-border-dark{border:6px solid #000;border-radius:50%}img.circle-border-light{border:6px solid #c8c8c8;border-radius:50%}
/* Text */
.med-dark-txt {
    color: #454545;
}
.animated-fast {
    transition: 0.5s;
}
/*# sourceMappingURL=site.css.map */

.view-switcher {
    padding: 0.5em;
    font-weight: normal;
}

/* Styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input[type="text"].input-validation-error,
input[type="password"].input-validation-error {
    border: solid 1px #e80c4d;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

/* General styles */
.center-vertical {
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-horizontal {
    display: flex;
    justify-content: center;
}

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

/* ============ UI Elements ============ */

/* General Mobile Styling */

.content-mobile {
    z-index: 0;
}

.mg-horizontal-md {
    margin-left: 20px;
    margin-right: 20px;
}

.ddlf-custom {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9IkxheWVyXzEiCiAgIGRhdGEtbmFtZT0iTGF5ZXIgMSIKICAgdmlld0JveD0iMCAwIDQuOTUgMTAiCiAgIHZlcnNpb249IjEuMSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iaW1hZ2Uuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjQgKDVkYTY4OWMzMTMsIDIwMTktMDEtMTQpIj4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjciCiAgICAgaWQ9Im5hbWVkdmlldzE1IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxODguOCIKICAgICBpbmtzY2FwZTpjeD0iMi4wNDY5NjU4IgogICAgIGlua3NjYXBlOmN5PSI0Ljc5Nzg1MDYiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjE5MTIiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iTGF5ZXJfMSIgLz4KICA8ZGVmcwogICAgIGlkPSJkZWZzNCI+CiAgICA8c3R5bGUKICAgICAgIGlkPSJzdHlsZTIiPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOiM0NDQ7fTwvc3R5bGU+CiAgPC9kZWZzPgogIDx0aXRsZQogICAgIGlkPSJ0aXRsZTYiPmFycm93czwvdGl0bGU+CiAgPHJlY3QKICAgICBjbGFzcz0iY2xzLTEiCiAgICAgd2lkdGg9IjQuOTUiCiAgICAgaGVpZ2h0PSIxMCIKICAgICBpZD0icmVjdDgiIC8+CiAgPHBvbHlnb24KICAgICBjbGFzcz0iY2xzLTIiCiAgICAgcG9pbnRzPSIxLjQxLDUuMzMgMy41NCw1LjMzIDIuNDgsNi44MiAiCiAgICAgaWQ9InBvbHlnb24xMiIKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0wLjY2KSIKICAgICBzdHlsZT0iZmlsbDojNDQ0NDQ0IiAvPgo8L3N2Zz4K) no-repeat 95% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.event-block-mobile {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #e3e3e3;
    height: 152px;
    background-color: white;
}

.cart-event-block-mobile {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #e3e3e3;
    min-height: 152px;
    background-color: white;
}

.event-image-mobile {
    flex: 0 0 150px;
    height: 150px;
    position: relative;
}

.event-image-text-block-mobile {
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 150px;
    height: 50px;
}

.event-cover-image-mobile {
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin-bottom: 10px;
}

.event-main-block-mobile {
    max-width: calc(100% - 170px);
    flex-grow: 1;
    margin: 10px;
    position: relative;
}

.cart-main-block-mobile {
    flex-grow: 1;
    margin: 10px;
    position: relative;
}

.event-main-title-block-mobile {
    height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event-name-mobile {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.event-description-mobile {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.event-description-expandable {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.event-date-mobile {
    max-width: 100%;
    max-height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tt-container-mobile {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

.tt-card {
    width: 160px;
    border: 1px solid lightgrey;
    border-radius: 7px;
    box-shadow: 0px 2px 2px lightgrey;
    padding: 10px;
    margin: 5px
}

.tt-alert-container {
    height: 75px;
}

.quantity-container {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3px;
}

.quantity-button {
    padding-top: 5px;
    height: 35px;
    width: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #f0f0f0;
    border: 1px solid lightgrey;
    border-radius: 3px;
}

.header-mobile {
    margin-left: -15px;
    margin-right: 10px;
    margin-bottom: -15px;
}

.header-mobile-offset {
    margin-left: -15px;
    margin-right: 10px;
    margin-bottom: -15px;
    margin-top: 40px;
}

.remove-mobile {
    position: absolute;
    top: 10px;
    right: 20px;
    background-color: transparent;
    border-color: transparent;
    font-size: 2em;
}

/* Text */
.med-dark-txt {
    color: #454545;
}

.title-header {
    font-weight: bold;
}


/* Navigation */
.nav-mobile {
    height: 100%;
    width: 70%;
    max-width: 300px;
    position: fixed;
    z-index: 4;
    top: 0;
    left: -70%;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
}

.nav-top {
    height: 70px;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    display: flex;
    align-items: center;
    padding: 20px;
    background-color: white;
}

.nav-top-secondary {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 70px;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    display: flex;
    align-items: center;
    padding: 20px;
    z-index: 2;
    background-color: white;
    box-shadow: 0px 2px 2px lightgrey;
}

.sub-nav {
    height: 80px;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-color: darkgray;
    display: flex;
    align-items: center;
    padding: 20px;
    padding-top: 0px;
    z-index: 1;
    background-color: white;
    box-shadow: 0px 2px 2px lightgrey;
    transition: top 0.3s;
}

.nav-title-primary {
    position: absolute;
    top: 12px;
    right: 20px;
}

.nav-title {
    width: 100%;
    font-weight: bold;
    font-size: 1.3em;
    text-align: right;
    color: #454545;
}

.close-mobile {
    position: absolute;
    top: 10px;
    right: 20px;
    background-color: transparent;
    border-color: transparent;
    color: white;
    font-size: 2em;
}

.off-focus {
    position: fixed;
    top: -3px;
    right: -3px;
    height: 110%;
    width: 110%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 3;
    transition: 0.5s;
}

.nav-space-md {
    height: 70px;
    width: 100%;
}

.nav-space-lg {
    height: 190px;
    width: 100%;
}

/* Input Fields*/
.form-mobile {
    width: 100%;
    height: calc(1.75em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.85em;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid rgb(210,210,210);
    border-radius: 5px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-mobile {
        transition: none;
    }
}

.form-mobile::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-mobile:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-mobile::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-mobile::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-mobile:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-mobile::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-mobile::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-mobile:disabled, .form-mobile[readonly] {
    background-color: #ededed;
    opacity: 1;
}

select.form-mobile:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.form-mobile-file,
.form-mobile-range {
    display: block;
    width: 100%;
}

/* Buttons */
.btn-mobile {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 1.5rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: 5px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-mobile-large {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.5rem 2rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 5px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn-mobile {
        transition: none;
    }
}

.btn-mobile:hover {
    color: #212529;
    text-decoration: none;
}

.btn-mobile:focus, .btn-mobile.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-mobile.disabled, .btn-mobile:disabled {
    opacity: 0.65;
}

a.btn-mobile.disabled,
fieldset:disabled a.btn-mobile {
    pointer-events: none;
}

.btn-mobile-primary {
    color: #fff;
    background-color: #0ca5ed;
    border-color: #0ca5ed;
}

.btn-mobile-primary:hover {
    color: #fff;
    background-color: #0ca5ed;
    border-color: #0ca5ed;
}


.btn-mobile-primary.disabled, .btn-mobile-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

    .btn-mobile-primary:not(:disabled):not(.disabled):active, .btn-mobile-primary:not(:disabled):not(.disabled).active,
    .show > .btn-mobile-primary.dropdown-toggle {
        color: #fff;
        background-color: #0ca5ed;
        border-color: #0ca5ed;
    }


.btn-mobile-secondary-no-anim {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-mobile-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn-mobile-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

    .btn-mobile-secondary.disabled, .btn-mobile-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-mobile-secondary:not(:disabled):not(.disabled):active, .btn-mobile-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-mobile-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }


.btn-mobile-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

    .btn-mobile-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }

    .btn-mobile-success:focus, .btn-mobile-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
    }

    .btn-mobile-success.disabled, .btn-mobile-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-mobile-success:not(:disabled):not(.disabled):active, .btn-mobile-success:not(:disabled):not(.disabled).active,
    .show > .btn-mobile-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430;
    }

        .btn-mobile-success:not(:disabled):not(.disabled):active:focus, .btn-mobile-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-mobile-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
        }

.btn-mobile-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

    .btn-mobile-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
    }

    .btn-mobile-info:focus, .btn-mobile-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
    }

    .btn-mobile-info.disabled, .btn-mobile-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-mobile-info:not(:disabled):not(.disabled):active, .btn-mobile-info:not(:disabled):not(.disabled).active,
    .show > .btn-mobile-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f;
    }

        .btn-mobile-info:not(:disabled):not(.disabled):active:focus, .btn-mobile-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-mobile-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
        }

.btn-mobile-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

    .btn-mobile-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
    }

    .btn-mobile-warning:focus, .btn-mobile-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
    }

    .btn-mobile-warning.disabled, .btn-mobile-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-mobile-warning:not(:disabled):not(.disabled):active, .btn-mobile-warning:not(:disabled):not(.disabled).active,
    .show > .btn-mobile-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500;
    }

        .btn-mobile-warning:not(:disabled):not(.disabled):active:focus, .btn-mobile-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-mobile-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
        }

.btn-mobile-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

    .btn-mobile-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
    }

    .btn-mobile-danger:focus, .btn-mobile-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
    }

    .btn-mobile-danger.disabled, .btn-mobile-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-mobile-danger:not(:disabled):not(.disabled):active, .btn-mobile-danger:not(:disabled):not(.disabled).active,
    .show > .btn-mobile-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d;
    }

        .btn-mobile-danger:not(:disabled):not(.disabled):active:focus, .btn-mobile-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-mobile-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
        }

.btn-mobile-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

    .btn-mobile-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

    .btn-mobile-light:focus, .btn-mobile-light.focus {
        box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
    }

    .btn-mobile-light.disabled, .btn-mobile-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-mobile-light:not(:disabled):not(.disabled):active, .btn-mobile-light:not(:disabled):not(.disabled).active,
    .show > .btn-mobile-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df;
    }

        .btn-mobile-light:not(:disabled):not(.disabled):active:focus, .btn-mobile-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-mobile-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
        }

.btn-mobile-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

    .btn-mobile-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
    }

    .btn-mobile-dark:focus, .btn-mobile-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
    }

    .btn-mobile-dark.disabled, .btn-mobile-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-mobile-dark:not(:disabled):not(.disabled):active, .btn-mobile-dark:not(:disabled):not(.disabled).active,
    .show > .btn-mobile-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d;
    }

        .btn-mobile-dark:not(:disabled):not(.disabled):active:focus, .btn-mobile-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-mobile-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
        }

.btn-mobile-outline-primary {
    color: #0ca5ed;
    border-color: #0ca5ed;
}

    .btn-mobile-outline-primary:hover {
        color: #fff;
        background-color: #0ca5ed;
        border-color: #0ca5ed;
    }

    .btn-mobile-outline-primary.disabled, .btn-mobile-outline-primary:disabled {
        color: #007bff;
        background-color: transparent;
    }

    .btn-mobile-outline-primary:not(:disabled):not(.disabled):active, .btn-mobile-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-mobile-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #0ca5ed;
        border-color: #0ca5ed;
    }


.btn-mobile-outline-secondary-no-anim {
    color: #6c757d;
    border-color: #6c757d;
}

.btn-mobile-outline-secondary {
    color: black;
    border-color: #6c757d;
}

    .btn-mobile-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-mobile-outline-secondary.disabled, .btn-mobile-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent;
    }

    .btn-mobile-outline-secondary:not(:disabled):not(.disabled):active, .btn-mobile-outline-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-mobile-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

.btn-mobile-outline-success {
    color: #28a745;
    border-color: #28a745;
}

    .btn-mobile-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-mobile-outline-success:focus, .btn-mobile-outline-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    }

    .btn-mobile-outline-success.disabled, .btn-mobile-outline-success:disabled {
        color: #28a745;
        background-color: transparent;
    }

    .btn-mobile-outline-success:not(:disabled):not(.disabled):active, .btn-mobile-outline-success:not(:disabled):not(.disabled).active,
    .show > .btn-mobile-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

        .btn-mobile-outline-success:not(:disabled):not(.disabled):active:focus, .btn-mobile-outline-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-mobile-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
        }

.btn-mobile-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
}

    .btn-mobile-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-mobile-outline-info:focus, .btn-mobile-outline-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

    .btn-mobile-outline-info.disabled, .btn-mobile-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent;
    }

    .btn-mobile-outline-info:not(:disabled):not(.disabled):active, .btn-mobile-outline-info:not(:disabled):not(.disabled).active,
    .show > .btn-mobile-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

        .btn-mobile-outline-info:not(:disabled):not(.disabled):active:focus, .btn-mobile-outline-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-mobile-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
        }

.btn-mobile-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

    .btn-mobile-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-mobile-outline-warning:focus, .btn-mobile-outline-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    }

    .btn-mobile-outline-warning.disabled, .btn-mobile-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent;
    }

    .btn-mobile-outline-warning:not(:disabled):not(.disabled):active, .btn-mobile-outline-warning:not(:disabled):not(.disabled).active,
    .show > .btn-mobile-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

        .btn-mobile-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-mobile-outline-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-mobile-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
        }

.btn-mobile-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

    .btn-mobile-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-mobile-outline-danger:focus, .btn-mobile-outline-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

    .btn-mobile-outline-danger.disabled, .btn-mobile-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent;
    }

    .btn-mobile-outline-danger:not(:disabled):not(.disabled):active, .btn-mobile-outline-danger:not(:disabled):not(.disabled).active,
    .show > .btn-mobile-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

        .btn-mobile-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-mobile-outline-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-mobile-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
        }

.btn-mobile-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

    .btn-mobile-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-mobile-outline-light:focus, .btn-mobile-outline-light.focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    }

    .btn-mobile-outline-light.disabled, .btn-mobile-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent;
    }

    .btn-mobile-outline-light:not(:disabled):not(.disabled):active, .btn-mobile-outline-light:not(:disabled):not(.disabled).active,
    .show > .btn-mobile-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

        .btn-mobile-outline-light:not(:disabled):not(.disabled):active:focus, .btn-mobile-outline-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-mobile-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
        }

.btn-mobile-outline-dark {
    color: #343a40;
    border-color: #343a40;
}

    .btn-mobile-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-mobile-outline-dark:focus, .btn-mobile-outline-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    }

    .btn-mobile-outline-dark.disabled, .btn-mobile-outline-dark:disabled {
        color: #343a40;
        background-color: transparent;
    }

    .btn-mobile-outline-dark:not(:disabled):not(.disabled):active, .btn-mobile-outline-dark:not(:disabled):not(.disabled).active,
    .show > .btn-mobile-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

        .btn-mobile-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-mobile-outline-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-mobile-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
        }

.btn-mobile-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
}

    .btn-mobile-link:hover {
        color: #0056b3;
        text-decoration: underline;
    }

    .btn-mobile-link:focus, .btn-mobile-link.focus {
        text-decoration: underline;
        box-shadow: none;
    }

    .btn-mobile-link:disabled, .btn-mobile-link.disabled {
        color: #6c757d;
        pointer-events: none;
    }

.btn-mobile-lg, .btn-mobile-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-mobile-sm, .btn-mobile-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-mobile-block {
    display: block;
    width: 100%;
}

    .btn-mobile-block + .btn-mobile-block {
        margin-top: 0.5rem;
    }