:root {
    --dark-blue: #0C2738;
    --blue: #006381;
    --gray: #f8f8f8;
}

/** {
    font-family: Roboto;
}*/

body {
    margin: 0;
    padding: 0;
    background-color: white;
}

p {
    font-size: 16px;
    margin-bottom: 0.2rem;
}

textarea {
    color: #757575;
    border: 1px solid #757575;
}

/* Global Colors and Shadows */
.main-blue {
    background-color: #0a3245;
}

.dark-blue-bg {
    background-color: var(--dark-blue);
}


.sub-blue {
    background-color: var(--blue);
}

.white-text {
    color: white;
}

.blue-text {
    color: var(--blue);
}

.dark-blue-text {
    color: var(--dark-blue);
}


.white-bg {
    background-color: white;
}

.light-gray {
    background-color: #f8f8f8;
}

.large-font {
    font-size: large;
}

.txt-shdw {
    text-shadow: 3px 4px black;
}

/* ----- END ----- */

/* Global Button Styling */
.router-view label {
    /*vertical-align: super;*/
}
button.dropdown-toggle {
    display: flex;
    align-items: center;
}
._custome-header ._nav-list li {
    padding: 0;
}

nav.navclass.navbar.navbar-expand-lg.navbar-dark ul._nav-list.navbar-nav li.parentLI button.dropdown-toggle {
    white-space: nowrap;
}

.main-btn {
    display: inline-block;
    padding: 0.4em 1.5em;
    border-radius: 0.3em;
    box-sizing: border-box;
    text-decoration: none;
    background-color: var(--blue);
    border: 0.1em solid var(--blue);
    color: white;
    min-height: 24px;
}

    .main-btn:active {
        color: var(--blue);
        background-color: var(--gray);
        border: 0.1em solid var(--blue);
    }

.sub-btn {
    display: inline-block;
    padding: 0.4em 1.5em;
    border-radius: 0.3em;
    box-sizing: border-box;
    text-decoration: none;
    background-color: var(--gray);
    border: 0.1em solid var(--blue);
    color: var(--blue);
    min-height: 24px;
}

    .sub-btn:active {
        color: white;
        background-color: var(--blue);
        border: 0.1em solid var(--blue);
    }

.red-btn {
    display: inline-block;
    padding: 0.4em 1em;
    border-radius: 0.3em;
    box-sizing: border-box;
    text-decoration: none;
    border: 0.1em solid #c64a30;
    color: white;
    min-height: 24px;
    background-color: #c64a30;
    margin: 10px;
}

a.red-btn, a.main-btn, a.sub-btn {
    display: flex;
    align-items: center;
    text-decoration: none !important;
    color: white;
    padding: 0.4em 1em;
    border-radius: 0.3em;
}

a.sub-btn {
    color: var(--blue) !important;
    width: fit-content;
}

    a.sub-btn:active {
        color: white !important;
        background-color: var(--blue);
        border: 0.1em solid var(--blue);
    }

    .red-btn:active {
        color: #c64a30;
        background-color: white;
        border: 0.1em solid #c64a30;
    }



.red-btn_menu {
    display: inline-block;
    padding: 0.4em 0.7em;
    border-radius: 0.3em;
    box-sizing: border-box;
    text-decoration: none;
    border: 0.1em solid #c64a30;
    color: white;
    /*        min-height: 46px;*/
    background-color: #c64a30;
    /*margin: 20px 0;*/
}

a.red-btn_menu, a.main-btn, a.sub-btn {
    display: flex;
    align-items: center;
    text-decoration: none !important;
    color: white;
    padding: 0.4em 1em;
    border-radius: 0.3em;
}

.btn-fullSize {
    width: 100%;
    margin: 10px 5px 10px 0;
}

.dropdownBtn {
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

li.parentLI {
    align-items: center;
}

._custome-header ._nav-list li > a, ._custome-header ._nav-list li > button {
    font-size: 14px;
}
/* ----- END ----- */
/* SP NAV BAR CSS*/
.skiptranslate.goog-te-gadget {
    font-size: 0;
}

.hl-header-help {
    color: var(--blue);
    border: 1px solid var(--blue);
    min-height: 46px;
}

.google-translate-btn {
    color: var(--blue) !important;
    border: 1px solid var(--blue) !important;
    min-height: 46px;
}

#lp-menu-btn {
    display: none;
}

/*span.fa.fa-language {
    color: var(--blue);
    top: 10px;
}*/

header {
    background-color: white;
    border-bottom: 1px solid var(--blue);
}

.lp-header {
    display: flex;
    align-items: center;
}

header ul {
    margin-bottom: 0;
}

.header-search {
    display: flex;
    flex-wrap: nowrap;
    margin-right: 20px;
}

nav {
    margin-right: auto;
}

.lp-navbar {
    display: flex;
    align-items: center;
}

.lp-login-btn {
    margin-right: 10px;
}

.nav_links {
    list-style: none;
}

	.nav_links li {
		display: inline-block;
		padding: 5px 20px;
		border-right: 1px solid var(--blue);
	}

		.nav_links li:last-child {
			border-right: 0px solid var(--blue);
		}

		.nav_links li a {
			transition: all 0.3s ease 0s;
			color: var(--blue);
			list-style: none;
		}

			.nav_links li a:hover {
				color: red;
			}

