/* Prevent text select */
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Webkit */
@-ms-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* IE */
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Classes for updatepanels & popups */
.fullHeight {
    height: 100%;
}

.verticallyMaximized {
    height: -webkit-calc(100vh - 40px);
    height: -moz-calc(100vh - 40px);
    height: calc(100vh - 40px);
    top: 20px;
    bottom: 20px;
}

.verticallyMaximizedCockpit {
    max-height: -webkit-calc(100vh - 370px);
    max-height: -moz-calc(100vh - 370px);
    max-height: calc(100vh - 370px);
}
/* Opera and prob css3 final iteration */
.blinking {
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    /* order: name, direction, duration, iteration-count, timing-function */
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

/* Fonts */
@font-face {
    font-family: 'Roboto-Light';
    src: url('../Fonts/Roboto/Roboto-Light.ttf') format('truetype');
}

.fontlight {
    font-family: 'Roboto-Light';
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url('../Fonts/Roboto/Roboto-Thin.ttf') format('truetype');
}

.fontthin {
    font-family: 'Roboto-Thin';
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../Fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

.fontregular {
    font-family: 'Roboto-Regular';
}

@font-face {
    font-family: 'RobotoCondensed-Light';
    src: url('../Fonts/Roboto/RobotoCondensed-Light.ttf') format('truetype');
}

.fontcondensedlight {
    font-family: 'RobotoCondensed-Light';
}

@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('../Fonts/Roboto/RobotoCondensed-Regular.ttf') format('truetype');
}

.fontcondensedregular {
    font-family: 'RobotoCondensed-Regular';
}

/* Font Styles */
.naviindex {
    opacity: 0.75;
}

.level0 {
    font-size: 22px !important;
}

.level1 {
    font-size: 18px !important;
}

.level2 {
    font-size: 16px !important;
}

.level3 {
    font-size: 14px !important;
}

.level3bold {
    font-size: 14px !important;
    font-weight: bold !important;
}

.level4 {
    font-size: 12px !important;
}

.level5 {
    font-size: 10px !important;
}

.textEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.noPadding {
    padding: 2px !important;
}

/* Other Styles */
/* The last 5 lines prevent overscrolling on ios  */
body {
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    margin: 0px;
    background-color: #dce2e2;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    opacity: 0.3;
}

/* Telerik Fixes */

/* Move datepickers to top */
.RadCalendarPopup {
    z-index: 150000 !important;
}

.RadCalendarPopupShadows {
    z-index: 150000 !important;
}

.RadCalendarFastNavPopup {
    z-index: 150001 !important;
}

.rpadditem .rpImage {
    padding-right: 10px !important;
}

/* RadMap Classes */

.RadMap .k-marker.k-marker-grey-marker:before {
    color: grey;
}

.RadMap .k-marker.k-marker-grey-minimized:before {
    color: blue;
    font-size: 25px;
}

/* Time picker classes */

/* Remove fake 3d */
.timepickertimeviewheader {
    background: #eaeaea !important;
}

.timepickertimeview {
    font-family: RobotoCondensed-Light !important;
}

    .timepickertimeview td.rcHover a {
        background: none !important;
    }

/* Special Classes */

/* Move Dropdowns to top */

.rddlSlide {
    z-index: 900020 !important;
}

/* Move Dropdowns to top */

.rcbSlide {
    z-index: 900020 !important;
}

.k-chart-tooltip {
    z-index: 700501 !important;
}

/* form styles */
.formfieldset {
    border: 1px solid;
    border-color: lightgray;
}

    .formfieldset fieldset {
        border: none;
    }

/* legacy styles */

.classicInlineTabHoverStyle {
    background-color: #bebebe;
}

.classicInlineTabDefaultStyle {
    color: #333333;
    padding: 5px;
    border-radius: 3px;
    text-transform: uppercase;
    transition: all .3s ease;
}

.classicInlineTabSelectedStyle {
    background-color: #bebebe;
    cursor: default;
}

.RadListBox.RadListBox_inlineTemplate .rlbTemplate {
    display: inline;
}

.RadListBox_hideSelect .rlbGroup .rlbItem {
    padding: 1px 4px;
}

    .RadListBox_hideSelect .rlbGroup .rlbItem.rlbSelected {
        background-color: transparent;
        color: #333;
    }

    .RadListBox_hideSelect .rlbGroup .rlbItem.rlbHovered {
        background-color: #dfdfdf;
    }

    .RadListBox_hideSelect .rlbGroup .rlbItem.rlbActive {
        border: 0px dotted transparent;
    }

.RadListBox .rlbCheckAllItemsCheckBox, .RadListBox .rlbGroup .rlbCheck {
    margin-top: 0px;
    margin-right: 4px;
    margin-left: 4px;
    margin-bottom: 2px;
}

/* Überschreibt die height:100% mit auto. Notwendig für ShowCheckAll */
.RadListBox div.rlbGroup ul {
    height: auto;
}

/* Plaziert die CheckBox für AllItems in die Mitte */
.RadListBox Input.rlbCheckAllItemsCheckBox {
    margin-bottom: 5px;
    margin-top: 3px;
}

/* Plaziert die CheckBox für AllItems in die Mitte */
.RadListBox div.rlbCheckAllItems {
    border-bottom: 1px solid darkgrey;
    padding-top: 5px;
}

/* Plaziert einen * am Ende der Box */
.GridCellAsterisk:after {
    content: "*";
}

.rddlPopup.MonteurTime .rddlItem {
    font-size: 11pt;
}

tr.WithoutNextPrev td.NextPrevAndNumeric div.rgAdvPart input.rcbInput {
    padding: 0px 2px 2px 7px !important;
}

tr.WithoutNextPrev td.NextPrevAndNumeric div.rgArrPart1,
tr.WithoutNextPrev td.NextPrevAndNumeric div.rgArrPart2 {
    display: none;
}

/* Mobile optimization */
/* Get rid of ugly grey tap highlight */
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Get rid of the frame around selected input fields in Chrome */
:focus {
    outline: none;
}

/* Font awesome buttons */
.gridButton {
    background-color: transparent;
    border: none;
    padding: 0px;
    font-size: large;
    color: #000000;
    opacity: 0.6;
    transition: all .3s ease;
    cursor: pointer;
}

    .gridButton:hover {
        opacity: 1;
    }

/* Main navigation entries */
.navColumn2 {
    margin-left: 40%;
}

.navContainerCol1 {
    flex: 1;
    flex-basis: 40%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.navContainerCol2 {
    flex: 1;
    flex-basis: 60%;
    display: flex;
    align-items: center;
}

.navElement {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Local popup */
.popupContainer {
    display: flex;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    align-items: center;
    justify-content: center;
    z-index: 9000000;
    background-color: rgba(128, 128, 128, 0.5);
}

.toastcontainer {
    z-index: 9100000;
    position: fixed;
    background-color: #ffffff;
    opacity: 0.9;
    border: 1px solid #7c7c80;
    padding: 20px;
    left: 50%;
    transform: translate(-50%, 0px);
}

/* Map marker styles 'mapping' */
.k-i-marker-customized-icon.fa-map-marker::before {
    content: "\f041" !important;
    font-family: fontawesome !important;
}

.k-i-marker-customized-icon.fa-fire::before {
    content: "\f06d" !important;
    font-family: fontawesome !important;
}

.k-i-marker-customized-icon.fa-bolt::before {
    content: "\f0e7" !important;
    font-family: fontawesome !important;
}

.k-i-marker-customized-icon.fa-tint::before {
    content: "\f043" !important;
    font-family: fontawesome !important;
}

.k-i-marker-customized-icon.fa-search::before {
    content: "\f002" !important;
    font-family: fontawesome !important;
}

.k-i-marker-customized-icon.fa-wrench::before {
    content: "\f0ad" !important;
    font-family: fontawesome !important;
}

.k-i-marker-customized-icon.fa-home::before {
    content: "\f015" !important;
    font-family: fontawesome !important;
}

.k-i-marker-customized-icon.fa-pencil::before {
    content: "\f040" !important;
    font-family: fontawesome !important;
}

.k-i-marker-customized-icon.fa-car::before {
    content: "\f1b9" !important;
    font-family: fontawesome !important;
}

.k-i-marker-customized-icon.fa-clock-o::before {
    content: "\f017" !important;
    font-family: fontawesome !important;
}

.k-i-marker-customized-icon.fa-lightbulb-o::before {
    content: "\f0eb" !important;
    font-family: fontawesome !important;
}

.k-i-marker-customized-icon.fa-phone::before {
    content: "\f095" !important;
    font-family: fontawesome !important;
}

.k-i-marker-customized-icon.fa-check::before {
    content: "\f00c" !important;
    font-family: fontawesome !important;
}

.k-i-marker-customized-icon.fa-user::before {
    content: "\f007" !important;
    font-family: fontawesome !important;
}

.k-i-marker-customized-icon.fa-bookmark::before {
    content: "\f02e" !important;
    font-family: fontawesome !important;
}

.k-i-marker-customized-icon.fa-dot-circle-o::before {
    content: "\f192" !important;
    font-family: fontawesome !important;
}

/* Map style modifications */
.RadMap_Felix.k-tooltip {
    background-color: white;
}

/* Sticky Elemente */
.sticky-element {
    position: sticky;
    bottom: 0;
    z-index: 1000;
    padding: 20px 0;
    margin-top: auto;
}

/* File-Button */
.fileInput {
    font-size: medium;
    padding: 7px;
}