/* 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;
}

/* Overlay Div */
.mainoverlay {
    background-color: #dce2e2;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9000000;
    display: none;
}

.shadowedbox {
    -webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.75);
}

.rightShadow {
    box-shadow: 6px 3px 3px 2px rgb(50 50 50 / 65%);
    -webkit-box-shadow: 6px 3px 3px 2px rgb(50 50 50 / 65%);
    -moz-box-shadow: 6px 3px 3px 2px rgba(50, 50, 50, 0.65);
}

/* Overlay Div Modal */
.mainmodaloverlay {
    background-color: #585a5a;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    margin: 0px;
    padding: 0px;
}

/* Form Elements */
.contenthorizontaldivider {
    height: 10px;
    border-bottom: 1px solid #7f8484;
    width: 100%;
}

.inlinepanel {
    border: none;
    padding: 0px;
    font-size: 14px !important;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
}

.mainform {
    font-size: small;
}

.mainformtextbox {
    transition: all .3s ease;
    font-size: small;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #5f6161;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

    .mainformtextbox:focus {
        background-color: #dedede;
        outline: none;
    }

.standardtext {
    font-family: Roboto-Regular, FontAwesome !important;
}

.condensedtext {
    font-family: RobotoCondensed-Regular, FontAwesome !important;
}

.mainformmultilinetextbox {
    transition: all .3s ease;
    font-size: small;
    border: none;
    background-color: #f5f5f5;
    border-bottom: 1px solid #5f6161;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    scrollbar-3dlight-color: white;
    scrollbar-arrow-color: #585a5a;
    scrollbar-base-color: white;
    scrollbar-darkshadow-color: white;
    scrollbar-face-color: white;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: #b7b7b7;
    padding-bottom: 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

    .mainformmultilinetextbox:focus {
        background-color: #dedede;
        outline: none;
    }

.mainformmultilinetextboxreadonly {
    font-size: small;
    border: none;
    background-color: #f5f5f5;
    border-bottom: 1px solid #7f8484;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    scrollbar-3dlight-color: white;
    scrollbar-arrow-color: #585a5a;
    scrollbar-base-color: white;
    scrollbar-darkshadow-color: white;
    scrollbar-face-color: white;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: #b7b7b7;
    padding-bottom: 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.mainformtextboxreadonly {
    font-size: small;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #7f8484;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.modelltextbox {
    box-sizing: border-box;
    transition: all .3s ease;
    font-size: small;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #b3b3b3;
    font-family: Courier New, Courier, monospace;
    font-size: 8.7pt;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

    .modelltextbox:focus {
        background-color: #ededed !important;
        border: 1px solid #5f6161;
        outline: none;
    }

.modelltextboxreadonly {
    box-sizing: border-box;
    font-size: small;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #b3b3b3;
    font-family: Courier New, Courier, monospace;
    font-size: 8.7pt;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.modelldropdown {
    box-sizing: border-box;
    transition: all .3s ease;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #b3b3b3;
    font-family: Courier New, Courier, monospace;
    font-size: 8.7pt;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
}

    .modelldropdown:focus {
        background-color: #ededed !important;
        border: 1px solid #5f6161;
        outline: none;
    }

.gridpagingbutton {
    transition: all .3s ease;
    background-color: transparent;
    border: none;
    font-size: medium;
    text-transform: uppercase;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    cursor: pointer;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin: 4px;
    color: #333333;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .gridpagingbutton:hover {
        background-color: #bebebe;
    }

    .gridpagingbutton:disabled {
        color: #7f8484;
        background-color: transparent;
        cursor: default;
    }

.selectedgridpagingbutton {
    background-color: #bebebe;
}

.mainformlinkbutton {
    transition: all .3s ease;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    cursor: pointer;
    color: #004a99;
    text-decoration: none;
    text-transform: uppercase;
}

    .mainformlinkbutton:hover {
        text-decoration: underline;
    }

.mainformbutton {
    transition: all .3s ease;
    background-color: transparent;
    color: black;
    border: none;
    font-size: medium;
    text-transform: uppercase;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    cursor: pointer;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .mainformbutton:hover {
        background-color: #bebebe;
    }

    .mainformbutton:disabled {
        color: #7f8484;
        background-color: transparent;
        cursor: default;
    }

/* i. E. Delete */
.mainformredbutton {
    transition: all .3s ease;
    background-color: transparent;
    border: none;
    font-size: medium;
    text-transform: uppercase;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    color: #e50032;
    cursor: pointer;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .mainformredbutton:hover {
        background-color: #bebebe;
    }

    .mainformredbutton:disabled {
        color: #7f8484;
        background-color: transparent;
        cursor: default;
    }

.navlinkredbutton {
    transition: all .3s ease;
    color: #ff0101;
    text-decoration: none;
}

    .navlinkredbutton:hover {
        color: #ff6b6b !important;
    }

/* Colored Button - i. e. save */
.mainformaccentbutton {
    transition: all .3s ease;
    background-color: #004a99;
    color: white;
    border: none;
    font-size: medium;
    text-transform: uppercase;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
    padding: 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .mainformaccentbutton:hover {
        background-color: #0073d0;
    }

    .mainformaccentbutton:disabled {
        color: #7f8484;
        background-color: transparent;
        cursor: default;
    }

/* Alternativer Button */
.mainformalternatebutton {
    transition: all .3s ease;
    background-color: transparent;
    border: none;
    font-size: medium;
    text-transform: uppercase;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    color: #00254c;
    cursor: pointer;
    padding: 7px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .mainformalternatebutton:hover {
        background-color: #bebebe;
    }

    .mainformalternatebutton:disabled {
        color: #7f8484;
        background-color: transparent;
        cursor: default;
    }

.mainformalternatesmallbutton {
    white-space: nowrap;
    transition: all .3s ease;
    background-color: transparent;
    border: none;
    text-transform: none !important;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    color: #00254c;
    cursor: pointer;
    padding: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .mainformalternatesmallbutton:hover {
        background-color: #bebebe;
    }

    .mainformalternatesmallbutton:disabled {
        background-color: transparent;
        cursor: default;
    }

.filterlistbox {
    background-color: transparent;
    border: 1px solid #bebebe;
    padding: 5px;
    color: #333333;
}

    .filterlistbox option:hover {
        background-color: #bebebe;
    }

    .filterlistbox option:checked {
        background-color: #bebebe;
        color: black;
    }

/* Sonstiges */
.darkselectgridheader {
    border-bottom: 1px solid #bebebe;
}

/* Datagrids */

/* Datagrids von Popuop-Fenstern, z. B. Suchhilfe */
.selectgriddiv {
    overflow-y: auto;
}

.selectgridheader {
    border-bottom: 1px solid #dce2e2;
}

.selectgridcontent {
}

    .selectgridcontent tr:hover td {
        background-color: #e5e5e5;
        transition: all .3s ease;
    }

.selectgriditem {
    cursor: pointer;
}

    .selectgriditem td {
        padding-left: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
        vertical-align: top;
    }

.redrow {
    background-color: #eb9eaf !important; /* Important here to overwrite alternatingrow */
}

.reddropdownlist .rddlInner {
    color: Red !important;
}

.yellowrow {
    background-color: #eaeb9e !important; /* Important here to overwrite alternatingrow */
}

.greenrow {
    background-color: #9ce9a9 !important; /* Important here to overwrite alternatingrow */
}

.orangerow {
    background-color: #ffa400 !important; /* Important here to overwrite alternatingrow */
}

.redicon {
    color: #ff2800 !important;
    font-size: 20px;
}

.yellowicon {
    color: #e3bb00 !important;
    font-size: 20px;
}

.greenicon {
    color: #00e927 !important;
    font-size: 20px;
}

.highlightedicon {
    outline: 3px dotted black;
}

.summenrow {
    font-weight: bold;
}

.sortnone {
    background-image: url(../images/iconsortnone.png);
    background-repeat: no-repeat;
}

.sortasc {
    background-image: url(../images/iconsortasc.png);
    background-repeat: no-repeat;
}

.sortdesc {
    background-image: url(../images/iconsortdesc.png);
    background-repeat: no-repeat;
}

.sortright {
    background-position: right;
    padding-right: 19px;
    padding-left: 6px;
    text-align: right;
}

/* Styles des Content-Grids */
.boxgrid {
    border: 1px #b2b2b2 solid;
}

.contentgriddiv {
    overflow-y: auto;
    overflow-x: hidden;
    border-top: none;
    scrollbar-3dlight-color: white;
    scrollbar-arrow-color: #585a5a;
    scrollbar-base-color: white;
    scrollbar-darkshadow-color: white;
    scrollbar-face-color: white;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: #b7b7b7;
    padding-bottom: 1px;
}

@-moz-document url-prefix() {
    .contentgriddiv {
        scrollbar-gutter: stable;
        scrollbar-width: thin;
    }
}

    .contentgriddiv::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .contentgriddiv::-webkit-scrollbar-button {
        width: 7px;
        height: 7px;
    }

    .contentgriddiv::-webkit-scrollbar-thumb {
        background: #909090;
        border: none;
        border-radius: 29px;
    }

        .contentgriddiv::-webkit-scrollbar-thumb:hover {
            background: #505050;
        }

        .contentgriddiv::-webkit-scrollbar-thumb:active {
            background: #505050;
        }

    .contentgriddiv::-webkit-scrollbar-track {
        background: #f1f1f1;
        border: none;
        border-radius: 10px;
    }

        .contentgriddiv::-webkit-scrollbar-track:hover {
            background: #f1f1f1;
        }

        .contentgriddiv::-webkit-scrollbar-track:active {
            background: #f1f1f1;
        }

    .contentgriddiv::-webkit-scrollbar-corner {
        background: transparent;
    }

.contentbggriddiv {
    overflow-y: auto;
    border-top: none;
    scrollbar-3dlight-color: #c0c0c0;
    scrollbar-arrow-color: #585a5a;
    scrollbar-base-color: #c0c0c0;
    scrollbar-darkshadow-color: #c0c0c0;
    scrollbar-face-color: #c0c0c0;
    scrollbar-highlight-color: #c0c0c0;
    scrollbar-shadow-color: #b7b7b7;
    padding-bottom: 1px;
}

.contentmbggriddiv {
    overflow-y: auto;
    border-top: none;
    scrollbar-3dlight-color: #dce2e2;
    scrollbar-arrow-color: #585a5a;
    scrollbar-base-color: #dce2e2;
    scrollbar-darkshadow-color: #dce2e2;
    scrollbar-face-color: #dce2e2;
    scrollbar-highlight-color: #dce2e2;
    scrollbar-shadow-color: #b7b7b7;
    padding-bottom: 1px;
}

.contentgridheader {
    font-size: small !important;
    font-style: italic !important;
    border-bottom: none;
    padding: 7px;
}

    .contentgridheader a {
        color: black;
        text-decoration: none;
        text-transform: uppercase;
    }

.subheader {
    border-top: none;
}

.classicgridheader {
    padding-left: 20px !important;
}

.gridheadersortbutton {
    font-size: small !important;
    font-style: italic !important;
    border: none;
    background-color: transparent;
    padding: 0px;
    cursor: pointer;
    text-transform: uppercase;
}

.contentgridfooter {
    padding: 10px;
    border-top: none;
}

.contentgridnopadding td {
    padding: 0px !important;
}

.contentgridfirstitem {
    padding-left: 5px !important;
}

.contentgridlastitem {
    padding-left: 5px !important;
}

.contentgriditemcondensed {
    padding-left: 5px;
}

    .contentgriditemcondensed td {
        padding-left: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

.contentgriditemselectedcondensed {
    background-color: #e0e0e0;
    padding-left: 5px;
}

    .contentgriditemselectedcondensed td {
        padding-left: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

.contentgriditem {
}

    .contentgriditem td {
        padding-left: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

.contentgriditemselected {
    background-color: #e0e0e0;
    vertical-align: top;
}

    .contentgriditemselected td {
        padding-left: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

.contentgriditemimagecolumn {
    padding-top: 0px !important;
}

.contentgriditemnoresize {
    resize: none;
}

/* Icon styles */

.treeicon {
    color: white;
    opacity: 0.9;
    font-size: 20px;
    font-size: large;
}

.contenticon {
    color: black;
    opacity: 0.6;
    font-size: large;
}

.actionicon {
    cursor: pointer;
    touch-action: none;
}

/* Textbox-Placeholder */
*::-webkit-input-placeholder {
    color: #5f6161;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    font-style: italic !important;
}

*:-moz-placeholder {
    /* FF 4-18 */
    color: #5f6161;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    font-style: italic !important;
}

*::-moz-placeholder {
    /* FF 19+ */
    color: #5f6161;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    font-style: italic !important;
}

*:-ms-input-placeholder {
    /* IE 10+ */
    color: #5f6161;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    font-style: italic !important;
}

/* Background Colors */
.bgblue {
    background-color: #004a99 !important;
}

.bglightdarkblue {
    background-color: #00346b !important;
}

.bgdarkblue {
    background-color: #00254c !important;
}

.bgdarkerblue {
    background-color: #001a35 !important;
}

.bgdarkestblue {
    background-color: #00070f !important;
}

.bgactivepanel {
    background-color: #001f40 !important;
}

.bgcontent {
    background-color: #dce2e2 !important;
}

.fgcontent {
    background-color: #ffffff !important;
}

.fghighlightcontent {
    transition: all .3s ease;
    background-color: #fff2b5 !important;
    border: 1px solid #ffd797;
    cursor: pointer;
}

    .fghighlightcontent:hover {
        background-color: #ffd797 !important;
    }


/* Unten rechts gerundet */
.rounded {
    border-radius: 3px;
}

/* Oben rechts gerundet */
.roundedtop {
    border-top-right-radius: 3px;
}

/* Font Colors */
.navdecent {
    color: White !important;
    opacity: 0.7;
}

.nav {
    color: White !important;
}

.navselected {
    color: White !important;
    background-color: #667c94 !important;
}

.rpLink.bgactivepanel:has(+ .rpSlide .navselected) {
    border-inline: 6px solid #667c94 !important;
}

.topnav {
    transition: all .3s ease;
    color: White !important;
    opacity: 0.7;
}

    .topnav:hover {
        opacity: 1.0;
    }

.topnavselected {
    color: White !important;
}

.navdecentselected {
    color: White !important;
    opacity: 0.7;
}

.navdisabled {
    color: White !important;
    opacity: 0.4;
}

.contentdecent {
    color: #5f6161 !important;
}

.contentwarning {
    color: Red !important;
}

.navbottomborder {
    border-bottom: 1px solid #00346b;
}

.addPanelContextMenu {
    z-index: 60000 !important;
}

.addPanelContextMenuItem {
    background-color: #004a99;
    color: white !important;
}

    .addPanelContextMenuItem:first-of-type {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .addPanelContextMenuItem:last-of-type {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

/* Controls and Control Elements */
.radiobuttonlist td {
    height: 30px;
    padding: 5px;
    white-space: nowrap;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    font-size: 16px !important;
}

.navbutton {
    border: none;
    background-color: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
    padding: 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-decoration: none;
}

    .navbutton:hover {
        background-color: #336ead;
    }

.navbuttondisabled {
    border: none;
    background-color: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 7px;
    opacity: 0.4;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.navaccentbutton {
    border: none;
    background-color: #abc3dd;
    color: #e50032;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
    padding: 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .navaccentbutton:hover {
        color: white;
        background-color: #e50032;
    }

.navlinkbutton {
    text-decoration: none;
}

    .navlinkbutton:hover {
        color: white !important;
        text-decoration: underline;
    }

.navsearchbox {
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #667c94;
    color: #667c94;
}

.navscrollbar {
    scrollbar-3dlight-color: #00254c;
    scrollbar-arrow-color: #667c94;
    scrollbar-base-color: #00254c;
    scrollbar-darkshadow-color: #00254c;
    scrollbar-face-color: #667c94;
    scrollbar-highlight-color: #00254c;
    scrollbar-shadow-color: #00254c;
    -webkit-overflow-scrolling: touch;
}

.contentscrollbar {
    scrollbar-3dlight-color: #dce2e2;
    scrollbar-arrow-color: #585a5a;
    scrollbar-base-color: #dce2e2;
    scrollbar-darkshadow-color: #dce2e2;
    scrollbar-face-color: #bebebe;
    scrollbar-highlight-color: #dce2e2;
    scrollbar-shadow-color: #dce2e2;
    -webkit-overflow-scrolling: touch;
}

    .contentscrollbar::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .contentscrollbar::-webkit-scrollbar-button {
        width: 7px;
        height: 7px;
    }

    .contentscrollbar::-webkit-scrollbar-thumb {
        background: #909090;
        border: none;
        border-radius: 29px;
    }

        .contentscrollbar::-webkit-scrollbar-thumb:hover {
            background: #505050;
        }

        .contentscrollbar::-webkit-scrollbar-thumb:active {
            background: #505050;
        }

    .contentscrollbar::-webkit-scrollbar-track {
        background: #f1f1f1;
        border: none;
        border-radius: 10px;
    }

        .contentscrollbar::-webkit-scrollbar-track:hover {
            background: #f1f1f1;
        }

        .contentscrollbar::-webkit-scrollbar-track:active {
            background: #f1f1f1;
        }

    .contentscrollbar::-webkit-scrollbar-corner {
        background: transparent;
    }

.contentlinkbutton {
    text-decoration: none;
    color: black;
    cursor: pointer;
}

    .contentlinkbutton:hover {
        color: #666666 !important;
        text-decoration: underline;
    }

.iconbutton {
    color: black;
    text-decoration: none;
    white-space: nowrap;
}

.fullopacity {
    opacity: 1.0 !important;
}

/* Modell und Tabellenmodell */
.tabmodrow td {
    height: 30px;
    font-family: RobotoCondensed-Regular;
}

.tabmodrow input:focus {
    outline: 2px solid #004a99 !important;
}

.tabmodrow select:focus {
    outline: 2px solid #004a99 !important;
}

.tabmodalternatingrow {
    background-color: #f5f5f5;
}

/* Rad Panel Item add */
.rpadditem {
    background-color: #002f61 !important;
}

/* Colors */
.red {
    color: #e50032;
}

.green {
    color: #9ce9a9;
}

.reportCreateListBox {
    width: 350px;
    text-overflow: ellipsis;
}

.alternatinggriditem {
    background-color: #f5f5f5;
}

    .alternatinggriditem > div {
        background-color: #f5f5f5;
    }

/* Classic controls */

textarea:focus, input:focus {
    outline: none;
}

.gridtextbox {
    transition: all .3s ease;
    border: 1px solid #c6c6c6;
    height: 100%;
    width: 100%;
    padding: 2px;
    box-sizing: border-box;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    border-radius: 2px;
    margin-top: 0px; /* Fix flex formElement style here */
}

    .gridtextbox:read-only {
        opacity: 0.8;
    }

    .gridtextbox:disabled {
        background-color: transparent;
        opacity: 0.6;
        border: none;
    }

    .gridtextbox:not(:read-only):not(:disabled):focus {
        border-color: #000f14;
    }

.formTextBox {
    border-radius: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-right-style: none;
    border-bottom-style: solid;
    border-color: #a6a4a4;
    border-top-style: none;
    border-left-style: none;
    background-color: #e3e3e3;
    padding: 4px;
    padding-bottom: 3px;
    padding-left: 7px;
    min-height: 26px;
    scrollbar-3dlight-color: #e3e3e3;
    scrollbar-arrow-color: #000;
    scrollbar-base-color: #e3e3e3;
    scrollbar-darkshadow-color: #e3e3e3;
    scrollbar-face-color: #e3e3e3;
    scrollbar-highlight-color: #e3e3e3;
    scrollbar-shadow-color: #e3e3e3;
    font-family: Roboto-Regular, FontAwesome;
    transition: all .3s ease;
}

    .formTextBox:hover {
        background-color: #cccccc;
    }

    .formTextBox:focus {
        background-color: #cccccc;
        border-width: 1px;
        border-right-style: none;
        border-bottom-style: solid;
        border-color: #a6a4a4;
        border-top-style: none;
        border-left-style: none;
    }

    .formTextBox:read-only {
        background-color: #ffffff;
        color: #7f8484;
    }

    .formTextBox:disabled {
        background-color: #ffffff;
        color: #7f8484;
        border-bottom: 1px solid #7f8484;
    }

    .formTextBox.readOnly {
        background-color: #ffffff; /* IE fallback */
        color: #7f8484;
    }

    .formTextBox.disabled {
        background-color: #ffffff; /* IE fallback */
        color: #7f8484;
        border-bottom: 1px solid #7f8484;
    }

    .formTextBox::-webkit-input-placeholder { /* Chrome and Safari */
        font-family: Roboto, FontAwesome;
        opacity: 0.6;
        font-style: normal !important;
        text-align: left;
    }

    .formTextBox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        font-family: Roboto, FontAwesome;
        opacity: 0.6;
        font-style: normal !important;
        text-align: left;
    }

    .formTextBox::-moz-placeholder { /* Mozilla Firefox 19+ */
        font-family: Roboto, FontAwesome;
        opacity: 0.6;
        font-style: normal !important;
        text-align: left;
    }

    .formTextBox:-ms-input-placeholder { /* Internet Explorer 10-11 */
        font-family: Roboto, FontAwesome;
        opacity: 0.6;
        font-style: normal !important;
        text-align: left;
    }

    .formTextBox::-ms-input-placeholder { /* Microsoft Edge */
        font-family: Roboto, FontAwesome;
        opacity: 0.6;
        font-style: normal !important;
        text-align: left;
    }

.condensed {
    font-stretch: condensed;
}

.iconButton {
    border-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-color: #c5c4c4;
    border-top-style: none;
    border-left-style: none;
    font-size: small !important; /* Override of actionicon - consilidate that */
    cursor: pointer;
    color: #000000;
    background-color: #f5f5f5;
    padding: 7px;
    transition: all .3s ease;
}

    .iconButton:hover {
        background-color: #dedede;
    }

    .iconButton.popup {
        background-color: rgba(0, 74, 153, 0.5);
        color: white;
    }

        .iconButton.popup:hover {
            background-color: rgba(0, 74, 153, 1);
        }

.gridItem {
    transition: all .3s ease;
    padding-top: 2px;
    padding-bottom: 2px;
}

    /* Compatibility for SortablePageableGrid */
    .gridItem > td {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .gridItem:hover {
        background-color: #e0e0e0 !important;
    }

    .gridItem.alternating {
        background-color: #f5f5f5;
    }

    .gridItem.selected {
        background-color: #c1c1c1;
    }

.tableLink {
    text-decoration: none;
    transition: all .3s ease;
    color: black;
}

    .tableLink:hover {
        background-color: #e5e5e5;
    }

.gridIcon {
    font-size: large;
    color: #000000;
    opacity: 0.6;
    transition: all .3s ease;
    cursor: pointer;
}

    .gridIcon:hover {
        opacity: 1;
    }

.gridHeader {
    border-top: 1px #b2b2b2 solid;
    border-left: 1px #b2b2b2 solid;
    border-right: 1px #b2b2b2 solid;
}

    .gridHeader span {
        opacity: 0.8;
        font-size: 90%;
    }

    .gridHeader.subHeader {
        border-top: none;
    }

.gridFooter {
    border-bottom: 1px #b2b2b2 solid;
    border-left: 1px #b2b2b2 solid;
    border-right: 1px #b2b2b2 solid;
}

    .gridFooter > * {
        margin: 10px;
    }

.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;
    }

.gridTextContainer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
}

    .gridTextContainer span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        width: 100%;
    }

.contentPanelBar {
    background-color: transparent !important;
}

/* WorkForm Apps */
.workFormAppSeparator {
    border-left: 3px solid Gray !important;
}

/* Crp custom controls */
.flexDrawer {
    cursor: pointer;
    transition: all .3s ease;
}

    .flexDrawer:hover {
        background-color: #f5f5f5;
    }

.gridPagerButton {
    padding: 10px;
    margin: 10px;
    cursor: pointer;
    border-radius: 3px;
    background-color: #f5f5f5;
}

    .gridPagerButton:hover {
        background-color: #e5e5e5;
    }

.gridPagerButtonSelected {
    padding: 10px;
    margin: 10px;
    border-radius: 3px;
    background-color: #e5e5e5;
}

/* asp.net runtime classes */
.aspNetDisabled label {
    opacity: 0.4;
}

/* Sticky-Handling: Hintergrund leicht abblenden */
.sticky-element.is-sticky {
    background-color: rgba(220, 226, 226, 0.8);
    border-radius: 5px;
}