﻿
.header-logo {
    width:350px;
}
/*.header-logo {
    background-image: url(images/LogoETN.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.header-logo
{
    width:350px;
    background-position: 0 !important;
    margin-bottom: 0 !important;
}*/

/*.icon-reservation {
    display: none !important;
}
.icon-planning {
    display: none !important;
}*/

.internal-note {
    width: 330px;
}

:root {
    --black: #310201;
    
    --background: #fef4ec; /*#dfd3c4*/
    --text-color: #653700;
    --link: #b24240;
    --menu: #643534; /*#a7610b*/
    --header: #643534; /*#f8ca9b;*/ /*#a7610b*/
    --button: #b24240; /*#dfa258*/
    --button-hover: #d05553;
    
    --table-alt: #f1f1f1;
    --table-hover: #f9cb9b;
}

/* --- LAYOUT.CSS --- */
html {
    background-color: var(--background);
}

h3
{
	color: var(--text-color);
}

a {
    color: var(--link);
}


       /* ??? */
.ui-dialog {
    background-color: var(--background);
}
.ui-widget-header {
    background: var(--header);
    border: none;
}
.ui-widget-content {
    background-color: var(--background);
}
/* ??? */

.ui-button.ui-state-default
{
	background: var(--button); 
	border: 1px solid var(--text-color);
}
.ui-button.ui-state-hover
{
	background: var(--button-hover);
	border: 1px solid var(--text-color);
	color: var(--text-color);
}
.ui-button.ui-state-active
{
	background: var(--button-hover);
	border: 1px solid var(--text-color);
}

/* --- PARTS.CSS --- */
.main-info .main-info-title {
    background-color:var(--header);	
}

.header-logo span {
    display: none;
}


.header-menu-main .icon-reservation {
    display: none !important;
}
/*.header-menu-main .icon-planning {
    display: none !important;
}*/


.header-menu .header-menu-main a.selected
{
	background-color:var(--menu);
}

.header-menu .header-menu-main a span
{
	color:var(--text-color);
}
.u-grid table tbody a {
    color:var(--link);
}

.arrivals tr:nth-child(odd) td {
    background: var(--table-alt);
}

/* --- GRID.CSS --- */
.u-grid table
{
	border:solid 1px var(--text-color);
}

.u-grid table thead,
.u-grid table tfoot
{
	background:var(--header);
}

.u-grid table tr.alt {
    background-color: var(--table-alt);
}
.u-grid table tbody tr.trhover:hover {
    background: var(--table-hover);
}

/* --- COMMON.CSS --- */
.editor-label
{
	background-color: var(--background);
    color: var(--text-color);
}

/* --- BOXES.CSS --- */
.splitter
{
    background-color: var(--text-color) !important;
}

.toolbar
{
    border: 1px solid var(--text-color) !important;
    background: #FCFCFC !important;
	color:var(--text-color) !important;
}

.toolbar .reservation, .toolbar .splitter
{
    border: 1px solid var(--text-color) !important;
}

.group
{
    border: 1px solid var(--text-color) !important;
}

.box
{
    border: 1px solid var(--text-color) !important;
}

div[data-box-id="16"] {
    min-width: 212px;
}
