/* 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: fixed;
    top: 0px;
    left: 0px;
    z-index: 70000;
    display: none;
    width: 100%;
    height: 100%;
}

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

/* 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 #dce2e2;
    width: 100%;
}

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

.mainformtextbox {
    padding: 3px;
    margin-top: 3px;
    transition: all .3s ease;
    border: none;
    background-color: transparent;
    border-bottom: 2px solid #c6c6c6;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    font-size: medium;
    border-radius: 2px;
}

    .mainformtextbox:hover {
        border-bottom: 2px solid #000f14;
    }

    .mainformtextbox:focus {
        border-bottom: 2px solid #000f14;
    }

    .mainformtextbox:disabled {
        background-color: transparent;
    }

    .mainformtextbox:read-only {
        background-color: transparent;
    }

    .mainformtextbox:read-write {
        background-color: white;
    }

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

.mainformmultilinetextbox {
    transition: all .3s ease;
    border: none;
    background-color: transparent;
    border-bottom: 2px solid #c6c6c6;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    font-size: medium;
    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-radius: 3px;
}

    .mainformmultilinetextbox:hover {
        border-bottom: 2px solid #000f14;
    }

    .mainformmultilinetextbox:focus {
        border-bottom: 2px solid #000f14;
    }

    .mainformmultilinetextbox:disabled {
        background-color: transparent;
    }

    .mainformmultilinetextbox:read-only {
        background-color: transparent;
    }

    .mainformmultilinetextbox:read-write {
        background-color: white;
    }

.mainformmultilinetextboxreadonly {
    font-size: medium;
    border: none;
    background-color: #f5f5f5;
    border-bottom: 1px solid #dce2e2;
    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-radius: 3px;
}

.mainformtextboxreadonly {
    padding: 3px;
    margin-top: 3px;
    font-size: medium;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #dce2e2;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    border-radius: 3px;
}

.mainformgridtextboxreadonly {
    font-size: medium;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #dce2e2;
    color: #dce2e2;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    border-radius: 3px;
}

.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-radius: 3px;
    padding: 4px;
    color: #000f14;
    text-decoration: none;
}

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

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

.selectedgridpagingbutton {
    background-color: #bebebe;
}

.mainformbutton {
    transition: all .3s ease;
    background-color: #173541;
    color: white;
    border: none;
    font-size: medium;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    cursor: pointer;
    border-radius: 3px;
    padding: 7px;
}

    .mainformbutton:hover {
        filter: brightness(2.0);
    }

    .mainformbutton:disabled {
        opacity: 0.2;
        cursor: default;
    }

/* i. E. Delete */
.mainformredbutton {
    transition: all .3s ease;
    background-color: #BF8902;
    border: none;
    font-size: medium;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    color: white;
    cursor: pointer;
    border-radius: 3px;
    padding: 7px;
}

    .mainformredbutton:hover {
        filter: brightness(1.2);
    }

    .mainformredbutton:disabled {
        opacity: 0.2;
        cursor: default;
    }

/* Styles for the .net standard components */

.standardgridview {
    border: none;
    background: white;
    border-radius: 5px;
}

.standardgridviewrow {
    border: none;
    margin-bottom: 3px;
    margin-top: 3px;
}

    .standardgridviewrow td {
        border: none;
    }

.standardgridviewheader th {
    text-align: left;
    border: none;
    font-weight: normal;
    font-style: italic;
    text-transform: uppercase;
    background-color: #c6c6c6;
    color: white;
}

    .standardgridviewheader th:first-child {
        border-top-left-radius: 5px;
    }

    .standardgridviewheader th:last-child {
        border-top-right-radius: 5px;
    }

    .standardgridviewheader th a {
        text-decoration: none;
        color: #000f14;
    }

.standardgridviewselectedrow {
    font-size: 14px;
}

    .standardgridviewselectedrow td {
        background-color: #eeeeee;
        border: none;
    }

.standardgridviewpager {
    border: none;
}

    .standardgridviewpager td {
        border: none;
    }

    .standardgridviewpager a {
        text-decoration: none;
        color: #999999;
    }

.standardgridviewsortingascending {
    background-image: url('GridView/MoveUp.gif');
}

.standardgridviewsortingdescending {
    background-image: url('GridView/MoveDown.gif');
}

.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: #969d37;
    color: white;
    border: none;
    font-size: medium;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    border-radius: 3px;
    cursor: pointer;
    padding: 7px;
}

    .mainformaccentbutton:hover {
        filter: brightness(1.2);
    }

    .mainformaccentbutton:disabled {
        opacity: 0.2;
        cursor: default;
    }

