.i-login-window-logo-wrapper .i-logo {
    background: url('../Images/System/Logo/Logo_Startseite.png');
    width: 266px;
    height: 96px;
    margin: 30px 30px 0px 30px;
    background-repeat: no-repeat;
}

.i-logo-wrapper {
    background: url('../Images/System/Logo/Logo.png');
    width: 134px;
    height: 40px;
    margin: -5px 2px 2px 16px;
    background-repeat: no-repeat;
    position: absolute;
}

/*#region Sizes */
html {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Segoe UI', Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* transform: scale(0.9); */
    /* zoom: 0.9; */
}

    body.k-content {
        position: fixed;
    }

@keyframes schnee {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}

@-moz-keyframes schnee {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}

@-webkit-keyframes schnee {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}

@-ms-keyframes schnee {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}

body .k-panelbar .k-tabstrip > .k-content,
body .k-tabstrip > .k-content {
    /*padding: 0.3em 0.92em;*/
}

.k-tabstrip-content {
    z-index: 3;
}

#bodyDiv {
    width: 100%;
    height: 100%;
    clear: both;
}

    #bodyDiv.i-login {
        /* background: url(../Images/System/Logo/headerbackground.jpg); */
        background: #0067b1;
    }

#menu {
    float: right;
}

.i-fit-splitter {
    position: absolute;
    right: -50px;
    bottom: 10%;
    background-color: #dedede;
    transform: rotate(-90deg);
    padding: 10px;
    opacity: 0.7;
    z-index: 999999;
}

    .i-fit-splitter:hover {
        background-color: #d9d9d9;
        opacity: 1;
        cursor: pointer;
    }

a:hover {
    opacity: 0.7;
}

.k-minus k-plus a:hover {
    color: #000;
}

.k-loading-mask {
    z-index: 9999;
}

.no-border {
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
}

.i-noleftbordertd td {
    border-left-width: 0;
}

html :not([role="gridcell"]) > .k-textbox:not(textarea) {
    /* width: 17.4em; */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* -webkit-box-sizing: border-box; */
    /* box-sizing: border-box; */
    /* height: 1.85em; */
    /* line-height: normal; */ /*1.7em;*/
    /* padding: 2px 0.3em; */
    /* text-indent: 0; */
}

/* kendo setzt im FF die ff Klasse und sized explizit... 
.k-ff input.k-textbox {
	height: 1.85em;
}*/

textarea:not(.i-popup-textarea) {
    width: 25em !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 4.8em;
    min-height: 2em;
    line-height: normal; /*1.7em;*/
    padding: 2px 0.3em;
    text-indent: 0;
}

textarea.i-popup-textarea {
    resize: none;
}

.i-go-global-fullscreen {
    position: fixed !important;
    width: 100.5% !important;
    height: 100%;
    top: 0px !important;
    left: -4px !important;
    z-index: 10002;
}

.k-button,
.k-scheduler-toolbar .k-nav-current.k-button {
    display: inline-block;
    margin: 0px;
}


.k-scheduler-toolbar .k-nav-current.k-button .k-icon {
    margin: 0 5px 5px 0;
}

:not(.k-button-group) > .k-button {
    margin: 0px 0px 0px 5px;
}

:not(.k-filter-toolbar-item, [role="gridcell"]) > .k-autocomplete,
:not(.k-filter-toolbar-item, [role="gridcell"]) > .k-combobox,
:not(.k-filter-toolbar-item, [role="gridcell"]) > .k-datepicker,
:not(.k-filter-toolbar-item, [role="gridcell"]) > .k-timepicker,
:not(.k-filter-toolbar-item, [role="gridcell"]) > .k-datetimepicker,
body :not(.k-filter-toolbar-item, [role="gridcell"]) > .k-numerictextbox,
/*:not(.k-filter-toolbar-item, [role="gridcell"]) > .k-dropdownlist:not(.reportsDropDown):not(.k-dropdown-operator),*/
:not(.k-filter-toolbar-item, [role="gridcell"]) > .k-multiselect,
:not(.k-filter-toolbar-item, [role="gridcell"]) > .k-picker:not(.k-colorpicker),
:not(.k-filter-toolbar-item, [role="gridcell"]) > .k-selectbox,
:not(.k-filter-toolbar-item, [role="gridcell"]) > .k-textbox {
    width: 25em;
}

.i-objectgrid .k-grid-content {
    min-height: 100px;
}

.grid-filter-header .k-autocomplete,
.grid-filter-header .k-combobox,
.grid-filter-header .k-datepicker,
.grid-filter-header .k-timepicker,
.grid-filter-header .k-datetimepicker,
.grid-filter-header .k-numerictextbox,
.grid-filter-header .k-dropdownlist:not(.k-header),
.grid-filter-header .k-selectbox {
    width: 70%;
}

.k-grid-header table th .k-link {
    position: relative;
}

/* when enabled, move closer to filter-icon */
.k-grid-header table th .k-grid-filter-menu ~ .k-link .k-icon {
    right: -4px;
}

/* .k-grid-header table th .k-link .k-icon {
	position: absolute;
	top: 0px;
	right: 27px;
	padding-top: 8px;
	padding-bottom: 5px;
} */

.k-filterable > .k-cell-inner {
    display: inline-flex
}

.k-filtercell > span > .k-button {
    margin: 0;
}

/* ul#menu > li > span > span,
   div.float-left.menu > span > span {
	width: 19.4em;
} */

.graycontainer {
    padding: 0 20px 12px 20px;
}

.whitecontainer {
    color: #777;
    padding: 0 20px 12px 20px;
}

/*#pageHeader .i-logo-wrapper {
    vertical-align: middle;
    margin-right: 40px;
    margin-left: 50px;
    max-width: 250px;
    width: 230px;
    height: 20px;
}*/

#pageHeader .k-button {
    /*height: 38px;*/
    height: 27px;
    min-height: 27px;
}

#pageHeader .k-input-solid {
    border-bottom-right-radius: 5px;
}

.i-logo-wrapper:active {
    animation: wobble 0.2s linear 1s infinite;
}

@keyframes wobble {
    0% {
        transform: rotate(0);
    }

    25% {
        transform: rotate(10deg);
    }

    75% {
        transform: rotate(-10deg);
    }

    100% {
        transform: rotate(0);
    }
}

.k-spintowin {
    display: inline-block;
    animation: spintowin 0.5s linear infinite;
}

