/*########################################
/#####LOGIN
########################################*/
#login {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
    max-width: 350px;  height: 275px; width: 100%; text-align: center;
}
#login #logo {
    width: 223px; height:70px;
    background: url('../img/_layout/logo.png?tmp=new') center center no-repeat;
    background-size: 223px auto; margin: auto; margin-bottom: 40px;
}
#login span {
    float: left; text-align: left; font-family: 'IBM Plex Sans'; font-weight: 300;
    font-size: 13px; color: #575757;
}

#login .btn-forgot {
    float: right; text-align: right; font-family: 'IBM Plex Sans'; font-weight: 300; 
    font-size: 12px; color: #575757; margin-top: 5px; font-style: italic;
}
.end-date {
    width: 300px; float: left;
}
.end-date label {
    opacity: 1;
}
.end-date input[type=text] {
    background: #FFF url('../img/_layout/ico-description.svg') 15px center no-repeat;
}
.end-date #datepicker-container {
    position: relative;
}
.end-date #datepicker-container .daterangepicker {
    bottom: 0px;
}

.btn-addcompany {
    height: 34px; border-radius: 0px; float: right; cursor: pointer; margin-left: 5px;
    padding-left: 40px; line-height: 33px; color: #FFF; font-weight: 600; font-size: 13px;
    
    background: #5ACDBC url(../img/_layout/btn-add.svg) 10px center no-repeat;; border: 1px solid #40A193; border-radius: 5px;
    background-size: 20px; padding-right: 15px; margin-bottom: 15px;
}
/*########################################
/#####MAIN
########################################*/
#btn-logout {
    position: fixed; right: 30px; bottom: 30px; width: 20px; height: 20px;
    background: #FFF url('../img/_layout/btn-logout.svg') center center no-repeat;
    z-index: 50000;
}
#wrapper {
    max-width: 1080px; position: relative; z-index: 5; margin: auto; 
    margin-top: 20px; width: 100%; margin-bottom: 20px; padding: 0 40px;
}
#wrapper menu {
    position: relative; float: left; width: 100%;
}
#wrapper menu .menu-item {
    height: 42px; margin-bottom: 2px; float: left;
}
#wrapper menu .menu-item a {
    font-family: 'IBM Plex Sans'; font-weight: 400; font-size: 14px; color: #404B56; 
    letter-spacing: 0; line-height: 42px; padding-left: 35px; float: left; width: 100%; 
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 30px;
    margin-right: 20px;
}
#wrapper menu .menu-item a#btn-dashboard {
    background: url('../img/_layout/ico-dashboard.svg') 0px center no-repeat;
}
#wrapper menu .menu-item a#btn-users {
    background: url('../img/_layout/ico-users.svg') 0px center no-repeat;
}
#wrapper menu .menu-item a#btn-companies {
    background: url('../img/_layout/ico-companies.svg') 0px center no-repeat;
}
#wrapper menu .menu-item a.active {
    color: #000; font-weight: 600;
}
#wrapper menu #user {
    float: right;
}
#wrapper menu #user #user-details {
}
#wrapper menu #user #user-details #user-name {
    font-size: 14px; color: #2C2C2C; letter-spacing: 0;
    text-align: right; font-weight: 800; width: 100%; float: right;
}
#wrapper menu #user #user-pic {
    float: left; width: 50px; height: 50px; background: #b6c4d6;
    margin-top: 24px; background-size: cover; background-position: center;
    background-repeat: no-repeat;
}
#wrapper menu #user #user-details #user-role {
    font-family: 'IBM Plex Sans'; font-size: 9px; color: #6e9e39;
    letter-spacing: 0; text-align: right; font-weight: 500;
    border: 1px solid; padding: 0 10px; border-radius: 5px;
    display: flex; justify-content: space-evenly;
    width: fit-content; height: 21px; float: right;
    line-height: 20px;
}


