@font-face {
    font-family: 'Open Sans';
    src: url("fonts/OpenSans-Light-webfont.eot");
    src: url("fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Light-webfont.woff") format("woff"), url("fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("fonts/OpenSans-Light-webfont.svg#open_sanslight") format("svg");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("fonts/OpenSans-Regular-webfont.eot");
    src: url("fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Regular-webfont.woff") format("woff"), url("fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("fonts/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("fonts/OpenSans-Semibold-webfont.eot");
    src: url("fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg");
    font-weight: 600;
    font-style: normal;
}

.primary-bg, .navbar, .k-calendar > .k-header, .k-window-titlebar, .k-window > .k-header {
    background-color: #392660;
    color: #fff;
}

.secondary-bg, .version-label {
    background-color: #d45500;
    color: #fff;
}

.light-bg, body.popup, body.theme-light, body.theme-light .r-titel-wrapper {
    background-color: #efefef;
}

.uppercase, .version-label {
    text-transform: uppercase;
}

.padding-m, .version-label {
    padding: 5px;
}

body {
    font-family: "Open Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    min-height: 100vh;
}

main {
    min-height: calc(100vh - 30px);
}

.navbar {
    height: 55px;
    font-size: 14px;
}

    .navbar .k-dropdown .k-icon {
        font-size: 20px;
    }

    .navbar .k-dropdown .k-input {
        color: #fff;
    }

    .navbar .navbar a {
        color: #fff;
    }

    .navbar .navbar .dropdown-item {
        color: #212529;
    }

    .navbar .k-dropdown, .navbar .k-dropdown-wrap.k-state-default {
        background: rgba(240, 240, 240, 0.1);
        color: #fff;
        border: none;
    }

    .navbar .k-icon {
        color: #fff;
        background: transparent;
        border: none;
    }

        .navbar .k-icon.k-i-close {
            color: #fff;
        }

    .navbar .k-i-search {
        font-size: 20px;
    }

.version-label {
    display: block;
    letter-spacing: 14px;
    text-align: center;
    width: 280px;
    position: absolute;
    right: 400px;
    top: 0;
    z-index: 9999;
    /*    display: none;*/
}

.form-inline input {
    border: none;
    border-bottom: 1px solid rgba(240, 240, 240, 0.7);
    background: rgba(240, 240, 240, 0.1);
    color: #fff;
}

.k-autocomplete, .k-autocomplete .k-input, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-dropdown-wrap, .k-multiselect, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-split-button, .k-textbox, .k-timepicker, .k-tooltip, .k-upload, .k-button, .k-multiselect-wrap {
    border-radius: 0;
}

.k-button {
    /*    padding: 4px;*/
    font-size: 13px;
    background: #392660;
    color: #fff;
    border: none;
}

.k-grid .k-button {
    background: transparent !important;
}

.k-upload {
    font-size: 13px;
}

    .k-upload em {
        color: #999;
    }

.k-dropdown-wrap .k-select, .k-dropdown-wrap .k-input {
    line-height: 1.5em;
}

.k-popup .k-list .k-item {
    color: #392660;
}

.k-popup .k-list .k-state-selected.k-state-focused {
    background-color: #392660;
    color: #fff;
}

.k-popup .k-list .k-state-hover {
    background-color: #eee;
}

.k-tabstrip .k-reset.k-tabstrip-items {
    background: #efefef;
    border: none;
    color: #999;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
}

.k-tabstrip .k-content {
    border: none;
    background: #efefef;
}

.k-tabstrip-top > .k-tabstrip-items .k-item {
    background: #efefef;
    color: #999;
    border: none;
}

.k-tabstrip-top .k-item.k-state-default.k-first .k-link {
    padding-left: 0;
}

.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active {
    background: #efefef;
    color: #515151;
}

.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-hover {
    background: #efefef;
    color: #515151;
}

.k-loading.k-complete, .k-loading.k-progress {
    border: none;
}

.k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content {
    padding-left: 0;
    padding-right: 0;
}

.form-group input {
    width: 100%;
}

.form-group label[for], .request-description-label {
    color: #999;
    text-transform: uppercase;
    font-size: 12px;
}

.request-description-actions {
    float: right;
}

.request-description-label {
    width: auto;
}

.comment-text {
    background: #fafafa;
    padding: 14px 20px;
    font-size: 14px;
}

.comment-toolbar {
    margin-bottom: 10px;
    color: #888;
}

.description-edited-note {
    margin-top: 4px;
    font-size: 13px;
    color: #999;
    text-align: right;
}

.r-attachment-wrapper h5 {
    font-size: 15px;
    text-transform: uppercase;
}

.request-comment, .request-comment .comment-text {
    border-radius: 0;
    background: #fff;
}

    .request-comment .comment-text {
        padding: 0;
        padding-top: 7px;
    }

.comment-container {
    margin: 10px 0;
}

.request-comment-collapse-icon {
    float: right;
}

.k-tabstrip > .k-content, .r-ticket-main-panel {
    overflow: visible;
}

.btn-group.comment-bar .k-icon {
    color: #515151 !important;
}

.k-grid {
    font-size: 13px;
    border: none;
    height: 100vh;
    color: #444;
}

    .k-grid .k-header {
        background: #fff !important;
        text-transform: uppercase;
        font-size: 11px;
        /*border: none !important;*/
    }

    .k-grid .k-dropdown {
        width: 100%;
    }

    .k-grid .k-dropdown-wrap {
        background: none !important;
        border: none !important;
    }

.k-grid-header .k-header, .k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-pager-info, .k-scheduler-agendaview .k-scheduler-datecolumn, .k-scheduler-header {
    color: #fff;
}

.k-grid td {
    white-space: nowrap;
    border: none;
    padding: 4px;
}

.k-grid .k-hierarchy-col {
    width: 10px;
}

.k-grid .k-hierarchy-cell {
    vertical-align: bottom;
    width: 10px;
}

.k-grid-header th.k-header {
    background: #515151 !important;
}

    .k-grid-header th.k-header:not([rowspan]) {
        border-left: none !important;
        color: #fff !important;
    }

    .k-grid-header th.k-header > .k-link {
        margin: 0;
        padding: 0;
    }

.k-grid td.alert-grid-checkbox-cell {
    overflow: visible;
}

.k-detail-row {
    background: #f6f6f6;
}

.k-pager-info {
    color: #999;
}

.k-grid td.center-align-cell {
    text-align: center;
}

.k-i-sort-desc-sm {
    color: white !important;
}

.k-i-sort-asc-sm {
    color: white !important;
}

.k-sort-order {
    color: white !important;
}

.k-pager-sizes > select {
    background: #fff;
    border: 0;
    padding-left: 4px;
}

.k-filtercell .k-filtercell-wrapper > .k-textbox {
    width: 100%;
    min-width: 0;
    border: none;
    font-size: 13px;
    border-bottom: 1px solid #aaa;
    background: transparent;
    height: 27px;
    padding-left: 0;
    margin-left: 4px;
    width: calc(100% - 30px);
    flex: none;
}

.k-filter-row td, .k-filter-row th {
    padding: 5px 8px;
    padding-top: 3px;
}

.k-filter-row .k-icon.k-i-filter {
    color: #999;
}

.k-grid-header, .k-grid-toolbar, .k-grouping-header, .k-grid-add-row, .k-grid-footer {
    color: #888;
    background-color: #f6f6f6;
    /*text-align: center;*/
    padding: 0;
}

.k-grid-column-menu.k-grid-filter .k-icon {
    color: #888;
}

.k-grid .k-alt {
    background-color: #f6f6f6;
}

.k-grid tr td {
    border: none;
}

.k-editable-area .k-content {
    background: #fff;
}

.k-editor-widget {
    margin-bottom: 4px;
}

.sidebar {
    border-bottom: 1px solid #bbb;
    display: inline-block;
    min-width: 300px;
    margin-bottom: 10px;
}

    .sidebar .k-icon {
        margin-right: 8px;
        font: 30px/1 WebComponentsIcons;
        color: #ee8133;
        border: none;
        transition: opacity 1s;
        opacity: 1;
        margin-bottom: 6px;
    }

        .sidebar .k-icon[disabled] {
            opacity: 0.8;
            color: #9b9a9a;
        }

        .sidebar .k-icon.k-i-plus {
            font: 40px/1 WebComponentsIcons;
            margin-left: 1px;
        }

.r-titel .k-icon {
    margin-left: 10px;
    font: 15px/1 WebComponentsIcons;
    color: #888;
}

    .r-titel .k-icon:hover {
        color: #ee8133;
    }

.r-titel .request-description-label {
    color: #777;
    font-size: 12px;
    margin-bottom: 6px;
    display: inline-block;
}

.k-editor-dropdown, .k-widget.k-combobox {
    font-size: 13px;
}

.k-colorpicker .k-picker-wrap {
    line-height: 1.7em;
}

.k-editor .k-editable-area .k-content {
    border: none;
}

.k-editor .k-editor-toolbar-wrap {
    background: #fcfcfc;
    border-bottom: 1px solid #eee;
}

.k-editor.k-resizable .k-editable-area {
    padding: 10px;
}

.k-group-indicator .k-icon {
    color: #fff;
}

.custom-radio {
    font-size: 13px;
}

.request-comment .k-icon.k-i-delete {
    background: transparent;
    margin-left: 10px;
    font-size: 16px;
}

#overview_grid {
    height: calc(100vh - 210px);
}

.k-grouping-header {
    height: auto;
    border-radius: 0;
    border: none;
    padding: 4px;
    margin-bottom: 8px;
}

.k-grid, .k-grid .k-header {
    background: transparent !important;
}

.k-grid-content {
    background: #fff;
}

#grid .k-grid-content {
    height: calc(100vh - 315px) !important;
}

