/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 /* Popup quiz  */
.ays-quiz-popup-quiz-container {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   max-width: 100%;
   max-height: 100%;
   font-family: monospace, arial, sans-serif;
   cursor: default;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   z-index: 99999999999;
   pointer-events: fill;
   scrollbar-color: #d6d6d6;
   scrollbar-width: thin;
   padding: 13px 5px 5px;
   box-shadow: 10px 10px 15px 1px rgb(0 0 0 / 40%);
}

.ays-quiz-popup-quiz-container .ays-quiz-popup-btn-close {
   display: flex;
   justify-content: flex-end;
   margin: 4px;
   cursor: pointer;
   position: absolute;
   width: 24px;
   height: 24px;
   top: -16px;
   right: -16px;
   background-color: #fff;
   border-radius: 50%;
   box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
   transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
   border: 1px solid #dadce0;
}

.ays-quiz-popup-quiz-container .ays-quiz-popup-btn-close:hover {
   background-color: #ebedf1;
}
.ays-quiz-popup-quiz-container .ays-quiz-popup-btn-close:active {
   background-color: #dadce0;
}

.ays-quiz-popup-quiz-container .ays-quiz-popup-content {
   overflow-y: auto;
   height: 100%;
   width: 100%;
   max-width: 100%;
   padding-right: 10px;

   -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    /*display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;*/
}

.ays-quiz-popup-quiz-container .ays-quiz-popup-content::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.ays-quiz-popup-quiz-container .ays-quiz-popup-content::-webkit-scrollbar {
	width: 8px;
	background-color: #F5F5F5;
}

.ays-quiz-popup-quiz-container .ays-quiz-popup-content::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #d6d6d6;
}