/* Minification failed. Returning unminified contents.
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*----------------------------------------------------------
The base color for this template is #B0BFC7. If you'd like
to use a different color start by replacing all instances of
#B0BFC7 with your new color.
----------------------------------------------------------*/
:root {
    --kendo-font-size: 0.75rem;
}


body {
    font-size: .675em;
    font-family: Verdana, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #000000;
    height: 100%;
}

    body.embedded {
    }

a:link {
    color: #034af3;
    /*text-decoration: underline;*/
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    margin-left: auto;
    margin-right: auto;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    padding-top: 10px;
    background-color: #374151;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 35px !important;
    text-shadow: 1px 1px 2px #111;
}

#main {
    padding: 2rem;
    flex: 1 0 auto;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}

footer,
#footer {
    background-color: #13385B;
    color: #999;
    padding: 10px 0 20px 0;
    text-align: center;
    line-height: normal;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    border-bottom: 1px #B0BFC7 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: left; /* Menu is shown on the left side... */
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #6666FF;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    padding: 10px;
    margin: 10px;
    padding: 1.4em 1.4em 1.4em 1.4em;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}


input[type="text"].text-box {
    font-size: 100%!important;
}

input[type="text"]:not(.k-input-inner),
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #000000; /* #444 */
    width: 300px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}


input[type="submit"].k-button {
    font-size: 100%;
    line-height: 1.4em;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
}

a.k-button {
    color: black;
}

/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
    vertical-align: top;
}

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}

table.content-structure-only-table
{
    border-style: none;
}

table.content-structure-only-table td
{
    border-style: none;
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, 
#menucontainer {
    margin-top: 0px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay
{
    padding: 3px 5px 3px 3px;
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 5px;
    color: White;
    float: right;
    position: absolute;
    right: 0px;
    z-index: 9999; /* Above 10000 is not possible, because there the Telerik windows and other stuff starts */
    border-radius: 10px;
}

#languagemenu {
    margin: 10px;
    text-align: right;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

#logindisplay #loginusertext {
    vertical-align: top;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

label {
    font-weight: bolder;
}

#ApplicationMainMenu.k-menu .k-link {
    color: black;
    text-decoration: none;
}


/* Custom additional styles
----------------------------------------------------------*/

/* Used for fieldsets which are just used to group buttons */
fieldset.edit-button-group
{
    padding: 10px;
    margin: 0px;
    border: none;
}

.t-combobox
{
    width: 305px !important;
}

div#ErhalterAreaMainContentContainer table[smallerEditControls="true"] td > input
{
    width: 150px !important;
}

div#ErhalterAreaMainContentContainer table[smallerEditControls="true"] .t-combobox
{
    width: 154px !important;
}

.t-combobox input.t-input
{
    background-color: White;
}

/* It is necessary to set their font-family again, because otherwise they do not inherit the default value
   from <body> */
input, textarea
{
    font-family: Verdana;
}

textarea
{
    font-size: small;
}

input.t-button
{
    color: #034AF3;
    font-size: 1em;
    padding: 2px;
}

div#ErhalterAreaMainContentContainer div[largeeditcontrols="true"] .t-combobox
{
    width: 604px !important;
}

div#ErhalterAreaMainContentContainer .ultraLargeComboBoxes .t-combobox {
    width: 900px !important;
}

/*Style for Kendo Combobox*/
.k-combobox {
    width: 305px !important;
}

div#ErhalterAreaMainContentContainer table[smallerEditControls="true"] .k-combobox {
    width: 154px !important;
}

.k-combobox input.t-input {
    background-color: White;
}

div#ErhalterAreaMainContentContainer div[largeeditcontrols="true"] .k-combobox {
    width: 604px !important;
}

div#ErhalterAreaMainContentContainer .ultraLargeComboBoxes .k-combobox {
    width: 900px !important;
}



nav > ul#ApplicationMainMenu > li {
    margin: 0 0.4em;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #E7EDF0;
    font-weight: bold;
    font-size: 1.2em;
}
nav > ul#ApplicationMainMenu {
    border: none;
    background-color: transparent; /*#B0BFC7;*/
}

div.t-popup li.t-item.deleted-item
{
    background-color: lightgrey;
    color: darkgrey;
}

div.k-popup li.k-item.deleted-item
{
    background-color: lightgrey;
    color: darkgrey;
}

/* Override the Telerik "metro.css" settings for our menu items... */
ul#ApplicationMainMenu .t-link {
    color: #4C607A;
}

/* Override the Telerik "metro.css" settings so that text color is black again (not dark grey)... */
.t-widget, .t-link, .t-popup, .t-group, .t-group .t-link, .t-content, .t-editable-area, .t-breadcrumbs .t-breadcrumbs-wrap .t-link {
    color: #000000 !important;
}

.ui-multiselect-menu label {
    font-weight: normal;
}

.ui-multiselect-menu {
    /* The default z-index is 10000 (defined in jquery-(ui/multiselect) css files, but with that, the menu is not visible
       on Telerik Grid-Popup windows, because they also have 10000 z-index ;-)... Took hours to figure out...*/
    z-index: 10001 !important;
}

/* <FileAttachments> */

.fileattachments-existingfilescontainer {
    /* MM 30/09/2013: Try without border...*/
    /*border: 1px solid grey;*/
}

.fileattachments-uploadfilecontainer {
    /* Nothing special here at the moment... */
}

.fileattachments-existingfileitem, div.fileattachments-rootcontainer, .fileattachments-deletebutton {
    margin-top: 5px;
    margin-bottom: 5px;
}

