@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');
.container{
    max-width:75vw;
}
.login-form{
    border-radius:5rem;
}
*{
   font-family: 'Nanum Gothic', sans-serif;
}
.login-form .card{
    background:white;
    margin-top:10vh;
    border-radius:.5rem;
    width:35vw;
    margin:5vh auto;
     padding:3rem;
     border:1px solid rgba(0,0,0,0.05);
}
.login-form .card .card-body{
    border-radius:1rem;
   
}
.login-form .card .card-body input:first-of-type{
    padding:25px;
    /*border-radius: 0 .5rem .5rem 0;*/
}
.input-group-text{
    background-color:#f3f4f6;
    /*border-radius:.5rem 0 0 .5rem;*/
    width:50px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.login-form .card .card-footer{
    background:transparent;
}
#login{
    width:100%;
    padding:12px;
    margin-bottom:10px;
    background-color:#3b82f6;
    transition:.3s ease;
    border:0px;
    
}
#login:hover{
    background-color:#2563eb;
}
.breadcrumb{
    display:none;
}
.header{
      background-color:#374151!important;
}
.navbar-flex{
        
    background-color:#15803d!important;
    background-color:#374151!important;
    padding:12px 0px;
    display:flex;
    margin:auto;
    align-items:center;
    justify-content:center;
    justify-content:space-between;
     padding:10px 12.5%;
     
}
.logo{
    color:#fff!important;
}
.header.header .navbar-nav a{
    color:#fff;
}
.cardbtn{
    margin-bottom:0px!important;
}
.fa-shopping-cart{
    color:#fff;
}
section#main-body{
    min-height:70vh;
    width:75vw;
    position:relative;
    margin:auto;
    padding:5vh 0;
    display:flex;
    justify-content:justify-between;
    /*background:#fff;*/
     /*border:1px solid rgba(0,0,0,0.05);*/
     margin:2.5rem auto;
padding:3rem;
border-radius:.5rem;
}
.sidebarLeft{

    

    width:25%;
}
.sidebarRight{

    padding: 0 2rem;
   
    
    width:70%;
    margin-left:auto;
}
.primary-bg-color {
    background-color: #f9fafb;
}
.client-home-cards .card{
    margin:40px 0px;
    padding:1rem;
}
.custom-404{
    background-color:#fff;
    width:30vw;
    margin:10vh auto;
    padding:3rem;
    border:1px solid rgba(0,0,0,0.05);
    /*margin-top:10vh;*/
}
.custom-404 .buttons a{
    border-radius:1rem;
    border-radius:.25rem;
    font-weight:500;
}
.dropdown-menu li a{
    color:#222!important;
}
.footer-basic {
  padding:40px 0;
  background-color:#ffffff;
  color:#4b4c4d;
  background-color:#15803d;
  background-color:#374151;
  color:#fff!important;
}

.footer-basic ul {
  padding:0;
  list-style:none;
  text-align:center;
  font-size:18px;
  line-height:1.6;
  margin-bottom:0;
}

.footer-basic li {
  padding:0 10px;
}

.footer-basic ul a {
  color:inherit;
  text-decoration:none;
  opacity:0.8;
}

.footer-basic ul a:hover {
  opacity:1;
}

.footer-basic .social {
  text-align:center;
  padding-bottom:25px;
}

.footer-basic .social > a {
  font-size:18px;
  width:40px;
  height:40px;
  line-height:40px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  border:1px solid #ccc;
  margin:0 8px;
  color:inherit;
  opacity:0.75;
}

.footer-basic .social > a:hover {
  opacity:0.9;
}

.footer-basic .copyright {
  margin-top:15px;
  text-align:center;
  font-size:13px;
  color:#aaa;
  margin-bottom:0;
}