/***************************************************************
*                                                              *
*                                                              *
*                    Font Faces	 							                 *
*                                                              *
*                                                              *
***************************************************************/
@font-face {
  font-family: 'Manrope';
  src: url('fonts/Manrope-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Manrope';
  src: url('fonts/Manrope-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Manrope';
  src: url('fonts/Manrope-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Manrope';
  src: url('fonts/Manrope-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Manrope';
  src: url('fonts/Manrope-ExtraBold.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

/***************************************************************
*                                                              *
*                                                              *
*              Animation Elements                              *
*                                                              *
*                                                              *
***************************************************************/
.fade-in-sequence {
		opacity: 0;
}

.fade-in-sequence.show {
		opacity: 1;
		-webkit-transition: opacity 1.5s cubic-bezier(.77,0,.175,1);
		-moz-transition: opacity 1.5s cubic-bezier(.77,0,.175,1);
		-o-transition: opacity 1.5s cubic-bezier(.77,0,.175,1);
		transition: opacity 1.5s cubic-bezier(.77,0,.175,1);
}


/***************************************************************
*                                                              *
*                                                              *
*              Helper Elements                                 *
*                                                              *
*                                                              *
***************************************************************/
.flex-center {
          justify-content: center;
          align-items: center;
}
.img-center{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.div-flex-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 992px){
  .div-flex-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}


/***************************************************************
*                                                              *
*                                                              *
*              Document Level Elements                         *
*                                                              *
*                                                              *
***************************************************************/
html{
	font-size: 10px; /* set to 10px. 1em = 10px  */
}

body{
	font-size: 1.4rem;
  font-family: 'Manrope', sans-serif;
}

a{
	font-size: 1.4rem;
    color: #158dee;
}

.form-control{
	font-size: 1.4rem;
    border: 1px solid #d3dee4;
    border-radius: 0%;
    padding: 5px;
    height: 4rem;
}

.form-control-checkbox-height{
    height: initial;
}

.form-check-input-custom{
    margin-left: -2rem;
}
h1, .h1 {
  font-size: 4rem;
}

h2, .h2 {
  font-size: 3.2rem;
}

h3, .h3 {
  font-size: 2.8rem;
}

h4, .h4 {
  font-size: 2.4rem;
}

h5, .h5 {
  font-size: 2rem;
}

h6, .h6 {
  font-size: 1.6rem;
}


.div-heading-flex{
    display: flex;
    justify-content: space-between;
}

.h1-main{
  font-size: 3rem;
  color: #27292a;
  font-weight: 700;
  margin-bottom: 50px;
}

.btn{
	font-size: 1.6rem;
    border-radius: 0;
}

.btn-primary{
    background-color: #158dee !important;
}

.btn-primary:hover{
    border-color: #158dee;
}
.list-group-item{
    padding: 13px 10px;
    text-align: start;
    position: relative;
}
.list-group-item a{
    color: #27292a;
    font-size: 1.4rem;

}

.text-decoration-underline{
    text-decoration: underline;
}

.div-grey-border{
    border: 1px solid #d3dee4;

}

.cursor-pointer{
    cursor: pointer;
}

.opacity-0-3{
    opacity: 0.3;
}

.p-badge-circle{
    font-size: 3rem;
}

.p-appointment-date-span{
    font-size: 3rem;
}
.span-badge-circle{
        background: #158dee;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        color: #ffffff;
        display: inline-block;
        font-weight: bold;
        line-height: 3rem;
        margin-right: 5px;
        text-align: center;
        width: 3rem;
}

.img-question-popover{
    width: 100%;
    max-width: 15px;
    padding-bottom: 3px;
}
.text-white{
  color: #fff;
}
.text-black{
  color: #000;
}
.text-red{
  color: #b00;
}

.text-grey{
    color: #939598;
}

.text-green{
    color: #00ad0e;
}



thead > tr{
    border-left: 1px solid #e3e6f0;
    border-right: 1px solid #e3e6f0;
}

.table th, .table td{
    vertical-align: middle;
}

.table td{
  border-top: 0;
}

.table-fixed th{
  position: sticky;
  background: #ddd;
  top: 0;
  z-index: 9;
}

.tr-thick-top-border{
    border-top: 2px solid #000;
}

.tr-thick-bottom-border{
    border-bottom: 2px solid #000;
}

ul.pagination li{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

a:hover{
    text-decoration: none;
}

.img-general-thumbnail{
    max-width: 200px;
    width: 100%;
    height: auto;
}

main{
    display: flex;
    flex-flow: column wrap;
    flex: 1 1 auto;

}

.div-mobile-head-placeholder{
    height: 0;
}

.main-content{
    margin-right: 200px;
}


.alert-dismissible .close{
  height: 100%;
}

.alert-dark-red {
    color: #ffffff;
    background-color: #b00;
    border-color: #f5c6cb;
}

.btn-main{
  border: none;
  background-color: #158dee;
  padding: 10px 30px;
  color: #fff;
  transition: 0.3s;

}

.btn-main:hover{
  color: #ffffff;
}

.btn-secondary{
  border: none;
  background-color: #e8eff2;
  padding: 8px 30px;
  color: #000;
  transition: 0.3s;

}


.btn-secondary:hover{
  border: none;
  background-color: #939598;
  padding: 8px 30px;
  color: #fff;
  transition: 0.3s;

}



.btn-minimal{
    border: 1px solid #d3dee4;
    width: 100%;
    max-width: 400px;
    padding: 15px;
}

.btn-large{
    width: 100%;
    padding: 15px;
}

.btn-purchaser-profile-appointment{
    border-radius: 0;
    transition: 0.3s;
    text-transform: uppercase;
    font-size: 1.2rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 15px;

}


.btn-purchaser-profile-success-information{
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #00bb2f;
  border-radius: 0;
  padding: 5px 15px;
  color: #000000;
  transition: 0.3s;
  text-transform: uppercase;
  font-size: 1.2rem
}

.btn-purchaser-profile-success-information:hover{
  color: #ffffff;
}

.btn-purchaser-profile-warning-information{
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #eeff00;
  border-radius: 0;
  padding: 5px 15px;
  color: #000000;
  transition: 0.3s;
  text-transform: uppercase;
  font-size: 1.2rem
}

.btn-purchaser-profile-warning-information:hover{
  color: #c88200;
}

.btn-second{
  border: 2px solid #00ad0e;
  background-color: #00da36;
  border-radius: 0;
  padding: 10px 30px;
  color: #293845;
  transition: 0.3s;
  text-transform: uppercase;
}

.btn-second:hover{
  color: #ffffff;
}

.btn-purchaser{
  font-size: 1.3rem;
  font-weight: 600;


}

.btn-transparent{
  border: none;
  background: none;
}

.btn-transparent-with-border{
  border: 1px solid #d3d3d3;
  background: none;
}

.btn-plain{
  border: 1px solid #c3cfd9;
  background: #ccc;
  padding: 5px 15px;
  color: #0056b3;
}

.btn-plain-highlighted{
  border: 1px solid #d3455b;
  background: #e9a2ad;
  padding: 5px 15px;
  color: #fff;
}


.btn-plain-success{
  border: 1px solid #00b152;
  background: #008822;
  padding: 5px 15px;
  color: #fff;
}

.img-search-icon{
  width: 100%;
  max-width:26px;
}

.btn-lot-information{
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #e9a2ad;
  border-radius: 0;
  padding: 5px 15px;
  color: #293845;
  transition: 0.3s;
  text-transform: uppercase;
  font-size: 1.2rem
}

.btn-lot-information:hover{
  color: #ffffff;
}



.div-content{
    flex: 1 1 auto;
    margin-left: 15px;
    margin-right: 15px;
}



.ms-parent{
    width: 100% !important;
}
.ms-choice > div {
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    right: 8px;
    margin-top: -2px;
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
}


.ms-parent{
    width: 100% !important;
}
.ms-choice > div {
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    right: 8px;
    margin-top: -2px;
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
}


/** Profile Search */
.search-profile-input{
  width: 100%;
  max-width: 300px;
}

.div-purchaser-profile-input-section{
  width: 100%;
  max-width: 300px;
}
.search-profile-input .form-control-custom{
  width: 100%;
  max-width: 300px;
}

.line-vertical {
    border-left: 1px solid black;
    height: 6rem;
    margin: 0 2rem;
}


/***************************************************************
*                                                              *
*                                                              *
*              Vendor Elements                                 *
*                                                              *
*                                                              *
***************************************************************/
.select2-search--dropdown .select2-search__field{
    font-size: 16px;
    font-family: Arial, sans-serif;
}


/***************************************************************
*                                                              *
*                                                              *
*              Search / Filter Element                         *
*                                                              *
*                                                              *
***************************************************************/

.search-filters-input{
  width: 100%;
  max-width: 200px;
  display: flex;
  flex-flow: column nowrap;
}

.div-filters-input-section{
  width: 100%;
  max-width: 200px;
}
.search-filters-input .form-control-custom{
  width: 100%;
  max-width: 200px;
}


.content-wrapper{
  display: flex;
  flex-flow: column nowrap;
  min-height: 100vh;
  width: 100%;
}

.div-main-sidebar{
    width: 200px;
    height: 100vh;
    background-color: #27292a;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
}

.div-main-sidebar-mobile{
    background-color: #27292a;
}



.blink_me {
  animation: blinker 1s linear 3;
}

@keyframes blinker {
  50% { opacity: 0; }
}

@media screen and (min-width: 1920px){
  .container {
    max-width: 1300px;
  }
}
@media (max-width: 1199px){
    .search-profile-input{
    width: 100%;
    max-width: 300px;
    }

    .search-profile-input .form-control-custom{
        width: 100%;
        max-width: 300px;
    }



    /** Filters */
    .search-filters-input{
    width: 100%;
    max-width: 200px;
    }

    .div-filters-input-section{
    width: 100%;
    max-width: 200px;
    }

    .search-filters-input .form-control-custom{
        width: 100%;
        max-width: 200px;
    }
}

@media (max-width:991px){
    .div-mobile-head-placeholder{
        height: 125px;
    }

    .main-content
    {
        margin-right: 0;

    }

    .p-badge-circle{
        font-size: 2rem;
    }

    .p-appointment-date-span{
        font-size: 2rem;
    }

    .div-heading-flex{
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }

    .search-filters-input{
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
        max-width: 100%;
    }

    .search-filters-input p{
        margin-left: 15px;
    }

    .search-filters-input select{
        margin-right: 15px;
    }

    .search-filters-input .form-control-custom{
        width: 100%;
        max-width: 125px;
    }

    .div-reset-filters{
        align-self: flex-end;
    }

    .btn-reset-filters{
        margin-right: 15px;
    }
}

@media screen and (max-width:767px){
    .div-mobile-head-placeholder{
        height: 100px;
    }
    .main-content{
        margin-top: 0;
    }
}

@media screen and (max-width: 525px){
    .btn-purchaser{
      font-size: 1.3rem;
    }
    .h1-main{
      font-size: 2rem;
    }


}


/***************************************************************
*                                                              *
*                                                              *
*              Multiple Select                                 *
*                                                              *
*                                                              *
***************************************************************/
.ms-drop input[type="checkbox"]{
    margin-right: 5px;
}

.ms-drop ul > li label{
    cursor: pointer;
}
/***************************************************************
*                                                              *
*                                                              *
*              Font Size                                       *
*                                                              *
*                                                              *
***************************************************************/
.font-size-1{
    font-size: 1rem;
}

.font-size-1-1{
    font-size: 1.1rem;
}

.font-size-1-2{
    font-size: 1.2rem;
}

.font-size-1-3{
    font-size: 1.3rem;
}

.font-size-1-4{
    font-size: 1.4rem;
}

.font-size-1-5{
    font-size: 1.5rem;
}

.font-size-1-6{
    font-size: 1.6rem;
}

.fs-0-5{font-size: 0.5rem; line-height: 0.6rem;}
.fs-0-6{font-size: 0.6rem; line-height: 0.7rem;}
.fs-0-7{font-size: 0.7rem; line-height: 0.8rem;}
.fs-0-8{font-size: 0.8rem; line-height: 0.9rem;}
.fs-0-9{font-size: 0.9rem; line-height: 1rem;}
.fs-1{font-size: 1rem; line-height: 1.2rem;}
.fs-1-1{font-size: 1.1rem; line-height: 1.4rem;}
.fs-1-2{font-size: 1.2rem; line-height: 1.5rem;}
.fs-1-3{font-size: 1.3rem; line-height: 1.6rem;}
.fs-1-4{font-size: 1.4rem; line-height: 1.4rem;}
.fs-1-5{font-size: 1.5rem; line-height: 1.5rem;}
.fs-1-6{font-size: 1.6rem; line-height: 1.6rem;}
.fs-1-7{font-size: 1.7rem; line-height: 1.7rem;}
.fs-1-8{font-size: 1.8rem; line-height: 1.8rem;}
.fs-1-9{font-size: 1.9rem; line-height: 1.9rem;}
.fs-2{font-size: 2rem; line-height: 2rem;}
.fs-2-5{font-size: 2.5rem; line-height: 2.5rem;}
.fs-3{font-size: 3rem; line-height: 3rem;}
.fs-3-5{font-size: 3.5rem; line-height: 3.5rem;}
.fs-4{font-size: 4rem; line-height: 4rem;}
.fs-4-5{font-size: 4.5rem; line-height: 4.5rem;}
.fs-5{font-size: 5rem; line-height: 5rem;}


/***************************************************************
*                                                              *
*                                                              *
*              Font Weights                                    *
*                                                              *
*                                                              *
***************************************************************/
.font-weight-400{
    font-weight: 400;
}
.font-weight-600{
    font-weight: 600;
}
.font-weight-700{
    font-weight: 700;
}
.font-weight-900{
    font-weight: 900;
}
/***************************************************************
*                                                              *
*                                                              *
*              Colors                                          *
*                                                              *
*                                                              *
***************************************************************/
.color-1{
    color: #158dee !important;
}
.background-1{
    background-color: #158dee !important;
}

.color-2{
    color: #939598 !important;
}

.background-2{
    background-color: #939598 !important;
}



.color-3{
    color: #636466 !important;
}

.background-3{
    background-color: #636466 !important;
}

.color-4{
    color: #27292a !important;
}

.background-4{
    background-color: #27292a !important;
}

.color-5{
    color: #f65c59 !important;
}

.background-5{
    background-color: #f65c59 !important;
}

.btn-color-5{
    background-color: #f65c59 !important;
    color: #fff;
    padding: 10px 20px;

}

.btn-grey{
    background-color: #e8eff2;
    color: #000;
    border: none;
    padding: 10px 20px;
}


/***************************************************************
*                                                              *
*                                                              *
*              Popover Element                                 *
*                                                              *
*                                                              *
***************************************************************/
.popover{
    background-color: #27292a;
    border-radius: 12px;
    left: 5px !important;

}

.bs-popover-right > .arrow::after{
    border-right-color: #27292a;
}

.bs-popover-left > .arrow::after{
    border-left-color: #27292a;
}

.popover-body{
    color: #fff;
    font-size: 1.2rem;
    padding: 10px 30px;
    font-weight: bold;
}

/***************************************************************
*                                                              *
*                                                              *
*              Badge Element                                   *
*                                                              *
*                                                              *
***************************************************************/
.badge{
    border-radius: 0;
}

/***************************************************************
*                                                              *
*                                                              *
*              Card Element                                    *
*                                                              *
*                                                              *
***************************************************************/
.card-header{
    background-color: #27292a;
    color: #fff;
    padding: 15px 10px;

}

.card-body-blue{
    background-color: #e8eff2;
    color: #158dee;
    border-radius: 0;
    border: none;

}

.card-body-blue a{
    font-size: 1.2rem;
    margin-top: 8px;
    font-weight: 700;
}

/***************************************************************
*                                                              *
*                                                              *
*              Sidebar Element                                 *
*                                                              *
*                                                              *
***************************************************************/
.img-sidebar-realsale-logo{
    width: 100%;
    max-width: 125px;

}

/* .div-main-sidebar-inner{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    min-height: 100vh;
    position: fixed;
    width: 100%;
} */

.div-main-sidebar-footer{
    width: 100%;
}
.p-main-sidebar-1{
    text-align: center;
    color: #939598;
    font-size: 1.4rem;

}

.p-main-sidebar-2{
    text-align: center;
    color: #636466;
    font-size: 1.4rem;
}

@media (max-width: 991px){
    .img-sidebar-realsale-logo-mobile{
        width: 100%;
        max-width: 100px;
    }

    .p-main-sidebar-1{
        font-size: 1.2rem;
    }
    .p-main-sidebar-2{
        font-size: 1rem;
    }

    .p-main-sidebar-2 a{
        font-size: 1.2rem;
    }
}
/***************************************************************
*                                                              *
*                                                              *
*              Pagination Element                              *
*                                                              *
*                                                              *
***************************************************************/
.div-purchaser-profile-pagination{
  display: flex;
  flex-flow: row wrap;
}

.ul-pagination{
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  padding-left: 0;
}



.ul-pagination .next{
  margin-left: 5px;
  padding-left: 5px;
}
/***************************************************************
*                                                              *
*                                                              *
*              Bootstrap Carousel                              *
*                                                              *
*                                                              *
***************************************************************/
.carousel-indicators{
  top: 0;
  z-index: 0;
  position: relative;
}

.carousel-indicators li{
  background: transparent;
  border: 1px solid black;
  height: 30px;
}

.carousel-indicators .active{
  border: 1px solid #b00;
}

/***************************************************************
*                                                              *
*                                                              *
*              Sold Out Banner                                 *
*                                                              *
*                                                              *
***************************************************************/
.div-sold-out-right-banner {
    position: absolute;
    font-size: 0.8rem;
    text-align: center;
    width: 100%;
    max-width: 150px;
    top: 0;
    right: 0;
    z-index: 2;
}

/***************************************************************
*                                                              *
*                                                              *
*              Toast Element                                   *
*                                                              *
*                                                              *
***************************************************************/
.toast-right{
  position: absolute;
  right: 0;
  top: 150px;
  z-index: 3
}

/***************************************************************
*                                                              *
*                                                              *
*              Login Page                                      *
*                                                              *
*                                                              *
***************************************************************/

.div-logo{
    margin-top: 0;
    margin-bottom: 0;
    height: 200px;
}

.p-sign-up{
    font-size: 1.8rem;
}

.p-sign-up a{
    font-size: 1.8rem;
}

.div-login-page-builders{
    height:200px;
    display:flex;
    align-items:center;
}


.div-login-section{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    height: 100vh;
}
.div-user-login-section{
    width: 100%;
    text-align: center;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start;
}

.form-control-user {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-bottom: 1px solid #939598;

    -webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
}

.div-login-button{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-login{
  width: 100%;
  max-width: 150px;


}
.img-impact-north-logo{
    max-width: 300px;
    height: auto;
}

.img-login-realsale-logo{
    width: 100%;
    max-width: 150px;
    position: absolute;
    right: 15px;
    top: 30px;
}

.div-login-copy-section{
    background-color: #27292a;


}

.div-row-login-height{
    height: 100vh;
}

.div-login-copy-section-mobile{
    bottom: 0;
    left: 0;
    right: 0;

}

.div-login-expand-mobile{
    height: 100vh;
}

.div-login-copy{
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}

.p-welcome-header{
    font-size: 3.0rem;
    color: #ffffff;

}
.p-welcome-header-desktop-two{
    font-size: 3.7rem;
    color: #ffffff;
}

.p-welcome-copy{
    margin-top: 30px;
    font-size: 1.4rem;
    color: #ffffff;
}

.div-login-footer{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    color: #939598;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.card-login {
  width: 100%;
  max-width: 600px;
}

.div-login-forgot-register{
    display: flex;
    justify-content: space-between;
}

.div-what-is-realsale{
    height: 50px;
    background-color: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}
.div-what-is-realsale-inner{
    background-color: #27292a;
    color: #fff;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 15px;

}

.img-login-realsale-logo-small{
    max-width: 125px;
    width: 100%;
    margin-bottom: 30px;

}

@media (max-width:991px){
    /* .div-logo{
        margin-top: 0;
        margin-bottom: 30px;
    } */
    .div-login-section{
        justify-content: space-around;
    }


    .div-login-copy {
        width: 100%;
        max-width: 300px;
        margin-left: unset;
        margin-right: unset;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: flex-start;

    }

    .div-row-login-height{
        height: auto;

    }

    .img-login-realsale-logo-mobile{
        max-width: 150px;
        width: 100%;
        margin-top: 30px;

    }

    .div-login-footer-mobile{
        padding: 0 30px;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: flex-start;
        background-color: #27292a;
    }

    .p-welcome-copy{
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .p-welcome-header-two{
        font-size: 3.5rem;
        color: #ffffff;

    }

    .img-login-realsale-logo-small{
        max-width: 90px;
        width: 100%;
        margin-bottom: 30px;

    }

}

/***************************************************************
*                                                              *
*                                                              *
*              Top Bar Element                                 *
*                                                              *
*                                                              *
***************************************************************/
.div-img-topbar-logo{
  width: 100%;
  max-width: 200px;
  margin-top: 15px;
}


.img-topbar-logo{
  width: 100%;
  max-width: 125px;

}

.img-topbar-builder-logo{
    width: 100%;
    max-width: 75px;
    margin-top: 15px;
}


.img-realsale-logo{
    width: 100%;
    max-width: 50px;
}
.p-topbar-app{
  margin-bottom: 0;
  margin-top: 15px;
}

.p-topbar-app a{
  font-size: 2rem;
  color: #b00;
}


/* to center the menu, need to keep this the same
size as the topbar logo */
.div-topbar-menu{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 200px;
  margin-top: 15px;

}


.div-topbar{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.div-header{
  height: 125px;
  flex: 0 0 125px;
  margin-right: 200px;
  position: relative;
}


.div-menu-mobile-right {
    cursor: pointer;
    margin-left: 15px;
    margin-right: 15px;
}

.div-mobile-line {
    width: 35px;
    height: 5px;
    background-color: #003362;
    margin: 6px 0;
}

.span-topbar-username{
  font-size: 1.4rem;
}

.moby .moby-close .moby-close-icon::before{
  margin-top: -2px;
}


.img-mobile-indent-icon{
    width: 100%;
    max-width: 15px;
    margin-right: 15px;
    margin-bottom: 7px;
}

@media (max-width: 991px){
    .div-header{
        margin-right: 0;
        position: fixed;
        width: 100%;
        z-index: 10;
        background: white;
    }




}
@media (max-width: 767px){
    .div-header{
        height: 100px;
        flex: 0 0 100px;

    }

  .p-topbar-app a{
    font-size: 1.2rem;
  }

  .div-topbar-menu,
  .div-img-topbar-logo{
    width: 125px;
  }

  .div-topbar-menu span{
    font-size: 1.2rem;
  }
}

@media (max-width: 525px){
  .div-topbar{
    justify-content: space-around;
  }
  .div-topbar-menu,
  .div-img-topbar-logo{
    width: 75px;
    margin-top: 15px;
  }

  .p-topbar-app{
    margin-top: 0;
  }
}



.ul-main-nav{
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  margin-top: 25px;

}

.li-main-nav{
  text-align: left;
  width: 300px;



}




.moby ul li a.a-menu-grey-link{
  background-color: #d3d3d3;
  color: #555555;
  margin-top: 30px;
  padding: 10px 30px;
}

a.a-menu-link{
    color: #939598;
}

#moby1 {
    background: #ffffff;
    color: #000000;
}

.moby .moby-close{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: #ffffff;
    color: #939598;
    text-transform: unset;
    font-size: 2rem;
    line-height: 2.4rem;
}

.moby .moby-close .moby-close-icon {
    height: 26px;
    width: 26px;
}

.moby .moby-close .moby-close-icon::before,
.moby .moby-close .moby-close-icon::after {
    color: #939598;
    background: #939598;

}

.moby .moby-close .moby-close-icon::before {
    height: 4px;
    top: 13px;

}

.moby .moby-close .moby-close-icon::after {
    width: 4px;
    left: 12px;


}


.span-moby-close{
    margin-left: -11px;
}

.moby ul li a {
    color: #000000;
    font-size: 1.4rem;
    font-weight: bold;
    display: inline-block;
    padding-top: 10px;
}

.moby ul li div a{
    color: #939598;
}

@media screen and (max-width: 1200px ){
    .moby ul li a .moby-expand {
        right: 335px;
    }
}
@media screen and (max-width: 991px ){
    .moby ul li a .moby-expand {
        right: 215px;
    }

    .span-moby-close{
        display: none;
    }
}
@media screen and (max-width: 766px ){
    .moby ul li a .moby-expand {
        right: 160px;
    }

}
@media screen and (max-width: 505px ){
  .p-topbar-app{
    font-size: 1.4rem;
    color: red;
    margin-bottom: 0;
  }
    .moby ul li a .moby-expand {
        right: 140px;
    }

    .img-topbar-logo{
      width: 100%;
      max-width: 125px;
      margin-top: 15px;
    }

    .img-topbar-builder-logo{
      width: 100%;
      max-width: 75px;
      margin-top: 15px;
    }

    .div-menu-mobile-right{
      width: 100%;
      max-width: 50px;
      margin-top: 0;
    }
}
@media screen and (max-width: 475px ){
    .moby ul li a .moby-expand {
        right: 100px;
    }
}
@media screen and (max-width: 395px ){
    .moby ul li a .moby-expand {
        right: 70px;
    }
    .moby .moby-close{
        padding: 30px 15px 15px 30px;
    }
}

/***************************************************************
*                                                              *
*                                                              *
*              Flash Element                                   *
*                                                              *
*                                                              *
***************************************************************/
.alert-flash{
    margin-right: 200px;
    border-radius: 0;
    margin-bottom: 0;
}

@media (max-width: 991px){
    .alert-flash{
        margin-right: 0;
        border-radius: 0;
        margin-bottom: 15px;
    }
}

/***************************************************************
*                                                              *
*                                                              *
*              Form Elements                                   *
*                                                              *
*                                                              *
***************************************************************/
div .input{
  text-align: left;
}

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

.form-group{
  width: 100%;
}

.form-control-max-width-400{
    max-width: 400px;
}

.form-control-max-width-600{
    max-width: 600px;
}

.form-check-label{
  cursor: pointer;
}
.error-message{
  background: #d3455b;
  padding-top: 10px;
  padding-bottom: 10px;
}

.width-100{
    width: 100px;
}


input[type="radio"] {
  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  display: inline-block;
  width: 15px;
  height: 15px;
  padding: 2px;
  /* background-color only for content */
  background-clip: content-box;
  border: 1px solid #bbbbbb;
  background-color: #fff;
  border-radius: 50%;


}

/* appearance for checked radiobutton */
input[type="radio"]:checked {

  background-color: #158dee;
}


/* optional styles for centering radiobuttons */
.minimal {
  display: flex;
  align-items: center;
}

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


select.minimal {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #27292a 50%),
    linear-gradient(135deg, #27292a 50%, transparent 50%);

  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px);

  background-size:
    5px 5px,
    5px 5px;

  background-repeat: no-repeat;
  font-weight: bold;
  text-align: left;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, #27292a 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #27292a 50%);

  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em;
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
  border-color: #d3dee4;
  outline: 0;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.error-message ul{
  color: #ffffff;
}

.div-form-profile-section{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.div-form-profile-1{
  width: 100%;
  flex: 1 1 auto;
  padding-left: 5px;
  padding-right: 5px;
}

.div-form-profile-2{
  width: 47%;
  flex: 1 1 47%;
  padding-left: 5px;
  padding-right: 5px;

}

.div-form-profile-3{
  width: 30%;
  flex: 0 0 30%;
  padding-left: 5px;
  padding-right: 5px;

}

.form-radio-yes-no{
    width: 100px;
}

.form-radio-custom-label{
    width: 300px;
}

.form-radio-margin-left{
    margin-left: -2rem;
}

div.input label{
    color: #27292a;
    font-size: 1.5rem;
    font-weight: bold;
}

div.input.datetime > select{
    display: inline-block;
    height: calc(1.5em + .75rem + 2px);
    margin-left: 15px;
    padding: .375rem .75rem;
    font-size: 1.4rem;
    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;
}

.input-disabled{
    background-color: #e9ecef;
    opacity: 1;
    display: block;
    color: #495057;
    padding: 10px 5px;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-postal-code,
.form-brokerage-postal-code{
    text-transform: uppercase;
}


@media (max-width: 991px){
    .div-form-profile-1,
    .div-form-profile-2,
    .div-form-profile-3{
        width: 100%;
        flex: 1 1 auto;
        padding-left: 5px;
        padding-right: 5px;
    }


}
/***************************************************************
*                                                              *
*                                                              *
*              Footer Element                                  *
*                                                              *
*                                                              *
***************************************************************/
.div-back-to-main-menu{
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
.a-back-to-main-menu-link{
  padding: 10px 30px;
  border: 1px solid #e3e6f0;
}

.div-disclaimer {
    max-width: 600px;
    margin-top: 15px;
}

.p-disclaimer{
    font-size: 1.2rem;
    margin: 0 15px 0 15px;
    text-align: center;
}

.div-builder-logo{
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  margin-right: 200px;
  margin-bottom: 3rem;
}

.div-main-sidebar-footer-mobile-1,
.div-main-sidebar-footer-mobile-2{

    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.div-main-sidebar-footer-mobile-2{
    background-color: #383a3a;
}
.img-builder-logo{
  width: 100%;
  max-width: 125px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}

.img-builder-logo-login{
  width: 100%;
  max-width: 175px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  margin-top: 15px;
}

.img-client-logo-login{
  width: 100%;
  max-width: 250px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  margin-top: 30px;
}

.sticky-footer{
  height: 50px;
  flex: 0 0 50px;
  background-color: #c3cfd9;
  color: #ffffff;
}

.copyright{
  display: flex;
  height: 50px;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
}

@media (max-width:991px){
    .div-builder-logo{
        margin-right: 0;
        padding: 0 15px;
    }

    .img-client-logo-login{
        margin-top: 15px;
    }

    .img-builder-logo-login{
        margin-bottom: 15px;
    }
}


/***************************************************************
*                                                              *
*                                                              *
*              Home Page                                       *
*                                                              *
*                                                              *
***************************************************************/
.div-homepage-all-options{
    display: flex;
    justify-content: center;
}

.div-homepage-left-options,
.div-homepage-right-options{
    width: 100%;
    max-width: 600px;
}

.div-homepage-width{
    width: 100%;
    max-width: 600px;
}

.p-homepage-copy{
    font-size: 1.6rem;
}

.a-homepage-appointment{
    background-color: #158dee;
    color: #fff;
    font-size: 2rem;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    padding: 1rem 0;
}

.a-homepage-long-text span{
    font-size: 1.6rem;
    padding: 0 30px;

}

.a-homepage-clients{
    background-color: #f65c59;
    color: #fff;
    font-size: 2rem;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    width: 100%;
}

.a-homepage-clients:hover{
    color: #fff;
}

.a-homepage-site-plan{
    background-color: #27292a;
    color: #fff;
    display: block;
    height: 125px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 2rem;

}


.a-homepage-appointment-realtor{
    background-color: #158dee;
    color: #fff;
    font-size: 2rem;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding-right: 15px;
}

.a-homepage-appointment-realtor span{
    padding: 0 15px;
}

.a-homepage-site-plan:hover,
.a-homepage-appointment:hover,
.a-homepage-appointment-realtor:hover{
    color: #fff;
}

.btn-homepage-community,
.btn-homepage-resources{
    height: 125px;
    font-size: 2rem;
    text-align: start;
    padding-left: 0;
    background-color: #27292a;
    color:#ffffff;
    border:none;
    font-family: 'Manrope';
}

.btn-homepage-admin{
    height: 60px;
    font-size: 1.6rem;
    text-align: start;
    padding-left: 0;
    background-color: #27292a;
    color:#ffffff;
    border:none;
    font-family: 'Manrope';
}

.div-homepage-right-inner{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 395px;
    width: 100%;

}


.div-homepage-right-clients{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 260px;
    width: 100%;
}


.div-homepage-right-inner-realtor{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 125px;
    width: 100%;

}

.img-homepage-pin-icons{
    width: 100%;
    max-width: 25px;
    margin-right: 20px;
    margin-left: 15px;
    margin-bottom: 5px;
    margin-top: 3px;
}

.img-homepage-pin-large-icons{
    width: 100%;
    max-width: 35px;
    margin-right: 15px;
    margin-left: 10px;
    margin-bottom: 5px;
    margin-top: 3px;
}

.img-heart-icons{
    width: 100%;
    max-width: 10px;
    margin-right: 20px;
    margin-left: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.a-homepage-abs-link{
    width: 100%;
    max-width: 600px;
    height: 100px;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;

}

.a-homepage-abs-link-button{
    width: 100%;
    max-width: 600px;
    height: 75px;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;

}

.p-homepage-starting-from{
    font-size: 2rem;
}

.div-login-mobile-top{
    height: auto;
}

@media (max-width: 991px){
    .div-homepage-all-options{
        flex-flow: column nowrap;
        align-items: center;
        justify-content: center;
    }

    .div-homepage-right-inner{
        height: 80px;
        margin-top: 1rem;
        justify-content: flex-start;

    }

    .a-homepage-site-plan,
    .btn-homepage-community,
    .btn-homepage-resources{
        height: 60px;
        font-size: 1.6rem;
    }

    .div-homepage-right-inner-realtor{
        height: 80px;
        margin-top: 1rem;
        justify-content: flex-start;

    }

    .div-homepage-right-clients{
        height: 60px;
        justify-content: flex-start;
        margin-top: 1rem;
    }

    .a-homepage-appointment{
        flex-flow: row nowrap;
        justify-content: flex-start;
        font-size: 1.6rem;
    }

    .a-homepage-long-text span{
        font-size: 1.2rem;
        padding: 0 15px 0 0;
    }


    .a-homepage-clients{
        flex-flow: row nowrap;
        justify-content: flex-start;
        font-size: 1.6rem;

    }

    .a-homepage-appointment-realtor{
        font-size: 1.6rem;
    }


    .a-homepage-appointment-realtor span{
        text-align: left;
        padding: 0;
    }

    .img-homepage-pin-large-icons{
        max-width: 25px;
        margin-right: 20px;
        margin-left: 15px;
    }

    .span-homepage-appointment-block{
        display: block;
    }

    .a-homepage-abs-link{
        width: 100%;
        max-width: 600px;
        height: auto;
        min-height: 60px;
        font-size: 1.2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 15px;

    }

    .p-homepage-starting-from{
        font-size: 1.8rem;
    }


}

@media (max-width: 561px){
    .p-homepage-starting-from{
        font-size: 1.4rem;
    }
}


/***************************************************************
*                                                              *
*                                                              *
*              Price List Bonus Package                        *
*                                                              *
*                                                              *
***************************************************************/
.p-price-list-bonus-package{
    font-size: 1.8rem;
    font-weight: 600;
}

@media (max-width: 991px){
    .p-price-list-bonus-package{
        font-size: 1.4rem;
    }
}





/***************************************************************
*                                                              *
*                                                              *
*              Main Dashboard                                  *
*                                                              *
*                                                              *
***************************************************************/
.div-main-dashboard{
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.a-main-dashboard-link{
  border: 1px solid #c3cfd9;
  padding: 10px 30px;
  margin-top: 15px;
  width: 100%;
  text-align: center;
  color: #000000;
  text-transform: uppercase;
}

.p-main-dashboard-admin{
  font-weight: 700;
  color: #b00;
  font-size: 2.3rem;

}

.a-main-dashboard-make-sale-link{
    height: 60px;
    font-weight: bold;
    font-size: 1.6rem;
    text-align: start;
    padding-left: 15px;
    background-color: #f65c59;
    color:#ffffff;
    border:none;
    font-family: 'Manrope';
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}


.a-main-dashboard-make-sale-link:hover{
    color: #fff;
}

.a-main-dashboard-secondary-link{
  background-color: #c78ac7;
  border: 2px solid #7a0070;
  padding: 10px 30px;
  margin-top: 15px;
  width: 100%;
  text-align: center;
  color: #293845;
  text-transform: uppercase;
}


.div-next-appointment-header{
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.8rem;
}

.moby ul li a.a-menu-make-sale-link{
  color: #b00;
}


.div-mobile-center-logo{
    position:absolute;
    top:-68px;
}

@media (max-width:991px){
    .div-mobile-center-logo{
        position:absolute;
        top:-53px;
    }

    .a-main-dashboard-make-sale-link{
        height: 60px;
    }
}
/***************************************************************
*                                                              *
*                                                              *
*              Required to Purchase Section                    *
*                                                              *
*                                                              *
***************************************************************/
.div-required-to-purchase-credit-card{
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-top: 30px;
}


.div-required-to-purchase-credit-card-left{
  flex: 1 1 auto;
  width: 100%;
  max-width: 500px;
}

.div-required-to-purchase-credit-card-right{
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.img-required-to-purchase-credit-cards{
  width: 100%;
  max-width: 400px;
}

.table-required-to-purchase{
  width: 100%;
  max-width: 400px;

}

.table-required-to-purchase td{
    padding: 2px 0;
}

.div-required-to-purchase-sample-image{
  text-align: left;
}

.div-deposit-structure-table{
    margin-top: 15px;
}

@media (max-width: 991px){
  .div-required-to-purchase-credit-card{
    flex-flow: column nowrap;
  }

  .div-required-to-purchase-credit-card-left{
    max-width: 100%;
  }
  .div-required-to-purchase-credit-card-right{
    justify-content:center;
  }

  .div-required-to-purchase-sample-image{
      text-align: left;
  }
}
/***************************************************************
*                                                              *
*                                                              *
*              Feature Sheet Section                           *
*                                                              *
*                                                              *
***************************************************************/
.div-feature-sheet-list{
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

.a-feature-sheet-pdf-link{
  padding: 10px 20px;
  border: 1px solid #158dee;
  margin-top: 15px;
  color: #ffffff;
  background-color: #158dee;
  text-align: center;
  width: 100%;
  max-width: 250px;
  font-size: 1.4rem;

}

.a-feature-sheet-pdf-link:hover{
    color: #fff;
}


/***************************************************************
*                                                              *
*                                                              *
*              Panzoom Buttons                                 *
*                                                              *
*                                                              *
***************************************************************/
.btn-panzoom-in{
    position: absolute;
    left:0;
    bottom: 0;
    width:100px;
    padding: 0 10px;
    background-color: #27292a;
    color: #ffffff;
    height: 40px;
    border: none;

}

.btn-panzoom-out{
    position: absolute;
    left:115px;
    bottom: 0;
    width:100px;
    padding: 0 10px;
    background-color: #27292a;
    color: #ffffff;
    height: 40px;
    border: none;
}

.span-panzoom-plus,
.span-panzoom-minus{
    font-size: 1.6rem;
    color: #158dee;
    font-weight: 700;
    padding-right: 5px;
}




/***************************************************************
*                                                              *
*                                                              *
*              Site Plan Page                                  *
*                                                              *
*                                                              *
***************************************************************/
.iframe-site-plan{
  width: 100%;
  height: 80vh;
}

.iframe-active-site-plan{
  width: 100%;
  height: 70vh;
  border: 1px solid #d3dee4;
}

.div-view-site-plan-pdf{
  text-align: center;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}

.div-siteplan-pdf-section{
  display: flex;
  justify-content: center;
  align-items: center;
}

.a-view-site-plan-pdf{
  padding: 10px 30px;
  border: 1px solid #c3cfd9;
  margin-top: 15px;
  color: #000000;
  text-transform: uppercase;
}

.btn-reset-site-plan{
    font-size: 1.4rem;
}


/***************************************************************
*                                                              *
*                                                              *
*              Available Models Page                           *
*                                                              *
*                                                              *
***************************************************************/
.a-available-models-favourites-link{
  border: 1px solid #c3cfd9;
  padding: 10px 5px;
  margin-left: 5px;
  margin-right: 5px;
  width: 100%;
  max-width: 225px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.2rem;
    font-weight: 600;
}

.img-each-available-model{
  width: 100%;
  height: auto;
}

.div-each-available-model{
    position: relative;
    border: 1px solid #d3dee4;
}

.div-each-available-model-info{
    padding: 10px 15px;
}
.div-each-available-model-section{
  margin-top: 50px;
}

.div-available-model-card-height{
    height: 650px;
}

.p-model-sqft{
    display: flex;
    align-items: center;
}

.span-model-information{
    padding-left: 5px;
    padding-right: 5px;
    font-size: 2rem;
    color: #d3dee4;

}

.div-each-available-model-image{
    position: relative;
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.button-each-available-model-heart{
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  padding-left: 0;
  padding-right: 0;
}


.div-available-model-stats{
  position: absolute;
  top: 10px;
  left: 5px;
  color: #fff;
}


.img-each-available-model-heart{

  width: 100%;
  max-width: 25px;
  height:auto;

}

.div-filters{
  display: flex;
  flex-flow: row wrap;
  height: auto;
  justify-content: space-between;
  align-items: center;
}

.div-filters p{
  margin-bottom: 0;
}

.p-available-models-links{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    height: unset;
}
@media (max-width:991px){
    .p-available-models-links{
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        align-items: center;
        height: 100px;
    }
    .div-filters{
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        align-items: center;
        height: auto;

    }

    .div-available-model-card-height{
        height: auto;
    }
}

@media (max-width:767px){
    .div-each-available-model-image{
        position: relative;
        width: 100%;

        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
}
/***************************************************************
*                                                              *
*                                                              *
*              View Model Page                                 *
*                                                              *
*                                                              *
***************************************************************/


.div-view-model-section{
  width: 100%;
  position: relative;
  border-bottom: 1px solid #d3dee4;

}



.img-view-model-rendering{
  width: 100%;
  height: auto;
}


.div-view-model-sidebar{
    display: flex;
    flex-flow: column nowrap;
}

.button-view-model-sidebar{
  background: none;
  border: none;
  position: relative;
  padding-left: 0;
  padding-right: 0;

}

.p-view-model-sidebar,
.p-view-model-sidebar-loft,
.p-view-model-sidebar-rear{

  position: absolute;
  left: 0;
  top: 30px;
  height: 36px;
  background-color: #b00;
  padding: 3px 10px 3px 15px;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  z-index: 2;
}

.p-view-model-sidebar::after,
.p-view-model-sidebar-loft::after,
.p-view-model-sidebar-rear::after {
    content: '';
    position: absolute;
    top: 0;
    right: -6px;
    width: 0;
    height: 36px;
    border-top: 17px solid #b00;
    border-bottom: 17px solid #b00;
    border-right: 6px solid transparent;
}


.p-view-model-sidebar-small{

  position: absolute;
  left: 0;
  top: 30px;
  height: 36px;
  background-color: #b00;
  padding: 3px 10px 3px 15px;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  z-index: 2;
}

.p-view-model-sidebar-small::after {
    content: '';
    position: absolute;
    top: 0;
    right: -6px;
    width: 0;
    height: 36px;
    border-top: 17px solid #b00;
    border-bottom: 17px solid #b00;
    border-right: 6px solid transparent;
}

.button-view-model-heart{
  position: absolute;
  top: 15px;
  right: 30px;
  background: none;
  border: none;
  padding-left: 0;
  padding-right: 0;
}

.div-view-model-download-section{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.div-view-model-brochure{
    background-color: #e8eff2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 30px;
    margin-top: 5px;
    position: relative;

}

.div-view-model-stats{
  position: absolute;
  top: 15px;
  left: 5px;
  color: #fff;
}

.span-stats-highlight{
  font-size: 1.7rem;
}

.div-view-model-stats div{
  font-size: 2rem;
}


.img-view-model-heart{

  width: 100%;
  max-width: 60px;
  height:auto;
}

.img-view-model-heart-small{

  width: 100%;
  max-width: 30px;
  height:auto;
}

.img-favourite-lots-heart{
  width: 100%;
  max-width: 15px;
  height:auto;
}

.div-view-model-info-section{
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;

}



.div-view-model-available-section{
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}


.div-view-model-available-lot-section{
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  margin-left: 30px;
  width: 80%;
  height: auto;
}

.span-class-view-model-lot-available,
.span-view-model-on-siteplan{
  white-space: pre-wrap;
}


.div-compare-floorplan-section{
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.div-view-model-area-lot-section,
.div-view-model-beds-baths-section{
    display: flex;
    flex-flow: row nowrap;
}

.p-view-model-each-element{
    font-size: 1.8rem;
    width: 200px;
    margin-top: 10px;
}

.div-vertical-divider{
    border-right: 1px solid #d3dee4;
    height: calc(100% - 40px);
    margin-top: 20px;
}


.div-desktop-available-lots{
    max-width: 150px;
    margin-left: 15px;
}

.div-available-on-lot a{
    color: #939598;
}

@media (max-width: 991px){
    .div-view-model-download-section{
        flex: 0 0 100px;
        width: 100px;
    }


    .div-vertical-divider{
        display: none;
    }

    .div-horizontal-divider{
        border-bottom: 1px solid #d3dee4;
        width: calc(100% - 40px);
        margin-top: 20px;
    }

    .p-view-model-each-element{
        font-size: 1.4rem;
        width: 150px;
    }

    .div-compare-floorplan-section{
        position: relative;
        right: unset;
        bottom: unset;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px;
    }

   .div-view-model-available-section{
        height: unset;
    }

    .div-view-model-available-lot-section {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 80%;
        height: 200px;
        align-items: center;
    }



    .div-view-model-beds-baths-section{
        margin-top: 30px;
    }

    .div-view-model-brochure{
        background-color: #e8eff2;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 15px 10px;
        margin-top: 5px;
        width: 100px;

    }
}

@media (max-width: 767px){
    .div-view-model-sidebar{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;

    }
    .button-view-model-sidebar{
        width: 50%;
    }
}

@media (max-width: 525px){
    .p-view-model-each-element{
        width: 100px;
    }

    .div-view-model-available-section{
        height: unset;
    }
}

/***************************************************************
*                                                              *
*                                                              *
*              Model Floorplan Page                            *
*                                                              *
*                                                              *
***************************************************************/
.img-view-model-floorplan{
  width: 100%;
  /*display: block;
  margin-left: auto;
  margin-right: auto;*/
  height: auto;
}

/***************************************************************
*                                                              *
*                                                              *
*              Compare Floorplans                              *
*                                                              *
*                                                              *
***************************************************************/
.div-compare-floorplans-heading{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 35px;
}

.div-each-compare-floorplan-section{
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.div-left-select-image-compare-floorplans,
.div-right-select-image-compare-floorplans{
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-top: 15px;
}

.contain-left-image,
.contain-right-image{
    border: 1px solid #d3dee4;
}

.a-compare-floorplans{
  border: 1px solid #c3cfd9;
  padding: 10px 5px;
  margin-left: 5px;
  margin-right: 5px;
  width: 100%;
  max-width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 600;
}
.span-divider{
  flex: 0 0 10px;
}
.img-select-compare-floorplan-left,
.img-select-compare-floorplan-right{
  flex: 1 1 40%;
  cursor: pointer;

}

.div-each-compare-floorplan-section .form-group
{
  z-index: 3;
}

@media (max-width: 767px){
  .h2-header-left,
  .h2-header-right{
    text-align: center;
    font-size: 1.4rem;
  }
}




/***************************************************************
*                                                              *
*                                                              *
*              Lot Number                                      *
*                                                              *
*                                                              *
***************************************************************/
.div-lot-number-heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.img-heart-lot-number{
    width: 100%;
    max-width: 25px;
}

@media (max-width:991px){
    .div-lot-number-heading{
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }
}






/***************************************************************
*                                                              *
*                                                              *
*              Book Appointment Page                           *
*                                                              *
*                                                              *
***************************************************************/
.btn-book-appointment{
  background: none;
  border: none;
  color: #2c88d9;
  text-transform: uppercase;
  margin-top: 15px;
  font-weight: bold;
  font-size: 1.6rem;
}

.btn-book-appointment:disabled{
    color: #939598;
}

.div-sa-book-appointment-time-slot{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    min-height: 500px;
}

.div-book-appointment-time-slot{
    margin-left: 5px;
    margin-right: 5px;
}

.btn-book-appointment-time-slot{
  background: #e8eff2;
    border:none;
  padding: 20px 30px;
  color: #000000;
  font-weight: bold;
  margin-top: 15px;
  width: 100%;
  max-width: 400px;

}


.disabled-book-appointment-time-slot{
  background: #e8eff2;
    border:none;
  padding: 20px 30px;
  color: #aaa;
  font-weight: bold;
  margin-top: 15px;
  width: 100%;
  max-width: 400px;

}



.btn-book-appointment-time-slot-highlighted{
  background: #939598;
  color: #fff;
  border: none;

}

.btn-book-appointment-communication{
  background: none;
  border: 2px solid #d3d3d3;
  padding: 10px 30px;
  color: #000000;
  margin-top: 15px;
  width: 200px;
  font-size: 1rem;

}

.btn-book-appointment-communication-highlighted{
  background: #636466;
  border: 2px solid #636466;
  color: #fff;

}

.form-book-appointment-email,
.form-book-appointment-phone,
.form-book-appointment-contact-info{
  width: 100%;
  max-width: 600px;
}


.p-book-appointment-email{
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px){

    .div-sa-book-appointment-time-slot{
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }


  .form-book-appointment-email,
  .form-book-appointment-phone,
  .form-book-appointment-contact-info{
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-right: 0;
      margin-left: auto;
      margin-right: auto;
  }

  .p-book-appointment-email{
    width: 100%;
    max-width: 300px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
  }

}

/***************************************************************
*                                                              *
*                                                              *
*              Appointment Information                         *
*                                                              *
*                                                              *
***************************************************************/
.p-appointment-information-date-time{
  font-size: 1.6rem;
}

.div-appointment-information-cancel-section{
  display: flex;
  justify-content: center;
}

.p-appointment-record-contact-info{
    font-size: 3rem;
    line-height: 3rem;
}

@media (max-width: 991px){
    .p-appointment-record-contact-info{
        font-size: 2rem;
        font-size: 2rem;
    }
}

/***************************************************************
*                                                              *
*                                                              *
*              View Appointment Slots                          *
*                                                              *
*                                                              *
***************************************************************/
.span-vip-broker-text{
    color: #6558f5;
}

/***************************************************************
*                                                              *
*                                                              *
*              View Appointment Options                        *
*                                                              *
*                                                              *
***************************************************************/
.a-main-text-red-link{
  border: 1px solid #c3cfd9;
  padding: 10px 30px;
  margin-top: 15px;
  width: 100%;
  text-align: center;
  color: #b00;
  text-transform: uppercase;
}

.a-main-text-red-link:hover{
  color: #b00;
}

/***************************************************************
*                                                              *
*                                                              *
*              Pending Appointments                            *
*                                                              *
*                                                              *
***************************************************************/
.btn-pending-appointment{
  background: none;
  border: none;
  color: #2c88d9;
  text-transform: uppercase;
}

.div-pending-appointment-time-slot{
  position: relative;
}
.a-pending-appointment-link{
  padding: 10px 20px;
  border: 1px solid #ccc;
  color: #6558f5;
  width: 100%;
  display: block;
  font-size: 1.4rem;
}

.a-pending-appointment-link:hover{
  color: #6558f5;
}

.btn-pending-appointment-delete{
  width: 10px;
  position: absolute;
  right: 15px;
  top:5px;
}

.img-appointment-circle-x{
    width: 15px;
    height: auto;
    cursor: pointer;
    padding-right: 7px;
}
.img-circle-x{
  vertical-align: top;
  width: 15px;
  height: auto;
}


/***************************************************************
*                                                              *
*                                                              *
*              Confirm Appointment Agent                       *
*                                                              *
*                                                              *
***************************************************************/
.div-confirm-appointment-moc-section{
  margin-top: 30px;
}

.div-confirm-appointment-form-border{
  padding: 10px 30px;
  border: 1px solid #d3d3d3;
  margin-top: 15px;
  text-align: center;
}


/***************************************************************
*                                                              *
*                                                              *
*              View Confirmed Appointment                      *
*                                                              *
*                                                              *
***************************************************************/
.div-view-confirmed-appointment-section{
  margin-top: 30px;
}
.p-view-confirm-appointment{
  margin-top: 15px;
  font-size: 1.5rem;
}

/***************************************************************
*                                                              *
*                                                              *
*              Appointment Calendar Page                       *
*                                                              *
*                                                              *
***************************************************************/
.table-appointment-calendar-month{
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.td-appointment-calendar-month{
  width: 33%;
  text-align: center;
}

.th-appointment-calendar-days{
  padding: 5px 10px;
  border: 1px solid #d3d3d3;
}

.td-appointment-calendar-days{
  padding: 5px 10px;
  border: 1px solid #d3d3d3;
  width: 14%
}

.btn-book-appointment-calendar{
  background: none;
  border: none;
  color: #2c88d9;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.6rem;
}


.badge-circle-pending{
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 50%;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  background-color: #fbe192;
  color: #000000;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.badge-circle-confirmed{
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 50%;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  background-color: #90bcb3;
  color: #000000;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.div-appointment-calendar-legend{
  width: 100%;
  max-width: 300px;
  display: flex;
  justify-content: space-between;
}

/***************************************************************
*                                                              *
*                                                              *
*              Site Plan Control                               *
*                                                              *
*                                                              *
***************************************************************/
.iframe-site-plan-control{
  width: 100%;
  height: 85vh;
}
/***************************************************************
*                                                              *
*                                                              *
*              View File Options                               *
*                                                              *
*                                                              *
***************************************************************/
.a-file-options-link{
  width: 300px;
  padding: 10px 30px;
  border: 1px solid #c3cfd9;
  margin-top: 15px;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
}

.div-upload-file-box{
  border: 1px solid #d3d3d3;
  padding: 30px 100px;
}

@media (max-width: 525px){
  .div-upload-file-box{
    border: 1px solid #d3d3d3;
    padding: 30px 50px;
  }
}
/***************************************************************
*                                                              *
*                                                              *
*              Upload ID Page                                  *
*                                                              *
*                                                              *
***************************************************************/
.p-upload-id-copy{
  font-size: 1.8rem;

}

.div-upload-id-image-section{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.img-edit-profiles{
  width: 100%;
  max-width: 200px;
  height: auto;
}

.img-edit-profiles-samples{
  width: 100%;
  max-width: 200px;
  height: auto;
}

.div-edit-profiles-photo-section{
  margin-top: 30px;
}

.div-edit-profiles-image{
  width: 30%;
  flex: 1 1 30%;
  padding: 15px 5px;
  margin-left: 5px;
  margin-right: 5px;
}

.label-upload-id{
  height: 80px;
}

.p-upload-id-new-photo-copy{
  margin-top: 15px;
}

/***************************************************************
*                                                              *
*                                                              *
*              List Purchaser Profiles                         *
*                                                              *
*                                                              *
***************************************************************/
.div-profile-page-purchaser-buttons{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    margin-bottom: 0;
    display: block;
    font-weight: 600;
}

.h2-purchaser-string{
    margin-bottom: 0;
    text-align: left;
}

.btn-search-icon{
    height: 40px;
}

@media (max-width:991px){
    .div-profile-page-purchaser-buttons{
        position: absolute;
        left: 0;
        top: 50px;

        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        font-weight: 600;
    }


    .h2-purchaser-string{
        margin-bottom: 150px;
        text-align: center;
        font-size: 2.5rem;
    }
}


/***************************************************************
*                                                              *
*                                                              *
*              Make Sale Page                                  *
*                                                              *
*                                                              *
***************************************************************/
.div-make-sale-change-status{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}


.a-make-sale-border{
  border: 1px solid #d3d3d3;
  padding: 5px 10px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  width: 100%;
  text-align: center;

}

.tr-purchaser{
  font-size: 1.3rem;
}

/***************************************************************
*                                                              *
*                                                              *
*              Amenities Map                                   *
*                                                              *
*                                                              *
***************************************************************/
.img-amenities-map{
  width: 100%;
  max-width: 2000px;
  height: auto;
}


/***************************************************************
*                                                              *
*                                                              *
*              Site Map                                        *
*                                                              *
*                                                              *
***************************************************************/
#map{
  height: 600px;
  flex: 1 1 auto;
}

.div-site-location-address{
    flex: 0 0 300px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.div-site-location{
    display: flex;
    flex-flow: row wrap;
}

.p-site-location-client{
    font-size: 3rem;
    font-weight: 600;
}

@media (max-width:991px){
    .div-site-location{
        flex-flow: column nowrap;
    }

    #map{
        height: 300px;
        flex: 1 1 auto;
    }

    .div-site-location-address{
        flex: 0 0 200px;
    }

    .p-site-location-client{
        font-size: 2rem;
    }

}
/***************************************************************
*                                                              *
*                                                              *
*              Master Appointments Management                  *
*                                                              *
*                                                              *
***************************************************************/
.background-confirmed{
  background-color: #00ad0e;
  color: #000;
}

.background-pending{
  background-color: #fdca30;
  color: #000;
}

.a-appointments-overview,
.a-appointments-overview:hover{
  color: #fff;
  display: block;
}


/***************************************************************
*                                                              *
*                                                              *
*              Reserve Lot Page                                *
*                                                              *
*                                                              *
***************************************************************/
.div-reserve-lot-section{
  display: flex;
  flex-flow: column nowrap;
  min-height: 50vh;
  height: 100%;
  max-height: 100vh;
  justify-content: center;
  align-items: center;
}

.div-form-inline{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.div-reserve-lot-form{
  width: 100%;
  display: flex;
  justify-content: space-between;

}

.form-control-inline{
  width: 100%;
  max-width: 150px;
  flex: 1 1 auto;
}

.div-floorplan-name{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 2.5rem;
}

@media (max-width:991px){
    .div-reserve-lot-form{
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }

    .div-floorplan-name{
        margin-top: 15px;
    }
}

/***************************************************************
*                                                              *
*                                                              *
*              Complete Sale Page                              *
*                                                              *
*                                                              *
***************************************************************/
.div-complete-sale-user-border{
  border: 2px solid #d3d3d3;
  border-radius: 16px;
  margin-top: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.div-complete-sale-form-border{
  padding: 10px 30px;
  border: 2px solid #d3d3d3;
  margin-top: 10px;
  text-align: center;
}

.hr-complete-sale{

  border-top: 3px solid #9eadba;
  width: 80%;
}

.img-complete-sale-upload-id{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
}

/***************************************************************
*                                                              *
*                                                              *
*              Favourite Lots                                  *
*                                                              *
*                                                              *
***************************************************************/
.btn-collapse{
    font-size: 1.1rem;
    text-align: start;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-collapse:after {

    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent #000000 transparent;
    transition: all 0.5s;

}
.btn-collapse.collapsed:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.btn-collapse-large{
    padding: 15px;
    position: relative;
}
.btn-collapse-large:after {
    border-color: #939598;
	border-style: solid;
	border-width: 0.15em 0.15em 0 0;
	content: '';
	display: inline-block;
	height: 0.65em;

	position: absolute;
	top: 55px;
    right: 25px;
    transform: rotate(-45deg);

	vertical-align: top;
	width: 0.65em;
}


.btn-collapse-large.collapsed:after {
	position: absolute;
	top: 50px;
    right: 25px;
    transform: rotate(135deg);
}


.btn-collapse-large-model-view{
    padding: 15px;
    position: relative;
    height:100px;
    font-size: 2rem;
    border:none;
}

.btn-collapse-large-model-view:after {
    border-color: #939598;
	border-style: solid;
	border-width: 0.15em 0.15em 0 0;
	content: '';
	display: inline-block;
	height: 0.65em;

	position: absolute;
	top: 55px;
    right: 25px;
    transform: rotate(-45deg);

	vertical-align: top;
	width: 0.65em;
}


.btn-collapse-large-model-view.collapsed:after {
	position: absolute;
	top: 50x;
    right: 25px;
    transform: rotate(135deg);
}



.btn-collapse-admin{
    padding: 15px;
    position: relative;
}
.btn-collapse-admin:after {
    border-color: #939598;
	border-style: solid;
	border-width: 0.15em 0.15em 0 0;
	content: '';
	display: inline-block;
	height: 0.65em;

	position: absolute;
	top: 25px;
    right: 15px;
    transform: rotate(-45deg);

	vertical-align: top;
	width: 0.65em;
}


.btn-collapse-admin.collapsed:after {
	position: absolute;
	top: 20px;
    right: 15px;
    transform: rotate(135deg);
}


.div-each-available-model-section{
  margin-top: 20px;
}

.a-favourite-lot-title{
    font-size: 1.6rem;
}

.btn-favourite-lot{
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: none;
  background-color: #158dee;
  border-radius: 0;
  padding: 5px 15px;
  color: #ffffff;
  transition: 0.3s;
  font-weight: bold;
  font-size: 1.3rem;
  max-width: 300px;
}

.btn-favourite-lot:hover{
  color: #ffffff;
}

.div-collapse-favourite-lots{
    max-width: 400px;
}

.card-body-flex-column{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
}

.img-favourite-lot-circle-x{
    width: 15px;
    height: auto;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

@media (max-width:991px){
    .btn-collapse-large:after {
        border-color: #939598;
        border-style: solid;
        border-width: 0.15em 0.15em 0 0;
        content: '';
        display: inline-block;
        height: 0.65em;

        position: absolute;
        top: 24px;
        right: 15px;
        transform: rotate(-45deg);

        vertical-align: top;
        width: 0.65em;
    }


    .btn-collapse-large.collapsed:after {
        position: absolute;
        top: 21px;
        right: 15px;
        transform: rotate(135deg);
    }

    .btn-collapse-large-model-view{
        padding: 15px;
        position: relative;
        height:70px;
        font-size: 1.4rem;
        border:none;
    }

    .btn-collapse-large-model-view:after {
        border-color: #939598;
        border-style: solid;
        border-width: 0.15em 0.15em 0 0;
        content: '';
        display: inline-block;
        height: 0.65em;
        width: 0.65em;
        position: absolute;
        top: 45px;
        right: 25px;
        transform: rotate(-45deg);

        vertical-align: top;

    }


    .btn-collapse-large-model-view.collapsed:after {
        position: absolute;
        top: 40px;
        right: 25px;
        transform: rotate(135deg);
    }


}
/***************************************************************
*                                                              *
*                                                              *
*              Master Report                                   *
*                                                              *
*                                                              *
***************************************************************/
.master-report-heading{
  font-size: 2rem;
  font-weight: 700;
}

/***************************************************************
*                                                              *
*                                                              *
*              Master Appointment List                         *
*                                                              *
*                                                              *
***************************************************************/
.table-master-appointment-list{
    font-size: 1.2rem;

}

.tr-highlight-header{
    background-color: #ddd;
}
/***************************************************************
*                                                              *
*                                                              *
*              Lots and Models Stats Page                      *
*                                                              *
*                                                              *
***************************************************************/
.div-stats-filters{
  display: flex;
  flex-flow: row wrap;
  height: 50px;
  justify-content: flex-start;
  align-items: center;
}

.div-stats-filters p{
    margin-bottom: 0;
}

.div-stats-filters select{
    margin-left: 15px;
}


/***************************************************************
*                                                              *
*                                                              *
*              Modify Bulk Time Slots                          *
*                                                              *
*                                                              *
***************************************************************/
.btn-each-time-slot{
    width: 160px;
    height: 90px;
}

/***************************************************************
*                                                              *
*                                                              *
*              Broker Materials Section                        *
*                                                              *
*                                                              *
***************************************************************/
.a-broker-materials{
  border: 1px solid #c3cfd9;
  padding: 10px 30px;
  margin-top: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 300px;
  text-align: center;
  color: #000000;
  text-transform: uppercase;
}


/***************************************************************
*                                                              *
*                                                              *
*              My Clients Page                                 *
*                                                              *
*                                                              *
***************************************************************/
.img-client-profile{
    width: 100%;
    max-width: 35px;
    margin-right: 20px;
}

/* .div-my-client-profiles-section{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
} */

.client-profile-border-right{
    border-right: 1px solid #d3dee4;
}

.client-profile-border-top{
        margin-top: 0;
        border-top: none;
    }

@media (max-width: 991px){
    .client-profile-border-right{
        border-right: none;
    }

    .client-profile-border-top{
        margin-top: 15px;
        border-top: 1px solid #d3dee4;
    }
}

/***************************************************************
*                                                              *
*                                                              *
*              TinyMCE Section                                 *
*                                                              *
*                                                              *
***************************************************************/
.tinymce-root-block{
    margin-bottom: 0;
}

h1.tinymce-root-block{
    font-size: 2.8rem;
}
h2.tinymce-root-block{
    font-size: 2.6rem;
}
h3.tinymce-root-block{
    font-size: 2.4rem;
}

/***************************************************************
*              Unit Matrix Availability Section                *
***************************************************************/
.div-room{
    display: inline-block;
    width: 70px;
    height: 70px;
    position: relative;
    border: 1px solid #000;
    border-collapse: collapse;
    flex: 0 0 70px;
}
.div-floor{
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    padding: 0 230px 0 0;
}

.div-room-sold{
    background-color: #b00;
    color: #fff;
}

.div-room-pending{
    background-color: #ff0;
    color: #000;
}

.div-room-conditional{
    background-color: orange;
    color: #000;
}

.div-room-unreleased{
    background-color: #ccc;
    color: #000;
}

.div-legend-matrix{
    border: 1px solid #000;
    padding: 1rem;
    max-width: 100px;
}