* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #286ea5;
background-color:#f4f6f9;
margin:0px;
/* padding-top: 65px; */
}
#rs-navbar{height: 45px;}
/* #region-----------------------Table--------------------- */
.table {
width: 100%;
border-collapse: collapse;
}
.table th,td {
border: 1px solid #dddddd;
text-align: left;
padding: 2px 5px;
}
.table th {
      background-color: #f2f2f2;
}
/* #endregion */
/* #region-----------------------grid--------------------- */
.row {
  margin: 0px;
width: 100%;
  display: inline-block;
}
.m-1 {width: 8.33333333%;}
.m-2 {width: 16.66666667%;}
.m-3 {width: 25%;}
.m-4 {width: 33.33333333%;}
.m-5 {width: 41.66666667%;}
.m-6 {width: 50%;}
.m-7 {width: 58.33333333%;}
.m-8 {width: 66.66666667%;}
.m-9 {width: 75%;}
.m-10 {width:83.33333333%;}
.m-11 {width: 91.66666667%;}
.m-12 {width: 100%;}
.m-1,.m-2,.m-3,.m-4,.m-5,.m-6,.m-7,.m-8,.m-9,.m-10,.m-11,.m-12 {float: left;}
.rs-grid {
  display: flex;
  flex-wrap: wrap;
  /*gap: 15px;*/
  justify-content: center;
  width: 100%;
}

.rs-grid .list-card {
background: white;
border-radius: 12px;
padding: 15px;
border: 1px solid #e7e7e7;
box-shadow: 0 2px 10px rgb(20 3 249 / 5%);
width: 100%;
max-width: 400px;
margin: 0px 10px 10px 10px;

opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.45s ease, transform 0.45s ease;
}
.rs-grid .list-card.show {
  opacity: 1;
  transform: translateY(0);
}
.rs-grid .list-card:hover {
    background: #2196f31a;
    border: 1px solid #70b6ed;
}
.rs-grid .list-card img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #007bff;
}

  .rs-grid .list-info {
      flex: 1;
  }

  .rs-grid .pagination {
      text-align: center;
      margin-top: 15px;
  }

  .rs-grid .heading {
      display: block;
      font-size: 18px;
      font-weight: bold;
  }

  .p10blue{
    font-size: 10px;
    color: #337ab7;
  }
  .p10red{
    font-size: 10px;
    color: #ff1e1e;
  }
/* #endregion */
/* #region-----------------------Element--------------------- */
h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-top: 20px;
  margin-bottom: 10px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.rs-groupheading{
  color: #2196f3;
  padding: 2px 10px;
  border-bottom: 2px solid #e4e4e4;
  margin-bottom: 20px;
  font-size: 12px;
}
i{  font-style: normal;}
/* #endregion */
/* #region-----------------------Text box--------------------- */
.rs-group {
  position: relative;
  padding: 15px;
}

.rs-field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #c7d2ec;
  outline: 0;
  font-size: 14px;
  color: #000;
  padding: 7px 0px 5px;
  background: transparent;
  transition: border-color 0.2s;
  position: inherit;
  z-index: 2;
}
.rs-field::placeholder {
  color: transparent;
}
.rs-field:placeholder-shown ~ label {
  font-size: 14px;
  cursor: text;
  top: 23px;
  z-index: 1;
}
.rs-group label {
  position: absolute;
  top: 5px;
  display: block;
  transition: 0.2s;
  font-size: 10px;
  color: #27699e;
}

.rs-field:focus {
  border-width: 3px;
  border-bottom: 2px solid #447cf5;
  /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); */
  /* border-image: linear-gradient(to right, #11998e, #38ef7d);
  border-image-slice: 1; */
}
.rs-field:focus ~ label {
  position: absolute;
  top: 5px;
  display: block;
  transition: 0.2s;
  font-size: 10px;
  color: #337ab7;
  font-weight: 700;
}
/* reset input */
/* .rs-field:required, .rs-field:invalid {
  box-shadow: none;
} */
.rs-custom-group {
  padding: 0px 15px 15px;
}
.rs-custom-group .label{
  font-size: 11px;
  color: #9b9b9b;
  font-weight: normal;
}
/* clear button */
.clear-button {
  position: absolute;
  top: 31%;
  right: 17px;
  /* transform: translateY(-31%); */
  cursor: pointer;
  color: #aaa;
  font-size: 16px;
  font-weight: normal;
  border-radius: 15px;
  border: none;
  background: transparent;
  display: none;
  z-index: 2;
  }
  .rs-field:not(:placeholder-shown)+.clear-button {
  display: inline;
  }

  .rs-field.error{
    border-bottom: 2px solid #f93131!important;
  }
/* #endregion */
/* #region-----------------------Dropdown Select-------------------*/
.rs-group select {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #c7d2ec;
  outline: 0;
  font-size: 14px;
  color: #000;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  position: inherit;
  z-index: 2;
  /*appearance: none;  Hide default dropdown arrow */
}

.rs-group option {
  color: #607d8b;
}

/* .rs-group label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #9b9b9b;
} */
.rs-group select:has(option:checked[value=""]) + label {
top: 23px;
font-size: 14px;
}
/* .rs-group select:hover ~ label {
top: 5px;
font-size: 10px;
} */
.rs-group select:focus {
  padding-bottom: 6px;
  font-weight: 700;
  border-width: 3px;
  border-image: linear-gradient(to right, #11998e, #38ef7d);
  border-image-slice: 1;
}

.rs-group select:focus ~ label {
  position: absolute;
  top: 5px !important;
  display: block;
  transition: 0.2s;
  font-size: 10px !important;
  color: #11998e;
  font-weight: 700;
}
/* #endregion ---*/
/* #region-----------------------Custom Dropdown-------------------*/
.rs-dropdown {
position: relative;
display: inline-block;
width: 100%; /*datepicker*/
}
.rsdropdown-menu {
display: none;
position: fixed;
background-color: #fff;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
padding: 0;
list-style-type: none;
margin-top: 0px;
z-index: 1;
}

.rsdropdown-menu li {
padding: 10px;
cursor: pointer;
}
.rsdropdown-menu label{
display:block;
}
.rsdropdown-menu li:hover {
background-color: #f8f9fa;
}

.rsdropdown-menu.open-up {
bottom: 100%;
margin-bottom: 10px;
}

.rsdropdown-menu.open-left {
right: 0;
left: auto;
}
/* #endregion */
/* #region-----------------------Dropdown Hover-------------------*/
.rsdropover .dropbtn {
  border: none;
  padding: 2px 10px;
  cursor: pointer;
  margin: -2px 10px;
  border-radius: 10px;
}

.rsdropover {
  position: relative;
  display: inline-block;
}

.rsdropover .content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #2196f3;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 3;
  color: #fff;
  padding: 12px 16px;
  font-weight: normal;
}

.rsdropover .content a:hover {background-color: #f1f1f1;}
.rsdropover:hover .content {display: block;}
.rsdropover.rs-edit{
  margin-top: 5px;
}
/* .rsdropover:hover .dropbtn {background-color: #3e8e41;} */
/* #endregion */
/* #region-----------------------Modal--------------------- */
.modal {
  display: none; 
  position: fixed; 
  z-index: 1002; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
}

.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 98%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 1.0s;
  animation-name: animatetop;
  animation-duration: 1.0s
}

@-webkit-keyframes animatetop {
  from {opacity:0} 
  to {opacity:1}
}

@keyframes animatetop {
  from {opacity:0}
  to { opacity:1}
}



.modal-header .close {
  float: right;
  font-weight: bold;
}

.modal-header .close:hover,
.modal-header .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  cursor: pointer;
  user-select: none;
  color: #ffffff;
  background: #2286d6;
  border: 1px solid #2286d6;
}
/* #endregion */
/* #region-----------------------Pagination--------------------- */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination span {
  cursor: pointer;
    color: #fff;
    text-decoration: none;
    margin: 0 5px;
    padding: 3px 12px;
    border-radius: 10px;
    background-color: #407ef5;
    transition: background-color 0.3s ease;
}
.pagination span.active,
.pagination span:hover {
  background-color: #f44336;
  color: white;
}
.pagination span.disabled{
  background-color: #c3c5c5;
}
.grid-footer{
width: 100%;
background-color: #d7e0f5;
  padding: 3px;
  border: 1px solid #d7e0f5;
}
/* #endregion */
/* #region-----------------------toast--------------------- */
.toast {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  z-index: 9999;
}

