@charset "UTF-8";

:root {
    --bg-color: rgba(0, 0, 0, 1);
    --text-color: rgba(0, 0, 0, 1);
    --label-color: rgba(0, 0, 0, 1);
    --herotext-color: rgba(0, 0, 0, 1);
    --armos-signaturecolor: rgba(0, 0, 0, 1);
    --armos-signaturecolor2: rgba(0, 0, 0, 1);
    --armos-overlaysignaturecolor: rgba(0, 0, 0, 1);
    --armos-overlaysignaturecolor2: rgba(0, 0, 0, 1);
    --armos-overlayerror: rgba(0, 0, 0, 1);
    --armos-overlaywarning: rgba(0, 0, 0, 1);
    --armos-overlaysuccess: rgba(0, 0, 0, 1);
    --armos-overlaylogout: rgba(0, 0, 0, 1);
    --armos-overlayexcel: rgba(0, 0, 0, 1);
    --armos-overlaypeppol: rgba(0, 0, 0, 1);
    --armos-collapsecolor: rgba(0, 0, 0, 1);
    --armos-tablehighlight: rgba(0, 0, 0, 1);
    --armos-danger: rgba(0, 0, 0, 1);
    --armos-danger-light: rgba(0, 0, 0, 1);
    --armos-danger-semilight: rgba(0, 0, 0, 1);
    --armos-danger-ultralight: rgba(0, 0, 0, 1);
    --armos-todo: rgba(0, 0, 0, 1);
    --armos-todo-light: rgba(0, 0, 0, 1);
    --armos-todo-semilight: rgba(0, 0, 0, 1);
    --armos-todo-ultralight: rgba(0, 0, 0, 1);
    --armos-dangerrow: rgba(0, 0, 0, 1);
    --armos-inactive: rgba(0, 0, 0, 1);
    --armos-ok: rgba(0, 0, 0, 1);
    --armos-ok-light: rgba(0, 0, 0, 1);
    --armos-ok-semilight: rgba(0, 0, 0, 1);
    --armos-ok-ultralight: rgba(0, 0, 0, 1);
    --negativeamount: rgba(0, 0, 0, 1);
    --positiveamount: rgba(0, 0, 0, 1);
    --neutralamount: rgba(0, 0, 0, 1);
    --armos-warning: rgba(0, 0, 0, 1);
    --armos-warning-light: rgba(0, 0, 0, 1);
    --armos-warning-semilight: rgba(0, 0, 0, 1);
    --armos-warning-ultralight: rgba(0, 0, 0, 1);
    --inactiverecords: rgba(0, 0, 0, 1);
    --activeTheme: rgba(0, 0, 0, 1);
    --headerfooter: rgba(0, 0, 0, 1);
    --headerfooterStats: rgba(0, 0, 0, 1);
    --box-border: rgba(0, 0, 0, 1);
    --selected-input: rgba(0, 0, 0, 1);
    --cookietext-color: rgba(0, 0, 0, 1);
    --raginghamster: rgba(0, 0, 0, 1);
    --inactivefile: rgba(0, 0, 0, 1);
    --completedfile: rgba(0, 0, 0, 1);
    --alwayscolor1: rgba(0, 0, 0, 1);
    --alwayscolor2: rgba(0, 0, 0, 1);
    --peppol: rgba(0, 0, 0, 1);
    --wavesbg: rgba(0, 0, 0, 1);
    --waves1: rgba(0, 0, 0, 1);
    --waves2: rgba(0, 0, 0, 1);
    --waves3: rgba(0, 0, 0, 1);
    --waves4: rgba(0, 0, 0, 1);
}