body.ab-account-page {
    background: #3c295f;
    line-height: 1.625;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ab-login-panel {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: rgba(255, 255, 255, 0.9);
    margin: auto;
    width: 450px;
    padding: 60px;
    padding-top: 40px;
    font-size: 14px;
}

.ab-login-panel {
    color: #777;
}

    .ab-login-panel a {
        color: #3c295f;
        text-decoration: underline;
    }

    .ab-login-panel h4 {
        color: #3c295f;
        font-weight: normal;
        text-align: center;
        font-size: 18px;
    }

.login-logo {
    width: 100%;
    margin-bottom: 40px;
}

a.login-btn {
    display: block;
    padding: 6px;
    background: #888;
    color: #fff !important;
    text-align: center;
    /*    font-weight: bold;*/
    margin-bottom: 4px;
    text-decoration: none;
}

.login-btn i {
    margin-right: 6px;
}

a.ab-debug-info-link {
    color: #888;
    font-size: 12px;
}

.ab-note {
    font-size: 10px;
}

@media all and (min-width: 500px) {
    body.ab-account-page {
        background-image: url(../images/Login/Login_4.jpg);
        background-color: transparent;
        background-size: cover;
    }

    .ab-login-panel {
        margin-top: 100px;
    }
}

@media all and (max-width: 500px) {
    body.ab-account-page .ab-main-wrapper {
        padding: 0;
        padding-top: 10px;
    }

    .ab-login-panel {
        width: 100%;
        background: #fafafa;
        padding: 30px;
    }
}

#QueryString {
    width: 100%;
    border: none;
    line-height: 2.21428571em;
    padding: .17857143em 0;
    text-indent: .8em;
    margin: 0;
}

