/* this is client specific theme */
:root {
    font-size: 1rem;
	--button-danger: #b23434;
	--button-primary: #1d62c9;
	--button-primary-hover: #164c9c;
	--button-warning: #a65f00;
	--button-warning-hover: #965501;
	--background-logincard: #15191e;
	--fontcolor-logincard: #fff;
	--fontcolor-formtextbox: #15191e;
	--fontcolor-button: #fff;
	--fontcolor-link: #108198;
	--color-logincard-danger: #e0aeae;
}
html{
	height:100%;
    font-size: 100% !important;
    line-height: 1.25;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}
*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
* {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}
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:  "open sans","helvetica neue",helvetica,arial,sans-serif !important;
    font-weight: 400;
	text-transform: inherit;
}
body {
    color: #242934;
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
.root-content{
	height: auto;
	min-height: 0;
}
.spacer{
	min-height:100px;
}
.InteLogin{
	margin-top:-45px;
	padding-top:15px;
}
a, a:link, a:visited { 
color: var(--fontcolor-link) !important; 
} 
a:hover, a:focus { 
color: var(--fontcolor-link) !important;
text-decoration: underline; 
}

#app-alert {
	white-space: pre-line;
}
main{
	min-height: calc(100% - 222px);
}
.btn-fill{
	min-width:105px;
}
/*customize the progress bar*/
.wizard li.current:after{
	display:None !important;
}
.connecting-line{
	border-bottom: .4em solid #00A2E3;
    opacity: .1;
}
.connecting-line-top{
	border-bottom: .4em solid #00A2E3
}
.wizard .nav-tabs > li{
	/*border-left: 4px solid white;*/
	z-index: 10;
}
.progressStep{
 color: #002664;
    font-size: 1rem;
    font-weight: 700;
    position: absolute;
    top: 23px;
}
.inlineLabel {
 margin-top:0px !important;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row.active{
	    background-color: rgba(0,133,179,0.2)!important;
     color: #242934 !important;
}

ul.navbar-left > li > a > p {
    color:#fff;
}
.navbar-inner {
    /*height: 30px;*/
    margin-top: 55px !important;
}
ul.navbar-right > li > a  > p {
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}

.ngx-datatable .datatable-body .datatable-body-row.success:not(.active){
	    background-color: rgba(0, 0, 0, 0.05) !important;
}
/*******************
        Login 
*********************/
.logincard{
	background-color: var(--background-logincard) !important;
	color: var(--fontcolor-logincard);
	border-radius: 2rem;
}
.logincard a{
	color: var(--color-logincard-danger) !important;
}
.card label{
	font-size: 1rem;
	line-height: 1.25rem;
}

/**************************
		Address
******************************/
#apply-address > div > div > div > div > div.content > div > div > div{
	display:none;
}
/* address page map size */
#viewDiv{
	height: clamp(35em, 85vh, 55em);
    width: clamp(45em, 85vw, 70em);
	
}
#the_iframe{
	border: none;
}