.lp-list:hover {
    background-color: var(--gray);
}

#lp-menu-btn{
    margin-left: 10px;
}

#lp-menu-btn:active .lp-menu{
    background-color: var(--blue);
}

li.lp-list a, .sidebar a {
    text-decoration: none !important;
    color: var(--blue);
}


.sidebar li .submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}

.sidebar .nav-link:hover {
    color: red;
    background-color: var(--gray);
}


@media (max-width: 1200px) {
    #lp-menu-btn {
        display: inline-block;
    }

    .nav_links {
        display: none;
    }

    .lp-is-active {
        display: flex;
        flex-direction: column;
        position: absolute;
        margin-top: 276px;
        background-color: white;
        width: 100%;
        border-radius: 0 0 20px 20px;
        box-shadow: 0 2px 4px rgb(1 40 51 / 29%);
    }

    .lp-expand {
        margin-bottom: 225px;
    }

    .nav_links li {
        padding: 10px 20px;
        border-right: none;
    }

    li.lp-list {
        border-top: 1px solid var(--blue);
    }

    li.lp-list:hover {
        background-color: var(--gray);
    }

    li.lp-list a{
        text-decoration: none !important;
        color: var(--blue);
    }
}

.lp-menu {
    width: 1.5rem;
    height: 3px;
    background-color: white;
    margin: 5px 0;
}

@media (max-width: 600px) {
    .lp-search-btn {
        display: none;
    }
}
/* SP NAV BAR CSS END*/

/* LANDING PAGE */
.container {
    align-items: center;
    text-align: center;
}

.large-container-padding {
    padding: 40px;
}

.sub-container-padding {
    padding: 20px 40px;
}

#applicationNumber {
    font-size: 24px;
}

.flex-container-column {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 10px;
    background-color: #f8f8f8;
}

.flex-container-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.flex-list {
    list-style: none;
}

    .flex-list li {
        padding: 5px 5px;
    }

.flex-kid {
    padding: 0.8rem;
}


.search-address-cb, .search-address-cb input, .search-address-cb button {
    font-size: 1.5rem;
}

    .search-address-cb input {
        width: 35rem;
    }

    .search-address-cb button {
        padding: 0 20px;
    }

.flex-item-left {
    padding: 2rem;
    margin: 2em;
    flex: 25%;
}

.flex-item-right {
    background-color: #0C2738;
    padding: 4rem;
    margin: 2em;
    flex: 25%;
    border-radius: 10px;
}

.flex-item-content {
    padding: 15px 0;
}

/*Responsive Layout to make 1 column*/
@media (max-width: 800px) {
    .flex-item-right, .flex-item-left {
        flex: 100%;
    }
}

.hl-grid-container {
    /*margin: 25px auto;*/
    /*border-radius: 25px;*/
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: (auto)[3];
    grid-template-rows: repeat(3, auto);
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(3, 1fr);
    box-shadow: 0 2px 4px rgb(1 40 51 / 29%);
    /*max-width: 1200px;*/
}

.hl-grid-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .hl-grid-container, .hl-grid-container p {
        font-size: 18px;
    }

        .hl-grid-container a {
            text-underline-position: under;
            text-decoration-style: solid;
            color: var(--blue);
        }

.lp-heading {
    font-weight: 600;
}

.lp-padding {
    padding: 5% 10%;
}

.lp-item-pad {
    padding: 10px;
}

.lp-item-pad .red-btn {
    margin: 10px 0;
}

.lp-grid-1 {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 5;
    -ms-grid-row: 1;
    grid-row: 1;
    max-width: 1200px;
}
.lp-grid-1 h1 {
    font-size: 24px;
}
/*.lp-grid-2 {
    -ms-grid-column: 3;
    grid-column-start: 3;
    grid-column-end: 5;
    -ms-grid-row: 1;
    grid-row: 1;
}*/

.lp-secondary {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.lp-second-part {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1200px;
}

.lp-grid-2-item {
    display: flex;
}

    .lp-grid-2-item ul {
        list-style: none;
    }

        .lp-grid-2-item ul li {
            padding: 0 0 10px;
        }

.lp-grid-3 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 3;
    -ms-grid-row: 3;
    grid-row: 3;
    border-radius: 0 0 0 25px;
}

    .lp-grid-3 a {
        color: white;
    }

.lp-grid-4 {
    -ms-grid-column: 3;
    grid-column-start: 3;
    grid-column-end: 5;
    -ms-grid-row: 3;
    grid-row: 3;
}


    .lp-grid-4 img {
        height: 300px;
        width: 100%;
        object-fit: cover;
        border-radius: 0 0 25px 0;
    }

/*.lp-grid-5 {
    grid-column: span 4;
    text-align: center;
    padding: 3% 15%;
}*/


