/* SSI base fonts and colors according to SSI Application Style Guide 12/22/2016 */

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

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

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

body {
    font-family: 'Open Sans';
    margin: 0;
    font-size: 75%;
}

h1 {
    font-family: 'Open Sans Bold';
}

h2 {
    margin-bottom: 5px;
    font-size: 18px;
    font-family: 'Open Sans Semibold';
}

h3 {
    font-family: 'Open Sans Semibold';
}

h4 {
    font-family: 'Open Sans Semibold';
}

label {
    font-family: 'Open Sans Semibold'
}
/*#endregion */

/*#region Kendo skin */
.k-theme-test-class,
.ktb-theme-id-bootstrap {
    opacity: 0;
}

.ktb-var-accent {
    color: #0195bd;
}

.ktb-var-base {
    color: #e6e6e6;
}

.ktb-var-background {
    color: #ffffff;
}

.ktb-var-border-radius {
    border-radius: 5px;
}

.ktb-var-normal-background {
    color: #ffffff;
}

.ktb-var-normal-gradient {
    background-image: none;
    background-image: none, linear-gradient(to bottom, #0195BD, #0183A6);
}

.ktb-var-normal-text-color {
    color: #343435;
}

.ktb-var-hover-background {
    color: #e6e6e6;
}

.ktb-var-hover-gradient {
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(1,121,153,1), rgba(1,111,140,1));
}

.ktb-var-hover-text-color {
    color: #f9f9f9;
}

.ktb-var-selected-background {
    color: #0195bd;
}

.ktb-var-selected-gradient {
    background-image: none;
    background-image: none, linear-gradient(to bottom, #0195BD, #0183A6);
}

.ktb-var-selected-text-color {
    color: #ffffff;
}

.ktb-var-error {
    color: #C8154F;
}

.ktb-var-warning {
    color: #DE7C49;
}

.ktb-var-success {
    color: #01B3A9;
}

.ktb-var-info {
    color: #0195BD;
}

.ktb-var-series-a {
    color: #0195bd;
}

.ktb-var-series-b {
    color: #5bc0de;
}

.ktb-var-series-c {
    color: #5cb85c;
}

.ktb-var-series-d {
    color: #f2b661;
}

.ktb-var-series-e {
    color: #e67d4a;
}

.ktb-var-series-f {
    color: #da3b36;
}

.k-grid-norecords-template {
    background-color: #ffffff;
    border: 1px solid #c7c7c7;
}

.k-in,
.k-item,
.k-window-action {
    border-color: transparent;
}
/* main colors */
.k-block,
.k-widget {
    background-color: #ffffff;
}

.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-filter-row > th,
.k-editable-area,
.k-separator,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header,
.k-grid-header-wrap,
.k-grid-header-locked,
.k-grid-footer-locked,
.k-grid-content-locked,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-treemap-tile,
.k-calendar th,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-button-group .k-tool,
.k-popup.k-align .k-list .k-item:last-child,
.k-upload-files {
    border-color: #c7c7c7;
}

    .k-group,
    .k-toolbar,
    .k-grouping-header,
    .k-pager-wrap,
    .k-group-footer td,
    .k-grid-footer,
    .k-footer-template td,
    .k-widget .k-status,
    .k-calendar th,
    .k-dropzone-hovered,
    .k-widget.k-popup {
        background-color: #f0f0f0;
    }

.k-grouping-row td,
td.k-group-cell,
.k-resize-handle-inner {
    background-color: #f0f0f0;
}

.k-list-container {
    border-color: rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
}

.k-panelbar > li.k-item {
    background-color: #F9F9F9;
}

.k-content,
.k-editable-area,
.k-panel > li.k-item,
.k-tiles {
    background-color: #ffffff;
}

.k-alt,
.k-separator,
.k-resource.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child {
    background-color: #F9F9F9;
}

.k-pivot-rowheaders .k-alt .k-alt,
.k-header.k-alt {
    background-color: #dcdcdc;
}

.k-textbox,
.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active {
    border-color: #c7c7c7;
    background-color: #e6e6e6;
}

    .k-textbox > input,
    .k-autocomplete .k-input,
    .k-dropdown-wrap .k-input,
    .k-autocomplete.k-state-focused .k-input,
    .k-dropdown-wrap.k-state-focused .k-input,
    .k-picker-wrap.k-state-focused .k-input,
    .k-numeric-wrap.k-state-focused .k-input {
        border-color: #c7c7c7;
    }

    input.k-textbox,
    textarea.k-textbox,
    input.k-textbox:hover,
    textarea.k-textbox:hover,
    .k-textbox > input {
        background: none;
    }

        .k-input,
        input.k-textbox,
        textarea.k-textbox,
        input.k-textbox:hover,
        textarea.k-textbox:hover,
        .k-textbox > input,
        .k-multiselect-wrap {
            background-color: #f9f9f9;
            color: #343435;
        }

            .k-textbox.k-state-disabled,
            .k-input[readonly] {
                border-color: #E6E6E6;
                background-color: #f9f9f9;
                color: #343435;
            }

.k-block,
.k-widget,
.k-popup,
.k-content,
.k-toolbar,
.k-dropdown .k-input {
    color: #343435;
}

.k-inverse {
    color: #ffffff;
}

.k-block {
    color: #343435;
}

.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
    color: #0195bd;
}

.k-tabstrip-items .k-link,
.k-panelbar > li > .k-link {
    color: #343435;
}

.k-header,
.k-treemap-title,
.k-grid-header .k-header > .k-link {
    color: #343435;
}

.k-header,
.k-grid-header,
.k-toolbar,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-grouping-header,
.k-pager-wrap,
.k-textbox,
.k-button,
.k-progressbar,
.k-draghandle,
.k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
    background-position: 50% 50%;
    background-color: #f0f0f0;
}

.k-widget.k-tooltip {
    background-image: none;
}

.k-block,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-button,
.k-draghandle,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
    background-color: #f0f0f0;
}

    .k-grid-header,
    .k-grid-header tr:first-child {
        background: transparent;
    }

.k-mediaplayer-toolbar {
    background-color: rgba(240, 240, 240, 0.85);
}
/* icons */
.k-icon:hover,
.k-state-hover .k-icon,
.k-state-selected .k-icon,
.k-state-focused .k-icon,
.k-column-menu .k-state-hover .k-sprite,
.k-column-menu .k-state-active .k-sprite,
.k-pager-numbers .k-current-page .k-link:hover:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after {
    opacity: 1;
}

.k-icon,
.k-state-disabled .k-icon,
.k-column-menu .k-sprite,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
    opacity: 1;
}

.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
    opacity: 1;
}

.k-tool {
    border-color: transparent;
}

.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grid-mobile .k-resize-handle-inner:after,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-gantt-views > .k-current-view > .k-link:after {
    border-color: transparent;
}
/* IE will ignore the above selectors if these are added too */
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
    border-color: transparent;
}

.k-loading,
.k-i-loading,
.p-i-loading,
.k-state-hover .k-loading,
.k-state-hover .k-i-loading {
    background-image: url(Default/loading.gif);
    background-position: 50% 50%;
}

.k-loading-image {
    background-image: url(Default/loading-image.gif);
}

.k-loading-color {
    background-color: #ffffff;
}

.k-button {
    color: #ffffff;
    border-color: #0195BD;
    background: linear-gradient(#0195BD, #0183A6);
}

.k-draghandle {
    border-color: #ffffff;
    background-color: #ffffff;
    box-shadow: 0 0 0 1px #c4c4c4;
}

    .k-draghandle:hover {
        border-color: #a9a9a9;
        background-color: #e6e6e6;
        box-shadow: none;
    }
/* Scheduler */
.k-scheduler {
    color: #ffffff;
    background-color: #ffffff;
}

.k-scheduler-layout {
    color: #343435;
}

.k-scheduler-datecolumn,
.k-scheduler-groupcolumn {
    background-color: #ffffff;
    color: #343435;
}

.k-scheduler-times tr,
.k-scheduler-times th,
.k-scheduler-table td,
.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-times {
    border-color: #e3e3e3;
}

.k-nonwork-hour {
    background-color: #f0f0f0;
}

.k-gantt .k-nonwork-hour {
    background-color: rgba(0, 0, 0, 0.02);
}

.k-gantt .k-header.k-nonwork-hour {
    background-color: rgba(0, 0, 0, 0.2);
}

.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn {
    background-color: #e3e3e3;
}

.k-scheduler-now-arrow {
    border-left-color: #dbdbdb;
}

.k-scheduler-now-line {
    background-color: #dbdbdb;
}

.k-event,
.k-task-complete {
    border-color: #01718f;
    background: #01718f 0 -257px none repeat-x;
    color: #ffffff;
}

.k-event-inverse {
    color: #343435;
}

.k-event.k-state-selected {
    background-position: 0 0;
    box-shadow: 0 0 0 2px #343435;
}

.k-event .k-resize-handle:after,
.k-task-single .k-resize-handle:after {
    background-color: #ffffff;
}

.k-scheduler-marquee:before,
.k-scheduler-marquee:after {
    border-color: #0195bd;
}

.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
    background-color: #ffffff;
    color: #343435;
    border-color: #c7c7c7;
}

.k-panelbar > li > .k-link {
    color: #343435;
}

.k-panelbar > .k-item > .k-link {
    border-color: #c7c7c7;
}

.k-panel > li.k-item {
    background-color: #ffffff;
}
/* states */
.k-state-active,
.k-state-active:hover,
.k-active-filter,
.k-tabstrip .k-state-active {
    background-color: #ffffff;
    border-color: #c7c7c7;
    color: #343435;
}

.k-fieldselector .k-list-container {
    background-color: #ffffff;
}

.k-button:focus,
.k-button.k-state-focused {
    border-color: #03c8fe;
}

.k-button:hover,
.k-button.k-state-hover {
    color: #ffffff;
    border-color: #0183A6;
    background-color: #0183A6;
    background-image: linear-gradient(90deg, rgba(1,121,153,1), rgba(1,111,140,1));
}

.k-button:active,
.k-button.k-state-active {
    color: #ffffff;
    background-color: #e6e6e6;
    border-color: #0195bd;
}

    .k-button:active:hover,
    .k-button.k-state-active:hover {
        color: #ffffff;
        border-color: #015167;
        background-color: #017594;
    }

.k-button:focus:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 0 7px 0 #03c8fe;
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: inset 0 0 5px 3px #cfcfcf;
}

.k-menu .k-state-hover > .k-state-active {
    background-color: transparent;
}

.k-state-highlight {
    background: #ffffff;
    color: #343435;
}

.k-state-focused,
.k-grouping-row .k-state-focused {
    border-color: #03c8fe;
}

html .k-mediaplayer-toolbar .k-button-bare:active,
html .k-mediaplayer-toolbar .k-button-bare.k-state-active,
html .k-mediaplayer-toolbar .k-button-bare.k-state-active:hover {
    color: #0195bd;
}

.k-calendar .k-link {
    color: #343435;
}

.k-calendar .k-footer {
    padding: 0;
}

    .k-calendar .k-footer .k-nav-today {
        color: #343435;
        text-decoration: none;
        background-color: #f0f0f0;
    }

        .k-calendar .k-footer .k-nav-today:hover,
        .k-calendar .k-footer .k-nav-today.k-state-hover {
            background-color: #ffffff;
            text-decoration: underline;
        }

        .k-calendar .k-footer .k-nav-today:active {
            background-color: #ffffff;
        }

.k-calendar .k-link.k-nav-fast {
    color: #FFFFFF;
}

.k-calendar .k-nav-fast.k-state-hover {
    text-decoration: none;
    background-color: #e6e6e6;
    color: #FFFFFF;
}

.k-calendar .k-link.k-state-hover {
    border-radius: 5px;
}

.k-calendar .k-state-focused.k-state-hover {
    background-color: #7ce3fe;
}

.k-calendar .k-state-selected.k-state-hover {
    background-color: #017594;
}

    .k-calendar .k-state-selected.k-state-hover .k-link {
        color: #ffffff;
    }

.k-calendar td.k-state-focused.k-state-selected.k-state-hover {
    box-shadow: inset 0 0 7px 0 #00313e;
}

.k-calendar .k-today {
    background-color: #e6e6e6;
}

    .k-calendar .k-today.k-state-selected {
        background-color: #0195bd;
    }

    .k-calendar .k-today.k-state-hover {
        background-color: #d4d4d4;
    }

    .k-calendar .k-today.k-state-focused.k-state-hover {
        background-color: #7ce3fe;
    }

    .k-calendar .k-today.k-state-selected.k-state-hover {
        background-color: #017594;
    }

.k-calendar .k-footer .k-link {
    border-radius: 0;
}

.k-calendar th {
    background-color: #f0f0f0;
}

.k-window-titlebar .k-link {
    border-radius: 5px;
}

.k-calendar-container.k-group {
    border-color: rgba(0, 0, 0, 0.2);
}

.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color {
    color: #ffffff;
    background-color: #0195bd;
    border-color: #0195bd;
}

.k-virtual-item.k-first,
.k-group-header + .k-list > .k-item.k-first,
.k-static-header + .k-list > .k-item.k-first {
    border-top-color: #a9a9a9;
}

.k-group-header + div > .k-list > .k-item.k-first:before {
    border-top-color: #a9a9a9;
}

.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
    background: #a9a9a9;
    color: #ffffff;
}

.k-popup .k-list .k-item > .k-group {
    background: #a9a9a9;
    color: #ffffff;
    border-bottom-left-radius: 4px;
}

.k-marquee-text {
    color: #ffffff;
}

.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-grid-header th.k-state-focused,
td.k-state-focused,
.k-button.k-state-focused {
    box-shadow: inset 0 0 7px 0 #03c8fe;
}

.k-popup .k-list .k-state-focused {
    border-radius: 5px;
    box-shadow: inset 0 0 2px 0 #0195bd, inset 0 0 7px 0 #03c8fe;
}

.k-state-focused.k-state-selected,
.k-list > .k-state-focused.k-state-selected,
.k-listview > .k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
    /*box-shadow: inset 0 0 10px 3px #017594;*/
    box-shadow: none;
}



.k-ie8 .k-panelbar span.k-state-focused,
.k-ie8 .k-menu li.k-state-focused,
.k-ie8 .k-listview > .k-state-focused,
.k-ie8 .k-grid-header th.k-state-focused,
.k-ie8 td.k-state-focused,
.k-ie8 .k-tool.k-state-hover,
.k-ie8 .k-button:focus,
.k-ie8 .k-button.k-state-focused {
    background-color: #e6e6e6;
}

.k-list > .k-state-selected.k-state-focused,
.k-list-optionlabel.k-state-selected.k-state-focused {
    box-shadow: none;
}

.k-state-selected > .k-link,
.k-panelbar > li > .k-state-selected,
.k-panelbar > li.k-state-default > .k-link.k-state-selected {
    color: #ffffff;
}

.k-state-hover,
.k-state-hover:hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-pager-wrap .k-link:hover,
.k-dropdown .k-state-focused,
.k-filebrowser-dropzone,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-recur-view .k-check:active {
    color: #f9f9f9;
    background-color: #e6e6e6;
    border-color: #a9a9a9;
}
/* this selector should be used separately, otherwise old IEs ignore the whole rule */
.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
    color: #f9f9f9;
    background-color: #e6e6e6;
    border-color: #a9a9a9;
}

.k-ie8 .k-window-titlebar .k-state-hover {
    border-color: #a9a9a9;
}

.k-state-hover > .k-select,
.k-state-focused > .k-select {
    border-color: #a9a9a9;
}

.k-button:hover,
.k-button.k-state-hover,
.k-button:focus,
.k-button.k-state-focused,
.k-textbox:hover,
.k-state-hover,
.k-state-hover:hover,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em,
.k-draghandle:hover {
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(1,121,153,1), rgba(1,111,140,1));
}

.k-pager-wrap {
    background-color: #f0f0f0;
    color: #343435;
}

