﻿/* =========================================
   STICKY HEADER - Secondary nav below header
   ========================================= */
/* Default: no header present - stick to top:0 */
#myTab.sticky-top,
.nav-tabs.sticky-top {
    top: 0 !important;
    z-index: 1020;
    background-color: white;
}

/* When SCHAKO header is present, offset the secondary nav */
body:has(#topnav) #myTab.sticky-top,
body:has(#topnav) .nav-tabs.sticky-top,
body.has-schako-header #myTab.sticky-top,
body.has-schako-header .nav-tabs.sticky-top {
    top: 56px !important;
    padding-top: 1rem;
}

.popover-body {
    white-space: pre-line !important;
}

.popover {
    max-width: 600px !important;
    width: auto !important;
}

.schako-hidden {
    display: none !important;
}


table.dataTable.table-striped > tbody > tr.odd.selected > * {
    box-shadow: inset 0 0 0 9999px rgba(57, 175, 209, .25);
    color: var(--bs-body-color);
}

table.dataTable tbody tr.selected > * {
    box-shadow: inset 0 0 0 9999px rgba(57, 175, 209, .25);
    color: var(--bs-body-color)
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #ffffff;
    /* background-color: #24432c; */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111)); */
    /* background: -webkit-linear-gradient(top, #585858 0%, #111111 100%); */
    /*    background-color: white !important; */
    background: none !important;
    /*    border: 1px;    */
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    color: white !important;
    border: 1px solid #ffffff;
    /* background-color: #24432c; */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111)); */
    /* background: -webkit-linear-gradient(top, #585858 0%, #111111 100%); */
    /*    background-color: white !important; */
    background: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #0c0c0c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    /* W3C */
    box-shadow: inset 0 0 3px #fff;
}

/* schako datatables */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    background-color: rgba(18,140,89, 1 ) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.5em 0em !important;
}

/*.card-body {
    min-height: 200px;
    min-width: 300px;
    margin-right: 5px;
}*/

/*.sticky-card {
    min-width: 400px;
    max-width: 400;
    z-index: 1;
    position: sticky;
    left: 0;
}*/

.noVisible {
    display: none !important;
}

.loading {
    width: 98vw !important;
}


@media screen and (max-width: 575px) {
    #vid_iframe {
        min-width: 600px !important;
    }

    .iframe-container {
        min-height: 65vh !important;
        overflow-x: scroll;
    }
}

.select-NWo {
    max-width: 60px;
    padding-right: 8px;
    padding-left: 9px;
}

.input-group-text {
    cursor: pointer !important;
}

.schako-no-deployed {
    pointer-events: none;
    opacity: 0.5;
}

.superimposed-input {
    border: 0;
}


    .superimposed-input select {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - 1px);
        /*height: 100%;*/
        z-index: 1;
    }

        .superimposed-input select option {
            color: #000;
        }

    .superimposed-input input {
        position: relative;
        width: calc(97%);
        height: 100%;
        padding: 0px;
        border: none;
        z-index: 2;
        background-color: transparent;
    }

        .superimposed-input select:focus, .superimposed-input input:focus {
            outline: none;
        }

.sak-title {
    background-color: #0f973d;
    width: 100%;
    color: white;
    padding-left: 0.5rem;
    margin-top: 1rem;
}

.form-select-dt-search {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L4.25 4.25L7.5 1' stroke='%23475367' stroke-width='1.08333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    /*padding: 0.5rem 1.75rem 0.5rem 0.75rem;*/
    padding: 0.1rem 0rem 0.1rem 0.2rem;
    /*font-size: 0.9375rem;*/
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333333;
    appearance: none;
    background-color: #f7f9fc;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    /*background-position: right 0.75rem center;*/
    background-position: right 0.2rem center;
    background-size: 0.75em 0.75em;
    border: var(--bs-border-width) solid #e4e7ec;
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
    padding: 4px !important;
}

/*.schako-dt-search {
    display: none !important;
}*/

@media (max-width: 1199px) {
    .schako-dt-search {
        display: none !important;
    }
}

/*@media (min-width: 992px) {
    .schako-dt-search {
        display: '' !important;
    }
}*/

@media (max-width: 992px) {
    .margin-xs-FKW {
        margin-top: 2rem;
    }

    .list-group-item {
        min-width: 6em; /* o el ancho que necesites */
    }
}