#company-details {
    position: relative;
}
#wrapper menu #search-form {
    height: 100%; display: flex; flex-flow: column; align-content: start;
    background: rgba(255,255,255,0.35); border-left: 1px solid #8BA1BB;
}
#wrapper menu #search-form #search {
    height: 60px; width: 100%; padding: 10px;
}
#wrapper menu #search-form #search-results {
    width: 100%; height: 100%; overflow-y: scroll;
}
#wrapper menu #search-form #search-results .result {
    width: 100%; height: 35px; margin-bottom: 2px; background: rgba(255,255,255,0.30);
    font-family: 'IBM Plex Sans'; font-weight: 300; font-size: 13px; color: #292828; letter-spacing: 0; line-height: 36px;
    padding: 0 20px; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
#wrapper menu #search-form #search-results .result.active {
    background: #19abe8; color: #FFF;
}
#wrapper main {
    float: left; width: 100%; margin-top: 40px;
}
#wrapper main .overview {
    float: left; width: 100%; position: relative;
}
#wrapper main .overview #search {
    float: right; width: 100%;
}
#wrapper main .white-box {
    background: #FFFFFF; border: 1px solid #DEDEDE; border-radius: 7px;
    padding: 10px 20px; float: left; width: 100%; margin-bottom: 20px;
    font-size: 12px;
}
#wrapper main .white-box.padding {
    padding: 25px;
}
#wrapper main .white-box.flex {
    display: flex; 
}
#wrapper main .white-box .row {
    flex: auto;
}
#wrapper main .white-box h2 {
    margin-top: 20px; margin-bottom: 20px; font-weight: 500;
}
/*########################################
/#####COMPANIES
########################################*/
#company-details #company-logo {
    position: absolute; width: 100px; height: 100px; right: 0px; top: 20px;
    background-size: 80px auto; background-position: center;
    background-repeat: no-repeat; border-radius: 0px;
}
#company-details #company-logo #btn-edit {
    position: absolute; right: 5px; top: 5px; overflow: hidden; text-indent: -9999px;
}
#company-details #company-logo:hover #btn-edit {
    opacity: 1;
}
#company-details #company-logo.user-profile {
    background-size: cover;
}


/*########################################
/#####SHOPS
########################################*/
#shops #company-logo {
    display: none;
}
#shops #tabs {
    position: absolute; top: 50px; right: 0px;
}
#shops #tabs a {
    padding: 5px 20px; margin-right: 10px;
    font-weight: 800; font-size: 12px; cursor: pointer;
    color: #000; float: left;
}
#shops h1 {
    float: left;
}
#shops #tabs a#btn-approval {
    color: #FFF; background: #ED4437 url(../img/_layout/ico-check.svg) left 8px center no-repeat; 
    border: 1px solid #AC3528; border-radius: 5px; padding-left: 34px; background-size: 17px;
}
/*#shops #tabs a.active {
    background: #ccd3dc; color: #272424; text-decoration: underline;
}*/
#shops #tabs a#btn-approval.active {
    background-color: #da2012; color: #FFF;
}
/*CASH########################################*/
#shops #cash {
    position: relative;
}
#shops #cash #transactions {
    position: relative; width: 100%; float: left;
}
#shops #cash #transactions h3 {
    float: left;
}
#shops #cash #transactions #datepicker {
    position: absolute; top: 0px;
}
#shops #cash #transactions #datepicker input {
    width: 258px;  height: 65px; opacity: 0;
}
#shops #cash #btn-nextday {
    border: none; font-weight: 500; font-size: 16px; color: #FFFFFF; 
    letter-spacing: 0; text-align: center; line-height: 20.62px; padding: 11px 15px; 
    float: right; width: 100%; background: #2C727C url(../img/_layout/btn-submit.svg) right 15px center no-repeat; 
    border: 1px solid #1F4B52; background-size: 20px; cursor: pointer; border-radius: 7px; font-family: 'IBM Plex Sans', sans-serif; 
    text-align: left; margin-top: 0px;
}
#shops #cash #transactions #trans-list {
    min-height: 50px; width: 100%; float: left; margin-top: 10px;
    margin-right: 20px; position: relative;
}
#shops #cash #transactions #trans-list .add-note {
    display: none;    margin-top: 10px !important;
    margin-bottom: 5px !important; float: left;
    padding-left: 15px;
}
#shops #cash #transactions #trans-list .add-note.active {
    display: block;
}
#shops #cash #transactions #start-kas {
    min-height: 50px; width: calc(100% - 250px); float: right;
    padding-left: 20px;
}
#shops #cash #transactions #trans-list #total {
    padding: 10px; background: #F3FFEA; margin-bottom: 10px;
    font-weight: 800; color: #000; font-size: 24px; line-height: 26px;
    width: calc(100% - 250px); float: left;
}
#shops #cash #transactions #trans-list #total .title {
    font-size: 14px; font-weight: 400;
}
#shops #cash #transactions #trans-list #total-split {
    width: 240px; height: 150px; background: #F3FFEA; float: right; 
    margin-left: 10px; margin-top: -105px; margin-bottom: 30px;
    padding: 20px;
}
#shops #cash #transactions #trans-list #total-split strong {
    float: left; width: 100%; text-transform: uppercase; font-size: 11px;
}
#shops #cash #transactions #trans-list #total-split #show-in-vault {
    float: left; width: 100%; font-size: 24px; font-weight: 400;
    margin-bottom:  10px;
}
#shops #cash #transactions #trans-list #total-split #show-total {
    float: left; width: 100%; font-size: 20px; font-weight: 400;
}



