:root{
    --color1:#1C1C1E;
    --color2:#000;
    --color3:#333;
    --color4 : #BFB8BB;
    --input-height : 48.39px;
}html {
  scroll-behavior: smooth;
}
.alert {
	padding: 10px 15px 10px 15px;
	font-size: 13px;
    margin-bottom:5px;
    margin-left: 0px;
}

.alert ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.alert ul li:before {
	content: "\2192 \0020";
}

.alert.alert-block.alert-danger .errorSummary {
	border:0px;
}

label {
	font-weight:normal;
}

label.error {
	color: #b94a48;
	font-style: italic;
}

label span.required {
	color: #b94a48;
}
input.error, select.error, textarea.error {
	border: 1px solid #b94a48;
	background: #f2dede;
}

.errorMessage {
	font-size: 13px; 
	color: #b94a48;
	margin:0; 
	padding:0;
	font-style:italic;
}

.no-margin-left {
	margin-left:0px;
	padding-left:0px;	
}

.no-top-border {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: 0px;
}

.no-width {
	width:0px;
}


.popover-content {
	font-size: 13px;
}

textarea {
	resize:none;
}


/** Grid View table start **/
.grid-view-loading
{
	background:url(../img/grid-view-loading.gif) no-repeat;
}

.grid-view
{
	padding: 0;
}

table th, table td
{
	font-size: 0.9em;
}

table th a.asc
{
	background:url(../img/grid-up.gif) right center no-repeat;
	padding-right: 10px;
}

table th a.desc
{
	background:url(../img/grid-down.gif) right center no-repeat;
	padding-right: 10px;
}

.grid-view .link-column img
{
	border: 0;
}

.grid-view .button-column img
{
	border: 0;
}

.grid-view .checkbox-column
{
	width: 15px;
}

.grid-view .summary
{
	margin: 0 0 5px 0;
	text-align: right;
}

.grid-view .pager
{
	margin: 5px 0 0 0;
	text-align: right;
}

.grid-view .empty
{
	font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
	width: 100%;
}

.grid-view .summary {font-size: 12px;}

/** Grid View table end **/

.box .col-lg-1,
.box .col-lg-2,
.box .col-lg-3,
.box .col-lg-4,
.box .col-lg-5,
.box .col-lg-6,
.box .col-lg-7,
.box .col-lg-8,
.box .col-lg-9,
.box .col-lg-10,
.box .col-lg-11,
.box .col-lg-12 {
	margin-left:0px!important;
	padding-left: 0px!important;
}

