body.logged-in .hide-if-connected {
    display:none !important;
}
body:not(.logged-in) .hide-if-disconnected {
    display:none !important;
}
.fl {float:left;}
.fr {float:right;}
.no-results {
    font-weight: bold;
    margin: 50px auto;
    text-align: center;
}
.no-results a {
    text-decoration: underline;
    color: #747474 ;
    font-weight: normal;
}
#content {
    overflow-x:hidden;
}
.alpha-ressources-liste {
    text-align: center;
}
.alpha-ressources-liste-item {
    position:relative;
    display: inline-block;
    width: 33%;
    padding: 70px 40px 40px;
    background:#00b0eb;
    text-align: center;
    margin-right:30px;
}
.alpha-ressources-liste-item.tome-1 { background:#00b1eb; color:#fff; }

.alpha-ressources-liste-item:hover {
    background:#3c3c3b !important;
    color:#fff !important;
}
.alpha-ressources-liste-item i {
    font-size:40px;
    position:absolute;
    top:25px;
    left:50%;
    margin-left:-15px;
}
.alpha-ressources-liste-item p {

}

.alpha-list-cards {
    max-width:600px;
    margin:20px auto;
}
.alpha-list-cards .slick-list {
    overflow:visible !important;
}
.slick-track {
    /*overflow-y:hidden;*/
}
.slick-slide {
    opacity: 0;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}
.slick-slide:focus {
    outline:0;
}
.slick-slide.slick-current.slick-active {
    opacity:1;
}
.slick-slide .fake {
    min-height:300px;
    line-height:300px;
    border:20px solid #00b1eb;
}
#slick-prev,
#slick-next {
    font-size:30px;
}
#slick-prev {
    float:left;
}
#slick-next {
    float:right;
}
.alpha-list-cards-progression {
    max-width: 250px;
    margin: 0px auto 10px;
    text-align: left;
}
.alpha-list-cards-progression  .bar {
    margin: 10px;
    height: 10px;
    background: #3c3c3b;
}
.alpha-list-cards-progression  .bar .current {
    display: inline-block;
    background: #00b0eb;
    height: 10px;
    float: left;
}
.alpha-list-cards-progression .status {
    float:right;
}

#alpha-list-characters-form {
    text-align: center;
}
#alpha-list-characters-form label {
    position: relative;
    margin-right:15px;
}
#alpha-list-characters-form label input {
    width:auto;
}
#alpha-list-characters-form .input-search,
#alpha-list-characters-form .input-reset {
    position:absolute;
    right:20px;
    top:3px;
    opacity:0.5;
    cursor:pointer;
    z-index:10;
}
#alpha-list-characters-form .input-reset { right:40px; }
#alpha-list-characters-form .input-search:hover,
#alpha-list-characters-form .input-reset:hover { opacity: 1; }

.alpha-list-characters {
  width: 100%;
  max-width: 1310px;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 5px 0;
}

.alpha-character-cell {
    float: left;
    position: relative;
    width: 10%;
}
.alpha-character-cell.alpha-character-traduction {
    width:25%;
}

.alpha-character-basic {
    display: block;
    font-size: 30px;
    border: 1px solid #ccc;
    margin: 0 5px 5px 0;
    vertical-align: top;
    text-align: center;
    position:relative;
    height:67px;
    line-height:67px;
}
.alpha-character-2 .alpha-character-basic {
    font-size: 22px;
}
.alpha-character-3 .alpha-character-basic {
    font-size: 18px;
}
.alpha-character-4 .alpha-character-basic {
    font-size: 18px;
}
.alpha-character-5 .alpha-character-basic, .alpha-character-6 .alpha-character-basic, .alpha-character-7 .alpha-character-basic {
    font-size: 18px;
}

.alpha-character-1.alpha-character-pinyin .alpha-character-basic,
.alpha-character-2.alpha-character-pinyin .alpha-character-basic,
.alpha-character-3.alpha-character-pinyin .alpha-character-basic,
.alpha-character-4.alpha-character-pinyin .alpha-character-basic {
    font-size: 14px;
}
.alpha-character-5.alpha-character-pinyin .alpha-character-basic, .alpha-character-6.alpha-character-pinyin .alpha-character-basic, .alpha-character-7.alpha-character-pinyin .alpha-character-basic  {
    font-size: 14px;
}

.alpha-character-traduction .alpha-character-basic {
    font-size:14px;
    line-height:30px;
}
.alpha-character-basic i {
    position:absolute;
    right:2px;
    bottom:1px;
    color:#00b1eb;
    font-size:12px;
}