@keyframes spintowin {
    0% {
        transform: rotateZ(0);
    }

    50% {
        transform: rotateZ(180deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.k-dankmemes {
    position: fixed;
    top: 781px;
    left: 1606px;
    transform: rotateZ(0deg);
    z-index: 100000;
    animation: dankride 20s linear infinite;
}

@keyframes dankride {
    0% {
        top: 781px;
        left: 1606px;
        transform: rotateZ(0);
    }

    28.1720801658% {
        top: 781px;
        left: -105px;
        transform: rotateZ(0);
    }

    30.6720801658% {
        top: 710px;
        left: -69px;
        transform: rotateZ(45deg);
    }

    33.1720801658% {
        top: 719px;
        left: -74px;
        transform: rotateZ(90deg);
    }

    45% {
        top: -46px;
        left: -74px;
        transform: rotateZ(90deg);
    }

    47.5% {
        top: -9px;
        left: -1px;
        transform: rotateZ(135deg);
    }

    50% {
        top: -15px;
        left: -11px;
        transform: rotateZ(180deg);
    }

    78.6822916666% {
        top: -15px;
        left: 1699px;
        transform: rotateZ(180deg);
    }

    80.6720801658% {
        top: 58px;
        left: 1663px;
        transform: rotateZ(225deg);
    }

    83.1720801658% {
        top: 48px;
        left: 1669px;
        transform: rotateZ(270deg);
    }

    95% {
        top: 812px;
        left: 1669px;
        transform: rotateZ(270deg);
    }

    97.5% {
        top: 776px;
        left: 1596px;
        transform: rotateZ(315deg);
    }

    100% {
        top: 781px;
        left: 1606px;
        transform: rotateZ(360deg);
    }
}

div#discowrapper {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000aa;
    text-align: center;
    z-index: 1000;
    animation: dimlight 1s linear;
}

img#discoball {
    position: relative;
    top: -500px;
    animation: dropball 1s ease-out forwards;
    z-index: 1000;
}

div.discodot {
    position: absolute;
    width: 80px;
    height: 60px;
    background-color: #FFD844AA;
    border-radius: 50%;
    filter: blur(10px);
    animation: dotmove 12s cubic-bezier(0,.5,1,.5) infinite;
}

@keyframes dimlight {
    0% {
        opacity: 0;
        background-color: #00000000;
    }

    100% {
        opacity: 1;
        background-color: #000000cc;
    }
}

@keyframes dropball {
    0% {
        top: -500px;
    }

    100% {
        top: 0;
    }
}

@keyframes dotmove {
    0% {
        width: 160px;
        left: 110%;
        filter: blur(30px);
    }

    50% {
        width: 80px;
        filter: blur(10px);
    }

    100% {
        width: 160px;
        left: -10%;
        filter: blur(30px);
    }
}

.i-smallbutton {
    min-width: 18px;
    padding-left: 10px;
    padding-top: 0;
    line-height: 1em;
}

.i-fixedwidthbutton {
    width: 100px;
}

.i-smallElement {
    width: 3.1em;
}

.k-grid tbody .k-button {
    min-width: 26px;
}

.i-toolbar .k-button.k-disabled,
.k-grid-toolbar .k-button.k-disabled {
    opacity: 0.5;
}

#moduleTreeViewDiv,
.i-nooverflow {
    overflow: hidden;
}

/*#navModuleTreeContent .k-i-close {
    display: none;
}*/

.i-tableheader {
    font-weight: normal;
    text-align: left;
}

.i-container-tab {
    overflow: auto;
    position: relative;
}

div.tab.i-container-tab.i-overflowx-hidden {
    overflow-x: hidden;
}

.i-container-panel {
    overflow: visible;
}

.control {
    overflow: auto;
}

.i-tablerightmargin {
    padding-right: 3em;
    vertical-align: top;
}

.i-tableverticalmargin {
    margin-top: 6px;
    margin-bottom: 10px;
}

.k-button.k-button-solid span.i-button-badge {
    height: 16px;
    line-height: 1.5em;
    min-width: 1.7em;
    font-size: 10px;
    font-family: Arial;
    font-weight: 800;
    text-align: center;
    border-radius: 5em;
    color: #fff;
    background-color: red;
    top: -0.7em;
    right: -0.5em;
    margin-left: 0.5em;
    position: absolute;
    box-sizing: border-box;
    z-index: 999;
}

div.i-tableverticalmargin {
    margin-top: 6px;
    margin-bottom: 10px;
}

div.i-negativeleftmargin {
    margin-left: -5px;
}

.k-button.i-leftmargin {
    margin-left: 5px;
}

div.i-tabouterdiv {
    /*overflow-y: auto;*/ /*ENTFERNT MIT TOOLBAR 2.0*/
    max-height: 720px;
    padding-right: 0.92em;
    position: relative;
}

.k-tabstrip .k-content,
.k-panelbar .k-tabstrip .k-content {
    padding-right: 0 !important;
}
/*#endregion */

/*#region DetailWindow */
div.i-detailwindowtable {
    position: relative;
    top: -6px;
    left: -6px;
}

div.i-detailwindowrow {
    display: flex;
    min-height: 27px;
    /* margin: 2px 0 2px 3px; */
    align-items: center;
}

div.i-pointergrid {
    margin: 6px 0;
}

div.i-detailwindowrow > span:first-child {
    width: 260px;
    display: inline-block;
    padding-right: 15px;
}

div.i-detailwindowrow > span {
    display: flex;
}
    span .i-button {
    cursor: pointer;
}

div.i-detailwindowrelation {
    padding: 5px 12px;
}
/*#endregion */

/*#region ObjectSearch */
#SearchObjectsGrid > .k-grid-container > .k-grid-content > .k-loading-mask {
    display: none;
}
/*#endregion */

/*#region IOWGrid*/
/* ksc 20150327
	Auskommentiert. Es geht um den Versatz der Gridheader.
.k-grid-content {
    overflow-y: auto;
}*/
.k-grid-content .k-dirty {
    margin: -4px 0 0 -5px;
}

div.i-firstcolumnfits td:first-child {
    width: 1%;
    white-space: nowrap;
}

/* ksc 20150115 Auskommentiert, da der Header der letzten Spalte keine untere Border mehr hatte. 
.k-grid td:last-child, .k-grid th:nth-last-child(1) {
    border-width: 0 1px 0 1px;
}*/
/*#endregion*/

/*#region Gridster */
.gridster ul {
    padding: 0;
    overflow: hidden;
}

    .gridster ul li {
        list-style-type: none;
    }

.gridster .preview-holder {
    background: #ccc;
}

.i-kachelgridster .inner p {
    padding: 0;
    margin: -8px 0 0 0;
}

    .i-kachelgridster .inner p span {
        line-height: 1.3em;
        font-size: 1em;
        width: 100%;
        display: inline-block;
        word-wrap: break-word;
        margin-top: 6px;
    }

.i-kachelgridster .inner.custom p span {
    width: auto;
}

.i-kachelgridster li:hover {
    background: #aaccaa;
}

.i-kachelgridster div.outer {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    overflow: visible;
}

.i-kachelgridster .gs-w.pink:hover,
.i-kachelgridster .gs-w.lightblue:hover,
.i-kachelgridster .gs-w.orange:hover,
.i-kachelgridster .gs-w.green:hover,
.i-kachelgridster .gs-w.darkturkey:hover,
.i-kachelgridster .gs-w.lightturkey:hover,
.i-kachelgridster .gs-w.darkred:hover,
.i-kachelgridster .gs-w.custom:hover,
.i-kachelgridster .gs-w:hover {
    opacity: 0.6;
}

.i-kachelgridster li:hover .remove-btn,
.i-kachelgridster li:hover .options-btn {
    display: inline-block;
}

/*.i-kachelgridster .gs-resize-handle.gs-resize-handle-both {
    background-image: none;  
    bottom: -5px;
    right: 6px;  
}

    .i-kachelgridster .gs-resize-handle.gs-resize-handle-both:before {
        color: white;
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }*/

#tileOptionsWindow {
    padding-bottom: 47px;
}

    #tileOptionsWindow .actions {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

        #tileOptionsWindow .actions button {
            margin-right: 27px;
        }

.i-kachelgridster li .gs-resize-handle.gs-resize-handle-both {
    background-image: none;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: 0px;
    right: 3px;
}

.i-kachelgridster li.i-diagram .gs-delete-handle:before,
.i-kachelgridster li.i-diagram .gs-resize-handle.gs-resize-handle-both:before {
    color: rgb(74, 74, 73);
}

.i-kachelgridster li .gs-resize-handle.gs-resize-handle-both:before {
    font-family: 'ims';
    content: '\e7f2';
    color: white;
    font-size: 1em;
}

.i-kachelgridster li .remove-btn,
.i-kachelgridster li .options-btn {
    color: white;
    display: none;
    position: absolute;
    top: 2px;
    padding: 3px;
    font-size: 1em;
    background: transparent;
    z-index: 99;
}

.i-kachelgridster li .remove-btn {
    right: 2px;
}

.i-kachelgridster li .options-btn {
    left: 3px;
}

.i-kachelgridster div.inner {
    height: 100px;
    margin: auto;
    position: absolute;
    top: -53px;
    left: 0;
    display: block;
    padding: 0px 5px;
    right: 0;
    text-align: center;
}

    .i-kachelgridster div.inner p {
        text-align: center;
        line-height: 100%;
        color: White;
    }

    .i-kachelgridster div.inner.custom p {
        line-height: 2em;
        margin-top: 10px;
    }

.i-kachelgridster img:not(#imgConnect) {
    text-align: center;
    width: 7.63em;
    height: 7.63em;
}

.gridster .gs-w {
    background: rgb(180, 180, 180);
    cursor: pointer;
}

    .gridster .gs-w.pink {
        background: #5937b2;
    }

    .gridster .gs-w.lightblue {
        background: #00b4fa;
    }

    .gridster .gs-w.orange {
        background: #d44c26;
    }

    .gridster .gs-w.green {
        background: #009819;
    }

    .gridster .gs-w.darkturkey {
        background: #015267;
    }

    .gridster .gs-w.lightturkey {
        background: #018288;
    }

    .gridster .gs-w.darkred {
        background: #b81b46;
    }

/*.i-kachel td {
  padding: 12px;
}

.i-kachel a {
  border: 4px solid #999999;
  background: #eeeeee;
  text-align: center;
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 140px;
  height: 120px;
}

.i-kachel a:hover {
  background: #aaaaaa;
}

.i-kachel p {
  text-align: center;
}

*/
/*#endregion */

/*#region Misc2 */
.i-fattext {
    font-size: 1.03em;
    font-weight: bold;
}

.i-header {
    padding: 10px;
    /* background-color: #0067b1;*/
    /* background: url(../Images/System/Logo/headerbackground.jpg); */
    /* background-repeat: repeat; */
    /* background-position: left; */
    height: 35px;
    margin-bottom: 0px;
}

/* .i-header a.k-link:not([data-page]) {
  color: white;
}*/

.i-print {
    right: 10px;
}

.i-print-button {
    float: right;
    position: relative;
    margin-right: 3px;
}

img {
    border: 0;
}

li {
    cursor: default;
}

