/* Global */
::selection {color: #FFFFFF; background-color: #3399FF;}
::-moz-selection {color: #FFFFFF; background-color: #3399FF;}
.t-fi, .t-i-arrow-down, .t-font-icon {width: 22px; height: 22px; line-height: 22px; padding-top: 1px; font-size: 18px;}
.mandatory {float: left; height: 21px; line-height: 21px; margin-left: 5px; color: red; vertical-align: middle; font-weight: 600;}

.k-editor-dialog .k-edit-label {padding: 0; margin: 0;}
.k-editor-dialog .k-edit-field {float:left; margin: 0;}
.k-editor-dialog {margin: 0;}

.k-progress-status-wrap.k-progress-end {justify-content: center !important;}


/* Label */
label {clear: both; float: left; height: 22px; line-height: 22px; width: 110px; margin: 0 1px 1px 0 !important; padding: 0 5px 0 5px; vertical-align: middle; font-size: 12px; color: #000080; background-color: #E1E0E0; border: 0; border-radius: 3px; cursor: default}


/* TextBox */
.k-input.k-textbox {float: left; height: 22px; margin: 0 1px 1px 0; vertical-align: middle; font-size: 13px; background-color: #FFFFFF;}
.k-input.k-textbox.k-input-sm {line-height: 22px; font-size: 13px;}
.k-input.k-textbox.k-rounded-md, .k-input.k-textbox.k-focus {border: 0; border-radius: 3px; box-shadow: none;}
.k-input.k-textbox input.k-input-inner {padding: 0 5px 0 5px;}


/* TextArea */
.k-input.k-textarea {float: left; height: 22px; margin: 0 1px 1px 0; vertical-align: top; font-size: 13px; background-color: #FFFFFF;}
.k-input.k-textarea.k-input-sm {line-height: 22px; font-size: 13px;}
.k-input.k-textarea.k-rounded-md, .k-input.k-textarea.k-focus {border: 0; border-radius: 3px; box-shadow: none;}
.k-input.k-textarea textarea {padding: 0 5px 0 5px;}


/* Button */ 
.k-button {float: left; height: 25px; width: 100px; font-size: 13px; font-weight: 400; color: #000000; border-style: solid; border-radius: 3px;}
.k-button.k-disabled, .k-button:disabled {opacity: 0.25; cursor: not-allowed;}
.k-button.k-button-md {font-size: 13px;}
.k-button>.k-button-text {font-size: unset;}
.k-button.k-button-sm {line-height: 25px; padding: 0; margin: 0 1px 1px 0; font-size: 13px;}
.k-button.k-button-solid-base, .k-button.k-button-solid-primary {color: #000000; border-color: #9A9A9A; background-color: #DDDDDD; background-image: linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,0)); box-shadow: none;}
.k-button.k-button-solid-base.k-hover, .k-button.k-button-solid-base:hover, .k-button.k-button-solid-primary:hover {background-color: #CACACA; box-shadow: none;}
.k-button.k-button-solid-base.k-focus, .k-button.k-button-solid-base:focus, .k-button.k-button-solid-base.k-selected, .k-button.k-button-solid-primary:focus {color: #000000; border-color: black; border-style: dotted; background-color: #DDDDDD; box-shadow: none;}
.k-button.k-button-solid-base.k-active, .k-button.k-button-solid-base:active, .k-button.k-button-solid-primary:active {box-shadow: none;}
.k-button.k-input-button.k-icon-button {height: 22px; width: 20px; padding: 0 !important; border: none; background: none; background-color: #DDDDDD;}
.k-button.k-input-button.k-icon-button.k-hover, .k-button.k-input-button.k-icon-button:hover, .k-button.k-input-button.k-icon-button.k-focus, .k-button.k-input-button.k-icon-button:focus, .k-button.k-input-button.k-icon-button.k-active, .k-button.k-input-button.k-icon-button:active {border: none; background: none; background-color: #CACACA;}
.k-dialog-buttongroup>.k-button-md {font-size: 13px;}
.ListRowButton > .k-button.k-icon-button {height: 22px; width: 20px; padding: 0 !important; border: none; background: none;}
.ListRowButton > .k-button.k-icon-button > .k-button-icon {min-width: 16px !important; min-height: 16px !important;}
.PrintButton > .k-button.k-icon-button, .FilterButton > .k-button.k-icon-button {height: 16px; width: 16px; padding: 0 !important; border: none; background: none;}
.PrintButton > .k-button.k-icon-button > .k-button-icon, .FilterButton > .k-button.k-icon-button > .k-button-icon {min-width: 16px !important; min-height: 16px !important;}


/* ComboBox */ 
.k-input.k-combobox {float: left; height: 22px; line-height: 22px; width: 200px; min-width: 0; margin: 0 1px 1px 0; vertical-align: middle; font-size: 13px; color: #000000; border: 0; border-radius: 3px; background: #FFFFFF;}
.k-input.k-combobox input.k-input-inner {padding: 0 5px 0 5px;}
.k-input.k-combobox span.k-clear-value {height: 22px; line-height: 22px; width: 20px; font-size: 12px;}
.k-input.k-combobox.k-focus, span.k-input.k-combobox:focus, span.k-input.k-combobox:focus-within {color: #000000; background: #FFFFFF; border: 0; border-radius: 3px; box-shadow: none;}
.k-input.k-combobox button.k-button {height: 22px; line-height: 22px; width: 20px; padding: 0; color: #000000 !important; background-color: #DDDDDD}
.k-input.k-combobox button.k-button.k-hover, span.k-input.k-combobox button.k-button:hover {background-color: #CACACA;}
/* ComboBox Small */ 


/* DropDownList */ 
.k-picker.k-dropdownlist {float: left; height: 22px; line-height: 22px; width: 200px; min-width: 0; margin: 0 1px 1px 0; vertical-align: middle; font-size: 13px; color: #000000; border: 0; border-radius: 3px; background: #FFFFFF;}
.k-picker.k-dropdownlist span.k-input-inner {padding: 0 5px 0 5px;}
span.k-picker.k-dropdownlist.k-focus, span.k-picker.k-dropdownlist:focus, span.k-picker.k-dropdownlist:focus-within {color: #FFFFFF; background: #3399FF; border: 0; border-radius: 3px; box-shadow: none;}
span.k-picker.k-dropdownlist.k-hover, span.k-picker.k-dropdownlist:hover {background-color: #3399FF;}
.k-picker.k-dropdownlist button.k-button {height: 22px; line-height: 22px; width: 20px; padding: 0; color: #000000 !important; background-color: #DDDDDD}
.k-picker.k-dropdownlist button.k-button.k-hover, span.k-picker.k-dropdownlist button.k-button:hover {background-color: #CACACA;}
.k-list-filter { padding: 3px !important;}
.k-list-filter>.k-searchbox.k-rounded-md {border: 2px; border-radius: 3px; box-shadow: none;}
.k-list-filter>.k-input-md .k-input-icon {width: 18px; height: 18px; font-size: 13px;}
.k-list-filter>.k-i.search .k-input-icon .k-input-inner { font-size: 13px;}
.k-button-icon {color: black !important;}
/* DropDownList Small */ 
.small.k-picker.k-dropdownlist {height: 18px; line-height: 18px; width: 100%; font-size: 11px; border: 1px dotted cornflowerblue;}
.small.k-picker.k-dropdownlist button.k-button {height: 18px; line-height: 18px; width: 16px; font-size: 11px;}
span.small.k-picker.k-dropdownlist.k-hover, span.small.k-picker.k-dropdownlist:hover, span.small.k-picker.k-dropdownlist.k-focus, span.small.k-picker.k-dropdownlist:focus, span.small.k-picker.k-dropdownlist:focus-within {border: 1px dotted cornflowerblue;}


/* ListBox */ 
.k-listbox {font-size: 13px; width: 200px; border: 0; border-radius: 3px;}
/* ListBox Small */ 
.small.k-listbox {font-size: 11px; width: 100%; border: 1px dotted cornflowerblue;}
.small .k-list-scroller {height: 100% !important;}
/* ListBox Toolbar */ 
.k-listbox-toolbar > .k-reset > li > .k-button.k-icon-button {width: 22px; height: 22px; padding: 4px;}


/* List */ 
.k-list .k-list-item {height: 22px; column-gap: normal; border: none;}
.k-list .k-list-item.k-separator {height: 0; line-height: 0; padding: 0; margin: 5px 0 5px 0; border-bottom: 1px dotted cornflowerblue;}
.k-list .k-list-item.k-focus, .k-list .k-list-item:focus, .k-list .k-list-item.k-state-selected {color: #FFFFFF; background: #1274AC; box-shadow: none}
.k-list .k-list-item .k-list-item-text {line-height: 22px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.k-list .k-list-ul {outline: none;}
/* List Small */ 
.small .k-list .k-list-item {height: 18px; padding: 2px 4px;}
.small .k-list .k-list-item .k-list-item-text {line-height: 18px; font-size: 11px;}


/* CheckBox */ 
.k-checkbox {float: left; background-image: none;}
.k-checkbox.k-checkbox-md {height: 22px; width: 22px;}
.k-checkbox.k-rounded-md {border-color: white !important; border-radius: 3px; background-color: white;}
.k-checkbox.k-focus, .k-checkbox:focus {border-color: black !important; border-style: dotted !important; box-shadow: none !important;}
.k-checkbox.k-checked, .k-checkbox:checked {background-color: white !important; background-image: url("/images/icon/ChechBoxChecked17.png") !important; background-size: auto !important;}
.k-checkbox.k-indeterminate, .k-checkbox:indeterminate {background-color: white !important; background-image: url("/images/icon/ChechBoxIntermediate17.png") !important; background-size: auto !important;}


/* DatePicker */ 
.k-input.k-datepicker {float: left; height: 22px; width: 105px; margin: 0 1px 1px 0; vertical-align: top; font-size: 13px; color: #000000; border: 2px; border-radius: 3px; background: #FFFFFF;}
.k-input.k-datepicker.k-focus, span.k-input.k-datepicker:focus, span.k-input.k-datepicker:focus-within {color: #000000; background: #FFFFFF; border: 2px; border-radius: 3px; box-shadow: none;}
.k-input.k-datepicker input.k-input-inner {padding: 0 5px 0 5px;}
.k-input.k-datepicker button.k-button {height: 22px; line-height: 22px; width: 20px; padding: 0; color: #000000 !important; background-color: #DDDDDD}
.k-input.k-datepicker button.k-button.k-hover, span.k-picker.k-dropdownlist button.k-button:hover {background-color: #CACACA;}
/* DatePicker Small */ 
.small.k-input.k-datepicker {float: left; height: 18px; margin: 0; background-color: transparent;}
.small.k-input.k-datepicker button.k-button {height: 18px; line-height: 18px; width: 16px;}
.small.k-input.k-datepicker input.k-input-inner {display: none;}


/* DateTimePicker */ 
.k-input.k-datetimepicker {float: left; height: 22px; width: 145px; margin: 0 1px 1px 0; vertical-align: top; font-size: 13px; color: #000000; border: 2px; border-radius: 3px; background: #FFFFFF;}
.k-input.k-datetimepicker.k-focus, span.k-input.k-datetimepicker:focus, span.k-input.k-datetimepicker:focus-within {color: #000000; background: #FFFFFF; border: 2px; border-radius: 3px; box-shadow: none;}
.k-input.k-datetimepicker input.k-input-inner {padding: 0 5px 0 5px;}
.k-input.k-datetimepicker button.k-button {height: 22px; line-height: 22px; width: 20px; padding: 0; color: #000000 !important; background-color: #DDDDDD}
.k-input.k-datetimepicker button.k-button.k-hover, span.k-datetimepicker button.k-button:hover {background-color: #CACACA;}


/* DatePicker/DateTimePicker Calendar */ 
.k-datetime-calendar-wrap {width: 100%;}
.k-calendar-header.k-hstack .k-spacer {width: 10px;}
.k-calendar-nav.k-hstack {width: calc(100% - 110px);}
.k-calendar {font-size: 13px;}
.k-calendar .k-calendar-view table.k-calendar-table {font-size: 13px;}
.k-calendar .k-header, .k-calendar .k-footer {color: #424242; background-color: #E1E0E0;}
.k-calendar .k-header .k-button:hover, .k-calendar .k-footer .k-button:hover {color: #000080;}
.k-calendar .k-calendar-view .k-today {border: 1px solid #1274AC;}


/* Editor */
.k-editor {clear: both; float: left !important; margin: 0 1px 1px 0; font-size: 13px !important; border: 0 !important; border-radius: 3px !important; border-image: none !important;}
.k-editor-toolbar-wrap {border: 0; border-radius: 3px;}
.k-toolbar.k-editor-toolbar {padding: 2px;}
.k-editor-toolbar .k-tool {height: 22px !important;}
.k-editor .k-input-inner {padding: 0 !important;}
.k-editor .k-tool-group .k-picker {height: 22px !important; border-color: #9A9A9A !important;}
.k-editor .k-color-preview-mask {display: none;}


/* Grid */
.k-grid table {line-height: 25px; font-size: 13px;}
.k-grid th {padding: 0 5px 0 5px !important; font-weight: 600 !important; background-color: #F0F8FF !important; white-space: nowrap; text-overflow: ellipsis;}
.k-grid td {padding: 0 5px 0 5px !important; color: #000080 !important; border-bottom: 1px dotted cornflowerblue !important; border-left-width: 0 !important; white-space: nowrap; text-overflow: ellipsis;}
.k-grid .k-header>.k-cell-inner {margin: 0 -5px 0 -5px !important;}
.k-grid .k-cell-inner>.k-link {padding: 0 5px 0 5px !important;}
.k-grid tr.k-alt {background-color: #F0F4FF !important;}


/* Toolbar */
.k-toolbar {background-color:#EAE9E9; border-radius: 3px;}


/* ColorPicker */
.k-picker.k-colorpicker {background-color: #DDDDDD;}
.k-picker.k-colorpicker.k-hover, .k-picker.k-colorpicker:hover {background-color: #CACACA;}


/* PanelBar */
.k-panelbar {border: none; border-style: none;}
.k-panelbar .k-panelbar-header .k-link {padding: 6px 8px !important; font-size: 13px; font-weight: 700 !important; color: #000000 !important; background-color: #B4B3B3 !important; box-shadow: none;}
.k-panelbar .k-panelbar-header .k-link:hover, .k-panelbar .k-panelbar-header .k-link.k-hover, .k-panelbar .k-panelbar-header .k-link:focus, .k-panelbar .k-panelbar-header .k-link.k-focus, .k-panelbar .k-panelbar-header .k-link.k-selected  {padding: 6px 8px !important; font-size: 13px; font-weight: 700 !important; color: white !important; background-color: steelblue !important; box-shadow: none;}


/* ToolTip */
.k-tooltip {font-size: 13px !important; color: #000080 !important; border: 1px solid #9A9A9A !important; background-color: #E1E0E0 !important;}


/* Window & Dialog */
.k-window>.k-window-titlebar, .k-dialog>.k-dialog-titlebar {padding: 8px; background-color: #4267B2}
.k-window>.k-window-titlebar>.k-window-title, .k-dialog>.k-dialog-titlebar>.k-dialog-title {padding: 0; margin: 0; font-size: 13px; color: #FFFFFF; background-color: #4267B2}
.k-window>.k-window-content, .k-dialog>.k-dialog-content {font-size: 13px; padding: 8px; background-color: #F2F2F2;}
.k-window>.k-window-content>div, .k-dialog>.k-dialog-content>div {max-width: 320px;}
.k-dialog>.k-dialog-buttongroup {background-color: #F2F2F2;}
.k-button.k-dialog-close, .k-window-actions.k-hstack {visibility: hidden;}


/* Upload */
.k-upload {flex-grow: 1; border: none !important; background-color: #F2F2F2 !important;}
.k-upload .k-dropzone {height: 25px; padding: 0 !important; margin-left: 66px; margin-right: 1px; font-size: 11px; font-style: italic !important; font-weight: 400; color: #000080 !important; text-align: center !important; border: 1px solid #9A9A9A !important; border-radius: 4px !important; background-color: #F2F2F2 !important;}
.k-upload .k-upload-button {min-width: 0 !important; width: 65px; margin-left: -67px; font-size: 11px; font-style: normal;}
.k-upload .k-dropzone .k-dropzone-hint {font-size: 11px; font-style: italic !important; font-weight: 400; color: #000080 !important;}
.k-upload .k-dropzone .k-dropzone-hint.k-hidden {display: block !important;}
.k-upload .k-dropzone .k-upload-status {display: none !important; width: 0 !important;}
.k-upload .k-dropzone>.k-button {color: #000080;}
/*.k-upload div.k-dropzone:hover {background-color: #A6C6FF !important;}
*/




/* AjaxLoadingPanel */
body .RadAjax_Default .raDiv {background-image: url(/Images/Icon/Ajax22.gif);}
body .RadAjax_Default .raColor {background-color: #FFFFFF;}
body .RadAjax_Default .raTransp {opacity: 0.5;}




/* Slider */
.small.k-slider.k-slider-horizontal {height: 16px; margin-left: 14px; line-height: 16px; font-size: 11px;}
.small.k-slider.k-slider-horizontal .k-slider-track {height: 6px; margin-top: 2px; border: 1px solid #4682B4; background-color: whitesmoke;}
.small.k-slider.k-slider-horizontal .k-slider-selection {height: 6px; margin-top: -3px; border: 1px solid #4682B4; background-color: #E1E0E0;}
.small.k-slider.k-slider-horizontal .k-draghandle {height: 15px; width: 7px; border: 1px solid #4682B4; border-radius: 45px; background-color: #E1E0E0; box-shadow: none;}
.small.k-slider.k-slider-horizontal .k-draghandle:hover, .k-slider.k-slider-horizontal .k-draghandle.k-state-focused, .k-slider.k-slider-horizontal .k-draghandle:focus, .k-slider.k-slider-horizontal .k-draghandle:active {border: 1px solid #4682B4; border-radius: 45px; background-color: #4682B4; box-shadow: none;}


/* Map */
.k-map .k-marker.k-i-marker-label:before {content: none;}
.k-map .k-marker.k-i-marker-label {background-image: none; cursor: default; width: 75px !important; height: auto; text-shadow: 1px 1px black; padding: 0; font-family: 'Open Sans'; font-size: 11px; color: white;}
.k-map .k-map-controls .k-zoom-control .k-button {width: 25px;}


/* Simple Scrollbar Base */
.scroll-wrapper {overflow: hidden !important; padding: 0 !important; position: relative;}
.scroll-wrapper > .scroll-content {border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0; width: 0;}
.scroll-element {display: none;}
.scroll-element, .scroll-element div {box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scroll-element .scroll-bar, .scroll-element .scroll-arrow {cursor: default;}
.scroll-textarea {border: 1px solid #cccccc; border-top-color: #999999;}
.scroll-textarea > .scroll-content {overflow: hidden !important;}
.scroll-textarea > .scroll-content > textarea {border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0; width: 0;}
/* Simple Scrollbar Outer */
.scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div {border: none; margin: 0; padding: 0; position: absolute; z-index: 10;}
.scrollbar-outer > .scroll-element {background-color: #F2F2F2;}
.scrollbar-outer > .scroll-element div {display: block; height: 100%; left: 0; top: 0; width: 100%;}
.scrollbar-outer > .scroll-element.scroll-x {bottom: 0; height: 12px; left: 0; width: 100%;}
.scrollbar-outer > .scroll-element.scroll-y {height: 100%; right: 0; top: 0; width: 12px;}
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {height: 8px; top: 2px;}
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {left: 2px; width: 8px;}
.scrollbar-outer > .scroll-element .scroll-element_outer {overflow: hidden;}
.scrollbar-outer > .scroll-element .scroll-element_track {background-color: #F5F8FF;}
.scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar {-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.scrollbar-outer > .scroll-element .scroll-bar {background-color: #B4B3B3;}
.scrollbar-outer > .scroll-element .scroll-bar:hover {background-color: #B4B3B3;}
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {background-color: #E1E0E0;}
/* Simple Scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrollx_visible {top:  -12px; margin-top:  12px;}
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {left: -12px; margin-left: 12px;}
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {min-width: 10px;}
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {margin-top: 2px; min-height: 10px;}
/* update Simple Scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {left: -14px;}
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {top: -14px;}
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {left: -14px;}
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {top: -14px;}