.lgrt_record_action_button, .btn {
  background-color: rgba( 254,153,1,1)!important;
  height:auto;
  line-height:1.5rem;
  box-shadow: none;
  width: auto;
}
.btn:hover, .btn.active{
  box-shadow: none;
}
.btn-floating {
	background-color: rgba( 254,153,1,1)!important;
	box-shadow: none;
}
.btn-floating:hover {
  box-shadow: none;
}
.faci_button:hover:after,
.btn:hover:after{
  content:"\00a0";
  width:100%;
  height:100%;
  float:left;
  background-color: rgba(0,0,0,.02);
  position: absolute;
  top: 0;
  left: 0;
}

.btn{
  color: rgba(255,255,255,1)!important;
}

._x{  display:none;  }
div.faci_button.grey,
.btn .grey,
._action div.btn.grey{
  background-color: rgba(170,170,170,1)!important;
}
div.faci_button:not(.grey):hover{
  /* background-color: rgba(77,208,225,1)!important; */
}

.darken-1, div.faci_button.darken-1, .ccode2, .ccode2 tr th {  background-color: rgba( 96,196,162,1)!important;  color: rgba(255,255,255,1)!important;  }
.darken-2, div.faci_button.darken-2, .ccode3, .ccode3 tr th{  background-color: rgba( 254,153,1,1)!important;  color: rgba(255,255,255,1)!important;  }
.darken-3, div.faci_button.darken-3, .ccode4, .ccode4 tr th{  background-color: rgba( 25,70,101,1)!important;  color: rgba(255,255,255,1)!important;  }
.darken-4, div.faci_button.darken-4, .ccode5, .ccode5 tr th{  background-color: rgba( 62,107,138,1)!important;  color: rgba(255,255,255,1)!important;  }
.darken-5, div.faci_button.darken-5, .ccode6, .ccode6 tr th,

.collapsible-header:not(.active), 
.collapsible-header:not(.active)>*:not(.tips):not(.notes_button):not(.notes_icon) {  
	background-color: rgba( 113,152,185,1)!important;  
	color: rgba(255,255,255,1)!important;  
}

@font-face {
  font-family: "roboto-c";
  src: local(Noto Sans), url("../font/roboto/roboto-condensed.eot");
  src: url("../font/roboto/roboto-condensed.eot?#iefix") format("embedded-opentype"), url("../font/roboto/roboto-condensed.woff2") format("woff2"), url("../font/roboto/roboto-condensed.woff") format("woff"), url("../font/roboto/roboto-condensed.ttf") format("truetype");
  font-weight: 200;
}

@font-face {
  font-family: "noto";
  src: local(Noto Sans), url("../font/notosans/NotoSans-Regular.eot");
  src: url("../font/notosans/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../font/notosans/NotoSans-Regular.woff2") format("woff2"), url("../font/notosans/NotoSans-Regular.woff") format("woff"), url("../font/notosans/NotoSans-Regular.ttf") format("truetype");
  font-weight: 200;
}
html{
	font-size:16px;
	font-family:noto, roboto, simhei!important;
	min-width: calc(1024px - 20px);
	/* min-width:400px; */
}


html *{
	outline: none;
	font-size:1rem;
	font-family:noto, roboto, simhei!important;
	line-height:1.5rem;
}
body{
	min-width: calc(1024px - 20px);
}
body,
#left{
	/* background-color:rgba(242,242,242,1); */
	background-color:rgba(255,255,255,1);
}
#page{
  width: calc(90% - 20px);
  min-width: calc(1024px * .9 - 20px);
  margin: 0 auto;
}
div.faci_button,
button:not(#help),
.btn:not(#help){
	padding: .5rem;
	/*text-transform: uppercase;*/
	border-radius: 0;
}

.address_result_table th,
button, .btn,
#title_bar_last{
    font-size: 1rem!important;
}
.address_result_table th,
div.faci_button, button, .btn,
#title_bar_last{
	font-family:roboto-c, noto, simhei!important;
}
div.faci_button{
    font-size: 1.25rem!important;
}

