.form-util {
    position: absolute !important;
    top: 3px !important;
    left: -6080px !important;
}

.display-1 {
    font-size: 3.0rem;
}
p {
    font-size: 1.1rem;
}
small {
    color: #212529;
    font-size: 0.9rem;
}

.logo {
    height: 350px;
    width: auto;
}
.map-image {
    height: 350px;
    width: auto;
}
.dragon-image {
    height: 350px;
    width: auto;
}

@media (min-width: 768px) {
    .logo {
        height: 500px;
        width: auto;
    }
    .display-1 {
        font-size: 3rem;
    }
}

@media (min-width: 992px) {
    .display-1 {
        font-size: 4rem;
    }
}

@media (min-width: 1200px) {
    .display-1 {
        font-size: 6rem;
    }
}





/*------------------------------------
- COLOR wfs-green
------------------------------------*/
.alert-wfs-green {
    color: #395d2c;
    background-color: #e4f0df;
    border-color: #d8e9d1;
}

.alert-wfs-green hr {
    border-top-color: #c9e1c0;
}

.alert-wfs-green .alert-link {
    color: #243a1b;
}

.badge-wfs-green {
    color: #212529;
    background-color: #6DAF55;
}

.badge-wfs-green[href]:hover, .badge-wfs-green[href]:focus {
    color: #212529;
    background-color: #568e42;
}

.bg-wfs-green {
    background-color: #6DAF55 !important;
}

a.bg-wfs-green:hover, a.bg-wfs-green:focus,
button.bg-wfs-green:hover,
button.bg-wfs-green:focus {
    background-color: #568e42 !important;
}

.border-wfs-green {
    border-color: #6DAF55 !important;
}

.btn-wfs-green {
    color: #212529;
    background-color: #6DAF55;
    border-color: #6DAF55;
}

.btn-wfs-green:hover {
    color: #212529;
    background-color: #5d9847;
    border-color: #568e42;
}

.btn-wfs-green:focus, .btn-wfs-green.focus {
    box-shadow: 0 0 0 0.2rem rgba(109, 175, 85, 0.5);
}

.btn-wfs-green.disabled, .btn-wfs-green:disabled {
    color: #212529;
    background-color: #6DAF55;
    border-color: #6DAF55;
}

.btn-wfs-green:not(:disabled):not(.disabled):active, .btn-wfs-green:not(:disabled):not(.disabled).active, .show > .btn-wfs-green.dropdown-toggle {
    color: #212529;
    background-color: #568e42;
    border-color: #50833d;
}

.btn-wfs-green:not(:disabled):not(.disabled):active:focus, .btn-wfs-green:not(:disabled):not(.disabled).active:focus, .show > .btn-wfs-green.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(109, 175, 85, 0.5);
}

.btn-outline-wfs-green {
    color: #6DAF55;
    background-color: transparent;
    border-color: #6DAF55;
}

.btn-outline-wfs-green:hover {
    color: #212529;
    background-color: #6DAF55;
    border-color: #6DAF55;
}

.btn-outline-wfs-green:focus, .btn-outline-wfs-green.focus {
    box-shadow: 0 0 0 0.2rem rgba(109, 175, 85, 0.5);
}

.btn-outline-wfs-green.disabled, .btn-outline-wfs-green:disabled {
    color: #6DAF55;
    background-color: transparent;
}

.btn-outline-wfs-green:not(:disabled):not(.disabled):active, .btn-outline-wfs-green:not(:disabled):not(.disabled).active, .show > .btn-outline-wfs-green.dropdown-toggle {
    color: #212529;
    background-color: #6DAF55;
    border-color: #6DAF55;
}

.btn-outline-wfs-green:not(:disabled):not(.disabled):active:focus, .btn-outline-wfs-green:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-wfs-green.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(109, 175, 85, 0.5);
}

.list-group-item-wfs-green {
    color: #395d2c;
    background-color: #d8e9d1;
}

.list-group-item-wfs-green.list-group-item-action:hover, .list-group-item-wfs-green.list-group-item-action:focus {
    color: #395d2c;
    background-color: #c9e1c0;
}

