/**
 * Filename:    sa_input__modern.css
 * 
 * Description: Implementation of the sa_input__modern class.
 * 
 * Copyright © 1999-2023 by Interact Solutions Ltda.
 * Rua Carlos Fett Filho, 47/301
 * 95.900.000, LAJEADO, RS
 * BRAZIL
 * 
 * The copyright to the computer program(s) herein
 * is the property of Interact Solutions Ltda., Brazil.
 * The program(s) may be used and/or copied only with
 * the written permission of Interact Solutions Ltda.
 * or in accordance with the terms and conditions
 * stipulated in the agreement/contract under which
 * the program(s) have been supplied.
 */

.sa_input__modern .sa_input__field_label
{
    font-size: 12px;
    margin-right: 0px;
}

.sa_input__modern .sa_input__field_label__label
{
    color: rgb( var(--color-gray650) );
    font-weight: 700;
}

.sa_input__modern .sa_input__field_label__requirement
{
    color: rgb(var(--color-gray500));
    font-style: italic;
}

.sa_input__modern .sa_input__content
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.sa_input__modern .sa_input__leading
{
    gap: 4px;
}

.sa_input__modern .sa_field__center,
.sa_input__modern .sa_field__center .sa_datebox__box
{
    height: 100%;
    width: 100%;
}

.sa_input__modern .sa_field__center > input,
.sa_input__modern .sa_field__center > .z-datebox > *,
.sa_input__modern .sa_field__center > .z-timebox > input,
.sa_input__modern .sa_field__center > .sa_combobox__selector
{
    height: 100% !important;
    width: 100%;
    color: rgb( var(--color-gray650) );
    background-color: rgb( var(--color-white) );
    border: 1px solid rgb( var(--color-gray400) );
    border-radius: 6px;
    box-sizing: border-box;
}

.sa_input__modern .sa_field__center input::placeholder
{
    color: rgb( var(--color-gray400) );
}

.sa_input__modern .sa_field__center .sa_datebox__box > *
{
    width: 100% !important;
}

.sa_input__modern .sa_field__readonly input,
.sa_input__modern .sa_field__readonly .z-datebox > input,
.sa_input__modern .sa_field .sa_datebox__box .z-datebox-text-disd
{
    background-color: rgb( var(--color-gray100) ) !important;
}

.sa_input__modern .sa_field__disabled:not(.sa_datebox) input
{
    background-color: rgb( var(--color-gray350) ) !important;
}

.sa_input__modern .sa_input__trailing
{
    gap: 4px;
}

.sa_input__modern .sa_input__actions,
.sa_input__modern .sa_datebox__box .z-datebox-btn
{
    height: 100%;
    position: absolute;
    border-right: 1px solid rgb( var(--color-gray400) );
}

.sa_input__modern .sa_input__actions__error
{
    border-right: 1px solid #E63B3B;
}

.sa_input__modern .sa_selector.sa_field__readonly input:hover
{    
    cursor: pointer;
}

.sa_input__modern .sa_input__actions__default__button
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.sa_input__modern .sa_input__actions__default__button svg
{
    width: 20px;
    height: 20px;
}

.sa_input__modern .sa_datebox .ant-picker
{
    padding: inherit;
}

.sa_input__modern .sa_datebox .ant-picker:focus,
.sa_input__modern .sa_datebox .ant-picker:focus-within
{
    border: 1px solid rgb(var(--color-blue100));
    outline: 1px solid rgb(var(--color-blue100));
}