@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&display=swap');
                /*
    greywhite #f8f8f8
    lightblue #b9c7d2
    darkblue #002643
    blue #005494
    orange #f98a28
    green #529100
    red #af0000
    lightgrey #9a9a9a
    darkgrey #393939 */


                
                * {
                    scrollbar-width: thin;
                    /* "auto" or "thin" */
                    scrollbar-color: #cfcfcf #f8f8f8;
                    /* scroll thumb and track */
                }
                
                html {
                    font-size: 16px;
                    scrollbar-width: none !important;
                }
                
                body {
                    font-size: 1rem;
                    font-weight: 400;
                    color: #393939;
                    font-family: "Roboto", sans-serif;
                    background: #f8f8f8;
                    margin: 0;
                }
                
                p {
                    margin: 0;
                }
                
                a {
                    color: #005494;
                    transition: all, 200ms;
                }
                
                a:hover,
                a:focus,
                a:focus-within {
                    color: #002643;
                }
                
                strong {
                    font-weight: 500;
                }
                
                h1,
                h2,
                h3,
                h4,
                h5,
                h6 {
                    color: #002643;
                    margin-bottom: 5px;
                    margin-top: 0;
                }
                
                h1 {
                    font-size: clamp(1.8rem, 3vw, 2.3rem);
                }
                
                h2 {
                    font-size: clamp(1.7rem, 3vw, 2.2rem);
                }
                
                h2 {
                    font-size: clamp(1.6rem, 3vw, 2.1rem);
                }
                
                h3 {
                    font-size: clamp(1.5rem, 3vw, 2rem);
                }
                
                h4 {
                    font-size: clamp(1.4rem, 3vw, 1.9rem);
                }
                
                h5 {
                    font-size: clamp(1.3rem, 3vw, 1.8rem);
                }
                
                h6 {
                    font-size: clamp(1.25rem, 3vw, 1.7rem);
                }
                
                hr {
                    margin: 20px 0;
                    height: 1px;
                    border-width: 0.1px;
                    color: #000000;
                    opacity: .15;
                }
                
                #body>.row>div.col-lg-1 {
                    width: 5%;
                }
                
                #body>.row>div.col-lg-23 {
                    width: 95%;
                }
                /******************************************************mainContent*******************************************************/
                
                #mainContent {
                    padding: 20px 0 60px 0;
                    position: relative;
                    margin-left: -10px;
                    margin-right: -10px;
                }
                /******************************************************buttons*******************************************************/
                
                .formButtonPositive,
                .buttonPositive,
                .formButtonNegative,
                .buttonNegative,
                .formButtonNeutral,
                .neutralButton {
                    background: #002643;
                    font-size: 0.75rem;
                    color: #fff;
                    text-decoration: none;
                    padding: 11px 15px;
                    display: inline-block;
                    transition: all, 300ms;
                    border: none;
                    border-radius: 3px;
                    position: relative;
                    cursor: pointer;
                    min-width: 140px;
                    text-align: center;
                }
                
                .setAccount {
                    background: #ffffff;
                    border: 1px solid rgba(0, 0, 0, .15);
                    padding: 5px 8px;
                }
                
                .formButtonNegative,
                .buttonNegative {
                    background: #af0000;
                }
                
                .formButtonNeutral,
                .neutralButton {
                    background: #f9f9f9;
                    border: 1px solid #cecbcb;
                    color: #393939;
                }

                .standardForm input[type="file"]{
                    padding-left: 0px !important;
                }
                
                input[type="file"]::file-selector-button {
                    background: #002643;
                    font-size: 0.55rem;
                    color: #fff;
                    text-decoration: none;
                    padding: 5px 15px;
                    display: inline-block;
                    transition: all, 200ms;
                    border: none;
                    position: relative;
                    height: 100%;
                    cursor: pointer;
                }
                
                #console input[type*="submit"]:hover,
                #console input[type*="submit"]:focus,
                input[type="file"]:hover::file-selector-button,
                input[type="file"]:focus::file-selector-button,
                .formButtonPositive:hover,
                .formButtonPositive:focus,
                .buttonPositive:hover,
                .buttonPositive:focus {
                    background-color: #005494;
                    color: #fff;
                }
                
                .formButtonNegative:hover,
                .formButtonNegative:focus,
                .buttonNegative:hover,
                .buttonNegative:focus {
                    background: #b42525;
                }
                
                .formButtonNeutral:hover,
                .formButtonNeutral:focus,
                .neutralButton:hover,
                .neutralButton:focus {
                    background: #dddddd;
                    color: #393939;
                }
                
                .buttonSetAccount {
                    position: fixed;
                    right: 20px;
                    bottom: 20px;
                }
                
                #logoutButtonWrapper {
                    position: relative;
                    display: block;
                    width: 24px;
                    height: 24px;
                    border-radius: 7px;
                    background: transparent;
                    position: relative;
                    border: 1px solid #b42525;
                    margin: 10px auto 0 auto;
                    cursor: pointer;
                    transition: all, 300ms;
                }
                
                #logoutButton {
                    font-size: 0px;
                    background: transparent;
                    border: none;
                    display: block;
                    width: 100%;
                    height: 100%;
                    padding: 0px;
                }
                
                #logoutButtonWrapper::after {
                    content: '';
                    background: url(ressources/power_rounded_FILL0_wght400_GRAD0_opsz48.svg) no-repeat left 3px top 3px / 70% auto;
                    width: 20px;
                    height: 20px;
                    display: block;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    filter: invert(19%) sepia(96%) saturate(1515%) hue-rotate(338deg) brightness(99%) contrast(104%);
                    transition: all, 300ms;
                }
                
                #logoutButtonWrapper:hover,
                #logoutButtonWrapper:focus {
                    background-color: #b42525;
                }
                
                #logoutButtonWrapper:hover::after,
                #logoutButtonWrapper:focus::after {
                    filter: invert(96%) sepia(100%) saturate(15%) hue-rotate(335deg) brightness(105%) contrast(103%);
                }
                /******************************************************Login Form*******************************************************/
                
                #loginWrapper {
                    max-width: 40vw;
                    background: rgba(255, 255, 255, 0.95);
                    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
                    border-radius: 10px;
                    position: fixed;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    padding: 30px;
                }
                
                #loginWrapper input {
                    min-width: unset;
                }
                
                #loginWrapper input+input {
                    margin-top: 10px;
                }
                
                #loginWrapper input[type*="submit"] {
                    margin-left: auto;
                    margin-right: auto;
                    display: block;
                    width: 100%;
                }
                /******************************************************headBar*******************************************************/
                
                #headBar {
                    padding-bottom: 20px;
                }
                
                #headBar .smallHeadline {
                    font-size: 1rem;
                    color: #9a9a9a;
                    font-weight: 400;
                }
                
                #headBar>span {
                    font-size: clamp(1.25rem, 3vw, 1.7rem)
                }
                /******************************************************mainMenu*******************************************************/
                
                #mainMenu {
                    position: relative;
                    text-align: center;
                    padding-top: 20px;
                }
                
                #mainMenu>ul.ulWrapper {
                    list-style: none;
                    padding: 0;
                    margin: 0;
                    display: flex;
                    flex-wrap: wrap;
                    gap: 10px;
                }
                
                #mainMenu li {
                    display: inline-block;
                    position: relative;
                    margin: auto;
                }
                
                #mainMenu a {
                    font-size: 0px;
                    display: block;
                    width: 50px;
                    height: 50px;
                    background-color: #ffffff;
                    font-size: 0px;
                    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
                    border-radius: 10px;
                    transition: all, 300ms;
                    overflow: hidden;
                }
                
                #mainMenu a::before {
                    content: '';
                    left: 0px;
                    top: 0px;
                    right: 0px;
                    bottom: 0px;
                    position: absolute;
                    display: block;
                    background-image: url(ressources/home_FILL0_wght400_GRAD0_opsz48.svg);
                    background-size: 55% auto;
                    background-position: center;
                    background-repeat: no-repeat;
                    pointer-events: none;
                }
                
                #mainMenu a[link-attribute*="ear"]::before {
                    background-image: url(ressources/payments_FILL0_wght400_GRAD0_opsz48.svg);
                }

                #mainMenu a[link-attribute*="ticketSYS"]::before {
                    background-image: url(ressources/terminal_FILL0_wght400_GRAD0_opsz48.svg);
                }

                #mainMenu a[link-attribute*="settings"]::before {
                    background-image: url(ressources/tune_FILL0_wght400_GRAD0_opsz48.svg);
                }
                
                #mainMenu a::after {
                    content: '';
                    left: 0px;
                    top: 0px;
                    right: 0px;
                    bottom: 0px;
                    position: absolute;
                    display: block;
                    border: 2px solid rgba(0, 38, 67);
                    border-radius: 10px;
                    opacity: 0;
                    pointer-events: none;
                    transition: all, 200ms ease-in-out;
                }
                
                #mainMenu a.pointActive,
                #mainMenu a:hover,
                #mainMenu a:focus,
                #mainMenu a:focus-within {
                    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
                }
                
                #mainMenu a.pointActive::after,
                #mainMenu a:hover::after,
                #mainMenu a:focus::after,
                #mainMenu a:focus-within::after {
                    opacity: 1.0;
                }
                /******************************************************tableStandardStyle*******************************************************/
                
                .tableStandardStyle {
                    width: 100%;
                    font-size: 0.85rem;
                    text-align: left;
                    border-collapse: collapse;
                }
                
                .tableStandardStyle tbody tr:nth-child(2n+1) {
                    background: #f8f8f8;
                }
                
                .tableStandardStyle th,
                .tableStandardStyle td {
                    padding: 10px;
                }
                
                .tableStandardStyle td {
                    border: 1px solid #dbdbdb;
                }
                
                .tableStandardStyle td.sum {
                    color: #529100;
                }
                /******************************************************earBoxes*******************************************************/
                
                #ticketUpdate,
                #ticketList,
                #ticketForm,
                #earBoxes {
                    border: 1px solid #F0F0F0;
                    padding: 5px;
                    font-size: 0.875rem;
                    z-index: 12;
                }

                #ticketUpdate,
                #ticketForm{
                    padding: 10px;
                }
                
                #earBoxes .earBox span {
                    display: block;
                }
                
                #earBoxes .earBox .accountSelect {
                    display: inline-block;
                    padding: 3px 5px;
                    background: #e9e9e9;
                    border-radius: 2px;
                    margin-right: 3px;
                    margin-top: 1px;
                    cursor: pointer;
                    transition: all, 300ms;
                }
                
                #earBoxes .earBox .accountSelect:focus,
                #earBoxes .earBox .accountSelect:hover {
                    background: #dadada;
                }
                
                #earBoxesAutomatic {
                    width: 100%;
                    margin-top: 10px;
                }
                
                #automaticAccountSubmit {
                    margin-left: auto;
                }
                

                .ticketChangeElement,
                #ticketList .ticketElement,
                #earBoxesAutomatic .earBoxesAutomaticWrapper,
                #earBoxes .earBox {
                    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
                    background: #fff;
                    padding: 10px;
                    width: 100%;
                    padding-right: 60px;
                    position: relative;
                    margin-top: 5px;
                }

                #ticketList .ticketElement:first-of-type{
                    margin-top: 0px;
                }
                
                #ajaxOutputSort .earBox,
                #earBoxesAutomatic .earBoxesAutomaticWrapper {
                    padding-right: 10px;
                }
                
                .earBoxWrapper {
                    overflow: hidden;
                    height: 77px;
                    /* transition: all, 200ms; */
                    opacity: 1.0;
                }
                
                #earBoxes .earBox>div {
                    padding-right: 5px;
                }
                
                #earBoxes .earBox>div {
                    flex-grow: 1;
                }
                
                #earBoxes .earSum {
                    color: #529100;
                    font-weight: 700;
                }
                
                #earBoxes .earBox+.earBox {
                    padding-top: 7px;
                    margin-top: 7px;
                }
                
                #earBoxes .transDescription {
                    position: relative;
                    margin-left: 25px;
                    display: inline-block;
                    white-space: nowrap;
                    -webkit-transition: all 2s ease-in-out;
                    -moz-transition: all 2s ease-in-out;
                    -o-transition: all 2s ease-in-out;
                    -ms-transition: all 2s ease-in-out;
                    pointer-events: none;
                }
                
                #earBoxes .earAccount_Date {
                    width: 63%;
                    overflow: hidden;
                    position: relative;
                }
                
                #earBoxes .earAccount_Date.overflow::after {
                    content: '';
                    width: 40px;
                    top: 0px;
                    height: 100%;
                    right: 0;
                    position: absolute;
                    background: linear-gradient(to left, #fff, transparent);
                    display: block;
                    pointer-events: none;
                    z-index: 12;
                }
                
                #earBoxes .earPrice_Account {
                    width: 30%;
                }
                
                #earBoxes .earEntryMenu {
                    width: 7%;
                }
                
                #earBoxes .account_image {
                    background-color: #fff;
                    position: absolute;
                    left: -10px;
                    top: -10px;
                    z-index: 14;
                    width: 33px;
                    height: 31px;
                }
                
                #earBoxes .account_image>img {
                    width: 20px;
                    height: 20px;
                    display: inline-block;
                    background-repeat: no-repeat;
                    background-size: contain;
                    transform: translateY(-50%);
                    filter: invert(12%) sepia(20%) saturate(4477%) hue-rotate(179deg) brightness(97%) contrast(103%);
                    top: 18px;
                    left: 9px;
                    position: relative;
                }
                
                #earBoxes .accountName,
                #earBoxes .earDate {
                    color: #9a9a9a;
                    margin-top: 3px;
                    font-size: 0.75rem;
                }
                
                #earBoxes .earEntryMenu {
                    text-align: right;
                    position: relative;
                    max-width: 50px;
                    z-index: 999;
                }
                
                #earBoxes .earEntryMenuDropdown {
                    position: absolute;
                    top: -7px;
                    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.10);
                    background: rgba(255, 255, 255, 0.98);
                    z-index: 12;
                    padding: 10px 0;
                    left: 175%;
                    margin: 0;
                    list-style: none;
                    text-align: left;
                    opacity: 0;
                    pointer-events: none;
                    min-width: 185px;
                    border-radius: 5px;
                    font-size: 0.875rem;
                }
                
                #earBoxes .earEntryMenu div {
                    cursor: pointer;
                    transition: all, 200ms;
                }
                
                #earBoxes .earEntryMenuDropdown div {
                    color: #393939;
                    text-decoration: none;
                    display: block;
                    padding: 8px 35px 8px 40px;
                    position: relative;
                }
                
                #earBoxes .earEntryMenuDropdown div:hover,
                #earBoxes .earEntryMenuDropdown div:focus {
                    background: #F0F0F0;
                }
                
                #earBoxes .earEntryMenuDropdown div::before {
                    content: '';
                    width: 20px;
                    height: 20px;
                    background-image: url(ressources/currency_exchange_FILL0_wght400_GRAD0_opsz48.svg);
                    display: inline-block;
                    background-repeat: no-repeat;
                    background-size: contain;
                    background-position: center;
                    position: absolute;
                    left: 13px;
                    top: 50%;
                    transform: translateY(-50%);
                    filter: invert(13%) sepia(13%) saturate(7452%) hue-rotate(178deg) brightness(92%) contrast(106%);
                }
                
                #earBoxes .earEntryMenuDropdown li:nth-of-type(2)>div::before {
                    background-image: url(ressources/file_copy_FILL1_wght400_GRAD0_opsz48.svg);
                }
                
                #earBoxes .earEntryMenuDropdown li:nth-of-type(2) input {
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    background: transparent !important;
                    font-size: 0px !important;
                    border: transparent !important;
                    border-width: 0px !important;
                    cursor: pointer;
                }
                
                #earBoxes .earEntryMenuDropdown li:nth-of-type(3)>div::before {
                    background-image: url(ressources/delete_FILL1_wght400_GRAD0_opsz48.svg);
                    filter: invert(7%) sepia(97%) saturate(6919%) hue-rotate(15deg) brightness(99%) contrast(115%);
                    left: 11px;
                    width: 23px;
                    height: 23px;
                }
                
                .toggleMenu {
                    top: 25%;
                    right: 30px;
                    background-image: url(ressources/edit_FILL0_wght400_GRAD0_opsz48.svg);
                    width: 20px;
                    height: 20px;
                    background-position: center;
                    background-repeat: no-repeat;
                    display: block;
                    background-size: contain;
                    position: absolute;
                    right: -2px;
                    cursor: pointer;
                }
                
                .toggleMenu::after {
                    content: '';
                    pointer-events: none;
                    width: 0;
                    height: 0;
                    background: rgb(240, 240, 240, .50);
                    display: block;
                    border-radius: 50%;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    position: absolute;
                    transition: all, 200ms ease-in-out;
                    z-index: -1;
                }
                
                .toggleMenu:hover::after {
                    width: 30px;
                    height: 30px;
                }
                /******************************************************earSetAccount*******************************************************/
                
                .earBoxSetAccountWrapper {
                    overflow: hidden;
                    height: 77px;
                    opacity: 1.0;
                }
                
                #earBoxes .earBoxSetAccountWrapper span {
                    display: block;
                }
                
                #earBoxes .earBoxSetAccountWrapper .accountSelect {
                    display: inline-block;
                    padding: 3px 5px;
                    background: #e9e9e9;
                    border-radius: 2px;
                    margin-right: 3px;
                    margin-top: 1px;
                    cursor: pointer;
                    transition: all, 300ms;
                }
                
                .accountSelect:focus,
                #earBoxes .earBoxSetAccountWrapper .accountSelect:hover {
                    background: #dadada;
                }
                
                #earBoxes .earBoxSetAccount {
                    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
                    background: #fff;
                    padding: 10px;
                    width: 100%;
                    padding-right: 60px;
                    position: relative;
                    margin-top: 5px;
                }
                
                #earBoxes .earBoxSetAccountWrapper .setAccount,
                #earBoxes .earBoxSetAccountWrapper .earDate {
                    margin-top: 10px;
                }
                /******************************************************standardForm*******************************************************/
                
                .standardForm {
                    width: 100%;
                }
                
                .standardForm span {
                    display: block;
                    width: 100%;
                }
                
                .standardForm .selectorSpan {
                    width: auto;
                }
                
                .standardForm label:not([class*="switch"]) {
                    display: block;
                    margin-top: 15px;
                    font-size: 0.85rem;
                    margin-bottom: 4px;
                }

                .standardForm label:first-of-type{
                    margin-top: 0px;
                }
                
                .standardForm .requiredText {
                    font-size: 0.85rem;
                    margin-top: 10px;
                    margin-bottom: 5px;
                }
                
                .standardForm select,
                .standardForm input:not(.formButtonPositive,
                .formButtonNegative,
                [type*="checkbox"]) {
                    width: 100%;
                    min-width: 300px;
                    height: 30px;
                    background: #fff;
                    border: 1px solid #dbdbdb;
                    padding-left: 10px;
                }

                .standardForm textarea{
                    min-width: 300px;
                    background: #fff;
                    border: 1px solid #dbdbdb;
                    width: 100% !important;
                }
                
                .standardForm #selectAccount .selectImagesWrapped>span {
                    background-repeat: no-repeat !important;
                    background-size: contain !important;
                    width: 30px;
                    height: 30px;
                    background-position: center !important;
                    display: inline-block;
                    margin-left: -3px;
                }
                
                .standardForm #selectAccount {
                    position: relative;
                }
                
                .standardForm #selector {
                    width: 50px;
                    height: 50px;
                    background-color: #fff;
                    border: 1px solid #dbdbdb;
                    background-repeat: no-repeat !important;
                    background-size: 60% auto !important;
                    background-position: center !important;
                    margin-left: 3px;
                }
                
                .standardForm .selectImagesWrapped {
                    width: 30vw;
                    min-width: 300px;
                    background: rgba(255, 255, 255, 0.90);
                    border: 1px solid #dbdbdb;
                    padding: 10px;
                    position: absolute;
                    top: 54px;
                    z-index: 12;
                    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
                    opacity: 0;
                    pointer-events: none;
                }
                
                .flexFormElement {
                    display: flex !important;
                }
                
                .setAccountWrapper .optionBar {
                    max-width: 190px;
                }
                /******************************************************earAccountBox*******************************************************/
                
                #earAccountBoxesMonth {
                    width: 100%;
                    gap: 5px;
                    border: 1px solid #F0F0F0;
                    padding: 5px;
                    font-size: 0.875rem;
                    z-index: 12;
                }
                
                #earAccountBoxesMonth .earAccountBox {
                    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
                    background-color: #ffffff;
                    padding: 10px;
                    font-size: 0.875rem;
                    width: calc(50% - 2.5px);
                    position: relative;
                    z-index: 12;
                    cursor: pointer;
                }
                
                #earAccountBoxesMonth span {
                    display: block;
                }
                
                #earAccountBoxesMonth .settings {
                    margin-top: -5px;
                    height: calc(100% + 9px);
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                }
                
                #earAccountBoxesMonth .earAccountBox_Sum {
                    position: relative;
                }
                
                #earAccountBoxesMonth .earAccountValue {
                    font-weight: 700;
                    color: #529100;
                    position: relative;
                    bottom: -8px;
                    left: -10px;
                    padding: 5px 10px;
                    border-top-right-radius: 5px;
                    margin-top: -2px;
                    display: block;
                    width: calc(100% + 5px);
                    background-color: #F0F0F0;
                }
                
                #earAccountBoxesMonth .ear {
                    color: #9a9a9a;
                    padding-left: 25px;
                    position: relative;
                    min-width: 100px;
                    margin-left: 10px;
                }
                
                #earAccountBoxesMonth .accountName {
                    position: relative;
                    padding-left: 25px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
                
                #earAccountBoxesMonth .earAccountValue {
                    position: relative;
                    font-weight: 700;
                    color: #529100;
                }
                
                #earAccountBoxesMonth .accountName img {
                    content: '';
                    width: 20px;
                    height: 20px;
                    display: inline-block;
                    background-repeat: no-repeat;
                    background-size: contain;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    filter: invert(12%) sepia(20%) saturate(4477%) hue-rotate(179deg) brightness(97%) contrast(103%);
                }
                
                #earAccountBoxesMonth .earFinishSum {
                    position: relative;
                    padding-left: 23px;
                    color: #9A9A9A;
                    font-weight: 700;
                }
                
                #earAccountBoxesMonth .earSum {
                    margin-top: 8px;
                    font-weight: 700;
                }
                
                #earAccountBoxesMonth .transferMoney,
                #earAccountBoxesMonth .edit {
                    position: relative;
                    right: 0px;
                    transform: unset !important;
                    top: 0px;
                }
                
                #earAccountBoxesMonth .earSum>span {
                    display: inline-block;
                    margin-right: 3px;
                    color: #9A9A9A !important;
                    font-weight: 400 !important;
                }
                
                #earAccountBoxesMonth>.earAccountBox>div:nth-child(1) {
                    width: 40%;
                    padding-right: 5px;
                }
                
                #earAccountBoxesMonth>.earAccountBox>div:nth-child(2) {
                    width: 52%;
                }
                
                #earAccountBoxesMonth>.earAccountBox>div:nth-child(3) {
                    width: 7%;
                }
                
                #earAccountBoxesMonth .earFinishSum::before {
                    content: '';
                    width: 20px;
                    height: 20px;
                    background: url(ressources/check_box_black_24dp.svg);
                    display: inline-block;
                    background-repeat: no-repeat;
                    background-size: contain;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    filter: invert(68%) sepia(0%) saturate(72%) hue-rotate(164deg) brightness(92%) contrast(82%);
                }
                /******************************************************generealBoxes*******************************************************/
                
                #earAccountBoxes {
                    gap: 5px;
                    font-size: 0.85rem;
                    margin-bottom: 10px;
                }
                
                #earAccountBoxes .generalBox {
                    padding: 10px;
                    flex-grow: 1;
                    width: calc(33.33% - 4px);
                    border: 1px solid #F0F0F0;
                    background: #ffffff;
                    z-index: 12;
                }
                
                #generalBoxWrapper {
                    width: calc(33.33% - 4px);
                    max-height: 71px;
                    overflow: hidden;
                    padding: 1px;
                    margin-left: -1px;
                    margin-top: -1px;
                    margin-right: -1px;
                    margin-bottom: -1px;
                    position: relative;
                }
                
                #generalBoxWrapper .generalBox {
                    width: calc(100% - 2px);
                    margin-bottom: 5px;
                    position: absolute;
                    top: -80px;
                    left: 1px;
                    right: 1px;
                    transition: all, 2s cubic-bezier(.68, -0.25, .27, 1.25);
                }
                
                #earAccountBoxes span {
                    display: block;
                }
                
                #earAccountBoxes .generalValue {
                    display: block;
                    font-size: 1.125rem;
                    font-weight: 700;
                    margin-top: 2px;
                    margin-top: 10px;
                }
                
                .inputValue {
                    color: #529100;
                }
                
                .outputValue {
                    color: #af0000;
                }
                
                .overflowSumValue {
                    color: #529100;
                }
                /******************************************************generealBoxes*******************************************************/
                
                .optionBar {
                    display: flex;
                    justify-content: end;
                    align-items: center;
                }
                
                .optionBar select {
                    background: #fff;
                    border: 1px solid #dbdbdb;
                    padding: 5px;
                    font-size: 0.75rem;
                }
                /******************************************************loadAnimation*******************************************************/
                
                .loadAnimation {
                    position: fixed;
                    left: 0;
                    right: 0;
                    top: 0p;
                    top: 0;
                    bottom: 0;
                    background: rgba(255, 255, 255, 0.8);
                    opacity: 0;
                    pointer-events: none;
                    backdrop-filter: blur(4px);
                }
                
                .ouro {
                    position: relative;
                    display: inline-block;
                    height: 46px;
                    width: 46px;
                    margin: 1em;
                    border-radius: 50%;
                    background: none repeat scroll 0 0 #DDDDDD;
                    overflow: hidden;
                    box-shadow: 0 0 10px rgba(0, 0, 0, .1) inset, 0 0 25px rgba(0, 0, 255, 0.075);
                    left: 50%;
                    top: 50%;
                    transform: translateY(-50%) translateX(-50%);
                }
                
                .ouro:after {
                    content: "";
                    position: absolute;
                    top: 9px;
                    left: 9px;
                    display: block;
                    height: 28px;
                    width: 28px;
                    background: none repeat scroll 0 0 #F2F2F2;
                    border-radius: 50%;
                    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
                }
                
                .ouro>span {
                    position: absolute;
                    height: 100%;
                    width: 50%;
                    overflow: hidden;
                }
                
                ƒ.left {
                    left: 0
                }
                
                .right {
                    left: 50%
                }
                
                .anim {
                    position: absolute;
                    left: 100%;
                    top: 0;
                    height: 100%;
                    width: 100%;
                    border-radius: 999px;
                    background: none repeat scroll 0 0 #002643;
                    opacity: 0.8;
                    -webkit-animation: ui-spinner-rotate-left 200ms infinite;
                    animation: ui-spinner-rotate-left 200ms infinite;
                    -webkit-transform-origin: 0 50% 0;
                    transform-origin: 0 50% 0;
                }
                
                .left .anim {
                    border-bottom-left-radius: 0;
                    border-top-left-radius: 0;
                }
                
                .right .anim {
                    border-bottom-right-radius: 0;
                    border-top-right-radius: 0;
                    left: -100%;
                    -webkit-transform-origin: 100% 50% 0;
                    transform-origin: 100% 50% 0;
                }
                /* v3 */
                
                .ouro3 .anim {
                    -webkit-animation-delay: 0s;
                    -webkit-animation-duration: 2s;
                    -webkit-animation-timing-function: linear;
                    animation-delay: 0s;
                    animation-duration: 2s;
                    animation-timing-function: linear;
                }
                
                .ouro3 .right .anim {
                    -webkit-animation-name: ui-spinner-rotate-right;
                    -webkit-animation-delay: 0;
                    -webkit-animation-delay: 1s;
                    animation-name: ui-spinner-rotate-right;
                    animation-delay: 0;
                    animation-delay: 1s;
                }
                /* round variation */
                
                .round .ouro:after {
                    display: none
                }
                
                @keyframes ui-spinner-rotate-right {
                    0% {
                        transform: rotate(0deg)
                    }
                    25% {
                        transform: rotate(180deg)
                    }
                    50% {
                        transform: rotate(180deg)
                    }
                    75% {
                        transform: rotate(360deg)
                    }
                    100% {
                        transform: rotate(360deg)
                    }
                }
                
                @keyframes ui-spinner-rotate-left {
                    0% {
                        transform: rotate(0deg)
                    }
                    25% {
                        transform: rotate(0deg)
                    }
                    50% {
                        transform: rotate(180deg)
                    }
                    75% {
                        transform: rotate(180deg)
                    }
                    100% {
                        transform: rotate(360deg)
                    }
                }
                
                @-webkit-keyframes ui-spinner-rotate-right {
                    0% {
                        -webkit-transform: rotate(0deg)
                    }
                    25% {
                        -webkit-transform: rotate(180deg)
                    }
                    50% {
                        -webkit-transform: rotate(180deg)
                    }
                    75% {
                        -webkit-transform: rotate(360deg)
                    }
                    100% {
                        -webkit-transform: rotate(360deg)
                    }
                }
                
                @-webkit-keyframes ui-spinner-rotate-left {
                    0% {
                        -webkit-transform: rotate(0deg)
                    }
                    25% {
                        -webkit-transform: rotate(0deg)
                    }
                    50% {
                        -webkit-transform: rotate(180deg)
                    }
                    75% {
                        -webkit-transform: rotate(180deg)
                    }
                    100% {
                        -webkit-transform: rotate(360deg)
                    }
                }


                /******************************************************ticketSYS*******************************************************/


                #ticketList .ticketElement{
                    border-left: 5px solid transparent;
                }

                .ticketDate_Module_Priority {
                    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
                    padding-bottom: 10px;
                    margin-bottom: 10px;
                }
            
                .ticketDate_Module_Priority>span+span {
                    margin-left: 30px;
                }
            
                #ticketViewWrapper {
                    margin-bottom: 30px;
                }


                .ticketElement {
                    cursor: pointer;
                }
            
                .ticketElement>span:first-of-type {
                    flex: 0 0 80%;
                    min-width: 80%;
                }
            
                .ticketElement>span:nth-child(2) {
                    flex: 0 0 15%;
                    min-width: 15%;
                }

                .ticketChangeElement{
                    margin-left: 50px;
                    max-width: calc(100% - 50px);
                }

                .ticketChangeElement::before {
                    content: '';
                    width: 15px;
                    height: 15px;
                    display: inline-block;
                    position: absolute;
                    left: -42px;
                    top: 50%;
                    transform: translateY(-50%);
                    pointer-events: none;
                    border: 2px solid #002643;
                    border-radius: 3px;
                    background: #fff;
                }

                #changeElements{
                    position: relative;
                }

                #changeElements::before {
                    width: 3px;
                    position: absolute;
                    top: 20px;
                    bottom: 20px;
                    border-left: 2px dotted rgba(0, 0, 0, .15);
                    content: '';
                    pointer-events: none;
                    z-index: -1;
                    display: block;
                    left: 16px;
                }

                /******************************************************accountView*******************************************************/
                
                .accountView {
                    padding: 10px;
                    background: #ffffff;
                }
                
                .accountView .accountName_Image img {
                    margin-right: 8px;
                    width: 30px;
                }
                
                .accountView .accountImage {
                    width: 40px;
                }
                
                .accountView hr {
                    margin-top: 10px;
                    margin-bottom: 10px;
                }
                
                .accountView .earSum>span,
                .accountView .earFinishSum>span {
                    color: #9a9a9a !important;
                    font-weight: 400 !important;
                }
                
                .accountView .earAccountBox_Sum {
                    line-height: 1.5;
                }
                
                .accountView .earSum>span,
                .accountView .earFinishSum>span {
                    min-width: 135px !important;
                    display: inline-block;
                }
                /******************************************************earAccountBoxes*******************************************************/
                
                #generalBoxes .accountName img {
                    content: '';
                    width: 20px;
                    height: 20px;
                    display: inline-block;
                    background-repeat: no-repeat;
                    background-size: contain;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    filter: invert(12%) sepia(20%) saturate(4477%) hue-rotate(179deg) brightness(97%) contrast(103%);
                }
                
                #generalBoxes {
                    gap: 5px;
                    font-size: 0.85rem;
                    margin-bottom: 10px;
                }
                
                #generalBoxes>.mainAccount {
                    flex: 0 0 auto;
                    width: calc(50% - 2.5px);
                    border: 1px solid #F0F0F0;
                    background: #ffffff;
                    z-index: 12;
                    padding-bottom: 10px;
                }
                
                #generalBoxes span {
                    display: block;
                }
                
                #generalBoxes .value {
                    display: block;
                    font-size: 1.125rem;
                    font-weight: 700;
                    margin-top: 2px;
                    margin-left: 6px;
                    margin-top: 6.5px;
                    color: #529100;
                }
                
                #generalBoxes .accountName {
                    position: relative;
                    margin-left: 10px;
                    width: calc(100% - 50px);
                }
                
                .mainAccount .accountImage {
                    width: 30px;
                    height: 30px;
                    border-bottom-right-radius: 5px;
                    background: #F0F0F0;
                    position: relative;
                    left: 0;
                    top: 0;
                }
                
                .mainAccount .accountImage img {
                    display: block;
                    width: 20px;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    position: relative;
                    filter: invert(14%) sepia(31%) saturate(2105%) hue-rotate(171deg) brightness(94%) contrast(108%);
                }
                /******************************************************counterSet*******************************************************/
                
                .counterSet::after {
                    content: '123';
                    color: #fff;
                    background: #af0000;
                    position: absolute;
                    left: 13px;
                    font-size: 10px;
                    padding: 0 3px;
                    border-radius: 5px;
                    top: -8px;
                    transition: all, .5s;
                }
                /****************************************************** console *******************************************************/
                
                #console {
                    background: rgba(255, 255, 255, 0.98);
                    padding: 20px;
                    padding-right: 5px;
                    padding-left: 15px;
                    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12);
                    width: 500px;
                    position: fixed;
                    right: -501px;
                    bottom: 0;
                    top: 0;
                    z-index: 99;
                }
                
                #consoleSystem {
                    display: flex;
                    align-items: end;
                }
                
                .consoleWrapper {
                    height: 100%;
                }
                
                #console .consoleSystemWrapper,
                #console .consoleWrapper {
                    width: 100%;
                }
                
                #consoleSystem,
                #noteSystem {
                    position: absolute;
                    top: 55px;
                    bottom: 30px;
                    left: 20px;
                    right: 20px;
                    font-size: 0.85rem;
                }
                
                #noteSystem .noteKategorie {
                    margin-top: 5px;
                }
                
                #alertWindow {
                    font-size: 1rem;
                    position: fixed;
                    background: rgba(255, 255, 255, 0.95);
                    border: 1px solid rgba(0, 0, 0, 0.2);
                    display: block;
                    right: 20px;
                    bottom: 20px;
                    max-width: 300px;
                    width: 100%;
                    min-height: 100px;
                    padding: 20px;
                    transition: all, 200ms;
                    opacity: 0;
                }
                
                #alertWindow.opacityAlertWindow {
                    opacity: 1.0 !important;
                }
                
                #console #consoleSystem .standardForm select,
                #console #consoleSystem .standardForm input:not(.formButtonPositive,
                .formButtonNegative) {
                    width: calc(100% - 50px);
                    height: 38px;
                    padding-left: 10px;
                }
                
                #outputWeahrung {
                    pointer-events: none;
                    opacity: 0.4;
                }
                
                #console #consoleSystem input[type*="submit"] {
                    background-color: #002643;
                    background-image: url(ressources/send_FILL0_wght400_GRAD0_opsz48.svg);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: 28px auto;
                    margin-left: auto;
                    margin-top: 0;
                    width: 45px;
                    border-radius: 0;
                    cursor: pointer;
                    min-width: unset;
                }
                
                #console .consoleOpen {
                    background: #002643;
                    color: #fff;
                    transform: rotate(-90deg);
                    width: 86px;
                    display: inline-block;
                    position: absolute;
                    left: -53px;
                    bottom: 150px;
                    text-align: center;
                    font-size: 0.75rem;
                    border-top-right-radius: 5px;
                    border-top-left-radius: 5px;
                    opacity: 1;
                    letter-spacing: 1px;
                    font-weight: 400;
                    cursor: pointer;
                    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
                    padding: 2px 0;
                }
                
                #console #noteOpen {
                    background: #529100;
                    bottom: 229px;
                    z-index: -1;
                }
                
                #console .noteView {
                    display: none;
                    height: 100%;
                }
                
                #console .noteView>form {
                    height: 100%;
                }
                
                #console .noteView button {
                    margin-left: 5px;
                }
                
                #console #addNote {
                    width: auto;
                    font-size: 0.7rem;
                    overflow: auto;
                    max-height: 87vh;
                    display: block;
                    overflow: auto;
                    margin-bottom: 5px;
                }
                
                #consoleSystem,
                #noteSystem {
                    opacity: 0;
                }
                
                #closeConsole {
                    width: 35px;
                    height: 35px;
                    display: inline-block;
                    color: #ffffff;
                    font-size: 30px;
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    background: #005494;
                    transition: all, 200ms;
                    border-bottom-right-radius: 15px;
                    cursor: pointer;
                }
                
                #closeConsole::before {
                    content: '\00BB';
                    position: absolute;
                    left: 49%;
                    top: 39%;
                    transform: translate(-50%, -50%);
                    pointer-events: none;
                }
                
                #closeConsole:hover {
                    background: #b9c7d2;
                }
                
                #addNote .noteCommand,
                #addNote .note,
                #addNote .systemNote {
                    display: table;
                    padding: 10px 15px;
                    border-radius: 5px;
                    margin-bottom: 33px;
                    position: relative;
                    opacity: 0;
                }
                
                #addNote .note {
                    background: rgba(255, 255, 255, 0.95);
                    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12);
                    background: #002643;
                    color: #fff;
                    margin-left: auto;
                }
                
                #addNote .systemNote {
                    background: rgba(255, 255, 255, 0.95);
                    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12);
                    padding-left: 30px;
                }
                
                #addNote .noteCommand {
                    background: #f8f8f8;
                    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12);
                    color: #393939;
                    margin-left: auto;
                }
                
                #addNote .systemNote::before {
                    content: '';
                    background: url(ressources/manage_accounts_FILL0_wght400_GRAD0_opsz48.svg);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: contain;
                    width: 20px;
                    height: 20px;
                    filter: invert(12%) sepia(20%) saturate(4477%) hue-rotate(179deg) brightness(97%) contrast(103%);
                    display: inline-block;
                    position: absolute;
                    left: 8px;
                    top: 48%;
                    transform: translateY(-50%);
                }
                
                .timeStamp {
                    position: absolute;
                    bottom: -22px;
                    right: 0;
                    opacity: 0.5;
                    white-space: nowrap;
                    color: #393939;
                }
                
                .systemNote .timeStamp {
                    right: unset;
                    left: 0;
                }
                /****************************************************** Switch *******************************************************/
                
                #formInputTransaktion .switch {
                    position: relative;
                    display: block;
                    width: 40px;
                    height: 18px;
                    left: 0;
                    margin-top: 13px;
                    margin-bottom: 14px;
                    margin-right: 10px;
                }
                
                .setAccountWrapper .switch {
                    position: absolute;
                    display: inline-block;
                    width: 40px;
                    height: 18px;
                    right: 14px;
                    top: 50%;
                    transform: translateY(-50%);
                }
                
                .setAccountWrapper .slider::after {
                    content: '123';
                    color: #fff;
                    background: #af0000;
                    position: absolute;
                    right: -7px;
                    font-size: 10px;
                    padding: 0 3px;
                    border-radius: 5px;
                    top: -11px;
                    transition: all, .5s;
                }
                /* Hide default HTML checkbox */
                
                .switch {
                    position: relative;
                }
                
                .switch input {
                    opacity: 0;
                    width: 0;
                    height: 0;
                }
                /* The slider */
                
                .slider {
                    position: absolute;
                    cursor: pointer;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background-color: #ccc;
                    -webkit-transition: .4s;
                    transition: .4s;
                }
                
                .slider::before {
                    position: absolute;
                    content: "";
                    height: 23px;
                    width: 23px;
                    left: 0px;
                    bottom: -2px;
                    background-color: white;
                    -webkit-transition: .4s;
                    transition: .4s;
                    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
                }
                
                input:checked+.slider {
                    background-color: #2196F3;
                }
                
                input:checked+.slider::after {
                    opacity: 0;
                }
                
                input:focus+.slider {
                    box-shadow: 0 0 1px #2196F3;
                }
                
                input:checked+.slider:before {
                    -webkit-transform: translateX(23px);
                    -ms-transform: translateX(23px);
                    transform: translateX(23px);
                }
                /* Rounded sliders */
                
                .slider.round {
                    border-radius: 34px;
                }
                
                .slider.round:before {
                    border-radius: 50%;
                }
           
                /****************************************************** optionWindowWrapper *******************************************************/
                
                #optionWindowWrapper .optionWindow {
                    position: fixed;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    max-width: 30vw;
                    max-height: auto;
                    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12);
                    background: #fff;
                    display: block;
                    width: 100%;
                    padding: 20px;
                    border-top: 4px solid #002643;
                    opacity: 0;
                    pointer-events: none;
                    z-index: 9999;
                }
                
                #optionWindowWrapper span+span {
                    margin-top: 5px;
                }
                
                #optionWindowWrapper h3 {
                    font-size: 1.2rem;
                }
                /****************************************************** edit *******************************************************/
                
                .mainAccount .edit {
                    right: 22px;
                }
                
                .earAccountBox .edit {
                    top: 50%;
                    transform: translateY(-50%);
                    right: 10px;
                }
                
                .transferMoney,
                .edit {
                    background-image: url(ressources/edit_FILL0_wght400_GRAD0_opsz48.svg);
                    width: 20px;
                    height: 20px;
                    background-position: center;
                    background-repeat: no-repeat;
                    display: block;
                    background-size: contain;
                    position: absolute;
                    right: -3px;
                    top: 0;
                    cursor: pointer;
                }
                
                .transferMoney {
                    background-image: url(ressources/join_right_FILL0_wght400_GRAD0_opsz48.svg)
                }
                
                .transferMoney::after,
                .edit::after {
                    content: '';
                    pointer-events: none;
                    width: 0;
                    height: 0;
                    background: rgb(240, 240, 240, .50);
                    display: block;
                    border-radius: 50%;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    position: absolute;
                    transition: all, 200ms ease-in-out;
                    z-index: -1;
                    filter: none;
                }
                
                .transferMoney:hover::after,
                .edit:hover::after {
                    width: 30px;
                    height: 30px;
                }
                /* WYSIWYG Editor */
                
                .wp-webdeasy-comment-editor {
                    width: 100%;
                    min-height: 18rem;
                    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
                    border-top: 6px solid #4a4a4a;
                    border-radius: 3px;
                    height: 64vh;
                }
                
                .wp-webdeasy-comment-editor {
                    font-size: 0.85rem;
                    position: relative;
                    overflow: auto;
                }
                
                .wp-webdeasy-comment-editor .toolbar {
                    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
                    position: sticky;
                    top: 0px;
                    left: 0px;
                    right: 0px;
                    background: #fff;
                }
                
                .wp-webdeasy-comment-editor .toolbar .line {
                    display: flex;
                    border-bottom: 1px solid #e2e2e2;
                }
                
                .wp-webdeasy-comment-editor .toolbar .line:last-child {
                    border-bottom: none;
                }
                
                .wp-webdeasy-comment-editor .toolbar .line .box {
                    display: flex;
                    border-left: 1px solid #e2e2e2;
                }
                
                .wp-webdeasy-comment-editor .toolbar .line .box .editor-btn {
                    display: block;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: relative;
                    transition: 0.2s ease all;
                }
                
                .wp-webdeasy-comment-editor .toolbar .line .box .editor-btn:hover,
                .wp-webdeasy-comment-editor .toolbar .line .box .editor-btn.active {
                    background-color: #e1e1e1;
                    cursor: pointer;
                }
                
                .wp-webdeasy-comment-editor .toolbar .line .box .editor-btn.icon img {
                    width: 15px;
                    padding: 9px;
                    box-sizing: content-box;
                }
                
                .wp-webdeasy-comment-editor .toolbar .line .box .editor-btn.icon.smaller img {
                    width: 16px;
                }
                
                .wp-webdeasy-comment-editor .toolbar .line .box .editor-btn.has-submenu {
                    width: 20px;
                    padding: 0 10px;
                }
                
                .wp-webdeasy-comment-editor .toolbar .line .box .editor-btn.has-submenu::after {
                    content: '';
                    width: 6px;
                    height: 6px;
                    position: absolute;
                    background-image: url(https://img.icons8.com/ios-glyphs/30/000000/chevron-down.png);
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                    right: 4px;
                }
                
                .wp-webdeasy-comment-editor .toolbar .line .box .editor-btn.has-submenu .submenu {
                    display: none;
                    position: absolute;
                    top: 34px;
                    left: -1px;
                    z-index: 10;
                    background-color: #FFF;
                    border: 1px solid #b5b5b5;
                    border-top: none;
                }
                
                .wp-webdeasy-comment-editor .toolbar .line .box .editor-btn.has-submenu .submenu .btn {
                    width: 39px;
                }
                
                .wp-webdeasy-comment-editor .toolbar .line .box .editor-btn.has-submenu .submenu:hover {
                    display: block;
                }
                
                .wp-webdeasy-comment-editor .toolbar .line .box .editor-btn.has-submenu:hover .submenu {
                    display: block;
                }
                
                .wp-webdeasy-comment-editor .content-area {
                    padding: 15px 12px;
                    line-height: 1.5;
                }
                
                .wp-webdeasy-comment-editor .content-area .visuell-view {
                    outline: none;
                    min-height: 12rem;
                }
                
                .wp-webdeasy-comment-editor .content-area .visuell-view p {
                    margin: 12px 0;
                }
                
                .wp-webdeasy-comment-editor .content-area .html-view {
                    outline: none;
                    display: none;
                    width: 100%;
                    height: 200px;
                    border: none;
                    resize: none;
                }
                /* Modal */
                
                .modal {
                    z-index: 40;
                    display: none;
                }
                
                .modal .modal-wrapper {
                    background-color: #FFF;
                    padding: 1rem;
                    position: fixed;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    width: 20rem;
                    min-height: 10rem;
                    z-index: 41;
                }
                
                .modal .modal-wrapper .close {
                    position: absolute;
                    top: 1rem;
                    right: 1rem;
                    cursor: pointer;
                }
                
                .modal .modal-wrapper .modal-content {
                    flex-direction: column;
                }
                
                .modal .modal-wrapper .modal-content h3 {
                    margin-top: 0;
                }
                
                .modal .modal-wrapper .modal-content input {
                    margin: 1rem 0;
                    padding: 0.5rem;
                }
                
                .modal .modal-wrapper .modal-content input[type="text"] {
                    width: calc(100% - 1rem);
                }
                
                .modal .modal-wrapper .modal-content .row label {
                    margin-left: 0.5rem;
                }
                
                .modal .modal-wrapper .modal-content button {
                    background-color: #D2434F;
                    border: 0;
                    color: #FFF;
                    padding: 0.5rem 1.2rem;
                    cursor: pointer;
                }
                
                .modal .modal-bg {
                    position: fixed;
                    background-color: rgba(0, 0, 0, 0.3);
                    width: 100vw;
                    height: 100vh;
                    top: 0;
                    left: 0;
                }
                
                .inkognito {
                    width: 20px;
                    height: 14px;
                    background: #dbdbdb;
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    display: block;
                    border-radius: 0;
                    border-bottom-right-radius: 9px;
                    border-top-left-radius: 9px;
                    cursor: pointer;
                }
                
                .inkognito.active {
                    background: #af0000;
                }
                
                .inkognito.active::after {
                    filter: invert(100%) sepia(0%) saturate(7480%) hue-rotate(71deg) brightness(103%) contrast(104%);
                }
                
                .inkognito::after {
                    content: '';
                    background: url(ressources/visibility_FILL0_wght400_GRAD0_opsz48.svg);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: contain;
                    width: 15px;
                    height: 13px;
                    display: inline-block;
                    pointer-events: none;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    z-index: 12;
                }