.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-state-active,
.k-state-active:hover,
.k-state-active > .k-link,
.k-button:active,
.k-panelbar > .k-item > .k-state-focused {
    background-image: none;
}

.k-state-selected,
.k-button:active,
.k-button.k-state-active,
.k-draghandle.k-state-selected:hover {
    background-image: none;
    background-image: none, linear-gradient(to bottom, #0195BD, #0183A6);
}

.k-grid .k-state-selected {
    background-image: none;
    background-color: #0195BD;
}

.k-button:active,
.k-button.k-state-active,
.k-draghandle.k-state-selected:hover {
    background-position: 50% 50%;
}


.k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em {
    color: #f9f9f9;
}

.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused {
    background-color: #e6e6e6;
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(1,121,153,1), rgba(1,111,140,1));
    background-position: 50% 50%;
    border-color: #a9a9a9;
}

.km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.km-pane-wrapper .k-mobile-list textarea {
    color: #343435;
}

.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
    background-image: none;
    background-position: 50% 50%;
    background: #e6e6e6;
    border-color: #e6e6e6;
}

    .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
        background: #ffffff;
        border-color: #c7c7c7;
    }

        .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus {
            border-color: #03c8fe;
            box-shadow: 0 0 7px 0 #03c8fe;
        }

.k-dropdown .k-state-hover .k-input {
    color: #0195BD;
}

.k-state-error {
    border-color: #dbdbdb;
    background-color: #dedede;
    color: #6c6c6e;
}

.k-state-disabled {
    opacity: .7;
}

.k-ie11 .k-select,
.k-edge .k-select,
.k-ie11 .k-popup-edit-form,
.k-edge .k-popup-edit-form {
    opacity: .9;
}

.k-ie8 .k-state-disabled {
    filter: alpha(opacity=70);
}

.k-tile-empty.k-state-selected,
.k-loading-mask.k-state-selected {
    border-width: 0;
    background-image: none;
    background-color: transparent;
}

.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.k-other-month,
.k-other-month .k-link,
.k-dropzone em,
.k-dropzone .k-upload-status,
.k-tile-empty strong,
.k-slider .k-draghandle {
    color: #9c9c9c;
}
/* Progressbar */
.k-progressbar-indeterminate {
    background: url(Bootstrap/indeterminate.gif);
}

    .k-progressbar-indeterminate .k-progress-status-wrap,
    .k-progressbar-indeterminate .k-state-selected {
        display: none;
    }
/* Slider */
.k-slider-track {
    background-color: #c7c7c7;
}

.k-slider-selection {
    background-color: #0195bd;
}

.k-slider-horizontal .k-tick {
    background-image: url(Bootstrap/slider-h.gif);
}

.k-slider-vertical .k-tick {
    background-image: url(Bootstrap/slider-v.gif);
}
/* Tooltip */
.k-widget.k-tooltip {
    border:1px solid #000000;
}

.k-widget.k-tooltip-validation {
    border-color: transparent;
    background-color: transparent;
    color: #C8154F;
}

.k-input.k-textbox.k-invalid {
    border-color: #C8154F;
}
/* Bootstrap theme fix */
.input-prepend .k-tooltip-validation,
.input-append .k-tooltip-validation {
    font-size: 12px;
    position: relative;
    top: 3px;
}

.k-callout-n {
    border-bottom-color: #000000;
}

.k-callout-w {
    border-right-color: #000000;
}

.k-callout-s {
    border-top-color: #000000;
}

.k-callout-e {
    border-left-color: #000000;
}

.k-tooltip-validation .k-callout-n {
    border-bottom-color: transparent;
}

.k-tooltip-validation .k-callout-w {
    border-right-color: transparent;
}

.k-tooltip-validation .k-callout-s {
    border-top-color: transparent;
}

.k-tooltip-validation .k-callout-e {
    border-left-color: transparent;
}
/* Splitter */
.k-splitbar {
    background-color: #f0f0f0;
}

.k-restricted-size-vertical,
.k-restricted-size-horizontal {
    background-color: #6c6c6e;
}
/* Upload */
.k-file {
    background-color: #ffffff;
    border-color: #e3e3e3;
}

.k-file-progress {
    color: #2498bc;
}

    .k-file-progress .k-progress {
        background-color: #2498bc;
    }

.k-file-success {
    color: #3ea44e;
}

    .k-file-success .k-progress {
        background-color: #3ea44e;
    }

.k-file-error {
    color: #d92800;
}

    .k-file-error .k-file-extension-wrapper,
    .k-file-error .k-multiple-files-extension-wrapper {
        color: #d92800;
        border-color: #d92800;
    }

        .k-file-error .k-file-extension-wrapper:before,
        .k-file-error .k-multiple-files-extension-wrapper:before {
            background-color: #ffffff;
            border-color: transparent transparent #d92800 #d92800;
        }

    .k-file-error .k-progress {
        background-color: #d92800;
    }

.k-file-extension-wrapper,
.k-multiple-files-extension-wrapper {
    color: #9c9c9c;
    border-color: #9c9c9c;
}

.k-file-invalid .k-file-name-invalid {
    color: #d92800;
}

.k-file-invalid-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
    color: #d92800;
    border-color: #d92800;
}

.k-file-extension-wrapper:before,
.k-multiple-files-extension-wrapper:before {
    background-color: #ffffff;
    border-color: transparent transparent #9c9c9c #9c9c9c;
}

.k-file-invalid-extension-wrapper:before,
.k-multiple-files-invalid-extension-wrapper:before {
    background-color: #ffffff;
    border-color: transparent transparent #d92800 #d92800;
}

.k-multiple-files-extension-wrapper:after {
    border-top-color: #9c9c9c;
    border-left-color: #9c9c9c;
}

.k-multiple-files-invalid-extension-wrapper:after {
    border-top-color: #d92800;
    border-left-color: #d92800;
}

.k-file-size,
.k-file-information,
.k-file-validation-message {
    color: #9c9c9c;
}

.k-upload .k-upload-selected {
    color: #ffffff;
    border-color: #c7c7c7;
}

    .k-upload .k-upload-selected:hover {
        color: #ffffff;
        background-color: #0195bd;
    }
/* ImageBrowser */
.k-tile {
    border-color: #ffffff;
}

.k-textbox:hover,
.k-tiles li.k-state-hover {
    border-color: #a9a9a9;
}

.k-tiles li.k-state-selected {
    border-color: #0195bd;
}

.k-filebrowser .k-tile .k-folder,
.k-filebrowser .k-tile .k-file,
.k-filebrowser .k-tile .k-i-folder,
.k-filebrowser .k-tile .k-i-file {
    background-image: url(Bootstrap/imagebrowser.png);
    background-size: auto auto;
}
/* TreeMap */
.k-leaf,
.k-leaf.k-state-hover:hover {
    color: #fff;
}

    .k-leaf.k-inverse,
    .k-leaf.k-inverse.k-state-hover:hover {
        color: #000;
    }
/* Shadows */
.k-widget,
.k-button {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.k-slider,
.k-treeview,
.k-upload {
    box-shadow: none;
}

.k-state-hover {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused {
    box-shadow: 0 0 7px 0 #03c8fe;
}

.k-state-selected {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.k-state-active {
    box-shadow: none;
}

.k-grid td.k-state-selected.k-state-focused {
    background-color: #01a1cc;
}

.k-popup,
.k-menu .k-menu-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-filebrowser .k-image,
.k-tooltip {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.k-treemap-tile.k-state-hover {
    box-shadow: inset 0 0 0 3px #c7c7c7;
}
/* Window */
.k-window {
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
    background-color: #ffffff;
}

    .k-window.k-state-focused {
        border-color: rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
    }

    .k-window.k-window-maximized,
    .k-window-maximized .k-window-titlebar,
    .k-window-maximized .k-window-content {
        border-radius: 0;
    }

.k-shadow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.k-inset {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
/* Selection */
.k-editor-inline ::selection {
    background-color: #0195bd;
    text-shadow: none;
    color: #fff;
}

.k-editor-inline ::-moz-selection {
    background-color: #0195bd;
    text-shadow: none;
    color: #fff;
}
/* Notification */
.k-widget.k-notification.k-notification-info {
    background-color: #e5f5fa;
    color: #2498bc;
    border-color: #bae5f2;
}

.k-widget.k-notification.k-notification-success {
    background-color: #eaf7ec;
    color: #3ea44e;
    border-color: #c5e9cb;
}

.k-widget.k-notification.k-notification-warning {
    background-color: #fbeed5;
    color: #bf8412;
    border-color: #f7dba6;
}

.k-widget.k-notification.k-notification-error {
    background-color: #ffe0d9;
    color: #d92800;
    border-color: #ffb6a6;
}
/* Gantt */
.k-gantt .k-treelist {
    background: #f0f0f0;
}

    .k-gantt .k-treelist .k-alt {
        background-color: #d7d7d7;
    }

    .k-gantt .k-treelist tr:hover {
        background-color: #e6e6e6;
    }

    .k-gantt .k-treelist .k-state-selected,
    .k-gantt .k-treelist .k-state-selected td,
    .k-gantt .k-treelist .k-alt.k-state-selected,
    .k-gantt .k-treelist .k-alt.k-state-selected > td {
        background-color: #0195bd;
    }

.k-task-dot:after {
    background-color: #343435;
    border-color: #343435;
}

.k-task-dot:hover:after {
    background-color: #ffffff;
}

.k-task-summary {
    border-color: #737375;
    background: #737375;
}

.k-task-milestone,
.k-task-summary-complete {
    border-color: #343435;
    background: #343435;
}

.k-state-selected.k-task-summary {
    border-color: #40d5fe;
    background: #40d5fe;
}

.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete {
    border-color: #0195bd;
    background: #0195bd;
}

.k-task-single {
    background-color: #018db3;
    border-color: #01718f;
    color: #ffffff;
}

.k-state-selected.k-task-single {
    border-color: #0195bd;
}

.k-line {
    background-color: #343435;
    color: #343435;
}

.k-state-selected.k-line {
    background-color: #0195bd;
    color: #0195bd;
}

.k-resource {
    background-color: #ffffff;
}
/* PivotGrid */
.k-i-kpi-decrease,
.k-i-kpi-denied,
.k-i-kpi-equal,
.k-i-kpi-hold,
.k-i-kpi-increase,
.k-i-kpi-open {
    background-image: url(Bootstrap/sprite_kpi.png);
}
/* Border radius */
.k-block,
.k-button,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-window-action,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-multiselect,
.k-combobox,
.k-dropdown,
.k-dropdown-wrap,
.k-datepicker,
.k-timepicker,
.k-colorpicker,
.k-datetimepicker,
.k-notification,
.k-numerictextbox,
.k-picker-wrap,
.k-numeric-wrap,
.k-list-container,
.k-calendar-container,
.k-calendar td,
.k-calendar .k-link,
.k-treeview .k-in,
.k-editor-inline,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection,
.k-upload,
.k-split-button {
    border-radius: 5px;
}

.k-tool {
    text-align: center;
    vertical-align: middle;
}
/* Pulled from Kendo.*/
.k-toolbar {
    padding: .28571428em 0;
}

    .k-tool.k-group-start,
    .k-toolbar .k-split-button .k-button,
    .k-toolbar .k-button-group .k-group-start {
        border-radius: 5px 0 0 5px;
    }

.k-rtl .k-tool.k-group-start,
.k-rtl .k-toolbar .k-split-button .k-button,
.k-rtl .k-toolbar .k-button-group .k-group-start {
    border-radius: 0 5px 5px 0;
}

.k-toolbar .k-button-group > .k-group-end {
    border-radius: 5px;
}

.k-tool.k-group-end,
.k-toolbar .k-button-group .k-button + .k-group-end,
.k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 0 5px 5px 0;
}

.k-rtl .k-tool.k-group-end,
.k-rtl .k-toolbar .k-button-group .k-group-end,
.k-rtl .k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 5px 0 0 5px;
}

.k-toolbar:not(.k-spreadsheet-toolbar) .k-button-group .k-button {
    border-left-color: transparent;
}

.k-toolbar:not(.k-spreadsheet-toolbar) .k-button-group .k-group-start {
    border-left-color: #c7c7c7;
}

.k-toolbar:not(.k-spreadsheet-toolbar) .k-button-group .k-button:focus {
    border-left-color: #03c8fe;
}

.k-group-start.k-group-end.k-tool {
    border-radius: 5px;
}

.k-calendar-container.k-state-border-up,
.k-list-container.k-state-border-up,
.k-autocomplete.k-state-border-up,
.k-multiselect.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-window-content,
.k-filter-menu {
    border-radius: 0 0 5px 5px;
}

    .k-autocomplete.k-state-border-up .k-input,
    .k-dropdown-wrap.k-state-border-up .k-input,
    .k-picker-wrap.k-state-border-up .k-input,
    .k-picker-wrap.k-state-border-up .k-selected-color,
    .k-numeric-wrap.k-state-border-up .k-input {
        border-radius: 0 0 0 5px;
    }

    .k-multiselect.k-state-border-up .k-multiselect-wrap {
        border-radius: 0 0 5px 5px;
    }


.k-window-titlebar.k-header {
    height: 22px
}


.k-window-titlebar,
.k-block > .k-header,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-link,
.k-calendar-container.k-state-border-down,
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-multiselect.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down {
    border-radius: 5px 5px 0 0;
}

.k-split-button.k-state-border-down > .k-button {
    border-radius: 5px 0 0 0;
}

.k-split-button.k-state-border-up > .k-button {
    border-radius: 0 0 0 5px;
}

.k-split-button.k-state-border-down > .k-split-button-arrow {
    border-radius: 0 5px 0 0;
}

.k-split-button.k-state-border-up > .k-split-button-arrow {
    border-radius: 0 0 5px 0;
}

.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
    border-radius: 4px 0 0 4px;
}

.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-picker-wrap .k-input,
.k-rtl .k-numeric-wrap .k-input {
    border-radius: 0 4px 4px 0;
}

.k-numeric-wrap .k-link {
    border-radius: 0 4px 0 0;
}

    .k-numeric-wrap .k-link + .k-link {
        border-radius: 0 0 4px 0;
    }

.k-colorpicker .k-selected-color {
    border-radius: 4px 0 0 4px;
}

.k-rtl .k-colorpicker .k-selected-color {
    border-radius: 0 4px 4px 0;
}

.k-autocomplete.k-state-border-down .k-input {
    border-radius: 5px 5px 0 0;
}

.k-dropdown-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-selected-color,
.k-numeric-wrap.k-state-border-down .k-input {
    border-radius: 5px 0 0 0;
}

.k-numeric-wrap .k-link.k-state-selected {
    background-color: #e6e6e6;
}

.k-multiselect.k-state-border-down .k-multiselect-wrap {
    border-radius: 4px 4px 0 0;
}

.k-dropdown-wrap .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-datetimepicker .k-select + .k-select,
.k-list-container.k-state-border-right {
    border-radius: 0 4px 4px 0;
}

.k-rtl .k-dropdown-wrap .k-select,
.k-rtl .k-picker-wrap .k-select,
.k-rtl .k-numeric-wrap .k-select,
.k-rtl .k-datetimepicker .k-select + .k-select,
.k-rtl .k-list-container.k-state-border-right {
    border-radius: 5px 0 0 5px;
}

.k-numeric-wrap.k-expand-padding .k-input {
    border-radius: 5px;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-multiselect-wrap {
    border-radius: 4px;
}

.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel,
.k-dropzone {
    border-radius: 4px;
}

.k-slider .k-button,
.k-grid .k-slider .k-button {
    border-radius: 13px;
}




/*The buttons in the grid don't have the correct padding*/
.k-grid > .k-grid-content tbody > tr > td > .k-button.list-button > span.k-icon.k-icon.k-delete {
    margin-right: -9px;
    margin-left: -4px;
}

.k-grid > .k-grid-content tbody > tr > td > .k-button.list-button > span.k-icon.k-i-folder-up {
    margin-left: -8px;
    margin-right: -10px;
}

.delete-button-notext {
    margin-right: -5px;
}

.k-draghandle {
    border-radius: 13px;
}

.k-scheduler-toolbar > ul li:first-child,
.k-scheduler-toolbar > ul li:first-child .k-link,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
    border-radius: 5px 0 0 5px;
}

.k-rtl .k-scheduler-toolbar > ul li:first-child,
.k-rtl .k-scheduler-toolbar > ul li:first-child .k-link,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
    border-radius: 0 5px 5px 0;
}

.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today,
.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link,
.k-edit-field > .k-scheduler-navigation {
    border-radius: 5px;
}

.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar .k-nav-next .k-link,
.k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.k-rtl .k-scheduler-toolbar .k-nav-next,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child,
.k-rtl .k-scheduler-toolbar .k-nav-next .k-link,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-radius: 5px 0 0 5px;
}

