@font-face{
    font-family:NotoSans-Regular;
    src:url(../fonts/NotoSans.ttf) format('truetype');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:AndikaW;
    src:url(../fonts/Andika-R.ttf) format('truetype')
}
@font-face{
    font-family:NotoKufiArabic;
    src:url(../fonts/NotoKufiArabic.ttf) format('truetype')
}
@font-face{
    font-family:'Noto Sans Ethiopic';
    font-style:normal;
    font-weight:400;
    src:url(../fonts/NotoSansEthiopic-Regular.ttf) format('truetype')
}
@font-face{
    font-family:'Noto Sans Ethiopic';
    font-style:normal;
    font-weight:700;
    src:url(../fonts/NotoSansEthiopic-Bold.ttf) format('truetype')
}
.readerbar .tab-link-highlight{
    display:initial!important;
    background:#ffc107
}
.aringati{
    font-family:'AndikaW',sans-serif!important
}
.arabic{
    font-family:'NotoKufiArabic',sans-serif!important
}
.alignRight{
    direction:rtl;
    unicode-bidi:bidi-override
}
.amharic{
    font-family:'Noto Sans Ethiopic',sans-serif!important
}
.books{
    font-family:'NotoSans-Regular',sans-serif!important
}
.bookList{
    font-family:'NotoSans-Regular',sans-serif
}
h1{
    font-weight:100
}
.bg-gold{
    background-color:#fdb60d!important
}
.centerColumnContent,.leftColumnContent,.rightColumnContent{
    padding:0 20px 20px;
    font-family:Roboto,Noto,Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:150%;
    text-align:center
}
.hidden{
    display:none
}
.notifications{
    z-index:20000
}
.analysis{
    text-align:center;
    color:#757575
}
.analysis h3{
    margin:2px 0 0 0;
    font-size:14px;
    font-weight:400;
    color:#FFB300
}
.analysis p{
    margin:0;
    font-variant:small-caps;
    font-size:12px;
    font-weight:300
}
.analytics-row{
    max-width:480px;
    margin:0 auto
}
.active-circle{
    width:28px;
    height:28px;
    background-color:#fdb60d;
    margin:4px;
    display:block;
    line-height:28px;
    text-align:center;
    -moz-border-radius:14px;
    border-radius:14px;
    min-width:28px;
    min-height:28px
}
.inactive-circle{
    width:28px;
    height:28px;
    background-color:#0097a7;
    margin:4px;
    display:block;
    line-height:28px;
    text-align:center;
    -moz-border-radius:14px;
    border-radius:14px;
    min-width:28px;
    min-height:28px
}
.list-block .item-content{
    padding:0 0 0 16px!important
}
.list-block li.media-item .item-link .item-title-row,.list-block.media-list .item-link .item-title-row{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")
}
.list-block .item-link .item-inner{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")
}
.list-block:not(.media-list) .accordion-item-expanded:not(.media-item) .accordion-item-toggle .item-inner,.list-block:not(.media-list) .accordion-item-expanded:not(.media-item)>.item-link .item-inner,.list-block.media-list .accordion-item-expanded .accordion-item-toggle .item-title-row,.list-block.media-list .accordion-item-expanded>.item-link .item-title-row,.list-block .accordion-item-expanded.media-item .accordion-item-toggle .item-title-row,.list-block .accordion-item-expanded.media-item>.item-link .item-title-row{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20transform%3D'translate(115%2C%2030)%20rotate(90)'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")
}
.item-pdf{
    padding-left:28px;
    background-image:url(../images/pdff.png);
    background-repeat:no-repeat;
    background-position:left center
}
.item-youtube{
    padding-left:28px;
    background-image:url(../images/ytube.png);
    background-repeat:no-repeat;
    background-position:left center
}
.item-epub{
    padding-left:28px;
    background-image:url(../images/epub.png);
    background-repeat:no-repeat;
    background-position:left center
}
.content-block p{
    cursor:default
}
.item-copy{
    height: 24px;
    padding-left:28px;
    background-image:url(../images/clipboard.svg);
    background-repeat:no-repeat;
    background-position:left center
}
.content-block p{
    cursor:default
}
table{
    cursor:default
}
a img{
    outline:none
}
.noselect{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.searchbar .searchbar-button{
    position:absolute;
    width:24px;
    height:32px;
    left:0;
    top:0;
    opacity:0;
    pointer-events:none;
    background-color:#FFC10A;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url("data:image/svg+xml;charset=utf-8%3Csvg%20fill%3D'%23FFFFFF'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
    -webkit-background-size:24px 24px;
    background-size:24px 24px;
    -webkit-transition-duration:300ms;
    transition-duration:300ms;
    cursor:pointer
}
.searchbar.searchbar-active .searchbar-button{
    pointer-events:auto;
    opacity:1
}
.theme-background{
    background-color:#00bcd4
}
.theme_darker{
    background-color:#0097a7!important
}
.theme_darker_grey{
    background-color:#424242!important
}
.spinnerContainer{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.spinner{
    -webkit-animation:rotator 1.4s linear infinite;
    animation:rotator 1.4s linear infinite
}
@-webkit-keyframes rotator{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(270deg);
        transform:rotate(270deg)
    }
}
@keyframes rotator{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(270deg);
        transform:rotate(270deg)
    }
}
.path{
    stroke-dasharray:187;
    stroke-dashoffset:0;
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center;
    -webkit-animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;
    animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite
}
@-webkit-keyframes colors{
    0%{
        stroke:#FFC10A
    }
    100%{
        stroke:#FFC10A
    }
}
@keyframes colors{
    0%{
        stroke:#FFC10A
    }
    100%{
        stroke:#FFC10A
    }
}
@-webkit-keyframes dash{
    0%{
        stroke-dashoffset:187
    }
    50%{
        stroke-dashoffset:46.75;
        -webkit-transform:rotate(135deg);
        transform:rotate(135deg)
    }
    100%{
        stroke-dashoffset:187;
        -webkit-transform:rotate(450deg);
        transform:rotate(450deg)
    }
}
@keyframes dash{
    0%{
        stroke-dashoffset:187
    }
    50%{
        stroke-dashoffset:46.75;
        -webkit-transform:rotate(135deg);
        transform:rotate(135deg)
    }
    100%{
        stroke-dashoffset:187;
        -webkit-transform:rotate(450deg);
        transform:rotate(450deg)
    }
}
.tabbar .tab-link-highlight{
    display:none
}
.tabbar .tab-link-highlight-asb{
    position:absolute;
    left:0;
    bottom:0;
    height:3px;
    background:#0a6ebd;
    background:rgba(255,255,255,.5);
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.page-adjust-1bar{
    padding:0!important;
    top:56px;
    height:calc(100% - 56px)
}
.page-adjust-2bar{
    padding:0!important;
    top:104px;
    height:calc(100% - 104px)
}
.page-adjust-3bar{
    padding:0!important;
    top:152px;
    height:calc(100% - 196px)
}
.page-adjust-4bar{
    padding:0!important;
    top:192px;
    height:calc(100% - 192px)
}
.page-adjust-index{
    padding:0!important;
    top:104px;
    height:calc(100% - 148px)
}
.page-content-iframe{
    box-sizing:border-box;
    height:100%;
    position:relative;
    z-index:1
}
.toolbar{
    top:56px
}
.mysapce_nopadding{
    padding:0!important
}
.menuBar{
    top:56px;
    position:relative;
    height:48px;
    align-items:center;
    padding:0 16px
}
.searchbar{
    top:104px!important
}
.searchbarRead{
    top:96px!important
}
.searchbarStories{
    box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,0)
}
.myspaceBar{
    background-color:#00bcd4;
    width:100%;
    display:block;
    height:54px;
    top:199px;
    position:absolute;
    box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
    z-index:20
}
.sortbar{
    top:104px;
    position:absolute;
    height:44px;
    width:100%
}
.narrow-popup{
    width:360px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    left:0!important;
    right:0
}
.panelBar{
    height:56px;
    width:100%;
    color:white!important;
    line-height:56px;
    vertical-align:middle;
    border-radius:0;
    text-align:center;
    text-transform:uppercase;
    cursor:default
}
.panelSocial{
    bottom:0;
    position:absolute;
    height:36px;
    width:calc(100% - 20px);
    display:block;
    padding:4px 10px
}
.splashPage{
    display:none;
    width:100%;
    height:100%;
    background:url(../images/asb120.png) center center no-repeat;
    background-color:#00bcd4;
    z-index:13615;
    position:absolute;
    top:0;
    left:0;
    opacity:1;
    -webkit-transition:opacity 1000ms ease-in-out;
    -moz-transition:opacity 1000ms ease-in-out;
    -o-transition:opacity 1000ms ease-in-out;
    transition:opacity 1000ms ease-in-out
}
.splashText{
    font-weight:300;
    position:absolute;
    text-align:center;
    top:50%;
    width:100%;
    font-size:3.2vh;
    color:#fff;
    margin-top:80px
}
#connection{
    z-index:11100;
    position:absolute;
    bottom:0;
    right:10px;
    height:32px;
    width:110px;
    line-height:32px;
    font-size:14px;
    border-radius:4px 4px 0 0;
    background:#f6f6f6;
    color:#888;
    text-align:left;
    padding-left:10px;
    box-shadow:0 0 0 1px rgba(0,0,0,.15);
    font-weight:200;
    display:none
}
.readWaitPage{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.4);
    z-index:13620;
    position:absolute;
    top:0;
    left:0;
    display:none
}
.storyWaitPage{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.4);
    z-index:13620;
    position:relative;
    top:0;
    left:0;
    display:block
}
.swiper-slide{
    font-size:14px!important
}
.menuText{
    font-variant:small-caps;
    color:#FFC10A;
    font-size:18px!important;
    line-height:20px!important
}
.ssimage{
    height: 38px;
    padding: 4px 0;
}
.menuHide{
    visibility:hidden;
    width:60px
}
.menuItemHide{
    display:none!important
}
.menuIconMobile{
    visibility:hidden
}
.menuIconDesktop{
    visibility:visible
}
.menuMobile{
    display:none!important
}
.menuDesktop{
    display:flex!important
}
.story-centered{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    width:160px;
    height:240px
}
.story-row{
    max-width:800px;
    margin:0 auto
}
.mySpaceHighlight{
    height:3px;
    background-color:#00bcd4;
    display:flex;
    left:0;
    top:51px;
    position:relative
}
.mySpaceHighlightBar{
    width:95px;
    height:3px;
    background-color:#ffc107;
    left:0;
    position:relative;
    transition-property:right,left;
    transition-duration:0.25s;
    -webkit-transition-property:right,left;
    -webkit-transition-duration:0.25s
}
@media only screen and (min-width:768px){
    .reader-goback{
        position:absolute;
        left:0;
        top:0;
        bottom:0;
        width:10%;
        cursor:url(../images/left.png),w-resize;
        z-index:900;
        display:none
    }
    .reader-gonext{
        position:absolute;
        right:0;
        top:0;
        bottom:0;
        width:10%;
        cursor:url(../images/right.png),e-resize;
        z-index:900
    }
    .reader-showhide{
        position:absolute;
        left:10%;
        top:40px;
        height:calc(100% - 40px);
        width:80%;
        z-index:900
    }
    .reader-showbar{
        position:absolute;
        right:0;
        top:0;
        height:40px;
        width:100%;
        z-index:900
    }
    .vision-background{
        background-image:url(../images/flyingbooks.png);
        background-position:top center;
        background-repeat:no-repeat;
        padding-top:32px
    }
    div[class*="col-"]{
        text-align:center;
        padding:20px
    }
}
@media only screen and (max-width:768px){
    .reader-goback{
        height:0;
        width:0;
        display:none
    }
    .reader-gonext{
        height:0;
        width:0;
        display:none
    }
    .reader-showhide{
        height:0;
        width:0;
        display:none
    }
    .vision-background{
        background-image:url(../images/flyingbooks.png);
        background-position:top center;
        background-repeat:no-repeat;
        background-size:340px auto
    }
}
.menu-icon{
    display:none!important
}
@media only screen and (max-width:480px) and (orientation:portrait){
    .menu-icon{
        display:block!important
    }
    .menu-text{
        display:none!important
    }
    .menu-b{
        right:0!important
    }
    .mySpaceHighlight{
        display:none
    }
    .nopadding{
        padding:0!important
    }
    .narrow-popup{
        width:100%!important
    }
    .menuIconMobile{
        visibility:visible
    }
    .menuIconDesktop{
        visibility:hidden
    }
    .menuMobile{
        display:block!important
    }
    .menuDesktop{
        display:none!important
    }
    .searchbar{
        top:56px!important
    }
    .page-adjust-3bar{
        padding:0!important;
        top:104px;
        height:calc(100% - 148px)
    }
    .page-adjust-index{
        padding:0!important;
        top:56px;
        height:calc(100% - 82px)
    }
    .table-right,.table-left{
        width:auto;
        float:left;
        cursor:pointer
    }
    .story-centered{
        display:block;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:20px;
        width:100px;
        height:150px
    }
}
.partners .list-block .item-link .item-inner .item-title{
    text-overflow:inherit;
    white-space:normal
}
.list-block .item-title{
    white-space:normal!important;
    font-size:14px
}
a.item-link{
    width:100%!important
}
.leftMenu{
    margin-top:0
}
.rightMenu a.item-link{
    width:100%!important
}
.rightMenu{
    margin-top:0
}
.panel p{
    font-weight:200;
    margin-bottom:6px
}
.actions{
    cursor:pointer
}
.actions h2{
    font-size:22px;
    line-height:24px;
    text-align:left;
    font-weight:300;
    margin-bottom:0;
    margin-left:90px
}
.actions p{
    font-size:18px;
    line-height:25px;
    color:#757575;
    margin:0!important;
    text-align:left
}
.row{
    padding-top:0
}
div[class*="col-"]{
    padding:0
}
.card{
    border-radius:10px;
    box-shadow:3px 3px 7px rgba(0,0,0,.3)
}
.card-header{
    background-color:#00bcd4;
    color:#fff
}
.heading{
    font-size:48px;
    line-height:48px;
    color:#9e9e9e;
    text-align:center;
    width:100%;
    padding:10px 0 0 0;
    font-family:"Helvetica Neue","Arial","Helvetica","sans-serif";
    font-weight:100
}
.subheading{
    font-size:24px;
    color:#757575;
    text-align:center;
    padding:0 20px 20px 20px;
    font-weight:100;
    line-height:24px
}
.table-right{
    width:auto;
    float:right;
    cursor:pointer
}
.table-left{
    width:auto;
    float:left;
    cursor:pointer
}
.login-button{
    background-color:#FFC10A;
    margin:10px 16px;
    color:white!important
}
.login-exit{
    max-width:480px;
    margin:24px auto;
    height:40px;
    width:40px;
    vertical-align:middle;
    background-size:14px auto;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../images/clear_gold.svg);
    position:absolute;
    top:0;
    cursor:pointer
}
.login-message{
    width:calc(100% - 154px);
    margin-top:-20px;
    font-size:14px;
    font-weight:300;
    padding-left:12px;
    color:red
}
.page-ribbon{
    width:100%;
    height:40vh;
    background-color:#00bcd4;
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0
}
.page-text{
    position:absolute;
    top:110px;
    background-color:#fff;
    margin:0 10vw;
    z-index:1;
    height:calc(100% - 140px);
    overflow:auto
}
.page-text--4dp{
    box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)
}
.page-text-scroller{
    height:100%;
    overflow:auto
}
.footer{
    margin-bottom:0;
    background-color:#727272;
    color:#fff
}
.footer div[class*="col-"]{
    padding:10px
}
.footer textarea{
    resize:none
}
.footer input,textarea,select{
    font-weight:300;
    font-size:16px;
    color:#919499;
    display:block;
    border:0;
    background:#eee;
    border-radius:.35em;
    width:calc(100% - 2em);
    padding:.75em 1em .75em 1em
}
option{
    color:#000
}
.footer a{
    margin-left:10px;
    width:calc(100% - 20px);
    border-radius:0.35em!important
}
.footer .button{
    margin-top:10px
}
.footer h3{
    padding-left:32px;
    color:#FFC10A;
    font-size:16px;
    font-weight:400;
    letter-spacing:.06em;
    width:calc(100% - 20px);
    text-align:left;
    margin:0 6px 0 6px
}
.footer .link{
    font-size:16px;
    text-transform:uppercase
}
.footer p{
    padding-left:38px;
    color:#fff;
    font-size:14px;
    font-weight:300;
    text-align:left;
    margin-top:8px
}
.footer .buttons-row .button{
    color:#FFC10A;
    font-size:18px;
    font-weight:400;
    letter-spacing:.06em;
    text-transform:none;
    margin-top:0
}
.copyright{
    text-align:center;
    color:#fff;
    font-size:14px;
    font-weight:300;
    padding:0 20px
}
.bottom-line-dark{
    border-bottom:1px solid rgba(255,255,255,.12)
}
.icon-home{
    width:24px;
    height:24px;
    background-image:url(../images/home.png);
    background-size:24px 24px;
    background-repeat:no-repeat
}
.icon-email{
    width:24px;
    height:24px;
    background-image:url(../images/mail.png);
    background-size:24px 24px;
    background-repeat:no-repeat
}
.icon-phone{
    width:24px;
    height:24px;
    background-image:url(../images/phone.png);
    background-size:24px 24px;
    background-repeat:no-repeat
}
.icon-tick{
    width:24px;
    height:24px;
    background-image:url(../images/tick.png);
    background-size:24px 24px;
    background-repeat:no-repeat
}
.icon-more-white{
    width:24px;
    height:24px;
    background-image:url(../images/more_white_24px.svg);
    background-size:24px 24px;
    background-repeat:no-repeat
}
.icon-more-gold{
    width:24px;
    height:24px;
    background-image:url(../images/more_gold_24px.svg);
    background-size:24px 24px;
    background-repeat:no-repeat
}
.icon-return{
    display:inline-block;
    width:24px;
    height:24px;
    background-image:url(../images/arrow-return.svg);
    background-size:24px 24px;
    background-repeat:no-repeat
}
.icon-next{
    display:inline-block;
    width:24px;
    height:24px;
    background-image:url(../images/arrow-next.svg);
    background-size:24px 24px;
    background-repeat:no-repeat
}
.icon-add-w{
    width:24px;
    height:24px;
    vertical-align:middle;
    background-size:24px auto;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url('data:image/svg+xml;charset=utf-8,<svg fill="%23ffffff" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>');
    display:inline-block;
    cursor:pointer;
    margin:6px
}
.pointer{
    cursor:pointer
}
.badge{
    height:20px!important;
    width:20px!important;
    line-height:20px!important;
    font-size:12px!important;
    font-weight:500;
    color:#000!important;
    background:#ffc107!important;
    border-radius:10px!important;
    text-align:center
}
.searchbar_correct{
    top:104px!important;
    background:#00bcd4
}
.center{
    margin:auto;
    top:0;
    left:0;
    bottom:0;
    right:0
}
.c000000{
    background-color:#9E9E9E;
    color:#000
}
.c000000_darker{
    background-color:#616161;
    color:#FFF
}
.cD2D3D5,.cF3F3F4{
    background-color:#9E9E9E;
    color:#000
}
.cD2D3D5_darker,.cF3F3F4_darker{
    background-color:#616161;
    color:#FFF
}
.cF3BE17{
    background-color:#FFC107;
    color:#000
}
.cF3BE17_darker{
    background-color:#FFA00B;
    color:#000
}
.cD8852A{
    background-color:#FF9800;
    color:#000
}
.cD8852A_darker{
    background-color:#F57C00;
    color:#000
}
.c90B73E{
    background-color:#4CAF50;
    color:#fff
}
.c90B73E_darker{
    background-color:#388E3C;
    color:#FFF
}
.c03A9F4{
    background-color:#03A9F4;
    color:#000
}
.c03A9F4_darker{
    background-color:#0288D1;
    color:#000
}
.c89C9CC{
    background-color:#03A9F4;
    color:#000
}
.c89C9CC_darker{
    background-color:#0288D1;
    color:#000
}
.cB6608E{
    background-color:#9C27B0;
    color:#fff
}
.cB6608E_darker{
    background-color:#7B1FA2;
    color:#FFF
}
.logo{
    position:absolute;
    bottom:0;
    right:0;
    width:30%;
    max-width:120px;
    height:auto;
    z-index:200
}
.approved-list-1{
    background:url(../images/a1.png) top left no-repeat
}
.approved{
    position:absolute;
    top:0;
    left:0;
    width:26%;
    max-width:120px;
    height:auto;
    z-index:200
}
.tweet-container{
    width:80vw!important;
    height:160px!important;
    padding:0 10vw 20px 10vw;
    max-width:1000px;
    margin:0 auto
}
.swiper-tweet-pagination{
    position:absolute;
    text-align:center;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    z-index:10
}
.swiper-container{
    width:100%;
    height:100%
}
.swiper-slide-use{
    text-align:left;
    font-size:18px;
    background:#fff
}
.swiper-slide-xx{
    text-align:center;
    font-size:18px;
    background:#fff
}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{
    opacity:0;
    cursor:auto;
    pointer-events:none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")!important;
    left:10px;
    right:auto
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")!important;
    right:10px;
    left:auto
}
.swiper-pagination-bullet-active{
    opacity:1;
    background:#ffc107
}
.swiper-pagination-bullet{
    cursor:pointer
}
.swiper_scrollbar{
    bottom:0;
    height:40px!important;
    width:100%;
    position:absolute;
    z-index:1000;
    padding:8px 10px 0 10px;
    transition:bottom 300ms cubic-bezier(.17,.04,.03,.94);
    overflow:hidden;
    box-sizing:border-box;
    background-color:#757575!important
}
.range-slider input[type="range"]::-webkit-slider-thumb{
    background-color:#ffc107!important
}
.range-item{
    width:calc(100% - 60px);
    margin:0 auto
}
.range-page{
    width:100%;
    text-align:center;
    position:absolute;
    top:calc(100% - 3.2vh);
    color:#000;
    z-index:100;
    font-family:'NotoSans-Regular',sans-serif;
    font-size:2.6vh
}
.backcover_wrapper{
    width:100%;
    height:100%;
    position:absolute
}
.backcover_disclaimer{
    font-family:'NotoSans-Regular',sans-serif;
    width:calc(100% - 12vh);
    left:0;
    padding:6vh;
    font-size:2.4vh;
    font-weight:300;
    text-align:left;
    line-height:2.8vh;
    text-align:justify
}
.backcover_title{
    font-family:'NotoSans-Regular',sans-serif;
    font-size:3.2vh;
    font-weight:400;
    width:calc(100% - 16vh);
    background-color:transparent;
    text-align:center;
    margin:2vh 8vh
}
.backcover_label{
    font-family:"Helvetica Neue","Arial","Helvetica","sans-serif";
    font-weight:200;
    font-size:2.8vh
}
.bookcover_author{
    font-family:'NotoSans-Regular','Noto Sans Ethiopic',sans-serif;
    font-size:2.8vh;
    font-weight:300;
    background-color:transparent;
    text-align:center;
    margin:0 4vh
}
.backcover_bold{
    font-weight:400
}
.backcover_copyright{
    font-family:'NotoSans-Regular',sans-serif;
    font-size:2.6vh;
    font-weight:300;
    margin:1.6vh 0vh;
    width:100%;
    text-align:center
}
.backcover_logo_right{
    position:absolute;
    width:18vw;
    max-width:100px;
    height:auto;
    right:6vh;
    bottom:6vh
}
.backcover_logo_left{
    position:absolute;
    width:18vw;
    max-width:100px;
    height:auto;
    left:6vh;
    bottom:6vh
}
.backcover_logo_center{
    position:absolute;
    width:18vw;
    max-width:100px;
    height:auto;
    margin:auto;
    left:0;
    right:0;
    bottom:6vh
}
@media only screen and (orientation:landscape){
    .page-image-holder{
        background:#fff;
        width:53%;
        height:90%;
        position:absolute;
        margin:3% 0% 0% 3%
    }
    .page-imageonly-holder{
        background:#fff;
        width:80%;
        height:80%;
        position:absolute;
        margin:10%
    }
    .page-text-story{
        background:#fff;
        width:37%;
        left:60%;
        height:90%;
        position:absolute;
        margin:3% 3% 0% 0%
    }
    .page-textonly-story{
        background:#fff;
        width:80%;
        left:0;
        height:80%;
        position:absolute;
        margin:10%;
        text-align:left
    }
    .page-image{
        background-repeat:no-repeat;
        background-position:top center;
        -webkit-background-size:contain;
        -moz-background-size:contain;
        -o-background-size:contain;
        background-size:contain;
        position:relative;
        width:100%;
        height:90%
    }
    .cover-wrapper{
        height:100%;
        width:100%
    }
    .cover-image{
        width:calc(60% - 3vh);
        height:calc(100% - 3vh);
        background-repeat:no-repeat;
        background-position:top left;
        -webkit-background-size:contain;
        -moz-background-size:contain;
        -o-background-size:contain;
        background-size:contain;
        background-size:auto 100%
    }
    .cover-footer{
        height:3vw;
        width:calc(100% - 4vw);
        font-family:'NotoSans-Regular',sans-serif;
        font-size:2.4vw;
        font-weight:300;
        line-height:3vw;
        text-align:left;
        padding-left:4vw;
        left:0;
        bottom:0;
        position:absolute
    }
    .cover-content{
        width:calc(40% + 3vw);
        height:calc(100% - 7vw);
        position:absolute;
        right:0;
        top:0;
        padding-top:4vw
    }
    .cover_title{
        font-family:'NotoSans-Regular','Noto Sans Ethiopic',sans-serif;
        font-size:4.3vw;
        font-weight:400;
        line-height:4.5vw;
        position:relative;
        background-color:transparent;
        padding:2vw 4vw 0vw 4vw;
        text-align:left
    }
    .cover_author{
        font-family:'NotoSans-Regular','Noto Sans Ethiopic',sans-serif;
        font-size:3.5vw;
        font-weight:300;
        line-height:3.7vw;
        position:relative;
        padding:1vw 4vw 0vw 4vw;
        background-color:transparent;
        text-align:left
    }
    .cover_artist{
        font-family:'NotoSans-Regular',sans-serif;
        font-size:3vw;
        font-weight:300;
        line-height:3vw;
        position:relative;
        padding:.8vw 4vw 0vw 4vw;
        background-color:transparent;
        text-align:left
    }
    .row_align{
        text-align:left
    }
    .row_image{
        float:left;
        width:14vw;
        height:auto;
        padding:2px 4px 0 0
    }
}
@media only screen and (orientation:portrait){
    .page-image-holder{
        background:#fff;
        width:80%;
        height:54%;
        position:absolute;
        margin:5% 10% 3% 10%
    }
    .page-imageonly-holder{
        background:#fff;
        width:80%;
        height:90%;
        position:absolute;
        margin:5% 10% 5% 10%
    }
    .page-image{
        background-repeat:no-repeat;
        background-position:center center;
        -webkit-background-size:contain;
        -moz-background-size:contain;
        -o-background-size:contain;
        background-size:contain;
        position:relative;
        width:100%;
        height:100%
    }
    .page-text-story{
        background:#fff;
        width:80%;
        top:60%;
        left:0;
        height:38%;
        position:absolute;
        margin:0% 10% 5% 10%
    }
    .page-textonly-story{
        background:#fff;
        width:80%;
        top:0;
        left:0;
        height:90%;
        position:absolute;
        margin:5% 10% 5% 10%;
        text-align:left
    }
    .page-container{
        background:#fff;
        width:80%;
        height:54%;
        position:absolute;
        margin:10% 5% 10% 5%
    }
    .cover-wrapper{
        height:100%;
        display:flex;
        flex-direction:column;
        color:#fff
    }
    .cover-image{
        height:60vh;
        background-repeat:no-repeat;
        background-position:top center;
        -webkit-background-size:contain;
        -moz-background-size:contain;
        -o-background-size:contain;
        background-size:contain;
        background-size:100% auto
    }
    .cover-footer{
        height:3vh;
        font-family:'NotoSans-Regular',sans-serif;
        font-size:2.4vh;
        font-weight:300;
        line-height:3vh;
        text-align:left;
        padding-left:4vh
    }
    .cover-content{
        flex:1
    }
    .cover_title{
        font-family:'NotoSans-Regular','Noto Sans Ethiopic',sans-serif;
        font-size:4.3vh;
        font-weight:400;
        line-height:4.5vh;
        position:relative;
        background-color:transparent;
        padding:2vh 4vh 0vh 4vh;
        text-align:left
    }
    .cover_author{
        font-family:'NotoSans-Regular','Noto Sans Ethiopic',sans-serif;
        font-size:3.5vh;
        font-weight:300;
        line-height:3.7vh;
        position:relative;
        padding:1vh 4vh 0vh 4vh;
        background-color:transparent;
        text-align:left
    }
    .cover_artist{
        font-family:'NotoSans-Regular',sans-serif;
        font-size:3vh;
        font-weight:300;
        line-height:3.2vh;
        position:relative;
        padding:.8vh 4vh 0vh 4vh;
        background-color:transparent;
        text-align:left
    }
    .row_align{
        text-align:left;
        margin-bottom:2vh
    }
    .row_image{
        float:left;
        width:auto;
        height:4vh;
        padding:2px 4px 0 0
    }
}
.cover_holder{
    height:100%;
    width:100%
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
    .cover_holder{
        width:620px;
        height:100%;
        margin-left:auto;
        margin-right:auto
    }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
    .cover_holder{
        position:relative;
        left:50%;
        margin-left:-50%;
        top:50%;
        height:620px;
        margin-top:-310px
    }
}
.reader-bar,.translate-bar{
    background:#757575!important;
    color:#000!important;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    padding:0;
    transition:top 300ms cubic-bezier(.17,.04,.03,.94);
    overflow:hidden;
    box-sizing:border-box;
    z-index:1000
}
#readerMenu{
    display:none;
    height:calc(100% + 1px)
}
.reading-level{
    background-image:url(../images/rl.png);
    background-position:center center;
    background-repeat:no-repeat;
    width:20px;
    text-align:center;
    color:#000
}
.icon-back-x{
    width:24px;
    height:24px;
    vertical-align:middle;
    background-size:14px auto;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../images/clear_gold.svg);
    display:inline-block;
    cursor:pointer
}
.icon-back{
    width:24px;
    height:24px;
    vertical-align:middle;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffb800'%2F%3E%3C%2Fsvg%3E");
    display:inline-block;
    cursor:pointer
}
.icon-add{
    width:24px;
    height:24px;
    vertical-align:middle;
    background-size:14px auto;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url('data:image/svg+xml;utf8,<svg fill="%23ffffff" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>');
    display:inline-block;
    cursor:pointer
}
.icon-cancel-white{
    width:40px;
    height:40px;
    vertical-align:middle;
    background-size:24px auto;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(clear_white.svg);
    cursor:pointer
}
.icon-more{
    width:40px;
    height:40px;
    vertical-align:middle;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(more_gold.svg);
    right:0;
    top:0;
    position:absolute;
    cursor:pointer
}
.title{
    position:absolute;
    top:0;
    left:40px;
    height:40px;
    font-size:15px;
    font-weight:500;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:40px;
    color:#fff;
    text-transform:uppercase
}
.menuA{
    position:absolute;
    top:0;
    right:24px;
    height:40px;
    font-size:15px;
    font-weight:500;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:40px;
    color:white!important;
    text-align:right;
    text-transform:uppercase;
    width:72px;
    margin-top:4px
}
.menuHelp{
    margin-top:4px;
    opacity:1;
    animation:fade 2s linear;
    color:#ffc107!important;
    font-size:15px;
    font-weight:500
}
.button_border{
    border-bottom:3px solid transparent;
    border-radius:0
}
.active_item{
    border-bottom:3px solid #ffc107
}
input[type=checkbox].css-checkbox{
    position:absolute;
    z-index:-1000;
    left:-1000px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0
}
input[type=checkbox].css-checkbox+label.css-label{
    padding-left:30px;
    height:20px;
    display:inline-block;
    line-height:20px;
    background-repeat:no-repeat;
    background-position:0 0;
    vertical-align:middle;
    cursor:pointer
}
input[type=checkbox].css-checkbox:checked+label.css-label{
    background-position:0 -20px
}
label.css-label{
    background-image:url(../images/checkc.png);
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.select-right{
    color:#00bcd4;
    width:100%;
    border:5px solid #fff;
    padding:0 10px 0 0;
    margin:4px 0;
    font-size:14px;
    font-weight:400;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-image:url(../images/b-dn.png);
    background-position:right center;
    background-repeat:no-repeat;
    background-color:#fff;
    background-size:8px 8px;
    z-index:100
}
.image-circle{
    border-radius:40px;
    width:80px;
    height:auto
}
.page_content_update{
    padding-top:0!important;
    bottom:0!important;
    height:calc(100% - 144px)!important
}
.loader{
    height:4px;
    width:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    z-index:16620
}
.loader:before{
    display:block;
    position:absolute;
    content:"";
    left:-200px;
    width:200px;
    height:3px;
    background-color:#ffc107;
    animation:loading 2s linear infinite
}
@keyframes loading{
    from{
        left:-200px
    }
    to{
        left:100%
    }
}
.commentsList ul li{
    padding:8px;
    margin:0 8px;
    line-height:16px;
    font-size:14px;
    margin-left:16px
}
.commentsList ul li p{
    font-size:12px;
    line-height:14px;
    margin-top:0
}
.commentsList ul li:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:rgba(255,255,255,.12);
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
.hangingindent{
    padding-left:10px;
    text-indent:20px
}
.readingLevel{
    counter-reset:item;
    padding-left:0;
    list-style:none
}
.readingLevel li{
    counter-increment:item;
    margin-bottom:5px
}
.readingLevel li:before{
    margin-right:10px;
    content:counter(item);
    height:18px;
    width:18px;
    font-size:12px;
    border-radius:100%;
    color:#000;
    background:#ffc107;
    text-align:center;
    display:inline-block
}
.readingLevel li p{
    font-size:smaller;
    margin-left:28px;
    margin-top:0
}
.pace{
    -webkit-pointer-events:none;
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    -webkit-transform:translate3d(0,-50px,0);
    -ms-transform:translate3d(0,-50px,0);
    transform:translate3d(0,-50px,0);
    -webkit-transition:-webkit-transform .5s ease-out;
    -ms-transition:-webkit-transform .5s ease-out;
    transition:transform .5s ease-out
}
.pace.pace-active{
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.pace .pace-progress{
    display:block;
    position:fixed;
    z-index:2000;
    top:0;
    right:100%;
    width:100%;
    height:10px;
    background:#29d;
    pointer-events:none
}
.realperson-challenge{
    display:block;
    font-weight:100
}
.realperson-text{
    font-family:"Courier New",monospace!important;
    font-size:7px;
    font-weight:700;
    letter-spacing:-1px;
    line-height:4px
}
.realperson-regenerate{
    padding-top:4px;
    cursor:pointer
}
.realperson-disabled{
    opacity:.5;
    filter:Alpha(Opacity=50)
}
.realperson-disabled .realperson-regen{
    cursor:default
}
.adjust-swipeout{
    padding:0 12px!important;
    border-bottom:1px solid #fff
}
.login-error{
    min-height:20px;
    color:red;
    line-height:16px;
    margin:0
}
.login-box{
    top:104px;
    width:calc(100% - 40vw);
    margin:0 20vw
}
@media only screen and (max-width:480px){
    .login-box{
        top:104px;
        width:100%;
        margin:0
    }
    .page-text{
        position:absolute;
        background-color:#fff;
        height:calc(100% - 110px);
        overflow:auto
    }
}
input:invalid,input:focus:invalid{
    background-image:url(../images/no.svg);
    background-position:right center;
    background-repeat:no-repeat
}
.desc{
    background-image:url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 14l5-5 5 5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
    background-position:98% 50%;
    background-repeat:no-repeat
}
.asc{
    background-image:url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
    background-position:98% 50%;
    background-repeat:no-repeat
}
.myUploadButton{
    position:absolute;
    top:0;
    overflow:hidden;
    margin:10px;
    width:120px
}
.myUploadButton input.upload{
    position:absolute;
    top:0;
    right:0;
    margin:0;
    padding:0;
    font-size:20px;
    cursor:pointer;
    opacity:0;
    height:36px;
    filter:alpha(opacity=0);
    top:0!important
}
.mySpaceButton{
    position:fixed;
    top:199px;
    overflow:hidden;
    margin:10px;
    width:248px
}
.up::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:rgba(0,0,0,.12);
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
.book_item_selected{
    background-color:rgba(0,0,0,.05)!important;
    pointer-events:none!important
}
.floating-button{
    right:60px
}
.over{
    border:2px dashed #00bcd4!important
}
.navbar.theme-silver,.searchbar.theme-silver,.subnavbar.theme-silver,.theme-silver .navbar,.theme-silver .searchbar,.theme-silver .subnavbar,.theme-silver .toolbar,.toolbar.theme-silver{
    background-color:#e0e0e0
}
.use-hideIt{
    display:none!important
}
.use-icon-save{
    width:24px;
    height:24px;
    vertical-align:middle;
    background-size:24px auto;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url('data:image/svg+xml;charset=utf-8,<svg fill="%23717171" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z"/></svg>');
    display:inline-block;
    cursor:pointer;
    margin-right:4px
}
.use-icon-review{
    width:24px;
    height:24px;
    vertical-align:middle;
    background-size:24px auto;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url('data:image/svg+xml;charset=utf-8,<svg fill="%23717171" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>');
    display:inline-block;
    cursor:pointer;
    margin-right:4px
}
.use-icon-publish{
    width:24px;
    height:24px;
    vertical-align:middle;
    background-size:24px auto;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url('data:image/svg+xml;charset=utf-8,<svg fill="%23717171" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M5 4v2h14V4H5zm0 10h4v6h6v-6h4l-7-7-7 7z"/></svg>');
    display:inline-block;
    cursor:pointer;
    margin-right:4px
}
.use-icon-unpublish{
    width:24px;
    height:24px;
    vertical-align:middle;
    background-size:24px auto;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url('data:image/svg+xml;charset=utf-8,<svg fill="%23717171" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
    display:inline-block;
    cursor:pointer;
    margin-right:4px
}
.cke_dialog_background_cover{
    z-index:10010!important
}
.popup-overlay{
    z-index:10;
}
.list-block .focus-state.item-inner .label{
    color:#00bcd4
}
.storyuse-content{
    padding:20px;
    background-color:#fff;
    margin:20px 20px 0 20px;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    height:calc(100% - 40px);
    overflow:auto
}
.storyuse-content img{
    display:block;
    max-width:60%;
    margin:0 auto;
    height:auto
}
.storyuse-content p{
    font-size:16px;
    font-family:'NotoSans-Regular',sans-serif!important
}
.storyuse-content h2{
    font-size:26px;
    font-weight:200;
    font-variant-caps:all-small-caps
}
.storyuse-content ul{
    padding:0 10px;
    border:1px solid rgba(0,0,0,.25);
    border-radius:10px
}
.storyuse-content ul li{
    list-style:none;
    border-top:solid 1px rgba(0,0,0,.25);
    font-size:16px;
    font-family:'NotoSans-Regular',sans-serif!important;
    padding:.5rem 0;
    margin:0
}
.storyuse-content ul li:first-child{
    border-top:0
}
.storyuse-content ul li a{
    padding-right:40px;
    color:#000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E");
    background-position:right center;
    background-repeat:no-repeat;
    background-size:20px 20px;
    display:inline-block;
    width:calc(100% - 50px)
}
.storyuse-display{
    padding:20px;
    width:calc(100% - 72px);
    height:calc(100% - 60px);
    overflow:hidden;
    position:absolute
}
@media only screen and (max-width:480px){
    .storyuse-display{
        width:100%;
        margin:0 -36px;
        padding-top:10px;
        height:calc(100% - 30px);
        overflow:hidden;
        position:absolute
    }
}
.icon-cancel-red{
    width:20px;
    height:20px;
    vertical-align:middle;
    background-size:18px auto;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url('data:image/svg+xml;charset=utf-8,<svg fill="%23f44336" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
    display:inline-block
}
.delete_page{
    position:absolute;
    right:40px;
    top:11px;
    cursor:pointer
}
.collection_title{
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:40px;
    background:#efefef;
    opacity:.8;
    z-index:1;
    line-height:40px;
    font-weight:500
}
.collection_images{
    position:relative;
    width:300px;
    height:330px;
    transform:rotate(-30deg);
    left:-55px;
    top:-60px;
    cursor:pointer
}
.collection_approved{
    position:relative;
    top:180px;
    left:0;
    width:100%;
    height:20px;
    background:#efefef;
    opacity:.8;
    z-index:1;
    line-height:20px;
    font-weight:300;
    font-size:12px
}
.collection_images img{
    margin:5px;
    border-radius:10px;
    width:80px;
    height:80px
}
.collection_card{
    overflow:hidden
}
.asbText {
    padding: 0 40px 20px;
    /* border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);*/
}
.asbText p {
    text-align:left;
    margin-bottom:0;
}
.asbText span {
    letter-spacing: -4px;
}

:root {
    --primary-light: #8abdff;
    --primary: #00bcd4;
    --primary-dark: #0097a7;
    --white: #FFFFFF;
    --greyLight-1: #e4f4f5;
    --greyLight-2: #D5D7DF;
    --greyLight-3: #bee1e4;
    --greyDark: #EBECF0;
  }
  

.outer-shadow { 
    box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
}

.inner-shadow {
    box-shadow: inset 0.2rem 0.2rem 0.5rem var(--greyLight-2), inset -0.2rem -0.2rem 0.5rem var(--white);
}

.asbcard {
background-color: var(--greyDark);
margin: 10px auto;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
color: rgb(0, 0, 0);
display: block;
height: 300px;
margin-bottom: 30px;
margin-left: 20px;
margin-right: 20px;
margin-top: 30px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
width: 420px;
z-index: 2;
-webkit-font-smoothing: antialiased;
}

i.icon-backGoldp {
    width: 24px;
    height: 24px;
    left:12px;
    top:13px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E");
    display: block;
    z-index: 1000;
    position: absolute;
}