/*@font-face {
    font-family: "SVN-Gotham-Regular";
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/AvenirLTStd-Oblique.otf') format("opentype");
}

@font-face {
    font-family: "SVN-Gotham-Book";
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/AvenirLTStd-Book.otf') format("opentype");
}

@font-face {
    font-family: "SVN-Gotham-Bold";
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/AvenirLTStd-Heavy.otf') format("opentype");
}*/

div.hr {
    background-color: #6D88B8;
    height: 1px;
    width: 100%;
    margin: 10px 0;
}

.header {
    padding: 20px 0;
}

.header-info {
    padding-top: 10px;
    padding-bottom: 10px;
}

footer {
    /* background: linear-gradient(180deg, rgb(42, 167, 223) 0%, rgb(11, 116, 185) 100%, rgb(42, 167, 223) 58.106064796447754%); */
    background-color: #1b3d78;
    padding: 40px 0 25px;
}

    footer .bernard-name {
        /*font-family: "SVN-Gotham-Bold";*/
        font-weight:bold;
        color: #fff;
        
    }

    footer .branch {
        /*font-family: "SVN-Gotham-Bold";*/
        font-weight: bold;
        color: #fff;
        padding: 10px 0;
    }

.footer-logo {
    display: flex;
    align-items: center;
}

.ft-logo{
    height: 50px;
    margin-right: 50px;
}

.bn-logo {
    display: flex;
	align-items: center;
}

.copyright {
    color: #e2e8f0;
    /*font-family: "SVN-Gotham-Bold";*/
    font-weight: bold;
    font-size: var(--font-size-s);
    line-height: 21px;
    display: flex;
    justify-content: space-between;
}

.header-content {
    display: flex;
    justify-content: space-between;
}

.header img.logo{
    height: 50px;
}

.header .title-b {
    color: #1b3d78;
    /*font-family: "SVN-Gotham-Bold";*/
    font-weight: bold;
    font-size: var(--font-size-xxxxl);
	margin-top: 20px;
}

.header .title-r {
    color: #1b3d78;
    font-size: var(--font-size-xl);
}

.color-text {
    color: #1b3d78!important;   
}

.error {
    color: #d62a2a;
    font-size: var(--font-size-xl);
}

.login-screen {
    background-image: url('../img/bg_login.png');
    background-size: cover;
    padding: 100px;
    background-position: bottom;
	opacity:0.8;
}

.form-login {
	background-color:#fff;
    /* background: linear-gradient(180deg, rgb(42, 167, 223) 0%, rgb(11, 116, 185) 100%, rgb(42, 167, 223) 58.106064796447754%); */
    /*margin-left: calc(-.9 * var(--bs-gutter-x));
    margin-right: calc(-.9 * var(--bs-gutter-x));*/
    padding: 30px 25px;
    border-radius: 15px;
	max-width:450px!important;
	box-shadow:20px 20px 40px #0000001a;
}

.form-reg {
   background-color:#fff;
    /* background: linear-gradient(180deg, rgb(42, 167, 223) 0%, rgb(11, 116, 185) 100%, rgb(42, 167, 223) 58.106064796447754%); */
    /*margin-left: calc(-.9 * var(--bs-gutter-x));
    margin-right: calc(-.9 * var(--bs-gutter-x));*/
    padding: 30px 25px;
    border-radius: 15px;
	max-width:450px!important;
	box-shadow:20px 20px 40px #0000001a;
}

.form-reg .form-group {
        margin-bottom: 15px;
}

    .form-reg input[type="text"], .form-reg input[type="password"] {
        padding: 5px 30px;
		outline: none;
		border-radius: 10px!important;
		background-color:#edf0f9!important;
    }
	
	#company {
    padding: 3px 10px!important;
    outline: none;
    height: 35px;
    border-radius: 10px!important;
    background-color: #edf0f9!important;
}

    .form-reg input:focus, .form-reg input:focus[type="password"] {
        outline: none;
        box-shadow: none;
    }

