/**

 * All of the CSS for your public-facing functionality should be

 * included in this file.

 */

.waiting-fixed.fixed-top{

    position: fixed;

    top: 0;

    width: 800px;

    background-color: red;

    color: #fff !important;

    font-weight: 600;

    z-index: 9999;

    padding: 8px;

    border-bottom-right-radius: 12px;

    border-bottom-left-radius: 12px;

}

@media only screen and (max-width: 600px){

    .waiting-fixed.fixed-top{

        width: 100%;

        left: 0px;

        top: 0px;

    }

}

.ays-quiz-container {

    box-sizing: border-box;

}

.ays-quiz-container p {

    padding: 0 10px;

    margin: 1em 0;

}

.ays-quiz-container section.ays_quiz_redirection_timer_container,

.ays-quiz-container section.ays_quiz_timer_container {

    padding-top: 5px;

}

.ays-quiz-container section.ays_quiz_redirection_timer_container hr,

.ays-quiz-container section.ays_quiz_timer_container hr{

    padding: 0px;

    margin: 0px;

    border-bottom-color: #ccc;

}



.ays-quiz-container form span {

    margin-top: 0;

    margin: 0;

}

.ays-field {

    display: flex;

	text-align: left;

    opacity: 1;

    margin-bottom: 10px;

    position: relative;



}

[id^="ays-quiz-container-"] .ays-field input[type='checkbox'],

[id^="ays-quiz-container-"] .ays-field input[type='radio']{

	display: none!important;

}

.ays-quiz-answers .ays-field input~label[for^="ays-answer-"] {

    font-weight: 600;

    color: #484848;

    margin-bottom: 0;

    width: 100%;

    height: unset;

    transition: all .3s;

    cursor: pointer;

    display: block !important;

    padding: 10px;

    word-wrap: break-word !important;

    white-space: initial !important;

    line-height: 33px;

    text-transform: initial;

    max-width: 100%;

    margin: 0!important;

    letter-spacing: unset;

}

.ays-quiz-answers .ays-field input~label.ays_answer_image_label[for^="ays-answer-"] {

    line-height: 0 !important;

}

.ays-quiz-answers .ays-field input[type="checkbox"]+label[for^="ays-answer-"] {

	margin-left: 0;

}



.ays-field.ays_list_view_item input~label:before {

	content: "";

	display: inline-block;

	background: #ddd;

	background-clip: content-box;

	width: 20px;

	height: 20px;

	border: 3px solid #ccc;

	padding: 3px 3px 3px 3px;

	box-sizing: border-box;

	transition: all .4s linear;

	vertical-align: middle;

	margin-right: 10px;

	position: unset;

}

.ays-field.ays_list_view_item input[type="radio"]~label:before {

	border-radius: 50%;

}

.ays-field.ays_list_view_item input~label:hover:before {

	background: #ddd;

	color: #ddd;

	background-clip: content-box;

}

.ays-field input~label:hover {

    opacity: 1 !important;

}



.ays-field.ays_grid_view_item input~label:before {

    content: "";

    display: inline-block;

    background: #ddd;

    background-clip: content-box;

    width: 20px;

    height: 20px;

    border: 3px solid #ccc;

    padding: 3px 3px 3px 3px;

    box-sizing: border-box;

    transition: all .4s linear;

    vertical-align: middle;

    margin-right: 10px;

    position: unset;

}



.ays-field.ays_grid_view_item input:checked~label.answered.wrong:before {

	border-color: #cc3700!important;

	background: #cc3700!important;

	background-clip: content-box!important;

}

.ays-field.ays_grid_view_item input:checked~label.answered.correct:before {

	border-color: #27ae60!important;

	background: #27ae60!important;

	background-clip: content-box!important;

}



.ays-field label.ays_position_initial,

.ays-field.ays_grid_view_item input+label {

    position: initial !important;

}



.ays_quiz_rect_light .ays-field.ays_grid_view_item label[for^="ays-answer"]:last-of-type::before,

.ays_quiz_rect_dark .ays-field.ays_grid_view_item label[for^="ays-answer"]:last-of-type::before,

.ays-field.ays_grid_view_item label[for^="ays-answer"]:last-of-type::before {

	content: none!important;

}



.ays-field.ays_grid_view_item input[type="radio"]~label:before {

    border-radius: 50%;

}



.ays-quiz-container .select2-container {

	display: block;

	width: 100%!important;

}

.ays-quiz-container .select2.select2-container .select2-selection {

    padding: 0 !important;

}

.ays-quiz-container .select2-container .select2-selection--single,

.ays-quiz-container .select2-container--default .select2-selection--single .select2-selection__rendered {

	height: 40px;

	line-height: 40px;

	font-size: 17px !important;

    width: 100%;

    color: white;

    display: inline-block;

}

.ays-quiz-container .select2-container--default,

.ays-quiz-container .select2-container--default .selection,

.ays-quiz-container .select2-container--default .select2-selection {

    display: inline-block;

    width: 100%;

    height: 40px;

}



div.ays-quiz-container[id^="ays-quiz-container-"] .select2-container--default .select2-selection {

    display: inline-block;

    width: 100%;

    height: 40px;

}



.ays-quiz-container .select2-container--default .select2-selection--single {

	background: transparent;

	border: none;

	border-radius: unset;

}

.ays-quiz-container .select2-container--default .select2-selection--single:focus {

	outline: none;

	box-shadow: none;

}

.ays-quiz-container .select2-container .select2-selection--single .select2-selection__arrow b[role="presentation"] {

	border: none;

}

.ays-quiz-container .select2-container--default .select2-selection--single .select2-selection__arrow {

	top: 0;

	right: 10px;

    color: #fff;

}



div.ays-quiz-container[id^="ays-quiz-container-"] .select2-container--default .select2-selection--single .select2-selection__arrow {

	height: 26px;

    top: 1px;

    right: 10px;

    transform: unset;

}



div.ays-quiz-container[id^="ays-quiz-container-"] .select2-container--default .select2-selection--single .select2-selection__arrow b {

    display: inline-block;

}





[id^="ays-quiz-container-"] * {

	box-sizing: border-box;

    word-wrap: break-word;

}





div.ays-quiz-wrap {

    max-width: 100%;

    width: 100%;

}



div.ays-quiz-container[id^="ays-quiz-container-"] p:empty{

	display: none;

}



div.ays-quiz-container[id^="ays-quiz-container-"] {

	width: 96%;

    min-width: 200px;

    max-width: 96%;

	margin: 20px auto;

	text-align: center;

	background: white;

	border: 0 none;

	border-radius: 3px;

	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);

	box-sizing: border-box;

	position: relative;

    padding-bottom: 60px;

    transition: .5s ease;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

}

form[id^="ays_finish_quiz_"] {

	background-color: initial !important;

}



[id^="ays-quiz-container-"] iframe {

    width: 100% !important;

    height: 100% !important;

}



[id^="ays_finish_quiz_"] div.step {

	display: flex;

	justify-content:  center;

	align-items:  center;

	border: 0 none;

	width: 100%;

	position: relative;

    padding-top: 45px;

    z-index: 999;

}



[id^="ays_finish_quiz_"] > div.step:first-of-type {

    background-color: transparent !important;

    border: none !important;

}

[id^="ays_finish_quiz_"] > div.step.ays_thank_you_fs {

    padding-top: 0px !important;

}

[id^="ays_finish_quiz_"] > div.step.ays_thank_you_fs .ays-abs-fs.ays-end-page {

    margin-top: 0px !important;

}



[id^="ays_finish_quiz_"] div.step div.ays-image-question-img{

	margin-bottom: 15px;

}



[id^="ays_finish_quiz_"] div.step div.ays-abs-fs {

	width: 90%;

	position: relative;

}



/*Hide all except first div.step*/



[id^="ays_finish_quiz_"] div.step:not(:first-of-type) {

	display: none;

}



/*inputs*/



div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=search],

div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=tel],

div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=time],

div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=url],

div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=password],

div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=date],

div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=datetime],

div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=datetime-local],

div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=email],

div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type=number],

div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] input[type="text"],

div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] textarea,

div.ays-quiz-container[id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] select {

	padding: 15px;

	border: 1px solid #ccc;

	border-radius: 3px!important;

	margin-bottom: 10px;

	width: 100%;

	box-sizing: border-box;

	color: #2C3E50;

	font-size: 13px;

	height: auto;

    background: #fff;

}



[id^="ays_finish_quiz_"] textarea {

    background-color: rgba(255, 255, 255, 0.7);

}



div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=search]:focus,

div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=tel]:focus,

div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=time]:focus,

div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=url]:focus,

div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=password]:focus,

div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=date]:focus,

div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=datetime]:focus,

div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=datetime-local]:focus,

div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=email]:focus,

div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=number],:focus

div.ays-quiz-container[id^="ays_finish_quiz_"] input[type="text"]:focus,

div.ays-quiz-container[id^="ays_finish_quiz_"] textarea:focus {

	border-color: unset;

}



div.ays-quiz-container[id^="ays-quiz-container-"] input[type=button]:hover,

div.ays-quiz-container[id^="ays-quiz-container-"] input[type=search]:hover,

div.ays-quiz-container[id^="ays-quiz-container-"] input[type=tel]:hover,

div.ays-quiz-container[id^="ays-quiz-container-"] input[type=time]:hover,

div.ays-quiz-container[id^="ays-quiz-container-"] input[type=url]:hover,

div.ays-quiz-container[id^="ays-quiz-container-"] input[type=password]:hover,

div.ays-quiz-container[id^="ays-quiz-container-"] input[type=date]:hover,

div.ays-quiz-container[id^="ays-quiz-container-"] input[type=datetime]:hover,

div.ays-quiz-container[id^="ays-quiz-container-"] input[type=datetime-local]:hover,

div.ays-quiz-container[id^="ays-quiz-container-"] input[type=email]:hover,

div.ays-quiz-container[id^="ays-quiz-container-"] input[type=number]:hover,

div.ays-quiz-container[id^="ays-quiz-container-"] input[type="text"]:hover,

div.ays-quiz-container[id^="ays-quiz-container-"] textarea:hover {

    transform: unset;

    -o-transform: unset;

    -moz-transform: unset;

    -webkit-transform: unset;

}



div.ays-quiz-container[id^="ays-quiz-container-"] .information_form label[for^="ays_form_field"] {

    text-align: left;

    display: block;

    cursor: pointer;

}



/*buttons*/



[id^="ays_finish_quiz_"] .action-button {

    display: inline-block;

    height: initial !important;

	width:auto;

	font-weight: bold;

	border: 0 none;

	cursor: pointer;

	margin: 10px 5px;

    line-height: 1;

    text-transform: initial !important;

    max-width: 100%;

    min-width: fit-content;

    box-shadow: unset;

    text-align: center;

}



[id^="ays_finish_quiz_"] .action-button.start_button {

	padding: 10px 20px;

}



[id^="ays_finish_quiz_"] .action-button:disabled:hover,

[id^="ays_finish_quiz_"] .action-button:disabled:focus,

[id^="ays_finish_quiz_"] .action-button:disabled {

	outline: none !important;

    background-color: #aaa !important;

    box-shadow: none !important;

    text-decoration: none !important;

    cursor: default !important;

}





[id^="ays_finish_quiz_"] i.ays_early_finish.action-button[disabled]:hover,

[id^="ays_finish_quiz_"] i.ays_early_finish.action-button[disabled]:focus,

[id^="ays_finish_quiz_"] i.ays_early_finish.action-button[disabled],

[id^="ays_finish_quiz_"] i.ays_arrow.action-button[disabled]:hover,

[id^="ays_finish_quiz_"] i.ays_arrow.action-button[disabled]:focus,

[id^="ays_finish_quiz_"] i.ays_arrow.action-button[disabled] {

	outline: none !important;

    box-shadow: none !important;

    text-decoration: none !important;

    cursor: default !important;

    color: #aaa !important;

    pointer-events: none !important;

}



[id^="ays_finish_quiz_"] .action-button.ays_finish {

    margin: 10px 5px;

}





/*headings*/



[id^="ays_finish_quiz_"] .ays-fs-title {

	font-size: 21px;

	text-transform: uppercase;

	color: #2C3E50;

	margin-bottom: 10px;

    text-align: center !important;

}

[id^="ays_finish_quiz_"] .ays-fs-subtitle {

	font-weight: normal;

	font-size: 17px;

	color: #666;

	margin-bottom: 20px;

}

.ays-quiz-container .select2-container .select2-dropdown {

	margin: 0;

    max-width: unset;

}

.ays-quiz-container .select2-dropdown input.select2-search__field {

    border-radius: 0px!important;

}

.ays-quiz-container .select2-container--default .select2-results__option--highlighted[aria-selected] {

	color: #fff !important;

}

.ays-quiz-container .select2-container--default .select2-results__option[aria-selected="true"] {

	background-color: #aaa;

}

.ays-quiz-container .select2-container--default .select2-results>.select2-results__options {

    max-height: calc( 100vh / 3 );

    margin: 0!important;

    padding: 0!important;

}

.ays-quiz-container .select2-container--default .select2-results__option {

	list-style-type: none;

    text-align: left;

	color: #000 !important;

    margin: 0!important;

}

.ays-quiz-container .select2-container.select2-container--default.select2-container--open {

    z-index: 99999;

}

.ays-quiz-container .select2-container.select2-container--default.select2-container--open .select2-dropdown--below{

    animation: fadeInUp;

    animation-duration: .3s !important;

    max-width: unset;

}

.ays-quiz-container .select2-container--default .select2-selection--single .select2-selection__arrow{

    display: inline-block;

    height: 26px;

}



[id^="ays_finish_quiz_"] p.ays_message{

	font-size: 20px;

}



[id^="ays_finish_quiz_"] p.ays_score.ays_score_percent{

	font-size: 18px;

}

/*



.ays-bar-wrap {

	-moz-border-radius: 10px 10px 10px 10px;

	-webkit-border-radius: 10px 10px 10px 10px;

	-ms-border-radius: 10px 10px 10px 10px;

	border-radius: 10px 10px 10px 10px;

	margin-bottom: 10px;

    padding: 0px;

}



.ays-bar-fill {

	-moz-border-radius: 10px 10px 10px 10px;

	-webkit-border-radius: 10px 10px 10px 10px;

	-ms-border-radius: 10px 10px 10px 10px;

	border-radius: 10px 10px 10px 10px;

	-moz-animation: bar-fill 1s;

	-webkit-animation: bar-fill 1s;

	-ms-animation: bar-fill 1s;

	animation: bar-fill 1s;

	display: block;

	height: 15px;

	width: 0px;

    margin: 0px;

    padding: 0px;

    font-size: 12px;

    line-height: 15px !important;

    white-space: nowrap;

}

*/