#shops #cash #transactions #trans-list .title {
    width: 50%; float: left; white-space: nowrap; text-overflow: ellipsis;
}
#shops #cash #transactions #trans-list .more-title {
    width: 50%; float: left; white-space: nowrap; text-overflow: ellipsis;
}
#shops #cash #transactions #trans-list .inactive {
    opacity: 0.5;
}
#shops #cash #transactions #trans-list .operate {
    line-height: 31px; 
    margin-bottom: 10px; font-size: 13px; min-height: 40px;
    width: 100%; position: relative;
}
#shops #cash #transactions #trans-list .operate .operators {
    float: left; margin-top: 8px;
}
#shops #cash #transactions #trans-list .operate span.counting-value {
    width: 140px; float: left; margin-top: 4px; padding-left: 15px;
}

#shops #cash #transactions #trans-list .operate .color {
    float: left; width: calc(100% - 250px); 
    padding: 7px 15px; border-radius: 13px;
}
#shops #cash #transactions #trans-list .plus .color {
    background: #5ACDBC; color: #FFF; font-weight: 500;
}
#shops #cash #transactions #trans-list .min .color {
    background: #CD655A; color: #FFF; font-weight: 500;
}


/*#shops #cash #transactions #trans-list .plus {
    background: #88e68c;
}*/
#shops #cash #transactions #trans-list .sort-handle {
    position: absolute; right: -30px; width: 20px; height: 20px; background: red;
    top: 10px;
}
/*#shops #cash #transactions #trans-list .min {
    background: #f59e94;
}*/
#shops #cash #transactions #trans-list .min.vault {
    font-weight: 800; color: #000; /*display: none;*/
    /*background: #5365af url(../img/_euro/safe-box.svg) left 10px center no-repeat;
    background-size: 20px; width: 100%; float: right;  cursor: inherit;*/
    float: left; width: calc(100% - 250px);
}
#shops #cash #transactions #trans-list .min.vault.hidden {
    display: none;
}
#shops #cash #transactions #trans-list .min.vault .amount {
    display: none;
}
#shops #cash #transactions #trans-list .min.vault .title {
    padding-left: 10px; cursor: pointer; font-size: 16px;
}
#shops #cash #transactions #trans-list .min.vault .vlt-val {
    float: left; padding-right: 30px;
        background: url(../img/_layout/ico-edit.svg) center right no-repeat;
    background-size: 15px;
}
#shops #cash .min.vault input[type=text].calculate-vault {
    background: #e6d6c5; background: #afb7d6;
}
#shops #cash #transactions #trans-list .operate input[type=text],
#shops #cash #transactions #trans-list .operate textarea {
    margin-bottom: 0px;
}
#shops #cash #transactions #trans-list .operate input[readonly] {
    color: #FFF;    color: #FFF;
    background: #5365af;
    font-weight: 800;
}