/* Alternativer Button */
.mainformalternatebutton {
    transition: all .3s ease;
    background-color: #2e6981;
    border: none;
    font-size: medium;
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    color: white;
    cursor: pointer;
    padding: 7px;
    border-radius: 3px;
}

    .mainformalternatebutton:hover {
        filter: brightness(1.2);
    }

    .mainformalternatebutton:disabled {
        opacity: 0.2;
        cursor: default;
    }

.mainform {
    font-size: medium;
}

    .mainform .fieldlabel {
        font-size: small;
        opacity: 0.7;
    }

/* 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 {
    transition: all .3s ease;
}

    .selectgridcontent tr:hover td {
        background-color: #f5f5f5;
    }

.selectgriditem {
    cursor: pointer;
}

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

.alternatinggriditem {
    background-color: #f5f5f5;
}

.redrow {
    background-color: #eb9eaf;
}

.yellowrow {
    background-color: #eaeb9e;
}

.greenrow {
    background-color: #9ce9a9;
}

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

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

.contentgriddiv {
    overflow-y: auto;
    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;
}

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

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

.gridheadersortbutton {
    font-size: small !important;
    font-style: italic !important;
    border: none;
    background-color: transparent;
    padding: 0px;
    padding-bottom: 3px;
    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: #f5f5f5;
}

    .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: #f5f5f5;
}

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

.contenticon {
    color: #173541;
    font-size: 20px;
    text-decoration: none;
}

.actionicon {
    cursor: pointer;
}

/* 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: #001e27 !important;
}

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

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

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

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

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

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

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

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

.fglightgreycontent {
    transition: all .3s ease;
    background-color: #fafafa;
    border: 1px solid #e0e0e0;
}

.fggreycontent {
    transition: all .3s ease;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
}

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

.roundedsmall {
    border-radius: 3px;
}

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

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

.nav {
    color: White !important;
}

.navselected {
    color: #173541 !important;
    background-color: #eeeff1 !important;
}

    .navselected .rpHovered,
    .navselected .rpHovered.bgdarkestblue {
        color: #c6c6c6 !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 #a21f32;
}

/* 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 {
    transition: all .3s ease;
    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;
}

    .navbutton:hover {
        background-color: #f2304a;
    }

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

.navaccentbutton {
    transition: all .3s ease;
    border: none;
    background-color: #bbbcc0;
    color: #58585a;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
    padding: 7px;
}

    .navaccentbutton:hover {
        background-color: #ebecf2;
    }

.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 #a1a2a6;
    color: #a1a2a6;
}

.fullopacity {
    opacity: 1.0 !important;
}

/* Neutral button for workform sequence viewer */
.stepaccentbutton {
    transition: all .3s ease;
    background-color: #f5f5f5;
    color: #333333;
    border: 1px solid #dedede;
    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;
}

    .stepaccentbutton:hover {
        background-color: #d0d0d0;
    }

    .stepaccentbutton:disabled {
        color: #999999;
        background-color: transparent;
        cursor: default;
    }

.navscrollbar {
    scrollbar-3dlight-color: #a1a2a6;
    scrollbar-arrow-color: #a21f32;
    scrollbar-base-color: #a1a2a6;
    scrollbar-darkshadow-color: #a1a2a6;
    scrollbar-face-color: #58585a;
    scrollbar-highlight-color: #a1a2a6;
    scrollbar-shadow-color: #a1a2a6;
}

.contentscrollbar {
    scrollbar-3dlight-color: #a1a2a6;
    scrollbar-arrow-color: #a21f32;
    scrollbar-base-color: #a1a2a6;
    scrollbar-darkshadow-color: #a1a2a6;
    scrollbar-face-color: #58585a;
    scrollbar-highlight-color: #a1a2a6;
    scrollbar-shadow-color: #a1a2a6;
}

.workformscrollbar {
    scrollbar-3dlight-color: #d0d0d0;
    scrollbar-arrow-color: #d0d0d0;
    scrollbar-base-color: #d0d0d0;
    scrollbar-darkshadow-color: #f0f0f0;
    scrollbar-face-color: #d0d0d0;
    scrollbar-highlight-color: #f0f0f0;
    scrollbar-shadow-color: #f0f0f0;
}

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

.tabmodalternatingrow {
    background-color: #f5f5f5;
}

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