.alpha-character-basic i.fa-volume-off {
    color:#ccc;
    right:4px;
}

.alpha-character-cell.is-collapsed .arrow--up {
  display:none;
}

.alpha-character-detail {
  max-width: 100%;
  width:650px;
  height: auto;
  min-height:300px;
  display: block;
  padding: 30px;
  margin: 0 auto;
  background:#fff;
  position:relative;
}

.alpha-character-cell.is-collapsed .alpha-character-basic {
  cursor: pointer;
}

.alpha-character-cell.is-expanded .alpha-character-basic a,
.alpha-character-cell:hover .alpha-character-basic a,
.alpha-character-cell.is-expanded .fa,
.alpha-character-cell:hover .fa {
    color:#fff;
}

.alpha-character-cell.is-expanded .alpha-character-basic a,
.alpha-character-cell.is-collapsed .alpha-character-basic a {
	text-decoration-line:none !important;
}

.alpha-character-cell.is-expanded .alpha-character-basic,
.alpha-character-cell:hover .alpha-character-basic {
    -webkit-transition: all 0.3s;
    transition: all .3s;
    background-color:#00b1eb;
}
.alpha-character-cell.is-expanded .alpha-character-expand {
  max-height: 4000px;
  margin-bottom: 10px;
  display:block;
}

.alpha-character-expand {
  -webkit-transition: max-height .8s ease;
  -moz-transition: max-height .8s ease;
  -ms-transition: max-height .8s ease;
  -o-transition: max-height .8s ease;
  transition: max-height .8s ease;
  max-height:0;
  position: relative;
  left: -5px;
  box-sizing: content-box;
  overflow: hidden;
  width: 1000%;
}
.alpha-character-expand > div {
  background: #00b1eb;
  padding: 50px;
  display:none;
}
.alpha-character-cell.is-expanded .alpha-character-expand > div {
    display:block;
}
.alpha-character-cell.alpha-character-traduction .alpha-character-expand {
    width:350%;
}
.alpha-character-cell.is-expanded .arrow--up {
    left: 50%;
    border-bottom: 7px solid #00B1EB;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    display: block;
    margin: -3px 0px 0px -5px;
}
.expand__close {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 40px;
  line-height: 40px;
  text-decoration: none;
}

.expand__close:before {
  content: '×';
  color:#fff;
}

.expand__close:hover {
  color: #fff;
}
.alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+2) .alpha-character-expand { margin-left: -100%;}
.alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+3) .alpha-character-expand { margin-left: -200%;}
.alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+4) .alpha-character-expand { margin-left: -300%;}
.alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+5) .alpha-character-expand { margin-left: -400%;}
.alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+6) .alpha-character-expand { margin-left: -500%;}
.alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+7) .alpha-character-expand { margin-left: -600%;}
.alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+8) .alpha-character-expand { margin-left: -700%;}
.alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+9) .alpha-character-expand { margin-left: -800%;}
.alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+10) .alpha-character-expand { margin-left: -900%;}
.alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+11) { clear: left; }

.alpha-character-cell.alpha-character-traduction:nth-of-type(4n+2) .alpha-character-expand { margin-left: -100%;}
.alpha-character-cell.alpha-character-traduction:nth-of-type(4n+3) .alpha-character-expand { margin-left: -200%;}
.alpha-character-cell.alpha-character-traduction:nth-of-type(4n+4) .alpha-character-expand { margin-left: -300%;}
.alpha-character-cell.alpha-character-traduction:nth-of-type(4n+5) { clear: left; }


