#head {
    background: #107a13;
    color: #FFF;
    padding: 10px;
}

#head h1 {
    margin: 0px;
}

#logo {
    height: 10em;
    width: auto;
}

.navbar {
    background: #f3f781;
    font-weight: 600;
}

#content{
    margin-top: 20px;
    margin-bottom: 20px;
}

#content h2 {
    margin: 0;
}

.jumbotron h1{
    margin-top: 0;
    padding-top: 0;
}

.eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
}

.title-1, .title-2{
    color: #FFF;
    padding: 10px 20px;
    font-weight: 700;

}

.title-1 {
    background: #0068B3;
}

.title-2 {
    background: #00A261;
}

.bottom {
    margin-top: 20px;
}

.emph {
    font-weight: 600;
    text-align: right;
}

.box-round{
    border: 1px solid #AAA;
    border-radius: 10px;
    overflow: hidden;
}

.box-round article{
    padding: 10px;
}

.box-title {
    background: #888;
    color: white;
    font-size: 1.4em;
    font-weight: bold;
}

.divisor{
    border-right: 1px solid #AAA;
}

.max-width{
    width: 100%;
}

form {
    margin-bottom: 20px;
}

form .label-field {
    margin-bottom: 0;
    padding-top: 7px;
}

.messages-flash{
    margin-bottom: 1em;
    margin-top: 1em;
}

footer {
    background: #AAA;
    margin-top: 1em;
    padding: 20px;
    text-align: right;
}

.monto {
    text-align: right;
}

.asterisk {
    color: #e11c1f;
}

.cursor-pointer {
    cursor: pointer;
}

.m-1 { margin: 0.25rem !important }
.m-2 { margin: 0.5rem !important }
.m-3 { margin: 1rem !important }
.m-4 { margin: 1.5rem !important }
.m-5 { margin: 3rem !important }

.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important }

.mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important }
.mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important }
.mx-3 { margin-left: 1rem !important; margin-right: 1rem !important }
.mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important }
.mx-5 { margin-left: 3rem !important; margin-right: 3rem !important }

.mt-1 { margin-top: 0.25rem !important }
.mt-2 { margin-top: 0.5rem !important }
.mt-3 { margin-top: 1rem !important }
.mt-4 { margin-top: 1.5rem !important }
.mt-5 { margin-top: 3rem !important }

.mb-1 { margin-bottom: 0.25rem !important }
.mb-2 { margin-bottom: 0.5rem !important }
.mb-3 { margin-bottom: 1rem !important }
.mb-4 { margin-bottom: 1.5rem !important }
.mb-5 { margin-bottom: 3rem !important }

.ml-1 { margin-left: 0.25rem !important }
.ml-2 { margin-left: 0.5rem !important }
.ml-3 { margin-left: 1rem !important }
.ml-4 { margin-left: 1.5rem !important }
.ml-5 { margin-left: 3rem !important }

.mr-1 { margin-right: 0.25rem !important }
.mr-2 { margin-right: 0.5rem !important }
.mr-3 { margin-right: 1rem !important }
.mr-4 { margin-right: 1.5rem !important }
.mr-5 { margin-right: 3rem !important }

.p-1 { padding: 0.25rem !important }
.p-2 { padding: 0.5rem !important }
.p-3 { padding: 1rem !important }
.p-4 { padding: 1.5rem !important }
.p-5 { padding: 3rem !important }

.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important }

.px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important }
.px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important }
.px-3 { padding-left: 1rem !important; padding-right: 1rem !important }
.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important }
.px-5 { padding-left: 3rem !important; padding-right: 3rem !important }

.pt-1 { padding-top: 0.25rem !important }
.pt-2 { padding-top: 0.5rem !important }
.pt-3 { padding-top: 1rem !important }
.pt-4 { padding-top: 1.5rem !important }
.pt-5 { padding-top: 3rem !important }

.pb-1 { padding-bottom: 0.25rem !important }
.pb-2 { padding-bottom: 0.5rem !important }
.pb-3 { padding-bottom: 1rem !important }
.pb-4 { padding-bottom: 1.5rem !important }
.pb-5 { padding-bottom: 3rem !important }

.pl-1 { padding-left: 0.25rem !important }
.pl-2 { padding-left: 0.5rem !important }
.pl-3 { padding-left: 1rem !important }
.pl-4 { padding-left: 1.5rem !important }
.pl-5 { padding-left: 3rem !important }

.pr-1 { padding-right: 0.25rem !important }
.pr-2 { padding-right: 0.5rem !important }
.pr-3 { padding-right: 1rem !important }
.pr-4 { padding-right: 1.5rem !important }
.pr-5 { padding-right: 3rem !important }