/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : sep 16, 2021, 11:14:35 a.m.
    Author     : Colombia
*/

/* Elimina el icono de los mensajes de error */
body .ui-messages .ui-messages-error .ui-messages-error-icon, body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, body .ui-messages .ui-messages-fatal .ui-messages-fatal {
    display: none;
}
body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal {
    background: #FFCDD2;

    border-width: 0 0 0 6px;
    color: #B71C1C;
    text-align: left;
    font-weight: 500;
}
body .ui-messages > div {
    padding: 1rem;
    margin: 0.1rem 0;
    border-radius: 0;
}


/* Imagen topbar */
.layout-wrapper .layout-topbar .logo-container img {
    height: 40px;
    width: auto;
    vertical-align: top;
    border: 0 none;
}
/* Imagen topbar login*/
.login-body .login-topbar .logo img {
    height: 40px;
    width: auto;
    vertical-align: middle;
    border: 0 none;
}
/*Login background */
.login-body .login-image {
    height: 100%;
    background-image: none;
    /*background-image: linear-gradient(to right, #12AABD, #C4C988);*/

    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    background-position: center;

}
/* Panel login */
.login-body .login-panel {
    padding: 70px 36px;
    position: relative;
    margin: 0 auto;
    width: 350px;
    height: 400px;
    text-align: center;
    background-color: transparent;
    top: 30%;
}
.izquierda{
    text-align: left;
}
.derecha{
    text-align: right;
}
.centrado{
    text-align: center;
}
.top{
    vertical-align: top;
}
.col10{

    width: 10% !important;

}
.col20{
    width: 20% !important;

}
.col30{
    width: 30% !important;

}
.col40{
    width: 40% !important;

}
.col50{
    vertical-align: top;
    width: 50% !important;

}
.col60{
    width: 60% !important;

}
.col70{
    width: 70% !important;

}
.col80{
    width: 80% !important;

}
.col90{
    width: 90% !important;

}
.col100{
    width: 100% !important;

}

.px-6 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}