.separator.separator-content::after, .separator.separator-content::before {
	content: " ";
	width: 30%;
	border-bottom: 1px solid var(--bs-border-color);
}

.line-through{text-decoration: line-through !important;}
.line-through:hover{text-decoration: line-through !important;}
.open-todo-box{cursor: pointer;}
.menu-item-task-title a{color: black;}
.w-100per{width: 100% !important;}
.pr-0{padding-right: 0 !important;}
.home-tasks-div{max-height: 380px; overflow-y: auto;}
.pt-minimal{padding-top: 2px;}
.nav-line-tabs .nav-item .nav-link{margin: 0 8px !important;}

/* Montage list page */
.container-xxl-table{padding: 0 30px;}
.list-value td{font-size: 13px !important;}
.pdl-8{padding-left: 8px !important;}
.showing-list{max-height: 300px; overflow-y: auto;}
.hide-column{display: none;}

.table-ribbon {
position: relative;
padding: 5px;
background-color: #000;
color: #fff;
font-size: 14px;
font-weight: bold;
z-index: 1;
cursor: pointer;
}

.table-ribbon::before {
content: '';
position: absolute;
top: 0;
right: 0;
border-width: 0 5px 5px 0;
border-color: transparent #000 transparent transparent;
border-style: solid;
z-index: -1;
cursor: pointer;
}

