:root{
    --body-max-width:1440px;
    --sidebar-width:200px;
    --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-size-base:0.875rem;
    --font-size-xl:1.125rem;
    --font-size-lg:1rem;
    --font-size-sm:0.8125rem;
    --font-size-xs:0.75rem;
    --body-bg: #2874d4; /* BGCOLOR #55688a; */
    --text-color:#4c5367;
    --text-color-dark:#292d42;
    --text-color-light:#9fa9b7;
    --box-shadow-lg:0 7px 14px 0 rgba(59,64,94,0.1),0 3px 6px 0 rgba(0,0,0,0.07);
    --content-panel-bg:#f8fafc;
    --form-bg:#f8fafc;
    --table-header-bg:#edf2f7;
    --table-footer-bg:#f8fafc;
    --fieldset-bg:#f5f7fa;
    --zindex-700:777;
    --zindex-800:888;
    --zindex-900:999;
    --zindex-1050:1050;
    --gray-50:#f9fafb;
    --gray-100:#f0f2f4;
    --gray-200:#eaedf0;
    --gray-300:#dfe3e7;
    --gray-400:#ced4da;
    --gray-500:#adb5bd;
    --gray-600:#878f97;
    --gray-700:#484f56;
    --gray-800:#353b41;
    --gray-900:#22262b;
    --black:#000;
    --blue-100:#bef0f9;
    --green-100:#c6f3c4;
    --indigo-100:#d1eaff;
    --red-100:#fdded8;
    --yellow-100:#f8e4b5;
    --text-blue-600:#075692;
    --text-green-600:#0d5e42;
    --text-indigo-600:#3c4caa;
    --text-red-600:#a11b4c;
    --text-yellow-600:#943505;
    --color-primary: #d03020; /*#6174d1;*/
    --color-success:#1ea471;
    --color-info:#0679b7;
    --color-warning:#d97817;
    --color-danger:#cd3c63;
    --highlight-bg:#f8e5b9;
    --text-on-primary:var(--white);
    --text-muted:var(--gray-500);
    --link-color:#5c70d6;
    --link-hover-color:#99a6e6;
    --link-hover-decoration:none;
    --border-radius:4px;
    --border-width:1px;
    --border-style:solid;
    --border-color:#e3e7ee
}


body {
    color: var(--body-bg); /* #55688a; */
    text-align: left;
    background-color: var(--body-bg); /* #55688a; */
}



.bold { font-weight: bold}

/* .text-bigger { font-size: 0.8rem;} */

.text-bigger .form-control, .text-bigger dt {
    font-size: 1rem;
    background-color: #d0e0ff; padding-left:5px; padding-right: 5px;
}

.form-group label, .form-group legend.col-form-label {
    flex: 100% 0 0;
    margin: 0 0 4px;
    text-align: left;
}


.field-boolean .form-widget {
    margin-left: 5px;
}

.field-checkbox .form-widget, .form-group .form-widget {
    flex: 0 0 100%;
    padding-left: 0;
    padding-right: 0;
}

.long-text input,
.long-text .form-widget input.form-control, .long-text .form-widget select.form-control, .long-text .form-widget textarea.form-control {
    max-width: 98%;
}

h1 { margin: 0; color: var(--white); font-weight: normal; font-family: 'Bodoni 72', sans-serif; font-size: 70px;
    border-bottom: 1px solid #d03020;}

#header-logo a.logo {
    color: #e0e0e0;
}
.login-wrapper #header-logo a.logo {
    color: #d03020;
}

/* SideBARS */
#main .datagrid-header-tools {
    background-color: var(--body-bg);
}

.content #main {
    /* background-color: #d2d9e0; */
}

.page-content .content-body {
    background-color: #d2d9e0;
}

.navbar-custom-menu .user {
    color: #f0f0f0;
}


.sidebar {

}

.sidebar-menu a {
    color: #f0f0f0;
}

.sidebar-menu .menu-icon {
    color: currentColor;
    filter: opacity(90%);
    font-size: 16px;
    margin-right: 4px;
    vertical-align: text-bottom;
    width: 16px;
}