.alpha-character-header {
    margin-bottom:30px;
    height:135px;
}
.alpha-character-svg {
    margin: 0 auto;
    text-align: center;

}
.alpha-character-svg img {
    width:auto;
    height:95px;
    /*border:1px solid #ccc;*/
    cursor:pointer;
}
.alpha-character-svg svg {
    width:105px;
    height:105px;
}
.alpha-character-svg i {
    color: #aaa !important;
    font-size: 30px;
    position: absolute;
    left: 15%;
    top: 56px;
    cursor: pointer;
}
.alpha-character-2 .alpha-character-svg svg {
    width:210px;
    height:105px;
}
.alpha-character-3 .alpha-character-svg svg {
    width:315px;
    height:105px;
}
.alpha-character-4 .alpha-character-svg svg {
    width:250px;
    height:105px;
}
.alpha-character-5 .alpha-character-svg svg, .alpha-character-6 .alpha-character-svg svg, .alpha-character-7 .alpha-character-svg svg {
    width:250px;
    height:105px;
}
.alpha-character-header-left,
.alpha-character-header-right {
    position:absolute;
    top:45px;
    left:30px;
}
.alpha-character-header-right {
    right:30px;
    left:auto;
    text-align: center;
}
.alpha-character-header-left .fa.fa-print {
    color:#3c3c3b;
    font-size:25px;
}
.alpha-character-word,
.alpha-character-traditionnal {
    padding: 10px 20px;
    display: inline-block;
    font-size: 30px;
    border: 1px solid #ccc;
    vertical-align: top;
    text-align: center;
    position: relative;
    color:#00b1eb;
}
.alpha-character-header-right span {
    font-size:12px;
    margin-top:5px;
    display:block;
}
.alpha-character-cell .pinyin {
    text-align: center;
    font-size: 24px;
    color: #00b1eb;
    margin: 15px 0 0;
    font-family: 'Noticia Text', serif;
}
.alpha-character-cell .pinyin span {
    width:95px;
    display:inline-block;
}
.alpha-character-4.alpha-character-cell .pinyin span {
    width: 65px;
}
.alpha-character-body {

}
.alpha-character-body .alpha-character-label svg {
    width:50px;
    height:50px;
    margin:0 3px 0 0;
}
.alpha-character-audio-paint {
    height:58px;
    text-align:center;
    margin:0 auto;
    overflow:hidden;
}
.alpha-character-paint,
.alpha-character-audio {
    width:27px;
    display:inline-block;
    margin-right:10px;
    vertical-align: top;
}
.alpha-character-audio .song-audio {
    padding:7.5px 5px;
}
.alpha-character-paint {
    height:30px;
    line-height:30px;
    background:#00B1EB;
    margin:0;
    text-align: center;
    cursor:pointer;
}
.alpha-character-paint > i {
    color:#ececec !important;
}
.drawingBoard {
    cursor: crosshair;
    overflow: hidden;
    margin:0 auto 20px;
    /*display:flex;*/
    flex-wrap: nowrap;
    justify-content: center;
}
.drawingBoard.length-1 svg {
    width: 256px;
    height: 256px;
}
.drawingBoard.length-2 svg {
    width: 256px;
    height: 256px;
}
.drawingBoard.length-3 svg {
    width: 256px;
    height: 256px;
/*
    width: 128px;
    height: 128px;
*/
}
.drawingBoard.length-4 svg {
    width: 256px;
    height: 256px;
/*
    width: 128px;
    height: 128px;
*/
}
.drawingBoard-action {
    cursor:pointer;
    background: #00b0eb;
    color: #fff;
    padding: 5px 16px;
    line-height: 14px;
    font-size: 12px;
    margin-right:10px;
}
.alpha-character-label {
    min-height:40px;
    margin:0 10px 0 0;
    color:#00b0eb;
}
.alpha-character-hsk-0 { display:none; }
.alpha-character-label.examples {
    margin-top:20px;
    border-left:15px solid #fff081;
    padding-left:15px;
}
.alpha-character-print {
    font-size: 25px;
    position: relative;
    top: -5px;
}
.alpha-character-print i {
    color:#333 !important;
}
.alpha-character-label .examples {
    padding: 0 0 0 60px;
}
.alpha-character-label .example {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
.alpha-character-label .example:last-child {
    border:none;
}
.alpha-character-label .song-audio {
    position: absolute;
    width: 27px !important;
    left: -45px;
    top: 50%;
    margin-top: -15px;
}
.alpha-character-label p {
    margin: 0;
}
.alpha-character-label .label {
    color: #3c3c3b;
    width: 87px;
    display: inline-block;
}
.tome-1 .alpha-character-label { color:#00B1EB; }
.alpha-character-label > span {
    float:left;
    font-weight: bold;
    margin:0px 5px 0 0;
    color:#3c3c3b;
}
.alpha-character-value {

}

.alpha-list-characters-pagination {
    margin:10px 0 0;
    text-align: center;
}
.alpha-list-reset-search {
    margin:10px 0;
    text-align: left;
}
.alpha-list-reset-search a {
    text-decoration: underline;
    color:#747474;
}
.alpha-list-characters-status {
    line-height: 40px;
}
.alpha-list-characters-pagination .page-numbers:hover {
    -webkit-transition: all 0.3s;
    transition: all .3s;
    background: #3c3c3b;
    color: #fff;
}
.alpha-list-characters-pagination .page-numbers {
    padding:5px 10px;
    background: #00b0eb;
    color: #fff;
    padding: 5px 16px;
    line-height: 14px;
    font-size: 12px;
}
.alpha-list-characters-pagination .page-numbers.dots {
    background:inherit !important;
    color:inherit !important;
}
.alpha-list-characters-pagination .page-numbers.current {
    background: #3c3c3b;
    color: #fff;
}



/*.ludocarte.flip .ludocarte-flipper {
  -webkit-transform:rotateX(180deg);
  -moz-transform:rotateX(180deg);
  transform: rotateX(180deg);
}*/
.ludocarte {
    float:left;
    display:block;
    margin:0 10px 10px 0;
    min-height:350px;
    width:100%;
    /*-webkit-perspective:1000px;
    -moz-perspective:1000px;
    -ms-perspective::1000px;
    perspective:1000px;*/
    position:relative;
}
.ludocarte-flipper {
    /*-webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;*/
    position: relative;
    min-height:350px;
}
.ludocarte-recto,
.ludocarte-verso {
    border-radius:10px;
    overflow: hidden;
    /*-webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: perspective(600px) rotateX(0);*/
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    min-height:350px;
    border:15px solid #00B1EB;
    padding:5px;
    background-color:#fff;
}
.ludocarte-flipflap {
    background: url(../img/arrow.png) no-repeat 80% 0px;
    width: 100%;
    height: 64px;
    position: absolute;
    bottom: 30px;
    right: 0;
    cursor: pointer;
    display: block;
}
.ludocarte-verso .ludocarte-flipflap {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    display: block;
    width: 100%;
    background-position-x: 20%;
}
.ludocarte-recto-logo {
    background:url(//cdn-beijingcursus.pressidium.com/wp-content/themes/Alpha/assets/img/beijingcursus-stickylogo-89x93.png) no-repeat center;
    background-size: 89px 93px;
    width: 89px;
    height: 93px;
    bottom: -30px;
    left: -30px;
    position: absolute;
    display: block;
}
.ludocarte-recto-symbol {
    padding: 20px 45px 20px 0px;
    position: absolute;
    width: 150px;
    top: 25px;
    right: 0px;
    font-size: 35px;
    line-height: 30px;
    text-align: right;
    color: #fff;
}
.tome-1.chapitre-1 .ludocarte-recto-symbol { background: #00B1EB url(//cdn-beijingcursus.pressidium.com/wp-content/themes/Alpha/assets/img/beijing-pictos-tome-1-chapitre-1-40x40.png) no-repeat 25px 15px; border-radius: 70px 0 0 70px; }
.tome-1.chapitre-2 .ludocarte-recto-symbol { background: #00B1EB url(//cdn-beijingcursus.pressidium.com/wp-content/themes/Alpha/assets/img/beijing-pictos-tome-1-chapitre-2-40x40.png) no-repeat 25px 15px; border-radius: 70px 0 0 70px; }
.tome-1.chapitre-3 .ludocarte-recto-symbol { background: #00B1EB url(//cdn-beijingcursus.pressidium.com/wp-content/themes/Alpha/assets/img/beijing-pictos-tome-1-chapitre-3-40x40.png) no-repeat 25px 15px; border-radius: 70px 0 0 70px; }
.tome-1.chapitre-4 .ludocarte-recto-symbol { background: #00B1EB url(//cdn-beijingcursus.pressidium.com/wp-content/themes/Alpha/assets/img/beijing-pictos-tome-1-chapitre-4-40x40.png) no-repeat 25px 15px; border-radius: 70px 0 0 70px; }
.tome-1.chapitre-5 .ludocarte-recto-symbol { background: #00B1EB url(//cdn-beijingcursus.pressidium.com/wp-content/themes/Alpha/assets/img/beijing-pictos-tome-1-chapitre-5-40x40.png) no-repeat 25px 15px; border-radius: 70px 0 0 70px; }
.tome-1.chapitre-6 .ludocarte-recto-symbol { background: #00B1EB url(//cdn-beijingcursus.pressidium.com/wp-content/themes/Alpha/assets/img/beijing-pictos-tome-1-chapitre-6-40x40.png) no-repeat 25px 15px; border-radius: 70px 0 0 70px; }
.tome-1.chapitre-7 .ludocarte-recto-symbol { background: #00B1EB url(//cdn-beijingcursus.pressidium.com/wp-content/themes/Alpha/assets/img/beijing-pictos-tome-1-chapitre-7-40x40.png) no-repeat 25px 15px; border-radius: 70px 0 0 70px; }
.tome-1.chapitre-8 .ludocarte-recto-symbol { background: #00B1EB url(//cdn-beijingcursus.pressidium.com/wp-content/themes/Alpha/assets/img/beijing-pictos-tome-1-chapitre-8-40x40.png) no-repeat 25px 15px; border-radius: 70px 0 0 70px; }
.tome-1.chapitre-9 .ludocarte-recto-symbol { background: #00B1EB url(//cdn-beijingcursus.pressidium.com/wp-content/themes/Alpha/assets/img/beijing-pictos-tome-1-chapitre-9-40x40.png) no-repeat 25px 15px; border-radius: 70px 0 0 70px; }
.ludocarte-recto-symbol .tome {
    position:absolute;
    right:30px;
    top:12px;
    font-size:40px;
    color:#fff;
}
.ludocarte-recto-translation {
    text-align: center;
    display:block;
    margin-top:100px;
    font-weight: bold;
    font-size:25px;
}
.ludocarte-recto-translation { color:#00b1eb; }
.ludocarte-recto-chapter {
    text-align: center;
    position:absolute;
    bottom:10px;
    left:0;
    right:0;
}
.ludocarte-verso {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.ludocarte-verso-header {
    padding:10px;
    text-align:center;
}
.ludocarte-verso-word {
    font-size: 50px;
    color: #00B1EB;
    text-align: left;
    /* margin-top: 20px; */
    display: block;
    height: 70px;
    width: 200px;
    padding-left: 5px;
}
.ludocarte-verso-pinyin {
    font-size: 19px;
    color: #00B1EB;
    width: 200px;
    /* float: left; */
    text-align: left;
    font-family: 'Noticia Text', serif;
    display: block;
    padding-left: 25px;
}
.ludocarte-verso-lines {
    font-size: 18px;
    float: right;
    color: #00B1EB;
    font-weight: normal;
    display: block;
}
.ludocarte-verso-audio {
    position: absolute;
    width: 27px;
    /* margin: 10px auto; */
    overflow: hidden;
    right: 10%;
    top: 60px;
}
.ludocarte-verso-decomposition {
    /*margin:15px 0 0;*/
    margin: 15px 0 100px 0;
    text-align: center;
    line-height: 1px;
}
.ludocarte-verso-decomposition svg {
    float:none;
    width:50px;
    height:50px;
    margin:0 3px 0 0;
}
.ludocarte-split-2 .ludocarte-verso-decomposition,
.ludocarte-split-3 .ludocarte-verso-decomposition {
    margin:2px 0 0;
}
.ludocarte-split-2 .ludocarte-verso-decomposition svg {
    margin:3px 3px 0 0;
    width:40px;
    height:40px;
}
.ludocarte-split-3 .ludocarte-verso-decomposition svg {
    margin:2px 2px 0 0;
    width:30px;
    height:30px;
}

/* SPINNER */
.spinner {
  width: 70px;
  text-align: center;
  position:absolute;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:55%;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/* AUDIO PLAYER */
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
    background:#00b1eb !important;
    height: 30px !important;
    padding: 0px 0px 0px 0 !important;
}
.mejs-button>button {
    margin: 7px 4px !important;
}

/* Code parrainage */
.alpha-coupon-url {
    text-align: center;
}
.alpha-coupon-url > span {
    margin:10px auto 0;
    background: #00b0eb;
    color:#747474;
    font-family: monospace;
    font-size: 14px;
    padding:5px 10px;
}
.alpha-coupon {
    max-width:100%;
    font-size: 16px;
    padding: 5px 10px;
    width: 175px;
    margin: 0 auto 20px;
    text-align: center;
    font-family: monospace;
    background: #00b0eb;
}
.alpha-coupon-partage {
    text-align: center;
}
.alpha-coupon-partage a {
    text-decoration: none;
    margin: 0 10px 0;
    font-size: 30px;
}

/* The ribbons */

.corner-ribbon{
  width: 165px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 25px;
  letter-spacing: 1px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  color:#3c3c3b;
}
/* Custom styles */
.corner-ribbon.sticky{
  position: absolute;
}
.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}
/* Different positions */
.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
/* Colors */
.corner-ribbon.hsk-0{display:none;}
.corner-ribbon.hsk-1{background: #e6f3fc;} /*rgb(0,177,235)*/
.corner-ribbon.hsk-2{background: #00b1eb;}
.corner-ribbon.hsk-3{background: #00b1eb;}
.corner-ribbon.hsk-4{background: #00b1eb;}
.corner-ribbon.hsk-5{background: #00b1eb;}
.corner-ribbon.hsk-6{background: #00b1eb;}

/* WOOCOMMERCE */
.wc-terms-and-conditions {
    float: right;
    font-weight: bold;
}


/* AVADA */
.fusion-widget-menu li {
    display:block !important;
}
.fusion-widget-menu li a:after {
    display:none !important;
}
.fusion-menu-login-box .fusion-custom-menu-item-contents {
    left:auto !important;
    right:0 !important;
}

#cookieChoiceInfo {
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
    color: #fff;
    top: 10px;
    margin-left: 5%;
    right: 30px;
    border-radius: 5px;
    margin: 0;
    padding: 8px 21px;
    position: fixed;
    text-align: center;
    z-index: 20000;
    font-size: 13px;
}

#cookieChoiceInfo a {
    border-bottom: 1px dotted;
    color: #ffffff;
}

#cookieChoiceInfo a#cookieChoiceDismiss {
    background: #e3e3e3 none repeat scroll 0 0;
    border: 1px solid #bbb;
    border-radius: 5px;
    box-shadow: 0 0 1px 1px #f6f6f6 inset;
    color: #333;
    font: bold 12px/1 "helvetica neue",helvetica,arial,sans-serif;
    margin-left: 20px;
    padding: 5px 0;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 100px;
    display: inline-block;
  }

#cookieChoiceInfo a#cookieChoiceDismiss:hover {
    background: #bbb;
}

/* READER */
#magazine .flipflap {
    position: absolute;
    width: 64px;
    height: 64px;
    background: url(../img/arrow.png) no-repeat center;
    z-index: 10000;
    right: 30px;
    top: 0;
}
#magazine .even .flipflap {
    left:30px;
    right:auto;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
#magazine .p1 .flipflap {
    right:0 !important;
    top:15px;
}


/* Loader */
.hide-when-page-loaded {
    height: 100px;
    width: 100%;
    position: relative;
    /*position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;*/
    /*background:rgba(0,0,0,0.3);*/
}
.hide-when-page-loaded .loader {
    position:absolute;
    top:10%;
    left:42%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border: 12px solid #f3f3f3; /* Light grey */
    border-top: 12px solid #00b0eb; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/**
 * LUDOCARTES FLIP
 */
/*
.ludocarte {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;

    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;

}

.ludocarte.flip .ludocarte-verso {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.ludocarte.flip .ludocarte-recto {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.ludocarte-flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;

    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;

    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;
}

.ludocarte-recto, .ludocarte-verso {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);

    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);

    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);

    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);

    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);

    position: absolute;
    top: 0;
    left: 0;
}

.ludocarte-recto {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
}

.ludocarte-verso {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
*/




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

    #alpha-list-characters-form label {
        margin-right:0;
        margin-bottom:15px;
        width:49%;
        display:inline-block;
    }
    #alpha-list-characters-form label select,
    #alpha-list-characters-form label input {
        width:100%;
    }
    #alpha-list-characters-form .input-search {
        right:15px;
        bottom:7px;
    }
    #alpha-list-characters-form .input-reset {
        right:35px;
        bottom:7px;
    }
    #alpha-list-characters-form input[type="submit"] {
        width:66%;
        display:block;
        margin:10px auto 5px;
    }
    .alpha-character-cell{
      width: 20%;
    }
    .alpha-character-cell.alpha-character-traduction {
        width:50%;
    }
    /* Reset previous */
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+2) .alpha-character-expand,
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+3) .alpha-character-expand,
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+4) .alpha-character-expand,
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+5) .alpha-character-expand,
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+6) .alpha-character-expand,
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+7) .alpha-character-expand,
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+8) .alpha-character-expand,
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+9) .alpha-character-expand,
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+10) .alpha-character-expand,
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(10n+11) { clear: none; margin-left:auto; }

    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(5n+2) .alpha-character-expand { margin-left: -100%;}
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(5n+3) .alpha-character-expand { margin-left: -200%;}
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(5n+4) .alpha-character-expand { margin-left: -300%;}
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(5n+5) .alpha-character-expand { margin-left: -400%;}
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(5n+6) { clear: left; }

    .alpha-character-cell.alpha-character-traduction:nth-of-type(2n+2) .alpha-character-expand { margin-left: -100%;}
    .alpha-character-cell.alpha-character-traduction:nth-of-type(2n+3) { clear: left; }

    .alpha-character-expand {
      width: 500%;
    }
    .alpha-character-cell.alpha-character-traduction .alpha-character-expand {
        width:160%;
    }
    .alpha-character-header-left, .alpha-character-header-right {
        position:static;
    }
    .alpha-character-header {
        height:auto;
    }
    .alpha-character-svg {
        margin-bottom:10px;
    }

}


