/*
 **********************************************************
 ** css variables for overwriting bootstrap css settings **
 **********************************************************
 */
:root {
    --red-main-lighter: #e13a37; /* rgb(225, 58, 55); */
    --red-main-light: #de2421; /* rgb(222, 36, 33); */
    --red-main-light-5: rgba(222, 36, 33, 0.5);
    --red-main: #d1221f; /* rgb(209, 34, 31); */
    --red-main-5: rgba(209, 34, 31, 0.5);
    --red-main-4: rgba(209, 34, 31, 0.4);
    --red-main-3: rgba(209, 34, 31, 0.3);
    --red-main-2: rgba(209, 34, 31, 0.2);
    --red-main-125: rgba(209, 34, 31, 0.125);
    --red-main-075: rgba(209, 34, 31, 0.075);
    --red-main-05: rgba(209, 34, 31, 0.05);
    --red-main-03: rgba(209, 34, 31, 0.03);
    --red-main-dark: #c8221e; /* rgb(200, 34, 30); */
    --red-main-darker: #b11d1b; /* rgb(177, 29, 27); */
    --red-main-darker-5: rgba(177, 29, 27, 0.5);
    --navbar-red-color: #f2f2f2; /* rgb(242, 242, 242); */
    --navbar-red-color-75: rgba(242, 242, 242, 0.75);
    --navbar-red-color-5: rgba(242, 242, 242, 0.5);
    --navbar-red-color-25: rgba(242, 242, 242, 0.25);
    --navbar-red-color-1: rgba(242, 242, 242, 0.1);
    --white: #ffffff; /* rgb(255, 255, 255); */
    --black: #000000; /* rgb(0, 0, 0); */
    --black-25: rgba(0, 0, 0, 0.25);
}

/*
 *************************
 ** custom css settings **
 *************************
 */
html {
    position: relative;
    min-height: 100%;
}

body {
    padding-top: 3.5rem;
    margin-bottom: 80px;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    hyphens: auto;
    text-align: justify;
}

form {
    width: 25%;
    min-width: 200px;
}

img{
    width: 25%;
    min-width: 200px;
}


.btn-outline-red-main-darker {
    color: var(--black);
    background-color: transparent;
    background-image: none;
    border-color: var(--black);
    margin-top: 25px;
    margin-bottom: 100px;
}

.btn-outline-red-main-darker:hover {
    color: var(--white);
    background-color: var(--black);
    border-color: var(--black);
    margin-top: 25px;
    margin-bottom: 100px;
}

.btn-outline-red-main-darker:focus, .btn-outline-red-main-darker.focus {
    box-shadow: 0 0 0 3px var(--black-5);
    margin-top: 25px;
    margin-bottom: 100px;
}

.btn-outline-red-main-darker.disabled, .btn-outline-red-main-darker:disabled {
    color: var(--black);
    background-color: transparent;
    margin-top: 25px;
    margin-bottom: 100px;
}

.btn-outline-red-main-darker:active, .btn-outline-red-main-darker.active,
.show > .btn-outline-red-main-darker.dropdown-toggle {
    color: var(--white);
    background-color: var(--black);
    border-color: var(--black);
    margin-top: 25px;
    margin-bottom: 100px;
}

a {
    color: var(--red-main-dark);
}

a:hover {
    color: var(--red-main-darker);
}