body {
    color: #394969;
    font-weight: 400;
    line-height: 1.6;
}
#main-container {
    /*min-height: 100vh;
    modificari in functie de setare zoom 90%*/
    min-height: 111vh;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: 50%;
}
.oblique {
    transform: skewX(-10deg);
    overflow: hidden;
    width: 60%;
    right: -10rem;
    border-bottom-left-radius: .75rem;
}
.oblique .oblique-image {
    transform: skewX(10deg);
}
.me-n8 {
    margin-right: -8rem!important;
}
.mt-8 {
    margin-top: 8rem!important;
}
.top-0 {
    top: 0!important;
}
.card.card-plain {
    background-color: transparent;
    box-shadow: none;
}
.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
}
.text-gradient.text-info {
    background-image: linear-gradient(310deg,#2152ff,#21d4fd);
}
p {
    line-height: 1.625;
    font-weight: 400;
}
.btn {
    display: inline-block;
    font-weight: 700;
    line-height: 1.4;
    color: #394969;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 1rem 1.5rem;
    font-size: .75rem;
    border-radius: .5rem;
    transition: all .15s ease-in;
}
.btn {
    margin-bottom: 1rem;
    letter-spacing: -.025rem;
    box-shadow: 0 4px 7px -1px rgba(0,0,0,.11), 0 2px 4px -1px rgba(0,0,0,.07);
    background-size: 150%;
    background-position-x: 25%;
    font-size: 16px;
}
.btn-danger, .btn-danger:hover, .btn-dark, .btn-dark:hover, .btn-info, .btn-info:hover, .btn-primary, .btn-primary:hover, .btn-secondary, .btn-secondary:hover, .btn-success, .btn-success:hover, .btn-warning, .btn-warning:hover, .btn.bg-gradient-danger, .btn.bg-gradient-danger:hover, .btn.bg-gradient-dark, .btn.bg-gradient-dark:hover, .btn.bg-gradient-info, .btn.bg-gradient-info:hover, .btn.bg-gradient-primary, .btn.bg-gradient-primary:hover, .btn.bg-gradient-secondary, .btn.bg-gradient-secondary:hover, .btn.bg-gradient-success, .btn.bg-gradient-success:hover, .btn.bg-gradient-warning, .btn.bg-gradient-warning:hover {
    color: #fff;
}
.bg-gradient-info {
    background-image: linear-gradient(310deg,#2152ff,#21d4fd);
}
.bg-cover, .mask {
    background-size: cover;
}
.ms-n6 {
    margin-left: -4rem!important;
}
.z-index-0 {
    z-index: 0!important;
}
.h3, h3 {
    font-size: 1.875rem;
    line-height: 1.375;
}
.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
    letter-spacing: -.05rem;
}
.font-weight-bolder {
    font-weight: 700!important;
}
.card-header {
    padding: 1.25rem;
}

.text-gradient.text-info {
    font-size: 36px;
}
.url-sys-login .bg-transparent p{
    font-size: 18px;
}
.logo-login {
    margin-bottom: 20px;
}