/*
CSS file for customization of the Toolbox layout.
It is necessary to add !important to overwrite VAADIN CSS rules.
 */

/* Example:
.root-layout.navigation-template-vaadin .header-bar {
    background-color: #00ff00 !important;
}
*/


.v-generated-body .mytheme .m2-sidebar, .header-bar {
    background-color: #17243D !important;
}

.v-generated-body .mytheme .m2-sidebar > .menu-button.selected .v-icon {
    color: #17243D !important;
}

.v-generated-body .mytheme .v-tree-node-selected:after {
    background-image: none;
    background-color: #17243D !important;
}

.v-generated-body .mytheme .v-button, .v-generated-body .mytheme .v-filterselect-no-input [class*="input"] {
    background-color: white !important;
    background-image: none;
    color: black;
}

.v-textfield-focus, .v-textarea-focus, .v-filterselect-focus > input, .v-button:focus:after {
    border-color: #17243D !important;

}

.gwt-MenuItem-selected, .v-datefield-calendarpanel-day-selected, [class*="-row"].v-selected {
    background-image: none !important;
    background-color: #17243D !important;
}

/*Jahreszahl bei Kalenderfilter*/
.v-datefield-calendarpanel-month {
    color: #17243D !important;
}

.v-datefield-calendarpanel-day:hover, .v-datefield-popup td[class*="month"] button:hover:before, .v-datefield-popup td[class*="year"] button:hover:before {
    color: #B6D37A !important;
}

.v-nativebutton-menu-button:focus {
    border-color: #B6D37A !important;
}

.v-loading-indicator {
    background-color: #B6D37A !important;
}

.v-link {
    color: #17243D !important;
    text-decoration: underline !important;
}

:focus {
    outline: none !important;
}

.v-tree {
    width: 100%;
}

.popupContent p {
    margin: -2px 0px !important;
}

.v-button-primary {
    -webkit-box-shadow: none !important;
}

.v-table-cell-content {
    border-left-color: #d4d4d4 !important;
}

.v-table-row {
    border: none !important;
}

.v-table-focus {
    border: none !important;
}

.login-style {
    background: #17243D !important;
}

#toolbox-login {
    max-width: 300px;
}

#m2-logo {
    max-width: 200px;
    bottom: 10px;
    right: 10px;
    position: fixed;
}

#btn_signin {
    background-color: #17243D !important;
    color: white;
    border-color: black;
    -webkit-box-shadow: none !important;
}

#header-logo {
    max-height: 50px;
}

.v-checkbox > input:checked ~ label:after {
    color: #17243D !important;
}

/* Admin Menü*/
.v-tabsheet-tabitem {
    bottom: 0;
    width: 100%;
    /* border-bottom-left-radius: 3px; */
    /* border-bottom-right-radius: 3px; */
    /* padding-bottom: 2px; */
    margin: 0;
    position: relative;
}

.v-tabsheet-tabcontainer table tbody tr td:hover,
.v-tabsheet-tabcontainer table tbody tr td.active,
.v-tabsheet-tabitem-focus {
    background: rgb(229, 85, 79);
    background: -moz-linear-gradient(top, rgb(237, 140, 135) 0%, rgb(229, 85, 79) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(237, 140, 135)), color-stop(100%, rgb(229, 85, 79)));
    background: -webkit-linear-gradient(top, rgb(237, 140, 135) 0%, rgb(229, 85, 79) 100%);
    background: -o-linear-gradient(top, rgb(237, 140, 135) 0%, rgb(229, 85, 79) 100%);
    background: -ms-linear-gradient(top, rgb(237, 140, 135) 0%, rgb(229, 85, 79) 100%);
    background: linear-gradient(to bottom, rgb(237, 140, 135) 0%, rgb(229, 85, 79) 100%);
}

.v-tabsheet-tabcontainer table tbody tr td {
    margin-right: 4px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    z-index: 5;
}

.v-tabsheet-tabitem-selected, .v-caption {
    border: none !important;
    color: #464646 !important;
    margin: auto !important;
}

.v-captiontext {
    padding: 0px 8px;
}

.v-image-secure_mode {
    width: 20px;
}

#adminTabSheet {
    width: 100%;
}

.mytheme .v-tabsheet-tabcontainer {
    padding: 8px;
}

.v-tabsheet-tabcontainer table tbody tr td:hover, .v-tabsheet-tabcontainer table tbody tr td.active, .v-tabsheet-tabitem-focus {
    background: #17243d;
}

.v-captiontext:hover, .v-tabsheet-tabitem-selected .v-captiontext {
    color: white;
}

.mytheme .template-form-img-button {
    cursor: pointer;
    height: 150px;
}


/*
=========================================================
Admin View Custom View
=========================================================
*/
.mytheme .user_disable {
    color: #b13028;
}

.mytheme .admin_view .v-textfield, .mytheme .admin_view .v-button, .mytheme .admin_view .v-filterselect {
    width: 300px;
}

/*
v-formlayout-captioncell width + 20px
*/
.mytheme .admin_view .likeFormLayout .v-slot {
    width: 170px;
}

.mytheme .admin_view .v-formlayout-captioncell div {
    width: 150px;
}

.mytheme .sm-admin-view-button {
    width: 150px;
}

/*
=========================================================
=========================================================
*/