body > .container {
    margin: 5rem auto 2rem;
}

body > .container-fluid {
    margin: 5rem 0 2rem;
}

header {

}

nav.main-navbar {
    background-color: #266c82;
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
    margin: 0 -5px;
}

nav.main-navbar button {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .5);
    text-decoration: none;
}

nav.main-navbar button:hover {
    color: rgba(255, 255, 255, .75);
    border-color: rgba(255, 255, 255, .75);
    text-decoration: none;
}

.card-header h4 {
    margin: 0;
}

footer {
    background-color: rgb(236, 234, 232);
    margin-top: 2rem;
    color: #266c82;
    font-size: 11pt;
}

footer a {
    color: #266c82;
}

footer a:hover {
    color: #266c82;
}

footer > .container {
    padding: 2rem;
}

footer .copyright {
    background-color: rgb(118,117,116);
    color: #dddddd;
    padding: 1rem;
}

span i.fa {
    color: #266c82;
}

.select-all {
    user-select: all;
    -webkit-user-select: all;
}

.loader {
    margin: 1rem 0;
}

#top-button {
    display: inline-block;
    position: fixed;
    bottom: 50px;
    right: 50px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 10000;
    background-color: #C0D4DE;
    padding: 2px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
}

#top-button.show {
    opacity: 1;
    visibility: visible;
}

.alert.alert-success a {
    color: #155724;
}

.alert.alert-success a:hover {
    color: #157724;
    text-decoration: none;
}

.alert.alert-warning a {
    color: #856404;
}

.alert.alert-warning a:hover {
    color: #a56404;
    text-decoration: none;
}

.color-red {
    color: red;
}

.color-green {
    color: green;
}

.color-gray {
    color: gray;
}

.small-control {
    font-size: 10pt !important;
}

.document h2, .document h3 {
    margin-top: 2rem;
}

.document h4, .document h5 {
    margin-top: 1rem;
}

select[value=""], option[value=""], option:not([value]) {
    color: silver;
}

.fs-10 {
    font-size: 10pt;
}

.fs-11 {
    font-size: 11pt;
}

.fs-13 {
    font-size: 13pt;
}

.fs-14 {
    font-size: 14pt;
}

.cursor-pointer {
    cursor: pointer;
}

.jq-icon-warning {
    color: #fff3cd;
    background-color: #856404;
}

h1, .h1 { font-size: 2rem}

h2, .h2 { font-size: 1.8rem}

h3, .h3 { font-size: 1.6rem}

h4, .h4 { font-size: 1.4rem}

h5, .h5 { font-size: 1.2rem}

h6, .h6 { font-size: 1rem}

.w-30 {
    width: 30%;
}

.wx-10 { width: 10px;}

.wx-20 { width: 20px;}

.wx-25 { width: 25px;}

.wx-30 { width: 30px; }

.wx-40 { width: 40px; }

.wx-50 { width: 50px; }

.wx-60 { width: 60px; }

.wx-70 { width: 70px; }

.wx-80 { width: 80px; }

.wx-90 { width: 90px; }

.wx-100 { width: 100px; }

.wx-110 { width: 110px; }

.wx-120 { width: 120px; }

.wx-130 { width: 130px; }

.wx-135 { width: 135px; }

.wx-140 { width: 140px; }

.wx-145 { width: 145px; }

.wx-150 { width: 150px; }

.wx-155 { width: 155px; }

.wx-200 { width: 200px; }

.min-w-100 { min-width: 100% !important; }

table.dataTable th.text-right, .dataTable th.text-center {
    text-align: left !important;
}

.fai {
    width: 20px;
    text-align: center;
}