@import url("bootstrap-extended.min.css");
@import url("colors.min.css");
@import url("components.min.css");
.logo-lg img {
    display:none;
  }
  
  .topnav .navbar-nav .dropdown.active > a {
    color: #fff !important;
  }
  .topnav .navbar-nav .dropdown-menu > .dropdown > a {
    color:#000!important;
  }
  .bg-primary {
    background: linear-gradient(to right, rgb(50, 132, 155) 10%, rgb(13, 142, 86) 40%, rgb(21, 149, 119) 83% )!important;
  }
  @media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        flex:1;
        justify-content: center;
    }
  }
  .btn-primary {
    background:#0d8e57!important;
    border: #0d8e57!important;
    box-shadow: unset!important;
  }

  .main-title h4.font-size-18 {
    font-size: 24px !important;
  }
  span.total {
    color: #2f8595 !important;
  font-weight: 500;
  font-size: 18px;
  }
  .card.card-border {
    border: 1px solid #c2e2e6;
  }
  .topnav .navbar-nav .nav-link {
    font-weight: 400!important;
  }
  .card-title.section-title {
    font-size: 22px;
  }
  .text-center {
    text-align: center;
  }
  h4.dashboard-title {
    font-size: 28px !important;
    font-weight: 800;
    margin: 0 auto;
    margin-bottom: 3.4rem;
  }
  .page-content {
    padding-top: 6rem;

  }
  .main-content .content {
    margin-left: 0!important;
    width: 100%!important;
}
.super-admin-dashboard-card-div{
  justify-content: center;
  row-gap: 20px;
}
  .super-admin-dashboard-card-div .card {
    text-align: left;
    border: 1px solid #f7f7f7;
    padding: 20px;
  }
  .configuration-div h4 {
    font-size: 16px;
    color: rgb(0,128,128);
    text-align: center;
  }
  .configuration-div .icon {display: none;}
  .page-title-box {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
  .cms-h4.cms-title-padding {
    /* padding-top: 2.5rem; */
    padding-top: 0.5rem;
  }
  .footer {
    padding:
4px 6px;
  height: 40px;
  background: #f1f1f1;
  }
  .footer .footer-text {
    text-align: center;
    color: #000;
    padding-top: 6px;
  }
  body[data-layout="horizontal"] .page-content {
    /* margin-top: 80px!important; */
    margin-top: 50px !important;
  }
  .breadcrumbs-div {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    padding: 0 12px;
  }
  
  .cms-h4 {
    /* padding-left: 12.6rem; */
    padding-left: 0!important;
    text-align: center;
    width: 100%;
    font-size: 28px !important;
    /* margin-bottom: 2.4rem !important; */
    margin-bottom: 0.4rem !important;
  }
  .breadcrumb {margin-bottom: 0!important;padding-right: 0;}

  .add-pages-label label {
    font-size: 16px;
  }
  .add-pages-label-2 {
    font-size: 14px;
    text-transform: uppercase;
  }
  tbody tr a.btn.btn-primary, tbody tr a.btn.btn-warning {
    background: #000 !important;
    border: unset!important;
    box-shadow: unset!important;
  }
  
tbody tr a.btn.btn-primary-new-color {background: #32849b !important; color: #fff;}
  tbody tr a.btn.btn-orange {background: cadetblue !important;
    border: unset!important;
    box-shadow: unset!important;}
    tbody tr a.btn.btn-view {
      background: rgb(101, 185, 212)!important;
    }

  tbody tr td button.btn.btn-danger {
    background: #fd625e !important;
  border:
unset!important;
  }
  .form-center-div {
    max-width: 900px;
    margin: 0 auto;
  }
.para-font {
  font-size: 11px;
  color: #4e4e4e;
}
.disabled-card, .enabled-card {
    position: relative;
    overflow: hidden;
    /* border: 1px solid rgba(255, 255, 255, 0.125); */
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(5px);
    transition: all 0.3s ease;
}

.disabled-card {cursor: no-drop;}
.configuration-div .left-content {
  flex-direction: column;
}
.ribbon-not-authorised {
    /* width: 88px;
  height: 28px;
  background:
#dc3545;
  color: white;
  position: absolute;
  top: -7px;
  left: -34px;
  text-align: center;
  line-height: 30px;
  transform: rotate(-45deg);
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  font-size: 12px;
  font-weight: 600;
  z-index: 2; */
  width: 70px;
  height: 28px;
  background: #dc3545;
  color: white;
  position: absolute;
  top: -7px;
  text-align: center;
  line-height: 30px;
  transform: rotate(0deg);
  /* box-shadow: 0 2px 6px rgba(0,0,0,0.2); */
  font-size: 12px;
  font-weight: 600;
  z-index: 2;
  right: -42px;
}

.ribbon-not-authorised i {
    margin-right: 40px;
    margin-top: 11px;
}


.ribbon-authorised {
  /* width: 88px;
  height: 28px;
  background: rgba(40, 167, 69, 0.85);
  color: white;
  position: absolute;
  top: -7px;
  left: -34px;
  text-align: center;
  line-height: 30px;
  transform: rotate(-45deg);
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  font-size: 12px;
  font-weight: 600;
  z-index: 2;
  border-radius: 3px; */
  width: 70px;
  height: 28px;
  background: rgba(40, 167, 69, 0.85);
  color: white;
  position: absolute;
  top: -8px;
  text-align: center;
  line-height: 30px;
  transform: rotate(0deg);
  /* box-shadow: 0 2px 6px rgba(0,0,0,0.2); */
  font-size: 12px;
  font-weight: 600;
  z-index: 2;
  border-radius: 3px;
  right: -42px;
}

.ribbon-authorised i {
  margin-right: 42px;
  margin-top: 10px;
}



/* .disabled-card h4, .disabled-card p {
	opacity: 0.6;
  color: gray;
} */

.left-content h4 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    width: 100%;
    /* padding-top: 18px; */
}

.right-icon i {
    transition: color 0.2s ease;
color: #fff;
font-size: 20px;
}
.configuration-div .right-icon {
  padding: 22px 25px;
  background: #2e8594;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 22px;
  display: flex
;
  justify-content: center;
  align-items: center;

}
.not-auth-div {cursor: no-drop;opacity: .6;}
.not-auth {color:red;}

/* New code */
.breadcrumb-item > a {
  pointer-events: none;
}

.chart-title {
  font-size: 16px;
  font-weight: 400;
  color: #27445D;
  margin-bottom: 15px;
  text-transform: uppercase;
  text-align: center;
}
.export-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.flex-div-btn-div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap:
12px;
}
.breadcrumb.secondary-menu-breadcrumbs {
  margin-top: 2.5rem;
}
.btn.btn-danger-new-color {
  background: orange !important;
}
.btn.btn-success-new-color {
  background-color: rgb(6, 221, 250);
}
.btn.btn-success-new-color .fa-link {
  color:#fff;
}
.scrolling-events {
  background: #efefef!important;
  height: auto!important;
  min-height: 185px!important;
}

