/* Div container for table. */
  .editable_container .my_target{
    position: relative;
    border:1px solid #333;
    height:100%;
    overflow:auto;
    padding-bottom:250px;
  }
/* -------------------------------------------------------- */
  .editable_container  table.editable_popup{
    width:100%;
    border:0px;
  }
  .editable_container table.editable_popup tbody tr td:nth-child(1){
    font-size: 14px !important;
  }
  .editable_container table.editable_popup thead th,
  .editable_container table.editable_popup tbody tr td:nth-child(2),
  .editable_container table.editable_popup tbody tr td:nth-child(2) input,
  .editable_container table.editable_popup tbody tr td:nth-child(2) select,
  .editable_container table.editable_popup tbody tr td:nth-child(2) option,
  .editable_container table.editable_popup tbody tr td:nth-child(2) textarea,
  .editable_container table.editable_popup tbody tr td:nth-child(2) p{
      font-size: 15px !important;
  }
/* -------------------------------------------------------- */
  .editable_container p.error_report{
    padding-left:5px;
    padding-right:5px;
    background: #fc4365 ;
    font-weight: 500;
    color:white;
    border-radius: 5px;
    display:none;
    padding: 0px;
    padding-left:5px;
    padding-right:5px;
    margin:2px;
    margin-top:5px;
    /* overflow-wrap:  */
    /* float:left !important; */
  }
/* -------------------------------------------------------- */
  .editable_container .loading_gif{
    display: inline-block;
    display: none;
    padding-left: 10px;
  }
  .editable_container .loading_gif::before{
  content:"\00a0";
  width:40px;
  background-repeat:no-repeat;
  display:inline-block;
  }

  .editable_container .gif{
    width:100%;
    height:30%;
    top:25%;
    position: absolute;
    margin:0 auto;
  }
/* -------------------------------------------------------- */
  .editable_container table tbody  tr td:nth-child(1){
    padding-left:8px !important;
    height:35px !important;
  }
  .editable_container table tbody tr td:nth-child(2){
    padding: 2px;
  }

  .editable_container table th{
    z-index: 100 !important;
  }

  .editable_container  table tr td input.target_editable:disabled,
  .editable_container  table tr td select.target_editable:disabled,
  .editable_container  table tr td textarea.target_editable:disabled{
    background-color: #e2e2e2 !important;
    color:#333 !important;
  }

  .editable_container  table tr textarea.target_editable{
    min-height:75px;
    max-height: none; /* UNSET MAX HEIGHT. */
  }

  /* .editable_container table td{ */
    /* line-height: 20px !important;
    min-height: 30px !important; */
  /* } */


  .editable_container table.editable_popup thead  tr th{
    /* padding-top:8px !important; */
    /* line-height: 30px !important; */
    /* height:30px !important; */
    /* border-top:0px solid #333 !important */
    padding:8px ;
    padding-top:12px !important;
    padding-bottom:12px !important;
  }

  .editable_container  table thead th:first-child{
    width: 30%;
  }
  /* .editable_container  table thead th:nth-child(2){
    width: 70%;
  } */
  .editable_container  table thead th:nth-child(3){
    width: 50px;
    text-align: center;
  }

  .editable_container table{
    /* margin-bottom:250px !important; */
  }
/*
.editable_container  table tr td.separate{
  border-top:6px solid #fb3e65  !important;
  border-top:4px solid #454952   !important;
  padding:0px !important;
  height:0px !important;
} */

.editable_container table tr.border_left{
  /* border-top: 3px solid #16d18e !important;
  border-top: 3px solid #13b97e !important; */
  border-top: 2px solid var(--my_blue) !important;
  /* border-bottom:1px solid #454952 !important; */
    border-top: 4px solid var(--my_blue) !important;
}

.editable_container button.save_changes.is_blue{
  background: royalblue !important;
}

.editable_container table:hover{
  cursor: default;
}

.editable_container .test_ready{
  background-image: radial-gradient(#16d18e,#17b17a);
  display:inline-block;
  float:left;
  width:16px;
  height:16px;
  border-radius: 50%;
  margin: auto 0;
  margin:8px;
  border:1px solid #656565;
}

div.modal.editable_container  input.has_been_changed,
div.modal.editable_container  textarea.has_been_changed,
div.modal.editable_container  select.has_been_changed{
  border:3px solid #fc4365 !important;
}

.editable_container table tr td{
    background-color: #eee !important;
    background-color: #f5f5f5 !important;
    background-color: white !important;
}

.editable_container table tr td:nth-child(3){
  text-align: center;
}

.editable_container table tr td:nth-child(3){
  color:White !important;
  font-size: 16px !important;
  text-shadow: 0px 0px 3px #333;
}


.editable_container table tr td:nth-child(2),
.editable_container table tr td:nth-child(3){
    background-color: #eee !important;
}

.editable_container table tr.error td{
  background-color:  #fc4365 !important;
  color: white !important;
  text-shadow: 0px 0px 3px #454952;
}

.editable_container .auto_close{
    height: 38px;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    user-select: none;
}
.editable_container .auto_close input[type="checkbox"]{
  height:30px;
  width:30px;
  position: absolute;
  bottom:0px;
}
.editable_container .auto_close p{
  position: absolute;
  left: 35px;
  bottom:0px;
  display: inline-block;
}

.editable_container table tr.pressed_target td:nth-child(1)::after{
  content:"clicked";
  padding: 0 5px;
  margin-left: 3px;
  border-radius: 5px;
  display:inline-block;
  background-color: royalblue !important;
  color:white !important;
}

/* .editable_container .editable_footer .grouped_win7,
.editable_container .editable_footer .grouped_win7 button, */
.editable_container .editable_footer button{
  height:38px !important;
}

.editable_container table tbody tr td.question_mark{
  background-color: var(--my_pink) !important;
  transition: background 0.5s ease-in;
}

.editable_container table tbody tr td{
  /* border-bottom:1px solid rgb(195, 195, 195) !important; */
  /* border-color: rgba(195, 195, 195,0.5)  !important; */
}