@media screen and (max-width: 768px) {
    .hl-grid-container {
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }

    .lp-grid-1 {
        -ms-grid-column: 1;
        grid-column-start: 1;
        grid-column-end: 2;
        -ms-grid-row: 1;
        grid-row: 1;
    }

    .lp-grid-2 {
        -ms-grid-column: 1;
        grid-column-start: 1;
        grid-column-end: 2;
        -ms-grid-row: 2;
        grid-row: 2;
    }

    .lp-grid-3 {
        -ms-grid-column: 1;
        grid-column-start: 1;
        grid-column-end: 2;
        -ms-grid-row: 3;
        grid-row: 3;
        border-radius: 0 0 0 0;
    }

    .lp-grid-4 {
        -ms-grid-column: 1;
        grid-column-start: 1;
        grid-column-end: 2;
        -ms-grid-row: 4;
        grid-row: 4;
        border-radius: 0 0 25px 25px;
    }

    .lp-grid-4 img {
        border-radius: 0 0 25px 25px;
    }

    .lp-grid-5 {
        -ms-grid-column: 1;
        grid-column-start: 1;
        grid-column-end: 2;
        -ms-grid-row: 5;
        grid-row: 5;
    }
}

@media (max-width: 414px) {
    .lp-padding {
        padding: 2% 5%;
    }

    .hl-grid-container, .hl-grid-container p {
        font-size: 16px;
    }

    .header-search {
        margin-right: 0;
    }
}



@media (max-width: 414px) {
    .lp-padding {
        padding: 2% 5%;
    }

    .hl-grid-container, .hl-grid-container p {
        font-size: 16px;
    }
}


/*EP START*/
/* HOME PAGE */
.homePageGridContainer {
    display: grid;
    grid-template-rows: [row1-start] 60% [row1-end row2-start] 45% [row2-end];
    grid-template-columns: repeat(1, 100%[col-start]);
}
/* Searh box gray container*/
.flex-search-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 10px;
    background-color: #f8f8f8;
    justify-content: center;
}
/* Search box input div*/
.flex-search-input {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    font-size: 1.5rem;
    padding: .8rem;
    line-height: 2em;
}

    .flex-search-input input {
        width: 75%;
        margin: 5px 5px;
        font-size: 1.5rem;
        padding-left: 10px;
    }

    .flex-search-input button {
        font-size: 1.5rem;
        padding: 0 20px;
    }

.filter-flex-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.filter-flex-container-2 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin-top: 20px;
}

.form_stepwizard-step a:not(:last-child):after {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 10px;
    margin: .5rem 0 0 0;
    content: "";
    background-color: rgba(0,0,0,0.5);
}

/* vertically align the preset filters on smaller view*/
@media (max-width: 535px) {
    .filter-flex-container {
        display: block;
    }
}

@media (max-width: 1375px) {
    #filter-buttons button {
        width: 100%;
        margin: 5px 0;
    }
}



/*container*/

.container-main {
    display: grid;
    grid-gap: 2em;
    margin: 1em;
    grid-template-columns: 1fr 3fr 1fr;
    grid-auto-rows: minmax(200px, auto);
}

    .container-main > div {
        padding: 1em;
        background-color: #eee;
        border: 1px solid;
    }
#main-filter-section {
    overflow-y: scroll;
    padding: 5px 5px 0 0;
}
#container-filter {
    display: flex;
    flex-direction: column;
    grid-gap: 1em;
    padding: 1rem 1rem 1rem 1.5rem;
    border-right: 1px solid #dee2e6;
}

    #container-filter input[type=checkbox], #container-filter input[type=radio] {
        min-height: 24px;
        min-width: 24px;
        position: relative;
        top: 6px;
    }

#container-filter .form-control {
    font-size: 14px !important;
}

.multiselect {
    border: 1px solid #000000 !important;
}

.multiselect-container > li > a > label > input[type=checkbox] {
    top: 0px;
}

.container-filter-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 1em;
}

.container-quick-filter {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0.5em;
    padding: 1em;
}

.container-basic-filters {
    padding: 1em;
}

.container-custom-filter {
    margin-top: 25px;
    display: grid;
    grid-template-columns: 1fr;
}

#filter-buttons {
    padding: 1em;
}

#container-results {
    padding: 2rem 2rem;
    display: grid;
    grid-template-rows: auto;
}

.container-results-cards {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 1em;
    border: 1px solid;
    padding: 0.5em;
}

.container-results-body {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1em;
}

.container-results-body-withmap {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2em;
}

.print-button {
    padding: 0.5em;
}

.button {
    padding: 0.5em;
}


/*    Application form pages  */

.form-partial-container {
    /*display: grid;*/
    color: black;
    margin: 0px 30px 20px;
}


.FormContainer-main {
    display: grid;
    grid-gap: 2em;
    margin: 1em;
}

.m-t-30 {
    margin-top: 30px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-title {
    margin-bottom: 30px;
}

.form_back_next {
    text-align: center;
    /* margin: 10px 30px 30px 30px; */
}

.form_back_next_2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between; 
}

