@import url('https://fonts.googleapis.com/css?family=Muli:400,500,600,700,800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
.width-800{ max-width:800px;}
.height-100{height:100vh}
p{ margin-bottom: 0 !important; font-weight: 500;}
body, a, p,label{font-family: 'muli', sans-serif !important; font-size: 1rem; font-weight: 500; }
.fw-500 { font-weight:500;}
.fw-600 { font-weight:600;}
.fw-700 { font-weight:700;}
.text-under-n{ text-decoration: none !important;}
.text-red{  color:#ff5c6c !important;}
.text-red span{  color:#ff5c6c !important;}
.errorlist li{ color: red; font-size: 14px; font-weight: 500;}
.form_label{ max-width: 600px;}
.form_label label{ font-size: 14px; font-weight: 600; color: #333;}
.form_label a{ color: #222; text-decoration: none; }
.form_label a:hover{text-decoration: none;}
.content form .form-group input{  height:35px !important; border-radius: 3px !important; border: 1px solid #ccc !important; width: 100%; line-height: 35px !important;}
.col.form-group{ margin: 0 !important;}
.multi_button .col .btn{ font-size: 0.8rem;}
.hidden_field{ display:none;}
body .list_block li{clear: both !important; }
.input_form input{ padding-left: 5px !important; }
.retry-active .retry-btn{ display:block}
/* .retry-btn{ display: none;} */
.uppy-Dashboard-innerWrap
{
    width:200px;
    height:200px;
}
.uppy-Dashboard-inner
{
    width:200px;
    height:200px;
    border:0;
    border-radius: 3px;
}
.uppy-Dashboard-AddFiles-title
{
    font-size:12px;
    width:100px;
    margin:auto;
}
.uppy-DashboardContent-bar
{
    height:30px;
}   
.uppy-Dashboard-innerWrap
{
    width:180px;
    height:150px;
}

.uppy-Dashboard
{
    height:150px;                                                                                                                                                                                                                                                   
    width:180px;
    
}
.col-md-6{ float: left; width: 50%;}
.thumb_img{ float: left; width: 40px; height: 40px;}
.thumb_img img{     width: 100%;
    object-fit: cover;
    background: red;
    height: 100%;
} 
.verified_form label{ float: left; width: 100px !important; margin-left: 0}
.verified_form span{ float: left; width: 100%;}
.verified_form input[type="checkbox"]{ float: left; margin-right: 10px;}
.verified_form .helptext{ font-weight: normal; font-size: 12px;color: #777; float: left; width: auto !important;}
.verified_form textarea[name="description"]{ height: 50px; }
/* .verified_form .uppy-Dashboard-innerWrap{ height: 80px;} */
.verified_form input[type="submit"]{ margin-left: 105px;}

.actions_img{ border-bottom: 1px solid #ddd; position: absolute; padding: 5px; background-color: #fff; border-radius: 2px; margin: 5px; z-index: 1000;}
.actions_img i{ font-size: 20px; color: #999; }
#rotate_btn{ border:0; background-color: transparent; }

.register .btn{  padding: 10px 15px; border: none; border-radius: 4px; margin-left:15px !important;  cursor: pointer; margin-left: 0; color: #fff;}
.register .btn:hover{ background-color: #417690;}
.js-inline-admin-formset.inline-group{ border:1px solid #ececec}
.custom-file-input{ opacity: 1 !important;}
.form-horizontal select{ height: 40px !important; }
.form-contain .form-group{ padding: 0 10px; float: left; width: 100%;}

#content-main .btn{ background-color: #417690; color: #fff;  padding: 10px; border-radius: 5px;}
#content-main .btn:hover{background-color:#79aec8}
ul.errorlist{ background-color: transparent; display: block;}
.helptext{ margin-left: 110px; float: left; width: 100%;}
.cotainer form input,.cotainer form select,.cotainer form textarea{ display: block;}
.bg-theme{ background-color: #e35d2d !important;}
.bg-heading{ background-color: #2957A4  !important;}
.main-header{ padding: 10px; border-radius: 3px;}


body .form_label a i{ position: relative; top: 4px; }
body .form_label a{ text-transform: none !important;}
body .form_label .btn{ height: 40px !important; line-height: 25px !important; }

/* **************************************** */
            /* SideBar */
/* **************************************** */
.sidebar .sidenav-fixed .collapsible-body li a {
    padding-left: 0px !important;
}
.sidenav li>a>[class^=mdi-], .sidenav li>a>i, .sidenav li>a>i.material-icons, .sidenav li>a li>a>[class*=mdi-]{ margin: 0 8px 0 0 !important;}
body .sidenav-fixed .collapsible-body #menu a{ text-decoration: none !important; padding-left: 40px !important;}
.sidenav .user-view,body .sidenav .user-view{ margin-bottom: 0 !important; background-color: #00233D!important; border-bottom: 1px solid #00233D !important;}
/* .sidenav .collapsible-body li a, .sidenav.fixed .collapsible-body li a{ padding-left: 30px !important; } */
.sidenav .collapsible-body>ul:not(.collapsible)>li.active, .sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active{ background-color:#2957A4  !important; }
body .sidenav-fixed .collapsible-body #menu.parent-menu.active{ color: #fff  !important; padding: 0 !important; background-color: white !important; }
.sidenav-fixed .collapsible-body .parent-menu.active span{   padding-left: 30px !important; background-color:#2957A4  !important;display: block;}
.sidenav-fixed .collapsible-body .parent-menu.active li{ background-color: #efefef;   }
.sidenav-fixed .collapsible-body .parent-menu.active li a{ color: #666 !important; }
.parent-menu.active a{ padding-left: 10px !important; }
body .sidenav-fixed .collapsible-body #menu.parent-menu{ background-color: #e5e2e2 !important;}
body .sidenav-fixed .collapsible-body #menu.parent-menu li{ background-color: #fff;}
.parent-menu.active .active{ background: rgba(0,0,0,.05) !important;}
.sidebar .nav-links li.active{ background-color: #1d1b31;}
.sidebar .nav-links li.active .sub-menu { display: block }
.sidebar .nav-links li.active .sub-menu li.active a { opacity: 1 }
/* .user-view .background{ background-image: url(../img/sidenav.png);}
.user-view .background img{ background-image: url(../img/sidenav.png);} */
/* **************************************** */
            /* Navbar */
/* **************************************** */
nav.topbar{ background-color: #00233D !important;}
nav.topbar .brand-logo{ font-size: 1.2rem;}
nav.topbar .brand-logo{ top: 0;}
nav.topbar, nav.topbar a.button-collapse, nav.topbar a.button-collapse i, nav.topbar i{ line-height: 50px !important; height: 50px!important;}
.breadcrumbs{ display: none;}
main .content{ display: block;
    float: left;
    width: 100%;
    position: relative;
    top: -10px; 
}

@media only screen and (max-width: 600px) {
    .mobile_review {
        display: block;
    }
    .desktop_review{
        display: none;
    }
} 
@media only screen and (min-width: 601px) {
    .mobile_review {
        display: none;
    }
    .desktop_review {
        display: block;
    }
} 
@media only screen and (max-width: 600px) {
    .uppy-Dashboard{ margin: 0 auto; }
}



/* form Field */
.form-group-field .select-field label{ font-size: 13px; font-weight: bold; color: #222; }
.form-group-field .form-group textarea, .form-group-field .form-group input{  width: 100%;
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    -webkit-text-fill-color: rgb(60, 66, 78);
    color: rgb(60, 66, 78);
    border: 1px solid rgb(232, 237, 244);
    padding: 0px 0px 0px 5px;
    border-radius: 3px; 
}

.list_view ul li{ float: left; width: 100%; padding: 5px 0;}
.list_view ul li p.list-label{ font-weight: 600;}
.list_view ul li p{ font-size: 13px; font-weight: 500; color: #6c757d;}
.list-label{ 
    float:left; 
    color:#6c757d!important;
    font-weight: 500;
}
.card.card-none{ 
    margin: 10px 0; 
    box-shadow: none !important; 
    border: 1px solid #ccc !important;
}
.form_label .card-header{ padding: 10px;}
.form_label .card-header h5{ font-size: 15px !important; font-weight: 600; }
.table_header th{ font-weight: 600; }
.list_block table th:first-child{ width: 50px; text-align: center;}
.list_block table td:first-child{ width: 50px; text-align: center;}
.list_block table th{ background-color: rgb(231, 230, 230); padding: 5px !important;}
.list_block table td{ color: #666; font-size: 13px; padding:5px !important; vertical-align: middle;}
.status_text span{ font-weight:700;}
.title_outer{
    padding: 17px;
    background-color: #fdfdfd;
    border-bottom: solid 1px #eef2f7;
    width: 100%;
    display: inline-block;
    font-weight: 500;
}
.pageHeaderTitle {
    font-size: 14px;
    font-weight: 500;
    color: #16325c;
    float: left;
}
.list-inline li{
    width: 50%;
    float: left;
}
.list-inline img{ height: 80px; width: 150px;}
.loader {
    position: fixed;
    height: 100vh;
    background-color: RGBA(0,0,0,0.9);
    z-index: 9999;
    margin: 0 auto;
    width: 100%;
}

@import url('https://fonts.googleapis.com/css?family=Muli:400,500,600,700,800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

.height-100{height:100vh}
p{ margin-bottom: 0 !important; font-weight: 500;}
body, a, p{font-family: 'muli', sans-serif !important; font-size: 0.9rem; }
.fw-500 { font-weight:500;}
.fw-600 { font-weight:600;}
.fw-700 { font-weight:700;}
.text-under-n{ text-decoration: none !important;}

.text-red{  color:#ff5c6c !important;}
.errorlist li{ color: red; font-size: 14px; font-weight: 500;}
.form_label{ max-width: 600px;}
.form_label label{ font-size: 14px; font-weight: 600; color: #333;}
.form_label a{ color: #222; text-decoration: none; }
.form_label a:hover{text-decoration: none;}
.col.form-group{ margin: 0 !important;}
.multi_button .col .btn{ font-size: 0.8rem;}
.hidden_field{ display:none;}
body .list_block li{clear: both !important; }
.input_form input{ padding-left: 5px !important; }

.uppy-Dashboard-innerWrap
{
    width:200px;
    height:200px;
}
.uppy-Dashboard-inner
{
    width:200px;
    height:200px;
    border:0;
    border-radius: 3px;
}
.uppy-Dashboard-AddFiles-title
{
    font-size:12px;
    width:100px;
    margin:auto;
}
.uppy-DashboardContent-bar
{
    height:30px;
}   
.uppy-Dashboard-innerWrap
{
    width:180px;
    height:150px;
}

.uppy-Dashboard
{
    height:150px;                                                                                                                                                                                                                                                   
    width:180px;
    
}
.col-md-6{ float: left; width: 50%;}
.thumb_img{ float: left; width: 40px; height: 40px;}
.thumb_img img{     width: 100%;
    object-fit: cover;
    background: red;
    height: 100%;
} 
.verified_form label{ float: left; width: 100px !important; margin-left: 0}
.verified_form span{ float: left; width: 100%;}
.verified_form input[type="checkbox"]{ float: left; margin-right: 10px;}
.verified_form .helptext{ font-weight: normal; font-size: 12px;color: #777; float: left; width: auto !important;}
.verified_form textarea[name="description"]{ height: 50px; }
/* .verified_form .uppy-Dashboard-innerWrap{ height: 80px;} */
.verified_form input[type="submit"]{ margin-left: 105px;}

.actions_img{ border-bottom: 1px solid #ddd; position: absolute; padding: 5px; background-color: #fff; border-radius: 2px; margin: 5px; z-index: 1000;}
.actions_img i{ font-size: 20px; color: #999; }
#rotate_btn{ border:0; background-color: transparent; }

.register .btn{  padding: 10px 15px; border: none; border-radius: 4px; margin-left:15px !important;  cursor: pointer; margin-left: 0; color: #fff;}
.register .btn:hover{ background-color: #417690;}
.js-inline-admin-formset.inline-group{ border:1px solid #ececec}
.custom-file-input{ opacity: 1 !important;}
.form-horizontal select{ height: 40px !important; }
.form-contain .form-group{ padding: 0 10px; float: left; width: 100%;}
@media only screen and (max-width: 600px) {
.uppy-Dashboard{ margin: 0 auto; }
}
#content-main .btn{ background-color: #417690; color: #fff;  padding: 10px; border-radius: 5px;}
#content-main .btn:hover{background-color:#79aec8}
ul.errorlist{ background-color: transparent; display: block;}
.helptext{ margin-left: 110px; float: left; width: 100%;}
.cotainer form input,.cotainer form select,.cotainer form textarea{ display: block;}
.bg-theme{ background-color: #e35d2d !important;}
.bg-heading{ background-color: #2957A4  !important;}
.main-header{ padding: 10px; border-radius: 3px;}


body .form_label a i{ position: relative; top: 4px; }
body .form_label a{ text-transform: none !important;}
body .form_label .btn{ height: 40px !important; line-height: 25px !important; }

/* **************************************** */
            /* SideBar */
/* **************************************** */
.sidebar .sidenav-fixed .collapsible-body li a {
    padding-left: 0px !important;
}
.sidenav li>a>[class^=mdi-], .sidenav li>a>i, .sidenav li>a>i.material-icons, .sidenav li>a li>a>[class*=mdi-]{ margin: 0 8px 0 0 !important;}
body .sidenav-fixed .collapsible-body #menu a{ text-decoration: none !important; padding-left: 40px !important;}
.sidenav .user-view,body .sidenav .user-view{ margin-bottom: 0 !important; background-color: #00233D !important; border-bottom: 1px solid #222 !important;
    height: 200px;}
/* .sidenav .collapsible-body li a, .sidenav.fixed .collapsible-body li a{ padding-left: 30px !important; } */
.sidenav .collapsible-body>ul:not(.collapsible)>li.active, .sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active{ background-color:#2957A4  !important; }
body .sidenav-fixed .collapsible-body #menu.parent-menu.active{ color: #fff  !important; padding: 0 !important; background-color: white !important; }
.sidenav-fixed .collapsible-body .parent-menu.active span{   padding-left: 30px !important; background-color:#2957A4  !important;display: block;}
.sidenav-fixed .collapsible-body .parent-menu.active li{ background-color: #efefef;   }
.sidenav-fixed .collapsible-body .parent-menu.active li a{ color: #666 !important; }
.parent-menu.active a{ padding-left: 10px !important; }
body .sidenav-fixed .collapsible-body #menu.parent-menu{ background-color: #e5e2e2 !important;}
body .sidenav-fixed .collapsible-body #menu.parent-menu li{ background-color: #fff;}
.parent-menu.active .active{ background: rgba(0,0,0,.05) !important;}

/* **************************************** */
            /* Ujjwala Index Page */
/* **************************************** */

.fa-whatsapp{ color: green; font-size: 20px; font-weight: bold; position: relative; top: 3px;}
.reno-bg{
    background-image: url("https://www.arungas.com/wp-content/uploads/2022/04/reno-bg-2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.uppy-Dashboard-AddFiles .uppy-Dashboard-AddFiles-title{ font-size: 12px !important; margin: 0 !important;}
.uppy-Dashboard-inner .uppy-Dashboard-files{ padding: 0 !important;}

.uppy-Dashboard-Add -title {
    font-size: 12px;
    margin: auto;

}
#family_members_tree .uppy-DashboardContent-bar {
    height: 30px;
}

.content-inner {
    padding: 25px 30px;
    padding-bottom: 5px;
    margin: 15px -25px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.featured-icon-box.icon-align-top-content.style4 {
    margin: auto;
    padding: 30px 25px 25px;
    background-color: #fff;
    margin-top: 50px;
}

.bor_rad_5 {
    border-radius: 5px;
}

.featured-icon-box {
    position: relative;
    margin: 15px 0;
}

.text-center {
    text-align: center !important;
}

.header3 {
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    font-family: 'Roboto Slab', serif;
    text-align: center;
    font-size: 2.5rem;
    margin: 0;
    font-weight: bold;
}
.header2 {
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    font-family: 'Roboto Slab', serif;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
    margin-bottom: 20px;
}
.cust-border{ border-bottom: 2px dotted #000;}
.show-sign-block{ display: block; }
#family_members_tree .uppy-DashboardContent-bar {
    border-radius: 5px !important;
    width: 50%;
    border-right: 1px solid #ddd;
    background: green;
}
.term_link:hover {
    color: #2275d7e6 !important;
}
.custom-file-input{ opacity: 1;}
.nav-wrapper{ margin: 0 !important;}


/* **************************************** */
            /* pre-inspection-OTP */
/* **************************************** */

#pre-inspection-OTP .card{width:400px;border:none;height:300px;box-shadow: 0px 5px 20px 0px #d2dae3;z-index:1;display:flex;justify-content:center;align-items:center}
#pre-inspection-OTP .card h6{color:red;font-size:20px}.inputs input{width:40px;height:40px}
#pre-inspection-OTP input[type=number]::-webkit-inner-spin-button, #pre-inspection-OTP input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0}
#pre-inspection-OTP .card-2{background-color:#fff;padding:10px;width:350px;height:100px;bottom:-50px;left:20px;position:absolute;border-radius:5px}
#pre-inspection-OTP .card-2 .content{margin-top:50px}
#pre-inspection-OTP .card-2 .content a{color:red}
#pre-inspection-OTP .form-control:focus{box-shadow:none;border:2px solid red}
#pre-inspection-OTP .validate{border-radius:20px;height:40px;background-color:red; border:1px solid red;width:140px}


/* **************************************** */
            /* pre-inspection-select mobile */
/* **************************************** */

#id_mobile_container label{ color: #9e9e9e; font-weight: 500;}
.list_block li{clear: both !important; }
.list_block p{ font-size: 0.9rem; padding: 2px 0; font-weight: 600;}

/* **************************************** */
        /* otp mobile */
/* **************************************** */
.review_content_block img{width: 100%; height: 200px; object-fit: contain; }


/* **************************************** */
        /* enable Location */
/* **************************************** */
.overlay_location_outer{ height:100vh;background-color: rgba(0,0,0,0.9); position: fixed; z-index: 99; top: 0; right: 0; left:0; bottom: 0; width: 100%; height: 100%;}
.overlay_location_outer,.overlay_location{ background-color: rgba(0,0,0,0.9); position: absolute; z-index: 99; top:0; right: 0; left:0; bottom: 0; width: 100%; height: 100%;}
.overlay_location{ position:relative;}
.overlay_location_outer a{ text-align: center; font-size: 20px; color: #fff; display: block; margin:  0 auto; margin-top:30px; margin: 10px 20px;}

#id_review_status,#id_owner{ display: block;}
#id_rejected_reason{ margin-top: 10px;}
#id_rejected_reason{ border: 1px solid #ccc !important;}

.spinner-border {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('https://c.tenor.com/je-huTL1vwgAAAAi/loading-buffering.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

@media only screen and (max-width: 600px) {
    .mobile_review,.mobile {
        display: block;
    }
    .desktop_review, .desktop{
        display: none;
    }
} 
@media only screen and (min-width: 601px) {
    .mobile_review,.mobile {
        display: none;
    }
    .desktop_review, .desktop {
        display: block;
    }
} 

.sidebar .nav-links li.active{ background-color: #1d1b31;}
.sidebar .nav-links li.active .sub-menu { display: block }
.sidebar .nav-links li.active .sub-menu li.active a { opacity: 1 }
#id_account{ display: block ;}

.select-dropdown{ display: none!important;}
#initiate_request_form select{ display: block!important; margin-bottom: 10px !important; }
#initiate_request_form #id_type_data_container{ display: none!important;}
#initiate_request_form .select-field .select-wrapper .caret{ display: none;}
.sidenav .user-view a{ display: block; width: 100%;  }
/* .app_card.list_block a:hover{ background-color:#00233D;}
.app_card.list_block a:hover p{ color: #fff !important; }
.app_card.list_block a:hover .card-header{ border-bottom:1px solid #033f6d !important; } */
.app_card.list_block a.text-info:hover{ background-color: transparent !important;}
.app_card.list_block table tr:hover{ background-color: #efefef;  }
.float-block{ width: 100%; float: left;}
.width-600 { max-width: 600px;}
.list-body:hover a{ background-color: #efefef; text-decoration: none; }
.list-body p{ font-size: 12px;}