body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
    background: #e3f0ff;
    color: #000000;
}

h3.title, h3.title2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

/* Only for WebKit - only for mobile devices */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    div.ricoLG_scrollContainerDiv {
	background: lightgrey;
    }

    div.content {
	padding-left: 0px !important;
    }

    div.hide-on-mobile {
	display: none;
    }
    div.show-on-mobile {
	display: unset;
    }
}

/* @tabletViewportWidth: 48em; // 768px */
@media screen and (max-width: 768px) {
    div#header div#title,
    div#header div#titlesep {
	display: none;
    }
}
@media screen and (min-width: 768px) {
    div#header div#title,
    div#header div#titlesep {
	display: inline !important;
    }
}

div.ricoLG_cell {
    padding-top: 0px;
    padding-bottom: 0px;
    color: #666;
    cursor: default;
}

.has-checkbox div.ricoLG_cell {
    padding-top: 0px;
    padding-bottom: 6px;
}

div.ricoWindow {
    border: 1px solid #BBB;
}
div.ricoWindow .RicoPopupContent .ricoTitle .RicoCloseAnchor.ui-dialog-titlebar-close {
    padding: 0px;
}
div.ricoTitle {
    background-color: #316994;
    color: white;
    color: #EEE;
    padding-left: 2px;
    cursor: pointer;
}
div.ricoContent {
    padding-top: 6px;
    padding-left: 3px;
    font-size: 12px;
}

div#column_grid {
    border: none;
}

div#column_edit {
    border: 1px solid #AAA;
    color: #555;
}

div.second {
    margin-top: 10px;
}
div.second div.title {
    margin-bottom: 5px;
}

label {
    display: block;
}
input, select {
    display; block;
    border: 1px solid #CCC;
    color: inherit;
    background: white;
    font-size: inherit;
}

textarea {
    display; block;
    border: 1px solid #CCC;
    font-size: 90%;
    color: inherit;
}

input.maxwidth, select.maxwidth {
    width: 98%
}

input[readonly] {
    background: #EEEEEE;
}

textarea.maxwidth {
    width: 97%
}

button {
    border: 1px solid #CCC;
    background: #DDD;
    color: inherit;
}

button.builtin {
    background-image: url('images/bg_button.png');
    background-repeat: repeat-x;
}

button.custom {
    background-image: url('images/bg_button_custom.png');
    background-repeat: repeat-x;
}

button:hover {
    background: #EEE;
}

button.disabled:hover {
    background: #DDD;
}

button.builtin:disabled,
button.custom:disabled {
    background-image: none;
    background-repeat: none;
}

div.buttons {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 5px;
}

div.buttons button {
    padding-left: 1px;
    padding-right: 1px;
}

div.buttons span {
    margin-left: 5px;
}

img.calendar {
    margin-bottom: -6px;
}

p#form_status {
    font-size: 80%;
    margin-top: 0px;
    text-align: right;
}

span.status_ok {
    color: green;
}

span.status_error {
    color: red;
}

div#details {
    color: #424242;
    padding-left: 2px;
}

div#details ul {
    padding: 0;
    margin: 0;
}

div#details li {
    list-style-type: none;
}

div#grid_info {
    text-align: left;
    color: #444;
}

.gridPopup .ricoContent {
    font-size: 125%;
}

div.alignrightpad > div {
    text-align: right;
    padding-right: 3px;
}

div.info {
    float: left;
}
div.status {
    float: right;
    text-align: right;
}

div#column_grid, div#column_edit {
    background: #e1f3ff;
}

div#message {
    background: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: solid 1px #50a6ff;
    background: #fff68f;
    z-index: 200;
}