.focus_insipio1 {
    width: 100px;
    height: 30px;
    border: none;
}
.focus_insipio2 {
    width: 100px;
    height: 30px;
    border: none;
}
.useLocal {
    background-image: none !important;
}
.readit-pdf {
    width: 16px !important;
    height: 16px !important;
    margin: 0 0 0
        5px !important;
    left: 0 !important;
    top: 0 !important;
    position: initial !important;
    margin-bottom: 0 !important;
}
#mskbuttons {
    width: 120px;
    height: 0;
    position: fixed;
    right: 0;
    opacity: 70%;
    z-index: 9999999999;
}
#insplus {
    background-image: url(https://insipio.com/readit3/svg2/readit3/default/mskplus.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    opacity: 100%;
    z-index: 99999999999;
}
#insmin {
    background-image: url(https://insipio.com/readit3/svg2/readit3/default/mskminus.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    margin-left: 35px;
    cursor: pointer;
    z-index: 99999999999;
}
#insexit {
    background-image: url(https://insipio.com/readit3/svg2/readit3/default/mskexit.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    margin-left: 85px;
    cursor: pointer;
    z-index: 99999999999;
}
#moresetmod {
    background-color: #5e5e5e;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(
        -50%,
        -50%
    );
    position: fixed;
    z-index: 11002;
    display: none;
}
#settingsmore {
    width: 545px;
    height: 650px;
    background: #dadada;
    position: fixed;
    z-index: 11005;
    border: none;
    border-radius: 10px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}