.i-svgview {
    z-index: 2;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.i-svgdashboard {
    z-index: 24;
}

.i-verticalmargin {
    margin-top: 6px;
    margin-bottom: 6px;
}

.i-printContent {
    display: none;
}

.i-iframe {
    border: 0;
}
/*#endregion */

/*#region Kendo Dialog Box*/
.k-dialog a.k-dialog-action.k-dialog-close {
    top: 0;
    right: 10px;
    padding: 0;
}

/*new 03-04-20*/
/*.k-dialog .k-dialog-titlebar {
    padding: 0.3em 0.8em;
}*/

/*.k-dialog .k-dialog-titlebar .k-dialog-title {
	padding-bottom: 0px;
	font-size: 1.1em;
}*/

/* .k-dialog .k-content {
	padding: 1.4em 1em 1.4em 1em;
} */

.k-dialog .k-content td {
    padding: 0 10px;
}

/* .k-dialog .k-dialog-buttongroup {
	height: 31.97px;
	bottom: 0px;
} */

.k-dialog .k-dialog-buttongroup .k-button {
    margin: 0;
    height: 100%;
}

.k-dialog .k-dialog-buttongroup button.k-button:focus {
    color: #444;
    border-color: #fafafa;
    background-position: 50% 50%;
    background-color: #fafafa;
    box-shadow: inset 0 0 10px 1px #62b5e5;
}

.k-dialog .k-dialog-buttongroup button.k-button.k-primary:focus {
    color: #fff;
    border-color: #0067b1;
    background-position: 50% 50%;
    background-color: #0067b1;
}

/* .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
	padding: 0.4em 0 0.4em 0 !important;
} */

.k-dialog #autocompletePvlWindow {
    overflow: visible !important;
}
/*#endregion*/

/*#region k-editor*/
.k-editor-dialog .k-input-inner {
	height: 100%;
}

.k-editor-dialog .k-edit-buttons button {
	flex: 1 0 0%;
}
/*#endregion k-editor*/

/*#region Misc3 */
/*.k-disabled {
    filter: alpha(opacity=40);
    opacity: .4;
}*/

span:not(.k-selected) > span.selectableNode {
    color: #46a746;
    font-weight: 500;
}

.i-tdmargin1 {
    margin: 0 4px 0 0;
    vertical-align: sub;
}

.i-tdmargin2 {
    padding: 0 24px 0 0;
}

.i-headerdiv {
    margin: 10px 0 10px 0;
}
/*#endregion */

/*#region Sprites */
.i-iconOLD,
.i-spriteOLD,
.propertiesPanelView .k-sprite {
    background-image: url('iowsprite.png');
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
    vertical-align: middle;
}

.k-button-icontext.i-icon {
    margin: 2px -2px 0 -3px;
    vertical-align: text-top;
}

.i-ellipsis {
    background-position: 0 0;
}

.i-print {
    background-position: 0 -16px;
}

.i-choose {
    background-position: 0 -32px;
}

.i-dunno {
    background-position: 0 -48px;
}

.i-question {
    background-position: 0 -64px;
}

.i-error {
    background-position: 0 -80px;
}

.i-info {
    background-position: 0 -96px;
}

.i-warning {
    background-position: 0 -112px;
}

.i-widgetsprite:before {
    font-family: 'ims';
    /* speak: none; */
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.i-widgetsprite.i-action:not(.i-editor-linewidget):before {
    content: '\e782';
}

.i-widgetsprite.i-mask:not(.i-editor-linewidget):before {
    content: '\e86a';
}

.i-widgetsprite.i-maskdesigner:not(.i-editor-linewidget):before {
    content: '\e86a';
}

.i-widgetsprite.i-designer:not(.i-editor-linewidget):before {
    content: '\e6e5';
}

.i-widgetsprite.i-autocomplete:not(.i-editor-linewidget):before {
    content: '\e629';
}

.i-widgetsprite.i-dashboard:not(.i-editor-linewidget):before {
    content: '\e6bb';
}

.i-widgetsprite.i-typescript:not(.i-editor-linewidget):before {
    content: '\e6a9';
}

.i-widgetsprite.i-datasource:not(.i-editor-linewidget):before {
    content: '\e831';
}

.i-widgetsprite.i-datasource-readonly:not(.i-editor-linewidget):before {
    content: '\e63e';
}

.i-widgetsprite.i-maskdesigner:not(.i-editor-linewidget):before {
    content: '\e86a';
}

.i-widgetsprite.i-global:not(.i-editor-linewidget):before {
    content: '\e748';
}

.i-widgetsprite.i-tableview:not(.i-editor-linewidget):before {
    content: '\e619';
}

.i-widgetsprite.i-livetile:not(.i-editor-linewidget):before {
    content: '\e663';
}

.i-widgetsprite.i-package:not(.i-editor-linewidget):before,
.i-widgetsprite.i-sql:not(.i-editor-linewidget):before {
    content: '\e6cd';
}

.i-widgetsprite.i-view:not(.i-editor-linewidget):before {
    content: '\e6eb';
}

.i-widgetsprite.i-stylingrule:not(.i-editor-linewidget):before {
    content: '\e826';
}

.i-widgetsprite.i-moduletree:not(.i-editor-linewidget):before {
    content: '\e7bc';
}

.i-widgetsprite.i-objectclass:not(.i-editor-linewidget):before {
    content: '\e7e8';
}

.i-widgetsprite.i-dbscript:not(.i-editor-linewidget):before {
    content: '\e6f9';
}
/*#endregion */

/*#region Misc4 */
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.k-listview li {
    list-style-type: none;
}

.i-lowTablerows tr {
    line-height: 1.8em;
}

.k-selected td a:visited {
    color: Gray;
}

div.menu {
    margin: 4px 0px;
    position: absolute;
    left: 0px;
    top: 9px;
}
/*#endregion */

/*#region Modulegenerator */
.toolboxListView {
    display: block;
    clear: both;
    content: '.';
    padding: 1px;
}

.toolboxListViewTool {
    margin: 10px;
    padding: 10px 15px 8px 15px;
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

    .toolboxListViewTool:hover {
        background: #ccc;
    }

.properties td {
    width: 50%;
}

.moduleGeneratorLayout {
    width: 100%;
}

    .moduleGeneratorLayout > tbody > tr > td {
        margin: 10px;
        border: 1px dashed #d1d1d1;
    }

.i-groupbox {
    border: 1px solid #d1d1d1;
    padding: 8px 0 8px 0;
}

.i-groupboxTitle {
    margin: -12px 0 0 0;
}

.moduleGeneratorLayout.numrows2 > tbody > tr {
    height: 50%;
}

.moduleGeneratorLayout.numrows3 > tbody > tr {
    height: 33%;
}

.moduleGeneratorLayout.numrows4 > tbody > tr {
    height: 25%;
}

.moduleGeneratorLayout.numcols2 > tbody > tr > td {
    width: 50%;
}

.moduleGeneratorLayout.numcols3 > tbody > tr > td {
    width: 33%;
}

.moduleGeneratorLayout.numcols4 > tbody > tr > td {
    width: 25%;
}

.moduleGeneratorLayout td.i-highlighted {
    border: 1px solid green;
}

.moduleGeneratorLayout div.i-highlighted {
    border: 1px dashed green;
}

div.moduleGeneratorContent {
    z-index: -100;
}

    div.moduleGeneratorContent.i-highlighted {
        border: 1px dashed green;
    }

.i-modulElementDiv {
    margin: 3px 10px;
}

.i-modulElementSpan {
    margin: 0 0 0 14px;
}
/*#endregion */

/*#region iPad touch */
div.ipadtree li.k-treeview-item > div.k-top > span.k-icon,
div.ipadtree li.k-treeview-item > div.k-mid > span.k-icon,
div.ipadtree li.k-treeview-item > div.k-bot > span.k-icon {
    width: 24px;
    height: 20px;
}

div.ipadtree.k-treeview .k-plus,
div.ipadtree.k-treeview .k-minus,
div.ipadtree.k-treeview .k-plus-disabled,
div.ipadtree.k-treeview .k-minus-disabled {
    margin-top: 4px;
    margin-left: -24px;
}

div.ipadtree li.k-treeview-item > div.k-top > span.k-plus,
div.ipadtree li.k-treeview-item > div.k-mid > span.k-plus,
div.ipadtree li.k-treeview-item > div.k-bot > span.k-plus {
    background-position: 5px -192px;
}

div.ipadtree li.k-treeview-item > div.k-top > span.k-minus,
div.ipadtree li.k-treeview-item > div.k-mid > span.k-minus,
div.ipadtree li.k-treeview-item > div.k-bot > span.k-minus {
    background-position: 5px -224px;
}

div.ipadtree.k-treeview .k-treeview-leaf {
    line-height: 20px;
}

a.i-nopadding {
    padding-left: 0;
    padding-right: 0;
    width: 18px; /* iPad und vorher: 24px; */
    height: 16px;
}

    a.i-nopadding.k-i-close {
        background-position: -31px -16px;
    }

.k-tabstrip-items .k-icon {
    margin: 1px 3px 0 1px;
    vertical-align: top;
}

[data-role='reorderabletabstrip'] > .k-tabstrip-items-wrapper > .k-tabstrip-items .k-link {
    /* padding-right: 8px; */
}

.k-tabstrip-items [class^='i-icon'] {
    padding-right: 5px;
}

.k-tabstrip-items .k-icon.k-i-close {
    margin-top: -1px;
}
/*#endregion */

/*#region svgtooltip */
#tooltipContainer {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 20000;
}

#tooltipContent table {
    background-color: #fff;
    opacity: 0.92;
    filter: Alpha(opacity=92);
    color: Black;
}

#tooltipContent .i-blue {
    color: blue;
}

.tooltipPopup .tooltipImage {
    margin: 5px;
    margin-right: 15px;
}

