/* @import url('https://fonts.googleapis.com/css2?family=Spinnaker&display=swap'); */

html,
body {
    width: 100%;
    font-size: 14px;
}

body {
    background: #eee;
    margin: 0;
    color: #323232;
    font-family: 'Spinnaker', sans-serif;
    line-height: 22px;
    overflow-x: hidden;
    overflow-y: scroll;
}

a {
    color: #31144d;
    /* #000000 */
}

a:hover,
a:focus {
    color: #30193e;
    /* #0077dd */
}

a:active {
    color: #30193e;
    /* #002544 */
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
}

h1 {
    font-size: 36px;
    font-size: 2.7692307692rem;
}

h2 {
    margin-top: 15px;
    font-size: 30px;
    font-size: 2.3076923077rem;
}

h3 {
    margin-top: 15px;
    font-size: 24px;
    font-size: 1.8461538462rem;
}

h4 {
    font-size: 18px;
    font-size: 1.3846153846rem;
}

h5 {
    font-size: 16px;
    font-size: 1.2307692308rem;
}

h6 {
    font-size: 14px;
    font-size: 1.0769230769rem;
}

blockquote {
    font-size: 14px;
    font-size: 1.0769230769rem;
}

.bg-success {
    background: #bdd128 !important;
}

.bg-warning {
    background: #fea223 !important;
}

.bg-danger {
    background: #dc3545 !important;
}

.bg-info {
    background: #5bc0de !important;
}

.bg-lighter {
    background: #ffffff !important;
}

.bg-lighter-1 {
    background: #000000 !important;
}

.bg-lighter-2 {
    background: #0b8fff !important;
}

.bg-primary {
    background: #923ce8 !important;
    /* #000000 */
}

.bg-darker-1 {
    background: #000000 !important;
}

.bg-darker-2 {
    background: #002d53 !important;
}

.bg-scale-0 {
    background: #f7f7f7 !important;
}

.bg-scale-1 {
    background: #ececec !important;
}

.bg-scale-2 {
    background: #cccccc !important;
}

.bg-scale-3 {
    background: #999999 !important;
}

.bg-scale-4 {
    background: #585858 !important;
}

.bg-scale-5 {
    background: #202020 !important;
}

.bg-scale-6 {
    background: #151515 !important;
}

.bg-none {
    background: none !important;
}

.bg-trans {
    background: rgba(255, 255, 255, 0.4);
}

.b-rounded {
    border-radius: 5px;
}

.b-straight {
    border-radius: 0px !important;
}

.b-none {
    border: 0 solid #ccc !important;
}

.b-xs {
    border: 1px solid #ccc !important;
}

.b-sm {
    border: 2px solid #ccc !important;
}

.b-md {
    border: 3px solid #ccc !important;
}

.b-lg {
    border: 4px solid #ccc !important;
}

.b-xl {
    border: 5px solid #ccc !important;
}

.b-xlg {
    border: 6px solid #ccc !important;
}

.bt-none {
    border-top: 0 solid #ccc !important;
}

.bt-xs {
    border-top: 1px solid #ccc !important;
}

.bt-sm {
    border-top: 2px solid #ccc !important;
}

.bt-md {
    border-top: 3px solid #ccc !important;
}

.bt-lg {
    border-top: 4px solid #ccc !important;
}

.bt-xl {
    border-top: 5px solid #ccc !important;
}

.bt-xlg {
    border-top: 6px solid #ccc !important;
}

.bb-none {
    border-bottom: 0 solid #ccc !important;
}

.bb-xs {
    border-bottom: 1px solid #ccc !important;
}

.bb-sm {
    border-bottom: 2px solid #ccc !important;
}

.bb-md {
    border-bottom: 3px solid #ccc !important;
}

.bb-lg {
    border-bottom: 4px solid #ccc !important;
}

.bb-xl {
    border-bottom: 5px solid #ccc !important;
}

.bb-xlg {
    border-bottom: 6px solid #ccc !important;
}

.bl-none {
    border-left: 0 solid #ccc !important;
}

.bl-xs {
    border-left: 1px solid #ccc !important;
}

.bl-sm {
    border-left: 2px solid #ccc !important;
}

.bl-md {
    border-left: 3px solid #ccc !important;
}

.bl-lg {
    border-left: 4px solid #ccc !important;
}

.bl-xl {
    border-left: 5px solid #ccc !important;
}