.ins_loader {
    background-image: url(https://insipio.com/readit3/svg2/readit3/loadins.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 110px;
    width: 382px;
    height: 100%;
    background-color: #4e4e4e98;
    z-index: 11000;
    position: absolute;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    display: none;
}
.hrsp3 {
    width: 200px;
    position: absolute;
    border-top: 1px
        solid
        #a3a3a3;
    margin: 30px 0 0
        15px;
}
.divtext2 {
    margin: 0 15px 0
        30px;
    color: #1f557c;
    font-size: 18px;
    font-family: 'Segoe UI',
        Tahoma,
        Geneva,
        Verdana,
        sans-serif;
    position: relative;
    font-weight: 300;
    cursor: default !important;
}
#settingstitle {
    color: #13334a;
    font-size: 25px;
    font-weight: 700;
    font-family: 'Gill Sans',
        'Gill Sans MT',
        Calibri,
        'Trebuchet MS',
        sans-serif;
    margin-top: 15px;
    margin-left: 25px;
    position: absolute;
}
#playsett50x50 {
    position: absolute;
    background: url(https://insipio.com/readit3/themes/default/playsett25x25.png) !important;
    height: 25px;
    width: 25px;
    border: none;
    margin-top: 16px;
    margin-left: 130px;
    border-radius: 2px;
    cursor: pointer;
    transition-duration: 0.1s;
}
#playsett50x50:active {
    transform: scale(
        1.1
    );
}
#settmorecontent {
    margin-top: 50px;
    border-top: 1px
        solid
        #dadada;
    height: 570px;
    background-color: #dadada;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#maskdiv {
    margin: 0 0 0
        13px;
    background-color: #f7f7f7;
    position: relative;
    border: 2px
        solid
        #838383;
    border-radius: 10px;
    height: 110px;
    width: 520px;
}
.divtext3 {
    margin: 0 15px 0
        30px;
    color: #1f557c;
    font-size: 14px;
    font-family: 'Segoe UI',
        Tahoma,
        Geneva,
        Verdana,
        sans-serif;
    position: relative;
    font-weight: 600;
    cursor: default !important;
}
#masktitle {
    position: absolute;
    margin-top: 4px;
    margin-left: 15px;
}
.boxxxes {
    position: absolute;
    border: 2px
        solid
        #b8b8b8;
    width: 80px;
    background-color: #ebebeb;
    border-radius: 5px;
}
#maskboxx {
    margin: 40px 0 0
        15px;
    height: 55px;
    width: 110px;
}
#opacboxx {
    margin: 40px 0 0
        140px;
    height: 55px;
    width: 130px;
}
#colorboxx {
    width: 135px;
    height: 55px;
    margin: 40px 0 0
        285px;
}
#colorpick4 {
    margin: 25px 1px
        1px 42px;
}
#them1pre {
    width: 13px !important;
    height: 13px !important;
    margin: 0 !important;
    cursor: pointer !important;
    font-size: initial !important;
    font-weight: 400 !important;
    vertical-align: 0 !important;
    line-height: normal !important;
}
#them2pre {
    width: 13px !important;
    height: 13px !important;
    margin: 0 !important;
    cursor: pointer !important;
    font-size: initial !important;
    font-weight: 400 !important;
    vertical-align: 0 !important;
    line-height: normal !important;
}
#them3pre {
    width: 13px !important;
    height: 13px !important;
    margin: 0 !important;
    cursor: pointer !important;
    font-size: initial !important;
    font-weight: 400 !important;
    vertical-align: 0 !important;
    line-height: normal !important;
}
.notenabled {
    display: none !important;
}
#highlightdiv {
    margin: 5px 0 0
        13px;
    background-color: #f7f7f7;
    position: relative;
    border: 2px
        solid
        #838383;
    border-radius: 10px;
    height: 180px;
    width: 520px;
}
#rohsettdiv {
    margin: 5px 0 0
        13px;
    background-color: #f7f7f7;
    position: relative;
    border: 2px
        solid
        #838383;
    border-radius: 10px;
    height: 120px;
    width: 520px;
}
#autoscrdiv {
    margin: 5px 0 0
        13px;
    background-color: #f7f7f7;
    position: relative;
    border: 2px
        solid
        #838383;
    border-radius: 10px;
    height: 110px;
    width: 520px;
}
#highlightlab {
    position: absolute;
    margin-top: 4px;
    margin-left: 15px;
}
#rohlabb {
    position: absolute;
    margin-top: 4px;
    margin-left: 15px;
}
#autoscrlab {
    position: absolute;
    margin-top: 4px;
    margin-left: 15px;
}
#pausetoggleboxx {
    position: absolute;
    width: 300px;
    margin: 40px 0 0
        15px;
    height: 30px;
}
#sentcolboxx {
    margin: 40px 0 0
        280px !important;
    width: 223px !important;
    height: 34px !important;
    display: none;
}
#wordcolboxx {
    margin: 80px 0 0
        280px;
    width: 223px;
    height: 34px;
    display: none;
}
#lettercolboxx {
    margin: 120px 0
        0 280px;
    width: 223px;
    height: 34px;
    display: none;
}
#spantheme {
    margin: 40px 0 0
        15px;
    height: 115px;
    width: 250px;
    line-height: 1.4;
}
#rohtoggleboxx {
    margin: 40px 0 0
        15px;
    width: 160px;
    height: 55px;
    display: none;
}
#rohtimeboxx {
    margin: 40px 0 0
        15px;
    width: 150px;
    height: 55px;
}
#autotoggboxx {
    margin: 40px 0 0
        15px;
    width: 200px;
    height: 55px;
}
#autoscrspeed {
    margin: 40px 0 0
        220px;
    width: 120px;
    height: 55px;
}
#autoscrpos {
    margin: 40px 0 0
        345px;
    width: 110px;
    height: 55px;
}
#resetdef {
    margin: 4px 0 0
        15px;
    width: 94%;
    height: 34px;
    -webkit-font-smoothing: antialiased;
}
.resetdefbtn {
    width: 100%;
    height: 34px;
    border-radius: 5px;
    font-weight: 700;
    color: #fff;
    background-color: #df0000;
    font-size: 15px;
    font-family: 'Segoe UI',
        Tahoma,
        Geneva,
        Verdana,
        sans-serif;
    transition-duration: 0.1s;
    text-overflow: clip;
    padding: 0;
}
.resetdefbtn:active {
    transform: scale(
        0.98
    );
}
.boxtexxt {
    font-weight: 700;
    color: #1f557c;
    font-size: 15px;
    font-family: 'Segoe UI',
        Tahoma,
        Geneva,
        Verdana,
        sans-serif;
    top: 0;
    left: 50%;
    position: absolute;
    transform: translate(
        -50%
    );
    text-align: center;
    width: 100%;
}
.boxtexxt2 {
    font-weight: 700;
    color: #1f557c;
    font-size: 15px;
    font-family: 'Segoe UI',
        Tahoma,
        Geneva,
        Verdana,
        sans-serif;
    top: 50%;
    left: 5px;
    position: absolute;
    transform: translate(
        0,
        -50%
    );
    text-align: center;
}
.selboxcent {
    top: 75% !important;
    left: 50% !important;
    position: absolute !important;
    transform: translate(
        -50%,
        -50%
    ) !important;
    font-size: 14px !important;
    font-family: 'Gill Sans',
        'Gill Sans MT',
        Calibri,
        'Trebuchet MS',
        sans-serif !important;
    padding: 0 !important;
    background-color: #fff !important;
    border: none !important;
    min-height: 10px !important;
    height: 20px !important;
    box-shadow: none !important;
    line-height: 0 !important;
    border-radius: 3px !important;
    width: initial !important;
    -webkit-appearance: menulist-button !important;
    padding: 0;
    max-width: 100px !important;
}
.selboxright {
    top: 15% !important;
    right: 5% !important;
    position: absolute !important;
    font-family: 'Gill Sans',
        'Gill Sans MT',
        Calibri,
        'Trebuchet MS',
        sans-serif !important;
    font-size: 14px !important;
    padding: 0 !important;
    background-color: #fff !important;
    border: none !important;
    min-height: 10px !important;
    height: 20px !important;
    box-shadow: none !important;
    line-height: 0 !important;
    border-radius: 3px !important;
    width: initial !important;
    -webkit-appearance: menulist-button !important;
    padding: 0;
}
.rgbstuff {
    margin: 3.5px 0
        0 170px;
    position: absolute;
}
#maskcolor {
    width: 45px;
    height: 23px !important;
    min-height: 4px;
    padding: 0;
}
#sentcolor {
    width: 45px;
    height: 23px !important;
    min-height: 4px;
    padding: 0;
}
#wordselector {
    width: 45px;
    height: 23px !important;
    min-height: 4px;
    padding: 0;
}
#lettsel {
    width: 45px;
    height: 23px !important;
    min-height: 4px;
    padding: 0;
}
#texttheme {
    font-weight: 400;
    color: #000;
    font-size: 15px;
    font-family: Arial,
        Helvetica,
        sans-serif;
    margin-top: 20px !important;
    position: absolute;
}
#closemoreset {
    position: absolute;
    margin: 15px 0 0
        500px;
    border: 0;
    border-radius: 5px;
    width: 33px;
    height: 33px;
    font-family: 'Gill Sans',
        'Gill Sans MT',
        Calibri,
        'Trebuchet MS',
        sans-serif;
    font-weight: 700;
    color: #f7f7f7;
    background: url(https://insipio.com/readit3/svg2/mobile/default/close.svg) !important;
    cursor: pointer;
    font-size: 20px;
    padding: 0;
}
#closemoreset:hover {
    transform: scale(
        1.05
    );
}
#custthtxt {
    font-weight: 700;
    color: #1f557c;
    font-size: 15px;
    font-family: 'Segoe UI',
        Tahoma,
        Geneva,
        Verdana,
        sans-serif;
}
.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

@font-face {
    font-family: OpenDyslexicBold;
    src: url(/home/lo/res.nsf/vRes/global_1667306758725_opendyslexic_bold_woff/$File/OpenDyslexic-Bold.woff)
        format(
            'truetype'
        );
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: OpenDyslexicItalic;
    src: url(/home/lo/res.nsf/vRes/global_1667306758725_opendyslexic_italic_woff/$File/OpenDyslexic-Italic.woff)
        format(
            'truetype'
        );
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: OpenDyslexicRegular;
    src: url(/home/lo/res.nsf/vRes/global_1667306758725_opendyslexic_regular_woff/$File/OpenDyslexic-Regular.woff)
        format(
            'truetype'
        );
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: OpenDyslexicBoldItalic;
    src: url(/home/lo/res.nsf/vRes/global_1667306758725_opendyslexic_bolditalic_woff/$File/OpenDyslexic-BoldItalic.woff)
        format(
            'truetype'
        );
    font-weight: 700;
    font-style: italic;
}
