@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

body,
html {
    height: 100%;
}

.focusedform #page-container, .focusedform #page-container > #page-content {
    height: 100%;
}

    .focusedform #page-container > #page-content {
        background: rgba(0, 0, 0, 0) url(/Files/images/background.jpg) repeat fixed center center / cover;
    }

        .focusedform #page-container > #page-content .panel-body, .focusedform #page-container > #page-content .panel-footer {
            border: none !important;
        }

        .focusedform #page-container > #page-content .panel-footer {
            border-top: 1px solid #ddd !important;
        }

body {
    padding-top: 50px;
    font-family: 'Roboto', sans-serif;
    background-color: rgb(239, 237, 251);
    font-size: 12px;
}

#page-heading, #page-content {
    background-color: rgb(239, 237, 251);
}

.navbar-inverse {
    background: linear-gradient( 89.1deg, rgb(139,10,130) 0.7%, rgb(73,6,70) 88.4% );
}

.navbar {
    min-height: 50px;
}

#leftmenu-trigger, #rightmenu-trigger {
    width: 40px;
    height: 50px;
    background-position: 0 5px;
    border-color: rgb(73,6,70) !important;
    border-width: 0.5px;
}

#rightmenu-trigger {
    border-color: rgb(139,10,130) !important;
}

.navbar-inverse {
    padding: 0px;
}


#leftmenu-trigger:hover {
    background-position: 0 45px;
}

#rightmenu-trigger:hover {
    background-position: 39px 45px;
}

#nprogress .bar {
    background-color: #ff9933 !important;
}

#progresser {
    top: -2px;
}

.sidebar-profile div {
    text-align: center;
}

.navbar-header, .toolbar.navbar-nav {
    margin-top: 5px;
    color: white;
}

.navbar-inverse .navbar-brand {
    font-size: 20px !important;
    color: white !important;
    padding-top: 20px !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: whitesmoke;
}

.sidebar a {
    font-size: 13px;
}

.sidebar ul, .sidebar ul li a {
    background: inherit;
    color: rgba(255,255,255,0.7);
    box-shadow: inherit;
}

    .sidebar ul li.active:not(.open) > a {
        color: white;
        background: rgba(73,6,70,0.8);
    }

#page-leftbar {
    background-color: #252434;
    color: whitesmoke;
}

.sidebar-profile .sidebar-profile-info span {
    color: whitesmoke;
}

