.properties-container{
    margin-left:-15px;
    margin-right:-15px;
    display: table;
    position: relative;
    width: calc(100% + 30px);
    min-height:300px;
}
.icon-on-sale{
    position: absolute;
    width: 100px;
    top: 0;
    right: 0;
	-ms-transform: rotate(20deg); /* IE 9 */
	-webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
	transform: rotate(20deg);
    z-index: 5;
}
.property-status-container{
    position: absolute;
    width: 100px;
    top: 0;
    right: 0;
    z-index: 5;
}
.property-status-container>img{
    width:100%;
    -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
    transform: rotate(10deg);
}
.property-status-container .pop-up-info-box{
    position: absolute;
    right: 0;
    top: 0;
    min-height: 60px;
    min-width:0;
    overflow: hidden;
    transition: min-width .3s;
}
.property-status-container .pop-up-info{
    position: absolute;
    left:100%;
    padding-top:8px;
    padding-bottom:8px;
    text-align: center;
    font-size: 15px;
    min-width: 200px;
    display:table;
    cursor: default;
    transition: left .3s;
    background: linear-gradient(90deg,#c2c2c2 10%,rgb(249, 246, 246) 95%);
    border-radius: 30px;
    border: 2px solid #868585;
    overflow: hidden;
}
.property-status-container:hover .pop-up-info{
    left:0;
}
.property-status-container:hover .pop-up-info-box{
    min-width: 200px;
}
.property-status{
    cursor: default;
    position: absolute;
    top:0;
    right:0;
    color:white;
    width:100%;
    text-align: center;
    height:20px;
    padding-top: 5px;
}
.edit-disclosure-unavailable{
    width:100%:;
}
.edit-disclosure-unavailable .pop-up-info-2{
    position: absolute;
    left:0;
    top:0;
    font-size: 12px;
    width:200px;
    padding:5px;
    color:white;
    display:none;
    opacity: 0;
    /*transition: opacity 1s;*/
    cursor: default;
}
.edit-disclosure-unavailable:hover>.pop-up-info-2{
    display:table;
    opacity: 1;
    -webkit-animation: fadeInFromNone 0.7s ease-out;
    -moz-animation: fadeInFromNone 0.7s ease-out;
    -o-animation: fadeInFromNone 0.7s ease-out;
    animation: fadeInFromNone 0.7s ease-out;
}

@-webkit-keyframes fadeInFromNone {
    0% { display: none; opacity: 0; }
    1% { display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
}

@-moz-keyframes fadeInFromNone {
    0% { display: none; opacity: 0; }
    1% { display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
}

@-o-keyframes fadeInFromNone {
    0% { display: none; opacity: 0; }
    1% { display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
}

@keyframes fadeInFromNone {
    0% { display: none; opacity: 0; }
    1% { display: block; opacity: 0; } 
    100% { display: block; opacity: 1; }
}

.green-def{
	background-color: green;
}
.brdr-darkblue{
    border-color: #0f558d!important;
}
.v-icon-bg{
    border-bottom: 3px solid #4CAF50;
    background-color: #4CAF50;
    border-radius: 50% 50% 0 0;
    padding-top: 6px;
    height:30px;
}
.sa-icon-bg{
    border-bottom: 3px solid #0f558d;
    background-color: #0f558d;
    border-radius: 50% 50% 0 0;
    padding-top: 6px;
    height:30px;
}
.b-icon-bg{
    border-bottom: 3px solid #2196F3;
    background-color: #2196F3;
    border-radius: 50% 50% 0 0;
    padding-top: 6px;
    height:30px;
}
.prop-details-title{
	background-color:#293a48;
	color:white;
}

.text-sa-color{
    color:#0f558d;
}
.price-class{
    font-size: 16px;
}
.card-property-item .property-link{
    background: rgb(112, 127, 142);
}
.card-property-item .property-caption{
    position: relative;
}
.card-property-item .property-link.property-link-lg {
    height:119px;
    padding-top: 15px;
}
.card-property-item .property-link:not(.no-hover):hover>.property-logo{
    top:auto!important;
}
.card-prop-details-bottom{
    padding-left: 40px;
    padding-right: 15px;
    padding-bottom: 5px;
    width:100%;
    position: absolute;
    bottom: 0;
}

.bedandbath-class{
    display: table;
}
.property-result{
    text-align: center;
    margin-top:150px;
}
.prop-details-label{
    width:300px;
}
.prop-details-bottom+.prop-details-bottom{
    margin-left: 45px;
}
#frm_search_properties #search_text{
    width:250px;
}
.card-prop-options-box{
    position: absolute;
    left:0;
    top:0;
    width:25px;
    height:100%;
    background: linear-gradient(90deg,#c2c2c2 10%,rgb(249, 246, 246) 95%);
    border-radius: 10px 0 0 0;
    /*background: linear-gradient(180deg,#827f7f 10%,rgb(189, 185, 185) 95%);*/
}
.card-prop-options-container{
    position: absolute;
    z-index: 3;
    font-size: 1.25rem;
    display: table;
    width:30px;
}
.card-prop-options-container a,
.card-prop-options-container span{
    margin: 5px auto 5px auto;
    display: table;
    transition: font-size .1s;
    color: #339239;
}
.card-prop-options-container a+a{
    margin-top: 0;
}
.card-prop-options-container a:hover{
    font-size: 25px;
    text-decoration: none;
}

.card-prop-options-container2{
    position: initial;
    z-index: 3;
    font-size: 1.25rem;
    display: inline;
    width:10px;
}
/*.card-prop-options-container2 a,
.card-prop-options-container2 span{*/
.card-prop-options-container2 .option{
    margin-right: 4px;
    min-width:18px;
    height:23px;
    display: inline-block;
    /*color: #339239;*/
    color:#5ad05f;
    position: relative;
}
.card-prop-options-container2 .option a{
    transition: font-size .1s;
    color:#5ad05f;
    position: absolute;
    right:0;
    bottom: 0;
}
.card-prop-options-container2 a:active,
.card-prop-options-container2 a:focus,
.card-prop-options-container2 a:hover{
    font-size: 25px;
    text-decoration: none;
}

@media screen and (max-width:576px){
    .property-status{
        display:none;
    }
    .edit-disclosure-unavailable{
        width:auto;
        padding-top: 2px;
        width:30px;
    }
    .edit-disclosure-unavailable .fa-ban{
        position: absolute;
        top:0;
        right:0;
    }
    .edit-disclosure-unavailable [class*="pop-up"]{
        right:0;
        left:auto;
    }
    .property-status-container{
        left:0;
        right:auto;
    }
    .property-status-container img{
        -ms-transform: rotate(-20deg); /* IE 9 */
        -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
        transform: rotate(-20deg);
    }
    .card-prop-options-container{
        z-index: 6;
    }
    .card-prop-options-container,
    .card-prop-options-box{
        width:100%;
        height:25px;
    }
    .card-prop-options-box{
        /*width:50%;*/
        left:auto;
        right:0;
    }
    .card-prop-options-container a{
        float:right;
    }
    .card-prop-options-container a+a{
        margin: 5px 5px 5px auto;
    }
    .card-prop-options-container span{
        float:right;
        margin: 0 5px 0 auto;
    }
     .card-prop-options-container2{
        z-index: 6;
    }
    .card-prop-options-container2,
    .card-prop-options-box{
        width:100%;
        height:25px;
    }
    .card-prop-options-box{
        /*width:50%;*/
        left:auto;
        right:0;
    }
    .card-prop-options-container2 a{
        float:right;
    }
    .card-prop-options-container2 a+a{
        margin: 5px 5px 5px auto;
    }
    .card-prop-options-container2 span{
        float:left;
        margin: 0 5px 0 auto;
    }


    .card-prop-details-bottom{
        padding-left: 15px;
    }
    .container{
        padding-left: 0;
        padding-right: 0;
    }
    #frm_search_properties{
        width: 100%;
    }
    #frm_search_properties #search_text{
        width:70%;
    }
    #frm_search_properties .btn{
        width:30%;
    }
    #search_word_container{
        width:100%;
    }
    #search_word_container .xs-center{
        text-align: center;
        display: block;
        width:100%;
    }

    .card-property-item{
        min-height: 100px;
        height: 120px;
        display: table;
        /*overflow: hidden;*/
    }
    .card-property-item .property-link.property-link-lg {
        height: 100%;
        width: 35%;
        margin:0;
        float:left;
        /*position: initial;*/
        border-radius: 10px 0 0 10px;
    }
    .card-property-item .property-link .property-logo{
        left:0;
    }
    .card-property-item .property-caption{
        display: inline-block;
        padding-bottom: 45px;
        padding-left:8px;
        padding-right:8px;
        position: initial;
        width:65%;
    }
    .bedandbath-class{
        color: white;
        position: absolute;
        bottom: 5px;
    }
    .price-class{
        font-size: 18px;
    }
    /*.icon-sold{
        transform: rotate(-15deg);
        opacity: .8;
        top: auto;
        bottom: 10px;
    }*/
    .fa-search{
        display: none;
    }
    .property-result{
        margin-top: 15px;
    }

    .modal{
        top:0;
    }
    .modal .modal-dialog{
        width:100%;
        margin:0;
    }
    .modal .modal-dialog .modal-body{
        padding:0;
    }
    .modal .modal-dialog .modal-body .w3-section{
        padding:0;
    }
    .modal .modal-dialog .modal-body .w3-section .w3-twothird,
    .modal .modal-dialog .modal-body .w3-section .w3-third,
    .modal .modal-dialog .modal-body .w3-section .w3-twothird.w3-padding-right,
    .modal .modal-dialog .modal-body .w3-section .w3-twothird.w3-padding-left,
    .modal .modal-dialog .modal-body .w3-section .w3-third.w3-padding-right,
    .modal .modal-dialog .modal-body .w3-section .w3-third.w3-padding-left{
        padding-left:8px !important;
        padding-right:8px !important;
    }
    .modal .modal-dialog .modal-body .w3-section #prop_action #disclosure_action span{
        display: none;
    }
    .prop-details-label{
        width:150px
    }
    .prop-details-bottom{
        margin-bottom: 10px;
        display: table;
        width:100%;
    }
    .prop-details-bottom+.prop-details-bottom{
        margin-left: 0;
    }
}