#authOffcanvas{
    width: 39%;
}

#authOffcanvas input.form-control {
  background: #f1f1f1;
  border: none;
  border-radius: 0;
  padding: 12px 10px;
  color:black;
  width: 100%;
}

#authOffcanvas input.form-control::placeholder {
  color: #4c6f68;
}


.btn-succes {
  border-radius: 0;
    color: white;
    background-color:#4c6f68 ;
   align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-size:  0.875rem;
    font-weight: 600;
    justify-content: center;
    height:3rem;
    line-height: normal;
    padding-left: 1.25rem;
    padding-right:  1.25rem;
    text-transform: uppercase;
    transition-duration: .25s;
    transition-timing-function: ease-out;
    letter-spacing: .08em;
    border: 0.125rem solid #4c6f68;
}

.swal2-container {
    z-index: 99999 !important;
}

.btn-succes:hover{
    background-color: black;
}
.form-check-label a {
  color: #4f6b5a;
  text-decoration: none;
  font-weight: 500;
}

.form-check-label a:hover {
  text-decoration: underline;
}

.offcanvas {
  width: 420px;
}

.nav-tabs .nav-link {
  border: none;
  font-weight: 600;
  color: #333;
}

.nav-tabs .nav-link.active {
  color: #2c4637;
  border-bottom: 2px solid #2c4637;
}



.offcanvas-body{
            padding: 24px 60px;
}
.btns{
    border-radius: 0;
    color: #4c6f68;
   align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-size:  0.875rem;
    font-weight: 600;
    justify-content: center;
    height:3rem;
    line-height: normal;
    padding-left: 1.25rem;
    padding-right:  1.25rem;
    text-transform: uppercase;
    transition-duration: .25s;
    transition-timing-function: ease-out;
    letter-spacing: .08em;
    border: 0.125rem solid #4c6f68;

}
.btns:hover{
    background-color:#4c6f68 ;
    color: #f1f1f1;
}

.divider {
  display: flex;
  align-items: center;
  color: #4c6f68;
  margin: 1rem 0;
  font-weight: 600;
}

.divider::before,
.divider::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #ccc;
}

.divider::before {
  margin-right: .75em;
}

.divider::after {
  margin-left: .75em;
}