#page-table-wrapper table {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#page-table-wrapper thead th {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  font-weight: 600;
  text-align: left;
  vertical-align: middle;
}

#page-table-wrapper tbody td {
  border: 1px solid #eee;
  vertical-align: middle;
}

#page-table-wrapper table th, 
#page-table-wrapper table td {
  padding: 10px 12px;
  font-size: 14px;
  color: #333;
  white-space: normal;
}
.data-table-action {
  display: flex;
  gap: 10px;
}

#page-table-wrapper .badge {
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
}

#page-table-wrapper .btn-sm {
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
}
table.dataTable > thead .sorting::after, table.dataTable > thead .sorting_asc::after{
  top: 16px !important;
}
table.dataTable > thead .sorting::before, table.dataTable > thead .sorting_asc::before{
  top: 16px !important;
}
.gallery-img {
  padding: 2px 6px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.text-bg-danger {
  padding: 5px!important;
}
.g-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  margin-top: 6px;
}
.gallery-img p {
  text-align: left;
}
.app-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap:6px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.app-btns .btn {
  font-size: 10px;
}

.gallery-title-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}


#menuTableCard table {
    border-collapse: collapse;
    width: 100%;
    background: #fff;
}

#menuTableCard th, 
#menuTableCard td {
    border: 1px solid #dee2e6;
    padding: 10px 12px;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
}

#menuTableCard thead {
    background-color: #f8f9fa;
    font-weight: 600;
}

#menuTableCard tbody tr:hover {
    background-color: #f1f1f1;
    transition: background-color 0.3s;
}

#menuTableCard .btn {
    margin: 2px 2px;
}

#menuTableCard .badge {
    font-size: 12px;
    padding: 5px 8px;
}


#imageTabs {
  margin-top: 6px;
}
#imageTabs .gallery-title-div.tab {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
}
#imageTabs .tab-btns {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}
#imageTabs .tab-btns button {
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    padding: 8px 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
}
#imageTabs .tab-btns button.active {
  background-color: #656565;
  color: #fff;
  border-color:
