@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Cutive+Mono:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ubuntu+Condensed&display=swap');

:root {
    --bg-color: rgba(0, 0, 0, 1);
    --text-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-ultralight: rgba(0, 0, 0, 1);
    --armos-todo: rgba(0, 0, 0, 1);
    --armos-todo-light: 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-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-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 : 1920px) {

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

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

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

    .xl-bi { font-size: 3.0rem !important; }
    .h1-bi { font-size: 2.5rem !important; }
    .h2-bi { font-size: 1.8rem !important; }
    .h3-bi { font-size: 1.5rem !important; }
    .h4-bi { font-size: 1.3rem !important; }
    .h5-bi { font-size: 1.1rem !important; }

    .row { margin-left: 1%; }

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

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

    .btn { font-size: 1.2rem; }
    .btn-primary {
        font-size : 1.0rem;
        background-color: var(--armos-signaturecolor) !important;
        color: var(--bg-color) !important;
        opacity: 0.9;
    }
        .btn-primary:hover {
            opacity: 1.0;
        }

    .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.7;
        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: 40px !important;
        height: 40px !important;
    }

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

    .createFirst {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 10rem;
        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);
    }

    /*Alert*/
    .alert-armos {
        position: absolute;
        width: 88.24%;
        --bs-alert-color: var(--text-color);
        --bs-alert-bg: transparent;
        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);
        border-radius: 0.3rem;
        padding-left: 1.0rem;
        padding-bottom: 0.1rem;
    }

    .subalert-armos_loading {
        --bs-alert-color: var(--text-color);
        --bs-alert-bg: transparent;
        --bs-alert-border-color: var(--armos-signaturecolor);
        border-radius: 0.3rem;
        padding-left: 1.0rem;
        width: 49.5%;
        float: left;
    }

    .subalert-armos_discharge {
        --bs-alert-color: var(--text-color);
        --bs-alert-bg: transparent;
        --bs-alert-border-color: var(--armos-signaturecolor);
        border-radius: 0.3rem;
        padding-left: 1.0rem;
        width: 49.5%;
        float: right;
    }

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

    .settingstiles-wrapper {
        display: table;
        position: absolute;
        left: -1%;
        table-layout: fixed;
        height: 50%;
        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: all 0.2s linear;
        color: var(--text-color);
        border: 1px solid var(--text-color);
        border-radius: 0.3rem;
    }

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

    .innertile_warning {
        background-color: var(--armos-warning-ultralight) !important;
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
        transition: all 0.2s linear;
        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: var(--armos-danger-ultralight) !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_ok {
        transform: rotateY(180deg);
    }

    .tile:hover .innertile_warning {
        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: 'Roboto', sans-serif;
            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: 'Roboto', sans-serif;
            font-weight: 300;
            background-color: transparent;
            text-align: center;
            padding: 5px;
        }

    /*ProgressBars*/
    .paidpercentindex {
        border-radius: 0.3rem;
        width: 80%;
        height: 10px;
        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;
        }

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

    .paidpercentedit {
        border-radius: 0.3rem;
        width: 100%;
        height: 15px;
        border: 0px solid;
        text-align: center;
    }

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

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

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

        .paidpercentedit: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 var(--headerfooter);
        font-size: 1.0rem;
    }

        .paidpercentbottom::-webkit-progress-bar, .paidpercentcharges::-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, .paidpercentcharges::-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, .paidpercentcharges::-moz-progress-bar {
            background-color: var(--negativeamount);
            border-radius: 0.3rem;
        }

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

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

        .paidpercentcharges::-moz-progress-bar {
            background-color: var(--negativeamount);
            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;
        border-radius: 0.3rem;
        width: 70%;
        height: 8%;
        border: 1px solid var(--armos-signaturecolor);
    }

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

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

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

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

    .statuspercentedit_INACTIVE {
        text-align: center;
        border-radius: 0.3rem;
        width: 70%;
        height: 8%;
        border: 0px solid var(--armos-signaturecolor);
    }

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

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

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

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

    .statuspercentedit_COMPLETED {
        text-align: center;
        border-radius: 0.3rem;
        width: 70%;
        height: 8%;
        border: 0px solid var(--armos-signaturecolor);
    }

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

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

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

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

    .mainlegedit {
        border-radius: 0.3rem;
        width: 75%;
        height: 10px;
        border: 1px solid;
        float: right;
    }

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

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

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

    .mainlegedit_done {
        border-radius: 0.3rem;
        width: 75%;
        height: 10px;
        border: 1px solid;
        float: right;
        border: 1px solid var(--armos-signaturecolor);
    }

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

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

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

    .mainlegedit_error {
        border-radius: 0.3rem;
        width: 75%;
        height: 10px;
        border: 1px solid;
        float: right;
        border: 1px solid var(--armos-signaturecolor);
    }

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

        .mainlegedit_error--armos-danger-light {
            background-color: var(--armos-warning);
            border-radius: 0.3rem;
        }

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

    /*OffCanvas*/
    .offcanvas-header {
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2));
        height: 2.3%;
        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: 66px;
        border-bottom: 1px solid var(--text-color);
        display: none;
    }

    .btn-close {
        float: right;
        transform: translate(-100%, 50%);
    }


    /*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.8rem;
        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: 100px;
        border-radius: 0.3rem !important;
        padding: 0.4rem !important;
    }

    /*Popover*/
    .popover {
        width: 8% !important;
        border-radius: 0;
        border: 0px;
        background-color: transparent;
    }

    .popover-header {
        background-color: rgba(244, 214, 77, 1);
        text-align: center;
        font-size: 1.0rem;
        font-family: "Architects Daughter", cursive;
        font-weight: 400;
        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.7rem !important;
        letter-spacing: 2px !important;
        background-color: transparent !important;
        color: var(--armos-signaturecolor) !important;
        margin-left: 1.0rem !important;
        padding: 0.25rem !important;
        font-weight: 500 !important;
    }

    .form-control {
        font-size: 0.9rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-signaturecolor) !important;
        color: var(--text-color) !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-left: 1.5rem !important;
        padding-top: 1.5rem !important;
        padding-bottom: 0.2rem !important;
        min-height: 4.0rem !important;
        height: 4.0rem !important;
        width: 100% !important;
    }

    .form-control-naked {
        font-size: 1.0rem !important;
        background-color: transparent !important;
        border: 0px solid var(--armos-signaturecolor) !important;
        color: var(--text-color) !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-left: 1.5rem !important;
        padding-top: 1.5rem !important;
        padding-bottom: 0.2rem !important;
        min-height: 4.0rem !important;
        height: 4.0rem !important;
        width: 100% !important;
    }

    .form-control-disabled {
        font-size: 0.9rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-signaturecolor) !important;
        color: var(--armos-inactive) !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-left: 1.5rem !important;
        padding-top: 1.5rem !important;
        padding-bottom: 0.2rem !important;
        min-height: 4.0rem !important;
        height: 4.0rem !important;
        width: 100% !important;
    }

    .form-control-output {
        font-size: 1.0rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-signaturecolor) !important;
        color: var(--text-color) !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-right: 1.5rem !important;
        padding-top: 1.5rem !important;
        padding-bottom: 0.2rem !important;
        min-height: 4.0rem !important;
        height: 4.0rem !important;
        width: 100% !important;
        text-align: right;
    }

    .form-control-number {
        font-size: 0.9rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-signaturecolor) !important;
        color: var(--text-color) !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-right: 1.5rem !important;
        padding-top: 1.5rem !important;
        padding-bottom: 0.2rem !important;
        min-height: 4.0rem !important;
        height: 4.0rem !important;
        text-align: right;
        width: 100% !important;
    }

    .form-control-number-disabled {
        font-size: 0.9rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-signaturecolor) !important;
        color: var(--armos-inactive) !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-right: 1.5rem !important;
        padding-top: 1.5rem !important;
        padding-bottom: 0.2rem !important;
        height: 4.0rem;
        text-align: right;
        width: 100% !important;
    }

    .form-control-number-output {
        font-size: 0.9rem !important;
        background-color: transparent !important;
        border: 0px solid var(--armos-signaturecolor) !important;
        color: var(--armos-signaturecolor) !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-right: 1.5rem !important;
        padding-top: 1.5rem !important;
        padding-bottom: 0.2rem !important;
        height: 4.0rem;
        text-align: right;
        width: 100% !important;
    }

    .form-dropdown {
        font-size: 0.9rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-signaturecolor) !important;
        color: var(--text-color) !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-left: 1.5rem !important;
        padding-top: 1.5rem !important;
        padding-bottom: 0.2rem !important;
        height: 3.95rem;
        width: 100% !important;
    }

    .form-dropdown_disabled {
        font-size: 0.9rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-inactive) !important;
        color: var(--text-color) !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-left: 1.5rem !important;
        padding-top: 1.5rem !important;
        padding-bottom: 0.2rem !important;
        height: 2.95rem;
        width: 100% !important;
    }

    .form-dropdown-naked {
        font-size: 0.9rem !important;
        background-color: transparent !important;
        border: 0px solid var(--armos-signaturecolor) !important;
        color: var(--text-color) !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 300 !important;
        border-radius: 0.3rem !important;
        padding-left: 1.5rem !important;
        padding-top: 1.5rem !important;
        padding-bottom: 0.2rem !important;
        height: 3.95rem;
        width: 100% !important;
    }

    .form-textarea {
        font-size: 0.9rem !important;
        background-color: transparent !important;
        border: 1px solid var(--armos-signaturecolor) !important;
        color: var(--text-color) !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 300 !important;
        height: 5.0rem;
        border-radius: 0.3rem !important;
        padding-left: 1.5rem !important;
        padding-top: 1.5rem !important;
        padding-bottom: 0.2rem !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-family: 'Roboto', sans-serif !important;
        font-weight: 300 !important;
        height: 55.0rem;
        border-radius: 0.3rem !important;
        padding-left: 1.5rem !important;
        padding-top: 1.5rem !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.1rem;
        width: 99.2%;
        height: 90.2%;
    }

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

    .HomeWaves {
        position: relative;
        height: 12%;
        left: -1.0%;
    }

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

    .HomeWelcome {
        position: absolute;
        margin-top: 0.5%;
        margin-left: 2%;
        font-weight: 300;
        font-size: 2.0rem;
        font-family: 'Roboto', sans-serif;
        line-height: 2.0rem;
        width: 90%;
    }

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

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

    .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: 100%;
    }

    .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: 'Roboto', sans-serif;
            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: 'Roboto', sans-serif;
            font-weight: 300;
            background-color: transparent;
            text-align: center;
            padding: 10px;
        }

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

    .accounttext {
        font-size: 0.7rem;
        font-family: 'Roboto', sans-serif;
        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/calendar24.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(--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.48vw;
        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(--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: 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(--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: 1.0rem;
    }

        .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: 1.0rem;
        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: 0.9rem;
    }

        .armos_input_texts: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: 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: 1rem 10rem 5rem -3rem 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: 15%;
        width: 100%;
    }

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

    .fileselectionpanedatabottom {
        position: relative;
        display: block;
        height: 23%;
        width: 100%;
        bottom: 1%;
    }

    .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);
    }

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

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

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

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

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

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

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

    .tmwrapper {
        width: 107%;
        height: 27%;
        cursor: pointer;
        position: relative;
    }

    .tmiconSelection {
        float: left;
        width: 5%;
        height: 100%;
        font-size: 2.5rem;
        color: var(--armos-signaturecolor);
        transition: 0.5s;
        opacity: 0.8;
        text-align: left;
    }

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

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

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

    .invoicedpercent { margin-top: 10%; }

    .tablabel {
        font-size: 0.9rem;
        font-weight: 300;
        text-align: left;
        float: left;
        margin-top: 2%;
        font-family: 'Roboto';
    }

    .tablabel2 {
        font-size: 0.8rem;
        font-family: 'Roboto';
        margin-right: 6%;
    }

    .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: 5%;
        padding-bottom: 5%;
        bottom: 0;
    }

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

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

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

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

    #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-cancel_accept.fa-solid {
        width: 10% !important;
        height: 100% !important;
        line-height: inherit;
        font-size: 1.3rem;
        opacity: 0.6;
        border: 1px solid var(--armos-signaturecolor);
        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-cancel_accept.fa-solid:hover { color: var(--armos-danger); }

    .change-save_accept_Edit.fa-regular {
        display: none;
        width: 25% !important;
        height: 100% !important;
        line-height: inherit;
        font-size: 2.9rem;
        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_Edit.fa-regular:hover { color: var(--armos-ok); }

    .change-save_accept_Code.fa-regular {
        display: none;
        width: 25% !important;
        height: 100% !important;
        line-height: inherit;
        font-size: 2.9rem;
        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_Code.fa-regular:hover { color: var(--armos-ok); }

    .change-cancel_accept_Edit.fa-solid {
        width: 25% !important;
        height: 100% !important;
        line-height: inherit;
        font-size: 2.9rem;
        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-cancel_accept_Edit.fa-solid:hover { color: var(--armos-danger); }

    .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-cancel_accept_Item.fa-solid {
        width: 25% !important;
        height: 100% !important;
        line-height: inherit;
        font-size: 2.9rem;
        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-cancel_accept_Item.fa-solid:hover { color: var(--armos-danger); }

    .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); }

    .fileselectionButton.fa-regular, .fileselectionButtonCancel.fa-solid, .fileselectionButton.fa-solid {
        width: 22% !important;
        height: 100% !important;
        line-height: inherit;
        font-size: 1.5rem;
        color: var(--armos-signaturecolor);
        position: relative;
        background-color: transparent !important;
        text-shadow: 0 0 0px var(--armos-signaturecolor);
        opacity: 0.7 !important;
        border: 0px !important;
        padding: 0 !important;
    }

        .fileselectionButton.fa-regular:hover, .fileselectionButton.fa-solid:hover {
            opacity: 1 !important;
            color: var(--armos-signaturecolor);
        }

        .fileselectionButtonCancel.fa-regular:hover, .fileselectionButtonCancel.fa-solid:hover {
            opacity: 1 !important;
            color: var(--armos-danger);
        }

        .fileselectionButtonCancel.fa-regular:hover, .fileselectionButtonCancel.fa-solid:hover {
            opacity: 1 !important;
            color: var(--armos-danger);
        }

    .settingsselectionButton.fa-regular, .settingsselectionButtonCancel.fa-solid, .settingsselectionButton.fa-solid {
        width: 22% !important;
        height: 100% !important;
        line-height: inherit;
        font-size: 1.5rem;
        color: var(--armos-signaturecolor);
        position: relative;
        background-color: transparent !important;
        text-shadow: 0 0 0px var(--armos-signaturecolor);
        opacity: 0.7 !important;
        border: 0px !important;
        padding: 0 !important;
    }

        .settingsselectionButton.fa-regular:hover, .settingsselectionButton.fa-solid:hover {
            opacity: 1 !important;
            color: var(--armos-signaturecolor);
        }

        .settingsselectionButtonCancel.fa-regular:hover, .settingsselectionButtonCancel.fa-solid:hover {
            opacity: 1 !important;
            color: var(--armos-danger);
        }

        .settingsselectionButtonCancel.fa-regular:hover, .settingsselectionButtonCancel.fa-solid:hover {
            opacity: 1 !important;
            color: var(--armos-danger);
        }

    .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 5rem 1.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 a::after {
            transform: rotate(-90deg) !important;
            position: absolute;
            right: 6px;
            top: .8em;
        }

        .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;
    }

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

    .armos_search_header {
        border: 1px solid var(--armos-signaturecolor);
        height: 3.0rem;
        width: 70%;
        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: 'Roboto';
        font-size: 1.0rem !important;
        overflow-x: hidden;
        overflow-y: auto;
        height: 30%;
        width: 30%;
    }

    .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: 7%;
    }

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

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

    .dz-message {
        margin: 0 !important;
        font-size: 0.9rem;
        font-family: 'Roboto', sans-serif;
        font-weight: 200;
    }

    .armos_dropdown {
        border: 1px solid var(--armos-signaturecolor);
        height: 3.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: 3.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: 3.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.4vw;
        width: 61%;
        background-color: transparent;
        color: var(--armos-signaturecolor);
        font-size: 0.8rem;
        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.5vw;
        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: 0.9rem;
        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: 92%;
    }

    .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: 1.0rem 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: 3.0%;
    }

        .armos_table_main thead {
            border-top: 1px 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: 2.0rem;
            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 8px 5px var(--bg-color) inset;
        }

        .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 8px 5px var(--bg-color) inset;
        }

    .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.9%;
    }

        .armos_table_parties thead {
            border-top: 1px 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: 2.0rem;
            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-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-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 8px 5px 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 8px 5px var(--bg-color) inset;
        }

    .armos_linkindexheader_main {
        color: var(--bg-color);
        text-decoration: none;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
    }

    .armos_linkindexheader {
        color: var(--armos-signaturecolor);
        text-decoration: none;
        font-family: 'Roboto', sans-serif;
        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: 18%; }

    .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: 0.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.6rem;
        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);
        }

    .armos_button-danger {
        font-size: 1.0rem;
        color: red;
        border: 1px solid var(--armos-danger);
    }

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

    .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: 2px;
            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(13px);
        -ms-transform: translateX(13px);
        transform: translateX(13px);
    }

    @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.5%; }
    }

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

    @keyframes slideOut {
        0% { right: 1.5%; }
        100% { right: -100%; }
    }

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