.K2-List {list-style-type:none;margin:0; padding:0;width:100%;font-size:0.7em}
.K2-List > li {width:100%;border-bottom:1px dotted #BBBBBB;cursor:pointer;min-height:30px;background-color:#FFFFD5;}
.K2-List > li:hover {  border-top: 1px solid #B8D6FB;border-bottom: 1px solid #B8D6FB; background: url('images/listhoverback.png') repeat-x 50% 50%;
}

.ListText-Large {color:var(--text-color-primry);font-size:1.2em;font-weight:bold;}
.ListText-Normal {
    color: var(--text-color-primry);
    font-size: 1em;
}
.ListText-Small {
    color: var(--text-color-primry);
    font-size: 0.85em;
}
.List-Highlight {color:Red;}

.K2-ListSmall {list-style-type:none;margin:0; padding:0;width:100%;font-size:1em}
.K2-ListSmall > li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #f1f2f5;
        cursor: pointer;
        background-color: #fff;
        padding-top: 2px;
        padding-bottom: 2px;
    }
.K2-ListSmall > li:hover {
    background: var(--background-main);
}
.K2-ListSmall > li.ui-state-highlight { 
    border-top: var(--border-orange-important);
    border-bottom: var(--border-orange-important);

}

.K2-ListHeader {width:100%;min-height:32px;background-color:var(--background-panel);}
.K2-ListHeader td {margin:0 0 0 0;}
.K2-ListHeaderText {color:var(--text-color-secondary);}

.K2-ListContents {width:100%;overflow:auto;background-color:#ECECEC;}

.K2-ListFooter {
    width: 100%;
    height: 45px;
    padding: 0px 4px 0px 4px;
    background-color: var(--background-panel);
}
.K2-ListFooter td {margin:0 0 0 0;}
.K2-ListFooterText {color:var(--text-color-secondary);}

.K2-ListColFilter {position:relative;overflow:hidden;padding-top:0px;padding-bottom:0px;} 

.K2-FilterBar {height:28px;}

.K2-FilterBar .ui-button {font-size:1.1em; display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.K2-FilterBar .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
.K2-FilterBar button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.K2-FilterBar .ui-button-icons-only { width: 3.4em; } 
.K2-FilterBar button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.K2-FilterBar .ui-button .ui-button-text { display: block; line-height: 1.1; padding-top:2px; }
.K2-FilterBar .ui-button-text-only .ui-button-text { /*padding: .1em .1em;*/ }
.K2-FilterBar .ui-button-icon-only .ui-button-text, .K2-FilterBar .ui-button-icons-only .ui-button-text { /*padding: .1em; text-indent: -9999999px;*/ }
.K2-FilterBar .ui-button-text-icon-primary .ui-button-text, .K2-FilterBar .ui-button-text-icons .ui-button-text { padding: .1em .1em .1em .1em; }
.K2-FilterBar .ui-button-text-icon-secondary .ui-button-text, .K2-FilterBar .ui-button-text-icons .ui-button-text { padding: .1em .1em .1em .1em; }
.K2-FilterBar .ui-button-text-icons .ui-button-text { padding-left: .1em; padding-right: .1em; }
/* no icon support for input elements, provide padding by default */
.K2-FilterBar input.ui-button { padding: .1em .1em; }

/*button icon element(s) */
.K2-FilterBar .ui-button-icon-only .ui-icon, .K2-FilterBar .ui-button-text-icon-primary .ui-icon, .K2-FilterBar .ui-button-text-icon-secondary .ui-icon, .K2-FilterBar .ui-button-text-icons .ui-icon, .K2-FilterBar .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.K2-FilterBar .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.K2-FilterBar .ui-button-text-icon-primary .ui-button-icon-primary, .K2-FilterBar .ui-button-text-icons .ui-button-icon-primary, .K2-FilterBar .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.K2-FilterBar .ui-button-text-icon-secondary .ui-button-icon-secondary, .K2-FilterBar .ui-button-text-icons .ui-button-icon-secondary, .K2-FilterBar .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.K2-FilterBar .ui-button-text-icons .ui-button-icon-secondary, .K2-FilterBar .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.K2-FilterBar .ui-buttonset { margin-right: 7px; }
.K2-FilterBar .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
.K2-FilterBar button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

.ui-timepicker {font-size:11px;}
.ui-datepicker {font-size:1.1em;}

.LINK_RegNo { color:var(--text-color-link); text-decoration:underline; }

.ui-tabs .ui-tabs-nav li a { color: #003FA4; }

.ui-autocomplete { max-height: 120px; overflow-y: auto; overflow-x: hidden; background:White !important }  
/* IE 6 doesn't support max-height   
* we use height instead, but this forces the menu to always be this tall   */  
* html .ui-autocomplete { height: 120px; }

.ui-autocomplete a { color: Black; background: White; }

.FilterButton .ui-button-text > span {
    font-family: var(--font-bold);
    display: block;
    padding-left: 5px;
    padding-top: 5px;
}
.K2-FilterBar .ui-button-text > span {
    font-family: var(--font-bold);
    padding-left: 4px;
}

.ui-datepicker {
    background-color: var(--background-datepicker) !important;
    padding: 0.2em 0.2em 0px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.4em 0;
    background: transparent;
    border: none;
}
.ui-datepicker table {
    color: var(--text-color-secondary);
}
.ui-datepicker td span,
.ui-datepicker td a {
    padding: 0.4em;
    color: #fff;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
    border: 1px solid transparent;
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active {
    border: 1px solid #fff;
    background: var(--color-button-main);
    font-weight: normal;
    color: #fff;
}

.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover {
        border: var(--border-orange);
    }

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
        border: 1px solid #fff;
        background: var(--color-primary-light);
        color: var(--text-color-primary);
    }

.K2-ListColFilter .ui-corner-all {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.K2-ListColFilter .ui-button-text,
.K2-ListColFilter input {
    padding-top: 3px;
}

.K2-ListColFilter .ClearButton .ui-button-text {
    margin-top: -3px;
}

.FilterType {
    margin-left: -4px !important;
}