.defaultcursor {
    cursor:default;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
    font-size:larger;
    font-weight:bold;
}


input.k-textbox.input-validation-error,
input.k-textbox.input-validation-error:hover,
td.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: pink;
    color:black;
}

.input-validation-error-numeric,
input.k-input.input-validation-error[data-role='datetimepicker'],
input.k-input-inner.input-validation-error[data-role='datetimepicker'] {
    background-color: pink !important;
}

span.k-numeric-wrap.input-validation-error-wrap,
span.k-picker-wrap.input-validation-error-wrap
{
   border: 1px solid #ff0000;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.field-validation-error span { font-size:1.5em; font-weight:bolder; vertical-align:middle; }

.fail-input {
    border-color:red;
    font-weight:bold;
    color: red;
    background-color: pink;
}

.success-input {
    font-weight: bold;
    color: forestgreen;
    background-color: #66FF99;
}

.ui-tooltip-validate {
    padding: 3px;
    border-color:#cc0000;
    border-radius: 5px;
    font-weight:normal;
    font-size: 12px !important;
    color:#cc0000;
    background:#feeeee;
  }



/* jqueryui overrides*/

.ui-slider .ui-slider-handle {
   width: 0.75em;
   height: 1.25em;
}

.ui-slider-horizontal {
    height: .4em;
}

/* This css hack is needed just for jquery ui dialog to show up on safari ipad in prod status... */
.ui-button .ui-button-text
{
	line-height: normal;
	display: inline;
}

.k-pager-numbers .k-selected {
    color: white !important;
}

.k-grid .k-numerictextbox,
.k-grid .k-numerictextbox .k-input-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0px !important;
}

.k-numerictextbox:has(input.input-validation-error) {
    border: 1px solid #ff0000 !important;
    background-color: pink !important;
    color: black !important;
}

.k-tooltip, .k-tooltip-content {
    white-space: nowrap;
}

.ui-tooltip {
    padding: 2px 3px;
    border-radius: 6px;
}

.k-grid tr:hover,
.k-grid .k-selected {
    background-color: #0a8ceb !important;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.117647) 0px, rgba(255, 255, 255, 0.0784314) 50%, rgba(255, 255, 255, 0.0470588) 51%, rgba(255, 255, 255, 0) 100%) !important;
}

.k-grid tr.k-detail-row:hover {
    background-color: transparent !important;
    background-image: none !important;
    background-position: initial !important;
    cursor: default !important;
}