.tooltipPopup .corner {
    width: 19px;
    height: 15px;
}

.tooltipPopup .topLeft {
    background: url(../images/System/Tooltip/balloon_topLeft.png) no-repeat;
}

.tooltipPopup .bottomLeft {
    background: url(../images/System/Tooltip/balloon_bottomLeft.png) no-repeat;
}

.tooltipPopup .left {
    background: url(../images/System/Tooltip/balloon_left.png) repeat-y;
}

.tooltipPopup .right {
    background: url(../images/System/Tooltip/balloon_right.png) repeat-y;
}

.tooltipPopup .topRight {
    background: url(../images/System/Tooltip/balloon_topRight.png) no-repeat;
}

.tooltipPopup .bottomRight {
    background: url(../images/System/Tooltip/balloon_bottomRight.png) no-repeat;
}

.tooltipPopup .top {
    background: url(../images/System/Tooltip/balloon_top.png) repeat-x;
}

.tooltipPopup .bottom {
    background: url(../images/System/Tooltip/balloon_bottom.png) repeat-x;
    text-align: center;
}
/*#endregion */

/*#region kendo tooltip */
div.k-tooltip {
    max-width: 400px;
}

    div.k-tooltip,
    div.k-tooltip > div.k-callout {
        pointer-events: none;
    }
/*#endregion */

/*#region Toolbar*/
.i-toolbarcontent {
    height: 100%;
    width: 100%;
    clear: both;
}

.i-toolbarfloat {
    position: relative;
    float: right;
}

.k-grid-toolbar .i-toolbarfloat {
    float: left;
}

    .k-grid-toolbar .i-toolbarfloat .k-button {
        margin-bottom: 0;
    }

div.i-toolbarfloat > span > span.k-button,
div.i-toolbarfloat > span > span > span.k-button {
    margin-left: 5px;
    /* margin-bottom: 5px; */
}

span.i-buttonbar > span > span.k-button,
span.i-buttonbar > span > span.k-widget {
    margin-left: 5px;
}

div.i-toolbarfloat > span > span.k-widget.k-dropdown {
    margin-left: 5px;
    margin-bottom: 5px;
}

    div.i-toolbarfloat > span > span.k-widget.k-dropdown:not(.reportsDropDown) {
        width: 42px;
    }

    div.i-toolbarfloat > span > span.k-widget.k-dropdown > span.k-dropdown-wrap {
        padding-left: 2px;
    }

div.i-toolbarfloat > span > span > span.k-widget.k-dropdown {
    width: 9em;
    margin-left: 5px;
    margin-bottom: 5px;
}

.i-toolbar-menu .k-dropdown .k-dropdown-wrap {
    border-color: #dadada !important;
}

.i-toolbar-menu .k-button [class^='fa-'],
[class*=' fa-'],
.fa,
.fas {
    position: relative;
    top: -2px;
}
/*#endregion*/

/*#region Telerik ReportViewer*/
.reportviewerdiv {
    min-width: 730px;
}

.i-report-viewer {
    position: absolute;
    left: -13px;
    right: -1px;
    top: -5px;
    bottom: -4px;
    overflow: hidden;
    font-family: Verdana, Arial;
}

    /* Moeglichst starker Selector, um kendo.css zu Uebergehen */
    .i-report-viewer .trv-report-viewer .trv-parameters-area .trv-parameter-value input:not(.k-checkbox) {
        width: 100%;
    }

.trv-nav li:not(.i-trv-pagenum) {
    top: 9px;
}

.i-trv-pagenum span {
    position: relative;
    top: 1px;
}

.trv-report-viewer .trv-content {
    margin-top: 1px;
}

    .trv-report-viewer .trv-content [class^='pictureBox'] {
        background-position: center;
        background-size: contain;
    }

.trv-report-viewer .trv-nav {
    height: auto;
    margin-bottom: 20px;
}

    .trv-report-viewer .trv-nav .trv-menu-large, .trv-report-viewer .trv-nav .small {
        display: flex;
        flex-flow: wrap;
    }
/*#endregion*/

/*#region kendo contextmenu*/
.i-contextmenuitem {
    height: 26px;
    padding-right: 10px;
}

.k-menu .k-item > .k-link {
    /* line-height: 1em; */
}

/* body .k-context-menu.k-menu-vertical > .k-item > .k-link,
body .k-menu .k-menu-group .k-item > .k-link {
	padding: 0.48em 1.8em 0.58em 1.2em;
} */

.i-contextmenuitem > span > span > .k-icon,
.i-contextmenuitem .k-icon:not(.k-i-arrow-60-right) {
    position: relative;
    left: -2px;
    top: -2px;
}

li.i-contextmenuitem.i-hide {
    display: none;
}

.k-context-menu > .k-menu-item.k-disabled > .k-menu-link > .k-menu-expand-arrow {
    display: none;
}
/*#endregion*/

/*#region Editable Treeview*/
.i-edittreebutton {
    margin-left: auto;
    height: 17px;
    width: 17px;
}

    .i-edittreebutton > span.k-icon {
        position: relative;
        left: -4px;
    }
/*#endregion*/

#iowmainsplitter > div {
    overflow-y: hidden;
    overflow-x: hidden;
}

.k-window-title {
    position: static;
}

/* Leere Zeile DropDownlist */
.k-popup .k-list .k-item {
    min-height: 1.8em;
}

/*#region jshint*/
.lint-error {
    font-family: arial;
    font-size: 80%;
    background: #ffa;
    color: #a00;
    padding: 2px 5px 3px;
}

.lint-error-icon {
    color: white;
    background-color: red;
    font-weight: bold;
    border-radius: 50%;
    padding: 0 4px;
    margin: 0 5px;
}
/*#endregion*/

/*#region listview*/
div.i-listviewItem {
    float: left;
    width: 435px;
    height: 80px;
    margin: 5px;
    padding: 0 4px 0 12px;
    background-image: none;
    cursor: pointer;
}

    div.i-listviewItem img {
        width: 80px;
        height: 80px;
        margin: -3px 0 0 0;
    }

        div.i-listviewItem img.Blue {
            background-color: Blue;
        }

        div.i-listviewItem img.Orange {
            background-color: Orange;
        }

        div.i-listviewItem img.Green {
            background-color: Green;
        }

        div.i-listviewItem img.Purple {
            background-color: Purple;
        }

        div.i-listviewItem img.Lime {
            background-color: Lime;
        }

    div.i-listviewItem dl {
        margin: 2px 0;
        padding: 0;
        min-width: 0;
    }

    div.i-listviewItem dt,
    dd {
        float: left;
        margin: 0;
        padding: 0;
        height: 30px; /*line-height: 30px;*/
    }

    div.i-listviewItem dt {
        clear: left;
        padding: 0 5px 0 5px;
        text-align: right;
        opacity: 0.6;
        width: 50px;
    }
/*#endregion*/

.i-autocomplete-error {
    background-color: #a00;
}

.k-numeric-wrap .k-input.i-currencybox {
    text-align: right;
    left: 0;
    right: 0;
    width: 98%;
}

div.k-treeview {
    overflow-x: hidden;
    overflow-y: auto;
}

.customRtl {
    direction: rtl;
}

.customLtr {
    direction: ltr;
}

/*#region Tabheader Hover*/
.k-link:not(.k-disabled):hover > .k-i-close {
    background-position: -31px -16px;
}
/*#endregion*/

.i-style-yellowbg {
    background-color: Yellow;
}

/*#region kendo 2013.2.716*/
/* .k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-dropdown-wrap .k-select {
	min-height: 1.56em;
	line-height: 1.56em;
	vertical-align: middle;
	width: 1.5em;
} */

.k-datetimepicker .k-select {
    width: 3.5em;
}
/*#endregion*/

/*#region LiveTile*/
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.blinked {
    -webkit-animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 1s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 1s;
    animation: blink 1s;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
/*#endregion*/

/*#region SlideBox*/
#slidebox {
    width: 400px;
    height: 100px;
    padding: 10px;
    position: fixed;
    bottom: 0px;
    right: -430px;
    -moz-box-shadow: -2px 0px 5px #aaa;
    -webkit-box-shadow: -2px 0px 5px #aaa;
    box-shadow: -2px 0px 5px #aaa;
}

#slideboxpanel {
    width: 10px;
    height: 100px;
    position: fixed;
    bottom: 0px;
    right: 0px;
}

#slidebox p,
a.more {
    font-size: 11px;
    text-transform: uppercase;
    font-family: inherit;
    letter-spacing: 1px;
    color: #555;
}

a.more {
    cursor: pointer;
    color: #555;
}

    a.more:hover {
        text-decoration: underline;
    }

#slidebox h2 {
    color: #555;
    font-size: 18px;
    margin: 10px 20px 10px 0px;
}

a.close {
    width: 13px;
    height: 13px;
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px;
}

    a.close:hover {
        background-position: 0px -13px;
    }
/*#endregion*/

/*#region ListView LiveTile Settings*/
#liveTileSettings {
    padding: 10px;
    margin-bottom: -1px;
    min-height: 250px;
    position: relative;
}