.bl-xlg {
    border-left: 6px solid #ccc !important;
}

.br-none {
    border-right: 0 solid #ccc !important;
}

.br-xs {
    border-right: 1px solid #ccc !important;
}

.br-sm {
    border-right: 2px solid #ccc !important;
}

.br-md {
    border-right: 3px solid #ccc !important;
}

.br-lg {
    border-right: 4px solid #ccc !important;
}

.br-xl {
    border-right: 5px solid #ccc !important;
}

.br-xlg {
    border-right: 6px solid #ccc !important;
}

.b-success {
    border-color: #bdd128 !important;
}

.b-warning {
    border-color: #fea223 !important;
}

.b-danger {
    border-color: #dc3545 !important;
}

.b-info {
    border-color: #5bc0de !important;
}

.b-lighter-1 {
    border-color: #000000 !important;
}

.b-lighter-2 {
    border-color: #0b8fff !important;
}

.b-primary {
    border-color: #923ce8 !important;
}

.b-darker-1 {
    border-color: #000000 !important;
}

.b-darker-2 {
    border-color: #002d53 !important;
}

.b-scale-0 {
    border-color: #f7f7f7 !important;
}

.b-scale-1 {
    border-color: #ececec !important;
}

.b-scale-2 {
    border-color: #cccccc !important;
}

.b-scale-3 {
    border-color: #999999 !important;
}

.b-scale-4 {
    border-color: #585858 !important;
}

.b-scale-5 {
    border-color: #202020 !important;
}

.b-scale-6 {
    border-color: #151515 !important;
}

.m-auto {
    margin: 0 auto !important;
}

.m-none {
    margin: 0 !important;
}

.m-xs {
    margin: 5px !important;
}

.m-sm {
    margin: 10px !important;
}

.m-md {
    margin: 15px !important;
}

.m-lg {
    margin: 20px !important;
}

.m-xl {
    margin: 25px !important;
}

.m-xlg {
    margin: 30px !important;
}

.mt-none {
    margin-top: 0 !important;
}

.mt-xs {
    margin-top: 5px !important;
}

.mt-sm {
    margin-top: 10px !important;
}

.mt-md {
    margin-top: 15px !important;
}

.mt-lg {
    margin-top: 20px !important;
}

.mt-xl {
    margin-top: 25px !important;
}

.mt-xlg {
    margin-top: 30px !important;
}

.mb-none {
    margin-bottom: 0 !important;
}

.mb-xs {
    margin-bottom: 5px !important;
}

.mb-sm {
    margin-bottom: 10px !important;
}

.mb-md {
    margin-bottom: 15px !important;
}

.mb-lg {
    margin-bottom: 20px !important;
}

.mb-xl {
    margin-bottom: 25px !important;
}

.mb-xlg {
    margin-bottom: 30px !important;
}

.ml-none {
    margin-left: 0 !important;
}

.ml-xs {
    margin-left: 5px !important;
}

.ml-sm {
    margin-left: 10px !important;
}

.ml-md {
    margin-left: 15px !important;
}

.ml-lg {
    margin-left: 20px !important;
}

.ml-xl {
    margin-left: 25px !important;
}

.ml-xlg {
    margin-left: 30px !important;
}

.mr-none {
    margin-right: 0 !important;
}

.mr-xs {
    margin-right: 5px !important;
}

.mr-sm {
    margin-right: 10px !important;
}

.mr-md {
    margin-right: 15px !important;
}

.mr-lg {
    margin-right: 20px !important;
}

.mr-xl {
    margin-right: 25px !important;
}

.mr-xlg {
    margin-right: 30px !important;
}