button.lgrt_previous_and_next_button{
	padding:0;
}
button:not(#help), .btn:not(.notes_button){
	border-radius:0!important;
    white-space: nowrap;
}
.input-field{ margin-top: 1.3rem;}
.input-field input[type=text], .input-field input[type=password],
.input-field input[type=number],
.input-field input[type=text]:focus + label, .input-field input[type=password]:focus + label,
.input-field input[type=number]:focus + label,
.input-field textarea.materialize-textarea:not([disabled]),
.input-field textarea.materialize-textarea:focus + label {
  color: rgba(0,0,0,.5);
}
.input-field input[type=text], .input-field input[type=password],
.input-field input[type=number],
.input-field input[type=text]:focus, .input-field input[type=password]:focus,
.input-field input[type=number]:focus,
.input-field textarea.materialize-textarea:not([disabled]),
.input-field textarea.materialize-textarea:focus {
  border-bottom: 1px solid rgba(95,175,226,1);
  box-shadow: 0 0px 0 0 rgba(255,255,255,1);
}
div:not(.collapsible-body)>.row .input-field.col label{  left:2rem;  }
.row .input-field.col label.active{  top:1.2rem;  }
.dropdown-content li>a, .dropdown-content li>span{
  color: rgba(0,0,0,1);
}
.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected, .ccode1, .ccode1 tr th{
  /* background-color:rgba(95,175,226,1)!important; */
  /* background-color:rgba(37,69,97,1)!important; */
  background-color:rgba(72,104,132,1)!important;
  color: rgba(255,255,255,1)!important;
}

#filter-content .dropdown-content {
	margin-top: 10px;
}

.switch label input[type=checkbox]:checked+.lever{
  background-color:rgba(95,175,226,.6);
}
.switch label input[type=checkbox]:checked+.lever:after{
  background-color:rgba(95,175,226,1);
}
div:not(.subsection)>.input-field.col label{  left:.5rem;  }
.tips{
    position: absolute;
    padding: .5rem;
    z-index: 1;
    top: .25rem;
    right: .25rem;
    width: 10rem;
    font-size:.8rem!important;
    /* background-color: rgba( 96,196,162,.8)!important; */
    background-color: rgba( 255,255,255,.9)!important;
    color: rgba( 96,196,162,1)!important;
    transition:opacity .5s;
    opacity:0;
}
#lgrt_title_bar{
	height: 4rem;
}


#lgrt_title_bar_title>div{
	padding:.25rem 1rem;
}
#title_bar_last{
	border-radius:1rem;	
}


div.no_record span{
	color:rgba(255,255,255,1);
}
div.icons_div{
	margin-top: 3rem;
    margin-bottom: 10rem;
}
div.center_container{
	max-width: calc( 15rem * 5 + 1rem * 2 * 5 + 1rem * 2 );
	padding-left: 1rem;
	padding-right: 1rem;
}
div.faci_button{
  /*width:11rem;*/
  height:11rem;
  background-color: rgba(95,175,226,1)!important;
  font-size:1.25rem;
  line-height:1.5rem;
  /* margin: 1rem;
  padding: 1rem; */
  border-radius:0;
/*
  width:9rem;
  height:9rem;
  margin: 2rem;
*/
}

#lgrt_title_bar_title a{
	font-family: roboto-c!important;
	font-size: 1rem;
	line-height:1.5rem;
}

td{
	border:0!important;
}
td, th{
	border-radius : 0;
}
tr:last-child th{
	padding-top:0!important;
	font-size:1rem!important;
}
.h2, .h2 *:not(.tips),
.collapsible-header.h2.active{
	font-size:1.25rem!important;
	line-height:1.5rem!important;
	/* background-color: rgba(84,110,122,1)!important; */
	padding-top:.5rem!important;
	padding-bottom:.5rem!important;
	background-color: rgba( 25,70,101,1)!important;
	color: rgba(255,255,255,1)!important;
}



.h3, .h3 *:not(.tips):not(.notes_button):not(.notes_icon),
.collapsible-header.h3.active,
.ui-widget-header,
.information_header{
	
	font-size:1.25rem!important;
	line-height:2rem!important;
	/* background-color: rgba(84,110,122,1)!important; */
	padding-top:.5rem!important;
	padding-bottom:.5rem!important;
	background-color: rgba( 25,70,101,1)!important;
	color: rgba(255,255,255,1)!important;
}

.information_header {
	font-family: roboto-c!important;
}

.collapsible-header.h3.active .btn.notes_button {
	background-color: rgba( 25,70,101,1)!important;
}

.collapsible-header.h3 .btn.notes_button {
	background-color: rgba(113,152,185,1)!important;
}

.ui-widget-header{
	background:none;
}

