/*----- Global Content Styles
----------------------------------------------------------------------------------------------------*/

html { position: relative; min-height: 100%; overflow-x: hidden; }
html, body { width: 100%; min-width: 100%; }
body { background-color: #fff; color: #000000; font-family: "Poppins", "Helvetica Neue", Arial, sans-serif; font-size: 16px; margin-bottom: 135px; font-weight: 400; }

.container { width: 100%; }
.main { margin: 25px auto 20px; line-height: 1.7em; padding-bottom: 20px; }

.card { margin-bottom: 20px; border: none; border-radius: 15px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); }
.card .card-body p:last-child { margin-bottom: 0; }

.primary-nav { border-radius: 0; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); height: 100%; background: #042E8E; left: 0; top: 0; width: 300px; padding: 15px; overflow-y: auto; }
.primary-nav li { display: block; width: 100%; }
.primary-nav a { font-size: 15px; font-weight: 400; color: #fff; line-height: 1.5rem; margin-bottom: 2px; padding: 0.1rem 1rem; width: 100%; }
.primary-nav a span { display: inline-block; border-bottom: 2px solid transparent; }
.primary-nav a:hover span, .nav.flex-column a:focus span { border-bottom: 2px solid #fff; }
.primary-nav a .fa:before { content: "\f0d7"; }
.primary-nav a .fa:before { content: "\f0da"; }

h1, h2, h3, .h1, .h2, .h3, h4, h5, h6, .h4, .h5, .h6, strong, .btn { font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: greyscale; text-rendering: optimizelegibility; }
h1, h2, h3, h4, h5, h6 { color: #000000; margin-top: 0px; margin-bottom: 15px; position: relative; line-height: 1.7em; }

h1 { margin: 0 0 20px; font-size: 26px; line-height: 34px; }
h1 small { font-size: 16px; }
h2 { font-size: 23px; line-height: 34px; }
h3 { font-size: 21px; line-height: 27px; }
h4, h5 { font-size: 18px; }
h4 { line-height: 29px; }

.page-header { border-bottom: 1px solid #ddd; padding-bottom: 10px; }
h3 .fa:after { content: "\f0da"; margin-left: 10px; }
h3[aria-expanded="true"] .fa:after { content: "\f0d7"; }

code { background: rgba(0,0,0,0.05); border: 1px solid #ddd; display: block; font-size: 12px; margin-bottom: 20px; padding: 10px 15px; position: relative; top: -1px; }
p code { display: inline-block; line-height: 1.4em; margin: 0; padding: 0 5px; }
a { color: #042E8E; }
blockquote { border-left: 5px solid #757575; padding-left: 30px; }
blockquote small { display: block; }

img { max-width: 100%; margin: 0 0 20px 0; }

.text-muted { color: #a1a1a1!important; }
.text-note { display: inline-block; font-size: 15px; font-weight: 400; }

/* Branding */

.color-swatch { padding: 2px 5px; font-weight: 400; font-size: 14px; color: #fff; line-height: 1em; text-align: center; width: 100% }
.primary { background-color: #042E8E; }
.primary-hover { background-color: #011A51; }
.background { background-color: #F1F7FB; }
.secondary { background-color: #453799; }
.accentone { background-color: #008CD1; }
.muted { background-color: #757575; }
.success { background-color: #388038; }
.danger { background-color: #D4403A; }
.body { background-color: #000000; }

.logo-1 { background-color: #2A266D; }
.logo-2 { background-color: #008CD1; }

#branding img { max-height: 45px; }

/* Buttons */

.btn { font-size: 16px; font-weight: 600; color: #fff!important; white-space: normal; border-radius: 30px; padding: 15px 30px; transition: background-color ease .3s, border ease .3s, box-shadow ease .2s; -webkit-transition: background-color ease .3s, border ease .3s, box-shadow ease .2s; -moz-transition: background-color ease .3s, border ease .3s, box-shadow ease .2s; }
.btn-primary { background-color: #042E8E; border: 1px solid #042E8E; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:disabled { background-color: #011a51!important; border: 1px solid #011a51!important; }
.btn-outline-primary { background-color: #fff!important; border: 1px solid #042E8E!important; color: #042E8E!important; }
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus { background-color: #042E8E!important; color: #fff!important; }
.btn-outline-dark { background-color: #fff!important; border: 1px solid #a1a1a1!important; color: #333!important; font-weight: 500; text-transform: capitalize; }
.btn-outline-dark.fa { margin-right: 5px; }
.btn-outline-dark:hover, .btn-outline-dark:active, .btn-outline-dark:focus { background-color: #f7f7f7!important; color: #222!important; }

/* Lists */

.list-group { margin-bottom: 0; }
.list-group .list-group-item { padding: 1rem 10px; border: 0px solid #000; border-bottom: 1px solid #ddd; border-radius: 0px!important; margin-bottom: 0; }
.list-group .list-group-item:first-child { border-top: 1px solid #ddd; }