#656565;
}
#imageTabs .tab-content {
    display: none;
    animation: fadeEffect 0.5s;
}
#imageTabs .tab-content.active {
    display: block;
}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.btn-view .fas.fa-eye {
  color:#fff!important;
}
#page-table-wrapper .td-actions {
  white-space: nowrap;
}
#eventFormSection .add-pages-label-2 {
  align-items: center!important;
}
#eventFormSection .add-pages-label-2 .form-check-label {
  margin-bottom: 0;
}

@media(max-width:767px) {
  .cms-h4 {
    font-size: 20px !important; }
}
.table-container {
  overflow-y: auto!important;
  height: 340px!important;
}
.table-rep-plugin .table-container .table-bordered {
  min-width: 2000px!important;
}

  .table-container {
    scrollbar-width: thin;
    scrollbar-color: #e4e4e4 #f8f9fa;
  }

  .table-container::-webkit-scrollbar {
      width: 4px!important;
      height: 4px!important;
  }

  .table-container::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track {
      background: #f8f9fa;
      border-radius: 20px;
      margin: 5px;
  }

  .table-container::-webkit-scrollbar-thumb {
      border-radius: 20px;
      border: 2px solid #f8f9fa;
  }

  .table-container::-webkit-scrollbar-thumb:hover {
      background: linear-gradient(180deg, #5a359a, #d91a72);
      transform: scale(1.1);
  }


  /* Card Style 2: Gradient Border */
        .card-gradient {
            /* background: white;
            border-radius: 20px;
            padding: 2px;
            background: linear-gradient(135deg, #32849b, #764ba2, #e8c7d0);
            transition: all 0.3s ease;
            position: relative; */

            border-radius: 12px;
            padding: 1px;
            background: linear-gradient(135deg, #e0e0e0, #e8e8e8, #ccc);
            transition: all 0.3s ease;
            position: relative;
            border-width: thin;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        .card-gradient:hover {
            transform: translateY(-6px);
            /* box-shadow: 0 25px 50px rgba(102, 126, 234, 0.15); */
        }

        .card-gradient .inner-card {
            background: white;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
        }

        .card-gradient .ribbon {
            position: absolute;
            top: -8px;
            left: -35px;
            width: 90px;
            height: 30px;
            background: #10b981;
            color: white;
            text-align: center;
            line-height: 32px;
            transform: rotate(-45deg);
            font-size: 12px;
            font-weight: 600;
            z-index: 10;
        }

        .card-gradient .card-content {
            /* padding: 28px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 8px 20px; */

            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 8px 10px;
        }

        .card-gradient .left-section {
            display: flex;
            align-items: center;
            gap: 14px;
            flex: 1;
        }

        .card-gradient .icon-circle {
            width: 48px;
            height: 48px;
            background: linear-gradient(135deg, #32849b, #2dbe93);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            transition: all 0.3s ease;
        }

        .card-gradient:hover .icon-circle {
            transform: rotate(5deg) scale(1);
        }

        .card-gradient .icon-circle::before {
            content: '';
            position: absolute;
            inset: -3px;
            background: linear-gradient(45deg, #066388, #0873a5, #3edf61);
            border-radius: 50%;
            z-index: -1;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .card-gradient:hover .icon-circle::before {
            opacity: 1;
            animation: spin 6s linear infinite;
        }

        @keyframes spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        .card-gradient .icon-circle i {
            color: white;
  font-size: 18px;
  z-index: 2;
        }

        .card-gradient .text-content h4 {
            color: #3b3c3e;
            font-size: 14px;
            font-weight: 500;
            margin: 0;
           /* background: linear-gradient(135deg, #32849b, #764ba2);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; */
            text-transform: uppercase;
        }

        .card-gradient .text-content p {
            color: #64748b;
            font-size: 12px;
            margin: 0;
        }

        .card-gradient .action-area {
            background: linear-gradient(135deg, #2e8594, #1e6b7a);
            padding: 28px 24px;
            margin: -28px -28px -28px 20px;
            border-radius: 0 18px 18px 0;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .card-gradient .action-area::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.6s ease;
        }

        .card-gradient:hover .action-area::before {
            left: 100%;
        }

        .card-gradient .action-area i {
            color: white;
            font-size: 24px;
            transition: transform 0.3s ease;
        }

        .card-gradient:hover .action-area {
            background: linear-gradient(135deg, #3a9bb0, #2a7c8c);
        }

        .card-gradient:hover .action-area i {
            transform: scale(1.1);
        }