/* Zmienne kolorów */
:root {
    --primary: #5E7186; /* Jasnoszary kolor */
    --secondary: white; /* Jasny kolor tła */
    --accent: white; /* Biały kolor */
    --primary-fg: #283444; /* Biały kolor dla tekstu na jasnoszarym tle */
    --body-fg: #484848; /* Średni kolor tekstu */
    --body-bg: #F4F4F4; /* Bardziej jasne tło */
    --body-quiet-color: #040404; /* Cichy odcień koloru */
    --body-loud-color: black; /* Jasnosiwy kolor dla wyrazistego tekstu */
    --header-color: white; /* Jasnoszary kolor nagłówka */
    --header-branding-color: var(--accent); /* Kolor branding-u w nagłówku */
    --header-bg: var(--secondary); /* Jasne tło nagłówka */
    --header-link-color: var(--primary-fg); /* Biały kolor linków w nagłówku */
    --breadcrumbs-fg: #f2b89b; /* Różowy kolor dla breadcrumbs */
    --breadcrumbs-link-fg: #888888; /* Biały kolor linków breadcrumbs na jasnym tle */
    --breadcrumbs-bg: var(--primary); /* Jasnoszare tło breadcrumbs */
    --link-fg: #FFFFFF; /* Biały kolor linków */
    --link-hover-color: #FFF; /* Biały kolor linków przy najechaniu */
    --link-selected-fg: #FFFFFF; /* Biały kolor dla wybranych linków */
    --hairline-color: #080808; /* Kolor cienkiej linii */
    --border-color: #000; /* Kolor obramowania */
    --error-fg: #FF6666; /* Różowy kolor dla błędów */
    --message-success-bg: #0F0; /* Zielony kolor tła komunikatu sukcesu */
    --message-warning-bg: #FFC; /* Jasnożółty kolor tła komunikatu ostrzeżenia */
    --message-error-bg: #FCC; /* Jasnoróżowy kolor tła komunikatu błędu */
    --darkened-bg: #CCC; /* Ciemniejsze tło */
    --selected-bg: #f2b89b; /* Jasnoszary kolor tła dla wybranych elementów */
    --selected-row: #f2b89b; /* Biały kolor dla wybranej linii */
    --button-fg: #FFF; /* Biały kolor przycisków */
    --button-bg: #f2b89b; /* Jasnoszary kolor tła przycisków */
    --button-hover-bg: #bd9a89; /* Ciemniejszy szary kolor tła przycisków przy najechaniu */
    --default-button-bg: #f2b89b; /* Jasne tło domyślnych przycisków */
    --default-button-hover-bg: #f2b89b; /* Ciemniejsze tło domyślnych przycisków przy najechaniu */
    --close-button-bg: #333; /* Ciemnoszare tło przycisku zamykania */
    --close-button-hover-bg: #555; /* Ciemniejsze tło przycisku zamykania przy najechaniu */
    --delete-button-bg: #AA3939; /* Ciemniejszy różowy kolor tła przycisku usuwania */
    --delete-button-hover-bg: #882828; /* Jeszcze ciemniejszy różowy kolor tła przycisku usuwania przy najechaniu */
    --object-tools-fg: var(--button-fg); /* Biały kolor narzędzi obiektu */
    --object-tools-bg: var(--close-button-bg); /* Ciemne tło narzędzi obiektu */
    --object-tools-hover-bg: var(--close-button-hover-bg); /* Ciemniejsze tło narzędzi obiektu przy najechaniu */
  }


.main.shifted>#nav-sidebar {
    padding-left: 15px;
    left: 0;
    flex: none;
}

.main.shifted>#nav-sidebar+.content {
    width: 100%;
    max-width: 100%;
}

.module p {
    padding-left: 0;
    padding-right: 0;
}

#content {
    padding: 20px 25px;
}


.redingo-app-left-list {
    table {
        width: 190px;
    }
}


tr:nth-child(even) {
    background: #dedee0;
}

.object-tools a:link, .object-tools a:visited {
    background: #f4f4f4;
    color: #f2b89b;
    border: 2px solid #f2b89b;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 5px;
}

#changelist .actions .button[type="submit"]{
    background-color: #f2b89b;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0 12px;
    cursor: pointer;
    font-size: 14px;
}

.model-owner td.field-activate_deactivate_account_button {
    padding: 0;
    align-content: center;
}

div#black-button {
    background: #AA3939;
    color: white;
    padding: 3px 6px;
    margin: 0 auto;
    width: 120px;
    text-align: center;
    border-radius: 5px;
}
div#green-button {
    background: #39aa66;
    color: white;
    padding: 3px 6px;
    margin: 0 auto;
    width: 120px;
    text-align: center;
    border-radius: 5px;
}

.dashboard #content {
    width: auto;
}
.colMS {
    margin-right: 0;
}

.redingo-main-dashboar-wrapper {
    display: flex;
}
div#redingo-dashboard-wrapper {
    width: 100%;
    border: 2px solid black;
    margin: 0 15px;
    background: #dedee0;
    border-radius: 25px;
    padding: 15px;
}

.redingo-leftn-column-dashboard {
    width: fit-content;
}

#nav-sidebar {
    margin-top: 20px;
    border-right: 0px solid var(--hairline-color);
}

div#content {
    padding-left: 15px;
}

#nav-sidebar .module th, #nav-sidebar .module caption {
    padding: 8px;
}

a#import-products-and-sources-from-magento {
    border: 2px solid #2b2d44;
    background: #f2b89b;
    font-size: 21px;
    padding: 6px;
    border-radius: 10px;
    display: block;
    width: fit-content;
    text-decoration: none;
}

/* Product model table*/
.model-product {
    th.field-get_product_name,
    td.field-magento_sku,
    td.field-source {
        text-align: left;
    }
}

/* Sources model table*/
.model-sources {
    th.field-get_company_name,
    td.field-owner,
    td.field-source_code,
    td.field-products_list {
        text-align: left;
    }
}

/* Owner model table*/
.model-owner {
    th.field-get_company_name,
    td.field-email {
        text-align: left;
    }
}