.addressbutton{
	height:57px !important;
}
.addressbutton label{
	min-width:120px;
	font-family: "Gotham A","Gotham B",Helvetica,Arial,sans-serif;
    color: #fff !important;
    background-color: #d7153a !important;
    border: transparent !important;
	font-weight: 400;
	display: inline-block;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px !important;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*.addressbutton label:hover {
    color: var(--fontcolor-button);
    background-color: #e92147 !important;
    border-color: #e92147 !important;
} */
#apply-address > div > div > div > div > div.content > div > div > app-page-fields-loader > form > div > div > span > button,
.btn-default,
.gismap-pin-button3 {
    color: #fff !important;
	background-color: #005CB9 !important;
	border-color: #005CB9 !important;
}
button.gismap-pin-button {
	display:none;
}
/******************************
		Buttons
*******************************/
.btn {
	font-family: "Gotham A","Gotham B",Helvetica,Arial,sans-serif;
}

.btn-primary {
    color: var(--fontcolor-button) !important;
    background-color:  var(--button-primary) !important;
    border: transparent !important;
}

.btn-success,
.nsw-btn-fill {
    color: #000;
    background-color: #587676 !important;
    border-color: #587676 !important;
}


.btn-info,
.nsw-btn-outlined {
    border-color: #c60c30 !important;
    color: #c60c30  !important;
    max-width: 150px  !important;
	background-color: transparent  !important;
}

.nsw-btn-back,
.btn-danger{
	background-color: var(--button-danger) !important;
    border-color: var(--button-danger) !important;
    border-width: 2px !important;
    color: var(--fontcolor-button) !important;
    cursor: pointer !important;
    justify-content: center !important;
    padding: calc(.375em - 2px) 1rem !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.btn-warning.btn-fill {
    padding-left: 16px;
    padding-right: 16px;
	background-color: var(--button-warning) !important;
	border-color: var(--button-warning);
}

.is-address-loading {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url(../img/spinner.svg);
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

/* Hover button affects 
.btn-primary:hover {
    color: var(--fontcolor-button);
    background-color: var(--button-primary-hover) !important;
    border-color: var(--button-primary-hover) !important;
}

.btn-default:hover{
   color: var(--fontcolor-button);
    background-color: #003182 !important;
    border-color: #003182 !important;
}
.btn-warning.btn-fill:hover{
	background-color: var(--button-warning-hover);
	border-color: var(--button-warning-hover);
	
}
.nsw-btn-back:hover,
.btn-danger:hover{
	background-color: #fff !important;
    border-color: #242934 !important;
    border-width: 2px !important;
    color: #363636 !important;
    cursor: pointer !important;
    justify-content: center !important;
    padding: calc(.375em - 2px) 1rem !important;
    text-align: center !important;
    white-space: nowrap !important;
}
.btn-info:hover,
.nsw-btn-outlined:hover {
    background-color: #fef3f3 !important;
    color: #b81237 !important;
	border-color: #c60c30 !important;
}
.btn-success:hover,
.nsw-btn-fill:hover{
   color: var(--fontcolor-button);
    background-color: #003182 !important;
    border-color: #003182 !important;
}
*/
/***********************************************
			Landing
**************************************************/
.fullbackground{  
    background-image: url(../img/PBOT-Background.jpg);
}
.fullbackground .nav-card {  
    /*margin-right: 0px;*/
	margin-left: 50%;
	transform: translate(-50%,-50%);
    padding-right: 1px;
    padding-left: 1px;
    height: 121px;
    margin-top:0px;
}

/*----------------------------------------------
  Form Input Field Customization
-----------------------------------------------*/
app-boolean-radio.ng-star-inserted > div{
    margin-bottom: 2rem;
}
.nsw-form-input,
.nsw-form-select,
.form-control {
    border-radius: 0.25rem;
    background-color: #fff;
    color: var(--fontcolor-formtextbox);
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
}
.btn-password{
	border: none;
}
@media (min-width: 62em) {
    .nsw-form-input,
    .nsw-form-select {
        font-size: 14px;
    }
}
.nsw-form-input:disabled,
.nsw-form-select:disabled {
    background-color: #f4f4f7;
    border-color: #a0a5ae !important;
    color: #a0a5ae;
    cursor: not-allowed;
}
.nsw-form-input.has-error,
.nsw-form-input[aria-invalid="true"],
.nsw-form-select.has-error,
.nsw-form-select[aria-invalid="true"] {
    border-color: #b81237 !important;
    border-width: 2px !important;
}
.nsw-form-input.has-error:hover,
.nsw-form-input[aria-invalid="true"]:hover,
.nsw-form-select.has-error:hover,
.nsw-form-select[aria-invalid="true"]:hover {
    background-color: #f7e7eb;
}
.nsw-form-select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23002664' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M16 26l16-16-4-4-12 12L4 6l-4 4 16 16z'/%3E%3C/svg%3E");
    padding-right: 3rem;
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1rem auto;
}
.nsw-form-select:disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23a0a5ae' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M16 26l16-16-4-4-12 12L4 6l-4 4 16 16z'/%3E%3C/svg%3E");
}
.nsw-form-select option {
    background-color: #fff;
}
.nsw-form-checkbox,
.nsw-form-radio {
    clear: left;
}
.nsw-form-checkbox__input,
.nsw-form-radio__input {
    position: absolute;
    opacity: 0;
}
.nsw-form-checkbox__input:hover + .nsw-form-checkbox__label:before,
.nsw-form-checkbox__input:hover + .nsw-form-radio__label:before,
.nsw-form-radio__input:hover + .nsw-form-checkbox__label:before,
.nsw-form-radio__input:hover + .nsw-form-radio__label:before {
    background-color: rgba(0, 133, 179, 0.2);
}
.nsw-form-checkbox__input:checked + .nsw-form-checkbox__label:after,
.nsw-form-radio__input:checked + .nsw-form-checkbox__label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M29.362 3.742L10.495 22.946l-7.857-7.997L0 17.634l9.175 9.34 1.319 1.284 1.318-1.284L31.999 6.427z'/%3E%3C/svg%3E");
    background-color: #002664;
}
.nsw-form-checkbox__input:checked + .nsw-form-radio__label:after,
.nsw-form-radio__input:checked + .nsw-form-radio__label:after {
    background-color: #002664;
}
.nsw-form-checkbox__input:disabled + .nsw-form-checkbox__label,
.nsw-form-checkbox__input:disabled + .nsw-form-radio__label,
.nsw-form-radio__input:disabled + .nsw-form-checkbox__label,
.nsw-form-radio__input:disabled + .nsw-form-radio__label {
    cursor: not-allowed;
}
.nsw-form-checkbox__input:disabled + .nsw-form-checkbox__label:before,
.nsw-form-checkbox__input:disabled + .nsw-form-radio__label:before,
.nsw-form-radio__input:disabled + .nsw-form-checkbox__label:before,
.nsw-form-radio__input:disabled + .nsw-form-radio__label:before {
    border-color: #a0a5ae !important;
    background-color: #f4f4f7 !important;
}
.nsw-form-checkbox__input:disabled:checked + .nsw-form-checkbox__label:after,
.nsw-form-checkbox__input:disabled:checked + .nsw-form-radio__label:after,
.nsw-form-radio__input:disabled:checked + .nsw-form-checkbox__label:after,
.nsw-form-radio__input:disabled:checked + .nsw-form-radio__label:after {
    background-color: #a0a5ae;
}
.nsw-form-checkbox__input:focus + .nsw-form-checkbox__label:before,
.nsw-form-radio__input:focus + .nsw-form-checkbox__label:before {
    outline: 3px solid #0085b3;
    outline-offset: 0;
    outline-offset: 3px;
}
.nsw-form-checkbox__input:focus + .nsw-form-radio__label:before,
.nsw-form-radio__input:focus + .nsw-form-radio__label:before {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #0085b3;
}
.nsw-form-checkbox__input.has-error + .nsw-form-checkbox__label:hover:before,
.nsw-form-checkbox__input[aria-invalid="true"] + .nsw-form-checkbox__label:hover:before,
.nsw-form-radio__input.has-error + .nsw-form-checkbox__label:hover:before,
.nsw-form-radio__input[aria-invalid="true"] + .nsw-form-checkbox__label:hover:before {
    background-color: #f7e7eb;
}
.nsw-form-checkbox__input.has-error + .nsw-form-checkbox__label:before,
.nsw-form-checkbox__input[aria-invalid="true"] + .nsw-form-checkbox__label:before,
.nsw-form-radio__input.has-error + .nsw-form-checkbox__label:before,
.nsw-form-radio__input[aria-invalid="true"] + .nsw-form-checkbox__label:before {
    border-width: 2px !important;
    border-color: #b81237 !important;
}
.nsw-form-checkbox__label,
.nsw-form-radio__label {
    font-family: "Gotham A","Gotham B",Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 14px;
    line-height: 0.75;
    padding-left: 2rem;
    padding-top: 0.5rem;
    min-height: 1.5rem;
    display: block;
    position: relative;
}

