/* Styles used in WorkSpace */

.background {
    background-color: #ffffff;
}

.background-editor {
    background-color: #777777;
}

.backgroundcolor {
    color: #ffffff;
}

.firstlevel {
    background-color: #eeeeee;
}

.secondlevel {
    background-color: #eeeff1;
}

.thirdlevel {
    background-color: #949699;
}

/* If it weren't for them, the colours would have been inverted in light mode. */

.sidebar_firstlevel {
    background-color: #dadbdd;
}

.sidebar_secondlevel {
    background-color: #eeeff1;
}

.forecolor {
    color: #000000;
}

.alternateforecolor {
    color: #e0e0e0;
}

.sidebarcomponent {
    margin: 3%;
    overflow: hidden;
}

.icon {
    color: rgba(0,30,39,1);
    border-radius: 5px;
}

.activeicon {
    color: rgba(0,30,39,1);
}

.activeicon:hover {
    color: rgba(0,30,39,0.4);
}

.selected {
    background: rgba(0,30,39,0.2);
    cursor: default;
    text-decoration: none;
}

.grid:hover {
    background-color: #dadbdd;
}

    .grid:hover > div {
        background-color: #dadbdd;
    }

.gridselected {
    background-color: #dadbdd;
}

    .gridselected > div {
        background-color: #dadbdd;
    }

.gridicon {
    color: #949699;
    cursor: default;
}

.gridaccenticon {
    color: #969d37;
    cursor: default;
}

.tile:hover {
    background-color: #bababa;
}

/* Too much
.toolbar > i:hover, .toolbar > a:hover {
    background-color: #949699;
}
*/

.toolbar > i, .toolbar > a {
    border-radius: 30px;
}

.toolbarselected {
    background-color: #949699;
}

.scroll {
    scrollbar-3dlight-color: #4a4b4d;
    scrollbar-arrow-color: #4a4b4d;
    scrollbar-base-color: #4a4b4d;
    scrollbar-darkshadow-color: #6f7073;
    scrollbar-face-color: #4a4b4d;
    scrollbar-highlight-color: #6f7073;
    scrollbar-shadow-color: #6f7073;
}

/* Colors match secondlevel and backgroundcolor */
.modalbox {
    background-color: #a4a5a6;
    border: 1px solid #202021;
}

/* Mathes secondlevel and forecolor */
.modalboxtextbox {
    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;
}

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

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

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

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

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

    .modalboxtextbox::-webkit-input-placeholder {
        color: #141414 !important;
    }

    .modalboxtextbox:-moz-placeholder {
        /* FF 4-18 */
        color: #141414 !important;
        opacity: 1;
    }

    .modalboxtextbox::-moz-placeholder {
        /* FF 19+ */
        color: #141414 !important;
        opacity: 1;
    }

    .modalboxtextbox:-ms-input-placeholder {
        /* IE 10+ */
        color: #141414 !important;
    }

    .modalboxtextbox::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #141414 !important;
    }

    .modalboxtextbox::placeholder {
        /* modern browser */
        color: #141414 !important;
    }

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

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

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

/* i. E. Delete */
.workspaceaccentbutton {
    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;
}

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

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

.profileimage div {
    background-color: #bababa;
    color: #4a4b4d;
}

.sortableheader {
    text-decoration: none;
    font-style: italic;
    padding: 5px;
    margin: 5px;
    color: rgba(0,30,39,1);
}

    .sortableheader:hover {
        color: rgba(0,30,39,0.6);
    }

.notsortableheader {
    color: rgba(0,30,39,0.6);
}

.searchResult > div:hover {
    background-color: #e0e0e0;
}

.selectedGridRow {
    outline: 2px solid rgba(0,30,39,0.7);
}

.statusicon {
    color: #e0e0e0;
    font-size: 24px;
    cursor: default;
}

.remark {
    margin: 24px;
    position: absolute;
    background-color: white;
    color: #141414;
    font-size: 14px;
    line-height: 70%;
    border-radius: 10px;
    padding: 3px;
}

.remarkHeadline {
    margin: 15px;
    position: absolute;
    background-color: #e0e0e0;
    color: #141414;
    font-size: 14px;
    line-height: 70%;
    border-radius: 10px;
    padding: 3px;
}