#shops #cash #transactions #trans-list .operate textarea {
    margin-top: 10px;
}
#shops #cash #transactions #trans-list .amount-difference {
    padding: 0px; background: transparent; margin-bottom: 0px;
}
#shops #cash #transactions #trans-list .amount-difference.plus {
    font-size: 14px; color: #3eb579; margin-top: 5px; font-style: italic;
}
#shops #cash #transactions #trans-list .amount-difference.minus {
    font-size: 14px; color: #e81950; margin-top: 5px; font-style: italic;
}
#shops #cash #transactions #trans-list #day-note {
    padding-left: 15px; margin-top: 20px;
}



#shops #cash #btn-transactions {
    background: #F44336 url(../img/_layout/btn-export.svg) right 10px center no-repeat;
    width: 120px; height: 30px; float: right; color: #FFF; font-weight: 400; font-size: 12px;
    margin-top: -5px; margin-right: 0px; background-size: 15px; padding: 4px 10px;
    display: none;
}
#shops #cash #btn-transactions .bubble {
    width: 150px;
}
#shops #cash #btn-cash {
    background: #3f7542 url(../img/_layout/btn-cash.svg) right 10px center no-repeat;
    padding-right: 35px; height: 35px; border-radius: 6px; float: right;
    background-size: 25px;    color: #FFF; width: 100%;
    padding: 6px 45px 5px 10px; font-weight: 400; margin-bottom: 5px;
}
#shops #cash #btn-cash.minus {
    background-color: #9e1515;
}

#shops #cash input[type=text].calculate-total {
    width: calc(50% - 145px); float: left; padding: 0px 10px; height: 30px;
    border: none; margin-right: 10px;
}
#shops #cash input[type=text].calculate-vault {
    width: calc(50% - 145px); float: left; padding: 0px 10px; height: 30px;
    border: none; margin-right: 10px;
}
#shops #cash #transactions {
    float: left; margin-top: 30px;
}
#shops #cash .plus input[type=text].calculate-total {
    background: #cdf7cf;
}
#shops #cash .min input[type=text].calculate-total {
    background: #f7c5bf;
}
#shops #cash #transactions #datepicker {
    width: 250px; float: left; margin-top: -5px;
}
#shops #cash #btn-addparameter {
    font-family: 'IBM Plex Sans';
    height: 40px; line-height: 40px; font-size: 13px; color: #b1b1b1; letter-spacing: 0; 
    text-align: right; font-weight: 500; border: 1px dotted; padding: 0 10px; display: flex; 
    justify-content: space-evenly; width: fit-content; margin: auto; padding-left: 30px; 
    background-size: 15px; cursor: pointer; width: calc(100% - 250px); 
    margin-bottom: 10px; float: left; border-radius: 10px;
}
#shops #cash #total-calculation {
    padding: 7px 10px; border-top: 1px solid #bfbfbf; font-weight: 800; font-size: 21px; 
    padding-top: 20px; cursor: pointer; width: calc(100% - 250px); float: left; margin-bottom: 0px; margin-top: 10px;
}
#shops #cash .cash-date {
    font-size: 16px; font-weight: 600; background: #FFF; margin-top: 5px;
    border: 1px solid #DEDEDE; padding: 7px 15px; border-radius: 6px; float: left;
}

