html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.con {
    min-height: 100%;
    position: relative;
}

div.btn-group {
    width: 100px;
}

div.content {
    margin: auto;
}

.sv_q_rating_item {
}

.sv_complete_btn {
}

body::after {
    content: '';
    display: block;
    height: 50px; /* Set same as footer's height */
}

.background-logo-autofit {
    background-image: url("Questools_powered_by.png");
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: contain; /* Resize the background image to cover the entire container */
    background-position: center;
    width: 100%;
    min-height: 200px;
}

.MainSurveyFooter {
    position: absolute;
    /*bottom: 0;*/
    width: 100%;
    height: 60px;
}

#spinner-back, #spinner-front {
    position: fixed;
    width: 100vw;
    transition: all 1s;
    visibility: hidden;
    opacity: 0;
}

#spinner-back {
    z-index: 998;
    height: 100vh;
    opacity: 0.5;
    background-color: rgba(255,255,255, 0.6)
}

#spinner-front {
    z-index: 999;
}

    #spinner-back.show, #spinner-front.show {
        visibility: visible;
        opacity: 1;
    }

@-webkit-keyframes flip-scale-2-ver-right {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }

    50% {
        -webkit-transform: translateX(50%) rotateY(-90deg) scale(2);
        transform: translateX(50%) rotateY(-90deg) scale(2);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    100% {
        -webkit-transform: translateX(100%) rotateY(-180deg) scale(1);
        transform: translateX(100%) rotateY(-180deg) scale(1);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }
}

@keyframes flip-scale-2-ver-right {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }

    50% {
        -webkit-transform: translateX(50%) rotateY(-90deg) scale(2);
        transform: translateX(50%) rotateY(-90deg) scale(2);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    100% {
        -webkit-transform: translateX(100%) rotateY(-180deg) scale(1);
        transform: translateX(100%) rotateY(-180deg) scale(1);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }
}

.main-panel .content {
    margin-top: 0;
}

.loader {
    margin: auto;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid rgb(80, 80, 80);
    border-bottom: 5px solid rgb(144, 144, 144);
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}


@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(36deg);
    }

    50% {
        -webkit-transform: rotate(108deg);
    }

    75% {
        -webkit-transform: rotate(216deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(36deg);
    }

    50% {
        transform: rotate(108deg);
    }

    75% {
        transform: rotate(216deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.qt_CustomRatingDiv {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid black;
}

.qt_question_text {
    padding-top:20px;
}

span.sv-string-viewer {

}