.table_header_search
{
    margin-bottom: 2px;
}
.reqs_table th:nth-child(1) {
    width: 3%;
}

.w_or_id_col {
    width: 5%;
    text-align: center;
    word-break: break-all;
}

.duration_col {
    width: 5%;
}

.progress_bar_col {
    width: 6%;
    text-align: center;
}

.req_tm_col {
    width: 5%;
}

.req_id_col {
    width: 5%;
    text-align: center;
}

.req_desc_col {
    width: 20%;
}

.skill_c_g_col {
    width: 7%;
    word-break: break-word;
}

.phase_col {
    width: 5%;
    text-align: center;
}

.st_tm_col {
    width: 5%;
}

.e_tm_col {
    width: 5%;
}

.ph_tm_col {
    width: 5%;
}

.assign_to_col {
    width: 7%;
}

.last_up_col {
    width: 9%;
}

.reqs_table th:nth-child(15) {
	width: 3%;
}

.reqs_table th:nth-child(16) {
	width: 3%;
}

.reqs_table th:nth-child(17) {
	width: 3%;
}

.edit_icon1 {
	width: 3%;
	/*transform: rotate(90deg);
	-webkit-transform: rotate(90deg);*/
	font-size: 16px !important;
	text-align: center;
	cursor: default;
}

#table_main th:nth-last-child(1) label {
	float: none !important;
	margin: auto !important;
}

table#main_sub_table th:nth-child(1), table#main_sub_table td:nth-child(1) {
    width: 10% !important;
}

table#main_sub_table th:nth-child(2), table#main_sub_table td:nth-child(2)  {
    width: 20% !important;
}

table#main_sub_table th:nth-child(3), table#main_sub_table td:nth-child(3)  {
    width: 25% !important;
}

table#main_sub_table th:nth-child(4), table#main_sub_table td:nth-child(4)  {
    width: 25% !important;
}

table#main_sub_table th:nth-child(5), table#main_sub_table td:nth-child(5)  {
    width: 14% !important;
}

table#main_sub_table th:nth-child(6), table#main_sub_table td:nth-child(6)  {
    width: 24% !important;
}

table#main_sub_table th:nth-child(7), table#main_sub_table td:nth-child(7)  {
    width: 8% !important;
}

table#main_sub_table th:nth-child(8), table#main_sub_table td:nth-child(8)  {
	width: 8% !important;
}

table#main_sub_table th:nth-last-child(1) {
    border: none !important;
}

/*--------------------------------------------------------------------------------------
------------------------------- REQS3 CSS START ----------------------------------------
--------------------------------------------------------------------------------------*/

.reqs_table thead tr th, .reqs_table tbody tr td, .reqs_table tbody tr th {
    font-size: var(--fontSize3) !important;
}
.table_wrap {
    display: block;
    overflow-y: auto;
}

/* NEEDED CSS */

.new_gui_table tr {
    display: table !important;
}

tr.display_none {
    display: none !important;
}

.tab_header {
    position: relative;
}

.add_record_form div.dp_wrap {
    flex: auto !important;
}

table#main_sub_table .attc_table th:nth-child(1), table#main_sub_table .attc_table td:nth-child(1)  {
    width: 50% !important;
}

table#main_sub_table .attc_table th:nth-child(2), table#main_sub_table .attc_table td:nth-child(2)  {
    width: 20% !important;
}

table#main_sub_table .attc_table th:nth-child(3), table#main_sub_table .attc_table td:nth-child(3)  {
    width: 20% !important;
}

table#main_sub_table .attc_table th:nth-child(4), table#main_sub_table .attc_table td:nth-child(4)  {
    width: 20% !important;
}

table#main_sub_table .attc_table th:nth-child(5), table#main_sub_table .attc_table td:nth-child(5)  {
    width: 10% !important;
}

table#main_sub_table .attc_table th:nth-child(6), table#main_sub_table .attc_table td:nth-child(6)  {
    width: 10% !important;
}

table#main_sub_table .note_table th:nth-child(1), table#main_sub_table .note_table td:nth-child(1)  {
    width: 15% !important;
}
table#main_sub_table .note_table th:nth-child(2), table#main_sub_table .note_table td:nth-child(2)  {
    width: 30% !important;
}
table#main_sub_table .note_table th:nth-child(3), table#main_sub_table .note_table td:nth-child(3)  {
    width: 20% !important;
}
table#main_sub_table .note_table th:nth-child(4), table#main_sub_table .note_table td:nth-child(4)  {
    width: 20% !important;
}
table#main_sub_table .note_table th:nth-child(5), table#main_sub_table .note_table td:nth-child(5)  {
    width: 8% !important;
}
table#main_sub_table .note_table th:nth-child(6), table#main_sub_table .note_table td:nth-child(6)  {
    width: 8% !important;
}

