:root
{
    --color_azul_carros: #003592;
    --color_verde_carros: #009700;
}

/*swiftin index*/
.burbuja_info
{
    background-color: white;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    border: 1px solid rgb(223, 223, 223);
}
.swiftin_img
{
    opacity: 0;
}
#burbuja_1, #burbuja_2
{
    opacity:0;
}
.link_swift
{
    text-decoration: none;
    color: var(--color_gris);
    font-weight: 700;
}
.link_swift:hover
{
    color: var(--color_rojo);
}
.c_icon_red
{
    color: var(--color_rojo);
}
#icon_1_swift, #icon_2_swift, #icon_3_swift, #icon_4_swift
{
    display: none;
}

@media (max-width: 990px)
{
    .mod_movil
    {
        display: flex;
        align-items: center !important;
        justify-content: center !important;
    }
}
@media (max-width: 570px)
{
    .swiftin_img
    {
        width: 300px;
    }
}

/*swiftin widget*/
.cont_dialog_swiftin, .cont_dialog_alert
{
    width: 80%;
    border: 1px solid rgb(223, 223, 223);
    background-color: rgb(240, 240, 240);
}
.w_custom_alert
{
    width: auto !important;
}

.border_chat
{
    border: 1px solid rgb(223, 223, 223) !important;
    background-color: white !important;
    border-radius: 5px !important;
}
#boton_inicio_consulta
{
    display: none;
    cursor: pointer;
    color: var(--color_rojo);
    font-weight: 700;
}

#inputs_widget, #inputs_widget_2, #text_widget_2, #text_widget_3
{
    display: none;
}
.inputs_widget_class
{
    align-items: center;
    justify-content: center;
}
.input_widget
{
    width: 80%;
    height: 30px;
    border: 1px solid rgb(223, 223, 223);
    border-radius: 5px;
    padding-left: 10px;
    font-size: 1rem;
}
.boton_widget
{
    width: 20%;
    height: 30px;
    border-radius: 5px;
    border: none;
    background-color: var(--color_rojo);
    margin: 0 3px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.boton_widget:hover
{
    background-color: var(--color_gris);
}

#respuesta_usuario, #respuesta_usuario_2, #respuesta_usuario_3
{
    display: none;
}
.resp_input_usuarios
{
    align-items: center;
    justify-content: flex-end;
}
#text_usuario, #text_usuario_2, #text_usuario_3
{
    border: 1px solid rgb(223, 223, 223) !important;
    background-color: white !important;
    border-radius: 5px !important;
    padding: 5px;
    color:var(--color_rojo);
}

.cont_screen_auto
{
    position: fixed;
    top:0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
}
.h_custom_max
{
    max-height: 50vh;
    overflow-x: scroll;
}
.border_box_auto
{
    height: 55px;
    border: 1px solid rgb(223, 223, 223);
    cursor: pointer;
    transition: all 0.3s ease;
}
.border_box_auto:hover
{
    background-color: var(--color_rojo);
}
.bg_blue
{
    background-color: var(--color_azul_carros);
}
.w_h_cont
{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#link_widget, #link_widget_2
{
    display: none;
    text-decoration: none;
    color: var(--color_rojo);
    cursor: pointer;
    transition: all 0.3s ease;
}
#link_widget:hover, #link_widget_2:hover
{
    color: var(--color_gris);
}

@media (max-width: 990px)
{
    .cont_screen_auto
    {
        align-items: flex-start;
        padding-top: 80px;
    }
}
@media (max-width: 840px)
{
    .cont_dialog_swiftin
    {
        max-width: 100%;
    }
}