﻿
/*-------------------GERAL--------------------*/
.TableRecords_Header a, .TableRecords_Header a:link, .TableRecords_Header a:visited {
    color: #fff;
}

.NewSearchButton {
    float: right;
    min-width: 180px;
}




.FilterDropDown{
 min-height: 40px;
 overflow: hidden;
 background: url(/Whathouse_Phase3/img/filterarrowwithborder.png?2161) no-repeat right #fff;
 border: 2px solid #A83235;
 border-radius: 5px;
 box-shadow :none;
}
select:focus, input:focus {
    border: 2px solid #A83235;
}
.DateInput[type="text"] {
    height: 34px;
}
.SimpleValuationText{

    font-size: 12px;
    font-weight: bold;
    color: white;
    

}

.desktop .MainTitle {
    padding: 10px; 
}
.SimpleValuationContainer{

    background-color: #a83235;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
   float:right;
}
.SimpleValuationContainer:hover {
    background-color: #80090A;
}

.phone .SimpleValuationContainer{

    background-color: #a83235;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
}


.BackToSearch{

    background-color: #80090a;
    padding: 10px 0px 10px 0px;
}
.BackToSearch:hover {
 background-color: #a83235;   
    
}
.BackToSearchText{
    color: white;
    font-weight: bold;

}
.FindSoldHousesTitle{
    font-size: 22px;
    color: #8e8e8e;

}

.FirstText{
    font-size: 14px;
    color: #8e8e8e;
    

}




.LastetnewsContainer {
    min-height: 150px!important;

}

/* TableRecords **************************/
table[cellSpacing] {
    border-collapse: initial;
}

.TableRecords{

    padding: 0px;

}

/*-------------OLD Version---------------*/
input[type="text"]{
    height: 40px;
  }

 .tablet .LeftContainer, .phone .LeftContainer{
    width:100%;
}


.WarningBox{
    font-size: 16px;
    color: white;
    background-color: red;
}
 
 
 .FirstTitle h1
{
font-size:  26px;
text-decoration: none;
}



.HouseDescription
{
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #4e4e4e;
    padding-bottom: 20px;

}


.FiltersContainer{
    text-align: right;
    font-size: 18px;
}

.CounterContainer{
    text-align: left;
    font-size: 18px;

}



.desktop .MainContent,
.tablet .MainContent{
    /*background: #fff;*/
    background: transparent;
    margin-top: 80px;
}



.DeveloperSearchBoxContainer
{

background: #efefef;

}

.IncentivesBox{
    font-size: 12px;
}

.IncentivesBox input[type="checkbox"]{
    width: 12px;
    height: 12px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}
