*table*/
/* Ensures the table wrapper clips content */

/* Table general */
table#renewaltemplateList {
  border-collapse: separate; /* Required to see border-radius */
  border-spacing: 0;
  width: 100%; overflow:hidden;
}

table#renewaltemplateList {
    border: 1px solid #e9e9e9;
    border-radius:10px;
}
/* Table header */
table#renewaltemplateList thead {
  background: #F8F7FA;
  height: 60px;border-radius: 10px;
  vertical-align: middle;
}

/* Text styles */
table#renewaltemplateList th,
table#renewaltemplateList th a,
table#renewaltemplateList td a {
  text-transform: capitalize;
  color: #666666;
   
}

/* Force all rows to have a white background */
table#renewaltemplateList tbody tr:nth-child(odd),
table#renewaltemplateList tbody tr:nth-child(even) {
  background-color: #ffffff !important;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: rgb(255 255 255 / 5%);
    color: var(--bs-table-striped-color);
}

table#renewaltemplateList tfoot {
    background: #fff;
}



/*button*/
joomla-field-subform.subform-repeatable .icon-plus::before {
  content: "\2b"; /* Or use a Unicode character like "\002B" */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

joomla-field-subform.subform-repeatable .icon-minus::before {
  content: "\f068"; /* Unicode minus sign: U+2212 */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

joomla-field-subform.subform-repeatable .icon-arrows-alt::before {
  content: "\f0b2"; /* Unicode for multi-directional arrow (U+2927) */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}


joomla-field-subform.subform-repeatable .btn-group button {
    width: 30px;
    height: auto;
}


.subform-repeatable-group {
    background: #f4f6fa;
    padding: 15px;
    margin-top: 15px;
}


/*icon*/
.file {
  position: relative;
  top: 4px;
  right: -8px;
  width: 18px!important;
  height: 18px!important;
  background: #ff0000;
  border-radius: 50%;
  cursor: pointer;
  display: block;
}

.file::before,
.file::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  background-color: #fff;
  transform-origin: center;
}

.file::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.file::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}



/*Buttons*/
.view-renewaltemplateform .subform-repeatable-group{
    display:flex;
    flex-wrap:wrap;
}
.view-renewaltemplateform .subform-repeatable-group .btn-toolbar{
    width:100%;
    margin-bottom:10px;
}
.view-renewaltemplateform .subform-repeatable-group .control-group{
    width:100%
}
.view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(2),
.view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(3),
.view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(4),
.view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(5),
.view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(6),
.view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(7){
    width:calc(16.6666667%);
    margin-bottom:20px;
}
.view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(2),
.view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(3),
.view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(4),
.view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(5),
.view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(6){
    padding-right:10px;
}
.view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(7){
    padding-right:0px;
}
.view-renewaltemplateform .subform-repeatable-group .control-group .prefix_btn{
    background:#141e3e;
    color:#fff;
    text-align:center;
    border:0;
    transition:0.5s;
    font-size:14px;
}
.view-renewaltemplateform .subform-repeatable-group .control-group .prefix_btn:hover,
.view-renewaltemplateform .subform-repeatable-group .control-group .prefix_btn:focus{
    background:#848a9c;
}
@media (max-width:1400px){
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(2),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(3),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(4),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(5),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(6),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(7){
        width:calc(33.33333333%);
    }
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(2),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(3),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(5),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(6){
        padding-left:0px;
        padding-right:10px;
    }
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(4),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(7){
        padding-left:0px;
        padding-right:0px;
    }
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(2),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(3),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(4){
        margin-bottom:0;
    }
}
@media (max-width:767px){
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(2),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(3),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(4),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(5),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(6),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(7){
        width:calc(50%);
    }
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(2),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(4),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(6){
        padding-left:0px;
        padding-right:5px;
    }
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(3),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(5),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(7){
        padding-left:5px;
        padding-right:0px;
    }
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(2),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(3),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(4),
    .view-renewaltemplateform .subform-repeatable-group .control-group:nth-child(5){
        margin-bottom:0;
    }
}