div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-social-shares{

	margin: 15px 0;

	text-align: center;

}



div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-share-btn-icon {

	font-family: FontAwesome;

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	/* Better Font Rendering =========== */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

    font-size: 14px;

}



.ays-share-btn-linkedin .ays-quiz-share-btn-icon:before {

	content: "\f08c";

}

.ays-share-btn-facebook .ays-quiz-share-btn-icon:before {

	content: "\f082";

}

.ays-share-btn-twitter .ays-quiz-share-btn-icon:before {

	/* content: "\f081"; */

}





.ays-share-btn-email .ays-quiz-share-btn-icon:before {

	content: "\e945";

}

.ays-share-btn-more .ays-quiz-share-btn-icon:before {

	content: "\ea82";

}

.ays-share-btn-googleplus .ays-quiz-share-btn-icon:before {

	content: "\ea88";

}

.ays-share-btn-github .ays-quiz-share-btn-icon:before {

	content: "\eab4";

}

.ays-share-btn-tumblr .ays-quiz-share-btn-icon:before {

	content: "\eabb";

}

.ays-share-btn-reddit .ays-quiz-share-btn-icon:before {

	content: "\eac7";

}

.ays-share-btn-delicious .ays-quiz-share-btn-icon:before {

	content: "\eacc";

}

.ays-share-btn-stumbleupon .ays-quiz-share-btn-icon:before {

	content: "\eace";

}

.ays-share-btn-pinterest .ays-quiz-share-btn-icon:before {

	content: "\ead0";

}

.ays-share-btn-vkontakte .ays-quiz-share-btn-icon:before {

	content: "\f189";

}

.ays-share-btn-instagram .ays-quiz-share-btn-icon:before {

	content:"\f16d";

}

.ays-share-btn-youtube .ays-quiz-share-btn-icon:before {

	content:"\f16a";

}

.ays-share-btn-behance .ays-quiz-share-btn-icon:before {

	content:"\f1b4";

}



.ays-share-btn,

.ays-share-btn * {

	box-sizing: border-box;

}

.ays-share-btn,

.ays-share-btn *,

.ays-share-btn *:before,

.ays-share-btn *:after {

	box-sizing: border-box;

}

div.ays-quiz-container[id^="ays-quiz-container-"] .ays-share-btn {

	position: relative;

	display: inline-block;

	height: 24px;

	margin: 0;

	padding: 2px 8px;

	line-height: 1.53;

	letter-spacing: .04em;

	vertical-align: top;

	font-size: 12px;

	font-weight: bold;

	font-family: "Helvetica Neue", Arial, sans-serif;

	color: #111;

	background: #e0e0e0;

	border: 1px solid #c7c7c7;

	border-radius: 2px;

	text-decoration: none;

	transition: all 0.2s ease;

}

.ays-share-btn:hover,

.ays-share-btn:focus {

	background: #d3d3d3;

	border-color: #bababa;

	text-decoration: none !important;

	color: #111;

}

.ays-share-btn:active {

	background: #c7c7c7;

	border-color: #adadad;

	text-decoration: none;

	color: #111;

}

.ays-share-btn.ays-share-btn-sm {

	height: 20px;

	font-size: 10px;

	padding: 0 8px;

	line-height: 1.6;

}

.ays-share-btn.ays-share-btn-lg {

	height: 28px;

	font-size: 16px;

	line-height: 1.4;

}

.ays-share-btn .ays-share-btn-text-sr {

	position: absolute;

	width: 1px;

	height: 1px;

	padding: 0;

	margin: -1px;

	overflow: hidden;

	clip: rect(0, 0, 0, 0);

	border: 0;

}