.list-group-item-wfs-green.list-group-item-action.active {
    color: #212529;
    background-color: #395d2c;
    border-color: #395d2c;
}

.table-wfs-green,
.table-wfs-green > th,
.table-wfs-green > td {
    background-color: #d8e9d1;
}

.table-hover .table-wfs-green:hover {
    background-color: #c9e1c0;
}

.table-hover .table-wfs-green:hover > td,
.table-hover .table-wfs-green:hover > th {
    background-color: #c9e1c0;
}

.text-wfs-green {
    color: #6DAF55 !important;
}

a.text-wfs-green:hover, a.text-wfs-green:focus {
    color: #568e42 !important;
}





/*------------------------------------
- COLOR wfs-red
------------------------------------*/
.alert-wfs-red {
    color: #832e28;
    background-color: #fcf6f5;
    border-color: #f7e7e6;
}

.alert-wfs-red hr {
    border-top-color: #f1d4d2;
}

.alert-wfs-red .alert-link {
    color: #5c201c;
}

.badge-wfs-red {
    color: #212529;
    background-color: #CC625A;
}

.badge-wfs-red[href]:hover, .badge-wfs-red[href]:focus {
    color: #212529;
    background-color: #b94239;
}

.bg-wfs-red {
    background-color: #CC625A !important;
}

a.bg-wfs-red:hover, a.bg-wfs-red:focus,
button.bg-wfs-red:hover,
button.bg-wfs-red:focus {
    background-color: #b94239 !important;
}

.border-wfs-red {
    border-color: #CC625A !important;
}

.btn-wfs-red {
    color: #212529;
    background-color: #CC625A;
    border-color: #CC625A;
}

.btn-wfs-red:hover {
    color: #212529;
    background-color: #c3483e;
    border-color: #b94239;
}

.btn-wfs-red:focus, .btn-wfs-red.focus {
    box-shadow: 0 0 0 0.2rem rgba(204, 98, 90, 0.5);
}

.btn-wfs-red.disabled, .btn-wfs-red:disabled {
    color: #212529;
    background-color: #CC625A;
    border-color: #CC625A;
}

.btn-wfs-red:not(:disabled):not(.disabled):active, .btn-wfs-red:not(:disabled):not(.disabled).active, .show > .btn-wfs-red.dropdown-toggle {
    color: #212529;
    background-color: #b94239;
    border-color: #ad3e35;
}

.btn-wfs-red:not(:disabled):not(.disabled):active:focus, .btn-wfs-red:not(:disabled):not(.disabled).active:focus, .show > .btn-wfs-red.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(204, 98, 90, 0.5);
}

.btn-outline-wfs-red {
    color: #CC625A;
    background-color: transparent;
    border-color: #CC625A;
}

.btn-outline-wfs-red:hover {
    color: #212529;
    background-color: #CC625A;
    border-color: #CC625A;
}

.btn-outline-wfs-red:focus, .btn-outline-wfs-red.focus {
    box-shadow: 0 0 0 0.2rem rgba(204, 98, 90, 0.5);
}

.btn-outline-wfs-red.disabled, .btn-outline-wfs-red:disabled {
    color: #CC625A;
    background-color: transparent;
}

.btn-outline-wfs-red:not(:disabled):not(.disabled):active, .btn-outline-wfs-red:not(:disabled):not(.disabled).active, .show > .btn-outline-wfs-red.dropdown-toggle {
    color: #212529;
    background-color: #CC625A;
    border-color: #CC625A;
}

.btn-outline-wfs-red:not(:disabled):not(.disabled):active:focus, .btn-outline-wfs-red:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-wfs-red.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(204, 98, 90, 0.5);
}

.list-group-item-wfs-red {
    color: #832e28;
    background-color: #f7e7e6;
}

.list-group-item-wfs-red.list-group-item-action:hover, .list-group-item-wfs-red.list-group-item-action:focus {
    color: #832e28;
    background-color: #f1d4d2;
}

.list-group-item-wfs-red.list-group-item-action.active {
    color: #212529;
    background-color: #832e28;
    border-color: #832e28;
}