.wrapper {
    background-color: white;
    list-style-type: none;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.form-row {
    display: flex;
    justify-content: flex-start;
    padding: .5em .5em .5em 0;
    align-items: center;
}

    .form-row > label {
        padding: 0.1em 1em 0.1em 0;
        flex: 0 0 10em;
        text-align: left;
    }

    .form-row > input {
        flex: auto;
    }

    .form-row > input,
    .form-row > button {
        padding: .5em;
    }

    .form-row > button {
        background: gray;
        color: white;
        border: 0;
    }



.FormMessage {
    text-align: left;
    line-height: 1;
}



/**********************************************************/
/* Application form pages - Wizard */
/**********************************************************/

.form_stepwizard {
    display: table;
    width: 50%;
    position: relative;
}


.form_stepwizard-step p {
    margin-top: 10px;
}

.form_stepwizard-row {
    display: table-row;
}

.form_stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.form_stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}

.form_stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.form_btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 4px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.form-panel {
    max-width: 800px;
    width: 800px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgb(1 40 51 / 29%);
    padding-bottom: 25px;
}

.sub-form-panel {
    margin: 15px;
    padding-bottom: 10px;
}


.form-panel-heading {
    text-align: center;
    padding: 7px 17px;
    border-radius: 10px 10px 0 0;
}

    .form-panel-heading h1 {
        font-size: 24px;
    }

#applicationSuccess {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.logo {
    width: 80px;
    padding: 2px;
    margin: 2px;
    cursor: pointer;
    margin-right: 10px;
}

.border-right {
    border-right: 2px solid black;
}

@font-face {
    font-family: "Maven_Pro";
    src: url('../../fonts/MavenPro-VariableFont_wght.ttf')
}

/*Roboto default version*/
@font-face {
    font-family: 'Roboto';
    src: url('../../fonts/Roboto/Roboto-Regular.ttf');
}

@font-face {
    font-family: "Rubik";
    src: url('../../fonts/Rubik/static/Rubik-Regular.ttf')
}


.view-container-center {
    display: grid;
    justify-content: center;
    color: black;
    margin-top: 10px;
    /*  justify-items: center;
    grid-template-columns: 100px*/
}


.view-container-item {
    background-color: white;
    max-width: 800px;
    padding: 50px 40px 50px 40px;
}

.form_partial_container {
    display: grid;
    color: black;
    margin: 0px 20px 0px 20px;
}

.form_top {
    margin: 20px;
}

.form_body {
    /*margin: 0px 30px 0px 30px;*/
}

.form_margin40 {
    /*margin: 0px 40px 0px 40px;*/
}



.partial-container-item {
    background-color: white;
    max-width: 800px;
}
/* form nav li line*/
#progressbar .active {
    color: #2F8D46
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 33%;
    float: left;
    position: relative;
    font-weight: 400
}

#progressbar #step1:before {
    content: "1"
}

#progressbar #step2:before {
    content: "2"
}

#progressbar #step3:before {
    content: "3"
}

#progressbar #step4:before {
    content: "4"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 1px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 0
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #2F8D46
}

.progress {
    height: 20px
}

.progress-bar {
    background-color: #2F8D46
}

.form_btn-circle {
    position: relative;
    z-index: 2;
}

/* Signup form nav li line*/
#Sign_progressbar .active {
    color: #2F8D46
}

#Sign_progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 400
}

#Sign_progressbar #step1:before {
    content: "1"
}



#Sign_progressbar #step2:before {
    content: "2"
}

#Sign_progressbar #step3:before {
    content: "3"
}

#Sign_progressbar #step4:before {
    content: "4"
}

#Sign_progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#Sign_progressbar li:after {
    content: '';
    width: 100%;
    height: 1px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 0
}

#Sign_progressbar li.active:before,
#Sign_progressbar li.active:after {
    background: #2F8D46
}

.Sign_progress {
    height: 20px
}

.Sign_progress-bar {
    background-color: #2F8D46
}

/*.form_btn-circle {
    position: relative;
    z-index: 2;
}
*/


/* form common */
.big-checkbox {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom
}

.label_large {
    font-size: 14px;
    color: black;
    margin-bottom: 0px;
    line-height: normal;
}

.label_normal {
    color: black;
    font-weight: normal;
}


.label_bluefont {
    color: blue;
}

.form-title-1 {
    font-size: 30px;
    color: black;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.form-title-3 {
    font-size: 18px;
    color: black;
}

.form-margin-top25 {
    margin-top: 25px;
}

.form-margin-top15 {
    margin-top: 15px;
}



.form-title-r-center {
    width: 100%;
    color: black;
    text-align: center;
    margin-bottom: 20px;
}

.form_label {
    font-size: 16px;
}

.form-text-r {
    font-size: 16px;
    color: black;
}

.form_block {
    margin-top: 10px;
    margin-bottom: 10px;
}

.form_block_M_Top30 {
    margin-top: 30px;
}

.form_block_M_Top20 {
    margin-top: 20px;
}

.ul-width-60-left {
    width: 60%;
    text-align: left;
}

.form-align-center {
    text-align: center;
}

.form-align-left {
    text-align: left;
}

.form-btn-width {
    min-width: 200px;
}

/*
.form-flex-container {
    display: flex;
}

.form-fill-width {
    flex: 1;
    min-height: 40px;
}*/

/**********************************************************/
/* End - Application form pages - Wizard */
/**********************************************************/

.separator {
    display: flex;
    align-items: center;
    margin: 10px;
}

    .separator > div {
        padding: 0 2rem; /* creates the space */
    }

    .separator .line {
        flex: 1;
        height: 3px;
        background-color: #000;
    }

.PatialViewmain {
    display: grid;
    grid-gap: 2em;
    margin: 1em;
}

.Partial-container-filter {
    display: flex;
    flex-direction: column;
    grid-gap: 1em;
}

.Partial-container-filter-top {
    display: grid;
    grid-template-columns: 2fr 1fr;
}

/* Property Search */
/*EP START*/
/* No map default view*/
#propertySearchMainContainer {
    max-width: 1920px !important;
    margin: auto !important;
}

