html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  font-size: 16px;
  /* Margin bottom by footer height */
}

.navbar-inverse {
  background-color: #008378;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
  color: #fff;
  background-color: #009975;
}

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}

.navbar-inverse .navbar-brand {
  color: #fff !important;
  font-weight: bold;
}

.head-title {
  color: #fff;
}

.head-title-origin {
  color: #00d9a6;
}

main {
  padding-bottom: 1rem;
}

.btn-info {
  color: #fff !important;
}

.error .valid {
  display: none !important;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 57px;
  background-color: #01665e;
}

.copy,
.copyref {
  color: #fff;
  margin-top: 1.5%;
}

.jumbotron {
  background-color: #009975;
}

.padding-top-1-percent {
  padding-top: 1%;
}

.padding-top-2-percent {
  padding-top: 2%;
}

.padding-top-3-percent {
  padding-top: 3%;
}

.padding-top-4-percent {
  padding-top: 4%;
}

.padding-top-5-percent {
  padding-top: 5%;
}

.detalle-info {
  padding: 3%;
  border-radius: 5px;
}

.padding-top-6-percent {
  padding-top: 6%;
}

.error {
  color: red;
}

.acomodo-check {
  margin-left: 0px !important;
}

.checkbox label,
.radio label {
  padding-left: 0px;
}

.col-md-6-imp {
  width: 50% !important;
}

.text-justify{
  text-align: justify;
} 

.text-left{
  text-align: left;
} 


.text-change{
  color: #01665e;
  font-size: 14px;
}

.modal-header{
  background-color: #01665e !important;
  color: #fff !important;
  font-size: 1.2rem;
  font-weight: 700;
}

.font-bold{
  font-weight: bold;
}

.myref{
  cursor: pointer !important;
}