::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(#d7ebff, #00c6ff);
    border-radius: 6px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(#e7f9db, #009a3d);
    }

.small-box {
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgb(0 0 0 / 40%), 0 1px 3px rgb(0 0 0 / 20%);
    display: block;
    margin-bottom: 10px !important;
    position: relative;
    border: 1px solid #b9b7b7 !important;
}

.property {
    color: rgb(255 255 255) !important;
    font-weight: 500 !important;
    background: rgb(65 119 175) !important;
    border: 1px green !important;
    /* border-radius: 10px 30px !important; */
    margin-bottom: 5px !important;
    padding: 8px 0;
    width: 100% !important;
    text-align: center !important;
    font-size: 18px !important;
}

.logopng {
    width: 205px;
}

.residential {
    /*background-image: url("../../images/residential.jpg");*/
    background: #f1f1f1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.commercial {
    /*background-image: url("../../images/commercial.jpg");*/
    background: #f1f1f1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industrial {
    /*background-image: url("../../images/industrial.jpg");*/
    background: #f1f1f1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.institutional {
    /* background-image: url("../../images/institutional.jpg");*/
    background: #f1f1f1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.content-header {
    background: linear-gradient(90deg, rgb(231 239 255) 0%, rgb(207 226 255) 100%);
    padding: .75rem 1.25rem !important;
    position: relative !important;
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important;
    margin-top: 60px !important;
    margin-bottom: 5px !important;
}

.main-sidebar {
    /* background-color: #3ca0b7 !important; */
    background: linear-gradient(90deg, rgb(251 251 251) 0%, rgb(213 223 239) 100%);
    border-right: 6px solid #3ca0b7;
}

.navbar-success {
    background-color: #32363e !important;
    background: linear-gradient(90deg, rgb(72 77 78) 0%, rgb(133 140 141) 100%);
}

.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link, .layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link {
    height: 80px !important;
}

    .layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link, .layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link img {
        margin-left: -6px !important;
    }

.content-header h1 {
    font-size: 1.8rem;
    margin-top: 12px !important;
}

.content-header .breadcrumb {
    margin-top: 14px !important;
}

.grayborder {
    border-left: 5px solid rgb(24, 28, 24);
    background-color: lightgray;
    padding-top: 10px;
    margin-bottom: 16px;
    border-radius: 7px;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px !important;
}

.tablebody {
    font-size: 17px;
    line-height: auto;
}

th {
    background: #626f76 !important;
    color: #fff;
}

.bgimage {
    background-image: url("images/Yamuna-Expressway.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
}

.formbg {
    background-image: url("images/bg-3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.my-0 {
    margin-bottom: 5px !important;
}

.formfooter {
    text-align: center;
    padding: 4px;
    margin-bottom: 0px;
    color: white;
    background: #000;
}

.hrstyle {
    border: 1px solid black;
}

@font-face {
    /* Font Name to use*/
    font-family: 'HindiFont';
    font-size: large;
    src: url("../font/k010.TTF")format('truetype');
}

/*body {
                font-size: 20px;
            }*/

.hindiFont {
    /* Assign the font*/
    font-family: 'HindiFont';
    /*here we need to access @@font-face also*/
}

@media(max-width:640px) {
    .rsp {
        display: none !important;
    }

    .formbg {
        height: auto !important;
    }
}