.ays-share-btn.ays-share-btn-branded {

	color: #fff;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter {

	background: #000000 !important;

	border-color: #000000 !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter:hover,

.ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter:focus {

	background: #000000 !important;

	border-color: #000000 !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter:active {

	background: #000000 !important;

	border-color: #000000 !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook {

	background: #3b5998 !important;

	border-color: #344e86 !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook:hover,

.ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook:focus {

	background: #344e86 !important;

	border-color: #2d4373 !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook:active {

	background: #2d4373 !important;

	border-color: #263961 !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte {

	background: #486c91 !important;

	border-color: #4b719a !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte:hover,

.ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte:focus {

	background: #2a6098 !important;

	border-color: #4b719a !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte:active {

	background: #4b719a !important;

	border-color: #4b719a !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram {

	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important;

	border-color: #8d3bbf !important;



	border: 0;

    display: inline-block;

    padding-top: 0;

    padding-bottom: 0;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram:hover,

.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram:focus {

	background: radial-gradient(circle at 30% 107%, #fff37b 0%, #f5e96a 5%, #f83926 45%,#d61299 60%,#0e48f0 90%) !important;

	border-color: #8d3bbf !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram:active {

	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important;

	border-color: #8d3bbf !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram .ays-quiz-share-btn-icon {

	/*line-height: 24px;*/

    padding: 0;

    margin: 0;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube {

	background: #fff !important;

	border-color: #fff !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube:hover,

.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube:focus {

	background: #ffffffd1 !important;

	border-color: #ffffffd1 !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube:active {

	background: #ffffffd1 !important;

	border-color: #ffffffd1 !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube .ays-quiz-share-btn-icon {

	color: #FF0000;

}



.ays-share-btn.ays-share-btn-branded.ays-share-btn-behance {

	background: #000B1D !important;

	border-color: #000B1D !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-behance:hover,

.ays-share-btn.ays-share-btn-branded.ays-share-btn-behance:focus {

	background: #000206 !important;

	border-color: #000206 !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-behance:active {

	background: #000206 !important;

	border-color: #000206 !important;

}





.ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus {

	background: #dd4b39;

	color: #fff;

	border-color: #d73925;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus:hover,

.ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus:focus {

	background: #d73925;

	border-color: #c23321;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus:active {

	background: #c23321;

	border-color: #ac2d1e;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr {

	background: #35465c;

	color: #fff;

	border-color: #2c3a4c;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr:hover,

.ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr:focus {

	background: #2c3a4c;

	border-color: #222d3c;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr:active {

	background: #222d3c;

	border-color: #19212b;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit {

	background: #ff4500;

	color: #fff;

	border-color: #e63e00;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit:hover,

.ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit:focus {

	background: #e63e00;

	border-color: #cc3700;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit:active {

	background: #cc3700;

	border-color: #b33000;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin {

	background: #0976b4 !important;

	color: #fff !important;

	border-color: #08669c !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin:hover,

.ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin:focus {

	background: #08669c !important;

	border-color: #075683 !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin:active {

	background: #075683 !important;

	border-color: #05466b !important;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious {

	background: #3399ff;

	color: #fff;

	border-color: #198cff;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious:hover,

.ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious:focus {

	background: #198cff;

	border-color: #007fff;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious:active {

	background: #007fff;

	border-color: #0073e5;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon {

	background: #eb4924;

	color: #fff;

	border-color: #e13b15;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon:hover,

.ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon:focus {

	background: #e13b15;

	border-color: #ca3412;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon:active {

	background: #ca3412;

	border-color: #b22e10;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest {

	background: #cc2127;

	color: #fff;

	border-color: #b61d23;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest:hover,

.ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest:focus {

	background: #b61d23;

	border-color: #a01a1f;

}

.ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest:active {

	background: #a01a1f;

	border-color: #8a161a;

}

.ays-share-btn.ays-share-btn-inverse {

	color: #eeeeee;

	background: #1f1f1f;

	border-color: #050505;

}

.ays-share-btn.ays-share-btn-inverse:hover,

.ays-share-btn.ays-share-btn-inverse:focus {

	background: #121212;

	border-color: #000000;

	color: #eeeeee;

}

.ays-share-btn.ays-share-btn-inverse:active {

	background: #050505;

	border-color: #000000;

	color: #eeeeee;

}

.ays-share-btn.ays-share-btn-twitter .ays-quiz-share-btn-icon,

.ays-share-btn.ays-share-btn-googleplus .ays-quiz-share-btn-icon,

.ays-share-btn.ays-share-btn-tumblr .ays-quiz-share-btn-icon,

.ays-share-btn.ays-share-btn-linkedin .ays-quiz-share-btn-icon,

.ays-share-btn.ays-share-btn-pinterest .ays-quiz-share-btn-icon,

.ays-share-btn.ays-share-btn-stumbleupon .ays-quiz-share-btn-icon,

.ays-share-btn.ays-share-btn-delicious .ays-quiz-share-btn-icon,

.ays-share-btn.ays-share-btn-more .ays-quiz-share-btn-icon {

	position: relative;

	top: 1px;

}

@-moz-document url-prefix() {

	.ays-share-btn.ays-share-btn-twitter .ays-quiz-share-btn-icon,

	.ays-share-btn.ays-share-btn-googleplus .ays-quiz-share-btn-icon,

	.ays-share-btn.ays-share-btn-tumblr .ays-quiz-share-btn-icon,

	.ays-share-btn.ays-share-btn-linkedin .ays-quiz-share-btn-icon,

	.ays-share-btn.ays-share-btn-pinterest .ays-quiz-share-btn-icon,

	.ays-share-btn.ays-share-btn-stumbleupon .ays-quiz-share-btn-icon,

	.ays-share-btn.ays-share-btn-delicious .ays-quiz-share-btn-icon,

	.ays-share-btn.ays-share-btn-more .ays-quiz-share-btn-icon {

		top: 0;

	}

}

.ays-share-btn.ays-share-btn-more.ays-share-btn-lg .ays-quiz-share-btn-icon {

	top: 2px;

}

.ays-share-btn .ays-share-btn-text {

	padding-left: 2px;

}



.ays-question-counter{

	position: absolute;

	right: 8px;

	top: 0px;

	color: rgba(0,0,0,.6);

    margin: 1em 0;

    text-align: right;

}



.ays-answer-image:hover{

	cursor: pointer;

}

.ays_answer_select_image,

.ays-answer-image {

    height: 100%;

    min-width: 100px;

    max-width: 100%;

    object-fit: cover;

    object-position: center center;

}

.ays-answer-image {

	width: 100%;

}

.ays-quiz-container .select2-results__options .select2-results__option span {

    display: flex;

    align-items: center;

    word-wrap: break-word;

}

.ays-quiz-container .select2-results__options .select2-results__option .ays_answer_select_image {

    width: 150px;

    height: 100px;

    display: inline-block;

    margin-right: 15px;

}

.ays_feedback_button_div,

.ays_buttons_div{

	display: flex;

	margin-top: 15px;

	margin-bottom: 15px;

    flex-wrap: wrap;

}

.ays_feedback_button_div {

	justify-content: center !important;

}

.ays_buttons_div input {

	height: 40px;

}



.ays_quiz_flash_card_main_container .display_none,

.ays-quiz-container .ays_display_none{

	display: none !important;

}

.active-step{

/*

	-webkit-transform: scale(1) !important;

	-moz-transform: scale(1) !important;

	-ms-transform: scale(1) !important;

	-o-transform: scale(1) !important;

	transform: scale(1) !important;

*/

}

.ays_red_border{

	border-color:red !important;

}

.ays_green_border{

	border-color:green !important;

}

input[type="checkbox"].ays_red_border{

	box-shadow: 0px 0px 10px red !important;

}

input[type="checkbox"].ays_green_border{

	box-shadow: 0px 0px 10px green !important;

}

.ays_arrow{

	background: none !important;

	font-size: 40px !important;

}

.ays_arrow:hover{

	box-shadow:none !important;

	transform: scale(1.1);

}





@keyframes bar-fill {

	0% {

		width: 0;

	}

}

@-webkit-keyframes bar-fill {

	0% {

		width: 0;

	}

}

@-moz-keyframes bar-fill {

	0% {

		width: 0;

	}

}

@-o-keyframes bar-fill {

	0% {

		width: 0;

	}

}

.ays-field.ays_list_view_item input+label.answered::after,

.ays-field.ays_grid_view_item label.answered::after{

	content: '';

	display: inline-block;

	width: 30px;

	height: 30px;

	vertical-align: middle;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	margin-left: 5px;

	position: unset;

}



.ays-field input~label.answered.correct::after{

	content: url('../images/correct.png');

}



.ays-field input~label.answered.wrong::after{

	content: url('../images/wrong.png');

}

.ays-field label.answered {

	position: relative;

}

.ays-field label.answered.correct:last-of-type::after,

.ays-field label.answered.wrong:last-of-type::after{

	position: absolute;

}

.ays-field input~label.ays_without_after_content.answered::after {

	content: none!important;

}

.ays-field.ays_list_view_item input:checked~label.answered.wrong:before {

	border-color: #cc3700!important;

	background: #cc3700!important;

	background-clip: content-box!important;

}

.ays-field.ays_list_view_item input:checked~label.answered.correct:before {

	border-color: #27ae60!important;

	background: #27ae60!important;

	background-clip: content-box!important;

}



.ays-field label.ays_position_initial,

.ays-field.ays_list_view_item input+label {

    position: initial !important;

}

.ays_quiz_rect_light .ays-field.ays_list_view_item label[for^="ays-answer"]:last-of-type::before,

.ays_quiz_rect_dark .ays-field.ays_list_view_item label[for^="ays-answer"]:last-of-type::before,

.ays-field.ays_list_view_item label[for^="ays-answer"]:last-of-type::before {

	content: none!important;

}

.ays-field input:checked+label.answered.correct:before{

    background-color: #1cbf8b;

}



.ays_question_result{

	pointer-events: none;

	opacity: 1 !important;

	display: flex !important;

	position:static !important;

	/* min-height: 0 !important; */   /* tid=29821 */

	transform: scale(1) !important;

}



.ays-quiz-container .ays-loader{

	display: none;

}

.lds-ellipsis {

	display: inline-block;

	position: relative;

	width: 64px;

	height: 64px;

}

.lds-ellipsis div {

	position: absolute;

	top: 27px;

	width: 11px;

	height: 11px;

	border-radius: 50%;

	animation-timing-function: cubic-bezier(0, 1, 1, 0);

}

.lds-ellipsis div:nth-child(1) {

	left: 6px;

	animation: lds-ellipsis1 infinite;

	animation-duration: 0.6s !important;

}

.lds-ellipsis div:nth-child(2) {

	left: 6px;

	animation: lds-ellipsis2 infinite;

	animation-duration: 0.6s !important;

}

.lds-ellipsis div:nth-child(3) {

	left: 26px;

	animation: lds-ellipsis2 infinite;

	animation-duration: 0.6s !important;

}

.lds-ellipsis div:nth-child(4) {

	left: 45px;

	animation: lds-ellipsis3 infinite;

	animation-duration: 0.6s !important;

}

.ays_grid_view_container {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: flex-start;

}

.ays_grid_view_item{

    width: calc(50% - 5px);

}

.ays_grid_view_item:nth-child(odd) {

	margin-right: 5px;

}

.ays-quiz-redirection-timer,

.ays-quiz-timer {

    margin: 0 !important;

}

.ays-quiz-after-timer {

    display: none;

    margin: 0 !important;

}



.ays-quiz-question-waiting-time-box{

	position: absolute;

    margin-left: auto;

    margin-right: auto;

    top: 10px;

    left: 0;

    right: 0;

    text-align: center;

}



.ays_question_hint_container {

	position: absolute;

	top: 10px;

	left: 10px;

	z-index: 999;

}



.ays_question_hint_container button.ays_question_hint {

    font-size: 20px;

    cursor: pointer;

}

.ays_question_hint_container p.ays_question_hint {

    font-size: 20px;

    cursor: pointer;

    margin: 0;

}

.ays_question_hint_container i.ays_question_hint {

    font-size: 20px !important;

    cursor: pointer;

}

.ays_question_hint_container .ays_question_hint_text {

	visibility: hidden;

    max-width: 270px;

    width: max-content;

	/*color: #fff;*/

	text-align: center;

	border-radius: 6px;

	padding: 5px 0;

	position: absolute;

    z-index: 999;

    top: 0;

	left: unset;

	margin-left: 15px;

	opacity: 0;

	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);

	transition: opacity 0.5s;

}



.ays_question_hint_container .ays_question_hint_text.show_hint {

	visibility: visible;

    opacity: 1;

    z-index: 1000;

}



.ays-export-quiz-button-container .ays-export-quiz-button-more-box {

    display: none;

	position: absolute;

    top: 25px;

    right: 0px;

    z-index: 1000;

    /*float: left;*/

    min-width: 10rem;

    max-width: 190px;

    padding: .5rem 0;

    margin: .125rem 0 0;

    font-size: 1rem;

    color: #212529;

    text-align: left;

    list-style: none;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, .15);

    border-radius: .25rem;

    outline: none;

    border: 0;

    box-shadow: 0.025px 0.025px 1px 1px rgb(0 0 0 / 20%), 0px 2px 1px 0px rgb(0 0 0 / 14%), 0px 2px 5px 0 rgb(0 0 0 / 12%);

    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);

    will-change: transform;

}



.ays-export-quiz-button-container .ays-export-quiz-button-more-box.show-more-buttons {

	display: block;

	visibility: visible;

    opacity: 1;

    z-index: 1000;

}



.ays-export-quiz-button-container .ays-export-quiz-button-more-icon-box {

    cursor: pointer;

}



.ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item {

	display: block;

    width: 100%;

    padding: .25rem 1.5rem;

    clear: both;

    font-weight: 400;

    color: #212529;

    text-align: inherit;

    white-space: nowrap;

    background-color: transparent;

    border: 0;

}



.ays_question_result .ays_question_hint{

	display: none;

}

.ays_average{

	display: none;

}

.ays_quiz_form_input{

	display: block !important;

}

.ays-quiz-container *:after{

	content: none;

}

.ays-quiz-container .ays-image-question-img img{

	width:100%;

	max-width:100%;

}

.ays-quiz-container .ays-field label:last-child{

    overflow: hidden;

}

.ays-quiz-container .ays-field input ~ label[for^="ays-answer"]:empty{

	display: none !important;

	padding: 0px !important;

}

.ays-quiz-container .ays-field input ~ label[for^="ays-answer"].ays_empty_before_content::before,

.ays-quiz-container .ays-field input:checked ~ label[for^="ays-answer"].ays_empty_before_content::before {

	content: none !important;

}

.ays-field label.ays_answer_image {

    overflow: hidden;

    border-radius: 0;

    margin: 0;

    padding: 0;

    line-height: 0 !important;

}





.ays-quiz-container{

	max-width: 100%;

}



.ays_empty_before_content:before{

	content: none !important;

}

.ays_score_display_none{

	display:none;

}



.ays-quiz-container .disable_social_buttons{

	display: none;

}

.ays-quiz-container	.ays_quiz_image{

	max-width: 100%;

    margin: auto;

}

.ays-form-title{

	margin-bottom: 20px;

	font-size: 20px;

    text-align: inherit;

}

.ays-quiz-container .ays-field.ays-select-field {

    padding: 0;

    width: 100% !important;

}

.ays-quiz-container .ays-field.ays-text-field {

    padding: 5px;

    width: 100% !important;

    display: flex;

    flex-wrap: nowrap !important;

    flex-direction: row !important;

    margin-bottom: 20px;

    align-items: stretch;

}



.ays-quiz-container .ays-matching-field {

    width: 100%;

}



.ays-quiz-container .ays-field.ays-matching-field-option {

    padding: 0;

	flex-direction: row !important;

	justify-content: space-between;

	align-items: center;

}

.ays-quiz-container .ays-field.ays-matching-field-option:hover {

	background-color: initial !important;

	color: initial !important;

	transition: none !important;

}

.ays-quiz-container .ays-field.ays-matching-field-option .ays-matching-field-choice {

    flex: 50%;

	padding-left: 10px;

}

.ays-quiz-container .ays-field.ays-matching-field-option .ays-matching-field-match {

    flex: 50%;

    max-width: 50%;

}





.ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="text"],

.ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="number"] {

    padding: 10px;

    margin: 5px;

    text-indent: 10px;

    outline: 0;

    transition: .8s ease;

    color: #000 !important;

    background-color: #fff;

    background-image: unset;

}



.ays-quiz-container .ays-field.ays-text-field input.ays-text-input ~ button.ays_check_answer {

    margin-right: 0 !important;

}

.ays-quiz-container .ays-field.ays-text-field textarea.ays-text-input{

    padding: 10px;

    margin: 5px;

    text-indent: 10px;

    outline: 0;

    transition: .8s ease;

    height: 100px;

    resize: none;

    color: #000 !important;

    background-color: #fff;

    min-height: 100px;

    background-image: unset;

}

.ays-quiz-container .ays-field.ays-text-field input.ays-text-input{

    padding: 10px;

/*    margin-right: 5px;*/

    margin-bottom: 0;

    text-indent: 10px;

    outline: 0;

    transition: .8s ease;

    color: #000 !important;

    background-image: unset;

    max-width: 100%;

    margin-top: 0;

    margin: 0;

}

.ays-quiz-container .ays-quiz-answers div.ays-text-right-answer {

    display: none;

    width: 100%;

    border: 1px solid #ccc;

    padding: 10px;

    border-radius: 4px;

    color: #ddd;

    background: rgba(39,174,96,0.5);

}

.ays_quiz_question {

    word-wrap: break-word;

}

.ays-quiz-container .ays-field.ays-text-field textarea.ays-text-input ~ button.ays_check_answer {

    margin: 5px !important;

    margin-left: 0 !important;

}



.ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="text"] ~ button.ays_check_answer,

.ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="number"] ~ button.ays_check_answer {

    margin: 5px !important;

    margin-left: 0 !important;

}



.ays-quiz-container .ays-field.ays-text-field button.ays_check_answer{

    margin: 0 !important;

    margin-right: 5px !important;

    margin-left: 5px !important;

    width: auto !important;

    max-width: 100px;

    white-space: initial !important;

    word-wrap: break-word;

    word-break: initial !important;

}

.ays-quiz-container .ays-field{

	word-break: break-all;

}



.ays-live-bar-wrap {

    box-sizing: border-box;

    position: absolute;

    height: 15px;

    top: -15px;

    border: none;

    width: 100%;

    background-color: transparent;

    display: none;

}

.ays-live-bar-fill{

    height: 100%;

    border-bottom: 2px solid rgb(0, 0, 0);

}

.ays-live-bar-fill>span {

    line-height: 15px !important;

    text-align: right !important;

    white-space: nowrap;

}

.ays-live-bar-fill span {

    text-align: right;

    display: block;

    height: 100%;

    color: inherit;

    font-size: 11px;

}



div.ays-live-second-wrap{

	background-color: black;

}



div.ays-live-second{

	border-bottom: unset !important;

}



div.ays-live-third-wrap{

	background-color: black;

}



div.ays-live-third{

	border-bottom: unset !important;

	border-radius: inherit;

}



div.ays-live-third::after {

	content: "";

	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;

	background-size: 40px 40px;

    width: inherit;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}



@keyframes ays_progress_live_bar {

    0% {

        background-position: 0 0;

    }

    100% {

        background-position: -40px 0;

    }

}



div.ays-live-fourth-wrap{

	background-color: black;

}



div.ays-live-fourth{

	border-bottom: unset !important;

	border-radius: inherit;

}



div.ays-live-fourth::before {

	content: "";

	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;

	background-size: 40px 40px;

    width: inherit;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    animation: ays_progress_live_bar linear infinite;

    animation-duration: 0.8s;

}







.ays_quiz_reports {

    display: flex;

    position: absolute;

    bottom: 0;

    justify-content: space-between;

    align-items: stretch;

    left: 0;

    width: 100%;

}

.ays_quiz_reports .ays_quiz_rete_avg {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

    width: 80%;

    position: relative;

    bottom: unset;

    left: unset;

    padding: 5px 8px;

    border-radius: 0px; 

    font-size: 12px;

    font-weight: 600;

}

.ays_quiz_reports .ays_quiz_rete_avg span {

    display: inline-block;

}

.ays_quiz_reports .ays_quizn_ancnoxneri_qanak i {

    margin-right: 4px;

    font-style: initial !important;

}

.ays_quiz_reports .ays_quizn_ancnoxneri_qanak {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    position: relative; 

    bottom: unset; 

    right: unset; 

    padding: 5px 20px; 

    border-radius: 0px; 

    font-weight: bold;

    font-size: 14px;

    width: 20%;

    text-align: right;

    padding: 5px 8px;

    white-space: nowrap;

}



.ays_quizn_ancnoxneri_qanak i {

    font-style: initial !important;

}

.ays_quizn_ancnoxneri_qanak {

    display: block;

    position: absolute;

    bottom: 0;

    right: 0;

    padding: 5px 20px;

    border-radius: 4px 0px 0px 0px;

    font-weight: bold

}



.ays_quiz_rete_avg i.icon {

    font-size: 12px;

}

.ays_quiz_rete_avg {

    display: block;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

    width: fit-content;

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 5px 8px;

    border-radius: 0px 4px 0px 0px;

    font-size: 12px;

    font-weight: 600;

}

div.ays-quiz-container[id^="ays-quiz-container-"] .ays_quiz_rete {

    display: none;

    margin-bottom: 10px;

    padding: 0px;

    font-size: 12px;

    font-weight: 600;

    text-align: center;

}

.ays_quiz_rete .for_quiz_rate {

    margin-bottom: 15px;

}

.ays_quiz_rete .for_quiz_rate_reason {

    display: none;

    margin-bottom: 20px;

}

.ays_quiz_rete .for_quiz_rate_reason textarea.quiz_rate_reason {

    width: 100%;

    height: 150px;

    resize: vertical;

    background: #fff;

    padding: 15px;

}

.ays_quiz_rete .for_quiz_rate_reason .ays_feedback_button_div {

    justify-content: flex-end;

}

.ays_quiz_rete .for_quiz_rate_reason .ays_feedback_button_div .action-button{

    max-width: fit-content;

    height: 40px;

}

.ays_quiz_rete .quiz_rate_more_review,

.ays_quiz_rete .quiz_rate_reasons_container {

    display: none;

}

.ays_quiz_rete .quiz_rate_reasons_container .quiz_rate_reasons {

    margin-bottom: 15px;

}

.ays_quiz_rete .quiz_rate_reasons_container .quiz_rate_reasons blockquote {

    text-align: left;

}

.ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link {

    cursor: pointer;

}

div.ays-quiz-container[id^="ays-quiz-container-"] .ays_quiz_rete .ays-quiz-rate-link-box {

	text-align: center;

}



@keyframes lds-ellipsis1 {

	0% {

		transform: scale(0);

	}

	100% {

		transform: scale(1);

	}

}

@keyframes lds-ellipsis3 {

	0% {

		transform: scale(1);

	}

	100% {

		transform: scale(0);

	}

}

@keyframes lds-ellipsis2 {

	0% {

		transform: translate(0, 0);

	}

	100% {

		transform: translate(19px, 0);

	}

}



/*

 *  Font awsome icons style

 */



.ays-quiz-container[id^="ays-quiz-container"] .ays_fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-family: FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}

.ays_fa_flag_checkered::before {

    content: "\f11e";

    font-weight: 900;

}

.ays_fa_arrow_left::before {

    content: "\f060";

    font-weight: 900;

}

.ays_fa_arrow_right::before {

    content: "\f061";

    font-weight: 900;

}

.ays_fa_info_circle::before {

    content: "\f05a";

    font-weight: 900;

}

.ays_fa_chevron_up::before {

    content: "\f077";

    font-weight: 900;

}

.ays_fa_chevron_down::before {

    content: "\f078";

    font-weight: 900;

}

.ays_fa_eye::before {

    content: '\f06e';

    font-weight: 400;

}

.ays_fa_users::before {

    content: '\f0c0';

    font-weight: 400;

}

.ays_fa_square_o::before {

    content: "\f096";

    font-weight: 900;

}

.ays_fa_check_square_o::before {

    content: "\f046";

    font-weight: 900;

}

.ays_fa_star::before {

    content: "\f005";

    font-weight: 400;

}

.ays_fa_star_o::before {

    content: "\f006";

    font-weight: 400;

}

.ays_fa_user::before {

    content: "\f007";

    font-weight: 400;

}

.ays_fa_clock_o::before {

    content: "\f017";

    font-weight: 400;

}

.ays_fa_undo::before {

    content: "\f0e2";

    font-weight: 400;

}

.ays_fa_volume_up::before {

    content: "\f028";

    font-weight: 400;

}

.ays_fa_volume_off::before {

    content: "\f026";

    font-weight: 400;

}

.ays_fa_sign_out::before {

    content: "\f08b";

    font-weight: 400;

}



.ays_fa_play::before {

    content: "\f04b";

    font-weight: 400;

}

.ays_fa_play_circle::before {

    content: "\f144";

    font-weight: 400;

}

.ays_fa_play_circle_o::before {

    content: "\f01d";

    font-weight: 400;

}



.ays_fa_pause::before {

    content: "\f04c";

    font-weight: 400;

}

.ays_fa_pause_circle::before {

    content: "\f28b";

    font-weight: 400;

}

.ays_fa_pause_circle_o::before {

    content: "\f28c";

    font-weight: 400;

}



.ays_fa_stop::before {

    content: "\f04d";

    font-weight: 400;

}

.ays_fa_stop_circle::before {

    content: "\f28d";

    font-weight: 400;

}

.ays_fa_stop_circle_o::before {

    content: "\f28e";

    font-weight: 400;

}

.ays_fa_expand::before {

    content: "\f065";

    font-weight: 400;

}

.ays_fa_compress::before {

    content: "\f066";

    font-weight: 400;

}

.ays_fa_eraser::before {

    content: "\f12d";

    font-weight: 400;

}

.ays_fa_music::before {

    content: "\f001";

    font-weight: 400;

}

.ays_fa_long_arrow_left::before {

    content: "\f177";

    font-weight: 400;

}

.ays_fa_long_arrow_right::before {

    content: "\f178";

    font-weight: 400;

}

.ays_fa_arrow_circle_o_left::before {

    content: "\f190";

    font-weight: 400;

}

.ays_fa_arrow_circle_o_right::before {

    content: "\f18e";

    font-weight: 400;

}

.ays_fa_arrow_circle_left::before {

    content: "\f0a8";

    font-weight: 400;

}

.ays_fa_arrow_circle_right::before {

    content: "\f0a9";

    font-weight: 400;

}

.ays_fa_angle_left:before {

    content: "\f104";

    font-weight: 900;

}

.ays_fa_angle_right:before {

    content: "\f105";

    font-weight: 900;

}

.ays_fa_angle_up:before {

    content: "\f106";

    font-weight: 900;

}

.ays_fa_angle_down:before {

    content: "\f107";

    font-weight: 900;

}

.ays_fa_check::before {

    content: "\f00c";

}

.ays_fa_times::before {

    content: "\f00d";

}





.ays-quiz-container .logged_in_message{

    padding: 15px;

}



.ays_quiz_results {

    display: none;

}

.ays-quiz-container .rate_comment_row * {

    box-sizing: border-box;

}

.ays-quiz-container .rate_comment_row {

    display: flex;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

}

.ays-quiz-container .rate_comment_row.row_reverse {

    flex-direction: row-reverse;

}

.ays-quiz-container .rate_comment_row .rate_comment_user {

    width: 25%;

}

.ays-quiz-container .rate_comment_row .rate_comment {

    width: fit-content;

    max-width: 75%;

}

.ays-quiz-container .rate_comment_row .rate_comment_user,

.ays-quiz-container .rate_comment_row .rate_comment {

    position: relative;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px;

}

.ays-quiz-container .rate_comment_row .thumbnail {

    padding: 4px;

    display: block;

    line-height: 1.42857143;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 4px;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.ays-quiz-container .rate_comment_row .img-responsive,

.ays-quiz-container .rate_comment_row .thumbnail>img,

.ays-quiz-container .rate_comment_row .thumbnail a>img {

    display: block;

    width: 100%;

    max-width: 100%;

    height: auto;

}

.ays-quiz-container .rate_comment_row .panel {

	position:relative;

    background-color: #fff;

    border: 1px solid transparent;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);

    box-shadow: 0 1px 1px rgba(0,0,0,.05);

    text-align: left !important;

}

.ays-quiz-container .rate_comment_row .panel-default {

    border-color: #ddd;

}

.ays-quiz-container .rate_comment_row .panel>.panel-heading:after,

.ays-quiz-container .rate_comment_row .panel>.panel-heading:before{

	position:absolute;

	top:11px;left:-16px;

	right:100%;

	width:0;

	height:0;

	display:block;

	content:" ";

	border-color:transparent;

	border-style:solid solid outset;

	pointer-events:none;

}

.ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:after,

.ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:before{

    right:-16px;

	left:100%;

}

.ays-quiz-container .rate_comment_row .panel>.panel-heading:after{

	border-width:7px;

	border-right-color:#f7f7f7;

	margin-top:1px;

	margin-left:2px;

}

.ays-quiz-container .rate_comment_row .panel>.panel-heading:before{

	border-right-color:#ddd;

	border-width:8px;

}

.ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:after{

    border-width: 7px;

    border-left-color: #f7f7f7;

    margin-top: 1px;

    margin-left: 0;

    margin-right: 2px;

    border-right: none

}

.ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:before{

    border-left-color: #ddd;

    border-width: 8px;

    border-right: none;

}

.ays-quiz-container .rate_comment_row .panel>.panel-body {

    padding: 15px;

}

.ays-quiz-container .rate_comment_row .panel>.panel-heading {

    color: #333;

    background-color: #f5f5f5;

    border-color: #ddd;

	border-width:8px;

    padding: 10px 15px;

    border-bottom: 1px solid transparent;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

}





.lds-spinner2-none,

.lds-spinner-none {

    display: none;

}

.lds-spinner2,

.lds-spinner {

  display: inline-block;

  position: relative;

  width: 64px;

  height: 64px;

    transform: scale(0.5);

}

.lds-spinner2 div,

.lds-spinner div {

  transform-origin: 32px 32px;

  animation: lds-spinner linear infinite;

  animation-duration: 1.2s !important;

}

.lds-spinner2 div:after,

.lds-spinner div:after {

  content: " ";

  display: block;

  position: absolute;

  top: 3px;

  left: 29px;

  width: 5px;

  height: 14px;

  border-radius: 20%;

}

.lds-spinner2 div:nth-child(1),

.lds-spinner div:nth-child(1) {

  transform: rotate(0deg);

  animation-delay: -1.1s;

}

.lds-spinner2 div:nth-child(2),

.lds-spinner div:nth-child(2) {

  transform: rotate(30deg);

  animation-delay: -1s;

}

.lds-spinner2 div:nth-child(3),

.lds-spinner div:nth-child(3) {

  transform: rotate(60deg);

  animation-delay: -0.9s;

}

.lds-spinner2 div:nth-child(4),

.lds-spinner div:nth-child(4) {

  transform: rotate(90deg);

  animation-delay: -0.8s;

}

.lds-spinner2 div:nth-child(5),

.lds-spinner div:nth-child(5) {

  transform: rotate(120deg);

  animation-delay: -0.7s;

}

.lds-spinner2 div:nth-child(6),

.lds-spinner div:nth-child(6) {

  transform: rotate(150deg);

  animation-delay: -0.6s;

}

.lds-spinner2 div:nth-child(7),

.lds-spinner div:nth-child(7) {

  transform: rotate(180deg);

  animation-delay: -0.5s;

}

.lds-spinner2 div:nth-child(8),

.lds-spinner div:nth-child(8) {

  transform: rotate(210deg);

  animation-delay: -0.4s;

}

.lds-spinner2 div:nth-child(9),

.lds-spinner div:nth-child(9) {

  transform: rotate(240deg);

  animation-delay: -0.3s;

}

.lds-spinner2 div:nth-child(10),

.lds-spinner div:nth-child(10) {

  transform: rotate(270deg);

  animation-delay: -0.2s;

}

.lds-spinner2 div:nth-child(11),

.lds-spinner div:nth-child(11) {

  transform: rotate(300deg);

  animation-delay: -0.1s;

}

.lds-spinner2 div:nth-child(12),

.lds-spinner div:nth-child(12) {

  transform: rotate(330deg);

  animation-delay: 0s;

}

@keyframes lds-spinner {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}



.ays_paypal_wrap_div,

.ays_stripe_wrap_div {

	display: none;

}

.ays_paypal_div {

    overflow: hidden;

}

.ays_paypal_div > div {

    margin: auto;

    width: 200px;

}

.ays_paypal_div iframe {

    width: 100% !important;

}

.ays_paypal_details_div {

	width: 100%;

	padding: 15px;

}

.ays_paypal_details_div iframe {

    width: 100% !important;

}



.ays_restart_button_p {

    text-align: center !important;

    margin: 0 !important;

}

.action-button.ays_restart_button {

    width: auto;

    max-width: 100%;

    padding: 10px 20px;    

    font-size: 14px;

    font-family: inherit;

}

.action-button.ays_restart_button span {

    margin-left: 7px;

}

div.ays_quiz_results_page {

    display: none;

}



.ays_user_explanation {

    margin-top: 5px;

    padding-top: 15px;

}

.ays_user_explanation textarea {

    resize: vertical;

    height: 120px;

    transition: .5s ease;

}

.ays_user_explanation textarea::placeholder {

    font-size: 14px;

}

.ays_questtion_explanation,

.wrong_answer_text,

.right_answer_text {

    text-align: initial;

}



.ays_animated_x5ms {

    -webkit-animation-duration: .5s !important;

    animation-duration: .5s !important;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

.ays_animated_x1s {

    -webkit-animation-duration: 1s !important;

    animation-duration: 1s !important;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



/*

 * User explanation

 */

.ays_user_explanation {

    margin-top: 5px;

    padding-top: 15px;

}

.ays_user_explanation textarea {

    resize: vertical;

    height: 120px;

    transition: .5s ease;

}

.ays_user_explanation textarea::placeholder {

    font-size: 14px;

}





/*

 * Music, Sound

 */



.ays_music_sound {

    display: flex;

    cursor: pointer;

    z-index: 998;

    width: 35px;

    padding: 0;

    margin: 0;

}

.ays_music_sound.z_index_0 {

    z-index: 0;

}

.ays_music_sound > i {

    font-size: 20px;

    vertical-align: middle;

}





/*

 * Ays Fieldset

 */



fieldset.ays_fieldset {

    border: 1px solid #e3939394;

    padding: 5px;

    background-color: transparent !important;

    word-break: break-word;

}



div[id^="ays-quiz-container-"] fieldset.ays_fieldset legend {

    font-size: 12px;

    padding: 0 7px;

    color: #f00;

    margin: 0 auto;

    text-align: center;

    border-top: 1px solid #e3939394;

    border-bottom: 1px solid #e3939394;

    margin-bottom: 10px;

    background-color: transparent !important;

    font-weight: normal;

    text-transform: none;

    width: auto;

    line-height: unset;

    float: unset;

}



fieldset.ays_fieldset .ays_quiz_question .wp-video {

	width: 100%;

	max-height: 100%;

}



[id^="ays-quiz-container-"] fieldset.ays_fieldset .wp-video {

	width: 100% !important;

	max-width: 100% !important;

}



/*

 * Create date and author

 */



.ays_cb_and_a {

    position: relative;

    top: -40px;

    width: 100%;

    text-align: center;

    font-size: 12px;

    text-align: center;

}



.ays_cb_and_a p {

    text-align: center;

}

.ays_cb_and_a span,

.ays_cb_and_a strong {

    margin-right: 7px;

}

.ays_cb_and_a img {

    display: inline-block !important;

    width: 15px;

    height: 15px;

    object-fit: cover;

    object-position: center center;

    border-radius: 50%;

    border: 1px solid #aaa;

    margin-right: 3px;

    margin-left: 5px;

    vertical-align: text-top;

}







/*WooCommerce Product styles*/

div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-block-main{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

    align-items: flex-start;

}



div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-block {

    width: 45%;

    height: auto;

    display: flex;

    flex-wrap: nowrap;

    flex-direction: column;

    align-items: center;

    padding: 15px;

    margin-bottom: 15px;

    justify-content: space-between;

    /* background-color: #96588a; */

    transition: .2s ease-out;

}



div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-block .product-image {

    margin: 0;

    line-height: 0;

    width: 100%;

    min-height: 150px;

    height: 100%;

}

    

div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-block img {

    height: 100%;

    width: 100%;

    max-width: 200px;

    object-fit: contain;

    margin: 0 auto;

}

div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-product-block {

    text-align: left;

    margin: auto;

    padding-left: 1rem;

    padding: 15px;

    text-align: center;

    margin: 0;

    width: 100%;

}

div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-product-block h4.ays-woo-product-title {

    margin: 0;

    font-size: larger;

}

div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-product-block h4.ays-woo-product-price {

    margin: 10px 0;

    font-size: larger;

}

div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-product-block h4.ays-woo-product-price .ays-woo-product-price-currency-symbol {

    margin-right: 5px;

}

div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-product-block > a {

    display: block;

    width: auto;

    text-decoration: unset;

}

/*WooCommerce Product styles end*/



/*Question background styles*/

.ays-quiz-question-with-bg {

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    background-size: cover;

}



/*Question background styles end*/



.ays_block_content {

/*    display: flex;*/

    justify-content: center;

    align-items: center;

    padding: 10px;

}





/* Quiz login form */



[id^="ays-quiz-container-"] .ays_quiz_login_form input#ays-submit {

    display: inline-block;

	width:auto;

/*	max-width:200px;*/

	font-weight: bold;

	color: white;

	border: 0 none;

	border-radius: 1px;

	cursor: pointer;

	padding: 5px 10px;

	margin: 10px 5px;

    line-height: 1;

    white-space: break-spaces;

}



.ays_quiz_login_form label {

    display: block;

}





/* progress bars style start */



.ays-progress {

    position: relative;

    overflow: hidden;

    margin-bottom: 15px;

}



.ays-progress-bar {

    overflow: hidden;

    width: 0%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 5px;

}



.ays-progress-value {

    color: #333;

    display: block;

    font-size: 12px;

    line-height: 15px;

    white-space: nowrap;

    background-color: transparent;

}





.ays-progress-bg {

    position: relative;

    height: 8px;

    border-radius: 5px;

    overflow: hidden;

}



.ays-progress-bar:after {

    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);

    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);

    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);

    -webkit-background-size: 40px 40px;

    background-size: 40px 40px;

    position: absolute;

    content: '' !important;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



@keyframes ays_progress_bar {

    0% {

        background-position: 0 0;

    }

    100% {

        background-position: -40px 0;

    }

}





/* first */



.ays-progress.first {

	-moz-border-radius: 10px 10px 10px 10px;

	-webkit-border-radius: 10px 10px 10px 10px;

	-ms-border-radius: 10px 10px 10px 10px;

	border-radius: 10px 10px 10px 10px;

	margin-bottom: 10px;

    padding: 0px;

    background-color: #000;

    border: 1px solid;

}

.ays-progress-bar.first {

	-moz-border-radius: 10px 10px 10px 10px;

	-webkit-border-radius: 10px 10px 10px 10px;

	-ms-border-radius: 10px 10px 10px 10px;

	border-radius: 10px 10px 10px 10px;

	/* -moz-animation: bar-fill 1s;

	-webkit-animation: bar-fill 1s;

	-ms-animation: bar-fill 1s;

	animation: bar-fill 1s; */

	display: block;

	height: 15px;

	width: 0%;

    margin: 0px;

    padding: 0px;

    background-color: #fff;

}



.ays-progress-bar.first::after {

    content: none !important;

}

.ays-progress-value.first {

    position:absolute;

    z-index:1;

    width:0;

    height:100%;

    text-align: center;

}

.ays-progress-bg.first {

    height:15px;

    background: transparent;

}





/* second */



.ays-progress.second {

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px;

	-ms-border-radius: 0px;

	border-radius: 0px;

	margin-bottom: 10px;

    padding: 0px;

    background-color: #000;

    border: 1px solid;

}

.ays-progress-bar.second {

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px;

	-ms-border-radius: 0px;

	border-radius: 0px;

	/* -moz-animation: bar-fill 1s;

	-webkit-animation: bar-fill 1s;

	-ms-animation: bar-fill 1s;

	animation: bar-fill 1s; */

	display: block;

	height: 15px;

	width: 0%;

    margin: 0px;

    padding: 0px;

    background-color: #fff;

}



.ays-progress-bar.second::after {

    content: none !important;

}

.ays-progress-value.second {

    position:absolute;

    z-index:1;

    width:0;

    height:100%;

    font-size: 12px;

    line-height: 15px !important;

    white-space: nowrap;

    background-color: transparent;

    text-align: center;

}

.ays-progress-bg.second {

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px;

	-ms-border-radius: 0px;

	border-radius: 0px;

    height:15px;

    background: transparent;

}



/* third */



.ays-progress.third {

    border-radius: 5px;

    border: none;

}

.ays-progress-value.third {    

    width:100%;

    height:100%;

    text-align: center;

}

.ays-progress-bg.third {

    

}



/* fourth */



.ays-progress.fourth {    

    border-radius: 5px;

    border: none;

}



.ays-progress-bar.fourth {    

    border-radius: 0px;

}

.ays-progress-value.fourth {

    position:absolute;

    z-index:1;

    width:100%;

    height:100%;

    text-align: center;

}

.ays-progress-bg.fourth {

    height:15px;

}

.ays-progress-bar.fourth:after {

    animation: ays_progress_bar linear infinite;

    animation-duration: 0.8s !important;

}





/* progress bar styles end */





/*For Attribute type checkbox AV*/

.ays_checkbox_for_label {

    padding: 13px 15px;

    border: 1px solid #ccc;

    border-radius: 3px !important;

    margin-bottom: 10px;

    box-sizing: border-box;

    color: #2C3E50;

    font-size: 13px;

    background: #fff;

    text-align: left;

}



label.ays_for_checkbox {

	font-weight: 500;

    font-size: 16px;

    width: auto;

    cursor: pointer;

}



div.ays_checkbox_for_label input[type='checkbox'] {

    display: inline-block !important;

	width: 13px;

    margin: 5px 10px;

	cursor: pointer;

}

/*Question background styles end*/



/*AV Leader Board styles*/

div.ays_lb_container {

    padding-top: 15px;

    padding-bottom: 30px;

    width: 100%;

    overflow-x: auto;

}

.ays_lb_ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    font-size: 17px;

}



.ays_lb_li {

    display: flex;

    min-height: 40px;

    align-items: center;

    padding: 5px;

    margin: 0;

}



.ays_lb_pos {

    min-width: 40px !important;

    width: auto;

    text-align: center;

    white-space: nowrap;

}



.ays_lb_user {

    width: 30% !important;

    word-break: break-word;

    text-align: center;

    padding-right: 3px;

}

.ays_lb_score {

    width: 20% !important;

    min-width: 75px !important;

    text-align: center;

}

.ays_lb_duration {

    width: 20% !important;

    min-width: 80px !important;

    text-align: center;

    padding-right: 8px;

}

.ays_lb_points{

	width: 20% !important;

    min-width: 45px !important;

    text-align: center;

}



.ays_lb_custom_fields{

	width: 20% !important;

    min-width: 45px !important;

    text-align: center;

}



.ays_lb_li:nth-child(odd) {

    background: #F6F8EF;

}



.ays-leaderboard-main-container .ays_lb_user {

    display: flex;

    justify-content: center;

    align-items: center;

}



.ays-leaderboard-main-container .ays-lb-user-avatar-row {

	display: flex;

    justify-content: center;

    align-items: center;

	margin-right: 5px;

}



.ays-leaderboard-main-container .ays-lb-user-avatar {

	width: 20px;

    height: 20px;

    border-radius: 50%;

}



.ays-leaderboard-main-container table thead:first-child tr:first-child th{

	border-top: transparent;

}

.ays-leaderboard-main-container table tbody>tr:nth-child(odd)>td,

.ays-leaderboard-main-container table tbody>tr:nth-child(odd)>th,

.ays-leaderboard-main-container table tbody tr:hover>td,

.ays-leaderboard-main-container table tbody tr:hover>th {

	background-color: transparent;

}



div.ays-leaderboard-main-container table {

	font-size: 14px;

}



div.ays-leaderboard-main-container table.ays_lb_li:first-child {

    background: #99BB5A;

    color: white;

}



div.ays-leaderboard-main-container table,

div.ays-leaderboard-main-container table tr,

div.ays-leaderboard-main-container table tr th,

div.ays-leaderboard-main-container table tr td {

	border: none;

}



div.ays-leaderboard-main-container tbody td {

	word-wrap: break-word;

}



/*AV Leader Board styles end*/



/* 

====================================================================================

*/



/*

 * User reports info table

 */

#ays-quiz-all-orders-page,

#ays-quiz-user-score-page {

    margin: 0 auto !important;

}

#ays-quiz-all-orders-page thead th,

#ays-quiz-user-score-page thead th {

    font-size: 16px;

}

#ays-quiz-all-orders-page td,

#ays-quiz-user-score-page td {

    font-size: 14px;

}



#ays-quiz-all-orders-page thead th,

#ays-quiz-all-orders-page td,

#ays-quiz-user-score-page thead th,

#ays-quiz-user-score-page td {

    word-break: initial !important;

    word-wrap: break-word;

    vertical-align: middle;

    text-align: center !important;

    white-space: nowrap;

}



button.ays-quiz-user-sqore-pages-details {

	background-color: #222;

	border: none;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	-webkit-box-shadow: none;

	box-shadow: none;

	color: #fff;

	cursor: pointer;

	display: inline-block;

	font-size: 14px;

	line-height: 1;

	padding: 13px 25px;

	text-shadow: none;

	-webkit-transition: background 0.2s;

	transition: background 0.2s;

    white-space: nowrap;

    margin: auto;

    display: block;

}



button.ays-quiz-user-sqore-pages-details:hover{

	background-color: #aaaaaaab;

	color: #222;

}



#ays-quiz-user-score-page button.ays-quiz-user-sqore-pages-details {

	padding: 13px 25px !important;

}