.close-toast {
  float: right;
  cursor: pointer;
  padding-left:10px;
}
/* #endregion */
/* #region-----------------------form--------------------- */
.container.detail, .container.data{
  background: #fff;
    margin: 5px;
    box-shadow: 0 4px 10px 0 #c8cceb;
    border-radius: 15px;
    padding-top: 10px;
    min-height: calc(100vh - 60px);
}
.form-group{
  margin-bottom: 15px;
padding:0px 15px;
}
.label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
  button, input, select, textarea {
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
  }

.icon-btn{
background-color: #f0f0f0;
border-radius: 20px;
}
.icon-btn:hover {
background-color: #d3d3d3;
}

.rs-head{
  /* border-left: 5px solid #3877db;
  margin-bottom: 7px!important; */
  padding: 0px;
/* color: #3877db;
font-weight: bold; */
}
.rs-head .btn{
  margin-top: 0px !important;
  margin-bottom: 10px;
}
.rs-head2{
border-bottom: 1px solid #ccc;
  margin-bottom: 7px!important;
  padding: 5px 0px;
  color: #2196f3;
  font-weight: bold;
}
.rs-foot{
  padding: 15px;
}
.rs-foot .btn {
    float: right;
    margin-left: 5px;
}
.rs-error{
border-bottom: 2px solid red !important;
}
.rs-error::placeholder{
color: red !important;
font-weight: normal!important;
}
.rs-error1{
  border: 1px solid red !important;
  }
.container.list{
  margin-top: 10px;
}
select option:disabled {
  color: red;
}
/* #endregion */

/* #region-----------------------Vertical tabs---- */
.rs-v-tab{
  display: flex;
}
.rs-v-tab .tab-btn {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 20%;
}

.rs-v-tab>.tab-btn>button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 15px;
  width: 100%;
  border:none;
  border-bottom: 1px solid #ddd;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

.rs-v-tab>.tab-btn>button:hover {
  background-color: #ddd;
}

.rs-v-tab>.tab-btn>button.active {
  background-color: #fff;
  border-left:3px solid blue;
  width: calc(100% + 2px);
}

.rs-v-tab>.tabcontent {
  float: left;
  padding: 0px 12px;
  background:#fff;
  border: 1px solid #ccc;
  width: 80%;
  border-left: none;
  min-height: 300px;
  display: none;
}  
/* #endregion */
/* #region-----------------------RS Confirm-----------*/
.rs-confirmmodal {
display: block;
position: fixed;
z-index: 1002;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}

.rs-confirmmodal .content {
background-color: #fefefe;
margin: auto;
top: calc(50% - 100px);
padding: 20px;
border: 1px solid #888;
width: 90%;
text-align: center;
position: relative;
z-index: 1002;
}

.rs-confirmmodal .close {
color: #3F51B5;
float: right;
font-size: 28px;
margin: -25px -15px 0px 0px;
}

.rs-confirmmodal .close:hover,
.rs-confirmmodal .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
} 
/* #endregion */
/* #region-----------------------Menu---------------- */
.rs-menu-icon {
  display: flex;
  align-items: center;
  /* background-color: #333; */
  background: linear-gradient(180deg, #6366f1, #3b82f6);
  padding: 10px;
  color: white;
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
  opacity: 0;
    transform: translateY(-30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.rs-menu-icon.show {
  opacity: 1;
    transform: translateY(0);
}
.rs-menu-icon .menu-icon {
  font-size: 30px;
  margin-right: 10px;
  position: absolute;
  right: 10px;
}
.rs-menu {
  position: fixed;
  left: -250px;
  width: 250px;
  height: 100%;
  background-color: #16264b;
  flex-direction: column;
  overflow-y: auto;
  transition: left 0.3s;
  z-index: 1002;
  cursor: pointer;
}
.rs-menu span, .sub-back-button {
  padding: 15px;
  text-decoration: none;
  color: white;
  border-bottom: 1px solid #747474;
display:block;
}
.rs-menu span:hover, .sub-back-button:hover {
  background-color: #575757;
}
.rs-menu .submenu {
  display: none;
  flex-direction: column;
}
.rs-menu .submenu span {
  padding-left: 30px;
}
.rs-menu .sub-back-button {
  display: none;
  background-color: #444;
  cursor: pointer;
}
#rs-formh .head{    
  font-size: 18px;
    vertical-align: super;
}
#rs-formh .fa{
  height: 24px;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}
/* #endregion */
/* #region-----------------------Right Sheet---------------- */
#rs-institute{
  color: #fbfbfb;
    font-size: 18px;
    padding-left: 20px;
}
#rs-formh{
  color: #fff;
}
#rs-fadvance{
  position: absolute;
  right: 5px;
  padding: 5px 15px;
  background: #ccc;
  border-radius: 20px;
}
#rs-rsheet{
  position: fixed;
  top: 0;
  right: -100%; /* Start hidden off-screen */
  width: 100%; /* Set the width as needed */
  height: 100vh;
  background-color: white;
  transition: right 0.3s ease;
  overflow-y: auto; /* Enable vertical scrolling if content exceeds height */
  border-left: 1px solid #ccc;
  z-index: 999;
}
#rs-rsheet.showRightSheet {
  right: 0; /* Slide in from the right to show */
}
/* #endregion */
/* #region-----------------------Datepicker----------*/
.calendar-container {
margin: 8px;
}

.calendar-table {
width: 100%;
border-collapse: collapse;
font-size: 12px;
}
.rs-date-cal .a {
color: #b5b5b5;
}
.rs-date-cal .s {
background: #ebebeb;
border-radius: 29px;
color: red;
}
.rs-date-cal .monthYear{
  color: #1e88e5;
  cursor: pointer;
}
.calendar-table th, .calendar-table td {
border: none;
padding: 7px;
text-align: center;
cursor:pointer;

}
.calendar-table td:hover {
background: #ebebeb;
border-radius: 29px;
}
.rsdropdown-menu.date{
width: 200px;
text-align: center;
}
.rs-dateicon {
    position: absolute;
    right: 17px;
    width: 16px !important;
    cursor: pointer !important;
    color: #aaa;
}
.rs-datepopup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  line-height: 2.428571;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 15px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  border-radius: 5px;
  text-align: center;
  z-index: 1001;
}
/* #endregion--------*/
/* #region-----------------------Button Group---------------------- */
.rs-btn-group {
margin-top: -5px;
display: flex;
}
.rs-btn-group .btng {
padding: 5px 20px;
border: 1px solid #ccc;
border-right: 0px;
background-color: #fff;
cursor: pointer;
color: black;
}
.rs-btn-group .btng:first-child {
border-radius: 5px 0px 0px 5px !important;
}
.rs-btn-group .btng:last-child {
border-right: 1px solid #ccc!important;
border-radius: 0px 5px 5px 0px !important;
}
.rs-btn-group .btng.active {
background-color: #e9e5e5;
}
/*#endregion*/
/* #region-----------------------Accordian---------------------- */
.rs-accordian>.set{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
}
.rs-accordian>.set > span{
  cursor: pointer;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #555;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.rs-accordian>.set > span i{
  float: right;
  margin-top: 2px;
}
.rs-accordian>.set > span.active{
  background-color:#3399cc;
  color: #fff;
}
.rs-accordian .content{
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  display:none;
  padding: 5px 0px;
}
/*#endregion*/
/* #region-----------------------Checkbox Group---------------------- */
.rs-chg {
  border: 1px solid #d0eaff;
  border-radius: 3px;
}

.rs-chg label {
  cursor: pointer;
}

.rs-chg .header {
  color: #0d73c3;
  background: #d3d3ff;
  padding: 5px;
}

