.ph-responsive-table {
    width: 100%;
    padding: 0;

}

.ph-responsive-table li {
    border-radius: 3px;
    padding: 12px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5px;
}

.ph-responsive-table li.ph-table-header {
    padding-bottom: 5px;
    padding-top: 0px;
}

.ph-responsive-table .ph-table-header p {
    margin: 0;
    font-size: 10px;
    text-transform: uppercase;
    color: #69798e;
    font-weight: 600;
    display: inline-block;
}

.ph-responsive-table .ph-table-header p.order-inactive {
    background-image: url(../img/order-neutral.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-right: 20px;
    cursor: pointer;
}

.ph-responsive-table .ph-table-header p.order-active-down {
    background-image: url(../img/order-down.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-right: 20px;
    cursor: pointer;
}

.ph-responsive-table .ph-table-header p.order-active-up {
    background-image: url(../img/order-up.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-right: 20px;
    cursor: pointer;
}

.ph-responsive-table .ph-table-header p.ph-thead-p-small {
    font-size: 9px;
    font-weight: 400;
}

.ph-responsive-table .ph-table-row {
    background-color: #ffffff;
    box-shadow: 0px 0px 8px 0px rgba(180, 180, 180, 1);
    position: relative;
    z-index: 100;
}

.ph-responsive-table .ph-table-row:hover {
    z-index: 210;
}

.ph-responsive-table .ph-table-row p {
    margin: 0;
}

.ph-responsive-table .ph-table-row p.simple-text {
    font-size: 14px;
}

.ph-responsive-table .ph-table-row p.bold-text {
    font-size: 14px;
    font-weight: 600;
}

.ph-responsive-table .ph-table-row img.td-logo-img {
    height: 36px;
}

.ph-responsive-table .ph-table-row p.limited-text {
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ph-responsive-table .ph-table-row p.color-text-one,
.ph-table-one-collapse tbody tr td p.color-text-one {
    font-size: 14px;
    color: #65b40f;
}

.ph-responsive-table .ph-table-row p.color-text-two,
.ph-table-one-collapse tbody tr td p.color-text-two {
    font-size: 14px;
    color: #ff404c;
}

.ph-responsive-table .ph-table-row p.ph-disabled {
    color: #999;
    font-size: 14px;
}

.ph-responsive-table .ph-table-row i.ph-check {
    font-size: 16px;
    color: #4c84ff;
}

.ph-responsive-table .ph-table-header .align-right {
    text-align: right;
}

.ph-responsive-table .ph-table-row .margin-left-auto,
.ph-table-one-collapse tbody tr td .margin-left-auto {
    margin-left: auto;
}

.ph-responsive-table .ph-table-row .text-with-icon-center{
    display: flex;
    gap:10px
}

.ph-table-one-collapse thead tr th .text-align-right {
    text-align: right;
}

.cell-with-icon {
    /*min-width: 110px;*/
    text-align: right;
}

.cell-with-icon img {
    width: 33px;
    display: inline-block;
    cursor: pointer;
    margin: 0px 1px;
    transition: transform 0.2s ease-in-out;
}

.cell-with-icon img:hover {
    transform: scale(1.1);
}

.large-table-container .cell-with-icon {
    min-width: auto;
}

.large-table-container .checkbox {
    padding-left: 0;
}

.ph-table-row .user-initials {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
    text-align: center;
    margin-right: 10px;
    float: left;
}

.ph-table-row .user-initials.color-one {
    background-color: coral;
}

.ph-table-row .user-initials.color-two {
    background-color: darkolivegreen;
}

.ph-table-row .user-initials.color-three {
    background-color: cadetblue;
}

.ph-table-row .user-initials.color-four {
    background-color: gray;
}

.ph-table-row .user-initials.color-five {
    background-color: deepskyblue;
}

p.text-with-icon {
    display: inline-block;
    width: calc(100% - 45px);
}

.ph-table-row .user-initials p {
    position: relative;
    top: 5px;
    font-size: 16px;
    color: #fff;
    margin: 0;
}

.user-with-icon-container {
    width: 100%;
}

.ph-responsive-table .ph-table-row .ph-collapsible-content {
    min-width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    overflow-x: auto;
}

.ph-responsive-table .ph-table-row .col,
.ph-responsive-table .ph-table-header .col {
    padding-left: 20px;
    padding-right: 0;
}

.ph-responsive-table .ph-table-row .col:first-child,
.ph-responsive-table .ph-table-header .col:first-child {
    padding-left: 0px;
}

.ph-responsive-table .ph-table-header .col:last-child {
    padding-right: 0px;
}

.ph-responsive-table .ph-table-row .col:nth-last-of-type(2) {
    padding-right: 0px;
}

.ph-responsive-table .col .inner-content {
    max-width: 100%;
}

.ph-responsive-table .col-5pc {
    flex-basis: 5%;
    max-width: 5%;
}

.ph-responsive-table .col-10pc {
    flex-basis: 10%;
    max-width: 10%;
}

.ph-responsive-table .col-15pc {
    flex-basis: 15%;
    max-width: 15%;
}

.ph-responsive-table .col-20pc {
    flex-basis: 20%;
    max-width: 20%;
}

.ph-responsive-table .col-25pc {
    flex-basis: 25%;
    max-width: 25%;
}

.ph-responsive-table .col-30pc {
    flex-basis: 30%;
    max-width: 30%;
}

.ph-responsive-table .col-35pc {
    flex-basis: 35%;
    max-width: 35%;
}

.ph-responsive-table .col-40pc {
    flex-basis: 40%;
    max-width: 40%;
}

.ph-responsive-table .col-45pc {
    flex-basis: 45%;
    max-width: 45%;
}

.ph-responsive-table .col-50pc {
    flex-basis: 50%;
    max-width: 50%;
}

.ph-responsive-table .col-55pc {
    flex-basis: 55%;
    max-width: 55%;
}

.ph-responsive-table .col-60pc {
    flex-basis: 60%;
    max-width: 60%;
}

.ph-responsive-table .col-65pc {
    flex-basis: 65%;
    max-width: 65%;
}

.ph-responsive-table .col-70pc {
    flex-basis: 70%;
    max-width: 70%;
}

.ph-responsive-table .col-75pc {
    flex-basis: 75%;
    max-width: 75%;
}

.ph-responsive-table .col-80pc {
    flex-basis: 80%;
    max-width: 80%;
}

.ph-responsive-table .col-85pc {
    flex-basis: 85%;
    max-width: 85%;
}

.ph-responsive-table .col-90pc {
    flex-basis: 90%;
    max-width: 90%;
}

.ph-responsive-table .col-95pc {
    flex-basis: 95%;
    max-width: 95%;
}

.ph-responsive-table .col-100pc {
    flex-basis: 100%;
    max-width: 100%;
}

.ph-table-header.always-show {
    display: none;
}


@media all and (max-width: 767px) {

    .ph-responsive-table.adaptable .ph-table-header {
        display: none;
    }

    .ph-responsive-table.adaptable .ph-table-header.always-show {
        display: block;
        padding: 0px;
    }

    .ph-responsive-table.adaptable li {
        display: block;
    }

    .ph-responsive-table.adaptable .col {
        display: flex;
        padding: 10px 0;
        text-align: right;
        flex-basis: 100%;
    }

    .ph-responsive-table.adaptable .col:before {
        color: #6c7a89;
        padding-right: 10px;
        content: attr(data-label);
        flex-basis: 40%;
        text-align: left;
    }

    .ph-responsive-table.adaptable .ph-table-header.always-show .col:before {
        color: #6c7a89;
        padding-right: 10px;
        content: attr(data-label);
        flex-basis: 80%;
        text-align: left;
    }

    .ph-responsive-table.adaptable .col {
        max-width: inherit;
    }

    .ph-responsive-table.adaptable .col .inner-content {
        max-width: 60%;
        text-align: left;
    }

    .ph-responsive-table.adaptable .ph-table-row .col,
    .ph-responsive-table .ph-table-header .col {
        padding-left: 0px;
    }

    .ph-responsive-table.adaptable .ph-table-row .margin-left-auto {
        margin-left: 0;
    }

    .cell-with-icon {
        text-align: left;
    }

    .user-with-icon-container {
        width: 100%;
    }

    .cell-with-icon.text-align-right {
        text-align: right;
    }
}


li.ph-row-shadow {
    padding: 0;
    margin: 0;
    position: relative;
    top: -15px;
    left: 50px;
    width: calc(100% - 100px);
    height: 0px;
    transition: box-shadow 0.3s ease;
}


li:hover+.ph-row-shadow {
    box-shadow: 0px 5px 30px 5px rgba(0, 0, 0, 0.6);
    z-index: 200;
}


/*******************/

li.ph-table-row {
    transition: padding 0.5s ease;
}

li.ph-table-row.ph-collapsed {
    padding-bottom: 0;
}

/********PONGO TRANSITION DELAY??***********/
/*******************/

.ph-collapsible-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease;
}

.ph-collapsible-content.hide {
    max-height: 0;
  }
  
.details-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}
  
.details-content.open {
    max-height: 500px; /* Ajusta según la altura esperada */
}

.details-content-item:nth-child(even) {
    background-color: #ddd;
}

.details-content-item p {
    padding: 4px;
}

.aligned-collapsed-container {
    max-height: 0;
    transition: max-height .5s ease;
}

li.ph-collapsed .ph-collapsible-content {
    max-height: 10000px;
}

li.ph-collapsed .aligned-collapsed-container {
    max-height: 10000px;
}

.ph-collapsible-content table.ph-simple-table {
    width: 100%;
    margin-top: 12px;
}

.ph-collapsible-content table.ph-simple-table tr:nth-child(odd) {
    background-color: #ddd;
}

.ph-collapsible-content .ph-simple-table td {
    padding: 5px 15px 5px 20px;
    font-size: 14px;
}

.ph-collapsible-content .ph-simple-table td.min-td {
    width: 100px;
    padding-right: 50px;
}

.ph-collapsible-content .ph-simple-table td.special-padding {
    padding-left: 40px;
}

.ph-collapsible-content .ph-simple-table td:last-child {
    padding-right: 20px;
}

.ph-table-row .activator-show {
    display: inline-block;
}

.ph-table-row .activator-hide {
    display: none;
}

.ph-table-row.ph-collapsed .activator-show {
    display: none;
}

.ph-table-row.ph-collapsed .activator-hide {
    display: inline-block;
}

.ph-table-row.ph-collapsed p.limited-text {
    white-space: normal;
    word-break: break-word;
}

.ph-table-row p {
    word-break: normal;
}

/* ph-responsive-table adaptable. Collapse alineado */
.ph-responsive-table .aligned-collapsed-container {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    overflow-x: auto;
}

.ph-responsive-table .aligned-collapsed-container-table {
    width: 100%;
}

.ph-responsive-table .aligned-collapsed-row {
    width: 100%;
    min-width: 600px;
}

.ph-responsive-table .aligned-collapsed-table {
    margin-top: 12px;
}

.ph-responsive-table .aligned-collapsed-row:first-child {
    border-top: 1px solid #eee;
    font-weight: 600;
}

.ph-responsive-table .aligned-collapsed-row:nth-child(even) {
    background-color: #eee;
}

.ph-responsive-table .aligned-collapsed-row:nth-child(odd) {
    background-color: #fff;
}

.ph-responsive-table .aligned-collapsed-row:first-child {
    background-color: #fff;
}

.ph-responsive-table .aligned-collapsed-row-inner {
    width: calc(100% - 40px);
    margin: 0 auto;

}

.ph-responsive-table .aligned-collapsed-row .aligned-collapsed-td {
    font-size: 14px;
    padding: 6px 0 6px 20px;
    display: inline-block;
}

.ph-responsive-table .aligned-collapsed-row .aligned-collapsed-td:first-child {
    padding-left: 0;
}

.aligned-collapsed-td.ph-col-5 {
    max-width: none;
    width: 5%;
}

.aligned-collapsed-td.ph-col-10 {
    max-width: none;
    width: 10%;
}

.aligned-collapsed-td.ph-col-15 {
    max-width: none;
    width: 15%;
}

.aligned-collapsed-td.ph-col-20 {
    max-width: none;
    width: 20%;
}

.aligned-collapsed-td.ph-col-25 {
    max-width: none;
    width: 25%;
}

.aligned-collapsed-td.ph-col-30 {
    max-width: none;
    width: 30%;
}

.aligned-collapsed-td.ph-col-35 {
    max-width: none;
    width: 35%;
}

.aligned-collapsed-td.ph-col-40 {
    max-width: none;
    width: 40%;
}

.aligned-collapsed-td.ph-col-45 {
    max-width: none;
    width: 45%;
}

.aligned-collapsed-td.ph-col-50 {
    max-width: none;
    width: 50%;
}

.aligned-collapsed-td.ph-col-55 {
    max-width: none;
    width: 55%;
}

.aligned-collapsed-td.ph-col-60 {
    max-width: none;
    width: 60%;
}

.aligned-collapsed-td.ph-col-65 {
    max-width: none;
    width: 65%;
}

.aligned-collapsed-td.ph-col-70 {
    max-width: none;
    width: 70%;
}

.aligned-collapsed-td.ph-col-75 {
    max-width: none;
    width: 75%;
}

.aligned-collapsed-td.ph-col-80 {
    max-width: none;
    width: 80%;
}

.aligned-collapsed-td.ph-col-85 {
    max-width: none;
    width: 85%;
}

.aligned-collapsed-td.ph-col-90 {
    max-width: none;
    width: 90%;
}

.aligned-collapsed-td.ph-col-95 {
    max-width: none;
    width: 95%;
}

.aligned-collapsed-td.ph-col-100 {
    max-width: none;
    width: 100%;
}

@media (min-width: 768px) {
    .ph-responsive-table .col-90pc.ph-col-5 {
        max-width: none;
        width: 5%;
    }

    .ph-responsive-table .col-90pc.ph-col-10 {
        max-width: none;
        width: 10%;
    }

    .ph-responsive-table .col-90pc.ph-col-15 {
        max-width: none;
        width: 15%;
    }

    .ph-responsive-table .col-90pc.ph-col-20 {
        max-width: none;
        width: 20%;
    }

    .ph-responsive-table .col-90pc.ph-col-25 {
        max-width: none;
        width: 25%;
    }

    .ph-responsive-table .col-90pc.ph-col-30 {
        max-width: none;
        width: 30%;
    }

    .ph-responsive-table .col-90pc.ph-col-35 {
        max-width: none;
        width: 35%;
    }

    .ph-responsive-table .col-90pc.ph-col-40 {
        max-width: none;
        width: 40%;
    }

    .ph-responsive-table .col-90pc.ph-col-45 {
        max-width: none;
        width: 45%;
    }

    .ph-responsive-table .col-90pc.ph-col-50 {
        max-width: none;
        width: 50%;
    }

    .ph-responsive-table .col-90pc.ph-col-55 {
        max-width: none;
        width: 55%;
    }

    .ph-responsive-table .col-90pc.ph-col-60 {
        max-width: none;
        width: 60%;
    }

    .ph-responsive-table .col-90pc.ph-col-65 {
        max-width: none;
        width: 65%;
    }

    .ph-col-70 {
        max-width: none;
        width: 70%;
    }

    .ph-responsive-table .col-90pc.ph-col-75 {
        max-width: none;
        width: 75%;
    }

    .ph-responsive-table .col-90pc.ph-col-80 {
        max-width: none;
        width: 80%;
    }

    .ph-responsive-table .col-90pc.ph-col-85 {
        max-width: none;
        width: 85%;
    }

    .ph-responsive-table .col-90pc.ph-col-90 {
        max-width: none;
        width: 90%;
    }

    .ph-responsive-table .col-90pc.ph-col-95 {
        max-width: none;
        width: 95%;
    }

    .ph-responsive-table .col-90pc.ph-col-100 {
        max-width: none;
        width: 100%;
    }

    .ph-collapsible-content .ph-simple-table td.special-padding {
        padding-left: 140px;
    }

    .large-table-container {
        overflow-x: auto;
    }

    .large-table {
        min-width: 1100px;
    }

    .ph-responsive-table .checkbox label::before {
        left: 10px;
    }

    .ph-responsive-table .checkbox label::before,
    .ph-responsive-table .checkbox label::after {
        left: 10px;
    }
}

@media (max-width: 767px) {
    .aligned-collapsed-td.ph-col-15.ph-col-maxmd-30 {
        width: 30%;
    }

    .aligned-collapsed-td.ph-col-15.ph-col-maxmd-35 {
        width: 35%;
    }

}

/* ph-table-one*/

.ph-table-one {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 8px 0px rgba(180, 180, 180, 1);
    margin-bottom: 10px;
}

.ph-table-one.curved {
    border-radius: 10px;
}

.ph-table-one .ph-table-one-collapse {
    max-height: 0;
    overflow: hidden;
    transition: max-height, .7s ease;
    width: 100%;
}

.ph-table-one.ph-collapsed .ph-table-one-collapse {
    max-height: 1000px;
    overflow: auto;
}


.ph-table-one .ph-table-one-tr {
    border-radius: 3px;
    padding: 10px 20px;
    position: relative;
}

.ph-table-one-tr span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ph-table-one .ph-table-one-tr::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ced4da;
    transition: opacity .7s ease;
    opacity: 0;
}

.ph-table-one.ph-collapsed .ph-table-one-tr::after {
    opacity: 1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ph-table-one .ph-table-one-tr::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ced4da;
    transition: opacity .7s ease;
    opacity: 0;
}

.ph-table-one.ph-collapsed .ph-table-one-tr::before {
    opacity: 1;
}

.ph-table-one .ph-table-one-tr img {
    display: inline-block;
    margin-right: 10px;
    width: 36px;
}

.ph-table-one .ph-table-one-collapse tbody tr td img {
    width: 33px;
}

.ph-table-one .ph-table-one-tr p {
    display: inline-block;
    margin: 0;
    font-size: clamp(1rem, 0.875rem + 0.5vw, 1.25rem);
    font-weight: 400;
    margin-right: 10px;
}

.ph-table-one .ph-table-one-tr i {
    display: inline-block;
    color: #abb0b5;
    position: relative;
    top: 2px;
    font-size: 14px;
    margin-right: 20px;
}

.ph-table-one.ph-collapsed .ph-table-one-tr i {
    transform: rotate(180deg);
}

/* .ph-table-one .ph-table-one-collapse {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
} */

.ph-table-one .ph-table-one-collapse table {
    width: 100%;
}

.ph-table-one .ph-table-one-collapse table thead th {
    padding: 5px 20px;
    min-width: 180px;
}

.ph-table-one .ph-table-one-collapse table tbody td {
    min-width: 180px;
}

.ph-table-one .ph-table-one-collapse.without-second-collapse table tbody tr:nth-child(odd) {
    background-color: #eee;
}

.ph-table-one .ph-table-one-collapse table thead p {
    display: inline-block;
    margin: 0;
    font-size: 10px;
    text-transform: uppercase;
    color: #69798e;
    font-weight: 600;
}

.ph-table-one .ph-table-one-collapse table thead p.order-inactive {
    background-image: url(../img/order-neutral.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-right: 20px;
    cursor: pointer;
}

.ph-table-one .ph-table-one-collapse table thead p.order-active-down {
    background-image: url(../img/order-down.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-right: 20px;
    cursor: pointer;
}

.ph-table-one .ph-table-one-collapse table thead p.order-active-up {
    background-image: url(../img/order-up.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-right: 20px;
    cursor: pointer;
}

.ph-table-one .ph-table-one-collapse table tbody tr td {
    padding: 10px 20px;
}

.ph-table-one .ph-table-one-collapse table tbody tr td p {
    margin: 0;
    font-size: 14px;
}

.ph-table-one .ph-table-one-collapse table tbody tr td p.text-bold {
    font-weight: 600;
}

.ph-checkbox.checkbox-info input[type="checkbox"]:checked+label::before {
    background-color: transparent;
    border-color: #4c84ff;
}

.ph-checkbox.checkbox label::before {
    border: 2px solid #9fa9ba;
    background-color: transparent;
    top: -5px;
}

.ph-checkbox.checkbox input[type="checkbox"]:checked+label::after {
    color: #4c84ff;
    top: -5px;
}

.ph-table-one .ph-table-one-collapse table thead .checkbox {
    display: inline-block;
    position: relative;
}

.ph-table-one .ph-table-one-collapse table thead .checkbox:before {
    content: '';
    position: absolute;
    right: 35px;
    margin: 0;
    font-size: 10px;
    top: 6px;
    text-transform: uppercase;
    color: #69798e;
    font-weight: 600;
}

.ph-table-one .ph-table-one-collapse table tbody .input-number {
    margin: 0;
}

.ph-table-one .ph-table-one-collapse table tbody .input-number input {
    font-size: 14px;
    width: 90px;
}

.ph-table-one .ph-table-one-collapse .ph-table-one-tr-inner-collapse td {
    padding: 0;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse tbody tr.ph-odd-td {
    background-color: #eee;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse tbody tr.ph-even-td {
    background-color: #fff;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse tbody tr td.with-icon img:nth-child(1) {
    display: inline-block;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse tbody tr td.with-icon img:nth-child(2) {
    display: none;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse tbody tr.ph-collapsed td.with-icon img:nth-child(2) {
    display: inline-block;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse tbody tr.ph-collapsed td.with-icon img:nth-child(1) {
    display: none;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse tbody tr.ph-table-one-tr-inner-collapse td div {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse tbody tr.ph-collapsed+tr td div {
    max-height: 10000px;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse tbody tr.ph-collapsed+tr td div tr:nth-child(odd) {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse tbody tr.ph-collapsed+tr td div tr:nth-child(even) {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse .ph-table-one-tr-inner-collapse table tbody tr:nth-child(even) {
    background-color: #eee;

}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse .ph-table-one-tr-inner-collapse table tbody tr:nth-child(odd) {
    background-color: #fff;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse tbody>tr.ph-table-one-tr-inner-collapse {
    border: none;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse tbody>tr.ph-table-one-tr-inner-collapse .inner-second-table tr {
    border: none;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse .ph-table-one-tr-inner-collapse table tbody td {
    padding: 4px 20px;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse .ph-table-one-tr-inner-collapse table tbody td {
    font-size: 14px;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse tbody tr td.with-icon {
    text-align: right;
}

.ph-table-one-collapse.with-second-collapse table.principal-table-collapse .ph-table-one-tr-inner-collapse table tbody td.min-td {
    width: 100px;
    padding-right: 50px;
}

.ph-table-one .ph-table-one-tr .ph-table-one-btn-mobile {
    margin-left: auto;
    display: flex;
}

.ph-table-one .ph-table-one-tr .ph-table-one-btn {
    background-color: #01254b;
    border: 1px solid #01254b;
    margin-left: auto;
    display: block;
    color: #fff;
    font-size: 14px;
    position: relative;
    padding: 6px 35px;
}

.ph-table-one .ph-table-one-tr .ph-table-one-btn span {
    color: #4b74ff;
    font-size: 22px;
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: 10px;

}

.ph-table-one .ph-table-one-tr .ph-table-one-btn:hover span {
    color: #fff;
}

.ph-table-one .ph-table-one-tr .ph-table-one-btn:hover {
    background-color: rgb(3, 74, 148);
    border: 1px solid rgb(3, 74, 148);
}

.ph-table-one .button-mobile-collapse p {
    font-size: 14px;
    margin-bottom: 0px;
    padding: 10px 15px;
    cursor: pointer;
    width: 100%;
    margin-right: 0;
    font-weight: normal;
}

.ph-table-one .button-mobile-collapse p:first-child {
    margin-top: 10px;
}

.ph-table-one .button-mobile-collapse p:last-child {
    margin-bottom: 10px;
}

.ph-table-one .button-mobile-collapse p:hover {
    background-color: #e0e0e0;
}

/* end ph-table-one */

/* ph-table-two */

.ph-table-two-container {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 8px 0px rgba(180, 180, 180, 1);
    margin-bottom: 10px;
    overflow-x: auto;
}

.ph-table-two {
    width: 100%;
    min-width: 650px;
}

.ph-table-two tbody tr {
    border-bottom: 1px solid #ced4da;
}

.ph-table-two tbody tr:last-child {
    border-bottom: none;
}

.ph-table-two tbody tr td {
    padding: 12px 20px;
}

.ph-table-two tbody tr td>div {
    min-height: 33px;
}

.ph-table-two tbody tr td.min-td {
    width: 40px;
}

.ph-table-two tbody tr td img {
    width: 33px;
    margin-right: 5px;
}

.ph-table-two tbody tr td p {
    margin: 0;
    font-size: 14px;
    width: 100%;
}

.ph-table-two tbody tr td p.bold-text {
    font-weight: 600;
}

.ph-table-two tbody tr td p.align-right {
    text-align: right;
}

.ph-table-two tbody tr td img.special-icon {
    width: 22px;
    margin-left: 0;
}

.ph-table-two .ph-checkbox {
    display: flex;
    padding-left: 15px;
}

.ph-table-two .ph-checkbox.checkbox label::before,
.ph-table-two .ph-checkbox.checkbox input[type="checkbox"]:checked+label::after {
    top: -3px;
}

/* end ph-table-two */

/* ph-table-three */
.ph-table-three {
    border-radius: 3px;
    box-shadow: 0px 0px 8px 0px rgba(180, 180, 180, 1);
    margin-bottom: 10px;
}

.ph-table-three-tr span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ph-table-three .ph-table-three-collapse {
    max-height: 0;
    overflow: hidden;
    transition: max-height .7s ease;
}

.ph-table-three.ph-collapsed .ph-table-three-collapse {
    max-height: 1000px;
    overflow: auto;
}

.ph-table-three .ph-table-three-tr {
    border-radius: 3px;
    padding: 10px 20px;
    position: relative;
    background-color: #fff;
}

.ph-table-three .ph-table-three-tr::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ced4da;
    transition: opacity .7s ease;
    opacity: 0;
}

.ph-table-three.ph-collapsed .ph-table-three-tr::after {
    opacity: 1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ph-table-three .ph-table-three-tr::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ced4da;
    transition: opacity .7s ease;
    opacity: 0;
}

.ph-table-three.ph-collapsed .ph-table-three-tr::before {
    opacity: 1;
}

.ph-table-three .ph-table-three-tr img {
    display: inline-block;
    margin-right: 10px;
    width: 36px;
}

.ph-table-three .ph-table-three-tr .ph-table-three-btn span {
    color: #4b74ff;
    font-size: 22px;
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: 10px;

}

.ph-table-three .ph-table-three-tr .ph-table-three-btn:hover span {
    color: #fff;
}

.ph-table-three .ph-table-three-tr p {
    display: inline-block;
    margin: 0;
    font-size: clamp(1rem, 0.875rem + 0.5vw, 1.25rem);
    font-weight: 400;
    margin-right: 10px;
}

.ph-table-three .ph-table-three-tr i {
    display: inline-block;
    color: #abb0b5;
    position: relative;
    top: 2px;
    font-size: 14px;
    margin-right: 20px;
}

.ph-table-three.ph-collapsed .ph-table-three-tr i {
    transform: rotate(180deg);
}

/* .ph-table-three .ph-table-three-collapse {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
} */

.ph-table-three .ph-table-three-collapse {
    width: 100%;
}

.ph-table-three-collapse.without-second-collapse .ph-responsive-table.adaptable {
    margin: 0;
}

.last-child-row .ph-table-row {
    margin-bottom: 0;
}




/* end ph-table-three */