:root{--cardWidth:95vw;--cardMinHeight:300px;--studyingCardFontSize:1.2em;--studyingCardProgressBarBackgoung:#e2e2e2}
.paper{background-color:var(--cardsBackgroundColor);position:relative;border:0}
.paper::before,.paper::after{content:"";position:absolute;height:100%}
.paper::before{left:2px;top:3px;width:99%;z-index:-1;border:1px solid var(--deck2card);background-color:var(--deck2card);border-spacing:30px 8px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px}
.paper::after{left:4px;top:8px;width:98%;z-index:-2;border:1px solid var(--deck3card);background-color:var(--deck3card);border-spacing:30px 8px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px}
.cardBackground{box-shadow:5px 5px 20px -10px var(--boxShadown);-webkit-box-shadow:5px 5px 20px -10px var(--boxShadown);-moz-box-shadow:5px 5px 20px -10px var(--boxShadown);border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;overflow:hidden}
.cardNormalBackground{background-color:var(--cardsBackgroundColor)!important}
.card{padding:30px!important;min-height:var(--cardMinHeight)!important;width:var(--cardWidth)!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;word-break:break-word}
.studyCard{height:calc(100vh - 215px);width:var(--cardWidth)!important;max-width:var(--cardWidth)!important;cursor:pointer;font:var(--main-font);font-size:var(--studyingCardFontSize)!important}
.cardProgress{width:var(--cardWidth)}
.cardProgress .ui-progressbar-value{background-color:unset!important}
.cardColumn{vertical-align:middle!important}
.cardInfo{display:inline-block;padding:15px 15px 0 15px;opacity:.5;overflow:auto}
.cardHeader{text-transform:uppercase;color:var(--main-color);display:inline-block;padding:15px}
.container{max-width:var(--cardWidth)!important;display:inline-block}
.cardsResult{border-collapse:collapse!important;width:300px;height:100px;overflow-y:auto;padding:0;border:1px solid #d8d8d8!important;white-space:unset}
.cardsResultGrid{height:var(--cardMinHeight)!important;overflow:auto!important;display:grid!important;width:unset!important;max-width:unset!important;white-space:unset;overflow-wrap:anywhere}
.cardsResultGridInsideDialog{box-shadow:5px 5px 20px -3px var(--boxShadown);-webkit-box-shadow:5px 5px 20px -3px var(--boxShadown);-moz-box-shadow:5px 5px 20px -3px var(--boxShadown)}
.deckTableSpacing{border-spacing:10px;text-align:left;margin:0 auto}
.deckColumnAlignRigth{text-align:right}
.deckColumnAlignCenter{text-align:center}
.ql-snow .ql-tooltip[data-mode=video]::before{content:"URL do video:"}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after{content:'Salvar'}
.ql-container{font:var(--main-font);font-size:var(--studyingCardFontSize)}
.maxLineEllipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.maxLineEllipsisHeight{min-height:40px}
.flashCardsFooterButtons{width:auto!important;display:inline-flex!important;margin:8px 25px 8px 25px!important}
.popIn{-webkit-animation:popIn .5s cubic-bezier(1,0,1,1);animation:popIn .5s cubic-bezier(1,0,1,1);max-width:var(--cardWidth);margin-left:auto;margin-right:auto;display:flex;align-items:center;white-space:normal!important}
@keyframes popIn{from{transform:scale(1);opacity:0}
to{transform:scale(1);opacity:1}
}
.flip-vertical-left{-webkit-animation:flip-vertical-left .3s cubic-bezier(0.455,0.030,0.515,0.955) both;animation:flip-vertical-left .3s cubic-bezier(0.455,0.030,0.515,0.955) both}
@-webkit-keyframes flip-vertical-left{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
100%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}
}
@keyframes flip-vertical-left{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
100%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}
}
#io-overlay{position:absolute;z-index:3}
#io-original{position:relative;z-index:2}
#io-wrapper{position:relative}
.withoutPendencies{color:#016f2a;font-weight:bold;font-size:115%}
.answerButtons{margin:0!important;padding:5px 0 5px 0!important;-moz-border-radius:unset!important;-webkit-border-radius:unset!important;border-radius:unset!important;font-size:13px!important;text-transform:lowercase}
.wrongButton{background-color:#393b44!important;opacity:.8}
.wrongButton:hover{background-color:#393b44!important;opacity:1}
.hardButton{background-color:#d89032!important;opacity:.8}
.hardButton:hover{background-color:#d89032!important;opacity:1}
.goodButton{background-color:#588da8!important;opacity:.8}
.goodButton:hover{background-color:#588da8!important;opacity:1}
.cardImage{display:block;max-width:100%;overflow:auto;cursor:zoom-in;transition:width .5s ease-in-out}
@media(min-width :650px){.dotMenuFlashcards{display:none!important}
}
.qualityWarning{border:2px solid;border-color:#fb9a9a;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;padding:8px;font-size:small;margin:0 auto}
.deckWithoutPendingCards{opacity:.3}
.ratingColumn{display:inline-block}
.ui-chronoline-event-content{height:0}
.ui-chronoline-event-opposite{padding:0!important}
.level1,.level2,.level3,.level4,.level5{padding:12px;border-radius:6px;transition:all .3s ease}
.level1{border-left:4px solid #ec407a;background-color:#fce4ec}
.level2{border-left:4px solid #42a5f5;background-color:#e3f2fd}
.level3{border-left:4px solid #66bb6a;background-color:#e8f5e9}
.level4{border-left:4px solid #fdd835;background-color:#fffde7}
.current{box-shadow:0 0 10px #00000033;font-weight:bold;text-align:center}
.future{opacity:.4;filter:grayscale(0.6);text-align:center}
.passed{opacity:.7;filter:grayscale(0.6);text-align:center}