.rs-chg .group {
  border-top: 1px solid #d0eaff;
  padding: 5px;
  height: 90px;
  overflow-y: auto;
}
/*#endregion*/
/* #region-----------------------Table/Form-------------------------*/
.d-c1{
  border-bottom: 1px solid #f2f2f2;
  margin: 8px 0px;
  padding: 5px 10px;
}
.d-c1 label{
  color: #3877db;
  font-size: 12px;
  display: block;
}
.d-c1 span{
  color:darkblue;
  width:100%;
}
/* #endregion */
/* #region-----------------------Button-------------------- */
.btn,.icon-btn,.btn-d {
  display: inline-block;
  font-weight: 400;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 2px 8px;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn{
  background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: #fff;
    border-radius: 4px;
    border: 1px solid;
    border-color: #524ae7;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    padding: 8px 15px;
}
.btn:hover {
  color: #e1e1e1;
  background-color: #2581ca;
  border-color: #2581ca;
}
.btn-d{
  background-color: #fff;
  /* color: #000; */
  border-radius: 15px;
  border: 1px solid #6f6f6f;
  margin: 0px 2px;
  }
.btn-d:hover,.btn-d.active {
    color: #fff;
    background-color: #1e88e5;
  }
.btn:disabled{
  background: #88bbe8;
  cursor:not-allowed;
}
.btn.default, .btn.rs-edit {
    background: #fff;
    color: #524ae7;
}
/* Floating Action Button */
.btn-fab {
    position: fixed;
    bottom: 35px;
    right: 10px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6366f1, #3b82f6);;
    color: #fff;
    font-size: 28px;
    border: none;
    box-shadow: 0 10px 20px rgba(0,0,0,0.25);
    cursor: pointer;
}
.btn-fab:active {
    transform: scale(0.9);
}

/* #endregion */
/* #region-----------------------Filter View--------------- */
#div-filter{
  color: #fff;
  background: #2196f3;
  padding: 5px 10px;
  margin: 10px 0px;
  cursor: pointer;
}
/* #endregion */
/* #region-----------------------Radio Buttons------------- */
.rs-radio {
  display: flex;
  flex-direction: column;
  gap: 12px;
  /* max-width: 400px; */
  margin: auto;
}

/* Label (tap area) */
.rs-radio label {   
   display: flex;
    align-items: center;
    padding: 5px 8px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 16px;
    background: #fff;
    transition: all 0.2s ease;
}

/* Hide default radio */
.rs-radio input[type="radio"] {
  display: none;
}

/* Custom radio circle */
.rs-radio label::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #bbb;
  margin-right: 12px;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

/* Selected state */
.rs-radio label:has(input:checked) {
  background: #c1ecff;
  font-weight: 600;
}

.rs-radio label:has(input:checked)::before {
  border-color: #007bff;
  background: radial-gradient(circle, #007bff 40%, transparent 41%);
}

/* Hover (optional) */
.rs-radio label:hover {
  border-color: #999;
}
/*#endregion*/
/* #region-----------------------Loader------------- */
.loader {
  position: fixed;
  inset: 0;
  background-color: rgb(230 244 255 / 50%); /* transparent black */
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  z-index: 9999;
}

/* Inner animated loader using a pseudo-element */
.loader::before {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  background: #25b09b;
  box-shadow: 0 0 60px 15px #25b09b;
  transform: translate(-80px);
  clip-path: inset(0);
  animation:
    l4-1 0.5s ease-in-out infinite alternate,
    l4-2 1s   ease-in-out infinite;
}
@keyframes l4-1 {
  100% {transform: translateX(80px)}
}
@keyframes l4-2 {
   33% {clip-path: inset(0 0 0 -100px)}
   50% {clip-path: inset(0 0 0 0)     }
   83% {clip-path: inset(0 -100px 0 0)}
}

/*#endregion*/
/* #region-----------------------Splash Screen------------- */
.rs-splash {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #4e73df, #1cc88a);
    z-index: 9999;
    overflow: hidden;
}

.rs-splash .content {
    text-align: center;
    color: #ffffff;
}

.rs-splash  .logo {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 3px;
    opacity: 0;
    transform: scale(0.6);
}

.rs-splash .sploader {
    margin-top: 25px;
    width: 240px;
    height: 6px;
    background: rgba(255,255,255,0.3);
    border-radius: 20px;
    overflow: hidden;
}

.rs-splash .progress {
    height: 100%;
    width: 0%;
    background: #ffffff;
    border-radius: 20px;
}
/*#endregion*/
/* #region-----------------------Image crop & resize Any frame----------*/
body.no-scroll {
    overflow: hidden;
}
.rs-imgcrop {
    position: relative;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 8px;
    max-width: 420px;
}
.rs-imgcrop .ic-preview {
    max-width: 100%;
    display: block;
    border-radius: 4px;
}
.rs-imgcrop .ic-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55);
    pointer-events: none;
    display: none;
}
.rs-imgcrop .ic-frame {
    position: absolute;
    box-sizing: border-box;
    display: none;
    z-index: 2;
    background: transparent;
    pointer-events: auto;
}

/* Edge guide lines */
.rs-imgcrop .ic-frame::before,
.rs-imgcrop .ic-frame::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

/* Horizontal lines 
.ic-frame::before {
    border-top: 2px solid rgba(255,255,255,0.9);
    border-bottom: 2px solid rgba(255,255,255,0.9);
}

.ic-frame::after {
    border-left: 2px solid rgba(255,255,255,0.9);
    border-right: 2px solid rgba(255,255,255,0.9);
}
*/
.rs-imgcrop .ic-frame .corner {
    position: absolute;
    width: 18px;
    height: 18px;
    border-color: #F44336;
    border-style: solid;
    border-width: 0;
    pointer-events: none;
}

.rs-imgcrop .corner.tl { top:-1px; left:-1px; border-top-width:2px; border-left-width:2px; }
.rs-imgcrop .corner.tr { top:-1px; right:-1px; border-top-width:2px; border-right-width:2px; }
.rs-imgcrop .corner.bl { bottom:-1px; left:-1px; border-bottom-width:2px; border-left-width:2px; }
.rs-imgcrop .corner.br { bottom:-1px; right:-1px; border-bottom-width:2px; border-right-width:2px; }

/* Resize handles */
.rs-imgcrop .ic-frame .handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent;
}
.rs-imgcrop .handle.nw { top:-7px; left:-7px; cursor:nw-resize; }
.rs-imgcrop .handle.ne { top:-7px; right:-7px; cursor:ne-resize; }
.rs-imgcrop .handle.sw { bottom:-7px; left:-7px; cursor:sw-resize; }
.rs-imgcrop .handle.se { bottom:-7px; right:-7px; cursor:se-resize; }
.rs-imgcrop .handle.n { top:-7px; left:50%; transform:translateX(-50%); cursor:n-resize; }
.rs-imgcrop .handle.s { bottom:-7px; left:50%; transform:translateX(-50%); cursor:s-resize; }
.rs-imgcrop .handle.e { right:-7px; top:50%; transform:translateY(-50%); cursor:e-resize; }
.rs-imgcrop .handle.w { left:-7px; top:50%; transform:translateY(-50%); cursor:w-resize; }

