html, body {
    height: 100%;
}

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto 0px;
    padding: 0 0 0px;
}

#footer {
    height: 20px;
}

#wrap > .container {
    padding: 100px 15px 0;
}

#footer > .container {
    padding-left: 15px;
    padding-right: 15px;
}

/* general */

hr.hr-xtra-small {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1;
}

hr.hr-small {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1;
}

hr.hr-medium {
    margin-top: 1.0rem;
    margin-bottom: 1.0rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1;
}

.bg-red {
    background-color: #e74c3c;
}

.bg-orange {
    background-color: #f39c12;
}

.bg-blue {
    background-color: #3498db;
}

.bg-green {
    background-color: #25ba84;
}

.bg-white {
    background-color: #fff;
}

.bg-light-gray {
    background-color: rgba(216, 216, 216, 0.99);
}

.bg-mid-gray {
    background-color: rgba(144, 144, 144, 0.99);
}

.bg-dark-gray {
    background-color: rgba(72, 72, 72, 0.99);
}

.bg-off-white {
    background-color: rgba(250, 250, 250, 0.99);
}

.brdr-rounded, .btn, .btn-link, .btn-blue, .btn-green, .btn-gray, .btn-red {
    border-radius: 3px;
}

.brdr-light-gray {
    border: thin solid rgba(216, 216, 216, 0.99);
}

.brdr-mid-gray {
    border: thin solid rgba(144, 144, 144, 0.99);
}

.brdr-dark-gray {
    border: thin solid rgba(72, 72, 72, 0.99);
}

.brdr-off-white {
    border: thin solid rgba(250, 250, 250, 0.99);
}

.m0 {
    margin: 0;
}

.mx0 {
    margin-left: 0;
    margin-right: 0;
}

.my0 {
    margin-top: 0;
    margin-bottom: 0;
}

.m1 {
    margin: 1rem;
}

.mx1 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.my1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.m2 {
    margin: 2rem;
}

.mx2 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.my2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.p0 {
    padding: 0;
}

.px0 {
    padding-left: 0;
    padding-right: 0;
}

.py0 {
    padding-top: 0;
    padding-bottom: 0;
}

.p1 {
    padding: 1rem;
}

.px1 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.p2 {
    padding: 2rem;
}

.px2 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.py2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/* custom */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.userviewlabel {
    padding: 8px;
}

.userviewfield {
    background-color: #f2f2f2;
    border-width: 0px 0px 1px 0px;
    border-color: #ababab;
    border-style: solid;
    padding: 8px;
    height: 35px;
}

.userpid {
    min-height: 45px;
    text-align: center;
    border: 1px solid;
}

.userbrheight {
    height: 10px;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.divsms {
    background: #5B9BD5;
    text-align: center;
}

.modtitle {
    color: white;
    text-transform: uppercase;
}

#ledgerTable {
    font-size: 11px;
}

#ledgerTable tbody tr {
    line-height: 14px;
    vertical-align: middle;
}

#ledgerTable tbody tr td {
    vertical-align: middle;
}

.pt-3 {
    padding-top: 5px;
}