button.ui-multiselect.ui-widget {
    width: 396px !important;
}

/* </FileAttachments> */

.information-summary-valid {
    font-weight: bold;
    color: green;
}

.testmode-infofield {
    font-weight: bold;
    font-size: 1.2em;
    color: red;
    padding-right: 10px;
}

/*fix window popup button location*/
.k-edit-form-container .k-button {
    padding-right: 4%;
}

/* override kendo metro gray */
.k-widget,
.k-content
{
    color: #000000 !important;
}


.daisy-overlay {
    background-color: #000000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    display: block; 
    z-index: 10002;
    opacity: 0.1;
}

html.k-ie8 .daisy-overlay {
    filter: alpha(opacity=10);
}

#spinCenterScreen {
    z-index: 10003;
}


div.ui-tooltip[role=tooltip] {
    z-index: 100002; /* Show jQuery UI tooltips above telerik/kendo popup-windows...*/
}


a.t-button, a:hover.t-button {
    font-weight: normal;
}

/* Helper icon */
.form-helper-icon {
    width: calc(1rem - 4px);
    margin: 0 0 0 1px;
    height: calc(1rem - 4px);
    padding: 2px;
}
.form-helper-icon:hover {
    padding: 0;
    border: 2px solid #4992ff;
    cursor: pointer;
}


/* SRT form */
.srt-form-element {
    margin-bottom: 2em;
}

.srt-form-element-label {
    margin-bottom:  0.5em;
}

.srt-form-element-input {
    margin-bottom: 0.5em;
}

.srt-form-element-input input[type="text"],
.srt-form-element-input .k-textbox,
.srt-form-element-input .k-dropdown,
.srt-form-element-input .k-datetimepicker,
.srt-form-element-input .k-datepicker {
    width: 500px;
}

.srt-icon-button {
    border: none;
    background: none;
}

.srt-form-actions .k-button .k-icon {
    margin-right: 0.4em;
}


/* SRT help window */
.srt-helpwindow ul, .srt-helpwindow p {
    margin-block-end: 0.4em;
    margin-block-start: 0.4em;
}

.srt-helpwindow h3 {
    margin-block-start: 1.5em;
    margin-block-end: 0.4em;
}


/*  SRT action dialog  */
.srt-text-green {
    color: #0b9f0b
}
ol.srt-list-green > li {
    color: #4d4d4f
}
ol.srt-list-green > li > span {
    color: #0b9f0b
}
.srt-actions-list {
    font-size: 0.9em;
}
.srt-action-window form {
    display: inline-block;
}
/*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: 1.5.21
 *
 * Authors: Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://medialize.github.com/jQuery-contextMenu/
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *   GPL v3 http://opensource.org/licenses/GPL-3.0
 *
 */

.context-menu-list {
    margin:0; 
    padding:0;
    
    min-width: 120px;
    max-width: 250px;
    display: inline-block;
    position: absolute;
    list-style-type: none;
    
    border: 1px solid #DDD;
    background: #EEE;
    
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
         -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.context-menu-item {
    padding: 2px 2px 2px 24px;
    background-color: #EEE;
    position: relative;
    /* MM: Added color, otherwise the menu is shown in grey (like disabled)...*/
    color: #000000;
    -webkit-user-select: none;
       -moz-user-select: -moz-none;
        -ms-user-select: none;
/* ReSharper disable CssNotResolved */
            user-select: none;
/* ReSharper restore CssNotResolved */
}

.context-menu-separator {
    padding-bottom:0;
    border-bottom: 1px solid #DDD;
}

.context-menu-item > label > input,
.context-menu-item > label > textarea {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
/* ReSharper disable CssNotResolved */
            user-select: text;
/* ReSharper restore CssNotResolved */
}

.context-menu-item.hover {
    cursor: pointer;
    background-color: #39F;
}

.context-menu-item.disabled {
    color: #666;
}

.context-menu-input.hover,
.context-menu-item.disabled.hover {
    cursor: default;
    background-color: #EEE;
}

.context-menu-submenu:after {
    content: ">";
    color: #666;
    position: absolute;
    top: 0;
    right: 3px;
    z-index: 1;
}

/* icons
    #protip:
    In case you want to use sprites for icons (which I would suggest you do) have a look at
    http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement 
    .context-menu-item.icon:before {}
 */
.context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px; }
.context-menu-item.icon-edit { background-image: url(images/page_white_edit.png); }
.context-menu-item.icon-cut { background-image: url(images/cut.png); }
.context-menu-item.icon-copy { background-image: url(images/page_white_copy.png); }
.context-menu-item.icon-paste { background-image: url(images/page_white_paste.png); }
.context-menu-item.icon-delete { background-image: url(images/page_white_delete.png); }
.context-menu-item.icon-quit { background-image: url(images/door.png); }

/* vertically align inside labels */
.context-menu-input > label > * { vertical-align: top; }

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
    margin-left: -17px;
}
.context-menu-input > label > span {
    margin-left: 5px;
}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
    display: block;
    width: 100%;
    
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
            box-sizing: border-box;
}

.context-menu-input > label > textarea {
    height: 100px;
}
.context-menu-item > .context-menu-list {
    display: none;
    /* re-positioned by js */
    right: -5px;
    top: 5px;
}

.context-menu-item.hover > .context-menu-list {
    display: block;
}

.context-menu-accesskey {
    text-decoration: underline;
}

.context-menu-header-item {
    color: Red !important;
    font-style: italic;
    font-weight: bolder;
}