.live-tile-settings {
    float: left;
    position: relative;
    width: 111px;
    height: 170px;
    margin: 0;
    padding: 0;
}

    .live-tile-settings img {
        width: 110px;
        height: 110px;
    }

    .live-tile-settings h3 {
        margin: 0;
        padding: 3px 5px 0 0;
        max-width: 96px;
        overflow: hidden;
        line-height: 1.1em;
        font-size: 0.9em;
        font-weight: normal;
        text-transform: uppercase;
        color: #999;
    }

.i-clearfix:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.i-clearfix {
    display: inline-block;
}

html[xmlns] .i-clearfix {
    display: block;
}

* html .i-clearfix {
    height: 1%;
}

.clear-both {
    clear: both;
}
/*#endregion*/

.i-overflow {
    overflow: auto;
}

.i-icon-color-red {
    color: red;
}

.k-tooltip.k-tooltip-validation {
    z-index: 8;
}


.k-widget.k-tooltip-validation.i-validator-summary {
    padding: 8px;
    margin-left: 10px;
    margin-right: 10px;
    position: inherit;
}


span.highlight {
    background: yellow;
}

.i-context-menu .k-link {
    padding: 0.4em 2em 0.3em 0.9em;
}

.i-context-menu {
    /*border: 0 !important;*/
    font-family: 'Segoe UI', Verdana, Helvetica, Sans-Serif !important;
}

    .i-context-menu .k-item {
        /* border: 0 !important; */
        /* min-width: 50px; */
        /* display: list-item !important; */
    }

.k-item .i-separator::before {
    background: #009;
}

/*#region IoW.Dashboard*/
ul#iowContextMenuContent ul.k-group.k-menu-group.k-popup {
    overflow: hidden !important;
}

.i-dashboard-splitter {
    height: 100%;
    overflow: hidden;
}

.i-chartContainer,
.i-chartTimerContainer {
    position: relative;
    overflow: hidden;
}

.i-chartMenuButton {
    position: absolute;
    top: 2px;
    left: 5px;
}

/* body .k-window.k-dialog {
	z-index: 99999999999 !important;
} */

.i-positionTopLeft {
    position: absolute;
    top: 2px;
    left: 22px;
}

.i-positionTopRight {
    position: absolute;
    top: 2px;
    right: 2px;
}

.i-positionBottomLeft {
    position: absolute;
    bottom: 2px;
    left: 2px;
}

.i-positionBottomRight {
    position: absolute;
    bottom: 2px;
    right: 2px;
}

.i-positionHidden {
    display: none;
}
/*#endregion*/

.treeicon {
    margin-right: 3px;
}

/*#region Masks */
span.i-maskheader {
    display: inline-block;
    margin: 4px 40px 0 0;
    white-space: nowrap;
}
/*#endregion Masks */

/*#region Editor */
.i-tdmargin3 {
    margin: 0 4px 0 0;
    vertical-align: sub;
}
/*#endregion Editor */

/* IE10+ DeleteButton in Inputs entfernen */
input::-ms-clear {
    display: none;
    height: 0;
    width: 0;
}

/*#region Fieldsets */
.i-fieldset-legendgaptop table {
    margin-top: -8px;
}

.i-fieldset-nonlegendgaptop table {
    margin-top: 0px;
}

.i-fieldset-legendgapbottom {
    margin-bottom: -12px;
}

.i-fieldset-nonlegendgapbottom {
    margin-bottom: -4px;
}

/*#region Fieldsets */
.i-width22 {
    width: 22em;
}

.hasPlaceholder {
    color: #aaa;
}

.i-popup-button {
    min-width: 100px;
    float: right;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    textarea.k-textbox {
        border-top-width: 2px;
    }
}

/*#region kendo 2014.2.926*/
span.k-widget > span.k-numeric-wrap,
span.k-widget > span.k-picker-wrap {
    /* height: 25px; */
    overflow: hidden;
}

/* span.k-widget > span.k-dropdown-wrap {
	height: 23px;
} */

/* span.k-widget > span.k-numeric-wrap > input,
span.k-widget > span.k-picker-wrap > input {
	height: 1.9em;
} */

/* span.k-widget > span.k-dropdown-wrap > input {
	height: 1.7em;
} */
/*#endregion kendo 2014.2.926*/

a.i-textunderline,
.k-grid a.i-textunderline {
    text-decoration: underline;
    /* color: #0067b1; */
}

.k-i-custom-cancel {
    background-position: -32px -16px;
}

table.param651 td {
    line-height: 1.8em;
    width: 49%;
}

.i-hidden {
    display: none;
}

.i-invisible {
    visibility: collapse;
}

/* html body .k-textbox {
	text-indent: 4px;
} */

html body textarea.k-textbox {
    /* text-indent: 6px; */
}

.i-nolist {
    list-style: none;
}

div.k-window-content.i-duplicate-win,
div.k-window-content.i-createcomponent-win {
    overflow: hidden;
}

/*#region tileoptions*/
#tileOptions .k-upload {
    background-color: transparent;
    border: 0;
}

#tileColorPalette {
    top: 5px;
}

#tileOptions .k-widget.k-colorpicker.k-header {
    top: -5px;
}

#tileOptions .k-selected-color {
    height: 26px;
}
/*#endregion tileoptions */

.k-autocomplete input {
    /* border-right: 0px !important; */
    /* border-color: #d3d3d3 !important; */
    /* border-style: solid !important; */
}

[id$='Topo'].i-tabouterdiv {
    overflow-y: hidden;
    width: 100%;
    min-width: 120px;
    /*max-width: 380px;*/
}

    [id$='Topo'].i-tabouterdiv [data-role='imstopotreeview'] {
        overflow-y: auto;
        position: relative;
    }

    [id$='Topo'].i-tabouterdiv .i-toposearch-wrapper {
        min-height: 2.04em;
        width: calc(100% - 10px);
    }

[id$='Topo'] .i-topotoolbar {
    margin-right: 10px;
}

[id$='Topo'].i-tabouterdiv > div {
    width: 100%;
}

[id$='Topo'] .k-i-search {
    right: 6px;
    top: 14px;
}

[id$='Topo'] .wrappersection {
    height: calc(100% - 20px);
}

    [id$='Topo'] .wrappersection > div {
        height: calc(100% - 20px);
    }

        [id$='Topo'] .wrappersection > div > div {
            height: calc(100% - 20px);
        }

.i-componenttest .i-paramlist {
    float: left;
    width: 642px;
}

.i-componenttest .i-resultgrid {
    float: left;
    width: 63%;
}

.i-filtercontainer {
    padding: 3px 0;
}

.i-filtercontainer-param {
    margin-bottom: 3px;
}

.i-filtercontainer label {
    width: 300px;
    display: inline-block;
}

.i-pwlbutton {
    position: absolute;
    top: 50%;
    margin: -13px -10px !important;
    right: 12px;
    padding: 7px 6px;
    cursor: pointer;
    vertical-align: middle;
}

/*#region procHierarchy*/
#procHierarchyDiv {
    clear: both;
}

    #procHierarchyDiv span.content {
        display: inline-block;
    }

        #procHierarchyDiv span.content:nth-child(1) {
            width: 150px;
        }

    #procHierarchyDiv .k-group:not(.k-treeview-lines) span.content:nth-child(1) {
        width: 134px;
    }

    #procHierarchyDiv span.content:nth-child(2) {
        width: 200px;
    }

    #procHierarchyDiv span.content:nth-child(3) {
        width: 160px;
    }

    #procHierarchyDiv span.content:nth-child(4) {
        width: 150px;
    }

#procHierarchyWindow .k-grid-content {
    height: 302px;
}

#procHierarchyWindow .procHierarchyDiv .k-grid .i-toolbarfloat {
    float: left;
}

.i-hierarchy-treeview .k-grid-content {
    height: 305px;
}
/*#endregion procHierarchy*/

/*#region popup editing*/
div[id^='popupEditing'].k-window-content {
    padding: 8px 20px 40px 20px;
}

    div[id^='popupEditing'].k-window-content .bottom-button-wrapper {
        position: absolute;
        right: 5px;
        bottom: 5px;
    }

        div[id^='popupEditing'].k-window-content .bottom-button-wrapper .k-button {
            min-width: 100px;
        }

[id^='popupEditing'] .k-datepicker,
[id^='popupEditing'] .k-datetimepicker,
[id^='popupEditing'] .k-textbox,
[id^='popupEditing'] .k-numerictextbox,
[id^='popupEditing'] .k-dropdownlist,
[id^='popupEditing'] .i-popup-textarea2,
[id^='popupEditing'] .k-autocomplete,
[id^='popupEditing'] textarea,
[id^='popupEditing'] .k-combobox,
[id^='popupEditing'] .k-multiselect,
[id^='popupEditing'] .k-input,
[id^='popupEditing'] .k-picker {
    width: 30em !important;
}

[id^='popupEditing'] label:not(.k-checkbox-label) {
    width: 176px;
    display: inline-block;
    min-height: 30px;
}
/* #endregion popup editing */

.i-pdf-export .k-grid-pager,
.i-pdf-export .k-filter-row,
.i-pdf-export .k-grid-header th input {
    visibility: hidden;
}

.i-pdf-export .k-grouping-header,
.i-pdf-export .k-grid-toolbar {
    display: none;
}