.rs-imgcrop .ic-controls {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.rs-imgcrop .ic-controls button,
.rs-imgcrop .ic-controls input {
    padding: 6px 12px;
}
/*#endregion*/
/* #region---------------------Common---------------------- */
/* Prevent unwanted blinking cursor and text selection */
* {
  /* user-select: none !important; */
  caret-color: transparent !important;
}

/* Allow normal behavior only in input fields and textareas */
input,textarea,[contenteditable="true"] {
  user-select: text !important;
  caret-color: auto !important;
}
select option:disabled {
  color: red;
}
.b {
    font-weight: bold;
}
.side-p-10{
  padding: 0px 10px;
}
.hidden{
display: none;
}
.rs-r{
  float: right;
}
.rs-l{
  float: left;
}
.rs-align-r{
  text-align: right;
}
.rs-align-l{
  text-align: left;
}
.pad15{
  padding: 15px;
}
.marg10{
  margin: 10px;
}
.class1{color: red;}

.rs-l-pil{
  font-size: 10px;
    color: #fff;
    background: #2196f3;
    padding: 2px 5px;
    border-radius: 10px;
}
.rs-h-red{
    font-size: 16px;
    color: #f44336;
    display: block;
}
.gr-small{
  font-size: 12px;
  color: #a2a2a2;
}
.gr-tag1{
    background: #ff980014;
    color: #FF9800;
    padding: 2px 10px;
    float: right;
    border-radius: 15px;
}
.gr-bc {
    font-weight: bold;
}
.gr-bc i{
    font-weight: normal;
}
.rm-h3{ /* RS Mobile */
    font-size: 14px;
    font-weight: bold;
    color: sienna;
    display: block;
    margin-bottom: 15px;
}
.gr-multiline-ellipsis {
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3; /* number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* ---------------------new---------------------- */
.image-container {
height: 175px;
padding: 15px;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 'cover' scales the image to fill the container, 'contain' scales the image to fit within the container */
}
.progress-container {
height: 5px;
background-color: #4caf50;
}
.progress-bar {
height: 5px;
background-color: #4caf50;
margin: -5px 0px 5px 0px;
width: 0%;
}

.canvasContainer {
  position: relative;
  display: inline-block;
}

.cropFrame {
  position: absolute;
  border: 2px dashed red;
  pointer-events: auto;
  box-sizing: border-box;
}
.dash-box {
    background: white;
    box-shadow: 0 4px 10px 0 #004fb047;
    margin: 10px;
    padding: 15px;
}
/*#endregion*/
/* #region-----------------------CssIcon----------*/
.fa {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.fa-flag {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%233e7e7a' d='M80 480a16 16 0 0 1-16-16V68.13a24 24 0 0 1 11.9-20.72C88 40.38 112.38 32 160 32c37.21 0 78.83 14.71 115.55 27.68C305.12 70.13 333.05 80 352 80a183.8 183.8 0 0 0 71-14.5a18 18 0 0 1 25 16.58v219.36a20 20 0 0 1-12 18.31c-8.71 3.81-40.51 16.25-84 16.25c-24.14 0-54.38-7.14-86.39-14.71C229.63 312.79 192.43 304 160 304c-36.87 0-55.74 5.58-64 9.11V464a16 16 0 0 1-16 16'/%3E%3C/svg%3E");
}

.fa-cart {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='10' cy='28' r='2' fill='%23862727'/%3E%3Ccircle cx='24' cy='28' r='2' fill='%23862727'/%3E%3Cpath fill='%23862727' d='M4.98 2.804A1 1 0 0 0 4 2H0v2h3.18l3.84 19.196A1 1 0 0 0 8 24h18v-2H8.82l-.8-4H26a1 1 0 0 0 .976-.783L29.244 7h-2.047l-1.999 9H7.62Z'/%3E%3Cpath fill='%23862727' d='M21.586 6.586L18 10.172V2h-2v8.172l-3.586-3.586L11 8l6 6l6-6z'/%3E%3C/svg%3E");
}

.fa-calendar2 {

  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1664 1792'%3E%3Cpath fill='%23000' d='M128 1664h288v-288H128zm352 0h320v-288H480zm-352-352h288V992H128zm352 0h320V992H480zM128 928h288V640H128zm736 736h320v-288H864zM480 928h320V640H480zm768 736h288v-288h-288zm-384-352h320V992H864zM512 448V160q0-13-9.5-22.5T480 128h-64q-13 0-22.5 9.5T384 160v288q0 13 9.5 22.5T416 480h64q13 0 22.5-9.5T512 448m736 864h288V992h-288zM864 928h320V640H864zm384 0h288V640h-288zm32-480V160q0-13-9.5-22.5T1248 128h-64q-13 0-22.5 9.5T1152 160v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5m384-64v1280q0 52-38 90t-90 38H128q-52 0-90-38t-38-90V384q0-52 38-90t90-38h128v-96q0-66 47-113T416 0h64q66 0 113 47t47 113v96h384v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h128q52 0 90 38t38 90'/%3E%3C/svg%3E");
  z-index: 2;
  margin-right: 10px;
}
.fa-calendar3 {
  --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-2 -3 24 24'%3E%3Cpath fill='%23000' d='M17 2a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3v2a2 2 0 1 0 4 0V2h1v2a2 2 0 1 0 4 0V2h1v2a2 2 0 1 0 4 0zM3 8v2h2V8zm0 4v2h2v-2zm12 0v2h2v-2zm0-4v2h2V8zM7 8v2h2V8zm4 0v2h2V8zm0 4v2h2v-2zm-4 0v2h2v-2zM5 0a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0V1a1 1 0 0 1 1-1m10 0a1 1 0 0 1 1 1v3a1 1 0 0 1-2 0V1a1 1 0 0 1 1-1m-5 0a1 1 0 0 1 1 1v3a1 1 0 0 1-2 0V1a1 1 0 0 1 1-1'/%3E%3C/svg%3E");
}
.fa-useronline{
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m21.1 12.5l1.4 1.41l-6.53 6.59L12.5 17l1.4-1.41l2.07 2.08zM10 17l3 3H3v-2c0-2.21 3.58-4 8-4l1.89.11zm1-13a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4'/%3E%3C/svg%3E");
}
.fa-homework{
   --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><path fill='currentColor' d='M131.3 20.35c-14.6.1-28.1 10-31.93 24.82c-2.33 9.13-.55 18.4 4.13 25.84c-7.67 4.26-13.69 11.53-16.03 20.66c-2.32 9.13-.56 18.33 4.1 25.83a32.7 32.7 0 0 0-15.96 20.6c-2.34 9.1-.54 18.4 4.18 25.8c-7.72 4.3-13.75 11.5-16.09 20.7c-2.33 9.1-.54 18.4 4.19 25.8c-7.72 4.3-13.75 11.5-16.09 20.7c-2.34 9.1-.54 18.4 4.18 25.8c-7.72 4.3-13.75 11.5-16.08 20.7c-2.34 9.1-.54 18.4 4.18 25.8c-7.72 4.3-13.75 11.5-16.09 20.7c-2.35 9.2-.51 18.5 4.3 26a32.92 32.92 0 0 0-16.28 20.8c-4.48 17.5 6.25 35.6 23.79 40.1l.1-.2l31.71 8.2l-1.47 5.7l261.56 67L374 326.5l-22.4 21.2l-87.8 26.5l15.5-42.5l-151.7-38.8l4.4-17.4l153.5 39.3l9.7-26.7l15.3-14.4l-167-42.8l4.4-17.4l178 45.6l39.6-37.4l-206.1-52.8l4.4-17.4L380.7 207l-.1.4l31.5-29.8l18.3-71.4l-261.6-67.04l-4.8 18.66c2.2-16.32-8.1-32.27-24.5-36.44c-2.7-.7-5.5-1.04-8.2-1.03m.3 17.99c1.2 0 2.4.19 3.5.48c8.1 2.09 12.9 10.13 10.8 18.27l17.2 4.4l-11 42.81c2.2-16.35-8.2-32.26-24.5-36.43l-.6-.15c-7.8-2.34-12.2-10.15-10.2-18.07c1.7-6.61 7.3-11 13.7-11.3h1.1zm-11.9 46.51c.9 0 1.9.14 2.9.36l.6.15c8.1 2.08 12.9 10.12 10.8 18.24l17.2 4.4l-11 43c2.4-16.4-8-32.6-24.4-36.7c-.7-.2-1.3-.4-1.9-.5c-7-2.7-10.9-10.1-9-17.62c1.7-6.97 7.9-11.45 14.8-11.29zm59.9 4.59l217 55.66l-4.4 17.4l-217-55.6zm-72.9 41.86h1.3c.5 0 .9 0 1.4.1c.6.2 1.2.3 1.8.5l.1-.2c8.1 2.1 12.9 10.1 10.8 18.3l17.2 4.4l-11 43c2.3-16.3-8.1-32.4-24.4-36.6c-8.18-2.1-12.94-10.1-10.85-18.3c1.69-6.6 7.25-10.9 13.65-11.2M465.4 152l-10.2 9.6l31.6 33.5l10.2-9.6zm-23.3 22L315.7 293.5l31.5 33.5l126.5-119.5zm-347.23 3.7c1.48 0 3 .1 4.53.5c8.1 2.1 12.9 10.1 10.8 18.3l17.2 4.4l-11 43c2.3-16.4-8.1-32.4-24.44-36.6c-8.14-2.1-12.9-10.1-10.82-18.3c1.7-6.6 7.32-11 13.73-11.3m-11.91 46.5c1.48 0 3 .1 4.53.5c8.14 2.1 12.91 10.1 10.81 18.3l17.2 4.4l-11 42.9c2.3-16.3-8.1-32.3-24.45-36.5c-8.14-2.1-12.89-10.1-10.81-18.3c1.69-6.6 7.31-11 13.72-11.3m-11.9 46.5c1.48 0 3 .1 4.53.5c8.13 2.1 12.89 10.1 10.81 18.3l17.2 4.3l-10.94 42.8c2.16-16.3-8.25-32.1-24.51-36.3c-8.14-2.1-12.9-10.1-10.82-18.3c1.7-6.6 7.32-11 13.73-11.3m235.34 39.2L293 346.6l37.4-11.3zm-247.25 7.3c1.48 0 3 .1 4.53.5c8.14 2.1 12.9 10.1 10.81 18.3l17.21 4.3l-11 43c2.1-16.2-8.3-32-24.53-36.2l.1-.3c-8.16-2.1-12.92-10.1-10.84-18.3c1.69-6.6 7.31-11 13.72-11.3m56.95 20.3L333.2 393l-4.4 17.4l-217.1-55.5zM47.18 364c1.48 0 3 .1 4.52.5c8.14 2.1 12.9 10.1 10.82 18.3l17.2 4.3l-3.69 14.4l-31.92-8.2v.2c-8.01-2.2-12.67-10.1-10.61-18.2c1.7-6.6 7.32-11 13.73-11.3z'/%3E%3C/svg%3E");
}
.fa-delete {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d=' M7.616 20q-.667 0-1.141-.475T6 18.386V6h-.5q-.213 0-.356-.144T5 5.499t.144-.356T5.5 5H9q0-.31.23-.54t.54-.23h4.46q.31 0 .54.23T15 5h3.5q.213 0 .356.144t.144.357t-.144.356T18.5 6H18v12.385q0 .666-.475 1.14t-1.14.475zM17 6H7v12.385q0 .269.173.442t.443.173h8.769q.269 0 .442-.173t.173-.442zm-6.692 11q.213 0 .357-.144t.143-.356v-8q0-.213-.144-.356T10.307 8t-.356.144t-.143.356v8q0 .213.144.356q.144.144.356.144m3.385 0q.213 0 .356-.144t.143-.356v-8q0-.213-.144-.356Q13.904 8 13.692 8q-.213 0-.357.144t-.143.356v8q0 .213.144.356t.357.144M7 6v13z'/%3E%3C/svg%3E");
}

.fa-like {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 24'%3E%3Cpath fill='%23000' d='M1.547 24a.33.33 0 0 1-.327-.295v-.001L0 11.336l-.001-.031c0-.182.147-.329.329-.329h8.233v13.025zm3.36-3.265v.001a1.301 1.301 0 1 0 1.301-1.301h-.002c-.719 0-1.301.582-1.302 1.301zm.48-8c0 .181.147.328.329.328h.764a.328.328 0 0 0 0-.656h-.77a.33.33 0 0 0-.329.329v.003zm-3.61 0c0 .181.147.328.328.328H4.61a.328.328 0 0 0 0-.656H2.099a.33.33 0 0 0-.328.328v.003zm9.8 9.388a1.9 1.9 0 0 1-.494-.253l.006.004l-.1-.063a21 21 0 0 1-.69-.452l-.101-.071c-.132-.095-.194-.137-.262-.133l-.72.01V12.01l-.013-.77c.451-.287.867-.56.992-.664c.17-.342.338-.628.524-.902l-.017.027q.13-.2.248-.396l1.724-2.894q.122-.204.254-.408c.145-.216.299-.474.44-.74l.024-.049a.9.9 0 0 0 .079-.521l.001.005l-.006-3.12c.063-.454.319-.838.68-1.072l.006-.004a1.97 1.97 0 0 1 1.162-.5h.007l.063-.001c.341 0 .663.081.949.224l-.012-.006c.191.092.354.19.507.3l-.01-.007l.106.07c.241.127.421.341.501.6l.002.007c.187.696.358 1.329.517 1.964l.066.259c.101.34.188.751.244 1.172l.005.042c-.171 1.574-.5 3.01-.976 4.378l.042-.138l7.693-.011h.028a1.643 1.643 0 0 1 1.63 1.848l.001-.008a1.98 1.98 0 0 1-.894 1.781l-.008.005a2.17 2.17 0 0 1 .372 1.4v-.007a1.85 1.85 0 0 1-1.137 1.873l-.012.004a2.4 2.4 0 0 1 .299 1.31v-.006a1.9 1.9 0 0 1-.886 1.733l-.008.005a2.8 2.8 0 0 1 .224 1.459l.001-.013v.188a1.834 1.834 0 0 1-2.007 1.719l.007.001h-4.429l-.015.001l-.016-.001h.001h-5.91c-.051 0-.104 0-.16.008c-.068.004-.14.01-.214.01h-.015a1.1 1.1 0 0 1-.299-.04l.008.002zm-6.015-1.387a.64.64 0 1 1 1.281.001a.64.64 0 0 1-1.281-.001'/%3E%3C/svg%3E");
}


.fa-message {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1920'%3E%3Cpath fill='%23000' d='M0 1694.235h1920V226H0v1468.235ZM112.941 376.664V338.94H1807.06v37.723L960 1111.233l-847.059-734.57ZM1807.06 526.198v950.513l-351.134-438.89-88.32 70.475 378.353 472.998H174.042l378.353-472.998-88.32-70.475-351.134 438.89V526.198L960 1260.768l847.059-734.57Z'/%3E%3C/svg%3E");
}

.fa-notification{
  --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M880 112c-3.8 0-7.7.7-11.6 2.3L292 345.9H128c-8.8 0-16 7.4-16 16.6v299c0 9.2 7.2 16.6 16 16.6h101.6c-3.7 11.6-5.6 23.9-5.6 36.4c0 65.9 53.8 119.5 120 119.5c55.4 0 102.1-37.6 115.9-88.4l408.6 164.2c3.9 1.5 7.8 2.3 11.6 2.3c16.9 0 32-14.2 32-33.2V145.2C912 126.2 897 112 880 112M344 762.3c-26.5 0-48-21.4-48-47.8c0-11.2 3.9-21.9 11-30.4l84.9 34.1c-2 24.6-22.7 44.1-47.9 44.1"/%3E%3C/svg%3E');
}
.fa-notes{
  --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><rect width="10.5" height="12.5" x="2.75" y="1.75"/><path d="m5.75 7.75h4.5m-4.5 3h2.5m-2.5-6h4.5"/></g>  /%3E%3C/svg%3E');
}

.fa-student{
  --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16 8c0 2.21-1.79 4-4 4s-4-1.79-4-4l.11-.94L5 5.5L12 2l7 3.5v5h-1V6l-2.11 1.06zm-4 6c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4" /%3E%3C/svg%3E');
}

.fa-teacher{
  --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M120.998 40.998v37.943C136.22 89.471 146 109.278 146 131.001c0 13.71-3.901 26.65-10.598 36.985c3.465 1.35 7.106 2.85 10.15 4.172l122.352-22.783l5.918 54.842l-111.748 23.219c-.862 16.261-2.45 32.262-5.289 51.566h336.217V40.998zM96 88.998c-16.595 0-32.002 17.747-32.002 42.004S79.405 173.004 96 173.004s32.002-17.745 32.002-42.002S112.595 88.998 96 88.998m156.096 81.629l-108.592 20.22c-14.24-5.602-4.956-3.035-21.469-8.517c-7.476 5.469-16.33 8.672-26.035 8.672c-8.6 0-16.53-2.523-23.428-6.9c-8.59 3.564-17.655 8.09-25.736 12.654c-12.992 7.338-23.722 13.211-27.838 16.033v130.213h20.004V232h17.996v263.002h30.004V326h17.996v169.002h26.004v-171.84l.154-.824c9.514-50.64 12.588-77.384 13.461-109.656l109.56-22.766zm-98.153 126.375c-.952 5.682-1.991 11.64-3.146 17.996H478v-17.996zM208 344.998c-16.595 0-32.002 17.747-32.002 42.004c0 18.198 8.67 32.73 20.01 38.855c3.599-1.662 7.482-2.706 11.68-2.851c4.633-.16 8.98.767 13.052 2.42c10.968-6.352 19.262-20.63 19.262-38.424c0-24.257-15.407-42.004-32.002-42.004m112 0c-16.595 0-32.002 17.747-32.002 42.004c0 18.198 8.67 32.73 20.01 38.855c3.599-1.662 7.482-2.706 11.68-2.851c4.633-.16 8.98.767 13.052 2.42c10.968-6.352 19.262-20.63 19.262-38.424c0-24.257-15.407-42.004-32.002-42.004m112 0c-16.595 0-32.002 17.747-32.002 42.004c0 18.198 8.67 32.73 20.01 38.855c3.599-1.662 7.482-2.706 11.68-2.851c4.633-.16 8.98.767 13.052 2.42c10.968-6.352 19.262-20.63 19.262-38.424c0-24.257-15.407-42.004-32.002-42.004m-223.688 95.996c-3.844.133-8.907 2.93-14.3 8.785s-10.696 14.25-15.125 22.76c-4.226 8.12-7.609 16.16-10.06 22.463h85.339c-3.04-6.436-7.138-14.549-12.133-22.711c-5.298-8.658-11.511-17.138-17.668-22.957s-11.8-8.487-16.053-8.34m112 0c-3.844.133-8.907 2.93-14.3 8.785s-10.696 14.25-15.125 22.76c-4.226 8.12-7.609 16.16-10.06 22.463h85.339c-3.04-6.436-7.138-14.549-12.133-22.711c-5.298-8.658-11.511-17.138-17.668-22.957s-11.8-8.487-16.052-8.34zm112 0c-3.844.133-8.907 2.93-14.3 8.785s-10.696 14.25-15.125 22.76c-4.226 8.12-7.609 16.16-10.06 22.463h85.339c-3.04-6.436-7.138-14.549-12.133-22.711c-5.298-8.658-11.511-17.138-17.668-22.957s-11.8-8.487-16.052-8.34z"  /%3E%3C/svg%3E');
}
.fa-configuration{
  --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="m234.67 85.33l-.004 213.338h-21.333v42.666h21.333l.005 85.33h42.666l-.004-85.33h21.333v-42.666h-21.333l.004-213.338zm-128.006 0v85.355H85.331v42.645h21.333v213.333h42.667V213.33h21.333v-42.645h-21.333V85.33zm255.981.004v128h-21.333l.013 42.663h21.333v170.666h42.688V255.997h21.333l-.013-42.663h-21.333l.013-128.004z" /%3E%3C/svg%3E');
}
.fa-admin{
  --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><circle cx="14.67" cy="8.3" r="6" fill="currentColor" class="clr-i-solid clr-i-solid-path-1"/><path fill="currentColor" d="M16.44 31.82a2.15 2.15 0 0 1-.38-2.55l.53-1l-1.09-.33a2.14 2.14 0 0 1-1.5-2.1v-2.05a2.16 2.16 0 0 1 1.53-2.07l1.09-.33l-.52-1a2.17 2.17 0 0 1 .35-2.52a19 19 0 0 0-2.32-.16A15.58 15.58 0 0 0 2 23.07v7.75a1 1 0 0 0 1 1z" class="clr-i-solid clr-i-solid-path-2"/><path fill="currentColor" d="m33.7 23.46l-2-.6a6.7 6.7 0 0 0-.58-1.42l1-1.86a.35.35 0 0 0-.07-.43l-1.45-1.46a.38.38 0 0 0-.43-.07l-1.85 1a7.7 7.7 0 0 0-1.43-.6l-.61-2a.38.38 0 0 0-.36-.25h-2.08a.38.38 0 0 0-.35.26l-.6 2a7 7 0 0 0-1.45.61l-1.81-1a.38.38 0 0 0-.44.06l-1.47 1.44a.37.37 0 0 0-.07.44l1 1.82a7.2 7.2 0 0 0-.65 1.43l-2 .61a.36.36 0 0 0-.26.35v2.05a.36.36 0 0 0 .26.35l2 .61a7.3 7.3 0 0 0 .6 1.41l-1 1.9a.37.37 0 0 0 .07.44L19.16 32a.38.38 0 0 0 .44.06l1.87-1a7 7 0 0 0 1.4.57l.6 2.05a.38.38 0 0 0 .36.26h2.05a.38.38 0 0 0 .35-.26l.6-2.05a6.7 6.7 0 0 0 1.38-.57l1.89 1a.38.38 0 0 0 .44-.06L32 30.55a.38.38 0 0 0 .06-.44l-1-1.88a7 7 0 0 0 .57-1.38l2-.61a.39.39 0 0 0 .27-.35v-2.07a.4.4 0 0 0-.2-.36m-8.83 4.72a3.34 3.34 0 1 1 3.33-3.34a3.34 3.34 0 0 1-3.33 3.34" class="clr-i-solid clr-i-solid-path-3"/><path fill="none" d="M0 0h36v36H0z" /%3E%3C/svg%3E');
}
.fa-app{
  --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17 18H7V6h10v1h2V3c0-1.1-.9-2-2-2L7 1.01C5.9 1.01 5 1.9 5 3v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-4h-2zm4-6c0-.13-.02-.26-.04-.39l.64-.48c.2-.15.26-.44.13-.66l-.57-.96a.495.495 0 0 0-.62-.2l-.72.3c-.2-.15-.42-.29-.65-.39l-.1-.77a.505.505 0 0 0-.49-.44l-1.12-.02c-.26 0-.47.18-.5.44l-.1.79c-.24.1-.45.23-.65.39l-.72-.3c-.23-.1-.5-.01-.62.2l-.57.96c-.13.22-.08.5.13.66l.64.48c-.05.13-.07.26-.07.39s.02.25.04.37l-.64.49c-.2.15-.26.43-.13.65l.56.97c.13.22.39.31.63.21l.73-.31c.2.16.42.3.67.4l.1.77c.03.25.24.44.5.44h1.12c.25 0 .46-.19.5-.44l.1-.77c.24-.1.46-.24.67-.4l.73.31c.23.1.5.01.63-.21l.56-.97c.13-.22.07-.5-.13-.65l-.64-.49c-.02-.12 0-.24 0-.37m-3 1.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5" /%3E%3C/svg%3E');
}
.fa-institute{
  --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M1.75 16A1.75 1.75 0 0 1 0 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5q0 .127-.018.25h2.268a.25.25 0 0 0 .25-.25V8.285a.25.25 0 0 0-.111-.208l-1.055-.703a.749.749 0 1 1 .832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0 1 14.25 16h-3.5a.8.8 0 0 1-.197-.026q-.148.026-.303.026h-3a.75.75 0 0 1-.75-.75V14h-1v1.25a.75.75 0 0 1-.75.75Zm-.25-1.75c0 .138.112.25.25.25H4v-1.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 .75.75v1.25h2.25a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25ZM3.75 6h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5M3 3.75A.75.75 0 0 1 3.75 3h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 3.75m4 3A.75.75 0 0 1 7.75 6h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 7 6.75M7.75 3h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5M3 9.75A.75.75 0 0 1 3.75 9h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 9.75M7.75 9h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5" /%3E%3C/svg%3E');
}
.fa-batch{
  --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M6 6h31v5h-2V8H8v23h21.387v2H6zm30 13a3 3 0 1 0 0-6a3 3 0 0 0 0 6m2.031 2.01c1.299 0 2.327.584 3 1.486c.629.845.895 1.89.955 2.855a7.6 7.6 0 0 1-.397 2.92c-.3.87-.807 1.77-1.589 2.387V40.5a1.5 1.5 0 0 1-2.98.247L35.73 33h-.298l-1.458 7.776A1.5 1.5 0 0 1 31 40.5V26.233a63 63 0 0 0-.592.919l-.078.123l-.02.032l-.005.009a1.5 1.5 0 0 1-1.274.707h-5a1.5 1.5 0 1 1 0-3h4.177c.243-.376.563-.864.899-1.354c.35-.511.736-1.052 1.08-1.476c.167-.207.354-.423.542-.6c.092-.087.22-.2.376-.3a1.7 1.7 0 0 1 .926-.282z" clip-rule="evenodd" /%3E%3C/svg%3E');
}

.fa-exam{
  --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M39 13a3 3 0 0 0-3 3v2h6v-2a3 3 0 0 0-3-3m3 7h-6v16.5l3 4.5l3-4.5zM6 9v30a3 3 0 0 0 3 3h22a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3H9a3 3 0 0 0-3 3m14 6a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1m1 3a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2zm-1 10a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1m1 3a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2zm-9-3v3h3v-3zm-1-2h5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1m6.707-10.293a1 1 0 0 0-1.414-1.414L13 17.586l-1.293-1.293a1 1 0 0 0-1.414 1.414L13 20.414z" clip-rule="evenodd" /%3E%3C/svg%3E');
}
.fa-questionbank{
  --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19.6 2H8.4A2.4 2.4 0 0 0 6 4.4v11.2A2.4 2.4 0 0 0 8.4 18h11.2a2.4 2.4 0 0 0 2.4-2.4V4.4A2.4 2.4 0 0 0 19.6 2M9 7a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1m1 2a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2zm-1 4a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1" clip-rule="evenodd"/><path fill="currentColor" d="M4 4a1 1 0 0 0-2 0v11.6C2 19.132 4.868 22 8.4 22H20a1 1 0 1 0 0-2H8.4A4.403 4.403 0 0 1 4 15.6z" /%3E%3C/svg%3E');
}
.fa-questioncategory{
  --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M27 22.141V18a2 2 0 0 0-2-2h-8v-4h2a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2h-6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2v4H7a2 2 0 0 0-2 2v4.142a4 4 0 1 0 2 0V18h8v4.142a4 4 0 1 0 2 0V18h8v4.141a4 4 0 1 0 2 0M13 4h6l.001 6H13ZM8 26a2 2 0 1 1-2-2a2 2 0 0 1 2 2m10 0a2 2 0 1 1-2-2a2.003 2.003 0 0 1 2 2m8 2a2 2 0 1 1 2-2a2 2 0 0 1-2 2" /%3E%3C/svg%3E');
}
.fa-master{
  --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M12 22h-1.5c-3.771 0-5.657 0-6.828-1.172S2.5 17.771 2.5 14v-4c0-3.771 0-5.657 1.172-6.828S6.729 2 10.5 2h1c3.771 0 5.657 0 6.828 1.172S19.5 6.229 19.5 10v1M7 7h8m-8 5h4.5"/><path d="M17.5 20.773c1.767 0 3.2-1.465 3.2-3.273c0-1.807-1.433-3.273-3.2-3.273m0 6.546c-1.767 0-3.2-1.465-3.2-3.273c0-1.807 1.433-3.273 3.2-3.273m0 6.546V22m0-7.773V13m-2.909 2.715l-1.09-.67m7.999 4.91l-1.09-.67m-.001-3.57l1.09-.67m-7.999 4.91l1.09-.67"/></g> /%3E%3C/svg%3E');
} 
.fa-back{
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M244 400L100 256l144-144M120 256h292'/%3E%3C/svg%3E");
}
.fa-home{
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='m16 8.5l1.53 1.53l-1.06 1.06L10 4.62l-6.47 6.47l-1.06-1.06L10 2.5l4 4v-2h2zm-6-2.46l6 5.99V18H4v-5.97zM12 17v-5H8v5z'/%3E%3C/svg%3E");
}
.fa-birthday{
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640' viewBox='0 0 640 640'%3E%3Cpath fill='%23000' d='m182.4 53.5l-24.6 42.1c-3.8 6.5-5.8 14-5.8 21.6v2.8c0 22.1 17.9 40 40 40s40-17.9 40-40v-2.8c0-7.6-2-15-5.8-21.6l-24.6-42.1c-2-3.4-5.7-5.5-9.6-5.5s-7.6 2.1-9.6 5.5m128 0l-24.6 42.1c-3.8 6.5-5.8 14-5.8 21.6v2.8c0 22.1 17.9 40 40 40s40-17.9 40-40v-2.8c0-7.6-2-15-5.8-21.6l-24.6-42.1c-2-3.4-5.7-5.5-9.6-5.5s-7.6 2.1-9.6 5.5m103.4 42.1c-3.8 6.5-5.8 14-5.8 21.6v2.8c0 22.1 17.9 40 40 40s40-17.9 40-40v-2.8c0-7.6-2-15-5.8-21.6l-24.6-42.1c-2-3.4-5.7-5.5-9.6-5.5s-7.6 2.1-9.6 5.5zM224 224c0-17.7-14.3-32-32-32s-32 14.3-32 32v53.5c-37.3 13.1-64 48.7-64 90.5v20.8c20.9 1.3 41.6 7.3 60.3 18l7.1 4.1c26.3 15 58.9 13.4 83.6-4.2c43.7-31.2 102.3-31.2 146 0c24.6 17.6 57.3 19.3 83.6 4.2l7.1-4.1c18.7-10.7 39.3-16.7 60.3-18V368c0-41.8-26.7-77.4-64-90.5V224c0-17.7-14.3-32-32-32s-32 14.3-32 32v48h-64v-48c0-17.7-14.3-32-32-32s-32 14.3-32 32v48h-64zm320 213c-12.7 1.2-25.1 5-36.5 11.5l-7.1 4.1c-42.6 24.3-95.4 21.7-135.3-6.8c-27-19.3-63.2-19.3-90.2 0c-39.9 28.5-92.7 31.2-135.3 6.8l-7.1-4.1C121.1 442 108.7 438.1 96 437v75c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64z'/%3E%3C/svg%3E");
}
.fa-imagegallery{
  --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' d='M1 0C.449 0 0 .449 0 1v16c0 .551.449 1 1 1h16c.551 0 1-.449 1-1V1c0-.551-.449-1-1-1zm1 2h14v12H2zm17 .906v2.031l1.813.313L19 15.75V17c0 1.104-.897 2-2 2H6.406l12.688 2.188a1 1 0 0 0 1.156-.813l2.688-15.781a1 1 0 0 0-.813-1.157zM9 3.937c-1.151 0-2.125.792-2.125 2.282c0 .974.434 1.952 1.031 2.562c.234.61-.164.842-.25.875c-1.206.436-2.625 1.245-2.625 2.031v1.282h7.938v-1.281c0-.81-1.422-1.614-2.688-2.032c-.058-.019-.417-.18-.187-.875c.595-.61 1.062-1.593 1.062-2.562c0-1.49-1.005-2.282-2.156-2.282m14.406 3.97l-.343 1.968l.718.156l-2.75 11.688l-.406-.094a1.95 1.95 0 0 1-1.719.531L5.063 19.781L4.78 20.97a1.023 1.023 0 0 0 .75 1.218l15.563 3.657a1.023 1.023 0 0 0 1.218-.75L25.938 9.53c.127-.536-.18-1.091-.718-1.219l-1.813-.406z'/%3E%3C/svg%3E");
}
.fa-todo{
  --svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M13 5h8m-8 7h8m-8 7h8M3 17l2 2l4-4'/%3E%3Crect width='6' height='6' x='3' y='4' rx='1'/%3E%3C/g%3E%3C/svg%3E");
}
/* .fa-new{
  --svg: url('data:image/svg+xml,%3Csvg xmlns  /%3E%3C/svg%3E');
} 
  */
/*#endregion*/
/* #region-----------------------Report-------------*/
/* collapsible report */
    .rs-c-report { 
      width: 100%;
      border-collapse: collapse;
    }

    .rs-c-report th,
    .rs-c-report td {
      text-align: left;
      padding: 10px;
      border: 1px solid #ddd;
    }

    .rs-c-report th {
      background-color: #d5dbff;
    }

    .rs-c-report .c-header {
      background-color: #fff;
      cursor: pointer;
    }

    .rs-c-report .c-header:hover {
      background-color: #d6d8db;
    }

    .rs-c-report .toggle-cell {
      text-align: center;
      cursor: pointer;
      width: 40px;
    }

    .rs-c-report .toggle-icon {
      font-size: 14px;
      color: #007bff;
      user-select: none;
      transition: transform 0.5s ease;
      display: inline-block;
    }

    .rs-c-report .open .toggle-icon {
      transform: rotate(90deg);
    }

    .rs-c-report .c-content {
      display: none;
    }
    .rs-c-report .sort-icon{
      color: #ccc;
    }
/*#endregion*/

/* #region-----------------------Dashboard Element--------*/
        /* dashboard Table */
  .rs-dashtable {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    max-width: 900px;
    font-size: 14px;
  }

  .rs-dashtable table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 5px;
  }

  .rs-dashtable th {
    text-align: left;
    padding: 5px;
    font-weight: 600;
    border: none;
    border-bottom: 2px solid #dee2e6;
    color: #0475ce;
  }

  .rs-dashtable td {
    background-color: #fff;
    padding: 5px;
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #dee2e6;
  }

  .rs-dashtable tr:hover td {
    background-color: #f8f8f8;
  }

  .rs-dashtable .avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 8px;
  }

  .rs-dashtable .status-badge {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
  }

  .rs-dashtable .status-pass {
    background-color: #e6fff0;
    color: #28a745;
  }

  .rs-dashtable .status-fail {
    background-color: #ffe6e6;
    color: #dc3545;
  }
  /* end dashboard Table */
  /* #endregion */
  /* #region-----------------------Dashboard Element--------*/

.dcol-6{
  width:calc(50% - 20px);
  float: left;
}
.dcol-4{
  width:calc(50% - 20px);
  float: left;
}

.dash-box{
    background: white;
    box-shadow: 0 4px 10px 0 #004fb00d;
    margin: 10px;
    padding: 15px;
    overflow: auto;
  }

  .chart-s{
     height: 350px;
     overflow: auto;
     position: relative;
  }
  .chart-m{
     min-height: 220px;
     overflow: auto;
     position: relative;
  }

  .dlinks{
    display: flow-root;
    position: sticky;
    top: -15px;
    background: #fff;
    padding-top: 10px;
    z-index: 10;
    margin-top: -15px;
  }
  .dlink-l{
    float: left;
  }
  .dlink-r{
    float: right;
    margin:0px 5px;
    color: #ccc;
    cursor: pointer;
  }
  .dlink-r:hover{
    color: darkred;
  }
  .dlink-r.active{
    color: darkred;
    border-bottom: 2px solid darkred;
  }
    /* dashboard Table */
  .rs-dashtable {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    max-width: 900px;
    font-size: 14px;
  }

  .rs-dashtable table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 5px;
  }

  .rs-dashtable th {
    text-align: left;
    padding: 5px;
    font-weight: 600;
    border: none;
    border-bottom: 2px solid #dee2e6;
    color: #0475ce;
  }

  .rs-dashtable td {
    background-color: #fff;
    padding: 5px;
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #dee2e6;
  }

  .rs-dashtable tr:hover td {
    background-color: #f8f8f8;
  }

  .rs-dashtable .avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 8px;
  }

  .rs-dashtable .status-badge {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
  }

  .rs-dashtable .status-pass {
    background-color: #e6fff0;
    color: #28a745;
  }

  .rs-dashtable .status-fail {
    background-color: #ffe6e6;
    color: #dc3545;
  }
  /* end dashboard Table */