td.ays-quiz-duration-column,

td.ays-quiz-score-column {

    text-align: center;

}



.ays-quiz-user-results-container {

    background-color: #F6F8EF;

    overflow-x: auto;

}





/*

Generic Styling, for Desktops/Laptops

*/

table#ays-quiz-all-orders-page,

table#ays-quiz-user-score-page {

    width: 99%;

    border-collapse: collapse;

}

/* Zebra striping */

table#ays-quiz-all-orders-page tr:nth-of-type(odd),

table#ays-quiz-user-score-page tr:nth-of-type(odd) {

    background: #eee;

}

table#ays-quiz-all-orders-page th,

table#ays-quiz-user-score-page th {

    background-color: #333 !important;

    color: white;

    font-weight: bold;

}

table#ays-quiz-all-orders-page td,

table#ays-quiz-all-orders-page th,

table#ays-quiz-user-score-page td,

table#ays-quiz-user-score-page th {

    padding: 6px !important;

    border: 1px solid #ccc;

}





@media only screen and (max-width: 760px),

(min-device-width: 768px) and (max-device-width: 1024px)  {



	/* Force table to not be like tables anymore */

	table#ays-quiz-user-score-page,

    table#ays-quiz-user-score-page thead,

    table#ays-quiz-user-score-page tbody,

    table#ays-quiz-user-score-page th,

    table#ays-quiz-user-score-page td,

    table#ays-quiz-user-score-page tr {

		display: block;

	}



	/* Hide table headers (but not display: none;, for accessibility) */

	table#ays-quiz-user-score-page thead tr {

		position: absolute;

		top: -9999px;

		left: -9999px;

	}



	table#ays-quiz-user-score-page tr { border: 1px solid #ccc; }



	table#ays-quiz-user-score-page td {

		/* Behave  like a "row" */

		border: none;

		border-bottom: 1px solid #eee;

		position: relative;

		padding-left: 50%;

        text-align: left;

	}



	table#ays-quiz-user-score-page td:before {

		/* Now like a table header */

		position: absolute;

		/* Top/left values mimic padding */

		top: 6px;

		left: 6px;

		width: 45%;

		padding-right: 10px;

		white-space: nowrap;

	}



	/*============================*/

	/*============================*/





	/* Force table to not be like tables anymore */

	table#ays-quiz-all-orders-page,

    table#ays-quiz-all-orders-page thead,

    table#ays-quiz-all-orders-page tbody,

    table#ays-quiz-all-orders-page th,

    table#ays-quiz-all-orders-page td,

    table#ays-quiz-all-orders-page tr {

		display: block;

	}



	/* Hide table headers (but not display: none;, for accessibility) */

	table#ays-quiz-all-orders-page thead tr {

		position: absolute;

		top: -9999px;

		left: -9999px;

	}



	table#ays-quiz-all-orders-page tr { border: 1px solid #ccc; }



	table#ays-quiz-all-orders-page td {

		/* Behave  like a "row" */

		border: none;

		border-bottom: 1px solid #eee;

		position: relative;

		padding-left: 50%;

        text-align: left;

	}



	table#ays-quiz-all-orders-page td:before {

		/* Now like a table header */

		position: absolute;

		/* Top/left values mimic padding */

		top: 6px;

		left: 6px;

		width: 45%;

		padding-right: 10px;

		white-space: nowrap;

	}



	table#ays-quiz-all-orders-page td:empty { display: none !important; }

    table#ays-quiz-all-orders-page td:before {

     	content: attr(data-title);

    }

}







