/* ================================================================================================
// 	File Name: Style.scss
// 	Description: RTL Style for customization.
// 	----------------------------------------------------------------------------------------------
// 	Item Name: Chameleon Admin - Modern Bootstrap 4 WebApp & Dashboard HTML Template + UI Kit
// 	Version: 1.0
// 	Author: ThemeSelection
// 	Author URL: https://themeselection.com/
// ================================================================================================

NOTE:
------
A FILE FOR RTL SUPPORT RELATED ONLY
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
@media (min-width: 992px) {
    body #estates-content .content-body {
        margin-right: 210px;
    }
    body #leads-content .content-body {
        margin-right: 210px;
    }
    body #requests-content .content-body {
        margin-right: 210px;
    }
    body #properties-content .content-body {
        margin-right: 210px;
    }
    #mobile-zones-button {
        display: none;
    }
}

@media (max-width: 680px) {

}

.navbar-header .navbar-brand .brand-logo {
    width: 200px;
}
.sidebar .avatar img {
    border-radius: 0;
}

/* Style the Image Used to Trigger the Modal */
.estates-myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.estates-myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.estates-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.estates-modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Add Animation - Zoom in the Modal */
.estates-modal-content {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .estates-modal-content {
        width: 100%;
    }
}

.nav.nav-tabs .nav-item .nav-link.active {
    border-radius: .25rem;
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 30%)!important;
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 30%)!important;
}

.main-menu.menu-dark {
    color: #dcdcdc;
    background: #0c1332;
}

@media  screen {
    .mobile-position {
        position: relative;top: 8px;right: 75px;font-size: 1.55rem;
    }
}
@media  print {
    .mobile-position {
        position: relative;bottom: 8px;right: 155px;font-size: 1.65rem;
    }
}