label
{
    margin-bottom: 2px;
}
label.liketxt { border: 1px solid #ccc!important; border-radius: 5px; padding: 1px 4px 1px 4px; background-color:rgba(0,0,0,.075) !important; font-weight: normal; height: 23px; }
.btnlist { padding: 10px 0px 0px 10px; }
.savebtn { width: 90px; height: 40px; }

.scroll_btn_cont { margin: 10px 10px 5px 10px; padding: 6px 10px 5px 10px; border-radius: 5px; border: 1px solid #ddd; 
                   /*background: #ddd url('../Content/themes/pepper_grinder/images/ui-bg_fine-grain_15_ffffff_60x60.png');*/}
.scroll_btn_first { background:url('../Content/images/Fast-Backward.png') no-repeat !important; display: block; width: 30px; height: 30px; background-size: 100% !important; border: 0 !important; }
.scroll_btn_prev  { background:url('../Content/images/Arrow-Left.png') no-repeat !important; display: block; width: 30px; height: 30px; background-size: 100% !important; border: 0 !important; }
.scroll_btn_next  { background:url('../Content/images/Arrow-Right.png') no-repeat !important; display: block; width: 30px; height: 30px; background-size: 100% !important; border: 0 !important;}
.scroll_btn_last  { background:url('../Content/images/Fast-Forward.png') no-repeat !important; display: block; width: 30px; height: 30px; background-size: 100% !important; border: 0 !important; }

.search_icon { background:url('../Content/images/Search.png') no-repeat !important; display: block; width: 48px; height: 48px; background-size: 40px 40px !important; border: 0px !important; }
.search_clear_icon { background:url('../Content/imagesl/Stop.png') no-repeat !important; display: block; width: 48px; height: 48px; background-size: 40px 40px !important; border: 0px !important; }
.billing_icon { background:url('../Content/images/billing.png') no-repeat !important; display: block; width: 48px; height: 48px; background-size: 40px 40px !important; border: 0px !important; }
.exmpt_detail { background:url('../Content/images/exmpt_detail.png') no-repeat !important; width: 20px; height: 17px; border: 0px !important; margin-top: 2px; padding-right: 0px !important; }

.tablewrapper { position: relative; }
.table { display: table; margin: 0px; }
.row { display: table-row; }
.cell { display: table-cell; }
.cell.empty { border: none; width: 100px; }
.cell.rowspanned { position: absolute; top: 0; bottom: 0; width: 100px; }

.quick_search_cont { position:relative; margin: 10px 10px 5px 10px; padding: 0px; max-width: 995px; }
.quick_search_row { display: table-row; border-radius: 5px; border: 1px solid #ddd; padding: 0px; }
.quick_search_cell_title { display: table-cell; width: 140px; 
                           /*background: #ddd url('../Content/themes/pepper_grinder/images/ui-bg_fine-grain_65_654b24_60x60.png');*/ color: #ffffff; font-weight: bold; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.quick_search_cell_title_div { float: left; width: 140px; padding: 0px 10px 7px 10px; }
.quick_search_cell_crit { display: table-cell; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 0px; height: 100%; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; 
                          /*background: #ddd url('../Content/themes/pepper_grinder/images/ui-bg_fine-grain_15_ffffff_60x60.png');*/ }
.quick_search_cell_submit { display: table-cell; width: 90px; padding: 5px 5px 0px 5px; margin: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; 
                            /*background: #ddd url('../Content/themes/pepper_grinder/images/ui-bg_fine-grain_15_ffffff_60x60.png')*/ }
.quick_search_submit { height: 29px; padding-top: 2px; width: 90px !important; }

/*Infragistics over write*/
.ui-iggrid-filterddlistitemicons { background: none !important; }
.ui-iggrid-filterddlistitemcontainer { background-color: #c2e1ea !important; }
.ui-iggrid-filtericoncontainer { background-color: #c2e1ea !important; }
.ui-iggrid-filterddlistitemicons { background-color: #c2e1ea !important; }
/********
    COLORS    
	2021-07-22 CS: all color elements below have :not(.ui-igedit-input) added to overwrite the property from site.css
	*More specific level gets precedence
*/
input.light_blue:not(.ui-igedit-input) { background-color: #9dd2ea !important; }
input.light_purple:not(.ui-igedit-input) { background-color: #cdbafb !important; }
input.light_red:not(.ui-igedit-input) { background-color: #ffd1d1 !important; }
input.light_yellow:not(.ui-igedit-input) { background-color: #faf3a9 !important; }
input.very_red:not(.ui-igedit-input) { background-color: red !important; }
input.dark_red:not(.ui-igedit-input) { background-color: #c27878 !important; }
input.pale_green:not(.ui-igedit-input) { background-color: #98D196 !important; }
input.lgl_orange:not(.ui-igedit-input) { background-color: #FFBA99 !important; }

#div_customer_balance > div > div { float: left; width: 97px; }
#div_customer_balance > div > div > label { width: 100%; }

/******** 
    ADVANCE SEARCH ITEMS
*/
/*#div_search_comments label { padding: 5px 10px 5px 10px; }
#div_search_comments input { margin: 5px 10px 5px 10px; }
#div_search_comments label.dsp_adv_search_user { width: 40px; }
#div_search_comments input.dsp_adv_search_user { width: 80px; }
#div_search_comments label.dsp_adv_search_type { width: 50px; }
#div_search_comments select.dsp_adv_search_type { width: 80px;  margin: 5px 10px 5px 10px;}
#div_search_comments label.dsp_adv_search_date { width: 40px; }
#div_search_comments input.dsp_adv_search_date { width: 80px; }
#div_search_comments label.dsp_adv_search_comments { width: 80px; }
#div_search_comments input.dsp_adv_search_comments { width: 373px; }*/

#asearchtranhist-tab-charges > div { float: left; width: 82px; }
#asearchtranhist-tab-charges > div > input, #asearchtranhist-tab-charges > div > label { width: 80px; }
#asearchtranhist-tab-payments > div { float: left; width: 82px; }
#asearchtranhist-tab-payments > div > input, #asearchtranhist-tab-payments > div > label { width: 80px; }
#asearchtranhist-tab-issuedchk > div { float: left; width: 102px; }
#asearchtranhist-tab-issuedchk > div > input, #asearchtranhist-tab-issuedchk > div > label { width: 100px; }
#asearchtranhist-tab-refchk > div { float: left; width: 102px; }
#asearchtranhist-tab-refchk > div > input, #asearchtranhist-tab-issuedchk > div > label { width: 100px; }
#div_search_comments > div:not(:first-of-type) { float: left; width: 82px; }
#div_search_comments > div > input, #div_search_comments > div > label { width: 80px; }
#div_search_comments > div > label { text-align: center; }

/*#div_search_tran_history { overflow: hidden; margin-left: 10px; margin-top: 10px; padding-bottom: 0px !important; }*/
#div_search_tran_history { margin-left: 10px; margin-top: 10px; padding-bottom: 0px !important; }
#div_search_tran_history div.div_search_tran_hist_title { text-align: right; background-color: #DEF4FD; padding: 17px 10px 15px 0px; margin-right: 7px; width: 75px; }
/*#div_search_tran_history div.div_search_tran_hist_item { background-color: #ffffff; padding: 5px 4px 10px 5px; }*/
#div_search_tran_history label { text-align: center; }
/*#div_search_tran_history input { margin: 5px 10px 5px 10px; }*/
/*#div_search_tran_history .dsp_adv_search_taxyear { width: 70px; margin-bottom: 0px !important; padding: 7px 0px 0px 10px; }*/
/*#div_search_tran_history label.dsp_adv_search_taxyear { width: 60px; }
#div_search_tran_history input.dsp_adv_search_taxyear { width: 60px; }
#div_search_tran_history label.dsp_adv_search_user { width: 80px; }
#div_search_tran_history input.dsp_adv_search_user { width: 80px; }
#div_search_tran_history label.dsp_adv_search_tranty { width: 100px; }
#div_search_tran_history input.dsp_adv_search_tranty { width: 100px; }
#div_search_tran_history select.dsp_adv_search_tranty { width: 100px; }
#div_search_tran_history label.dsp_adv_search_amount { width: 80px; margin-right: 5px; }
#div_search_tran_history input.dsp_adv_search_amount { width: 80px; margin-right: 5px; }*/

/********
    ADVANCE SEARCH ITEMS END
*/




/*******
    FIELD ITEMS
*/
/*div.casesinfo_divs { text-align: left; overflow: hidden; padding-bottom: 0px; margin-left: 10px; margin-top: 10px; }*/
div.casesinfo_divs { overflow: hidden; text-align: left; padding-bottom: 0px; margin-left: 10px; margin-top: -3px; }
div.casesinfo_sub_title { border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 10px 10px 5px 10px; color: #ffffff; font-weight: bold; background: url('../Content/themes/custom-start/images/ui-bg_gloss-wave_75_2191c0_500x100.png'); background-size: 100%; }
div.info_sub_title { border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 10px 10px 5px 10px; color: #ffffff; font-weight: bold; background: url('../Content/themes/custom-start/images/ui-bg_gloss-wave_75_2191c0_500x100.png'); background-size: 100%; }
/*#div_main_info label { padding-left: 10px; }
#div_main_info input { margin-left: 10px; }
#div_main_info select { margin-left: 10px; }*/
#div_main_info label.dspCaseID { padding: 10px 5px 5px 10px; width: 80px; }
#div_main_info input.dspCaseID { margin: 8px 5px 0px 5px; width: 80px; }
#div_main_info label.dspStatus { padding: 10px 5px 5px 5px; width: 110px; }
#div_main_info label.dspStatusVill { padding: 10px 5px 5px 5px; width: 90px; }
#div_main_info select.dspStatus { margin: 8px 5px 0px 5px; width: 100px; }
#div_main_info label.dspDuplicate { padding: 10px 5px 5px 5px; width: 80px; }
#div_main_info input.dspDuplicate { margin: 8px 5px 0px 5px; width: 120px; }
#div_main_info label.dspRecordCnt { padding: 10px 5px 0px 5px; width: 160px; font-size: 16px; }
.width100 { width: 100px; }
/*.color_taxyear { background-color: #D17CFF !important; font-weight: bold; }*/

label.dspTaxyear { padding: 10px 10px 5px 10px; width: 80px; }
input.dspTaxyear { margin: 8px 10px 0px 10px; width: 47px; background-color: #D17CFF !important; font-size: 16px; font-weight: bold; }
input.dspTaxyearSearch { margin: 8px 10px 0px 10px; width: 45px; }
label.dspCreatedOn { padding: 10px 10px 5px 10px; width: 100px; }
input.dspCreatedOn { margin: 8px 10px 0px 10px; width: 90px; }
label.dspCreatedOnDt { margin: 8px 10px 0px 10px; width: 90px; }
label.dspCreatedBy { padding: 10px 10px 5px 10px; width: 30px; }
input.dspCreatedBy { margin: 8px 10px 0px 10px; width: 90px; }
label.dspLastModOn { padding: 10px 10px 5px 10px; width: 140px; }
input.dspLastModOn { margin: 8px 10px 0px 10px; width: 90px; }
label.dspLastModBy { padding: 10px 10px 5px 10px; width: 30px; }
input.dspLastModBy { margin: 8px 10px 0px 10px; width: 90px; }

#div_main_info input.dspPropertyID { width: 210px; }
#div_main_info label.dspPropertyID { width: 210px; }
#div_main_info label.dspPOwnerNm, label.dspAddress, label.dspDescription { width: 260px; }
#div_main_info input.dspPOwnerNm, input.dspAddress, input.dspDescription { width: 260px; }
#div_main_info input.dspSection { width: 55px; }
#div_main_info label.dspSection { width: 55px; }
#div_main_info label.dspBlock { width: 50px; padding-left: 2px; }
#div_main_info input.dspBlock { width: 50px; margin-left: 2px; }
#div_main_info label.dspLot { width: 65px; padding-left: 2px; }
#div_main_info input.dspLot { width: 65px; margin-left: 2px; }
#div_main_info label.dspAddress2 { width: 360px; margin-top: 2px; }
#div_main_info input.dspAddress2 { width: 360px; margin-top: 2px; }
#div_main_info label.dspCity { width: 218px; margin-top: 2px; }
#div_main_info input.dspCity { width: 218px; margin-top: 2px; }
#div_main_info label.dspState { width: 78px; margin-top: 2px; margin-left: 2px; }
#div_main_info input.dspState { width: 78px; margin-top: 2px; margin-left: 2px; }
#div_main_info input.dspZip { width: 58px; margin-top: 2px; margin-left: 2px; }
#div_main_info label.dspZip { width: 58px; margin-top: 2px; margin-left: 2px; }
#div_main_info input.dspVillageAnd { width: 90px; }
#div_main_info label.dspVillageAnd { width: 90px; }
#div_main_info input.dspVillageAndSchD { width: 95px; }
#div_main_info label.dspVillageAndSchD { width: 95px; }
#div_main_info input.dspVillageAndClass { width: 52px; }
#div_main_info label.dspVillageAndClass { width: 52px; }

#div_main_info input.dspName { width: 117px; }
#div_main_info label.dspName { width: 117px; }
#div_main_info input.dspPhoneNbr, label.dspPhoneNbr { width: 112px; }
#div_main_info input.dspEmail, label.dspEmail { width: 345px; }
#div_main_info select.dspDoNotEmail, label.dspDoNotEmail { width: 235px; }

#div_main_info input.dspTownName { width: 155px; margin-left: 0px; }
#div_main_info input.dspTownCode { width: 27px; }
#div_main_info input.dspVillName { width: 160px; margin-left: 0px; }
#div_main_info input.dspVillNameHOT { background-color: yellow !important; }
#div_main_info input.dspVillCode { width: 27px; }
#div_main_info input.dspSwissCode { width: 90px;}

.div_coll_items > div { float: left; width: 102px;}

#assessment-tab-town > div { float:left; width: 104px; }
#assessment-tab-town > div > label { margin-left: 3px; width: 104px; }
#assessment-tab-village > div { float:left; width: 104px; }
#assessment-tab-village > div > label { margin-left: 3px; width: 104px; }
/*sora   */
.admin-modifiable { pointer-events: none;}
/*#div_customer_balance { overflow: hidden; margin-left: 10px; margin-top: 10px; background-color: #DEF4FD; padding-bottom: 0px !important; }*/
/*#div_customer_balance { margin-left: 10px; margin-top: 10px; background-color: #DEF4FD; padding-bottom: 0px !important; }
#div_customer_balance input.dspCustBalance { width: 100px; }
#div_customer_balance label.dspCustBalance { width: 100px; text-align: center; }
#div_customer_balance div.div_customer_balance_title_2ln { text-align: right; padding: 22px 20px 0px 0px; width: 75px; height: 55px; }
#div_customer_balance div.div_customer_balance_title_1ln { text-align: right; padding: 22px 10px 0px 0px; width: 75px; height: 55px; }
#div_customer_balance div.div_customer_balance_items { display: table-cell; background-color: #ffffff; padding: 5px 4px 10px 5px; }*/

/*#div_appraisal_info { margin-left: 10px; margin-top: 10px; }*/

label.dspTownAssess, input.dspTownAssess { margin-left: 3px; width: 100px; }
label.dspTownAssess { font-size: 12px; }
label.dspAssessAppr, input.dspAssessAppr { margin-left: 3px; width: 120px; }
label.dspTownAssessShort, input.dspTownAssessShort { margin-left: 3px; width: 65px; }
input.dspTownAssessDate { margin-left: 3px; width: 100px; }
input.dspTownAssessTime { margin-left: 3px; width: 70px; }

    label.dspPropertyElem, input.dspPropertyElem
    {
        margin-left: 5px; margin-right: 5px; width: 70px;
    }
    label.dspPropertyElemDbl, input.dspPropertyElemDbl
    {
        margin-left: 5px; margin-right: 5px; width: 150px;
    }
    label.dspPropertyElemBig
    {
        margin: 0px 5px 0px 5px; width: 310px;
    }
    textarea.dspPropertyElemBig
    {
        margin: 0px 5px 0px 5px; width: 310px; height: 100px; max-width: 310px;
    }

label.dspQuickSearch
{
    margin-left: 10px; width: 70px; font-weight: normal; margin: 10px 10px 0px 10px;
}
input.dspQuickSearch
{
    margin-left: 10px; width: 120px; margin-top: 5px; margin-right: 10px;
}

input.dspAdminMemo{ width: 798px; height: 200px; }

.calculator_icon
{
    background:url('../Content/images/Calculator.png') no-repeat !important; background-size: 100% !important; width: 48px; height: 48px; border: 0px !important;
}

.quick_search_icon
{
    background:url('../Content/images/QSearch.png') no-repeat !important; background-size: 36px 36px !important; width: 36px; height: 36px; border: 0px !important;
}
.clear_quick_search_icon
{
    background:url('../Content/images/stop.png') no-repeat !important; background-size: 36px 36px !important; width: 36px; height: 36px; border: 0px !important;
}
.save_icon
{
    background:url('../Content/images/Save.png') no-repeat !important; background-size: 42px 42px !important; width: 43px; height: 43px; border: 0px !important;
}
.div_pepper
{
    background: #ddd url('../Content/themes/custom-start/images/ui-bg_gloss-wave_75_2191c0_500x100.png'); background-size: 100%;
}
.div_light_pepper
{
    /*background: #ffffff url('../Content/themes/custom-start/images/ui-bg_gloss-wave_75_2191c0_500x100.png');*/
}

#div_inv_info label { padding-left: 10px; }
#div_inv_info input { margin-left: 10px; }
#div_inv_info input.dspInvItem { width: 90px; }
#div_inv_info label.dspInvItem { width: 90px; }
#div_inv_info input.dspInvLngItem { width: 210px; }
#div_inv_info label.dspInvLngItem { width: 210px; }
#div_inv_info textarea.dspInvItem { margin-left: 10px; border-radius: 12px; }
/*******
    FIELD ITEMS END
*/




/*******
    CALCULATOR    
*/

    /* Basic reset */
* {
	/*margin: 0;
	padding: 0;
	box-sizing: border-box;
	font: bold 14px Arial, sans-serif;*/
}

/* Finally adding some IE9 fallbacks for gradients to finish things up */

/* A nice BG gradient */
#div_prop_calculator {
	height: 100%;
	background: white;
	/*background: radial-gradient(circle, #fff 20%, #ccc);*/
	background-size: cover;
}

/* Using box shadows to create 3D effects */
#calculator {
	width: 325px;
	height: auto;
	
	margin: 10px;
	padding: 20px 20px 9px;
	
	background: #9dd2ea;
	background: linear-gradient(#9dd2ea, #8bceec);
	border-radius: 3px;
	box-shadow: 0px 4px #009de4, 0px 10px 15px rgba(0, 0, 0, 0.2);
}

/* Top portion */
.top span.clear {
	float: left;
}

/* Inset shadow on the screen to create indent */
.top .screen {
	height: 40px;
	width: 212px;
	
	float: right;
	
	padding: 0 10px;
	
	background: rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	box-shadow: inset 0px 4px rgba(0, 0, 0, 0.2);
	
	/* Typography */
	font-size: 17px;
	line-height: 40px;
	color: white;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	text-align: right;
	letter-spacing: 1px;
}

/* Clear floats */
.keys, .top {overflow: hidden;}

/* Applying same to the keys */
.keys span, .top span.clear {
	float: left;
	position: relative;
	top: 0;
	
	cursor: pointer;
	
	width: 66px;
	height: 36px;
	
	background: white;
	border-radius: 3px;
	box-shadow: 0px 4px rgba(0, 0, 0, 0.2);
	
	margin: 0 7px 11px 0;
	
	color: #888;
	line-height: 36px;
	text-align: center;
	
	/* prevent selection of text inside keys */
	user-select: none;
	
	/* Smoothing out hover and active states using css3 transitions */
	transition: all 0.2s ease;
}

/* Remove right margins from operator keys */
/* style different type of keys (operators/evaluate/clear) differently */
.keys span.operator {
	background: #FFF0F5;
	margin-right: 0;
}

.keys span.eval {
	background: #f1ff92;
	box-shadow: 0px 4px #9da853;
	color: #888e5f;
}

.top span.clear {
	background: #ff9fa8;
	box-shadow: 0px 4px #ff7c87;
	color: white;
}

/* Some hover effects */
.keys span:hover {
	background: #9c89f6;
	box-shadow: 0px 4px #6b54d3;
	color: white;
}

.keys span.eval:hover {
	background: #abb850;
	box-shadow: 0px 4px #717a33;
	color: #ffffff;
}

.top span.clear:hover {
	background: #f68991;
	box-shadow: 0px 4px #d3545d;
	color: white;
}

/* Simulating "pressed" effect on active state of the keys by removing the box-shadow and moving the keys down a bit */
.keys span:active {
	box-shadow: 0px 0px #6b54d3;
	top: 4px;
}

.keys span.eval:active {
	box-shadow: 0px 0px #717a33;
	top: 4px;
}

.top span.clear:active {
	top: 4px;
	box-shadow: 0px 0px #d3545d;
}

/*******
    CALCULATOR END    
*/