html,
body {
  font-family: 'Roboto', sans-serif;
  font-size:16px;
  height: 100%;
  background: #f0f0f0;
}

h2{
  color:#838278;
  text-align: left;
  line-height: normal;
  position: relative;
  /* border-bottom:2px solid #4F4E49; */
  text-decoration:none;
}

a{
  text-decoration:none;
  font-size:100%;
  color:#838278;
}


/*table*/
table {
  width:100%;
  /* table-layout:fixed; Added fixed table layout to prevent cell width changes based on content */
  /* border-radius: 0.5rem; */
  /* border: 1.5px solid #666665; */
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 0 10px rgba(228, 228, 228, 0.2);
  position: relative;
  overflow-x: auto;
}

th {
  width:25px;
  height:25px;
  background-color: rgb(62, 63, 65);
  color: white;
  padding: 5px;
  align-items: center;
  justify-items: center;
  /* border: 1.5px solid #666665; */
}

td {
  width:25px;
  height:25px;
  padding: 5px;
  align-items: center;
  justify-items: center;
  /* border: 1.5px solid #666665; */
  text-overflow:ellipsis; /* Changed text-overflow to ellipsis for better responsiveness */
  white-space: nowrap; /* Prevent line breaks within table cells */
  overflow: auto;
}

.desc-container {
  width: 50%;
  height: 50%;
}

img {
  width: 25%;
  height: 25%;
  object-fit: cover;
  align-items: center;
  justify-items: space-evenly;
}



.alert-danger {
  background-color: #f2dede;
  color: #a94442;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 10px;
}

/* BUTTON */
/* .btnDiv {
  padding-top:2%;
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content:start;
  position:relative;
} */


.btnDiv-LRE {
  padding-top:5%;
  display:flex;
  flex-direction:row;
  justify-content:space-around;
  position:relative;
}

.submitbtn{
  background-color: #2F3A49;
  color: #e4e2e2;
  /* font-size:1vw; */
  /* border: 3px solid #2F3A49; */
  border:none;
  border-radius: 0.5rem;
  padding: 1.5%;
  position: relative;
  text-decoration:none;
  transition-timing-function: ease;
  transition: background-color 0.3s, color 0.3s, padding 0.3s ;
}

.submitbtn:hover {
    background-color: #12a6bd;
  /* border: 3px solid #00DDFF; */
  color: white;
  transition-delay: background-color 0.3s, color 0.3s, padding 0.3s ;
}

.generatebtn{
    background-color: #2F3A49;
    color: #e4e2e2;
    /* font-size:1vw; */
    /* border: 3px solid #2F3A49; */
    border:none;
    border-radius: 0.5rem;
    padding: 1.5%;
    position: relative;
    text-decoration:none;
    transition-timing-function: ease;
    transition: background-color 0.3s, color 0.3s, padding 0.3s ;
  }

  .generatebtn:hover {
      background-color: #1dcc6c;
    /* border: 3px solid #00DDFF; */
    color: white;
    transition-delay: background-color 0.3s, color 0.3s, padding 0.3s ;
  }

.submitbtn-trash{
  background-color: #2F3A49;
  color: #e4e2e2;
  /* font-size:1vw; */
  border: 3px solid #2F3A49;
  border:none;
  border-radius: 0.5rem;
  padding: 1.5%;
  position: relative;
  text-decoration:none;
  transition-timing-function: ease;
  transition: background-color 0.3s, color 0.3s, padding 0.3s;
}

.submitbtn-trash:hover {
  background-color: #d46b6b;
  /* border: 3px solid #FF6E6E; */
  color: white;
  transition-delay: background-color 0.3s, color 0.3s, padding 0.3s;
}

.resetbtn{
  background-color: #2F3A49;
  color: #e4e2e2;
  /* font-size:1vw; */
  /* border: 3px solid #2F3A49; */
  border:none;
  border-radius: 0.5rem;
  padding: 1.5%;
  position: relative;
  text-decoration:none;
  transition-timing-function: ease;
  transition: background-color 0.3s, color 0.3s, padding 0.3s ;
}

.resetbtn:hover {
    background-color: #e1d339;
  /* border: 3px solid #00DDFF; */
  color: white;
  transition-delay: background-color 0.3s, color 0.3s, padding 0.3s ;
}

/* BUTTON ENDS */

