@charset "UTF-8";
.btn.btn-primary {
    color: #ffffff;
    background-color: #6d8c54;
     border-color: #6d8c54;  
  }
  .btn.btn-primary:hover {
color: #ffffff;
background-color: #6d8c54;
border-color: #6d8c54; }
.btn.btn-primary:focus, .btn.btn-primary.focus {
color: #ffffff;
background-color: #6d8c54;
border-color: #6d8c54; }
.btn.btn-primary:active, .btn.btn-primary.active,
.open > .btn.btn-primary.dropdown-toggle {
color: #ffffff;
background-color: #6d8c54;
border-color: #6d8c54;
background-image: none; }
.btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus,
.open > .btn.btn-primary.dropdown-toggle:hover,
.open > .btn.btn-primary.dropdown-toggle:focus,
.open > .btn.btn-primary.dropdown-toggle.focus {
  color: #ffffff;
  background-color: #6d8c54;
  border-color: #6d8c54; }
.btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus {
background-color: #6d8c54;
border-color: #6d8c54; }
.btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover {
background-color: #6d8c54;
border-color: #6d8c54; }

.auth {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: #efb443;
    overflow-x: hidden;
    overflow-y: auto;
}
.auth-container .auth-header {
    text-align: center;
    border-bottom: 1px solid  #818a91; 
}

.form-group.has-success span.has-success {
    color: #6d8c54;
    font-size: 13px;
    display: block !important; }
  
 .form-group.has-success .form-control-feedback {
    color: #6d8c54; }
.input-group span.input-group-addon.focus {
        background-color: #6d8c54;
        color: #ffffff; }
.has-success .form-control.underlined:focus, .form-control.underlined:focus {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #6d8c54; }
.has-success .form-control.underlined {
        box-shadow: none;
        border-color: #6d8c54; }
.checkbox:checked + span:before {
    color: #6d8c54; }
.form-control.boxed:focus {
        border: 1px solid #6d8c54; }
.btn.btn-success-outline {
    color: #6d8c54;
    background-image: none;
    background-color: transparent;
    border-color: #6d8c54; }
.btn.btn-success-outline:focus, .btn.btn-success-outline.focus, .btn.btn-success-outline:active, .btn.btn-success-outline.active,

.btn.btn-success:active:hover, .btn.btn-success:active:focus, .btn.btn-success:active.focus, .btn.btn-success.active:hover, .btn.btn-success.active:focus, .btn.btn-success.active.focus,
.open > .btn.btn-success.dropdown-toggle:hover,
.open > .btn.btn-success.dropdown-toggle:focus,
.open > .btn.btn-success.dropdown-toggle.focus {
    color: #fff;
    background-color: #6d8c54;
    border-color: #6d8c54; }
.btn.btn-success-outline:hover {
    color: #fff;
    background-color: #6d8c54;
    border-color: #6d8c54; }   
      
         
.header .header-block-nav .profile .arrow {
    color: #6d8c54; }     
.header .header-block-nav .profile-dropdown-menu a .icon {
    color: #6d8c54;
    text-align: center;
    width: 16px; }
.header .header-block-nav > ul > li > a:hover {
        color: #6d8c54; }
       
/*@media (min-width: 320px) and (max-width: 425px) {
    .auth-title{
        width: 292px;
    }
}*/

#myInput:focus {
    border-bottom: 1px solid 6d8c54; /* Change 'blue' to your desired color */
    /* You can also change other properties like background-color, text color, etc. */
  }