.sidebar li a {
    color: rgba(255,255,255,0.7);
    border-bottom: 1px solid rgba(255,255,255,0.05);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar > li.active > a, .sidebar a:hover {
    background: #8b0a82 !important;
    color: #fff !important;
}

    .sidebar a:hover i {
        color: inherit;
    }

.sidebar i {
    color: inherit;
}

.sidebar ul {
    padding-top: 0px;
    margin-top: 0px;
}

.sidebar-profile {
    border-bottom: 1px solid rgba(255,255,255,0.15);
    background:none;
    position:relative;
}
    .sidebar-profile::after {
        content: "";
        background: url(/alpha/images/profile_bg.png);
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
        opacity: 0.1;
        background-size: cover;
    }

.panel.panel-gray .panel-heading {
    border-radius: 5px 5px 0px 0px;
    background-color: white;
    padding: 8px 10px;
    border-bottom: 1px solid #e4e6f9;
    font-feature-settings: "liga" 0;
    height: auto;
}
/*Grid Elements*/
.modal-header {
    background: linear-gradient( 89.1deg, rgb(139,10,130) 0.7%, rgb(73,6,70) 88.4% );
}

.modal-title, button.close, button.close span {
    color: #fefefe;
}

    button.close:hover, button.close:focus {
        color: #fefefe;
    }

.ardita-alert button.close span {
    color: black;
}

.hasbuttomspacer.form-group {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

body.collapse-leftbar .sidebar > li:hover > a, body.collapse-leftbar .sidebar > li.keep-open > a, body.collapse-leftbar .sidebar > li:hover a i, body.collapse-leftbar .sidebar > li.keep-open a i {
    background-color: #4d6684;
    color: #fefefe;
}

html {
    overflow-y: scroll;
}
/*SimpleGridView*/
.simpleimagegridviewitem > div {
    margin: 10px 0px;
    border: 1px solid #ccc;
    text-align: center;
    overflow: hidden;
}

.simpleimagegridviewitem img {
    height: 80px;
    margin: 5px auto;
}

.simpleimagegridviewitem > div > div {
    text-align: center;
    padding: 5px;
    background-color: #ccc;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.simpleimagegridviewitem.selected > div {
    border: 1px solid green;
}
/*Validation*/
.ardita-validationvalid {
    border: 1px solid green !important;
    border-color: green !important;
}

.ardita-validationerror {
    border: 1px solid red !important;
    border-color: red !important;
}

/*General*/
.medium-height-scroll {
    height: 300px;
    overflow: auto;
}
/*Form*/

table.ardita-table-toolbar td {
    border-right: 1px solid #fff;
}

.ardita-datagrid.full-screen {
    background-color: white;
}

.toolbar-container {
    background-color: white;
}


.ardita-datagrid-area .columns th {
    background-color: white;
    font-weight: bold;
    border: none;
}

    .ardita-datagrid-area .columns th div {
        white-space: nowrap;
    }

.ardita-datagrid .headerarea {
    background-color: white;
    border-bottom: 1px dotted #ccc;
    font-size: 1.2em;
}


ul.binderFilter, .ardita-datagrid ul.grouperPanel, .ardita-datagrid ul.quickFilter {
    background-color: white;
    border-bottom: 1px dotted #ccc;
}

    ul.binderFilter > li.filterSelection, .ardita-datagrid li.grouperSelection {
        background: #343a40;
        color: white;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
        border: none;
        padding: 3px;
    }

        ul.binderFilter > li.filterSelection:hover, .ardita-datagrid li.grouperSelection:hover {
            background-color: #23272b;
        }


.ardita-datagrid-area td.table-row-cell {
    border: 1px solid #e6e7e8;
}

.ardita-datagrid-area th.column-cell {
    border: 1px solid #e6e7e8;
}

.ardita-datagrid-area td.table-row-cell.numbers, .ardita-datagrid-area td.table-row-cell.numbers a {
    background-color: #343a40;
    color: #f7f8fa;
}


.ardita-datagrid-area div.tooltip-inner {
    color: #fff !important;
    background-color: #000;
    border-radius: 4px
}

.ardita-datagrid-area div.tooltip-arrow {
    border-color: transparent;
    border-style: solid
}

.ardita-datagrid-area tr.createitemrow td.table-row-cell {
    background-color: #fafafa;
}

    .ardita-datagrid-area tr:hover td.table-row-cell.numbers, .ardita-datagrid-area tr:hover td.table-row-cell.numbers a, .ardita-datagrid-area tr.createitemrow td.table-row-cell.numbers {
        background-color: #23272b;
        color: #ffffff;
    }

.ardita-datagrid-area tr.table-row:hover td.focusInput, .ardita-datagrid-area tr.table-row td.focusInput {
    background-color: #fff
}

.ardita-datagrid .quickFilterButton {
    background: #6484aa;
    color: white;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border: none;
    padding: 3px;
}

.ardita-datagrid .saveAsDefinedFilter {
    background: #343a40;
    color: white;
    border-radius: 5px;
    border: none;
}

    .ardita-datagrid .saveAsDefinedFilter:hover {
        background-color: #23272b;
    }

.ardita-datagrid-area tr.table-row:hover {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.ardita-datagrid-area focuscolor tr.table-row:hover {
    background-color: #dedede;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}


.ardita-datagrid-area td.table-row-cell.selection {
    border: 1px solid #e6e7e8;
}

.ardita-datagrid .chartArea {
    border: 1px solid #ccc;
}


.ardita-datagrid .ui-sortable .table-row {
    background-color: #fafafa;
    cursor: move;
}

ul.arditacontextmenu {
    background-color: #efefef;
    border: 1px solid #ccc;
}

    ul.arditacontextmenu li:hover, ul.arditacontextmenu li.selected {
        background-color: #e1e1e1;
    }

.ardita-table-toolbar span:hover {
    border-bottom: 1px solid;
    cursor: pointer;
}

#defaultfilterdatetimepicker {
    display: none;
}

@media (min-width:0px) and (max-width: 959px) {
    .mobile:not(.notresponsive) .ardita-datagrid-container tr {
        border: 1px solid #ccc;
    }

    .mobile:not(.notresponsive) .ardita-datagrid-container td {
        border-bottom: 1px solid #ccc;
    }
}

div.ardita-multifilterbox {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.document-icon {
    padding-right: 5px;
}

    .document-icon strong {
        font-size: 0.8em;
        background-color: #e6e7e8;
        padding: 3px;
    }

.noteditable-color {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}

.tab-container .panel {
    border: none !important;
    box-shadow: none !important;
}
/*Scroll*/
/* width */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: rgba(73,6,70,0.2);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(73,6,70,0.2);
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: rgb(139,10,130);
    }

ul.binderFilter.definedFilters > li > button {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #6484aa;
    margin-left: 10px;
    padding: 3px 32px 1px 5px !important;
}

    ul.binderFilter.definedFilters > li > button.defined {
        border-bottom-color: rgba(139,10,130,0.8);
        color: rgb(139,10,130);
    }

        ul.binderFilter.definedFilters > li > button.defined + a {
            color: black;
        }
/*Grid And Elements*/
/*Tabs*/
.tab-container .tab-content, .nav-tabs, .tab-container > .nav-tabs > li.active > a, .tab-container .nav-tabs > li > a {
    background-color: transparent;
    border: none;
}

#page-heading .breadcrumb {
    box-shadow: 0 12px 11px -3px rgba(113,126,195,.25);
    border: 1px solid #cbcee8;
    margin: 0px 10px;
    line-height: 10px;
    margin-top: 10px;
    border-radius: 5px;
    background-color: white;
    padding: 5px 7px;
}

.breadcrumb li a {
    color: rgb(139, 10, 130);
}

.breadcrumb li.active a {
    color: rgb(42, 27, 77);
}

.tab-container .nav.nav-tabs {
    box-shadow: 0 12px 11px -3px rgba(113,126,195,.25);
    border: 1px solid #cbcee8;
    margin: 5px 10px;
    background-color: white;
    border-radius: 5px;
}

.tab-container .tab-content {
    padding: 10px;
}

.tab-container .nav > li > a, .tab-container .nav > li > a:focus, .tab-container .nav > li > a:visited, .tab-container .nav > li > a:active {
    color: #8b0a82;
    padding: 5px 10px 2px 10px;
}

.tab-container .nav > li.active > a {
    border-bottom: 3px solid #8b0a82;
}

.tab-container .nav > li > a:hover, .nav > li > a:focus {
    background-color: inherit;
    border-bottom: 3px solid #8b0a82;
}

.tab-container .tab-container .nav.nav-tabs, .tab-container .tab-container .tab-content {
    padding: 0px;
}

.tab-container .tab-container .nav.nav-tabs {
    margin: 0px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.tab-container .tab-container:not(.tab-left) .nav.nav-tabs > li {
    font-size: 0.9em;
}

.tab-container .tab-content {
    padding-top: 0px;
}
/*Pagination*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #8b0a82;
    border-color: #8b0a82;
}

.pagination > li > a, .pagination > li > span {
    color: #6c6a8d;
    border-color: #6c6a8d;
}

.pagination > li > select {
    position: relative;
    float: right;
    padding: 7px 15px;
    line-height: 1.428571429;
    text-decoration: none;
    color: #4f8edc;
    background-color: #ffffff;
    border: 1px solid #d2d3d6;
    margin-left: 25px;
}

    .pagination > li:hover > a, .pagination > li:hover > span {
        border-color: #8b0a82;
        color: #8b0a82;
    }

.panel {
    background-color: transparent;
}
/*Buttons*/
/*--------3. Buttons ------*/
.btn-primary, .btn-default {
    background: #8b0a82;
    color: #fff;
}

    .btn-primary:hover, .btn-default:hover {
        color: #fff;
        background-color: #8e1585;
    }

    .btn-primary:focus, .btn-primary.focus, .btn-default:focus, .btn-default.focus {
        box-shadow: 0 0 0 2px rgba(83, 18, 127, 0.1);
    }

    .btn-primary.disabled, .btn-primary:disabled, .btn-default:disabled, .btn-default.disabled {
        color: #fff;
        background-color: #8b0a82;
        border-color: #8b0a82;
        opacity: 0.7;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #8b0a82;
        border-color: #8b0a82;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 2px rgba(242,242,242, 0.1);
        }

    .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
        color: #fff;
        background-color: #8b0a82;
        border-color: #8b0a82;
    }

        .btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus {
            box-shadow: 0 0 0 2px rgba(242,242,242, 0.1);
        }

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        color: #fff;
        background-color: #8b0a82;
        border-color: #8b0a82;
    }

.btn-secondary {
    color: #fff;
    background-color: #490646;
    border-color: #490646;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #4c0b49;
        border-color: #4c0b49;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.1);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #490646;
        border-color: #490646;
        opacity: 0.7;
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #490646;
        border-color: #490646;
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.1);
        }