.remarkOverlay {
    position: absolute;
    background-color: #e0e0e0;
    color: #141414;
    font-size: 24px;
    border-radius: 35px;
    z-index: 30;
    padding: 3px;
}

.gridRemarkOverlay {
    font-size: 20px;
    position: absolute;
    left: 20px;
    top: 13px;
    color: #9f2135;
}

.editorRemarkOverlay {
    font-size: 25px;
    position: absolute;
    left: 21px;
    top: 14px;
    color: #9f2135;
}

.messageText {
    font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
    font-size: 16px;
}

/* Checkbox Icon, nicht markiert */
.RadButton_WorkSpace .rbToggleCheckbox {
    background-image: url('Skins/WorkSpace/Common/icontogglebright.png');
    background-position: 0 !important;
}

/* Checkbox Icon, markiert */
.RadButton_WorkSpace .rbToggleCheckboxChecked {
    background-image: url('Skins/WorkSpace/Common/icontoggledbright.png');
    background-position: 0 !important;
}

.RadTabStrip_WorkSpace .rtsUL {
    width: 100%;
}

.RadTabStrip_WorkSpace .rtsLI {
    background-color: #bababa;
    margin: 0.3% !important;
}

.RadTabStrip_WorkSpace .rtsLink:hover {
    background-color: #949699 !important;
}

.RadTabStrip_WorkSpace .rtsLI, .RadTabStrip_WorkSpace .rtsLink {
    color: #202021 !important;
    border-radius: 3px;
}

.RadTabStrip_WorkSpace .rtsSelected, .RadTabStrip_WorkSpace .rtsSelected:hover {
    background-color: #e0e0e0 !important;
    color: #202021 !important;
}

.RadTabStrip_WorkSpace .rtsLevel {
    background-color: transparent !important;
}

.RadButton_WorkSpace.rbToggleButton, .RadButton_WorkSpace.rbToggleButton.rbDisabled:hover { /* Important can be removed after optimizing the rest of the styles */
    color: #202021 !important;
}

.riEmpty {
    color: #141414 !important;
}

.riTextBox {
    border-bottom: 1px solid #6f7073 !important;
}

.RadComboBox_WorkSpace {
    color: #202021;
}

.RadComboBoxDropDown_WorkSpace {
    border-color: #202021;
    color: #202021;
    background-color: #e0e0e0;
}

.RadComboBox_WorkSpace .rcbEmptyMessage {
    color: #202021;
}

.RadComboBox_WorkSpace .rcbInput {
    color: #202021;
    background-color: #949699;
}

.RadComboBox_WorkSpace .rcbHovered .rcbInput {
    border-color: #bababa !important;
    color: #202021;
    background-color: #bababa;
}

.RadComboBox_WorkSpace .rcbFocused .rcbInput {
    border-color: #bababa !important;
    color: #202021;
    background-color: #bababa;
}

.RadComboBox_WorkSpace .rcbReadOnly .rcbInput {
    color: #202021;
}

.RadComboBox_WorkSpace .rcbHovered .rcbReadOnly .rcbInput {
    color: #202021;
}

.RadComboBox_WorkSpace .rcbFocused .rcbReadOnly .rcbInput {
    color: #202021;
}

.RadComboBoxDropDown_WorkSpace .rcbHeader,
.RadComboBoxDropDown_WorkSpace .rcbFooter {
    color: #202021;
}

.RadComboBoxDropDown_WorkSpace .rcbHeader {
    background-color: #6f7073;
    font-style: italic;
    border-bottom: 1px solid #dce2e2;
}

.RadComboBoxDropDown_WorkSpace .rcbFooter {
    background-color: #6f7073;
    border-top: 1px solid #dce2e2;
}

.RadComboBoxDropDown_WorkSpace .rcbHovered {
    color: #202021;
    background-color: #bababa;
}

.RadComboBoxDropDown_WorkSpace .rcbSelected {
    color: #202021;
    background-color: #bababa;
}

.RadComboBoxDropDown_WorkSpace .rcbLoading {
    color: #202021;
    background-color: #bababa;
}

.RadComboBoxDropDown_WorkSpace .rcbItem em {
    color: #202021;
    background-color: #bababa;
}