@media (min-width: 62em) {
    .nsw-form-checkbox__label,
    .nsw-form-radio__label {
        font-size: 14px;
    }
}
.nsw-form-checkbox__label:before,
.nsw-form-radio__label:before {
    margin-right: 1rem;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #4c4f55 !important;
    background: #fff;
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    position: absolute;
}

.nsw-form-checkbox__label:after,
.nsw-form-radio__label:after {
    content: "";
    position: absolute;
    width: 1.16rem;
    height: 1.16rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 1rem auto;
    left: 0.195rem;
    top: 0.89rem;
    transform: translateY(-50%);
    margin-top: -0.125rem;
}
.nsw-form-checkbox__label:before {
    border-radius: 0.25rem !important;
}
.nsw-form-radio__label:after,
.nsw-form-radio__label:before {
    border-radius: 50% !important;
}
::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}



body:not(.code-example-body) {
    line-height: 1.25;
    max-width: none;
    margin: 0;
    background-color: #fff;
    color: inherit;
    font-family: "Gotham A","Gotham B",Helvetica,Arial,sans-serif;
    font-weight: normal;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}

.nsw-container {
    max-width: 75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
}

.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

app-foler-info form .formfield {
	height: 130px !important;
}

.folderinfo form button {
    margin-top: 20px;
}

