@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap");



body {
    font-family: "Barlow", sans-serif;
    line-height: 1.7;
    color: #516171;
}
h1, h2, h3, h4,h5, h6{
    font-weight: 700 !important;
    color:  #092032;
}

a {
    color:  #092032;
    text-decoration: none;
    transition: all 0.4s ease;
    font-weight: 500;
}


img {
    width: 100%;
}

.section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.bg-cover {
    background-position: bottom !important;
    background-repeat: no-repeat!important;
    background-size: 100% 115% !important;
}

datalist { 
    display: none;
  }







  
  /* NAVBAR */
  
  .navbar {
    margin : 0 !important;
    box-shadow: 0px 6px 30px rgba(0,0,0,0.20);
}



 
.navbar-brand {

    padding-top: 20px;
    font-weight: 1000;
    font-size: 26px;
    color: #092032 ;
}



.navbar-brand span {
    color: #ff4d29 ;
}


.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {

    color: #fb411b;
}

.nav-link,
.nav-link.active {
    font-weight: 200;
    font-size: 16px;

}





/* BTN */

.btn {
    padding: 9px 10px;
    
}

.btn-brand {
    background-color: #ff4d29;
    color:#ffffff ;
    border-color: #ff4d29;
}

.btn-brand:hover { 
    color:#ffffff ;
    background-color: #f80000;
    padding:  13px 13px;
}


#my-btn {
    padding: 9px 10px;
    background-color: #ff4d29;
    color:#ffffff ;
    border-color: #f5c0b57e;
    color:#ffffff ;
    background-color: #f80000;
    
}

#my-btn:hover {
    
    color:#ffffff ;
    background-color: #f80000;
    padding:  11px 11px;
}







/* MAIN DIV */
.login-css {
    margin : 0 !important;
    display: flex;
    align-items: center;
    height: auto;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #ff730055;
    background:  linear-gradient(#09325014, #09325014),  url(/static/assets/img/sections/fogy_city.jpg);
    background-position: bottom !important;
    background-repeat: no-repeat!important;
    background-size: 100% 100% !important;
  
  }














/* FORM */
.form-signin { 
    max-width: 330px;
    padding: 15px;
  }
  
  .form-signin .form-floating:focus-within {
    z-index: 2;
  }
  
  .form-signin input[type="username"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  
  .form-signin input[type="password"] {
    margin-bottom: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .form-signin input[type="confirm_password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .form-signin input[type="Client_ID"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .form-signin input[type="Page_Delay"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  
#my-label {
  color:#00000091 ;
}