.tablet .SearchButton{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.tablet .SearchBtn:link {
    background: #a1171f;
    color: #fff;
    margin-left: 0px;
    }
.tablet .SearchBtn:visited {
    background: #a1171f;
    color: #fff;
    margin-left: 0px;
    }
.tablet .SearchBtn:hover {
    background: #FFF;
    color: #a1171f;
    margin-left: 0px;
    text-decoration: none;
    }



.LeftTitleText{
    font-weight: bold;
}
.RightTitleText{
    font-weight: 100;
}
/* ----------DESKTOP----------------*/
.desktop .MainContainer{
    margin-top: 25px;
}


.desktop .MainSearchBoxContent .SmallLeftColumns > .Column.ColFirst {
    width: 35%;
    padding-right: 5px;
    padding-left: 0px;
}

.desktop .MainSearchBoxContent .SmallLeftColumns > .Column.ColLast {
    width: 65%;
    padding-left: 5px;
    padding-right: 0px;
}

.desktop .SearchButton{
    padding: 0px 14px 0px 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.desktop .SearchButtonContainer{
  font-size: 20px;
  line-height: 2;

}

.desktop .SearchWordContainer{
    font-size: 20px;
  line-height: 38px;
}

.desktop .SearchBtn:link {
    background: #a1171f;
    color: #fff;
    margin-left: 0px;
    }
    
.desktop .SearchBtn:visited {
    background: #a1171f;
    color: #fff;
    margin-left: 0px;
    }
    
.desktop .SearchBtn:hover {
    background: #FFF;
    color: #a1171f;
    margin-left: 0px;
    text-decoration: none;
    }
    
.desktop .SearchBoxInput{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 300px;
}

.desktop .MainSearchBoxContent{
    width: 710px;
}

.desktop .SearchBoxInputHouseBuilder{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.desktop .AngleDownContainer{
  background-color: #8e8e8e;
  height: 33px;
  width: 50px;
  margin-top: 7px;
}


.desktop .AngleDownContainer> .fa{
      color: white;
  text-align: center;
  vertical-align: 4px;
  font-size: 25px;
}

.desktop .FilterBoxProperty{
    width: 223px;
}
.desktop .FilterBoxTenure{
    width: 137px;
}
.desktop .FilterBoxDate{
    width: 150px;
}

/*--------------TABLET----------------*/
.tablet .MainContainer{
    margin-top: 25px;

}
.tablet .DeveloperSearchContainer{
    float: right;
}
.tablet .SearchRightContainer{
    float: left;
}

.tablet .SearchContainer .MediumLeftColumns > .Column.ColFirst {
    width: 50%;
    padding-right: 5px;
    padding-left: 0px;
}

.tablet .SearchContainer .MediumLeftColumns > .Column.ColLast {
    width: 50%;
    padding-left: 5px;
    padding-right: 0px;
}

.tablet .SearchButton{
      padding: 0px 8px 5px 8px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tablet .SearchButtonContainer{
  font-size: 20px;
  line-height: 2;

}

.tablet .SearchWordContainer{
    font-size: 20px;
  line-height: 38px;
}

.tablet .SearchBtn:link {
    background: #a1171f;
    color: #fff;
    margin-left: 0px;
    }
    
.tablet .SearchBtn:visited {
    background: #a1171f;
    color: #fff;
    margin-left: 0px;
    }
    
.tablet .SearchBtn:hover {
    background: #FFF;
    color: #a1171f;
    margin-left: 0px;
    text-decoration: none;
    }
    
.tablet .SearchBoxInput{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 80%;
}

.tablet .MainSearchBoxContent{
    width: 710px;
}

.tablet .SearchBoxInputHouseBuilder{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 80%;
}

.tablet .AngleDownContainer{
    background-color: #8e8e8e;
    height: 38px;
    width: 20%;
    margin-top: 4px;
}


.tablet .AngleDownContainer> .fa{
      color: white;
  text-align: center;
  vertical-align: 4px;
  font-size: 25px;
  
}

.tablet .SearchWordContainer{

display: none;

}
/*--------------MOBILE-----------*/
.phone .MainContent{
    background: transparent;
}
.phone .px-12 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.phone .FirstTitle
{
color: #4e4e4e;
font-size: 24px;
width: 210px;
}

.phone .SearchContainer{

font-size: 14px;
margin-top: 10px;

}
.phone .SearchButtonContainer{
  vertical-align: middle;
}

.phone .SearchButton{
    padding: 9px 9px 11px 9px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.phone .SearchBtn:link {
    background: #a1171f;
    color: #fff;
    margin-left: 0px;
    }
.phone .SearchBtn:visited {
    background: #a1171f;
    color: #fff;
    margin-left: 0px;
    }
.phone  .SearchBtn:hover {
    background: #FFF;
    color: #a1171f;
    margin-left: 0px;
    text-decoration: none;
    }


.phone .MainSearchBoxContent{
    width: 710px;
}

.phone .SearchBoxInput{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 180px;
}

.phone .SearchBoxInputHouseBuilder{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 180px;
    
}


.phone .SearchWordContainer{

display: none;

}

.phone .AngleDownContainer{
  background-color: #8e8e8e;
  height: 38px;
  width: 37px;
}


.phone .AngleDownContainer> .fa{
    margin-top: 14px;
    color: white;
    text-align: center;
}


.phone .CounterContainer{
    text-align: center;
    font-size: 20px;

}

.phone .FiltersContainer{
    text-align: center;
    font-size: 18px;
}

.phone .DeveloperListContainer{
margin-top: 0px;

}

.phone .Columns.MarginBottom.mob_BreakLast,
.phone .Columns.MarginBottom.mob_BreakAll, 
.phone .Columns.MarginBottom.mob_BreakMiddle {
  margin-bottom: 0px;
}


.phone .FilterBoxProperty {
    width: 49%;   
}

.phone .FilterBoxTenure {
    width: 49%;   
}
.phone .FilterBoxDate {
    width: 49%;
    margin-top: 10px;
    margin-left: 0px;
}


.phone .NewSearchButton {
    float: right;
    margin-top: 8px!important;
    min-width: 35%
    
}

 .desktop .BreadCrumContainer{
    width: 99%;    
}
 
 .tablet .BreadCrumContainer{
    width: 100%;
}

.desktop .SearchContainer 
{background-color: #efefef;
margin: 0 auto;
padding: 40px 60px 40px 60px;}

.phone .SearchContainer {
    background-color: #efefef;
    margin: 0 auto;
    padding: 15px 10px 15px 10px;
}

div{
    border: 0 solid;    
}