.red_border{border-top: 2px solid red !important;}
.add-nvt-td{padding-left: 8px !important;}
.th-border-dashed{border: 1px dashed #F1F1F4 !important;}
.montage-list-info{padding-left: 10px;}
.underline{text-decoration: underline;}

/* .not-checked{background: #f1eded !important; color: black !important;} */

.montage-data-list-edit-form{margin-top: 15px;}

.file-upload-completed{background-color: #008001 !important;}
.file-upload-continue{background-color: #EED611 !important;}
.file-upload-loaded{background-color: #FFF3E0 !important;}
/* Montage list page */

.card-title-category{width: 100% !important; margin-bottom: 0 !important;}
.form-control-schedule{padding-left: 0 !important;}
.border-danger{border-bottom: 1px solid red !important; border-radius: 0;}
.category-status-label{position: absolute; right: 15px; top: 23px;}
.border-bottom-detail-select span{padding-left: 0 !important;}
.form-control-data:disabled {background-color: transparent !important;}
.new-logo-pad{padding-left: 10px; padding-right: 10px;}
.mr-5{margin-right: 5px;}

.card-header-graph{padding: 0 3px !important;}
.plpr-0{padding-left: 0 !important; padding-right: 0 !important;}
.p-10{padding: 10px 10px 0 20px !important;}
.plan-content{max-height: 225px; overflow-y: auto;}
.tablet-logo-near-menu{padding: 5px 3px 0 20px;}
.tablet-logo-near-menu .btn-group{min-width: 150px;}
.dropdown-menu .tablet-menu-item:hover{background-color: #F7F7F7;}

.blinking-circle {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #28a745;
    animation: blink 1s infinite;
	margin-right: 3px;
}

@keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

/* .erp-settings-left-menu li{min-width: 100px;} */

/* Overview HK table */
.table-wrapper table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.table-wrapper table thead tr:first-child th p {
    /* transform: rotate(45deg);
    transform-origin: center center; */
}

.table-wrapper table thead tr:nth-child(2) th p {
    transform: none;
}

.table-wrapper table thead tr:first-child {
    border-bottom: 1px solid #e9edf6; /* Ana başlık altına çizgi */
}

.table-wrapper table thead tr:nth-child(2) th {
    padding: 12px 8px 8px 8px; /* üst-padding az, alt-padding daha az */
    font-size: 14px;
}

.table-wrapper table thead tr th {
    background-color: #FDFFFC;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    /* padding: 24px 8px; */
    white-space: nowrap;
    position: sticky;
    top: 0;
}

.table-wrapper table thead tr th.sub-header {
    font-weight: 500;
    font-size: 14px;
}

.table-wrapper table thead tr th::after,
.table-wrapper table thead tr th::before {
    display: none !important;
}

.table-wrapper table tbody tr td {
    padding: 16px 8px;
    text-align: center;
    font-size: 14px;
}

.table-wrapper table tbody tr td:nth-child(2),
.table-wrapper table tbody tr td:nth-child(3) {
    text-align: center;
}

@media screen and (max-width: 768px) {
    .table-wrapper table thead tr th,
    .table-wrapper table tbody tr td {
        font-size: 12px;
        padding: 16px 4px;
    }
}

.table-wrapper table tbody tr td p.icon-center {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

.table-wrapper table tbody tr td p.icon-center i {
    font-size: 20px;
    width: 24px;
    height: 24px;
    display: block;
    text-align: center;
}


@media screen and (max-width: 1360px) {
    .table-wrapper table thead tr th {
    min-width: 64px;
    }
}
.table-wrapper table thead tr th p {
    margin: 8px auto;
    /* transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%; */
    z-index: 2;
}
.table-wrapper table thead tr th span {
    clear: left;
    background-color: rgba(187, 203, 242, 0.45);
    position: relative;
    display: inline-block;
    color: #13223F;
    font-weight: 300;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
    border-radius: 8px;
    overflow: hidden;
    margin: 3px auto;
    padding: 1px 10px;
    text-align: center;
    letter-spacing: 1px;
    opacity: 0.85;
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    z-index: 2;
}
.table-wrapper table thead tr th:first-of-type {
    left: 0;
    z-index: 3;
}
.table-wrapper table thead tr th:first-of-type::after {
    display: none !important;
}
.table-wrapper table thead tr th::after {
    background-color: #13223F;
    content: "+";
    color: #FFFFFF;
    position: absolute;
    display: block;
    border-radius: 12px;
    width: 24px;
    height: 24px;
    left: calc(50% - 12px);
    top: calc(100% - 12px);
    line-height: 24px;
    text-align: center;
    transition: all 0.15s ease-in-out;
    z-index: 1;
}
.table-wrapper table thead tr th::before {
    background-color: #FFFFFF;
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.table-wrapper table thead tr th.active {
    border-bottom: 1px solid #13223F;
}
.table-wrapper table thead tr th.active::after {
    transform: rotate(-45deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.table-wrapper table thead tr th.active::before {
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.table-wrapper table tbody {
    border-bottom: 1px solid #bbcbf2;
}
.table-wrapper table tbody tr {
    border-top: 1px solid rgba(187, 203, 242, 0.45);
    transition: height 0.15s ease-in-out;
}
.table-wrapper table tbody tr td {
    white-space: nowrap;
    padding: 15px 10px;
    text-align: center;
    transition: height 0.15s ease-in-out;
}
.table-wrapper table tbody tr td img {
    position: relative;
    display: block;
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    height: auto;
    margin: 6px auto;
    opacity: 0.65;
}
.table-wrapper table tbody tr td img.close {
    filter: grayscale(100%);
}
.table-wrapper table tbody tr td p {
    font-size: 13px;
    line-height: 23px;
    padding-bottom: 0;
    margin-bottom: 0;
}
.table-wrapper table tbody tr td span {
    white-space: initial;
    position: relative;
    display: block;
    width: 0;
    height: 0;
    /* opacity: 0;
    visibility: hidden;
    overflow: hidden; */
    text-align: center;
    margin-top: 0;
}
.table-wrapper table tbody tr td:first-of-type {
    background-color: #FFFFFF;
    position: -webkit-sticky;
    position: sticky;
    left: 0px;
    text-align: left;
    font-size: 15px;
    line-height: 23px;
    z-index: 2;
    white-space: normal;
    word-wrap: break-word;
}
.table-wrapper table tbody tr td:first-of-type p {
    padding: 0;
    margin: 0;
    font-weight: 300;
}
.table-wrapper table tbody tr td:first-of-type p strong {
    font-weight: 700;
}
.table-wrapper table tbody tr td:nth-child(even) {
    background: rgba(187, 203, 242, 0.15);
}
.table-wrapper table tbody tr td.active span {
    white-space: initial;
    width: inherit;
    height: inherit;
    max-width: 248px;
    font-size: 13px;
    line-height: 21px;
    font-weight: 300;
    padding: 0 24px;
}

.detail-icon {
    transition: transform 0.3s ease;
    cursor: pointer;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.pr-20{padding-right: 20px;}
.company-detail-logo img{height: 150px !important; border: 1px solid #eaeaea; border-radius: 10px; padding: 10px;}
.tablet-logo{height: 80px !important; border: 1px solid #eeeeee; padding: 3px; border-radius: 3px;}
.passive-image {
    filter: grayscale(100%) opacity(0.5);
}
.passive-link,
.passive-link:hover,
.passive-link:focus,
.passive-link:active {
    background-color: #ccc !important;
    border-color: #ccc !important;
    color: #666 !important;
    opacity: 0.6;
}
.test-usage-button{cursor: pointer;}