/* New css styles */
.leaderboard-container{
    overflow: auto;
    /*height: calc(100vh - 430px) !important;*/
}
tbody.custom-field-body {
    max-height: calc(100svh - 262px);
}
.editable-fields{
    /* max-height: calc(100vh - 519px) !important; */
    overflow: auto !important;
}
.custom_filter_form {
    height: calc(100vh - 44px);
}
.side_form_scroll {
    max-height: calc(100vh - 190px) !important;
}
.model-side-bar {
    background-color: #fff !important;
    box-shadow: 0 0 10px 5px #00000008;
    font-size: 14px;
    border-radius: 20px !important;
    overflow-y: hidden;
}

/* Desktop & Tablet */
@media (max-width: 1024px) {
  .callproof-filter-model {
    position: absolute;
    right: 30px;
    /* top: 104px; */
    width: 450px;
    max-width: calc(100vw - 60px);
    
  }
}

@media (max-width: 767px) {
  .callproof-filter-model {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 9999;
    border-radius: 0;
    overflow-y: auto;
  }
}

/*  */
@media (max-width: 1024px) {
   .callproof-filter-model{
    position: absolute;
    z-index: 99;
    right: 30px;
    top: 32px;
    }

   .callproof-filter-model-side-bar{
    position: absolute;
    z-index: 99;
    right: 23px;
    /* top: 137px; */
    }

   .model-side-bar{
    height: calc(100vh - 50px) !important;
    /* border-radius: 20px 0px 20px 20px !important; */
    }
    .scroll_account {
    height: calc(100vh - 310px) !important;
}
    .side_search {
    height: calc(100vh - 50px) !important;
    border-radius: 20px 0px 20px 20px !important;
}
    .side_search {
    height: calc(100vh - 50px) !important;
    border-radius: 20px 0px 20px 20px !important;
    }
    .side_form_scroll {
    height: calc(100vh - 265px) !important;
    }
}
@media (max-width: 1024px) {
    :root {
        font-size: 15px;
    }

    html,
    body {
        overflow-y: auto !important;
    }
 
    .dashboard-margin-top {
    margin-top: 19px;
    }
    #content main {
        padding: 0;
    }

    .global-search-box,
    .search-inner-box {
        width: 100%;
        max-width: 100%;
    }

    .global-search-wrapper {
        padding: 0;
    }

    @keyframes fadeInSubmenu {
        from {
            opacity: 0;
            transform: translateY(-6px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    .dashboard-container {
        overflow: auto !important;
    }

    .leader-board {
        margin-top: 0px;
    }
    .recent_active_list {
        padding: 10px;
    }
}
/* custom styles 28-11-2025 */
#makeCallButton:hover{
    background-color: #258CFE;
    border-radius: 30px;
}
.account-action-icons img{
    width: 24px !important;
    height: 24px !important;
}
.table-width-5{
    width: 5% !important;
}

.table-width-1{
    width: 1% !important;
}

.table-width-2{
    width: 2% !important;
}
.table-width-4{
    width: 4% !important;
}
.table-width-3{
    width: 3% !important;
}
.table-width-10{
    width: 10% !important;
}
.table-width-15{
    width: 15% !important;
}
.table-width-20{
    width: 20% !important;
}
.table-width-25{
    width: 25% !important;
}
.table-width-30{
    width: 30% !important;
}
.table-width-35{
    width: 35% !important;
}
.table-width-40{
    width: 40% !important;
}
.table-width-45{
    width: 45% !important;
}
.table-width-50{
    width: 50% !important;
}
.table-width-55{
    width: 55% !important;
}
.table-width-60{
    width: 60% !important;
}
.table-width-65{
    width: 65% !important;
}
.table-width-70{
    width: 70% !important;
}
.table-width-75{
    width: 75% !important;
}
.table-width-80{
    width: 80% !important;
}
.table-width-85{
    width: 85% !important;
}
.table-width-90{
    width: 90% !important;
}
.table-width-95{
    width: 95% !important;
}
.table-width-100{
    width: 100% !important;
}
/*  */
@media (max-width: 768px) {
    .menu-item {
        width: 100%;
    }

    /*#content {*/
    /*    padding: 65px 12px 24px;*/
    /*}*/
    .dashboard-container {
        overflow: auto !important;
    }
    .recent_active_list {
        height: 55vh;
    }
    .leader-board {
        margin-top: 20px;
    }

    .recent_event_div {
        margin-top: 20px;
    }

    .recent_active_list {
        padding: 10px;
    }
    .recent_active_list {
        height: 56vh;
    }
    .provider-card {
        width: 100% !important;
    }
    .table-body,
    .table-responsive {
        max-height: 60vh;
    }

    .table-body table,
    .table-responsive table {
        min-width: 1100px;
        font-size: 0.95rem;
    }

    .table-body table :is(th, td),
    .table-responsive table :is(th, td) {
        padding: 12px 18px;
    }

   /* 20 */
.min_max_w_20  {
    min-width: 20px !important;
    max-width: 20px !important;
}


   /* 50 */
.min_max_w_50  {
    min-width: 50px !important;
    max-width: 50px !important;
}

/* 100 */
.min_max_w_100 {
    min-width: 100px !important;
    max-width: 100px !important;
}

/* 150 */
.min_max_w_150 {
    min-width: 150px !important;
    max-width: 150px !important;
}

/* 200 */
.min_max_w_200 {
    min-width: 200px !important;
    max-width: 200px !important;
}

/* 250 */
.min_max_w_250 {
    min-width: 250px !important;
    max-width: 250px !important;
}

/* 300 */
.min_max_w_300 {
    min-width: 300px !important;
    max-width: 300px !important;
}

/* 500 */
.min_max_w_500 {
    min-width: 500px !important;
    max-width: 500px !important;
}

.recent_active_list {
    height: 55vh !important;
}
.dashboard-container {
    height: 87vh;

}
.acc-type-search-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.acc-type-search-container .search-icon {
    width: 100%;
}
.acc-type-search-container .create-form {
    width: 100%;
}
}
/* Styles for screens 992px and above */
@media (min-width: 992px) and (max-width: 1023px) {
    .map-container, .map-height, .recent_event_div {
    height: calc(100svh - 518px) !important;
}
}
 /* .audio-record-three{
        width: 1%;
    }
      .audio-record-one{
        width: 30%;
    }
    .audio-record-two{
        width: 20%;
    }
    .audio-record-four{
        width: 20%;
    } */
@media (max-width: 1024px) {
    /* .audio-record-one{
        width: 50%;
    }
    .audio-record-two{
        width: 20%;
    }
    .audio-record-four{
        width: 20%;
    } */
     
 #content {
    width: calc(100% - 67px);
    margin-left: 67px;
    padding: 12px 0px 0px 24px;
    padding-bottom: 0px;
}
    .map-container,
    .map-height,
    .recent_event_div {
        height: calc(100vh - 283px);
    }

    .recent_active_list {
        height: calc(100vh - 585px) !important;
    }

    .leader-board {
        height: calc(100vh - 519px) !important;
    }

    .recent_event_div {
        height: calc(100vh - 519px) !important;
    }

    .table-body,
    .table-responsive {
        /* max-height: 100vh; */
        overflow-y: auto !important;
        overflow-x: auto;
    }

    .table-body table,
    .table-responsive table {
        /* min-width: 900px; */
        border-collapse: separate;
        border-spacing: 0;
    }

    .table-body thead,
    .table-responsive thead {
        position: sticky;
        top: 0;
        z-index: 5;
        background: #f8fafc;
        box-shadow: 0 6px 12px rgba(15, 23, 42, 0.08);
    }

    .table-body table :is(th, td),
    .table-responsive table :is(th, td) {
        white-space: nowrap;
        font-size: 0.95rem;
    }

    .dashboard-container {
        height: calc(100vh - 48px) !important;
        margin-bottom: 12px;
    }

    /* 50 */
    .min_max_w_50 {
        min-width: 50px !important;
        max-width: 50px !important;
    }

    /* 100 */
    .min_max_w_100 {
        min-width: 100px !important;
        max-width: 100px !important;
    }

    /* 150 */
    .min_max_w_150 {
        min-width: 150px !important;
        max-width: 150px !important;
    }

    /* 200 */
    .min_max_w_200 {
        min-width: 200px !important;
        max-width: 200px !important;
    }

    /* 250 */
    .min_max_w_250 {
        min-width: 250px !important;
        max-width: 250px !important;
    }

    /* 300 */
    .min_max_w_300 {
        min-width: 300px !important;
        max-width: 300px !important;
    }

    .min_max_w_500 {
        min-width: 500px !important;
        max-width: 500px !important;
    }
}

