/* styles.css */
.form-group {
    margin-bottom: 20px;
  }

  .custom-border {
    border-radius: 5px; /* You can adjust the value to change the border radius */
}

.scrollable {
  max-height: 200px; /* Set a maximum height to trigger the scrollbar */
}

.scrollable::-webkit-scrollbar {
  width: 15px; /* Adjust the width as needed */
}
td {
  border: 1px solid black;
  word-wrap: break-word;
}
  
  
  .submit-button {
    background-color: #ffffff;
    color: #437383;
  }

  .group-fields { /* Example border properties */
    border-radius: 10px;
    padding: 13px;
    /* display: inline-block; */
  }
.grp{
  text-align: center;
  padding: 5px;
  background-color: gray;
  color:white;

}

.download-template{
  width: 200px; height: 50px; font-size: medium;

}

@media (max-width: 425px) {
  .download-template{
    width: 100pxdirection; height: 30px; font-size: small;
  
  }
  
  
}

.dropdown-container {
  position: relative;
  display: inline-block;
}

.sub-dropdown {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
}
button {
  background-color: #437383; /* Set the background color */
  color: white; /* Set the text color */
  padding: 10px 20px; /* Set padding to create space around the text */
  border: none; /* Remove the default button border */
  border-radius: 5px; /* Round the button corners */
  text-decoration: none; /* Remove underline from link */
  cursor: pointer; /* Change cursor to pointer on hover */
}

.custom-margin {
  margin-left: 20px; /* Adjust the value as needed */
}


button:hover {
  background-color: #0056b3; /* Change background color on hover */
}



.main-div {
  
  border: solid;
  border-radius: 10px;
  border-color:gainsboro;
  background-color: gainsboro;;
}

.form-container{
  padding: 10px;
}


.icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px; /* Adjust the height as needed */
  padding-top: 15rem; /* Add top padding of 10rem */
 
}

.icon-container i {
  font-size: 5rem; /* Set the icon size to 20px */
  color: rgb(74, 85, 240); /* Set the icon color to white */
}

/* Example CSS */
.success-message {
  color: green;
  /* any other styles you want for success messages */
}
.confirmation {
  padding: 20px;
  border-radius: 5px;
}
.details {
  margin-top: 15px;
}
h1{
  color:green;
  margin-bottom: 50px;
}


.data {
  margin: 2%;
  font-size: 20px;
  width: 650px;
}

label {
  margin-bottom: 5px;
  display: inline-block;
}

input {
  

  width: auto;

}

.mrkC{
  color: #0056b3;
  text-decoration: underline;
  cursor: pointer;
}
.crdtPU{
  margin-left: 15px;
  width: 100%;
  padding: 0.375rem 0.75rem;
}

.tablesuccess{
  background: #437383 !important;
}

.row1{
  display: flex;
  height: 3rem;
  font-weight: 700;
  font-size: 17px;
  padding: 10px;
  text-wrap: wrap;
  /* border: 1px solid #ddd; */
  
}

.row-content{
  width: 40rem;
  text-align: left;
}
.row-header{
  width: 20rem;
  text-align: left;
  color: #437383;

}
.survey-content{
  margin-top: 10px;
  margin-bottom: 10px;
  /* padding: 20px; */
  /* background-color:#E5E4E2; */
}

@media screen and (min-width: 768px) {
  .row-header{
    width: 36rem;
    text-align: left;
    color: #437383;
  
  }
}

    .messages {
        list-style-type: none;
        padding: 0;
    }

    .messages li {
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
    }

    .messages .success {
        background-color: #d4edda;
        color: #155724;
        border: 1px solid #c3e6cb;
    }

    .messages .error {
        background-color: #f8d7da;
        color: #721c24;
        border: 1px solid #f5c6cb;
    }

    .messages .warning {
        background-color: #fff3cd;
        color: #856404;
        border: 1px solid #ffeeba;
    }

    .messages .info {
        background-color: #d1ecf1;
        color: #0c5460;
        border: 1px solid #bee5eb;
    }