.btn-outline-primary {
    color: #8b0a82;
    background-color: transparent;
    background-image: none;
    border-color: #8b0a82 !important;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #8b0a82;
        border-color: #8b0a82;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 2px rgba(242,242,242, 0.1);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #8b0a82;
        background-color: transparent;
    }



    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #8b0a82;
        border-color: #8b0a82;
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 2px rgba(242,242,242, 0.1);
        }

.btn-outline-secondary {
    color: #490646;
    background-color: transparent;
    background-image: none;
    border-color: #490646 !important;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #490646;
        border-color: #490646;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.1);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #490646;
        background-color: transparent;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #490646;
        border-color: #490646;
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.1);
        }

.btn-link {
    color: #8b0a82;
}

    .btn-link:hover {
        color: #8e1585;
    }

.btn {
    opacity: 0.85 !important;
}

    .btn:hover {
        opacity: 1 !important;
    }
/*Buttons End*/

.tab-pane > .container-fluid {
    padding: 0px;
}
/*Sonradan kontrol et*/
.ardita-datagrid-container {
    min-height: initial;
}

.ardita-datagrid {
    min-height: initial;
}

    .ardita-datagrid .headerarea {
        display: none !important;
    }

.panel-body {
    min-height: 200px;
}

.panel.full-h-header-2-footer {
    margin-bottom: 0px;
}

