.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    background: #f3f2f0;;
    -moz-box-shadow: inset 0 2px 2px #8f8f8f;
    -webkit-box-shadow: inset 0 2px 2px #8f8f8f;
    box-shadow: inset 0 2px 2px #8f8f8f;
    color: #313131;
    height: 16px;
    width: 195px;
    border-radius: 5px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #00A3E7;
    background: #00A3E7;
    background: #aaaaaa linear-gradient(top, rgba(0,0,0,0.25), rgba(0,0,0,0));
    background: #00A3E7 -webkit-gradient(linear, left top, left bottom, from(rgb(0, 163, 231)), to(rgb(0, 163, 231)))!important;
    background: #aaaaaa -moz-linear-gradient(top, rgba(0,0,0,0.25), rgba(0,0,0,0));
    color: #ffffff;
    /* text-shadow: 1px 1px 1px #333333; */
}

.ui-autocomplete-panel {
    position: absolute;
    overflow: auto;
    height: 200px !important;
}

.ui-autocomplete-panel ui-widget-content ui-corner-all ui-helper-hidden ui-shadow{
	    visibility: visible;
    width: 224px;
    z-index: 1016;
    display: block;
    height: 300px;
    top: 11px;
    left: 418px;
}

/* .ui-corner-all{
	    width: 190px !important;
} */
/*  lakshman css starts from here*/

.ui-datepicker .ui-datepicker-header {
    background: #1F8DC3!important;
}

.ui-datepicker table {
    width: 100%;
    font-size: .7em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    /* background: none; */
    /* border: none; */
    color: black!important;
    font-size: 1em;
}
.ui-datepicker {
    width: 12em;
    height: 15em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%;
    color: #313131;
    border-color: #FFFFFF;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1.2em;
    margin: 1px 0;
}
.ui-datepicker .ui-datepicker-current-day .ui-state-highlight, .ui-datepicker .ui-datepicker-current-day .ui-state-default {
        background: #2682C4;
    color: #FFFFFF !important;
    font-weight: bold;
    /* text-shadow: 0 1px 1px #234386; */
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*  lakshman css ends here */


/* .ui-button-icon-only {
	width: 30px !important;
    height: 25px !important; 
   
} */