.propertySearchContainerNoMap {
    display: grid;
    grid-template-columns: 1.5fr 3fr;
    grid-auto-rows: minmax(auto, 90vh);
}

.propertySearchContainerNoMap #container-map {
    display: none;
}

.propertySearchContainerShowMap #container-map {
    display: block;
}

.propertySearchContainerShowMap {
    display: grid;
    grid-template-columns: 400px auto 25%;
    grid-auto-rows: minmax(auto, 90vh);
    border-radius: 25px;
}

.propertySearchContainerShowMap #container-results {
    border-radius: 0;
    /*max-height: 500px;*/
}

#AllPropertyCardView {
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    padding: 5px 5px 0 0;
}

    /*#AllPropertyCardView::-webkit-scrollbar, #main-filter-section::-webkit-scrollbar {
        background-color: white;
        width: 10px;
    }

    #AllPropertyCardView::-webkit-scrollbar-track, #main-filter-section::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

#AllPropertyCardView::-webkit-scrollbar-thumb, #main-filter-section::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #006381;
}*/

.property-description .phone-n-email {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 5px 5px;
    border: 1px solid #939393;
    font-weight: 500;
    border-radius: 6px;
}

.phone-n-email .email {
    max-width: 100%;
    word-break: break-all;
    margin-right: auto;
    display: flex;
    align-items: baseline;
}

.property-description .phone-n-email .fas.fa-envelope {
    margin-right: 10px;
}

#container-map {

}

    .propertySearchContainerNoMap > div, .propertySearchContainerShowMap > div {
        background-color: #fff;
        /*border: 1px solid;*/
    }
/* Left Container */

/* Middle Container*/
.propertySearchResultHeaderContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.showMapText {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: #2c2c2c;
    font-size: 1.5em;
}

.propertySearchResultInfoContainer {
    /* display: grid;
        grid-template-areas: "display sort" "resultFilter resultFilter ";
        margin-top: 10px;*/
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .propertySearchResultInfoContainer p {
        margin: 10px 0px;
    }

    .propertySearchResultInfoContainer ul {
        list-style: none;
    }

.propertySearchResultPrintContainer p {
    margin-bottom: 5px;
}

.propertySearchResultPrintContainer .print-button {
    margin: 0px 7px 7px 0px;
}

.propertySearchResultCards {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: .2em;
    border: 1px solid;
    border-radius: 15px;
    border-color: #dee2e6;
    box-shadow: 0 2px 4px rgb(1 40 51 / 29%)
}

.property-status-dot {
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    display: inline-block;
    margin-right: 2.5px;
}
.status-open {
    border-right: 7px solid #2A834C !important;
}

.status-open .property-status-dot {
    background-color: #2A834C;
}

.status-open .title span.notranslate {
    color: #2A834C;
}

.status-waiting {
    border-right: 7px solid #E20316 !important;
}

.status-waiting .property-status-dot {
    background-color: #E20316;
}

.status-waiting .title span.notranslate {
    color: #E20316;
}

.status-develop {
    border-right: 7px solid #3968A9 !important;
}

.status-develop .property-status-dot {
    background-color: #3968A9;
}

.status-develop .title span.notranslate {
    color: #3968A9;
}

.status-unknown {
    border-right: 7px solid gray !important;
}

.status-unknown .property-status-dot {
    background-color: gray;
}

.status-unknown .title span.notranslate {
    color: gray;
}

.property-image {
    position: relative;
    padding-bottom: 20px;
    text-align: center;
}

.property-image img.no-image.show {
    display: unset;
    /* text-align: center; */
}
.property-card-left {
    border-right: 1px solid #dee2e6;
    padding: .5em;
}
.property-description {
    padding-right: 1rem;
}

.prop-descr-flex {
    display: flex; 
    justify-content: space-between;
}

.property-card-right {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    padding: .5em 1rem;
}

    .property-card-right button {
        width: 90%;
        margin-bottom: 5px;
        border-radius: 20px;
    }

.property-card-detail, .property-card-contact {
    margin: .8em;
}

    .property-card-detail p {
        margin-bottom: 2px;
        font-size: 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .property-card-detail p:nth-child(2) {
            font-weight: bold;
        }

.viewMorePropertyDetailsContainer {
    display: flex;
    justify-content: center;
}

/* Property Search Show Map Toggle Button */

#mapButtonGroup {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
}


label.btnToggle {
    user-select: none;
    vertical-align: middle;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

button.custom-filter-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5em 1em 0.25em;
    width: 100%;
    background-color: whitesmoke;
    border: none;
    outline: none;
    text-align: left;
    font-size: 18px;
    color: #333;
    cursor: pointer;
    transition: background-color 0.2s linear;
    z-index: 9;
}

    button.custom-filter-button:after {
        content: "+";
        font-size: 20px;
        float: right;
    }

    button.custom-filter-button.is-open:after {
        content: '-';
        font-size: 20px;
        float: right;
    }

    button.custom-filter-button:hover, button.FAQquestions.is-open {
        background-color: #ddd;
    }

.custom-filter-section {
    background-color: white;
    border-left: 5px solid var(--blue);
    padding: 0 .75rem;
    max-height: 0;
    overflow-y: hidden;
    transition: max-height 0.2s ease-in-out;
    margin: 10px 0;
    overflow-x: auto;
}

#choicelist > div {
    display: flex;
    align-items: baseline;
    padding: 0;
}

    #choicelist > div > input {
        margin: 0 5px;
    }

    #choicelist > div > label {
        padding-right: 5px;
    }