.table-wfs-red,
.table-wfs-red > th,
.table-wfs-red > td {
    background-color: #f7e7e6;
}

.table-hover .table-wfs-red:hover {
    background-color: #f1d4d2;
}

.table-hover .table-wfs-red:hover > td,
.table-hover .table-wfs-red:hover > th {
    background-color: #f1d4d2;
}

.text-wfs-red {
    color: #CC625A !important;
}

a.text-wfs-red:hover, a.text-wfs-red:focus {
    color: #b94239 !important;
}





/*------------------------------------
- COLOR wfs-yellow
------------------------------------*/
.alert-wfs-yellow {
    color: #b0861d;
    background-color: #106111;
    border-color: #ffff10;
}

.alert-wfs-yellow hr {
    border-top-color: #fbf6ea;
}

.alert-wfs-yellow .alert-link {
    color: #846516;
}

.badge-wfs-yellow {
    color: #212529;
    background-color: #E5C063;
}

.badge-wfs-yellow[href]:hover, .badge-wfs-yellow[href]:focus {
    color: #212529;
    background-color: #ddae37;
}

.bg-wfs-yellow {
    background-color: #E5C063 !important;
}

a.bg-wfs-yellow:hover, a.bg-wfs-yellow:focus,
button.bg-wfs-yellow:hover,
button.bg-wfs-yellow:focus {
    background-color: #ddae37 !important;
}

.border-wfs-yellow {
    border-color: #E5C063 !important;
}

.btn-wfs-yellow {
    color: #212529;
    background-color: #E5C063;
    border-color: #E5C063;
}

.btn-wfs-yellow:hover {
    color: #212529;
    background-color: #dfb344;
    border-color: #ddae37;
}

.btn-wfs-yellow:focus, .btn-wfs-yellow.focus {
    box-shadow: 0 0 0 0.2rem rgba(229, 192, 99, 0.5);
}

.btn-wfs-yellow.disabled, .btn-wfs-yellow:disabled {
    color: #212529;
    background-color: #E5C063;
    border-color: #E5C063;
}

.btn-wfs-yellow:not(:disabled):not(.disabled):active, .btn-wfs-yellow:not(:disabled):not(.disabled).active, .show > .btn-wfs-yellow.dropdown-toggle {
    color: #212529;
    background-color: #ddae37;
    border-color: #dba92a;
}

.btn-wfs-yellow:not(:disabled):not(.disabled):active:focus, .btn-wfs-yellow:not(:disabled):not(.disabled).active:focus, .show > .btn-wfs-yellow.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(229, 192, 99, 0.5);
}

.btn-outline-wfs-yellow {
    color: #E5C063;
    background-color: transparent;
    border-color: #E5C063;
}

.btn-outline-wfs-yellow:hover {
    color: #212529;
    background-color: #E5C063;
    border-color: #E5C063;
}

.btn-outline-wfs-yellow:focus, .btn-outline-wfs-yellow.focus {
    box-shadow: 0 0 0 0.2rem rgba(229, 192, 99, 0.5);
}

.btn-outline-wfs-yellow.disabled, .btn-outline-wfs-yellow:disabled {
    color: #E5C063;
    background-color: transparent;
}

.btn-outline-wfs-yellow:not(:disabled):not(.disabled):active, .btn-outline-wfs-yellow:not(:disabled):not(.disabled).active, .show > .btn-outline-wfs-yellow.dropdown-toggle {
    color: #212529;
    background-color: #E5C063;
    border-color: #E5C063;
}

.btn-outline-wfs-yellow:not(:disabled):not(.disabled):active:focus, .btn-outline-wfs-yellow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-wfs-yellow.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(229, 192, 99, 0.5);
}

.list-group-item-wfs-yellow {
    color: #b0861d;
    background-color: #ffff10;
}

.list-group-item-wfs-yellow.list-group-item-action:hover, .list-group-item-wfs-yellow.list-group-item-action:focus {
    color: #b0861d;
    background-color: #fbf6ea;
}

.list-group-item-wfs-yellow.list-group-item-action.active {
    color: #212529;
    background-color: #b0861d;
    border-color: #b0861d;
}