/* REQ CASE */

table#main_sub_table .req_case th:nth-child(1), table#main_sub_table .req_case td:nth-child(1)  {
    width: 30% !important;
}
table#main_sub_table .req_case th:nth-child(2), table#main_sub_table .req_case td:nth-child(2)  {
    width: 30% !important;
}
table#main_sub_table .req_case th:nth-child(3), table#main_sub_table .req_case td:nth-child(3)  {
    width: 8% !important;
}
table#main_sub_table .req_case th:nth-child(4), table#main_sub_table .req_case td:nth-child(4)  {
    width: 12% !important;
}
table#main_sub_table .req_case th:nth-child(5), table#main_sub_table .req_case td:nth-child(5)  {
    width: 12% !important;
}
table#main_sub_table .req_case th:nth-child(6), table#main_sub_table .req_case td:nth-child(6)  {
    width: 4% !important;
}
table#main_sub_table .req_case th:nth-child(7), table#main_sub_table .req_case td:nth-child(7)  {
    width: 4% !important;
}


table .table_second_sticky  th{
    z-index: 10;
    text-align: center;
    padding: 3px;
    color: var(--color21);
    font-size: var(--fontSize1);
    border-right: 1px solid var(--color34);
    word-break: break-word;
    color: #fff !important;
}

.table_body tr:nth-child(2) td {
    height: 20px !important;
    border: 1px solid !important;
    padding: 2px !important;
    border-color: var(--color34) !important;
    border-top: none !important;
    line-height: 1.5 !important ;
    position: relative !important;
    font-size: var(--fontSize1) !important;
    word-break: break-word !important;
}

/* -----------------------legal_common css -------------------------------*/
.input_box_ta {
    resize: inherit;
    font-size: 14px;
    height: 50px;
    /*width:500% !important;*/
    border: 1px solid;
    border-color: var(--color1);
    position: relative;
    top: 5%;
    left: 0%;
    right: 5px;
    -webkit-position :relative;
    -webkit-top:-47px;
    -webkit-left:8px;
}
.input_box_ta, .input_box_ta::-webkit-input-placeholder, .input_box_ta ~ label, .tree_transition {
      transition: all .2s ease;
      -moz-transition: all .2s ease;
      -ms-transition: all .2s ease;
      -o-transition: all .2s ease;
      -webkit-transition: all .2s ease;
}
.input_box_ta::-webkit-input-placeholder {
      opacity: 1 !important;
      font-size: 13px;
      font-weight: 400;
      color: var(--color2);
      transform-origin: 0 0;
  }
  .input_box_ta ~ label {
      position: relative;
      top: -95%;
      left: 5px;
      font-size: 13px;
      font-weight: 400;
      color: var(--color2);
      transform-origin: 0 0;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: text;
      z-index: -1;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
      opacity: 0;
  }

.input_box_ta:focus {border-color: var(--color11);}
.input_box_ta:focus:hover ~ .input_arrow, .focus_placeholder:hover ~ .input_arrow, .input_arrow:hover {
    display: inline-flex;
}
.input_box_ta:focus::-webkit-input-placeholder, .focus_placeholder::-webkit-input-placeholder {
      opacity: 0 !important;
      transform: translateY(-18px) scale(0.9);
      -moz-transform: translateY(-18px) scale(0.9);
      -webkit-transform: translateY(-18px) scale(0.9);
      -o-transform: translateY(-18px) scale(0.9);
      -ms-transform: translateY(-18px) scale(0.9);
      color: var(--color12);
  }

.input_box_ta:focus ~ label, .focus_placeholder ~ label {
    transform: translateY(-15px) scale(0.9);
    -moz-transform: translateY(-15px) scale(0.9);
    -webkit-transform: translateY(-15px) scale(0.9);
    -o-transform: translateY(-15px) scale(0.9);
    -ms-transform: translateY(-15px) scale(0.9);
    color: var(--color12);
    opacity: 1;
  }
.margin_top_custom{top: 61%;}
.margin_top_55_pr{top: 58%;}
.margin_right_custom{right: 85%;}
.wd_500_pr{width: 500%}
.wd_220_pr{width: 250%}

/* -----------------------------End of initial php -------------------------*/

.view_btn{
    background-color: var(--color21);
    height: auto;
    width: 20%;
    cursor: pointer;
    border: none;
    margin: -23px 91px;
    position: absolute;
}
.margin_left_zero{
    left:0px;
}
.margin_left_5px{
    left:5px;
}
b {
    color:red;
}
/*-------------------------End of Inter php -----------------------------*/