/**
 * Filename:    sa_input__simple.css
 * 
 * Description: Implementation of the sa_input__simple 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__simple .sa_field input,
.sa_input__simple .sa_field textarea,
.sa_input__simple .sa_field .z-listbox,
.sa_input__simple .sa_field .selectize-control,
.sa_input__simple .sa_datebox__box > .ant-picker
{
    color: rgb( var(--color-gray650) );
    background: rgb( var(--color-white) );
    border-color: rgb( var(--color-gray300) );
    border-radius: 6px;
}

.sa_input__simple .sa_field input::placeholder,
.sa_input__simple .sa_field textarea::placeholder
{
    color: rgb( var(--color-gray350) );
}

.sa_input__simple .sa_field:not(.sa_datebox) input
{
    padding: 0 6px;
}

.sa_input__simple .sa_field .sa_field__readonly input
{
    background: rgb( var(--color-white) );
}

.sa_input__simple .sa_field .sa_field__disabled .z-textbox-focus
{
    outline: none;
}

.sa_input__simple .sa_field__readonly input:hover,
.sa_input__simple .sa_field__readonly .sa_input__field__over:hover input
{
    background: rgb( var(--color-gray150) );
    transition: 0.2s;
    cursor: pointer;
}

.sa_input__simple .sa_field__disabled input,
.sa_input__simple .sa_field__disabled:not(.sa_datebox) input:hover
{
    background: rgb( var(--color-gray100) ) !important;
    color: rgb(var(--color-gray500));
    border-color: rgb( var(--color-gray250) );
    cursor: inherit;
}

.sa_input__simple .sa_field__center .z-datebox 
{
    width: 100%;
}

.sa_input__simple .sa_field__center .z-datebox > input
{
    width: 100% !important;
}

.sa_input__simple .sa_input__actions,
.sa_input__simple .sa_datebox__box .z-datebox-btn
{
    height: 100%;
    position: absolute;
    right: 0;
}

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

.sa_input__simple.sa_team_selector .sa_field__center,
.sa_input__simple.sa_team_selector .sa_input__actions,
.sa_input__simple.sa_list_selector .sa_field__center,
.sa_input__simple.sa_list_selector .sa_input__actions
{
    align-items: flex-start;
}

.sa_input__simple .sa_datebox .ant-picker
{
    padding: 0 6px;
}

.sa_input__simple .sa_field:not( .sa_field__disabled) .sa_datebox__box .ant-picker:focus,
.sa_input__simple .sa_field:not( .sa_field__disabled) .sa_datebox__box .ant-picker:focus-within,
.sa_input__simple .sa_field:not( .sa_field__disabled) .selectize-control:has( .input-active)
{
    border: 1px solid rgb(var(--color-blue100));
    outline: 1px solid rgb(var(--color-blue100));
}

.sa_input__simple .selectize-dropdown-content > .active
{
    border-radius: 6px;
}