body{
       font-family:"Noto Sans", sans-serif !important;
   }
   
   th{
       background-color:#8886f3 !important;
   }
   td {
        background: #e4f2ff !important;
    }
   
   
    .PName {
      margin: 0px 10px;
      letter-spacing: 2px;
    }
    @media only screen and (max-width: 1024px) {
      .PName {
        font-size: 16px;
      }
    }
    @media only screen and (max-width: 768px) {
      .top-menu {
        display: none;
      }
      .designattion {
        display: none;
      }
      .topbar .navbar {
        justify-content: space-between;
      }
    }
    @media (max-width: 415px) {
      .PName {
        font-size: 14px;
      }
      .page-content {
        padding: 1.5rem 0rem 0.7rem 0rem !important;
      }
    }
    .sidebar-wrapper {
      /*background-image: url(../assets/images/bg-themes/1.png) !important;*/
      /*background-size: cover !important;*/
      background-color:#fff;
    }
    .sidebar-wrapper .metismenu a {
      /*color: rgb(255 255 255 / 85%) !important;*/
      color: #262a2a !important;
    }
    .sidebar-wrapper .metismenu .mm-active > a,
    html.color-sidebar .sidebar-wrapper .metismenu a:active,
    html.color-sidebar .sidebar-wrapper .metismenu a:focus,
    html.color-sidebar .sidebar-wrapper .metismenu a:hover {
      color: #fff;
      text-decoration: none;
      background: rgb(255 255 255 / 18%);
      border-radius: 5px;
    }
    .sidebar-header {
        background: #fff;
    }
    .sidebar-wrapper .metismenu ul {
      background: none;
      border: none;
    }
    
    
    .sidebar-wrapper .metismenu a:focus, .sidebar-wrapper .metismenu a:hover {
        color: #262a2a !important;
        background:#fda700;
        border-radius: 5px;
        /*box-shadow: 0 5px 10px 1px #c8c8c8;*/
    }
    
    .sidebar-wrapper .metismenu .mm-active > a {
        background: #fda700;
        color: #262a2a !important;
        border-radius: 5px;
        /*box-shadow: 0 5px 10px 1px #c8c8c8;*/
    }
    
   
    .sidebar-wrapper .metismenu a:active{
            color: #fda700 !important;
    }
    .mm-collapse.metismenu .mm-active a:active{
        color: #fda700 !important;
    }
    
    .sidebar-wrapper .metismenu a{
        padding:5px 10px;
    }
    .menu-label {
        padding: 0px 13px 5px 5px;
     }
    
    
    .toggle-icon {
      color: #262a2a;
    }
    .headercolor2 .topbar {
      background: #e5e7ff;
    }
    .logo-text {
      color: #32393f;
      letter-spacing: 4px;
    }
    .txt-style li a {
      padding-left: 30px !important;
      font-size: 12px !important;
    }
    .hover-box:hover {
      background-color: white;
    }
    .hover-box:hover .parent-icon i {
      color: #262a2a;
    }
    .hover-box:hover .menu-title {
      color: #262a2a /* your desired color here */;
    }
    .has-arrow:hover {
      background: #fff !important;
      color: #262a2a !important;
    }
    .sidebar-wrapper .metismenu a:focus,
    .sidebar-wrapper .metismenu a:hover {
      color: #262a2a !important;
    }
    .sidebar-wrapper .metismenu ul a:hover {
        background: #fda700;
        color: #262a2a !important;
        border-radius: 5px;
    }
    .user-box {
      margin-left: auto;
    }
    
    .metismenu .hover-box .parent-icon i ,.sidebar-wrapper .metismenu ul a i{
        color: #262a2a;
        font-size: 16px;
        background: #f6f6f6;
        border-radius: 5px;
        width: 26px;
        height: 26px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
	
	
	.Registration-Box h5 {
        color: #262a2a !important;
        font-weight: 600 !important;
        text-transform: uppercase;
        font-size: 16px !important;
    }

    /*Progress Bar Design*/

    .common-frm-upload .containers {
         width: 100%;
            max-width: 400px;
            margin: 20px auto;
            padding: 30px 10px;
            border: 1px solid #ccc;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            background-color: #f9f9f9;
            text-align: center;
    }
    .common-frm-upload #Bars {
        width: 100%;
        height: 20px;
        appearance: none;
        border-radius: 5px;
        background: linear-gradient(to right, #4caf50 0%, #f0f0f0 100%);
        overflow: hidden;
    }
    .common-frm-upload #Bars::-webkit-progress-bar {
        background-color: #e0e0e0;
        border-radius: 5px;
    }
    .common-frm-upload #Bars::-webkit-progress-value {
        background-color: #4caf50;
        border-radius: 5px;
    }
    .common-frm-upload #Bars::-moz-progress-bar {
        background-color: #4caf50;
        border-radius: 5px;
    }

/* Span styling */
    .common-frm-upload .span {
        display: block;
        margin: 5px 0;
        font-weight: bold;
        color: #333;
    }

/* Cancel button styling */
    .common-frm-upload button#cancel {
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        background-color: #d9534f;
        color: white;
        cursor: not-allowed; /* Indicates disabled state */
        transition: background-color 0.3s ease;
    }
    .common-frm-upload button#cancel:enabled {
        cursor: pointer;
        background-color: #d9534f;
    }
    .common-frm-upload button#cancel:enabled:hover {
        background-color: #c9302c;
    }
    .common-frm-upload .span{
        width: fit-content;
        line-height: 19px;
        border-radius: 3px;
        position: relative;
        top: 1px;
        text-align: center;
        display: inline-block;
        background-color: white;
        color: #333;
        padding: 0 5px;
    }

/*Select 2 CSS*/

    .select2{
    width: 100% !important;
    font-size: 1rem;
    font-weight: 400;
}

    .select2-container .select2-selection--single .select2-selection__rendered span{
        display:block !important;
        padding:.375rem 2.25rem .375rem .75rem;
    }
    .select2-container .select2-selection--single .select2-selection__rendered{
        padding-left: 0px;
    }
    .select2-container .select2-selection--single{
        height: 38px !important;
        padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    }
    .select2-container--default .select2-selection--single {
        border: 1px solid #ced4da;
        border-radius: 0.375rem;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 100%;
    }