/* 
    In Here we have Tables designs based on 1 main class (parent class) and being applied in CASCADE MODE if all children
    Please DO NOT MODIFY if extremely necesary (it will affects all tables that depends on) 
    NOTE: if need any necesary change you can directly add it in the specific: table,tr,td, etc html component.
    
    +You can add more new design with this approach if necessary.*/

/* TABLE v2 */

.new-table-type1 {
    /* border-collapse: collapse; */
    /* width: 100%; */
    white-space: nowrap;
    table-layout: auto;
}

/* table-v2-type1 thead */
.new-table-type1 thead{
    background-color: #F9FAFB;
    color: #6C727F;
    border: 1px solid #E5E7EB;
    font-size: 0.875em;
}

/* <th> */
.new-table-type1 thead th{
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 0.875em;
    text-align: center;

    /* white-space: nowrap; */
    overflow: visible; /* Prevent text clipping */
    overflow-wrap: break-word;
}

/* Tbody */

.new-table-type1 tbody tr{
    border: 1px solid #E5E7EB;
}

.new-table-type1 tbody td{
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 0.875em;
    color: #6C727F;
    text-align: center;

    /* white-space: nowrap; */
    overflow: visible; /* Prevent text clipping */
    white-space: normal !important;
    overflow-wrap: break-word;
}

.new-table-type1 .actions-icon-color1 {
    color: #6D727E;
}

.new-table-type1 .actions-icon-color1:hover {
    color: #49535e;
}

/* Custom Datatable override action btns 1 */
.new-dt-btn-csv-1,
.new-dt-btn-copy-1,
.new-dt-btn-pdf-1,
.new-dt-btn-excel-1 {
    display: inline;
    position: relative;
    padding: 6px 10px;
    background-color: white !important;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;

    transition: background-color 0.3s ease, transform 0.3s ease;
}

.new-dt-btn-csv-1:hover,
.new-dt-btn-copy-1:hover,
.new-dt-btn-pdf-1:hover,
.new-dt-btn-excel-1:hover {
    transform: scale(1.1);
}

.new-dt-btn-csv-1 span,
.new-dt-btn-copy-1 span,
.new-dt-btn-pdf-1 span,
.new-dt-btn-excel-1 span {
    visibility: hidden;
    position: absolute;
}

.new-dt-btn-csv-1::before,
.new-dt-btn-copy-1::before,
.new-dt-btn-pdf-1::before,
.new-dt-btn-excel-1::before {
    margin-right: 5px; /* Space between icon and text */
    font-family: "bootstrap-icons";
}

.new-dt-btn-csv-1::after {
    content: 'CSV'; /* Add the text after the icon */
    font-family: inherit; /* Use the button's font */
}

.new-dt-btn-copy-1::after {
    content: 'Copy'; /* Add the text after the icon */
    font-family: inherit; /* Use the button's font */
}

.new-dt-btn-pdf-1::after {
    content: 'PDF'; /* Add the text after the icon */
    font-family: inherit; /* Use the button's font */
}
.new-dt-btn-excel-1::after {
    content: 'Excel'; /* Add the text after the icon */
    font-family: inherit; /* Use the button's font */
}

.new-dt-btn-csv-1::before {
    /* content: '\f6dd';  */
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-filetype-csv' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM3.517 14.841a1.13 1.13 0 0 0 .401.823q.195.162.478.252.284.091.665.091.507 0 .859-.158.354-.158.539-.44.187-.284.187-.656 0-.336-.134-.56a1 1 0 0 0-.375-.357 2 2 0 0 0-.566-.21l-.621-.144a1 1 0 0 1-.404-.176.37.37 0 0 1-.144-.299q0-.234.185-.384.188-.152.512-.152.214 0 .37.068a.6.6 0 0 1 .246.181.56.56 0 0 1 .12.258h.75a1.1 1.1 0 0 0-.2-.566 1.2 1.2 0 0 0-.5-.41 1.8 1.8 0 0 0-.78-.152q-.439 0-.776.15-.337.149-.527.421-.19.273-.19.639 0 .302.122.524.124.223.352.367.228.143.539.213l.618.144q.31.073.463.193a.39.39 0 0 1 .152.326.5.5 0 0 1-.085.29.56.56 0 0 1-.255.193q-.167.07-.413.07-.175 0-.32-.04a.8.8 0 0 1-.248-.115.58.58 0 0 1-.255-.384zM.806 13.693q0-.373.102-.633a.87.87 0 0 1 .302-.399.8.8 0 0 1 .475-.137q.225 0 .398.097a.7.7 0 0 1 .272.26.85.85 0 0 1 .12.381h.765v-.072a1.33 1.33 0 0 0-.466-.964 1.4 1.4 0 0 0-.489-.272 1.8 1.8 0 0 0-.606-.097q-.534 0-.911.223-.375.222-.572.632-.195.41-.196.979v.498q0 .568.193.976.197.407.572.626.375.217.914.217.439 0 .785-.164t.55-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.764a.8.8 0 0 1-.118.363.7.7 0 0 1-.272.25.9.9 0 0 1-.401.087.85.85 0 0 1-.478-.132.83.83 0 0 1-.299-.392 1.7 1.7 0 0 1-.102-.627zm8.239 2.238h-.953l-1.338-3.999h.917l.896 3.138h.038l.888-3.138h.879z'/%3E%3C/svg%3E");
    background-size: contain;
    fill: currentColor;
}

