/*Himanshu */

h2 {border-bottom: 0px solid transparent!important;}
.hidden_item { display: none;}

/*-- ECAS\ecasEAppealWeb\WebContent\WEB-INF\jsp\eappeal\appealDetail.jsp */

@media only screen and (max-width: 1000px){
	#noticeTable td span{
		margin-left: 195px;
	}
}

@page
	{
		size:  auto;   /* auto is the initial value */
		margin: 5mm;  /* this affects the margin in the printer settings */
	}

@media print {
    body {padding: 0 0 0 10px  !important;}
	td,th {padding : 2px ! important;}
	.sgds-footer, .sgds-container, .printbtn {
        	display: none;
        }
}

@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}

/* Other custom classes */
.asterisk {color:red;}		
a:visited { color: #db2837; }
.listtype-disc {list-style-type: disc;}
.listtype-none {list-style-type: none;}
.decoration-none { text-decoration: none;}
.text-shadow-yellowgreen {text-shadow: 2px 2px 4px #b4b5b1;}
.mxw100 { max-width: 100%;}
.mxw400px { max-width:400px;}
.overflow-x-auto { overflow-x: auto;}
.flex-center {display: flex!important; align-items: center; justify-content: center;}
.flex-normal {display: flex!important; align-items: center;}
.zero-border-white { border: 0px none #fff;}
.noborder { border: 0 none transparent;}

.custombtmleft { bottom: 100px; left: 550px; position: relative;} 
.customprint {position: fixed; top: 400px; z-index: 999;}
.pointer { cursor: pointer;}
.zoom { zoom: 1;}
.lineheight-125perc { line-height: 125%;}
.customtop5left6 {position: relative;top: 5px;left: 6px; cursor: pointer;}

.absolute {position: absolute;}
.relative { position: relative;}

.text-normal { font-weight: normal;}
.text-uppercase { text-transform: uppercase;}
.text-bold { font-weight: bold;}
.text-left { text-align: left;}
.text-center { text-align: center;}
.text-right { text-align: right;}

.word-break { word-break: break-word;}
.pre-wrap {white-space:pre-wrap;}

/* width */
.w0 { width: 0;}
.width-5perc { width: 5%;}
.width-96perc { width: 96%;}
.width-100perc { width: 100%;}
.w20 { width: 20px;}
.w32 { width: 32px;}
.w50 {width: 50px;}
.w58 {width: 58px;}
.w68 {width: 68px;}
.w100 {width: 100px;}
.w110 {width: 110px;}
.w120 {width: 120px;}
.w150 {width: 150px;}
.w200 { width: 200px;}
.w250 { width: 250px;}

/* height*/
.h0 { height: 0;}
.h10 { height: 10px;}
.h40 {height: 40px;}
.h41 {height: 41.58px;}
.h64 { height: 64px;}
.h70 { height: 70px;}
.height-auto { height: auto;}

/* padding in pixels */
.p15-200 { padding: 15px 200px;}
.pl-inherit { padding-left: inherit;}
.pl-0px { padding-left: 0;}
.pl-1px { padding-left: 1px;}
.pl-2px { padding-left: 2px;}
.pl-3px { padding-left: 3px;}
.pl-4px { padding-left: 4px;}
.pl-5px { padding-left: 5px;}
.pl-10px { padding-left: 10px;}
.pl-15px { padding-left: 15px;}
.pl-20px { padding-left: 20px;}

.pt-0px { padding-top: 0px;}
.pt-1px { padding-top: 1px;}
.pt-2px { padding-top: 2px;}
.pt-3px { padding-top: 3px;}
.pt-4px { padding-top: 4px;}
.pt-5px { padding-top: 5px;}
.pt-10px { padding-top: 10px!Important;}
.pt-15px { padding-top: 15px!Important;}
.pt-20px { padding-top: 20px;}
.pt-30px { padding-top: 30px;}
.pt-150px { padding-top: 150px;}

.pb-0px { padding-bottom: 0px!important;}
.pb-1px { padding-bottom: 1px;}
.pb-2px { padding-bottom: 2px;}
.pb-3px { padding-bottom: 3px;}
.pb-4px { padding-bottom: 4px;}
.pb-5px { padding-bottom: 5px;}
.pb-10px { padding-bottom: 10px;}
.pb-15px { padding-bottom: 15px;}
.pb-20px { padding-bottom: 20px;}

.pr-0px { padding-right: 0px;}
.pr-1px { padding-right: 1px;}
.pr-2px { padding-right: 2px;}
.pr-3px { padding-right: 3px;}
.pr-4px { padding-right: 4px;}
.pr-5px { padding-right: 5px;}

/* padding in percentage % */
.pr-4perc { padding-right: 4%;}

/* padding in em */
.pl-0em { padding-left: 0em;}
.pl-1em { padding-left: 1em;}
.pl-2em { padding-left: 2em;}
.pl-3em { padding-left: 3em;}
.pl-4em { padding-left: 4em;}
.pl-5em { padding-left: 5em;}


/*margin in px*/
.m-0 { margin: 0;}
.margin5-0 { margin: 5px 0;}
.mr-1px {margin-right: 1px;}
.mr-2px {margin-right: 2px;}
.mr-3px {margin-right: 3px;}
.mr-4px {margin-right: 4px;}
.mr-5px {margin-right: 5px;}
.mr-6px {margin-right: 6px;}
.mr-7px {margin-right: 7px;}
.mr-8px {margin-right: 8px;}
.mr-9px {margin-right: 9px;}
.mr-10px {margin-right: 10px;}

.ml-1px { margin-left: 1px;}
.ml-2px { margin-left: 2px;}
.ml-3px { margin-left: 3px;}
.ml-4px { margin-left: 4px;}
.ml-5px { margin-left: 5px;}
.ml-20px { margin-left: 20px;}
.ml-35px { margin-left: 35px;}
.ml-42px { margin-left: 42px;}
.ml-minus-15px { margin-left: -15px;}


.mt-0px {margin-top:0px;}
.mt-1px {margin-top:1px;}
.mt-2px {margin-top:2px;}
.mt-3px {margin-top:3px;}
.mt-4px {margin-top:4px;}
.mt-5px {margin-top:5px;}
.mt-15px {margin-top:15px;}
.mt-30px {margin-top:30px;}
.mt-40px {margin-top:40px;}
.mt-50px {margin-top:50px;}
.mt-120px {margin-top:120px;}

.mb-0px { margin-bottom: 0px;}
.mb-1px { margin-bottom: 1px;}
.mb-2px { margin-bottom: 2px;}
.mb-3px { margin-bottom: 3px;}
.mb-4px { margin-bottom: 4px;}
.mb-5px { margin-bottom: 5px;}

/*margin in em*/
.mt-0em {margin-top: 0em;}
.mt-0-5em {margin-top: 0.5em;}
.mt-0em {margin-top: 0em;}
.mt-1em {margin-top: 1em;}
.mt-2em {margin-top: 2em;}
.mt-3em {margin-top: 3em;}
.mt-4em {margin-top: 4em;}
.mt-5em {margin-top: 5em;}
.mt-6em {margin-top: 6em;}
.mt-7em {margin-top: 7em;}
.mt-8em {margin-top: 8em;}
.mt-9em {margin-top: 9em;}
.mt-10em {margin-top:10em;}

.mb-minus-1em {margin-bottom: -1em;}
.mb-minus-2em {margin-bottom: -2em;}
.mb-0em {margin-bottom: 0em;}
.mb-0-5em {margin-bottom: 0.5em;}
.mb-1em {margin-bottom: 1em;}
.mb-2em {margin-bottom:2em;}
.mb-3em {margin-bottom: 3em;}
.mb-4em {margin-bottom: 4em;}
.mb-5em {margin-bottom: 5em;}
.mb-6em {margin-bottom: 6em;}
.mb-7em {margin-bottom: 7em;}
.mb-8em {margin-bottom: 8em;}
.mb-9em {margin-bottom: 9em;}
.mb-10em {margin-bottom: 10em;}

.mr-0em {margin-right: 0em;}
.mr-1em {margin-right: 1em;}
.mr-2em {margin-right: 2em;}
.mr-3em {margin-right: 3em;}
.mr-4em {margin-right: 4em;}
.mr-5em {margin-right: 5em;}

/*fonts styles */
.font1em { font-size: 1em;}
.font1-1em { font-size: 1.1em;}
.font1-18em { font-size: 1.18em;}
.font1-6em { font-size: 1.6em;}
.font1-8em { font-size: 1.8em;}
.font-11px {font-size:11px;}
.font-14px {font-size:14px;}
.font-16px {font-size:16px;}
.font-18px {font-size:18px;}
.font-20px {font-size:20px;}
.font-25px {font-size:25px;}
.font-30px {font-size:30px;}

/* font-size: 20px*/
.font1-2500em { font-size: 1.2500em;} 

/* float */
.float-right {float: right;}
.float-left {float: left;}
.float-none {float: none;}


/* shades of colors */
.shade-green {color: #5497f0;}
.shade-green1 {color: #59b904;}
.bgwhite { background: #fff;}
.shade-orange { color:#E40520;}
.shade-orange1 { color:#de0a15;}
.shade-yellow { color:#FFA938;}
.redColor, .red {color: red;}
.greenColor {color: green;}


/*Button*/
.custom-btn {
	display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center;
	white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none;
	border: 1px solid transparent; border-radius: 4px;
} 
		

/*custom classes */
.custom-h1 { color: #fff; background-color: #009999; border: 1px solid #018c8c; font-size: 50px; font-weight: normal;  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !;
margin: 0 0px 15px; padding: 2px 0px; text-align: center; line-height: 80px; border-radius: 10px 10px 0 0; }
.custom-h2 { font-size: 20px; font-weight: normal;  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !;
color: #777; margin: 10px 0px; padding: 2px 0px; text-align: center; }
.custom-h3 { font-size: 20px; font-weight: normal;  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !;
color: #006666; margin: 10px 0px; padding: 2px 0px; text-align: center; }
/* img { vertical-align: middle; margin: -10px 0 0; } */
.center-page { position: absolute; width: 500px; height: 200px; z-index: 15; top: 50%; left: 50%; margin: -100px 0 0 -250px; border: 1px solid #018c8c; border-radius: 10px; }

.custom-error-h1 { color: #fff; background-color: #009999; border: 1px solid #018c8c; font-size: 50px; font-weight: normal;  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !;
margin: 0 0px 5px; padding: 2px 0px; text-align: center; line-height: 60px; border-radius: 10px 10px 0 0; }
.custom-error-h2 { font-size: 50px; font-weight: normal;  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !;color:red;
 margin: 10px 0px; padding: 2px 10px 0 0; text-align: right; }
.custom-error-h3 { font-size: 24px; font-weight: normal;  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !;
color: #006666; margin: 10px 0px; padding: 2px 0px; text-align: center; }
.custom-error-h4 { font-size: 20px; font-weight: normal;  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !;
color: #006666; margin: 10px 0px; padding: 2px 0px; text-align: center; }
.custom-error-h5 { font-size: 20px; font-weight: normal;  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !;border-radius: 0 0 10px 10px;
color: #fff; margin: 10px 0px 0 0px; padding: 5px 10px 5px 0; text-align: right; background-color: red;}


/* not used these classes */
ul#menu li {display: inline;list-style-type: disc;}
.gaptd td {padding: 5px 0;}
.footer {left: 0;right: 0;}


/* footer */
.footer .copyrightTextHolder {text-align: left; float: left; }
.footer .copyrightTextHolder .copyrightText {font-size: 1em; display: inline-block; line-height: auto; margin-bottom: 1.5em; font-weight: 300px;}
.footer .footerLinksHolder {float: right; }
.footer .footerLinksHolder .footerLinksContainer {background-color: transparent; padding: 0 0 1.5em; position: relative; text-align: center; }
.footer .footerLinksHolder .footerLinksContainer a.footerLink.link1 {border-right: 1px solid #ccc; }
.footer .footerLinksHolder .footerLinksContainer a.footerLink.link2 {border-right: 1px solid #ccc; }
.footer .footerLinksHolder .footerLinksContainer a.footerLink.link3 {border-right: 1px solid #ccc; }


.glyphy {cursor: pointer;}
.glyphy input {display: none;}
[aria-expanded="false"]>.expanded, [aria-expanded="true"]>.collapsed {display: none;}

.checkboxHolder .checkboxContainer input{display:none;}
input[type=checkbox]{margin:4px 0 0; margin-top:-8px; line-height:normal;}

ul#menu li {display: inline; list-style-type: disc;}
.gaptd td {padding: 5px 0;}
.footer {left: 0; right: 0;}


.breadcrumb1 ul{display: flex; align-itmes: center; justify-content: flex-end; list-style: none;}
.breadcrumb1 ul li:before {content: "\2022"; color: green; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em;}
.breadcrumb1 ul li{margin-right:10px;}



p {margin: 0 0 10px;}
.pageholder{position:relative;min-height:100%;padding-bottom:0px!important;}
#footer_area {
	height:100%!important;
}
.ura-esvc .ura-content {
    margin: 0 auto;
    width: auto!important;
}

/* Pointing and merge */
.ura-esvc .ura-content .submit {
    margin: 0 auto;
    width: 20%;
    display: inline-block;
    margin-right: 20px;
}

.mandatory{
	color:red;
}

.ura-content p.message{
 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.41);
    padding: 25px;
}

.ura-content .ui-body-a{
background: none;

}

.ura-content .info{
	background: url(../../../resource/images/info.png) no-repeat transparent;
	display: inline-block;
	height: 50px;
	width: 50px;
	margin-left: 0!important;
    margin-top: -17px;
    position: absolute;
}

.ura-content .ui-buttons{
	text-align: center;
}
.ura-content .ui-buttons div[class*="ui-block-"]{
	float: none;
	display: inline-block;
}

.ura-content .submit{
 margin: 0 auto;
    text-align: center;
    width: 94%;
}
label.error {
  background: none repeat scroll 0 0 #ccc;
    border-radius: 0 0 12px 12px;
    bottom: 100%;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    color: red;
    display: block;
    font-size: 12px;
    margin-bottom: -65px;
    padding: 12px;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: auto;
    z-index: 99;
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
label.error:before {
  bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}  

/* CSS Triangles - see Trevor's post */
label.error:after {
  border-bottom: 10px solid #ccc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: 40px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}

/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip {
  display: none;
}

.lte8 .wrapper:hover .tooltip {
  display: block;
}

div.hasDatepicker{ display: block; padding: 0; overflow: visible;  margin: 8px 0; max-width:340px }
.ui-datepicker {  overflow: visible; margin: 0;  }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.6em 0; border-bottom: 0; font-weight: bold; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { padding: 1px 0 1px 2px; position:absolute; top: .6em; margin-top: 0; text-indent: -9999px; }

.ui-datepicker .ui-datepicker-prev { left:9px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; border-collapse: collapse; margin:0; }
.ui-datepicker td { border-width: 1px; padding:0; text-align: center; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em 0; font-weight: bold; margin: 0; border-width: 0; text-align: center; text-decoration: none; }

.ui-datepicker-calendar th { padding-top: .4em; padding-bottom: .4em; }
.ui-datepicker-calendar th span, .ui-datepicker-calendar span.ui-state-default { opacity: .7; }
.ui-datepicker-calendar td a { padding:.6em .6em; }
.ui-datepicker-calendar td span {
    padding: 0.6em !important;