/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
.u-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
a.nounderline:link {
    text-decoration: none;
}
.u-unselectable{
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
img.flag{
    height: 20px;
    width: 40px;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
.admin_menu {
    display: none;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
.hidden{
    visibility: hidden;
}
.nonedisplay{
    display: none;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
#learnstatus{
    margin-bottom: 25px;
    font-size:13px;
    font-weight:bold
}
.learnstatus__right {
    margin:0 2px 0 0;
    padding:0 .4em 0 .4em;
    text-align:center
}
#learnstatus__waited{
    border:2px solid #1978bd
}
#learnstatus__grade{
    border:2px solid #1978bd
}
#learnstatus__count--unanswered{
    border:2px solid #fad163
}
#learnstatus__count--correct{
    border:2px solid #66cc66
}
#learnstatus__count--incorrect{
    border:2px solid #ff3333
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
#learncmd{
    margin-bottom: 10px;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
.learn_center{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
#learndata{
    margin-bottom: 10px;
    border:1px solid #cecece;
    background-color: white;
}
#learndata img{
    max-width:100%;
    max-height:100%;
}
#learndata__front{
    min-height:150px;
    position: relative;
    border-bottom: 1px solid #e2edeb;
    font-size: 19px;
}
.learndata__front--result{
    position: absolute;
    left: 10%;
    transform: translate(-50%, 0);
    top: 10px;
    font-size:18px;
    font-weight:bold;
}
#learndata__front--result-correct{ /*minpair*/
    color: #66cc66;
}
#learndata__front--result-correct-3{
    color: #0c8ee4;
}
#learndata__front--result-correct-4{
    color: #0c8ee4;
}
#learndata__front--result-correct-5{
    color: #66cc66;
}
#learndata__front--result-incorrect{
    color: #ff3333;
}
#learndata__back{
    min-height:150px;
    font-size: 19px;
}
#learndata__front--data, #learndata__back--data{
    padding: 5px;
    width: 100%;
    text-align: center;
}
#learndata__back--hint {
    padding: 5px;
    width: 100%;
    text-align: center;
    color: hsl(212, 80%, 42%);
    font-size: 15px;
    font-style: italic;
    margin-top: 8px;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
#learnanswer{
    text-align: center;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
#cardlist img{
    max-width:100%;
    max-height:100%;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
#cardcreate{
    margin-bottom:30px;
}
#cardcreate__toolbar{
    width: 300px;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
.lazychart{
    /*border: solid #e7e7e7 2px;*/
}
#lazychart__deck{
    margin-bottom:20px;
}
#lazychart__user{
    margin-bottom:20px;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
#learn{
    margin: auto 0;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
.bg-white{
    background-color: white;
}
a.a-no-underline, a.a-no-underline:hover{
    text-decoration: none;
}
.display-block{
    display: block;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
#cardcreate .ql-container, #cardcreate .ql-toolbar{
    background-color: white;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
span.archived {
    margin-top: -1px;
    margin-bottom: -1px;
    font-weight: 400;
    color: #586069;
    background-color: transparent;
    border: 1px solid rgba(27,31,35,0.15);
    display: inline-block;
    padding: 3px 4px;
    font-size: 12px;
    line-height: 1;
    border-radius: 2px;
    box-shadow: inset 0 -1px 0 rgba(27,31,35,0.12);
    margin-left: 4px !important;
}
span.shared {
    margin-top: -1px;
    margin-bottom: -1px;
    font-weight: 400;
    color: #1da1f2; /* Blue color */
    background-color: #e8f5fd; /* Light blue background */
    border: 1px solid rgba(27,31,35,0.15);
    display: inline-block;
    padding: 3px 4px;
    font-size: 12px;
    line-height: 1;
    border-radius: 2px;
    box-shadow: inset 0 -1px 0 rgba(27,31,35,0.12);
    margin-left: 4px !important;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
div.flash-container{
    z-index: 100000;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
#vocabdeck-create-form-wrapper, #deck__create--wrapper{
    width: 300px;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
#cardcreate__submit:focus{
    font-weight: bold;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
img.vocab-image{
    max-height: 200px !important;
    max-width: 200px !important;
    border: 1px solid #2b669a;
}
.vocab-hint{
    font-style: italic;
}
.vocab-audiohint{ /* Deprecated */
    margin-bottom: 10px;
    font-size: 15px;
    color: #0eaf0e;
    font-weight: bold;
}
.vocab-memories{ /* Deprecated */
    font-size: 15px;
    color: #2b669a;
    font-weight: bold;
}
.vocab-phonetic {
    font-family: "Lucida Sans Unicode", "Lucida Grande";
    font-size: 16px;
    font-weight: 400;
    color: #333333;
}
.vocab-word {
    font-size: 2.125rem;
    font-weight: 600;
    margin: 0rem 0rem 0rem 0rem;
    color: #1A3561;
    line-height: 2.625rem;
}
#vocab-word-wrong {
    color: red;
}
.vocab-phrase{
    color: hsl(212, 80%, 42%);
    font-size: 15px;
    font-style: italic;
    margin-top: 8px;
}
.vocab-mean{
    font-family: "Lucida Sans Unicode", "Lucida Grande";
    font-size: 15px;
    font-weight: 400;
    color: #333333;
}
.vocab-mean-hint{
    font-family: "Lucida Sans Unicode", "Lucida Grande";
    font-size: 15px;
    font-weight: 400;
    color: #333333;
    font-style: italic;
    margin-top: 20px;
}
a.exl, a.exl:hover, a.exl:visited, a.exl:active {
    font-size: 13px;
    color: green;
}
span.exl-friend {
    font-size: 13px;
    color: rgb(0, 0, 0);
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
#art_content img{
    max-width:100%;
    max-height:100%;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
.cards-entry-new{
    color: #0c8ee4;
}
.cards-entry-expired{
    color: #ff0000;
}
.cards-matured-expired{
    color: #F39C12;
}
.cards-forgot {
    color: #000000;
}
.cards-remembered {
    color: green;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
.white-space-nowrap {
    white-space: nowrap;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
#typing-once {
    margin-left: 10px;
    font-weight: bold;
    cursor: pointer;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
.dropdown-menu > .dropdown-item{
    display: block;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
#learnmeaning_phrase {
    margin-top: 3px;
}
#learnmeaning_question_holder {
    margin-top: 25px;
}
.learnmeaning_question {
    border: 1px solid #cecece;
}
.learnmeaning_question:hover {
    background-color: gainsboro;
}

#learnmeaning_answer_holder {
}
.learnmeaning_answer {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: hidden;
    color: #66cc66;
}
#learnmeaning_answer_1 {
    
}
#learnmeaning_answer_2 {
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
.sum_per_pronounce{
    font-weight: bold;
    color: hsl(212, 80%, 42%);
}
.sum_per_mean{
    font-weight: bold;
    color: hsl(212, 80%, 42%);
    margin-left: 5px;
}
.sum_per_word{
    font-weight: bold;
    color: hsl(212, 80%, 42%);
    margin-left: 5px;
}
.sum_per_non_vocab{
    font-weight: bold;
    color: lightseagreen;
    margin-left: 15px;
}
.sum_vocab_active{
    color: green;
    margin-left: 15px;
}
.sum_vocab_archived{
    color: grey;
    margin-left: 5px;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
.skip-by-limit-deck-today {
    text-decoration: underline;
    text-decoration-thickness: 3px;
}
.skip-by-demand-deck-today {
    text-decoration:  line-through;
    text-decoration-thickness: 1px;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/