.red {
    color: #dd5a43 !important;
}

.btn-teal {
    color: #ffffff;
    background-color: #2e6e51;
    border-color: #3e9971;
}

.btn-teal:hover,
.btn-teal:focus,
.btn-teal:active,
.btn-teal.active,
.open .dropdown-toggle.btn-teal {
    color: #ffffff;
    background-color: #1c6645;
    border-color: #3e9971;
}

.btn-teal:active,
.btn-teal.active,
.open .dropdown-toggle.btn-teal {
    background-image: none;
}

.btn-teal.disabled,
.btn-teal[disabled],
fieldset[disabled] .btn-teal,
.btn-teal.disabled:hover,
.btn-teal[disabled]:hover,
fieldset[disabled] .btn-teal:hover,
.btn-teal.disabled:focus,
.btn-teal[disabled]:focus,
fieldset[disabled] .btn-teal:focus,
.btn-teal.disabled:active,
.btn-teal[disabled]:active,
fieldset[disabled] .btn-teal:active,
.btn-teal.disabled.active,
.btn-teal[disabled].active,
fieldset[disabled] .btn-teal.active {
    background-color: #3d9970;
    border-color: #0f8c54;
}

.btn-teal .badge {
    color: #3d9970;
    background-color: #ffffff;
}

.img-logo{
    position: absolute;
    top: -45px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.img-logo img{
    width: 80px;
    height: 80px;
}
.input-group-password{
    cursor: pointer;
}
.input-group-password:hover .input-group-text span{
    color: rgb(13, 138, 79);
}
.input-group-text > span {
    font-size: 18px;
}
.form-control:focus{
    border-color: #3d9970;
}
.login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text, .register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
    border-color: #3d9970;
}
/*.login-box,
.register-box {
  width: 400px;
}
.login-card-body, .register-card-body {
    padding: 20px 40px;
}*/
.username{
    text-transform: uppercase;
}
.user-block img{
    height: 35px;
    width: 35px;
}
.pointer{
    cursor: pointer;
}
.swal2-styled.swal2-default-outline:focus {
    box-shadow: 0 0 0 3px rgba(173, 190, 186, 0.5)!important;
}
.form-control:focus + .input-group-append > .input-group-text-transparente-action {
    border-color: #3d9970 !important; }
  
  .custom-control-input:checked ~ .custom-control-label::before {
    color: #ffffff;
    border-color: #3d9970;
    background-color: #3d9970;
    -webkit-box-shadow: none;
            box-shadow: none; }
  
  .custom-control-input:focus ~ .custom-control-label::before {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), none;
            box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), none; }
  
  .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #acf0d1; }
  
  .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #ffffff;
    background-color: #acf0d1;
    border-color: #88b4a0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  
  .custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d; }
  
  .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef; }

.bg-disabled{
  background-color: #e9ecef;
}

.bg-tranparent{
  background: transparent!important;
}
  
  .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top; }
  
  .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #3d9970;
    background-color: #3d9970;
    -webkit-box-shadow: none;
            box-shadow: none; }
  
  .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(82, 164, 127, 0.502); }
  
  .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(82, 164, 127, 0.5); }
  
  .custom-radio .custom-control-label::before {
    border-radius: 50%; }
  
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffffff'/%3E%3C/svg%3E"); }
  
  .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(82, 164, 127, 0.5); }
.login-logo > span.badge{
  background: #6c757d;
  color: white;
  font-size: 95%;
  padding: 4px 7px;
}

.login-page{
  background: transparent!important;
}
.wave{
    position: fixed;
    bottom: 0;
    left: 0;
    height: 90%;
    z-index: -1;
}
@media screen and (max-width: 767px){
  /*.wave{
    display: none;
  }*/
  .col-img-login{
    display: none!important;
  }
}
.label-in-border{
  position: absolute;
  top: -11px;
  left: 12px;
  background: white;
  padding: 0 5px;
  margin-bottom: 0;
  font-weight: 400!important;
}
select.is-invalid{
  background-image: none!important;
}