/*
Template Name: Admin Template
Author: Wrappixel

File: scss
*/
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);
/*Theme Colors*/
/**
 * Table Of Content
 *
 * 	1. Color system
 *	2. Options
 *	3. Body
 *	4. Typography
 *	5. Breadcrumbs
 *	6. Cards
 *	7. Dropdowns
 *	8. Buttons
 *	9. Typography
 *	10. Progress bars
 *	11. Tables
 *	12. Forms
 *	14. Component
 */
/*******************
Login register and recover password Page
******************/
.login-register {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    padding: 10% 0;
    position: fixed; }

.login-box {
    width: 400px;
    margin: 0 auto; }
.login-box .footer {
    width: 100%;
    left: 0px;
    right: 0px; }
.login-box .social {
    display: block;
    margin-bottom: 30px; }

#recoverform {
    display: none; }

.login-sidebar {
    padding: 0px;
    margin-top: 0px; }

.login-sidebar:before {
    content:"";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: #000;
    opacity: 0.5;
}
.login-sidebar .login-box {
    right: 0px;
    position: absolute;
    height: 100vh;
    display: table;
    color: #fff;
}
.login-sidebar .login-box > .card-body {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    background-color: rgb(0 11 51 / 74%);
}

.banner-img {
    position: absolute;
    left: 10%;
    width: 50%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.banner-img > img {
    width: 100%;
}

.login-box a > img {
    width: 200px;
}

.field-with-icon a {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    color: #999797;
    font-size: 18px;
}

.field-with-icon a:hover {
    color: #ed6323;
}

.cards-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 25px 0;
    margin: 20px auto;
    margin-bottom: 0;
    gap: 5%;
}

 .user-request-component {
    width: 100%;
}

.card-box {
    width: 150px;
    height: 150px;
    border-radius: 10px;
    border: 1px solid #0b4d4d;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    transition: ease-in-out all .5s;
    -webkit-transition: ease-in-out all .5s;
    -moz-transition: ease-in-out all .5s;
}

.card-box > a {
    display: block;
    width: 100%;
}
 .card-box:hover {
    background: #37399d;
    border-color: #37399d;
}
 .card-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 20px;
}
 .card-icon > img {
    height: 100%;
}
 .card-box h3 {
    font-size: 16px;
    color: #5ea1a1;
    width: 100%;
    text-align: center;
    transition: ease-in-out all .5s;
    -webkit-transition: ease-in-out all .5s;
    -moz-transition: ease-in-out all .5s;
}

.card-box:hover h3 {
    color: #fff;    
}

.img-one-right-side-min-sch .img-first-bck-contn-sch {
    position: absolute;
    right: 70px;
    bottom: 80px;
}

.img-second-right-side-min-sch .img-second-bck-contn-sch {
    position: absolute;
    top: 230px;
    left: 0px;
}

img.img-first-bck-contn-sch-round {
    position: absolute;
    top: 80px;
    right: 0px;
}

.login-main-form-wrapper {
    background-color: rgba(234, 107, 0, 0.07);
    box-sizing: border-box;
    overflow: hidden;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../images/banner-img.png');
    background-size: cover;
}

.img-one-right-side-min-sch .img-first-bck-contn-sch {
    position: absolute;
    right: 70px;
    bottom: 80px;
}

.img-second-right-side-min-sch .img-second-bck-contn-sch {
    position: absolute;
    top: 230px;
    left: 0px;
}

img.img-first-bck-contn-sch-round {
    position: absolute;
    top: 80px;
    right: 0px;
}

.main-login-box.card {
    max-width: 1100px;
    margin: 120px auto;
    background-color: rgb(0 11 51 / 74%);
    width: 100%;
}

.main-login-box.card > .card-body {
    padding: 40px;
}

.main-login-box.card > h1 {
    text-align: center;
    padding: 30px 100px 30px;
    background-color: #37399D;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    position: relative;
    max-width: 800px;
    margin: auto;
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 40px;
}

.logo-box {
    max-width: 450px;
}

.logo-box > img.mb-2 {
    width: 300px;
    padding: 25px;
}

.card-body > .d-flex {
    align-items: center;
}

.right-box-content {
    width: 60%;
}

.right-box-content > h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid #0b4d4d;
    color: #8FFFFF;
}