.txt-w-l {
    /*font-family: "SVN-Gotham-Bold";*/
    font-weight: bold;
    color: #1b3d78;
    text-align: center;
    padding: 15px 0px 5px 0px;
	 font-size: var(--font-size-xxl);
	letter-spacing:0.48px;
}

.txt-w-l2 {
    /*font-family: "SVN-Gotham-Bold";*/
	 font-size: var(--font-size-xxl);
    font-weight: bold;
    color: #1b3d78;
    text-align: center;
	letter-spacing:0.48px;
	padding: 15px 0px 5px 0px;
}

.btnx {
	color: #fff;
	background-color:#1b3d78!important;
	border-radius: 10px!important;
}

.form-login{
    max-width: 450px;
	/*max-width: 100%;*/
}

.form-login input[type="text"], .form-login input[type="password"] {
    padding: 5px 30px;
    outline: none;
	border-radius: 10px!important;
	background-color:#edf0f9!important;
    /* text-align: center; */
}

.form-login input:focus, .form-login input:focus[type="password"]{
    outline: none;
    box-shadow: none;
}

    .form-login input[type="submit"] {      
        color: white;
        /*font-family: SVN-Gotham-Regular;*/
        font-size: var(--font-size-xl);
        outline: none;
        border: none;
		background-color:#1b3d78!important;		
    }

.form-reg input[type="submit"] {
    color: white;
    /*font-family: SVN-Gotham-Regular;*/
    font-size: var(--font-size-xl);
    outline: none;
    border: none;
	background-color: #1b3d78!important;
	border-radius: 10px!important;
}

.form-login .form-group {
    margin-bottom: 15px;
}

a.forgot-password{
    color: #1b3d78;
    text-decoration: none;
}

.imgcenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.col-left{
    position: relative;
}

.info-1 {
    /*font-family: "SVN-Gotham-Bold";*/
    /* font-weight: bold; */
    font-size: var(--font-size-xl);
	color:#000;
}

.info-2 {
    color: #1b3d78;
    /*font-family: "SVN-Gotham-Bold";*/
    font-weight: bold;
    font-size: var(--font-size-xxxxl);
	margin-bottom: 20px;
}

.col-left .info{
    position: absolute;
    bottom: 170px;
}


* {
    box-sizing: border-box;
}

.desktop .group-wrapper {
  /* position: absolute; */
  /* width: 1440px; */
  height: 310px;
  /* top: 650px; */
  left: 0;
  background-color: #edf0f9;
}

.desktop .group-5 {
  position: relative;
  max-width: 1069px;
  height: 220px;
  top: 45px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 9px;
}

.desktop .overlap-group-wrapper {
  position: absolute;
  width: 195px;
  height: 220px;
  top: 0;
  left: 0;
}

.desktop .overlap-group {
  position: relative;
  width: 193px;
  height: 220px;
  background-color: #ffffff;
  border-radius: 15px;
  border: 1px solid;
  border-color: #2093d1;
  box-shadow: 8px 8px 12px #0000000d;
}

.desktop .vector {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 32px;
  left: 55px;
}

.desktop .kh-m-b-nh-t-m-so-t {
  position: absolute;
  top: 135px;
  left: 21px;
  font-family: "Be Vietnam Pro", Helvetica;
  font-weight: 600;
  color: #505050;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .overlap-wrapper {
  position: absolute;
  width: 195px;
  height: 220px;
  top: 0;
  left: 219px;
}

.desktop .img {
  position: absolute;
  width: 74px;
  height: 80px;
  top: 32px;
  left: 58px;
}

.desktop .p {
  position: absolute;
  top: 135px;
  left: 33px;
  font-family: "Be Vietnam Pro", Helvetica;
  font-weight: 600;
  color: #5b5b5b;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .group-6 {
  position: absolute;
  width: 195px;
  height: 220px;
  top: 0;
  left: 438px;
}