/* #region __LOGIN */
#loginView {
    margin: 5px 0;
}

    #loginView .k-button.qr-code-btn,
    #loginView .k-button.i-confirm-btn,
    #loginView .k-button.i-login-btn {
        /* min-width: calc(100% - 124px); */
        /* width: 100%; */
        width: 80%;
        margin-left: 10%;
        padding: 10px;
        /* position: absolute; */
        margin-top: 10px;
        /* right: 8px; */
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    }

    #loginView .k-button.qr-code-btn {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    #loginView .reset-secret-key-info {
        position: absolute;
        right: -20px;
        top: 34px;
        z-index: 999;
    }

#bodyDiv.i-login {
    background-image: url(../Images/System/Login-Screen-RIBFM-1920x1080.jpg);
    background-size: cover;
}

#loginView .i-mask-row {
    margin-top: 0;
    margin-bottom: 13px;
    text-align: center;
}

#loginView .i-mask-row-label {
    min-width: 114px;
    padding-top: 5px;
}

#loginView .i-mask-row-value {
    width: 80%;
    margin-left: 10%;
    padding-top: 25px;
    text-align: right;
}

    #loginView .i-mask-row-value .k-widget .k-dropdown-wrap {
        background: white;
        border: 0;
    }

    #loginView .i-mask-row-value .k-widget .k-select {
        padding: 5px 5px;
    }

    #loginView .i-mask-row-value .k-widget .k-input {
        padding: 7px 5px;
    }

#loginErrorMessage {
    color: red;
    position: absolute;
    bottom: 5px;
    width: calc(100% - 20px);
    text-align: center;
}

#loginView .login-reset {
    position: absolute;
    right: 0;
    top: 63px;
    cursor: pointer;
    text-align: right;
    font-size: 13px;
    z-index: 999;
}

.login-language-icon {
    position: relative;
    top: 2px;
    margin-right: 10px;
    min-width: 20px;
    display: inline-block;
}

#loginView .k-dropdown-wrap > .k-input > .login-language-icon {
    left: -8px;
}

#loginView .k-dropdown-wrap > .k-input > span {
    position: relative;
    left: -5px;
}
/*#endregion LOGIN__*/

/*#region __SPRACHWECHSEL*/
.i-language-toggle img {
    position: relative;
    top: 2px;
}

.i-language-toggle .k-button {
    height: 31px;
}

.i-language-wrapper {
    margin-left: 2px;
    position: relative;
}

.i-language-item {
    margin: 2px;
    min-width: 200px;
    position: relative;
    padding: 3px;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
}

.i-language-toggle img {
    height: 16px;
    position: relative;
    top: -2px;
}

.i-language-item img {
    height: 16px;
    position: relative;
}

.i-language-item img {
    margin: 0px 7px 0 2px;
}

.i-language-item > strong {
    position: absolute;
    height: 16px;
    top: 5px;
}

.i-language-popupwrapper {
    max-height: 500px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}
/*#endregion SPRACHWECHSEL__*/

/*Bug 3683 Ellipsis fuer Grid-Header ausschalten*/
.k-grid-header th.k-header > .k-link {
    -ms-text-overflow: clip;
    -o-text-overflow: clip;
    text-overflow: clip;
}

/*Prevent columns without width being to small*/
.k-grid:not(.k-timeline):not(.k-gantt-timeline) .k-grid-header colgroup col:not(.k-group-col):not(.k-hierarchy-col):not([style*="width"]),
.k-grid:not(.k-timeline):not(.k-gantt-timeline) .k-grid-content colgroup col:not(.k-group-col):not(.k-hierarchy-col):not([style*="width"]) {
    min-width: 100px;
}

.i-formaterror-item,
.i-formaterror-tab,
.i-formaterror-container {
    text-align: left;
    white-space: nowrap;
}

.i-formaterror-item-tab {
    margin: -3px;
    border-collapse: collapse;
}

    .i-formaterror-item-tab .i-formaterror-item-tab-field {
        vertical-align: top;
    }

    .i-formaterror-item-tab .i-formaterror-item-tab-value {
        white-space: normal;
    }

.i-formaterror-tab {
    font-weight: bold;
}

.i-formaterror-level1 {
    padding-left: 40px;
}

.i-formaterror-level2 {
    padding-left: 80px;
}

.i-topoclasstree {
    min-height: 300px;
}

#loginWindow_wnd_title {
    text-overflow: ellipsis;
    max-width: 380px;
    display: inline-block;
}

.i-transfercomponent-win-content .k-upload-files {
    overflow: auto;
    height: 191px;
}

.i-transfercomponent-win-content .i-info-oldversion {
    margin-bottom: 10px;
}

.i-transfercomponent-win .k-upload {
    border-radius: 0px;
}

.i-importfile-row {
    padding: 5px;
    position: relative;
    height: 62px;
    margin-bottom: 3px;
}

    .i-importfile-row .i-importfile-name {
        font-weight: bold;
        font-size: 12px;
        position: absolute;
        left: 55px;
        top: 7px;
    }

    .i-importfile-row .i-importfile-subtitle {
        font-size: 12px;
        position: absolute;
        left: 55px;
        bottom: 10px;
    }

.i-transfercomponent-win .i-transfercomponent-win-content .i-importfile-row .i-importfile-progress {
    width: 150px;
    height: 5px;
    position: absolute;
    right: 10px;
    top: 30px;
}

.i-transfercomponent-win .k-complete,
.i-importfile-row .i-importfile-progress .k-complete {
    background-color: green;
    border-color: darkgreen;
}

.i-importfile-row .i-importfile-progress .k-failed {
    background-color: red;
    border-color: darkred;
}

.i-importfile-row .i-importfile-progress .k-warning {
    background-color: orange;
    border-color: orangered;
}

.i-importfile-row .i-importfile-progress .k-progress-status-wrap,
.i-importfile-row .i-importfile-progress .k-progress-status-wrap .k-progress-status {
    text-align: center;
}

.i-importfile-remove {
    position: absolute;
    right: 14px;
    top: 14px;
}

.i-transfercomponent-uploads {
    overflow: auto;
    height: 255px;
    margin-top: -1px;
}

.i-transfercomponent-uploadbtn.k-button {
    position: absolute;
    bottom: 10px;
    left: 10px;
    margin: 0;
}

.i-transfercomponent-clearbtn.k-button {
    position: absolute;
    bottom: 10px;
    left: 165px;
    margin: 0;
}

.i-transfercomponent-win .i-transfercomponent-win-content .i-transfercomponent-progress {
    width: 200px;
    /* height: 20px; */
    /* font-size: 11px; */
    position: absolute;
    bottom: 20px;
    right: 25px;
}

.i-importfile-icon {
    font-size: 32px;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 12px;
    left: 10px;
}

.i-importfile-row.k-success {
    border-color: green;
}

/*.i-importfile-row.k-success .i-importfile-icon {
    color: green;
}*/

.i-importfile-row.k-failed {
    border-color: red;
}

/*.i-importfile-row.k-failed .i-importfile-icon {
        color: red;
    }*/

.i-importfile-row.k-warning {
    border-color: orange;
}

/*.i-importfile-row.k-warning .i-importfile-icon {
        color: orange;
    }*/

.i-importfile-validationerror {
    position: absolute;
    left: 166px;
    bottom: 10px;
    color: #f00;
    font-size: 12px;
}

.i-transfercomponent-win .i-imscheckbox-wrapper {
    margin: 5px 10px 5px 0px;
}

.i-transfercomponent-win > .i-transfercomponent-win-content > div > .k-upload {
    padding: 5px;
    margin-top: 13px;
}

.i-transfercomponent-win .k-upload .k-button {
    margin-left: 5px;
}

.i-transfercomponent-progresstext {
    position: absolute;
    bottom: 7px;
    left: 7px;
    max-width: 500px;
    font-size: 12px;
    max-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.i-transfercomponent-progress .k-progress-status-wrap,
.i-transfercomponent-progress .k-progress-status-wrap .k-progress-status {
    text-align: center;
}

.k-autocomplete .k-i-close {
    margin-right: 23px;
    color: #000;
}

    .k-autocomplete .k-i-close .k-clear-value {
        margin-right: 23px;
        color: #000;
    }

body .k-autocomplete.k-textbox .k-icon {
    margin: 1px 20px 0 0;
}

body .k-autocomplete.k-textbox .k-i-loading {
    top: 1px;
}

.k-autocomplete .i-pwlbutton {
    z-index: 1;
}

#navObjectSearch {
    position: absolute;
    left: 260px;
    width: 660px;
    /* top: -5px; */
}

    #navObjectSearch .k-autocomplete .k-i-close {
        margin-right: 27px;
    }

    #navObjectSearch .k-i-loading {
        right: 27px;
    }

    #navObjectSearch .k-combobox {
        /* -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); */
        /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); */
        /* height: 25px; */
        overflow: hidden;
    }

    #navObjectSearch .k-autocomplete {
        margin-left: 5px;
        /* border-bottom-right-radius: 0; */
        /* border-top-right-radius: 0; */
        /* height: 25px; */
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    }

    #navObjectSearch .k-button.i-objectsearch-createnewobject {
        /* border-bottom-left-radius: 0; */
        /* border-top-left-radius: 0; */
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
        /*new 03-04-20*/
        height: unset;
        margin-left: 5px;
    }