form{
  width:100%;
  height:100%;
}

/* label */

.label-FORM{
  padding-top:2%;
  font-size:100%;
  color:#838278

}

.labelForm{
  color:#838278;
  text-align:center;
  padding-top:2%;
  padding-bottom:2%;
  }

  /* .label-NAV-app-title{
    color:#838278;
    text-decoration:none;
    text-align:left;
    padding-top:2%;
    padding-bottom:2%;
    font-size:24px;
    font-weight: bold;
    } */

.tableDiv{
  text-align:center;
  width: 100%;
  height:100%;
  position:relative;
}

.FrmLblDiv{
  position:relative;
}

.Dashboard-card{
  background-color: rgb(255, 255, 255);
  box-shadow: inset 0 0 10px rgba(224, 223, 223, 0.5);
  padding:5% 4% 5% 4%;
  width: 100%;
  height:100%;
  border-radius: 0.5rem;
  /* border:1px solid black; */
  position: relative;
}
.Dashboard-card-LRE{
  background-color: rgb(255, 255, 255);
  box-shadow: inset 0 0 10px rgba(230, 228, 228, 0.7);
  padding:2% 3% 2% 3%;
  border-radius: 1rem;
  /* border:1px solid black; */
  /* position: relative; */
}

/* .MorphSuccess{
  background-color: #e6e6e6;
  color: #64c564;
  text-align: center;
  width:100%;
  padding: 1%;
  box-shadow: inset 0 0 10px rgba(201, 202, 202, 0.7);
  border-radius: 0.5rem;
} */


/* SIDEBAR STARTS */
/* nav[class="1"]{
  background-color: rgba(47, 58, 73, 1);
  padding-top:2rem;
  width:100%;
  /* height:100%;
  min-height:100%; */
  /* position:relative;
  overflow: hidden;
  transition:width 0.2s linear;
  box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1);
/* } */

/* nav[class="1"]:hover{
  background-color:#222;

  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem ;
  transition:all 1s ease;
} */
/*
ul{
  padding:2% 1.5%;
  list-style-type: none;
}

li{
 padding-top:5%;
} */

/* .navMorphTitle{
  color:#838278;
  padding-top:50px;
  padding-left:10px;
  line-height:normal;
  width: 280px;
  text-align: left;
  position:relative;
  }

.navMorphTitle:hover {
  text-shadow: 0px 0px 2px rgba(131, 130, 120, 0.8);
} */

/* .navMorphLogOut{
  color:#838278;
  width: 280px;
  padding:5% 0% 5% 5%;
  line-height:normal;
  text-align: left;
  position: absolute;
  bottom: 0;
  padding-bottom:20px
}
.navMorphLogOut:hover {
  text-shadow: 0px 0px 2px rgba(131, 130, 120, 0.8);
} */
.icon{
  color: #ffffff;
  padding-bottom:2%;
}
/* SIDEBAR ENDS */

/* BODY CUSTOM*/
.container-1{
  display: flex;
  flex-direction:row;
  /* flex-grow:1; */
  /* flex:1;  */
  justify-content:start ;
  align-items:start;
  width:100%;
  height:100%;
  padding-left:0px;
  padding-top:0px;
}
.container-2{
  display: flex;
  flex-direction:column;
  justify-content:start;
  align-items:start;
  max-width:100%;
  height:100%;
  padding-left:0%;
  position:relative;
}



.login-body{
  display: flex;
  flex-direction:row;
  justify-content: space-evenly;
  align-items: center;
  position:relative;
  height:100%;
  width:100%;

}

.register-body{
  display: flex;
  flex-direction:row;
  justify-content: space-evenly;
  align-items: center;
  position:relative;
  height:100%;
  width:100%;

}
.edit-body{
  display: flex;
  flex-direction:row;
  justify-content: space-evenly;
  align-items: center;
  position:relative;
  height:100%;
  width:100%;
}

.reset-body{
  display: flex;
  flex-direction:column;
  justify-content: space-around;
  align-items: center;
  height:100%;
  width:100%;
}

/* .fill-body-1{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: start;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 2% 0% 2% 0%;
}

.fill-body-2{
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  position:relative;
  padding:0% 5% 0% 5%;
  width:100%;
} */

.mainbody {

  width:100%;
  padding-left:0;
  padding-top:0;

}