#shops #btn-approve {
    border: none; font-weight: 500; font-size: 16px; color: #FFFFFF; letter-spacing: 0; 
    text-align: center; line-height: 20.62px; padding: 11px 15px; float: right; 
    background: #2C727C url(../img/_layout/btn-submit.svg) right 15px center no-repeat; 
    border: 1px solid #1F4B52; background-size: 20px; cursor: pointer; border-radius: 7px; 
    font-family: 'IBM Plex Sans', sans-serif; text-align: left; padding-right: 50px;
}
#btn-download {
    font-style: italic; color: #000; font-weight: 500; float: left; margin-left:  20px;
    text-decoration: underline; margin-top: 10px;
}
/*HIER*/
/*#shops #btn-putinvault {
    padding: 11px 10px; border-top: 3px solid #364275; font-weight: 800; font-size: 17px;
    padding-top: 12px; cursor: pointer; height: 47px; background: #5365af url(../img/_euro/safe-box.svg) right 10px center no-repeat;
    background-size: 20px;
    color: #FFF; /*display: none;*/
}*/

#shops #cash #amount-invault {
    padding: 11px 10px; border-top: 3px solid #364275; font-weight: 800; font-size: 17px;
    padding-top: 12px; cursor: pointer; height: 47px; background: #5365af url(../img/_euro/safe-box.svg) right 10px center no-repeat;
    background-size: 20px; float:  left; width: 100%;
    color: #FFF; /*display: none;*/
}
#shops #cash #amount-invault .more-title {
    /*padding-left: 30px; line-height: 20px;*/
}
#shops #cash #amount-invault,
#shops #cash .totalwithvault-value {
    float: left; width: 100%; float: left; width: 100%; font-size: 20px; font-weight: 400;
    margin-bottom: 15px;
}

#shops #cash #amount-totalwithvault {
    padding: 11px 10px; border-top: 3px solid #ffe8bc; font-weight: 800;
    font-size: 17px; padding-top: 12px; cursor: pointer; height: 47px; background: #ffab09;
    float:  left; width: 100%;
}
#shops #cash #total-box {
    padding: 10px; background: #F3FFEA; margin-bottom: 10px; font-weight: 800; 
    color: #000; font-size: 24px; line-height: 26px; width: calc(100% - 250px); 
    float: left; height: 100px; padding: 20px;
}
#shops h2 {
    float: left; width: 100%;
}
#shops #cash #total-box strong {
    float: left; width: 100%; text-transform: uppercase; font-size: 11px;
}
#shops #cash #total-box-details {
    width: 240px; height: 150px; background: #F3FFEA; float: right; 
    margin-left: 10px; padding: 20px;
    margin-top: -50px;
}
#shops #cash #total-box-details strong {
    float: left; width: 100%; text-transform: uppercase; font-size: 11px;
}
#shops #cash #total-box #final-cash {
    float: left; width: 100%; font-size: 20px; font-weight: 400; margin-bottom: 15px;
}

#shops h2.break {
    float: left; width: 100%; margin-bottom: 5px !important; margin-left: 10px;
}

/*
#edit-parameter .btn-delete-parameter {
    width: 20px; height: 20px;
    background: url(../img/_layout/btn-bin.svg) center center no-repeat;
    float: left; cursor: pointer; opacity: 0.8;
    background-size: 17px;
}

*/
a.btn.btn-parameter.btn-edit-startamount {
    margin-top: -2px;
}
#edit-vault #kluis {
    width: 25%;
    padding-top: 135px;
    background-image: url(../img/_euro/safe-box.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100px;
    float: left;
}
#edit-vault #vault-totals {
    width: 75%; float: left; margin-bottom: 20px;
}

#edit-vault #vault-totals .total {
    display: block;
}



#edit-vault #vault-totals .totalamountinvault .total {
    display: block;
}
#edit-vault #vault-totals .input-vault {
    float: left; width: 50%;
}
#edit-vault #vault-totals .input-vault input {
    height: 30px; padding: 5px 10px; margin-top: -5px; display: none;
    width: calc(100% - 50px);
}
#edit-vault #vault-totals .vault-wrap-tot {
    position: relative;
}