.notresponsive.full-h-header-2-footer .panel-body {
    padding: 0px;
}

.no-wrap-colum .ardita-datagrid-area input, .no-wrap-colum .ardita-datagrid-area div, .no-wrap-colum .ardita-datagrid-area select {
    white-space: inherit;
}

.mailboxbrowserdetail {
    background-color: white;
}

.tab-container {
    margin-bottom: 0px;
}

footer {
    border-top: 1px solid #aaa;
    background: #252434;
    height: 30px;
    overflow: hidden;
    position: fixed;
    width: 100%;
    bottom: 0px;
    margin-left: 0;
    color: white;
}

    footer * {
        color: white;
    }

.ardita-datagrid {
    background-color: white;
}

[class*=ui-].panel {
    box-sizing: border-box !important;
}

.tab-container .tab-container.tab-left .nav.nav-tabs > li {
    border-radius: 0;
    font-size: initial;
}

    .tab-container .tab-container.tab-left .nav.nav-tabs > li > a {
        padding: 10px;
    }

.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left: 3px solid #8b0a82;
    border-bottom: none;
}

.tab-left > .tab-content {
    background-color: white;
    margin-bottom: 20px;
    border-top-right-radius: 5px;
    border-right: 1px solid #d2d3d6;
    border-bottom: 1px solid #d2d3d6;
    border-left: 1px solid #d2d3d6;
}

.tab-left .tab-pane > .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
    border-top: none;
    margin: 20px;
}

.tab-left.tab-container .nav.nav-tabs {
    border-radius: 0;
    border-right: 0;
    box-shadow: 0 12px 11px -25px rgba(113,126,195,.25);
}

.tab-container.tab-left .tab-content, .tab-container.tab-right .tab-content {
    border-top: 1px solid #cbcee8;
}

.tab-left.tab-container .tab-content, .nav-tabs, .tab-left.tab-container > .nav-tabs > li.active > a, .tab-left.tab-container .nav-tabs > li > a {
    border-top: 1px solid rgb(210, 211, 214);
}

.tab-left.tab-container .nav > li > a:hover, .tab-left.tab-container .nav > li > a:focus {
    border-bottom: none;
    border-left: 3px solid #8b0a82;
}

.modal-content .mailbox-view {
    padding: 0;
}

.mailbox-view .mailbox-text .tab-container .tab-content {
    padding: 0;
}

.mailbox-view .mailbox-text .tab-container .nav.nav-tabs {
    margin: 0px;
    margin-bottom: 10px;
    box-shadow: none;
}

.mailbox-view .mailbox-info {
    margin-bottom: 0px;
    color: #8b0a82;
}

.mailbox-view .userinfo.author {
    float: right !important;
}

.mailbox-view .userinfo .mailbox-status {
    display: block;
    color: #6a6a6a;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 500;
}

