.fullbackground {
    background-image: url(../img/background_snohomish.jpg);
}

h1, h3, p, .guidingtitle, .guidingconent {
	font-family: 'Ubuntu' !important;
}

a {
	font-family: 'Merriweather' !important;
	color: #1f77d0 !important;
}

.navbar-landing{
    background: rgba(246,246,246,0.6);    
	min-height:80px;
}

.submit-application-btn {
    padding: 10px 20px;
    border: 2px 1px;	
}
.navbar-landing p:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #f1ae45;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.navbar-landing p:hover:after { 
  width: 100%; 
  left: 0; 
}

.navbar-normal {
    background-color: #f4f4f4;
}

.navbar {
	font-size: 15px !important;
}

.navbar-default .navbar-nav > li > a:not(.btn) {
    color: #2d2e2f;
	
}

.navbar-custom  a:hover, .navbar-custom a:focus { 
    color: #f1ae45 !important;
}

.logoImg {
    background-image: url(../img/WebLogo.png) !important;
    display: block;
    width: 317px !important;
    height: 41px !important;
  /*  margin-left: 10px;
    margin-right: 100px;
    margin-top: 5px;*/
}

.logoText {
    display: none;
}



.guidingtext{
    background-color: rgba(40,71,95,0.8) !important;
}

.choice {
	/*background-color: rgba(40,71,95,0.8) !important;*/
	background-color: rgba(91, 98, 34, 0.8) !important;
	transition: background-color 0.5s ease;
}

.choice:hover {
	background-color: rgba(243,185,76, 1) !important;
}

.footer {
	background: #284860 !important;
}

.footer nav > ul a:not(.btn){
	color:#f1ae45 !important;
}

.footer nav > ul a:not(.btn):hover {
	color:#fff !important;
	text-decoration: underline !important;
}

.navbar-fixed-top p {
	color:#5b6222 !important;
	font-size: 20px !important;
	font-family:ubuntu !important;
	font-weight: 500 !important;
}

.navbar-fixed-top p:hover {
	color: #f1ae45 !important;
}

.logincard {
    background-color: rgba(246,246,246,0.8) !important;
	color: #2d2e2f !important;
}

.logincard h2, .logincard p, .logincard label{
	color: #2d2e2f !important;
}

.logincard a, .logincard button {
	color: #896124 !important;
}

.logincard a:hover {
	text-decoration: underline !important;
	color: #896124 !important;
}

.btn-info,.btn-warning.btn-fill {
	background-color: #6c7525 !important;
	color: white  !important;
}

.btn-info:hover,.btn-warning.btn-fill:hover {
	background-color: #284860 !important;
	color: white  !important;
}
.btn-info,.btn-warning {
	border-color: #D0D1CD !important;
}

.btn-primary.btn-fill {
	color: white  !important;
	background-color:#284860 !important;	
}

.btn-primary.btn-fill:hover {
	color:#f1ae45 !important;
	background-color:#284860 !important;	
}

.btn-primary {
	border-color: #D0D1CD !important;
}



.card label {
	font-weight: bold !important;
}

::placeholder {
	color: #999999 !important;
	opacity: 1 !important;
}

::-webkit-input-placeholder {
	color: #999999 !important;
	opacity: 1 !important;
	
}

.form-control {
    border: 2px solid #000 !important;
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    
    width: 100%;
    font-weight: 600;
    border-bottom: 4px solid #d7153a;
}

.nav.nav-tabs {
    border-bottom: 2px solid #ddd;
	color: rgb(85, 85, 85);
	
}
 .nav-tabs>li.active>a:hover,.nav-tabs>li>a:hover{
	 background-color: rgba(0,133,179,0.2);
 }
 .nav-tabs>li>a{
	  font-weight: 400;
      color:#333;
      border-bottom: 4px solid white;
 }
.nav-link {
	/*color: rgb(91, 98, 34) !important;*/
	color: rgb(85, 85, 85) !important;
	font-family:Gotham A,Gotham B,Helvetica,Arial,sans-serif !important;
}
.navbar {
	background: #f4f4f4;

}
.footer .container-fluid{
	min-height:100px;
	color:white;
	text-align: center;
	padding-top:20px;
	
}

body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn-simple, .alert, a, .td-name, td, button.close {
	font-family:sans-serif;
}
.btn-default{
	
	background-color:#5f5959 !important;
}
.btn-default:hover{
	
	background-color:#777777 !important;
}
/* styles for fee page table */
table.fee-tbl tr td:last-child {
	text-align: right;
	padding-left:1rem;
	padding-right: 1rem;
}
div.fee-due {
	font-weight: 900;
	display: flex;
	align-items: center;
	justify-content: end;
}

/* styles for generice page */
#signature_ID {
	margin-left: unset !important;
	margin-right: 1rem !important;
}

/* styles for Inspection request under process detail section */
table.inspection-resquest {
	border: solid 1px #cdcdcd;
	border-collapse: collapse;
}
table.inspection-resquest tr th {
	background-color: #ededed;
	text-align: left;
	border: solid 1px #dcdcdc;
	padding: .25rem;
}
table.inspection-resquest tr td {
	text-align: left;
	border: solid 1px #dcdcdc;
	padding: .25rem;
}
/* styles modifified for landing page */
div.guidingmain h1 {
	text-align: center;
}
div.guidingmain h1 span.guidingtitle {
	font-size: 32px;
}
div.landing-choices {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}
div.landing-choices div {
	height: auto !important;
}
div.fullbackground div.row div.guidingtext {
	margin-bottom: 40px !important;
}
.navbar-inner p{
	font-size:12px !important;
}
.detail-widget .row{
	margin-left:0px !important;
}
.public-back{
  margin-left:25px;
  margin-bottom: 20px;  
}
span.search-label-note {
	color: #777 !important;
}
.action-cell .btn{
	height:35px !important;
	min-width:122px !important;
	font-size:14px !important
}


.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #f5f5f5;
    color: #333;
    cursor: not-allowed;
}

span.search-label-note {
	color:#747474 !important;
}

.ngx-datatable {
	overflow: unset !important;
}

div.mat-mdc-autocomplete-panel, div.mat-mdc-select-panel {
	background-color: white !important;
}

app-foler-info form .formfield {
    height: 125px;
}