::-webkit-scrollbar {
    width: 5px; /* for vertical scrollbars */
    height: 5px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none!important;
}

/* Lottie */

.lottie:hover {
    cursor: pointer;
}


/* PEXA Font*/

@font-face {
    font-family: "Quicksand";
    src: url("/ResidzFE/fonts/Quicksand-VariableFont_wght.ttf");
}

@font-face {
    font-family: "LibreFranklin";
    src: url("/ResidzFE/fonts/LibreFranklin-VariableFont_wght.ttf");
}

.Quicksand {
    font-family: 'Quicksand', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.LibreFranklin {
    font-family: 'LibreFranklin', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
}

/** PEXA **/

.btn-pexa {
    color: #fff;
    background: linear-gradient(90deg, rgb(139, 73, 155) 0%, rgb(195, 19, 166) 39.44%);
    border-color: #C31CA7;
    border-radius: 21.5px;
    padding: 10px 30px;
    border: 0px;
}

    .btn-pexa:hover {
        color: #fff;
    }

.btn-pexa-outline {
    color: #1F2142;
    background: #fff;
    border-color: rgb(200, 200, 200);
    border-radius: 21.5px;
    padding: 10px 30px;
}

.btn-pexa-badge {
    color: #1F2142;
    background: #fff;
    border-color: rgb(200, 200, 200);
    border-radius: 21.5px;
    padding: 5px 20px;
}

    .btn-pexa-outline:hover, .btn-pexa-badge:hover {
        border-color: rgb(200, 200, 200);
    }

.text-pexa {
    color: #1F2142;
}

.btn-link-pexa {
    color: #C31CA7;
    text-decoration: none;
}

    .btn-link-pexa:hover {
        color: #1F2142;
        text-decoration: none;
    }

.btn-link-pexa-dark {
    color: #1F2142;
    text-decoration: none;
}

    .btn-link-pexa-dark:hover {
        color: #C31CA7;
        text-decoration: none;
    }

.bg-pexa {
    background: #1F2142;
}

.bg-pexa-alt {
    background: #C31CA7;
}

.bg-hero-pexa {
    background-image: url("/ResidzFE/img/hero.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.pexa-hero-bg {
    position: relative;
    background-color: #1F2142;
    background-image: /* linear-gradient( rgba(0, 0, 0, 0), rgba(195, 28, 167, 0.7) ),*/ url("/ResidzFE/img/BG-Chevron.0b2112c4.svg");
    background-repeat: no-repeat;
    background-position: 30% 50%;
    min-height: 390px;
}



.bg-gradient-pexa {
    /*background: radial-gradient();*/
    background: linear-gradient(45deg, rgb(139, 73, 155) 0%, rgb(195, 19, 166) 8%, rgb(195, 19, 166, 0) 30%);
}

.form-check-input {
    cursor: pointer;
}

    .form-check-input:checked {
        background-color: #C31CA7;
        border-color: #C31CA7;
    }

/**/


input:focus,
select:focus,
textarea:focus,
button:focus, #map img:focus, #map svg:focus, #map:focus {
    outline: none !important;
}

.form-control:focus {
    outline: none !important;
    box-shadow: none;
    border-color: #ced4da !important;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}


#reportContainer .form-control {
    border-color: #fff !important;
    background: none!important;
}


#reportSearchSuggest:last-child {
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important;
}


/*openlayers*/

.ol-viewport {
    border-radius: .2rem !important;
}

/**/

#agentDashboard .card .card-header {
    background-color: #fff;
    border: 0px;
    border-top-right-radius: 21.5px;
    border-top-left-radius: 21.5px;
}


#agentDashboard .card {
    border-radius: 21.5px;
    background-color: #fff;
}

.nav-link {
    border-radius: 21.5px !important;
    color: #1F2142;
    margin-top: 10px;
    ;
    width: 100%;
    font-weight: 600;
    margin-bottom: .5rem;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #C31CA7;
    background-color: #fff;
    border-color: rgb(200, 200, 200);
}

.nav-pills .nav-link:hover {
    color: #C31CA7;
    background-color: #fff;
    border-radius: 21.5px;
    border-color: rgb(200, 200, 200);
    cursor: pointer;
}

.product:before {
    content: '';
    position: absolute;
    top: 0;
    left: -300px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    transform: skewX(-30deg);
    transition: 0.3s;
}

.dropdown-menu {
    padding: 5px;
    border-radius: 21.5px;
}

    .dropdown-menu a {
        padding: 10px 30px;
        border-radius: 21.5px;
    }

        .dropdown-menu a:focus, .dropdown-menu a:hover {
            background: linear-gradient(90deg, rgb(139, 73, 155) 0%, rgb(195, 19, 166) 39.44%);
            color: #fff;
        }


#pricing .card {
    min-height: 350px;
}

/* Style the tab content */
.tabcontent {
    display: none;
}

.avatar-pexa {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    position: relative;
    background-image: /*linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) ),*/ url("/img/clay-elliot-mpDV4xaFP8c-unsplash.jpg");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.avatar-pexa-1 {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    position: relative;
    background-image: /*linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) ),*/ url("/img/christian-buehner-DItYlc26zVI-unsplash.jpg");
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
}


/***********/



.flip-card {

    perspective: 1000px;
}

.flip-card-inner {
    position: relative;

    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 300px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


.flip-card-front {

}

.flip-card-back {

    transform: rotateY(180deg);
}


/***********/

.fa-spin {
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/****/



.investability0 {
    padding: 5px;
    background: #4ac4e2;
}

.investability0 {
    padding: 5px;
    background: #4ac4e2;
}

.investability10 {
    padding: 5px;
    background: #4ac4e2;
}

.investability20 {
    padding: 5px;
    background: #4ac4e2;
}

.investability30 {
    padding: 5px;
    background: #7dcbe1;
}

.investability40 {
    padding: 5px;
    background: #a2d2e1;
}

.investability50 {
    padding: 5px;
    background: #c2d9e0;
}

.investability60 {
    padding: 5px;
    background: #dfdfdf;
}

.investability70 {
    padding: 5px;
    background: #eed7b3;
}

.investability80 {
    padding: 5px;
    background: #f7d087;
}

.investability90 {
    padding: 5px;
    background: #fdc857;
}

.investability100 {
    padding: 5px;
    background: #ffdb35;
}