.table-wfs-yellow,
.table-wfs-yellow > th,
.table-wfs-yellow > td {
    background-color: #ffff10;
}

.table-hover .table-wfs-yellow:hover {
    background-color: #fbf6ea;
}

.table-hover .table-wfs-yellow:hover > td,
.table-hover .table-wfs-yellow:hover > th {
    background-color: #fbf6ea;
}

.text-wfs-yellow {
    color: #E5C063 !important;
}

a.text-wfs-yellow:hover, a.text-wfs-yellow:focus {
    color: #ddae37 !important;
}



/*------------------------------------
- COLOR wfs-grey
------------------------------------*/
.alert-wfs-grey {
    color: #323232;
    background-color: #d6d6d6;
    border-color: #cbcbcb;
}

.alert-wfs-grey hr {
    border-top-color: #bfbfbf;
}

.alert-wfs-grey .alert-link {
    color: #191919;
}

.badge-wfs-grey {
    color: #fff;
    background-color: #707070;
}

.badge-wfs-grey[href]:hover, .badge-wfs-grey[href]:focus {
    color: #fff;
    background-color: #565656;
}

.bg-wfs-grey {
    background-color: #707070 !important;
}

a.bg-wfs-grey:hover, a.bg-wfs-grey:focus,
button.bg-wfs-grey:hover,
button.bg-wfs-grey:focus {
    background-color: #565656 !important;
}

.border-wfs-grey {
    border-color: #707070 !important;
}

.btn-wfs-grey {
    color: #fff;
    background-color: #707070;
    border-color: #707070;
}

.btn-wfs-grey:hover {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #565656;
}

.btn-wfs-grey:focus, .btn-wfs-grey.focus {
    box-shadow: 0 0 0 0.2rem rgba(112, 112, 112, 0.5);
}

.btn-wfs-grey.disabled, .btn-wfs-grey:disabled {
    color: #fff;
    background-color: #707070;
    border-color: #707070;
}

.btn-wfs-grey:not(:disabled):not(.disabled):active, .btn-wfs-grey:not(:disabled):not(.disabled).active, .show > .btn-wfs-grey.dropdown-toggle {
    color: #fff;
    background-color: #565656;
    border-color: #4e4e4e;
}

.btn-wfs-grey:not(:disabled):not(.disabled):active:focus, .btn-wfs-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-wfs-grey.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(112, 112, 112, 0.5);
}

.btn-outline-wfs-grey {
    color: #707070;
    background-color: transparent;
    border-color: #707070;
}

.btn-outline-wfs-grey:hover {
    color: #fff;
    background-color: #707070;
    border-color: #707070;
}

.btn-outline-wfs-grey:focus, .btn-outline-wfs-grey.focus {
    box-shadow: 0 0 0 0.2rem rgba(112, 112, 112, 0.5);
}

.btn-outline-wfs-grey.disabled, .btn-outline-wfs-grey:disabled {
    color: #707070;
    background-color: transparent;
}

.btn-outline-wfs-grey:not(:disabled):not(.disabled):active, .btn-outline-wfs-grey:not(:disabled):not(.disabled).active, .show > .btn-outline-wfs-grey.dropdown-toggle {
    color: #fff;
    background-color: #707070;
    border-color: #707070;
}

.btn-outline-wfs-grey:not(:disabled):not(.disabled):active:focus, .btn-outline-wfs-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-wfs-grey.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(112, 112, 112, 0.5);
}

.list-group-item-wfs-grey {
    color: #323232;
    background-color: #cbcbcb;
}

.list-group-item-wfs-grey.list-group-item-action:hover, .list-group-item-wfs-grey.list-group-item-action:focus {
    color: #323232;
    background-color: #bfbfbf;
}

.list-group-item-wfs-grey.list-group-item-action.active {
    color: #fff;
    background-color: #323232;
    border-color: #323232;
}

.table-wfs-grey,
.table-wfs-grey > th,
.table-wfs-grey > td {
    background-color: #cbcbcb;
}

.table-hover .table-wfs-grey:hover {
    background-color: #bfbfbf;
}

.table-hover .table-wfs-grey:hover > td,
.table-hover .table-wfs-grey:hover > th {
    background-color: #bfbfbf;
}

