/* @font-face {
  font-family: mitr-regular;
  src: url(../font/Mitr/Mitr-Regular.ttf);
}

@font-face {
  font-family: mitr-bold;
  src: url(../font/Mitr/Mitr-Bold.ttf);
}

@font-face {
  font-family: d-din-regular;
  src: url(../font/din-condensed/DIN-Regular.ttf);
}

@font-face {
  font-family: d-din-bold;
  src: url(../font/din-condensed/DIN-Bold.ttf);
}

@font-face {
  font-family: d-din-con-bold;
  src: url(../font/din-condensed/D-DINCondensed-Bold.ttf);
} */

/* body
{
    font-family: mitr-regular;
} */
 .bg-login-main {
    background-image: url('../images/bg/login_bg.png') !important;
	background-position: right;
	background-size: 100% auto !important;
	background-repeat: no-repeat;

 }
 @media (max-width: 1465px) {
    .bg-login-main {
        background-size: auto 100% !important;
    }
 }

.title-header-show
{
    font-family: d-din-con-bold;
}
.btn:hover{
	opacity: 0.9;
}
.img-login
{
    width: 450px;
}
.show-line-header
{
    height: 1rem;
    background: linear-gradient(to right, var(--bs-primary) , var(--bs-primary3)); 
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
}

.show-line-header2
{
    height: 0.5rem;
    background: linear-gradient(to right, var(--bs-secondary2) , var(--bs-secondary2)); 
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
}

.show-line-header-register
{
    height: 15px;
    top: -76px;
    background: linear-gradient(to right, var(--bs-primary) , var(--bs-primary3)); 
}
a:hover{
    color: var(--bs-primary);
    opacity: 0.9;
}
 .top-login
    {
        top: -140px;
    }
  /* .top-register
    {
        top: -120px;
    } */
.logo-login{
    width: 300px;
}
@media (max-width: 900px) {
    .img-login
    {
        width: 300px;
    }
    .show-line-header
    {
        top: -66px;
    }

    .top-login
    {
        top: -50px;
    }

    .show-line-header-register
    {
        height: 15px;
        top: -17px;
        background: linear-gradient(to right, var(--bs-primary) , var(--bs-primary3)); 
    }
    /* .top-register
    {
        top: -20px;
    } */
}
@media (max-width:576px) {
    .logo-login{
        width: 250px;
    }
}
.color-main
{
    color: var(--bs-primary);
}

.fw-700
{
    font-weight: 700;
}

.btn-login
{
    background-color: #C89C45 !important;
    border-radius: 5px !important;
    padding: 0.6rem 4rem;
    color: white;
    
}

.btn-facebook{
    text-align: center;
    border-radius: 30px !important;
    border: none !important;
    color: white !important;
    /* font-size: 1.5rem !important; */
    align-items: center;
    padding: 0.6rem 4rem;
    background-color: #4172d9;
}
.btn-google{
    text-align: center;
    border-radius:30px !important;
    border: none !important;
    color: white !important;
    /* font-size: 1.5rem !important; */
    align-items: center;
    padding: 0.6rem 4rem;
    background-color: #df4a32;
}

.form-control::placeholder
{
    color: #FFFFFF;
}
select:required:invalid {
  color: #B7B7B7 !important;
}



.text-green
{
    color: #2FACA4;
}

.form-control {
    border-radius: 5px !important;
    border: 1px solid #FFFFFF !important;
    background-color: unset;
    height: 50px;
}

.form-control:focus {
    color: #FFFFFF;
    background-color: unset;
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(102, 88, 234, .25);
    box-shadow: 0 0 0 0 rgba(102, 88, 234, .25);
}

.custom-checkbox .custom-control-label::before {
    border-radius: 2px !important;
}
.custom-control-label:before{
    background-color: unset !important;
    border: 1px solid white !important;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
    background-color: unset !important;
    border: 1px solid white !important;
}