/* kendo icons */
.k-add:before {
    content: '\e11e';
}

.k-denied:before {
    content: '\e115';
}

.k-i-marker-pin-target.k-denied:before {
    content: '\e703' !important;
}

.k-insert-top:before {
    content: '\e617';
}

.k-insert-bottom:before {
    content: '\e619';
}

.k-insert-middle:before {
    content: '\e618';
}

.k-treeview .k-i-drag-and-drop {
    width: 15px;
    height: 15px;
}

.tab.i-container-tab {
    padding-right: 12px;
}

/* kendo upload */
.k-upload .k-clear-selected,
.k-upload .k-clear-selected:hover,
.k-upload .k-upload-selected,
.k-upload .k-upload-selected:hover {
    border-left-width: 0;
}

[id^='detailViewobjid'] .k-upload .k-button.k-clear-selected,
[id^='detailViewobjid'] .k-upload .k-button.k-upload-selected {
    display: none;
}

/* kendo upload invalid filetype */
.k-file-invalid-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
    color: red;
    border-color: red;
}

.k-file-invalid .k-file-name-invalid {
    color: red;
}

/* imsObjectDropTarget */
.i-objectdroptarget-wrapper {
    position: relative;
    display: inline-block;
}

    .i-objectdroptarget-wrapper .k-clear-value {
        visibility: collapse;
        cursor: pointer;
        position: absolute;
        right: 38px;
        top: 7px;
    }

    .i-objectdroptarget-wrapper:hover .k-clear-value {
        visibility: visible;
    }

div.k-list-optionlabel {
    display: none;
}

/* empty Startmenu */
.glass-hint {
    width: calc(98% - 80px);
    padding: 40px;
    text-align: center;
    color: darkgrey;
    border-style: dashed;
    border-radius: 20px;
}

.glass-hint-content {
    text-align: center;
    font-size: 5em;
}

.CodeMirror-lint-tooltip {
    z-index: 99999;
}

.CodeMirror-cursors .CodeMirror-cursor {
    width: 1px;
}

.i-grid-toolbar {
    padding: 3px 0;
}

.i-grid-toolbar-info {
    margin-left: auto;
    padding-right: 10px;
}

/* IMS Objectdroptarget */
.i-objectdroptarget-wrapper:hover input {
    padding-right: 30px;
}

#reportUploadWindow .k-upload-files {
    overflow: auto;
    height: 280px;
}

.k-dialog .k-content {
    max-height: 800px;
    overflow: auto;
}

.i-directory-presenter-content .k-grid-content {
    max-height: 550px;
    height: 550px;
}

a.i-directory-presenter-file {
    text-decoration: underline;
    cursor: pointer;
}

#i-password-strength .k-progress-status {
    text-align: right;
}

#i-password-strength .k-progress-status {
    padding-top: 5px;
}

div.i-thumbnails img {
    max-width: 200px;
    cursor: pointer;
    margin-left: 4px;
}

/*div.i-thumbnails div {
	margin: 0px 5px 10px 5px;
}*/

/*#region imsCheckBox*/
input[type='checkbox'] {
    cursor: pointer;
}

.i-imscheckbox-wrapper {
    height: 23px;
}

div.i-checkbox-control {
    height: 1.85em;
    display: inline-block;
    cursor: pointer;
}

.i-switch-wrapper .i-switch-track {
    display: inline-block;
    box-sizing: border-box;
    width: 4em;
    height: 1.85em;
    padding: 1px;
    cursor: pointer;
    background-color: #fafafa;
    border: rgba(0, 0, 0, 0.12);
}

.i-switch-wrapper .i-switch-thumb {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 2em;
    height: 100%;
    background-color: #ebebeb;
    border: 1px solid #cacaca;
}

.i-switch-wrapper .i-switch-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*#endregion imsCheckBox*/

/*#region imsRadioButtonGroup*/
.i-radiobuttongroup ul {
    margin: 0;
    padding: 0;
}

    .i-radiobuttongroup ul:after {
        content: '.';
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    .i-radiobuttongroup ul li {
        list-style: none;
        height: 1.85em;
        padding-right: 1em;
    }

        .i-radiobuttongroup ul li label {
            vertical-align: middle;
            margin-top: -7px;
        }
/*#endregion imsRadiobuttonGroup*/

/*#region text-alignment*/
.i-align-right,
tr > td.i-align-right,
/* Increase rule weight */
.k-widget .k-grid tr > td.i-align-right
{
    text-align: right;
}

.i-align-right input {
    text-align: right;
    padding-right: 8px !important;
}

.k-numerictextbox input {
    text-align: right;
    padding-right: 8px !important;
}

.k-datepicker input {
    text-align: right;
    padding-right: 8px !important;
}

.k-datetimepicker input {
    text-align: right;
    padding-right: 15px !important;
}

.k-timepicker input {
    text-align: right;
    padding-right: 8px !important;
}

.k-datepicker .k-i-warning,
.k-numerictextbox .k-i-warning,
.k-timepicker .k-i-warning,
.k-datetimepicker .k-i-warning {
    left: 0px;
    right: auto !important;
}
/*#endregion text-alignment*/

/*body .k-panelbar .k-panelbar-item .k-header {
    background-color: #e8e8e8;
    border-bottom-color: #bdbdbd;
}*/

body .k-panelbar .k-panelbar-item.k-focused .k-header {
    color: #444;
}
/*new 04-03-20
body .k-panelbar .k-panelbar-item.k-active .k-header {
    border-bottom-width: 2px;
    border-bottom-color: #0067b1;
}*/

#i-menu-socket-status,
#i-menu-socket-server-status,
#i-menu-username {
    /* color: white; */
    float: right;
    position: relative;
    margin-top: 2px;
}

    #i-menu-username .i-menu-username-placeholder {
        display: inline-block;
        padding: 3px 5px;
    }

#i-menu-socket-server-status,
#i-menu-socket-status {
    margin: 5px 5px 0 5px;
}

.i-statusicon-connected {
    color: green;
}

.i-statusicon-disconnected {
    color: red;
}

#i-login-imprint {
    cursor: pointer;
}

/* login */
.i-login-window-wrapper {
    position: absolute;
    top: calc(50% - 263px);
    left: calc(50% - 200px);
    width: 400px;
}

.i-login-window {
    background: #fff;
    /* border-radius: 5px; */
    padding-bottom: 29px;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 8px 10px -5px rgb(0 0 0 / 20%), 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%);
}

.i-login-window-logo-wrapper {
    padding: 36px;
    text-align: center;
}

/*.i-login-window-logo-wrapper img {
        width: 245px;
    }*/

.i-login-window-content-wrapper {
    padding: 10px;
    padding-bottom: 20px;
}

.i-login-footer-content {
    width: 400px;
    text-align: center;
    line-height: 2em;
    color: white;
    margin-top: 50px;
}

.i-login-window-content-wrapper #capsWarn {
    color: red;
    position: absolute;
    right: 0;
    bottom: -17px;
    font-size: 10px;
}

body #loginView .i-mask-row-value .k-textbox:not(:placeholder-shown) ~ span.floating-label {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 10px;
    font-weight: 500;
    color: #0067b1;
    pointer-events: none;
    touch-action: manipulation;
    display: inline-block;
    transition: 0.3s ease all;
}

.k-edge.k-edge18 body #loginView .i-mask-row-value span.floating-label {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 10px;
    font-weight: 500;
    color: #0067b1;
    pointer-events: none;
    touch-action: manipulation;
    display: inline-block;
    transition: 0.3s ease all;
}

body #loginView .i-mask-row-value .k-textbox:not(:-ms-input-placeholder) ~ span.floating-label {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 10px;
    font-weight: 500;
    color: #0067b1;
    pointer-events: none;
    touch-action: manipulation;
    display: inline-block;
    transition: 0.3s ease all;
}
/*#loginView .i-mask-row-value .k-textbox:-webkit-autofill span.floating-label-static,
    #loginView .i-mask-row-value .k-textbox:-webkit-autofill span.floating-label,*/
#loginView .i-mask-row-value span.floating-label-static,
#loginView .i-mask-row-value span.floating-label {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 10px;
    font-weight: 500;
    color: #0067b1;
    pointer-events: none;
    touch-action: manipulation;
    display: inline-block;
    transition: 0.3s ease all;
}

#loginView .i-mask-row-value .k-textbox:not(:focus) ~ span.floating-label {
    left: 10px;
    top: 30px;
    transition: 0.3s ease all;
    color: #919191;
    font-size: 1em;
    font-weight: normal;
}

#loginView .k-textbox:-moz-placeholder {
    color: transparent;
}

#loginView .k-textbox:-ms-input-placeholder {
    color: transparent;
}

#loginView .k-textbox::-moz-placeholder {
    color: transparent;
}

#loginView .k-textbox::-webkit-input-placeholder {
    color: transparent;
}

/*#region ClipboardWrapper*/
.i-clipboard-info-wrapper {
    margin-left: 10px;
}

    .i-clipboard-info-wrapper:focus {
        outline: none;
    }