#edit-vault #vault-totals .btn-edit-save {
    position: absolute; right: 15px; top: 14px; width: 20px; height: 20px;
    background: url('../img/_layout/btn-editsafe.svg') center center no-repeat;
    background-size: 20px;
}

/*#edit-vault #vault-totals .vault-wrap-tot.editing .btn-edit-save {
    background: url('../img/_layout/btn-savesafe.svg') center center no-repeat;
    background-size: 20px;
}*/
#edit-vault #vault-totals .vault-wrap-tot.editing .input-vault input {
    display: block;
}
#edit-vault #vault-totals .vault-wrap-tot.editing .total {
    display: none;
}


#edit-vault #vault-totals .title,
#edit-vault #vault-totals .total {
    width: 50%; float: left;
}
#edit-vault #totalcurrentinvault {
    padding: 11px 10px; font-weight: 800; font-size: 12px; padding-top: 12px;
    cursor: pointer; height: 47px; background: #f1f2f7;
}
#edit-vault #totalamountinvault {
    padding: 11px 10px; border-top: 3px solid #5365af;
    font-weight: 800; font-size: 12px; padding-top: 12px;
    cursor: pointer; height: 47px; background: #d9e0ff;
}
#edit-vault #totalnewinvault {
    padding: 11px 10px; border-top: 1px solid #b3b3b3; font-weight: 800;
    font-size: 12px; padding-top: 12px; cursor: pointer; height: 47px; background: #f1f2f7;
}
.company-establishment {
    float: left; width: 100%; position: relative;
}

#dashboard {
    float: left; width: 100%;
}
#dashboard #select-company {
    float: right; margin-bottom: 10px;
}
#dashboard #dashboard-chart {
    width: 100%; height: 400px;
}
#dashboard .dashboard-third {
    float: left; width: calc(33.3333% - 20px); margin-left: 20px;
}
#dashboard .dashboard-third.first {
    float: left; width: 33.3333%; height: 265px; margin-left: 0px;
}
#dashboard div#dashboard-chart {
    font-style: italic; text-align: center; background: #ffffff38; float: left; margin-bottom: 20px; padding-top: 180px;
}
#dashboard #incash-total {
    font-size: 48px; font-weight: 800; white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis; display: block; padding: 10px 0 10px 0;
}





