body {
    padding-top: 71px;
    background-position-y: 71px !important;
    padding-bottom: 71px;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.pointer{
    cursor: pointer;
}


.timer-text{
    display: block;   
}

.ans-box-radio-size {
    transform: scale(1.5) !important;
    /*border: 0px !important;
    width: 1.4vw !important;
    height: 1.4vw !important;*/
}

.sec-ans-radio-size {
    transform: scale(1.2);
   /* border: 0px !important;
    width: 1vw !important;
    height: 1vw !important;*/
}

.qmark-text {
    color: #ffc107 !important;
    font-weight: 700 !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    border: 1px solid #dee2e6 !important;
    border-color: #ffc107 !important;
    box-sizing: border-box;
    text-align: center !important;
    white-space: normal !important;
}

.qmark-svg {
    fill: #ffc107 !important;
    font-weight: 700 !important;
    padding-top: 0.25rem !important;
    border: 1px solid #dee2e6 !important;
    border-color: #ffc107 !important;
    box-sizing: border-box;
}

.center {
    text-align: center;
    list-style-position: inside;
}

/* loading overlay */
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/gif;base64,R0lGODlhFgAWAMQAAPv7+9LS0s7OzsrKysXFxcHBwbW1tbGxsa2trampqaWlpZycnJCQkIyMjIiIiICAgHd3d2dnZ////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwASACwAAAAAFgAWAAAFaaAkjiQEkWgKNWMUjYGQks4puqMgz+MqmqIYj/SwkQSBGYMxnOlEiyWrKYkhSVGq5KrtemeKxULhtQbC47Iu+W1/DQctVwQ/GLRm0SH+faYKBSlzQwUEQWxCTYA5O1uNM4WMMI9UAWw8IQAh+QQFBwASACwAAAAAEQAVAAAFSaAkjuTzkKjELCMEjU+EMkz7itFNrqLZy6lGDZUTLRKppAixWCiUSSZ0Sq2SDIeDwYrVWr9gJaFgHRfI1XOYFBCABYGvwC2PQ0MAIfkEBQcAEgAsAAAAABUAEQAABUmgJI5k05AouiAjw4wNlI7J0r4i5MzjKpo/GU+ksKEgj9ThMJxBIhLD0tDMRSJJkbQqwXK/YFRhXAiLyGWzet0MCNRuQUAteKtDACH5BAUHABIALAAAAAAWAAwAAAVEoCSOpKKQaHoY47K0TEoeR/uKTCyPq2iKC91OZKihGA1ZoTCUOSAiwpLZlDwgkORIWpVku+DwLiAQBMKQSARCNqPVkBAAIfkEBQcAEgAsAAAAABYAEQAABUqgJI6kYZBoWhDjcYzIkpJF0b7iksw0K5miGI9mQy0UM4FgOGMwRAFlgClqOGWjKFXCwG6/4PDwAYE8xCKyGc1uzyLnNiQCd88lIQAh+QQFBwASACwFAAAAEQAVAAAFSaAkikUxnqMQjOVoHKggsKZ4wPEqtdKLioEZ6mD4GY2JxRGlWCwQy9MzSq1aTw0Go2HNbq/gsATCvT4gZLADEo2wzZGwG/yIn0IAIfkEBQcAEgAsCgAAAAwAFgAABUXgEEhkaQpCSRSmhJYFawajtLZtjO/kcfAGn4F3GPKOyJ1isVDwls2klMdYIBuMKjLbgjxwEAipIW5FIiWIw4wel9PvXQgAIfkEBQcAEgAsBQABABEAFQAABUmgJI5kIJBoKpxpa7awEMD0WBS1fRO5WPC9oLBmOBwMweJxyBwuEEPF4jlMLESQSIrRaEUeogdYsmCksiMIZMQwk77ptahcE9dCACH5BAUHABIALAAABQAWABEAAAVJoCSOZEkKgqmWARqssCS8cW3fOFnsRT7yPZ/w9ojYDgZSMQKxGQ5IEdMHVT2apYXCBmmIGl4JYlFzYCUMxmiRiHVH6dE4B46FAAAh+QQJBwASACwAAAAAFgAWAAAFTKAkjmRpnmiqrmzrvnAsz7QKRRHkBoIQ3LldL1Arkhq6VYFwhEAerIKUKYE4YNJTg2E6GFiMhUihEBkOKwZXtBCLDuhUeNQenV9kVQgAIfkEBQcAEgAsAAAAABYAFgAABWmgJI7kEJBoKpyiIIzBm44uLUv1TLMBf+uSmIqFikCAs9wjYkSKYivS0okjUq9Y1AMCeWChgW3367Jmz9QFgxodqRkNKljEWGdzKMUiVSikESIGBiIEfkgJeyIHByN9SAuAioyEhleCSCEAIfkECQcAEgAsAAAAABYAFgAABU6gJI5kaZrRc64lFLGwmMasS4+Qc58NBKm7Ui9ILN4aDEbDiFQan9AVYmGcLhTGRSJKMhxMggDtYBAVCqKAIHb4mtEiwZpFHp1H6uCdFQIAOw==');
    opacity: 0.5;
    z-index: 10000;
}

.q_watermark{
    width: 100%;
    height: 100%;
    opacity: 0.08;
    z-index: 900;
    font-size: 32vw;
    position: absolute;
    top: -8.5vw;
    pointer-events: none;
}
/*#337ab7*/
.btn_special_green {
    color: rgba(255, 2555, 255, 1);
    text-decoration: none;
    background-color: #28a745;
    font-weight: 700;
    font-size: .9vw;
    padding: 6px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: inset -8px 3px 10px 5px #16752d, 0px 0px 0px 0px #197a2f, 0px 0px 0px 0px rgba(25,122,47,0.7);
    box-shadow: inset -8px 3px 10px 5px #16752d, 0px 0px 0px 0px #197a2f, 0px 0px 0px 0px rgba(25,122,47,0.7);    
    margin-top: 100px;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

    .btn_special_green.disabled, .btn_special_green:disabled {
        color: rgba(255, 2555, 255, 1);
        text-decoration: none;
        background-color: #6c757d;
        font-weight: 700;
        font-size: .9vw;
        padding: 6px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        -webkit-box-shadow: inset -8px 3px 10px 5px #535a5f, 0px 0px 0px 0px #197a2f, 0px 0px 0px 0px rgba(83, 90, 95,0.7);
        box-shadow: inset -8px 3px 10px 5px #535a5f, 0px 0px 0px 0px #197a2f, 0px 0px 0px 0px rgba(83, 90, 95,0.7);
        margin-top: 100px;
        -webkit-transition: all .1s ease;
        -moz-transition: all .1s ease;
        -o-transition: all .1s ease;
        transition: all .1s ease;
        /*background-color: #6c757d;
        border-color: #6c757d;
        font-weight: 700;
        font-size: .9vw;
        padding: 6px;
        text-decoration: none;*/
    }


.btn_special_blue {
    color: rgba(255, 2555, 255, 1);
    text-decoration: none;
    background-color: #337ab7;
    font-weight: 700;
    font-size: .9vw;
    padding: 6px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: inset -8px 3px 10px 5px #1c4263, 0px 0px 0px 0px #224f77, 0px 0px 0px 0px rgba(34,79,119,0.7);
    box-shadow: inset -8px 3px 10px 5px #1c4263, 0px 0px 0px 0px #224f77, 0px 0px 0px 0px rgba(34,79,119,0.7);
    margin-top: 100px;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}