/* ////////////////////////////////////////////////////////////////////
*
*  CSS APP login
*
* - body-login
* - main login structure
* - card-header-login
* - footer-login
* - form-login
* - icon-msg
*
* //////////////////////////////////////////////////////////////////// */

/* --------------------------------------------------------------------
* - body-login
---------------------------------------------------------------------- */
body.body-login {
	background-size: cover;
	background-position: 0;
	background-repeat: no-repeat;
	background-image: url(/assets/images/default/bgLogin.jpg);
}
body.body-login::after {
	content: '';
    position: fixed;
	z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	opacity: 0.4;
	background-image: linear-gradient(195deg,#747b8a,#495361);
}

/* --------------------------------------------------------------------
* - main login structure
---------------------------------------------------------------------- */
.main-login {
    z-index: 1;
    flex: 1;
    padding-bottom: 30px;
}

.wrapper-login{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.card-login{
    z-index: 0;
    width: 100%;
    max-width: 30rem;
    margin-bottom: 1rem!important;
    margin-inline: auto;
    background-color: #fff;
    backdrop-filter: saturate(200%) blur(30px);
    background-color: hsla(0,0%,100%,.6)!important;
    box-shadow: inset 0 0 1px 1px hsla(0,0%,100%,.9),0 20px 27px 0 rgba(0,0,0,.05)!important;
}

/* --------------------------------------------------------------------
* - card-header-login
---------------------------------------------------------------------- */
.card-header-login{
    z-index: 1;
    margin: -1.5rem 1rem 1rem 1rem !important;;
    padding: 0.75rem 1.25rem !important;;
    border-radius: 0.5rem !important;;
    background-color: var(--color-orange-terral) !important;;
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(0 127 163 / 40%) !important;
}
.card-header-login:first-child { border-radius: 0.75rem;}

.card-header-login .logo-text {
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    font-weight: 300;
}

/* --------------------------------------------------------------------
* - footer-login
---------------------------------------------------------------------- */
.body-login .footer-app {
	padding-top: 0;
	padding-bottom: 0;
	color: #fff;
	border-top: none;
	background-color: transparent;
}

/* --------------------------------------------------------------------
* - form-login
---------------------------------------------------------------------- */
.body-login .form-control {
	height: 2.7rem;
}

.btn-submit{
    display: block;
    width: 100%;
    margin-bottom: 1rem;
    padding: 0.5rem 0;
    border-radius: 1rem;
    color: #fff;
    transition: all 0.3s;
    background-color: var(--color-orange-terral);
}
.btn-submit:hover{
    color: #fff;
    background-color: #555;
}

/* --------------------------------------------------------------------
* - icon-msg
---------------------------------------------------------------------- */
.icon-msg{ font-size: 2.5rem;}