.k-scheduler div.k-scheduler-footer ul li,
.k-scheduler div.k-scheduler-footer .k-link {
    border-radius: 5px;
}

.k-more-events,
.k-event,
.k-task-single,
.k-task-complete,
.k-event .k-link {
    border-radius: 4px;
}

.k-scheduler-mobile .k-event {
    border-radius: 3px;
}
/* Adaptive Grid */
.k-grid-mobile .k-column-active + th.k-header {
    border-left-color: #343435;
}

html .km-pane-wrapper .km-widget,
.k-ie .km-pane-wrapper .k-widget,
.k-ie .km-pane-wrapper .k-group,
.k-ie .km-pane-wrapper .k-content,
.k-ie .km-pane-wrapper .k-header,
.k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-label,
.km-pane-wrapper .k-mobile-list .k-edit-field {
    color: #343435;
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
    div.km-pane-wrapper a {
        color: #343435;
    }
}

.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    background-color: #ffffff;
    border-top: 1px solid #e3e3e3;
}

    .km-pane-wrapper .k-mobile-list .k-edit-field textarea {
        outline-width: 0;
    }

    .km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
        background-color: #0195bd;
        border-top-color: #0195bd;
    }

    .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
        border-top-color: transparent;
    }

    .km-pane-wrapper .k-mobile-list .k-item:last-child {
        box-shadow: inset 0 -1px 0 #e3e3e3;
    }

.km-pane-wrapper .k-mobile-list > ul > li > .k-link,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
    color: #979797;
}

.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    border-bottom: 1px solid #e3e3e3;
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
    box-shadow: 0 1px 1px #e3e3e3;
}

.km-actionsheet .k-grid-delete,
.km-actionsheet .k-scheduler-delete,
.km-pane-wrapper .k-scheduler-delete,
.km-pane-wrapper .k-filter-menu .k-button[type=reset] {
    color: #fff;
    border-color: #dbdbdb;
    background-color: red;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
}

    .km-actionsheet .k-grid-delete:active,
    .km-actionsheet .k-scheduler-delete:active,
    .km-pane-wrapper .k-scheduler-delete:active,
    .km-pane-wrapper .k-filter-menu .k-button[type=reset]:active {
        background-color: #990000;
    }

.km-pane-wrapper .k-pager-numbers .k-link,
.km-pane-wrapper .k-pager-numbers .k-state-selected,
.km-pane-wrapper .k-pager-wrap > .k-link {
    border-radius: 0;
}

.km-pane-wrapper .k-pager-nav.k-pager-first {
    border-radius: 5px 0 0 5px;
}
/* /Column Menu */
.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default {
    background-image: none;
    background-position: 50% 50%;
    background-color: #ffffff;
    border-color: #c7c7c7;
}

.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
    background-color: #e6e6e6;
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(1,121,153,1), rgba(1,111,140,1));
    background-position: 50% 50%;
    border-color: #a9a9a9;
}

.k-multiselect.k-header {
    border-color: #c7c7c7;
}

    .k-multiselect.k-header.k-state-hover {
        border-color: #a9a9a9;
    }

    .k-autocomplete.k-state-focused,
    .k-picker-wrap.k-state-focused,
    .k-numeric-wrap.k-state-focused,
    .k-dropdown-wrap.k-state-focused,
    .k-multiselect.k-header.k-state-focused {
        background-color: #e6e6e6;
        background-image: none;
        background-image: none, linear-gradient(to bottom, rgba(1,121,153,1), rgba(1,111,140,1));
        background-position: 50% 50%;
        border-color: #03c8fe;
        box-shadow: 0 0 7px 0 #03c8fe;
    }

.k-list-container {
    color: #343435;
}

.k-nodata {
    color: #9c9c9c;
}

.k-menu .k-popup {
    color: #343435;
}

.k-state-default > .k-select {
    border-color: #c7c7c7;
}

.k-state-hover > .k-select {
    border-color: #a9a9a9;
}

.k-state-focused > .k-select {
    border-color: #03c8fe;
}

.k-tabstrip:focus {
    /*box-shadow: 0 0 7px 0 #03c8fe;*/
}

.k-tabstrip-items .k-state-default .k-link {
    color: #0195BD;
    border-style: solid;
    background-image: none, linear-gradient(to bottom, #f9f9f9, #E6E6E6);
    border-width: 1px;
    border-color: #E6E6E6;
}

.k-panelbar > li.k-state-default > .k-link {
    color: #0195BD;
}

    .k-tabstrip-items .k-state-hover .k-link,
    .k-panelbar > li.k-state-hover > .k-link,
    .k-panelbar > li.k-state-default > .k-link.k-state-hover {
        color: #f9f9f9;
    }

.k-panelbar > .k-state-focused.k-state-hover {
    background: #e6e6e6;
    box-shadow: none;
}

.k-tabstrip-items .k-state-default {
    border-color: transparent;
}

.k-tabstrip-items .k-state-hover {
    border-color: #a9a9a9;
}

.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active {
    background-color: #ffffff;
    background-image: none;
    border-color: #c7c7c7;
}

.k-tabstrip-top .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active {
    border-bottom-color: #ffffff;
}

.k-tabstrip .k-content.k-state-active {
    background-color: #ffffff;
    color: #343435;
}

.k-menu.k-header,
.k-menu .k-item {
    border-color: #c7c7c7;
    border-radius: 0px;
}

.k-column-menu,
.k-column-menu .k-item,
.k-overflow-container .k-overflow-group {
    border-color: #c7c7c7;
}

.k-overflow-container .k-overflow-group {
    box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 #ffffff;
}

    .k-toolbar-first-visible.k-overflow-group,
    .k-overflow-container .k-overflow-group + .k-overflow-group {
        box-shadow: 0 1px 0 #ffffff;
    }

.k-toolbar-last-visible.k-overflow-group {
    box-shadow: inset 0 1px 0 #ffffff;
}

.k-column-menu .k-separator {
    border-color: #c7c7c7;
    background-color: transparent;
}

.k-menu .k-group {
    border-color: rgba(0, 0, 0, 0.2);
}

.k-grid-filter.k-state-active {
    background-color: #ffffff;
}

.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td {
    color: #343435;
    border-color: #c7c7c7;
    font-weight: bold;
}

.k-grouping-header {
    color: #343435;
}

.k-grid tr:hover {
    background-color: #017999;
    color: #ffffff;
}

.k-header.k-grid-toolbar.k-grid-top {
    background: #f9f9f9;
    border-color: #e6e6e6;
    border-width: 1pt;
    color: #535456;
    padding: 10px 10px 10px 10px;
}

.k-grid .k-filter-row:hover,
.k-pivot-rowheaders .k-grid tr:hover {
    background: none;
}

.k-grid td.k-state-focused {
    box-shadow: inset 0 0 7px 0 #03c8fe;
    /*inset 0 0 0 1px*/
}

.k-grid tr.k-state-focused:hover td {
    background-color: #7ce3fe;
}

.k-grid td.k-state-selected:hover,
.k-grid tr.k-state-selected:hover td {
    background-color: #0195BD;
}

    .k-grid tr:hover .k-state-focused.k-state-selected,
    .k-grid tr.k-state-selected:hover td.k-state-focused {
        box-shadow: inset 0 0 7px 0 #001d25;
    }

.k-header,
.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-grid-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-link,
.k-grouping-header .k-group-indicator,
.k-gantt-toolbar .k-state-default {
    border-color: #c7c7c7;
}

.k-primary:not(.k-button),
.k-overflow-container .k-primary {
    color: #ffffff;
    border-color: #0181a4;
    background-image: none;
    background-position: 50% 50%;
    background-color: #0195bd;
    box-shadow: none;
}

.k-primary:focus,
.k-primary.k-state-focused {
    color: #ffffff;
    border-color: #eef8fc;
    background-image: none;
    background-color: #017594;
    box-shadow: 0 0 8px 0 #cbebf5;
}

.k-primary:hover {
    color: #ffffff;
    border-color: #015167;
    background-image: none;
    background-color: #017594;
    box-shadow: none;
}

.k-primary:focus:active:not(.k-state-disabled):not([disabled]),
.k-primary:focus:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 0 8px 0 #cbebf5;
}

.k-primary:active {
    color: #ffffff;
    border-color: #015167;
    background-image: none;
    background-color: #017594;
    box-shadow: inset 0 0 8px 0 #03c8fe;
}

.k-primary.k-state-disabled,
.k-state-disabled .k-primary,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary:hover,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary:active,
.k-primary.k-state-disabled:active {
    color: #ffffff;
    border-color: #08c9fe;
    background-color: #12ccfe;
    background-image: none;
    box-shadow: none;
}

.k-pager-numbers .k-link,
.k-treeview .k-in {
    border-color: transparent;
}
/*.k-treeview .k-icon,*/
.k-scheduler-table .k-icon,
.k-grid .k-hierarchy-cell .k-icon {
    background-color: transparent;
    border-radius: 5px;
}

.k-scheduler-table .k-state-hover .k-icon {
    background-color: transparent;
}

.k-button:focus,
.k-split-button:focus {
    outline: none;
}

.k-split-button:focus {
    background-color: #ffffff;
    box-shadow: 0 0 8px 0 #03c8fe;
}

    .k-split-button:focus > .k-button {
        background: transparent;
        border-color: #03c8fe;
    }

.k-editor .k-tool:focus {
    outline: 0;
    border-color: #03c8fe;
    box-shadow: 0 0 7px 0 #03c8fe;
}

.k-checkbox-label:before {
    border-color: #c7c7c7;
    background: #ffffff;
    border-radius: 3px;
}

.k-checkbox-label, .k-radio-label {
    padding-left: 18px;
    vertical-align: text-top;
}

    .k-checkbox-label:hover:before,
    .k-checkbox:checked + .k-checkbox-label:hover:before {
        border-color: #a9a9a9;
        box-shadow: none;
    }

.k-checkbox:checked + .k-checkbox-label:before {
    background-color: #ffffff;
    border-color: #c7c7c7;
    color: #0195bd;
}

.k-checkbox-label:active:before {
    box-shadow: 0 0 2px 0 #03c8fe;
    border-color: #03c8fe;
}

.k-checkbox:checked + .k-checkbox-label:active:before {
    box-shadow: 0 0 2px 0 #03c8fe;
    border-color: #03c8fe;
}

.k-checkbox:disabled + .k-checkbox-label {
    color: #9c9c9c;
}

    .k-checkbox:disabled + .k-checkbox-label:hover:before {
        box-shadow: none;
    }

    .k-checkbox:disabled + .k-checkbox-label:before,
    .k-checkbox:checked:disabled + .k-checkbox-label:before,
    .k-checkbox:checked:disabled + .k-checkbox-label:active:before,
    .k-checkbox:checked:disabled + .k-checkbox-label:hover:before {
        color: #9c9c9c;
        background: #ffffff;
        border-color: #c7c7c7;
        border-radius: 3px;
    }

.k-checkbox:focus + .k-checkbox-label:before {
    border-color: #03c8fe;
    box-shadow: 0 0 2px 0 #03c8fe;
}

.k-checkbox:indeterminate + .k-checkbox-label:after {
    background-color: #0195bd;
    background-image: none;
    background-image: none, linear-gradient(to bottom, #0195BD, #0183A6);
    border-color: #03c8fe;
    border-radius: 2px;
}

.k-checkbox:indeterminate:hover + .k-checkbox-label:after {
    border-color: #0195bd;
    background-color: #0195bd;
}

.k-radio-label:before {
    border-color: #c7c7c7;
    border-radius: 50%;
    background-color: #ffffff;
    border-width: 1px;
}

.k-radio-label:hover:before,
.k-radio:checked + .k-radio-label:hover:before {
    border-color: #a9a9a9;
    box-shadow: none;
}

.k-radio:checked + .k-radio-label:after {
    background-color: #0195bd;
    border-radius: 50%;
}

.k-radio-label:active:before {
    border-color: #03c8fe;
    box-shadow: 0 0 2px 0 #03c8fe;
}

.k-radio:checked + .k-radio-label:active:before {
    box-shadow: 0 0 2px 0 #03c8fe;
    border-color: #03c8fe;
}

.k-radio:disabled + .k-radio-label {
    color: #cdcdcd;
}

    .k-radio:disabled + .k-radio-label:before,
    .k-radio:disabled + .k-radio-label:active:before,
    .k-radio:disabled + .k-radio-label:hover:after,
    .k-radio:disabled + .k-radio-label:hover:before {
        background: #ffffff;
        border-color: #c7c7c7;
        box-shadow: none;
    }

.k-radio:disabled:checked + .k-radio-label:after {
    background-color: #0195bd;
    opacity: .5;
}

.k-radio:focus + .k-radio-label:before {
    border-color: #03c8fe;
    box-shadow: 0 0 2px 0 #03c8fe;
}
/*@media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-device-pixel-ratio: 1.2) {
  .k-icon:not(.k-loading):not(.k-i-loading),
  .p-icon:not(.p-i-loading),
  .k-grouping-dropclue,
  .k-drop-hint,
  .k-callout,
  .k-tool-icon,
  .k-state-hover .k-tool-icon,
  .k-state-active .k-tool-icon,
  .k-state-active.k-state-hover .k-tool-icon,
  .k-state-selected .k-tool-icon,
  .k-state-selected.k-state-hover .k-tool-icon,
  .k-column-menu .k-sprite,
  .k-mobile-list .k-check:checked,
  .k-mobile-list .k-edit-field [type=checkbox]:checked,
  .k-mobile-list .k-edit-field [type=radio]:checked {
    background-image: url(Bootstrap/sprite_2x.png');
    background-size: 340px 336px;
  }
  .k-dropdown-wrap .k-input,
  .k-picker-wrap .k-input,
  .k-numeric-wrap .k-input {
    border-radius: 4px 0 0 4px;
  }
  .k-i-kpi-decrease,
  .k-i-kpi-denied,
  .k-i-kpi-equal,
  .k-i-kpi-hold,
  .k-i-kpi-increase,
  .k-i-kpi-open {
    background-image: url(Bootstrap/sprite_kpi_2x.png');
    background-size: 96px 16px;
  }
}*/
@media screen and (-ms-high-contrast: active) {
    .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused,
    .k-editor-toolbar-wrap .k-button-group .k-tool:focus {
        border-color: #fff;
    }
}
/* Responsive styles */
@media only screen and (max-width: 1024px) {
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-webkit .k-pager-numbers .k-current-page .k-link,
    .k-ff .k-pager-numbers .k-current-page .k-link,
    .k-ie11 .k-pager-numbers .k-current-page .k-link,
    .k-edge .k-pager-numbers .k-current-page .k-link,
    .k-safari .k-pager-numbers .k-current-page .k-link {
        background-image: none;
        background-position: 50% 50%;
        background-color: #ffffff;
        border-color: #c7c7c7;
    }

    .k-webkit .k-pager-numbers .k-current-page .k-link,
    .k-ff .k-pager-numbers .k-current-page .k-link,
    .k-ie11 .k-pager-numbers .k-current-page .k-link,
    .k-edge .k-pager-numbers .k-current-page .k-link,
    .k-safari .k-pager-numbers .k-current-page .k-link {
        border-color: #c7c7c7;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        border-radius: 5px;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
        border-radius: 0;
    }

        .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
        .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
        .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
        .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
            border-radius: 4px 4px 0 0;
        }

    .k-webkit .k-scheduler-toolbar > ul li:first-child,
    .k-ff .k-scheduler-toolbar > ul li:first-child,
    .k-ie11 .k-scheduler-toolbar > ul li:first-child,
    .k-edge .k-scheduler-toolbar > ul li:first-child,
    .k-safari .k-scheduler-toolbar > ul li:first-child,
    .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-ff .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-edge .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-safari .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
        border-radius: 0;
    }

        .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
        .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
        .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
        .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
            border-radius: 0 0 4px 4px;
        }

    .k-webkit .k-pager-numbers .k-current-page .k-link:hover,
    .k-ff .k-pager-numbers .k-current-page .k-link:hover,
    .k-ie11 .k-pager-numbers .k-current-page .k-link:hover,
    .k-edge .k-pager-numbers .k-current-page .k-link:hover,
    .k-safari .k-pager-numbers .k-current-page .k-link:hover,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
        border-color: #a9a9a9;
        background-image: none;
        background-image: none, linear-gradient(to bottom, rgba(1,121,153,1), rgba(1,111,140,1));
        background-color: #e6e6e6;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        color: #343435;
        min-width: 75px;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link {
        color: #f9f9f9;
    }

    .k-webkit .k-pager-numbers .k-current-page .k-link:after,
    .k-ff .k-pager-numbers .k-current-page .k-link:after,
    .k-ie11 .k-pager-numbers .k-current-page .k-link:after,
    .k-edge .k-pager-numbers .k-current-page .k-link:after,
    .k-safari .k-pager-numbers .k-current-page .k-link:after,
    .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after,
    .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after,
    .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after,
    .k-edge .k-scheduler-views > li.k-state-selected > .k-link:after,
    .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -0.5em;
        right: 0.333em;
        width: 1.333em;
        height: 1.333em;
    }

    .k-webkit .k-pager-numbers.k-state-expanded,
    .k-ff .k-pager-numbers.k-state-expanded,
    .k-ie11 .k-pager-numbers.k-state-expanded,
    .k-edge .k-pager-numbers.k-state-expanded,
    .k-safari .k-pager-numbers.k-state-expanded,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #c7c7c7;
        background-color: #f0f0f0;
        border-radius: 5px 5px 0 0;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border-width: 1px;
        background-image: none;
        border-radius: 5px;
    }

    .k-webkit .k-pager-numbers .k-state-selected,
    .k-ff .k-pager-numbers .k-state-selected,
    .k-ie11 .k-pager-numbers .k-state-selected,
    .k-edge .k-pager-numbers .k-state-selected,
    .k-safari .k-pager-numbers .k-state-selected,
    .k-webkit .k-pager-numbers .k-link,
    .k-ff .k-pager-numbers .k-link,
    .k-ie11 .k-pager-numbers .k-link,
    .k-edge .k-pager-numbers .k-link,
    .k-safari .k-pager-numbers .k-link {
        border-radius: 4px;
    }

    .k-webkit .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
    .k-ff .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
    .k-ie11 .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
    .k-edge .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
    .k-safari .k-widget.k-grid .k-pager-nav + .k-pager-numbers {
        position: absolute;
    }
}

