.esencis_admin_menu {
    display: flex;
    list-style: none;
    gap: 0 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.esencis_admin_menu a {
    cursor: pointer;
}

.esencis_admin_menu a:hover {

}

#esencis_admin_toolbar {
    /*display: flex;*/
}

.flex {
    display: flex;
}

#esencis_admin_toolbar h3 span, #mandatory h3 span {
    cursor: pointer;
}
#esencis_admin_toolbar h3 {
    padding-right: 10px;
}

#esencis_admin_toolbar > div {

}

#esencis_admin_toolbar ul, #mandatory ul, #mandatory_import_fields ul, #mandatory_update_fields ul {
    list-style: none;
    padding: 0;
    border-left: solid 4px black;
}

#esencis_admin_toolbar ul li, #mandatory ul li, #mandatory_import_fields ul li, #mandatory_update_fields ul li {
    padding: 1px 6px;
    margin: 0;
    background-color: #7ba4b1;
    /*white-space: nowrap;*/
    cursor: pointer;
}

#esencis_admin_toolbar ul li div.active, #mandatory ul li div.active {
    background-color: #86de00;
}

a.action.delete {
    background-color: darkred;
}

.esencis_arrows a img {
    width: 14px;
    position: relative;
    top: +3px;
}
.esencis_arrows a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    /*vertical-align: middle;*/
}

ul .esencis_arrows {
    /*font-family: monospace;*/
    /*font-weight: bolder;*/
    /*display: inline-block;*/
    cursor: default;
    /*vertical-align: middle;*/
    /*float: left;*/
    width: 50px;
    display: none;
}

select[multiple] {
    height: 150px;
}

.field .notice{
    font-size: 80%;
    padding-top: 5px;
}

.spacer {
    width: 14px;
    display: inline-block;
}

ul .esencis_arrows a.down {
    margin-left: 5px;
}

div.admin_menu_item {
    width: 100%;
}

#maincontent {
    max-width: none;
}

.extra_files {
    display: none;
}

.extra_files_toggler {
    padding: 1px 7px;
    margin: 5px;
    background-color: #fdd39c;
    cursor: pointer;
    float: right;
    width: 10px;
    text-align: center;
    border: solid 1px black;
}

table.esencis {
    /* x-offset y-offset blur spread barva */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    border-collapse: collapse; /* Doporučeno pro čistý vzhled */
}

table.esencis tbody tr:hover {
    background-color: #f5f5f5;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    position: relative; /* Nutné pro správné vykreslení stínu nad ostatními řádky */
    z-index: 1;
}

table.esencis thead {
    background-color: #f5f5f5;
}

.manager-report-traffic .column.main .products {
    margin: 0;
}