/* LOGO */
@media only screen and (max-width: 800px) {
    .fusion-logo-link {
        text-align: center;
    }
    .fusion-logo-link img {
        width:66% !important;
    }
    .alpha-character-svg {
        margin:0 0 55px;
    }
    .alpha-character-svg i {
        left: 45%;
        top: 140px;
    }

    #alpha-list-characters-form > div {
        width:90% !important;
        display:block !important;
        margin:0 auto;
    }
    #alpha-list-characters-form #sort {
        width:100% !important;
    }
}

@media only screen and (max-width: 400px) {
    .drawingBoard-action {
        margin:0 auto 15px;
        display:block;
        width:256px;
        padding:10px;
    }
    .drawingBoard-action:last-child {
        margin:0 auto;
    }
    .alpha-character-cell{
      width: 33%;
    }
    .alpha-character-svg img,
    .alpha-character-cell .pinyin span {
        width:31%;
    }
    .alpha-character-cell .pinyin {
        margin:5px 0;
    }
    .alpha-character-header {
        margin-bottom:20px;
    }
    .alpha-character-detail {
        padding:10px;
    }
    /* Reset previous */

    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(5n+2) .alpha-character-expand,
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(5n+3) .alpha-character-expand,
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(5n+4) .alpha-character-expand,
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(5n+5) .alpha-character-expand,
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(5n+6) { clear: none; margin-left:auto; }

    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(3n+2) .alpha-character-expand { margin-left: -100%;}
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(3n+3) .alpha-character-expand { clear: left; margin-left:-200%;}
    .alpha-character-cell:not(.alpha-character-traduction):nth-of-type(3n+4) { clear: left; }

    .alpha-character-expand > div {
        padding:35px 10px;
    }
    .expand__close {
        top:0px;
        font-size:33px;
        cursor: pointer;
    }
    .alpha-character-expand {
      width: 300%;
    }
    .alpha-character-value.alpha-character-decomposition svg {
        width:30%;
        height:30%;
    }
    .alpha-character-body > .fr {
        float:none;
    }
    .alpha-character-label {
        min-height:25px;
    }

    .alpha-character-label .label {
        display:block;
    }

    .alpha-character-3 .alpha-character-svg svg,
    .alpha-character-4 .alpha-character-svg svg {
        width:100%;
    }

    .ludocarte {
        /*min-height:calc(100vh - 100px);*/
    }

    .ludocarte-flipper,
    .ludocarte-recto,
    .ludocarte-verso {
        min-height:calc(100vh - 125px);
    }
}