.h2.row, .h2 .row{
	margin:.5rem 0;
}
._action div.btn,
button.lgrt_export_button,
.lgrt_previous_and_next_button,
.use_address_button{
	height:auto;
	width:auto;
	font-size:1rem;
	background-color:rgba( 254,153,1,1);
	color: rgba(255,255,255,1);
}
button.lgrt_export_button i{
    line-height: 1.5rem;
    vertical-align: middle;
}
.lgrt_previous_and_next_button{
	color:rgba( 254,153,1,1);
	background-color:transparent!important;
}
.address_result_table td{
	border: .1rem solid rgba(242,242,242,1)!important;
	font-size:.8rem;
	padding:.5rem!important;
}
#keywordSearchResult td{
	font-size:.8rem;
	padding:1rem!important;
}
.address_result_table tr:nth-child(even) td{
	background-color:rgba(242,242,242,1);
}
.address_result_table tr:nth-child(odd) td{
	background-color:rgba(255,255,255,1);
}
.address_result_table th{
	background-color: rgba(207,216,220,1);
	font-size:1rem;
	vertical-align: bottom;
	border-width: .1rem!important;
	border-style: solid!important;
	border-color: rgba(242,242,242,1) rgba(242,242,242,1) rgba(242,242,242,1) rgba(242,242,242,1)!important;
	padding:.5rem!important;
	font-weight:normal;
}

.address_result_table th.other_field {
	min-width: 6rem;
}

.address_result_table tr:last-child th{
	border-top: .1rem solid rgba(255,255,255,0)!important;
	padding-top: 0.5rem!important;
}
.address_result_table th:not(first-child){
	text-align:center!important;
}
.address_result_table .sorter{
	float:right;
}
#lgrt_search_result_columne_header___status{
	min-width:7rem;
	width:7rem;
}
#lgrt_search_result_columne_header___start_date{
	min-width:7rem;
	width:7rem;
}
#lgrt_search_result_columne_header___end_date{
	min-width:7rem;
	width:7rem;
}
#lgrt_search_result_columne_header___last_update_time{
	min-width:8rem;
	width:8rem;
}
.address_result_table .min_header{
	font-size:0.8rem!important;
	min-width: 6.5rem;
	width: 15%;
}
.search_result_index_column{
	min-width:2rem;
}
.search_result_gih3id_column,
.search_result_type_column{
	word-break:break-all;
	min-width:4rem;
}
.float_action_menu li{
	width:auto;
}
#lgrt_scroll_to_top_button{
	width:3rem;
	height:3rem;
	font-size:1rem;
	line-height:1rem;
}
.lgrt_status_text i.large{
	font-size:2rem;
}
.lgrt_tag_associated,
.lgrt_tag_checked,
.lgrt_tag_not_associated,
.lgrt_tag_verified,
.lgrt_tag_not_satisfied{
	border: none;  background-color:transparent;
}
.lgrt_status_text[data-lgrt-status="not_yet_associated"]{  color:rgba(244,67,54,1);  }
.lgrt_status_text[data-lgrt-status="associated"]{  color:rgba(151,151,151,1);  }
.lgrt_status_text[data-lgrt-status="checked"]{  color:rgba(151,151,151,1);  }
.lgrt_status_text[data-lgrt-status="verified"]{  color:rgba(0,191,165,1);  }
.lgrt_status_text[data-lgrt-status="verified_and_not_satisfied"]{  color:rgba(255,179,0,1);  }

#action_reminder>#record_tag{
	padding:0;
	font-size:.8rem;
}
.ns_fld{
	max-width:7rem;
}

td.ns_fld {
    text-overflow: ellipsis;
}

.breakable{
	word-break: break-all;
}
#controlled_table{
	overflow:auto;
	height: 60vh;
}
#list{
	width:auto;
	margin:0;
}
#filter-container{
    width: 20%;
    min-width: 24rem;
    position: fixed;
    /* right: 0; */ /* updated for floating from left */
    left:0;
    top:0;
    height:100%;
    z-index: 2;
    pointer-events:none;
}
#filter-content{ 
    width: 100%;
    top:0;
	/* right: -90%; */ /* updated for floating from left */
	left: -90%;
    background-color: rgba(238,243,246,1);
    pointer-events:all;	
    margin-top: 4rem;
    position: absolute;
    /* transition: right 1.5s; */ /* updated for floating from left */
    transition: left 0.25s;
}
#filter-content:hover{
    /* right:0; */ /* updated for floating from left */
    /* left: 0; */
}
#filter-content #tag{
	font-family:"Material Icons";
    width: 2.5rem;
    height: 2.5rem;
    /* float: left; */ /* updated for floating from left */
    float: right;
    position: absolute;
    /* left: -2rem; */ /* updated for floating from left */
    right: -2rem;
	color:rgba(255,255,255,1);
	background-color: rgba( 25,70,101,1);
}
#filter-content #tag i{
	font-size:1.25rem;
	line-height:2rem;
	padding:.25rem;
	width:3rem;
	text-align: center;
}

