.table-row {
      padding: 10px;
      background-color: #fff;
      flex-wrap: wrap;
      position: relative;
      cursor: pointer;
      padding: 12px;
      border-radius: 10px;
    }


    @media(max-width:576px){
         .table-row {
            border-radius: 15px;
            border-bottom: none;
         }
    }
  .table-row:not(.collapsed) {
 
  border-radius: 10px 10px 0px 0px;
  border-bottom: 1px solid #eee;
  }

  .table-row:not(.collapsed) .bx-plus{
    display: none;
  }
   .table-row:not(.collapsed) .bx-minus{
    display: inline-block;
  }
  .table-row .bx-minus{
    display: none;
  }
.mowhiba-client .comment-box{
  background-color: #fbfbfb !important;
}

    .table-header {
      font-weight: 600;
      background-color: #f8f9fa;
    }

.btn-select-table{
  background-color: transparent;
  border: none;
  color: #6c757d;
  border-radius: 5px;
  padding: 5px 10px;
  background-color: #fff;
}


.btn-new-order{
    background-color: #fff;
    padding: 6px 10px;
    color: #6c757d !important;
    border-radius: 5px;
    font-size: 12px;
    display: inline-block;
    transition: 1s;
    border: none;
}

 
    /* ====================== */


.status-progress .circle-order {
   color: #E2A947;
    background-color: rgba(241, 180, 76, 0.18);
}
.status-done .circle-order {
    color: #34c38f;
    background-color: rgba(52, 195, 143, 0.18);
}
.badge-soft-warning {
    color: #E2A947;
    background-color: rgba(241, 180, 76, 0.18);
}

.badge-soft-success {
    color: #34c38f;
    background-color: rgba(52, 195, 143, 0.18);
}
.badge-soft-standard{
        color: #6B6681;
    background-color: rgba(32, 34, 131, 0.1);
}
.badge-soft-info {
    color: #50a5f1;
    background-color: rgba(80, 165, 241, .18);
}

.circle-order{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 20px;

}

.certification-details-div textarea {
    border: none;
    width: 100%;
    font-size: 14px;
    color: #2b254b;
    padding: 8px;
    background-color: #EEF3F8;
    border-radius: 5px;
    min-height: 100px;
}

        .font-size-10{
            font-size: 10px !important;
        }
    .font-size-11{
            font-size: 11px !important;
        }

            .font-size-12{
            font-size: 12px !important;
        }
        .font-size-13{
            font-size: 13px !important;
        }
         .font-size-14{
            font-size: 14px !important;
        }

        .btn-info-order{
            background-color: #eceff5;
            border-radius: 10px;
            font-size: 14px;
            border: none;
            padding: 7px;
        }


 


      .list-transaction{
        background-color: #fff;
        padding: 10px;
        position: relative;
        margin-bottom: 10px;
        border-radius: 10px;
        box-shadow: 0 0.75rem 1.0rem rgba(18, 38, 63, 0.03);
      }
      .date-transaction{
     border-radius: 0px 0px 10px 10px;
        text-align: center;
        position: absolute;
        left: 20px;
        top: 0px;

      }
      .link-transaction .btn-outline-sys{
    background-color: #f1f3f4;
      }
      .info-order-container{
        border-radius: 5px;
        
      }
      .circle-info-order{
        /* background-color: #fff; */
        border-radius: 30px;
        width: 30px;
        height: 30px;
        background-color: #fafafa;
      }
      .btn-close{
        outline: none;
      }
   /* ============================ */


.comments-container {padding: 30px 15px 15px 15px;background-color: #fff;width: 100%;margin-top: -13px;border-radius: 0px 0px 10px 10px;}
.comment-main-level{

position:relative;

padding-left: 58px;
}
.comment-main-level:lang(ar){padding-left:0px;padding-right: 58px;}

.comments-list {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	position: relative;
}


.comments-list:before {
	content: '';
	width: 3px;
	height: 100%;
	background: #e4e6e7;
	position: absolute;
	left: 32px;
	top: 0;
}

.comments-list:lang(ar):before {
	left:auto;
	right: 25px;
}

.comments-list:after {
	content: '';
	position: absolute;
	background: #848484;
	bottom: 0;
	left: 23px;
	width: 8px;
	height: 8px;
	border: 4px solid #dbdbdb;
	border-radius: 50%;
}
.comments-list:lang(ar):after {
  	left: auto;
  	right: 23px;
}




.comments-list li:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	width: 0;
}




/**
 * Avatar
 ---------------------------*/
.comments-list .comment-avatar {
	width: 50px;
	height: 50PX;
	top: 0px;
	left: 2px;
	position: absolute;
	z-index: 1;
	background-color: #ffffff;
	border: 3px solid #e4e6e7;
	/* -webkit-border-radius: 4px; */
	-moz-border-radius: 4px;
	border-radius: 50%;
	/* -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); */
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	/* box-shadow: 0 1px 2px rgba(0,0,0,0.2); */
	overflow: hidden;
}
.comments-list .comment-avatar:lang(ar){

		right: 0px;
		left:auto;

}


.comments-list .comment-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.reply-list .comment-avatar {
	width: 50px;
	height: 50px;
}

.comment-main-level:after {
	content: '';
	width: 0;
	height: 0;
	display: block;
	clear: both;
}

.comments-list .comment-box {
box-shadow: 0 4px 6px rgb(183 183 183 / 30%);
border: 1px solid #dee2e6;
border-radius: 12px;
padding: 15px;
}
.replay-service-client{
  min-height: 80px;
}