/**
 * selectize.css (v0.12.4)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
    height:29px;
    line-height: 29px;
  border: 1px solid #d0d0d0;
  padding: 0px 30px 0 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}
.selectize-input.full {
  background-color: #ffffff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {/*
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);*/
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  /*background: rgba(125, 168, 208, 0.2);*/
  background: #fff381;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}
.selectize-dropdown-content label {
  margin: 0 5px 0 0 !important;
  display: block !important;
  width: 100% !important;
}
.selectize-dropdown-content span {
  color:#00B1EB;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.multi .selectize-input .pinyin {
    font-weight: bold;
}
.selectize-control.multi .selectize-input .word {
    font-weight: bold;
}
.selectize-control.multi .selectize-input .description {

}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}



/** SONGS */
.song {

}
.song-line {
    display: block;
    margin-bottom:10px;
}
.song-line-audio {
    font-size: 15px;
    cursor: pointer;
    color: #fff;
    background: #00b0eb;
    padding: 4px;
    display: inline-block;
    position:relative;
    top:-3px;
}
.song-word {
    text-align: center;
    margin-right:10px;
    background:none;
    border:none;
    cursor:pointer;
    display:inline-block;
    vertical-align:bottom;
}
.song-word:hover,
.song-word:focus {
    color:#00b0eb;
    outline:none;
}
.song-word.missing {
    background:indianred;
}
.song-pinyin {
    display:block;
    margin-bottom:5px;
    color:#00b0eb;
    font-size:16px;
}
.song-chars {
    font-size:28px;
    display:block;
}
.song-popin-header {
    margin:0 0 15px;
    text-align:center;
    position:relative;
}
.song-popin-header [data-dismiss] {
    position:absolute;
    right:0;
    top:-3px;
    font-size:18px;
    color:#999;
    cursor:pointer;
}
.song-popin-header [data-dismiss]:hover {
    color:#333;
}
.song-audio {
    font-size: 15px;
    cursor: pointer;
    color: #fff;
    background: #00b0eb;
    padding: 4px;
    display: inline-block;
}
.song-audio .fa-pause { display:none; }
.song-audio .fa-play { display:block; }
.song-audio.playing .fa-pause { display:block; }
.song-audio.playing .fa-play { display:none; }

