svg {
    width: auto;
    height: 3vh;
}

.default-hidden {
    display: none;
}

.yes-JS {
    display: none;
}

.card-header {
    background-color: white;
}

a {
   color: #173e34;
}

/* https://www.w3schools.com/howto/howto_js_password_validation.asp */

/* Add a green text color and a checkmark when the requirements are right */
.valid {
    color: green;
}

ul > li.valid {
    list-style-type: "✓ ";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
    color: red;
}

ul > li.invalid {
    list-style-type: "✕ ";
}

/*------------------------------------
- COLOR Arz -- compiled from https://lingtalfi.com/bootstrap4-color-generator
------------------------------------*/
.alert-Arz {
    color: #000000;
    background-color: #5dc3a9;
    border-color: #4ebda1;
}

.alert-Arz hr {
    border-top-color: #41b194;
}

.alert-Arz .alert-link {
    color: #000000;
}

.badge-Arz {
    color: #fff;
    background-color: #173E34;
}

.badge-Arz[href]:hover,
.badge-Arz[href]:focus {
    color: #fff;
    background-color: #091814;
}

.bg-Arz {
    background-color: #173E34 !important;
}

a.bg-Arz:hover,
a.bg-Arz:focus,
button.bg-Arz:hover,
button.bg-Arz:focus {
    background-color: #091814 !important;
}

.border-Arz {
    border-color: #173E34 !important;
}

.btn-Arz {
    color: #fff;
    background-color: #173E34;
    border-color: #173E34;
}

.btn-Arz:hover {
    color: #fff;
    background-color: #0d231e;
    border-color: #091814;
}

.btn-Arz:focus,
.btn-Arz.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 62, 52, 0.5);
}

.btn-Arz.disabled,
.btn-Arz:disabled {
    color: #fff;
    background-color: #173E34;
    border-color: #173E34;
}

.btn-Arz:not(:disabled):not(.disabled):active,
.btn-Arz:not(:disabled):not(.disabled).active,
.show>.btn-Arz.dropdown-toggle {
    color: #fff;
    background-color: #091814;
    border-color: #050d0b;
}

.btn-Arz:not(:disabled):not(.disabled):active:focus,
.btn-Arz:not(:disabled):not(.disabled).active:focus,
.show>.btn-Arz.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 62, 52, 0.5);
}

.btn-outline-Arz {
    color: #173E34;
    background-color: transparent;
    border-color: #173E34;
}

.btn-outline-Arz:hover {
    color: #fff;
    background-color: #173E34;
    border-color: #173E34;
}

.btn-outline-Arz:focus,
.btn-outline-Arz.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 62, 52, 0.5);
}

.btn-outline-Arz.disabled,
.btn-outline-Arz:disabled {
    color: #173E34;
    background-color: transparent;
}

.btn-outline-Arz:not(:disabled):not(.disabled):active,
.btn-outline-Arz:not(:disabled):not(.disabled).active,
.show>.btn-outline-Arz.dropdown-toggle {
    color: #fff;
    background-color: #173E34;
    border-color: #173E34;
}

.btn-outline-Arz:not(:disabled):not(.disabled):active:focus,
.btn-outline-Arz:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-Arz.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 62, 52, 0.5);
}

.list-group-item-Arz {
    color: #000000;
    background-color: #4ebda1;
}

.list-group-item-Arz.list-group-item-action:hover,
.list-group-item-Arz.list-group-item-action:focus {
    color: #000000;
    background-color: #41b194;
}

.list-group-item-Arz.list-group-item-action.active {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.table-Arz,
.table-Arz>th,
.table-Arz>td {
    background-color: #4ebda1;
}

.table-hover .table-Arz:hover {
    background-color: #41b194;
}

.table-hover .table-Arz:hover>td,
.table-hover .table-Arz:hover>th {
    background-color: #41b194;
}

.text-Arz {
    color: #173E34 !important;
}

a.text-Arz:hover,
a.text-Arz:focus {
    color: #091814 !important;
}