/************************/
/*
    KENDO OVERRIDES
*/

div.k-header,
div.k-grouping-header,
.k-scheduler .k-header,
.k-header.k-grid-toolbar,
.k-scheduler .k-header li,
.k-grid .k-header .k-button,
.k-scheduler .k-header .k-link,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover,
.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link {
    background-color: #2196f3 !important;
    border-color: #2196f3 !important;
}

.k-calendar td.k-state-selected,
.k-calendar .k-header .k-state-hover,
.k-grouping-header .k-group-indicator {
    background-color: #4285F4 !important;
    border-color: #4285F4 !important;
}

.k-calendar .k-footer .k-nav-today {
    color: #4285F4 !important;
}

.k-pager-numbers .k-state-selected {
    border-color: #2196f3 transparent transparent;
    color: #2196f3;
}

.k-textbox:hover {
    -webkit-box-shadow: inherit;
    -ms-box-shadow: inherit;
    box-shadow: inherit;
    border-color: inherit;
}

span.form-control > span.k-numeric-wrap,
span.form-control > span.k-numeric-wrap.k-state-hover,
span.form-control > span.k-picker-wrap,
span.form-control > span.k-picker-wrap.k-state-hover,
span.k-autocomplete, span.k-autocomplete.k-state-hover,
span.k-autocomplete.k-state-focused,
span.k-combobox > span.k-dropdown-wrap {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

    span.k-autocomplete.form-control,
    span.k-autocomplete.form-control.k-state-hover {
        border-bottom: 1px solid #e0e0e0;
    }

.form-control.k-input {
    text-indent: 0;
}

a.k-button {
    -moz-min-width: 0 !important;
    -ms-min-width: 0 !important;
    -o-min-width: 0 !important;
    -webkit-min-width: 0 !important;
    min-width: 0 !important;
}

.k-dropdown {
    width: 100%;
}

.k-numerictextbox input.form-control.k-input {
    text-align: right
}

a.k-grid-filter.k-state-active > span.k-icon.k-filter {
    background-image: url('sprite.colored.png');
}

span.k-combobox.k-widget > span.k-dropdown-wrap {
    padding: 0;
}

span.k-combobox.k-widget > span.k-dropdown-wrap > span.k-select {
    display: none;
}

.k-grid .k-grouping-header {
    color: #ffffff;
    color: rgba(255,255,255,0.8);
}

.k-header>.k-grid-filter {
    z-index: 0;
}

th.k-scheduler-timecolumn, 
td.k-scheduler-timecolumn {
    display: none;
}

#month-scheduler div[role='gridcell'] {
    cursor: pointer;
}


/************************/
/*
    TEMPLATE OVERRIDES
*/

.btn {
    margin: 0 .16em;
}

.add-entity .md {
    vertical-align: top;
}

.table > tbody > tr > td:last-child,
.table > tbody > tr > td:first-child {
    padding: 10px;
}

.fg-line:not(.disabled):after, .fg-line:not(.readonly):after {
    z-index: 0;
}

body.stop-scrolling {
    overflow: visible !important
}


/************************/
/*
    CUSTOM
*/

#content > .container > div:nth-child(2) {
    margin-top: 60px
}

#menu-bar h2 {
    display: inline-block;
    vertical-align: super
}

#menu-bar .top-menu {
    display: inline-block;
    font-size: 2em;
    margin: 0;
}

#menu-bar .top-menu a {
    color: #fff;
    text-align: center
}

#menu-bar .top-menu a small {
    vertical-align: super
}

#menu-bar > .card-header {
    padding-top: 12px;
    padding-bottom: 10px;
}

@media screen and (min-width: 1200px) {
    #menu-bar {
        width: calc(100% - 458px);
    }

    body.toggled.sw-toggled #menu-bar {
        width: calc(100% - 302px);
    }
}

#menu-bar {
    top: 0;
    position: fixed;
    z-index: 1;
    padding-top: 80px;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: rgb(237, 236, 236);
    margin-left: -1px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    #menu-bar {
        width: calc(100% - 46px);
    }
}

