html,
body {
    width: 100%;
    height: 100%;
    /* overflow-x: hidden; */
}

body,
a,
li,
p,
span,
input,
select,
textarea,
select option,
* {
    font-family: "Crossten light";
}

.modal-textarea {
    resize: none;
    min-height: 150px !important;
}

.file-drop {
    border: dashed 1px #cccccc;
}

.file-drop .mask,
.file-drop .mask-hover,
.file-drop .mask-block-ui {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 3000;
    cursor: pointer;
}

.file-drop .mask-hover {
    display: none;
    z-index: 2000;
    background: rgba(255, 255, 255, 0.5);
}

.file-drop .mask-block-ui {
    display: none;
    z-index: 5000;
    background: rgba(0, 0, 0, 0.1);
    cursor: default;
}

.file-drop .mask:hover+.mask-hover {
    display: flex;
}

#render-documentos .card {
    height: 100%;
}

.dz-preview {
    display: none !important;
}

.progressbar-wrapper {
    width: 100%;
    display: none;
}

.progressbar {
    display: block;
    position: relative;
    width: 100%;
    height: 24px;
}

.progressbar .bg {
    display: block;
    position: absolute;
    width: 100%;
    height: 24px;
    top: 0;
    left: 0;
    background-image: url("../images/progressbar.png");
    background-repeat: repeat-x;
    z-index: 10;
    border-radius: 10px;
}

.progressbar .mask {
    display: block;
    position: absolute;
    width: 100%;
    height: 24px;
    top: 0;
    right: 0;
    background-color: white;
    z-index: 20;
}

.progressbar .val {
    display: block;
    position: absolute;
    width: 100%;
    height: 24px;
    top: 0;
    left: 0;
    background-color: transparent;
    text-align: center;
    z-index: 30;
    color: #464542;
    font-weight: 900;
}