.i-clipboard-ready {
    font-weight: bold;
    color: #0067b1;
}
/*#endregion ClipboardWrapper*/

.k-widget.k-dialog .k-button-group button::first-letter {
    text-decoration: underline;
}

/*#region MailtemplateEditor*/
span.i-placeholder {
    padding: 5px;
    margin: 1px;
    background-color: #efefef;
    color: #333;
    display: inline-block;
}

    span.i-placeholder:hover {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
        cursor: pointer;
    }
/*#endregion MailtemplateEditor*/

.i-icon-blank {
    width: 12px;
    height: 12px;
    display: inline-block;
}

.i-progressbar {
    width: 100%;
    height: 20px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

    .i-progressbar .i-progressbar-value {
        height: 100%;
    }

    .i-progressbar .i-progressbar-label {
        position: absolute;
        width: 100%;
        left: 0;
        text-align: center;
        top: 1px;
        font-size: 10px;
    }

.k-toolbar.i-toolbar-menu {
    display: block;
}

/* moved to dimensions... */
/*.k-disabled,
.k-disabled .k-draghandle,
.k-disabled .k-icon,
.k-disabled .k-link,
.k-disabled .k-upload-button input {
    cursor: inherit;
    pointer-events: all;
}*/

#loginCulture_listbox > li > div.login-language-icon > img {
    width: 16px;
    max-width: 16px;
    height: auto;
}
/*#pageHeader .i-logo-wrapper {
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 20px;
    max-height: 27px;
    height: auto !important;
    width: auto !important;
}*/

.i-editor-type-dashboard .i-editor-status-bar {
    display: none;
}

.k-grid-norecords {
    font-size: xx-large;
    justify-content: center;
}

/*new 04-03-20*/
div.i-mask-row-value > span.k-widget.k-autocomplete.i-mask-input.k-autocomplete-clearable.k-textbox {
    height: 1.94em !important;
}

.k-datetimepicker .k-picker-wrap {
    padding-right: 3.5em;
}

.i-imstree-header-toolbar {
    background: none !important;
}

[me='d8a62cc8-85fe-4780-9cf5-9c25f0248f49'] .i-objectsearch-att-settings-btn {
    line-height: 10px !important;
    padding: 3px;
}

/*Telerik*/
.trv-menu-large,
.trv-menu-small {
    padding-bottom: 17px;
}

.trv-parameter-title {
    font-size: 13px;
    padding-bottom: 4px;
}
.trv-parameter-error-message {
    font-size: 13px;
}

div.i-toolbarfloat span:last-child span.k-dropdown-wrap {
    height: 25px;
}

/*Detailwindow*/

.i-toolbar .k-checkbox-label {
    margin: -3px 0px;
    vertical-align: top;
}

.k-button.i-state-primary {
    background-color: #0067b1 !important;
    color: white;
}

.k-scheduler .k-button,
.i-barview .k-button {
    border: 0;
}

.k-edit-cell > .k-widget.i-editor-is-timerelated {
    width: calc(100% - 35px) !important;
}

.k-calendar-container td.k-disabled {
    background-color: #8f8f8f;
}

/*Erweiterte Objektsuche Fix*/
span.k-widget > span.k-numeric-wrap > input,
span.k-widget > span.k-picker-wrap > input {
    width: calc(100% - 1px);
}

.k-panelbar-group > .k-panelbar-item > .k-link {
    font-size: 100%;
}

.i-diagramview-livetile .i-dashboarddesigner-component-top,
.i-diagramview-livetile .i-dashboarddesigner-component-right,
.i-diagramview-livetile .i-dashboarddesigner-component-bottom,
.i-diagramview-livetile .i-dashboarddesigner-component-left,
.i-diagramview-livetile .i-dashboarddesigner-container-top,
.i-diagramview-livetile .i-dashboarddesigner-container-right,
.i-diagramview-livetile .i-dashboarddesigner-container-bottom,
.i-diagramview-livetile .i-dashboarddesigner-container-left {
    display: none;
}

.i-diagramview-livetile {
    width: calc(100% - 445px);
}

.k-tabstrip-content.k-focused,
.k-tabstrip-content:focus,
.k-tabstrip > .k-content.k-focused,
.k-tabstrip > .k-content:focus {
    outline-style: none !important;
}

body .k-grid .k-grid-header-sticky,
body .k-grid .k-grid-content-sticky,
body .k-grid .k-grid-footer-sticky {
    border-right-width: 0;
}

.i-toolbar-menu .k-autocomplete,
.i-toolbar-menu .k-combobox,
.i-toolbar-menu .k-datepicker,
.i-toolbar-menu .k-timepicker,
.i-toolbar-menu .k-datetimepicker,
.i-toolbar-menu .k-numerictextbox,
.i-toolbar-menu .k-dropdownlist:not(.reportsDropDown):not(.k-dropdown-operator),
.i-toolbar-menu .k-multiselect,
.i-toolbar-menu .k-picker,
.i-toolbar-menu .k-selectbox {
    width: 15em;
    margin-left: 5px;
}

.k-autocomplete.k-input,
.k-autocomplete.i-mask-input {
    padding-right: 30px;
}

.k-autocomplete .k-clear-value {
    z-index: 99;
    right: 29px;
    position: absolute;
}

.i-mask-input:not(.k-formatted-value) {
    width: 30em;
}

.k-list .k-list-content .k-list-item-text {
    width: 100%;
}

.k-drag-clue {
    border-radius: 5px !important;
}

.i-objectsearch-searchbutton {
    color: rgb(119,119,119);
}


/*.i-detailwindow-togglestyle .k-button.k-button-sm {
    padding: 
}*/
/*.i-detailwindow .i-toolbarfloat .i-toolbar .k-button {
    height: 38px;
}*/
.objTopoTrees,
.tablesDropDown,
.reportsDropDown,
.i-detailwindow-togglestyle {
    margin-left: 5px !important;
    /*height: 38px;*/
}

[id^='detailViewobjid'] .tab-outer-div .k-autocomplete,
[id^='detailViewobjid'] .tab-outer-div .k-combobox,
[id^='detailViewobjid'] .tab-outer-div .k-datepicker,
[id^='detailViewobjid'] .tab-outer-div .k-timepicker,
[id^='detailViewobjid'] .tab-outer-div .k-datetimepicker,
[id^='detailViewobjid'] .tab-outer-div .k-numerictextbox,
[id^='detailViewobjid'] .tab-outer-div .k-dropdownlist:not(.reportsDropDown):not(.k-dropdown-operator),
[id^='detailViewobjid'] .tab-outer-div .k-multiselect,
[id^='detailViewobjid'] .tab-outer-div .k-picker,
[id^='detailViewobjid'] .tab-outer-div .k-selectbox,
[id^='detailViewobjid'] .tab-outer-div .k-textbox {
    width: 25em !important;
}

.i-detailwindowrow {
    margin-bottom: 5px;
}

.i-createcomponent-win .k-autocomplete,
.i-createcomponent-win .k-combobox,
.i-createcomponent-win .k-datepicker,
.i-createcomponent-win .k-timepicker,
.i-createcomponent-win .k-datetimepicker,
.i-createcomponent-win .k-numerictextbox,
.i-createcomponent-win .k-dropdownlist:not(.reportsDropDown):not(.k-dropdown-operator),
.i-createcomponent-win .k-multiselect,
.i-createcomponent-win .k-picker,
.i-createcomponent-win .k-selectbox,
.i-createcomponent-win .k-textbox {
    width: 25em !important;
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.k-upload .k-dropzone .k-dropzone-hint::before {
    content: '\e6f7';
    font-family: 'ims';
    font-size: 36px;
}

.k-upload .k-dropzone .k-dropzone-hint {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 15px;
    padding: 20px;
    background-color: #0067b129;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-animation: blink normal 1.5s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 1.5s infinite ease-in-out; /* Webkit */
    animation: blink normal 1.5s infinite ease-in-out; /* Opera */
}

[id$="EditGroupAttachmentsDiv"],
.i-attachments {
    display: flex;
    flex-direction: column-reverse;
}

.i-context-menu .k-menu-link .k-menu-link-text,
.i-context-menu .k-menu-link {
    align-items: center;
}

.CodeMirror-code {
    font-size: 14px;
}

body .k-i-loading::before,
body .k-loading-image::before {
    animation: none;
    border: 0;
    border: .08em solid var(--color-primary-background);
    border-radius: 50%;
    border-top: .08em solid var(--color-hover-background);
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

body .k-i-loading::after,
body .k-loading-image::after {
    animation: none;
    border: 0;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.trv-report-page [class*="WATERMARK"], .trv-report-page [class*="WATERMARK"] ~ img[style*="z-index:101"] {
    z-index: -1 !important;
}

.i-pointer-placeholder {
    position: relative;
}

    .i-pointer-placeholder .k-loading-image {
        display: block;
        position: absolute;
        transform: scale(0.4);
        top: 0;
        left: 147px;
    }

/* Remark Tab */
.i-remark-grid-icon {
    text-align: center;
}

.k-dropzone {
    column-gap: 30px !important;
}