@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,700;1,900&display=swap');
:root{--header-height: 3rem;--nav-width: 68px;--first-color: #4723D9;--first-color-light: #AFA5D9;--white-color: #F7F6FB;--body-font: 'Nunito', sans-serif;--normal-font-size: 1rem;--z-fixed: 100}*,::before,::after{box-sizing: border-box}body{position: relative;margin: var(--header-height) 0 0 0;padding: 0 0rem;font-family: var(--body-font);font-size: var(--normal-font-size);transition: .5s}a{text-decoration: none}.header{width: 100%;height: var(--header-height);position: fixed;top: 0;left: 0;display: flex-root;align-items: center;justify-content: space-between;padding: 0 1rem;/*background-color: var(--white-color);*/z-index: var(--z-fixed);transition: .5s}.header_toggle{color: var(--first-color);font-size: 1.5rem;cursor: pointer}.header_img{width: 35px;height: 35px;display: flex;justify-content: center;border-radius: 50%;overflow: hidden}.header_img img{width: 40px}.l-navbar{position: fixed;top: 0;left: -30%;width: var(--nav-width);height: 100vh;background-color: var(--first-color);padding: .5rem 1rem 0 0;transition: .5s;z-index: var(--z-fixed)}.side-bar .nav{height: 100%;display: flex;flex-direction: column;justify-content: space-between;overflow: hidden}.nav_logo, .nav_link{display: grid;grid-template-columns: max-content max-content;align-items: center;column-gap: 1rem;padding: .5rem 0 .5rem 1.5rem}.nav_logo{margin-bottom: 2rem}.nav_logo-icon{font-size: 1.25rem;color: var(--white-color)}.nav_logo-name{color: var(--white-color);font-weight: 700}.nav_link{position: relative;color: var(--first-color-light);margin-bottom: 0.5rem;transition: .3s}.nav_link:hover{color: var(--white-color)}.nav_icon{font-size: 1.25rem}.show{left: 0}.body-pd{padding-left: calc(var(--nav-width) + 0rem)}.active{color: var(--white-color)}.active::before{content: '';position: absolute;left: 0;width: 2px;height: 32px;background-color: var(--white-color)}@media screen and (min-width: 768px){body{margin: calc(var(--header-height) + 1rem) 0 0 0;padding-left: calc(var(--nav-width) + 0rem)}.header{height: calc(var(--header-height) + 1rem);padding: 0 2rem 0 calc(var(--nav-width) + 1rem); background:#fff;}.header_img{width: 40px;height: 40px}.header_img img{width: 45px}.l-navbar{left: 0;padding: 1rem 1rem 0 0}.side-bar.show{width: calc(var(--nav-width) + 156px)}.body-pd{padding-left: calc(var(--nav-width) + 156px)}}

body{font-family: 'Poppins', sans-serif;}
.login-bg{
    background: rgba(162,24,40,1);
    background: -moz-linear-gradient(-45deg, rgba(162,24,40,1) 0%, rgba(61,36,94,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(162,24,40,1)), color-stop(100%, rgba(61,36,94,1)));
    background: -webkit-linear-gradient(-45deg, rgba(162,24,40,1) 0%, rgba(61,36,94,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(162,24,40,1) 0%, rgba(61,36,94,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(162,24,40,1) 0%, rgba(61,36,94,1) 100%);
    background: linear-gradient(135deg, rgba(162,24,40,1) 0%, rgba(61,36,94,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a21828', endColorstr='#3d245e', GradientType=1 );
    height:100vh;
}
.login-overlay{background-color: rgba(8, 57, 89, 0.5); position:absolute; top:0; left:0; width:100%; height:100%;}
.title-sub-txt{letter-spacing: 4px;font-size: 10px;}
.title-blue-txt{color:#472766;}
.client-logo img{filter: brightness(0) invert(1);}
.login-form label{ font-weight:300;}
.user-icon img, .pass-icon img{position: absolute;top:12px;right: 12px;}
.user-icon .form-control{padding-right:40px !important;}
.pass-icon .form-control{padding-right:40px !important;}
.btn-success-custom{background:#472766 !important;}
.btn-success-custom:hover{border:1px solid #472766 !important;background:#fff !important;  color:#472766 !important;}
.error{color: #ec0b0b;}