.box_border{
  padding : 20px 20px;
  border: 1px solid #eaeaea;
  border-radius: 5px;
}

.pd_lr20{
  padding-right :  20px;
  padding-left :  20px;
}
.textarea_{
  line-height: 20px;
}

.h_100{
  height : 100%;
}
.mx_w_300 {
  max-width: 300px;
}

.max_w_600{
  max-width: 600px;
}
.min_h_200{
  min-height: 200px;
}

.mg_t_b_10{
  margin : 5px 0px;
}

.ovf_scroll{
  overflow-y: scroll;
}
.mb_50{
  margin-bottom: 30px;
}

hr {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #eaedf1;
    opacity: 1;
    background-color: transparent;
}

.radio_mng{
  margin-top: 3px;
  transform: scale(1.2);
}

.cr_info_label{
  padding: 0px;
  width: 20px;
  height: 20px;
  justify-content: center;
  text-align: center;

}




.cr_info_box{
  width: 100%;
  max-width: 618px;
  padding: 10px 20px;
  border-radius: 6px;
  border: 1.5px solid #dfdfdf !important;
}

/* UB */

.toast_pop{
  position: absolute;
  top: 20px;
  width: 90%;
  z-index: 9999;
  margin: 0 2.1%;
  background-color: rgba(99, 113, 120, 0.8);
  border-radius: 6px;
  padding: 1.5rem 2rem;
  display: flex;
  align-items: center;
}


#popup {
  display: none;
  animation: slideDown 0.4s ease-out, fadeOut 0.4s ease-in 0.4s forwards;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

#popup.show {
   display: flex;
  opacity: 1;
  transform: translateY(0);
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
  }
}