/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.swal2-progress-steps li {
    margin: 0;
}
.swal2-popup {
    font-size: 1.5rem !important;
}
.swal2-styled {
    text-decoration: none !important;
}
.swal2-popup {
    width: auto !important;
    max-width: 70em !important;
}
.swal2-checkbox input, .swal2-radio input {
    display: block;
    margin: 0 auto !important;
}
.swal2-checkbox label, .swal2-radio label {
    font-size: 0.9em !important;
}
.swal2-checkbox, .swal2-radio {
    background-color: aliceblue !important;
    padding-top: 50px;
    padding-bottom: 40px;
}


/* Radio Button Customization Bullet */
.swal2-radio label{
    position: relative;
}
.swal2-radio input {
    margin-bottom: 10px !important;
}
.swal2-radio input:before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -6px;
    width: 25px;
    height: 25px;
    background-color: #bbbbbb;
    content: "";
    border: 2px solid #333;
    border-radius: 50%;
    cursor: pointer;
}
.swal2-radio input:checked::before {
    background-color: #333;
}
.swal2-radio input:checked::after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -3px;
    top: -1px;
    width: 6px;
    height: 12px;
    content: "";
    border: solid white;
    border-width: 0 2px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* Margin Bottom of Description */
div#swal2-content {
    margin-bottom: 40px;
}


/* Radio Button Customization to→ Number Rating Form */
.srvy--catch-number-rating .swal2-content .swal2-radio input {
    opacity: 0;
    position: fixed;
    width: 0;
}
.srvy--catch-number-rating .swal2-radio span {
    display: inline-block;
    background-color: #ddd;
    padding: 6px 20px;
    font-size: 16px;
    border: 2px solid #444;
    border-radius: 4px
}
.srvy--catch-number-rating .swal2-radio input:checked + span {
    background-color: #333;
    border-color: #7d7575;
    color: #fff;
}
.srvy--catch-number-rating .swal2-radio input:focus + span {
    box-shadow: 0px 0px 5px 0px #333333;
}
.srvy--catch-number-rating .swal2-radio span:hover {
    background-color: aliceblue;
    cursor: pointer;
}


/* Radio Button Customization to→ Star Rating Form */
.srvy--catch-star-rating .swal2-content .swal2-radio input {
    opacity: 0;
    position: fixed;
    width: 0;
}
.srvy--catch-star-rating .swal2-radio span {
    display: inline-block;
    font-size: 36px;
}
.srvy--catch-star-rating .swal2-radio {
    direction: rtl;
}
.srvy--catch-star-rating .swal2-radio input:checked + span i.fa-star-o:before,
.srvy--catch-star-rating .swal2-radio:not(:checked) > label:hover ~ label i.fa-star-o:before,
.srvy--catch-star-rating .swal2-radio:not(:checked) > label:hover i.fa-star-o:before {
    color: gold;
    text-shadow: 0 0 3px gold;
    content: "\f005";
    transition: .1s;
    cursor: pointer;
}
.srvy--catch-star-rating .swal2-radio input:checked + span i.fa-star-o:before {
    color: #eac603;
    text-shadow: 0px 4px 4px gold;
}
.srvy--catch-star-rating .swal2-radio > label:active {
    position: relative;
    top: 2px;
}