@media all and (max-width : 3840px) {

        html {
            font-size: 0.95rem;
            position: relative;
            min-height: 100%;
        }

        body {
            background-color: var(--bg-color);
            color: var(--text-color);
            font-family: 'Google Sans Code';
            font-weight: 300;
            height: 93svh;
            min-height: 93svh;
            -webkit-transition: background-color 3s;
            transition: background-color 3s;
            overflow-y: auto;
        }

        .codeform {
            position: sticky;
            top: 5.6%;
            z-index: 9;
        }

        .xl-bi {
            font-size: 3.0rem !important;
        }

        .h1-bi {
            font-size: 2.5rem !important;
        }

        .h2-bi {
            font-size: 2.0rem !important;
        }

        .h3-bi {
            font-size: 1.5rem !important;
        }

        .h4-bi {
            font-size: 1.0rem !important;
        }

        .h5-bi {
            font-size: 0.8rem !important;
        }

        .row {
            margin-left: 1%;
        }

        .gglmapembed_big {
            width: 100%;
            height: 400px;
        }

        .gglmapembed_small {
            width: 100%;
            height: 300px;
        }

        .avatarWrapper {
            position: relative;
            height: 0;
            width: 35%;
            padding-bottom: 35%;
            border: 0px solid var(--armos-signaturecolor);
            margin-bottom: 2%;
            left: 25%;
            background-color: transparent;
        }

        .avatar {
            vertical-align: middle;
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            background-image: url('../data/.avatars/default.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            border: 0px solid var(--bg-color);
            box-shadow: 0 3rem 4rem rgba(0,0,0,.1);
            border-radius: 50%;
            background-color: transparent;
        }

        .avatar_login {
            vertical-align: middle;
            width: 25%;
            position: relative;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            border: 0px solid var(--bg-color);
            border-radius: 50%;
            background-color: transparent;
        }

        .avatarUpload {
            border: 0px solid #ccc;
            display: inline-block;
            padding: 0.1rem 0.5rem;
            opacity: 0.5;
            cursor: pointer;
            position: absolute;
            bottom: 0;
            right: 0;
            text-align: right;
            z-index: 9;
            background-color: var(--armos-inactive);
            color: var(--text-color);
        }

        .avatarRemove {
            position: relative;
            font-size: 0.8rem;
            cursor: pointer;
            text-align: right;
            right: 30%;
        }

        .avatarButton {
            width: 46px !important;
            height: 46px !important;
        }

            .avatarButton > img {
                object-fit: cover;
                position: absolute;
                width: 95%;
                height: 95%;
                top: 2%;
                left: 2%;
                filter: saturate();
                opacity: 0.5;
                border-radius: 50%;
            }

    .defAttUpload {
        border: 0px solid #ccc;
        display: inline-block;
        margin-right: 1.0rem;
        cursor: pointer;
        text-align: left;
        background-color: transparent;
        color: var(--text-color);
    }

    .createFirst {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 10rem !important;
        opacity: 0.2;
        cursor: pointer;
        text-shadow: 0.2rem 0.2rem 0.5rem var(--armos-signaturecolor);
    }

    .createMore {
        cursor: pointer;
        text-align: left;
        color: var(--text-color);
    }

    .createMoreCodes {
        cursor: pointer;
        text-align: left;
        color: var(--bg-color);
        margin-left: 25%;
    }

    .hr_armos {
        margin-top: 3.0rem;
        margin-bottom: 3.0rem;
    }

    /*Alert*/
    .alert-armos {
        position: absolute;
        width: 88.24%;
        --bs-alert-color: var(--text-color);
        --bs-alert-bg: transparent;
        --bs-alert-border: 0px solid !important;
        border-radius: 0.3rem;
        overflow: auto;
    }

    .subalert-armos {
        --bs-alert-color: var(--text-color);
        --bs-alert-bg: transparent;
        --bs-alert-border-color: var(--armos-signaturecolor);
        --bs-alert-border: 0px solid !important;
        border-radius: 0.3rem;
        padding-left: 1.0rem;
        padding-bottom: 1.2rem;
    }

    .subalert-armos_tm {
        --bs-alert-color: var(--text-color);
        --bs-alert-bg: transparent;
        --bs-alert-border-color: var(--armos-signaturecolor);
        --bs-alert-border: 0px solid !important;
    }

    .subalert-armos_loading {
        --bs-alert-color: var(--text-color);
        --bs-alert-bg: transparent;
        /*--bs-alert-border-color: var(--armos-signaturecolor);*/
        border-radius: 0.3rem 0rem 0rem 0.3rem;
        border-width: 5px;
        border-right: 1px dotted var(--armos-signaturecolor);
        border-top: 0px solid;
        width: 50%;
        float: left;
    }

    .subalert-armos_discharge {
        --bs-alert-color: var(--text-color);
        --bs-alert-bg: transparent;
        /*--bs-alert-border-color: var(--armos-signaturecolor);*/
        border-radius: 0rem 0.3rem 0.3rem 0rem;
        border-width: 5px;
        border-left: 0px dotted var(--armos-signaturecolor);
        border-top: 0px solid;
        width: 50%;
        float: right;
    }

    .mainlegedit {
        text-align: center;
        font-size: 1.2rem;
        border: 0px solid;
    }

        /*Tiles*/
        .tiles-wrapper {
            display: table;
            position: absolute;
            left: -1%;
            table-layout: fixed;
            height: 68%;
            width: 97%;
            top: 2%;
        }

        .settingstiles-wrapper {
            display: table;
            position: absolute;
            left: -1%;
            table-layout: fixed;
            height: 55%;
            width: 97%;
        }

        .tiles-row {
            display: table-row;
        }

        .tile {
            display: table-cell;
            position: relative;
            width: 100%;
            height: auto;
            max-height: 1%;
            z-index: 1;
            padding: 2%;
            cursor: pointer;
        }

        .innertile {
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
            transition: none;
            color: var(--text-color);
            border: 1px solid var(--text-color);
            border-radius: 0.3rem;
        }

    .innertile_ok {
        background-color: transparent !important;
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
        transition: none;
        color: var(--text-color);
        border: 1px solid var(--armos-ok);
        border-radius: 0.3rem;
    }

    .innertile_warning {
        background-color: transparent !important;
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
        transition: none;
        color: var(--text-color);
        border: 1px solid var(--armos-warning);
        border-radius: 0.3rem;
    }

    .innertile_selected {
        background-color: var(--headerfooter) !important;
        color: var(--text-color) !important;
        opacity: 0.7;
        cursor: default;
        transition: none;
        border: 1px solid var(--armos-signaturecolor);
        border-radius: 0.3rem;
        box-shadow: 0.0rem 0.1rem 0.2rem rgba(0,0,0,0.6);
        pointer-events: none;
    }

    .innertile_disabled {
        background-color: transparent !important;
        color: var(--text-color) !important;
        opacity: 0.7;
        cursor: default;
        transition: none;
        border: 1px solid var(--armos-danger);
        border-radius: 0.3rem;
        box-shadow: 0.0rem 0.1rem 0.2rem rgba(0,0,0,0.2);
    }

        .tile:hover .innertile {
            transform: rotateY(180deg);
        }

        .tile:hover .innertile_warning {
            transform: rotateY(180deg);
        }

        .tile:hover .innertile_ok {
            transform: rotateY(180deg);
        }

        .tile:hover .innertile_selected {
            transform: rotateY(360deg);
        }

        .tile:hover .innertile_disabled {
            transform: rotateY(360deg);
        }

        .face {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            border-radius: 0.3rem;
            box-shadow: 0.0rem 0.1rem 0.2rem rgba(0,0,0,0.2);
        }

            .face.back {
                font-size: 1.2rem;
                font-family: 'Google Sans Code';
                font-weight: 400;
                display: block;
                transform: rotateY(180deg);
                box-sizing: border-box;
                padding: 5px;
                color: var(--bg-color);
                text-align: center;
                background-color: var(--armos-signaturecolor);
                border: 1px solid var(--bg-color) !important;
                opacity: 0.9;
            }

            .face.front {
                font-size: 1.2rem;
                font-family: 'Google Sans Code';
                font-weight: 300;
                background-color: transparent;
                text-align: center;
                padding: 5px;
            }

    /*ProgressBars*/
    .progress-loaddis {
        border-radius: 0.0rem;
        width: 100%;
        border: 0px solid var(--headerfooter);
        height: 3px;
        margin-top: 1.0rem;
        margin-bottom: 3.0rem;
    }

        .progress-loaddis::-webkit-progress-bar {
            background-color: var(--negativeamount);
            box-shadow: 0rem 0rem 0rem 0rem var(--bg-color) inset;
            border-radius: 0.0rem;
        }

        .progress-loaddis::-webkit-progress-value {
            background-color: var(--positiveamount);
            box-shadow: 0rem 0rem 0rem 0rem var(--bg-color) inset;
            border-radius: 0.0rem;
        }

        .progress-loaddis::-moz-progress-bar {
            background-color: var(--negativeamount);
            border-radius: 0.0rem;
        }

        .progress-loaddis:before {
            content: attr(data-label);
            font-size: 1.2rem;
            font-weight: 400;
            vertical-align: 0;
            position: absolute;
            left: 0;
            right: 0;
            letter-spacing: 3px;
            opacity: 0.5;
        }

    .progress-loaddis_Mono {
        border-radius: 0.0rem;
        width: 100%;
        border: 0px solid var(--headerfooter);
        height: 3px;
        margin-top: 1.0rem;
        margin-bottom: 3.0rem;
    }

        .progress-loaddis_Mono::-webkit-progress-bar {
            background-color: var(--bg-color);
            box-shadow: 0rem 0rem 0rem 0rem var(--bg-color) inset;
            border-radius: 0.0rem;
        }

        .progress-loaddis_Mono::-webkit-progress-value {
            background-color: var(--armos-signaturecolor);
            box-shadow: 0rem 0rem 0rem 0rem var(--bg-color) inset;
            border-radius: 0.0rem;
        }

        .progress-loaddis_Mono::-moz-progress-bar {
            background-color: var(--bg-color);
            border-radius: 0.0rem;
        }

        .progress-loaddis_Mono:before {
            content: attr(data-label);
            font-size: 1.2rem;
            font-weight: 400;
            vertical-align: 0;
            position: absolute;
            left: 0;
            right: 0;
            letter-spacing: 3px;
            opacity: 0.5;
        }

    .paidpercentindex {
        border-radius: 0.3rem;
        width: 100%;
        height: 15px;
        border: 1px solid;
    }

        .paidpercentindex::-webkit-progress-bar {
            background-color: var(--negativeamount);
            border-radius: 0.3rem;
        }

        .paidpercentindex::-webkit-progress-value {
            background-color: var(--positiveamount);
            border-radius: 0.3rem;
        }

        .paidpercentindex::-moz-progress-bar {
            background-color: var(--negativeamount);
            border-radius: 0.3rem;
        }

    .paidpercentindex_Mono {
        border-radius: 0.3rem;
        width: 100%;
        height: 15px;
        border: 1px solid;
    }

        .paidpercentindex_Mono::-webkit-progress-bar {
            background-color: var(--bg-color);
            border-radius: 0.3rem;
        }

        .paidpercentindex_Mono::-webkit-progress-value {
            background-color: var(--armos-signaturecolor);
            border-radius: 0.3rem;
        }

        .paidpercentindex_Mono::-moz-progress-bar {
            background-color: var(--bg-color);
            border-radius: 0.3rem;
        }

    .paidpercentedit {
        text-align: center;
        width: 100%;
        height: 25%;
        border: 0px solid var(--armos-signaturecolor);
    }

        .paidpercentedit::-webkit-progress-bar {
            background-color: var(--negativeamount);
        }

        .paidpercentedit::-webkit-progress-value {
            background-color: var(--positiveamount);
        }

        .paidpercentedit::-moz-progress-bar {
            background-color: var(--negativeamount);
        }

        .paidpercentedit:before {
            content: attr(data-label);
            font-size: 0.9rem;
            vertical-align: 0;
            position: absolute;
            left: 0;
            right: 0;
        }

    .paidpercentedit_Mono {
        text-align: center;
        width: 100%;
        height: 25%;
        border: 1px solid var(--armos-signaturecolor);
    }

        .paidpercentedit_Mono::-webkit-progress-bar {
            background-color: var(--bg-color);
        }

        .paidpercentedit_Mono::-webkit-progress-value {
            background-color: var(--armos-signaturecolor);
        }

        .paidpercentedit_Mono::-moz-progress-bar {
            background-color: var(--bg-color);
        }

        .paidpercentedit_Mono:before {
            content: attr(data-label);
            font-size: 0.9rem;
            vertical-align: 0;
            position: absolute;
            left: 0;
            right: 0;
        }

    .paidpercentbottom {
        border-radius: 0.3rem;
        width: 10%;
        height: 7px;
        border: 0px solid;
    }

        .paidpercentbottom::-webkit-progress-bar {
            background-color: var(--negativeamount);
            box-shadow: 0rem 0rem 8rem 1rem var(--bg-color) inset;
            border-radius: 0.3rem;
        }

        .paidpercentbottom::-webkit-progress-value {
            background-color: var(--positiveamount);
            box-shadow: 0rem 0rem 8rem 1rem var(--bg-color) inset;
            border-radius: 0.3rem;
        }

        .paidpercentbottom::-moz-progress-bar {
            background-color: var(--negativeamount);
            border-radius: 0.3rem;
        }

        .paidpercentbottom:before {
            content: attr(data-label);
            font-size: 0.9rem;
            vertical-align: 0;
            position: absolute;
            left: 0;
            right: 0;
            border-radius: 0.3rem;
        }

    .paidpercentbottom_Mono {
        border-radius: 0.3rem;
        width: 10%;
        height: 7px;
        border: 1px solid var(--armos-signaturecolor);
    }

        .paidpercentbottom_Mono::-webkit-progress-bar {
            background-color: var(--bg-color);
            box-shadow: 0rem 0rem 8rem 1rem var(--bg-color) inset;
            border-radius: 0.3rem;
        }

        .paidpercentbottom_Mono::-webkit-progress-value {
            background-color: var(--armos-signaturecolor);
            box-shadow: 0rem 0rem 8rem 1rem var(--bg-color) inset;
            border-radius: 0.3rem;
        }

        .paidpercentbottom_Mono::-moz-progress-bar {
            background-color: var(--bg-color);
            border-radius: 0.3rem;
        }

        .paidpercentbottom_Mono:before {
            content: attr(data-label);
            font-size: 0.9rem;
            vertical-align: 0;
            position: absolute;
            left: 0;
            right: 0;
            border-radius: 0.3rem;
        }

    .paidpercentcharges {
        border-radius: 0.3rem;
        width: 100%;
        border: 0px solid;
        font-size: 1.6rem;
    }

        .paidpercentcharges::-webkit-progress-bar {
            background-color: var(--armos-danger-light);
            box-shadow: 0px 0px 0px 0px var(--bg-color) inset;
            border-radius: 0.3rem;
        }

        .paidpercentcharges::-webkit-progress-value {
            background-color: var(--positiveamount);
            box-shadow: 0px 0px 0px 0px var(--bg-color) inset;
            border-radius: 0.3rem;
        }

        .paidpercentcharges::-moz-progress-bar {
            background-color: var(--armos-danger-light);
            border-radius: 0.3rem;
        }

        .paidpercentcharges:before {
            content: attr(data-label);
            font-size: 0.9rem;
            vertical-align: 0;
            position: absolute;
            left: 0;
            right: 0;
            border-radius: 0.3rem;
        }

    .paidpercentcharges_Mono {
        border-radius: 0.3rem;
        width: 100%;
        border: 1px solid var(--armos-signaturecolor);
        font-size: 1.6rem;
    }

        .paidpercentcharges_Mono::-webkit-progress-bar {
            background-color: var(--bg-color);
            box-shadow: 0px 0px 0px 0px var(--bg-color) inset;
            border-radius: 0.3rem;
        }

        .paidpercentcharges_Mono::-webkit-progress-value {
            background-color: var(--armos-signaturecolor);
            box-shadow: 0px 0px 0px 0px var(--bg-color) inset;
            border-radius: 0.3rem;
        }

        .paidpercentcharges_Mono::-moz-progress-bar {
            background-color: var(--bg-color);
            border-radius: 0.3rem;
        }

        .paidpercentcharges_Mono:before {
            content: attr(data-label);
            font-size: 0.9rem;
            vertical-align: 0;
            position: absolute;
            left: 0;
            right: 0;
            border-radius: 0.3rem;
        }

    .statuspercentindex {
        border-radius: 0.3rem;
        width: 100%;
        height: 10px;
        border: 1px solid var(--armos-signaturecolor);
    }

        .statuspercentindex::-webkit-progress-bar {
            background-color: transparent;
            border-radius: 0.3rem;
        }

        .statuspercentindex::-webkit-progress-value {
            background-color: var(--armos-signaturecolor);
            border-radius: 0.3rem;
        }

        .statuspercentindex::-moz-progress-bar {
            background-color: transparent;
            border-radius: 0.3rem;
        }

    .statuspercentindex_DONE {
        border-radius: 0.3rem;
        width: 100%;
        height: 10px;
        border: 1px solid var(--armos-signaturecolor);
    }

        .statuspercentindex_DONE::-webkit-progress-bar {
            background-color: var(--armos-ok-light);
            border-radius: 0.3rem;
        }

        .statuspercentindex_DONE::-webkit-progress-value {
            background-color: var(--armos-ok-light);
            border-radius: 0.3rem;
        }

        .statuspercentindex_DONE::-moz-progress-bar {
            background-color: var(--armos-ok-light);
            border-radius: 0.3rem;
        }

    .statuspercentindex_ERROR {
        border-radius: 0.3rem;
        width: 100%;
        height: 10px;
        border: 1px solid var(--armos-signaturecolor);
    }

        .statuspercentindex_ERROR::-webkit-progress-bar {
            background-color: var(--armos-warning);
            border-radius: 0.3rem;
        }

        .statuspercentindex_ERROR::-webkit-progress-value {
            background-color: var(--armos-warning);
            border-radius: 0.3rem;
        }

        .statuspercentindex_ERROR::-moz-progress-bar {
            background-color: var(--armos-warning);
            border-radius: 0.3rem;
        }

    .statuspercentindex_INACTIVE {
        border-radius: 0.3rem;
        width: 100%;
        height: 10px;
        border: 0px solid var(--armos-signaturecolor);
    }

        .statuspercentindex_INACTIVE::-webkit-progress-bar {
            background-color: var(--raginghamster);
            border-radius: 0.3rem;
        }

        .statuspercentindex_INACTIVE::-webkit-progress-value {
            background-color: var(--raginghamster);
            border-radius: 0.3rem;
        }

        .statuspercentindex_INACTIVE::-moz-progress-bar {
            background-color: var(--raginghamster);
            border-radius: 0.3rem;
        }

    .statuspercentindex_COMPLETED {
        border-radius: 0.3rem;
        width: 100%;
        height: 10px;
        border: 0px solid var(--armos-signaturecolor);
    }

        .statuspercentindex_COMPLETED::-webkit-progress-bar {
            background-color: var(--armos-ok);
            border-radius: 0.3rem;
        }

        .statuspercentindex_COMPLETED::-webkit-progress-value {
            background-color: var(--armos-ok);
            border-radius: 0.3rem;
        }

        .statuspercentindex_COMPLETED::-moz-progress-bar {
            background-color: var(--armos-ok);
            border-radius: 0.3rem;
        }

    .statuspercentedit {
        text-align: center;
        width: 100%;
        height: 25%;
        border: 0px solid var(--armos-signaturecolor);
    }

            .statuspercentedit::-webkit-progress-bar {
                background-color: var(--armos-signaturecolor2);
            }

            .statuspercentedit::-webkit-progress-value {
                background-color: var(--armos-signaturecolor);
            }

            .statuspercentedit::-moz-progress-bar {
                background-color: var(--armos-signaturecolor2);
            }

            .statuspercentedit:before {
                content: attr(data-label);
                font-size: 0.8rem;
                position: absolute;
                color: var(--bg-color);
            }

    .statuspercentedit_Mono {
        text-align: center;
        width: 100%;
        height: 25%;
        border: 1px solid var(--armos-signaturecolor);
    }

        .statuspercentedit_Mono::-webkit-progress-bar {
            background-color: var(--bg-color);
        }

        .statuspercentedit_Mono::-webkit-progress-value {
            background-color: var(--armos-signaturecolor);
        }

        .statuspercentedit_Mono::-moz-progress-bar {
            background-color: var(--bg-color);
        }

        .statuspercentedit_Mono:before {
            content: attr(data-label);
            font-size: 0.8rem;
            position: absolute;
            color: var(--bg-color);
        }

    .statuspercentedit_INACTIVE {
        text-align: center;
        width: 100%;
        height: 25%;
        border: 0px solid var(--armos-signaturecolor);
    }

        .statuspercentedit_INACTIVE::-webkit-progress-bar {
            background-color: var(--raginghamster);
        }

        .statuspercentedit_INACTIVE::-webkit-progress-value {
            background-color: var(--raginghamster);
        }

        .statuspercentedit_INACTIVE::-moz-progress-bar {
            background-color: var(--raginghamster);
        }

        .statuspercentedit_INACTIVE:before {
            content: attr(data-label);
            font-size: 0.8rem;
            position: absolute;
            color: var(--bg-color);
        }

    .statuspercentedit_INACTIVE_Mono {
        text-align: center;
        width: 100%;
        height: 25%;
        border: 1px solid var(--armos-signaturecolor);
    }

        .statuspercentedit_INACTIVE_Mono::-webkit-progress-bar {
            background-color: var(--armos-signaturecolor);
        }

        .statuspercentedit_INACTIVE_Mono::-webkit-progress-value {
            background-color: var(--armos-signaturecolor);
        }

        .statuspercentedit_INACTIVE_Mono::-moz-progress-bar {
            background-color: var(--armos-signaturecolor);
        }

        .statuspercentedit_INACTIVE_Mono:before {
            content: attr(data-label);
            font-size: 0.8rem;
            position: absolute;
            color: var(--bg-color);
        }

    .statuspercentedit_COMPLETED {
        text-align: center;
        width: 100%;
        height: 25%;
        border: 0px solid var(--armos-signaturecolor);
    }

        .statuspercentedit_COMPLETED::-webkit-progress-bar {
            background-color: var(--armos-ok);
        }

        .statuspercentedit_COMPLETED::-webkit-progress-value {
            background-color: var(--armos-ok);
        }

        .statuspercentedit_COMPLETED::-moz-progress-bar {
            background-color: var(--armos-ok);
        }

        .statuspercentedit_COMPLETED:before {
            content: attr(data-label);
            font-size: 0.8rem;
            position: absolute;
            color: var(--bg-color);
        }

    .statuspercentedit_COMPLETED_Mono {
        text-align: center;
        width: 100%;
        height: 25%;
        border: 1px solid var(--armos-signaturecolor);
    }

        .statuspercentedit_COMPLETED_Mono::-webkit-progress-bar {
            background-color: var(--armos-signaturecolor);
        }

        .statuspercentedit_COMPLETED_Mono::-webkit-progress-value {
            background-color: var(--armos-signaturecolor);
        }

        .statuspercentedit_COMPLETED_Mono::-moz-progress-bar {
            background-color: var(--armos-signaturecolor);
        }

        .statuspercentedit_COMPLETED_Mono:before {
            content: attr(data-label);
            font-size: 0.8rem;
            position: absolute;
            color: var(--bg-color);
        }

        /*OffCanvas*/
        .offcanvas-header {
            background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2));
            height: 5.9%;
            border-bottom: 1px solid var(--text-color);
            display: none;
        }

        .offcanvas-headerFull {
            background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2));
            height: 79px;
            border-bottom: 1px solid var(--text-color);
            display: none;
        }

    .btn-close {
        float: right;
        transform: translate(-30%, 30%);
        font-size: 1.5rem;
    }
        /*Filter*/
        .filterbuttons {
            bottom: 2%;
            position: absolute;
            width: 93%;
        }

        .filter-btn-confirm {
            width: 49.5%;
            background-color: var(--armos-signaturecolor) !important;
            color: var(--armos-signaturecolor2) !important;
            border: 0px;
        }

        .filter-btn-clear {
            width: 29.5%;
            background-color: var(--armos-signaturecolor) !important;
            color: var(--armos-signaturecolor2) !important;
            border: 0px;
        }

            .filter-btn-confirm:hover, .filter-btn-clear:hover, .filter-btn-favo:hover {
                background-color: var(--armos-signaturecolor2) !important;
                color: var(--armos-signaturecolor) !important;
                border: 0px;
            }

        .filter-btn-favo {
            width: 18.5%;
            background-color: var(--armos-signaturecolor2) !important;
            color: var(--armos-signaturecolor) !important;
            border: 0px;
        }

            .filter-btn-favo:hover {
                background-color: var(--armos-signaturecolor) !important;
                color: var(--armos-signaturecolor2) !important;
                border: 0px;
            }

        .filter_radio {
            accent-color: var(--armos-signaturecolor);
        }
        /*ToolTip*/
        .armos-tooltip {
            --bs-tooltip-bg: var(--armos-signaturecolor);
            --bs-tooltip-color: var(--bg-color);
            font-size: 0.9rem;
            font-family: 'Roboto', sans-serif !important;
        }

        .armos-tooltip-300 {
            font-weight: 300 !important;
        }

        .armos-tooltip-500 {
            font-weight: 500 !important;
        }

        .tooltip-inner {
            text-align: right !important;
            min-width: 150px;
            border-radius: 0.3rem !important;
            padding: 0.4rem !important;
        }
        /*Popover*/
        .popover {
            width: 8% !important;
            border: 0px;
            background-color: transparent;
            --bs-popover-inner-border-radius: 0rem !important;
        }

        .popover-header {
            background-color: rgba(244, 214, 77, 1);
            text-align: center;
            font-size: 1.0rem;
            font-family: "Architects Daughter", cursive;
            font-weight: 800;
            font-style: normal;
            border-bottom: 0px;
        }

            .popover-header a {
                color: var(--text-color) !important;
                width: 20%;
            }

        .popover-body a {
            color: var(--text-color) !important;
        }

        .popover-body {
            background-color: rgba(239, 224, 154, 1);
            text-align: right;
            font-size: 0.8rem;
            border-bottom: 0px;
        }

        .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
            border-bottom-color: rgba(244, 214, 77, 1);
        }

        .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
            border-right-color: rgba(239, 224, 154, 1);
        }

        .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
            border-left-color: rgba(239, 224, 154, 1);
        }

        .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
            border-top-color: rgba(239, 224, 154, 1);
        }
        /*Form Controls*/
        .form-select {
            border-radius: 0rem !important;
            background-color: transparent !important;
            color: var(--text-color) !important;
            font-size: 0.9rem;
        }

            .form-select:focus {
                box-shadow: 0px 0px 0px 0px !important;
                border: 1px solid var(--armos-signaturecolor);
            }

    .form-label {
        font-size: 0.8rem !important;
        letter-spacing: 1px !important;
        background-color: transparent !important;
        color: var(--label-color) !important;
        margin-left: 1.0rem !important;
        padding: 0.25rem !important;
        font-weight: 500 !important;
    }

    .form-control {
        font-size: 1.3rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-signaturecolor) !important;
        color: var(--text-color) !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-left: 2.0rem !important;
        padding-top: 1.625rem !important;
        padding-bottom: 0rem !important;
        height: 3.5rem;
        width: 100% !important;
    }

    .form-control-naked {
        font-size: 1.3rem !important;
        background-color: transparent !important;
        border: 0px solid var(--armos-signaturecolor) !important;
        color: var(--text-color) !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-left: 2.0rem !important;
        padding-top: 1.625rem !important;
        padding-bottom: 0rem !important;
        height: 3.5rem;
        width: 100% !important;
    }

    .form-control-disabled {
        font-size: 1.3rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-signaturecolor) !important;
        color: var(--armos-inactive) !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-left: 2.0rem !important;
        padding-top: 1.625rem !important;
        padding-bottom: 0rem !important;
        height: 3.5rem;
        width: 100% !important;
    }

    .form-control-output {
        font-size: 1.3rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-signaturecolor) !important;
        color: var(--text-color) !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-right: 1.5rem !important;
        padding-top: 1.625rem !important;
        padding-bottom: 0rem !important;
        height: 3.5rem;
        width: 100% !important;
        text-align: right;
    }

    .form-control-number {
        font-size: 1.3rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-signaturecolor) !important;
        color: var(--text-color) !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-right: 1.5rem !important;
        padding-top: 1.625rem !important;
        padding-bottom: 0rem !important;
        height: 3.5rem;
        text-align: right;
        width: 100% !important;
    }

    .form-control-number-disabled {
        font-size: 1.3rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-signaturecolor) !important;
        color: var(--armos-inactive) !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-right: 1.5rem !important;
        padding-top: 1.625rem !important;
        padding-bottom: 0rem !important;
        height: 3.5rem;
        text-align: right;
        width: 100% !important;
    }

    .form-control-number-output {
        font-size: 1.3rem !important;
        background-color: transparent !important;
        border: 0px solid var(--armos-signaturecolor) !important;
        color: var(--armos-signaturecolor) !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-right: 1.5rem !important;
        padding-top: 1.625rem !important;
        padding-bottom: 0rem !important;
        height: 3.5rem;
        text-align: right;
        width: 100% !important;
    }

    .form-dropdown {
        font-size: 1.3rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-signaturecolor) !important;
        color: var(--text-color) !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-left: 2.0rem !important;
        padding-top: 1.625rem !important;
        padding-bottom: 0rem !important;
        height: 3.6rem;
        width: 100% !important;
    }

    .form-dropdown_disabled {
        font-size: 1.3rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-inactive) !important;
        color: var(--text-color) !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-left: 2.0rem !important;
        padding-top: 1.625rem !important;
        padding-bottom: 0rem !important;
        height: 3.6rem;
        width: 100% !important;
    }

    .form-dropdown-naked {
        font-size: 1.3rem !important;
        background-color: transparent !important;
        border: 0px solid var(--armos-signaturecolor) !important;
        color: var(--text-color) !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-left: 2.0rem !important;
        padding-top: 1.625rem !important;
        padding-bottom: 0rem !important;
        height: 3.6rem;
        width: 100% !important;
    }

    .form-textarea {
        font-size: 1.3rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-signaturecolor) !important;
        color: var(--text-color) !important;
        font-weight: 300 !important;
        height: 12.0rem;
        border-radius: 0.3rem !important;
        padding-left: 2.0rem !important;
        padding-top: 1.625rem !important;
        padding-bottom: 0rem !important;
        width: 100% !important;
    }

    .form-textarea-notes {
        font-size: 0.9rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-signaturecolor) !important;
        color: var(--text-color) !important;
        font-weight: 300 !important;
        height: 70.0rem;
        border-radius: 0.3rem !important;
        padding-left: 2.0rem !important;
        padding-top: 1.1rem !important;
        padding-bottom: 0.2rem !important;
        width: 100% !important;
    }

        .form-control:focus, .form-dropdown:focus {
            font-weight: 500 !important;
            box-shadow: 0px 0px 10px var(--armos-signaturecolor) !important;
        }

        .form-control:hover, .form-dropdown:hover {
            font-weight: 400 !important;
        }

        .form-control-number:focus {
            box-shadow: 0px 0px 10px var(--armos-signaturecolor) !important;
        }

        .stick-control-left {
            border-right: 0px solid !important;
        }

        .stick-control-middle {
            margin-left: -13%;
            border-left: 0px solid !important;
            border-right: 0px solid !important;
        }

        .stick-control-right {
            margin-left: -13%;
            border-left: 0px solid !important;
        }

            .stick-control-left:focus, stick-control-middle, .stick-control-right:focus {
                box-shadow: 0px 0px 0px var(--armos-signaturecolor) !important;
            }

        .filtbtn_add {
            background-color: var(--armos-overlayexcel);
            padding: 0.1%;
            width: 7%;
            height: 80%;
            text-align: center;
            display: inline-block;
            border-radius: 0.3rem;
            border: 0;
            position: relative;
            cursor: crosshair;
            border: 1px solid var(--armos-signaturecolor);
        }

        .filtbtn {
            background-color: var(--armos-overlayerror);
            padding: 0.1%;
            margin-top: 0.2%;
            width: 7%;
            height: 80%;
            text-align: center;
            display: inline-block;
            border-radius: 0.3rem;
            border: 0;
            position: relative;
            cursor: crosshair;
            border: 1px solid var(--armos-signaturecolor);
        }

        .filtclose {
            cursor: pointer;
            display: block;
            position: absolute;
            top: 50%;
            right: 8%;
            font-size: 1.3rem;
            transform: translate(0%, -50%);
        }

        .HomeWrapper {
            position: absolute;
            margin-top: 5.0rem;
            width: 99.2%;
            height: 93.5%;
        }

        .HomeHero {
            position: relative;
            height: 69.9%;
        }

        .HomeWaves {
            position: relative;
            height: 10%;
            left: -0.5%;
        }

        .waves {
            position: relative;
            width: 100.85%;
            height: 10vh;
            margin-bottom: -7px;
            background-color: var(--wavesbg);
            box-shadow: -11rem 11.5rem 3rem 12rem var(--wavesbg);
        }

        .HomeWelcome {
            position: absolute;
            margin-top: 1%;
            margin-left: 2%;
            font-weight: 300;
            font-size: 3.0rem;
            font-family: 'Google Sans Code';
            line-height: 2.0rem;
            width: 97%;
        }

        .HomeQuickLinks {
            display: flex;
            height: 20.0%;
            align-items: center;
            justify-content: center;
        }

        .logogeneral {
            position: absolute;
            width: 100.85%;
            height: 62%;
            bottom: 6%;
            left: -0.5%;
            opacity: 0.9;
            -webkit-box-reflect: below 0.1rem linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.15));
        }

        .logogeneral_landscape {
            position: absolute;
            width: 40%;
            bottom: 0;
            left: 40%;
            -webkit-box-reflect: below 0.1rem linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.05));
        }

        .HomeQuickLinks > div {
            border: 0px solid;
            width: 25%;
            height: 90%;
        }

        .tileQuickLinks {
            display: table-cell;
            position: relative;
            width: 100%;
            height: auto;
            z-index: 1;
            padding: 1%;
            cursor: pointer;
        }

        .innertileQuickLinks {
            position: relative;
            width: 50%;
            height: 100%;
            left: 25%;
            transform-style: preserve-3d;
            transition: all 0.2s linear;
            color: var(--text-color);
            border: 1px solid var(--text-color);
            border-radius: 0.3rem;
        }

        .tileQuickLinks:hover .innertileQuickLinks {
            transform: rotateY(180deg);
        }

        .faceQuickLinks {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            border-radius: 0.3rem;
            box-shadow: 1rem 1rem 1rem rgba(0,0,0,0.2);
        }

            .faceQuickLinks.back {
                font-size: 2.2rem;
                font-family: 'Google Sans Code';
                font-weight: 400;
                display: block;
                transform: rotateY(180deg);
                box-sizing: border-box;
                padding: 10px;
                color: var(--bg-color);
                text-align: center;
                background-color: var(--armos-signaturecolor);
                border: 1px solid var(--bg-color) !important;
                opacity: 0.9;
            }

            .faceQuickLinks.front {
                font-size: 2.2rem;
                font-family: 'Google Sans Code';
                font-weight: 300;
                background-color: var(--bg-color);
                text-align: center;
                padding: 10px;
            }

        .icon {
            width: 108px;
            height: auto;
        }

        .accounttext {
            font-size: 0.7rem;
            font-family: 'Google Sans Code';
            font-weight: 400;
        }

        .labelmargin {
            color: var(--text-color);
            margin-left: 2% !important;
        }

        .offcanvas-stats {
            height: 4.8rem !important;
            box-shadow: 0rem 0rem 2rem 0rem var(--armos-signaturecolor);
            background-color: transparent;
        }

        .armos_input_date {
            background-image: url('../images/icons/calendar32.png');
            background-position: right center;
            background-repeat: no-repeat;
            padding-right: 18px;
            font-size: 0.8rem;
        }

        .armos_input_date_sub {
            background-image: url('../images/icons/calendar16.png');
            background-position: right center;
            background-repeat: no-repeat;
            padding-right: 18px;
            font-size: 0.8rem;
        }

        .armos_input_charges {
            background-color: transparent;
            color: var(--text-color);
            border-left: 0px solid var(--box-border);
            border-top: 0px solid var(--box-border);
            border-right: 0px solid var(--box-border);
            border-bottom: 1px solid var(--box-border);
            height: 0.98vw;
            padding-left: 2%;
            font-size: 0.7rem;
        }

            .armos_input_charges:focus {
                outline: none;
                background-color: var(--selected-input);
            }

        .armos_input_contacts {
            background-color: transparent;
            color: var(--text-color);
            border-bottom: 1px solid var(--box-border);
            border-top: 0px solid var(--box-border);
            border-left: 0px solid var(--box-border);
            border-right: 0px solid var(--box-border);
            height: 1.5vw;
            width: 90%;
            padding-left: 2%;
            font-size: 1.0rem;
        }

            .armos_input_contacts:focus {
                outline: none;
                background-color: var(--selected-input);
            }

        .armos_input_payments {
            background-color: transparent;
            color: var(--text-color);
            border-bottom: 1px solid var(--box-border);
            border-top: 0px solid var(--box-border);
            border-left: 0px solid var(--box-border);
            border-right: 0px solid var(--box-border);
            height: 1.5vw;
            width: 70%;
            padding-left: 2%;
            font-size: 0.8rem;
        }

            .armos_input_payments:focus {
                outline: none;
                background-color: var(--selected-input);
            }

        .armos_input_payments_number {
            background-color: transparent;
            color: var(--text-color);
            border-bottom: 1px solid var(--armos-inactive);
            border-top: 0px solid var(--armos-inactive);
            border-left: 0px solid var(--armos-inactive);
            border-right: 0px solid var(--armos-inactive);
            height: 1.5vw;
            width: 70%;
            padding-left: 2%;
            font-size: 0.8rem;
            text-align: right;
        }

            .armos_input_payments_number:focus {
                outline: none;
                background-color: var(--selected-input);
            }

        .armos_input_texts {
            background-color: transparent;
            color: var(--text-color);
            border-left: 0px solid var(--armos-inactive);
            border-top: 0px solid var(--armos-inactive);
            border-right: 0px solid var(--armos-inactive);
            border-bottom: 1px solid var(--armos-inactive);
            height: 1.5vw;
            padding-left: 2%;
            font-size: 1.3rem;
        }

            .armos_input_texts:focus {
                outline: none;
                border: 2px solid var(--armos-signaturecolor) !important;
                background-color: var(--selected-input);
            }

    .armos_output_texts {
        background-color: transparent;
        color: var(--text-color);
        border-left: 0px solid var(--armos-inactive);
        border-top: 0px solid var(--armos-inactive);
        border-right: 0px solid var(--armos-inactive);
        border-bottom: 0px solid var(--armos-inactive);
        height: 1.5vw;
        padding-left: 2%;
        font-size: 1.3rem;
    }

        .armos_input_disabled {
            background-color: transparent;
            color: var(--text-color);
            border: 1px solid var(--armos-inactive);
            height: 2vw;
            padding-left: 2%;
        }

        .armos_input_charges_disabled {
            background-color: transparent;
            color: var(--text-color);
            border: 0px solid var(--armos-inactive);
            height: 1.0vw;
            padding-left: 2%;
            font-size: 0.7rem;
        }

        .previewpane {
            height: 92%;
            width: 0;
            z-index: 1;
            top: 0;
            right: 0;
            background-color: transparent;
            overflow-x: hidden;
            transition: 0.5s;
            padding-top: 60px;
            position: absolute;
        }

            .previewpane a {
                padding: 8px 8px 8px 32px;
                text-decoration: none;
                font-size: 2.5rem;
                color: var(--bg-color);
                display: block;
                transition: 0.3s;
            }

        .previewpanedata {
            height: 100%;
            padding-top: 60px;
        }

        .filterpane {
            height: 100%;
            width: 0;
            position: fixed;
            z-index: 1;
            top: 0;
            right: 0;
            background-color: var(--bg-color);
            overflow-x: hidden;
            transition: 0.5s;
            padding-top: 60px;
            position: absolute;
            top: 0;
            font-size: 0.9rem;
        }

            .filterpane a {
                padding: 8px 8px 8px 32px;
                text-decoration: none;
                font-size: 25px;
                color: #818181;
                display: block;
                transition: 0.3s;
            }

                .filterpane a:hover {
                    color: #f1f1f1;
                }

        .filterpanedata {
            margin-top: 5%;
            margin-left: 2%;
        }

    .fileselectionpane {
        width: 10%;
        z-index: 1020;
        top: 0;
        left: 0;
        background-color: var(--bg-color);
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 0px;
        position: fixed;
        font-size: 0.9rem;
        border-right: 1px solid var(--armos-inactive);
        /*box-shadow: 2.0rem 0.0rem 4.0rem -3rem var(--armos-signaturecolor);*/
        box-shadow: -11.0rem 1.0rem 3.0rem 11.0rem var(--armos-signaturecolor);
    }

        .fileselectionpanedata {
            margin-left: 5%;
            height: 99.5%;
        }

        .fileselectionpanedataheader {
            position: relative;
            display: block;
            text-align: center;
            font-size: 1.2rem;
            font-weight: 500;
            height: 10%;
            width: 100%;
            padding-top: 8%;
        }

        .fileselectionpanedatatabs {
            position: relative;
            display: block;
            text-align: center;
            font-size: 1.2rem;
            color: var(--armos-signaturecolor);
            font-weight: 500;
            height: 70%;
            width: 100%;
            top: 0;
        }

        .fileselectionpanedatabottom {
            position: relative;
            display: block;
            height: 20%;
            width: 100%;
            bottom: 0;
        }

    .settingsselectionpane {
        width: 10%;
        z-index: 1020;
        top: 0;
        left: 0;
        background-color: var(--bg-color);
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 0px;
        position: fixed;
        font-size: 0.9rem;
        border-right: 1px solid var(--armos-inactive);
        /*box-shadow: 40px 50px 100px -60px var(--armos-signaturecolor);*/
        box-shadow: -11.0rem 1.0rem 3.0rem 11.0rem var(--armos-signaturecolor);
    }

        .settingsselectionpanedata {
            margin-left: 5%;
            height: 99.5%;
        }

        .settingsselectionpanedataheader {
            position: relative;
            display: block;
            text-align: center;
            font-size: 1.2rem;
            font-weight: 500;
            height: 11%;
            width: 100%;
        }

        .settingsselectionpanedatatabs {
            position: relative;
            display: block;
            text-align: center;
            font-size: 1.2rem;
            color: var(--armos-signaturecolor);
            font-weight: 500;
            height: 80%;
            width: 100%;
            top: 2%;
        }

    .settingsselectionpanedatabottom {
        position: absolute;
        display: block;
        height: 20%;
        width: 100%;
        bottom: 0;
        border-radius: 0.3rem;
    }

        .bookingnumber {
            position: relative;
            display: inline;
            font-size: 2.5rem;
            transition: 0.5s;
            top: 5%;
        }

        .settingstitle {
            position: relative;
            display: inline;
            font-size: 2.5rem;
            transition: 0.5s;
        }

        .statusbar {
            position: relative;
            display: inline;
            font-size: 1.5rem;
            transition: 0.5s;
            top: 5%;
        }

    .polpod {
        text-align: center;
        font-size: 1.2rem;
        font-weight: 400;
        opacity: 0.5;
    }

    .tmiconSelection {
        height: 100%;
        font-size: 3.0rem;
        color: var(--armos-signaturecolor);
        transition: 0.5s;
        opacity: 0.8;
        left: 38%;
        position: absolute;
    }

        .tmroute {
            position: absolute;
            float: right;
            width: 90%;
            height: 80%;
            color: var(--text-color);
            font-family: 'Google Sans Code';
            right: 1.5%;
            bottom: 0;
            text-align: right;
        }

        .fileamount {
            position: relative;
            width: 100%;
            text-align: center;
            font-weight: 400;
            font-family: 'Google Sans Code';
            color: var(--text-color);
            transition: 0.5s;
            bottom: 0;
        }

    .invoicedpercent, .buyamount, .sellamount, .profitamount, .estprofitamount {
        width: 100%;
        height: 28%;
        font-size: 1.3rem;
        text-align: right;
        padding-right: 2%;
        margin-bottom: 0;
        box-shadow: 0px 0px 0px 0px var(--bg-color) inset;
    }

        .invoicedpercent {
            margin-top: 5%;
        }

    .tablabel {
        font-size: 1.0rem;
        font-weight: 400;
        text-align: left;
        float: left;
        margin-top: 2%;
        margin-left: 2%;
        font-family: 'Google Sans Code';
        opacity: 0.5;
    }

        .tabbuttons {
            position: absolute;
            width: 95%;
            text-align: center;
            color: var(--text-color);
            transition: 0.5s;
            border-top: 0px solid var(--text-color);
            border-bottom: 0px solid var(--text-color);
            padding-top: 3%;
            padding-bottom: 3%;
            bottom: 0;
        }

    #bookingMain, #settingsMain {
        margin-left: 11%;
        padding-top: 4.5%;
    }

        #divMap {
            padding-top: 3%;
            height: 87%;
        }

        #divCharges {
            padding-top: 1%;
            height: 82%;
        }

    #divParties, #divItems, #divRoutings, #divContainers, #divInvoices, #divAttachments, #divTexts, #divRates, #divGeneral, #divSettingsGeneral, #divSettingsMailFolders, #divSettingsDefaults, #divSettingsDefAtts {
        padding-top: 0;
        height: 83%;
    }

        #mapdivglobe {
            width: 100%;
            height: 100%;
        }

        #mapdivlarge {
            width: 100%;
            height: 100%;
        }

        #mapdivsmall {
            width: 100%;
            height: 50%;
            top: 6%;
            position: sticky;
            z-index: 2;
        }

        #collapseSummaryFinance {
            width: 69%;
            float: left;
        }

        #collapseSummaryNumbers {
            width: 30%;
            float: right;
        }

        .collapsewrapper {
            position: absolute;
            width: 88.2%;
        }

        .cancel_save_buttons {
            position: fixed;
            bottom: 0;
            right: 0;
            width: 25%;
            text-align: right;
        }

        .change-save_accept.fa-regular {
            display: none;
            width: 10% !important;
            height: 100% !important;
            line-height: inherit;
            font-size: 1.3rem;
            background-color: transparent;
            color: var(--armos-signaturecolor);
            position: relative;
            background-color: transparent !important;
            text-shadow: 0 0 20px var(--armos-signaturecolor);
            opacity: 0.6 !important;
            border: 0px !important;
        }

            .change-save_accept.fa-regular:hover {
                color: var(--armos-ok);
            }

        .change-save_accept_Item.fa-regular {
            display: none;
            width: 15% !important;
            height: 100% !important;
            line-height: inherit;
            font-size: 1.9rem;
            color: var(--armos-signaturecolor);
            position: relative;
            background-color: transparent !important;
            opacity: 1.0 !important;
            border: 0px !important;
        }

            .change-save_accept_Item.fa-regular:hover {
                color: var(--armos-ok);
            }

        .change-save_accept_Code.fa-regular {
            width: 15% !important;
            height: 100% !important;
            line-height: inherit;
            font-size: 1.9rem;
            color: var(--armos-signaturecolor);
            position: relative;
            background-color: transparent !important;
            opacity: 1.0 !important;
            border: 0px !important;
        }

            .change-save_accept_Code.fa-regular:hover {
                color: var(--armos-ok);
            }

    .settingsSaveButton {
        display: table-cell;
        width: 90% !important;
        height: auto !important;
        line-height: inherit;
        font-size: 1.5rem;
        color: var(--armos-signaturecolor);
        position: absolute;
        bottom: 2%;
        background-color: var(--armos-danger-semilight) !important;
        opacity: 0.7 !important;
        border: 2px solid var(--raginghamster) !important;
        padding: 0 !important;
    }

        .settingsSaveButton:hover {
            opacity: 1 !important;
            background-color: var(--armos-danger-light) !important;
        }

    .fileSaveButton {
        display: table-cell;
        width: 50% !important;
        height: auto !important;
        line-height: inherit;
        font-size: 1.5rem;
        color: var(--armos-signaturecolor);
        bottom: 2%;
        background-color: var(--armos-danger-semilight) !important;
        opacity: 0.7 !important;
        border: 2px solid var(--raginghamster) !important;
        padding: 0 !important;
    }

        .fileSaveButton:hover {
            opacity: 1 !important;
            background-color: var(--armos-danger-light) !important;
        }

        .armos_multiselectfilter {
            opacity: 1;
            border: 1px solid var(--text-color);
        }

        .developlogo {
            width: 100px;
            margin-top: 10%;
            margin-bottom: 10%;
        }

        .centeridentity {
            width: 33.33%;
            margin-left: 33.33%;
            text-align: center;
        }

        .settingsmain {
            margin-left: 160px;
            font-size: 28px;
            padding: 0px 10px;
        }

        .pwa-wrapper {
            display: flex;
            width: 90%;
            margin-left: 4%;
            border: 1px solid black;
        }

        .pwa_1, .pwa_2, .pwa_3 {
            display: block;
            padding-left: 1%;
            width: 33.33%;
        }

        .pwa_2 {
            border-left: 1px solid black;
            border-right: 1px solid black;
        }

        .loading {
            display: flex;
            height: 100%;
            width: 100%;
            justify-content: center;
            align-items: center;
            margin-top: 0;
            color: var(--armos-signaturecolor);
        }

    .sticky-lg-top {
        /*box-shadow: 0.0rem 1.5rem 5.0rem 1.5rem var(--armos-signaturecolor);*/
        z-index: 2021;
    }

    .navbar {
        box-shadow: 18.0rem -0.5rem 2.0rem 0.5rem var(--armos-signaturecolor);
    }

        .navbar-toggler {
            border: 0px solid var(--armos-signaturecolor) !important;
            margin-left: 47%;
        }

        .navbar-brand {
            width: 10%;
            text-align: center;
        }

        .dropdown {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }

        .dropdown-menu {
            background-color: var(--bg-color);
            border: 1px solid var(--armos-signaturecolor);
            font-size: 0.9rem;
        }

        .dropdown-item {
            color: var(--text-color);
        }

            .dropdown-item:hover {
                background-color: var(--armos-signaturecolor);
                color: var(--bg-color);
            }

        .navbar-nav li:hover > ul.dropdown-menu {
            display: block;
        }

        .dropdown-submenu {
            position: relative;
            background-color: var(--bg-color);
        }

            .dropdown-submenu > .dropdown-menu {
                top: 0;
                left: 100%;
                right: auto;
                margin-left: 0;
                margin-right: 0;
            }

        .dropdown-menu > li > a:hover:after {
            text-decoration: underline;
            transform: rotate(-90deg);
        }

        #submenu {
            color: var(--text-color);
        }

            #submenu:hover {
                color: var(--bg-color);
            }

        .menuversionhead {
            margin-left: 10%;
            font-size: 0.7rem;
            color: var(--armos-signaturecolor);
        }

        .menuversiondetail {
            margin-right: 2%;
            font-size: 0.8rem;
            text-align: right;
            color: var(--armos-signaturecolor);
            cursor: pointer;
            width: 300px;
        }

    .headertab {
        width: 10%;
    }

    .headertabicon {
        width: 5%;
    }

        .headersearch {
            width: 38.5%;
            text-align: center;
        }

        .armos_search_header {
            border: 1px solid var(--armos-signaturecolor);
            height: 3.0rem;
            width: 65%;
            background-color: transparent;
            color: var(--text-color);
            padding-left: 1%;
            border-radius: 0.3rem;
            font-size: 1.2rem;
            font-weight: 300;
        }

            .armos_search_header:focus {
                outline: none;
                border: 2px solid var(--armos-signaturecolor);
            }

            .armos_search_header::placeholder {
                font-size: 0.8rem;
                color: var(--text-color);
                font-weight: 300;
            }

        .armos_search_header_button {
            height: 2.0rem;
            width: 5%;
            font-size: 0.8rem;
            background-color: transparent;
            border: 0px solid var(--armos-signaturecolor);
            color: var(--armos-signaturecolor);
        }

            .armos_search_header_button:focus {
                box-shadow: 0 0 0 0rem var(--armos-signaturecolor) !important;
            }

        .armos_search_header_button_disabled {
            height: 2.0rem;
            width: 5%;
            font-size: 0.8rem;
            background-color: transparent;
            border: 0px solid var(--armos-inactive);
            color: var(--armos-inactive);
        }

        .headericon {
            color: var(--armos-signaturecolor);
        }

        .headericon_red {
            color: var(--inactiverecords);
        }

        .headericon_yellow {
            color: var(--activeTheme);
        }

        .headericon_green {
            color: var(--armos-ok);
        }

        .sunmoonslider {
            margin-top: 50%;
            transform: rotate(90deg);
        }

        .ui-autocomplete {
            position: absolute;
            cursor: default;
            z-index: 1021 !important;
            background-color: var(--bg-color);
            color: var(--text-color);
            font-family: 'Google Sans Code';
            font-size: 1.0rem !important;
            overflow-x: hidden;
            overflow-y: auto;
            height: 30%;
            width: 10%;
        }

        .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
            background: var(--armos-signaturecolor) !important;
            color: var(--bg-color) !important;
            border: 0px !important;
        }

        .ui-autocomplete-category {
            font-weight: bold;
            padding: .2em .4em;
            margin: .8em 0 .2em;
            line-height: 1.5;
        }

        .armos_h {
            color: var(--armos-signaturecolor);
            text-shadow: 0 0 40px var(--armos-signaturecolor);
            font-size: 2.5vw;
            margin-top: -2%;
        }

        .armos_h3_landscape {
            color: var(--armos-signaturecolor);
            text-align: center;
            font-family: 'Bruno Ace', cursive;
        }

        .armos_h5_left {
            color: var(--armos-signaturecolor);
            text-align: left;
        }

        .armos_h8_center {
            color: var(--armos-signaturecolor);
            text-align: center;
        }

        .armos_release_header {
            font-size: 1.3rem;
        }

        .armos_hr {
            color: var(--armos-signaturecolor);
        }

        .armos_input {
            background-color: transparent;
            color: var(--text-color);
            border: 1px solid var(--armos-signaturecolor);
            height: 1.5vw;
            font-size: 0.8rem;
            padding-left: 2%;
        }

            .armos_input:focus {
                outline: none;
                border: 2px solid var(--armos-signaturecolor) !important;
                background-color: var(--selected-input);
            }

        .armos_input_disabled {
            background-color: transparent;
            color: var(--text-color);
            border: 1px solid var(--armos-inactive);
            height: 1.5vw;
            font-size: 0.8rem;
            padding-left: 2%;
        }

        .control-label {
            height: 1.5vw;
            font-size: 0.8rem;
            font-weight: 400;
        }

        .control-label_bold {
            height: 1.5vw;
            font-size: 1.0rem;
            font-weight: 500;
        }

        .itemindex {
            position: absolute;
            height: 95%;
            width: 100%;
            display: block;
            transition: 1s;
            overflow: scroll;
        }

        .filedrop {
            display: block;
            pointer-events: auto;
            float: left;
            z-index: 1;
            width: 95%;
            position: absolute;
            bottom: 5%;
        }

        .dropzone {
            display: inline-block;
            width: 100%;
            border-radius: 0.3rem;
            padding: 0.5rem 0.5rem;
            min-height: 50px;
            height: 185px;
        }

            .dropzone .dz-preview .dz-image {
                width: 52px;
                height: 52px;
            }

        .dz-message {
            margin: 0 !important;
            font-size: 0.9rem;
            font-family: 'Google Sans Code';
            font-weight: 200;
        }

        .armos_dropdown {
            border: 1px solid var(--armos-signaturecolor);
            height: 2.1vw;
            background-color: transparent;
            color: var(--text-color);
            font-size: 0.8rem;
            padding-left: 1%;
        }

            .armos_dropdown:focus {
                outline: none;
            }

        .armos_dropdown_pane {
            border: 1px solid var(--armos-signaturecolor);
            height: 2.0vw;
            width: 100%;
            background-color: transparent;
            color: var(--text-color);
            font-size: 1.2rem;
            text-align: center;
            border-radius: 0.3rem;
            font-family: Roboto;
            font-weight: 300;
        }

            .armos_dropdown_pane:focus {
                outline: none;
            }

    .armos_dropdown_disabled {
            border: 1px solid var(--armos-inactive);
            height: 2.1vw;
            background-color: transparent;
            color: var(--armos-inactive);
            font-size: 0.6rem;
            padding-left: 1%;
        }

        .armos_dropdown_page {
            border: 0px solid var(--armos-signaturecolor);
            height: 1.5vw;
            width: 2.5vw;
            opacity: 0.4;
            border-radius: 0.3rem;
            background-color: var(--bg-color);
            color: var(--text-color);
            font-size: 0.9rem;
            font-weight: 600;
            padding-left: 1%;
            cursor: pointer;
        }

            .armos_dropdown_page:focus {
                outline: none;
            }

        .armos_dropdown_line {
            border: 1px solid var(--armos-signaturecolor);
            height: 1.1vw;
            width: 65%;
            background-color: transparent;
            color: var(--armos-signaturecolor);
            font-size: 1.0rem;
            padding-left: 1%;
            margin-top: 1%;
            margin-bottom: 1%;
            text-align: center;
            cursor: pointer;
            border-radius: 0.3rem;
        }

            .armos_dropdown_line:focus {
                outline: none;
            }

        .armos_dropdownfilter_codelists {
            border: 0px solid var(--armos-signaturecolor);
            height: 1.5vw;
            width: 60%;
            opacity: 0.4;
            border-radius: 0.2rem;
            background-color: var(--bg-color);
            color: var(--text-color);
            font-size: 0.9rem;
            font-weight: 600;
            padding-left: 1%;
            cursor: pointer;
        }

            .armos_dropdownfilter_codelists:focus {
                outline: none;
            }

        .armos_dropdown_charges {
            border-left: 0px solid var(--armos-inactive);
            border-top: 0px solid var(--armos-inactive);
            border-right: 0px solid var(--armos-inactive);
            border-bottom: 1px solid var(--armos-inactive);
            height: 1.0vw;
            background-color: transparent;
            color: var(--armos-signaturecolor);
            font-size: 0.7rem;
            padding-left: 1%;
        }

            .armos_dropdown_charges:focus {
                outline: none;
            }

        .addrow .armos_dropdown_charges, .addrow .armos_input_charges {
            border-bottom: 1px solid var(--text-color);
        }

        .armos_dropdown_texts {
            border-left: 0px solid var(--armos-inactive);
            border-top: 0px solid var(--armos-inactive);
            border-right: 0px solid var(--armos-inactive);
            border-bottom: 1px solid var(--armos-inactive);
            height: 1.5vw;
            background-color: transparent;
            color: var(--armos-signaturecolor);
            font-size: 1.3rem;
            padding-left: 1%;
        }

            .armos_dropdown_texts:focus {
                outline: none;
            }

        .gofilter {
            cursor: pointer;
            opacity: 0.8;
            height: 1.5vw;
            background-color: transparent;
            text-align: center;
            vertical-align: middle;
            font-size: 1.0rem;
        }

            .gofilter:hover {
                color: var(--armos-signaturecolor);
            }

    .docpreview {
        width: 100%;
        height: 100%;
    }

        .change-save.fa-solid {
            display: none;
            width: 10%;
            margin-left: 2px;
            line-height: inherit;
            font-size: 0.7rem;
            border: 1px solid var(--armos-ok);
            background-color: var(--armos-ok);
            color: var(--bg-color);
        }

            .change-save.fa-solid:hover {
                background-color: var(--armos-ok);
                color: var(--bg-color);
                border: 1px solid var(--armos-ok);
            }

        .change-cancel.fa-solid {
            width: 10%;
            margin-left: 2px;
            line-height: inherit;
            font-size: 0.7rem;
            opacity: 0.6;
            border: 1px solid var(--armos-danger);
            background-color: var(--armos-danger);
            color: var(--bg-color);
        }

        .change-cancel_popup.fa-solid {
            width: 15%;
            margin-left: 2px;
            line-height: inherit;
            font-size: 1.2rem;
            color: var(--armos-danger);
            opacity: 0.6;
            border: 1px solid var(--armos-danger);
            background-color: var(--armos-danger);
            color: var(--bg-color);
        }

            .change-cancel.fa-solid:hover, .change-cancel_popup.fa-solid:hover {
                background-color: var(--armos-danger);
                color: var(--bg-color);
                border: 1px solid var(--armos-danger);
            }

        .armos_createdupdatedindex {
            font-size: small;
            font-style: italic;
            text-align: right;
            width: 10%;
        }

        .armos_tablebuttons {
            position: relative;
            overflow: hidden;
            text-align: right;
            width: 20%;
            padding-right: 0.5% !important;
        }

        .infoheadertr {
            background-color: var(--bg-color);
            border-bottom: 1rem solid var(--bg-color) !important;
            line-height: 3.0rem;
        }

        .table {
            border-collapse: collapse;
            width: 100%;
        }

            .table thead th {
                color: var(--armos-signaturecolor);
            }

            .table th, td {
                color: var(--text-color);
                -webkit-transition: color 2s;
                transition: color 2s;
            }

            .table td {
                border: 0px;
            }

            .table tbody tr:nth-child(even):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
            }

            .table tbody tr:nth-child(odd):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
            }

        .armos_table_main {
            border-collapse: collapse;
            width: 100%;
            background-color: transparent !important;
            margin-top: 2.8%;
        }

            .armos_table_main thead {
                border-top: 0px solid var(--text-color);
                border-bottom: 1px solid var(--text-color);
                background-color: var(--armos-signaturecolor);
                height: 5.0rem;
                font-size: 0.9rem;
                opacity: 1;
                position: sticky;
                top: 14.9%;
                z-index: 9;
            }

                .armos_table_main thead th {
                    color: var(--bg-color) !important;
                    height: 4.0rem;
                }

            .armos_table_main tbody tr {
                border-bottom: 1px solid var(--armos-inactive);
                line-height: 1.8rem;
                vertical-align: top;
            }

            .armos_table_main th, td {
                color: var(--text-color);
                -webkit-transition: color 2s;
                transition: color 2s;
            }

            .armos_table_main td {
                border: 0px;
            }

            .armos_table_main tbody tr:nth-child(even):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
                box-shadow: 0px 0px 0px 0px var(--bg-color) inset !important; 
            }

            .armos_table_main tbody tr:nth-child(odd):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
                box-shadow: 0px 0px 0px 0px var(--bg-color) inset !important;
            }

        .armos_table {
            border-collapse: collapse;
            width: 100%;
            background-color: transparent !important;
        }

            .armos_table thead {
                border-bottom: 0px solid var(--text-color);
                background-color: var(--armos-overlaysignaturecolor);
                box-shadow: 0px 0px 8px 5px var(--bg-color) inset;
                height: 4.0rem;
                font-size: 1.2rem;
            }

                .armos_table thead th {
                    color: var(--armos-signaturecolor);
                }

            .armos_table tbody tr {
                border-bottom: 1px solid var(--armos-inactive);
                line-height: 2.0rem;
                vertical-align: top;
            }

            .armos_table th, td {
                color: var(--text-color);
                -webkit-transition: color 2s;
                transition: color 2s;
            }

            .armos_table td {
                border: 0px;
            }

            .armos_table tbody tr:nth-child(even):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
                box-shadow: 0px 0px 8px 5px var(--bg-color) inset;
            }

            .armos_table tbody tr:nth-child(odd):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
                box-shadow: 0px 0px 8px 5px var(--bg-color) inset;
            }

        .armos_table_parties {
            border-collapse: collapse;
            width: 100%;
            background-color: transparent !important;
            margin-top: 2.8%;
        }

            .armos_table_parties thead {
                border-top: 0px solid var(--text-color);
                border-bottom: 1px solid var(--text-color);
                background-color: var(--armos-signaturecolor);
                height: 5.0rem;
                font-size: 0.9rem;
                opacity: 1;
                position: sticky;
                top: 14.9%;
                z-index: 9;
            }

                .armos_table_parties thead th {
                    color: var(--bg-color) !important;
                    height: 4.0rem;
                }

            .armos_table_parties tbody tr {
                border-bottom: 0px solid var(--armos-inactive);
                line-height: 1.8rem;
                vertical-align: top;
            }

            .armos_table_parties th, td {
                color: var(--text-color);
                -webkit-transition: color 2s;
                transition: color 2s;
            }

            .armos_table_parties td {
                border: 0px;
            }

            .armos_table_parties tbody tr:nth-child(even):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
                box-shadow: 0px 0px 8px 5px var(--bg-color) inset;
            }

            .armos_table_parties tbody tr:nth-child(odd):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
                box-shadow: 0px 0px 8px 5px var(--bg-color) inset;
            }

        .armos_table_sub {
            border-collapse: collapse;
            width: 100%;
            background-color: transparent !important;
            margin-top: -0.5%;
        }

            .armos_table_sub thead {
                border: 0px solid var(--text-color);
                border-top: 1px solid var(--text-color);
                border-bottom: 1px solid var(--text-color);
                height: 4.0rem;
                font-size: 1.2rem;
            }

                .armos_table_sub thead th {
                    color: var(--armos-signaturecolor);
                }

            .armos_table_sub tbody tr {
                border-bottom: 0px solid var(--armos-inactive);
                line-height: 2.0rem;
            }

            .armos_table_sub th, td {
                color: var(--text-color);
                -webkit-transition: color 2s;
                transition: color 2s;
            }

            .armos_table_sub td {
                border: 0px;
            }

            .armos_table_sub tbody tr:nth-child(even):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
                box-shadow: 0px 0px 8px 5px var(--bg-color) inset;
            }

            .armos_table_sub tbody tr:nth-child(odd):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
                box-shadow: 0px 0px 8px 5px var(--bg-color) inset;
            }

        .armos_table_sub_multi {
            border-collapse: collapse;
            width: 100%;
            background-color: transparent !important;
            margin-top: -0.5%;
        }

            .armos_table_sub_multi thead {
                border: 0px solid var(--text-color);
                border-top: 1px solid var(--text-color);
                border-bottom: 1px solid var(--text-color);
                height: 4.0rem;
                font-size: 1.2rem;
            }

                .armos_table_sub_multi thead th {
                    color: var(--armos-signaturecolor);
                }

            .armos_table_sub_multi tbody tr {
                border-bottom: 1px solid var(--armos-inactive);
                line-height: 2.0rem;
                vertical-align: top;
            }

            .armos_table_sub_multi th, td {
                color: var(--text-color);
                -webkit-transition: color 2s;
                transition: color 2s;
            }

            .armos_table_sub_multi td {
                border: 0px;
            }

            .armos_table_sub_multi tbody tr:nth-child(even):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
                box-shadow: 0px 0px 8px 5px var(--bg-color) inset;
            }

            .armos_table_sub_multi tbody tr:nth-child(odd):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
                box-shadow: 0px 0px 8px 5px var(--bg-color) inset;
            }

        .armos_table_log {
            border-collapse: collapse;
            width: 100%;
            background-color: transparent !important;
            margin-top: -1.5%;
        }

            .armos_table_log thead {
                border: 0px solid var(--text-color);
                border-bottom: 1px solid var(--text-color);
                height: 4.0rem;
                font-size: 1.2rem;
            }

                .armos_table_log thead th {
                    color: var(--armos-signaturecolor);
                }

            .armos_table_log tbody tr {
                border-bottom: 0px solid var(--armos-inactive);
                font-size: 1.0rem;
            }

            .armos_table_log th, td {
                color: var(--text-color);
                -webkit-transition: color 2s;
                transition: color 2s;
            }

            .armos_table_log td {
                border: 0px;
            }

            .armos_table_log tbody tr:nth-child(even):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
                box-shadow: 0px 0px 8px 5px var(--bg-color) inset;
            }

            .armos_table_log tbody tr:nth-child(odd):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
                box-shadow: 0px 0px 8px 5px var(--bg-color) inset;
            }

        .armos_table_summ {
            border-collapse: collapse;
            width: 100%;
            background-color: transparent !important;
            border: 1px solid var(--text-color) !important;
            font-size: 0.9rem;
        }

            .armos_table_summ thead {
                border-bottom: 0px solid var(--text-color);
                background-color: transparent;
                box-shadow: 0px 0px 0px 0px var(--bg-color) inset;
                border: 1px solid var(--text-color);
                height: 4.0rem;
                font-size: 1.2rem;
            }

                .armos_table_summ thead th {
                    color: var(--armos-signaturecolor);
                }

            .armos_table_summ tbody tr {
                border-bottom: 0px solid var(--armos-inactive);
                line-height: 2.0rem;
            }

            .armos_table_summ th, td {
                color: var(--text-color);
                -webkit-transition: color 2s;
                transition: color 2s;
            }

            .armos_table_summ tbody tr:nth-child(even):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
                box-shadow: 0px 0px 8px 5px var(--bg-color) inset;
            }

            .armos_table_summ tbody tr:nth-child(odd):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
                box-shadow: 0px 0px 8px 5px var(--bg-color) inset;
            }

        .armos_table_summ_T_Account {
            border-collapse: collapse;
            width: 100%;
            background-color: transparent !important;
            border: 1px solid var(--text-color) !important;
            font-size: 0.9rem !important;
        }

            .armos_table_summ_T_Account thead {
                border-bottom: 0px solid var(--text-color);
                background-color: transparent;
                box-shadow: 0px 0px 0px 0px var(--bg-color) inset;
                border: 1px solid var(--text-color);
                height: 2.0rem;
                font-size: 0.8rem;
            }

                .armos_table_summ_T_Account thead th {
                    color: var(--armos-signaturecolor);
                }

            .armos_table_summ_T_Account tbody tr {
                border-bottom: 0px solid var(--armos-inactive);
                line-height: 3.0rem;
            }

            .armos_table_summ_T_Account th, td {
                color: var(--text-color);
                -webkit-transition: color 2s;
                transition: color 2s;
            }

            .armos_table_summ_T_Account tbody tr:nth-child(even):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
                box-shadow: 0px 0px 0px 0px var(--bg-color) inset;
            }

            .armos_table_summ_T_Account tbody tr:nth-child(odd):hover {
                background-image: linear-gradient(to right, var(--armos-tablehighlight), var(--armos-tablehighlight));
                box-shadow: 0px 0px 0px 0px var(--bg-color) inset;
            }

        .armos_linkindexheader_main {
            color: var(--bg-color);
            text-decoration: none;
            font-family: 'Google Sans Code';
            font-weight: 600;
        }

        .armos_linkindexheader {
            color: var(--armos-signaturecolor);
            text-decoration: none;
            font-family: 'Google Sans Code';
            font-weight: 500;
        }

        .armos_linkindex {
            color: var(--text-color);
            text-decoration: underline;
            cursor: pointer;
        }

            .armos_linkindex:hover {
                color: var(--armos-signaturecolor);
            }

        .armos_linkindexinactive {
            color: var(--armos-inactive);
            text-decoration: underline;
        }

            .armos_linkindexinactive:hover {
                color: var(--armos-signaturecolor);
            }

        .armos_inactivetext {
            color: var(--armos-inactive);
        }

        .armos_btn_line {
            width: 15%;
        }

        .armos_btn_line_file {
            width: 20%;
        }

        .armos_btn_line_edit {
            width: 15%;
            margin-left: 2px;
        }

        .armos_btn_line_statusFile {
            width: 46.5%;
            margin-left: 2px;
            background-color: var(--armos-ok-light) !important;
            border-color: var(--armos-ok) !important;
            color: var(--armos-signaturecolor) !important;
        }

        .armos_btn_line_statusCon {
            width: 30.5%;
            margin-left: 2px;
            background-color: var(--armos-ok-light) !important;
            border-color: var(--armos-ok) !important;
            color: var(--armos-signaturecolor) !important;
        }

        .armos_btn_documents {
            width: 20%;
            margin-left: 5px;
            font-size: 1.0rem !important;
        }

        .armos_btn_quickhdr {
            text-shadow: 0 0 0px !important;
            margin-left: 10.5rem;
            position: relative;
            margin-left: 1.0rem;
            color: var(--text-color) !important;
            background-color: transparent !important;
            text-shadow: 0 0 20px var(--armos-signaturecolor);
            opacity: 0.6 !important;
            border: 0px solid var(--text-color) !important;
            box-shadow: 0.0rem 0.1rem 0.2rem var(--text-color);
        }

            .armos_btn_quickhdr:hover {
                opacity: 1 !important;
                box-shadow: 0.0rem 0.4rem 0.5rem var(--text-color);
            }

        .armos_btn_quickhdr_logout {
            text-shadow: 0 0 0px !important;
            margin-left: 0.5rem;
            position: relative;
            margin-left: 1.0rem;
            color: var(--raginghamster) !important;
            background-color: transparent !important;
            text-shadow: 0 0 20px var(--armos-signaturecolor);
            opacity: 0.6 !important;
            border: 0px solid var(--raginghamster) !important;
            box-shadow: 0.0rem 0.1rem 0.2rem var(--raginghamster);
        }

            .armos_btn_quickhdr_logout:hover {
                opacity: 1 !important;
                box-shadow: 0.0rem 0.4rem 0.5rem var(--raginghamster);
            }

        .armos_btn_quickhdr_login {
            text-shadow: 0 0 0px !important;
            margin-left: 0.5rem;
            position: relative;
            margin-left: 1.0rem;
            color: var(--armos-ok) !important;
            background-color: transparent !important;
            text-shadow: 0 0 20px var(--armos-signaturecolor);
            opacity: 0.6 !important;
            border: 0px solid var(--armos-ok) !important;
            box-shadow: 0.0rem 0.1rem 0.2rem var(--armos-ok);
        }

            .armos_btn_quickhdr_login:hover {
                opacity: 1 !important;
                box-shadow: 0.0rem 0.4rem 0.5rem var(--armos-ok);
            }

        .armos_btn_hdr {
            position: relative;
            margin-left: 0.5rem;
            color: var(--armos-signaturecolor) !important;
            background-color: transparent !important;
            text-shadow: 0 0 20px var(--armos-signaturecolor);
            opacity: 0.6 !important;
            border: 0px !important;
            font-size: 1.2rem !important;
        }

            .armos_btn_hdr:hover {
                color: var(--bg-color) !important;
                opacity: 1 !important;
            }

        .armos_btn_hdr_selected {
            width: 5%;
            margin-left: 2px;
            color: var(--armos-signaturecolor) !important;
            background-color: var(--bg-color) !important;
        }

            .armos_btn_hdr_selected:hover {
                color: var(--bg-color) !important;
                background-color: var(--armos-signaturecolor) !important;
            }

        .armos_button_selected {
            font-size: 1.0rem;
            color: var(--bg-color);
            border: 1px solid var(--armos-signaturecolor);
            background-color: var(--armos-signaturecolor);
        }

        .armos_button {
            width: 5%;
            height: 55%;
            font-size: 1.0rem;
            color: var(--armos-signaturecolor);
            border: 1px solid var(--armos-signaturecolor);
        }

            .armos_button:hover {
                color: var(--bg-color);
                border: 1px solid var(--armos-signaturecolor);
                background-color: var(--armos-signaturecolor);
            }

        .armos_button_disabled {
            width: 5%;
            height: 55%;
            font-size: 1.0rem;
            color: var(--armos-inactive) !important;
            opacity: 0.6;
            border: 1px solid var(--armos-inactive);
        }

        .armos_button-secondary {
            height: 58%;
            font-size: 1.0rem;
            color: var(--armos-signaturecolor);
            opacity: 0.6;
            border: 1px solid var(--armos-signaturecolor);
        }

            .armos_button-secondary:hover {
                color: var(--bg-color);
                border: 1px solid var(--armos-signaturecolor);
                background-color: var(--armos-signaturecolor);
            }

        .armos_button-secondary_disabled {
            font-size: 1.0rem;
            color: var(--armos-inactive);
            opacity: 0.6;
            border: 1px solid var(--armos-inactive);
            pointer-events: none;
        }

            .armos_button-secondary_disabled:hover {
                color: var(--text-color);
                border: 1px solid var(--armos-inactive);
                background-color: var(--armos-inactive);
            }

        .btn-primary {
            color: var(--armos-signaturecolor);
            background-color: var(--bg-color);
            border-color: var(--armos-signaturecolor);
        }

            .btn-primary:hover {
                color: var(--bg-color);
                background-color: var(--armos-signaturecolor);
                border-color: var(--armos-signaturecolor);
            }

        .btn-primary-inverted {
            color: var(--bg-color);
            background-color: var(--armos-signaturecolor);
            border-color: var(--bg-color);
        }

            .btn-primary-inverted:hover {
                color: var(--armos-signaturecolor);
                background-color: var(--bg-color);
                border-color: var(--armos-signaturecolor);
            }

        .switch {
            position: relative;
            display: inline-block;
            width: 1.4vw;
            height: 0.7vw;
            top: 8.5%;
        }

            .switch input {
                opacity: 0;
                width: 0;
                height: 0;
            }

        .switch_tablebuttons {
            position: relative;
            display: inline-block;
            width: 1.4vw;
            height: 0.7vw;
            vertical-align: middle;
        }

            .switch_tablebuttons input {
                opacity: 0;
                width: 0;
                height: 0;
            }

        .themeslider.square {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: transparent;
            -webkit-transition: .4s;
            transition: .4s;
            border: 1px solid var(--armos-signaturecolor);
            height: 100%;
        }

            .themeslider.square:before {
                position: absolute;
                content: "";
                height: 0.4vw;
                width: 0.4vw;
                left: 2px;
                bottom: 3px;
                background-color: var(--armos-signaturecolor);
                border: 1px solid var(--armos-signaturecolor);
                -webkit-transition: .4s;
                transition: .4s;
            }

        input:checked + .themeslider {
            background-color: transparent;
        }

        input:focus + .themeslider {
            box-shadow: 0 0 1px var(--text-color);
        }

        input:checked + .themeslider:before {
            -webkit-transform: translateX(19px);
            -ms-transform: translateX(19px);
            transform: translateX(19px);
        }

    .chargeline1 {
        width: 100%;
        font-family: "Google Sans Code", monospace;
    }

        .chargeline1 tbody tr:nth-child(even):hover {
            background-image: linear-gradient(to right, transparent, transparent) !important;
            box-shadow: 0px 0px 0px 0px var(--bg-color) !important;
        }

        .chargeline1 tbody tr:nth-child(odd):hover {
            background-image: linear-gradient(to right, transparent, transparent) !important;
            box-shadow: 0px 0px 0px 0px var(--bg-color) !important;
        }

    .chargeline1_line {
        line-height: 1.4rem !important;
    }

    .chargeline1_Charge {
        font-weight: 600;
        font-size: 1.0rem;
        text-align: left;
    }

    .chargeline1_VAT {
        text-align: right;
        font-size: 1.0rem;
    }

    .chargeline1_amount {
        width: 10%;
        text-align: right;
        padding-right: 0.8rem;
    }

    .chargeline1_cm {
        width: 10%;
        text-align: right;
    }

    .chargeline1_currency {
        width: 3%;
        text-align: left;
    }

    .chargeline1_roe {
        width: 10%;
        text-align: right;
    }

    .chargeline1_amount_eur {
        width: 12%;
        font-weight: 600;
        text-align: right;
        padding-right: 0.8rem;
    }

    .chargeline1_currency_eur {
        width: 3%;
        font-weight: 600;
        text-align: left;
    }

    .chargeline1_character {
        width: 3%;
        text-align: center;
    }

    .chargeline1_spacer {
        width: 5%;
    }

    .chargeline2 {
        width: 100%;
        font-family: "Google Sans Code", monospace;
    }

        .chargeline2 tbody tr:nth-child(even):hover {
            background-image: linear-gradient(to right, transparent, transparent) !important;
            box-shadow: 0px 0px 0px 0px var(--bg-color) !important;
        }

        .chargeline2 tbody tr:nth-child(odd):hover {
            background-image: linear-gradient(to right, transparent, transparent) !important;
            box-shadow: 0px 0px 0px 0px var(--bg-color) !important;
        }

    .chargeline2_line {
        line-height: 1.4rem !important;
    }

    .chargeline2_Charge {
        font-weight: 600;
        font-size: 1.0rem;
        text-align: left;
    }

    .chargeline2_VAT {
        text-align: right;
        font-style: italic;
        font-size: 1.0rem;
        padding-right: 5%;
    }

    .chargeline2_amount {
        width: 10%;
        text-align: right;
        padding-right: 0.8rem;
    }

    .chargeline2_cm {
        width: 10%;
        text-align: right;
    }

    .chargeline2_currency {
        width: 3%;
        text-align: left;
    }

    .chargeline2_roe {
        width: 15%;
        text-align: right;
    }

    .chargeline2_amount_eur {
        width: 15%;
        font-weight: 600;
        text-align: right;
        padding-right: 0.8rem;
    }

    .chargeline2_currency_eur {
        width: 3%;
        font-weight: 600;
        text-align: left;
    }

    .chargeline2_character {
        width: 5%;
        text-align: center;
    }

    .chargeline2_spacer {
        width: 15%;
    }

    .ReleaseHeader {
        background-color: var(--bg-color);
        color: var(--text-color);
        border: 1px solid var(--text-color);
        line-height: 2.5rem;
        margin-bottom: 1.5rem;
    }

        .ReleaseHeader:hover {
            background-color: var(--armos-signaturecolor);
            color: var(--bg-color);
            border: 1px solid var(--bg-color);
        }

    .ReleaseUL {
        list-style-type: circle;
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
            filter: blur(50px);
        }

        100% {
            opacity: 1;
            filter: blur(2px);
        }
    }

        @-webkit-keyframes fadeIn {
            0% {
                opacity: 0;
                filter: blur(50px);
            }

            100% {
                opacity: 1;
                filter: blur(2px);
            }
        }

        @keyframes fadeOut {
            0% {
                opacity: 1;
                filter: blur(2px);
            }

            100% {
                opacity: 0;
                filter: blur(50px);
            }
        }

        @-webkit-keyframes fadeOut {
            0% {
                opacity: 1;
                filter: blur(2px);
            }

            100% {
                opacity: 0;
                filter: blur(50px);
            }
        }

        @keyframes slideIn {
            0% {
                right: -100%;
            }

            100% {
                right: 1.8%;
            }
        }

        @-webkit-keyframes slideIn {
            0% {
                right: -100%;
            }

            100% {
                right: 1.8%;
            }
        }

        @keyframes slideOut {
            0% {
                right: 1.8%;
            }

            100% {
                right: -100%;
            }
        }

        @-webkit-keyframes slideOut {
            0% {
                right: 1.8%;
            }

            100% {
                right: -100%;
            }
        }
    }