button.navbar-toggle span.icon-bar {color:#333333; background:#333333}

.grid-filter-cell input, .grid-filter-cell select {
	font-size: 10px;
	outline:none;
    font-size: 10px;
    outline: none;
    border: 1px solid #c2c2c2;
    margin: 0;
    padding: 0;
}

.pagination,
ul.pagination {
	margin:0;
	padding:0;	
}

ul.pagination li.selected, ul.pagination li.selected a {
	background: #eeeeee;
}

.empty-options-header.loading {
	background: url(../img/grid-view-loading.gif) no-repeat;
	height:16px;
	margin-top:-16px;
}

.errorSummary {
	font-size: 13px; 
	color: #b94a48;
	margin:0; 
	padding:0;
	font-style:italic;
	border: 1px solid #b94a48;
	background: #f2dede;
}

.right-side > .content-header {
    padding: 9px 15px 10px 20px;
}

.right-side > .content-header > .breadcrumb {
    top: 10px;
}

.box .box-header > .box-tools {
    padding: 15px 10px 5px 5px;
}

.box .box-header > .pull-right {
    padding: 15px 10px 5px 5px;
}

.box .box-header .btn.btn-primary,
.box .box-header .btn.btn-danger {
    color:#ffffff;
}

.box .box-header > .fa, 
.box .box-header > .glyphicon, 
.box .box-header > .ion, 
.box .box-header .box-title {
    padding: 15px 0px 5px 10px;
}

.callout {
    font-size:12px;
    padding: 5px 30px 5px 15px;
}

.user-panel {
    padding: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.user-panel > .image > img {
    width: 35px;
    height: 35px;
}

.user-panel > .info {
    padding: 12px 5px 0px 5px;
}

.user-panel > .info > p {
    margin-bottom: 0px;
}
  

.inputosaurus-container .inputosaurus-input input {
    border: medium none;
    box-shadow: none;
    color: #32568d !important;
    font-size: 14px;
    height: 23px;
    line-height: 20px;
    margin: 0;
    outline: medium none;
    padding: 0 0 1px 1px;
    width: 25px;
}
.inputosaurus-input input {
    color: #3f6095 !important;
    font-size: 18px !important;
    font-weight: 100 !important;
    height: 25px !important;
    width: 120px !important;
     background: #fff ;
    display:block !important;
}
.ui-autocomplete{
	 z-index:2000000003!important;
 }.drop-module .heading {
    background: #fff;
    position: relative;
    color: initial;
    text-align: center;
    line-height: var(--input-height);
}.drop {
    position: absolute;
    z-index: 1;
    background: #fff;
    right: 0;
    min-width: 300px;
    margin-top: 4px;
    border: 3px solid #eee;
    text-align: left;
    padding: 10px;
    border-radius: 10px;
} .page-banner { 
    overflow: initial; 
}
.tab-container-1 { display:flex;}
                              .drop { position:absolute;display:none;}
                              .heading.active .drop {display:block; }
                              .drop-cls .drop2 {display:none !important;}
                             .drop-cls .drop2{
    position: absolute;
    min-height: 200px;
    z-index: 1; 
    height: 200px;
    width: 300px !important;
    overflow-y: scroll;    left: 0;
}
                              .drop-cls.active .drop2 {display:flex !important;}
                              .drop-cls{ height: 249px; }
    .tab-container-1 .drop-cls { flex:1; }
    .drop-cls ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
} .drop-cls ul li{ width:48%;border:1px solid #eee;}
.drop-cls ul li {
    width: 48%;
    border: 1px solid #eee;
    padding: 8px 10px;
    line-height: 1;
    margin-right: 1%;
    margin-bottom: 1%;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}.drop-cls.active p { border-bottom:2px solid green;}
.drop-cls p{ text-align:center;}
.drop-cls { cursor:pointer;}
 .itemn.active{
    background: #102448;
    color: #fff;
}
.page-banner {
    overflow: initial;
    z-index: 1111;
}
#header{ z-index: 11111;}.card-property h3 a { 
    z-index: 111;
    position: relative;
}
.card-content h3:hover a {text-decoration:underline;}
.actions[_ngcontent-serverApp-c39] .btn[_ngcontent-serverApp-c39] {
    padding: 10px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #fff!important;border-radius:var(--system-bradius)  !important;
    border-color: var(--color1)!important;background-color:var(--color1);
}.actions img {
    width: 1rem;
    height: 1rem;
}.actions[_ngcontent-serverApp-c39] img[_ngcontent-serverApp-c39] {
    display: block;
}.actions[_ngcontent-serverApp-c39] .btn[_ngcontent-serverApp-c39] span[_ngcontent-serverApp-c39] {
    display: block;
    margin-left: 0.3rem;
}.actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}
.mt-3 {
    margin-top: 1rem!important;
}.plr-3{   padding-left: .5rem!important; padding-right: .5rem!important;}
.card-property h3 a {
    z-index: 111;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}.d-align-center {
    display: flex;
    align-items: center;
}.properties.lis-i .card-property:after {
    
    /* position: absolute; */
    background: linear-gradient(90deg,rgb(16, 36, 72) 10%,rgb(211,161,136) 25%,rgb(16, 36, 72) 40%,rgb(16, 36, 72) 60%,rgb(211,161,136) 75%,rgb(16, 36, 72) 93%);
    background-size: 200%;
    width: 100%;
    left: 0;
    height: 2px;
    bottom: -13px;
    margin-top: 10px;
    display: block;
    top: unset;
} .row.properties {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}.card-property h3 a {
    z-index: 111;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.drop-cls ul li {
    width: 100%; text-align:left;padding-left:15px;
}.drop-cls .drop2 { 
    height: auto; background:#fff;
}.heading.active .drop {
    display: block;
    background: transparent;
    border: 0px;
    box-shadow: unset;
}.heading.active .drop {
    display: block;
    background:transparent;
    border: 0px;
    box-shadow: unset;
    top: 41px; 
}.drop-cls ul li { 
    justify-content: flex-start; 
}
.modal-open #header,.modal-open .page-banner {   z-index: -1 !important; }
 .actions { 
    padding-left: 5px;
    padding-right: 5px;
}   .like-tab{ display:flex; margin-bottom:25px;justify-content:center;}
    .like-tab li a {
    margin-right: 0px;
    padding: 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: var(--system-bradius);
    display: block;
    background: #fff;
    height: var(--input-height);
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
                     .like-tab li a:hover,.like-tab li a.active{ background-color:var(--color1);color:#fff;transition: 0.3s;}
                     .home-page-filter .main-listtype{ display:none; }
                     
                                   ul.main-listtype{position:absolute; z-index: 11;background: #fff;display: flex;    margin: 0 !important;
    top: 17px;}
                                   ul.main-listtype li {
    line-height: 1;
    margin-right: 10px;
}ul.main-listtype li a.active,ul.main-listtype li a:hover{ color:var(--color1);font-weight:600;}
.drop-cls.active .drop2 {
    display: flex !important;
    padding-top: 29px;
}
.drop2 li:hover{ background:#eee;}.drop-cls .drop2{ overflow:auto;}.heading span{ cursor:pointer;}.heading span.main-text{color:#333;}
 .mortgage-inpur{ display:flex;}.mortgage-inpur li {
    position: relative;
    display:flex; 
    height: 56px;
   
}
     .mortgage-inpur input{     min-height: 5.6px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-left: -5px !important;
    background-color: #fff;
    text-align: center;max-width: 139px;
         border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;border-color: rgb(223, 223, 223) !important;border-right: 0px;
    height: 56px;    margin-left: 0 !important;
    background-color: #fff;    border: 1px solid rgb(223, 223, 223);border-right: 0px;    padding-top: 24px;
         
     }.mortgage-inpur li label {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 13px;
    line-height: 1;
} li input.noborder-left {
    border-left: 0px !important;
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}
html .border-ri-1 {
    border-right: 1px solid rgb(223, 223, 223);
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.circular-info{
        width: 250px;
    height: 250px;
    border: 2px solid #404952!important;
    margin: 0 auto;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 15px 15px 0 15px;
}.big-head {
    font-size: 18px;
    margin: 0;
    line-height: 1.2;
}
.amount-desc {
    font-weight: 600 !important;
    padding: 0 !important;
    font-size: 36px !important;
    line-height: 40px;
    text-align: center !important;
    color:var(--color1);
}.prop-amount-info {
    font-size: 16px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-bottom: 15px;
}.prop-amount-info  span {
    font-size: 20px;
    font-weight: 600;
    color:var(--color1);
} html .m-mortgage-container {
    max-width: 740px !important;
    background: #fff;
    padding: 45px 35px;
    box-shadow: 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.06), 0 4px 8px rgba(0,0,0,.06);
    border-radius: var(--system-bradius);
}
.mortgage .mt-3 {
    margin-top: 35px !important;
} .mt-my {
    margin-top: 20px;
}
.stagc-loc-txt-span2   li {
    float: left;
    margin-right: 20px;
     list-style:disc;
    width: 100%;
    margin-left:10px;
    line-height:25px;
    
}
.stagc-loc-txt-span2   li a {
    
    color:#002d72;
}
 
 .irs--flat .irs-bar ,.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single,.irs--flat .irs-handle>i:first-child{ 
    background-color: var(--color1) !important;
}
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { 
    border-top-color:var(--color1) !important;
}.irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle:hover>i:first-child {
    background-color: var(--color2) !important;
} .the-percentage    .mortgage-inpur {
    display: flex;
    flex-direction: row;flex-wrap:wrap;
    
    justify-content: space-between;
    align-items: center;
    margin: auto;
}
    .the-percentage  .mortgage-inpur input { 
    max-width: 100%;
    min-width: 100%;
} .the-percentage .mortgage-inpur li { 
    min-width: 47%;width:47%;max-width:47%;
} .the-percentage .mortgage-inpur li label {
    position: unset; 
    font-size: initial;font-weight: 600;
    line-height: initial;
} .the-percentage .mortgage-inpur li {
  
    display: block;
    margin-bottom: 3%;
    height: auto;
} .the-percentage .mortgage-inpur input {  
    border-right: 1px solid rgb(223, 223, 223);
    border-radius: var(--system-bradius) !important;
    text-indent: 8%;
   
} .the-percentage .mortgage-inpur input { 
    padding-top: 0px;
    text-align: left;
    padding-left: 7px;
}
 .the-percentage .new-amount{
    font-size: 23px;
    line-height: 34px;
    color: #000;
} .the-percentage .new-amount-descript {
    color: #7d7d7d;
    font-weight: 400;
}
.the-final-row{
    background:#e7e7e7;padding: 10px;
}#downPayment {
    color: #000;
    font-size: 20px;float:right;
}.morgage-1 .mortgage { background:#fff !important;}
                     .morgage-1 .the-percentage .mortgage-inpur li {    min-width: 22%;    width: unset;    max-width: unset;    flex: 1;    margin-right: 29px; }
                      .morgage-1 .section{ padding:0px !important;}
                       .morgage-1  .the-percentage    .mortgage-inpur { align-items: flex-start; }
                     .morgage-1  #downPayment-parent { position:absolute; right:0;bottom:-28px;}
                       .morgage-1 .mortgage .mt-3 {    margin-top: 0px !important;  }
                      html  .morgage-1 .m-mortgage-container {  max-width: 100%!important;  padding: 0px;     box-shadow: unset;    border-radius: 0;    width: 100% !important;}
                 html  .morgage-1 .m-mortgage-container { border: 1px solid #eee;   padding: 15px !important;      background: #fff;
    padding: 45px 35px !important;
    box-shadow: 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.06), 0 4px 8px rgba(0,0,0,.06);
    border-radius: var(--system-bradius); margin-bottom: 45px; }
                  html  .home-it .m-mortgage-container {
    max-width: 900px !important;
    background: #fff;
    padding: 45px 35px !important;
    box-shadow: 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.06), 0 4px 8px rgba(0,0,0,.06);
    border-radius: var(--system-bradius);margin-bottom: 0px !important;
} html  .home-it  .morgage-1 .mortgage {
    background: transparent !important;
}.morgage-1 .the-percentage .mortgage-inpur li:last-child {
margin-right:0px;
}html  .home-it .mortgage .mt-3 {
    margin-top: 35px !important;
}
html #send-enquiry-form-wrapper  .icon-cancel {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #eee;
    min-width: unset;
    /* text-align: center; */
    font-size: 25px;
    /* line-height: 1; */
    border-radius: 5px;
    color: red;
    cursor: pointer;
    padding: 0;
    margin: 0;
    height: auto;
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-weight: 200; 
}
 .close-svg {
    fill: red;
    fill: var(--color1);
    stroke: var(--color1);
    stroke-width: 1.5px;
    height: 1rem;
    min-width: 1rem;
    /* margin-left: 1rem; */
    vertical-align: middle;
    border: none;
}html #send-enquiry-form-wrapper legend {
    font-weight: 800;
    text-align: center;
    margin-left: -40px;
    margin-right: -40px;
    width: calc(100% + 80px);
    padding-bottom: 15px;
    text-transform: inherit;
    padding-left: 40px;
    padding-right: 41px;
    font-size: 26px;
    text-align: center;
    color: var(--color1);
}
.abs-sc-title-1 {
                position: absolute;
                right: 10px;
                padding: 5px 10px;
                color: var(--color1);
                background: #fff;
                top: 15px;
                line-height: 1;
                font-size: 14px;
                font-weight: 600;
                }
                .abs-sc-title-1.sec-ids-1 { border-right:2px solid var(--color1);}
                .abs-sc-title-1.sec-ids-2 { border-right:2px solid var(--color1);}
                
                        #more-filter {
    display: inline-flex;
    background-color: #fff;
    min-width: 100%;
    align-items: center;
    justify-content: center;
    height: var(--input-height);
    min-height: 100%;
    color: #333;font-size:14px;
   
    background-image:url('/frontend/assets/template/images/drp.png');
   background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 30px auto;
    cursor:pointer;
}html #more-filter { 
    padding-left: 15px !important; 
}
.more-opdiv { position:relative;}
.drop-up-srch-parent{ position: absolute;
    right: 0px;
    width: 500px;
    height: 0px;  transition: all .6s;    overflow: hidden;z-index:1111; }