/* horizontal bar grouped chart  */
    /* .rs-chart-hbar {
      font-family: Arial, sans-serif;
      max-width: 600px;
      margin: 30px auto;
      padding: 20px;
    } */

    .rs-chart-hbar .month-group {
      margin-bottom: 15px;
    }

    .rs-chart-hbar .month-title {
      font-size: 1.3em;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .rs-chart-hbar .bar-group {
      margin-bottom: 25px;
    }

    .rs-chart-hbar .label {
      font-size: 0.9em;
      margin-bottom: 6px;
      font-weight: 500;
	  display: inline;
    }

    .rs-chart-hbar .bar-wrapper {
      background-color: #f0f0f0;
      border-radius: 6px;
      height: 16px;
      width: 100%;
      overflow: hidden;
    }

    .rs-chart-hbar .bar-fill {
      height: 100%;
      border-radius: 6px;
      transition: width 0.4s ease, background-color 0.3s ease;
    }

    .rs-chart-hbar .value {
      font-size: 0.85em;
      font-weight: bold;
      margin-top: 4px;
      text-align: right;
    }

    .rs-chart-hbar .color-0 { background: linear-gradient(90deg, #4facfe, #00f2fe); }
    .rs-chart-hbar .color-1 { background-color: #e3b528; }
    .rs-chart-hbar .color-2 { background-color: #72603c; }
    .rs-chart-hbar .color-3 { background-color: #5c232d; }

    .rs-chart-hbar .bar-fill:hover {
      filter: brightness(0.85);
    }

    .rs-chart-hbar .percent {
      font-size: 0.9em;
      font-weight: bold;
      margin-bottom: 6px;
      text-align: right;
	  display: inline;
      float: right;
    }
    /* end horizontal bar grouped chart  */
/* Dashboard counter div  */
.rs-dash-counter {
  font-family: Arial, sans-serif;
  background-color: #f4f3fb;
  padding: 15px 10px;
  display: flex;
  gap: 1px;
  justify-content: center;
  flex-wrap: wrap; /* IMPORTANT */
}

.rs-dash-counter .card {
  background: linear-gradient(135deg, #fff, #fff);
  border: 1px solid #e5ebff;
  padding: 5px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 15px;
  transition: transform 0.3s, box-shadow 0.3s;
  width: calc(100% - 8px);
}

.rs-dash-counter .icon {
  background-color: #2581ca;
  color: white;
  padding: 10px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  width: 40px;
  height: 40px;
}

.rs-dash-counter .info {
  flex-direction: column;
  align-items: flex-start;
}

.rs-dash-counter .number {
  font-size: 20px;
  font-weight: bold;
  color: #9f0505;
}

.rs-dash-counter .label {
  font-size: 14px;
  color: #005ea9;
  padding-top: 5px;
}

    /* End Dashboard counter div  */

.rs-dash-tile {
      font-family: Arial, sans-serif;
      background: #e3ebf8;
      padding: 10px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: center;
    }

    .rs-dash-tile .tile {
      position: relative;
      background: white;
      width: 100px;
      height: 80px;
      border-radius: 12px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
      cursor: pointer;
    }

    .rs-dash-tile .tile:hover {
      box-shadow: 0 4px 16px rgb(185 217 243);
      filter: brightness(95%);
    }

    .rs-dash-tile .tile span {
      font-size: 14px;
      color: #2581ca;
    }

    /* Notification dot */
    .rs-dash-tile .tile .n-badge {
      position: absolute;
    top: -4px;
    right: -4px;
    width: 12px;
    height: 12px;
    background-color: #02da02;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #f4f7fc;
    display:none;
    }

/* student dashboard */    
.person-card {
    font-family: Arial, sans-serif;
    background: #fff;
    padding: 15px;
    /* margin-top: -30px; */
    display: flex;
    justify-content: center;
}

.person-card .card {
    width: 100%;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0px 0px 10px #214ed487;
    padding: 20px;
}

.person-card .top-section {
    display: flex;
    align-items: center;
    gap: 15px;
}

.person-card .avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #2d6cdf;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 20px;
}

.person-card .student-info h2 {
    margin: 0;
    font-size: 18px;
}

.person-card .student-info p {
    margin: 3px 0;
    color: #666;
    font-size: 14px;
}

.person-card .roll-badge {
    display: inline-block;
    background: #f1f1f1;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 12px;
    margin-top: 5px;
}

.person-card .stats {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    text-align: center;
}

.person-card .stat h3 {
    margin: 0;
    font-size: 22px;
    color: #2d6cdf;
}

.person-card .stat span {
    font-size: 13px;
    color: #777;
}
/* #endregion */
/* #region-----------------------Image Gallery-------------*/
.rs-img-gallery {
    font-family: Arial, sans-serif;
}

.rs-img-gallery .gallerycontainer {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rs-img-gallery .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-auto-rows: 150px;
    gap: 10px;
    width: 90%;
    max-width: 1000px;
    margin: 20px;
}

.rs-img-gallery .gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    cursor: pointer;
    transition: transform 0.2s;
}

/* .rs-img-gallery .gallery img:hover {
    transform: scale(1.05);
} */

.rs-img-gallery .gallery img.featured {
    grid-column-end: span 2;
    grid-row-end: span 2;
}

.rs-img-gallery .lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.rs-img-gallery .lightbox img {
    max-width: 96%;
    max-height: 96%;
    border-radius: 10px;
}

.rs-img-gallery .lightbox .close,
.rs-img-gallery .lightbox .prev,
.rs-img-gallery .lightbox .next {
    position: absolute;
    color: white;
    font-size: 2em;
    cursor: pointer;
    user-select: none;
}

.rs-img-gallery .lightbox .close {
    top: 20px;
    right: 30px;
}

.rs-img-gallery .lightbox .prev,
.rs-img-gallery .lightbox .next {
    top: 50%;
    transform: translateY(-50%);
}

.rs-img-gallery .lightbox .prev {
    left: 20px;
}

.rs-img-gallery .lightbox .next {
    right: 20px;
}
/* #endregion */
/* #region ------------------------------------Mobile Bottom Tabs ----------------- */
/* ===== App Container ===== */
.rs-bottomtab {
  height: calc(100vh - 50px);
  margin: 0 auto;
  background: #f9fafb;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* ===== Scrollable Viewport ===== */
.rs-bottomtab .tabs-viewport {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
}

/* ===== Horizontal Track ===== */
.rs-bottomtab .tabs-track {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.35s cubic-bezier(.4,0,.2,1);
}

/* ===== Screens ===== */
.rs-bottomtab .tab-screen {
  min-width: 100%;
}

/* ===== Bottom Navigation ===== */
.rs-bottomtab .bottom-nav {
  height: 50px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  flex-shrink: 0;
  padding-bottom: env(safe-area-inset-bottom);
}

.rs-bottomtab .nav-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  cursor: pointer;
  transition: color 0.25s ease, transform 0.25s ease;
}

.rs-bottomtab .nav-item i {
  font-size: 22px;
}

.rs-bottomtab .nav-item.active {
  background: #fff;
  color: #092573;
}
/* #endregion */