.desktop .kh-m-s-c-kh-e-doanh {
  position: absolute;
  top: 144px;
  left: 42px;
  font-family: "Be Vietnam Pro", Helvetica;
  font-weight: 600;
  color: #5b5b5b;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .group-7 {
  position: absolute;
  width: 95px;
  height: 63px;
  top: 40px;
  left: 48px;
}

.desktop .group-8 {
  position: absolute;
  width: 195px;
  height: 220px;
  top: 0;
  left: 876px;
}

.desktop .h-tr-kh-m-v-i-u-tr-t {
  position: absolute;
  top: 135px;
  left: 39px;
  font-family: "Be Vietnam Pro", Helvetica;
  font-weight: 600;
  color: #5b5b5b;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .group-9 {
  position: absolute;
  width: 75px;
  height: 78px;
  top: 33px;
  left: 58px;
}

.desktop .group-10 {
  position: absolute;
  width: 195px;
  height: 220px;
  top: 0;
  left: 657px;
}

.desktop .group-11 {
  position: absolute;
  width: 81px;
  height: 80px;
  top: 32px;
  left: 55px;
}

.desktop .group-12 {
  position: absolute;
  width: 1440px;
  height: 90px;
  top: 0;
  left: 0;
  background-color: #ffffff;
  backdrop-filter: blur(5.5px) brightness(100%);
  -webkit-backdrop-filter: blur(5.5px) brightness(100%);
}

.desktop .group-13 {
  position: absolute;
  width: 279px;
  height: 44px;
  top: 23px;
  left: 188px;
}

.card{  
   position: relative;  
   display: flex;  
   flex-direction: column;  
   align-items: center;  
   height: 225px;
   /* padding: 1.3rem 2rem;   */
   border-radius: 1rem;  
   overflow: hidden;  
   border-color: #2093d1; 
 }  
 
  .card__img{  
    width: 62px;
	height: 80px;
    padding: 2rem 0;   
   transition: .5s;  
 } 
 
 .card__name{
   text-align: center;  
  margin-top: 45px;
      font-weight: 600;
 }

.owl-nav {
	display:none!important;
} 

:root {
    --black: #000000;
    --white: #ffffff;
    --font-size-l: 15px;
    --font-size-m: 14px;
    --font-size-s: 12px;
    --font-size-xl: 16px;
    --font-size-xxl: 18px;
    --font-size-xxxl: 20px;
    --font-size-xxxxl: 22px;
    --font-family-svn-gotham-bold: "SVN-Gotham-Bold", Helvetica;
    --font-family-svn-gotham-book: "SVN-Gotham-Book", Helvetica;
    --font-family-svn-gotham-regular: "SVN-Gotham-Regular", Helvetica;
}

.svn-gotham-book-normal-white-16px {
    color: #fff;
    /*font-family: var(--font-family-svn-gotham-book);*/
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
	margin-top: 5px;
}

.svn-gotham-regular-normal-white-16px {
    color: var(--white);
    /*font-family: var(--font-family-svn-gotham-regular);*/
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

@media (min-width: 787px) and (max-width: 992px){
	.login-screen {
		padding: 20px 20px 100px;
	}
	
	.login-screen .info{
		display: none;
	}
	

}

 @media (min-width: 767px) {
  	.imobile {
		display: none!important;
	}

    .imobile_margin {
        margin-left: 45px !important;
    }
      }    

@media (max-width: 787px){
	.login-screen {
		padding: 20px 20px 100px;
	}
	
	.login-screen .info{
		display: none;
	}
	
	.inorm {
		display: none!important;
	}

    .imobile_margin {
        margin-left: 0px !important;
    }
	
	.ft-logo {
		height: 40px;
		margin-right: 20px;
	}
	
	.header img.logo {
		height: 40px;
	}
	
	.bn-logo{
		justify-content: space-between;
	}
}