.drop-up-srch {
    box-shadow: 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.06), 0 4px 8px rgba(0,0,0,.06);
    border-radius: 16px;
    background-color: #fff;
    display: flex;
    /* flex-direction: column; */
    justify-content: flex-start;
    /* align-items: flex-end; */
  
    flex-wrap: wrap;
    padding: 20px 27px 40px;
    margin-top: 0px;
    padding-bottom: 20px;
   height:100%;
    margin-top: 5px;
    border-bottom:1px solid #ccc;
 
}
 
.p-drodown-list.active .drop-up-srch-parent{ display:block;min-height:376px;height:auto;}
.drop-pad-30-serach {
    display: block;
    min-width: 100%;
    text-align: left;
}.drop-pad-30-serach li{ display:block;}
.drop-pad-30-serach li label.title-h1{ display:block;color:var(--color1);;font-weight:600;margin-bottom:17px;min-width:100%;}
.drop-pad-30-serach li {
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
} .labeling-input {
    display: flex;
    justify-content: flex-start;flex-wrap:wrap;
}.labeling-input span{     
    display: flex;
    align-items: center;
    justify-content: flex-start;align-items:center;color:initial; }.labeling-input span input {width:auto;margin-top:0px;margin-right:5px;}
    .special-inp input[type="checkbox"] {
    display: none;
}
.ameniti .labeling-input span{ width:33%; min-width:33%;margin-bottom:15px;}
.labeling-input span label {margin-right: 7px; }
.labeling-input span label {
    display: block;
    text-transform: initial;
    font-size: 13px;
    line-height: 1.1;
}
.special-inp input[type=checkbox]+label:before {
    content: "";
    border: 1px solid #E8E8E1;
    border-radius: 4px;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    color: transparent;
    transition: 0.2s;
    position: absolute;
        left: 0px;
    top: -2px;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
}.special-inp input[type=checkbox]:checked+label:before {
    background: url('/assets/img/checked2.svg');
    color:var(--color1);
    border: none;
}
.special-inp label{position:relative;    padding-left: 26px;}
.drop-up-srch-parent a.btn-primary {
    height: 40px;
    line-height: 1;
    font-size: 100%;
    text-transform: inherit;
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
    /* float: right; */
}
.drop-up-srch-parent a.btn-primary.border-white{ background-color:var(--color4);}
.drop-pad-30-serach li:last-child{border-bottom:0px;margin-bottom:0px;text-align:right;padding-bottom: 0px;}
html .irs--flat .irs-handle {
    
    width: 18px;
    height: 18px; 
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}html .irs--flat .irs-handle i{ display:none !important;}
html .irs--flat .irs-min,html .irs--flat .irs-max{display:none !important;}
html #send-enquiry-form-wrapper  .icon-cancel {
    
    top: -14px; 
    right: -9px; 
}