.fn-style-1 {
    font-size: 14px !important;
    font-weight: normal !important;
}

button {
    font-size: 16px !important;
}

/* --------------------------------------------
   Small Size Laptop (13" – 14") 
   Width: 1024px to 1280px
--------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1280px) {
    /* Prevent scrolling on main div */
    #mainContainer,
    .main-container {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100vh;
    }

    #content {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100vh;
    }

    #content main {
        overflow: hidden !important;
        overflow-y: hidden;
        height: 100%;
    }

    #dashAndSideBar {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100vh;
    }

    /* 50 */
    .min_max_w_50 {
        min-width: 50px !important;
        max-width: 50px !important;
    }

    /* 100 */
    .min_max_w_100 {
        min-width: 100px !important;
        max-width: 100px !important;
    }

    /* 150 */
    .min_max_w_150 {
        min-width: 150px !important;
        max-width: 150px !important;
    }

    /* 200 */
    .min_max_w_200 {
        min-width: 200px !important;
        max-width: 200px !important;
    }

    /* 250 */
    .min_max_w_250 {
        min-width: 250px !important;
        max-width: 250px !important;
    }

    /* 300 */
    .min_max_w_300 {
        min-width: 300px !important;
        max-width: 300px !important;
    }

    /* 500 */
    .min_max_w_500 {
        min-width: 500px !important;
        max-width: 500px !important;
    }

    .map-container, .map-height, .recent_event_div {
        height: calc(100svh - 522px) !important;
    }

    .recent_active_list {
        height: calc(100svh - 589px) !important;
    }

    .leader-board {
        height: calc(100vh - 521px) !important;
    }

    .recent_event_div {
        height: calc(100vh - 521px) !important;
    }

    .chat-sidebar {
        width: 35% !important;
    }
}

