body {
    padding-top: 4rem;
    padding-bottom: 3rem;
}

.date {
    margin: 0;
    text-align: right;
    font-size: 10px;
}

.mail_header {
    margin: 0;
    color: #A4A4A4;
    padding-left: 2em;
    text-align: left;
    font-size: 10px;
}

.topic {
    clear: both;
    padding: 5px 0 5px 0;
}

.header_char {
    font-size: 20px;
    color: white !important;
    font-family: arial, sans-serif;
    font-weight: bolder;
}

.mail-txt {
    white-space: pre-wrap;
}

.footer {
    padding: 0px 10px;
}

.copyright {
    font-size: 10px;
}

.body_char {
    text-shadow: 1px 1px 0 black, -1px 1px 0 black, 1px -1px 0 black;
    font-weight: bolder;
    font-size: 19px;
}

.small {
    font-size: 15px !important;
}

.mail_char {
    font-weight: bolder;
    font-size: 18px;
}

.btn-green, .btn-green.disabled, .btn-green:disabled {
    color: #fff;
    background-color: springgreen;
    border-color: springgreen;
}

.btn-green:hover {
    color: #fff;
    background-color: limegreen;
    border-color: limegreen;
}

.btn-green:not (:disabled ):not (.disabled ):active, .btn-green:not (:disabled ):not (.disabled ).active, .show>.btn-green.dropdown-toggle {
    color: #fff;
    background-color: limegreen;
    border-color: limegreen;
}

.btn-blue, .btn-blue.disabled, .btn-blue:disabled {
    color: #fff;
    background-color: #47a3ff;
    border-color: #47a3ff;
}

.btn-blue:hover {
    color: #fff;
    background-color: blue;
    border-color: blue;
}

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

.btn-violet, .btn-violet.disabled, .btn-violet:disabled {
    color: #fff;
    background-color: violet;
    border-color: violet;
}

.btn-violet:hover {
    color: #fff;
    background-color: darkviolet;
    border-color: darkviolet;
}

.btn-violet:not (:disabled ):not (.disabled ):active, .btn-violet:not (:disabled ):not (.disabled ).active, .show>.btn-violet.dropdown-toggle {
    color: #fff;
    background-color: darkviolet;
    border-color: darkviolet;
}

.btn-orange, .btn-orange.disabled, .btn-orange:disabled {
    color: #fff;
    background-color: gold;
    border-color: gold;
}

.btn-orange:hover {
    color: #fff;
    background-color: darkorange;
    border-color: darkorange;
}

.btn-orange:not (:disabled ):not (.disabled ):active, .btn-orange:not (:disabled ):not (.disabled ).active, .show>.btn-orange.dropdown-toggle {
    color: #fff;
    background-color: darkorange;
    border-color: darkorange;
}

.btn-momo, .btn-momo.disabled, .btn-momo:disabled {
    color: #fff;
    background-color: #f09199;
    border-color: #f09199;
}

.btn-momo:hover {
    color: #fff;
    background-color: deeppink;
    border-color: deeppink;
}

.btn-momo:not (:disabled ):not (.disabled ):active, .btn-momo:not (:disabled ):not (.disabled ).active, .show>.btn-momo.dropdown-toggle {
    color: #fff;
    background-color: deeppink;
    border-color: deeppink;
}

.btn-yellow, .btn-yellow.disabled, .btn-yellow:disabled {
    color: #fff;
    background-color: yellow;
    border-color: yellow;
}

.btn-yellow:hover {
    color: #fff;
    background-color: #fcc800;
    border-color: #fcc800;
}

.btn-yellow:not (:disabled ):not (.disabled ):active, .btn-yellow:not (:disabled ):not (.disabled ).active, .show>.btn-yellow.dropdown-toggle {
    color: #fff;
    background-color: #fcc800;
    border-color: #fcc800;
}

.btn-trysail, .btn-trysail.disabled, .btn-trysail:disabled {
    color: #fff;
    background-color: aqua;
    border-color: aqua;
}

.btn-trysail:hover {
    color: #fff;
    background-color: blue;
    border-color: blue;
}

.btn-trysail:not (:disabled ):not (.disabled ):active, .btn-trysail:not (:disabled ):not (.disabled ).active, .show>.btn-trysail.dropdown-toggle {
    color: #fff;
    background-color: blue;
    border-color: blue;
}

.btn-sphere, .btn-sphere.disabled, .btn-sphere:disabled {
    color: #fff;
    background-color: deepskyblue;
    border-color: deepskyblue;
}

.btn-sphere:hover {
    color: #fff;
    background-color: navy;
    border-color: navy;
}

.btn-sphere:not (:disabled ):not (.disabled ):active, .btn-sphere:not (:disabled ):not (.disabled ).active, .show>.btn-sphere.dropdown-toggle {
    color: #fff;
    background-color: navy;
    border-color: navy;
}

.btn-red, .btn-red.disabled, .btn-red:disabled {
    color: #fff;
    background-color: coral;
    border-color: coral;
}

.btn-red:hover {
    color: #fff;
    background-color: red;
    border-color: red;
}

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

.btn-sora, .btn-sora.disabled, .btn-sora:disabled {
    color: #fff;
    background-color: royalblue;
    border-color: royalblue;
}

.btn-sora:hover {
    color: #fff;
    background-color: mediumblue;
    border-color: mediumblue;
}

.btn-sora:not (:disabled ):not (.disabled ):active, .btn-sora:not (:disabled ):not (.disabled ).active, .show>.btn-sora.dropdown-toggle {
    color: #fff;
    background-color: mediumblue;
    border-color: mediumblue;
}

.btn-pink, .btn-pink.disabled, .btn-pink:disabled {
    color: #fff;
    background-color: hotpink;
    border-color: hotpink;
}

.btn-pink:hover {
    color: #fff;
    background-color: deeppink;
    border-color: deeppink;
}

.btn-pink:not (:disabled ):not (.disabled ):active, .btn-pink:not (:disabled ):not (.disabled ).active, .show>.btn-pink.dropdown-toggle {
    color: #fff;
    background-color: deeppink;
    border-color: deeppink;
}

.btn-link {
    color: #000000;
}

.btn-link:hover {
    color: #400000;
}

.container-fluid {
    padding: 2% 2%;
}

.d-block {
    margin: 0.5% 0.25%;
}

.row {
    margin: 0% 0.1%;
}

.dropdown-item {
    font-size: 20px;
}

.red {
    color: red !important;
    border-color: red !important;
}

.blue {
    color: blue !important;
    border-color: blue !important;
}

.orange {
    color: orange !important;
    border-color: orange !important;
}

.green {
    color: green !important;
    border-color: green !important;
}

.pink {
    color: fuchsia !important;
    border-color: fuchsia !important;
}

.violet {
    color: purple !important;
    border-color: purple !important;
}

.trysail {
    color: blue !important;
    border-color: blue !important;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

hr {
    border-top: 2px dashed #bbb;
    height: 2px;
    margin: 0px;
}