#euro-popup #euro-wrapper .euro-row {
    float: left; width: calc(25% - 10px); height: 150px; background: #efefefa6;
    margin: 5px; border-radius: 6px; text-align: center;
}
#euro-popup #counted-by {
    padding-left: 15px; width: calc(100% - 10px); margin-left: 5px;
    border-radius: 4px; margin-bottom: 2px;
}
#euro-popup #euro-wrapper .euro-row .euro-icon {
    width: 100%; padding-top: 75%; background-size: 64%;
    background-repeat: no-repeat; cursor: pointer;
    background-position: bottom center;
}
#euro-popup #euro-wrapper #eur-tot {
    float: left; width: 100%; margin: 5px;
    border-radius: 6px; text-align: center;
    font-weight: 800; font-size: 16px; margin-top: 20px;
    padding: 10px; color: #4c4c4c;
}
#euro-popup #euro-wrapper #eur-tot #eut {
    font-size: 36px; color: #000;
}
#euro-popup #euro-wrapper .euro-row[euro=euro_5] .euro-icon,
#euro-popup #euro-wrapper .euro-row[euro=euro_10] .euro-icon,
#euro-popup #euro-wrapper .euro-row[euro=euro_20] .euro-icon,
#euro-popup #euro-wrapper .euro-row[euro=euro_50] .euro-icon,
#euro-popup #euro-wrapper .euro-row[euro=euro_100] .euro-icon,
#euro-popup #euro-wrapper .euro-row[euro=euro_200] .euro-icon,
#euro-popup #euro-wrapper .euro-row[euro=euro_500] .euro-icon {
    background-size: 80%;
}
#euro-popup #euro-wrapper .euro-row[euro=euro_001] .euro-icon {
    background-image: url('../img/_euro/euro-001.svg');
}
#euro-popup #euro-wrapper .euro-row[euro=euro_002] .euro-icon {
    background-image: url('../img/_euro/euro-002.svg');
}
#euro-popup #euro-wrapper .euro-row[euro=euro_005] .euro-icon {
    background-image: url('../img/_euro/euro-005.svg');
}
#euro-popup #euro-wrapper .euro-row[euro=euro_01] .euro-icon {
    background-image: url('../img/_euro/euro-01.svg');
}
#euro-popup #euro-wrapper .euro-row[euro=euro_02] .euro-icon {
    background-image: url('../img/_euro/euro-02.svg');
}
#euro-popup #euro-wrapper .euro-row[euro=euro_05] .euro-icon {
    background-image: url('../img/_euro/euro-05.svg');
}
#euro-popup #euro-wrapper .euro-row[euro=euro_1] .euro-icon {
    background-image: url('../img/_euro/euro-1.svg');
}
#euro-popup #euro-wrapper .euro-row[euro=euro_2] .euro-icon {
    background-image: url('../img/_euro/euro-2.svg');
}
#euro-popup #euro-wrapper .euro-row[euro=euro_5] .euro-icon {
    background-image: url('../img/_euro/euro-5.svg');
}
#euro-popup #euro-wrapper .euro-row[euro=euro_10] .euro-icon {
    background-image: url('../img/_euro/euro-10.svg');
}
#euro-popup #euro-wrapper .euro-row[euro=euro_20] .euro-icon {
    background-image: url('../img/_euro/euro-20.svg');
}
#euro-popup #euro-wrapper .euro-row[euro=euro_50] .euro-icon {
    background-image: url('../img/_euro/euro-50.svg');
}
#euro-popup #euro-wrapper .euro-row[euro=euro_100] .euro-icon {
    background-image: url('../img/_euro/euro-100.svg');
}
#euro-popup #euro-wrapper .euro-row[euro=euro_200] .euro-icon {
    background-image: url('../img/_euro/euro-200.svg');
}
#euro-popup #euro-wrapper .euro-row[euro=euro_500] .euro-icon {
    background-image: url('../img/_euro/euro-500.svg');
}
#euro-popup #euro-wrapper .euro-row[euro=safe_box] .euro-icon {
    background-image: url('../img/_euro/safe-box.svg');
        background-position: bottom 8px center;    background-size: 50%;
}
#euro-popup #euro-wrapper .euro-row input[type=number] {
    border-radius: 0px; padding: 0px; text-align: center; height: 30px;
    margin-top: 10px; font-weight: 800; font-size: 18px; margin: 10px 0 0 0;
}
#euro-popup .cash-user {
    width: 100%; text-align: center; float: left; font-weight: 800;
}


