html {
    height: 100%;
    scroll-behavior: smooth;
}

body {
    height: 100%;
}

.page {
    height: 100%;
}

.content {
    margin: auto;
    background: white;
    padding: 0px;
}


/*анимация*/
div, fieldset {
    transition-duration: 0.2s;
    transition-property: visibility, opacity, height, width;
}
/*анимация*/


/*для fileUploader*/
.ws-fu-input {
    position: absolute;
    left: 2px;
    height: 33px;
    border-radius: 4px;
    top: 2px;
    color: transparent;
    text-decoration: inherit;
    opacity: 0;
}

    .ws-fu-input:focus {
        outline: 0;
        box-shadow: 0 0 0 0.1rem rgb(0 123 255 / 50%);
    }

    .ws-fu-input::file-selector-button, .ws-fu-upload-button, .ws-fu-input-file-button {
        border: 0;
        border-radius: 4px;
        background-color: #007bff;
        transition: 0.2s;
        line-height: 2;
        height: 33px;
        font: inherit;
        color: white;
        text-decoration: inherit;
    }
/*для fileUploader*/


/*скроллбары*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #646464;
    border-radius: 8px;
    background-clip: padding-box;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}
/*скроллбары*/


/*checkings*/
.ws-invalid {
    border-color: red !important;
}

/* asterisk validation */
.ws-validation {
    color: red;
    font: bold 20px Segoe UI;
}

.ws-validation-flat {
    color: red;
    background-color: red;
    font: bold 20px Segoe UI;
    position: absolute;
    background-color: red;
}
/*checkings*/