#freeform-form2 .existing-rows,
#freeform-form2 .groupTitle,
#freeform-form2 .groupSeperatorBottom {
    display: none;
}

.image_status_type {
    width: 70px;
}

.stage-image{
    width: 963px;
}

nav.navbar li > a:not(.btn):focus, .datatable input:focus, a:focus, button.btn:focus {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #0085b3 !important;
}
.uploadDelBtn {
    border-style: none !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.nav.navbar-nav .full-blue {
    background-color:#00A2E3;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



@media screen and (max-width: 990px) {
  .footer-cols {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
      "general terms"
      "logo    gov";
    gap: 1rem;
  }

  /* remap based on the actual source order */
  .footer-cols > :nth-child(1) { grid-area: logo;    }
  .footer-cols > :nth-child(2) { grid-area: general; }
  .footer-cols > :nth-child(3) { grid-area: terms;   }
  .footer-cols > :nth-child(4) { grid-area: gov;     }

  /* ensure each col fills its cell */
  .footer-cols > [class*="col-"] {
    max-width: 100% !important;
    flex: none       !important;
  }
}

/* ---------------------------------------------------------------
   ≤ 767px: vertical stack with General → Terms → Portland.gov → Seal
   --------------------------------------------------------------- */
@media screen and (max-width: 767px) {
	.container-fluid{
		padding: 0;
	}
   /* make footer-line1 a vertical flex container */
  .footer-line1 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  /* target the button’s column (col-md-4.footer-cell) and pull it to the top */
  .footer-line1 > .footer-cell {
    order: -1 !important;          /* put it before the paragraphs */
    width: 100% !important;        /* full width */
    max-width: 100% !important;
    margin-bottom: 1rem !important;/* space below */
  }
  /* ensure the paragraphs’ column comes after */
  .footer-line1 > .col-md-8 {
    order: 0 !important;
  }
    /* left-align the actual <a class="footer-btn"> */
  .footer-line1 .footer-btn {
    align-self: flex-start !important;
  }
  
  .footer-cols {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    grid-template-areas: none !important;
    grid-template-columns: none !important;
  }

  /* reorder the 4 footer blocks (HTML order: 1=seal, 2=general, 3=terms, 4=gov) */
  .footer-cols > :nth-child(2) { order: 1; } /* General info (+ Social) */
  .footer-cols > :nth-child(3) { order: 2; } /* Terms, policies */
  .footer-cols > :nth-child(4) { order: 3; } /* Portland.gov */
  .footer-cols > :nth-child(1) { order: 4; } /* City seal last */

  /* force full‐width for each block */
  .footer-cols > [class*="col-"] {
    flex: 0 0 auto !important;
    width: 100%          !important;
    max-width: 100%      !important;
  }
}
@media screen and (max-width: 800px){
	.container-fluid {
    padding: 0 !important;
	}
}