/* Property Search End */
/* form specific formatting */
/*.form_group_input {
    flex: 1 1 auto;
    display: block;
    margin-bottom: 10px;
    margin-right: 8px;
    padding: 4px;
    margin-top: -4px;
}

.form_group_label {
    display: block;
    width: 125px;
    font-weight: normal;
    font-size: 1em;
    margin-right: 10px;
}*/
.setup-content {
    margin: 0 5%;
}

.flex_form_group {
    display: flex;
    margin: 10px 0;
}

    .flex_form_group label {
        flex: none;
        display: block;
        width: 150px;
        font-weight: normal;
        font-size: 1em;
        margin-top: 5px;
        margin-right: 10px;
    }

        .flex_form_group label.right-inline {
            text-align: right;
            padding-right: 8px;
            padding-left: 10px;
            width: auto;
        }

    .flex_form_group .input-control {
        flex: 1 1 auto;
        display: block;
        margin-bottom: 10px;
        margin-right: 8px;
        padding: 4px;
        margin-top: -4px;
    }

    .flex_form_group input {
        width: 100%;
    }


@media (max-width: 1080px) {
    .flex_form_group {
        flex-direction: column;
    }

        .flex_form_group .input-control {
            margin-top: 2px;
        }

        .flex_form_group label.right-inline {
            text-align: left;
            padding-right: 0;
            padding-left: 0;
        }
}
#container-filter fieldset {
    margin-top: 10px;
}

/*  flex form input and label narrow */

.flex_form_group_n {
    display: flex;
    flex-direction: row;
}

    .flex_form_group_n label {
        flex: none;
        display: block;
        font-weight: normal;
        font-size: 1em;
        margin-right: 10px;
    }

        .flex_form_group_n label.right-inline {
            text-align: right;
            padding-right: 8px;
            padding-left: 10px;
            width: auto;
        }

    .flex_form_group_n .input-control {
        display: block;
        margin-bottom: 10px;
        margin-right: 8px;
        padding: 2px;
        margin-top: -4px;
    }


@media (max-width: 1080px) {
    .flex_form_group_n {
        flex-direction: column;
    }

        .flex_form_group_n .input-control {
            margin-top: 2px;
        }

        .flex_form_group_n label.right-inline {
            text-align: left;
            padding-right: 0;
            padding-left: 0;
        }
}

/* flex form group label align right*/

.flex_form_group_lr {
    display: grid;
    grid-template-columns: 1fr 200px 1fr;
    margin: 10px;
    align-items: center;
}

    .flex_form_group_lr label {
        display: block;
        font-weight: normal;
        font-size: 1em;
        margin-right: 10px;
        text-align: right;
    }

        .flex_form_group_lr label.right-inline {
            text-align: right;
            padding-right: 8px;
            padding-left: 10px;
            width: auto;
        }

    .flex_form_group_lr .input-control {
        flex: 1 1 auto;
        display: block;
        margin-bottom: 10px;
        margin-right: 8px;
        padding: 4px;
        margin-top: -4px;
    }


@media (max-width: 1080x) {
    .flex_form_group_lr {
        flex-direction: column;
    }

        .flex_form_group_lr .input-control {
            margin-top: 2px;
        }

        .flex_form_group_lr label.right-inline {
            text-align: left;
            padding-right: 0;
            padding-left: 0;
        }
}

/* Applications Forms NEW CSS */
.app-form-align-center {
    text-align: center;
}

.app-form-margin-bottom {
    margin-bottom: 15px;
}

.app-form-heading {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: black;
    text-align: left;
    margin-bottom: 15px;
}

.app-form-flex-group {
    display: block;
    margin: 0 0 20px;
}

.app-form-row-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.app-form-2col-flex {
    box-sizing: border-box;
    width: 50%;
    padding: 15px 15px 15px 0;
    text-align: left;
}

.app-form-2col-flex-padding5 {
    box-sizing: border-box;
    width: 50%;
    padding: 5px 5px 5px 0;
    text-align: left;
}