.k-grid,
.k-scheduler,
.k-menu,
.k-editor {
    border-radius: 5px;
}

    .k-grid > .k-grouping-header,
    .k-grid-header:first-child,
    .k-grid-toolbar:first-child,
    .k-scheduler > .k-scheduler-toolbar:first-child {
        border-radius: 4px 4px 0 0;
    }

        .k-grid-header:first-child th.k-header:first-child,
        thead.k-grid-header th.k-header:first-child,
        .k-rtl thead.k-grid-header th.k-header:last-child {
            border-radius: 4px 0 0 0;
        }

.k-rtl .k-grid-header:first-child th.k-header:first-child,
.k-rtl thead.k-grid-header th.k-header:first-child,
thead.k-grid-header th.k-header:last-child {
    border-radius: 0 4px 0 0;
}

.k-grid-pager,
.k-scheduler-footer {
    border-radius: 0 0 4px 4px;
    font-size: 12px;
}

.k-menu > .k-first {
    border-radius: 4px 0 0 4px;
}

.k-rtl .k-menu > .k-first {
    border-radius: 0 4px 4px 0;
}

.k-widget.k-treeview {
    /*color: #0195bd;*/
    background-color: #e6e6e6;
}

.k-treeview .k-in.k-state-hover {
    color: #F9F9F9;
    background-color: #00968e !important;
    background: none;
    border-radius: 0px;
    margin-left: 0px;
}