@media screen and (max-width: 767px) {
    #menu-bar {
        width: calc(100% - 22px);
    }
}

textarea {
    -moz-resize: none;
    -ms-resize: none;
    -o-resize: none;
    resize: none;
}

.field-validation-error {
    color: #f44336;
}

input[readonly], input[readonly]:hover {
    background-color: #eee;
    cursor: not-allowed;
}

td[role='gridcell']:last-child {
    text-align: center;
}

#loading {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    background-color: rgba(0, 0, 0, .2);
}

    #loading > img {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, .5);
    color: red;
}

.row-drag-handler {
    color: #4285F4;
    cursor: all-scroll;
    font-size: 2em;
}

.hint {
    font-size: 2em;
    color: #4285F4;
    cursor: all-scroll;
}

.not-sortable {
    text-align: right;
}

table[role='grid'] .k-button > span.k-icon {
    display: none;
}

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

img.preview {
    width: 100%;
    max-width: 100%;
}

.settled {
    background-color: #dff0d8;
    color: #4caf50;
}

label[For='Settled'] {
    color: #4caf50;
}

.pending {
    background-color: #ffedd6;
    color: #ff9800;
}

label[For='Pending'] {
    color: #ff9800;
}

.expired {
    background-color: #f2dede;
    color: #f44336;
}

label[For='Expired'] {
    color: #f44336;
}

.settle-deadline {
    color: blue;
    font-size: 1.5em;
    cursor: pointer;
}

div.k-event {
    background-color: inherit;
    border: none;
}

.l-page-changed {
    vertical-align: super;
    font-size: 75%;
    display: none
}

.summary {
    vertical-align: middle;
}

#summary {
    text-align: right;
    padding: 5px 10px;
    background-color: #f9f9f9;
}

.document-locked {
    background-color: #ffc107 !important;
    background-color: rgba(255, 193, 7, .3) !important;
}

.btn:focus {
    -webkit-box-shadow: 0 0 5px 2px #4285f4 !important;
    -ms-box-shadow: 0 0 5px 2px #4285f4 !important;
    box-shadow: 0 0 5px 2px #4285f4 !important;
}

.children-table {
    margin-left: -25px;
    margin-right: -25px;
}

.form-control-feedback:hover {
    color: #4285F4;
    font-weight: bold
}

.with-feedback > .form-control-feedback {
    pointer-events: all;
    cursor: pointer;
    top: 10px;
    z-index: 0;
}

table > tbody > tr > td.with-feedback {
    padding-right: 35px;
    position: relative;
}

.code-tooltip,
.info-tooltip {
    vertical-align: top;
    color: #4285F4;
}

.code-tooltip:hover,
.info-tooltip:hover {
    font-weight: bold;
}

#entries tbody div.checkbox,
#delivery-notes-table tbody div.checkbox,
#activity-reports-table tbody div.checkbox  {
    margin-top: 0;
    margin-bottom: 0;
}

#entries tbody div.checkbox > label,
#delivery-notes-table tbody div.checkbox > label,
#activity-reports-table tbody div.checkbox > label  {
    padding-left: 20px;
}

span.k-widget.k-datetimepicker.totimepicker span.k-picker-wrap {
    padding-right: 2.5em;
}

span.k-widget.k-datetimepicker.totimepicker span.k-select {
    width: 2.5em;
}

span.k-widget.k-datetimepicker.totimepicker span.k-icon.k-i-calendar {
    display: none;
}

table#entries span.badge {
    margin-top: 5px;
}

table#entries span.badge:first-child {
    margin-top: 0;
}

span.badge.tag {
    color: #595959;
    background-color: #e6e6e6;
}

.badge.settled, 
.badge.expired, 
.badge.pending {
    cursor: pointer;
}

.table > tbody > tr > td:last-child,
.table > tbody > tr > td:first-child,
.table > thead > tr > td:last-child,
.table > thead > tr > td:first-child {
    padding: 7px;
}