.app-form-1col-flex-padding5 {
    box-sizing: border-box;
    width: 100%;
    padding: 5px 5px 5px 0;
    text-align: left;
}

.app-select-input {
    width: 90%;
    height: 2rem;
    border: 1px solid #757575;
    padding: 0 5px;
}

.app-form-flex-group input {
    width: 100%;
    border: 1px solid #757575;
    padding: 4px 8px;
}

.app-form-flex-group input::-webkit-input-placeholder {
    color: #757575;
}

.app-form-flex-group input:-moz-placeholder {
    color: #757575;
}

.app-form-flex-group input::-moz-placeholder {
    color: #757575;
}
.app-form-flex-group input:-ms-input-placeholder {
    color: #757575;
}

.app-form-flex-group input::-ms-input-placeholder {
    color: #757575;
}

.app-form-flex-group input::placeholder {
    color: #757575;
}



.app-form-flex-group label {
    flex: none;
    display: block;
    /*width: 150px;*/
    font-weight: normal;
    font-size: 1em;
    margin: 5px 10px 5px 0;
}

    .app-form-flex-group label.right-inline {
        text-align: right;
        padding-right: 8px;
        padding-left: 10px;
        width: auto;
    }

/* Application form pages - Radio button */
.app-rdo-flex-container {
    display: block;
  /*  flex-flow: row wrap;
    justify-content: flex-start;*/
    padding: 0;
    margin: 0;
    list-style: none;
}

.app-rdo-flex-item {
    font-size: 1em;
    min-width: 80px;
    float:left;
}

.app-rdo-vertical-container {
    display: flex;
    flex-flow: row wrap;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    list-style: none;
}

.app-rdo-vertical-item {
    padding: 1px;
    font-size: 1em;
    min-width: 80px;
}

.app-rdo-vertical-item label, .app-rdo-flex-item label, .app-form-flex-group label, .app-form-row-group label {
    font-weight: bold;
}
.app-rdo-vertical-container.no-bold > .app-rdo-vertical-item label {
    font-weight: 400;
}

.app-input-descr {
    font-weight: 700 !important;
    margin-top: 15px;
    font-size: 16px !important;
    margin-bottom:0;
}

.app-sub-input-descr {
    margin-left: 2%;
}

.app-info-summary {
    margin: 2% 5%;
}

.app-info-summary-item {
    margin: 10px 0;
}


.property-image img {
    width: 80%;
}

.app-stepper-desc {
    color: #757575;
}

.app-circle {
background-color: #767676; 
}
.sidebarBtnToggle, #show-sidebar {
    display: none;
}
@media (max-width: 1440px) {
    .container-results-body {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {
    /*  Application and Sign Up Forms */
    .app-form-flex-group {
        flex-direction: column;
    }
    /*  END Application and Sign Up Forms END */

    .container-filter-top {
        flex-direction: column;
        align-items: flex-start;
    }

    #container-results {
        padding: 2rem .75rem;
    }

    #container-filter {
        padding: 1rem 0.5rem;
    }
    .router-view {
        padding: 15px 0px !important;
        /*display: flex;*/
        justify-content:center;
    }

    .propertySearchContainerNoMap {
        grid-template-columns: 300px 1fr;
    }

    .noMapMedia800 {
        grid-template-columns: 0% 1fr;
        transition: 400ms ease;
    }

    .propertySearchContainerNoMap #container-filter {
        border-radius: 0;
    }

    .propertySearchContainerNoMap #container-results {
        border-radius: 0;
    }


    .propertySearchContainerShowMap {
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: minmax(300px, 500px) 1fr 40%;
        grid-template-areas: 'sidebar content map';
        margin: 0;
    }

        .propertySearchContainerShowMap #container-filter {
            grid-area: sidebar;
            transform: translateX(-100%);
            z-index: 1;
            position: relative;
            border-radius: 0;
        }

            .propertySearchContainerShowMap #container-filter.collapsed {
                transform: translateX(0%);
                transition: 400ms ease;
            }

        .propertySearchContainerShowMap #container-results {
            grid-area: sidebar-start / sidebar-start / content-end / content-end;
            border-radius: 0;
        }

        .propertySearchContainerShowMap #container-map {
            grid-area: map;
            border-radius: 0;
        }
    .sidebarBtnToggle, #show-sidebar {
        display: block;
    }
    #filter-title h2 {
        margin-bottom: 0;
    }
    #filter-title {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    #show-sidebar, .dropdownBtn {
        width: 100%;
    }

    #close-sidebar {
        background-color: white;
        border: none;
        color: gray;
    }

}

@media (max-width: 800px) {
    /*  Application and Sign Up Forms  */
    .form-panel {
        margin: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        min-width: 414px;
        width: auto;
    }

    .label {
        margin-bottom: 0;
    }

    .app-form-flex_group label {
        width: 115px;
    }

    input[type=checkbox], input[type=radio] {
        margin: 0 5px 0 0;
    }

    .app-form-row-group {
        flex-direction: column;
    }

    .app-form-2col-flex {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 15px 0;
        text-align: left;
    }
    /*  END Application and Sign Up Forms END */

    /* Search Property */

        .property-image img {
            width: 75%;
        }

    .property-card-left {
        border-right: none;
        text-align: center;
        margin: 0.8em 0.8em 0;
    }

        .property-card-left p {
            display: flex;
            align-items: center;
        }

    .propertySearchContainerShowMap {
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: minmax(auto, 500px) 1fr 40%;
        grid-template-areas: 'sidebar content map';
        margin: 0;
    }

    /* END Search Property END */


}