.mailbox-options ul li {
    float: none;
    display: inline-flex;
}

    .mailbox-options ul li a {
        border: none;
    }

        .mailbox-options ul li a:hover {
            border: none;
        }

    .mailbox-options ul li > div.dropdown {
        position: relative;
        top: 1px;
    }

        .mailbox-options ul li > div.dropdown > .dropdown-menu {
            padding: 0px;
        }

            .mailbox-options ul li > div.dropdown > .dropdown-menu > a + a {
                border-top: 1px solid #e6e7e8;
            }

.mailbox-options ul {
    overflow: initial;
}

.new-note-for-task-container {
    text-align: left;
    margin-bottom: 10px;
}

.new-note-for-task {
    border-radius: 50px;
    width: 100%;
    background-color: whitesmoke;
    color: #333;
}

.changeassignee {
    margin-left: 10px;
}

ul.arditacontextmenu {
    box-shadow: 0 12px 11px -3px rgba(113,126,195,.25);
    border: 1px solid #cbcee8;
    margin: 5px 10px;
    background-color: white;
    border-radius: 5px;
}

    ul.arditacontextmenu li {
        border-top: 1px solid #bebebe;
    }

        ul.arditacontextmenu li.firstitem {
            border-top: none;
        }

#page-heading .options {
    position: absolute;
    top: 60px;
    right: 10px;
}

    #page-heading .options > a.btn > i {
        margin-right: 10px;
    }

    #page-heading .options > a.btn {
        padding: 1px 10px;
    }

.no-row-info {
    text-align: center;
    color: orange;
    font-size: 24px;
}

.no-row-content {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
}

.model-ok {
    border: 1px solid #8b0a82;
    background: #8b0a82;
    color: #fff;
}

    .model-ok:focus, .model-ok:hover, .model-ok:active {
        color: #fff;
        background-color: #8e1585;
        border: 1px solid #8e1585;
        opacity: 0.9;
    }

.model-cancel {
    color: #ffffff;
    background-color: #e73c3c;
    border-color: #e73c3c;
}

    .model-cancel:focus, .model-cancel:hover, .model-cancel:active {
        color: #ffffff;
        background-color: #d61a1a;
        border-color: #cd1919;
    }

.tab-container.apicomplexpanel {
    padding-left: 10px;
    padding-right: 10px;
}

.table-row.table-row-no-recors-found {
    font-weight: bold;
    border: 1px solid #e6e7e8;
    text-align: center;
}

.ardita-datagrid-area tr.table-row.table-row-no-recors-found:hover {
    border: 1px solid #e6e7e8;
}

.sidebar-profile-button, .sidebar-profile-button:hover {
    margin: 17px 10px 0px 10px;
    font-size: 22px;
    color: whitesmoke;
    text-decoration: none;
}

.navbar-inverse .navbar-brand {
    color: whitesmoke;
}

.table-row-cell.commands {
    padding: 2px 10px;
}

.panel.panel-gray .panel-heading {
    border-radius: 0px 0px 0px 0px;
    padding: 0 10px;
    color: #8b0a82;
}

.panel-heading .options > a {
    line-height: 35px;
}

@media (max-width: 480px) {
    ul.toolbar {
        background: linear-gradient( 89.1deg, rgb(139,10,130) 0.7%, rgb(73,6,70) 88.4% );
    }
}

@media (max-width: 767px) {
    .sidebar.hasprofile {
        top: 210px;
    }
}

.error-page #page-content, .error-page #page-heading {
    background: linear-gradient( 89.1deg, rgb(139,10,130) 0.7%, rgb(73,6,70) 88.4% );
    margin: 0 !important;
    padding: 0 !important;
}

.h-screen {
    height: 100vh;
}

.hcolumn {
    vertical-align: middle;
    align-items: center;
    display: flex;
    text-align: center;
    align-content: center;
    justify-content: center;
}

.img-error {
    width: 30%;
}