.sidebar-menu a:hover span, .sidebar-menu a:hover .far, .sidebar-menu .active a span, .sidebar-menu .active a .far,
.sidebar-menu li:not(.submenu-active).active .far, .sidebar-menu li:not(.submenu-active).active a {
    color: #113;
}

.main-sidebar {
}

.sidebar-menu .header {
    color: #353050;
    border-top: 1px solid #353050;
}

#show_tab_preview {
    text-align: center;
}
#show_tab_preview iframe {
    width: 60%;
    border: 1px solid #ddd;
    height: 60em;
}

/* Actions */
.datagrid td.actions .action-icon {
    filter: opacity(.9);
    font-size: 16px;
    margin-right: 2px;
}

/* TABLE */
table.datagrid {
    border-spacing: 0;
    width: 100%;
    line-height: 1.2;
    font-size: 0.75rem;
}

.datagrid td {
    padding: 3px;
}

.datagrid td:first-child, .datagrid th:first-child a, .datagrid th:first-child span {
    padding-left: 7px;
}

.datagrid td:last-child, .datagrid th:last-child a, .datagrid th:last-child span {
    padding-right: 7px;
}

/* własne definicje */
table td.text-align-right {
    float:right !important
}

table tr.success td { background-color: #d1eac8; }
table tr.success:hover > td { background-color: #95cd7e; color:#222222; }

table tr.warning td { background-color: #faf3d1; }
table tr.warning:hover > td { background-color:#eed65d; color:#222222; }

table tr.danger td { background-color: #f0dbdb; }
table tr.danger:hover > td { background-color:#dba4a4; color:#222222; }

table tr.active td { background-color: #f0f0f0; }
table tr.active:hover > td { background-color: #ffffff; color:#222222; }

table tr.info td { background-color: #d5ebf6; }
table tr.info:hover > td { background-color: #81c3e4; color:#222222;}

table tr.purple-row td { background: #b6b4e4; }
table tr.purple-row:hover > td { background: #9592d9; color:#222222; }

table tr.light-green-row { background: #caffce; }
table tr.light-green-row:hover > td { background: #99ffa2; color:#222222; }

table tr.lighter-green-row { background: #e6fff2; }
table tr.lighter-green-row:hover > td { background: #caffce; color:#222222; }

table tr.orange-row { background: #ffad46; }
table tr.orange-row:hover > td { background: #ff9200; color:#222222; }

table tr.white td { background-color: #fcfcfc; }
table tr.white:hover > td { background-color: #ffffff; color:#222222; }


table tr.special-filter-field td:nth-child(3):before {  content: '☉'; color: #0d5e42; font-size: larger}
/* table tr.special-filter-field:hover > td { background-color: #ffffff; color:#222222; } */


/* Form controls */
.custom-control-input:checked~.custom-control-label:before {
    color: #fff;
    border-color: var(--color-success);
    background-color: var(--color-success);
}

.field-boolean .badge-boolean-true {
    background: var(--color-success);
    color: var(--white);
}

.field-boolean .badge-boolean-false {
    background: var(--color-danger);
    color: var(--white);
    border: 1px solid var(--color-primary);
}

.select2-container--bootstrap .select2-results__option[aria-selected="true"],
.select2-container--bootstrap .select2-results__option--highlighted,
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected],
ul.select2-results__options .select2-results__option[aria-selected="true"],
ul.select2-results__options .select2-results__option--highlighted,
ul.select2-results__options .select2-results__option--highlighted[aria-selected] {
    background-color: #96acd4 !important;
    color: #fafafa !important;
}


/* Pages */


body.page-login div.login-wrapper {
    padding: 20px; border: solid 1px #000; border-radius: 8px; box-shadow: #222222 3px 2px 15px;
    background: #eee; opacity: 0.7;
}

body.page-login div.login-wrapper .content { padding: 10px; }


/* EA Pages */
body.page-login, body.start_page {

    height: 100%;

    background: #2874d4;
    /*background: url('img_bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
}


/* Special Fields definitions */
ul.actionsList {
    list-style-type: none;
    padding-left: 0;
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
    font-size: 13px;
}

#Package_actionsList .field-collection-item input {
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
    font-size: 13px;
}