.k-treeview .k-state-selected,
.k-draghandle.k-state-selected {
    color: #F9F9F9;
    background-image: none, linear-gradient(to bottom, #01B3A9, #019990);
    font-weight: bold;
    /*border: none;*/
    box-shadow: none;
    border-radius: 0px;
    margin-left: 0px;
    padding-left: 11px;
}

/*Creating the lines between the parent elements*/
.k-treeview .k-item {
    border-bottom-color: #F9F9F9;
    border-style: solid;
    border-width: 1px;
}

.k-treeview .k-i-collapse {
    margin-top: 0;
}
/*Children with more options*/
.ChildWithMoreOptions > span > .k-i-arrow-60-right,
.ChildWithMoreOptions > span > .k-i-arrow-e {
    color: #8C9093;
    background: none;
}

/*Children with more options when hovered over*/
.ChildWithMoreOptions.k-state-hover > span > .k-i-arrow-60-right,
.ChildWithMoreOptions.k-state-hover > span > .k-i-arrow-e {
    color: #f9f9f9;
    background: none;
}

.k-tabstrip-items .k-state-hover .k-link {
    color: #0195bd;
}

.k-tabstrip-items .k-state-active .k-link {
    color: #343435;
}

.k-tabstrip-items .k-state-active .k-link {
    color: #343435;
}

.k-tabstrip-items .k-item {
    background: transparent;
}

    .k-tabstrip-items .k-item.k-state-active {
        background: #ffffff;
    }

    .k-tabstrip-items .k-item.k-state-hover {
        background: #e6e6e6;
    }

.k-tabstrip-items .k-state-focused {
    border-color: #03c8fe;
    box-shadow: 0 0 7px 0 #03c8fe;
}

.k-tabstrip-items .k-state-default.k-state-hover {
    border-color: #e6e6e6;
}

.k-multiselect .k-button {
    color: #ffffff;
    border-color: #0181a4;
    background-color: #0195bd;
    margin: 2px;
}

    .k-multiselect .k-button.k-state-hover {
        border-color: #015167;
        background-color: #017594;
    }

    .k-multiselect .k-button:active {
        color: #ffffff;
        box-shadow: inset 0 0 10px 3px #017594;
    }

.k-list > .k-state-hover {
    border-color: #e6e6e6;
}

.k-scheduler-toolbar > ul > li {
    background-color: #ffffff;
    border-color: #c7c7c7;
}

.k-menu .k-group {
    background: #ffffff;
}

.k-menu .k-state-default .k-state-border-down {
    background-color: #e3e3e3;
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.k-menu .k-item > .k-state-border-right,
.k-menu .k-item > .k-state-border-left {
    background-color: #0195bd;
    color: #ffffff;
}

.k-menu .k-state-selected > .k-link {
    color: #ffffff;
    background-color: #0195bd;
    border-color: #0195bd;
    background-image: none;
    background-image: none, linear-gradient(to bottom, #0195BD, #0183A6);
}

.k-menu .k-link.k-state-active,
.k-menu .k-state-hover > .k-link {
    color: #343435;
    background-color: #017999;
    border-color: #a9a9a9;
    background-image: none;
}

    .k-menu .k-link.k-state-active,
    .k-menu .k-state-hover > .k-link:not(:first-child) {
        color: #f9f9f9;
    }

.k-menu .k-state-hover .k-link.k-state-active {
    background-color: #d4d4d4;
}

/* Switch */
.km-switch {
    height: 34px;
    width: 68px;
}

.km-switch-background {
    color: #0195BD;
    background-position: 68px;
}

.km-switch-handle {
    width: 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #BFC0C1;
    background-image: none, linear-gradient(to bottom, #f9f9f9, #ffffff);
}

.km-switch-label-on {
    left: -140%;
}

.km-switch-label-off {
    left: 65%;
}

.km-switch-label-on,
.km-switch-label-off {
    top: 3px;
}

.km-switch-wrapper {
    background-color: #BFC0C1;
}

.km-switch-container,
.km-switch-wrapper {
    border: 1px solid #BFC0C1;
}

/* Slider */
.k-slider-track {
    background-color: #ffffff;
    border-color: #c7c7c7;
    border-radius: 0;
}

.k-slider-selection {
    background-color: #e6e6e6;
    border-radius: 0;
}

.k-slider-horizontal .k-tick {
    background-image: url(Bootstrap/slider-h.gif);
}

.k-draghandle.k-state-selected,
.k-draghandle.k-state-selected:link,
.k-draghandle.k-state-selected:hover {
    background-color: #c7c7c7;
    border-color: #c7c7c7;
}

.k-draghandle.k-state-focused,
.k-draghandle.k-state-focused:link,
.k-slider-buttons .k-button:focus,
.k-slider-buttons .k-button:active {
    box-shadow: 0 0 7px 0 #03c8fe;
    border-color: #03c8fe;
    background-color: #ffffff;
}

.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default,
.k-multiselect.k-header {
    border-color: #c7c7c7;
}

.k-widget.k-autocomplete,
.k-widget.k-combobox,
.k-widget.k-dropdown,
.k-widget.k-datepicker,
.k-widget.k-datetimepicker,
.k-widget.k-timepicker,
.k-widget.k-numerictextbox,
.k-widget.k-multiselect,
.k-widget.k-menu,
.k-widget.k-progressbar,
.k-progressbar > .k-state-selected {
    box-shadow: none;
}

.k-autocomplete.k-state-default .k-input,
.k-combobox .k-state-default .k-input,
.k-picker-wrap.k-state-default .k-input,
.k-numeric-wrap.k-state-default .k-input,
.k-multiselect-wrap,
.k-slider-track,
.k-slider-selection,
.k-progress-status-wrap {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.k-textbox:focus,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused {
    background-color: #ffffff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #0195bd;
    box-shadow: 0 0 3px 0 #0195bd;
}

.k-textbox:hover,
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover {
    background-color: #e6e6e6;
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(1,121,153,1), rgba(1,111,140,1));
    background-position: 50% 50%;
    border-color: #a9a9a9;
}

.k-autocomplete.k-state-border-down,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-pager-numbers.k-state-expanded .k-current-page .k-link {
    border-color: #c7c7c7;
    background-color: #e6e6e6;
}

.k-grid-filter.k-state-active {
    border-color: #a9a9a9;
    background-color: #e6e6e6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.k-picker-wrap.k-state-active.k-state-border-down,
.k-dropdown-wrap.k-state-active.k-state-border-down,
.k-numeric-wrap .k-link.k-state-selected,
.k-pager-numbers.k-state-expanded .k-current-page .k-link {
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.k-picker-wrap.k-state-focused > .k-select,
.k-picker-wrap.k-state-active > .k-select {
    border-color: #c7c7c7;
}

.k-panelbar > .k-item > .k-link {
    border-color: #c7c7c7;
}

.k-panelbar > li.k-state-default > .k-link {
    color: #343435;
    border-style: solid;
    border-width: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: #F9F9F9;
}

.k-panelbar > .k-state-focused {
    box-shadow: inset 0 0 7px 0 #03c8fe;
}

.k-toolbar .k-button.k-state-active:hover,
.k-split-container .k-button.k-state-active:hover,
.k-overflow-container .k-button.k-state-active:hover,
.k-panelbar > li > .k-link.k-state-selected {
    color: #ffffff;
}

.k-toolbar .k-button.k-state-active,
.k-split-container .k-button.k-state-active,
.k-overflow-container .k-button.k-state-active,
.k-panelbar .k-link.k-state-selected.k-state-hover {
    color: #f9f9f9;
}

td.k-state-focused.k-state-selected,
.k-state-selected td.k-state-focused,
.k-listview > .k-state-focused.k-state-selected {
    box-shadow: inset 0 0 10px 3px #017594;
}

.k-panelbar > .k-state-focused.k-state-hover {
    background: #e6e6e6;
    box-shadow: none;
}

.k-panelbar > li .k-state-selected.k-state-hover {
    box-shadow: none;
}

.k-pager-wrap {
    color: #343435;
}

    .k-pager-wrap > .k-link,
    .k-pager-numbers .k-link,
    .k-pager-numbers .k-state-selected {
        border-radius: 0;
    }

.k-grid tr td {
    border-style: solid;
    border-color: #E6E6E6;
    border-width: 0 0 1px 1px;
}

.k-pager-wrap .k-link {
    background: #ffffff;
    border-color: #c7c7c7;
    border-right: none;
}

.k-pager-wrap .k-pager-refresh {
    background: #f0f0f0;
}

.k-pager-wrap .k-link:hover {
    color: #0195bd;
    border-color: #c7c7c7;
    background: #e6e6e6;
}

.k-grid-header .k-header > .k-link,
.k-grid-header .k-link:link,
.k-grid-header .k-link:visited,
.k-grid-header .k-nav-current.k-state-hover .k-link,
.k-grouping-header .k-link {
    font-family: 'Open Sans Semibold';
    /*font-size: 16px;  This is the desired size from the style guide, but it is a breaking change right now*/
    color: #FFFFFF;
}

.k-pager-wrap .k-pager-nav.k-pager-last {
    border-radius: 0 5px 5px 0;
    border-right-color: #c7c7c7;
}

.k-rtl .k-pager-wrap .k-pager-nav.k-pager-last {
    border-radius: 5px 0 0 5px;
    border-right-width: 0;
}

.k-pager-nav.k-pager-first {
    border-radius: 5px 0 0 5px;
}

.k-rtl .k-pager-nav.k-pager-first {
    border-radius: 0 5px 5px 0;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #c7c7c7;
    margin-right: 6px;
}

.k-dropzone .k-upload-status {
    color: #343435;
}

.k-menu .k-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-filebrowser .k-image,
.k-tooltip {
    box-shadow: none;
}

.k-window {
    border-color: #c7c7c7;
}

.k-state-focused,
.k-button:focus:not(.k-state-disabled):not([disabled]),
.k-button.k-state-focused,
.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 0 3px 0 #0195bd;
}

.k-list > .k-state-focused {
    box-shadow: none;
}

.k-button {
    box-shadow: none;
}

.k-popup {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.k-tooltip {
    box-shadow: none;
}

.k-list-container {
    border-color: #c7c7c7;
}

.k-flatcolorpicker .k-hue-slider .k-draghandle {
    box-shadow: 0 0 0 1px #c4c4c4;
    background: transparent;
    border: 5px solid #ffffff;
}

    .k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
    .k-flatcolorpicker .k-hue-slider .k-draghandle:focus {
        border-color: #ffffff;
        box-shadow: 0 0 8px 0 rgba(102, 175, 233, 0.75);
        border-width: 5px;
        padding: 0;
    }

.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
    margin-right: 0;
}

.k-grid .k-pager-numbers,
.k-pager-wrap > .k-link {
    margin: 0;
}

.k-pager-wrap .k-link {
    border-right: none;
}

    .k-pager-wrap .k-link.k-pager-last {
        border-right-width: 1px;
        border-right-style: solid;
        border-radius: 0 5px 5px 0;
        border-color: #c7c7c7;
    }

.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active {
    box-shadow: none;
}

.k-primary:active {
    color: #ffffff;
    border-color: #015167;
    background-image: none;
    background-color: #017594;
    box-shadow: inset 0 0 8px 0 #03c8fe;
}

.k-editor-toolbar .k-tool,
.k-editor-toolbar .k-widget.k-colorpicker.k-header {
    color: #343435;
    background-color: #ffffff;
    border-color: #c7c7c7;
}

    .k-editor-toolbar .k-tool.k-state-hover {
        color: #f9f9f9;
        border-color: #a9a9a9;
        background-color: #e6e6e6;
    }

.k-editor-toolbar .k-state-selected {
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    background-color: #e6e6e6;
    border-color: #a9a9a9;
}

.k-editor-toolbar .k-button-group .k-tool-icon {
    border-color: #c7c7c7;
}

.k-splitbar,
.k-splitbar:hover {
    border-color: transparent;
}

.k-button:active {
    color: #ffffff;
    background-color: #e6e6e6;
    border-color: #a9a9a9;
}

    .k-button:active:hover,
    .k-button.k-state-active:hover {
        color: #ffffff;
        border-color: #a9a9a9;
        background-color: #e6e6e6;
    }

.k-button[disabled],
.k-button.k-state-disabled,
.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active,
.k-button.k-state-disabled:active:hover {
    color: #ffffff;
    border-color: #BFC0C1;
    background-color: #BFC0C1;
    background-image: none;
}
/* Responsive styles  */
@media only screen and (max-width: 1024px) {
    .k-webkit .k-pager-wrap,
    .k-ff .k-pager-wrap,
    .k-ie11 .k-pager-wrap,
    .k-edge .k-pager-wrap,
    .k-safari .k-pager-wrap {
        min-height: 2.4em;
    }

        .k-webkit .k-pager-wrap .k-pager-nav,
        .k-ff .k-pager-wrap .k-pager-nav,
        .k-ie11 .k-pager-wrap .k-pager-nav,
        .k-edge .k-pager-wrap .k-pager-nav,
        .k-safari .k-pager-wrap .k-pager-nav,
        .k-webkit .k-pager-input,
        .k-ff .k-pager-input,
        .k-ie11 .k-pager-input,
        .k-edge .k-pager-input,
        .k-safari .k-pager-input {
            display: inline-block;
            vertical-align: top;
        }

    .k-webkit .k-pager-numbers,
    .k-ff .k-pager-numbers,
    .k-ie11 .k-pager-numbers,
    .k-edge .k-pager-numbers,
    .k-safari .k-pager-numbers,
    .k-webkit .k-grid .k-pager-numbers,
    .k-ff .k-grid .k-pager-numbers,
    .k-ie11 .k-grid .k-pager-numbers,
    .k-edge .k-grid .k-pager-numbers,
    .k-safari .k-grid .k-pager-numbers {
        position: absolute;
        display: inline-flex;
        flex-direction: column-reverse;
        left: 5.6em;
        overflow: visible;
        height: auto;
        transform: translatey(-100%);
        -webkit-transform: translatey(-100%);
    }

        .k-webkit .k-pager-numbers:first-child,
        .k-ff .k-pager-numbers:first-child,
        .k-ie11 .k-pager-numbers:first-child,
        .k-edge .k-pager-numbers:first-child,
        .k-safari .k-pager-numbers:first-child,
        .k-webkit .k-grid .k-pager-numbers:first-child,
        .k-ff .k-grid .k-pager-numbers:first-child,
        .k-ie11 .k-grid .k-pager-numbers:first-child,
        .k-edge .k-grid .k-pager-numbers:first-child,
        .k-safari .k-grid .k-pager-numbers:first-child {
            left: .3em;
        }

    .k-webkit .km-pane-wrapper .k-pager-numbers .k-link,
    .k-ff .km-pane-wrapper .k-pager-numbers .k-link,
    .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link,
    .k-edge .km-pane-wrapper .k-pager-numbers .k-link,
    .k-safari .km-pane-wrapper .k-pager-numbers .k-link,
    .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected,
    .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected,
    .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected,
    .k-edge .km-pane-wrapper .k-pager-numbers .k-state-selected,
    .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected,
    .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link,
    .k-ff .km-pane-wrapper .k-pager-wrap > .k-link,
    .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link,
    .k-edge .km-pane-wrapper .k-pager-wrap > .k-link,
    .k-safari .km-pane-wrapper .k-pager-wrap > .k-link,
    .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info,
    .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info,
    .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info,
    .k-edge .km-pane-wrapper .k-pager-wrap > .k-pager-info,
    .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info {
        padding-top: 0;
        padding-bottom: 0;
    }

    .k-webkit .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
    .k-ff .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
    .k-ie11 .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
    .k-edge .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
    .k-safari .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
    .k-webkit .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav,
    .k-ff .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav,
    .k-ie11 .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav,
    .k-edge .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav,
    .k-safari .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav {
        right: 2.7em;
    }

    .k-webkit .k-rtl .k-pager-numbers,
    .k-ff .k-rtl .k-pager-numbers,
    .k-ie11 .k-rtl .k-pager-numbers,
    .k-edge .k-rtl .k-pager-numbers,
    .k-safari .k-rtl .k-pager-numbers,
    .k-webkit .k-rtl .k-grid .k-pager-numbers,
    .k-ff .k-rtl .k-grid .k-pager-numbers,
    .k-ie11 .k-rtl .k-grid .k-pager-numbers,
    .k-edge .k-rtl .k-grid .k-pager-numbers,
    .k-safari .k-rtl .k-grid .k-pager-numbers {
        right: 5.68em;
        width: 4.45em;
    }

        .k-webkit .k-rtl .k-pager-numbers:first-child,
        .k-ff .k-rtl .k-pager-numbers:first-child,
        .k-ie11 .k-rtl .k-pager-numbers:first-child,
        .k-edge .k-rtl .k-pager-numbers:first-child,
        .k-safari .k-rtl .k-pager-numbers:first-child,
        .k-webkit .k-rtl .k-grid .k-pager-numbers:first-child,
        .k-ff .k-rtl .k-grid .k-pager-numbers:first-child,
        .k-ie11 .k-rtl .k-grid .k-pager-numbers:first-child,
        .k-edge .k-rtl .k-grid .k-pager-numbers:first-child,
        .k-safari .k-rtl .k-grid .k-pager-numbers:first-child {
            right: .3em;
        }

    .k-webkit .k-pager-numbers .k-current-page,
    .k-ff .k-pager-numbers .k-current-page,
    .k-ie11 .k-pager-numbers .k-current-page,
    .k-edge .k-pager-numbers .k-current-page,
    .k-safari .k-pager-numbers .k-current-page,
    .k-webkit .k-grid .k-pager-numbers .k-current-page,
    .k-ff .k-grid .k-pager-numbers .k-current-page,
    .k-ie11 .k-grid .k-pager-numbers .k-current-page,
    .k-edge .k-grid .k-pager-numbers .k-current-page,
    .k-safari .k-grid .k-pager-numbers .k-current-page {
        display: block;
        border-left: 0;
        transform: translatey(100%);
        -webkit-transform: translatey(100%);
    }

    .k-webkit .k-pager-numbers li:not(.k-current-page),
    .k-ff .k-pager-numbers li:not(.k-current-page),
    .k-ie11 .k-pager-numbers li:not(.k-current-page),
    .k-edge .k-pager-numbers li:not(.k-current-page),
    .k-safari .k-pager-numbers li:not(.k-current-page) {
        display: none;
    }

    .k-webkit .k-pager-numbers .k-current-page .k-link,
    .k-ff .k-pager-numbers .k-current-page .k-link,
    .k-ie11 .k-pager-numbers .k-current-page .k-link,
    .k-edge .k-pager-numbers .k-current-page .k-link,
    .k-safari .k-pager-numbers .k-current-page .k-link {
        width: 3.2em;
        padding: 0 .429em 0 .714em;
        border-radius: 5px;
        border-right: 1px solid #c7c7c7;
        color: #343435;
        background-color: #ffffff;
    }

    .k-webkit .k-pager-numbers .k-link,
    .k-ff .k-pager-numbers .k-link,
    .k-ie11 .k-pager-numbers .k-link,
    .k-edge .k-pager-numbers .k-link,
    .k-safari .k-pager-numbers .k-link {
        color: #343435;
    }

    .k-webkit .k-pager-nav.k-pager-first + .k-link,
    .k-ff .k-pager-nav.k-pager-first + .k-link,
    .k-ie11 .k-pager-nav.k-pager-first + .k-link,
    .k-edge .k-pager-nav.k-pager-first + .k-link,
    .k-safari .k-pager-nav.k-pager-first + .k-link {
        border-right: 1px solid #c7c7c7;
        border-radius: 0 5px 5px 0;
    }

    .k-webkit .k-pager-nav.k-pager-first,
    .k-ff .k-pager-nav.k-pager-first,
    .k-ie11 .k-pager-nav.k-pager-first,
    .k-edge .k-pager-nav.k-pager-first,
    .k-safari .k-pager-nav.k-pager-first,
    .k-webkit .k-rtl .k-pager-nav.k-pager-first + .k-link,
    .k-ff .k-rtl .k-pager-nav.k-pager-first + .k-link,
    .k-ie11 .k-rtl .k-pager-nav.k-pager-first + .k-link,
    .k-edge .k-rtl .k-pager-nav.k-pager-first + .k-link,
    .k-safari .k-rtl .k-pager-nav.k-pager-first + .k-link {
        border-right: 0;
        border-radius: 5px 0 0 5px;
    }

    .k-webkit .k-pager-numbers + .k-link,
    .k-ff .k-pager-numbers + .k-link,
    .k-ie11 .k-pager-numbers + .k-link,
    .k-edge .k-pager-numbers + .k-link,
    .k-safari .k-pager-numbers + .k-link {
        margin-left: 5.6em;
        border-radius: 5px 0 0 5px;
    }

    .k-webkit .k-rtl .k-pager-numbers + .k-link,
    .k-ff .k-rtl .k-pager-numbers + .k-link,
    .k-ie11 .k-rtl .k-pager-numbers + .k-link,
    .k-edge .k-rtl .k-pager-numbers + .k-link,
    .k-safari .k-rtl .k-pager-numbers + .k-link {
        margin-right: 5.6em;
        margin-left: 0;
        border-radius: 0 5px 5px 0;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #c7c7c7;
    }

    .k-webkit .k-pager-numbers .k-state-selected,
    .k-ff .k-pager-numbers .k-state-selected,
    .k-ie11 .k-pager-numbers .k-state-selected,
    .k-edge .k-pager-numbers .k-state-selected,
    .k-safari .k-pager-numbers .k-state-selected,
    .k-webkit .k-pager-numbers .k-link,
    .k-ff .k-pager-numbers .k-link,
    .k-ie11 .k-pager-numbers .k-link,
    .k-edge .k-pager-numbers .k-link,
    .k-safari .k-pager-numbers .k-link {
        display: block;
        margin-right: 0;
        padding: 1px 5px 1px 5px;
        text-align: left;
    }

    .k-webkit .k-pager-numbers.k-state-expanded,
    .k-ff .k-pager-numbers.k-state-expanded,
    .k-ie11 .k-pager-numbers.k-state-expanded,
    .k-edge .k-pager-numbers.k-state-expanded,
    .k-safari .k-pager-numbers.k-state-expanded {
        box-sizing: border-box;
        padding: 2px 2px 0;
        background-color: #ffffff;
    }

        .k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
        .k-ff .k-pager-numbers.k-state-expanded .k-current-page,
        .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
        .k-edge .k-pager-numbers.k-state-expanded .k-current-page,
        .k-safari .k-pager-numbers.k-state-expanded .k-current-page {
            margin: -2em -3px 0;
            padding: 0;
        }

            .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link,
            .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link,
            .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link,
            .k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link,
            .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link {
                border-radius: 0 0 5px 5px;
            }

        .k-webkit .k-pager-numbers.k-state-expanded li,
        .k-ff .k-pager-numbers.k-state-expanded li,
        .k-ie11 .k-pager-numbers.k-state-expanded li,
        .k-edge .k-pager-numbers.k-state-expanded li,
        .k-safari .k-pager-numbers.k-state-expanded li {
            display: inline-block;
        }

            .k-webkit .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link,
            .k-ff .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link,
            .k-ie11 .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link,
            .k-edge .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link,
            .k-safari .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link {
                border: 0;
                background-color: #ffffff;
                border-radius: 4px;
            }

    .k-webkit .k-pager-numbers .k-state-selected,
    .k-ff .k-pager-numbers .k-state-selected,
    .k-ie11 .k-pager-numbers .k-state-selected,
    .k-edge .k-pager-numbers .k-state-selected,
    .k-safari .k-pager-numbers .k-state-selected {
        border-radius: 4px;
    }

    .k-webkit .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link:hover,
    .k-ff .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link:hover,
    .k-ie11 .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link:hover,
    .k-edge .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link:hover,
    .k-safari .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link:hover {
        color: #f9f9f9;
        background-color: #e6e6e6;
    }
}

@media only screen and (max-width: 640px) {
    .k-webkit .k-pager-info,
    .k-ff .k-pager-info,
    .k-ie11 .k-pager-info,
    .k-edge .k-pager-info,
    .k-safari .k-pager-info {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .k-webkit .k-pager-sizes,
    .k-ff .k-pager-sizes,
    .k-ie11 .k-pager-sizes,
    .k-edge .k-pager-sizes,
    .k-safari .k-pager-sizes {
        display: none;
    }
}

.k-chart .k-selection {
    border-color: #cccccc;
    transition: box-shadow 0.2s linear, border-color 0.2s linear;
}

    .k-chart .k-selection:hover {
        border-color: #9e9e9e;
    }

.k-chart .k-handle {
    background-color: #ffffff;
    width: 15px;
    height: 15px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

    .k-chart .k-handle:hover {
        background-color: #ffffff;
        border-color: #cccccc;
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
    }

.k-chart .k-leftHandle {
    left: -8px;
}

.k-chart .k-rightHandle {
    right: -8px;
}

.k-chart .k-navigator-hint .k-tooltip {
    border: 3px solid #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    color: #676767;
}

.k-chart .k-navigator-hint .k-scroll {
    background: rgba(0, 124, 204, 0.7);
    height: 4px;
}

.k-chart .k-tooltip,
.k-sparkline .k-tooltip {
    background-image: none;
}
/* Map */
.k-map .k-marker {
    background-image: url("http://kendo.cdn.telerik.com/2016.3.1118/styles/Bootstrap/markers.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-device-pixel-ratio: 1.2) {
    .k-map .k-marker {
        background-image: url("http://kendo.cdn.telerik.com/2016.3.1118/styles/Bootstrap/markers_2x.png");
    }
}

.k-spreadsheet-row-header,
.k-spreadsheet-column-header {
    background-color: #ffffff;
}

.k-spreadsheet-top-corner,
.k-spreadsheet-row-header,
.k-spreadsheet-column-header {
    background-color: #e6e6e6;
    background-image: none;
    color: #000000;
    border-color: #b3b3b3;
}

.k-spreadsheet-top-corner {
    border-color: #b3b3b3;
}

    .k-spreadsheet-top-corner:after {
        border-color: transparent #b3b3b3 #b3b3b3 transparent;
    }

.k-spreadsheet-pane {
    border-color: #b3b3b3;
}

    .k-spreadsheet-pane .k-spreadsheet-vaxis,
    .k-spreadsheet-pane .k-spreadsheet-haxis {
        border-color: #cdcdcd;
    }

    .k-spreadsheet-pane .k-spreadsheet-column-header,
    .k-spreadsheet-pane .k-spreadsheet-row-header {
        border-color: #b3b3b3;
    }

    .k-spreadsheet-pane .k-spreadsheet-merged-cell {
        background-color: #ffffff;
    }

    .k-spreadsheet-pane .k-selection-partial,
    .k-spreadsheet-pane .k-selection-full {
        border-color: rgba(1, 149, 189, 0.2);
        background-color: rgba(1, 149, 189, 0.2);
    }

    .k-spreadsheet-pane .k-filter-range {
        border-color: #0195bd;
    }

    .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial,
    .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full {
        border-bottom-color: #0195bd;
    }

    .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial,
    .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full {
        border-right-color: #0195bd;
    }

.k-auto-fill,
.k-spreadsheet-selection {
    border-color: #0195bd;
    box-shadow: inset 0 0 0 1px #ffffff, 0 0 0 1px #0195bd;
}

.k-spreadsheet-selection {
    background-color: rgba(1, 149, 189, 0.2);
}

.k-spreadsheet-active-cell {
    border-color: #0195bd !important;
    background-color: #ffffff;
}

    .k-spreadsheet-active-cell.k-single {
        color: #343435;
        background-color: #ffffff;
    }

.k-spreadsheet .k-spreadsheet-action-bar {
    background-color: #ffffff;
    border-color: #c7c7c7;
}

    .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
        border-color: #b3b3b3;
    }

    .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before {
        border-color: #b3b3b3;
    }

.k-spreadsheet .k-spreadsheet-formula-input {
    background-color: #ffffff;
    color: #343435;
}

.k-spreadsheet .k-resize-handle,
.k-spreadsheet .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-marker {
    background-color: #0195bd;
}

.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker {
    background-color: #0195bd;
}

.k-spreadsheet .k-single-selection::after {
    background-color: #0195bd;
    border-color: #ffffff;
}

.k-spreadsheet .k-auto-fill-punch {
    background-color: rgba(255, 255, 255, 0.5);
}

.k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after {
    background-color: rgba(1, 149, 189, 0.5);
}

.k-spreadsheet-format-cells .k-spreadsheet-preview {
    border-color: #c7c7c7;
}

.k-spreadsheet-filter {
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: inset 0 0 0 1px #cdcdcd;
}

    .k-spreadsheet-filter.k-state-active {
        color: #ffffff;
        background-color: #0195bd;
    }

    .k-spreadsheet-filter:hover {
        color: #f9f9f9;
        background: #e6e6e6;
        border-color: #d2d2d2;
    }

.k-action-window .k-action-buttons {
    border-color: #c7c7c7;
}

.k-spreadsheet-sample {
    color: #808082;
}

.k-state-selected .k-spreadsheet-sample {
    color: inherit;
}

.k-spreadsheet-window .k-list-wrapper,
.k-spreadsheet-window .k-list {
    border-color: #c7c7c7;
    border-radius: 5px;
}

.k-spreadsheet-window .export-config,
.k-spreadsheet-window .k-edit-field > .k-orientation-label {
    border-color: #c7c7c7;
}

.k-spreadsheet-window .k-edit-field > input[type="radio"]:checked + .k-orientation-label {
    background-image: none;
    background-image: none, linear-gradient(to bottom, #0195BD, #0183A6);
    background-color: #0195bd;
    color: #ffffff;
}

.k-spreadsheet-window .k-page-orientation {
    border-color: #c2c2c2;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}

    .k-spreadsheet-window .k-page-orientation:before {
        background: #ffffff;
        border-color: transparent;
        border-bottom-color: #c2c2c2;
        border-left-color: #c2c2c2;
    }

.k-spreadsheet-window .k-margins-horizontal,
.k-spreadsheet-window .k-margins-vertical {
    background: transparent;
    border-color: #c7c7c7;
}

.k-spreadsheet-window .hint-wrapper:before {
    background: #c7c7c7;
}

.k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button {
    border-radius: 5px;
}

.k-spreadsheet-toolbar > .k-widget,
.k-spreadsheet-toolbar > .k-button,
.k-spreadsheet-toolbar > .k-button-group {
    border-radius: 5px;
}

.k-spreadsheet-toolbar > .k-separator {
    border-color: #c7c7c7;
}

.k-spreadsheet-toolbar .k-overflow-anchor {
    border-radius: 0;
}

.k-spreadsheet-popup {
    border-radius: 5px;
}

    .k-spreadsheet-popup .k-separator {
        background-color: #c7c7c7;
    }

    .k-spreadsheet-popup .k-button {
        background-color: transparent;
    }

        .k-spreadsheet-popup .k-button:hover {
            background-color: #e6e6e6;
        }

    .k-spreadsheet-popup .k-state-active {
        background-color: #0195bd;
        color: #000000;
    }

        .k-spreadsheet-popup .k-state-active:hover {
            background-color: #016d8a;
        }

.k-spreadsheet-filter-menu .k-details {
    border-color: #c7c7c7;
}

.k-spreadsheet-filter-menu .k-details-content .k-space-right {
    background-color: #ffffff;
}

.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
    background-color: #ffffff;
    border-color: #c7c7c7;
    border-radius: 5px 0 0 5px;
}

.k-syntax-ref {
    color: #ff8822;
}

.k-syntax-num {
    color: #0099ff;
}

.k-syntax-func {
    font-weight: bold;
}

.k-syntax-str {
    color: #38b714;
}

.k-syntax-error {
    color: red;
}

.k-syntax-bool {
    color: #a9169c;
}

.k-syntax-startexp {
    font-weight: bold;
}

.k-syntax-paren-match {
    background-color: #caf200;
}

.k-series-a {
    border-color: #0195bd;
    background-color: rgba(1, 149, 189, 0.15);
}

.k-series-b {
    border-color: #5bc0de;
    background-color: rgba(91, 192, 222, 0.15);
}

.k-series-c {
    border-color: #5cb85c;
    background-color: rgba(92, 184, 92, 0.15);
}

.k-series-d {
    border-color: #f2b661;
    background-color: rgba(242, 182, 97, 0.15);
}

.k-series-e {
    border-color: #e67d4a;
    background-color: rgba(230, 125, 74, 0.15);
}

.k-series-f {
    border-color: #da3b36;
    background-color: rgba(218, 59, 54, 0.15);
}

.k-spreadsheet-sheets-remove:hover .k-icon {
    color: #cc2222;
}

.k-spreadsheet-formula-list .k-state-focused {
    background-color: #0195bd;
    color: #ffffff;
}

.k-spreadsheet .k-widget[data-property='fontSize'] {
    width: 70px;
}

.k-spreadsheet .k-widget[data-property='format'] {
    width: 100px;
}

.k-spreadsheet .k-widget[data-property='fontFamily'] {
    width: 130px;
}
/* Dialog */
.k-dialog .k-window-titlebar {
    padding: 1.1em 1em;
    border-color: #e6e6e6;
    background: #ffffff;
}

    .k-dialog .k-window-titlebar .k-dialog-title {
        font-size: 1.1em;
    }

.k-dialog a.k-dialog-action.k-dialog-close {
    position: absolute;
    padding: 1.1em;
    right: 0;
    top: 0;
    line-height: 1em;
    cursor: pointer;
    z-index: 10000;
}

.k-dialog.k-dialog-titleless a.k-dialog-action.k-dialog-close {
    right: 0.5em;
    top: 0.5em;
}

.k-dialog .k-content {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.k-dialog.k-dialog-titleless .k-content {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched {
    width: 100%;
}

    .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
        display: inline-block;
        padding: 0.9em 0 0.9em 0;
        border-radius: 0;
        border-bottom: 0;
        border-width: 1px 0 0 1px;
        border-color: #e6e6e6;
    }

        .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:first-child {
            border-bottom-left-radius: 5px;
            border-left: 0;
        }

        .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
            border-bottom-right-radius: 5px;
            border-right: 0;
        }

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
    width: auto;
    padding: 1em;
    text-align: right;
    border-top: 1px solid #e6e6e6;
}

    .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
        margin-left: 0.5em;
    }

        .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
            margin-left: 0;
        }

.k-rtl .k-dialog a.k-dialog-action.k-dialog-close {
    left: 0.5em;
}

.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:first-child {
    border-bottom-right-radius: 5px;
}

.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
    border-bottom-left-radius: 5px;
}

.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
    text-align: left;
}

    .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
        margin-left: 0;
        margin-right: 0.5em;
    }

        .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
            margin-right: 0;
        }

.k-editor-dialog .k-tabstrip-items {
    border-color: #c7c7c7;
}

/*#region Splitter Styling*/
.k-splitter .k-ghost-splitbar-horizontal,
.k-splitter .k-splitbar-horizontal {
    top: 0;
    width: 9px;
    border-width: 0 1px;
    background-repeat: repeat-y;
}

.k-ghost-splitbar-vertical,
.k-splitbar-vertical {
    left: 0;
    height: 9px;
    border-width: 1px 0;
    background-repeat: repeat-x;
}

.k-splitbar .k-icon {
    color: #343435;
}

.k-splitbar-vertical .k-icon {
    top: -25%;
    padding-left: 0px;
    font-size: 16px;
}

.k-splitbar-draggable-vertical .k-resize-handle {
    width: 16px;
    margin: 7px 5px;
    height: 1px;
    background-color: #343435;
}

.k-splitbar-horizontal .k-icon {
    left: 25%;
    font-size: 10px !important;
}

.k-splitbar-draggable-horizontal .k-resize-handle {
    width: 1px;
    height: 16px;
    margin-left: 2px;
    background-color: #343435;
}
/*#endregion */
/*Taken from 2016.3.1028 older kendo version. Short dropwdowns were being cutoff*/
.k-dropdown-wrap .k-select {
    min-height: 1.94em;
    line-height: 2.29em;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
    width: 1.9em;
    height: 100%;
}

/*Taken from 2016.3.1028 kendo version. Short dropwdowns were being cutoff*/
.k-dropdown-wrap {
    padding: 0 1.9em 0 0;
}

/*#endregion */

/*#region More custom SSI colors */
.k-header {
    background: linear-gradient(#0195BD, #0183A6);
    border-color: #0195BD;
    color: #FFFFFF;
    font-family: Open Sans Semibold;
}

.k-breadcrumb.k-link:visited {
    color: #015B73;
}

.k-breadcrumb.k-link:hover {
    text-decoration: underline;
}

/* Success colors */
.k-block.k-success-colored {
    color: #ffffff;
    border-color: #01B3A9;
    border-width: 1px;
    background-color: #01B3A9;
    box-shadow: rgba(0,0,0,0.15) 2px 2px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    min-height: 70px;
    vertical-align: middle;
    padding-top: 15px;
}

/* Failure colors */
.k-block.k-error-colored {
    color: #ffffff;
    border-color: #C8154F;
    border-width: 1px;
    background-color: #C8154F;
    box-shadow: rgba(0,0,0,0.15) 2px 2px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    min-height: 70px;
    vertical-align: middle;
    padding-top: 15px;
}


.ssistandard-footertext {
    color: #0195BD;
}

.Menu, .Menu .k-link.k-header {
    background: #E6E6E6;
    border: none;
}

    .Menu.k-header.k-state-focused {
        background: none;
    }

    .Menu > .k-state.k-selected-color,
    .Menu > li.k-item.k-state-default.k-state-highlight,
    .Menu > li.k-item.k-state-default.k-state-highlight > span {
        background: #0195bd;
        border: none;
    }

.k-edit-form-container .k-edit-buttons {
    border-style: none;
}

.k-window-titlebar.k-header.k-header-warning {
    background: linear-gradient(#de7c49, #cc7243);
    border-color: #DE7C49;
}

#FileMenu.k-menu .k-item > .k-link {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 16px;
    padding-right: 16px;
}

.k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
    border-style: none;
}

/* Set the border-radius of popup windows  */
div.k-widget.k-window,
div.k-window-content,
div.k-window-titlebar.k-header {
    border-width: 0px;
    border-radius: 0px;
}

/* The new font means the dropdown for "items per page" needs to be a little wider to show the selected option */
.k-pager-wrap .k-dropdown {
    width: 4.7em;
}

/* The input boxes are wonky padded with the new fonts */
input.k-textbox {
    padding-left: 0px;
}

textarea.k-textbox {
    padding-left: 10px;
}

/* hr tags need to have a different font color.  
    This is done by removing the border and setting a height and background color */
hr {
    height: 2px;
    border: none;
    background: #bfc0c1;
}
/*#endregion */

/*#region Main Menu */
/***************************************************************/
/*                        Main Menu                            */
/***************************************************************/

#MenuBar,
#MenuBar > ul > li > ul > li > span,
#MenuBar > ul > li > ul > li > ul > li > span {
    font-size: 12px;
}

    #MenuBar > ul > li > ul > li > span {
        padding-left: 18px;
        /*margin-left: 13px;*/
    }


    #MenuBar.k-state-hover.k-state-hover:hover {
        background-image: none;
    }

    #MenuBar > ul > li > span > span,
    #MenuBar > ul > li > ul > li > span > span {
        color: #535456;
    }


    /*When an item is the parent item and is selected*/
    /*selected menu item*/
    #MenuBar > ul > li[aria-selected="true"][aria-expanded="true"] > span,
    #MenuBar > ul > li > ul > li[aria-selected="true"][aria-expanded="true"] > span,
    #MenuBar > ul > li[aria-selected="true"] > span,
    #MenuBar > ul > li > ul > li[aria-selected="true"] > span,
    #MenuBar > ul > li > ul > li > ul > li[aria-selected="true"] > span {
        background: linear-gradient(#01b3a9, #01a69c);
        color: #F9F9F9;
    }

        /*When an item is the parent item and is selected this is for the icons at the end of the arrow*/
        #MenuBar > ul > li[aria-selected="true"][aria-expanded="true"] > span > span,
        #MenuBar > ul > li > ul > li[aria-selected="true"][aria-expanded="true"] > span > span {
            color: #F9F9F9;
            font-size: medium;
        }

    /*When Expanded but not selected*/
    #MenuBar > ul > li[aria-expanded="true"] > span,
    #MenuBar > ul > li > ul > li[aria-expanded="true"] > span {
        background-color: #F9F9F9;
        color: #01B3A9;
        font-weight: 700;
    }

        #MenuBar > ul > li[aria-expanded="true"] > span > span,
        #MenuBar > ul > li > ul > li[aria-expanded="true"] > span > span {
            background-color: inherit;
            color: #01B3A9;
        }


    /*Hover State*/
    #MenuBar > ul > li > a.k-state-hover,
    #MenuBar > ul > li > span.k-state-hover,
    #MenuBar > ul > li > ul > li > span.k-state-hover,
    #MenuBar > ul > li > ul > li > ul > li > span.k-state-hover {
        color: #F9F9F9;
        background: linear-gradient(#098d87, #076b66);
    }

        #MenuBar > ul > li > span.k-state-hover > span:before,
        #MenuBar > ul > li > ul > li > span.k-state-hover > span:before {
            color: #F9F9F9;
            background: inherit;
        }