.song-popin-table {
}
.song-popin-table td {
    border:none;
}
.song-popin-word {
    color:#00b0eb;
    font-size:18px;
    text-align:center;
    padding:0 10px 0 0;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}
.song-popin-i18n {
    line-height:18px;
}
.song-hsk {
    border-radius:2px;
    padding:3px 6px;
    background: #e6f3fc;
    margin-right:10px;
}

.song-hsk.hsk-0 {display:none;}



/** TOME 2 COLORS */
.tome-2 .alpha-list-characters-pagination .page-numbers,
.tome-2 .alpha-character-expand > div,
.tome-2 .mejs-container,
.tome-2 .mejs-container .mejs-controls,
.tome-2 .mejs-embed,
.tome-2 .mejs-embed body,
.tome-2 .song-audio,
.tome-2 .alpha-character-paint,
.tome-2 #slick-prev,
.tome-2 #slick-next,
.tome-2 .alpha-list-cards-progression .bar .current {
    background: #3aaa35 !important;
}
.tome-2 .alpha-character-cell.is-expanded .alpha-character-basic,
.tome-2 .alpha-character-cell:hover .alpha-character-basic {
    background-color:#3aaa35 !important;
}
.tome-2 .slick-slide .fake,
.tome-2 .ludocarte-recto,
.tome-2 .ludocarte-verso {
    border-color:#3aaa35 !important;
}
.tome-2 .alpha-character-cell.is-expanded .arrow--up {
    border-bottom-color:#3aaa35 !important;
}
.tome-2 .alpha-character-basic i,
.tome-2 .alpha-character-cell .pinyin,
.tome-2 .alpha-character-word,
.tome-2 .alpha-character-traditionnal,
.tome-2 .ludocarte-verso-lines,
.tome-2 .ludocarte-verso-pinyin,
.tome-2 .ludocarte-verso-word,
.tome-2 .alpha-character-label,
.tome-2 .ludocarte-recto-translation {
    color: #3aaa35 !important;
}
.tome-2 svg path.current {
    fill: #3aaa35 !important;
}


