/*=========================================================================================*/
/*=========================================================================================*/
/*=========================================================================================*/
/* Login div */

.pc_capa_espera /* contenedor */
{
    background: url(../imgs/fondo.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 10000; /* 10.000 */
    justify-content: center;
    align-items: center;
    top:0;
    left:0;
    transition: top 0.8s;
    user-select: none;
}

.pc_box
{
    display: block;
    border: 1px solid #949494;
    position: relative;
    padding: 48px 25px;
    height: 185px;
    width: 490px;
    background-color: rgb(246, 246, 246);
    border-radius: 2px;

    transition: height 1s;

    animation-name: pc_box_anim;
    animation-duration: 1s;
    animation-direction: normal;
    animation-fill-mode: forwards;
    overflow: hidden;
}

.pc_box_logo_cont
{
    display: block;
    position: relative;
    top: 21px;
    left: 0;
    right: 0;
    width: 455px;
    margin: 0 auto;
    min-height: 115px;
}


.pc_cont_load_bar
{
    display: block;
    position: relative;
    left: 0;
    right: 0;
    margin: 10px auto;
    width: 343px;
    height: 20px;
    margin-top: 41px;
    opacity: 1;
    transition: opacity 0.5s;
}

.pc_cont_load_bar > div
{
    width: 100%;
}

.pc_cont_load_bar > div > div > div
{
    animation-name: load_bar2;
}

/*=========================================================================================*/

.pc_cont_login_error
{
    display: block;
    position: relative;
    width: 300px;
    text-align: left;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-bottom: 20px;
    opacity: 0;
    transition: opacity 0.5s;
    color: rgb(172, 36, 36);
}

.pc_input_field_cont
{
    display: block;
    position: relative;
    width: 300px;
    text-align: left;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-bottom: 20px;
    opacity: 0;

    /*animation-name: pc_box_anim;*/
    animation-duration: 1s;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

.pc_input_field_cont > input
{
    width: 100%;
    margin-top: 4px;
}

.pc_button_fixes
{
    padding: 10px 10px;
    position: relative;
    top: 13px;
    width: 130px;
    margin: 0 auto;
    opacity: 0;

    /*animation-name: pc_box_anim;*/
    animation-duration: 1s;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

@keyframes pc_box_anim
{
    0%   {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes pc_box_anim_reverse
{
    0%   {opacity: 1;}
    100% {opacity: 0;}
}