#filter-content #list #filter-title{
	font-family: roboto-c!important;
}


#left #help-section{
  margin-bottom:0;
}
#left #help{
    overflow: hidden;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 2rem!important;
    padding: .5rem;
    float: right;
    margin-bottom: -1.5rem;
    margin-right:-.5rem;
    /* background-color: rgb(96, 196, 162)!important; */
    background-color: rgb(254,153,1,1)!important;
    border: .25rem solid rgb(255, 255, 255);
}
#left #help._active .caption{
    padding: .5rem 1rem;
}
#left #help._active{
	width: 100%;
    border-radius: 0;
    margin-bottom: 2rem;
    height: 22rem;
    background-color: rgba(255,255,255,0)!important;
}
#left #help._active>div:not(#getting_started_div){
	overflow:hidden;
	height:0;
}
#getting_started_div{
    color: rgba(0,0,0,1);
    text-align: left!important;
    text-transform: none;
    line-height: 1.5rem;
}
#left #help>div{
	line-height: 2rem;
    text-align: center;
}
#left #help-section+div{
	clear:both;
}
#left ._toggle+.switch{
	opacity:.6;
	pointer-events:none;
}
#left .switch label{
	color:rgba(0,0,0,1);
}
#highlighDiv{
	clear:both;
}
#highlight-pbldg{
	float:left;
}
#highlight-pbldg+.switch{
	display: inline;
    float: none;
    line-height: 3.5rem;
}
.save_button{
	width:100%;
}
i, i:before{
	font-family: 'Material Icons'!important;
}
.fa, .fa:before{
	font-family: FontAwesome!important;
}
.row:not(:last-child):not(.subsection){
	margin-bottom:0;
}
.subsection{
	border-left: .5rem solid rgba( 25,70,101,.5);
	margin-bottom:.75rem;
}
.hint p{
	text-align: left;
    font-size: .8rem;
    margin: .25rem 0;
}
.hint p img{
	width: 1rem;
    margin-bottom: -0.4rem;
    margin-left: .4rem;
}
hr{
	background-color: rgba(95,175,226,.25);
}
.subsection:hover{
	border-left: .5rem solid rgba( 25,70,101,1);
	background-color: rgba(255,255,255,.25);
}
.subsection .head{
    padding: .5rem 0.75rem 0 0.75rem;
}
div:not(.collapsible-body)>.row .col{
	padding: 0 2rem;
}
.collapsible{
	border:none;
	box-shadow:none;
}
.collapsible-header,
.information_header {
	border:none;
	margin-top: .5rem;
	position: relative;
}


.collapsible-header .step:not(.tips):not(.notes_button):not(.notes_icon) {
    font-size: 1.5rem!important;
    line-height: 2rem!important;
	width: 3rem;
    height: 3rem;
    padding: 1rem;
    position: absolute;
    text-align:center;
    right: 0;
    top: 0rem;
}
.collapsible-header.active .step:not(.tips):not(.notes_button):not(.notes_icon) {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 2.5rem!important;
    top: -.25rem;
    right: -.25rem;
}



.collapsible-body{
	border:none;
	background-color: rgba(238,243,246,1);
	margin-bottom:1rem;
	width: calc(100% - 0rem);
	padding:1.25rem;
}
.collapsible-header.h2 i{
	margin-top:-.5rem;
}
.collapsible-header.h3 i:not(.notes_icon),
.information_header i{
	margin-top:-.5rem;
}
#map{
	border:none;
	top:0!important;
	transition: left 0.25s, width 0.25s;
}
.dijitGutter{
	display:none;
}
.ui-dialog.ui-widget.ui-widget-content{
	/*
	 * The following line is disabled to fix the following bug:
	 *
	 *   Unexpected RED background color in the Location Search Result of
	 *   Building CSUID in Add Record Page. (21 Aug 2017)
	 *
	background-color: red;
	*/
}
.ui-dialog.ui-widget.ui-widget-content,
.ui-dialog.ui-widget.ui-widget-content div,
.ui-dialog.ui-widget.ui-widget-content table{
	border: none;
    border-radius: 0;
    padding: 0;
}
.ui-dialog.ui-widget.ui-widget-content *{
	font-family:noto, roboto, simhei!important;
}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar{
	padding: .5rem 1rem;
    font-weight: normal;
}
.button_shell {
	float: left;
	background-color: transparent;
	width: fit-content;
	height: fit-content;
	vertical-align: middle;
	text-align: center;
	margin: 1rem;
}
#xMapBoundaryLayer_layer{
	pointer-events:none;
}
#search-section .collapsible-header,
#search-section .collapsible-header>i,
.ui-dialog-titlebar{
	/* background-color:rgba( 96,196,162,1)!important; */
	background-color:rgba(254,153,1,1)!important;
}

