@font-face { font-family: "Code128"; src: url("/Content/lib/Barcodes/CODE128.eot") format("eot"), url("/Content/lib/Barcodes/CODE128.woff") format("woff"), url("/Content/lib/Barcodes/CODE128.ttf") format("truetype"); }
.code128 { font-family: Code128; }
.red { color: darkred; }
/* General Place Holder */
::-webkit-input-placeholder { font-family: 'Segoe UI'; font-style: italic; color: #BBB; }
::-moz-placeholder, :-ms-input-placeholder, :-ms-input-placeholder, :-moz-placeholder { font-family: 'Segoe UI'; font-style: italic; color: #AAA !important; font-style: oblique; }

.jconfirm-title-c { background-color: black; border-bottom: 3px solid darkred; margin: 0; margin-top: -15px;  height: 33px; padding: 3px 10px !important; color: white !important; }
.jconfirm-title { font-size: 16px !important; text-transform: uppercase; }
.jconfirm-icon-c { font-size: 18px !important; }
.jconfirm-content-pane { padding: 10px 0 !important; padding-top: 20px !important; font-size: 12px !important; }
.jconfirm-buttons { height: 35px; padding: 5px 10px !important; }
.jconfirm-buttons button { height: 24px !important; border-radius: 2px !important; color: #CFCFCF !important; padding: 5px 10px !important; font-size: 11px !important; }
/*.jconfirm-buttons button {
    height: 24px !important;
    background-color: #000000 !important;
    border-radius: 0 !important;
    color: #CFCFCF !important;
    padding: 5px 10px !important;
    font-size: 11px !important;
    border-bottom: 2px solid #000000 !important;
}

    .jconfirm-buttons button:hover {
        border-bottom: 2px solid darkred !important;
        color: white !important;
    }*/




/* KENDO RELATED OBJECTS */
.is-row .is-form .k-widget { font-size: 11px; margin-top: -2px; width: 100%; }


/* Kendo Grids */
.is .k-grid > *, .is .k-grid .k-grid > * { font-size: 11px !important; }

.is .k-grid .k-loading-image { background: none !important; }

.k-grid > * { font-size: 11px !important; }
.k-grid > .k-grid-content-overflow table th.k-header { font-weight: bold !important; padding: 5px 10px; text-transform: uppercase; border-color: inherit; }
.k-grid table th.k-header { height: 10px; font-size: 12px !important; font-weight: bold !important; padding: 5px 10px; text-transform: uppercase; }

/* Kendo Grid Contents */
.is .k-grid > .k-grid-content-overflow { overflow-x: auto; overflow-y: hidden; }
.is .k-grid > .k-grid-content-overflow table th.k-header { border-color: lightgray; white-space: nowrap; }
.is .k-grid > .k-grid-content-overflow table td { font-size: 12px; padding: 5px 10px !important; white-space: nowrap; }
.is .k-grid > .k-grid-content-overflow table td a { font-size: 12px !important; white-space: nowrap; font-weight: bold; }
.is .k-grid > .k-grid-content-overflow table td > a > h3 { font-size: 14px !important; font-weight: bold; width: 100%; }
.is .k-grid > .k-grid-content-overflow table td a div.span { font-size: 12px; font-weight: bold; width: 100%; }
.is .k-grid > .k-grid-content-overflow table tr.k-state-selected { background: unset !important; background-color: #00000011 !important; }
.is .k-grid > .k-grid-content-overflow table tr.k-state-selected > td { background: unset !important; background-color: #00000011 !important; }
.is .k-grid > .k-grid-content-overflow table td a.k-button { height: 24px; line-height: 14px; border-radius: 0; font-size: 12px; padding: 3px 5px; }
.is .k-grid > .k-grid-content-overflow table td a.k-button i { font-size: 16px; margin-right: 3px; }
.is .k-grid > .k-grid-content-overflow table td h1, .is .k-grid > .k-grid-content-overflow table td h3 { border-bottom: 0; }
.is .k-grid > .k-grid-content-overflow table tr:not(:last-of-type) td { border-bottom: 1px solid rgb(197, 197, 197) !important; }
.k-checkbox:checked+.k-checkbox-label::after { color: black !important; }

a.k-grid-filter, a.k-grid-filter::before, .k-icon.k-i-filter { color: black; top: 0; right: 0; display: inline-block; }
/*th.k-header.k-filterable.k-with-icon { width: calc(100% + 30px) !important;  }*/
/*th.k-header.k-filterable.k-with-icon { width: calc(100% + 30px) !important;white-space: nowrap;  }*/
.k-list-container.k-popup.k-group.k-reset.is-expandlist > .k-list-scroller > ul > li:nth-child(n+1) {
    height: 80px !important;
    padding-bottom: 1em !important;
}
/* Kendo Grid Toolbars */
.is .k-grid .k-header.k-grid-toolbar { padding: 3px 5px; height: 30px; line-height: 14px; color: black; }
.is .k-grid .k-header.k-grid-toolbar .k-button { height: 24px; line-height: 14px; border-radius: 0; font-size: 12px; padding: 3px 5px; }
.is .k-grid .k-header.k-grid-toolbar .k-button i { font-size: 16px; margin-right: 3px; }

/* Kendo Grid Toolbars Search*/
.is .k-grid .k-header.k-grid-toolbar .k-textbox.k-grid-search > input { font-size: 11px !important; height: 22px; width: 100%; padding: 5px; background-color: transparent; }
.is .k-grid .k-header.k-grid-toolbar .k-textbox.k-grid-search { font-size: 11px !important; padding: 0; height: 24px; line-height: 14px; border-radius: 0; max-width: 200px; }
.is .k-grid .k-header.k-grid-toolbar .k-textbox.k-grid-search .k-input-icon { width: 25px; }

@media screen and (max-width: 600px) { .is .k-grid .k-header.k-grid-toolbar .k-textbox.k-grid-search { max-width: 150px; } }
@media screen and (max-width: 500px) { .k-grid .k-header.k-grid-toolbar .k-button span { display: none;} .k-grid .k-header.k-grid-toolbar .k-button i { margin-right: 0; } }


/* Kendo Grid Pager */
.is .k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap { padding: 0 5px; height: 30px; line-height: 24px; }
.is .k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers-wrap { height: 24px; line-height: 24px; }
.is .k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers-wrap .k-current-page { height: 24px; line-height: 24px; padding: 0; }
.is .k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers-wrap .k-current-page .k-link.k-pager-nav, .is .k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers-wrap .k-state-selected { height: 24px; line-height: 24px; background-color: black; border-color: lightgray; }
.is .k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > * { padding: 0; height: 24px; line-height: 24px; }


/* Kendo Tabs */
.is .k-widget.k-tabstrip { margin: 0; padding: 0; border-radius: 0;  }
.is .k-widget.k-tabstrip > .k-content { border-radius: 0; padding: 10px !important; overflow-x: hidden; }
.is .k-tabstrip-wrapper .k-reset.k-tabstrip-items ul { float: right !important; line-height: 14px; text-align: right; flex-wrap: wrap !important; justify-content: flex-end !important; }
.is .k-tabstrip-wrapper .k-reset.k-tabstrip-items li { float: right !important; text-align: right; line-height: 12px; border-radius: 0 !important; font-size: 12px; padding: 0 5px; margin-top: 0; background: unset !important; border: 0; height: 24px !important; border-left: 1px solid lightgray; margin-right: -1px; }
.is .k-tabstrip-wrapper .k-reset.k-tabstrip-items li:hover { border-left: 1px solid lightgray; background-color: #00000011 !important; height: 24px; border-top: 2px solid darkgray; }
.is .k-tabstrip-wrapper .k-reset.k-tabstrip-items li.k-item.k-state-active { background-color: #00000011 !important; border: 1px solid lightgray; border-top: 2px solid darkred; }
.is .k-tabstrip-wrapper .k-reset.k-tabstrip-items li > .k-link { padding: 5px; font-weight: bold; }
.is .k-widget.k-tabstrip .k-widget.k-tabstrip { border-top: 1px solid lightgray; width: calc(100% + 20px); margin: 0 -10px; padding: 0; }
.is .k-widget.k-tabstrip .k-widget.k-tabstrip > .k-content { border-radius: 0; padding: 0 !important; }

/* Kendo Numeric */
.is-row .is-form .k-widget.k-numerictextbox { border: 0; height: 25px; }
.is-row .is-form .k-widget.k-numerictextbox .k-numeric-wrap { background-color: unset; height: 24px; margin-top: 1px; border-radius: 0 !important; }
.is-row .is-form .k-widget.k-numerictextbox .k-numeric-wrap > input { border: 0 !important; -webkit-box-shadow: unset; box-shadow: unset; height: 24px; border-radius: 0 !important; width: 100%; padding: 5px; font-size: 11.5px; }
.is-row .is-form .k-widget.k-numerictextbox .k-numeric-wrap.k-state-default.k-state-focused { border-radius: 0; -webkit-box-shadow: unset; box-shadow: unset; background: unset; }
.is-row .is-form .k-widget.k-numerictextbox .k-numeric-wrap > .k-select { height: 21px !important; margin: 0 !important; padding: 0 !important;  margin-top: 1px !important; background: unset !important; width: 20px; }
.is-row .is-form .k-widget.k-numerictextbox .k-numeric-wrap > .k-select .k-link { border-radius: 0; padding: 0 !important; margin: 0! important;  width: 18px; }
.is-row .is-form .k-widget.k-numerictextbox .k-numeric-wrap > .k-select .k-link .k-icon.k-i-arrow-60-up,  .is-row .is-form .k-widget.k-numerictextbox .k-numeric-wrap > .k-select .k-link .k-icon.k-i-arrow-60-down {  height: 12px !important; padding: 0 !important; line-height: 12px !important; width: 18px; }
.is-row .is-form .k-widget.k-numerictextbox .k-numeric-wrap > .k-select .k-link.k-link-increase:hover, .is-row .is-form .k-widget.k-numerictextbox .k-numeric-wrap > .k-select .k-link.k-link-decrease:hover { background: unset !important; color: #007bff !important; -webkit-box-shadow: unset; box-shadow: unset; }
.is-row .is-form .k-widget.k-numerictextbox .k-numeric-wrap > .k-select .k-link.k-link-increase.k-state-selected, .is-row .is-form .k-widget.k-numerictextbox .k-numeric-wrap > .k-select .k-link.k-link-decrease.k-state-selected { background: unset !important; color: darkgray !important; -webkit-box-shadow: unset; box-shadow: unset; background: unset; }
.is-row .is-form .k-widget.k-numerictextbox .k-numeric-wrap > .k-icon.k-i-warning { text-align: right; top: 3px; right: 15px; }

/* Kendo Date Picker and Date Time Picker */
.is-row .is-form .k-widget.k-datepicker, .is-row .is-form .k-widget.k-datetimepicker { border: 0; height: 25px; }
.is-row .is-form .k-widget.k-datepicker .k-picker-wrap, .is-row .is-form .k-widget.k-datetimepicker .k-picker-wrap { background-color: unset; height: 24px; margin-top: 1px; border-radius: 0 !important; }
.is-row .is-form .k-widget.k-datepicker .k-picker-wrap > input, .is-row .is-form .k-widget.k-datetimepicker .k-picker-wrap > input  { border: 0 !important; -webkit-box-shadow: unset; box-shadow: unset; height: 24px; border-radius: 0 !important; width: 100%; padding: 5px; }
.is-row .is-form .k-widget.k-datepicker .k-picker-wrap.k-state-default.k-state-focused, .is-row .is-form .k-widget.k-datetimepicker .k-picker-wrap.k-state-default.k-state-focused { border-radius: 0; -webkit-box-shadow: unset; box-shadow: unset; background: unset; }
.is-row .is-form .k-widget.k-datepicker .k-picker-wrap > .k-select { height: 21px !important; margin: 0 !important; padding: 0 !important;  margin-top: 1px !important; background: unset !important; width: 20px; border: 0; }
.is-row .is-form .k-widget.k-datepicker .k-picker-wrap > .k-select:hover { background: unset !important; color: #007bff !important; -webkit-box-shadow: unset; box-shadow: unset; }
.is-row .is-form .k-widget.k-datetimepicker .k-picker-wrap > .k-select { height: 21px !important; margin: 0 !important; padding: 0 !important;  margin-top: 1px !important; background: unset !important; width: 40px; border: 0 !important; }
.is-row .is-form .k-widget.k-datetimepicker .k-picker-wrap > .k-select .k-link.k-link-date, .is-row .is-form .k-widget.k-datetimepicker .k-picker-wrap > .k-select .k-link.k-link-time { border: 0; }
.is-row .is-form .k-widget.k-datetimepicker .k-picker-wrap > .k-select .k-link.k-link-date:hover, .is-row .is-form .k-widget.k-datetimepicker .k-picker-wrap > .k-select .k-link.k-link-time:hover { background: unset !important; color: #007bff !important; -webkit-box-shadow: unset; box-shadow: unset; }

/* DateTime Selection */
.k-animation-container .k-calendar-container { border-radius: 0 !important; margin: 0; padding: 0; }
.k-animation-container .k-calendar-view td, .k-calendar-view td.k-weekend a { border-color: lightgray !important; border-radius: 0 !important; box-shadow: none !important; }
.k-animation-container .k-calendar-view td.k-state-hover, .k-calendar-view td.k-weekend.k-state-hover { border-radius: 0 !important; box-shadow: none !important; }
.k-animation-container .k-calendar-view td.k-state-selected.k-state-focused a { background-color: #000000FF; color: white; border-color: lightgray !important; border-radius: 0 !important; box-shadow: none !important; }
.k-animation-container .k-calendar-view td.k-state-selected.k-state-focused a:hover { background-color: #000000AA;  }

/* Kendo Time Span */
.is-row .is-form .k-widget.k-timepicker { border: 0; height: 25px; }
.is-row .is-form .k-widget.k-timepicker .k-picker-wrap { background-color: unset; height: 24px; margin-top: 1px; border-radius: 0 !important; }
.is-row .is-form .k-widget.k-timepicker .k-picker-wrap > input { border: 0 !important; -webkit-box-shadow: unset; box-shadow: unset; height: 24px; border-radius: 0 !important; width: 100%; padding: 5px; }
.is-row .is-form .k-widget.k-timepicker .k-picker-wrap.k-state-default.k-state-focused { border-radius: 0; -webkit-box-shadow: unset; box-shadow: unset; background: unset; }
.is-row .is-form .k-widget.k-timepicker .k-picker-wrap > .k-select { height: 21px !important; margin: 0 !important; padding: 0 !important;  margin-top: 1px !important; background: unset !important; width: 20px; border: 0; }
.is-row .is-form .k-widget.k-timepicker .k-picker-wrap > .k-select:hover { background: unset !important; color: #007bff !important; -webkit-box-shadow: unset; box-shadow: unset; }

/* Time Span Selection */
.k-animation-container .k-list-container { border-radius: 0 !important; margin: 0; padding: 0; }
.k-animation-container .k-list-container::-webkit-scrollbar { width: 7px; }
.k-animation-container .k-list-container::-webkit-scrollbar-track { background-color: #AFAFAF; }
.k-animation-container .k-list-container::-webkit-scrollbar-thumb { background-color: #000000AA; }
.k-animation-container .k-list-container::-webkit-scrollbar-thumb:hover { background-color: #000000FF; }
.k-animation-container .k-list-container.k-list-scroller.k-popup.k-group.k-reset ul.k-list.k-reset { padding: 0; margin: 0; }
.k-animation-container .k-list-container.k-list-scroller.k-popup.k-group.k-reset ul.k-list.k-reset li.k-item { font-family: 'Roboto Mono', Consolas, monospace; font-size: 11px; padding: 3px 5px; border-radius: 0; }
.k-animation-container .k-list-container.k-list-scroller.k-popup.k-group.k-reset ul.k-list.k-reset li.k-item.k-state-selected { background-color: #000000FF; color: white; }
.k-animation-container .k-list-container.k-list-scroller.k-popup.k-group.k-reset ul.k-list.k-reset li.k-item.k-state-selected:hover { background-color: #000000AA; }

/* Kendo Autocomplete */
.is-row .is-form .k-widget.k-autocomplete { border: 0; height: 23px; background-color: unset; margin: 0; border-radius: 0 !important; padding: 0; }
.is-row .is-form .k-widget.k-autocomplete .k-input { margin-top: -1px; -webkit-box-shadow: unset; box-shadow: unset; height: 24px; border-radius: 0 !important; width: 100%; padding: 5px; line-height: 24px; background-color: white !important;}
.is-row .is-form .k-widget.k-autocomplete.k-state-default.k-state-focused, .is-row .is-form .k-widget.k-autocomplete.k-state-default.k-state-hover { border-radius: 0; -webkit-box-shadow: unset; box-shadow: unset; background: unset; border-color: lightgray; }

/* Kendo Dropdown List */
.is-row .is-form .k-widget.k-dropdown { border: 0; height: 23px; }
.is-row .is-form .k-widget.k-dropdown .k-dropdown-wrap { background-color: unset; height: 24px; margin: 0; margin-top: -1px; border-radius: 0 !important; padding: 0; }
.is-row .is-form .k-widget.k-dropdown .k-dropdown-wrap .k-input { border: 0 !important; margin-top: -1px; -webkit-box-shadow: unset; box-shadow: unset; height: 24px; border-radius: 0 !important; width: 100%; padding: 5px; line-height: 24px; font-size: 11.5px; }
.is-row .is-form .k-widget.k-dropdown .k-dropdown-wrap.k-state-default.k-state-focused, .is-row .is-form .k-widget.k-dropdown .k-dropdown-wrap.k-state-default.k-state-hover { border-radius: 0; -webkit-box-shadow: unset; box-shadow: unset; background: unset; border-color: lightgray; }
.is-row .is-form .k-widget.k-dropdown .k-dropdown-wrap > .k-select { height: 21px !important; margin: 0 !important; padding: 0 !important;  margin-top: 1px !important; background: unset !important; width: 20px; border: 0; }
.is-row .is-form .k-widget.k-dropdown .k-dropdown-wrap > .k-select:hover { background: unset !important; color: #007bff !important; -webkit-box-shadow: unset; box-shadow: unset; }

/* Kendo Dropdown Selection */
.k-animation-container .k-list-container { border-radius: 0 !important; margin: 0; margin-top: -2px; padding: 0; }
.k-animation-container .k-list-container .k-list-scroller::-webkit-scrollbar { width: 7px; }
.k-animation-container .k-list-container .k-list-scroller::-webkit-scrollbar-track { background-color: #AFAFAF; }
.k-animation-container .k-list-container .k-list-scroller::-webkit-scrollbar-thumb { background-color: #000000AA; }
.k-animation-container .k-list-container .k-list-scroller::-webkit-scrollbar-thumb:hover { background-color: #000000FF; }
.k-animation-container .k-list-container .k-list-filter { border-radius: 0 !important; margin: 0 !important; padding: 2px; height: 28px !important; line-height: 28px !important; min-height: 34px; border-bottom: 1px solid lightgray; }
.k-animation-container .k-list-container .k-list-filter .k-textbox { border-radius: 0 !important; margin: 0; padding: 2px 20px 2px 5px; height: 24px; font-size: 11px; }
.k-animation-container .k-list-container .k-list-filter .k-icon.k-i-zoom { border-radius: 0 !important; top: 22px; right: 5px; height: 24px; }
.k-animation-container .k-list-container .k-list-optionlabel { padding: 5px; }
.k-animation-container .k-list-container .k-list-optionlabel.k-state-selected { background-color: #000000FF; border-radius: 0; }
.k-animation-container .k-list-container .k-list-optionlabel.k-state-selected.k-state-hover { background-color: #000000AA; border-radius: 0; }
.k-animation-container .k-list-container.k-popup.k-group.k-reset .k-list-scroller ul.k-list.k-reset { padding: 0; margin: 0; max-height: 140px; }
.k-animation-container .k-list-container.k-popup.k-group.k-reset .k-list-scroller ul.k-list.k-reset li.k-item { font-family: 'Roboto Mono', Consolas, monospace; font-size: 11px; padding: 3px 5px; border-radius: 0 !important; height: 24px !important; }
.k-animation-container .k-list-container.k-popup.k-group.k-reset .k-list-scroller ul.k-list.k-reset li.k-item.k-state-selected { background-color: #000000FF; color: white; -webkit-box-shadow: unset; box-shadow: unset; }
.k-animation-container .k-list-container.k-popup.k-group.k-reset .k-list-scroller ul.k-list.k-reset li.k-item.k-state-selected:hover { background-color: #000000AA; }
.k-animation-container .k-list-container.k-popup.k-group.k-reset .k-list-scroller .k-group { background: black; }
.k-animation-container .k-list-container .k-group-header { height: 15px; font-size: 8px; text-transform: uppercase; padding: 0 5px; margin: 0; color: black; }
/* Kendo Multi Select */
.is-row .is-form .k-widget.k-multiselect { border: 0; height: 23px; line-height: 12px; }
.is-row .is-form .k-widget.k-multiselect.k-state-hover, .is-row .is-form .k-widget.k-multiselect.k-state-focused, .is-row .is-form .k-widget.k-multiselect.k-multiselect-clearable.k-state-focused { border: 0; height: 23px; line-height: 12px;-webkit-box-shadow: unset; box-shadow: unset;  }
.is-row .is-form .k-widget.k-multiselect .k-multiselect-wrap.k-floatwrap { background: unset; height: 23px; margin: 0; margin-top: -1px; border-radius: 0 !important; padding: 0; }
.is-row .is-form .k-widget.k-multiselect .k-multiselect-wrap .k-input { border: 0 !important; -webkit-box-shadow: unset; box-shadow: unset; height: 24px; border-radius: 0 !important; width: 100% !important; padding: 5px; text-align: left; }
.is-row .is-form .k-widget.k-multiselect .k-multiselect-wrap ul li { -webkit-box-shadow: unset; box-shadow: unset; height: 24px; border-radius: 0 !important; width: calc(100% - 2px); font-size: 11px; margin: 1px; font-size: 11.5px; }
.is-row .is-form .k-widget.k-multiselect .k-multiselect-wrap.k-floatwrap ul li > span:first-child { float: left !important; width: 100%; text-align: left !important; }
.is-row .is-form .k-widget.k-multiselect .k-multiselect-wrap.k-floatwrap ul li > span.k-select { float: right !important; }
.is-row .is-form .k-widget.k-multiselect.k-multiselect-clearable .k-multiselect-wrap ul li { -webkit-box-shadow: unset; box-shadow: unset; height: unset; border-radius: 0 !important; width: calc(100% - 22px); font-size: 11px; margin: 1px; }
.is-row .is-form .k-widget.k-multiselect.k-state-hover { border-radius: 0; -webkit-box-shadow: unset; box-shadow: unset; background: unset; border-color: lightgray; }
.is-row .is-form .k-widget.k-multiselect .k-multiselect-wrap > .k-select { height: 21px !important; margin: 0 !important; padding: 0 !important;  margin-top: 1px !important; background: unset !important; width: 20px; border: 0; }
.is-row .is-form .k-widget.k-multiselect .k-multiselect-wrap > .k-select:hover { background: unset !important; color: #007bff !important; -webkit-box-shadow: unset; box-shadow: unset; }
.is-row .is-form .k-widget.k-multiselect .k-icon.k-clear-value.k-i-close { right: 3px; top: 0; }

/* Kendo Swtich */
.is-row .is-form .k-switch.k-widget { border-radius: 0 !important; border: 0; height: 23px; line-height: 12px; margin: 0 !important; padding: 0 !important; }
.is-row .is-form .k-switch.k-widget .k-switch-container { border-radius: 0 !important; height: 23px !important; box-shadow: none; background: none; border: 1px solid lightgray; margin: 0 !important; padding: 2px 1px; }
.is-row .is-form .k-switch.k-widget .k-switch-label-on, .is-row .is-form .k-switch.k-widget .k-switch-label-off { border-radius: 0; display: block; font-weight: bold !important; text-transform: uppercase; text-align: center; -webkit-box-shadow: unset !important; box-shadow: unset !important; background: unset !important; }
.is-row .is-form .k-switch.k-widget .k-switch-handle { border-radius: 0 !important; height: 19px !important; background-color: black; margin-top: -1px; }
.is-row .is-form .k-switch-on .k-switch-label-on { color: black !important; }
.is-row .is-form .k-switch-off .k-switch-label-off { color: darkred !important; }



form-control.is-autocomplete .input-validation-error, .input-validation-error, textarea.input-validation-error, input.k-invalid, .inputBox.input-validation-error .k-dropdown-wrap .k-input, .inputBox span.k-invalid .k-input, .inputBox .k-numerictextbox .k-invalid, span.k-invalid input, 
.is-row .is-form .k-widget.k-autocomplete .k-input.input-validation-error {
    background: #ffdede !important;
    border-color: #D40112 !important;
}

div.input-group > div.is-form > div.is-readonly {
    background-color:white !important;
    font-weight:normal !important;
}

div[is-action="grid-edit"] {
    cursor: pointer;
}

div[id^="error"] > .field-validation-error, .k-widget.k-tooltip-validation {
    border: none;
    position: absolute;
    line-height: 1.5em;
    margin-top: -3px;
    margin-left: 0 !important;
    padding: 18px 7px 7px 7px;
    font-size: 11px;
    color: #fff;
    z-index: 10003;
    max-width: 300px;
}

.field-validation-error, span.field-validation-error {
    font-size: 11px;
    background-color: darkred !important;
    padding: 10px !important;
    margin-left: 5px !important;
}

    .field-validation-error span {
        position: absolute;
        height: 15px;
        line-height: 1em;
        padding: 18px 7px 7px 7px;
        background-color: black;
        font-size: 12px;
        color: #fff;
        white-space: nowrap;
        z-index: 100;
    }




.mdi.mdi-16px {
    font-size: 16px !important;
}

/*Address Book Lookup*/
div.address-lookup {
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 4px;
    border: 1px solid #c8c8c8 !important;
    box-sizing: border-box;
    cursor: pointer;
}
div.address-lookup:hover {
    background-color: #00000011 !important;
}
/*Grid For Edit*/
div.is-row.hide {
    display: none !important;
}

/*PANELS*/
.panel-group { clear: both; position: static !important; z-index: 100 !important; margin: 0 10px !important; }
.panel-group .panel-heading { margin: 0; background-color: #EAE8E8; border-bottom: 1px solid lightgray; height: 25px; margin: 0 -10px !important; }
.panel-group .panel .panel-title > a {  display: block; padding-left: 10px !important; padding-top: 5px !important; color: black; width: 100%; z-index: 100 !important; height: 100%; font-weight: bold; }
    .panel-group .panel-collapse {
        margin: 0 -10px !important;
    }.panel-group .panel-body { 
        padding: 0 !important;
    }
/*.panel-group .panel-heading { margin: 0; background-color: #EAE8E8; border-bottom: 1px solid lightgray; height: 25px; width: 105% !important; margin-left: -10px !important; }
.panel-group .panel .panel-title > a {  display: block; padding-left: 10px !important; padding-top: 5px !important; color: black; width: 100%; z-index: 100 !important; height: 100px; }
.panel-group .panel .panel-title > a > span, .panel-group .panel .panel-title > a > i { font-size: 12px !important; color: darkred; }*/
/*Image Viewer*/
div.k-widget.k-scrollview > div.k-scrollview-elements > a.k-scrollview-next > span.k-icon.k-i-arrowhead-e,
div.k-widget.k-scrollview > div.k-scrollview-elements > a.k-scrollview-prev > span.k-icon.k-i-arrowhead-w {
    color: black !important;
}


.k-tabstrip .panel-group { clear: both; position: static !important; z-index: 100 !important;} 
.k-tabstrip .panel-group .panel-body { margin-left: 10px !important; margin-bottom: 10px !important; margin-top: 10px !important; padding: 10px 10px 10px 10px !important; }
/*
.k-tabstrip .panel-group .panel-heading { margin: 0 -20px !important; background-color: #EAE8E8; border-bottom: 1px solid lightgray; height: 25px;}
.k-tabstrip .panel-group .panel .panel-title > a {  display: block; padding-left: 10px !important; padding-top: 5px !important; color: black; width: 100%; z-index: 100 !important; height: 100px; }
.k-tabstrip .panel-group .panel .panel-title > a > span, .k-tabstrip .panel-group .panel .panel-title > a > i { font-size: 12px !important; color: darkred; }*/
/*Image Viewer*/
.k-tabstrip div.k-widget.k-scrollview > div.k-scrollview-elements > a.k-scrollview-next > span.k-icon.k-i-arrowhead-e,
.k-tabstrip div.k-widget.k-scrollview > div.k-scrollview-elements > a.k-scrollview-prev > span.k-icon.k-i-arrowhead-w {
    color: black !important;
}


@media screen and (max-width: 765px) {
    div.row.column.reverse {
        flex-flow: column-reverse !important;
    }
}