@media (min-width: 1024px) {
    .leader-board {
        position: relative;
        left: 9px;
    }
}

/* --------------------------------------------
   Large Size Laptop (15" – 17")
   Width: 1281px to 1440px
--------------------------------------------- */
@media (min-width: 1281px) and (max-width: 1440px) {
    /* Prevent scrolling on main div */
    #mainContainer,
    .main-container {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100vh;
    }

    #content {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100vh;
    }

    #content main {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100%;
    }

    #dashAndSideBar {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100vh;
    }

    /* 50 */
    .min_max_w_50 {
        min-width: 50px !important;
        max-width: 50px !important;
    }

    /* 100 */
    .min_max_w_100 {
        min-width: 100px !important;
        max-width: 100px !important;
    }

    /* 150 */
    .min_max_w_150 {
        min-width: 150px !important;
        max-width: 150px !important;
    }

    /* 200 */
    .min_max_w_200 {
        min-width: 200px !important;
        max-width: 200px !important;
    }

    /* 250 */
    .min_max_w_250 {
        min-width: 250px !important;
        max-width: 250px !important;
    }

    /* 300 */
    .min_max_w_300 {
        min-width: 300px !important;
        max-width: 300px !important;
    }

    /* 500 */
    .min_max_w_500 {
        min-width: 500px !important;
        max-width: 500px !important;
    }

    .map-container, .map-height, .recent_event_div {
        height: calc(100svh - 522px) !important;
    }

    .recent_active_list {
        height: calc(100svh - 588px) !important;
    }

    .leader-board {
        height: calc(100vh - 520px) !important;
    }

     .recent_event_div {
        height: calc(100vh - 520px) !important;
    }
}

/* --------------------------------------------
   Desktop (Normal)
   Width: 1441px to 1920px
--------------------------------------------- */
@media (min-width: 1441px) and (max-width: 1920px) {
    /* Prevent scrolling on main div */
    #mainContainer,
    .main-container {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100vh;
    }

    #content {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100vh;
    }

    #content main {
        overflow: hidden !important;
        overflow-y: hidden !important;
        /* height: 100%; */
    }

    #dashAndSideBar {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100vh;
    }
}

/* --------------------------------------------
   Large Desktop / Big Monitors (Full HD+ / 2K / 4K)
   Width: 1921px to 2560px
--------------------------------------------- */
@media (min-width: 1921px) and (max-width: 2560px) {
    /* Prevent scrolling on main div */
    #mainContainer,
    .main-container {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100vh;
    }

    #content {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100vh;
    }

    #content main {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100%;
    }

    #dashAndSideBar {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100vh;
    }
}

/* --------------------------------------------
   Ultra Wide Screens (4K+)
--------------------------------------------- */
@media (min-width: 2561px) {
    /* Prevent scrolling on main div */
    #mainContainer,
    .main-container {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100vh;
    }

    #content {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100vh;
    }

    #content main {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100%;
    }

    #dashAndSideBar {
        overflow: hidden !important;
        overflow-y: hidden !important;
        height: 100vh;
    }
}

/* 50 */
.min_max_w_50 {
    min-width: 50px !important;
    max-width: 50px !important;
    width: 50px !important;
}

/* 100 */
.min_max_w_100 {
    min-width: 100px !important;
    max-width: 100px !important;
    width: 100px !important;
}

/* 150 */
.min_max_w_150 {
    min-width: 150px !important;
    max-width: 150px !important;
    width: 150px !important;
}

/* 200 */
.min_max_w_200 {
    min-width: 200px !important;
    max-width: 200px !important;
    width: 200px !important;
}

/* 250 */
.min_max_w_250 {
    min-width: 250px !important;
    max-width: 250px !important;
    width: 250px !important;
}

/* 300 */
.min_max_w_300 {
    min-width: 300px !important;
    max-width: 300px !important;
    width: 300px !important;
}

/* 500 */
.min_max_w_500 {
    min-width: 500px !important;
    max-width: 500px !important;
    width: 500px !important;
}

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

/* Custom responsiveness width */
@media (min-width: 1425px) and (max-width: 1440px) {
    .map-container, .map-height, .recent_event_div {
        height: calc(100svh - 352px) !important;
    }

    .recent_active_list {
        height: calc(100svh - 403px) !important;
    }

    .leader-board {
        height: calc(100svh - 352px) !important;
    }

     .recent_event_div {
        height: calc(100svh - 352px) !important;
    }
}