@media (min-width: 100px) {
    .schako-list-group-item {
        width: auto;
        min-width: max-content;
    }
}


.schako-no-disabled {
    color: unset !important;
    font-style: normal !important;
}


@media (min-width: 769px) {
    .list-grid-large-audix {
        grid-template-columns: 30% 7% 7% 7% 7% 7% 7% 7% 7% 14% auto !important;
    }
}


.list-grid-large .list-grid-content-title {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.schako-list-grid-vf-sheet-vzu {
    display: grid;
    grid-template-columns: 0.5fr 0.5fr 0.5fr 4fr;
    margin-bottom: 0.25rem;
}

.schako-list-grid-sheet-aquaris {
    display: grid;
    grid-template-columns: 3fr 8fr 1fr;
    margin-bottom: 0.25rem;
}

    .schako-list-grid-sheet-aquaris .list-grid-content-title {
        color: #fd7e14;
        text-align: center;
    }


.schako-list-grid-sheet-noise-aquaris {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-bottom: 0.25rem;
}

    .schako-list-grid-sheet-noise-aquaris .list-grid-content-title {
        text-align: center;
    }

    .schako-list-grid-sheet-noise-aquaris .list-grid-content-title {
        text-align: center;
    }



@media (max-width: 768px) {

    .schako-list-grid-vf-sheet-vzu {
        display: grid;
        grid-template-columns: 0.5fr 0.5fr 0.5fr 2fr;
        margin-bottom: 0.25rem;
    }
}

@media screen and (min-height: 768px) and (max-height: 991px) {
    .fk-detail-image {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.schako-list-grid-vf-sheet-ek {
    display: grid;
    grid-template-columns: 1fr 0.5fr 0.5fr 0.5fr 3.5fr;
    margin-bottom: 0.25rem;
}

.schako-list-grid-vf-sheet-int-tittle {
    display: grid;
    grid-template-columns: 100%;
    margin-bottom: 0.25rem;
}

.list-grid-content-no-border {
    border-bottom: 1px #d0d5dd;
    padding: 0.5rem;
}

.sch-red {
    color: #FF0033 !important;
}

/*sound absorber*/
.list-grid-large-sd-sheet-schako {
    grid-template-columns: 3fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
}

.list-grid-large-aqs-noise-schako {
    grid-template-columns: 3fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
}

@media (max-width: 768px) {
    .list-grid-large-sd-sheet-schako {
        grid-template-columns: none !important;
        grid-template-rows: repeat(auto-fit, minmax(1rem, 1fr)) !important;
    }

    .list-grid-large-aqs-noise-schako {
        grid-template-columns: none !important;
        grid-template-rows: repeat(auto-fit, minmax(1rem, 1fr)) !important;
    }
}


@media (min-width: 768px) {
    .d-md-flex-schako {
        display: grid !important
    }
}

.list-grid-large-sd-schako {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1rem, 1fr));
}

    .list-grid-large-sd-schako .list-grid-content-sd-schako {
        padding: 0.5rem;
        color: #475367;
        border-bottom: 0;
    }

    .list-grid-large-sd-schako .list-grid-content-title-sd-schako {
        color: #fd7e14;
        text-align: center;
    }

    .list-grid-large-sd-schako .list-grid-content-primary-sd-schako, .list-grid-large-sd-schako .list-grid-content-secondary-sd-schako {
        text-align: center;
        padding-left: 0.2rem !important;
    }

    .list-grid-large-sd-schako .list-grid-content-primary-sd-schako {
        color: #333333;
        background-color: rgba(15, 151, 61, 0.25);
    }


@media (max-width: 1200px) {
    .list-grid-group-sd-schako {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(1rem, 1fr));
    }

    .list-grid-large-sd-schako {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(auto-fit, minmax(1rem, 1fr));
    }

        .list-grid-large-sd-schako .list-grid-content-secondary-sd-schako {
            background-color: #f7f9fc;
            padding-left: 0.5rem !important;
        }
}

.input-group .form-control-schako {
    text-align: right;
}

