.timeset_main h1, .timeset_main h2, .timeset_main h3, .timeset_main h4, .timeset_main h5, .timeset_main h6, .timeset_main .h1, .timeset_main .h2, .timeset_main .h3, .timeset_main .h4, .timeset_main .h5, .timeset_main .h6, .timeset_main p {
 margin: 0;
 font-weight: 500;
}
.timeset {
 padding: 60px 0;	
}
.timeset_main .header_ele {
 padding: 10px;
 border-bottom: 1px solid #e7e7e7;	
}
.timeset_main .time_title h4 {
 color: #172b4d;
 font-size: 24px;
 text-align: center;	
}
.timeset_main .card__panel {
  background-color: #fff;
  border: 1px solid rgba(114, 119, 138, 0.1);
  border-radius: 5px;
  padding: 20px;
  box-shadow: 0px 0px 3px rgba(114, 119, 138, 0.15);
}
.timeset_main .label__mod {
  color: #172b4d;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 15px;	
}
.timeset_main .input__mod {
  border-color: rgb(141 144 164 / 30%);
  height: 40px;
}
.timeset_main .input__mod:focus {
 border-color: #003dd3;
  box-shadow: none;		
}
.timeset_main .frm_time {
 margin-top: 20px;	
}
.timeset_main .empl_info {
     padding: 20px 0;
    width: 100%;
    max-width: 700px;
    margin: 0 auto	
}
.timeset_main .empl_label {
  color: #172b4d;
  font-weight: 400;
  font-size: 15px;		
}
.timeset_main .empl_body .row__cst{
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 align-items: center; 
 -webkit-align-items: center;
 -moz-align-items: center;
 -ms-align-items: center; 
 border: solid #ccc;
 border-width: 1px 1px 0 1px;	
}
.timeset_main .empl_body {
 border-bottom: 1px solid #ccc;
 position: relative;	
}
.timeset_main .empl__line {
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    border-right: 1px solid #ccc;
    bottom: 0;	
}
.timeset_main .p0_mod {
 padding: 0;	
}

.timeset_main .empl_label h4 {
 font-size: 14px;	
}
.timeset_main .primary_btn {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    padding: 10px 25px;
    text-transform: capitalize;
    border: solid 1px #172b4d;
    background-color: #172b4d;
}
.timeset_main .primary_btn:hover {
	opacity: 0.9;
	border: solid 1px #172b4d;
    background-color: #172b4d;
    color:#fff;
}
.timeset_main .add_more {
 margin-top: 20px;
 text-align: right;	
}
.timeset_main .empl_label p { 
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

.timeset_main .empl_label h4, 
.timeset_main .empl_label p, 
.timeset_main .empl_mod   {
 padding: 10px 15px;	
}
.timeset_main .empl_label p {
  padding-top: 7px;
  padding-bottom: 7px;
}
.timeset_main .select_mod {
  background: #fff url('../images/down_arrow.png') no-repeat right 1.1rem center;
  padding-right: 45px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

/* new css 2021 */

.timeset_main div.panel_card {
    display: block;
    width: 100%;
    background: #d9d5d5;
    min-height: 40px;
    margin-bottom: 10px;
    padding: 2px 5px;
}

.timeset_main .panel_card-header span.toggle-icn {
    float: right;
    margin-right: 15px;
}
.timeset_main .panel_card-header span {
    margin-right: 10px;
    line-height: 2.5;
}

.timeset_main .panel_card-header .panel_card-heading {
    width: 50%;
    display: inline-flex;
    overflow-wrap: break-word;
    font-weight: bold;
    padding-left: 10px;
    color: #0f2a91;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.timeset_main .panel_card-header .panel_card-bill {
    font-weight: 500;
}




/* new css 2021 Ends here */
@media screen and (max-width: 575px) {
  .timeset_main .p0_mod {
  	width: 100%;
  }
   .timeset_main .empl_body .row__cst {
   	display: inline-block;
   	width: 100%;
   	border-width: 1px 1px 1px 1px;
   	margin-bottom: 5px;
   }
   .timeset_main .empl__line {
   	display: none;
   }
   .timeset_main .empl_mod {
   	padding-top: 0;
   }
   .timeset_main .empl_body {
   	border-bottom: none;
   } 
   .timeset_main .empl_label p {
    padding: 5px 10px;
   }
   .timeset_main .timeset {
    padding: 30px 0;
   }
}