.centerText {
    text-align: center;
}
.rightText {
    text-align: right;
}

.title {
    color: dimgray;
}

.primaryButton {
    border: none;
    float: right;
    width: calc(50% - 5px);
    padding: 10px;
    color: white;
    margin-top: 5px;
    margin-bottom: 5px;
}

.mg-40 {
    margin: 40px;
}
.mg-20 {
    margin: 20px;
}

.mg-15 {
    margin: 15px;
}
.mg-0 {
    margin: 0px;
}

.mg-15-t {
    margin-top: 15px;
}
.mg-15-b {
    margin-bottom: 15px;
}
.mg-5-l {
    margin-left: 5px;
}
.mg-5-r {
    margin-right: 5px;
}

.secondaryButton {
    border: none;
    width: 100%;
    padding: 10px;
    color: white;
    margin-top: 5px;
    margin-bottom: 5px;
}

.green {
    background-color: green;
}

.hovering.green:hover {
    background-color: darkgreen;
}

.red {
    background-color: firebrick;
}

.hovering.red:hover {
    background-color: darkred;
}

.blue {
    background-color: #0995B9;
}

.hovering.blue:hover {
    background-color: #10758f;
}
.gray {
    background-color: #A4A4A4;
}
.txtgreen {
    color: green;
}

.txtwhite {
    color: white;
}

.txtblue {
    color: #0995B9;
}

a.txtwhite {
    color: white;
}

.hovering.txtgreen:hover {
    color: darkgreen;
}

.txtred {
    color: red;
}

.hovering.txtred:hover {
    color: darkred;
}

.confirmed {
    background-color: #C6E0B4;
}

.cancelled {
    background-color: #FFB7B9;
}

.btop {
    border-top: solid 2px black;
}
.brgt {
    border-right: solid 2px black;
}
.blft {
    border-left: solid 2px black;
}
.bbtm {
    border-bottom: solid 2px black;
}
.bfull {
    border: solid 2px black;
}

.pd-40 {
    padding: 40px;
}
.pd-20 {
    padding: 20px;
}
.pd-15 {
    padding: 15px;
}
.pd-0-b {
    padding-bottom: 0;
}

.bold {
    font-weight: bold;
}
.rotate180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.collapsed {
    visibility: collapse;
    display: none;
}

.animation {
    animation-name: fadeout;
    animation-duration: 1s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
}

pre {
    white-space: pre-wrap; 
    word-wrap: break-word; 
}

@keyframes fadeout {
    from {

    }
    to {
        background-color: transparent;
    }
}
