.bg-blue {
    background-color: #198099 !important;
  }
  
  a.bg-blue:hover, a.bg-blue:focus,
  button.bg-blue:hover,
  button.bg-blue:focus {
    background-color: #198099 !important;
  }

  .jumbotron {
    padding: 2rem 1rem;
    background-color:#ffffff;
    border-radius: 0rem;
    margin-bottom: 0px !important;
  }

  .jumbotron-blue {
    padding: 2rem 1rem;
    background-color:#198099;
    border-radius: 0rem;
  }

  .header-container-fluid {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    width: 100%;
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-right: auto;
    margin-left: auto;
  }

  .title-dark {
      color: #333945;
      text-transform: uppercase;
  }
  .image-pad {
      width: 100px;
      height: 100px;
      margin-bottom: 30px;
  }

  .text-style {
      color: #728292;
      line-height: 1.5rem;
      font-size: 18px;
  }

  .text-style-blue {
    color: rgb(255, 255, 255);
    line-height: 1.5rem;
    font-size: 18px;
}
  .title-dark {
      color: #213447;
  }

  .btn-outline-white-primary {
    color: #ffffff;
    background-color: #198099;
    background-image: none;
    border-color: #ffffff;
    padding: 0.5rem 1rem 0.375rem 1rem ;
  }
  
  .btn-outline-white-primary:hover {
    color: #198099;
    background-color: #ffffff;
    border-color: #ffffff;
  }
  
  .btn-outline-white-primary:focus, .btn-outline-white-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  }
  
  .btn-outline-white-primary.disabled, .btn-outline-white-primary:disabled {
    color: #198099;
    background-color: transparent;
  }
  
  .btn-outline-white-primary:not(:disabled):not(.disabled):active, .btn-outline-white-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-white-primary.dropdown-toggle {
    color: #fff;
    background-color: #198099;
    border-color: #ffffff;
  }
  
  .btn-outline-white-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-white-primary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-white-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  }

  .btn-green {
    color: #fff;
    background-color: #15d683;
    border-color: #15d683;
  }
  
  .btn-green:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
  }
  
  .btn-green:focus, .btn-green.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  }
  
  .btn-green.disabled, .btn-green:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
  }
  
  .btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active,
  .show > .btn-green.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
  }
  
  .btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus,
  .show > .btn-green.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  }

  .title-message {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: lighter;
  }
  ::selection {
    background: #1f9fbe; /* WebKit/Blink Browsers */
  }
  ::-moz-selection {
    background: #1f9fbe; /* Gecko Browsers */
  }
  .border-primary {
    border-color: #198099 !important;
  }
  .form-control {
    border-radius: 0rem !important;
  }


/* Login Modal*/
* {
  font-family: 'Roboto', sans-serif;
}

#login-modal .modal-dialog {
  width: 350px;
}

#login-modal input[type=text], input[type=password] {
margin-bottom: 15px;
}

#div-login-msg,
#div-lost-msg,
#div-register-msg {
  border: 1px solid #dadfe1;
  height: 30px;
  line-height: 28px;
  transition: all ease-in-out 500ms;
}

#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
  border: 1px solid #68c3a3;
  background-color: #c8f7c5;
}

#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
  border: 1px solid #eb575b;
  background-color: #ffcad1;
}

#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
  width: 30px;
  float: left;
  line-height: 28px;
  text-align: center;
  background-color: #dadfe1;
  margin-right: 5px;
  transition: all ease-in-out 500ms;
}

#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
  background-color: #68c3a3 !important;
}

#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
  background-color: #eb575b !important;
}

#img_logo {
  margin-top: 2rem;
  margin-bottom: 2rem;

}

/* #########################################
 #    override the bootstrap configs     #
 ######################################### */

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .8;
}

.modal-content {
  background-color: #ffffff;
  border: 1px solid #bdc3c7;
  border-radius: 0px;
  outline: 0;
}

.modal-header {
  min-height: 16.43px;
  padding: 15px 15px 15px 15px;
  border-bottom: 0px;
}

.modal-body {
  position: relative;
  padding: 5px 15px 5px 15px;
}

.modal-footer {
  padding: 15px 15px 15px 15px;
  text-align: left;
  border-top: 0px;
}

.checkbox {
  margin-top: 10px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
}

.btn-link {
  padding: 5px 10px 0px 0px;
  color: #95a5a6;
}

.btn-block {
  display: block;
  width: 100%;
}


.btn-link:hover, .btn-link:focus {
  color: #2c3e50;
  text-decoration: none;
}

.glyphicon {
  top: 0px;
}

.form-control {
border-radius: 0px;
}

.btn-login {
  color: #fff;
  background-color: #198099;
  border-color: #198099;
}

.btn-login:hover {
  color: #fff;
  background-color: rgb(21, 106, 128);
  border-color: rgb(21, 106, 128);
}

.btn-login:focus, .btn-login.focus {
  box-shadow: 0 0 0 0.2rem rgba(18, 89, 107);
}

.btn-login.disabled, .btn-login:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-login:not(:disabled):not(.disabled):active, .btn-login:not(:disabled):not(.disabled).active,
.show > .btn-login.dropdown-toggle {
  color: #fff;
  background-color: #198099;
  border-color: #198099;
}

.btn-login:not(:disabled):not(.disabled):active:focus, .btn-login:not(:disabled):not(.disabled).active:focus,
.show > .btn-login.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(18, 89, 107);
}

.text-small {
  font-size: 12px;
  margin-bottom: 0px;
}

.text-small-title{
  margin-bottom: 1em;
}