.mv-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mv-xs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.mv-sm {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mv-md {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.mv-lg {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mv-xl {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.mv-xlg {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mh-none {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mh-xs {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.mh-sm {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mh-md {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.mh-lg {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.mh-xl {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.mh-xlg {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.p-none {
    padding: 0 !important;
}

.p-xs {
    padding: 5px !important;
}

.p-sm {
    padding: 10px !important;
}

.p-md {
    padding: 15px !important;
}

.p-lg {
    padding: 20px !important;
}

.p-xl {
    padding: 25px !important;
}

.p-xlg {
    padding: 30px !important;
}

.pt-none {
    padding-top: 0 !important;
}

.pt-xs {
    padding-top: 5px !important;
}

.pt-sm {
    padding-top: 10px !important;
}

.pt-md {
    padding-top: 15px !important;
}

.pt-lg {
    padding-top: 20px !important;
}

.pt-xl {
    padding-top: 25px !important;
}

.pt-xlg {
    padding-top: 30px !important;
}

.pb-none {
    padding-bottom: 0 !important;
}

.pb-xs {
    padding-bottom: 5px !important;
}

.pb-sm {
    padding-bottom: 10px !important;
}

.pb-md {
    padding-bottom: 15px !important;
}

.pb-lg {
    padding-bottom: 20px !important;
}

.pb-xl {
    padding-bottom: 25px !important;
}

.pb-xlg {
    padding-bottom: 30px !important;
}

.pl-none {
    padding-left: 0 !important;
}

.pl-xs {
    padding-left: 5px !important;
}

.pl-sm {
    padding-left: 10px !important;
}

.pl-md {
    padding-left: 15px !important;
}

.pl-lg {
    padding-left: 20px !important;
}

.pl-xl {
    padding-left: 25px !important;
}

.pl-xlg {
    padding-left: 30px !important;
}

.pr-none {
    padding-right: 0 !important;
}

.pr-xs {
    padding-right: 5px !important;
}

.pr-sm {
    padding-right: 10px !important;
}

.pr-md {
    padding-right: 15px !important;
}

.pr-lg {
    padding-right: 20px !important;
}

.pr-xl {
    padding-right: 25px !important;
}

.pr-xlg {
    padding-right: 30px !important;
}

.pv-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pv-xs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.pv-sm {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pv-md {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.pv-lg {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.pv-xl {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.pv-xlg {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.ph-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ph-xs {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.ph-sm {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.ph-md {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.ph-lg {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.ph-xl {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.ph-xlg {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.color-success {
    color: #bdd128 !important;
}

.color-success a {
    color: #bdd128 !important;
}

.color-success a:hover,
.color-success a:active,
.color-success a:focus {
    color: #a0cb5d !important;
}

.color-warning {
    color: #fea223 !important;
}

.color-warning a {
    color: #fea223 !important;
}

.color-warning a:hover,
.color-warning a:active,
.color-warning a:focus {
    color: #feb756 !important;
}

.color-danger {
    color: #dc3545 !important;
}

.color-danger a {
    color: #dc3545 !important;
}

.color-danger a:hover,
.color-danger a:active,
.color-danger a:focus {
    color: #dc3545 !important;
}

.color-info {
    color: #5bc0de !important;
}

.color-info a {
    color: #5bc0de !important;
}

.color-info a:hover,
.color-info a:active,
.color-info a:focus {
    color: #85d0e7 !important;
}

.color-lighter-1 {
    color: #000000 !important;
}

.color-lighter-1 a {
    color: #000000 !important;
}

.color-lighter-1 a:hover,
.color-lighter-1 a:active,
.color-lighter-1 a:focus {
    color: #0077dd !important;
}

.color-lighter-2 {
    color: #0b8fff !important;
}

.color-lighter-2 a {
    color: #0b8fff !important;
}

.color-lighter-2 a:hover,
.color-lighter-2 a:active,
.color-lighter-2 a:focus {
    color: #259bff !important;
}

.color-primary {
    color: #923ce8 !important;
}

.color-primary a {
    color: #000000 !important;
}

.color-primary a:hover,
.color-primary a:active,
.color-primary a:focus {
    color: #c891ff !important;
}

.color-darker-1 {
    color: #000000 !important;
}

.color-darker-1 a {
    color: #000000 !important;
}

.color-darker-1 a:hover,
.color-darker-1 a:active,
.color-darker-1 a:focus {
    color: #004681 !important;
}

.color-darker-2 {
    color: #002d53 !important;
}

.color-darker-2 a {
    color: #002d53 !important;
}

.color-darker-2 a:hover,
.color-darker-2 a:active,
.color-darker-2 a:focus {
    color: #003b6c !important;
}

.color-dark {
    color: #000000 !important;
}

.color-dark a {
    color: #000000 !important;
}

.color-dark a:hover,
.color-dark a:active,
.color-dark a:focus {
    color: #1a1919 !important;
}

.color-muted {
    color: #999999 !important;
}

.color-muted a {
    color: #999999 !important;
}

.color-muted a:hover,
.color-muted a:active,
.color-muted a:focus {
    color: #b3b2b2 !important;
}

.color-light {
    color: #ffffff !important;
}

.color-light a {
    color: #ffffff !important;
}

.color-light a:hover,
.color-light a:active,
.color-light a:focus {
    color: white !important;
}

.color-scale-0 {
    color: #f7f7f7 !important;
}

.color-scale-0 a {
    color: #f7f7f7 !important;
}

.color-scale-0 a:hover,
.color-scale-0 a:active,
.color-scale-0 a:focus {
    color: white !important;
}

.color-scale-1 {
    color: #ececec !important;
}

.color-scale-1 a {
    color: #ececec !important;
}

.color-scale-1 a:hover,
.color-scale-1 a:active,
.color-scale-1 a:focus {
    color: white !important;
}

.color-scale-2 {
    color: #cccccc !important;
}

.color-scale-2 a {
    color: #cccccc !important;
}

.color-scale-2 a:hover,
.color-scale-2 a:active,
.color-scale-2 a:focus {
    color: #e6e5e5 !important;
}

.color-scale-3 {
    color: #999999 !important;
}

.color-scale-3 a {
    color: #999999 !important;
}

.color-scale-3 a:hover,
.color-scale-3 a:active,
.color-scale-3 a:focus {
    color: #b3b2b2 !important;
}

.color-scale-4 {
    color: #585858 !important;
}

.color-scale-4 a {
    color: #585858 !important;
}

.color-scale-4 a:hover,
.color-scale-4 a:active,
.color-scale-4 a:focus {
    color: #727171 !important;
}

.color-scale-5 {
    color: #202020 !important;
}

.color-scale-5 a {
    color: #202020 !important;
}

.color-scale-5 a:hover,
.color-scale-5 a:active,
.color-scale-5 a:focus {
    color: #3a3939 !important;
}

.color-scale-6 {
    color: #151515 !important;
}

.color-scale-6 a {
    color: #151515 !important;
}

.color-scale-6 a:hover,
.color-scale-6 a:active,
.color-scale-6 a:focus {
    color: #2f2e2e !important;
}

.color-w {
    color: #fff !important;
}

.color-w a {
    color: #fff !important;
}

.color-b {
    color: #000 !important;
}

.color-b a {
    color: #000 !important;
}

.color-b a:hover,
.color-b a:active,
.color-b a:focus {
    color: #1a1919 !important;
}

.text-xs {
    font-size: 10px;
    font-size: 0.7692307692rem;
    line-height: 19px;
    line-height: 1.4615384615rem;
}

.text-sm {
    font-size: 13px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.6923076923rem;
}

.text-md {
    font-size: 16px;
    font-size: 1.2307692308rem;
    line-height: 25px;
    line-height: 1.9230769231rem;
}

.text-lg {
    font-size: 19px;
    font-size: 1.4615384615rem;
    line-height: 28px;
    line-height: 2.1538461538rem;
}

.text-xl {
    font-size: 25px;
    font-size: 1.9230769231rem;
    line-height: 34px;
    line-height: 2.6153846154rem;
}

.text-normal {
    font-weight: initial !important;
}

.text-bold {
    font-weight: bold !important;
}

.text-italic {
    font-style: italic !important;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.ws-nowrap {
    white-space: nowrap;
}

.d-ib {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.p-absolute {
    position: absolute !important;
}

.p-relative {
    position: relative !important;
}

.va-middle {
    vertical-align: middle !important;
}

.x-success {
    background: #bdd128;
    /* #88b93c */
    border-color: #bdd128;
    /* #88b93c */
    color: #000;
}

.x-success:hover,
.x-success:focus,
.x-success:active,
.x-success.x-o:hover,
.x-success.x-o:focus,
.x-success.x-o:active {
    background: #bdd128;
    /* #719a32 */
    color: #000;
    opacity: 0.8;
}

.x-success.x-o {
    color: #bdd128;
}

.x-success.x-o:hover,
.x-success.x-o:focus,
.x-success.x-o:active {
    color: #FFF;
}

.x-warning {
    background: #fea223;
    border-color: #fea223;
}

.x-warning:hover,
.x-warning:focus,
.x-warning:active,
.x-warning.x-o:hover,
.x-warning.x-o:focus,
.x-warning.x-o:active {
    background: #f79001;
    color: #FFF;
}

.x-warning.x-o {
    color: #fea223;
}

.x-warning.x-o:hover,
.x-warning.x-o:focus,
.x-warning.x-o:active {
    color: #FFF;
}

.x-danger {
    background: #dc3545;
    border-color: #dc3545;
}

.x-danger:hover,
.x-danger:focus,
.x-danger:active,
.x-danger.x-o:hover,
.x-danger.x-o:focus,
.x-danger.x-o:active {
    background: #b02a26;
    color: #FFF;
}

.x-danger.x-o {
    color: #dc3545;
}

.x-danger.x-o:hover,
.x-danger.x-o:focus,
.x-danger.x-o:active {
    color: #FFF;
}

.x-info {
    background: #5bc0de;
    border-color: #5bc0de;
}

.x-info:hover,
.x-info:focus,
.x-info:active,
.x-info.x-o:hover,
.x-info.x-o:focus,
.x-info.x-o:active {
    background: #39b3d7;
    color: #FFF;
}

.x-info.x-o {
    color: #5bc0de;
}

.x-info.x-o:hover,
.x-info.x-o:focus,
.x-info.x-o:active {
    color: #FFF;
}

.x-lighter-1 {
    background: #000000;
    border-color: #000000;
    color: #ffffff;
}

.x-lighter-1:hover,
.x-lighter-1:focus,
.x-lighter-1:active,
.x-lighter-1.x-o:hover,
.x-lighter-1.x-o:focus,
.x-lighter-1.x-o:active {
    background: #00549a;
    color: #ffffff;
}

.x-lighter-1.x-o {
    color: #000000;
}

.x-lighter-1.x-o:hover,
.x-lighter-1.x-o:focus,
.x-lighter-1.x-o:active {
    color: #ffffff;
}

.x-lighter-2 {
    background: #0b8fff;
    border-color: #0b8fff;
    color: #ffffff;
}

.x-lighter-2:hover,
.x-lighter-2:focus,
.x-lighter-2:active,
.x-lighter-2.x-o:hover,
.x-lighter-2.x-o:focus,
.x-lighter-2.x-o:active {
    background: #007ae2;
    color: #ffffff;
}

.x-lighter-2.x-o {
    color: #0b8fff;
}

.x-lighter-2.x-o:hover,
.x-lighter-2.x-o:focus,
.x-lighter-2.x-o:active {
    color: #ffffff;
}

.x-primary {
    background: #923ce8;
    border-color: #923ce8;
    color: #ffffff;
}

.x-primary:hover,
.x-primary:focus,
.x-primary:active,
.x-primary.x-o:hover,
.x-primary.x-o:focus,
.x-primary.x-o:active {
    background: #c891ff;
    color: #ffffff;
}

.x-primary.x-o {
    color: #923ce8;
}

.x-primary.x-o:hover,
.x-primary.x-o:focus,
.x-primary.x-o:active {
    color: #c891ff;
}

.x-darker-1 {
    background: #000000;
    border-color: #000000;
    color: #ffffff;
}

.x-darker-1:hover,
.x-darker-1:focus,
.x-darker-1:active,
.x-darker-1.x-o:hover,
.x-darker-1.x-o:focus,
.x-darker-1.x-o:active {
    background: #00223e;
    color: #ffffff;
}

.x-darker-1.x-o {
    color: #000000;
}

.x-darker-1.x-o:hover,
.x-darker-1.x-o:focus,
.x-darker-1.x-o:active {
    color: #ffffff;
}

.x-darker-2 {
    background: #002d53;
    border-color: #002d53;
    color: #ffffff;
}

.x-darker-2:hover,
.x-darker-2:focus,
.x-darker-2:active,
.x-darker-2.x-o:hover,
.x-darker-2.x-o:focus,
.x-darker-2.x-o:active {
    background: #00172a;
    color: #ffffff;
}

.x-darker-2.x-o {
    color: #002d53;
}

.x-darker-2.x-o:hover,
.x-darker-2.x-o:focus,
.x-darker-2.x-o:active {
    color: #ffffff;
}

.x-o {
    background: none;
    font-weight: bold;
    border: 1px solid;
}

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

.br-none {
    border-radius: 0px !important;
}

.with-error {
    display: none;
    color: #dc3545;
}

.input-group-addon,
.input-group-btn {
    width: auto !important;
}

.help-block {
    margin: 0px;
}

.help-block ul li {
    font-size: 13px;
}

.bg-dark {
    background: #31144d !important;
}