.bold-text {
    font-weight: 500 !important;
    color: black !important;
}

.modal-lg {
    width: 90% !important;
    max-width: 90% !important;
}

.bg-gray {
    background-color: gray;
}

.circle1 {
    width: 180px;
    height: 180px;
    line-height: 100px;
    border-radius: 50%;
    font-size: 16px;
    color: black;
    text-align: center;
    background: #FFF263;
}

.circle2 {
    width: 180px;
    height: 180px;
    line-height: 100px;
    border-radius: 50%;
    font-size: 16px;
    color: black;
    text-align: center;
    background: #6AF9C4;
}

.circle3 {
    width: 180px;
    height: 180px;
    line-height: 100px;
    border-radius: 50%;
    font-size: 16px;
    color: black;
    text-align: center;
    background: #50B432;
}

0% {
    box-shadow: 0 5px 15px 0px rgb(0 0 0 / 60%);
    transform: translatey(0px);
}

50% {
    box-shadow: 0 25px 15px 0px rgb(0 0 0 / 20%);
    transform: translatey(-20px);
}

100% {
    box-shadow: 0 5px 15px 0px rgb(0 0 0 / 60%);
    transform: translatey(0px);
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .note-main {
        font-size: 9px;
    }
    .note-child {
        font-size: 9px;
    }
}

@media only screen and (min-width: 768px) {
    /* For Desktop: */
    .note-main {
        font-size: 17px;
    }
    .note-child {
        font-size: 16px;
    }
}


/* marker */

.marker-pin {
    width: 50px;
    height: 50px;
    border-radius: 50% 50% 50% 0;
    background: #E8585C;
    position: absolute;
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
}

.marker-pin-detached-house {
    width: 50px;
    height: 50px;
    border-radius: 50% 50% 50% 0;
    background: #28a745;
    position: absolute;
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
}

.marker-pin-semi-detached-house {
    width: 50px;
    height: 50px;
    border-radius: 50% 50% 50% 0;
    background: #007bff;
    position: absolute;
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
}

.marker-pin-terrace-house {
    width: 50px;
    height: 50px;
    border-radius: 50% 50% 50% 0;
    background: #436ba7;
    position: absolute;
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
}

.marker-pin::after {
    content: '';
    width: 35px;
    height: 35px;
    margin: 7px 0 0 7px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
}

.marker-pin-detached-house::after {
    content: '';
    width: 35px;
    height: 35px;
    margin: 7px 0 0 7px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
}

.marker-pin-semi-detached-house::after {
    content: '';
    width: 35px;
    height: 35px;
    margin: 7px 0 0 7px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
}

.marker-pin-terrace-house::after {
    content: '';
    width: 35px;
    height: 35px;
    margin: 7px 0 0 7px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
}

.custom-div-icon i {
    position: absolute;
    width: 22px;
    font-size: 12px;
    left: 0;
    right: 0;
    margin: 20px 2px;
    text-align: center;
    font-weight: 700;
}

.custom-div-icon img {
    position: absolute;
    width: 22px;
    font-size: 22px;
    left: 0;
    right: 0;
    margin: 20px auto;
    text-align: center;
}

.custom-div-icon i.awesome {
    margin: 20px auto;
    font-size: 17px;
}

.custom-div-icon:hover .img {
    width: 90px;
    height: 100px;
    /*border-radius: 50% 50% 50% 0;*/
    border-radius: 70%;
    position: absolute;
    transform: rotate(0deg);
    border: 2px solid #E8585C;
    margin-top: -100px;
    margin-left: -25px;
    /*margin: -50px 0 0 0;
   left: 50%;
   top: -40%;
   */
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 320px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

/*.border-5 {
    border-width: 5px 5px 5px 5px !important;
}
*/
.icon-box {
    margin-top: 25px;
}
.icon-box i {
    font-size: 48px;
    float: left;
    color: #5777ba;
}
.icon-box p {
    font-size: 15px;
    color: #979aa1;
    margin-left: 60px;
}
.bold-text {
    font-weight: 500 !important;
    color: black !important;
}

.xd-content .xd-body .xd-body-inner {
    max-height: unset;
}

.xd-content .xd-body p {
    color: #f0f;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}

.xd-content .xd-button.xd-ok {
    background: #337ab7;
}