/*

 * User reports info table .

 * The Modal (background) */

.ays-modal {

    display: none;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 1000000 !important;

    width: 100%;

    height: 100%;

    animation-duration: .5s;

    transition: .5s ease-in-out;

    outline: 0;

}



.ays-modal {

    overflow-x: hidden;

    overflow-y: auto;

}



.modal-open {

    overflow: hidden;

    position: relative;

    height: 100%;

}



.ays-modal-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 99999 !important;

    background-color: rgba(0, 0, 0, 0.5);

}

/* Modal Content/Box */

.ays-modal-content {

    background-color: #fefefe;

    margin: auto; /* 15% from the top and centered */

    margin-bottom: 30px;

    margin-top: 40px;

    border: 1px solid #888;

    width: 85%; /* Could be more or less, depending on screen size */

    z-index: 100000000;

    position: relative;

    padding-left: 0 !important;

    animation-duration: .3s;

    transition: .5s ease-in-out;

    border-radius: 4px;

}



#ays-results-modal .ays-modal-content {

    min-height: 500px;

    margin: auto !important; /* 15% from the top and centered */

    margin-bottom: 30px !important;

    margin-top: 40px !important;

}

/* The Close Button */

.ays-close {

    color: #aaa;

    float: right;

    line-height: 1.3;

    font-size: 28px;

    font-weight: bold;

}



.ays-close:hover,

.ays-close:focus {

    color: black;

    text-decoration: none;

    cursor: pointer;

}



.ays-modal-header {

    padding: 4px 16px;

}

.ays-modal .ays-modal-header h2 {

	line-height: 1.3;

	font-size: 1.8rem;

	margin: 0;

	padding: 0;

	clear: none;

	font-weight: 500;

}



/* Modal Body */

.ays-modal-body {

    padding: 2px 16px 20px;

    overflow-x: auto;

    width: 100%;

    box-sizing: border-box;

}



/* Modal Footer */

.ays-modal-footer {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: end;

    justify-content: flex-end;

    padding: 1rem;

    border-top: 1px solid #e9ecef;

}



#ays-results-modal .ays-modal-header {

    padding: 4px 16px !important;

}



#ays-results-modal .ays-modal-body {

    padding: 2px 16px 20px !important;

}



#ays-results-modal .ays-modal-footer {

    padding: 1rem !important;

}



table#ays-results-table {

	border: 1px solid #ccc;

}



table#ays-results-table .ays-quiz-report-table-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



table#ays-results-table .ays-quiz-report-table-header::after,

table#ays-results-table .ays-quiz-report-table-header::before {

    content: none !important;

}



table#ays-results-table svg {

	width: 30px;

	vertical-align: middle;

}

table#ays-results-table .wp-video {

	width: max-content !important;

}

table#ays-results-table video {

	max-width: 300px;

    height: auto !important;

	vertical-align: middle;

}

table#ays-results-table audio {

	max-width: 300px;

	vertical-align: middle;

}

table#ays-results-table {

    margin: 0;

	width: 100%;

}

table#ays-results-table h1::before {

    content: none !important;

}

table#ays-results-table h1 {

    margin: 0;

    font-size: 25px;

}

table#ays-results-table tr td:first-child {

	font-weight: bold;

}

tr.ays_result_element {

	border-bottom: 1px solid #ccc;

}

table#ays-results-table tr td:first-child {

	font-weight: bold;

}

.ays-modal-body * {

    word-break: initial !important;

    word-wrap: break-word;

    vertical-align: middle;

}

.ays-modal-body tr td {

	padding: 10px;

    font-size: 15px;

    border: none;

}

table#ays-results-table p.success img,

table#ays-results-table p.error img {

    max-width: 150px !important;

}

table#ays-results-table p.success {

	color: #73AF55;

}

table#ays-results-table p {

	display: inline-block;

	margin: 0;

	font-size: 1.25em;

	vertical-align: middle;

    word-wrap: break-word;

}

table#ays-results-table p.error {

	color: #D06079;

}



table#ays-results-table tr td {

    word-wrap: break-word;

}

table#ays-results-table tr td:first-child,

table#ays-results-table tr td:first-child *{

    color: #000 !important;

}



table#ays-results-table tr td:first-child{

    font-weight: bold;

    width: 40%;

}



table#ays-results-table tr td.ays-report-correct-answer {

    width: 25%;

}

table#ays-results-table tr td.ays-report-user-answer {

    width: 25%;

}



table#ays-results-table tr td.ays-report-status-icon {

    width: 10%;

}



table#ays-results-table tr td.ays-report-user-answer.ays-report-user-answer-by-points {

    width: 40%

}

table#ays-results-table tr td.ays-report-answer-point {

    width: 20%;

}



div.ays-quiz-preloader{

	display: none;

	position: absolute;

	background: rgba(255, 255, 255, 0.8);

	width: 100%;

	justify-content: center;

	height: 100%;

	align-items: center;

	z-index: 1;

}