/*#endregion*/

/*#region Like Main Menu, but with multiple instances per page allowed*/
.ssiStandardPanelBarMenu > ul {
    border: none;
}

    .ssiStandardPanelBarMenu > ul > .k-state.k-selected-color,
    .ssiStandardPanelBarMenu > ul > li.k-item.k-state-default.k-state-highlight,
    .ssiStandardPanelBarMenu > ul > li.k-item.k-state-default.k-state-highlight > span {
        font-weight: 700;
    }

    .ssiStandardPanelBarMenu,
    .ssiStandardPanelBarMenu > ul > li > ul > li > span,
    .ssiStandardPanelBarMenu > ul > li > ul > li > ul > li > span {
        font-size: 12px;
    }

        .ssiStandardPanelBarMenu > ul > li > ul > li > span {
            padding-left: 18px;
        }


        .ssiStandardPanelBarMenu.k-state-hover.k-state-hover:hover {
            background-image: none;
        }

        .ssiStandardPanelBarMenu > ul > li > span > span.k-i-arrow-60-down,
        .ssiStandardPanelBarMenu > ul > li > ul > li > span > span.k-i-arrow-60-down,
        .ssiStandardPanelBarMenu > ul > li > span > span.k-i-arrow-s,
        .ssiStandardPanelBarMenu > ul > li > ul > li > span > span.k-i-arrow-s {
            padding-top: 7px;
            color: #535456;
        }


        /*When an item is the parent item and is selected*/
        /*selected menu item*/
        .ssiStandardPanelBarMenu > ul.k-panelbar > li[aria-selected="true"][aria-expanded="true"] > span,
        .ssiStandardPanelBarMenu > ul.k-panelbar > li > ul > li[aria-selected="true"][aria-expanded="true"] > span,
        .ssiStandardPanelBarMenu > ul.k-panelbar > li[aria-selected="true"] > span,
        .ssiStandardPanelBarMenu > ul.k-panelbar > li > ul > li[aria-selected="true"] > span,
        .ssiStandardPanelBarMenu > ul.k-panelbar > li > ul > li > ul > li[aria-selected="true"] > span {
            background: linear-gradient(#01b3a9, #01a69c);
            color: #F9F9F9;
        }

            /*When an item is the parent item and is selected this is for the icons at the end of the arrow*/
            .ssiStandardPanelBarMenu > ul.k-panelbar > li[aria-selected="true"][aria-expanded="true"] > span.k-link > span.k-i-arrow-60-up,
            .ssiStandardPanelBarMenu > ul.k-panelbar > li > ul > li[aria-selected="true"][aria-expanded="true"] > span.k-link > span.k-i-arrow-60-up,
            .ssiStandardPanelBarMenu > ul.k-panelbar > li[aria-selected="true"][aria-expanded="true"] > span.k-link > span.k-i-arrow-n,
            .ssiStandardPanelBarMenu > ul.k-panelbar > li > ul > li[aria-selected="true"][aria-expanded="true"] > span.k-link > span.k-i-arrow-n {
                color: #F9F9F9;
                font-size: medium;
                padding-top: 7px;
            }

        /*When Expanded but not selected*/
        .ssiStandardPanelBarMenu > ul > li[aria-expanded="true"]:not([aria-selected="true"]) > span.k-link:not(.k-state-hover),
        .ssiStandardPanelBarMenu > ul > li > ul > li[aria-expanded="true"]:not([aria-selected="true"]) > span.k-link:not(.k-state-hover) {
            background-color: #F9F9F9;
            color: #01B3A9;
            font-weight: 700;
        }

        .ssiStandardPanelBarMenu > ul > li[aria-expanded="true"]:not([aria-selected="true"]) > span > span:not(.k-state-hover),
        .ssiStandardPanelBarMenu > ul > li > ul > li[aria-expanded="true"]:not([aria-selected="true"]) > span > span:not(.k-state-hover) {
            padding-top: 5px;
            background-color: inherit;
            color: #01B3A9;
        }


        /*Hover State*/
        .ssiStandardPanelBarMenu > ul.k-panelbar > li > a.k-state-hover,
        .ssiStandardPanelBarMenu > ul.k-panelbar > li > span.k-state-hover,
        .ssiStandardPanelBarMenu > ul.k-panelbar > li > ul > li > span.k-state-hover,
        .ssiStandardPanelBarMenu > ul.k-panelbar > li > ul > li > ul > li > span.k-state-hover,
        .ssiStandardPanelBarMenu > ul.k-panelbar > li[aria-selected="true"][aria-expanded="true"] > span.k-state-hover,
        .ssiStandardPanelBarMenu > ul.k-panelbar > li > ul > li[aria-selected="true"][aria-expanded="true"] > span.k-state-hover,
        .ssiStandardPanelBarMenu > ul.k-panelbar > li[aria-selected="true"] > span.k-state-hover,
        .ssiStandardPanelBarMenu > ul.k-panelbar > li > ul > li[aria-selected="true"] > span.k-state-hover,
        .ssiStandardPanelBarMenu > ul.k-panelbar > li > ul > li > ul > li[aria-selected="true"] > span.k-state-hover {
            color: #F9F9F9;
            background: linear-gradient(#098d87, #076b66);
        }

            .ssiStandardPanelBarMenu > ul.k-panelbar > li > span.k-state-hover > span:before,
            .ssiStandardPanelBarMenu > ul.k-panelbar > li > ul > li > span.k-state-hover > span:before {
                color: #F9F9F9;
                background: inherit;
            }
/*#endregion 

/* For the tables and claimlist grids, the "..." button is missing a right border style */

#grdInboxPreview .k-pager-numbers li:last-of-type .k-link,
#grdTranslators .k-pager-numbers li:last-of-type .k-link,
#grdValidationOptions .k-pager-numbers li:last-of-type .k-link,
#grdInstallLog .k-pager-numbers li:last-of-type .k-link,
#MainMenu_WorkFlowGroups .k-pager-numbers li:last-of-type .k-link,
#grdReportHistory .k-pager-numbers li:last-of-type .k-link,
#Jobs_JobQueue .k-pager-numbers li:last-of-type .k-link,
#Remits_History .k-pager-numbers li:last-of-type .k-link,
#Tables_Grid .k-pager-numbers li:last-of-type .k-link,
#ClaimListGrid .k-pager-numbers li:last-of-type .k-link {
    border-right-width: 1px;
    border-right-style: solid;
    border-radius: 0 5px 5px 0;
    border-color: #c7c7c7;
}


.k-group-indicator {
    background: #0195BD;
}

.k-grouping-header {
    background-color: #f2f2f2;
    padding: 5px 5px 5px 5px;
}

    /* Secondary Button Style (unique to ssistandard theme) */
    .k-button.k-upload-button,
    .k-grouping-header > .k-group-indicator,
    .k-button.k-button-secondary {
        border-color: #BFC0C1;
        border-width: 1px;
        border-style: solid;
    }

        .k-button.k-upload-button,
        .k-grouping-header > .k-group-indicator > .k-link .k-icon,
        .k-grouping-header > .k-group-indicator > .k-link,
        .k-grouping-header > .k-group-indicator,
        .k-button.k-button-secondary {
            background: linear-gradient(#F9F9F9, #EBEBEB);
            color: #0195BD;
        }

            .k-button.k-upload-button,
            .k-grouping-header > .k-group-indicator > .k-link .k-icon:hover,
            .k-grouping-header > .k-group-indicator > .k-link:hover,
            .k-grouping-header > .k-group-indicator:hover,
            .k-button.k-button-secondary:hover {
                background: linear-gradient(#EBEBEB, #DEDEDE);
                color: #0195BD;
            }

            .k-link.k-pager-nav.k-state-disabled,
            .k-button.k-button-secondary.k-state-disabled {
                background: none;
                background-color: #F9F9F9;
                color: #8C9093;
            }


.k-detail-row > td {
    padding: 0;
}

.k-detail-cell tr td {
    border-width: 0;
    background-color: #FFFFFF;
    color: #343435;
}

.nested-grid tr td {
    border-width: 0 0 1px 1px;
    color: inherit;
    background-color: inherit;
}

.nested-grid tr:hover {
    background: linear-gradient(#0195BD, #0183A6);
}

.nested-grid .k-header {
    background: linear-gradient(#8C9093, #797d80);
    border-color: white;
}

.k-grid .k-detail-row:hover {
    background-color: white;
    color: #ffffff;
}

.k-header.k-panelbar {
    background: transparent;
    background-color: #E6E6E6;
    border-color: #c7c7c7;
}

.k-panelbar > li > .k-link {
    background: transparent;
    background-color: #E6E6E6;
}

    .k-panelbar > li > .k-link.k-state-selected {
        background: #0195BD;
        color: #FFFFFF;
    }

/*#region Font Awesome Icons */

/*Fixing vertival alignment issues with icons*/
.k-button .k-icon,
.k-button.k-button-icontext .k-icon,
.k-grid-filter .k-icon,
.k-picker-wrap .k-icon,
.k-numeric-wrap .k-icon {
    vertical-align: -15%;
    line-height: 1.25;
}

.k-numerictextbox .k-link {
    height: 1.065em;
}

/* Hide the old Kendo images, show the Font Awesome icons */
.k-icon.k-goup,
.k-icon.k-i-plus,
.k-icon.k-i-custom,
.k-icon.k-insert,
.k-icon.k-i-restore,
.k-icon.k-i-search,
.k-icon.k-i-sarrow-s,
.k-icon.k-i-arrow-60-down,
.k-icon.k-i-arrow-s,
.k-icon.k-i-sarrow-n,
.k-icon.k-i-arrow-60-up,
.k-icon.k-i-arrow-n,
.k-icon.k-i-refresh,
.k-icon.k-i-excel,
.k-icon.k-i-pdf,
.k-icon.k-i-group-delete,
.k-icon.k-add,
.k-icon.k-i-add,
.k-icon.k-i-edit,
.k-icon.k-i-delete,
.k-icon.k-i-folder-up,
.k-icon.k-delete,
.k-icon.k-cancel,
.k-icon.k-i-cancel,
.k-icon.k-i-tick,
.k-icon.k-i-update,
.k-icon.k-update,
.k-icon.k-i-close,
.k-icon.k-i-calendar,
.k-icon.k-i-clock,
.k-i-arrow-end-left,
.k-icon.k-i-arrow-60-left,
.k-icon.k-i-arrow-w,
.k-i-seek-w,
.k-icon.k-i-arrow-60-right,
.k-icon.k-i-arrow-e,
.k-i-seek-e,
.k-i-sort-asc-sm,
.k-i-sort-desc-sm,
.k-i-arrow-end-right,
.k-icon.k-i-warning,
.k-icon.k-warning,
.k-i-filter,
.k-icon.k-edit,
.k-icon.k-i-collapse,
.k-icon.k-i-expand,
.k-filter,
.k-callout.k-callout-n {
    font-family: FontAwesome;
    font-size: 16px;
}

/* some icons need padding specified */
.k-icon.k-i-arrow-60-down,
.k-icon.k-i-arrow-s,
.k-icon.k-i-arrow-60-up,
.k-icon.k-i-arrow-n,
.k-i-filter,
.k-filter {
    padding-left: 4px;
}

/* Tool bar menu arrow spacing*/
.k-menu.k-menu-horizontal .k-item .k-icon {
    margin-left: 6px;
}

.k-menu-horizontal > .k-item > .k-link > .k-menu-expand-arrow,
.k-menu-scroll-wrapper .k-item > .k-link > .k-menu-expand-arrow,
.k-popups-wrapper .k-item > .k-link > .k-menu-expand-arrow {
    vertical-align: top;
}

/* numeric textboxes don't need extra padding in front of their icons*/
.k-link.k-link-decrease > .k-icon.k-i-arrow-60-down,
.k-link.k-link-decrease > .k-icon.k-i-arrow-s,
.k-link.k-link-increase > .k-icon.k-i-arrow-60-up,
.k-link.k-link-decrease > .k-icon.k-i-arrow-n {
    padding-left: 0px
}

.k-grid-filter {
    text-decoration: none;
}

    .k-grid-filter .k-icon.k-i-filter,
    .k-grid-filter .k-icon.k-filter {
        margin-right: 0.1em;
    }

/* Set the background and colors for dropdowns to match the style guide */
.k-dropdown-wrap,
.k-dropdown-wrap > span.k-select,
.k-dropdown-wrap > span.k-input,
.k-dropdown-wrap.k-state-default > span.k-input,
.k-dropdown-wrap.k-state-default.k-state-hover > span.k-input {
    background-image: inherit;
    color: #0195BD;
    border-color: #BFC0C1;
}

.k-button, .k-button-bare {
    padding-top: 6px;
    display: inline-block;
}

.k-multiselect-wrap .k-input {
    background-image: none, linear-gradient(to bottom, #f9f9f9, #ededed);
    color: #0195BD;
    border-color: #BFC0C1;
}

.k-multiselect > .k-multiselect-wrap,
.k-picker-wrap.k-state-default .k-input {
    background-image: none, linear-gradient(to bottom, #f9f9f9, #ededed);
    color: #0195BD;
    border-color: #BFC0C1;
}

    .k-multiselect > .k-multiselect-wrap > span.k-icon {
        cursor: pointer;
    }
    .k-multiselect > .k-multiselect-wrap .k-select {
        padding: .07em 0px;
    }



.k-combobox.k-header > span > span > span,
.k-dropdown.k-header > span > span > span {
    color: #0195BD;
    border-color: #BFC0C1;
    vertical-align: text-top;
}

.k-picker-wrap > span.k-select,
.k-numeric-wrap > span.k-select {
    color: #ffffff;
    border-color: #0195BD;
    background: linear-gradient(#0195BD, #0183A6);
}

.k-picker-wrap.k-state-hover > span.k-select,
.k-numeric-wrap.k-state-hover > span.k-select {
    color: #ffffff;
    border-color: #0183A6;
    background-color: #0183A6;
    background-image: linear-gradient(90deg, rgba(1,121,153,1), rgba(1,111,140,1));
}

/* Paging controls need to be normal colors though */
.k-pager-wrap > .k-link > .k-icon {
    color: #0195BD;
    margin-top: -3px;
}

/* Disabeld paging controls need to be disabled looking */
a.k-link.k-pager-nav.k-state-disabled,
a.k-link.k-pager-nav.k-state-disabled > span {
    background: none;
    background-color: #F9F9F9;
    color: #8C9093;
}

/* The x icon in a comboboxes needs to have the proper position and color */
.k-widget.k-combobox.k-header .k-icon.k-i-close {
    font-size: 16px;
    right: 2em;
    overflow: inherit;
}

.k-widget.k-multiselect.k-header .k-icon.k-i-close {
    font-size: 16px;
    right: 2em;
    overflow: inherit;
}

.k-combobox .k-icon.k-i-close {
    color: #0195BD;
}

/* Multiselect comboboxes also have an x icon on the individual items, and need their own style */
.k-widget.k-multiselect.k-header .k-button .k-icon.k-i-close {
    color: #FFFFFF;
}

.k-widget.k-multiselect.k-header .k-button span:not(.k-icon):not(.k-select) {
    padding-right: 5px;
}

/* these icons appear on buttons next to text, and need a gap between text and icon */
.k-button .k-icon,
.k-button .fa.fa-scissors,
.k-button .fa.fa-clipboard,
.k-button .fa.fa-compress {
    padding-right: 5px;
}

.k-button.k-button-icontext .k-icon {
    padding-right: 0;
}

/* This is basically the refresh button, it needs little extra padding to be full sized */
em.k-button {
    font-style: normal;
    padding-left: 8px;
    padding-right: 8px;
}

.k-button .k-icon,
.k-datetimepicker .k-picker-wrap .k-select .k-link .k-icon {
    overflow: visible;
}

/* Some sprites had vertical alignment set to top by default in Kendo.  As fonts they need to be in the middle.*/
.k-tooltip-validation .k-warning,
.k-header > .k-link > .k-icon.k-i-arrow-60-down,
.k-header > .k-link > .k-icon.k-i-arrow-s,
.k-header > .k-link > .k-icon.k-i-arrow-60-up,
.k-header > .k-link > .k-icon.k-i-arrow-n,
.k-header > .k-link > .k-icon.k-i-arrow-60-right,
.k-header > .k-link > .k-icon.k-i-arrow-e,
.k-header > .k-link > .k-icon.k-i-arrow-60-left,
.k-header > .k-link > .k-icon.k-i-arrow-w {
    vertical-align: middle;
}

/* Calendar next/previous buttons need to be centered */
.k-calendar .k-header > .k-link.k-nav-next .k-icon,
.k-calendar .k-header > .k-link.k-nav-prev .k-icon {
    vertical-align: sub;
}

.k-button .k-icon.k-i-cancel {
    vertical-align: text-top;
}

.k-window-action .k-icon {
    vertical-align: top;
    margin: -1px auto;
    padding-right: 0;
}

.k-autocomplete.k-state-border-down > .k-i-close,
.k-autocomplete > .k-i-close {
    color: #0195bd;
    font-size: 16px;
    padding: 8px;
    margin-right: 0;
    margin-top: 0;
}

.k-autocomplete > .k-i-search {
    padding: 8px;
    margin-right: -8px;
    margin-top: -8px;
    display: none;
}

.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-hover {
    background-color: #ffffff;
    background-image: none;
}

.k-grid-header .k-link .k-icon.k-i-sort-asc-sm,
.k-grid-header .k-link .k-icon.k-i-sort-desc-sm {
    margin-left: 3px;
}

.k-toolbar .k-split-button .k-split-button-arrow .k-icon {
    padding-right: 0;
    padding-left: 0;
}

/* All font awesome definitions are specified below. 
    Font sizes should be set on the parent k-icon container for that icon. 
    If set on the psuedo before element weird alignment issues can occur.
*/
.k-icon.k-i-plus,
.k-icon.k-add,
.k-icon.k-i-add,
.k-i-filter,
.k-filter,
.k-header > .k-link > .k-icon.k-i-arrow-60-down,
.k-header > .k-link > .k-icon.k-i-arrow-s,
.k-header > .k-link > .k-icon.k-i-arrow-60-up,
.k-header > .k-link > .k-icon.k-i-arrow-n,
#FileMenu > li > span > span.k-icon.k-i-arrow-60-down,
#FileMenu > li > span > span.k-icon.k-i-arrow-s,
.k-i-sort-desc-sm,
.k-i-sort-asc-sm {
    font-size: small;
}

#FileMenu > li > span > span.k-icon.k-i-arrow-60-down,
#FileMenu > li > span > span.k-icon.k-i-arrow-s {
    vertical-align: middle;
}

.k-icon.k-i-sarrow-n:before,
.k-i-arrow-60-up:before,
.k-i-arrow-n:before,
.k-callout.k-callout-n:before, 
.k-group-indicator .k-link .k-icon.k-i-sort-asc-sm:before {
    content: "\f0d8";
}

.k-i-sort-asc-sm:before {
    content: "\f062";
}

.k-i-sort-desc-sm:before {
    content: "\f063";
}

.k-i-expand:before,
.k-icon.k-i-sarrow-s:before,
.k-icon.k-i-arrow-60-down:before,
.k-icon.k-i-arrow-s:before,
.k-group-indicator .k-link .k-icon.k-i-sort-desc-sm:before {
    content: "\f0d7";
}

.k-grid .k-icon.k-i-collapse:before,
.k-grid .k-icon.k-i-arrow-60-down:before {
    content: "\f0d7";
}

.k-grid .k-icon.k-i-expand:before,
.k-grid .k-icon.k-i-arrow-60-right:before {
    content: "\f0da";
}

.k-header > .k-link > .k-icon.k-i-arrow-60-up:before,
.k-header > .k-link > .k-icon.k-i-arrow-n:before {
    content: "\f062";
}

.k-header > .k-link > .k-icon.k-i-arrow-60-down:before,
.k-header > .k-link > .k-icon.k-i-arrow-s:before {
    content: "\f063";
}

.k-i-filter:before,
.k-filter:before {
    content: "\f0b0";
}

.k-icon.k-i-refresh:before {
    content: "\f021";
}

.k-icon.k-i-excel:before {
    content: "\f1c3";
}

.k-icon.k-i-pdf:before {
    content: "\f1c1";
}

.k-icon.k-i-close:before,
.k-icon.k-i-group-delete:before,
.k-icon.k-cancel:before,
.k-icon.k-i-cancel:before {
    content: "\f00d";
}

.k-icon.k-delete:before,
.k-icon.k-i-delete:before {
    content: "\f1f8";
}

.k-icon.k-i-folder-up:before {
    content: "\f07c";
}

.k-icon.k-i-plus:before,
.k-icon.k-add:before,
.k-icon.k-i-add:before {
    content: "\f067";
}

.k-icon.k-i-edit:before {
    content: "\f040";
}

.k-icon.k-insert:before,
.k-icon.k-i-tick:before,
.k-icon.k-i-update:before,
.k-icon.k-update:before {
    content: "\f00c";
}

.k-icon.k-i-calendar:before {
    content: "\f073";
}

.k-icon.k-i-clock:before {
    content: "\f017";
}

.k-icon.k-i-arrow-end-left:before,
.k-icon.k-i-seek-w:before {
    content: "\f048";
}

.k-icon.k-i-arrow-60-left:before,
.k-icon.k-i-arrow-w:before {
    content: "\f0d9";
}

.k-icon.k-i-arrow-60-right:before,
.k-icon.k-i-arrow-e:before {
    content: "\f0da";
}

.k-icon.k-edit:before {
    content: "\f040";
}

.k-icon.k-i-arrow-end-right:before,
.k-icon.k-i-seek-e:before {
    content: "\f051";
}

.k-icon.k-warning:before,
.k-icon.k-i-warning:before {
    content: "\f06a";
}

.k-icon.k-i-search:before {
    content: "\f002";
}

.k-icon.k-i-restore:before {
    content: "\f0c5";
}

.k-icon.k-i-collapse:before {
    content: "\f0d8";
}

.k-icon.k-i-custom:before {
    content: "\f013";
}

.k-icon.k-goup:before {
    content: "\f0ee";
}

/*#region Colors */

/* SSI standard colors */
.ssistandard-mediumgray {
    background-color: #BFC0C1;
}

.ssistandard-lightgray {
    background-color: #E6E6E6;
}

/*#endregion */


/*#region Edit Error Window */

.ErrorTitleBar {
    background: linear-gradient(#c8154f, #b31347);
}

.ErrorMsgDivTemplate {
    color: white;
    resize: none;
    background: white !important;
    border-color: #E6E6E6;
    border-width: 1px;
    border-style: solid;
    box-shadow: rgba(0,0,0,0.15) 2px 2px 10px;
}

.ErrorTitle {
    font-family: 'Open Sans Semibold';
}

.ErrorCloseButton.ktb-var-error {
    color: #F9F9F9;
}

.ErrorExclamationIcon {
    flex: 1;
    color: #C8154F !important;
    background-color: white !important;
    font-size: 34px !important;
    padding: 10px !important;
    visibility: visible !important;
    height: 149px !important;
}

.ErrorClaimFormErrorMessage {
    resize: none;
    border-style: none;
    flex: 9;
}

.ErrorByPassButton {
    height: 30px !important;
    width: 100px !important;
    margin-left: 7px !important;
    margin-right: 7px !important;
}

/*#endregion */

/*The down arrow*/

/*.k-item[aria-selected="true"] > div > span:before {
    background-image: none, linear-gradient(to bottom, #01B3A9, #019990);
    color: #F9F9F9;
    padding-top: 1px;
    padding-bottom: 6.5px;
    padding-right: 3px;
    padding-left: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
}

.k-item[aria-expanded="true"] > div > span:before {
    background-color: #01B3A9;
    color: #F9F9F9;
    padding-top: 1px;
    padding-bottom: 6.5px;
    padding-right: 3px;
    padding-left: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
}*/


/*Setting the background of the expanded section*/
.k-item[aria-expanded="true"] {
    background-color: #F9F9F9;
}

    /*Setting the expanded item color */
    .k-item[aria-expanded="true"] > div {
        color: #01B3A9;
        font-weight: bold;
    }

/*#region Claim Form Permission window */
/*Popup message for claim form if you don't have sufficent permissions*/
.securityoverlay.k-content {
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 24px;
}

.securityoverlay > h2 > .ktb-var-warning {
    padding-right: 18px;
    font-size: 28px;
}

/*The close button*/
.securityoverlay > .k-button {
    float: right;
}

/*Moving the contents of the message*/
.securityoverlay > div {
    padding-left: 37px;
}

.k-window-titlebar .k-window-actions {
    right: 0.3em;
    top: 0.3em;
}

/*The close button in the title bar*/
.k-window-titlebar .k-window-action {
    opacity: 1;
}

    .k-window-titlebar .k-window-action:hover {
        background-image: linear-gradient(90deg, rgba(1,121,153,1), rgba(1,111,140,1)) !important;
        border-color: #a9a9a9 !important;
    }

.k-window-titlebar.k-header.k-header-warning > div > a.k-state-hover {
    color: white;
    background: linear-gradient(#de7c49, #cc7243);
    border-color: transparent;
    background-color: #DE7C49;
    padding-right: 1px;
}
/*#endregion */

/*#region Generic font awesome icon stuff */

/* Does some magic so fa icons can be shown in the bottom right corner of bigger fa icons */
.fa-stacked-icon,
.fa.fa-stacked-icon {
    top: 1em;
    left: 1em;
    background-color: white;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 1em;
    width: 1em;
    line-height: 1.1em;
}

.fa-icon-text,
.fa.fa-icon-text {
    font-size: .8em;
    font-weight: 700;
    color: white;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-xlg {
    font-size: 1.55em;
}

.fa-rotate-315 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
}

/*#endregion */

/* .roundedTwo  check box blue code DONT DELETE */
.roundedTwo {
    width: 19px;
    height: 18px;
    left: -5px;
    top: -10px;
    position: relative;
    margin: 20px auto;
    background: none;
    border-radius: 50px;
}

    .roundedTwo label {
        width: 20px;
        height: 20px;
        position: absolute;
        top: -0px;
        left: -0px;
        cursor: pointer;
        background: #1d92ba;
        border-radius: 50px;
    }

        .roundedTwo label:after {
            content: '';
            width: 9px;
            height: 5px;
            position: absolute;
            top: 5px;
            left: 4px;
            border: 3px solid #fcfff4;
            border-top: none;
            border-right: none;
            background: transparent;
            opacity: 0;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .roundedTwo label:hover::after {
            opacity: 0.3;
        }

    .roundedTwo input[type=checkbox] {
        visibility: hidden;
    }

        .roundedTwo input[type=checkbox]:checked + label:after {
            opacity: 1;
        }

        .roundedTwo input[type=checkbox]:not(:checked) + label {
            background-color: white;
            border: 2px solid #1d92ba;
            width: 16px;
            height: 16px;
        }

/* Resolution change css*/
@media only screen and (max-width: 1100px) {
    .roundedTwo {
        left: -5px;
    }
}

/* Sets the style for the line at the top of the claim backscreens */
#ContentArea hr {
    height: 5px;
    border-radius: 2.5px;
    border: none;
    background: linear-gradient(to right, #01B3A9, white);
    margin-top: 5px;
    margin-bottom: 15px;
}

#ContentArea .ContentAreaBlueFadeHeader {
    height: 5px;
    border-radius: 2.5px;
    border: none;
    background: linear-gradient(to right, #0195BD, white);
    margin-top: -7px;
}

/* Same as above; doesn't rely on an ID */
hr.greenFade {
    height: 5px;
    border-radius: 2.5px;
    border: none;
    background: linear-gradient(to right, #01B3A9, white);
    margin-top: 5px;
    margin-bottom: 15px;
}

hr.blueFade {
    height: 5px;
    border-radius: 2.5px;
    border: none;
    background: linear-gradient(to right, #0195BD, white);
    margin-top: -7px;
}

/*#endregion */

/*#region Tab Strip */

/*selected tab*/
.k-tabstrip-items > [aria-selected='true'] > .k-link {
    color: #535456;
    background-color: white;
    background-image: none;
    text-decoration: underline;
    border-bottom-color: white;
}
/*#endregion */









/*#region PHI header */

/* Set the color for the phi header */
.ClaimForm-PHIHeader-Top {
    background: linear-gradient(#0195BD, #0183A6);
    color: white;
}

/* The labels in the PHI header need to be bold */
.ClaimForm-PHIHeader .phi-label {
    font-family: 'Open Sans Semibold';
}

    /* The PHI header data needs to be a non-bold font */
    .ClaimForm-PHIHeader .phi-label > span {
        font-family: 'Open Sans';
    }

/* Sets the color for the selected payer in the claim form header */
.ClaimForm-PHIHeader-Selected-Payer {
    background-color: #01B3A9;
    border: 1px solid #01B3A9;
    border-radius: 3px;
    color: white;
    padding: 2px;
}

.ClaimForm-ToolbarNavigationMenu {
    background-color: #f2f2f2;
}

.ClaimForm-ToolbarButtonMenu {
    background: linear-gradient(#f2f2f2, #e6e6e6);
}

/*#endregion */

/*#region Claim Form Edit Error */

/* Edit error colors.  This gets overridden by the ssi.standard colors */
.ContentArea .error {
    border-color: #C8154F;
    background-color: rgba(200,21,79,0.1);
    color: #C8154F;
}

.ContentArea .editerror-backscreen {
    border: 2px solid #C8154F; /*!important;*/
    background-color: rgba(200,21,79,0.1);
    color: #C8154F;
    font-weight: bold;
}

    .ContentArea .editerror-backscreen:hover {
        /*background-color: green;*/
        /*color: #f9f9f9;*/
        color: inherit;
        background-color: inherit;
    }

.ContentArea .editerror-frontscreen {
    border: 2px solid #C8154F; /*!important;*/
    color: #C8154F;
    background: rgba(200,21,79,0.1) none no-repeat right top; /* Turn off the yellow gradient that the billing css file tries to put on the screen*/
    font-weight: bold;
    margin-top: -2px; /* Moves the error input field back up 2px.  The thick border throws off the alignment */
}

/*#endregion */

/*#region Kendo Validation */

.k-invalid-msg.field-validation-error {
    background-color: #C8154F;
    color: white;
}

.field-validation-error .k-callout {
    border: none;
    color: #C8154F;
}

/* Fixes the space between the arrow and the message box */
.k-callout-n {
    top: -12px;
}

/* Shrinks the warning icon when it's part of the tooltip validation message */
/* It is too big otherwise */
.k-tooltip-validation .k-icon.k-warning:before {
    font-size: small;
}

/* Turns off the color of the arrow for the login screen */
/* It looks weird to have a red arrow floating in the middle of nowhere */
.replacedValidationMessage .k-callout {
    color: transparent;
}

.k-dropdown-wrap,
.k-dropdown-wrap.k-state-default {
    background-image: none;
    background: linear-gradient(to bottom, #f9f9f9, #ededed);
}

    .k-dropdown-wrap.k-state-hover {
        background: linear-gradient(#EBEBEB, #DEDEDE);
    }

.k-dropdown .k-dropdown-wrap .k-select > .k-icon {
    vertical-align: text-top;
}
/*#endregion */



/*#region Dashboard */

#Toolbar > .k-split-button:focus > .k-button {
    background: linear-gradient(#0195BD, #0183A6);
    border-color: #03c8fe;
}

#AllPrint,
#GraphPrint,
#UnbilledBalancePrint,
#TranslatedInPrint,
#ValidationRatePrint,
#BilledVolumePrint,
#ExportAllPDF,
#TableInfoPDF,
#UnbilledBalancePDF,
#TranslatedInPDF,
#ValidationRatePDF,
#BilledVolumePDF {
    background-color: #f9f9f9;
    background: #f9f9f9;
    color: #343435;
}

    #AllPrint:hover,
    #GraphPrint:hover,
    #UnbilledBalancePrint:hover,
    #TranslatedInPrint:hover,
    #ValidationRatePrint:hover,
    #BilledVolumePrint:hover,
    #ExportAllPDF:hover,
    #TableInfoPDF:hover,
    #UnbilledBalancePDF:hover,
    #TranslatedInPDF:hover,
    #ValidationRatePDF:hover,
    #BilledVolumePDF:hover {
        color: #ffffff;
        border-color: #0195BD;
        background: linear-gradient(#0195BD, #0183A6);
    }

/*#endregion */

.tabContent > div.buttonToolbar {
    padding-bottom: 3px;
}

/*This is to center the icons for the buttons in the custom list view widget. 
    Placing in SSiStandard so that it can be version specific*/
.k-listviewpair-buttoncontainer .k-button .k-icon {
    right: 0.4em;
}
/* This is for the static front grid page that displays during Kendo's built-in PDF export, 
    to ensure that it occupies the full grid width. Otherwise, in IE11 only this temporary element 
    only takes up half the Kendo grid width and causes a visual issue by revealing the right half of the 
    exported grid pages that are being scanned through at a lower z-index. */
.k-loading-pdf-mask #AuditReportsGrid {
    width: 100%;
}