/*自訂*/
.my-all-list tbody tr {
    cursor: pointer;
}

.side-animate.ng-enter {
    -webkit-transition: 1s linear all;
    -moz-transition: 1s linear all;
    -ms-transition: 1s linear all;
    -o-transition: 1s linear all;
    transition: 1s linear all;
    position: relative;
    opacity: 0;
    left: 100px;
}

.side-animate.ng-enter.ng-enter-active {
    opacity: 1;
    left: 0;
}

/*.table tr.active td {
    background-color: #374953 !important;
    color: white;
}*/

th {
    text-align: center;
}

.number-column {
    width: 60px;
    text-align: center;
}

.relative {
    position: relative;
}

.max-w-full {
    max-width: 100%;
}

.max-h-full {
    max-height: 100%;
}

.w-full {
    width: 100%;
}

.h-full {
    height: 100%;
}

.mt-0 {
    margin-top: 0px;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.overflow-auto {
    overflow: auto;
}

.ctable th, .ctable td,
.ntable th, .ntable td {
    padding: 10px;
    border: 1px solid #ddd;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.ctable tbody tr:nth-child(odd),
.ntable tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.ctable tbody tr:hover td,
.ntable tbody tr:hover td {
    background-color: #f5f5f5 !important;
}

.table {
    display: table;
    position: relative;
    width: 100%;
    text-align: left;
    line-height: 1.25rem;
}

.ctable td:first-child,
.ntable td:first-child {
    position: sticky;
    left: -1px;
    z-index: 1;
    background: #fff;
}

.ctable thead tr:nth-child(2) th:nth-child(1) {
    left: -1px;
    z-index: 10;
    /* top: 37px !important; */
}

.ctable thead tr:nth-child(2) th:nth-child(3) {
    left: 43px;
    /* z-index: 10; */
    /* top: 37px !important; */
}
.ntable thead tr:nth-child(1) th:nth-child(2) {
    position: sticky;
    left: 57px;
}

.ntable td:nth-child(2) {
    position: sticky;
    left: 57px;
    background: #fff;
}

/* td:nth-child(2), thead tr:nth-child(2) th:nth-child(2) {
    position: sticky;
    left: 43px;
    z-index: 1;
    background: #fff;
} */

.ctable td:nth-child(3), .ctable thead tr:nth-child(2) th:nth-child(3) {
    position: sticky;
    left: 43px;
    /* z-index: 10; */
    background: #fff;
}

.ctable thead tr:nth-child(1) th:nth-child(1),
.ntable thead tr:nth-child(1) th:nth-child(1) {
    position: sticky;
    left: -1px;
    top: 0;
    z-index: 20;
    background: #eee;
}


.ctable tr:nth-child(odd) td:first-child, .ctable tr:nth-child(odd) td:nth-child(3),
.ntable tr:nth-child(odd) td:first-child, .ntable tr:nth-child(odd) td:nth-child(2) {
    background-color: #f9f9f9;
}

.ctable>tbody>tr.warning>td {
    background-color: #fcf8e3 !important;
}

.ctable thead tr:nth-child(2) th:nth-child(1), .ctable thead tr:nth-child(2) th:nth-child(3) {
    background-color: #eee;
    z-index: 100;
}

.ctable thead tr th {
    position: sticky;
    top: 0;
}

.ctable thead tr:nth-child(2) th {
    position: sticky !important;
    top: 33px !important;
}

.ctable thead th {
    z-index: 10;
}

.max-w-72 {
    max-width: 288px;
}

.col-12 {
    width: 100%;
    margin: 0 6px;
}

@media (min-width: 546px){
    .col-xs-2 {
        width: 46%;
        margin: 0;
    }
}

@media (min-width: 800px){
    .col-md-3 {
        width: 30%;
        margin: 0;
    }
}

.text-14 {
    font-size: 14px;
}

.bg-slate-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)) /* #f1f5f9 */;
}

.rounded-lg {
    border-radius: 0.5rem /* 8px */;
}

.tsite:hover {
    /* border: 1px solid #B4B4BC; */
    box-shadow: inset 0px 0px 7px 0px #b4b4bc !important;
    cursor: pointer;
}

.text-blue {
    color: #4680ff;
}

.text-green {
    color: #00d9ef;
}

.px-2 {
    padding-left: 0.5rem /* 8px */;
    padding-right: 0.5rem /* 8px */;
}

.pt-2 {
    padding-top: 0.5rem /* 8px */;
}

.pb-2 {
    padding-bottom: 0.5rem /* 8px */;
}

div[ng-if="item.records.length > 0"] div[ng-repeat]:last-child hr {
    border-color: transparent !important;
}