/* New UI css */

.table>tbody>tr>td, .table>tbody>tr>th{font-size:14px;}
.table>thead>tr>th{font-size:14px;}

.kodago-web{color: #fff !important;border: solid 1px #fff;border-radius: 6px;transition-duration:.3s;
background-color:transparent;padding: 6px 10px;}
.kodago-web:hover{background:#fff;color:#076db5 !important;}
.drop-notify{top:35px;}
.full{float:left;width:100%;}
.breadcrumbmain .paddB28{padding:0;}
.breadcrumbmain{background: #fff;padding:9px 0;margin-bottom:12px;}
.breadcrumbmain .breadcrumb{line-height:1;}
.mt-0{margin-top:0;}
.notification .alert-noti{ border-radius:50%; right: -8px; top: -9px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;background:#c90d0d;
height: 15px;width: 15px;padding: 0;display:flex;align-items:center;justify-content:center;font-size:9.5px;height:19px;width:19px; }
.notification i{font-size:18px;}
.search-row .input-group{width:100%;}
.search-row .input-group-lg .form-control{height: 39px;font-size: 13.5px;background:#dee5ed;border:0;border-radius:50px;box-shadow:none;}
.search-row .input-group-lg .form-control::placeholder{color:#9dabbe;}
.search-row h4{font-weight: 600;font-size: 21px;margin-bottom: 5px;}
.search-row p{    font-size: 12px;color: #777;}
.search-row{border-bottom: solid 1px #e2e8f0;padding-bottom: 10px;margin-bottom:17px;}

ul.chlist li .thumb{float:none;    margin: 0 auto;    border: solid 1px #e2e8f0;}
ul.chlist li .content02{margin:0;padding-right: 0;text-align: center;}
ul.chlist#tblData > li{display: inline-block;float: left;background-color: #fff;width:13.5%;
border-radius: 3px;padding: 20px;box-sizing: border-box;margin: 0px 10px 15px 0px;transition: all .2s ease-in-out;
position: relative;}
ul.chlist#tblData > li:hover{    box-shadow: 0px 0px 10px #ccc;}
.cl-box{background-color:transparent;padding:0;}
ul.chlist li .content02 h3{display: block;font-size: 14px;text-align: center;line-height: 25px;padding-bottom: 0;
font-weight: 400;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;text-align: center;}
ul.chlist li .content02 h3 a{color: #365bcd;float:none;}
.ul.chlist li .content02 p{display: block;font-size: 12px;text-align: center;color: #777;margin-top: 5px;}
ul.chlist li .content02{padding:12px 0 15px;border-color:#e9e9e9;}
.noti.groupNoti{position: absolute;top:6px;right:6px;}
.notify-no{position:unset;width: 30px;height: 30px;font-size: 14px;line-height: 30px;font-size: 14px;
    background-color: #c9eedf;    color: #10bc83;cursor: pointer;}
.share_icon{position:unset;}    
.grp-action{display:flex;align-items:center;justify-content:center;margin-top: 14px;font-size: 14px;}
.action-icon{margin: 0 15px;}
.share_icon{margin: 0 15px;}
.grp-action .share_icon i{    color: #084298;
    background-color: #cfe2ff;
    border: solid 1px #b6d4fe;
    padding: 5px 7px;
    display: flex;
    border-radius: 4px;cursor: pointer;}

.action-icon i{ padding: 5px 7px;}    
.editt-icon i{color: #0f5132;background-color: #d1e7dd;border: solid 1px #badbcc;display: flex;border-radius: 4px;}
.view-icon i{color: #664d03;background-color: #fff3cd;border: solid 1px #ffecb5;display: flex;border-radius: 4px;}
.deleted-icon i{color: #842029;background-color: #f8d7da;border: solid 1px #f5c2c7;display: flex;border-radius: 4px;}

/* ul.chlist li:last-child{padding:20px}
ul.chlist li:last-child .content02{border-bottom:solid 1px #e9e9e9;} */

.newmodal .modal-content{background: #ffffff;position: relative;}
.newmodal .close{color: #0c0c0c;font-size: 29px;}
.newmodal  .modal-dialog{width:500px;}
.grpdelete h3{color:#000;font-size:21px;text-align:center;margin-bottom: 13px;}
.grpdelete p{color:#7d7b7b;font-size:15px;text-align:center;line-height: 25px;}
.grpdelete .modal-body{    padding: 25px 85px;}
.footerbtn {    justify-content: center;padding: 20px 0 10px;}
.footerbtn .btn{margin:0 5px;padding: 8px 15px;}
.footerbtn .btn.btn-danger:hover{color:#fff !important;}
.modalicondelete{text-align:center;}
.modalicondelete i{color: #ff225d;font-size: 40px;margin-bottom: 20px;display: block;}
.newmodal .modal-content .modal-header{position:absolute;right:0;    z-index: 1111;}
.cl-box{min-height:unset;border:0;}

footer{    background: #000000;padding: 10px 0;}
.bottom-menu{margin:0;}
.copyright-sec{margin:0;}
.mid-section{min-height: calc(100vh - 121px);}


.avatar-upload {
    position: relative;
    margin:18px auto;    display: inline-block;
}

.avatar-delete{position: absolute;right: 4px;bottom: -1px;background: #fff;height: 25px;
width: 25px;border-radius: 50%;display: flex;align-items: center;justify-content: center;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);    z-index: 1;}

.avatar-delete a{font-size: 16px;color: #f34f1b;margin:3px 0 0 0;display: inline-block;transition-duration:.3s;}
.avatar-delete a:hover{color:#000;}

.avatar-upload .avatar-edit {
    position: absolute;
    right: 0px;
    z-index: 1;
    top:0px;
}
.avatar-upload .avatar-edit input {
    display: none;
}
.avatar-upload .avatar-edit input + label {
    display:flex;
    width:80px;
    height:80px;
    margin-bottom: 0;
    border-radius: 100%;
    cursor: pointer;
    font-weight: normal;
    transition: all .2s ease-in-out;display:none;
}
.avatar-upload .avatar-edit input + label:hover {
    background:rgba(0,0,0,0.5);
    border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
    content: "\f040";
    font-family: 'FontAwesome';
    color: #ffffff;
    text-align: center;
    margin: auto;
}
.avatar-upload .avatar-preview {
    width:80px;
    height:80px;
    position: relative;
    border-radius: 100%;
    border: 2px solid #E3E3E3;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);margin: 0 auto;
}
.avatar-upload .avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.editgroup h5{text-align:center;font-size: 18px;font-weight:500;}
.avatar-upload-center{text-align:center;}
.imageUpload{display:none;}
.avatar-upload:hover .avatar-edit input + label{display:flex}
.editgroup{margin:30px 20px;}
.newmodal.recordedit .modal-dialog{    width: 400px;}
.editgroup .form-group label{font-size: 13px;color: #000000BF;margin: 0 0 7px 0;}
.btn-default{background: #eeeeee;color: #000;border:solid 1px #eeeeee;}
.breadcrumb>li{font-size:13px;}
.nav>li>a:focus, .nav>li>a:hover{background:none;}
.bottom-menu ul li:last-child::after{display:none;}
.logo-inner a img{height: 30px;}

.user_photo{width:100%;position:unset;    margin-top: 10px;display:none;}
.thumb-slider{padding:0 0px;}
.thumb-slider{float:none;}
.mb-0{margin-bottom:0;}
.Searchracks label{margin: 0 0 4px 0;font-size: 14px;font-weight: normal;color: #212121;}
.search-row .custom_select{border-radius:6px;}
.search-row .input-group-lg .form-control{background:#fff;border-radius:6px;}

.mid-section.mid-section-new{    min-height: calc(100vh - 98px);margin-top:55px;}
.user_photo .owl-carousel .owl-item img{width:26px;border: solid 1px #dfdfdf;height:26px;}
ul.smart-sheet li .thumb{border-radius:50%;}

.racklist ul.chlist li{min-height:auto;padding:35px 15px;}
ul.chlist li .content02 p{font-size: 13px;color:#33475b;}
ul.chlist li .content02 p em{color: #626262;font-style: normal;}

.user_photo .owl-carousel .owl-stage{margin: 0 auto;}
.racklist ul.chlist li .content02{padding:5px 0 0;border:0;}
.nav-circle span{width: 4px;height: 4px;background: #cccc;margin: 1px 0px;}
.active-nav02{    top: 10px;right: 5px;}
.racklist ul.chlist li a.rackupdates{color: #b5b5b5;position: absolute;top: 10px;}


.nav-drop li a{font-size:12px;    padding: 7px 12px !important;}
.nav-drop{top: 26px;}
.nav-drop::after{border-bottom: 7px solid #333;content:'';position:absolute;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -7px;right:0;
    margin: 0 6px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    border-color: #d3d3d3;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;}

    .alert{    padding: 11px 15px;font-size: 13px;}  
    
.progress_view .font14{    font-size: 12px;}  
.progress_view{padding-right:10px;}
.progress_view .progress_text{    font-size: 11px;font-weight: 400;right:10px;    top: 5px;}
.total_records h6{color: #025bda;font-size: 16px;font-weight: 600;margin:0 0 2px 0;}
.total_records h5{color: #33475b;font-size: 12px;font-weight: 500;}
.total_records  i{font-style: normal;}
.GridListBtn{display:flex;}
.btnView ul .advancedfilter{font-size: 15px;margin-top: 8px;color: #025bda;font-weight: 500;cursor: pointer;transition-duration:.3s;}
.advancedfilter:hover{text-decoration: underline;}


.GridListBtn a {background-color: #eaf0f6;border: solid 1px #cbd6e2;color: #506e91;border-radius: 3px;
-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;
height: 32px;width: 32px;display: inline-flex;font-size: 16px;cursor: pointer;align-items: center;
justify-content: center;}
.GridListBtn div:first-child a  {border-bottom-right-radius: 0;border-top-right-radius: 0;}
.GridListBtn div:last-child a {border-bottom-left-radius: 0;border-top-left-radius: 0;}
.GridListBtn .active a {background-color: #cbd6e2;border-color: #7c98b6;color: #506e91;}
.emportexport a{color: #0060a4;border-color: #0060a4;font-size: 12px;border-radius: 3px;    margin: 0 5px;
line-height: 14px;padding:7px 12px;font-weight: 500;border: solid 1px;display: block;transition-duration:.3s;}
.emportexport a:hover{    border-color: #0060a4;background-color: #0060a4;color: #fff;}
.emportexport{display: flex;}
/* .select_page{    margin-top:2px;} */
.filter-right{display:flex;justify-content:end;align-items:center;}
.btnView ul li.total_records{padding-left:0;margin-bottom:0px;}
.secondfilter label{font-weight: 500;font-size: 13px;}
.secondfilter .mainfilterin{font-weight: 500;font-size: 13px;}
.secondfilter .mainfilter{display:flex;align-items: center;}
.advance_filter{margin-left:20px;background-color: #eaf0f6;border: solid 1px #cbd6e2;color: #506e91;
font-size: 13px;padding:6px 11px;border-radius: 4px;-webkit-border-radius: 4px;font-weight: 400;
-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}
.mainfilterin .advance_filter a{position:unset;font-size: 13px;text-decoration: none !important;}
.mainfilterin .btn-default{font-weight: 500;font-size: 13px;}
.mainfilterin .btn-primary{font-weight: 500;font-size: 13px;    margin-right: 6px;}
#searchFrm .secondfilter  .select2-container .select2-selection--single{font-size: 12px;}
#searchFrm .secondfilter  .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 34px;}
.secondfilter select.form-control{font-size: 12px;}
.select2-results__option{font-size: 12px;}
.head-section.sticky{    z-index: 9999;}
.secondfilter{    margin-top: 10px;}

.modal.adavancefilter .modal-dialog {position: fixed;
margin: auto;width:500px;height: 100%;-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);}
.modal.adavancefilter .modal-content {height: 100%;overflow-y: auto;}
.modal.adavancefilter .modal-body {padding: 15px 15px 15px;max-height:100% !important;}
.modal.adavancefilter.fade .modal-dialog {right: -500px;-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-moz-transition: opacity 0.3s linear, right 0.3s ease-out;-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;}
.modal.adavancefilter.fade.in .modal-dialog {right: 0;}
.adavancefilter .modal-content {border-radius: 0;border: none;}
.adavancefilter .modal-header {background-color: #00bda5;
    padding: 14px 15px 10px !important;
    background-image: linear-gradient(-303deg,#00a4bd,#00afb2 56%,#00bda5);
    color: #fff;}
.modal-open .modal.adavancefilter{padding:0;}
.search-row .secondfilter h4{font-size: 16px;}
.adavancefilter .modal-header .close{margin:-5px 0 0 0;opacity: .7;font-weight: normal;font-size: 30px;color:#fff;
    padding: 0 !important;}
.adavancefilter  .modal-content{background:#fff;}
.adavancefilter .modal-header .close:hover{opacity:1;}
.adavancefilter .mainfilterin{    border-top: 1px solid #dadada;padding:12px 0 0 0;    text-align: right;}
.ui-datepicker{width: 15em;}
.ui-datepicker th{font-size: 13px;}
.ui-datepicker td{font-size: 13px;}
.ui-datepicker .ui-datepicker-title select{    font-size: 14px;}
.ui-datepicker .ui-datepicker-title{margin: 0 1.3em;}
.ui-datepicker select{height: 33px;}
.ui-datepicker td a{text-align:center;}
.adavancefilter .form-control{font-size: 13px; margin: 0px 0 4px 0;background: #F7F8FB;height: 35px;}
#fixTable thead th{background-color: #efefef !important;}
.List_view .edit-icon, .List_view .delete-icon{padding:0 2px;float:none;display:block;}
.List_view .edit-icon a i, .List_view .delete-icon a i{padding-right:0;color: #506e91;}
.button_responsive{position: absolute;right: 0px;top: 2px;opacity:0;padding: 2px;background-color: #eaf0f6;border: 1px solid #cbd6e2;
border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;transition-duration: .3s;}
.List_view .table > tbody > tr > td{position: relative;}    
.List_view .table > tbody > tr:hover > td .button_responsive{opacity:1;}
.prof-pic{position:unset;}
.profile-row{padding-left:0;display: flex;align-items: center;}
.List_view .profile-row h2{padding-bottom:0 !important;}
.newdatetime{    margin-left: 7px;flex: 1;}
.newdatetime h3{color: #0060a4;font-size: 13px;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
width: 139px;margin-bottom: 2px;}

.adavancefilter  .newdatetime h3{width:100%;}


.List_view .profile-row h2 span.cmtTime{    color: #000000;}
.List_view .table > tbody > tr > td{border: solid 1px #e9e9e9;padding: 8px 8px;}
.List_view .table > tbody > tr > td{color: #33475b;vertical-align: middle;}
#fixTable thead th{background-color: #ffffff !important;border: solid 1px #e9e9e9 !important;color: #1f1b2d;font-weight:500;}
#fixTable tbody tr:nth-child(odd) {background: #f7f7f7;}
#fixTable tbody tr:nth-child(even) {background: #fff;}
.grid .profile-row h2{padding-bottom:0 !important;}
.grid .left-col{width:100%;color: #33475b;font-size: 12.5px;font-weight:500;}
.grid .right-col{width:100%;padding-left:0;font-size: 12px;color: #000;font-weight: 400;}
.grid .active-box .row-1{border-top: 1px solid rgba(0,0,0,.1);margin-top:8px;padding-top:8px;margin-bottom:0;}
.dropdownmenu .btn-primary{background-color:transparent !important;border:0;    color: #646464 !important;}
.grid .profile-row{width:auto;}
.dropdownmenu{position: absolute;    right: -10px;top: -10px;}
.btn.active, .btn:active{box-shadow:none;}
.grid .col-md-3{padding:0 7px;}
.rackrecordft{display:flex;align-items:center;justify-content: space-between;}
.rackrecordft .more-link a:after{display:none;}
.rackrecordft .more-link a{padding-right:0;}
.rackrecordft h5{font-size: 12px;font-weight: 500;cursor: pointer;}
.rackrecordft h5:hover{color:#0060a4;}
.rackrecordft .more-link a{color: #0060a4 !important;font-size: 12px;font-weight: 500;cursor: pointer;}
.rackrecordft .more-link a:hover{color: #000 !important;}
.more-link{text-transform:capitalize;}
.modal{z-index: 11111;}
.showComments .modal-dialog{max-width:750px;}
.showComments .modal-header{border-bottom:solid 1px #e5e5e5;padding-bottom:15px !important;}
.search-row .showComments .modal-header h4{margin:0;font-size: 17px;}
.search-row .showComments .modal-header{padding:10px 15px !important;}
.commentsboxline{display:flex;align-items:center;    margin: 18px 0;}
.cmtList .commentsboxline:first-child{margin-top:0;}
.commentsprofile{    height: 37px;width: 37px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;
-ms-border-radius: 50%; -o-border-radius: 50%;border: 1px solid #bebebe;display: flex;align-items: center;
justify-content: center;background: rgba(0,96,164,.3);color: #0060a4;font-weight:500;font-size: 19px;
position: relative;top:-4px;}
.commentsright{    flex: 1;    padding-left: 16px;}
.commentshead{display:flex;align-items:center;}
.commentshead h4{color: #04070d;font-size: 13px;font-weight: 500;margin: 0 20px 0 0;}
.commentshead h6{color: #04070d;font-size: 12px;font-weight: 400;margin: 0 20px 0 0;position: relative;    }
.commentshead h6:after {position: absolute;width: 7px;height: 7px;background: #b2b2b2;content: "";left: -12px;
top: 4px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
.search-row .commentsbody p{font-size: 12.5px;line-height: 21px;word-break: break-all;padding-bottom: 0;}
.showComments  .cmnt-row{padding-top:0;}
.cmnt-new{display:flex;align-items:center;padding-bottom:20px;}
.send{border-radius:50%;background-color: #0060a4;color: #fff;height: 38px;width: 38px;font-size: 17px;
    margin-left:10px;}
.white-modal .close{font-size: 31px;margin: -3px 0 0 0;padding: 0 !important;}
.grid .active-box{margin-top: 15px;border: 1px solid rgba(0,0,0,.1);border-radius: 6px;padding: 10px 10px;}
.List_view{margin-top:15px;}
.dropdownmenu ul li a{width: 100%;display: block;font-size: 12px;padding:6px 10px;transition-duration: .3s;
color: #454056;}
.dropdownmenu ul li a:hover{color:#0060a4;}
.dropdownmenu .dropdown-menu::after{
    position: absolute;
    top: -6px;
    content: "";
    pointer-events: none;
    border-left-width: 1px;
    border-top-width: 1px;
    border-left-style: solid;
    border-top-style: solid;
    border-right: 1px solid #cbd6e2;
    border-bottom: 1px solid #cbd6e2;
    -o-border-image: initial;
    border-image: initial;
    -webkit-clip-path: polygon(100% 100%,0 100%,100% 0);
    clip-path: polygon(100% 100%,0 100%,100% 0);
    border-top-left-radius: 100%;
    width:14px;
    height: 14px;
    background-color: inherit;
    transform: rotate(220deg);
    border-top-color: transparent!important;
    border-left-color: transparent!important;
    -webkit-transform: rotate(220deg);
    -moz-transform: rotate(220deg);
    -ms-transform: rotate(220deg);
    -o-transform: rotate(220deg);
    right:6px;
}

.assignmentModal  .modal-dialog{max-width: 600px;}
.assignmentModal  ul.chlist > li{margin:0;min-height: unset;width:auto;border: 1px solid #d7d7d7;
border-radius: 4px;padding: 7px 13px;    font-size: 14px;margin:0 10px 10px 0;}
.assignmentModal .modal-header {border-bottom: solid 1px #e5e5e5;padding: 10px 15px !important;}
.assignmentModal  ul.chlist > li:hover{box-shadow:none;}

.grppop .modal-dialog{width: 400px !important;    border-radius: 10px;overflow: hidden;}

.grppop h4{text-align: center;font-size: 18px;}
.grppop .grpmodals input{background-color: #076db5;color: #fff;border: none;
box-shadow: none;border-radius: 5px;font-weight:500;font-size: 14px;padding:9px 17px;margin: 0;cursor: pointer;}
.grppop .grpmodals .btn-default{font-weight: 500;padding: 8px 17px;border-radius: 5px;}
.grppop  form h5{text-align:center;}
.grppop .modal-body{padding: 30px 30px;}
.grppop  .editgroup{margin:0;}
.grppop  .form-control{height: 40px;}
.modal-footer.grpmodals{padding: 15px 0 0;}
.bottompagination{margin:5px 0 15px;float: left;width: 100%;}
.bottompagination .select_page{margin-top:0;}
.add-icon{background-color: #005fca;}
.add-icon:hover{    background-color: #e43137;}
.swal-icon{width: 80px;height: 80px;}
.swal-title:not(:last-child){    margin-bottom: 0;}
.swal-text{font-size:14px;text-align:center;}
.swal-icon--error__line{height: 3px;width: 47px;top: 37px;}
.drop-notify ul.chlist li .content02{    margin-left: 0;}

.btn-primary{position: relative;overflow: hidden;border:0;background-color:#379ADD !important;transition-duration:.3s;}
.btn-primary:hover{background-color:#4ca6e2  !important;}
.displayCondition .btn-primary:hover{background-color:transparent !important;}


.recordedit  .form-control{    height: 40px;}
.grppop .editgroup small{font-size: 11px;font-weight: normal;}
ul.chlist li .thumb a{background:transparent;    cursor: auto;}
/* .racklist ul.chlist li .thumb a:hover{background: rgba(0, 0, 0, 0.4);} */
.racklist ul.chlist li .thumb a{cursor: pointer;}
/* .racklist ul.chlist li .thumb a i{position: absolute;width: auto !important;right: 0;top: 0;line-height: normal;} */

.swal-button--cancel:focus{box-shadow:none;}
.swal-title{font-size: 20px;}
.custome_alert{    position: fixed;right: 10px;top:10px;background: #d1e7dd;color: #0f5132;
font-size: 14px;padding: 6px 10px;border-radius: 4px;z-index:1111111;
right: 4px;
animation-name: moveInRight;
animation-duration:1s;}

.custome_alert i{margin-right:3px;}

ul.chlist#tblData > li .drop-notify ul.chlist li .content02{text-align: left;margin-left: 13px;}

@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    80% {
        transform: translateX(-20px);
    }
    
    100% {
        opacity: 1;
        transform: translate(0);
    }

}


.d-none{display:none;}
/* .racklist ul.chlist#tblData > li{    min-height: 220px;} */
.float-nav{background-color: #cbcbcb;}
/* .float-nav:hover {background-color: #e43137;} */
.tooltip .tooltip-arrow{top:auto !important;}
.desktopmenu .tooltip .tooltip-arrow{top:10px !important;}
.editgroup .base_error_message.text-danger {margin-bottom: 10px;margin-top: -5px;}
.position-relative{position: relative;}
.d-inline-block{display:inline-block;}
.text-center{text-align:center;}
a.changePic{
    position: absolute;
    right: 3px;
    top: -3px;
    background: #cbcbcb;
    height: 21px;
    width: 21px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #464646;
    font-size: 12px;
}

#cropper-modal .btn-block{width:auto;}
.swal-overlay{z-index: 111111;}

.fileimportmodal .modal-dialog{width:500px;}
.fileimportmodal  .login-panel input{border: 1px solid #ccc;border-radius: 5px;height: 43px;padding: 0 8px;
color: #000 !important;font-size: 14px;}
.fileimportmodal  .login-panel input::placeholder{font-size:14px;}
.fileimportmodal  .login-panel .help-block{    font-size: 12px;font-weight: normal;}
.fileimportmodal .login-panel input.fileimport{padding: 9px 8px;    font-size: 14px;}
.fileimportmodal .login-panel, .fileimportmodal .signup-panel{    margin-bottom: 20px !important;}
.fileimportmodal .form-group label{font-size: 13px;color: #000000BF;margin: 0 0 7px 0;}
.fileimportmodal .login-panel.dowanloadsample a, .fileimportmodal .signup-panel.dowanloadsample a{font-size: 12px;}
.fileimportmodal .login-panel.dowanloadsample, .fileimportmodal .signup-panel.dowanloadsample{
margin-top: -15px;}
.fileimportmodal .grppop .grpmodals input{vertical-align:top;}
.fileimportmodal .grppop .grpmodals .btn{vertical-align:top;}
.fileimportmodal .modal-header{padding-bottom: 15px !important;}
.white-modal.fileimportmodal  .login-panel input:focus{color: #000 !important;
    border-color: #ccc !important;box-shadow:none !important;}


.left-col {width: 100%;font-size: 13px;color: #000000BF;margin: 0 0 3px 0;}    
.left-col.heading_class{font-weight: 600;font-size: 14px;margin:0 0 4px 0;}
.right-col {width: 100%;padding:0;}    
.right-col label:hover{color: #00bda5;background-color: #449d44;border-color:#a4ccf9 ;transition: 0.5s;}
.right-col .item div{font-size:15px;}
/* .right-col .listItem {margin-top: 0px!important;} */
#addEditModal .active-box{padding:0;}
.select2-dropdown{z-index: 11111 !important;}
.adavancefilter h6{font-weight: normal;color: #000;font-size: 14px;}
.sortingdiv .col-md-6{margin:6px 0;}
.mainfilter{margin-top: 10px;}
.dropdownmenu .dropdown-menu{right: 0;left: auto;} 
/* .filter-right{margin-top: 12px;} */
.filter-right .emportexport a{margin:0 2px 0 0;}
/* .select_page{margin-top: -7px;} */

/* New UI update 20-11-23 */

/* .filterright{position: relative;background: #fff;box-shadow: 0 1px 8px 0 rgba(0,0,0,.06);margin-bottom: 40px;}
.filterright .filtertop{padding: 16px 16px;border-bottom: 1px solid #f0f0f0;}
.filterright form{padding: 16px 16px 0;}
.justify-space-between{justify-content:space-between;}
.filtertop a{color: #2874f0;font-size: 12px;text-transform: uppercase;}
.filterright .form-group label{font-size: 12px;}
.rightfilterbottom{padding: 10px 0px 0;border-top: 1px solid #f0f0f0;}
.justify-content-end{justify-content:end;}
.rightfilterbottom .btn-default{margin-left:10px;} */


.sheetviewdatas .filterright{background: #fff;box-shadow: 0 1px 8px 0 rgba(0,0,0,.06);margin-bottom: 40px;}
.filterright .filtertop{padding: 16px 10px;border-bottom: 1px solid #f0f0f0;position: relative;}
.filterright .filterform{padding: 16px 16px 0;overflow-y: auto;max-height: calc(100vh - 110px);}
.justify-space-between{justify-content:space-between;}
.filtertop a{color: #2874f0;font-size: 12px;text-transform: uppercase;}
.filterright .form-group label{font-size: 12px;}
.rightfilterbottom{padding: 10px 0px 0;border-top: 1px solid #f0f0f0;}
.justify-content-end{justify-content:end;}
.rightfilterbottom .btn-default{margin-left:10px;}


.mt-5{margin-top:20px;}
#addEditModal .active-box.bder-yellow{border:0;}
#addEditModal button#frmCancel{display:none;}
.filterright #searchFrm .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 13px;}
.grid .active-name .readmoreContent{max-height: none;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.grid .active-name .readmoreContent a{word-break: break-all;}
.nocommentimg{text-align: center;margin-bottom: 30px;}
.nocommentimg h5{margin: 20px 0 0;}
.ui-datepicker {z-index: 99999 !important;}
#signature{z-index: 99999 !important;}
.historyModal  .active-row{margin-bottom:0;}

.listingResultnew {display: flex;justify-content: space-between;padding: 5px 0;border-bottom: solid 1px #d1d1d1;align-items: center;}
.listingResultnew span.imgTitle{font-size: 12.5px;word-break: break-all;padding-right: 10px;}
.rightside .upimgopt{position:unset;}
.rightside  a{padding: 4px 6px;border: solid 1px #a3a3a3;margin-left: 5px;line-height: 1;
display: inline-block;border-radius: 5px;}

.close.fa.fa-times{font-size: 19px !important;padding: 0 !important;color: #000;}
.browse-but{    width: 100%;margin-top:0px;}
.infotext{display: block;width: 100%;font-size: 11px;text-align:left;margin: 5px 0 0 0;color: #7a7a7a;}
.w-100{width:100%;}
div .listingResultnew:last-child{margin-bottom: 10px;}


.modal.adavancefilter.fade .CaptionModal .modal-dialog {width: 400px;left: 0;}
.modal.adavancefilter .CaptionModal .modal-content{height:auto;}
.modal.adavancefilter .CaptionModal .modal-body{    padding: 15px 15px 15px;width: 100%;}
.mt-3{margin-top:15px;}
.List_view tr.active-row td .profile-row .nocommentimg img{height:auto;width:auto;}
.List_view tr.active-row td .profile-row .nocommentimg h5{color: #000;font-size: 16px;}
.showComments .modal-header h4{color: #000;font-size: 16px;}

/* work on 1-12-23-analytic */
.analyticsbox{background:#fff;padding:20px 20px;}
.analyticsboxtuv{background:#fff;padding:20px 20px;}

.analyticsbox th, .analyticsbox td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;vertical-align:middle !important;
    font-size: 13px;
}

.analyticsbox th {
    background-color: #273241;
    color: #fff;
    text-wrap: nowrap;min-width:63px;text-align:center;
}

/* .analyticsbox tr:hover {
    background-color: #e1e1e1;
} */

.image-cell {
    min-width: 63px;text-align: center !important;
}
.image-cell img{
    width: 50px;
}
.analyticsbox td.persent a {font-size: 14px;color: #699834;cursor: pointer;}
.analyticsbox td.absent {font-size: 14px;color: #f62d51;}

.avatar {display: inline-flex;height: 24px;line-height: 24px;width: 24px;}
.avatar>img {border-radius: 50%;height: 100%;object-fit: cover;width: 100%;}
.avatar + span{color: #333;font-size:13px;    margin-left: 8px;}
.analyticsbox td{text-align: center !important;position: relative;transition-duration:.2s;}
.analyticsbox .table.table-bordered.table-hover tbody tr td{font-weight: 600;cursor: pointer;}
.analyticsbox td.activFilterTbl{color: #2196F3;}
.analyticsbox td.hoilday span{background: #7986cb;padding: 4px 5px;border-radius: 10px;color: #fff;font-size: 12px;}
.analyticsbox td.sunday{background: #fbd9de;background-image:repeating-linear-gradient(-45deg, rgba(255,255,255, 0.25), rgba(255,255,255, 0.25) 1px, transparent 1px, transparent 6px);}
.analyticsbox td.hoilday{background: #fbd9de;background-image:repeating-linear-gradient(-45deg, rgba(255,255,255, 0.25), rgba(255,255,255, 0.25) 1px, transparent 1px, transparent 6px);}

.punchbox{background-color: #f9f9f9;border: 1px solid #e3e3e3;border-radius: 4px;margin: 0 0 10px;
padding: 10px 10px;}
.punchbox + .punchbox {margin-bottom:0;}
.punchbox h6{line-height: 20px;margin: 0 0 2px 0;font-size: 12px;font-weight: 500;color:#000;}
.punchbox h3{margin: 0;font-size: 12px;color:#727272;    font-weight: normal;}
.custom-popover h4{color: #1f1f1f;font-size:13px;font-weight:normal;margin-bottom:10px;}
.custom-popover h5{color: #000;font-size:14px;font-weight:600;margin-bottom:0px;
padding: 10px 10px;border-bottom: solid 1px #eee;}
.custom-popover {background-color: #fff;border: 1px solid #eee;border-radius: 8px;position: absolute;
left: -305%;top: 0;text-align: left;box-shadow:0 24px 38px 3px rgba(0,0,0,.14);z-index:11;display:none;}
.custom-popover-body{padding: 10px 10px;}
.custom-popover:after{content: '';position: absolute;top:7px;right:-15px;border-width: 7px;
border-style: solid;border-color: transparent transparent #cdc9c9 transparent;rotate:90deg;z-index: 1;}
.tabletotal{background: #f9f9f9;
background-image:repeating-linear-gradient(-26deg, rgba(0,0,0, 0.05), rgba(0,0,0, 0.05) 2px, transparent 3px, transparent 7px);background-size: 6px 8px;}
.analyticsbox td:hover .custom-popover{display:block;}
.analyticsbox th.tabletotalth{background: #076db5;}
.analyticsbox .table>tbody>tr>td:first-child {position: sticky;left: 0;background-color: #f9f9f9;z-index:1;}
.analyticsbox .table>thead>tr>th:first-child {position: sticky;left: 0;background-color: #273241;z-index:1;}

.tableindiagte ul li{display:inline-block;font-size: 14px;font-weight: 500;margin-right: 15px;}
.tableindiagte ul li span{height:10px;width:10px;border-radius:50%;display:block;margin-right: 7px;}
.tableindiagte ul li .holidaytotal span{
background: #fbd9de;background-image:repeating-linear-gradient(-45deg, rgba(255,255,255, 0.25), rgba(255,255,255, 0.25) 1px, transparent 1px, transparent 6px);}

.tableindiagte ul li .presenttotal span{background:#699834}
.tableindiagte ul li .absenttotal span{background:#f62d51}
.tableindiagte ul li div{display: flex;align-items: center;}
.tableindiagte{text-align:center;    margin-top: 10px;}
.adavancefilter #formBody2 .active-box{margin:0;}
.adavancefilter .modal-body#formBody2{height: calc(100vh - 70px);}
.adavancefilter#addEditModal .modal-body#formBody{height: calc(100vh - 70px);}
/* .adavancefilter .modal-body#formBody2 .active-box{height: 92vh;overflow: auto;} */
.fancybox-opened .fancybox-title{word-break: break-all;}
.adavancefilter#addEditModal2 .grid .active-name .readmoreContent{display:block;}
.commentsboxline .prof-pic img{height: 100%;width: 100%;object-fit: contain;}
.List_view .profile-row h2{padding:0 !important;}

/* .breadcrumbmain-new{padding:13px 0;} */

.topiclist{margin:20px 0;background: #fff;padding: 20px 20px;border-radius: 4px;}
.chatbox{background: #fff;padding: 20px 20px;max-width: 900px;margin: 0 auto 30px;}
.chatbox .cmnt-area{border-top: solid 1px #f0eff5;padding:10px 20px;}
.jjmmerthpali table tr td{border: 1px solid #eee}
.jjmmerthpali table{border-collapse: collapse; width: 100%; border: 2px solid #eee;}
.analyticsimg .modal-dialog{max-width: 600px;}
.analyticsimg .modal-dialog img{max-width: 100%;}
.analyticsimg .modal-header{padding-bottom: 0 !important;}
.analyticsimg .modal-body{width: 100%;}
.jjmmerthpali table tr td i{    font-size: 20px;cursor:pointer;}

.analyticsboxtuv .fliter-row h4{margin-bottom: 20px;font-weight: 600;font-size: 18px;}

.trialperiod{width: 100%;height: 100%;position: fixed;display: flex;align-items: center;justify-content: center;
z-index: 11111;flex-direction: column;}
.trialperiod:after{position:absolute;content:'';background-color:rgba(0,0,0, 0.8);height:100%;width:100%;
z-index:1111;color: #fff;}
.trialperiod p{position: relative;z-index: 1111111;color: #000;margin:9px 0;font-size: 14px;}
.trialperiodbox{background: #fff;z-index: 11111;text-align: center;padding: 20px 25px;border-radius: 10px;}
.trialperiodbox img{margin: 6px 0 15px 0;}

.fancybox-overlay .fancybox-wrap{min-width: 400px;}
.fancybox-overlay .fancybox-wrap .fancybox-skin{    background: #000;}
.fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-inner{margin:0 auto;}
.analyticsbox .rites-table.table-responsive{padding-bottom: 150px;overflow-y: auto;height:420px;}
.analyticsbox .rites-table thead{position: sticky;top: 0;z-index: 11;}
.analyticsbox .rites-table .table>tbody>tr>td:first-child div span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 150px;}

.membermain ul.chlist li {display: flex;padding: 0 0 15px 0;border-bottom: solid 1px #e7e7e7;margin-bottom: 15px;}

.membermain ul.chlist li:last-child{margin-bottom:0;}

.membermain ul.chlist li .leftsize {display: flex;flex: 1;text-align: left;align-items: center;}
.membermain ul.chlist li .leftsize .thumb{width: 50px;height: 50px;margin: unset;}
.membermain ul.chlist li .leftsize .content02{width: 100%;text-align: left;flex: 1;padding: 0;border: 0;margin: 0 0px 0px 10px;}
.membermain ul.chlist li .leftsize .content02 h3{text-align: left;}
.membermain ul.chlist li .leftsize .content02 p{margin: 3px 0;}
.membermain ul.chlist li .chatIcon{font-size: 16px; margin-right: 15px}
.p-0{padding:0;}
.invitemodal .signup-panel{margin-bottom: 0 !important;}
.white-modal.invitemodal .login-panel input{border-bottom: solid 1px #eee;font-size: 13px;color: #000 !important;padding-bottom: 8px;}
.invitemodal.grppop .modal-dialog{width: 500px !important;}
.invitemodal.grppop .alert{margin:10px 0;}
.invitemodal.grppop .help-block{font-size: 13px;}
.mt-0{margin-top:0;}

.sheet_builder .gird-input .form-control{height:45px;font-size: 14px;border-radius: 7px;box-shadow: none;}
.sheet_builder .gird-input .form-control:focus{box-shadow:none;}
.has-success .form-control:focus{box-shadow:none;border-color: #bbd8f9;}
.sheet_builder .requiredFld{font-size: 12px;padding-left: 10px;}
.sheet_builder ul.drag-grid li h2{padding-bottom: 10px !important;border-bottom: solid 1px #d3d3d3;margin: 0 0 8px 0;font-weight: 500;}
.sheet_builder .gird-input{padding-bottom: 5px;}
.sheet_builder .gird-input small.help-block{font-size: 12px;}
.sheet_builder ul.drag-grid .form-group label{font-size: 12px;}
.sheet_builder .custom_select select{font-size: 12px !important;}
.sheet_builder .requiredFld [type="checkbox"]{left: 19px;margin-top: 2px;}
.sheet_builder small.help-block{font-size: 12px;}
.fancybox-overlay{    z-index: 010101 !important;}
.drop-notify{z-index: 11;}
.filtertopmenu{display:none;}
.filterright .filtertop .topright{display:none;}
.cl-box.analyticsboxtuv{margin-bottom:20px;}

.adavancefilter .modal-body#formBody2 i.fa.fa-file-image-o{font-size: 25px;border: solid 1px #b2b2b2;padding: 5px;border-radius: 4px;}

/* .mid-section.mid-section-new.mid-section-groups{margin-top: 45px;    min-height: calc(100vh - 88px);} */
.fancybox-opened .fancybox-title p{color: #fff;}


.assignMembersmain .sheet_member ul.chlist .checkbox-inline{display: inline-flex;}
.assignMembersmain .sheet_member .name{flex: 1;padding-left: 20px;}
.assignMembersmain form ul .checkbox-inline input[type=checkbox]{left: -9px;}
.assignMembersmain .sheet_member ul.chlist li{position: relative;padding-left:40px;}
.assignMembersmain .checkbox-inline{position: relative;padding-left:40px;}
.assignMembersmain form > .checkbox-inline input[type=checkbox]{left: 31px;}

.analyticsbox .rites-table.table-responsive thead tr th:last-child{display:none;}
.analyticsbox .rites-table.table-responsive tbody tr td:last-child{display:none;}


/* unicef analytics view by shrawan date 18-01-2023 */
.unicef-analytics .clearbtn .btn-default{padding: 7px 7px;border: solid 1px #d0d0d0;font-size: 12px;}
.unicefanalyhead ul{display: flex;justify-content: space-between;margin-top: 6px;}
.unicefanalyhead h2{font-size: 22px;text-align: center;color: #357ddc;}
.unicefanalyhead ul li a{color: #000;position: relative;font-size: 14px;}
.unicefanalyhead ul li a.active{color: #357ddc;}
.unicefanalyhead ul li a::after{position:absolute;bottom:-5px;height:1px;width:100%;content:'';background:#357ddc;left:0;display:none;}
.unicefanalyhead ul li a.active::after{display:block;}

.unicefsheadbox{padding:10px 10px;background: #fff;border: solid 1px #e2e8f0;border-radius: 5px;position: relative;}
.mapbox{padding:5px 5px;background: #fff;border: solid 1px #e2e8f0;border-radius: 5px;}
.unicefsheadbox h6{font-size:13px;margin: 0 0 7px 0;color:#888888;font-weight: normal;line-height: 23px;}
.unicefsheadbox h6 span{position:absolute;top: 10px;right: 10px;cursor: pointer;padding: 1px 3px;color: #000;
font-size: 16px;}
.unicefsheadbox h4{font-size:20px;color:#fff;}

.unicefsecondhead{margin: 15px 0;}
.unicefsecondhead .customcheckbox{margin:3px 0;}
.unicefsecondhead .customcheckbox:last-child{margin-bottom:0;}
.customcheckbox label {font-size:13px;}
.totalsurvey{background: #7C68F5;}
.totalsurvey.unicefsheadbox h6{color:#fff;}
.totalpopulation{background: #FDAC34;}
.totalpopulation.unicefsheadbox h6{color:#fff;}
.totalfamilies{background: #FF0323;}
.totalfamilies.unicefsheadbox h6{color:#fff;}


.unicefsecondhead .unicefsheadbox .select2{width:100% !important;min-width:auto !important}
.unicefsecondhead .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 13px;}
.districtboxs{padding: 10px 12px;}
.unicefsecondbtmleft .unicefsheadbox{margin-bottom:10px;}
.unicefsecondbtmleft .unicefsheadbox select{font-size: 13px !important;height: 35px;    margin-bottom: 15px;}
.chartDivc .unicefsheadbox{padding-right: 20px;}

.unicefdmid_mid{margin-top:10px;} 
.mb-10{margin-bottom:10px;}

.membermain .search-row .input-group-lg .form-control{border: solid 1px #eee;height: 52px;}
.membermain .search-row .input-group-lg .input-group-btn .btn{font-size: 16px;}
.membermain ul.chlist li ul.nav-drop li{margin-bottom: 0px;}

.member_sheet .sheet_member ul.chlist li .checkbox-inline input[type=checkbox]{margin-top: 12px;}
.categorytable h5{margin:15px 0 10px 0;}
.categorytable .table-bordered>thead>tr>th{font-size: 14px;}
.categorytable .table-bordered>tbody>tr>td{font-size: 14px;}
.categorytable .table-bordered>tbody>tr i{cursor: pointer;}

.jjmrohatpali .unicefsheadbox h6{font-size: 14px !important;color:#000;}

.jjmrohatpali .oshrprogress{background: #ecf2ff;}
/* .jjmrohatpali .oshrprogress h6{color:#5d87ff;} */
.jjmrohatpali .oshrprogress h4{color: #5d87ff;}

.jjmrohatpali .cwrprogress{background: #fef5e5;}
/* .jjmrohatpali .cwrprogress h6{color:#ffae1f;} */
.jjmrohatpali .cwrprogress h4{color: #ffae1f;}

.jjmrohatpali .rwrprogress{background: #e8f7ff;}
/* .jjmrohatpali .rwrprogress h6{color:#49beff;} */
.jjmrohatpali .rwrprogress h4{color: #49beff;}

.jjmrohatpali .rwrprogress{background: #e8f7ff;}
/* .jjmrohatpali .rwrprogress h6{color:#49beff;} */
.jjmrohatpali .rwrprogress h4{color: #49beff;}

.jjmrohatpali .pumphouseprogress{background: #fdede8;}
/* .jjmrohatpali .pumphouseprogress h6{color:#fa896b;} */
.jjmrohatpali .pumphouseprogress h4{color: #fa896b;}

.jjmrohatpali .pipeprogress{background: #e6fffa;}
/* .jjmrohatpali .pipeprogress h6{color:#13deb9;} */
.jjmrohatpali .pipeprogress h4{color: #13deb9;}

.jjmrohatpali .chartbox{background: #e8f7ff;}
/* .jjmrohatpali .chartbox h6{color:#49beff;} */
.jjmrohatpali .chartbox h4{color: #49beff;}

.jjmcountbox{text-align: center;border: solid 1px #5d87ff;padding: 8px 10px;border-radius: 5px;width: 72px; }

.jjmrohatpali .oshrprogress .jjmcountbox{border-color:#5d87ff;}
.jjmrohatpali .cwrprogress .jjmcountbox{border-color:#ffae1f;}
.jjmrohatpali .rwrprogress .jjmcountbox{border-color:#49beff;}
.jjmrohatpali .pumphouseprogress .jjmcountbox{border-color:#fa896b;}
.jjmrohatpali .pipeprogress .jjmcountbox{border-color:#13deb9;}
.jjmrohatpali .chartbox .jjmcountbox{border-color:#49beff;}



.jjmrohatpali .unicefsheadbox h4{font-size: 16px;margin:0;}
.jjmrohatpali .unicefsheadbox h5{font-size: 12px;font-weight: normal;margin:0 0 6px;}
.jjmrohatpali .unicefsheadbox h6{margin-bottom:7px;line-height: 24px;}
.jjmrohatpali .unicefsheadbox{position: relative;cursor: pointer;height: 100%;}
.jjmrohatpali .unicefsecondhead .row{display: flex;flex-wrap: wrap;align-items:unset;}
.cwrprogresshead{font-size: 18px;margin-bottom: 10px;}
.jjmmerthpalialert{margin-top:20px;}

.unicef-analytics h1{color: #357ddc !important;text-transform: capitalize;font-weight: 500;}
.unicef-analytics h1 span{font-weight: 600;color: #000;}
.unicef-analytics .d-flex.align-items-center{justify-content: space-between;}
.unicef-analytics .btn-primary{background: #357ddc !important;margin: 10px 0;padding: 9px 20px;}

.villagemdlModal .modal-dialog{max-width: 800px;}
.villagemdlModal .table-bordered>thead>tr>th{font-size:14px;}
.villagemdlModal .table-bordered>tbody>tr>td{font-size:14px;}


/* landing page css */
.topbar{background: #0e2d62;padding: 6px 0;}
.topbar ul{display:flex;}
.topbar ul li{margin-right:20px;}
.topbar ul li a{color:#fff;}
.topbarright a{font-size: 12.5px;color: #fff;margin-left: 15px;}
.topbarright a i {margin-right: 4px;position: relative;top: 1px;font-size: 16px;}
header .navbar .navbar-brand img{height:90px;}
header .navbar .navbar-brand{height:unset;padding:0;}
header .navbar.navbar-default{background: #fff;margin: 0;}
.justify-content-between{justify-content: space-between;}
header .headermenu .navbar-default .navbar-nav>.active>a {color: #38b664;position: relative;background:transparent;}
header .headermenu .navbar-default .navbar-nav a:after{content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 2px;
background-color: #38b664;transition: width 0.3s;}
header .headermenu .navbar-default .navbar-nav .active a::after{width: 100%;}
header .headermenu .navbar-default .navbar-nav a{padding:5px 0px;font-size: 15px;color: #000;}
header .headermenu .navbar-default .navbar-nav li{margin:0 10px;}
header .headermenu .navbar-default .navbar-nav li:last-child a{margin-right:0;}

header.jjmheader .topbar{background: #3991d1;}
header.jjmheader .headermenu .navbar-default .navbar-nav>.active>a{color:#3991d1;}
header.jjmheader .headermenu .navbar-default .navbar-nav a:after{background: #3991d1;}

header .headermenu .navbar-default .navbar-nav a:hover:after{width: 100%;}
header.jjmheader .headermenu .navbar-default .navbar-nav a:hover{color:#3991d1;}
header .navbar .navbar-brand h1{padding: 0 !important;font-size: 24px !important;text-transform: capitalize;color:#3991d1 !important;}

header .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color:transparent;}

header .headermenu .navbar-default .navbar-nav li.dropdown ul li{border-bottom: solid 1px #cdcdcd;margin:0;}
header .headermenu .navbar-default .navbar-nav li.dropdown ul li a{padding:5px 10px;font-size:14px;}
header .headermenu .navbar-default .navbar-nav li.dropdown ul li:last-child{border-bottom:0;}
header .headermenu .navbar-default .navbar-nav li.dropdown a{cursor: pointer;}


.aboutusjjm{background:#fff;padding:60px 0;}
.carouselslider .owl-nav{display:none;}
.carouselslider .owl-dots{display:none;}

.aboutusjjm h2{font-size: 35px;margin: 0 0 15px 0;}
.aboutusjjm-details h3{font-size: 18px;margin: 20px 0 10px 0;color: #333;}
.aboutusjjm-details p{font-size: 14px;line-height: 30px;}
.aboutusjjmimg img{border: solid 1px #d2d2d2;padding: 5px;border-radius: 4px;max-width:100%;}

.jjmdistric .table-bordered>thead>tr>th{font-size:14px;}
.jjmdistric .table-bordered>tbody>tr>th{font-size:14px;}
.jjmdistric .table-bordered>tbody>tr>td{font-size:14px;}

.tablehead h2{font-size:20px;text-align:center;}
.tablehead h3{font-size:16px;text-align:center;margin:10px 0 20px;}

ul.jjmanalyticlist{margin:0 0 20px 0;}
ul.jjmanalyticlist li{font-size:14px;color:#333;margin:5px 0;position: relative;padding-left:17px;}
ul.jjmanalyticlist li:after{position:absolute;height:5px;width:5px;content:'';left:0;top:8px;background: #5a5a5a;border-radius: 50px;}

.copyright{background: #3991d1;padding:10px 0;}
.copyright p{text-align:center;font-size:15px;margin:0;color:#fff}

.filterbtm{padding: 15px 15px;}
.filterbtm .panel{padding: 15px 15px;}

.filterbtm .panel-heading .accordion-toggle:after {
    font-family: 'FontAwesome';
    content: '\f067'; /* Plus icon */
    float: right;
    color: #777;
  }

.filterbtm .panel-heading .accordion-toggle:not(.collapsed):after {
    content: '\f068'; /* Minus icon */
  }

.filterbtm .panel{padding: 0;border-width: 0px 0px 0px 0;box-shadow: none;}
.filterbtm .panel-default>.panel-heading{padding: 5px 10px;background: #eee;transition-duration:.3s;border-radius: 6px;
    border: solid 1px #eee;}

.filterbtm .panel-default>.panel-heading:hover{border-color: #acbff9;background: rgba(54,91,205,.1);}    

.filterbtm .panel-default>.panel-heading i{margin-right:5px;}
.filterbtm .panel-default>.panel-heading+.panel-collapse>.panel-body{padding: 10px 10px;border:0;background: #f5f5f5;}
.filterbtm .panel-title a{width: 100%;display: block;color: #4e575f;font-size: 13px;word-break: break-all;line-height: 25px;}

.filterbtm .panel-default>.panel-heading+.panel-collapse>.panel-body ul li a{color:#5b6b79;font-size: 14px;width: 100%;display: block;padding: 8px 0px;}
/* .filterbtm .panel-default>.panel-heading:hover{background: rgba(91,107,121,0.1);} */

/* .sheetviewdatas{max-width: 1500px;margin: 0 auto;} */
/* .sheetviewdatas ul.chlist#tblData > li{width: 230px;margin: 0px 15px 20px 0px} */

/* .filterbtm .panel-default>.panel-heading.active{background: rgba(70,128,255,.2);} */
/* .filterbtm .panel-default:first-child .panel-heading{background: rgba(70,128,255,.5);} */
/* .filterbtm .panel-default:first-child .panel-heading .panel-title a{color: #fff;} */
/* .filterbtm .panel-default>.panel-heading.active .panel-title a{color: #4680ff;} */
.sheetviewdatas .filtertop .form-control{margin-top: 15px;box-shadow: none;}

.jjmnewfilter > ul{display:flex;justify-content: space-between;margin-bottom: 30px;}

.jjmnewfilterbox ul{display:flex;gap: 20px;}

.fliter-row .jjmnewfilterbox h4{font-weight: 500;font-size: 15px;margin-bottom: 10px;color: #5b5b5b;}
.jjmnewfilterbox {margin-bottom: 15px;border-bottom: solid 1px #dedede;padding-bottom: 15px;}
.format_btn:hover{background:#076db5 !important;color:#fff !important;}
.format_btn.active{background:#076db5 !important;color:#fff !important;}

.file_racks_table .table-bordered>thead>tr>th{vertical-align: top;font-size: 13px;font-weight: 500;}
.file_racks_table .table>tbody>tr>td{font-size: 13px;}
.file_racks_table .table>tbody>tr>td input[type=checkbox]{position:unset;}

.file_racks_table .table-bordered>thead>tr>th .field_name{overflow: hidden;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height: 56px;text-decoration: none;}
.file_racks_table{margin-bottom: 20px;}

.backbtn{border: solid 1px #086db5;padding: 7px 12px;border-radius: 6px;font-size: 14px;transition-duration:.3s;}
.backbtn.chartbtns{background:#086db5;color:#fff;}
.backbtn i{margin-right: 3px;}
.backbtn:hover{background:#086db5;color:#fff;}


.fileRacktag{font-size: 14px;margin-bottom: 7px;}
.bootstrap-tagsinput{margin-bottom: 10px;}
.date-full{font-size: 13px;}
.activityPlanprogress_main{display: flex;top: 10px;position: relative;}
.activities_head {display:flex;justify-content: space-between;}
.activities_head .profile-row{flex: 1;}
.activityPlanprogress2{text-align:center;}
.activityPlanprogress1{text-align:center;margin: 0 10px;}
.ActivityPlanlabel{    margin-top: 5px;display: block;}
.align-items-center{align-items:center}

.dh-bildetail .bill-list ul li p{margin-top: 0;}
.villagemdlModal  #modalBodyVillageList .table-bordered>tbody>tr>td {font-size:14px;}
.villagemdlModal  #modalBodyVillageList  .table-bordered>tbody>tr>th {font-size:14px;}
.villagemdlModal  #modalBodyVillageList .table-bordered>tbody>tr>td ol li{font-size: 13px;list-style-type: auto;margin:8px 0;}
.villagemdlModal  #modalBodyVillageList .table-bordered>tbody>tr>td ol{    padding-left: 12px;}
.unicefsecondbtm .unicefsheadbox h6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

#quesTableDiv .table-bordered>tbody>tr>td {font-size:14px;}
#quesTableDiv .table-bordered>tbody>tr>th {font-size:14px;}
#quesTableDiv .table-bordered>tbody>tr>td ol li{font-size: 13px;list-style-type: auto;margin:8px 0;}
#quesTableDiv .table-bordered>tbody>tr>td ol{    padding-left: 12px;}

.readmoreContent a{word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.adavancefilter   .grid .active-name .readmoreContent a{    display: block;}
/* #fixTable th div.active-name:hover{width: 200px;} */
.milestone .form-control{margin-bottom: 13px;}
.activitiesbox{margin-top: 20px;}
.milestone{margin-bottom: 13px;}


/* Header new css */

.desktopmenu ul li a{color:#fff;font-size:14px;line-height: 54px;display: inline-block;}
.desktopmenu ul li{padding:0 12px;}
.desktopmenu{margin-right:20px;}
.headermobile{display:none;}
.paddTB.dropdown .dropdown-menu{margin: 12px 0 0;left: -40px;}
.desktop_padding{padding: 16px 0;}
footer{padding:10px 15px;}
.lastupdate span{font-size:12px;}
.lastupdate span span{color:#626060;}
.lastupdate{margin: 4px 0 0;}

.modal.adavancefilter.advancedFiltersModal  .modal-body{padding:0 !important;}


.advancedFiltersModal .righttopfilter .filterclearBtn{cursor: pointer;transition-duration:.3s;}
.advancedFiltersModal .righttopfilter .filterclearBtn:hover{color:#e62c3b;}
.filterviewtop .filterclearBtn{color:#e62c3b;border:solid 1px #e62c3b;font-size: 14px;padding: 4px 12px;
border-radius: 4px;cursor: pointer;transition-duration:.3s;    display: block;white-space: nowrap;    margin-top: 2px;}
.filterviewtop .filterclearBtn:hover{background:#e62c3b;color:#fff;}
.filterviewtop .filterbtnin span{display: block;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;overflow: hidden;
max-height: 4.5em;line-height: 1.5em;width:150px;font-size: 13px;}
.filterviewtop .filterbtnin{display: flex;margin-top: 3px;}
.filterviewtop #filterPillstop{margin-right: 10px;}
.flex-wrap{    flex-wrap: wrap;}
.d-block{display:block;}

ul.chlist.fileracksli#tblData > li{    padding: 0;}
.grid ul.chlist.fileracksli#tblData > li .active-box{margin-top: 0;}
.fileracksli{margin-top: 10px;}
ul.chlist li .dropdownmenu .dropdown-menu li{padding:0;}

ul.chlist li .dropdownmenu .dropdown-menu li > div{margin-left:0 !important;}
.btn-submit{font-size: 20px;}
.breadcrumbmain .font17{font-size: 13px;}
.grid .alert-danger{text-align: center;}
.fancybox-close{width: 34px ;height: 34px;}
.itemBox  .form-group{margin:0 0 8px 0;}
.chat-btm h1{font-size: 15px !important;font-weight:500;text-transform: capitalize;}

.showComments  .prof-pic{border: solid 1px #cbcbcb;}

.grid .active-name .readmoreContent{max-height: none;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.right-col .redirect_clicker .readmoreContent{max-height: none;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.label.text-left{text-align:left;}
.pl-0{padding-left:0;}

.jjmcountbox  .cardCheckBox{font-size: 13px;background: #fff;right:0;}
.grid .active-name a i{font-size: 30px;}
.mb-3{margin-bottom:10px;}
.filterrightspipe .btn-primary{color:#086db5 !important;background:transparent !important;}
.filterrightspipe .btn-primary.active{background: #086db5 !important;color:#fff !important;}












/* Ek jal app css code here */
.ekjaladmin-filter ul{gap: 40px;}
.ekjaladmin-filter ul li{flex:1;}
.ekjaladmin h4{margin-bottom: 15px;}
.ekjaladmin-filter label{margin-bottom: 10px;font-size: 14px;}
.ekjaladmin-filter select.form-control{font-size:13px !important;height: 39px;}
.ekjaladmin-filter ul li.flex-0{flex:0;}
.ekjaladmin h2{font-size: 18px;margin-bottom: 11px;}
.ekjaladmin-details{margin: 20px 0 0;}
.ekjaladmin-details h3{font-size: 16px;color: #365bcd;margin-bottom: 20px;}
.ekjaladminbox{border: solid 1px #cfcece;border-radius: 6px;padding: 16px 16px;margin-bottom: 30px;}
.ekjaladmin h4{margin-bottom:15px;}



/* single recored css */

.profile-img img{border-radius: 15px;    max-width: 100%;}
.profile-connect{display: flex;justify-content: center;background: #fff;padding: 25px;border-radius: 10px;width: fit-content;}
.profile-img-flag{display: flex;align-items: center;margin-top: 20px;background: rgba(37, 87, 167, 10%);padding: 6px 10px;border-radius: 5px;}
.profile-img-flag img{border-radius: 0px;}
.profile-img-flag p{color: #333333;padding-left: 10px;}
.profile-right{padding-left: 20px;}
.profile-img{width: 200px;}
.profile-img i{color: #204C81;}
.profile-right p{color: #555555;    font-size: 13px;line-height: 25px;}
.profile-right h5{font-size: 22px;color: #000;font-weight: 600;margin-bottom:3px;}
.name-text p{padding-bottom:20px;font-size: 15px;color: #8897AD;}
.profile-name {display: flex;justify-content: space-between;}
.name-icon i{background: #204C81;padding: 10px 15px;color: #fff;border-radius: 5px;}
.details-list{display: flex;align-items: center;margin: 20px 0;}
.details-list i{font-size: 25px;color: #204C81;}
.details-list p{padding-left: 15px;color: #8897AD;font-size: 15px;}
.profile-details {display: flex;}
.resume-send{border-radius: 5px;border: 1px solid #D4D2D0;padding: 8px 35px 8px 5px;}
.sports-profile{margin: 20px 0px 35px 0px;}
.sports-list{padding: 10px 20px;background: #204C81;color: #fff;border-radius: 50px;display: flex;align-items: center;margin-left: 25px;justify-content: center;}
.sports-list i{font-size: 25px;}
.sports-list p{padding-left: 10px;color: #fff;}
.profile-right a{color: #8897AD;}
.profile-right a:hover{color: #0068B5;}

.singlerecordlabel{    margin: 0 0 20px 0;}
.singlerecordview{max-width: 1200px;margin: 0 auto;}
.singlerecordview label{    margin: 0 0 5px 0;}

/* .singleheader img{height: 80px; width: 80px;border-radius: 50%;overflow: hidden;} */
.singleheader .singleheader-left .active-name{height:60px;width:60px ;border-radius: 50%;overflow: hidden;border:solid 1px #c8c8c8;}
.singleheader .singleheader-left .active-name img{max-width: 100%;object-fit: cover;}
.singleheader-right {margin:14px 0 0 0;font-size: 18px;}
.singleheader {margin-bottom: 17px;}
ul.chlist.fileracksli#tblData > li.singlerecordli{    width: 700px;margin: 0 auto;float: none;display: block;}
/* .singlerecordliheight{min-height:calc(100vh - 302px);display:flex;} */
.singlerecordliheight{display:flex;}

.leftimageek{height:235px;width:200px;overflow: hidden;border-radius: 6px;}
.leftimageek img{max-width:100%;object-fit:cover;}

.ekjalrightside{flex: 1;}
.ekjalrightside{margin-right:30px;}
.ekjalrightside .right-col .redirect_clicker .readmoreContent{display:block;}
.ekjalrightside .left-col{color:#111;    font-weight: 600;}
.ekjalrightside .right-col a{color: #6c6c6c;font-size: 13px;line-height: 27px;}
.ekjalrightside .right-col a.ImgViewer{color: #025bda;}
.grid ul.chlist.fileracksli#tblData > li .active-box .d-flex{    position: relative;}

/* .sheetviewdatas .racklisttophead .select2-container .select2-selection--single{height: 38px;}
.sheetviewdatas .racklisttophead .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 38px;font-size: 13px;} */
.sheetviewdatas .racklisttophead .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 13px;}

.ekjaltab ul li{display:inline-block;    margin-right: 20px;}
.ekjaltab ul li a{background: #005fca;color: #fff;padding:10px 14px;border-radius: 6px;font-size: 14px;display:block;min-width: 100px;text-align: center;
transition-duration:.4s;}
.ekjaltab ul li a:hover{    background: #365bce;color: #fff;}
.pwd_filters .form-group{margin:0;}
.pwd_filters .form-group select {font-size: 13px !important;}
.mobile-grp-action .action-icon{margin:0;}
.mobile-grp-action .nav-drop li span{width: 100%;display: block;font-size: 12px;padding: 7px 12px !important;}
.mobile-grp-action{display:none;}

.mid-section-groups ul.chlist li .content02 p{display:none;}
.mid-section-groups .drop-notify ul.chlist li .content02 p{display:block;}
.membermain .active-nav02{position:inherit;top: 0 !important;}
.cmnclass{position: relative;margin-top: 13px;}
.membermain ul.chlist li .leftsize .content02 p{margin:0;}
.membermain ul.chlist li .content02 h3 span{font-size:12px;}
.gap-10{gap:10px;}

/* map */

.mapboxlist a{background:#eee;display: flex;align-items: center;gap: 10px;margin: 10px 0;padding: 10px 10px;border-radius: 6px;
font-weight: 400;font-size: 14px;color: #111;transition-duration:.4s;}
.mapboxlist span{background: #ffffff;width: 35px;height: 33px;border-radius: 50%;line-height: 32px;font-size: 16px;
text-align: center;font-weight: bold;display: flex;align-items: center;text-align: center;justify-content: center;}
.mapboxnew{padding: 5px 15px;background: #fff;border: solid 1px #e2e8f0;border-radius: 5px;    margin-bottom: 20px;}
.mapboxlist a:hover{background: #253342;color: #fff;}
.mapboxlist a:hover span{color: #111;}
.newmapboxes h5{margin-bottom:20px;    color: #2a69b2;}

.jjmnewfilter .dropdown  .btn-default{text-align:left;position: relative;    font-weight: 400;}
.jjmnewfilter .dropdown  .btn-default .caret{    position: absolute;top: 15px;right: 10px;}
.jjmnewfilter .dropdown  .dropdown-menu{width: 100%;    padding: 0;}
.jjmnewfilter .dropdown .dropdown-menu .btn-default{width:100%;background: transparent !important;color: #111 !important;
border: 0 !important;font-weight: 400;font-size: 13px;}
.jjmnewfilter .dropdown .dropdown-menu .btn-default.active{color: #2a69b2 !important;}
.jjmnewfilter .dropdown .dropdown-menu li{border-bottom: solid 1px #d6d6d6;}
.jjmnewfilter .SumoSelect>.CaptionCont>span{font-size:13px;}
.jjmnewfilter .SumoSelect>.CaptionCont>span.placeholder{font-style: normal;    font-size: 14px;}
.jjmnewfilter .SelectBox{padding:6px 8px;}
.jjmnewfilter .SumoSelect.open .search-txt{font-size: 13px;}
.jjmanalyticsworkbox{border:solid 1px #d6d6d6;border-radius:6px;padding:20px 20px;margin-bottom:20px;}
.jjmanalyticsworkbox h6{margin-bottom:20px;}
.jjmanalyticsworkbox iframe {width: 100%;height: 650px;border: 0;outline: none;}
.jjmnewfilter .dropdown {    margin-bottom: 15px;}
.jjmnewfilter .jjmanalyticsworkbox{    padding: 10px 10px;}
.jjmanalyticsworkbox iframe{height: 450px;}

.jjmanalyticswhitework h5{}


.jjmanalyticswhitework{padding:0px 0px 0px;margin-bottom:0px;border-bottom: dashed 1px #e0dddd;}
.jjmanalyticswhitework.skill_development{margin-bottom:10px;border-bottom:0;padding:14px 0px 0px;}
.jjmanalyticsinbox h6{font-size:13px;}
.jjmanalyticsinbox h3{font-size:16px;margin:13px 0 0;color: #000;}

.jjmanalyticsinbox.browan_color h6{color:#795548;}
.jjmanalyticsinbox.browan_color h3{color:#795548;}

.jjmanalyticsinbox.green_color h6{color:#28a745 ;}
.jjmanalyticsinbox.green_color h3{color:#28a745 ; }

.jjmanalyticsinbox.blue_color h6{color:#007bff  ;}
.jjmanalyticsinbox.blue_color h3{color:#007bff  ;}

.jjmanalyticswhitework h5{color:#000;font-size:15px;font-weight: 600;margin-bottom:15px;}
.jjmanalyticswhitework h5 span{color:#076db5;}
.jjmanalyticsinboxineer {border-top: solid 1px #ccc;}
.jjmanalyticsininner{flex: 1;border-right:solid 1px #ccc;    padding-top: 10px;}
.jjmanalyticsininner + .jjmanalyticsininner{border:0;}
.jjmanalyticswhiteworkin .jjmanalyticsinbox h3{color:#3f51b5 ;    font-size: 16px;margin:10px 0;}
/* .jjmanalyticswhiteworkin .jjmanalyticsinbox {padding: 10px 0 0;} */
.jjmanalyticsinboxineer  .jjmanalyticsininner label{font-size: 13px;font-weight: 500;}

.total_village{ background:#fdf5e6; padding:15px 0; text-align:center; margin-bottom:0px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.total_village h6{color:#000;font-size:13px;}
.total_village h6 span{color:#3f51b5;}


.district_box{background:#EBF1FB ;}
.blocks_box{background:#ffdddd  ;}
.panchayats_box{background:#EBF1FB;}
.villages_box{background:#ddffdd;}
.gray_box{background:#f1f1f1 ;}
.schemes_progress .d-flex{margin-bottom:8px;}


.village_Status .jjmanalyticsinbox {margin-bottom:15px;}
.jjmanalyticsinbox {padding:13px 10px;border-radius: 15px;text-align:center;    min-height: 95px;}
.jjmanalyticsworkbox  img{max-width:100%;}
.schemes_progress{border-top: dashed 1px #e0dddd;padding-top: 10px;}

.search-row .search-drop .chlist li .leftsize{padding: 10px 10px;}
.search-row #searchScroll li .add-remove a{font-size: 16px;}
.search-row #searchScroll li .active-deactive{top: 5px;}

.new_package_box label{margin-bottom: 6px;font-weight: 500;font-size: 14px;}
.new_package_box select{height: 40px;font-size: 14px !important;}
.new_package_chart{margin-top:30px;;}
.package_filter_btn .btn {margin-right: 20px;}
.package_filter_btn{margin-top:30px;}
.package_filter_btn .btn-default{color: #fff;background-color: #6c757d;border-color: #6c757d;}
.package_filter_btn .btn-success{color: #fff;background: #198754;border-color: #198754;}

.top_filter{margin-top:20px;;}
.filter_btn_btm {
    display: none;
  }


.fileracksassignbox .sheet_member ul.chlist li{display: inline-block;width:100%}  
.fileracksassignbox .sheet_member ul.chlist li ul li{width: 100%;border:0;margin: 0;padding:0;}
.fileracksassignbox .sheet_member ul.chlist li ul li ul li{width: 100%;margin: 7px 0;}
.fileracksassignbox .sheet_member .name{line-height: 1.5;margin-bottom: 10px;font-size: 14px;padding-left: 45px;}
.fileracksassignbox .sheet_member ul.chlist li ul li ul li a{background: transparent !important;color: #000 !important;    font-size: 13px;}
.fileracksassignbox .sheet_member ul.chlist li ul li ul li a label{line-height: 1.7;}
.fileracksassignbox .multiselect-container.dropdown-menu{left:0;}
.fileracksassignbox .btn-default{font-size: 13px;}

.fileracksassignbox .sheet_member ul.chlist li ul li .SumoSelect{width:100%;margin-bottom: 7px;}
.fileracksassignbox .sheet_member ul.chlist li ul li .SumoSelect .select-all{height: 40px;}
.fileracksassignbox .sheet_member ul.chlist li ul li .SumoSelect .select-all label{font-size: 13px;font-weight: 500;}
.fileracksassignbox .sheet_member ul.chlist li ul li .SumoSelect > .optWrapper.multiple > .options li.opt{font-size: 13px;font-weight: 500;}
.fileracksassignbox .sheet_member ul.chlist li ul li  table tr td, .fileracksassignbox .sheet_member ul.chlist li ul li table tr th{font-size:13px;}
.fileracksassignbox .sheet_member ul.chlist li ul li  table{    margin: 15px 0 10px 0;}
.fileracksassignbox .sheet_member ul.chlist li ul li  table tr td:first-child{padding-right: 15px;}

.village_Status.jjmTables th{background-color: #273241;color: #fff;text-wrap: nowrap;min-width: 63px;text-align: center;font-size:13px;}
.village_Status.jjmTables td{vertical-align: middle !important;font-size: 13px;}
.village_Status.jjmTables p{margin-bottom: 10px;font-weight: 500;font-size: 15px;}
.village_Status.jjmTables ul li{list-style: disc;padding:3px 0;}
.village_Status.jjmTables ul{margin: 0 0 0px 20px;}

.membermain .notification_all {margin-bottom: 20px;}
.rshna-box{border:solid 1px #d6d6d6;padding:30px 30px;border-radius: 5px;margin-top: 30px;}
.rshna-box h6{font-size: 16px;margin-bottom:20px;font-weight: 600;}
.rshna-inbox{margin-bottom: 20px;border-bottom: solid 1px #e8e7e7;padding-bottom: 20px;}
.rshna-inbox h4{font-size: 15px;font-weight:500;margin-bottom: 15px;}
.rshna-inbox ul li{list-style: disc;margin:12px 0;font-size: 13px;}
.rshna-inbox ul{margin: 0 0 0 20px;}
.rshna-inbox ul li:last-child{margin-bottom:0;}
.rshna-box h3{font-size:15px;font-weight: 600;margin-bottom: 30px;}
.rshna h2{font-size:23px;font-weight: 600;margin-bottom: 20px;}
.rshna-box .rshna-inbox:last-child{border-bottom:0;}
.fliter-row .pwd-filter-btn .input-group-lg .input-group-btn .btn{padding: 6px 10px;}
.fliter-row .pwd-filter-btn .form-group{margin-left: 15px;}

.List_view .dropdownmenu button{font-size: 12px;color: #747474 !important;}
.List_view .dropdownmenu {top: -5px;}

#frmData .right-col .active-name.new-active-name{border: solid 1px #ccc;border-radius: 4px;padding: 10px 10px;}

.right-col .new-active-name .item div{font-size: 12px;color: #111;}
.right-col .new-active-name label.btn{padding:2px 7px;font-size: 16px;background:#025bda !important;color:#fff !important;border:0 !important;}

.right-col .new-active-name label.btn.btn-danger{background:#dc3545 !important;}


.thumbil{display:inline-block;}
.thumbilin{width: 120px;height: 120px;-webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 0;
    overflow: hidden;
    position: relative;
    margin: auto;
    background: #eee;
    border: solid 1px #ccc;}

    .thumbilin img {
        width: 100%;
        height: 100%;
        display: block;
    }


.thumbil a{opacity: 1;
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 14px;
    background-color: #fe6a30;
    color: #fff;
    text-align: center;
    line-height: 20px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    bottom:1%;
    right: 12%;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;}

    .passwordchanges {
        display: none; /* Hide the div by default */
    }

.newcheck span{padding-left:20px;}   
.newcheck{margin-bottom: 10px;} 
.headingmodal  .modal-body{padding: 20px 10px;text-align: center;    font-size: 14px;}
.headingmodal .modal-header{padding-bottom:0 !important;position: relative;z-index: 1;}

.piechartsbox{border: solid 1px #ccc;border-radius: 10px;padding: 20px 20px;}
.piecharts{margin: 30px 0;}
.justify-content-center{justify-content:center;}
.table-drop .dropdown-menu{right: 0;left:auto;}
.table-drop .btn{padding:2px 7px;border: 0;background: transparent !important;color: #000 !important;}
.table-drop .dropdown-menu li a{font-size: 12px;}


.tablevalue {
    position: relative;
}
.editIcon,
.saveIcon {
    cursor: pointer;
    position: absolute;
    top:3px;
    right: 0;
}
.tableinput {
    display: none;
}

.tableinput{position: relative;}
.tableinput input{width: 100px;}
.record_public .grid .active-name .readmoreContent{display: block;}
.record_public .newdatetime h3{width: 100%;}
.headingmodal .modal-dialog{min-height: calc(100% - 3.5rem);display: flex;align-items: center;justify-content: center;}
.headingmodal .modal-content{border-radius: 10px;display: flex;width: 100%;flex-direction: column;}

.web_app_header{background:#0F172A;padding:30px 20px 30px 20px;display:flex;}
.web_app-shape{background:#E3E9F0;height:90px;width:90px;border-radius:50%;margin: 0 20px 0 0px;display:flex;align-items:center;justify-content:center;}
.p-0{padding:0 !important;}
.login-caption h2{font-size:22px;font-weight:600;color:#fff;line-height: 32px;}
.login-caption p{font-size:12px;color:#94A3B8;}
.web_app-body{background:#f9f9f9;padding:40px 20px 20px;margin-top:0px;}
.login-caption{    padding: 20px 0;}
.web_app-body select{border:solid 1px #E2E8F0;height: 45px;margin-bottom: 20px;border-radius: 10px;color:#64748B;}
.web_app-body select option{color:#64748B;}
.web_app-body .form-control{border:solid 1px #E2E8F0;height: 45px;border-radius: 10px;}
.web_app-body .form-control::placeholder{color:#64748B;}
.web_app-body .btn-primary{    padding: 10px 30px;}

.user_details{display:flex;align-items:center;gap:20px;}
.user_box_shape{height:48px;width:48px;border-radius:50%;overflow: hidden;}
.user_box_shape img{object-fit:cover;height:100%;width:100%;}
.user_box_right h5{color:#FFFFFF;font-size:15px;font-weight:500;    margin: 0 0 5px 0;}
.user_box_right p{color:rgba(255,255,255, 0.82);font-size:12px;}
.dashboard_left_shape{background:rgba(60,148,229, 0.08);border:solid 1px #3C94E5;display:flex;align-items:center;justify-content:center;height:45px;width:45px;border-radius:50%;margin:0 auto 10px;}
.dashboard_link a{color:#4B6680;font-size:13px;line-height: 21px;display: block;transition-duration:.3s;font-weight: 500;}
.dashboard_link a:hover{color: #337ab7}
.dashboard_left_box{text-align:center;padding: 0 5px;}
.dashboard_left_btm{border-top:solid 1px rgba(60,148,229, 0.16);padding-top:20px;margin-top:20px;}
.dashboard_left_amt h6{color:rgba(75,102,128, 0.72);font-size:13px;margin:0 0 7px 0;}
.dashboard_left_amt h4{color:#000;font-size:20px;font-weight:500;}
.dashboard_pay_btn a{background:#337ab7;color:#fff;padding: 10px 17px;font-size: 13px;border-radius: 6px;display: block;}
.dashboard_left{background: #fff;padding: 20px 10px;border-radius: 10px;}
.usages_water{background:#E7EBF8;border:solid 1px #9EB5FA;padding:20px 15px;border-radius:10px;}
.usages_water h3{color:#000;font-size:14px;font-weight:600;margin: 0 0 10px 0;}
.usages_water_prg span{color:#000;font-size:13px;font-weight:500;display: block;margin: 0 0 5px 0;}
.display-inline{display:inline-block;}
.dashboard_mid .dashboard_left_top{margin:20px 0;}
.dashboard_mid .dashboard_left_shape{border:0;background:transparent;}
.dashboard_support{background: #fff;padding: 20px 10px;border-radius: 10px;}
.dashboard_support_box{margin:0 0 20px 0;text-align:center;}
.dashboard_support_box a{color:#000000;font-weight:600;}
.dashboard_support_box h6{font-size:13px;font-weight:500;margin:0 0 10px 0;}
.Socials_icon a{margin:0 10px;}
.dashboard_support .dashboard_support_box:last-child{margin-bottom:0;}
.bootommenu{padding: 15px 20px;border-top: solid 1px #e4e4e4;}
.bootommenu ul li a{display: flex;flex-direction: column;text-align: center;color:#8E8E8E;}
.bootommenu ul li a i{font-size: 22px;margin-bottom: 5px;}
.bootommenu ul li a span{font-size: 13px;}

.bootommenu ul li a.active{color:#000;}
ul.selfbill li{border-bottom:solid 1px #eee;padding-bottom: 10px;margin-bottom: 10px;font-size: 13px;}
ul.selfbill li span{color:#7E7E7E;}
.self_bill .user_details{justify-content: center;}
.self_bill .user_box_right h5{font-size: 17px;}
.web_app-body textarea.form-control{height: 75px;}


.wrapper{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;}
.box {display: block;min-width: 300px;height:200px;margin: 10px;background-color: white;border-radius: 5px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition: all 0.3s cubic-bezier(.25,.8,.25,1);overflow: hidden;}
.upload-options {position: relative;height: 75px;background-color:#fff;cursor: pointer;overflow: hidden;text-align: center;
transition: background-color ease-in-out 150ms;}
.upload-options input{width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.upload-options label{display: flex;align-items: center;width: 100%;height: 100%;font-weight: 400;text-overflow: ellipsis;white-space: nowrap;
cursor: pointer;overflow: hidden;}
.upload-options label::after{content: 'Upload your images '; position: absolute;font-size: 2.5rem;color:#000;z-index: 0;font-size: 13px;
width: 100%;z-index: 0;}
.upload-options label span{display: inline-block;width: 50%;height: 100%;text-overflow: ellipsis;white-space: nowrap;
overflow: hidden;vertical-align: middle;text-align: center;}    
.js--image-preview {height:145px;width: 100%;position: relative;overflow: hidden;background-image: url('https://www.kodago.com/images/imguploadicon.svg');background-color: white;background-position: center center;background-repeat: no-repeat;}  
.js--image-preview:after{position: relative;font-size: 4.5em;color: rgba(230, 230, 230, 1);top: calc(50% - 3rem);left: calc(50% - 2.25rem);
z-index: 0;}   
.js--image-preview .js--no-default::after{display: none;} 
.js--image-preview:nth-child(2) {background-image: url('http://bastianandre.at/giphy.gif');}                    
.drop {display: block;position: absolute;background:#fff;border-radius: 100%;transform:scale(0);}
.animate {animation: ripple 0.4s linear;}
@keyframes ripple {100% {opacity: 0; transform: scale(2.5);}}

.request-arrow{height:21px;width:21px;border-radius:50%;background:#00A252;display:flex;align-items:center;justify-content:center;color: #fff;
font-size: 13px;}
.request_box{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 10px;padding:20px 15px;}
.request_box_head{border-bottom:solid 1px rgba(130, 130, 130, 0.4);
padding-bottom: 14px;margin-bottom: 14px;}
.request_box_head_left{gap:10px;}
.date_stutas h5{color:#00A252;font-size:15px;font-weight:500;margin-bottom: 7px;}
.date_stutas h6{color:#828282;font-size:12px;font-weight:400;}
.request_box_head_right h6{color:#828282;font-size:13px;font-weight:400;}
.complant_img{height:55px;width:55px;border-radius:5px;overflow: hidden;}

.complant_right h5{color:#000000;font-size:14px;font-weight:500;margin: 0 0 5px 0;}
.complant_right p{color:#828282;font-size:12px;}
.request_box_body{gap:15px;}
.assigner p{color:#888888;font-size:13px;}
.assigner p span{color:#000;}
.assigner{position: relative;padding-left: 18px;margin: 13px 0;}
.assigner:after{position:absolute;background:#CCCCCC;height:9px;width:9px;content:'';left:0;top:5px;border-radius:50%;}
.assign-btm.d-flex{display:block;}
.assign-btm .dashboard_pay_btn{width:100%;text-align:center;}
.web_app-body .request_box:not(:last-child){margin-bottom:20px;} 
.request_box_progress .request-arrow{background: #4E53DE;}
.request_box_progress .date_stutas h5{color:#4E53DE;}
.assign_btn{gap:15px;}
.assign_btn .track_btn a{background:transparent;border:solid 1px #337ab7;color:#337ab7;}

.web_app_tabbing{display: flex;align-items: center;justify-content: center;margin-bottom: 20px;    flex-wrap: wrap;}
.web_app_tabbing.nav-tabs>li>a{font-size: 13px;}
.web_app_tabbing.nav-tabs>li.active>a{background-color: #4077b4;color: #fff;}

.recant_usagesbox-shape{height:40px;width:40px;background:#E7EBF8;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.recant_usagesbox-right h5{color:#000000;font-size:14px;font-weight:500;margin: 0 0 0px 0;}
.recant_usagesbox-right h6{color:#828282;font-size:13px;font-weight:400;display:none;}
.recant_usagesbox_in{gap:15px;}
.recant_usagesbox h4{margin: 0 0 18px 0;    font-size: 14px;}
.recant_usagesbox{border-bottom:solid 1px #ccc;padding-bottom:15px;margin-bottom:22px;}
.web_app-body .recant_usagesbox:last-child{border:0;padding:0;margin:0;}

.payment_history ul li{border-bottom:solid 1px #ccc;padding-bottom:15px;margin-bottom:15px;}
.payment-amt{gap: 10px;}
.payment-date{font-size: 14px;}
.payment-date i{color:#8C89FE;transform: rotate(-45deg);font-size: 18px;}
.payment-amt a{font-size: 19px;}
.payment-amt h6{font-size: 15px;}
.payment_history ul li:last-child{border:0;margin:0;padding:0;}


.picture-container {position: relative;cursor: pointer;text-align: center;}
.picture {width: 106px;height: 106px;background-color: #999999;border: 4px solid #CCCCCC;color: #FFFFFF;border-radius: 50%;
margin: 5px auto;overflow: hidden;transition: all 0.2s;-webkit-transition: all 0.2s;}
.picture-src {width: 100%;height: 100%;}
.picture:hover {border-color: #4caf50;}
.picture input[type="file"] {cursor: pointer;display: block;height: 100%;left: 0;opacity: 0 !important;position: absolute;top: 0;width: 100%;}
.choice {text-align: center;cursor: pointer;}
.choice input[type="radio"], .choice input[type="checkbox"] {position: absolute;left: -10000px;z-index: -1;}
.choice .icon {text-align: center;vertical-align: middle;height: 106px;width: 106px;border-radius: 50%;color: #999999;margin: 5px auto;
border: 4px solid #CCCCCC;transition: all 0.2s;-webkit-transition: all 0.2s;overflow: hidden;}
.choice .icon:hover {border-color: #4caf50;}
.choice.active .icon {border-color: #2ca8ff;}
.user_name{margin:10px 0 30px;}
.edit_icon{position: absolute;bottom: 10px;right: 10px;background: #fff;height: 25px;width: 25px;border-radius: 50%;color: #3E78FF;
display: flex;align-items: center;justify-content: center;font-size: 14px;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1)}
.user_name h6{margin: 0 0 6px 0;}
.users_profile_left span{line-height:1;color:#000000;font-size:14px;margin-left: 8px;}
.users_profile_link ul li{border-bottom:solid 1px #ccc;padding-bottom:15px;margin-bottom:20px;}
.users_profile_link ul li:last-child{border:0;margin:0;padding:0;}
.live_feeds a{white-space: nowrap;display: block;}
.add_allow_view [type="checkbox"]:not(:checked) + label, .add_allow_view  [type="checkbox"]:checked + label{font-size: 15px;color: #000;}

.add_allow_view [type="checkbox"]:not(:checked) + label:before, .add_allow_view [type="checkbox"]:checked + label:before{top: 1px;width: 19px;height: 19px;}

.add_allow_view [type="checkbox"]:not(:checked) + label:after, .add_allow_view  [type="checkbox"]:checked + label:after{font-size: 12px;}
.date_daily{margin-top:-15px;}
.toplefthead{    gap: 15px;}



/* .headingmodal{display:none !important;} */


/* Group List View css  */

.grplistview .new-groups {display: flex;align-items: center;}
ul.chlist li.grplistview .thumb{width: 43px;height: 43px;}
.grplistview .new-groups-right {margin-left: 20px;flex: 1;}
ul.chlist li.grplistview .new-groups .content02 {padding: 0;border: 0;}
ul.chlist li.grplistview .new-groups .content02 h3 {text-align: left;font-size: 14px;line-height: 22px;padding-right: 23px;white-space: unset;}
ul.chlist#tblData > li.grplistview{width:100%;margin:0;padding: 10px 15px;border-bottom: solid 1px #e9edef;float: none;}
ul.chlist#tblData > li.grplistview:hover{    background-color: #f5f6f6;box-shadow:none;}
.HighLightsBox+.HighLightsBox {margin-top: 20px;}
.HighLightsBox {background: #fff;border-radius: 10px;padding: 10px 15px;}
.HighLightsImg {height: 600px;width: 100%;border-radius: 6px;margin: 20px 0;background: #eff0f3;text-align: center;}
.HighLightsImg img{max-width: 100%;height: 100%;object-fit: contain;margin: 0 auto;}
.HighLightsShape img{max-width: 100%;height: 100%;object-fit: contain;margin: 0 auto;}
.HighLightsShape {height: 45px;width: 45px;border-radius: 50%;overflow: hidden;border: 1px solid #bbb;
-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
.HighLightsBoxRight h5 {font-size: 15px;margin: 0 0 8px;}
.HighLightsBoxRight p {font-size: 12px;color: #918d8d;margin: 0;line-height: 1;}
.HighLightsBoxRight {margin-left: 12px;}
.filerecklistright{background-color: #fff;border-radius: 10px;padding: 15px;position: -webkit-sticky;position: sticky;
z-index: 1;top: 80px;}
.filerecklistright h4 {font-size: 17px;color: #000;font-weight: 600;}
.ChatGroupSearch {margin: 10px 10px;}
.GroupSearchInput input {padding-left: 40px;border-radius:6px;background: #f2f3f5;height: 37px;font-size: 12px;}
.ChatGroupSearch i {position: absolute;top: 12px;left: 15px;color: rgba(0, 0, 0, .3);font-size: 14px;}
.grouplistviewleft{background:#fff;padding: 10px 0;border-radius:6px;position: -webkit-sticky;position: sticky;top:130px;}
.grouplistviewleft ul.chlist{height: calc(100vh - 300px);overflow-y: auto;}
.grouplistview{position: relative;}
.grplistview .grp-action{display:none;}
.grplistview .mobile-grp-action{display:block;}
.grpgridview .grp-action {display: none;}
.grpgridview .grp-action {display: flex;}


/* kodago collect css */
.chooesSocialbox{background:#fff;padding:11px 2px;border-radius:6px;cursor: pointer;border:solid 1px #fff;width: 31%;
transition-duration:.2s;}
.chooesSocialbox:hover{border-color:rgba(255, 0, 0, .7);}
.chooesSocialbox h5{color:#000000;font-size:11px;margin: 7px 0 0 0;}
.chooesSocial {gap: 5px;}
.instatext{margin-left:12px;}
.instatext h4{color:#000000;font-size:15px;margin: 0 0 5px 0;}
.instatext p{color:#2B2B2B;font-size:12px;}
.collectmodal .nav-tabs>li>a{border:0 !important;color:#2B2B2B;font-size:13px;font-weight: 500;    border-bottom: solid 2px #fff !important;}
.collectmodal .nav-tabs{margin-bottom:15px;}
.collectmodal .modal-header{padding-bottom: 10px !important;}
.collectmodal .modal-body .nav-tabs>li.active>a{border-bottom:solid 2px #FF0000 !important;transition:unset;}
.collectmodal .input-group {align-items: stretch;display: flex;position: relative;width: 100%;}
.collectmodal .input-group-append, .collectmodal .input-group-prepend {display: flex;}
.collectmodal .input-group-text {background-color: #f3f6f9;border: 1px solid #e4e6ef;border-radius: .42rem;color: #3f4254;
margin-bottom: 0;padding: .40rem .80rem;border-bottom-right-radius: 0;border-top-right-radius: 0;font-size: 1.05rem;}
.collectmodal .form-control {font-size: 14px;font-weight: 500;}
.collectmodal .form-control {border: 1px solid #e4e6ef;border-radius: 4px;box-shadow: none;height:auto;
color: #3f4254;padding: .6rem .75rem;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.collectmodal input::placeholder{font-weight:bold;}
.hideforBSearch .checkbox {align-items: center;cursor: pointer;display: flex;font-size: 0.8rem;margin: 0;position: relative;text-align: left;transition: all .3s ease;padding-left:0;}
.checkbox>input {opacity: 0;position: absolute;z-index: -1;}
.checkbox>span {align-items: center;background-color: none;background-color: initial;border: 1.5px solid #d1d3e0;border-radius: .42rem;border-radius: 2px;display: flex;height: 17px;justify-content: center;margin-right: .55rem;min-width: 17px;width: 17px;}
.checkbox>span:after {border-color: #0000;border-style: solid;border-width: 0 1.5px 1.5px 0 !important;content: "";height: 10px;margin-top: -2px;transform: rotate(45deg);width: 5px;}
.checkbox.checkbox-outline.checkbox-primary>input:checked~span {background-color: initial;border-color: #ff4051;border-color: #545454;}
.checkbox.checkbox-outline.checkbox-primary>input:checked~span:after {border-color: #545454;}
.hideforBSearch{margin-bottom:5px;}
.alert-custom {background-color: #f2f6f8 !important;padding: .55rem !important;font-size: 12px;line-height: 22px;
margin:10px 0 0 0;}
.alert.alert-custom .alert-icon {align-items: center;display: flex;padding: 0 1.25rem 0 0;}
.align-items-start {align-items: flex-start !important;}
.svg-icon svg {height: 1.5rem;width: 1.5rem;}
.alert-custom span.svg-icon{margin-right:10px;}
.need_help p{font-size: 13px;}
.video_support_link{color: #545454 !important;margin-left:10px;}
.video_support_link span{margin-left:6px;}
.video_support_link  svg{height: 1.4rem;width: 1.3rem;}
.collectmodal .btn-secondary{background:#D7D9E3;color:#2B2B2B;border: 0;font-weight: 500;}
.collectmodal .nav-tabs>li{margin-bottom: 0;}
.collectmodal .btn-primary{background:#005fca !important;border: 0;font-weight: normal;}
.collectmodal input:-internal-autofill-selected {background-color:transparent !important;}
.collectmodal .btn.btn-outline-gray {background:transparent;border-color: #e4e6ef;color: #2b2b2b;font-weight: 500;}
.symbol {border-radius:6px;flex-shrink: 0;justify-content: center;position: relative;align-items: center;display: flex;}
.symbol img{height: 23px;max-width: 23px;width: 100%;margin-right: 7px;}
.w-auto {width: auto !important;}
.d-inline-flex {display: inline-flex !important;}
.pb-5, .py-5 {padding-bottom: 1.25rem !important;}
.pt-5, .py-5 {padding-top: 1.25rem !important;}
/* .collectmodal .modal-dialog {display: flex;align-items: center;min-height:calc(100% - 3.5rem);} */
.connectfb .modal-dialog{width:auto;max-width:380px;}
.connectfb .modal-body img{max-width: 100%;width: 50px;    margin: 20px 0;}
.connectfb h6{font-size:0.90rem;margin: 0px 0 15px;line-height: 24px;font-weight: 600;}
.connectfb .linkp{font-size:14px;margin:0 0 10px 0;}
.font-size-sm {font-size: .805rem;color:#8c8c8c;}
.connectfb .modal-body{    padding: 15px 35px;} 
.alert-custom span.svg-icon{line-height: 1;}
/* .connectfb.connectinsta .btn-primary{background:#ff4051 !important;} */
.collectmodal tr td, .collectmodal tr th{font-size:13px;color: #000;}
.instaicons img{height:36px;width:36px;}
.modal-footer .hideforBSearch{margin-bottom:0;}
.collectmodal select{height: 41px;border-radius: .42rem;font-size: 14px !important;}
.collectmodal .form-control::placeholder{font-size: 15px;font-weight: 500;}
.dropzone-wrapper {border: 2px dashed #dfdfdf;color: #000;position: relative;height: 150px;border-radius: 3px;}
.dropzone-desc {position: absolute;margin: 0 auto;left: 0;right: 0;text-align: center;width: 40%;top:33px;font-size: 16px;}
.dropzone,.dropzone:focus {position: absolute;outline: none !important;width: 100%;height: 150px;cursor: pointer;opacity: 0;}
.dropzone-wrapper:hover,.dropzone-wrapper.dragover {background: #ecf0f5;}
.preview-zone {text-align: center;}
.preview-zone .box {box-shadow: none;border-radius: 0;margin-bottom: 0;}
.deviceup i{background: #3457c6;height: 30px;width: 30px;border-radius: 50%;display: inline-flex;align-items: center;
justify-content: center;margin: 0 0 10px 0;color: #fff;} 
.deviceup h5{color: #525252;font-size:11px;font-weight:normal;}
.deviceup{margin-bottom:10px;}
.preview-zone {text-align: left;font-size: 13px;margin-top: 7px;}
.connectfb.white-modal .close{position: absolute;right: 20px;top: 10px;}
.tagboxtop{background-color:#fff;}
.tagboxtop .nav-tabs>li>a{background:transparent;border: 0 !important;font-size: 14px;color: #545454;font-weight: 500;}
.collectposttabing small{background-color: #545454;border-radius: 30px;color: #fff;display: inline-block;line-height: 10px;
margin-left: 5px;padding: 5px 8px;font-size: 11px;}
ul.collectposttabing{border:0;}
.tagboxtop .nav-tabs>li>a{position: relative;padding:10px 0;margin-right:1.5rem;}  
.tagboxtop .nav-tabs>li>a:after{background-color: #ff4051;bottom: 0;content: "";height: 3px;left: 0;margin: 0 auto;
position: absolute;right: 0;transition: width .2s ease;width: 0;}
.tagboxtop .nav-tabs>li.active>a:after{width: 100%;}
.topbarbtm{margin:17px 0 0;}
.topbarbtm .hideforBSearch{margin:0;}
.tagboxtop{padding:0 0 10px 0;}
.modSelectNo{background-color: #ffe2e5;color: #f64e60;border-radius: 2rem;padding: .15rem .75rem;height: 28px;font-size: 12px;
display: flex;align-items: center;gap:6px;}
.topbarbtm {gap:10px;}
.cancel_all_checked{color:#f64e60;font-size: 17px;font-weight: normal;cursor:pointer;position: relative;top: -1px;}
.filter-bar .btn {min-width:90px;padding:6px 12px;font-size: 13px;font-weight: 500;color:#fff;border: 0;}
.filter-bar .btn i{display:none;}
.filter-bar .btn:hover{transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;}
.filter-bar{gap: 10px;}
.filter-bar .btn-success{background:#6ac259;}
.filter-bar .btn-success:hover{background:#60b350;}
.filter-bar .btn-danger{background:#df4708;}
.filter-bar .btn-danger:hover{background:#c43d05;}
.filter-bar .btn-warning{background:#ffa800;}
.filter-bar .btn-warning:hover{background:#ee9d01;}
.filter-bar .btn-info{background:#6d72fe;}
/* .filter-bar .btn-info:hover{background:#6d72fe;} */
.filter-bar .btn-dark{background:#1a2029;}
.filter-bar .btn-dark:hover{background:#000;}

.postListing .grid {width: 100%;}
.postListing .grid-item {width:16.66%;float: left;padding:0 7px;margin-bottom:12px;}
.postListing .grid-sizer{width:16.66%;}
.modrtionPost{border-radius: 8px;box-shadow: 0 0 30px 0 #523f690d;width: 100%;background:#fff;}
.modrtionPostImg{height:230px;}
.modrtionPostImg img{width:100%;height:100%;object-fit:cover;}
.m_refresh{cursor:pointer;}
.postListing{background: #f2f6f8;padding:20px 0;}
.symbol-circle {color: #fff;display: block;height: 34px;text-align: center;width: 34px;background-color: #535353;overflow: hidden;
    border-radius: 50%;}
.symbol-circle img{object-fit:cover;height:100%;width:100%;}
.postmainhead h5 {color: #2b2b2b;font-size: 14px;margin: 0px 0 3px 0;}
.postmainhead span {color: #959595;font-size: 10px;max-width:75%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sepratedot{align-self: center;background-color: #959595; border-radius: 50%;display: table;height: 3px;margin: 0 4px;width: 3px;}
.modrtionPostdesUp{padding:10px 10px;}
.modrtionPosthead{padding:0px 10px;}
.modrtiondesTopLeft {gap:10px;}
.social_icon i {font-size: 22px;}
.fa-instagram {color: #d45662;}
.modrtionPosthead label.checkbox{margin:0;padding: 0;}
.trimPostContent {-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.m_des {position: relative;margin-top: 10px;}
.m_des p {font-size: 13px;}
.m_des .readMore_btn {background: #fff;bottom: 4px;cursor: pointer;color:#000;font-size:12px;font-weight:500;position: relative;right: 0;}

.publicbtn{background: #6ac259;color: #fff;}
.publicbtn:hover{background: #60b350;color: #fff;}
.privatebtn{background: #ecf1f4;color: #212529;}
.privatebtn:hover{background: #db4b20;color: #fff;}
.m_bottom_actions{gap: 10px;border-top:solid 1px #eee;padding: 10px 10px;}
.m_bottom_actions .btn{width: 100%;border:0;    padding: 7px 0;}
.GridListBtn {padding: 4px 0;}
.tagbox_tps{border-bottom: 1px solid #ebedf3;}

.modrtionPostModal .modal-dialog{max-width:100%;width:100%;}
.modrtionPostModal .modal-content{height:100%;}
.modrtionPostModal .modal-dialog{height:100%;}
.modrtionPostModal .modal-body{max-height:unset !important;height: calc(100vh - 44px);overflow: auto;}
.modal-open .modal.modrtionPostModal{padding:0;}
.modrtionPostModal .modal-header{border-bottom: 1px solid #e5e5e5;padding: 10px 15px !important;}
.modrtionPostRight{border-left: 1px solid #ebedf3;}
.modrtionPostRightIn{height: calc(100vh - 130px);overflow: auto;padding:15px 15px;
    overflow-x:hidden;}
.modrtionPostModal .owl-carousel .owl-item img{width:auto;max-width: 100%;margin: 0 auto;}
.modrtionPostModal .modal-body{padding:0 15px;}
.postheadings h4{padding:0px 0px 12px;font-weight: 500;font-size: 15px;border-bottom: 1px solid #e5e5e5;}
.postheadings{margin-bottom:10px;}
.postImgbox img{max-height: calc(100vh - 200px);object-fit: contain;width: 100%;}
.modrtionPostRight table tr td{vertical-align:middle;border:0;}
.modrtionPostRight table tr td span.text-muted{color: #aaa;font-size:13px;}
.postNetwork span.text-dark{margin-left: 7px;font-size: 13px;}
.ms-0{margin-left:0 !important;}
.postheadingsdes p{font-size:13px;}
.modrtionPostRight .m_bottom_actions .btn{padding: 10px 0;}
.postImgbox{height: calc(100vh - 70px);position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
/* .modrtionPostModal .owl-nav .owl-prev{align-items: center;background-color: #fff;border: 0;border-radius: 50px;box-shadow: 0 2px 10px #0000001a;display: flex;
font-size: 20px;height: 44px;justify-content: center;margin-top: -22px;position: absolute;top: 50%;width: 44px;z-index: 1;} */
.modrtionPostModal .owl-nav button{align-items: center;background-color: #fff !important;border: 0;border-radius: 50px;box-shadow: 0 2px 10px #0000001a;display: flex;
font-size: 20px;height: 44px;justify-content: center;margin-top: -22px;position: absolute;top: 50%;width: 44px;z-index: 1;}
.modrtionPostModal .owl-nav button.owl-prev{left:0;}
.modrtionPostModal .owl-nav button.owl-next{right:25%;}
.modrtionPostModal .owl-nav button span{font-size: 34px;}
.stop-transform {transform: none !important;}

.analyticsbox.graph_details th, .analyticsbox.graph_details td {text-align: left !important;border-left: solid 1px #dee2e6;}
.graph_details table{width: 100%;border: 1px solid #dee2e6;}
.graph_details h1{text-align:center;}
  

/* new css add by Shrawan Kumar 06-09-2024 for Physical Progress & Financial Progress */

.physicalTophead h4{color: #000;font-size: 16px;margin: 0 0 15px 0;}
.physicalTophead h5{color: #424141;font-size: 15px;font-weight:normal;margin: 0 0 15px 0;}

.physicalTable table thead tr th {background: rgb(37, 51, 66);color: #fff;
vertical-align: middle;text-align: center;font-size: 13px;font-weight: 500;
border-color:#929292;border-bottom:0;}

.physicalTable .table>tbody>tr>td{font-size:13px;}
.physicalTable .table>tbody>tr>td.Headtext{color: #0b446c;font-weight: 500;}
.physicalTable .table>tbody>tr>td.secondHeadtext{color: #000;font-weight: 400;}
.physicalTable .table>tbody>tr>td.SubsecondHeadtext{color: #505050;font-weight: normal;
}
.physicalTable .table>tbody>tr>td.progressTotal{color: #000;font-weight: 600;text-align:center;}
.physicalTable .table>tbody>tr>td.progressTotal.text-right{text-align:right;}


.steps-shape{background:#0063D1;height:31px;width:31px;border-radius:50%;display:flex;
align-items:center;justify-content:center;color:#fff;font-size:14px;}
.steps-text{margin:10px 0 0 0;}
.steps-text h6{color:#7D7D7D;font-weight:normal;font-size: 13px;    margin: 0 0 7px 0;}
.steps-text h5{color:#3E4653;font-size: 15px;}
.fileracks-steps{padding-right:50px;}
.nofileracksbtm .fileracks-steps:last-child{padding-right:0px;}
.fileracks-steps:after{position:absolute;left:0px;top:15px;background-color:rgba(0, 99, 209, .50);height:2px;width:100%;border-radius:20px;content:'';z-index: -1;}
.nofileracksbtm .fileracks-steps:last-child::after{display:none;}
.nofileracksbtm{margin: 40px auto 50px;display: flex;align-items: center;
justify-content: center;}
.nofilerackstop h5{margin: 25px 0 10px;}
.nofilerackstop p{color:#808080;max-width: 230px;margin: 0 auto 20px;font-size: 14px;
font-weight: normal;    line-height: 25px;}
.nofilerackstop .btn-link{padding: 10px 26px;}

/* history new css by sharwan kumar */
.histroybtmBox{background:#F8F8F8;border:solid 1px rgba(171,171,171,0.1);padding:10px 10px;
    margin-top: 7px;}
.histroyBox .profile-row{float:none;width: 100%;width: 100%;margin: 0 0 5px 0;}
.histroyBox .newdatetime h3{color:#262626;font-size:13px;margin: 3px 0 0 0;}
.histroyBox .profile-row h2 span{font-size:12px;color:#7D7D7D;    margin-top: 4px;}
.histroybtmBox .editFiled .histroyLabel{font-size:13px;color:#262626;margin: 0 0 2px 0;
    font-weight: 500;}
.histroybtmBox .editFiled .histroydec{font-size:12px;color:#6A6A6A;line-height: 21px;}
.editFiled{margin-bottom:10px;}
.historyModal.assignmentModal .modal-dialog{max-width: 800px;}
.histroyMain {gap:7px;padding-bottom: 16px;margin-bottom: 10px;border-bottom: solid 1px #ccc;}
.histroymid{display: flex;align-items: center;justify-content: end;padding: 0 2px;
position: relative;}
.histroymid:after{position:absolute;left:0;content:'';top:50%;width:51px;height:2px;
background:#a9a8a8;}
.histroymid i{margin-top: 2px;color: #a9a8a8;}
.histroymid span{margin-top: -30px;font-size: 12px;white-space: nowrap;}
.histroyBox{flex: 1;}
.historyModal .newhistroy .histroyMain:last-child{    border-bottom: 0;padding-bottom: 0px; margin-bottom: 0;}

/* new css table heading css 16-09-2024 */


.kodago-progdevel h4 {font-size: 24px; font-weight: 600; margin: 15px 0px 20px ;}
.kodago-progdevel .table-bordered>thead>tr>th {width: 200px;white-space: nowrap;text-align: left;background-color: #273241;color: #fff;font-weight: 500;font-size: 13px;}
.kodago-progdevel .table>tbody>tr>td {width: 200px;white-space: unset;text-align: left;    font-size: 13px;}
.kodago-progdevel .rites-table {padding-bottom: 0px;overflow-y: auto;height: 420px;}
.kodago-progdevel .analyticsbox .rites-table thead tr th:last-child {display: block;}
.kodago-progdevel .table-bordered>thead {position: sticky;top: -1px;z-index: 11;}
.kodago-progdevel .table>thead>tr>th:first-child {position: sticky;left:-1px;
background-color: #273241;z-index: 1;}
.kodago-progdevel .table>tbody>tr>td:first-child {position: sticky;left:-1px;background-color: #f9f9f9;z-index: 1;}

.modrtionPostdes .m_des p {
    margin: 0;
    transition: max-height 0.3s ease;
    max-height: 4.5em; /* Adjust based on line-height and number of lines */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Show only 3 lines */
    -webkit-box-orient: vertical;
}

.modrtionPostdes .m_des.expanded p {
    max-height: none;
    -webkit-line-clamp: unset;
}

.k-progresstop .table tbody tr td table tbody tr th{font-size: 13px;text-align: center;
font-weight: 600;    background: #f1f5f9;}
.k-progresstop .table tbody tr td table{margin-bottom:0;}
.k-progresstop .table tbody tr td table tbody tr td{text-align:center;}
.kodago-progdevel .rites-table.k-progresstop{height:unset;}
.kodago-progdevel .rites-table.k-progresstop .table>thead>tr>th{text-align:center;}
.kodago-progdevel .k-progresstop .table>tbody>tr>td:first-child{position:unset;}

/* Widget new work 20-9-2024 */
.newwidgetbox{background:#fff;border-radius:6px;padding:15px 15px;margin:30px auto;
max-width:600px;}
.widgetsbox h6{font-weight: normal;font-size: 12px;margin: 0 0 7px 0;color: #777;}
.widgetsbox h5{font-weight: normal;font-size: 14px;color: #33475b;}
.widgetsbox{border-bottom: dashed 1px #e1dede;padding-bottom: 10px;margin-bottom: 10px;}
.code-file-box input[type="radio"] {display: none;}
.code-file-box input[type="radio"]+label {color: #33475b;font-size: 13px;
margin-bottom: 0;cursor: pointer;font-weight: 500;width: 100%;}
.code-file-box input[type="radio"]+label span {display: inline-flex;width:20px;height:20px;
margin: -2px 4px 0 0;vertical-align: middle;cursor: pointer;border-radius: 50%;background-repeat: no-repeat;background-position: center;text-align: center;line-height: 32px;align-items: center;justify-content: center;background: #e7ebee;}
.code-file-box input[type="radio"]+label span img {opacity: 0;transition: all .3s ease;}
.code-file-box  input[type="radio"]:checked+label span {background: #149bec;}
.code-file-box input[type="radio"]:checked+label span img {opacity: 1;}
.widgetsboxflex{gap:25px;}
.copylinkshape{height:37px;width:37px;border-radius:10px;color:#fff;background:#149bec;
margin: 0 auto;font-size: 20px;}
.URLboxsShape{height:30px;width:30px;border-radius:6px;color:#2E6DE2;background:#EFF3FC;
font-size: 16px;}
.URLboxs{border:solid 1px #ECECEC;border-radius:8px;padding:6px 10px;gap: 11px;
background: #fff;}
.URLboxs > div{gap: 10px;}
.URLboxs  h3{font-size: 14px;font-weight: normal;}
.copylink h4{margin: 15px 0;font-size: 14px;} 
.copyurls {background: #f1f5f9;padding: 20px 20px;border: solid 1px #e7e7e7;border-radius: 10px;} 
.URLboxs .btn-primary{font-size: 13px;} 
.qrcodecard-widget{font-size:13px;border-bottom:solid 1px #d2d2d2;padding:10px 0;
margin: 15px 0 25px;}
.qrcodecardimg img{max-width:100%;width:30%;margin:0 auto;}
.qrcodeintro{font-size: 13px;margin: 20px 0;}
.copyurls p{font-size: 13px;line-height: 24px;}
.widgetcode{border-radius: 4px;background-color:rgb(239 243 252);border-color:#c6d6f4;border-style: solid;border-width: 1px;padding: 10px;font-size: 14px;    margin-top: 15px;}
.widgetcode code{color: #2E6DE2;background-color: transparent;}
.widgetcode button{font-size: 12.5px;font-weight: normal;}
.btn-secondary {color: #fff !important;background: #6c757d;border:0;transition-duration:.3s;}
.btn-secondary:hover{background:#82888d;}
.widgetsbox-footer{border-top: dashed 1px #cccccc;margin-top: 10px;padding-top: 10px;
gap:10px;}
.sortingIcons{display: inline-flex;flex-direction: column;justify-content: end;
float: right;color: #cbd6e2;font-size:9px;}
.sortingIcons span{line-height: 1;transition-duration:.2s;}
.sortingIcons span:hover{color:#7C98B6;}

/* Custom CSS to fix arrow alignment for bottom popover */
.thheadings .popover { background-color: #425B76; color: #fff;font-size: 13px;max-width: 250px;
box-shadow:none;}
.thheadings .popover-title {background-color: #425B76;color: #fff;font-size: 13px;border-bottom: none;}
.thheadings .popover-content {font-size: 13px;}
.thheadings .popover.bottom .arrow:after {border-bottom-color: #425B76 !important;}
.btnView ul{display: flex;align-items: center;}

.btnView ul .advancedfilter.tablecolumnsModal{background-color: #fff;border:solid 1px #cbd6e2;
color: #506e91;font-size: 12px;line-height: 14px;padding: 5px 7px;border-radius: 4px;margin-left: 10px;text-decoration:none;}
.btnView ul .advancedfilter.tablecolumnsModal:hover{background-color: #f5f8fa;color: #506e91;}

/* Hide the default checkbox */
.custom-checkbox-main input[type="checkbox"] {display: none;}
.custom-checkboxs {display: inline-block;width: 20px;height: 20px;background-color: #fff;
border-radius: 3px;position: relative;cursor: pointer;border:2px solid rgb(203, 214, 226);}
.custom-checkbox-main input[type="checkbox"]:checked + .custom-checkboxs {
background-color: #fff;border-color: #007bff;}
.custom-checkboxs::after {content: '';position: absolute;top:1px;left: 5px;
width: 6px;height: 11px;border: solid #025bda;border-width: 0 2px 2px 0;
transform: rotate(45deg);opacity: 0;transition: opacity 0.2s ease;}
.custom-checkbox-main input[type="checkbox"]:checked + .custom-checkboxs::after {opacity: 1;}
.custom-checkbox-main label {padding-left:0px;cursor: pointer;display: inline-flex;
align-items: center;gap: 10px;font-size: 14px;}
.custom-checkbox-main .checkbox{margin:10px 0;}
.choosecolumns h6{margin:15px 0;font-size: 14px;}
.custom-checkbox-main{max-height: calc(100vh - 250px);overflow-y: auto;}
.choosecolumns .modal-body{overflow:hidden !important;}





/* ===== Scrollbar CSS ===== */

  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #a4ccf9 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 2px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #a4ccf9;
    border-radius: 0px;
    border: 2px solid #ffffff;
  }





  


/* Breakpoints     */

@media (min-width: 767.98px) { 
    .head-section{padding: 0 15px;}
    .mid-section-btm{padding: 0px 15px;}
    .cmnclass{display:flex;margin-top: 0;}

}

@media (min-width: 1399.98px) { 
    .breadcrumbmain{padding: 9px 15px;}
}



@media (max-width: 1561.98px) { 
    ul.chlist#tblData > li{width: 15.7%;}
}

@media (max-width: 1400.98px) { 
    ul.chlist#tblData > li{width:18.5%;margin: 0px 15px 15px 0px;}
}

@media (max-width: 1399.98px) { 
    ul.chlist#tblData > li{width:18.5%;}
    .search-row h4{font-size: 16px;}
    .search-row p{font-size: 11px;}
    .Searchracks label{font-size: 12px;}
    .search-row .input-group-lg .form-control{height: 35px;}
    ul.chlist li .content02 h3{font-size: 13px;}
    ul.chlist li .content02 p{font-size: 11px;}
    .lastupdate span{font-size: 11px;line-height:18px;}
    .lastupdate{margin:2px 0 0;}
    .filterbtm .panel-title a{font-size: 12px;line-height: 20px;}
    .filterright .filtertop{    padding: 13px 10px;font-size:14px;}
    .desktopmenu ul li a{    font-size: 12px;}
    .user-profile{    font-size: 13px;}
    .filterright .filterform{padding: 16px 10px 0;}
    .breadcrumb>li{font-size: 11px;}
    .breadcrumbmain{padding: 5px 15px;}
    .progress_view .font14{font-size: 11px;}
    .progress_view .progress_text{font-size: 10px;}
    .bottom-menu ul li a{font-size: 10px;}
    ul.chlist li .thumb{width: 53px;height: 53px;}
    .nav-circle span{ width: 3px;height: 3px;}
    .btnView ul .advancedfilter{font-size: 13px;    margin-top:0px;}
    .emportexport a{    padding: 6px 9px;font-size: 11px;}
    .advancedFiltersModal .filterright .filterform{padding: 16px 16px 0;}
    .filterviewtop .filterbtnin span{width: 150px;font-size: 12px;line-height: 1.7em;}
    .filterviewtop .filterclearBtn{    font-size: 13px;    margin-top: 3px;}

    .postListing .grid-item{width: 20%;}
    .postListing .grid-sizer{width: 20%;}

}

@media (max-width: 1299.98px) { 
    ul.chlist#tblData > li{width:23%;}
    .postListing .grid-item {width: 25%;}
    .postListing .grid-sizer {width: 25%;}
    .modrtionPostModal .owl-nav button.owl-next{right: 35%;}

}

@media (max-width: 991.98px) { 
    ul.chlist#tblData > li{width:31%;}

}



@media (max-width: 1200px) {
ul.smart-sheet li .thumb {position: unset;}
}

@media (max-width: 1160px) {
ul.drag-grid li{width: 22%;}
.prof-pic{width: 27px;height: 27px;}

}

@media (max-width: 1000px) {

    ul.drag-grid li{width: 31%;}


}

@media (max-width: 991.98px) {

ul.chlist#tblData > li{min-height: 215px;}   
.racklisttophead .search-row p{    margin-bottom: 18px;}
.Searchracks label{font-size: 12px;}
.racklisttophead .form-group label{font-size: 12px;}
/* ul.chlist#tblData > li{    margin: 0px 20px 20px 0px;} */
ul.smart-sheet .active-nav02{    top: 12px;}
.racklist ul.chlist#tblData > li{min-height: 190px;}
ul.chlist li .content02 h3{font-size: 14px;}
.grid .col-md-3{padding-right:15px;}
.filtertop .collapse-button::after{top: 15px;right: 20px;}
.btnView ul .advancedfilter{    font-size: 12px;    padding-left: 10px;}
.emportexport a{padding: 6px 5px;font-size: 11px;}
.jjmnewfilterbox ul{gap: 13px;flex-wrap: wrap;}
.membermain .search-row .input-group-lg .form-control{height:42px;}
.tagboxtop .nav-tabs>li>a{font-size: 13px;}
.collectposttabing small{font-size:10px;}
.postmainhead span{max-width:35%;}
.collectmodal .nav-tabs>li>a{padding: 10px 12px;}
.postListing .grid-sizer {width: 33%;}
.postListing .grid-item {width: 33%;}
.modrtionPostModal .owl-nav button{    top: 20%;}
.modrtionPostModal .owl-nav button.owl-next{right:0;}
.modrtionPostRight{border-left:0;}



}    


@media (max-width: 767.98px) { 
ul.chlist#tblData > li{width: 46%;box-sizing: border-box;margin: 0 10px 16px 10px;}
.search-row .d-flex{display:block;}
.search-row .input-group{    margin-top: 8px;}
.breadcrumb>li{font-size: 13px;}
.breadcrumb{text-align: left;}
.breadcrumbmain .d-flex{display:block;}
.progress_view{margin-top:10px;}
.racklisttophead .search-row p{margin-bottom: 0;}
.search-row .input-group{margin:10px 0;}
.membermain .search-row .input-group{margin:0px 0;}
footer .bottom-menu{float:none;text-align:center;}
footer .bottom-menu ul{float:none;text-align:center;}
.copyright-sec{text-align:center;}
.search-row h4{font-size: 16px;    margin-top: 10px;}
.smart-sheet h3{    width: 100% !important;padding-bottom:0 !important;}
ul.chlist li .content02 h3{font-weight: 500;}
ul.smart-sheet li .content02 p{padding-top: 2px;}
.newdatetime h3{text-align: left;}
.grid .profile-row .newdatetime h2{padding:0;}
.search-row .active-box .d-flex{display:flex;}
.filter-right{justify-content: start;}

.listingResult.listingResultnew .rightside{display: flex;}
/* .filterright{margin-bottom: 20px;} */
.sheetHeader .filter-right{margin-top:15px;}
.filterright .filtertop{    padding: 12px 12px;}
.filtertop .collapse-button::after {top: 12px;right: 13px;}
.grid .col-md-3{padding:0 15px;}
.breadcrumbmain-new .text-right{text-align:left;}

.filtertopmenu{display:block;}

.filterright{width:90%;position:fixed;top:0;transition:0.5s;left:-100%;background-color:#fff;z-index:111111;}

.filterright .filterform{max-height:calc(100vh - 100px);} 
.filtertopmenu{background: #fff;padding: 10px;margin-bottom: 15px;border-radius: 4px;}  
.topright i{font-size: 20px;} 
.filterright .filtertop .topright{display:block;}
.select2-dropdown{z-index: 111111 !important;}
.fancybox-close{background-image:url(https://www.kodago.com/js/fancybox/fancybox_sprite.png) !important;}
.adavancefilter#addEditModal .modal-body#formBody{height: calc(100vh - 130px);}

.sheetviewdatas ul.chlist#tblData > li{width:32%;margin: 0 6px 9px 0;}
.filterbtm .panel-title a{font-size: 14px;}
.filterbtm .panel-default>.panel-heading{padding: 12px 10px;}
.filterbtm .panel-default>.panel-heading+.panel-collapse>.panel-body ul li a{font-size: 13px;}

header .navbar .navbar-brand h1{display:none;}
header .navbar-header{    width: 100%;display: flex;align-items: center;}
header .navbar .navbar-brand{flex-grow: 1;}
header .headermenu .navbar-collapse{position: absolute;width: 100%;background: #f3f3f3;left: 0;top: 100%;}
header .headermenu .navbar-default .navbar-nav li{margin:0;}
header .headermenu .navbar-default .navbar-nav li.dropdown ul li a{}
header .headermenu .navbar-default .navbar-nav a{padding: 11px 0px;}
header .navbar-nav .open .dropdown-menu{    background: #fff;}
.topbar ul{justify-content: center;}
.topbarright.text-right{text-align:center;}
.aboutusjjm{padding: 30px 0;}
.aboutusjjm h2{font-size: 22px;line-height: 33px;}
.copyright p{font-size: 13px;}
.aboutusjjmimg{margin-top:20px;}

.jjmrohatpali .unicefsheadbox{height:unset;margin-bottom: 15px;}
.copyright-sec p{text-align:center;}

.activities_head{display:block;}
.activityPlanprogress_main{margin:10px 0 14px;padding:20px 0 0 0;}
.bootstrap-tagsinput .tag.label a{white-space: normal;    color: #fff;}
.bootstrap-tagsinput .tag.label{width: 100%;}
.mid-section.mid-section-new{padding-bottom: 20px;}
.modal-open .modal{padding: 10px;}
#mile695910 .modal-dialog{    width: 100%;}
.active-box #mile695910 .modal-dialog  h2{font-size: 16px;}
#mile695910 .table>thead>tr>th, #mile695910 .table>tbody>tr>td{font-size: 14px;}
.filter-right{    flex-direction: column;gap: 10px;}
.cl-box ul.chlist#tblData>li{min-height:auto !important;}

.sheet_member .name{padding-left:0;}

#frmSheetMembers .btn-submit{    margin-top: 20px;}
.sheet_member{min-height: auto;}
.mid-section {padding-top: 0px;}
.modal.adavancefilter .modal-dialog{width: 90%;}
.headermobile{display:block;}
.desktopmenu{display:none;}
.paddTB.dropdown{padding: 10px 0;}
.mid-section.mid-section-new{margin-top:89px;}
.mid-section.mid-section-new.mid-section-groups{margin-top: 56px;}
.total_records h5{font-size: 11px;}
.btnView ul .advancedfilter{font-size: 12px;margin-top:0px;}
.total_records h6{    font-size: 14px;}
.bottompagination{margin-bottom:0;}
ul.hc-nav li a:link,ul.hc-nav li a:visited{font-size:20px;padding:5px 0}
.breadcrumbmain{margin-bottom: 10px;}
.topiclist{padding: 15px 12px;}
.breadcrumbmain{padding: 5px 0px;}
.form-group label{    font-size: 13px;}
.paddTB.dropdown .dropdown-menu{margin: 0px 0 0;left: -60px;}
/* .membermain ul.chlist li .leftsize{display:block;} */
.membermain ul.chlist#groupUsers li .content02{padding: 0;margin:0px 0 0 10px;}
.membermain ul.chlist li .content02 h3{padding-bottom:0;}
.membermain ul.chlist li .chatIcon {font-size: 13px;float:none;margin-bottom: 7px;}
.chatbox .cmnt-area{padding: 10px 7px;}
.send{height: 32px;width: 32px;font-size: 13px;}
.file_upload_new{top: 0;font-size: 20px;margin-right: 0;}
.chatbox{margin: 0 auto 10px;}

ul.drag-grid li{width:100%;}
.sheetviewdatas .filterright{height: 100%;}

.ekjaladmin-filter ul li{width:48%;display: inline-block;flex:unset;}
.ekjaladmin-filter ul{gap: 10px;flex-wrap: wrap;}
.ekjaladmin-details h3{font-size: 15px;}
.ekjaladmin h4{margin-bottom: 13px;font-size: 14px;}
.ekjaladminbox{margin-bottom: 20px;}
.ekjaladmin-filter label{font-size: 13px;margin-bottom: 6px;}
.ekjaladmin .topiclist{padding-bottom: 0;}
.ekjaladmin h2{font-size: 16px;}

.advancedFiltersModal .filterright{position:unset;width:100%;}
.advancedFiltersModal .filtertop{display:none;}
.advancedFiltersModal .filterright .filterform{max-height: calc(100vh - 150px);}

.d-sm-flex{display:block;}
.filterrightspipe .btn-primary{margin-bottom: 10px;    font-size: 12px;}
.cwrprogresshead{    font-size: 15px;}

.profile-connect{display:block;}
.profile-right{padding-left:0;}
.profile-connect{padding: 0;}
.profile-img img{    border-radius: 50%;max-width: 100%;height: 150px;width: 150px;object-fit: cover;}
.profile-right h5{font-size: 18px;}
.name-text p{font-size: 13px;    padding-bottom: 10px;}
.profile-right{margin-top: 30px;}
.singlerecordview label{    font-size: 14px;}
ul.chlist.fileracksli#tblData > li.singlerecordli{width: 100%;}
.singleheader-right{    font-size: 15px;}
.sheetviewdatas .racklisttophead form{margin-top:10px;}

.grid-view-box ul li{font-size: 13px;}
.grid-view-box ul li span{width: 100%;display: block;float:none;}
.grid-view-box ul {padding: 0 10px;}
.membermain .search-row .input-group-lg .form-control{    height: 42px;}
.membermain .search-row .input-group-lg .input-group-btn .btn{font-size: 14px;}
.membermain ul.chlist li .leftsize .thumb{width: 43px;height: 43px;}
.membermain ul.chlist li .chatIcon{padding-right:0;margin:0 0 0 10px;}
/* .nav-circle{float:none;} */
/* .membermain .active-nav02 .nav-circle span{float:right;} */
.search-row .input-group-lg .input-group-btn .btn{padding: 5px 7px}
.membermain ul.chlist li .content02 h3{white-space: unset;}
.membermain ul.chlist li{padding: 0 0 10px 0;margin-bottom: 10px;}

.analyticsboxtuv .fliter-row .input-group-lg .input-group-btn .btn{width:100%;}
.jjmanalyticswhitework{    padding: 17px 15px;}
.jjmanalyticswhitework h5{    font-size: 14px;}
.jjmanalyticsinbox h6{font-size:13px;}
.jjmanalyticswhiteworkin .villages_box{margin-top:15px;}
.villages_box{margin-top:15px;}
.village_Status .villages_box{margin-top:0;}
.jjmanalyticsinbox{    min-height: 102px;}


.search-row .search-drop ul.chlist li .content02 h3{font-size: 14px;}
.search-row #searchScroll li .add-remove a{font-size: 15px;}

.fileracksassignbox .sheet_member ul.chlist li{width: 100%;}
.fileracksassignbox .sheet_member ul.chlist li ul li table tr td:first-child{padding-right: 20px;position: relative;}
.fileracksassignbox .sheet_member ul.chlist li ul li table{margin:0;}
.fileracksassignbox .sheet_member ul.chlist li ul li .table-responsive{margin-top: 10px;}
.pwd_filters{    flex-wrap: wrap;}
.unicefsheadbox{margin-bottom:10px;    padding: 13px 10px;}
.fliter-row .pwd-filter-btn .input-group-lg .input-group-btn .btn{font-size: 13px;}

.rshna h2{font-size: 16px;line-height: 30px;margin-bottom: 0px;}
.rshna-box{padding: 15px 15px;}
.rshna-box h3{font-size: 14px;margin-bottom: 20px;}
.rshna-inbox ul li{font-size: 13px;}
.rshna-inbox h4{font-size: 13px;}
.rshna .row:first-child{flex-direction: column-reverse;display: flex;}
.rshna-box{margin-top:10px;}
.profile-row{width: 200px;}

.List_view .active-name{font-size: 12px}
#fixTable thead th{vertical-align:top;}

/* .headingmodal{display:block !important;} */

.piecharts .d-flex{display:block;}
.piecharts .piechartsbox{margin-bottom:15px;}

.mid-section.mid-section-new.web-app-main{padding:0;background:#fff;}
.web_app-shape{margin:0 auto;}
.web_app_header{padding: 20px 20px 50px 20px;display:block;}
.webapp_box{padding:0;}
.web_app-body{margin-top:-40px;border-radius: 40px 40px 0 0;background:#fff;}
.web_app-body .btn-primary{width: 100%;padding: 12px 30px;}
.p-sm-0{padding:0;}
.user_details{padding: 20px 0;}
.dashboard_support{background:#D9D9D9;}
.ekjaltab ul li a{font-size: 13px;}
.ekjaltab ul li {margin: 0 8px 10px 0;}
.membermain ul.chlist.notification_all li .leftsize .content02 p{white-space: normal;}
.analyticsbox #frmSearch .d-sm-block label{display:none;}
.date_daily{margin-top:0;}
.unicefanalyhead h2{font-size: 18px;margin: 14px 0 24px;}
.unicefanalyhead ul li a{font-size: 15px;}
.unicefsecondhead .row .col-lg-6:first-child .unicefsheadbox{display: flex;align-items: center;justify-content: space-between;}
.unicefsecondhead .row .col-lg-6:first-child .unicefsheadbox h6{margin: 0;}
.unicefsecondhead .row .col-lg-6:first-child .unicefsheadbox h4{font-size: 17px;}
.unicef-analytics .topiclist {position: relative;}
.unicef-analytics .topiclist .clearbtn{position: absolute;top: -40px;right: 20px;}
.postListing .grid-item{width:100%;}
.histroyMain.d-flex{display:block;}
.histroyBox .profile-row.time h2 {padding:0px!important}
.histroybtmBox .editFiled .histroyLabel{font-size: 12px;}
.histroymid{display:none;}
.histroyBox{padding-left: 10px;position: relative;margin-bottom: 15px;}
.histroyBox:after{position: absolute;height: 10px;width: 10px;border-radius: 50%;
content: '';left: -8px;top: 10px;background: #dbdbdb;}
.editbefore.histroyBox:before{content: '';left: -4px;top: 10px;background: #dbdbdb;height:108%;
width:1px;position: absolute;}
.histroyMain{padding-bottom: 0px;}
.nofileracksbtm{display:block;}
.fileracks-steps{padding:0 0 25px 0; display: flex;}
.steps-text{margin:0px 0px 0px 10px;}
.fileracks-steps:after{left: 15px;height: 100%;width: 2px;}
.steps-text h5{font-size:13px;}
.steps-shape{font-size:12px;}
.nofileracksbtm{margin-bottom:0;}
.collectmodal .btn-primary{font-size:13px;}
.alert.alert-custom .alert-icon p{font-size: 13px;line-height: 23px;}
.modrtionPostImg{height: 300px;}
.postImgbox{height:unset;    margin-bottom: 20px;}
.modrtionPostRightIn{height:unset;}
.modrtionPostModal .modal-body{    height: calc(100vh - 75px);}
.newwidgetbox{margin: 0px auto;}
.widgetsbox h5{font-size: 13px;}
.code-file-box input[type="radio"]+label{font-size:12px;}
.copyurls p{font-size:12.5px;line-height: 22px;}
.copyurls{padding: 15px 15px;}



}


@media (max-width: 575.98px) {
ul.chlist#tblData > li{width:100%;margin:0 0 15px 0;min-height:unset;}
ul.chlist li .content02 h3{padding-bottom:0px;}
.new-groups{display:flex;align-items: center;}
ul.chlist li .new-groups .content02{text-align: left;padding:0 0 8px 0;}
ul.chlist li .new-groups .content02 h3{text-align:left;font-size: 14px;line-height: 22px;padding-right: 23px;white-space:unset;}
/* ul.chlist li .new-groups .content02 h3{text-align:left;font-size: 14px;line-height: 22px;padding-right: 23px;width:calc(100% - 60px);} */
.new-groups-right{margin-left: 20px;flex:1;    }
.grp-action{justify-content: flex-start;}
.action-icon{margin-left:0px;}
ul.chlist li .thumb{width:43px;height:43px;}
.grp-action .share_icon i{    padding: 5px 6px;}
.action-icon i{    padding: 5px 6px;}
.grp-action{    margin-top: 10px;font-size:12px;}
.cl-box ul.chlist#tblData > li{padding: 10px 7px;}
.share_icon{    margin: 0 5px 0 0;}
.action-icon{    margin: 0 5px;}

.newmodal.recordedit .modal-dialog{width: 100%;}
.newmodal .modal-content{    margin: 10px;}
.grppop .modal-dialog{width: 100% !important;}
.user-profile img{    margin-right: 4px;}
.user-profile{font-size: 12px;}
.notification{top: 2px;margin-right: 7px;}
.notification i{font-size: 15px;}
.search-row h4{font-size: 17px;}
.logo-inner a img{    height: 24px;}
.grppop .modal-body{padding: 15px 15px;}
.grppop .grpmodals input{    padding: 8px 17px;}
.bottom-menu ul li a{font-size: 11px;}
.bottom-menu ul li{    padding: 0 16px 0 0;}
.racklist ul.chlist#tblData > li{    min-height: unset;}
.racklist ul.chlist li .content02{padding:9px 0 0px;}
.user_photo{margin-top: 3px;}
.breadcrumb>li{    font-size: 11px;}
.breadcrumb>li+li:before{    padding: 0 2px;}
.bottom-menu ul li:last-child{padding-right:0;}
.drop-notify{right: -10px;width: 230px;}

.modal.adavancefilter .modal-dialog{width:93%;}
.fancybox-overlay .fancybox-wrap {min-width: 320px;}
/* .adavancefilter .modal-body#formBody2{height: calc(100vh - 130px);} */

.backbtn{padding: 7px 10px;font-size: 11px;}
.jjmrohatpali .fliter-row h4{font-size: 16px;    margin: 8px 0 0 0;}
.analyticsbox.jjmrohatpali{    padding: 10px 10px;}

.sheetviewdatas ul.chlist#tblData > li{width:48%;margin: 0 6px 9px 0;}
.singlerecordliheight{display:block;}
.ekjalrightside{margin-left:0;}
.leftimageek{height: 150px;width: 127px;}
.ekjalrightside .row-1{margin-bottom: 20px;}
.singleheader-left{width: 100%;border-bottom: dashed 1px #dad9d9;padding-bottom: 10px;}

.mobile-grp-action{display:block;}
.mobile-grp-action .active-nav02{top:auto;bottom:10px;}
.grp-action{display:none;}
ul.chlist li .new-groups .content02{padding: 0;border: 0;}
.notify-no{width: 25px;height: 25px;font-size: 12px;line-height: 27px;}
.nav-circle span{    background: #a1a1a1cc;}
.mid-section-groups .cl-box ul.chlist#tblData > li{margin: 0;border-bottom: solid 1px #e9edef;}
.mid-section-groups .search-row{padding-bottom: 2px;margin-bottom: 12px;}
.mid-section-groups ul.chlist#tblData > li:hover{box-shadow: none;}
.tagboxtop .nav-tabs>li>a{font-size: 12px;margin-right: 0.5rem;}
.collectposttabing small{margin-left: 2px;padding: 5px 6px;}
.filter-bar .btn i{display:block;}
.filter-bar .btn span{display:none;}
.filter-bar .btn{min-width:auto;padding: 8px 12px;}
.instatext h4{font-size: 13px;}
.collectmodal .nav-tabs>li>a{font-size: 12px;padding: 10px 9px;}
.alert.alert-custom .alert-icon{padding: 0;}
.alert-custom{padding: .45rem !important;}
.video_support_link{margin-left: 5px;}
.video_support_link svg{height: 1.0rem;width: 1.0rem;}
.need_help{margin: 0 0 8px 0;}
.collectmodal .form-control{font-size: 13px;}
.hideforBSearch .checkbox{font-size: 0.8rem;}
.kodago-progdevel h4 {font-size: 16px;margin: 10px 0px 5px 0px;}
.checkbox>span{height: 15px;min-width: 15px;width: 15px;}
.collectmodal .table>tbody>tr>td, 
.collectmodal .table>tbody>tr>th{font-size: 13px;}
.modrtionPostImg{height: 260px;}
.postListing .grid-item{padding:0;}
.modrtionPostModal .owl-nav button{height: 34px;width: 34px;}
.modrtionPostModal .owl-nav button span{font-size: 22px;}
.modrtionPostRightIn{padding: 0;}
.URLboxs {display:block;}
.URLboxsShape {display:none;}
.URLboxs h3{word-break: break-all;font-size: 13px;line-height: 21px;margin-bottom:7px;}
.qrcodecardimg img{width: 80%;}
.widgetcode code{word-break: break-all;}


}




.List_view .table > thead{width: calc(100% - 0.7em);}
.List_view .table > tbody.classToAdd{width: calc(100% - 0.7em);}
.List_view .table > thead > tr{display: flex;}
#fixTable thead th{flex-basis: 100%;flex-grow: 2;display: block;}
#fixTable tbody tr.active-row{display: flex;margin-bottom:0;}
.List_view .table > tbody > tr > td{flex-basis: 100%;flex-grow: 2;position: relative;}
.List_view .table > tbody > tr > td .dropdownmenu{right:0;top:0;}
.List_view .table > tbody > tr > td > .profile-row{position:unset;}
.pb-0{padding-bottom:0 !important;}
.viewImg .modal-dialog{width: 500px !important;}
.chooesSocial{display:none;}
.newhistroy{display:none;}
.live_feeds a.kodago-web{display:none;}
a.readmore{font-size: 11px !important;}

.resizer {
    width: 5px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    cursor: col-resize;
    user-select: none;
  }
  
  .resizing {
    background-color: rgba(0, 0, 0, 0.2);
  }