.wrong_shortcode_text::first-letter {

    color: red !important;

    background-color: transparent !important;

    font-size: inherit !important;

    font-weight: inherit !important;

    float: none !important;

    line-height: inherit !important;

    margin: 0 !important;

    padding: 0 !important;

}



.ays-quiz-container .ays-field.ays-text-field .ays-text-input::-webkit-input-placeholder {

    color: #ccc !important;

    line-height: initial !important;

}

.ays-quiz-container .ays-field.ays-text-field .ays-text-input:-moz-placeholder { /* Firefox 18- */

    color: #ccc !important;

    line-height: initial !important;

}

.ays-quiz-container .ays-field.ays-text-field .ays-text-input::-moz-placeholder {  /* Firefox 19+ */

    color: #ccc !important;

    line-height: initial !important;

}

.ays-quiz-container .ays-field.ays-text-field .ays-text-input:-ms-input-placeholder {

    color: #ccc !important;

    line-height: initial !important;

}

.ays-quiz-container .ays-field.ays-text-field .ays-text-input::placeholder {

    color: #ccc !important;

    line-height: initial !important;

}



.ays-quiz-container .mejs-container {

	width: 100% !important;

}



.ays_quiz_display_none_important {

	display: none !important;

}



.ays-has-error {

    border-width: 1px !important;

    border-style: solid !important;

    border-color: #d93025 !important;

}



.ays-has-error.ays_questions_nav_question {

    border-width: 2px !important;

}



.ays-quiz-question-validation-error {

    font-family: Roboto, Arial, sans-serif;

    font-size: 12px;

    font-weight: 400;

    letter-spacing: .3px;

    line-height: 16px;

    color: #d93025;

    padding-bottom: 10px;

    display: none;

}



.ays-has-error .ays-quiz-question-validation-error {

    -webkit-box-align: center;

    box-align: center;

    -webkit-align-items: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

}



.ays-has-error .ays-quiz-question-validation-error img {

    margin-right: 12px;

}



.ays-loader-text {

    display: flex;

    justify-content: center;

    align-content: center;

}



img.ays-loader-custom-gif-content{

/*

	width: 100px;

	max-height: 100px;

*/

}



.ays_quiz_question_text_message{

	text-align: left;

    font-size: 12px;

}



.ays_quiz_question_text_error_message {

	color: #ff0000;

}





/* All Results table export to pdf button */

table#ays-results-table tr td:first-child div#quiz-export-pdf button[class="button button-primary ays-quiz-export-pdf"]{

    background: #007cba;

    border-color: #007cba;

    color: #fff !important;

    text-decoration: none;

    text-shadow: none;

    display: inline-block;

    margin-left: 5px;

    margin-right: 5px;

    vertical-align: baseline;

    font-size: 13px;

    line-height: 1;

    min-height: 30px;

    margin: 0;

    padding: 0 10px;

    cursor: pointer;

    border-width: 1px;

    border-style: solid;

    -webkit-appearance: none;

    border-radius: 3px;

    white-space: nowrap;

    box-sizing: border-box;

}



table#ays-results-table tr td:first-child span[class="ays-pdf-export-text"]{

    padding: 0 5px;

}



table#ays-results-table tr td:first-child div#quiz-export-pdf button[class="button button-primary ays-quiz-export-pdf"]:hover{

    background: #0071a1;

    border-color: #0071a1;

    color: #fff !important;

}

/**/



/* Download Certificate button */

table#ays-quiz-user-score-page td > a.ays-quiz-user-d-cert{

    background-color: #222;

    color: white;

    padding: 12px 25px;

    border-radius: 4px;

    text-decoration: none;

    font-size: 13px;

    line-height: 1;

    white-space: nowrap;

    outline:none;

    font-weight: 700;

}



table#ays-quiz-user-score-page td > a.ays-quiz-user-d-cert:hover{

    background-color: #aaaaaaab;

    color: #222;

}

/**/



td.ays_wproducts_row input.select2-search__field{

    width: 100% !important;

}



.ays_quiz_music,

.ays_quiz_wrong_ans_sound,

.ays_quiz_right_ans_sound{

    display: none !important;

}





.ays-quiz-all-results-container > div.dataTables_wrapper,

.ays-individual-quiz-all-results-container > div.dataTables_wrapper {

    position: static;

}



/* Start button loader | Start */

.ays-quiz-container .ays-quiz-start-button-preloader{

    position: relative;

    max-width: 100%;

}



.ays-quiz-container .ays_quiz_start_button_loader_container {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

}



.ays-quiz-container .ays_quiz_start_button_loader{

    cursor: wait;

    width: 30px;

}



.ays-quiz-container .ays_next.start_button.ays_quiz_enable_loader{

    color: #a0a5aa!important;

    background: grey!important;

    border-color: #ddd!important;

    box-shadow: none!important;

    text-shadow: none!important;

    padding: 10px 20px !important;

    border: none;

    opacity: 0.5;

    cursor: wait;

}

/* Start button loader | End */



div.ays_quiz_maker_block_select select.components-select-control__input {

    width: 100%;

    max-width: 100%;

    padding: 0;

}



.ays-individual-quiz-all-results-container,

.ays-quiz-all-results-container {

	overflow: auto;

}





.ays-individual-quiz-all-results-container .dataTables_wrapper .dataTables_filter,

.ays-quiz-all-results-container .dataTables_wrapper .dataTables_filter{

	padding-right: 10px;

}



.ays-individual-quiz-all-results-container .dataTables_wrapper .dataTables_filter input,

.ays-quiz-all-results-container .dataTables_wrapper .dataTables_filter input {

	margin: 0;

}





.ays-quiz-display-questions-container .ays-quiz-display-question-box {

	border-bottom: 0.5px solid #848688;

}



.ays-quiz-all-results-container .ays-quiz-status-column .ays-quiz-score-column-check {

    color: green;

    font-weight: 900;

}



.ays-quiz-all-results-container .ays-quiz-status-column .ays-quiz-score-column-times {

    color: brown;

    font-weight: 900;

}



.ays-quiz-all-results-container .ays-quiz-status-column .ays_fa_check {

    color: green;

    font-size: 18px;

}



.ays-quiz-all-results-container .ays-quiz-status-column .ays_fa_times {

    color: brown;

    font-size: 18px;

}



.ays-quiz-all-results-container .ays-quiz-score-column-check-box {

    display: flex;

}







/*Sinatra theme (Version: 1.2.1) | Start */

.ays-quiz-container .mejs-container.mejs-video {

	min-height: 220px !important;

}



.ays-quiz-container .mejs-container.mejs-audio {

	min-height: 40px !important;

}



.ays-quiz-container form.ays-quiz-form > .mejs-container {

	display: none;

}



[id^="ays-quiz-container-"] .mejs-container .mejs-inner .mejs-controls .mejs-time {

    height: 22px;

    overflow: hidden;

    padding: 16px 6px 0;

    text-align: center;

    width: auto;

    margin: 0;

}

/*Sinatra theme (Version: 1.2.1) | End */





/* Mozilla firefox | Start */

.ays-quiz-container input[type=number]::-webkit-outer-spin-button,

.ays-quiz-container input[type=number]::-webkit-inner-spin-button {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    margin: 0;

}



.ays-quiz-container input[type=number] {

    -moz-appearance:textfield;

}



.ays-quiz-container input[type=number]:hover{

	-moz-appearance: auto;

}



.ays-quiz-container input[type=number]:hover::-webkit-outer-spin-button,

.ays-quiz-container input[type=number]:hover::-webkit-inner-spin-button{

	-webkit-appearance: auto;

    -moz-appearance: auto;

    appearance: auto;

}



.ays-quiz-container input[type=number]:hover:disabled {

	-moz-appearance:textfield;

}

/* Mozilla firefox | End */



div.ays-quiz-category-container-flex {

	display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

}





div#ays-results-modal div#ays-results-body table#ays-results-table p.ays_quiz_user_page_hide_answer{

    font-weight: bold;

}



div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-lds-spinner-box,

div.ays-quiz-container[id^="ays-quiz-container-"] .ays-start-page {

	text-align: center;

}





/*

==========================================

 Quiz Flash cards start

==========================================

*/



.ays_quiz_flash_card_main_container div.ays_quiz_flash_card:first-child{

    display: block;

}



.ays_quiz_flash_card_main_container .ays_quiz_front,

.ays_quiz_flash_card_main_container .ays_quiz_back {

    padding: 40px;

    text-align: center;

    margin-bottom: 5px;

    word-break: break-word;

    word-wrap: break-word;

    white-space: initial;

    -webkit-user-select: none;

    user-select: none

}



.ays_quiz_flash_card_main_container .ays_quiz_front *,

.ays_quiz_flash_card_main_container .ays_quiz_back * {

    word-break: break-word;

    word-wrap: break-word;

    white-space: initial;

}



.ays_quiz_flash_card_main_container .ays_quiz_flash_card {

    display: none;

    cursor: pointer;

    position: relative;

}



.ays_quiz_flash_card_main_container .ays_quiz_flash_card_introduction {

    display: flex;

    align-items: center;

}



.ays_quiz_flash_card_main_container .ays_quiz_flash_card,

.ays_quiz_flash_card_main_container .ays_quiz_flash_card_introduction {

    background-color: #D1E4DD;

    padding: 20px;

    text-align: center;

    transition: transform 0.6s;

    transform-style: preserve-3d;

    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

    background: #fff;

    margin-bottom: 20px;

    min-height: 300px;

}



.ays_quiz_flash_card_introduction .ays_quiz_flash_card_introduction_content {

    width: 100%;

}



.ays_quiz_flash_card_main_container .ays_quiz_back {

    transform: rotateY(180deg);

}

.ays_quiz_flash_card_main_container .ays_quiz_front {

    transform: rotateY(0deg);

}

.ays_quiz_flash_card_main_container .ays_quiz_fc_img {

    display: flex;

    justify-content: center;

    margin-top: 10px;

}

.ays_quiz_flash_card_main_container .ays_quiz_fc_next_btn_content a.ays_quiz_fc_next_prev_btn,

.ays_quiz_flash_card_main_container .ays_quiz_fc_start_btn_content a.ays_quiz_fc_start_btn {

    background: #2A2A2A;

    color: #fff;

    text-decoration: none;

    cursor: pointer;

    margin-left: 13px;

    width: 75px;

    text-align: center;

    -webkit-user-select: none;

    user-select: none

}

.ays_quiz_flash_card_main_container .ays_quiz_fc_next_btn_content, 

.ays_quiz_flash_card_main_container .ays_quiz_fc_start_btn_content {

/*    width: 300px;*/

    display: flex;

/*    margin: auto;*/

    justify-content: center;

}



.ays_quiz_flash_card_main_container a.ays_quiz_fc_next_prev_btn.prev {

    display: none;

}



a.ays-quiz-flash-card-rotate{

    display: flex;

    justify-content: flex-end;

    text-decoration: none;

}

a.ays-quiz-flash-card-rotate img{

    width: 20px;

    height: 20px;

    cursor: pointer;

}



.ays_quiz_current_page {

    position: absolute;

    bottom: 5px;

    right: 10px;

}



.ays_quiz_current_page.rotated {

    transform: rotateY(180deg);

    right: auto;

    left: 10px;

}





div.ays_quiz_fc_explanation{

    display: flex;

    justify-content: flex-start;

    margin-top: 60px;

    background: #80808026;

}



div.ays_quiz_fc_explanation p{

    margin: 0;

    font-size: 15px;

}



/*

==========================================

 Quiz Flash cards end

==========================================

*/



/*

==========================================

 Quiz Full screen start

==========================================

*/



.ays-quiz-full-screen-wrap {

    display: flex;

    justify-content: flex-end;

    padding: 0;

    line-height: 1;

}



.ays-quiz-full-screen-container {

    cursor: pointer;

}



.ays-quiz-full-screen-container > svg.ays-quiz-close-full-screen {

    display: none;

}



/*

==========================================

 Quiz Full screen end

==========================================

*/







/*

==========================================

 Quiz navigation bar start

==========================================

*/





.ays-quiz-questions-nav-wrap {

	display: none;

    min-width: 200px;

    max-width: 96%;

    margin: auto;

    text-align: center;

    background: white;

    box-sizing: border-box;

    position: relative;

    background-repeat: no-repeat;

    background-size: cover;

    width: 400px;

    background-color: #fff;

    background-position: center center;

    border-radius: 0px 0px 0px 0px;

    box-shadow: 0 0 15px 1px rgba(0,0,0,0.4);

    border: none;

    overflow: hidden;

}





.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-content {

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap;

    padding: 10px;

}



.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item {

    flex-grow: 1;

    flex-shrink: 0;

    flex-basis: 40px;

    margin: 5px;

}



.ays-quiz-questions-nav-wrap a.ays_questions_nav_question {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 40px;

    height: 40px;

    border: 1px solid #dddddd;

    color: #2c2c2c;

    background-color: #fff;

    border-radius: 50%;

    margin: auto;

    min-width: 40px;

    padding: 0;

    font-size: 15px;

    box-sizing: border-box;

    -webkit-user-select: none;

    user-select: none;

    text-decoration: none;

    position: relative;

}



.ays-quiz-questions-nav-wrap a.ays_questions_nav_question span.ays-quiz-navbar-highlighted-notice {

    position: absolute;

    top: -5px;

    right: -5px;

    width: 10px;

    height: 10px;

    padding: 3px;

    background-color: rgb(255, 199, 0);

    border-radius: 50%;

    border: 1px solid #fff;

    line-height: 0;

    display: none;

}



.ays-quiz-questions-nav-wrap a.ays_questions_nav_question span.ays-quiz-navbar-highlighted-notice img {

    height: 100%;

}





.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item.ays_quiz_checked_answer_div a.ays_questions_nav_question {

    pointer-events: none;

}



.ays-quiz-questions-nav-wrap a.ays_questions_nav_question[disabled] {

    pointer-events: none;

    /* opacity: 0.45; */

    border: 2px solid #fff;

    color: #fff;

    background-color: #2c2c2c;

}



.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-content {

	display: flex;

	align-items: center;

	padding: 15px;

	width: fit-content;

	position: relative;

	left: 0;

	transition: .5s ease-in-out;

}



.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-item {

    width: 60px;

    height: 60px;

    margin-right: 10px;

    border-radius: 50%;

}



.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-item:last-child {

    margin-right: 0;

}



.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-item:hover {

	box-shadow: 0px 0px 10px #444;

}

.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-item[disabled]:hover {

	box-shadow: none !important;

}



.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays_questions_nav_question {

	display: block;

    border-radius: 50%;

    background-color: #27AE60;

    color: #000;

    text-decoration: none;

    font-weight: 900;

    width: 100%;

    height: 100%;

    line-height: 60px;

}