.text-wfs-grey {
    color: #707070 !important;
}

a.text-wfs-grey:hover, a.text-wfs-grey:focus {
    color: #565656 !important;
}







/*------------------------------------
- COLOR wfs-white
------------------------------------*/
.alert-wfs-white {
    color: #b2b2b2;
    background-color: #156156;
    border-color: #f3f3f3;
}

.alert-wfs-white hr {
    border-top-color: #f3f3f3;
}

.alert-wfs-white .alert-link {
    color: #999999;
}

.badge-wfs-white {
    color: #212529;
    background-color: #F0F0F0;
}

.badge-wfs-white[href]:hover, .badge-wfs-white[href]:focus {
    color: #212529;
    background-color: #d6d6d6;
}

.bg-wfs-white {
    background-color: #F0F0F0 !important;
}

a.bg-wfs-white:hover, a.bg-wfs-white:focus,
button.bg-wfs-white:hover,
button.bg-wfs-white:focus {
    background-color: #d6d6d6 !important;
}

.border-wfs-white {
    border-color: #F0F0F0 !important;
}

.btn-wfs-white {
    color: #212529;
    background-color: #F0F0F0;
    border-color: #F0F0F0;
}

.btn-wfs-white:hover {
    color: #212529;
    background-color: #dedede;
    border-color: #d6d6d6;
}

.btn-wfs-white:focus, .btn-wfs-white.focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 240, 240, 0.5);
}

.btn-wfs-white.disabled, .btn-wfs-white:disabled {
    color: #212529;
    background-color: #F0F0F0;
    border-color: #F0F0F0;
}

.btn-wfs-white:not(:disabled):not(.disabled):active, .btn-wfs-white:not(:disabled):not(.disabled).active, .show > .btn-wfs-white.dropdown-toggle {
    color: #212529;
    background-color: #d6d6d6;
    border-color: #cecece;
}

.btn-wfs-white:not(:disabled):not(.disabled):active:focus, .btn-wfs-white:not(:disabled):not(.disabled).active:focus, .show > .btn-wfs-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 240, 240, 0.5);
}

.btn-outline-wfs-white {
    color: #F0F0F0;
    background-color: transparent;
    border-color: #F0F0F0;
}

.btn-outline-wfs-white:hover {
    color: #212529;
    background-color: #F0F0F0;
    border-color: #F0F0F0;
}

.btn-outline-wfs-white:focus, .btn-outline-wfs-white.focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 240, 240, 0.5);
}

.btn-outline-wfs-white.disabled, .btn-outline-wfs-white:disabled {
    color: #F0F0F0;
    background-color: transparent;
}

.btn-outline-wfs-white:not(:disabled):not(.disabled):active, .btn-outline-wfs-white:not(:disabled):not(.disabled).active, .show > .btn-outline-wfs-white.dropdown-toggle {
    color: #212529;
    background-color: #F0F0F0;
    border-color: #F0F0F0;
}

.btn-outline-wfs-white:not(:disabled):not(.disabled):active:focus, .btn-outline-wfs-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-wfs-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 240, 240, 0.5);
}

.list-group-item-wfs-white {
    color: #b2b2b2;
    background-color: #f3f3f3;
}

.list-group-item-wfs-white.list-group-item-action:hover, .list-group-item-wfs-white.list-group-item-action:focus {
    color: #b2b2b2;
    background-color: #f3f3f3;
}

.list-group-item-wfs-white.list-group-item-action.active {
    color: #212529;
    background-color: #b2b2b2;
    border-color: #b2b2b2;
}

.table-wfs-white,
.table-wfs-white > th,
.table-wfs-white > td {
    background-color: #f3f3f3;
}

.table-hover .table-wfs-white:hover {
    background-color: #f3f3f3;
}

.table-hover .table-wfs-white:hover > td,
.table-hover .table-wfs-white:hover > th {
    background-color: #f3f3f3;
}

.text-wfs-white {
    color: #F0F0F0 !important;
}

a.text-wfs-white:hover, a.text-wfs-white:focus {
    color: #d6d6d6 !important;
}



