/* Fonts */
.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}


html, body {height: 100%;background-color: #21292f;font-family: "Roboto", sans-serif;color: #fff;}
h1{
  color: #c0c0c0;
  font-size: 2.15rem;
}
/* login Page */
#Login .form-signin {
  max-width: 520px;
  padding: 1rem;
}
#Login .form-control {
  padding: .7rem .75rem !important;
  font-size: 1rem;
  line-height: 2.2rem !important;
}
#Login .form-label{
}  
#Login .emailIcon{
  width: 30px;
  left: 15px;
  top: 15px;
  z-index: 111;
}
#Login .emailInput{
  padding-left: 60px !important;
}
#Login .btn-primary{
  display: block;
  font-size: 18px;
  text-align: center;
  background: #957346;
  border: 1px solid #957346;
  padding: 15px;
}


/* Form Page */
#form label{color: #ffffff;display: block;font-weight: 700;}
#form h2{
  font-weight: bold;
  font-size: 20px;
  background: #957346;
  padding: 10px;
  color: #ffffff;
  margin: 0 0 15px 0;
}
#form .form-check-inline {
  padding: 6px 25px;
}
#form label.form-check-label{
  font-weight: 300;
}
#form .form-control, #form .form-select{
  background: transparent !important;
  color: #fff;
}
#form select option {
  background: #21292f;
}
#form  input, #form .form-select {
  color-scheme: dark;
}
.table td{
  background-color: transparent !important;
  color: #fff;
}

#segn canvas {
  border: 2px dotted #CCCCCC;
  border-radius: 15px;
  display:block;
}
#form .btn-primary{
  background: #957346;
  border: 1px solid #957346;
}
#form .btn-primary:hover{
  background: #745936;
  border: 1px solid #745936;
}
#form .btn-primary:focus{
  background: #574328;
  border: 1px solid #574328;
}


@media(max-width:991px) {
  h1 {
    font-size: 1.4rem;
    margin-top: -10px;
  }
  .logo{
    max-width: 230px;
  }
}
@media(max-width:768px) {
  h1 {
    font-size: 18px;
  }
}

@media(max-width:768px) {
#form h2 {
  font-size: 16px;
}
}