:root {

    --main-text-color:          #000000;
    --main-text-color-hover:    #555555;
    --main-text-color-success:  green;
    --main-text-color-error:    red;
    --main-bg-color:            #ffffff;
    --main-bg-color-light:      #dddddd;
    --main-bg-color-dark:       #d1d1d1;
    --main-bg-color-hover:      #919191;
    --main-bg-color-error:      rgba(128,0,0,0.5);
    --main-bg-color-success:    rgba(0,128,0,0.5);
}

body,
.jumbotron,
.grid-default .grid-content tr:nth-child(odd) .grid-content-cell{
    background: var(--main-bg-color);
}

.btn:hover,
.btn:focus,
.btn:active,
.access-box:hover{
    background: var(--main-bg-color-hover);
}

.navbar,
.nav-item,
.dropdown-item:hover,
.grid-default .grid-content tr:nth-child(even) .grid-content-cell,
.grid-default .grid-head-cell,
.access-table .form-field{
    background: var(--main-bg-color-light);
}

.btn.disabled{
    opacity: 1 !important;
    background: var(--main-bg-color-light) !important;
}

.dropdown-menu,
.btn,
.form-field[readonly]:not(.multiselect),
.fileuploader .ajax-upload-dragdrop,
.grid-default .grid-head-filter,
.access-box,
.form-field:not(.multiselect){
    background: var(--main-bg-color-dark);
}

span.btn{
    background: var(--main-bg-color-dark) !important;
}

.btn:not(.disabled),
.access-box,
.grid-default .grid-head-filter,
.form-field:not([readonly]){
    border: 2px solid rgba(0,0,0,0.3);
}

.form-field[readonly]{
    border: none;
}

body *,
body a.btn:hover,
body a.btn:focus,
body a.btn:active,
.dropdown-item,
.dropdown-item:hover{
    color: var(--main-text-color);
}

.navbar-light .navbar-nav .nav-link{
    color: var(--main-text-color); !important;
}

body a:hover:not(.btn):not(.dropdown-item):not(.disabled),
body a:focus:not(.btn):not(.dropdown-item):not(.disabled),
body a:active:not(.btn):not(.dropdown-item):not(.disabled),
a:not([href]):not([tabindex]).grid-head-sort-disabled{
    color: var(--main-text-color-hover);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus{
    color: var(--main-text-color-hover); !important;
}

.btn:focus,
input:focus,
textarea:focus,
.navbar-light .navbar-toggler,
.logo-navigation{
    border-color: var(--main-text-color-hover);
}

.message-error{
    background: var(--main-bg-color-error);
}

.message-success{
    background: var(--main-bg-color-success);
}

.access-box:before{
    color: var(--main-text-color-error);
}

.access-box:checked:before{
    color: var(--main-text-color-success);
}

.grid-default-readonly .grid-head-cell{
    background: var(--main-bg-color-hover);
}

.grid-default-readonly .grid-head-cell a{
    color: var(--main-text-color) !important;
}

.navbar{
    box-shadow: 0 0 10px 0 #555;
}