/*!
 * Start Bootstrap - SQ Admin v1.1.1
 * Copyright 2013-2021 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-sb-admin-2/blob/master/LICENSE)
 */
@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
::-webkit-scrollbar{
    display: none !important;
}
html {
    font-family: 'Hind Siliguri', sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    margin: 0;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    background-color: #fff;
    letter-spacing: 0px;
    color: #101010;
    opacity: 1;

}
.login-bg { background-color: #fff; background-image: url('../img/bg.png');background-repeat: no-repeat; background-size: cover;height: 100vh}
.login-bg-2 { background-color: #fff; background-image: url('../img/bg_2.png');    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;height: 100vh}
.login-card{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #7B7B7B29 !important;
    border-radius: 0px 0px 10px 10px;
    opacity: 0.88;
}
.login-card h1{
    color: #101010;
    text-align: center;
    font: normal normal 600 36px/64px Hind Siliguri;
    letter-spacing: 0px;
    color: #101010;
    opacity: 1;
}

.login-card-2{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 0px #fff !important;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}
.login-card-2 h1{
    color: #101010;
    text-align: center;
    font: normal normal 600 36px/64px Hind Siliguri;
    letter-spacing: 0px;
    color: #101010;
    opacity: 1;
}
form.user .custom-control-label-0{
    font-size: 20px;
    font-weight: 500;
    color: #101010;
}
form.user .label-user{
    text-align: left;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0px;
    color: #888888;
    opacity: 1;
}
form.user .btn-user{
    border: none;
    font-size: 15px !important;
    background: #34A476 0% 0% no-repeat padding-box;
    border-radius: 5px;
}
form.user .btn-user:hover{background-color: #34a476;border: none;}
form.user .btn-user:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff; background-color: #34a476; border-color: #34a476;}
form.user .form-control-user {
    border-radius: 0rem;
    background-color: #f4f5f9;
    border: none;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0px;
    color: #888888;
    opacity: 1;

}
form.user .form{
    border-radius: 0rem;
    background-color: #f4f5f9;
    border: none;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0px;
    color: #888888;
    opacity: 1;
    height: 48px;

}
form.user .custom-checkbox.small label {
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 16px;
    color: #706969;
    opacity: 1;
    line-height: 1.5rem;
}
.sidebar .nav-item .nav-link span {
    font-size: 16px;
    font-weight: 600;
    display: inline;
    letter-spacing: 0px;
    color: #101010;
    opacity: 1;
}
.sidebar .sidebar-card p{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #101010;
    opacity: 1;
}
.custom-link{ line-height: 23px;}
.custom-link a{
    text-align: right;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0px;
    color: #101010;
    opacity: 1;
}
b.nav-left-content{
    font-weight: 600;
    font-size: 26px;
    letter-spacing: 0px;
    color: #101010;
    opacity: 1;
}
.current-date{
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0px;
    color: #101010;
    opacity: 1;
}
span.c-date-data{
    font-size: 13px;
    font-family: 'Noto Sans', sans-serif !important;
    letter-spacing: 0px;
    color: #848484;
    opacity: 1;
}
.btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active, .show > .btn-google.dropdown-toggle {
    color: #fff;
    background-color: #EC4615 !important;
    border-color: #dfdfdf;
}
.btn-google {
    color: #fff;
    background-color: #EC4615;
    border-color: #fff;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e3e6f0;
    text-align: center;
    font-size: 16px;
    color: #101010;
    background-color: #F4F5F9;

}
.policeVerification_heading{
    padding-left: 165px !important;
}
.police_tableData{
    padding-left: 160px !important;
}
.accounting_heading{
    padding-left: 12px !important;
    }
    .accounting_tableData{
        padding-left: 5px !important;
    }
.community_heading{
padding-left: 92px !important;
}
.community_heading_details{
    padding-left: 37px !important;

}
.community_tableData{
    padding-left: 88px !important;
}
.profile_tableData_details{
    padding-left: 40px !important;
}
.noticeAnnouncement_heading{
    padding-left: 55px !important;
}
.noticeAnnouncement_data{
    padding-left: 48px !important;
}
.profile_tableData{
    padding-left: 110px !important;
}
.adminCommunityRegisterHeading{
    padding-left: 58px !important;
}
.adminCommunityRegisterData{
    padding-left: 61px !important;
}

.table-td-w{
    width: 200px;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;

    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e3e6f0;
    border-radius: 10px;
    /* overflow: hidden !important;
    min-height: 753px !important; */
}
.sideNavOverflow{
    max-height: 705px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* .sideNavOverflow::-webkit-scrollbar{

    display: none;
} */
.sideNavOverflow2{
    /* height: 390px; */
    max-height: 310px;
    overflow-y: auto;
    overflow-x: hidden;
}
.sideNavOverflow2::-webkit-scrollbar{
    display: none;
}
.createNoticeCard-scrollbar{
    max-height: 450px;
    overflow-y: auto;
}
.createNoticeCard-scrollbar::-webkit-scrollbar{
    display: none;
}
.userProfileUpdateCard-scrollbar{
    max-height: 433px;
    overflow-y: auto;
}
.userProfileUpdateCard-scrollbar::-webkit-scrollbar{
    display: none;
}
/* .card-scrollbar{
    max-height: 505px ;
    overflow-y: auto;
}
.card-scrollbar::-webkit-scrollbar{
    padding-right: 25px;
} */
.table-scrool{
    width: 100%;
    overflow-x: auto;
}
.communityListCard-scrollbar{
    /* max-height: 345px ; */
    overflow-y: auto;
    max-height: 370px !important;
    /* max-height: 360px ; */
}
.tableResponsive2{
    height: 270px !important;
    overflow-y: auto;
}
.tableResponsive2::-webkit-scrollbar{
    display: none;
    /* padding-right: 25px !important; */
}
/* .communityListCard-scrollbar::-webkit-scrollbar{
    display: none;
} */

/* .card::-webkit-scrollbar{
    width: 0;
} */
.card1{
position: relative !important;
overflow: hidden !important;
min-height: 753px !important;


}
.card1 form{
    position: absolute !important;
    transition: 0.8s !important;

}
/* .card form{
    position: absolute !important;
    transition: 0.8s !important;
} */


#Form2{
    left: 105%;
}
#Form3{
    left: 105%;
}
/* #Form3{
    left: 150%;
} */
.button-center{
    text-align: center;
}
.user_login{
    width: 50%
}

.dashboard-card-text-1{
    font-size: 32px;
    font-family: 'Noto Sans', sans-serif !important;
    letter-spacing: 0px;
    font-weight: 600;
    color: #101010;
    opacity: 1;
}
.dashboard-card-text-2{
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;
    color: #848484;
    opacity: 1;
}
.table tbody tr td {
    padding: 15px;
    vertical-align: top;
    border-top: 1px solid #e3e6f0;
    background-color: #f8f8f8;
    text-align: center;
    font-family: 'Noto Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0px;
    color: #6D6B6B;
    opacity: 1;
}
/* .max-height{
    min-height: 490px;
} */
.left-sidebar-botton-up p:first-child{
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0px;
    color: #101010;
    opacity: 1;
}
.fa-fw{
    color: #000;
}
.fa-chevron-down{
    font-size: 11px;
    padding-left: 5px;
}
.sidebar-dark .nav-item .nav-link[data-toggle="collapse"]::after {
     color: #fff !important;
}
.c-user{
    font-size: 20px;
    color: #EC4615;
}
.left-sidebar-botton-up p:last-child{
    font-family: 'Noto Sans', sans-serif;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 13px;
    color: #6D6B6B;
    opacity: 1;
}
.table-left-text strong{
    font-weight: 600;
    font-size: 26px;
    letter-spacing: 0px;
    color: #101010;
    opacity: 1;
}
.custom-link a{color: rgba(20, 20, 20, 0.92);font-size: .9rem; font-weight: 500;}
.custom-control-label{ font-size: .9rem;}
.label-user{    line-height: 28px; margin-bottom: 0px;    font-size: 0.9rem;}
.d-flex-c{display: flex}
.logo{width: 190px}
.sidebar-dark .nav-item.active .nav-link { color: #3f3d56 }
.sidebar-dark .nav-item .nav-link {color: #3f3d56}
.sidebar-dark .nav-item .nav-link:active, .sidebar-dark .nav-item .nav-link:focus, .sidebar-dark .nav-item .nav-link:hover {
    color: #3f3d56
}
.sidebar-dark .nav-item .nav-link[data-toggle="collapse"]::after {
    color: rgb(42 42 42);
}
.bg-custom{
    background-color: #f4f5f9;
    opacity: 0.86;
}
#wrapper #content-wrapper {background-color: #f4f5f9;}
.sidebar .sidebar-card{    background-color: #ffe8e2;}
.sidebar-dark .nav-item.active .nav-link i {
    color: #37a678;
}
.sidebar-dark .nav-item .nav-link i {
    color: rgb(52 164 118);
}
.sidebar-dark .nav-item .nav-link:active i, .sidebar-dark .nav-item .nav-link:focus i, .sidebar-dark .nav-item .nav-link:hover i {
    color: rgb(52 164 118);
}
.text-align-end{text-align: end;}
.sq-btn{
    background-color: #34a476;
    border: none;
    padding: 5px 9px;
    border-radius: 5px;color: #fff;
    font-size: 14px;
}
.copyright span{
    font-size: 14px;
    color: #a4a4a4;
}
@media (max-width: 575px) { .d-flex-c{display: block}}

/*User Custom Radio btn css*/
input[type="radio"] {
    /* remove standard background appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* create custom radiobutton appearance */
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 2px;
    /* background-color only for content */
    background-clip: content-box;
    border: 1px solid #303030;
    background-color: #e7e6e7;
    border-radius: 50%;
}
input[type="file"] {
    display: none;
}
.custom-file-upload {
    line-height: 32px;
    border: 0px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background-color: #f4f5f9;
    position: absolute;
    bottom: -22px;
    width: 98%;
    left: 10px;
    height: 45px;
    font-size: 12px;
    padding-left: 20px;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked {
    background-color: #ec4615;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover, .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
    background-color: #eaecf4;
    border-left: 2px solid #ee5c31;
    color: #ee5c31;
}
/* .sidebar .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
    background-color: #eaecf4;

} */
/*display: inline;*/
.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item{
    padding: 0.5rem 1rem;
    margin: 0.2rem 0.5rem;
    display: block;
    font-size: 16px;
    font-weight: 600;

    text-align: left;
    letter-spacing: 0px;
    color: #101010;

    opacity: 1;
    text-decoration: none;
    border-radius: 0rem;
    white-space: nowrap;

}
/*  */
/* ul li a.active{
    background-color: aqua !important;
} */
/*  */
.neighborInputColor{
    background-color: #e9e9eb;
}
.dashboard-input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 30%;
}
.sidebar-dark #sidebarToggle {
    background-color: rgb(236 70 21);
}
.sidebar-dark #sidebarToggle:hover {
    background-color: rgb(236 70 21);
}
/* .nav-item .nav-link img span:hover{
    background-color: #fd7e14;
} */
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.35rem;
    justify-content: flex-end;
}
.previousPageLink{
    background-color: #ec4615 !important;
    color: #ffffff !important;

  }
.page-link:hover{
    z-index: 2;
    color: #ffffff;
    text-decoration: none;
    background-color: #ec4615;
    border-color: #dddfeb;
}
.page-link:focus {
    z-index: 3;
    outline: 0;
    color: #ffffff;
    text-decoration: none;
    background-color: #ec4615;
    border-color: #dddfeb;
    box-shadow: 0 0 0 0rem rgb(78 115 223 / 25%);
}
.page-link{color: #7f7f7f}
.hr-citizen-table thead{background-color: #f4f5f9;font-weight: bold;color: black;    font-size: 14px;}
.hr-citizen-table tbody td:nth-child(1) a{text-decoration: underline;color: #ec4615;}

.sidebar-card-illustration{
    position: absolute;
    top: -25px;
}
.open-btn{
    border: 1px solid #96deea;
    background-color: #cef8ff;
    padding: 3px 24px;
    color: #27c0d9;
    text-transform: capitalize;
    font-size: 12px;
}
.close-btn{
    border: 1px solid #44ac81;
    background-color: #c8ecdd;
    padding: 3px 20px;
    color: #4db087;
    text-transform: capitalize;
    font-size: 12px;
}
.pending-btn{
    border: 1px solid #ed5427;
    background-color: #f8d7ce;
    color: #ef6a43;
    padding: 3px 17px;
    text-transform: capitalize;
    font-size: 12px;
}


.citizen-form-label{
    letter-spacing: 0px;
    color: #101010;
    font-weight: 600;
    opacity: 1;
}
.c-label-radio{
    color: #101010 !important;
    font-weight: 600 !important;
}
.color{
    color: #7A7979
}
.btn-bg{
    background-color: #D9D9D9 !important;
    border-color: #D9D9D9 !important;
}
.citizen-form-label-2 {
    color: #aaaaaa;
    font-size: 15px;
}
.v-line{
    color: #ec4615;
}
.bg-2{
    background-color: #f4f5f9;
    border-radius: 5px;
}

h3 {
    color: #101010;
    font-weight: 600;

}
h4{
    color: #101010;
    font-size: 20px;
    font-weight: 500;
}
.rounded-circle-2{
    border-radius: 50%;
    background-color: #ec4615;
    height: 30px;
    width: 30px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.custom-back-btn{
    color: #ec4615;
    background-color: #ffffff;
    border-color: #ec4615;
}
.star-icon{
    color: #ec4615;
}
.custom-select{
    background-color: #f4f5f9;
    border: none;
    height: 49px;
    border-radius: 0px;
    font-size: 12px;
}
.c-bg{
    background-color: #f4f5f9;
    font-size: 12px;
    border: none;
}
.datepicker-days{
    padding: 15px;
}
.datepicker-months{
    padding: 15px;
}
.datepicker td, .datepicker th{padding: 5px 10px !important;}
.icon-position{
    position: absolute;
    right: 18px;
    bottom: 15px;
    color: #ec4615;
}
.icon-position-2{
    position: absolute;
    left: 17px;
    bottom: 4px;
    color: #ec4615;
    font-size: 12px;
}
.icon-position-4{
    position: absolute;
    bottom: 14px;
    font-size: 12px;
    color: #ec4615;
    left: 6px;
}

a.view-btn{
    position: absolute;
    right: 10px;
    bottom: 0px;
    color: #ec4615;
    text-decoration: none;
    font-size: 14px;
}
.parent-box{
    overflow-y: auto;
    height: 400px;
}
.parent-box::-webkit-scrollbar{
display: none;
}
.falguniCommunity {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #bdbfc8;
    line-height: 0.1em;
    /* margin: 10px 0 20px;  */

 }

 .falguniCommunity span {
     color:#fd7e14;
     padding:0 10px;
     background-color: #f4f4f5;
 }
 /* .sideNavHover:hover{
     color: #e74a3b;
 } */
/* user personal info progress bar work */
/* .container .progress-bar{

    display: flex;

    flex-direction: row;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;

    transition: width 0.6s ease;


  }

  .container .progress-bar .step{
    text-align: center;
    width: 16%;
    position: relative;

  }
  .container .progress-bar .step p{
    font-weight: 500;
    font-size: 18px;
    color: #000;
    margin-bottom: 8px;

  }
  .progress-bar .step .bullet{
    height: 25px;
    width: 25px;
    border: 4px solid #f4f5f9;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    transition: 0.2s;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    background: #f4f5f9;

  }
  .progress-bar .step .first-bullet{
    background: #ec4615;
    border: 4px  solid #ec4615
  }
  .progress-bar .step .bullet.active{
    border-color: #e74a3b;
    background: #e74a3b;
  }
  .progress-bar .step .bullet span{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .progress-bar .step .bullet.active span{
    display: none;
  }
  .progress-bar .step .bullet:before,
  .progress-bar .step .bullet:after{
    position: absolute;
    content: '';

    bottom: 5px;
    right: -128px;
    height: 5px;
    width: 124px;
    background: #f4f5f9;
  }
  .progress-bar .step .bullet.active:after{
    background: #e74a3b;
    transform: scaleX(0);
    transform-origin: left;
    animation: animate 0.3s linear forwards;
  }
  .progress-bar .step:last-child .bullet:before,
.progress-bar .step:last-child .bullet:after{
  display: none;
}
.progress-bar .step p.active{
  color: #e74a3b;
  transition: 0.2s linear;
}
.progress-bar .step .check{
  position: absolute;
  left: 50%;
  top: 70%;
  font-size: 15px;
  transform: translate(-50%, -50%);
  display: none;
}
.progress-bar .step .check.active{
  display: block;
  color: #fff;
} */
/*user personal info progress bar work  end */

/* admin community resigtration progress bar start*/
.admin-community-progress-bar{
    /* display: flex;
    margin: 40px 0;
    user-select: none; */
    display: flex;
    /* flex-direction: column; */
    flex-direction: row;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    /* background-color: #4e73df; */
    transition: width 0.6s ease;


  }
  /* whole progress bar and line edit */
  .admin-community-progress-bar .step{
    text-align: center;
    width: 14%;
    position: relative;

  }
  .admin-community-progress-bar .step p{
    font-weight: 600;
    font-size: 15px;
    color: #000;
    margin-bottom: 8px;

  }
  .admin-community-progress-bar .step .bullet{
    height: 25px;
    width: 25px;
    border: 4px solid #f4f5f9;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    transition: 0.2s;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    background: #f4f5f9;

  }
  .admin-community-progress-bar .step .first-bullet{
    background: #ec4615;
    border: 4px  solid #ec4615
  }
  .admin-community-progress-bar .step .bullet.active{
    border-color: #e74a3b;
    background: #e74a3b;
  }
  .admin-community-progress-bar .step .bullet span{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .admin-community-progress-bar .step .bullet.active span{
    display: none;
  }
  .admin-community-progress-bar .step .bullet:before,
  .admin-community-progress-bar .step .bullet:after{
    position: absolute;
    content: '';
    /* bottom: 9px;
    right: -px; */
    bottom: 5px;
    right: -128px;
    height: 5px;
    width: 124px;
    background: #f4f5f9;
  }
  .admin-community-progress-bar .step .bullet.active:after{
    background: #e74a3b;
    transform: scaleX(0);
    transform-origin: left;
    animation: animate 0.3s linear forwards;
  }
  .admin-community-progress-bar .step:last-child .bullet:before,
.admin-community-progress-bar .step:last-child .bullet:after{
  display: none;
}
.admin-community-progress-bar .step p.active{
  color: #e74a3b;
  transition: 0.2s linear;
}
.admin-community-progress-bar .step .check{
  position: absolute;
  left: 50%;
  top: 70%;
  font-size: 15px;
  transform: translate(-50%, -50%);
  display: none;
}
.admin-community-progress-bar .step .check.active{
  display: block;
  color: #fff;
}
/* admin community resigtration progress bar end*/

/* width */
.parent-box::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.parent-box::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.parent-box::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.parent-box::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* modal radio button functionality start */
/* #everyMonth:checked ~ .everyMonth{
    display: block !important;
}  */
/* end */
/*---Tailwind CSS modify-*/
.w-9\/12 { width: 83.333333%;}
.w-3\/12{width: 16.666667%;}

.w-1\/6{ width: 11.666667%;}
.w-5\/6{ width: 87.333333%;}

.w-1\/6-2{ width: 6.666667%;}
.w-5\/6-2{ width: 89.333333%;}

/*-----Media CSS----*/
/* @media (max-width: 1200px) {

} */



@media (min-width: 768px) and (max-width: 990px){
    .container .progress-bar .step{
        width: 26%;
    }

    .back-forward-button{
        margin-top: 365px !important;
    }

        .backContinue_button2{
            margin-top: 120px !important;
        }
        .continue-button2{
            margin-right: 50px !important;
        }
    /* .newMemberButton{
        margin-right: 100px !important;
    } */
    .newMemberButton{
        margin-left: 19px !important;
    }
}
@media (max-width: 990px) {

    .continue-button{
        margin-top: -36px;
    }
    .save-button{
        margin-top: -36px;
    }
    .police-card-button{
            margin-top: -66px !important;
    }
    .user-profile-save-button{
        margin-top: -80px !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .p-bar .step{
        width: 38% !important;

    }

    .back-forward-button{
        margin-top: 320px !important;
    }
    .p-bar .step .bullet:before, .p-bar .step .bullet:after{
        /* right: -85px !important;
        width: 80px !important; */
        width: 123px !important;
        right: -127px !important;
    }
}
@media (min-width: 548px) and (max-width: 575px) {
    .container .progress-bar .step{
        width: 25%;

    }
    .admin-community-progress-bar .step{
        width: 30%;

    }
    .progress-bar .step p {
        /* font-weight: 500; */
        font-size: 12px;

    }
    .admin-community-progress-bar .step p {

        font-size: 13px;

    }
    .p-bar .step .bullet:before, .p-bar .step .bullet:after{
        /* right: -85px !important;
        width: 80px !important; */
        width: 84px !important;
        right: -88px !important;
    }
    .back-forward-button{
        margin-top: 320px !important;
    }

}
@media (min-width: 485px) and (max-width: 547px) {
    .progress-bar .step .bullet{
        width: 20px;
    }

    .container .progress-bar .step{
        width: 29%;

    }
    .admin-community-progress-bar .step{
        width: 32%;

    }
    .container .progress-bar .step p {
        font-weight: 500;
        font-size: 12px;

    }
    .admin-community-progress-bar .step p {

        font-size: 12px;

    }
    .back-forward-button{
        margin-top: 320px !important;
    }
    .p-bar .step .bullet:before, .p-bar .step .bullet:after{
        right: -78px !important;
        width: 74px !important;
    }

}
@media (min-width: 420px) and (max-width: 484px) {
    .progress-bar .step .bullet{
        width: 20px;

    }

    .container .progress-bar .step{
        width: 29%;

    }
    .admin-community-progress-bar .step{
        /* width: 31%;   */
        width: 38%;
    }
    .container .progress-bar .step p {
        font-weight: 500;
        font-size: 12px;

    }
    .admin-community-progress-bar .step p {

        font-size: 12px;

    }

    .p-bar .step .bullet:before, .p-bar .step .bullet:after{
        right: -70px !important;
        width: 66px !important;
    }
    .admin-community-progress-bar .step .bullet:before, .admin-community-progress-bar .step .bullet:after{
        right: -103px;
        width: 98px;
    }
    .back-forward-button{
        margin-top: 320px !important;
    }

}
@media (min-width: 300px) and (max-width: 419px){
    .progress-bar .step .bullet{
        width: 20px;

    }

    .container .progress-bar .step{
        width: 29%;

    }
    .admin-community-progress-bar .step{
        width: 87px ;

    }
    .p-bar .step p {

        font-size: 8px !important;

    }


    .p-bar .step .bullet:before, .p-bar .step .bullet:after{
        right: -62px !important;
        width: 58px !important;
    }
    .admin-community-progress-bar .step .bullet:before, .admin-community-progress-bar .step .bullet:after{
        right: -83px;
        width: 80px;
        /* right: -49px;
    width: 45px; */
    }
    .p-bar .step .bullet:before, .admin-community-progress-bar .step .bullet:after{
        right: -60px !important;
        width: 56px !important;
    }
    .back-forward-button{
        margin-top: 320px !important;
    }

    .admin-community-progress-bar .step .bullet:before, .admin-community-progress-bar .step .bullet:after{
        right: -72px;
        width: 68px;
    }
    .admin-community-progress-bar .step p {

        font-size: 10px;

    }
    .admin-community-progress-bar .step .bullet {
        height: 22px;
        width: 19px;

    }

}


@media (max-width: 992px) {
    .login-bg-2{
        background-image: none;
    }
}
@media (max-width: 299px){
    .admin-community-progress-bar .step .bullet:before, .admin-community-progress-bar .step .bullet:after{
        right: -48px;
        width: 44px;
    }
    .admin-community-progress-bar .step p {

        font-size: 8px;

    }
    .admin-community-progress-bar .step{
        width: 34%;

    }
    .p-bar .step .bullet {
        height: 22px !important;
        width: 16px !important;
    }
    .p-bar .step p {
        font-size: 6px !important;
    }
    .p-bar .step .bullet:before, .p-bar .step .bullet:after{
        right: -36px !important;
        width: 32px !important;
    }
}




@media (min-width: 1246px) {
    .save-button{
        margin-left: 600px !important;
        margin-top: -20px !important;
    }
}
@media (min-width: 1219px){
    .backContinue_button2{
        margin-top: 380px;
    }
}
@media (min-width: 1157px){
    .backContinue_button2{
        margin-top: 288px;
    }

}
@media (min-width: 1151px){
    .backContinue_button2{
        margin-top: 288px;
    }
   #Next2{
       /* margin-right: 10px; */
       margin-right: 2px !important;
   }
}


@media (min-width: 572px){
    .admin-community-progress-bar .step{
        width: 148px;
    }
    .admin-community-progress-bar .step .bullet:before, .admin-community-progress-bar .step .bullet:after{
        width: 123px;
        right: -127px;
    }

}

@media (min-width: 1400px){
    .adminCommunityRegistrationTable{
        width: 1150px !important;
    }
    .newMemberButton{
        margin-left: 40px !important;
    }
    .continue-button2{
        margin-right: 48px !important;
    }
    .adminCommunityRegisterData{
        font-size: 14px!important;
    }
    .adminCommunityRegisterHeading{
        font-size: 13px!important;
    }
}
/* @media (min-width: 1371px){
    .adminCommunityRegistrationTable{
        width: 1067px !important;
    }
} */
@media (min-width: 1369px){
    /* .adminCommunityRegistrationTable{
        width: 1114px !important;

    }
    .newMemberButton{
        margin-right: 48px !important;
        margin-left: -50px !important;
    }
    .continue-button2{
        margin-right: 48px !important;
    }
    .table-scrool{
        width: 1073px;
        overflow-x: auto;
      } */
}

@media only screen and (min-width: 1800px) and (max-width: 1999px){
    .card-scrollbar{
        height: 83vh !important;
        overflow-y: auto !important;
        }
        .card-scrollbar::-webkit-scrollbar{
        display: none !important;
        }
        .noticeOrView-scrollbar{
            height: 78vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .noticeOrView-scrollbar2{
            height: 81vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar2::-webkit-scrollbar{
            display: none !important;
        }
        .noticeAnnouncement-scrollbar{
            height: 70vh !important;
            overflow-y: auto !important;
        }
        .noticeAnnouncement-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .userRole4{
            margin-top: 100% !important;
        }
        .userRole5{
            margin-top: 220px !important;
        }
        .communityList-scrollbar{
            height: 70vh !important;
            overflow-y: auto !important;
        }
        .communityList-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .backContinueBtn1{
            margin-top: 57px;
        }
        .backContinueBtn2{
            margin-top: 31%;
        }
        .backContinueBtn3{

            margin-top: 30%;

        }
        .userRole{
            margin-top: 110%;
        }

        .noticeForCommunityMember-scrollbar{

            height: 83vh !important;
            overflow-y: auto !important;
        }
        .noticeForCommunityMember-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        /* .submitButton{
            margin-top: -60px !important;
        } */
        .userProfileupdate-scrollbar{
            height: 79vh !important;
            overflow-y: auto !important;
        }
        .userProfileupdate-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .userRole3{
            margin-top: 46% !important;
        }
        .userRole2{
            margin-top: 108% !important;
        }

        .sideNavOverflow2{
            /* height: 390px; */
            max-height: 450px;
            overflow-y: auto;
            overflow-x: hidden;
        }
        .sideNavOverflow2::-webkit-scrollbar{
            display: none;
        }
        .neighbor-scrollbar{
            height: 87vh !important;
            overflow-y: auto !important;
        }
        .neighbor-scrollbar::-webkit-scrollbar{
            display: none;
        }
       .noticeImage{
           width: 100% !important;
       }

}
@media only screen and (min-width: 1600px) and (max-width: 1799px){
    .card-scrollbar{
        height: 83vh !important;
        overflow-y: auto !important;
        }
        .card-scrollbar::-webkit-scrollbar{
        display: none !important;
        }
        .noticeOrView-scrollbar{
            height: 78vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .noticeOrView-scrollbar2{
            height: 81vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar2::-webkit-scrollbar{
            display: none !important;
        }
        .noticeAnnouncement-scrollbar{
            height: 70vh !important;
            overflow-y: auto !important;
        }
        .noticeAnnouncement-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .userRole4{
            margin-top: 100% !important;
        }
        .userRole5{
            margin-top: 220px !important;
        }
        .communityList-scrollbar{
            height: 70vh !important;
            overflow-y: auto !important;
        }
        .communityList-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .backContinueBtn1{
            margin-top: 70px;
        }
        .backContinueBtn2{
            margin-top: 32%;
        }
        .backContinueBtn3{

            margin-top: 31%;

        }
        .userRole{
            margin-top: 122%;
        }
        .noticeForCommunityMember-scrollbar{
            height: 83vh !important;
            overflow-y: auto !important;
        }
        .noticeForCommunityMember-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        /* .submitButton{
            margin-top: -60px !important;
        } */
        .userRole2{
            margin-top: 108% !important;
        }
        .userProfileupdate-scrollbar{
            height: 79vh !important;
            overflow-y: auto !important;
        }
        .userProfileupdate-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .userRole3{
            margin-top: 46% !important;
        }
        .sideNavOverflow2{
            /* height: 390px; */
            max-height: 450px;
            overflow-y: auto;
            overflow-x: hidden;
        }
        .sideNavOverflow2::-webkit-scrollbar{
            display: none;
        }
        .neighbor-scrollbar{
            height: 87vh !important;
            overflow-y: auto !important;
        }
        .neighbor-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .noticeImage{
            width: 100% !important;
        }

}
@media only screen and (min-width: 1400px) and (max-width: 1599px){
    .card-scrollbar{
        height: 83vh !important;
        overflow-y: auto !important;
        }
        .card-scrollbar::-webkit-scrollbar{
        display: none !important;
        }
        .noticeOrView-scrollbar{
            height: 78vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .noticeOrView-scrollbar2{
            height: 81vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar2::-webkit-scrollbar{
            display: none !important;
        }
        .noticeAnnouncement-scrollbar{
            height: 70vh !important;
            overflow-y: auto !important;
        }
        .noticeAnnouncement-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .userRole4{
            margin-top: 100% !important;
        }
        .userRole5{
            margin-top: 220px !important;
        }
        .communityList-scrollbar{
            height: 70vh !important;
            overflow-y: auto !important;
        }
        .communityList-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .backContinueBtn1{
            margin-top: 70px;
        }
        .backContinueBtn2{
            margin-top: 37%;
        }
        .backContinueBtn3{

            margin-top: 36%;

        }
        .userRole{
            margin-top: 122%;
        }
        .noticeForCommunityMember-scrollbar{
            height: 83vh !important;
            overflow-y: auto !important;
        }
        .noticeForCommunityMember-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        /* .submitButton{
            margin-top: -60px !important;
        } */
        .neighbor-scrollbar{
            height: 87vh !important;
            overflow-y: auto !important;
        }
        .neighbor-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .userRole2{
            margin-top: 108% !important;
        }
        .sideNavOverflow2{
            /* height: 390px; */
            max-height: 450px;
            overflow-y: auto;
            overflow-x: hidden;
        }
        .sideNavOverflow2::-webkit-scrollbar{
            display: none;
        }
        .userProfileupdate-scrollbar{
            height: 79vh !important;
            overflow-y: auto !important;
        }
        .userProfileupdate-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .userRole3{
            margin-top: 46% !important;
        }
        .noticeImage{
            width: 100% !important;
        }

}
@media only screen and (min-width: 1241px)  and (max-width: 1399px){
    .card-scrollbar{
        height: 83vh !important;
        overflow-y: auto !important;
        }
        .card-scrollbar::-webkit-scrollbar{
        display: none !important;
        }
        .noticeOrView-scrollbar{
            height: 78vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .noticeOrView-scrollbar2{
            height: 81vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar2::-webkit-scrollbar{
            display: none !important;
        }
        .noticeAnnouncement-scrollbar{
            height: 67vh !important;
            overflow-y: auto !important;
        }
        .noticeAnnouncement-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .userRole4{
            margin-top: 100% !important;
        }
        .userRole5{
            margin-top: 220px !important;
        }
        .communityList-scrollbar{
            height: 67vh !important;
            overflow-y: auto !important;
        }
        .communityList-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .backContinueBtn1{
            margin-top: 70px;
        }
        .backContinueBtn2{
            margin-top: 44%;
        }
        .backContinueBtn3{

            margin-top: 49%;

        }
        .userRole{
            margin-top: 122%;
        }
        .noticeForCommunityMember-scrollbar{
            height: 83vh !important;
            overflow-y: auto !important;
        }
        .noticeForCommunityMember-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        /* .submitButton{
            margin-top: -60px !important;
        } */
        .userRole2{
            margin-top: 108% !important;
        }
        .sideNavOverflow2{
            /* height: 390px; */
            max-height: 450px;
            overflow-y: auto;
            overflow-x: hidden;
        }
        .sideNavOverflow2::-webkit-scrollbar{
            display: none;
        }
        .neighbor-scrollbar{
            height: 87vh !important;
            overflow-y: auto !important;
        }
        .neighbor-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .userProfileupdate-scrollbar{
            height: 79vh !important;
            overflow-y: auto !important;
        }
        .userProfileupdate-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .userRole3{
            margin-top: 46% !important;
        }
        .noticeImage{
            width: 100% !important;
        }

}
@media only screen and (min-width:1200px) and (max-width:1240px){
    .card-scrollbar{
        height: 83vh !important;
        overflow-y: auto !important;
        }
        .card-scrollbar::-webkit-scrollbar{
        display: none !important;
        }
        .noticeOrView-scrollbar{
            height: 78vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .noticeOrView-scrollbar2{
            height: 81vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar2::-webkit-scrollbar{
            display: none !important;
        }
        .noticeAnnouncement-scrollbar{
            height: 67vh !important;
            overflow-y: auto !important;
        }
        .noticeAnnouncement-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .userRole4{
            margin-top: 100% !important;
        }
        .userRole5{
            margin-top: 220px !important;
        }
        .communityList-scrollbar{
            height: 67vh !important;
            overflow-y: auto !important;
        }
        .communityList-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .backContinueBtn1{
            margin-top: 70px;
        }
        .backContinueBtn2{
            margin-top: 47%;
        }
        .backContinueBtn3{

            margin-top: 51%;

        }
        .userRole{
            margin-top: 118%;
        }
    /* .sideNavOverflow{
        max-height: 350px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .sideNavOverflow::-webkit-scrollbar{

        display: none;
    }  */
    .noticeForCommunityMember-scrollbar{
        height: 83vh !important;
        overflow-y: auto !important;
    }
    .noticeForCommunityMember-scrollbar::-webkit-scrollbar{
        display: none !important;
    }
    /* .submitButton{
        margin-top: -60px !important;
    } */
    .userRole2{
        margin-top: 108% !important;
    }
    .sideNavOverflow2{
        /* height: 390px; */
        max-height: 450px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .sideNavOverflow2::-webkit-scrollbar{
        display: none;
    }
    .neighbor-scrollbar{
        height: 87vh !important;
        overflow-y: auto !important;
    }
    .neighbor-scrollbar::-webkit-scrollbar{
        display: none;
    }
    .tableResponsive2{
        max-height: 250px !important;
        overflow-y: auto;
    }
    .tableResponsive2::-webkit-scrollbar{
        display: none;
    }
    .createNoticeCard-scrollbar{
        max-height: 450px;
        overflow-y: auto;
    }
    .createNoticeCard-scrollbar::-webkit-scrollbar{
        display: none;
    }
    .communityListCard-scrollbar{
        /* max-height: 345px ; */
        overflow-y: auto;
        max-height: 370px !important;
        /* max-height: 360px ; */
    }
    .userProfileupdate-scrollbar{
        height: 79vh !important;
        overflow-y: auto !important;
    }
    .userProfileupdate-scrollbar::-webkit-scrollbar{
        display: none;
    }
    .userRole3{
        margin-top: 46% !important;
    }
    .tableResponsive2{
        max-height: 270px !important;
        overflow-y: auto;
    }
    .tableResponsive2::-webkit-scrollbar{
        display: none;
        /* padding-right: 25px !important; */
    }
    .userProfileUpdateCard-scrollbar{
        max-height: 433px;
        overflow-y: auto;
    }
    .userProfileUpdateCard-scrollbar::-webkit-scrollbar{
        display: none;
    }

    .back-forward-button{
        margin-top: 100px !important;
    }
    .noticeImage{
        width: 100% !important;
    }

}
@media only screen and (min-width: 1123px) and (max-width: 1199px){
    .card-scrollbar{
        height: 83vh !important;
        overflow-y: auto !important;
        }
        .card-scrollbar::-webkit-scrollbar{
        display: none !important;
        }
        .noticeOrView-scrollbar{
            height: 78vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .noticeOrView-scrollbar2{
            height: 81vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar2::-webkit-scrollbar{
            display: none !important;
        }
        .noticeAnnouncement-scrollbar{
            height: 53vh !important;
            overflow-y: auto !important;
        }
        .noticeAnnouncement-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .userRole4{
            margin-top: 200px !important;
        }
        .userRole5{
            margin-top: 220px !important;
        }
        .communityList-scrollbar{
            height: 53vh !important;
            overflow-y: auto !important;
        }
        .communityList-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .backContinueBtn1{
            margin-top: 70px;
        }
        .backContinueBtn2{
            margin-top: 47%;
        }
        .backContinueBtn3{

            margin-top: 52%;

        }
        .userRole{
            margin-top: 118%;
        }
        .noticeForCommunityMember-scrollbar{
            height: 83vh !important;
            overflow-y: auto !important;
        }
        .noticeForCommunityMember-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        /* .submitButton{
            margin-top: -60px !important;
        } */
        .userRole2{
            margin-top: 108% !important;
        }
        .sideNavOverflow2{
            /* height: 390px; */
            max-height: 450px;
            overflow-y: auto;
            overflow-x: hidden;
        }
        .sideNavOverflow2::-webkit-scrollbar{
            display: none;
        }
        .neighbor-scrollbar{
            height: 87vh !important;
            overflow-y: auto !important;
        }
        .neighbor-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .userProfileupdate-scrollbar{
            height: 79vh !important;
            overflow-y: auto !important;
        }
        .userProfileupdate-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .userRole3{
            margin-top: 46% !important;
        }
        .noticeImage{
            width: 100% !important;
        }

}
@media only screen and (min-width: 1088px) and (max-width: 1122px){
    .card-scrollbar{
        height: 83vh !important;
        overflow-y: auto !important;
        }
        .card-scrollbar::-webkit-scrollbar{
        display: none !important;
        }
        .noticeOrView-scrollbar{
            height: 78vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .noticeOrView-scrollbar2{
            height: 81vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar2::-webkit-scrollbar{
            display: none !important;
        }
        .noticeAnnouncement-scrollbar{
            height: 53vh !important;
            overflow-y: auto !important;
        }
        .noticeAnnouncement-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .userRole4{
            margin-top: 100% !important;
        }
        .userRole5{
            margin-top: 220px !important;
        }
        .communityList-scrollbar{
            height: 53vh !important;
            overflow-y: auto !important;
        }
        .communityList-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .backContinueBtn1{
            margin-top: 70px;
        }
        .backContinueBtn2{
            margin-top: 52%;
        }
        .backContinueBtn3{

            margin-top: 58%;

        }
        .userRole{
            margin-top: 118%;
        }
        .noticeForCommunityMember-scrollbar{
            height: 83vh !important;
            overflow-y: auto !important;
        }
        .noticeForCommunityMember-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        /* .submitButton{
            margin-top: -60px !important;
        } */
        .userRole2{
            margin-top: 108% !important;
        }
        .sideNavOverflow2{
            /* height: 390px; */
            max-height: 450px;
            overflow-y: auto;
            overflow-x: hidden;
        }
        .sideNavOverflow2::-webkit-scrollbar{
            display: none;
        }
        .neighbor-scrollbar{
            height: 87vh !important;
            overflow-y: auto !important;
        }
        .neighbor-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .userProfileupdate-scrollbar{
            height: 79vh !important;
            overflow-y: auto !important;
        }
        .userProfileupdate-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .userRole3{
            margin-top: 46% !important;
        }
        .noticeImage{
            width: 100% !important;
        }

}
@media only screen and (min-width: 1040px) and (max-width: 1087px){
    .card-scrollbar{
        height: 83vh !important;
        overflow-y: auto !important;
        }
        .card-scrollbar::-webkit-scrollbar{
        display: none !important;
        }
        .noticeOrView-scrollbar{
            height: 78vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .noticeOrView-scrollbar2{
            height: 81vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar2::-webkit-scrollbar{
            display: none !important;
        }
        .noticeAnnouncement-scrollbar{
            height: 53vh !important;
            overflow-y: auto !important;
        }
        .noticeAnnouncement-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .userRole4{
            margin-top: 100% !important;
        }
        .userRole5{
            margin-top: 220px !important;
        }
        .communityList-scrollbar{
            height: 53vh !important;
            overflow-y: auto !important;
        }
        .communityList-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .backContinueBtn1{
            margin-top: 70px;
        }
        .backContinueBtn2{
            margin-top: 56%;
        }
        .backContinueBtn3{

            margin-top: 61%;

        }
        .userRole{
            margin-top: 118%;
        }
        .noticeForCommunityMember-scrollbar{
            height: 83vh !important;
            overflow-y: auto !important;
        }
        .noticeForCommunityMember-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        /* .submitButton{
            margin-top: -60px !important;
        } */
        .userRole2{
            margin-top: 108% !important;
        }
        .sideNavOverflow2{
            /* height: 390px; */
            max-height: 450px;
            overflow-y: auto;
            overflow-x: hidden;
        }
        .sideNavOverflow2::-webkit-scrollbar{
            display: none;
        }
        .neighbor-scrollbar{
            height: 87vh !important;
            overflow-y: auto !important;
        }
        .neighbor-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .userProfileupdate-scrollbar{
            height: 79vh !important;
            overflow-y: auto !important;
        }
        .userProfileupdate-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .userRole3{
            margin-top: 46% !important;
        }
        .noticeImage{
            width: 100% !important;
        }

}
@media only screen and (min-width: 1026px) and (max-width: 1039px){
    .card-scrollbar{
        height: 83vh !important;
        overflow-y: auto !important;
        }
        .card-scrollbar::-webkit-scrollbar{
        display: none !important;
        }
        .noticeOrView-scrollbar{
            height: 78vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .noticeOrView-scrollbar2{
            height: 81vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar2::-webkit-scrollbar{
            display: none !important;
        }
        .noticeAnnouncement-scrollbar{
            height: 53vh !important;
            overflow-y: auto !important;
        }
        .noticeAnnouncement-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .userRole4{
            margin-top: 100% !important;
        }
        .userRole5{
            margin-top: 220px !important;
        }
        .communityList-scrollbar{
            height: 53vh !important;
            overflow-y: auto !important;
        }
        .communityList-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .backContinueBtn1{
            margin-top: 70px;
        }
        .backContinueBtn2{
            margin-top: 58%;
        }
        .backContinueBtn3{

            margin-top: 63%;

        }
        .userRole{
            margin-top: 118%;
        }
        .noticeForCommunityMember-scrollbar{
            height: 83vh !important;
            overflow-y: auto !important;
        }
        .noticeForCommunityMember-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        /* .submitButton{
            margin-top: -60px !important;
        } */
        .userRole2{
            margin-top: 108% !important;
        }
        .sideNavOverflow2{
            /* height: 390px; */
            max-height: 450px;
            overflow-y: auto;
            overflow-x: hidden;
        }
        .sideNavOverflow2::-webkit-scrollbar{
            display: none;
        }
        .neighbor-scrollbar{
            height: 87vh !important;
            overflow-y: auto !important;
        }
        .neighbor-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .userProfileupdate-scrollbar{
            height: 79vh !important;
            overflow-y: auto !important;
        }
        .userProfileupdate-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .userRole3{
            margin-top: 46% !important;
        }
        .noticeImage{
            width: 100% !important;
        }

}
@media only screen and (min-width:992px) and (max-width:1025px){
    .card-scrollbar{
        height: 83vh !important;
        overflow-y: auto !important;
        }
        .card-scrollbar::-webkit-scrollbar{
        display: none !important;
        }
        .noticeOrView-scrollbar{
            height: 78vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .noticeOrView-scrollbar2{
            height: 81vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar2::-webkit-scrollbar{
            display: none !important;
        }
        .noticeAnnouncement-scrollbar{
            height: 53vh !important;
            overflow-y: auto !important;
        }
        .noticeAnnouncement-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .userRole4{
            margin-top: 100% !important;
        }
        .userRole5{
            margin-top: 220px !important;
        }
        .communityList-scrollbar{
            height: 53vh !important;
            overflow-y: auto !important;
        }
        .communityList-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .backContinueBtn1{
            margin-top: 70px;
        }
        .backContinueBtn2{
            margin-top: 60%;
        }
        .backContinueBtn3{

            margin-top: 65%;

        }
        .userRole{
            margin-top: 118%;
        }
        .noticeForCommunityMember-scrollbar{
            height: 83vh !important;
            overflow-y: auto !important;
        }
        .noticeForCommunityMember-scrollbar::-webkit-scrollbar{
            display: none !important;
        }

        .userRole4{
            margin-top: 100% !important;
        }
        /* .submitButton{
            margin-top: -60px !important;
        } */
        .userRole2{
            margin-top: 108% !important;
        }
        .userProfileupdate-scrollbar{
            height: 79vh !important;
            overflow-y: auto !important;
        }
        .userProfileupdate-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .userRole3{
            margin-top: 46% !important;
        }
        .sideNavOverflow2{
            /* height: 390px; */
            max-height: 450px;
            overflow-y: auto;
            overflow-x: hidden;
        }
        .sideNavOverflow2::-webkit-scrollbar{
            display: none;
        }
        .neighbor-scrollbar{
            height: 87vh !important;
            overflow-y: auto !important;
        }
        .neighbor-scrollbar::-webkit-scrollbar{
            display: none;
        }
    .communityListCard-scrollbar{
        max-height: 345px ;
        /* max-height: 269px !important; */
        overflow-y: auto !important;

    }
    .tableResponsive2{
        max-height: 250px !important;
        overflow-y: auto;
    }
    .tableResponsive2::-webkit-scrollbar{
        display: none;
    }
    .createNoticeCard-scrollbar{
        max-height: 450px;
        overflow-y: auto;
    }
    .createNoticeCard-scrollbar::-webkit-scrollbar{
        display: none;
    }
    .communityListCard-scrollbar{
        /* max-height: 345px ; */
        overflow-y: auto;
        max-height: 370px !important;
        /* max-height: 360px ; */
    }
    .tableResponsive2{
        max-height: 270px !important;
        overflow-y: auto;
    }
    .tableResponsive2::-webkit-scrollbar{
        display: none;
        /* padding-right: 25px !important; */
    }
    .userProfileUpdateCard-scrollbar{
        max-height: 433px;
        overflow-y: auto;
    }
    .userProfileUpdateCard-scrollbar::-webkit-scrollbar{
        display: none;
    }
    .noticeImage{
        width: 100% !important;
    }

    /* .backContinueBtn2{
        margin-top: 30% !important;

    } */
    /* .policVerficationSaveButton2{
        margin-top: 35px !important;
    } */


}
@media only screen and (min-width:768px) and (max-width:991px){
    .card-scrollbar{
        height: 83vh !important;
        overflow-y: auto !important;
        }
        .card-scrollbar::-webkit-scrollbar{
        display: none !important;
        }
        .noticeOrView-scrollbar{
            height: 78vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .noticeOrView-scrollbar2{
            height: 81vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar2::-webkit-scrollbar{
            display: none !important;
        }
        .supportOwnList-scrollbar{
            height: 81vh !important;
        }
        .noticeAnnouncement-scrollbar{
            height: 55vh !important;
            overflow-y: auto !important;
        }
        .newAnnouncement{
                font-size: 9px !important;
                font-weight: 500 !important;
                width: 80px !important;
    }
        .noticeAnnouncement-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .userRole4{
            margin-top: 100% !important;
        }
        .userRole5{
            margin-top: 220px !important;
        }
        .communityList-scrollbar{
            height: 55vh !important;
            overflow-y: auto !important;
        }
        .communityList-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .backContinueBtn1{
            margin-top: 142px !important;
        }
        .backContinueBtn2{
            margin-top: 62%;

        }
        .backContinueBtn3{

            margin-top: 66%;

        }
        .copyRight{
            display: none;
        }
        .continueButton{
            margin-top: -55px;
        }

        .noticeForCommunityMember-scrollbar{
            height: 80vh !important;
            overflow-y: auto !important;
        }
        .noticeForCommunityMember-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .userRole2{
            margin-top: 108% !important;
        }
        .sideNavOverflow2{
            /* height: 390px; */
            max-height: 450px;
            overflow-y: auto;
            overflow-x: hidden;
        }
        .sideNavOverflow2::-webkit-scrollbar{
            display: none;
        }

        .submitButton{
            margin-top: -60px !important;
        }
        .neighbor-scrollbar{
            height: 87vh !important;
            overflow-y: auto !important;
        }
        .neighbor-scrollbar::-webkit-scrollbar{
            display: none;
        }


    .communityListCard-scrollbar{
        max-height: 345px ;
        overflow-y: auto;

    }
    .userProfileupdate-scrollbar{
        height: 77vh !important;
        overflow-y: auto !important;
    }
    .userProfileupdate-scrollbar::-webkit-scrollbar{
        display: none;
    }
    .userRole3{
        margin-top: 46% !important;
    }
    .tableResponsive2{
        max-height: 250px !important;
        overflow-y: auto;
    }
    .tableResponsive2::-webkit-scrollbar{
        display: none;
    }
    .card-body{
        padding: 0.25rem;
    }
    /* .todaysDate{
        display: none !important;
    } */
    /* .card-scrollbar{
        max-height: 705px !important;
        overflow-y: auto !important;
        }
        .card-scrollbar::-webkit-scrollbar{
        display: none !important;
        } */

        .policVerficationSaveButton{
            margin-top: -37px !important;
        }
        /* .sideNavOverflow{
            max-height: 605px;
            overflow-y: auto;
            overflow-x: hidden;
        }
        .sideNavOverflow::-webkit-scrollbar{

            display: none;
        } */
        .userRole2{
            display: none;
        }
        .supportOwnListSaveButton{
            margin-top: -60px;
        }
        .police-card-button{
            margin-top: -60px !important;
        }
        .user-profile-save-button{
            margin-top: -76px !important;
        }
        .noticeImage{
            width: 100% !important;
        }
        /* . {

            padding: 14px 157px !important;

        } */


}
@media (max-width:767px){

    .card-scrollbar{
        height: 83vh !important;
        overflow-y: auto !important;
        }
        .card-scrollbar::-webkit-scrollbar{
        display: none !important;
        }
        .noticeOrView-scrollbar{
            height: 74vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .supportOwnList-scrollbar{
            height: 81vh !important;
        }
        .noticeOrView-scrollbar2{
            height: 81vh !important;
            overflow-y: auto !important;
        }
        .noticeOrView-scrollbar2::-webkit-scrollbar{
            display: none !important;
        }
        .noticeAnnouncement-scrollbar{
            height: 36vh !important;
            overflow-y: auto !important;
        }
        .newAnnouncement{
            font-size: 8px !important;
        }
        .noticeAnnouncement-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .userRole4{
           display: none;
        }
        .userRole5{
            display: none !important;
        }
        .communityList-scrollbar{
            height: 36vh !important;
            overflow-y: auto !important;
        }
        .communityList-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .card1{
            min-height: 0px !important;
        }
        .backContinueBtn2{
            margin-top: 43%;
        }
        .backContinueBtn3{

            margin-top: 51%;

        }
        .copyRight{
            display: none;
        }
        .userRole2{
            display: none;
        }
        .noticeForCommunityMember-scrollbar{
            height: 71vh !important;
            overflow-y: auto !important;
        }
        .noticeForCommunityMember-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .neighbor-scrollbar{
            height: 87vh !important;
            overflow-y: auto !important;
        }
        .neighbor-scrollbar::-webkit-scrollbar{
            display: none;
        }
        .userProfileupdate-scrollbar{
            height: 77vh !important;
            overflow-y: auto !important;
        }
        .userProfileupdate-scrollbar::-webkit-scrollbar{
            display: none !important;
        }
        .userRole3{
            display: none !important;
        }
        .submitButton{
            margin-top: -60px !important;
        }
        .newNews{
            font-size: 15px !important;
        }
        b.nav-left-content {

            font-size: 15px;
        }
        .policeNewMember{
            font-size: 9px;
            /* padding: 2px 4px; */
            width: 72px;
        }
    .communityListCard-scrollbar{
        max-height: 345px ;
        overflow-y: auto;

    }
    .tableResponsive2{
        max-height: 250px !important;
        overflow-y: auto;
    }
    .tableResponsive2::-webkit-scrollbar{
        display: none;
    }
    .todaysDate{
        display: none !important;
    }
    /* .card-scrollbar{
        height: 602px !important;

        overflow-y: auto !important;
    } */
    /* .card-scrollbar{
        max-height: 705px !important;
        overflow-y: auto !important;
        }
        .card-scrollbar::-webkit-scrollbar{
        display: none !important;
        } */


        .continueButton{
            margin-top: -55px !important;
        }
        /* .policVerficationSaveButton{
            margin-top: -36px !important;
        } */
        .policVerficationSaveButton{
            margin-top: -38px !important;
        }
        /* .sideNavOverflow{
            max-height: 605px;
            overflow-y: auto;
            overflow-x: hidden;
        }
        .sideNavOverflow::-webkit-scrollbar{

            display: none;
        } */
        .supportOwnListSaveButton{
            margin-top: -60px;
        }
        .police-card-button{
            font-size: 11px !important;
        }
        .userProfileNewmember{
            font-size: 9px !important;
            width: 72px !important;
        }
        .noticeImage{
            width: 100% !important;
        }

}