@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');        

body{
    background:black;
    font-family: 'Poppins', sans-serif;    
}
.fw-600{
    font-weight:600;
}
.page-content{
    height : 100vh;
    overflow-y: auto;
    background:white;
    overflow-x : hidden;
    position:relative
}
.img-banner{
    border-radius : 30px;
    width : 100%;
}
.bg-white{
    background:white
}
.form-control{
    padding : .7rem .75rem    
}
label{
    font-weight:bold;
    margin-bottom : 5px;
}  
.text-black{
    color:#212529
}
.text-grey{
    color : #717171
}
.text-blue{
    color : #24246c
}
.text-green{
    color : #469d2c
}
.fs-14{
    font-size : 14px;
}
.fs-12{
    font-size : 12px;
}
.card-choose-file{
    width : 100%;
    border-radius:10px;
    cursor:pointer;
    height : 200px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:white;
    font-size : 30px;
}
.loading.show{
    display:flex;
}
.loading img{
    border-radius:100%
}
.loading{
    z-index : 100;
    display:none;
    background : #f1f2f3;
    flex-direction:column;
    position : fixed;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    justify-content:center;
    align-items:center;
}
.btn-default{
    background:white
}
.banner-login{
    position:absolute;
    right : 0;
    bottom : 0;
    height : 50vh;
    transform:translateX(30%);
    -webkit-transform:translateX(30%);
    -o-transform:translateX(30%);
    -moz-transform:translateX(30%);
}
.img-login{
    position:fixed;
    width : 100%;
    top : 0;
    left : 0;
    height : 70vh;
    transform : scale(2.5);
    -webkit-transform : scale(2.5);
    -o-transform : scale(2.5);
    -moz-transform : scale(2.5);
}
.relative{
    position:relative
}
.select2-container{
    width : 100% !important;
}
.select2-container .select2-selection--single{
    height:49px !important;
    display:flex !important;
    align-items:center !important;
}
.x-scroll::-webkit-scrollbar{
    display:none;
}
.x-scroll{
    -ms-overflow-style: none;
    scrollbar-width: none;        
    width:100%;
    overflow-x : auto;
}    
.x-item{
    width : 95%;
}
.menu{
    background: white;
    position: fixed;
    bottom : 0;
    left:0;
    border-top : 1px solid rgba(113, 113, 113, 0.5);
    width : 100%;
    display: flex;
    justify-content : space-around
}
.menu .list-menu{
    display: flex;
    flex-direction: column;
    align-items:center;
    padding : 1rem;
}
.menu .list-menu .active{
    color:#4d9c28;
}
.menu .list-menu div{
    font-size: 14px;
}
.nav-header{
    background : #24246c;
    color:white;
    padding : 1rem
}