@media (max-width: 560px) {
    .flex_form_group_lr {
        display: flex;
        flex-direction: column;
        align-items: initial;
    }
    .flex_form_group_lr label {
        display: flex;
    }
}

@media (max-width: 414px) {

    .form-panel {
        width: 100%;
        min-width: auto;
    }
    .sub-form-panel {
        margin: 15px 0;
    }

    .form-partial-container {
        margin: 0;
    }
    /*  Application and Sign Up Forms */
    .app-stepper-desc {
        display: none;
    }

    .form-partial-container label, .form-partial-container p {
        font-size: 18px;
    }

    .app-form-flex-group input, .app-select-input {
        line-height: 44px;
    }

    .app-big-checkbox {
        width: 44px;
        height: 44px;
    }

    .app-sub-input-descr label {
        display: flex;
        align-items: center;
    }

    .app-rdo-flex-item {
        display: flex;
        align-items: center;
    }

        .app-rdo-flex-item label {
            display: flex;
            align-items: center;
            margin-bottom: 0;
        }

    .app-rdo-flex-container {
        justify-content: space-around;
    }

    .app-rdo-vertical-item {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }
    /*  END Application and Sign Up Forms END */

    /* Property Search */
    #mapToggleBtn {
        display: none;
    }
    .propertySearchContainerNoMap, .propertySearchContainerShowMap {
        display: grid;
        margin: 0;
        /* grid-template-columns: none;*/
        grid-template-areas: 'sidebar content';
        grid-auto-rows: minmax(200px, auto);
    }

    #container-filter {
        border-right: none;
        grid-area: sidebar;
        transform: translateX(-100%);
        transition: 200ms ease;
        z-index: 1;
        position: absolute;
    }
    #container-filter.collapsed {
        transform: translateX(0%);
    }

    .propertySearchContainerNoMap #container-results {
        padding: 0.5rem;
        grid-area: sidebar-start / sidebar-start / content-end / content-end;
    }

    .propertySearchContainerShowMap #container-results {
        padding: 0.5rem;
        grid-area: map;
    }

    #container-map {
        display: none;
        /*border-left: none;
        grid-area: map;
        transform: translateX(100%);
        transition: 200ms ease;
        z-index: 1;
        position: absolute;*/
    }
    #container-map.collapsed {
        /*transform: translateX(0%);*/
    }
    /* END Property Search END */
}

/* Home page styles*/
.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.width-70 {
    width: 70%;
}

.fnt_16 {
    font-size: 16px;
}

.form-control {
    font-size: 18px !important;
}

.form-control.fs14{
    font-size: 14px !important;
}

.Multi_row_column {
    float: left;
    width: 50%;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
}



/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .Multi_row_column {
        width: 100%;
    }
}

ul.no-bullets {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.text-v-center {
    padding: 70px 0;
}



/* End - Home page styles*/
.Padding_10 {
    padding: 100px;
    margin: 100px;
}



.Padding_10 {
    padding: 100px;
    margin: 100px;
}

.pr-0 {
    padding-right: 0;
}

label.inline-checkbox {
    margin: 0.5rem;
}


.Container-panel {
    margin: 30px 30%;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgb(1 40 51 / 29%);
}

.sub-Container-panel {
    padding: 30px;
    text-align: center;
}

.app-submitted{
    font-size: 18px;
    color:black;
    text-align:center;
}

@media (max-width: 576px) {
    .hcidlas-portal-mein .h2, .hcidlas-portal-mein h2, .hcidlas-portal-mein .h1, .hcidlas-portal-mein h1 {
        word-break: normal;
    }
}

#close-map {
    display: none;
}

.btn-layers {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

@media (max-width: 1430px) {
    .btn-layers {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
    }
}

    #reset-filter:active {
        color: #c64a30;
        background-color: var(--gray);
        border: 0.1em solid #c64a30;
    }

.cardPropertyNav a{
 text-decoration: underline;
}

label.error {
    color: red;
    font-weight: normal;
    font-size: 12px;
    margin: 0px;
    display: block;
}

input.error {
    border: 1px solid red;
}

#SignupTermConditionerrordiv,
#AdditionalEmailQuestionerrordiv {
    display: block;
    width: 100%;
}

/* Bus route CSS property search page  */
ul#busRoutes {
    margin: 0;
    padding: 0;
    min-width: 270px;
}

    ul#busRoutes li {
        display: flex;
        align-items: baseline;
        padding: 8px;
        width: 100%;
        padding-left: 35px;
    }

        ul#busRoutes li label {
            display: inline-block;
            margin-bottom: 0;
            padding-left: 8px;
        }

        ul#busRoutes li:hover {
            background-color: #e9e9e9;
        }