/*#establishment #transactions #coin-list {
    min-height: 50px; width: calc(100% - 250px); float: left;
    padding-right: 20px;
}
#establishment #transactions .coin-row {
    float: left; width: 50%;
}
#establishment #transactions #coin-list .coin-icon {
    width: 50px;
    height: 40px;
    float: left;
    background-size: 64%;
    background-repeat: no-repeat;
    background-position: center;
}
#establishment #transactions .coin-row[coin=euro_001] .coin-icon {
    background-image: url('../img/_coins/euro-001.png');
}
#establishment #transactions .coin-row[coin=euro_002] .coin-icon {
    background-image: url('../img/_coins/euro-002.png');
}
#establishment #transactions .coin-row[coin=euro_005] .coin-icon {
    background-image: url('../img/_coins/euro-005.png');
}
#establishment #transactions .coin-row[coin=euro_01] .coin-icon {
    background-image: url('../img/_coins/euro-01.png');
}
#establishment #transactions .coin-row[coin=euro_02] .coin-icon {
    background-image: url('../img/_coins/euro-02.png');
}
#establishment #transactions .coin-row[coin=euro_05] .coin-icon {
    background-image: url('../img/_coins/euro-05.png');
}
#establishment #transactions .coin-row[coin=euro_1] .coin-icon {
    background-image: url('../img/_coins/euro-1.png');
}
#establishment #transactions .coin-row[coin=euro_2] .coin-icon {
    background-image: url('../img/_coins/euro-2.png');
}
#establishment #transactions .coin-row[coin=euro_5] .coin-icon {
    background-image: url('../img/_coins/euro-5.png');
}
#establishment #transactions .coin-row[coin=euro_10] .coin-icon {
    background-image: url('../img/_coins/euro-10.png');
}
#establishment #transactions .coin-row[coin=euro_20] .coin-icon {
    background-image: url('../img/_coins/euro-20.png');
}
#establishment #transactions .coin-row[coin=euro_50] .coin-icon {
    background-image: url('../img/_coins/euro-50.png');
}
#establishment #transactions .coin-row[coin=euro_100] .coin-icon {
    background-image: url('../img/_coins/euro-100.png');
}
#establishment #transactions .coin-row[coin=euro_200] .coin-icon {
    background-image: url('../img/_coins/euro-200.png');
}
#establishment #transactions .coin-row[coin=euro_500] .coin-icon {
    background-image: url('../img/_coins/euro-500.png');
}
#establishment #transactions #coin-list .coin-amount {
    width: calc(100% - 100px); float: left;    font-size: 13px;
    padding-top: 1px;
}
#establishment #transactions #coin-list .coin-amount input[type=text] {
    float: left; padding: 0px 10px; height: 40px; border: none;
    width: 55px;
}
#establishment #transactions #coin-list .coin-total {
    width: 50px; height: 25px; float: left;
}*/


table {
    text-align: left;
}
table th {
    font-weight: 800;
}
#euro-wrapper table {
    margin-left: 5px; width: calc(100% - 10px); margin-top: 10px; font-size: 13px; margin-bottom: 5px;
    background: rgb(255 255 255 / 53%);
}
#not-counted {
    width: 20px;
    height: 20px;
    background: url(../img/_layout/ico-error.svg) center center no-repeat;
    float: right;
    cursor: pointer;
}
.amount-difference {
    font-size: 14px; font-weight: 400;
}

#not-counted.hidden {
    display: none;
}
#not-counted .bubble {
    font-size: 14px; width: 250px; left: -190px;
}
#not-counted .bubble::after {
    left: 195px;
}
#euro-wrapper table #eut {
    color: #4CAF50; font-weight: 800;
}

.popup .cash-difference.themed {
    font-size: 14px; font-weight: 600; color: #62a8af; /*background: #96969694;*/
    width: 100%; float: left; padding: 5px 10px; margin-top: 10px;
    border-radius: 0px; text-align: center; font-size: 18px;
}
.cash-difference.minus {
    color: #FFF;
}


.table .row .item.role {
    font-family: 'IBM Plex Sans'; font-size: 9px; color: #6e9e39; letter-spacing: 0;
    text-align: right; font-weight: 500; border: 1px solid; padding: 0 5px;
    border-radius: 5px; display: flex; justify-content: space-evenly;
    width: fit-content; margin: auto; height: 18px; margin-right: 20px;

}
.table .row .item.role.superadmin {
    color: #bf0606;
}
.table .row .item.role.user {
    color: #0d8d9a;
}

.blocked,
.blocked * {
    cursor: not-allowed !important;
}

.wrapper-tab {
    display: none; margin-top: 30px;
}
.wrapper-tab h1 {
    margin-bottom: 0px;
}
.wrapper-tab h2 {
    margin-bottom: 30px;
}
.wrapper-tab.active {
    display: block;
}

#transactions-table .table .row .item:nth-child(4) {
    flex: 2;
}
#transactions-table .table .row .item:nth-child(1) {
    flex: 6;
}