.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays_questions_nav_question[disabled] {

    background-color: #aaa !important;

    color: #000 !important;

    pointer-events: none !important;

}



.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays_questions_nav_question:hover {

	box-shadow: inset 0px 0px 10px #444;

}

.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays_questions_nav_question[disabled]:hover {

	box-shadow: none !important;

}



.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-go-left,

.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-go-right {

    display: none;

}

.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-left,

.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-right {

	position: absolute;

    height: 100%;

    display: flex;

    align-items: center;

    width: 10%;

    z-index: 1;

    transition: .5s ease-in-out;

    cursor: pointer;

}



.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-left {

	left: 0;

    background-image: linear-gradient(90deg, #27ae60, transparent);

}

.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-right {

	right: 0;

	justify-content: flex-end;

	background-image: linear-gradient(90deg, transparent, #27ae60);

}



.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-left i.ays_fa,

.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-right i.ays_fa {

    transition: .5s ease-in-out;

	margin: 0 10px;

}

.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-left:hover i.ays_fa ,

.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-right:hover i.ays_fa {

    transition: .5s ease-in-out;

	margin: 0;

}





/*

==========================================

 Quiz navigation bar end

==========================================

*/



div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-question-note-message-box,

div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-question-note-message-box * {

	font-style: italic;

	text-align: left;

	font-size: 14px;

}



.ays-quiz-some-items-icons-wrap {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    padding: 7px;

}



.ays-quiz-some-items-icons-wrap:empty {

    display: none;

}



div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box {

	position: relative;

	margin: 0 auto;

}



div.ays-quiz-container[id^="ays-quiz-container-"] .ays-start-page > input[id^='ays_quiz_password_val_'],

div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box {

    max-width: 100%;

}



div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box .ays_quiz_password {

	padding-right: 40px;

}



div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box .ays-quiz-password-toggle {

	position: absolute;

    right: 10px;

    top: 25%;

    width: 20px;

	cursor: pointer;

}



div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-number-error-message {

	color: #ff0000;

	text-align: left;

    font-size: 14px;

}



div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-answers .ays-field input+label[for^="ays-answer-"] {

	margin-top: 0 !important;

}



div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-category-description-box {

	margin-bottom: 20px;

}



@media screen and (max-width: 768px) {

    #ays-results-modal .ays-modal-content table#ays-results-table,

    #ays-results-modal .ays-modal-content table#ays-results-table thead,

    #ays-results-modal .ays-modal-content table#ays-results-table tbody,

    #ays-results-modal .ays-modal-content table#ays-results-table th,

    #ays-results-modal .ays-modal-content table#ays-results-table td,

    #ays-results-modal .ays-modal-content table#ays-results-table tr {

        display: block;

    }

    #ays-results-modal .ays-modal-content table#ays-results-table thead tr {

        position: absolute;

        top: -9999px;

        left: -9999px;

    }

    #ays-results-modal .ays-modal-content table#ays-results-table td:before {

        position: absolute;

        top: 6px;

        left: 6px;

        width: 45%;

        padding-right: 10px;

        white-space: nowrap;

    }



    #ays-results-modal .ays-modal-content table#ays-results-table tr.ays_result_element td {

		width: 95%;

	}



    #ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-correct-answer {

    	width: 95%;

	}

	#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-user-answer {

	    width: 95%;

	}



	#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-status-icon {

	    width: 95%;

	}



	#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-user-answer.ays-report-user-answer-by-points {

	    width: 95%

	}

	#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-answer-point {

	    width: 95%;

	}



	.ays-quiz-user-results-container table#ays-quiz-user-score-page td {

	    white-space: break-spaces;

	}

}



.ays-quiz-container .ays-quiz-recaptcha-wrap .ays-quiz-g-recaptcha > div {

	margin: auto;

}



.ays-quiz-container label.ays_switch_toggle {

	cursor: pointer;

	text-indent: -9999px;

	width: 35px;

	height: 14px;

	background: grey;

	display: block;

	border-radius: 50px;

	position: relative;

	transition: .3s ease;

}



.ays-quiz-container label.ays_switch_toggle:after {

	content: '';

	position: absolute;

	top: -3px;

	left: -3px;

	width: 20px;

	height: 20px;

	background: #0085ba;

	border-radius: 30px;

	transition: 0.3s;

}



.ays-quiz-container input:checked + label.ays_switch_toggle {

	background: #b7ccea;

}



.ays-quiz-container input:checked + label.ays_switch_toggle:after {

	left: calc(100% - -5px);

	transform: translateX(-100%);

}



.ays-quiz-container label.ays_switch_toggle:active:after {

    

}



.ays-quiz-container label.ays_switch_toggle:hover:after {

    box-shadow: 0 0 10px #31618c;

}



.ays-quiz-container div.ays-quiz-results-toggle-block {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    padding-right: 15px;

}



.ays-quiz-container input.ays_toggle[type=checkbox]{

    display: none;

}



.ays-quiz-container div.ays-quiz-results-toggle-block label.ays_switch_toggle:after {

    left: calc(100% - 13px);

    top: 2px;

    background-color: #aaa;

    width: 10px;

    height: 10px;

}



.ays-quiz-container div.ays-quiz-results-toggle-block label.ays_switch_toggle {

    width: 40px;

    height: 15px;

    background: white;

    border: 1px solid #aaa;

}



.ays-quiz-container div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show{

    color: #2277CC;

}



.ays-quiz-container div.ays-quiz-results-toggle-block label.ays_switch_toggle:hover:after {

    box-shadow: none;

}



.ays-quiz-container div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle {

    width: 40px;

    height: 15px;

    background: white;    

    border: 1px solid #2277CC;

}



.ays-quiz-container div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after {

    top: 2px;

    left: 13px;

    width: 10px;

    height: 10px;

    background: #2277CC;

}

.ays-quiz-container div.ays-quiz-results-toggle-block > label.ays_switch_toggle {

    margin: 0 10px;

}



div.ays-quiz-all-orders-container table.ays-quiz-all-orders-page a.ays-quiz-all-orders-title-href {

	color: #551AA9;

}



.ays-quiz-container .ays-quiz-question-image-zoom {

    cursor: zoom-in;

    transition: 0.3s;

}



.ays-quiz-container .ays-quiz-question-image-zoom:hover {

    opacity: 0.9;

}



@keyframes aysAnimationLightboxImages {

    from{

        transform: scale(0);

        }

    to{

        transform: scale(1);

    }   

}



.ays-quiz-question-image-lightbox-container {

    display: none;

    justify-content: center;

    align-items: center;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgba(0 ,0 ,0 ,0.8);

}



.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button {

    font-size: 40px;

    font-weight: bold;

    position: absolute;

    top: 10px;

    right: 20px;

    color: #fff;

    cursor: pointer;

    transition: 0.3s;

    z-index: 99999;

}



.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button:hover,

.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button:focus {

    color: #b5b5b5;

}



.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-img {

    margin: auto;

    display: block;

    width: 100%;

    max-width: 1200px;

    height: auto;

    text-align: center;

    animation-name: aysAnimationLightboxImages;

    animation-duration: 0.7s;

    position: relative;

}



.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-preloader {

    opacity: 0.7;

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    z-index: 101;

    position: absolute;

    left: 0;

}



.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-preloader img {

    width: 100px;

}



@media screen and (max-width: 768px) {

	div.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button {

	    top: 40px;

	}

}



.ays-export-quiz-button-container {

	position: absolute;

	right: 74px;

	top: -19px;

	margin: 1em 0;

}



div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-fill-in-blank-input{

	display: inline-block;

	padding: 3px;

    border: 1px solid #ccc;

    border-radius: 3px!important;

    margin-bottom: 10px;

    width: auto;

    box-sizing: border-box;

    color: #2C3E50;

    font-size: 14px;

    height: auto;

    background: #fff;

    color: #000 !important;

}



.ays_question_report {

    text-align: right;

}



.ays_question_report .ays-quiz-open-report-window {

    cursor: pointer;

    margin-bottom: 10px;

    display: inline-block;

}



div.ays_quiz_flash_card_main_container div.ays_quiz_flash_card_introduction_content *,

div.ays_quiz_flash_card_main_container div.ays_quiz_fc_qa * {

	text-align: center;

}



/* Personalit result | Start*/



.ays-quiz-personality-result-box {

	background: white;

    border-radius: 17px;

    box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1);

    /*padding: 30px 3% 40px;*/

    padding: 20px 30px;

    margin: 30px 0;

    font-size: 16px;

}



.ays-quiz-personality-result-box .ays-quiz-personality-result-title {

	color: #413A5C;

    font-size: 23px;

    margin: 0;

    text-align: left;

    font-weight: bold;

}



.ays-quiz-personality-result-box .ays-quiz-personality-result-description {

    margin: 0;

    font-size: 16px;

    text-align: left;

}



.ays-quiz-personality-result-box .ays-quiz-personality-result-progress {

	width: 100%;

    background-color: rgba(128, 126, 137, 0.1);

    border-radius: 15px;

    position: relative;

    display: flex;

    /*justify-content: flex-end;*/

    margin-top: 1rem;

    margin-bottom: 1rem;

}



.ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end {

    justify-content: flex-end;

}



.ays-quiz-personality-result-box .ays-quiz-personality-result-bar {

	height: 30px;

    border-radius: 15px;

    color: white;

    font-size: 18px;

    padding: 3px 15px 0;

}



.ays-quiz-personality-result-box .ays-quiz-personality-result-percentages {

	position: absolute;

    width: 100%;

    padding: 4px 15px;

    top: 0;

    -ms-flex-pack: justify;

    justify-content: space-between;

    display: -ms-flexbox;

    display: flex;

}



.ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple {

	color: #413A5C;

}



.ays-quiz-personality-result-box .ays-quiz-personality-result-text-white {

	color: #ffffff;

}



.ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage {

	font-weight: bolder;

}



.ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box {

	display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar {

	background-color: #6255A5;

}



.ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color {

	color: #6255A5;

}



.ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar {

	background-color: #F2C94C;

}



.ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color {

	color: #F2C94C;

}



.ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar {

	background-color: #88D29D;

}



.ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color {

	color: #88D29D;

}



.ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar {

	background-color: #E5A69D;

}



.ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color {

	color: #E5A69D;

}



.ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar {

	background-color: #03A9F4;

}



.ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color {

	color: #03A9F4;

}



@media only screen and (max-width: 768px) {

	div.ays-quiz-personality-result-box .ays-quiz-personality-result-title {

		font-size: 18px;

	}



	div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar {

	    font-size: 14px;

    	padding: 6px 10px 0;

	}

}



/* Personalit result | End */



div.ays-quiz-container[id^="ays-quiz-container-"] .ays-field-matching-type-empty-answer {

	border-color: #444;

    border-style: solid;

    border-width: 1px;

    box-shadow: none;

	padding: 5px;

    text-align: center;

    display: block;

}



/* Message variables charts styles start */



/* Bar chart */

.ays_message_vars_multiple_bar {

    display: flex;

    flex-direction: column;

    gap: 5px;

}



.ays_message_vars_multiple_bar .ays_message_vars_multiple_bar,

.ays_message_vars_simple_bar {

    width: 100%;

    background: transparent;

    border-radius: 12px;

    text-align: left;

}



.ays_message_vars_multiple_bar p.ays_message_vars_multiple_bar_name {

    text-align: left !important;

    margin: 0;

    margin-bottom: 7px;

}



.ays_message_vars_multiple_bar .ays_message_vars_multiple_progress_bar,

.ays_message_vars_simple_bar .ays_message_vars_simple_bar_progress_bar {

    width: 100%;

    background: #F2F2F3;

    border-radius: 30px;

    overflow: hidden;

}



.ays_message_vars_multiple_bar .ays_message_vars_multiple_progress_bar_filled,

.ays_message_vars_simple_bar .ays_message_vars_simple_bar_progress_bar_filled {

    background: #88D29D;

    border-radius: 50px;

    height: 33px;

    position: relative;

    display: flex;

    justify-content: flex-end;

}



.ays_message_vars_multiple_bar span.ays_message_vars_multiple_bar_score,

.ays_message_vars_simple_bar span.ays_message_vars_simple_bar_bar_score {

    font-size: 16px;

    font-weight: 600;

    margin: 0 7px;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    line-height: 32px;

}



.ays_message_vars_simple_bar {

    display: flex;

    justify-content: center;

    align-items: center;

}



.ays_message_vars_simple_bar p.ays_message_vars_simple_bar_progress_bar_label {

    font-size: 17px;

    font-weight: 700;

    margin-left: 10px;

}



/* Column chart */

.ays_detailed_result_column_chart {

    display: flex;

    justify-content: space-evenly;

    align-items: flex-start;

}



.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column {

    width: 15%;

    max-width: 100px;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: center;

    gap: 4px;

}



.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_row {

    width: 100%;

}



.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_empty {

    height: 33vh;

    display: flex;

    flex-direction: column-reverse;

    background: #F2F2F3;

    border-radius: 5px 5px 0 0;

    overflow: hidden;

}



.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_title,

.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_total {

    font-size: 1.3vw;

    font-weight: 600;

    color: #88D29D;

}



.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_filled {

    background: #88D29D;

}



.ays_detailed_result_column_chart .ays_detailed_result_column_chart_column_filled span {

    font-size: 1.3vw;

    font-weight: 600;

}



/* Pie chart */

.ays_user_corrects_count_pie_chart_container {

    width: 100%;

    height: fit-content;

    display: flex;

    justify-content: center;

    align-items: flex-start;

    gap: 30px;

}



.ays_user_corrects_count_pie_chart {

    box-sizing: border-box;

    padding: 12vh;

    border-radius: 50%;

}



.ays_user_corrects_count_pie_chart_labels {

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 10px;

    font-size: 16px;

}



.ays_user_corrects_count_pie_chart_labels div {

    display: flex;

    gap: 8px;

    align-items: center;

}



.ays_user_corrects_count_pie_chart_labels_rect {

    display: inline-block;

    /* background-color: #ffffff; */

    border: 1px solid #525252;

    width: 25px;

    height: 25px;

}



.ays_user_corrects_count_pie_chart_labels_rect span {

    display: inline-block;

    width: 100%;

    height: 100%;

}



@media screen and (max-width: 640px) {

    .ays_user_corrects_count_pie_chart_container {

        flex-direction: column;

        align-items: center;

    }



    .ays_user_corrects_count_pie_chart_labels {

        flex-direction: row;

        flex-wrap: wrap;

        justify-content: center;

        font-size: 12px;

    }



    .ays_user_corrects_count_pie_chart_labels div {

        gap: 5px;

    }



    .ays_user_corrects_count_pie_chart_labels_rect {

        width: 19px;

        height: 19px;

    }

}



/* Stars */

.ays_avg_rate_stars_with_icons_container {

    position: relative;

    width: 140px;

    height: 28px;

    font-size: 28px;

    margin: 0 auto;

    padding: 0;

    color: #F7BB07;

}



.ays_avg_rate_stars_with_icons_filled {

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    gap: 2.5px;

    z-index: 1;

    padding: 0;

    overflow: hidden;

}



.ays_avg_rate_stars_with_icons_empty {

    display: flex;

    gap: 2.5px;

    z-index: 0;

    padding: 0;

}

        

/* Message variables charts styles end */



/* Upload question type start */



div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main {

	position: relative;



	padding: 7px 5px;

	border: 1px solid #ccc;

	border-radius: 3px !important;

	margin-bottom: 10px;

	box-sizing: border-box;

	color: #2C3E50;

	font-size: 13px;

	background: #fff;

	text-align: left;

}



div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-label {

	display: block;

	cursor: pointer;

}





div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-label .ays-quiz-upload-type-button{

	background-color: white;

	font-size: initial;

	border: 1px solid rgba(0,0,0,.1);

	padding: 5px 7px;

	border-radius: 4px;

	transition: .5s;

	display: flex;

}



div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-button img,

div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-button span,

div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-validation-error-upload img,

div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-validation-error-upload span{

	display: initial;

	box-shadow: unset;

}



div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-label .ays-quiz-upload-type-button:hover {

	background-color: #fffbfbe0;

}



div[id*='ays-quiz-container-'] .ays-quiz-upload-type-main .ays-quiz-upload-type .ays-quiz-upload-type-label .ays-quiz-upload-type-button .ays-quiz-upload-type-text{

	padding: 0 10px;

	font-size: 14px;

	color: #5F6368 !important;

}



div[id*='ays-quiz-container-'] .ays-quiz-upload-type-label{

	width: 110px;

}



div[id*='ays-quiz-container-'] .ays-quiz-upload-ready{

	border: 1px solid rgba(0,0,0,.1);

	border-radius: 4px;

	padding: 5px 10px;

	display: flex;

	justify-content: space-between;

	min-height: 40px;

}



div[id*='ays-quiz-container-'] .ays-quiz-upload-ready .ays-quiz-upload-ready-link-box a{

	font-size: 12px;

	overflow: hidden;

	text-decoration: none;

	box-shadow: none;

	outline: none;

	word-break: break-all;

	word-wrap: break-word;

	color: #5F6368 !important;

}



div[id*='ays-quiz-container-'] .ays-quiz-upload-ready .ays-quiz-upload-ready-link-box a:hover{

	text-decoration: underline !important;

}



div[id*='ays-quiz-container-'] .ays-quiz-upload-ready .ays-quiz-upload-ready-image-box{

	cursor: pointer;

	margin-left: 10px;

}



div[id*='ays-quiz-container-'] .ays-quiz-upload-ready-image-box img{

	max-width: initial;

	box-shadow: unset;

}



div[id*='ays-quiz-container-'] .ays-quiz-upload-ready-link-box,

div[id*='ays-quiz-container-'] .ays-quiz-upload-ready-image-box{

	display: flex;

	align-items: center;

}



.ays_quiz_upload_type_answers_summary{

	width: 100%;

}



.ays_quiz_upload_type_answers_summary .ays-quiz-upload-ready-summary a{

	text-decoration: none;

}



.ays_quiz_upload_type_answers_summary .ays-quiz-upload-ready-summary a:hover{

	text-decoration: underline;

}



.ays-quiz-upload-ready-summary{

	border-radius: 4px;

	background-color: rgb(0, 0, 0, 0.03);

	padding: 5px 10px;

	margin-bottom: 8px;

	display: flex;

}



.ays-quiz-upload-ready-summary:hover{

	background-color: rgb(0, 0, 0, 0.1);

}



.ays-quiz-upload-ready-summary .ays-quiz-upload-ready-link-summary{

	font-size: 13px;

	color: black;

}



div[id*='ays-quiz-container-'] .ays-quiz-upload-type-loader{

	background-color: #bfbfbf69;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	display: flex;

	justify-content: center;

	align-items: center;

}



div[id*='ays-quiz-container-'] .ays-quiz-upload-type-loader img{

	box-shadow: unset;

}



div[id*='ays-quiz-container-'] .ays-quiz-validation-error-upload {

	display: flex;

	align-items: center;

	margin-top: 10px;

}



div[id*='ays-quiz-container-'] .ays-quiz-validation-error-upload {

	display: none;

}



div[id*='ays-quiz-container-'] .ays-quiz-validation-error-upload span {

	font-family: Roboto, Arial, sans-serif;

	font-size: 12px;

	font-weight: 400;

	letter-spacing: .3px;

	line-height: 16px;

	color: #d93025 !important;

}



/* Upload question type end */



/* Plugin Branding Link start */



.ays-quiz-powered-by-container {

    margin: 0 auto 20px;

    max-width: 96%;

    text-align: right;

}



.ays-quiz-promote-powered-by-text-row {

    display: flex;

    justify-content: flex-end;

    align-items: center;

}



.ays-quiz-promote-powered-by-text {

	margin: 0;

    text-align: right;

    font-size: 12px;

    font-style: italic;

    color: #767373;

}



.ays-quiz-promote-powered-by-text a {

	color: #767373;

}



/* Plugin Branding Link end */

/* CSS */

.nav-tabs {

    list-style: none;

    padding: 0;

    margin: 0 0 1rem 0;

    display: flex;

    flex-wrap: wrap;

  }

  

  .nav-item {

    margin-bottom: -1px;

  }

  

  .nav-link {

    display: block;

    padding: 0.5rem 1rem;

    color: #007bff;

    text-decoration: none;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;

    margin: 3px 6px;

    border-radius: 7px;

    border: 1px solid #dee2e6;

    font-size: 15px;

  }

  

  .nav-link:hover {

    color: #0056b3;

    border-color: #dee2e6 #dee2e6 #fff;

  }

  

  .nav-link.active {

    color: #fff;

    background-color: #007bff;

    font-weight: 600;

  }

  

  .tab-content {

    border: 1px solid #dee2e6;

    border-radius: 0 0 0.25rem 0.25rem;

    padding: 1rem;

  }

  

  .tab-pane {

    display: none;

  }

  

  .tab-pane.active {

    display: block;

  }

.nav-link.disabled {

    pointer-events: none;

    opacity: 0.6; /* Optional: visually indicate the element is disabled */

    cursor: not-allowed; /* Optional: change the cursor to indicate disabled state */

}

.quiz-modal {

    display: none; /* Hidden by default */

    position: fixed;

    z-index: 10000000;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */

    font-family: "Roboto", Arial, sans-serif;

}

.quiz-modal .quiz-modal-content #copy-keyword:hover, .quiz-modal .quiz-modal-content #change-keyword:hover{

    color: #4d4d4d;

    transition: .5s;

    background-color: #f7f7f7;

    border-color: #515151;

}

.quiz-modal .quiz-modal-content #keyword{

    color: red;

}

.quiz-modal .quiz-modal-content #copy-keyword,.quiz-modal .quiz-modal-content #change-keyword{

    font-size: 12px;

    color: #888;

    cursor: pointer;

    border: 1px solid #888;

    padding: 2px 10px;

    border-radius: 7px;

    display: inline-block;

    vertical-align: text-bottom;

}

.quiz-modal .quiz-modal-content .change-keyword-container{

    display: block;

    text-align: center;

}

.quiz-modal .quiz-modal-content #change-keyword{

    padding: 4px 20px;

    margin-top: 5px;

}

.custom-notification {

    position: fixed;

    top: 20px;

    right: 10%;

    background-color: #4caf50;

    color: white;

    padding: 10px 20px;

    border-radius: 5px;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

    font-size: 14px;

    z-index: 10000001;

    display: none;

}

.quiz-modal .modal-content{

    width: 620px;

    margin: auto;

    text-align: left;

}

.quiz-modal .page-google{

    text-align: center;

    margin-bottom: 10px;

}

.quiz-modal .modal-footer{

    text-align: center;

    margin-top: 15px;

    justify-content: center;

    align-items: center;

    display: flex;

}

.quiz-modal .image-view-more{

    text-align: center;

    margin: 10px 0px;

}

.quiz-modal .quiz-modal-content #get-result-quiz{

    cursor: pointer;

    text-align: center;

}

.quiz-modal-content {

    background-color: #fff;

    margin: 20px auto;

    padding: 20px;

    border: 1px solid #888;

    width: 660px;

    text-align: center;

    font-size: 16px;

    border-radius: 7px;

}



.quiz-modal-content .box-danger-mask {

    background-color: red;

    border-radius: 7px;

    display: inline-block;

    width: 35px;

    height: 18px;

    vertical-align: sub;

    margin-left: -2px;

}

#change-task{

    font-size: 12px;

    color: #888;

    cursor: pointer;

    border: 1px solid #888;

    padding: 5px 23px;

    border-radius: 7px;

    display: inline-block;

    vertical-align: text-bottom;

    opacity: .7;

}

#change-task:hover{

    color: #4d4d4d;

    opacity: 1;

    background-color: #f7f7f7;

    border-color: #515151;

}

.change-task-container{

    text-align: center;

    margin-top: 10px;

}

.quiz-modal .txt-step{

    font-weight: 600;

}

.quiz-modal .step-container a{

    color: #007fff;

    text-decoration: none;

}



.quiz-modal-content .danger-mask-txt{

    margin-top: 5px;

    display: block;

    text-align: center;

}



.quiz-modal-content .text-danger{

    color: red;

}



.quiz-modal-close {

    color: #aaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

    cursor: pointer;

}



.quiz-modal-close:hover,

.quiz-modal-close:focus {

    color: black;

    text-decoration: none;

    cursor: pointer;

}

.btn-ays-custom{

    background-color: #5d6cf9;

    color: #ffffff;

    font-size: 18px;

    padding: 6px 36px;

    border-radius: 8px;

    white-space: nowrap;

    letter-spacing: 0;

    box-shadow: unset;

    white-space: normal;

    word-break: break-word;

    background-image: unset;

    width: 200px;

}

.quiz-modal .quiz-modal-content input.input-ays {

    display: block;

    width: 250px;

    min-width: 250px;

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    line-height: 1.5;

    color: #495057;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    border-radius: 0.25rem;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    margin-right: 10px;

}



.quiz-modal .quiz-modal-content input.input-ays:focus {

    color: #495057;

    background-color: #fff;

    border-color: #80bdff;

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}

.quiz-modal .quiz-modal-content .image-demo-search{

    text-align: center;

    position: relative;

}

.quiz-modal .iframe-tutorials{

    width: 620px;

    height: 350px;

    margin-top: 10px;

}

.quiz-modal .quiz-modal-content .image-demo-search,.quiz-modal .quiz-modal-content .box-img-result img{

    width: 100%;

}

.quiz-modal .quiz-modal-content .txt-highlight{

    color: rgb(196, 0, 0);

    font-size: 15px;

    text-align: center;

    display: block;

    font-weight: 600;

}

.quiz-modal .quiz-modal-content  .form-input{

    display: flex;

    margin: 8px auto;

    justify-content: space-evenly;

}

.quiz-modal .quiz-modal-content  .d-block{

    display: block;

}

.quiz-modal .quiz-modal-content  .font-weight-bold{

    font-weight: bold;

}

.quiz-modal .quiz-modal-content  .text-center{

    text-align: center;

}

.quiz-modal .quiz-modal-content  .txt-danger{

    color: rgb(196, 0, 0);

    font-weight: 600;

}

.quiz-modal .quiz-modal-content .keyword{

    position: absolute;

    left: 156px;

    z-index: 2;

    top: 99px;

    font-size: 15px;

}

.arrow-container svg{

    width: 140px;

    position: absolute;

    right: 26px;

    rotate: 15deg;

    top: -10px;

}

.modal-content .box-img-result .image{

    display: inline-block;

    border: 2px solid red;

    margin-top: 5px;

    margin-bottom: 10px;

}

.note-find-txt{

    color: #007fff;

    text-align: center;

    margin: 0px 0px 10px;

}

.txt-title{

    position: absolute;

    right: -12px;

    font-size: 12px;

    color: red;

    width: 120px;

    top: 48px;

    font-weight: 600;

}

.keypass-warning{

    margin-top: 10px;

}

#trigger-send.button-disabled,#get-result-quiz.button-disabled {

    pointer-events: none;

    opacity: 0.5; /* Tùy chọn: Làm cho button trông như bị vô hiệu hóa */

}

/* Disable scrolling */

.body-no-scroll {

    overflow: hidden;

}

.loading-spinner {

    position: fixed;

    top: 40%;

    left: 48%;

    transform: translate(-50%, -50%);

    width: 50px;

    height: 50px;

    border: 5px solid #f3f3f3;

    border-top: 5px solid #3498db;

    border-radius: 50%;

    animation: spin 1s linear infinite;

    z-index: 10000002;

}

.background-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 10000001;

}

@keyframes spin {

    0% { transform: rotate(0deg); }

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

}

@media screen and (max-width: 600px) {

    .quiz-modal{

        width: 100%;

    }

    .quiz-modal-content{

        width: 95%;

        padding: 10px;

        height: 90vh;

        overflow: auto;

        margin: 4vh auto;

    }

    .quiz-modal-content img{

        max-width: 100%;

    }

    .quiz-modal .modal-content{

        width: 100%;

    }

    .quiz-modal .modal-footer{

        display: block;

        text-align: center;

    }

    .quiz-modal .modal-footer input.input-ays{

        width: 92%;

    }

    .box-img-result .txt{

        display: none;

    }

    .quiz-modal .quiz-modal-content .keyword{

        left: 43px;

        top: 85px;

    }

    .quiz-modal .form-input{

        display: flex;

        justify-content: space-evenly;

    }

    .quiz-modal .quiz-modal-content input.input-ays{

        margin-right: 0px;

        max-width: 45%;

        width: 45%;

        min-width: 45%;

    }

    .quiz-modal .quiz-modal-content #get-result-quiz{

        margin-top: 0px;

        border-radius: 4px;

        margin-left: 10px;

        padding: 7px 0px;

    }

    .quiz-modal .iframe-tutorials{

        width: 100%;

        height: calc(100vw / 16 * 9);

    }

}

/* CSS cho spinner trên nút bấm */
.action-button .button-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.4); /* Màu nền mờ của vòng quay */
    border-top-color: #ffffff; /* Màu của phần đang quay */
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 2px; /* Tinh chỉnh vị trí theo chiều dọc */
}