.new-dt-btn-copy-1::before {
    /* content: '\f0c5';  */
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16"%3E%3Cpath fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"/%3E%3C/svg%3E');
    background-size: contain;
    fill: currentColor;
}

.new-dt-btn-pdf-1::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-filetype-pdf' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.6 11.85H0v3.999h.791v-1.342h.803q.43 0 .732-.173.305-.175.463-.474a1.4 1.4 0 0 0 .161-.677q0-.375-.158-.677a1.2 1.2 0 0 0-.46-.477q-.3-.18-.732-.179m.545 1.333a.8.8 0 0 1-.085.38.57.57 0 0 1-.238.241.8.8 0 0 1-.375.082H.788V12.48h.66q.327 0 .512.181.185.183.185.522m1.217-1.333v3.999h1.46q.602 0 .998-.237a1.45 1.45 0 0 0 .595-.689q.196-.45.196-1.084 0-.63-.196-1.075a1.43 1.43 0 0 0-.589-.68q-.396-.234-1.005-.234zm.791.645h.563q.371 0 .609.152a.9.9 0 0 1 .354.454q.118.302.118.753a2.3 2.3 0 0 1-.068.592 1.1 1.1 0 0 1-.196.422.8.8 0 0 1-.334.252 1.3 1.3 0 0 1-.483.082h-.563zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638z'/%3E%3C/svg%3E");
    background-size: contain;
    fill: currentColor;
}

.new-dt-btn-excel-1::before {
    /* content: '\F793';  */
    
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 fill=%22currentColor%22 class=%22bi%20bi-filetype-xlsx%22 viewBox=%220%200%2016%2016%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M14%204.5V11h-1V4.5h-2A1.5%201.5%200%200%201%209.5%203V1H4a1%201%200%200%200-1%201v9H2V2a2%202%200%200%201%202-2h5.5zM7.86%2014.841a1.13%201.13%200%200%200%20.401.823q.195.162.479.252.284.091.665.091.507%200%20.858-.158.355-.158.54-.44a1.17%201.17%200%200%200%20.187-.656q0-.336-.135-.56a1%201%200%200%200-.375-.357%202%202%200%200%200-.565-.21l-.621-.144a1%201%200%200%201-.405-.176.37.37%200%200%201-.143-.299q0-.234.184-.384.188-.152.513-.152.214%200%20.37.068a.6.6%200%200%201%20.245.181.56.56%200%200%201%20.12.258h.75a1.1%201.1%200%200%200-.199-.566%201.2%201.2%200%200%200-.5-.41%201.8%201.8%200%200%200-.78-.152q-.44%200-.777.15-.336.149-.527.421-.19.273-.19.639%200%20.302.123.524t.351.367q.229.143.54.213l.618.144q.31.073.462.193a.39.39%200%200%201%20.153.326.5.5%200%200%201-.085.29.56.56%200%200%201-.255.193q-.168.07-.413.07-.176%200-.32-.04a.8.8%200%200%201-.249-.115.58.58%200%200%201-.255-.384zm-3.726-2.909h.893l-1.274%202.007%201.254%201.992h-.908l-.85-1.415h-.035l-.853%201.415H1.5l1.24-2.016-1.228-1.983h.931l.832%201.438h.036zm1.923%203.325h1.697v.674H5.266v-3.999h.791zm7.636-3.325h.893l-1.274%202.007%201.254%201.992h-.908l-.85-1.415h-.035l-.853%201.415h-.861l1.24-2.016-1.228-1.983h.931l.832%201.438h.036z%22/%3E%3C/svg%3E');
    background-size: contain;
    fill: currentColor;
}

/*  END table v2 */