html, body {
    /* height: 100%; */
    margin: 0;
    padding: 0;
}

/* Header */
.main_header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: #ffffff;
    border-bottom: 1px solid #ac5b9a;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}
.user_info {
    position: fixed;
    font-size:12px;
    top: 60px;
    left: 0;
    right: 0;
    height: 25px;
    background-color: #111010;
    color:white;
    /* border-bottom: 1px solid #ac5b9a; */
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}

/* Footer */
.main_footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    background-color: #383737;
    color: #bdbbbb;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    z-index: 1000;
}

/* Content row */
.content-row {
    position: fixed;
    top: 80px;
    bottom: 20px;
    left: 0;
    right: 0;
    display: flex;
    overflow: hidden;
}

/* Sidebar for large screens */
.content_menu {
    height: 100%;
    overflow-y: auto;
    background-color: #fafafa;
}

/* Main content */
.content_area {
    height: 100%;
    overflow-y: auto;
    background-color: #ffffff;
}

/* Optional scrollbar styling */
.content_menu::-webkit-scrollbar,
.content_area::-webkit-scrollbar {
    width: 8px;
}

.content_menu::-webkit-scrollbar-thumb,
.content_area::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 4px;
}
ul{
    list-style-type: none;
    font-size:14px;
    padding-left:0;
}
a{
    text-decoration: none;
}
.fa-angle-right, ul > li > a{
    color:#d562bb;
    font-size: 13px;
}

.bg-purple{
    background-color: #ac5b9a;
}
label{
    color:rgb(82, 80, 80);
    font-size:14px;    
    margin-top:5px;
    margin-bottom: 0 !important;
    padding:0;
    padding-left:5px;
}
input{
    margin-top:0px;
    height:25px;
    font-size:12px !important;
}
select{
    margin-top:0px !important ;
    height:25px;
    padding:0px !important;
    padding-left:5px !important;
    font-size:12px !important;    
}
select>option{
    margin:0px !important;
    padding:0 !important;
    font-size:12px !important; 
}
.btn-purple{
    background-color:#b99dc2 ;
    color:#ffff;
}
.btn-purple:hover {
    border: 1px solid #4b2a8c !important; /* purple border on hover */
    background-color: #6f42c1 !important; /* keep background same if needed */
    color: #fff;
}
.border-purple{
    border: 1px solid #e2cce9 !important;
}

  .modal-xs {
    max-width: 250px;
    margin: auto;    
  }

  .table>:not(caption)>*>* {
    padding: 2px;
  }
  .customThead{
    background-color:#ac5b9a !important; 
    color:white!important;
    font-size:12px;
    text-align:left;
  }

th{
    font-weight: normal;
}

td{
    font-size:12px !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center;
    color:#1679a0 !important;
    padding-left:3px !important;
}
@media (max-width: 768px) {
    td {
        text-align: left !important;
    }
    .customThead{
    background-color:#ac5b9a !important; 
    color:white!important;
    font-size:8px;
    text-align:center;
  }
  td{
    font-size:10px !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center;
    color:#13313d !important;
    padding-left:3px !important;
}

}
.text-success-subtle{
    color:#659662;
}
.text-danger-subtle{
    color:#c47485;
}
.login-btn{
    background-color:#ac5b9a !important; 
    
}
.text-purple{
    color:#ac5b9a !important; 
}
.custom-placeholder::placeholder {
    color: #c0adbd; /* purple */
    opacity: 1;
}
.offcanvas{
    background-color:#eee;
    color:#d562bb;
}

.card small{
    color:#ac5b9a;
    font-size:14px !important;
    font-weight:500;
}
.label-font{
    font-size:12px;    
    font-weight:bold;
}
.card-data-font{   
    font-size:12px;
    
}