.schako-no-padding-horizontal {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.list-grid-large-sd-header-schako {
    display: grid;
    grid-template-columns: 50% 50% !important;
    padding-bottom: 0.5rem;
}

    .list-grid-large-sd-header-schako .list-grid-content-left-schako {
        text-align: left;
        color: #0f973d;
    }

    .list-grid-large-sd-header-schako .list-grid-content-right-schako {
        text-align: right;
        color: #0f973d;
    }

.divSAK {
    color: var(--bs-accordion-active-color);
    box-shadow: inset 0 -1px 0 #0f973d;
    outline: transparent;
}

.schako-dt-right-align {
    /*padding: initial;*/
}


/*data table column align right margin*/
table.dataTable > thead > tr > th.schako-dt-right-align, table.dataTable > thead > tr > td.schako-dt-right-align {
    padding-right: 2em !important;
}

table.dataTable > tbody > tr > td.schako-dt-right-align {
    padding-right: 2em !important;
}

@media (max-width: 14000px) {

    table.dataTable > thead > tr > th.schako-dt-minwidth-std, table.dataTable > thead > tr > td.schako-dt-minwidth-std {
        min-width: 50px !important;
    }
}

@media (max-width: 768px) {
    table.dataTable > thead > tr > th.schako-dt-minwidth-std, table.dataTable > thead > tr > td.schako-dt-minwidth-std {
        min-width: 40px !important;
    }
}

@media (max-width: 576px) {
    table.dataTable > thead > tr > th.schako-dt-minwidth-std, table.dataTable > thead > tr > td.schako-dt-minwidth-std {
        min-width: 30px !important;
    }
}

@media (max-width: 991px) {
    .list-group.mt-4 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }

        .list-group.mt-4 > div {
            flex: 1;
            margin: 0 5px;
        }
}
/*table.dataTable > tbody > tr.child span.dtr-title {
    text-align: left !important;
}*/


/*Datatable responsive hidden columns view*/
table.dataTable > tbody > tr.child span.dtr-title {
    display: inline-table !important;
    width: 76px !important;
    font-weight: bold !important;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
    text-align: left !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
    display: grid !important;
    grid-template-columns: 1fr !important;
    text-align: left !important;
}
/*End Datatable responsive hidden columns view*/

.schako-list-group-item {
    border: none;
}


.schako-dt-red {
    color: red !important;
}

.schako-dt-blue {
    color: blue !important;
}

.schako-dt-narrow {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

table.dataTable > thead > tr > th.schako-dt-narrow,
table.dataTable > thead > tr > td.schako-dt-narrow,
table.dataTable > tbody > tr > td.schako-dt-narrow {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.schako-list-grid-aw-item-sheet {
    display: grid;
    grid-template-columns: 2fr 1fr 0.9fr 1fr 0.6fr;
    margin-bottom: 0.25rem;
}


@media (min-width: 768px) {
    .schako-list-grid-aw-item-sheet {
        display: grid;
        grid-template-columns: 2fr 1fr 0.8fr 1fr 0.6fr;
        margin-bottom: 0.25rem;
    }
}

@media (max-width: 575px) {
    .schako-list-grid-aw-item-sheet {
        display: grid;
        grid-template-columns: 2fr 0.5fr 0.8fr 0.6fr 0.6fr;
        margin-bottom: 0.25rem;
    }
}

.schako-list-grid-aw-item-sheet-short-unit {
    display: grid;
    grid-template-columns: 2fr 1fr 0.1fr 1fr 0.6fr;
    margin-bottom: 0.25rem;
}

@media (min-width: 768px) {
    .schako-list-grid-aw-item-sheet-short-unit {
        display: grid;
        grid-template-columns: 2fr 1fr 0.8fr 1fr 0.6fr;
        margin-bottom: 0.25rem;
    }
}

/*@media (min-width: 768px) {
    .schako-list-grid-aw-item-sheet-short-unit {
        display: grid;
        grid-template-columns: 2fr 1fr 0.6fr 1fr 0.6fr;
        margin-bottom: 0.25rem;
    }
}*/

.btn_dt:hover {
    border-width: 0px !important;
}

.btn_dt {
    border-width: 0px !important;
}

.schako-dt-display-grid {
    display: grid;
}


.schako-orange {
    color: var(--bs-orange) !important;
}

/* ── Mobile: moderate breadcrumb spacing ── */
@media (max-width: 767.98px) {
    nav[aria-label="breadcrumb"].my-mob {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }
}