.form-control {
    border-radius: 0;
}

.k-datepicker, .k-dropdown, .k-multiselect, input, input.form-control {
    font-size: 14px;
}

#iconButton {
    color: #fff;
}

.create_popup {
    padding: 20px;
}

.k-window-titlebar {
    text-transform: uppercase;
    font-size: 12px;
    border: none;
}

.k-widget.k-window {
    border: none;
}

.k-dialog-buttongroup .k-button {
    margin: 1px;
}

.lightbox-link {
    color: #d45500;
}

input.invalid {
    border: 2px solid #392660;
}

.k-widget.invalid {
    border: 2px solid #392660;
}

.r-legal-wrapper {
    margin: 30px 30px;
    max-width: 900px;
}

.footer {
    /*position: absolute;
    bottom: 0;*/
    /* margin-right: 50px; */
    /* margin-top: 50px; */
    background: #e6e6e6;
    width: 100%;
    padding: 4px 20px;
    font-size: 14px;
}

    .footer .legal-footer {
        text-align: right;
    }

        .footer .legal-footer a {
            color: #212529;
        }

            .footer .legal-footer a span {
                padding-left: 17px;
                margin-right: 10px;
            }

            .footer .legal-footer a:before {
                content: "";
                position: absolute;
                margin-top: 5px;
                width: 12px;
                height: 12px;
                background: #392660;
            }

.k-grouping-header {
    color: #888 !important;
}

.k-drag-clue {
    background: #d45500;
    padding: 0;
    font-size: 13px;
    border: none;
}

.k-primary:hover {
    color: #fff;
    border-color: #d45500;
    background-color: #d45500;
}

.alert {
    border-radius: 0;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    border: 0;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .alert button {
        justify-content: flex-end;
    }

.alert-info {
    color: #fff;
    background-color: #515151;
    font-size: 14px;
    text-align: center;
}

.alert-text {
    flex-grow: 1;
}

.alert-info a {
    color: #ddd;
}

.alert-dismissible {
    padding-right: 10px;
}

.error-msg-panel {
    display: flex;
    justify-content: center;
    margin-top: 200px;
}

    .error-msg-panel h1 {
        font-size: 24px;
    }

    .error-msg-panel h2 {
        font-size: 20px;
    }

.navbar-header a, .navbar-nav a {
    color: #fff;
}

.status-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-left: 6px;
}

.status-dot-red {
    background: #CE141D;
}

.status-dot-green {
    background: #42891E;
}

.k-grid-norecords {
    vertical-align: middle;
    padding-top: 20vh;
    height: 50%;
    font-size: 16px;
}

.k-button[disabled] {
    color: white !important;
    background: gray !important;
}

.k-widget.k-maskedtextbox input.k-textbox {
    text-indent: 0.5em !important;
}

.critical {
    color: red;
}

.unestimated {
    color: #de08b0;
}
.k-alt.da-intern {
    background-color: rgba(57, 38, 96, 0.45);
}

.da-intern {
    background-color: rgb(236 230 239);
}

@media(max-width: 917px){
    .k-grid td {
        white-space: normal;
    }

    .nav-item#project-list {
        display: none;
    }
}

@media(max-width: 745px) {
    .nav-item#user-list {
        display: none;
    }
}

@media(max-width: 459px) {
    .nav-item#goto {
        display: none;
    }
}