.error-desc {
    width: 40%;
    color: white;
}

    .error-desc .error-number {
        font-size: 50px;
        margin-bottom: 30px;
    }

    .error-desc .error-message {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .error-desc .error-description {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .error-desc .btn {
        font-size: 20px;
    }

.form-group.unit-row-header .form-control {
    border: none;
    padding-left: 0;
    border-bottom: 1px solid #8b0a82;
    padding-bottom: 0px !important;
    height: 28px;
    font-weight: bold;
}

.form-group.unit-row .control-label {
    padding-top: 0px !important;
}

    .form-group.unit-row .control-label div {
        float: left;
    }

        .form-group.unit-row .control-label div > div.btn {
            padding-top: 0;
            padding-bottom: 0;
            padding-left: 5px;
            padding-right: 5px;
            margin-right: 3px;
        }

.norownopadding {
    padding: 0;
}

.requester-change {
    border: 1px solid rgb(170, 170, 170);
    height: 34px;
    width: calc(100% - 46px);
    line-height: 34px;
    padding-left: 5px;
}

.hasspacer {
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 10px !important;
}

.uigeneric .gtool {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 8px;
}

    .uigeneric .gtool.groupbox {
        padding-bottom: 0px;
    }

.uigeneric .tab-container.tab-left .nav.nav-tabs > li {
    font-size: 12px !important;
}

    .uigeneric .tab-container.tab-left .nav.nav-tabs > li > a {
        padding: 5px 10px 2px 10px !important;
    }

.uigeneric .panel-gray {
    border-color: transparent;
}

.uigeneric .tab-container .tab-content {
    min-height: 100px;
    border-right: 1px solid #d2d3d6 !important;
    border-bottom: 1px solid #d2d3d6 !important;
    border-left: 1px solid #d2d3d6 !important;
}

.uigeneric .tab-container .nav.nav-tabs {
    margin-bottom: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.uigeneric .tab-left.tab-container .nav.nav-tabs {
    margin-top: 0px;
    margin-right: 0px;
}

.no-row-padding .ardita-datagrid-area td.table-row-cell {
    padding: 0px !important;
    margin: 0px !important;
}

.no-row-padding .ardita-datagrid-area tr.table-row:hover {
    padding: 0px !important;
    margin: 0px !important;
}

.no-row-border .ardita-datagrid-area td.table-row-cell {
    border: none !important;
}

.no-row-border .ardita-datagrid-area tr.table-row:hover {
    border: none !important;
}

.haspaddingspacer {
    border-bottom: 1px solid #ccc !important;
    padding-bottom: 10px !important;
}

.template-coloumn div {
    white-space: initial;
}

.no-border {
    border: none !important;
}

tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel {
    max-width: 320px;
    border: 1px solid rgba(139,10,130,0.7);
    min-width: 510px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 8px rgba(73, 6, 70, 88.4);
    box-shadow: 0 0px 8px rgba(73, 6, 70, 88.4);
}

    tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel .excludedPanel {
        float: none;
        font-weight: 500;
    }

    tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel .filter-header {
        font-weight: 500;
    }

    tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel > div input, tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel > div select {
        margin-top: 3px;
        margin-bottom: 9px;
    }

    tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel.datepanel {
        max-width: 640px;
    }


    tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel .filterbutton {
        display: block;
        margin-bottom: 0;
        font-weight: 600;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 7px 15px;
        font-size: 14px;
        float:none !important;
        line-height: 1.428571429;
        border-radius: 1px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        opacity: 0.85 !important;
        width: 100%;
        background-color: #fff;
        color: #8b0a82;
        border: 1px solid #8b0a82;
    }
.cbfilterpanel.datepanel .basicdatefilter {
    padding-bottom: 10px;
}
.cbfilterpanel.datepanel button.filterbutton {
    width: 91% !important;
    margin-left: 4%;
    display: block !important;
    margin-top: 10px;
}

tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel.datepanel .filterbutton {
    margin-bottom: 10px;
}

    tr .columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel .filterbutton:hover {
        background-color: #8b0a82;
        color: #fff;
        border: 1px solid #8b0a82;
    }

.cbfilterpanel {
    position: fixed;
}

    .cbfilterpanel .closebutton {
        right: -3px;
        top: 6px;
        color: #252434;
    }

@media (min-width:0px) and (max-width: 959px) {
}

@media (max-width:765px) {
    tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel {
        max-width: 300px;
    }

        tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel.datepanel {
            max-width: 300px;
        }

    .cbfilterpanel.datepanel .basicdatefilter {
        max-width: 300px;
    }

    .cbfilterpanel.datepanel .rd-container {
        max-width: 120px;
        min-width: 120px;
    }

        .cbfilterpanel.datepanel .rd-container .rd-time {
            min-width: 120px;
            width: 100%;
        }

    .ardita-datagrid .cbfilterpanel .basicdatefilter > div:last-of-type {
        padding-left: 0px;
    }

    .ardita-datagrid .cbfilterpanel .dateshortcuts a[data-shortcut="16"] span {
        display: none;
    }

    .ardita-datagrid .cbfilterpanel .dateshortcuts a[data-shortcut="16"]:before {
        content: "Gelecek bir hft.";
    }

    .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > tbody > tr.table-row.table-row-no-recors-found > td:before {
        display: none;
    }

    .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > tbody > tr.table-row.table-row-no-recors-found > td {
        padding-left: 0px !important;
        text-align: center;
    }

        .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > tbody > tr.table-row.table-row-no-recors-found > td div {
            white-space: normal;
        }
}

.gtool.header-control h1, .gtool.header-control h2, .gtool.header-control h3, .gtool.header-control h4, .gtool.header-control h5, .gtool.header-control h6 {
    border-bottom: 1px solid #8b0a82;
    color: #8b0a82;
}

h4.section-subtitle, h3.section-subtitle, .mailbox-view h3.section-subtitle {
    border-bottom: 1px solid #8b0a82;
    background-color: white;
    color: #8b0a82;
    padding: 5px;
}

.summary-panel {
    height: 200px;
    overflow-x: hidden;
    background-color: white;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.1) 0px 0px 5px;
    padding: 5px 10px;
    margin: 10px 0px;
    border: 1px solid rgba(0,0,0,0.1);
}

    .summary-panel h4 {
        text-align: center;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        margin-bottom: 0;
        padding-bottom: 5px;
        font-size: 15px;
        font-weight: 500;
    }

    .summary-panel h5 {
        font-weight: 500;
        color: #333;
    }

        .summary-panel h5 i.fa {
            margin-right: 5px;
        }

    .summary-panel ul li a {
        color: #333;
        font-size: 13px;
        font-weight: 400;
    }

ul.binderFilter > li:first-child, .ardita-datagrid ul.grouperPanel > li:first-child, .ardita-datagrid ul.quickFilter > li:first-child {
    margin-left: 0px !important;
}

.colorset-0 {
    background-color: white !important;
    color: #333 !important;
}

.colorset-1 {
    background-color: #85c744 !important;
    color: white !important;
}

.colorset-2 {
    background-color: #269abc !important;
    color: white !important;
}

.colorset-3 {
    background-color: #e73c3c !important;
    color: white !important;
}

.colorset-4 {
    background-color: #204d74 !important;
    color: white !important;
}

.colorset-5 {
    background-color: #d58512 !important;
    color: white !important;
}

.colorset-6 {
    background-color: black !important;
    color: white !important;
}

.colorset-7 {
    background-color: #FF4862 !important;
    color: white !important;
}

.colorset-8 {
    background-color: #FFAEB0 !important;
    color: #333 !important;
}

.colorset-9 {
    background-color: #C4548E !important;
    color: white !important;
}

.colorset-10 {
    background-color: #540B58 !important;
    color: white !important;
}

.colorset-11 {
    background-color: #476A6F !important;
    color: white !important;
}

.colorset-12 {
    background-color: #519E8A !important;
    color: white !important;
}

.colorset-13 {
    background-color: #d4d4d4 !important;
    color: #333 !important;
}

.colorset-14 {
    background-color: #4C162A !important;
    color: white !important;
}

.colorset-15 {
    background-color: #533747 !important;
    color: white !important;
}

.colorset-16 {
    background-color: #465C69 !important;
    color: white !important;
}

.wcolorarea {
    border-radius: 3px;
    padding: 2px 10px;
    width: fit-content;
}

.tab-content.tab-not-draw {
    margin-top: 10px;
}

.panel-body > .tab-container > .tab-content.tab-not-draw {
    margin-top: 0px;
}

.ajaxloader {
    position: fixed;
    margin: 0 auto;
    top: calc(100% / 2 - 100px);
    left: calc(100% / 2 - 100px);
    z-index: 999999999999999999999999;
}

    .ajaxloader svg {
        width: 100px;
        height: 100px;
        margin: 20px;
        display: inline-block;
    }

.ajaxloaderbackpanel {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
    background: rgba(0,0,0,0.2);
}

.has-suffix .form-control {
    width: calc(100% - 30px);
    margin-right: 5px;
    display: inline-block;
}

.has-prefix .form-control {
    width: calc(100% - 30px);
    margin-left: 5px;
    display: inline-block;
}

.has-prefix.has-suffix .form-control {
    width: calc(100% - 50px);
}

.prefix, .suffix {
    max-width: 25px;
    text-align: left;
}

.suffix {
    text-align: right;
}

.product-definition {
    border: 1px solid #dedede;
    height: 351px;
    padding: 10px;
}

.product-project .panel-body {
    height: 312px;
}

.accordion-group .accordion-item .accordion-title h4 {
    border-bottom: 1px solid #8b0a82;
    background-color: white;
    color: #8b0a82;
    padding: 5px;
    margin-bottom: 0px;
}

.accordion-group .accordion-item .accordion-body {
    background-color: white;
}

.summary-panel > div > h4 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

input[data-searchhtml] {
    font-size: 14px;
    line-height: 14px;
    margin-top: 4px;
    border-radius: 5px;
    border: 1px solid;
}

.warning-div {
    text-align: center;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 40px;
}

.ardita-datagrid-area .commands .btn-group .btn {
    margin-left: 5px;
}

    .ardita-datagrid-area .commands .btn-group .btn:first-child {
        margin-left: 0px;
    }
.padding2 {
    padding:2px;
}

.ardita-gridview {

}
    .ardita-gridview .filter-cell {
        display:none;
    }
.ardita-gridview tr.table-row:hover {
    background-color: transparent;
    border: none;
}
    .ardita-gridview tr.table-row {
        display: inline-grid;
    }
    .ardita-gridview .ardita-datagrid-area td.table-row-cell {
        border: 1px solid #e6e7e8;
        margin: 5px;
        border-radius: 5px;
        min-height: 100px;
    }
    .ardita-gridview.ardita-gridview-1 tr.table-row {
        width:100%;
    }
    .ardita-gridview.ardita-gridview-2 tr.table-row {
        width: calc(100% / 2);
    }
    .ardita-gridview.ardita-gridview-3 tr.table-row {
        width: calc(100% / 3);
    }
    .ardita-gridview.ardita-gridview-4 tr.table-row {
        width: calc(100% / 4);
    }
    .ardita-gridview.ardita-gridview-5 tr.table-row {
        width: calc(100% / 5);
    }
    .ardita-gridview.ardita-gridview-6 tr.table-row {
        width: calc(100% / 6);
    }
.ardita-splitter .content {
    box-shadow: none;
    border: none;
}
.mailboxbrowsingcontrol {
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
@media (max-width: 480px) {
    .mailboxbrowsingcontrol > div:first-child {
        width: 100% !important;
    }
    .mailboxbrowsingcontrol > div:last-child {
        width: 0% !important;
        display: none;
    }
    .mailboxbrowsingcontrol > .gutter.gutter-horizontal {
        display:none;
    }
}
.pageregion-buttons-area {
    width:auto;
}
.pageregion-buttons-area .btn{
    float: right;
    padding: 2px 11px;
}
.table-row.totalsrow {
    background-color: rgba(139,10,130,0.1);
}
.ardita-datagrid .cbfilterpanel .basicdatefilter > div:last-of-type {
    padding-left: 10px;
}
.cbfilterpanel.datepanel, .cbfilterpanel.datepanel .basicdatefilter {
    width: 500px;
}
.arditachart {
    max-width:100%;
    width:100%;
}
.modal.ardita-popup {
    overflow: auto !important;
}
.arditawizard.wizard .wizard-header {
    border-bottom: 1px solid #8b0a82;
    
}
    .arditawizard.wizard .wizard-header h4 {
        color: #8b0a82;
        margin-bottom:5px;
    }


.ardita-datagrid-container .columns th.sticked, .ardita-datagrid-container td.sticked {
    position: sticky;
    left: 0px;
    background-color: #f7f8fa;
    z-index: 2;
}
.ardita-datagrid-container .columns th.sticked2, .ardita-datagrid-container td.sticked2 {
    position: sticky;
    left: 150px;
    background-color: #f7f8fa;
    z-index: 3;
}
    .ardita-datagrid-area th.column-cell > div > i.fas {
        position: absolute;
        right: 14px;
        top: 3px;
    }
.ardita-datagrid-area th.column-cell.sticked > div > i.fas {
    color:orange;
}
.ardita-datagrid-area th.column-cell > div > span:first-child {
    margin-right:26px;
}

.cke_notifications_area {
    display: none !important;
}