@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

#typeblock * {
    font-family: 'Montserrat', sans-serif !important;
}

#typeblock {
    background: #3c3e40 !important;
    color: #9e9e9e;
    text-align: justify !important;
    text-justify: distribute !important;
}

#typeblock #hiddentext {
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 24 24' fill='none' stroke='silver' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-eye-off'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'%3E%3C/path%3E%3Cline x1='1' y1='1' x2='23' y2='23'%3E%3C/line%3E%3C/svg%3E") center no-repeat !important;
    font-size: 0 !important;
}

#typeblock .tl,
#typeblock .tr,
#typeblock .bl,
#typeblock .br {
    background: transparent !important;
}

#typeblock #beforefocus {
    color: #5e5e5e !important;
    text-decoration: none !important;
}

#typeblock #typefocus {
    color: #d3d3d3 !important;
    text-decoration: none !important;
}

#inputtext {
        width: 700px !important;
    border: none !important;
    box-shadow: unset !important;
    background: rgba(200,200,200,0.1) !important;
    padding: 10px !important;
    color: #9e9e9e;
}

#inputtext.error {
    background: #a64343 !important;
    color: #eeeeee !important;
}

#inputtext.disabled {
    color: transparent !important;
}

.popup_message .back {
    opacity: 1 !important;
    background: #3c3e40;
}

#report,
#fixtypo,
#typeblock #keyboard_cont,
#typeblock .handle  {
    display: none !important;
}