/** TOME 3 COLORS */
.tome-3 .alpha-list-characters-pagination .page-numbers,
.tome-3 .alpha-character-expand > div,
.tome-3 .mejs-container,
.tome-3 .mejs-container .mejs-controls,
.tome-3 .mejs-embed,
.tome-3 .mejs-embed body,
.tome-3 .song-audio,
.tome-3 .alpha-character-paint,
.tome-3 #slick-prev,
.tome-3 #slick-next,
.tome-3 .alpha-list-cards-progression .bar .current {
    background: #f07e31 !important;
}
.tome-3 .alpha-character-cell.is-expanded .alpha-character-basic,
.tome-3 .alpha-character-cell:hover .alpha-character-basic {
    background-color:#f07e31 !important;
}
.tome-3 .slick-slide .fake,
.tome-3 .ludocarte-recto,
.tome-3 .ludocarte-verso {
    border-color:#f07e31 !important;
}
.tome-3 .alpha-character-cell.is-expanded .arrow--up {
    border-bottom-color:#f07e31 !important;
}
.tome-3 .alpha-character-basic i,
.tome-3 .alpha-character-cell .pinyin,
.tome-3 .alpha-character-word,
.tome-3 .alpha-character-traditionnal,
.tome-3 .ludocarte-verso-lines,
.tome-3 .ludocarte-verso-pinyin,
.tome-3 .ludocarte-verso-word,
.tome-3 .alpha-character-label,
.tome-3 .ludocarte-recto-translation {
    color: #f07e31 !important;
}
.tome-3 svg path.current {
    fill: #f07e31 !important;
}


/** Dessiner c'est gagner */
.fusion-modal .demo-controls {
    margin: 0 auto 15px;
    border: 1px dashed #cccccc;
    padding: 10px;
/*    width: 50%;*/
}
.fusion-modal .demo-controls .form-inline {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
.fusion-modal .demo-controls .checkbox {
	width: 150px;
}
.fusion-modal .demo-controls .fusion-button {

}

/*List of detailed characters */
.alpha-character-label svg {
    width: 50px;
    height: 50px;
    margin: 0 3px 0 0;
}