﻿/* This file will be deleted after UI redesign */

.navbar-default {border: 0px none;background-color: #fff;min-height: inherit;margin-bottom: 0px;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);}
.navbar-brand {height: auto;padding: 10px 0px;}.navbar-brand > img {height: 64px;}

/* not use
.navbar-default .navbar-nav > li {margin-left: 1px;}*/

.navbar-default .navbar-nav > li:not(:first-child) {margin-left: 30px;}
.navbar-default .navbar-nav > li > a {font-weight: 300;font-size: 15px;color: #000;padding: 8px 0px 21px 0;border: none;}

/* back to dashboard icon */
.navbar-default .navbar-nav > li > a.dashboard {padding-top: 3px;padding-bottom: 16px;font-size: 30px;color: #f6841f;}


/* combined
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background-color: transparent;border: 1px solid #f6841f;color: #f6841f;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {background-color: transparent;border: 1px solid #f6841f;color: #f6841f;}*/

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {background-color: transparent;color: #f6841f;border: none;border-bottom: 6px solid #f6841f;padding: 8px 0 21px;}

.navbar .navbar-right {margin-right: 0px;margin-top: 29px;}
/* old style
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {background-color: #f6841f;color: #ffffff;}*/

/* Solutions dropdown menu */
.navbar-nav > li > .dropdown-menu {left: 0;border-color: #f6841f;padding: 0px;}
.navbar-nav > li > .dropdown-menu li a {padding: 6px 10px;}
.navbar-nav > li > .dropdown-menu li a:hover, .navbar-nav > li > .dropdown-menu li a:focus {background-color: #f6841f;color: #ffffff;}
.navbar-nav > li > .dropdown-menu > li {border-bottom: 1px solid #f6841f;}
.navbar-nav > li > .dropdown-menu > li:last-child {border: 0px none;}
.navbar-nav > li:hover > .dropdown-menu {display: block;}

.collapsed {color: #f6861f;background-repeat: no-repeat;background-position: 5px 0;padding-left: 20px;}
.verified {color: #87d18e;font-size: 14px;font-family: 'Open Sans', sans-serif;margin-right: 5px;position: absolute;top: 100px;}

/*27-03-2017*/
.menuMarketPlace {display: inline-block;z-index:1;}


.menuMarketPlace {height: 64px;background-color: #009344;}
.menuMarketPlace ul.rightul li a {padding: 18px 16px !important;}
.menuMarketPlace ul.rightul li a .fa-user {color: #fff !important;}

/*new-header-css*/
nav.navbar.nav-marketplace .navbar-header {background: #009344 !important;}
nav.navbar.nav-marketplace .fixed-brand ul.rightul li a .fa-user{color:#fff;}
nav.navbar.nav-marketplace .fixed-brand ul.leftul li a {padding: 7px 15px 7px 5px;}
.nav-marketplace{text-align:right;}

.menuMarketPlace {height: 64px;background-color: #009344;border-right: 1px solid #fff;padding-right: 10px;margin-right: 10px;border-bottom: 2px solid #009344;border-top: 2px solid #009344;}
.nav-marketplace ul.rightul.mob-menu-right li a {padding: 18px 15px;}

li.request-demo-btn > a {
    background-color: #04a7e2 !important;
    color: #fff !important;
    font-weight: 400 !important;
    padding: 8px 24px !important;
    border-radius: 4px !important;
    border: none !important;
}

/* Footer Start */
#fake-footer {min-height: 300px;width: 100%;}
#fake-footer h4 {color: white;}
footer {background-color: #404040;padding: 20px 0px;margin-top: 0px;}
footer.full {padding-bottom: 0;padding-top: 0;}
footer p, footer a {color: #fff;font-weight: 400;font-size: 14px;line-height: 24px;}
.footer-contact p {margin-top: 10px;}
.footer-contact p span {margin-right: 5px;}
.col-md-4.nopaddingleft.footer-contact {background: url('../images/footer-bg-map.png') left bottom;background-repeat: no-repeat;}
p.footer-email a {margin: 0px;}
.footer-logo {margin-bottom: 20px;}
.footer-sprater.hidden-xs.hidden-sm {float: right !important;width: 1px;border: 1px dashed #6b6a6b;min-height: 224px;margin-top: 25px;}
.footer-leftcontent {margin-top: 10px;float: left;}
.footer-quicklinks ul li {list-style: none;float: left;clear: both;}
.footer-social ul {list-style: none; padding: 0; margin: 0;}
.footer-social ul li {float: left;font-size: 14px;margin-right: 0px;}
.footer-social ul li a {color: #fff;font-weight: 400;font-size: 14px;padding: 13px 17px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;float: left;width: 47px;height: 47px;text-align: center;margin-left: 10px;}
.footer-social > ul > li > a:focus, .footer-social > ul li > a:hover {background-color: #666666;color: #fff;}
.subfooter {background-color: #2a2a2a;/* min-height: 36px; */padding-top: 0px;padding-bottom: 0px;float: left;width: 100%;overflow: hidden;}
.subfooter p {padding-top: 0px;color: #ababab;}
.subfooter > div {padding: 0px;}
div#termcondition {text-align: right;}
div#termcondition a {color: #ababab;}
ul.quicklinks {margin-bottom: 20px;display: inline-block;width: 100%;}
ul.quicklinks li {float: left;margin-right: 10px;}
ul.quicklinks li a {position: relative;font-weight: 400;float: left;font-size: 14px;}
.quicklinks > li > a:before {content: "\f054";font-family: FontAwesome;position: absolute;left: 0;}
ul.quicklinks li a, .quicklinks > .active > a, .quicklinks > .active > a:focus, .quicklinks > .active > a:hover {border: none;color: #ccc;padding: 7px 0 5px 20px;transition: all ease 0.3s;}
.quicklinks > li > a:focus, .quicklinks > li > a:hover {background-color: transparent;color: #666666;border: none;padding: 7px 0 5px 25px;}
/* footer Solutions submenu popup */
ul.quicklinks li.dropdown:hover ul.dropdown-menu {display: block;float: right;position: absolute;right: 0;top: 28px;padding: 0px;z-index: 99999;}ul.quicklinks li > .dropdown-menu > li {width: 100%;background-color: #666666;font-size: 14px;color: #000;}
ul.quicklinks li > .dropdown-menu > li > a:hover {background-color: transparent;color: #808080;}
.footer-quicklinks ul.quicklinks li > .dropdown-menu > li > a {width: 100%;margin: 0;}

.webpage { padding-top: 10px;}
.ios-android-btn, .ios-android-btn a {float: left;width: 100%;margin-top: 10px;}
.ios-android-btn img {width: 192px;height: 55px;}

ul.quicklinks li a {
    margin: 0;
}

.footer-social ul li a {
    margin: 0;
}

.footer-social h4 {
    margin-left: 20px;
}

/* Footer End */

/* Login start */

.login .modal-dialog {max-width: 280px;}
.login-logo {width: 125px;border: none;margin: auto;}
.login-logo img {max-width: 100%;}
.login .modal-header {border: 0px none;}
.login .close {color: #999999;opacity: inherit;}
.login h4 {font-size: 25px;color: #736f6b;font-weight: 300;text-align: center;padding-bottom: 15px;}
.login .modal-body {padding-top: 0px;}
.login .modal-body form .form-group {margin-bottom: -1px;}
.login .modal-body form .form-group .input-group-addon {background-color: transparent;min-width: 37px;border-right: 0px;}
.login .modal-body form .form-group .form-control {height: 43px;border-left: 0px;padding-left: 0px;box-shadow: none;-webkit-box-shadow: none;}
.login .modal-body form .btn {width: 100%;background-color: #f6861f;color: #fff;font-weight: 700;margin-bottom: 5px;letter-spacing: 1px;border: 0px none;text-transform: uppercase;margin-top: 10px;padding: 9px 0px;}
#found-user.login .modal-body form #password-signin {margin-top: 0px !important;}
.login .modal-body > p {text-align: center;margin-bottom: 11px;color: #333;font-size: 12px;font-weight: 400;}
.login .modal-body > p a {color: #f6861f;}
.login .modal-body > span {text-align: center;color: #333;font-weight: 300;display: inline-block;width: 100%;text-transform: uppercase;margin: 15px 0px;}
.login .modal-body ul {display: inline-block;width: 100%;text-align: center;}
.login .modal-body ul li {text-align: center;display: inline-block;margin: 10px 10px;}
.login .modal-body ul li a {color: #fff;font-size: 19px;}
.login .modal-footer {border-top: 0px none;padding-top: 0px;text-align: center;}
.login .modal-footer p {text-align: center;margin-bottom: 11px;color: #333;font-size: 14px;font-weight: 400;}
.login .modal-footer p a {color: #f6861f;}
.forget-password {float: left;margin-top: 40px;}
.forget-password + .tooltip > .tooltip-inner {width: 180px;text-align: left;font-size: 14px;}
a.forget-password.forgot-mobile-signup {margin-top: 10px;}
.junk-email-text span {float: left;color: #848484;font-weight: 200;}
.otp-explaination {line-height: 20px;font-size: 14px;}
#divagree {float: left;}
.login ul.icon-type li {width: 35px;height: 35px;border-radius: 3px;padding-top: 5px;}
.login ul.icon-type {padding: 0; margin-bottom: 0;}

#login-formModal-1.login .modal-dialog {width: 315px;}
#verify-modal .modal-dialog {width: 315px;}
#code-vrify-no .modal-dialog {width: 370px;}
#login-formModal ul.icon-type li a {width: 25px;height: 25px;}
.amazon {background: #ffad1d;}
.facebook {background: #4863ae;}
.github {background: #eeeeee;}
.google {background: #4285f4;}
.twitter {background: #46c0fb;}
.linkedin {background: #0083a8;}
.amazon .fa, .github .fa {color: #000 !important;}
#login-formModal, #found-user-error.login, #login-email-not .modal-body form .form-group .form-control {padding-left: 10px;}
#login-formModal, #found-user-error.login .modal-body form .btn img {width: 35px;height: 35px;}
.login-type {margin: 10px 0px;}
#found-user, #found-user-error, #complited-login, #login-email-not, #login-formModal, #found-user, #found-user-error .modal-dialog {/*margin-top: 85px;*/}
#login-formModal-1, #found-user {/*margin-top: 85px;*/}
#found-user {height: 100%;background: #ff00 !important;}
.user-img {width: 100px;height: 100px;position: absolute;top: -50px;border: 1px solid #e2e2e2;right: 90px;background: #ffffff;}
.user-section {color: #444;font-size: 24px;text-align: center;margin-top: 0px;word-wrap: break-word;}
.user-type {color: #444;font-size: 15px;margin-top: 0px;}
.user-resend {margin-top: 10px;}
.user-resend a {color: #000;text-decoration: underline;margin-top: 10px;}
.user-resend a:hover {color: #a1abb4;text-decoration: none;}
.alert-user {font-size: 15px;line-height: 20px;color: #ff5d54;font-weight: 400;margin: 20px 0px;}
#login-email-not .input-group {margin-bottom: 5px;}
#login-email-not .modal-dialog, #found-user-error .modal-dialog, #found-user .modal-dialog, .login .modal-dialog {max-width: 350px;/*margin: 0 auto;*/width: 350px;}
#login-formModal {width: 295px;}
.complited-loginss {width: 100px;height: 100px;border-radius: 50%;border: 1px solid #bfbfbf;background: #a5a5a5;position: absolute;top: -45px;right: 125px;text-align: center;padding-top: 15px;}
.complited-profile.fa {text-align: center;font-size: 60px;color: #fff;}
#login-email-not {margin-top: 85px;}
#completed-login.login .modal-body form .btn {width: 155px;}
#found-user.login .modal-dialog {/*margin: 50px auto;*/}
#found-user.login .modal-body form .btn {width: 155px;}
#modelOTP.login .modal-dialog {margin: 150px auto;}
#modelsignup.login .modal-body ul li {text-align: left;display: block;margin: 0;}
#modelsignup .divider {display: none !important;}
.login .modal-dialog {margin: 150px auto 50px;}

.login .modal-body ul.country-list {width: auto;max-width: 318px;z-index: 9999;}
.login .modal-body .intl-tel-input.allow-dropdown {width: 100%;}

.remeber-me {position: relative;top: -47px;float: left;}
.remeber-me span {display: inline-block;margin-left: 5px;}

/* Login end */


/* From responsive.css */
@media (max-width:1199px) {
    .navbar-default .navbar-nav > li:not(:first-child) {margin-left: 20px;}
}

@media (max-width:991px) {
    .navbar-default .navbar-nav > li:not(:first-child) {
        margin-left: 0px;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li > a:hover {
        padding: 8px 12px 21px;
    }
}

@media all and (max-width:991px) and (min-width:768px) {
    .navbar-default .navbar-nav > li > a {
        padding: 8px 4px;
        font-size: 14px;
    }
}

@media all and (max-width:767px) {
    .navbar-brand {
        padding: 10px;
    }

    .navbar-default .navbar-toggle {
        margin-top: 32px;
        padding-left: 10px;
        border-color: #ddd;
        color: #ddd;
    }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888;
        }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: #f6861f;
            border: 1px solid #f6861f;
        }

            .navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
                background-color: #fff;
            }

    .navbar .navbar-right {
        padding-left: 15px;
        margin-top: 10px;
    }

    .navbar-default .navbar-nav > li {
        margin-bottom: 1px;
        float: left;
        width: 100%;
    }

    .navbar-nav > li > .dropdown-menu {
        position: static;
        width: 100%;
        box-shadow: none;
        border: 0 none;
    }

        .navbar-nav > li > .dropdown-menu > li {
            border: 0px none;
        }

            .navbar-nav > li > .dropdown-menu > li a {
                padding-left: 30px;
            }

    .navbar-default .navbar-nav > li > a {
        padding: 5px 0px 10px 0;
        text-align: center;
    }

    .navbar-default .navbar-nav > li:not(:first-child) {
        margin: 0;
        margin-bottom: 3px;
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 320px;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        padding: 5px 0 10px;
    }

    #wrapper > .navbar.navbar-default.navbar-fixed-top.no-margin {
        left: 58px;
    }

    .navbar-default .navbar-nav > li:last-child > a,
    .navbar-default .navbar-nav > li:last-child > a:focus,
    .navbar-default .navbar-nav > li:last-child > a:hover {
        width: 80%;
        margin: 0 auto;
    }

    .container > .navbar-header {
        z-index: 99999 !important;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        display: block;
    }

    .navbar-nav {
        margin: 7.5px -15px;
        width: 100%;
    }

    .navbar-header {
        float: none;
    }

    #wrapper .navbar-collapse.collapse {
        display: none !important;
    }

        #wrapper .navbar-collapse.collapse.in {
            display: block !important;
        }
}

@media (max-width:379px) {
  .navbar-brand {
    height: 84px;
  }

  .navbar-brand > img {
    height: 35px;
    margin-top: 15px;
  }
}
.screen-content {
  min-height: 70vh;
}

.listview-wrapper {
  padding-top: 0;
}

.detail-view-content  {
  padding-bottom: 0;
}



.screen-title {
    font-size: 24px !important;
    line-height: 1.3;
    color: #009344;
    margin: 0;
}

.detail-address-line2 {
    font-size: 20px;
    margin: 0 0 4px 0;
    line-height: inherit;
}

#RealNexDetail .modal-details--header h2.narrow-top {
    font-size: 24px;
}

#RealNexDetail .modal-details--body .property-name {
    line-height: inherit;
    font-size: 22px;
}

@media screen and (max-width: 992px) {
    #RealNexDetail .modal-details--header .screen-title, #RealNexDetail .modal-details--header .text-right .narrow-top {
        font-size: 20px;
    }
    #RealNexDetail .modal-details--header .detail-address-line2 {
        font-size: 16px;
    }

    #RealNexDetail .modal-details--header .text-right .narrow-top {
        /*  color: #009344; */
        margin: 0 !important;
    }
}

@media screen and (max-width: 736px) {
    #RealNexDetail .modal-details--header .screen-title, #RealNexDetail .modal-details--header .text-right .narrow-top {
        font-size: 20px;
    }
    #RealNexDetail .modal-details--header .text-right .narrow-top {
        /* color: #009344; */
        margin: 0 !important;
    }
    #RealNexDetail .modal-details--header .detail-address-line2 {
        font-size: 14px;
    }
    #RealNexDetail .modal-details--body .property-name {
        font-size: 16px;
    }

}

@media screen and (max-width: 548px) {
    #RealNexDetail .modal-details--header .screen-title {
        font-size: 18px;
    }
    #RealNexDetail .modal-details--header .text-right .narrow-top {
        font-size: 12px !important;
    }
}