


body{
font-size : 16px!important;
font-weight : 600!important;		
}
       
   #generated-captcha {
   text-decoration: line-through;
     font-weight: bold;
     text-align: center;
     font-size: 20px;
     background-color: #ede7f6;
     border-radius: 6px;
     border: none;
     padding: 6px;
     outline: none;
     color: #1d1d1d;
     width:120px;
   }
   #entered-captcha {
     border: 2px solid #c5c7f7;
     font-family: monospace;
     outline: none;
     border-radius: 6px;
     padding: 8px 15px;
     font-size: 12px;
   }

   .css_1
   {
    background: linear-gradient(to bottom, #ffffff 0%, #99ccff 100%);
   }
   .css_2
   {
    display: flex; align-items: center; justify-content: space-between; margin: auto; width: 100%; max-width: 1200px;
   }
   .css_3
   {
    width:279px;
    height:200px;
    padding-left: 10px;
    max-height: 100px !important;
    width: auto;
   }
   .css_4
   {
    width:279px;
    height:200px;
    border-radius: 50%;
   }
   .css_5
   {
    border-style: double;
   }
   .css_left
   {
    float:left;
   }
   .css_7
   {
    flex: 1; text-align: center; margin: 0;
   }
   .css_right
   {
    float:right;
   }
   .css_8
   {
    color:#9900ff;font-weight:700;
   }
   .css_red
   {
    color:red;
   }
   .css_green
   {
    color:green;
   }
   .css_red_none
   {
    color: red; display: none;
   }
   .css_blue
   {
    color:blue;
   }
   .css_9
   {
    color:#cc33ff;font-size : 15px!important;
   }
   .css_10
   {
    padding-top:-15px;
   }
   .class_font_size_thirty
   {
    font-size:30px;
   }
   .css_none{
    display:none;
   }
   .css_block{
    display:block;

   }
   a.disabled {
    pointer-events: none;
    cursor: default;
  }
  .danger-button {
    background-color: red;
    color: white; /* Change text color if needed */
}
.myclass-view{

  width: 120px;
      height: 30px;
      font-size: 12px;
    border: none;
      padding: 2px;
    border-radius: 6px;
  color:white;
  float: center;
  background-color:#dc3545;
  }
  .table th, .table td {
          text-align: center; /* Centers text in cells */
      }
  
      .css_11
      {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .css_12
      {
        font-size: 12px;
        width: 98%; margin: auto;
      }
      .css_13
      {
        color:black;font-size : 14px!important;text-align: justify;
      }
      
.marquee-label {
  color: black;
  font-size: 16px !important;
}

.marquee-note {
  color: red;
  font-size: 16px !important;
}

.marquee-info {
  color: blue;
  font-size: 16px !important;
}

.marquee-final {
  color: #cc33ff;
  font-size: 16px !important;
}

.marquee-warning {
  color: blue;
  font-size: 16px !important;
}

.css_14
{
  width: 280px;
}

.input-group1 {
  position: relative;
  display: flex;
  align-items: center;
}

.input-group-append1 {
  margin-left: -1px; /* Adjusts the border between input and icon */
}

#boxShadow {
  border: 1px solid;
  padding: 10px;
  
  font-size: 20px;
  font-weight: 1000px;
  background: linear-gradient(to bottom, #3366cc 0%, #66ccff 100%);color:white;
  }

  .table-hover {
    background: linear-gradient(to bottom, #ffffff 0%, #99ccff 100%) !important;
}

.table-hover th,
.table-hover td {
    background: transparent !important; /* Makes the gradient visible through cells */
}

.table-hover tbody tr {
    background: rgba(255, 255, 255, 0.8); /* Slight opacity for rows over gradient */
}

/* Hover effect */
.table-hover tbody tr:hover {
    background: rgba(153, 204, 255, 0.8) !important; /* Light blue with opacity on hover */
}

.rowa {
display: none; /* Ensure it's hidden from the start */
}
.rown {
display: none; /* Ensure it's hidden from the start */
}

/* Initially hide the extra content */
.addReadMore {
display: block;
max-height: 100px;
max-width: 190px;  /* Set the height you want to show initially */
  /* Set the height you want to show initially */
overflow: hidden;
text-overflow: ellipsis;
transition: max-height 0.3s ease-in-out;
}



/* This class will be added when the content is expanded */
.addReadMore.expanded {
  max-height: 10000px;  /* Allow enough height to show full content */
  overflow-y: visible;  /* Show all content */
  text-overflow: clip;  /* Remove ellipsis when fully expanded */
}

.read-more-btn {
cursor: pointer;
background-color: #4CAF50;
color: white;
border: none;
padding: 5px 10px;
margin-top: 10px;
text-align: center;
}

.read-more-btn:focus {
outline: none;
}
.guidelines-link a {
font-weight: bold;
color: #0044cc; /* Customize the color */
text-decoration: underline;
padding: 10px;
}

.guidelines-link a:hover {
color: #002288;
text-decoration: none;
}

.move-download-btn {
    transform: translateX(500px);   
}