.collapsible-header {
	font-family: roboto-c!important;
}


#search-section .collapsible-header,
#step_highlight,
#step_marker,
#step_drawing,
#step_coverage,
#step_address,
#step_name {
	font-family: roboto-c!important;
}

._toggle{
	opacity:.6;
}


/* override some style in materialize */
[type="radio"] + label:before,
[type="radio"] + label:after {
	margin: 4px 0px 4px 12px;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
	border: 2px solid rgb(95,175,226);
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
	background-color: rgb(95,175,226);
}

.no_access_right {
	margin: 2rem 0;
	color: red !important;
	font-size: 1.2rem !important;
}

.tabs .tab {
	text-transform: none !important;
}

a {
	/* color:rgba(37,69,97,1)!important; */
	color:rgba(72,104,132,1)!important;
}


.select-wrapper li span:hover {
  color: rgba(255,255,255,1);
}

.select-wrapper li.selected span {
  color: rgba(255,255,255,1);
}

.step_content .step_title{ 
	font-family: roboto-c!important;
}


.lgrt_sortable_column:hover {
	cursor: pointer;
}

.lgrt_sortable_column .sorter i {
	font-size: 1rem;
}

.select-dropdown {
	text-overflow:ellipsis;
}



input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly])
{
	border-bottom: rgb(73, 106, 135);
	box-shadow: 0 1px 0 0 rgb(73, 106, 135);
}

input[type=text]:not(.browser-default):focus:not([readonly])+label,
input[type=password]:not(.browser-default):focus:not([readonly])+label,
input[type=number]:not(.browser-default):focus:not([readonly])+label
{
	color: rgb(73, 106, 135);
}

textarea:not(.browser-default):focus:not([readonly]) {
	border-bottom: rgb(73, 106, 135);
	box-shadow: 0 1px 0 0 rgb(73, 106, 135);
}

textarea:not(.browser-default):focus:not([readonly])+label {
	color: rgb(73, 106, 135);
}


input[type=text].input_error,
input[type=number].input_error
{
	border-bottom: rgb(192,80,77);
	box-shadow: 0 1px 0 0 rgb(192,80,77);
}

input[type=text].input_error+label,
input[type=number].input_error+label
{
	color: rgb(192,80,77);
}

textarea.materialize-textarea.input_error {
	border-bottom: rgb(192,80,77);
	box-shadow: 0 1px 0 0 rgb(192,80,77);
}

textarea.materialize-textarea.input_error+label {
	color: rgb(192,80,77);
}


.error_msg {
	color:rgb(192,80,77);
}



.esriScalebarSecondNumber
{
	/*
	Adding "margin-bottom: 10px" to fix the UI issue of "Label and scale bar too
	close".
	*/
	margin-bottom: 10px;
}


.previous_search_results_button, .next_search_results_button {
	color: rgb(235, 154, 56)!important;
	background-color: transparent!important;
}

#marker_image {
	width: 1.5rem;
}

.picker__date-display {
	background-color: rgb(72, 104, 132)!important;
}

.picker__today, .picker__close {
	color: rgb(119, 148, 178);
}

.picker__clear:focus, .picker__today:focus, .picker__close:focus {
	background-color: transparent!important;
}

.picker__clear:active, .picker__today:active, .picker__close:active {
	background-color: rgba(119, 148, 178, 0.4)!important;
}

.picker__day--selected {
	background-color: rgb(119, 148, 178)!important;
}

.picker__day.picker__day--today {
	color: rgb(119, 148, 178);
}


.picker__date-display {
	line-height: 5rem;
}

.picker__day--selected.picker__day--highlighted {
	line-height: 0.8rem;
}

.picker__holder button {
	padding: 0 1rem !important;
}

.picker__nav--prev:hover, .picker__nav--next:hover {
	background-color: rgba(119, 148, 178, 0.5);
}