﻿
.modal-content {
    box-shadow: 1px 2px 2px rgba(40, 5, 113, 0.1);
    border-radius: 10px;
    padding:20px 20px 10px 15px;
}

.navbar {
    padding:0px;
}

.form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
  }
  
  .form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
  }

.form-select-md {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    padding-left: 1rem;
    font-size: 1rem;
    border-radius: 0.5rem;
}

select:-internal-list-box:focus option:checked {
    background-color: var(--nt-color-main-primary) !important;
    color: var(--nt-color-neutral-light) !important;
}




select option:focus, 
select option:active, 
select option:checked
{
    background: linear-gradient(var(--nt-color-main-primary),var(--nt-color-main-primary));
    background-color: var(--nt-color-main-primary) !important; /* for IE */
    color: var(--nt-color-neutral-light) !important;
}

select option:hover
{
    background: linear-gradient(var(--nt-color-main-focused),var(--nt-color-main-focused));
    background-color: var(--nt-color-main-focused) !important; /* for IE */
    color: var(--nt-color-main-primary) !important;
}


.valid.modified:not([type=checkbox])  {
    outline: none!important;
}

.form-select:focus {
    border:1px solid var(--nt-color-main-primary);
    outline: 0;
    box-shadow: none;
}

.overflow-y-auto {
    overflow-y: auto !important;
}

.overflow-y-scroll {
    overflow-y: scroll !important;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

.overflow-x-auto {
    overflow-x: auto !important;
}

.overflow-x-scroll {
    overflow-x: scroll !important;
}

.overflow-x-hidden {
    overflow-x:  hidden !important;
}



.breadcrumb-item {
    font-weight: 500;
    font-size:1rem;

}

.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    font-family: 'nt-icons', monospace !important;
    content: "\e959";
    font-weight: 500;
}

.breadcrumb-item .page-link {
    color: var(--bs-breadcrumb-divider-color);
    font-weight: 500;
}

.breadcrumb-item .page-link:hover {
    color: var(--nt-color-main-primary);
    font-weight: 500;
    cursor: pointer;
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color);
    font-weight: 500;
    cursor: pointer;
  }




.right-0 {
    right:0px;
}


.btn-close {
    color: #ACAFB8 !important;
    opacity: 1;
    background: transparent url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.502103 11.4979C1.17157 12.1674 2.257 12.1674 2.92647 11.4979L11.4979 2.9265C12.1674 2.25703 12.1674 1.1716 11.4979 0.502133C10.8284 -0.167337 9.743 -0.167337 9.07353 0.502133L0.502103 9.07356C-0.167368 9.74303 -0.167368 10.8285 0.502103 11.4979Z' fill='%23ACAFB8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4979 11.4979C12.1674 10.8285 12.1674 9.74303 11.4979 9.07356L2.92647 0.502133C2.257 -0.167337 1.17157 -0.167337 0.502103 0.502133C-0.167368 1.1716 -0.167368 2.25703 0.502103 2.9265L9.07353 11.4979C9.743 12.1674 10.8284 12.1674 11.4979 11.4979Z' fill='%23ACAFB8'/%3E%3C/svg%3E") center/1em auto no-repeat;
}

.btn-close:hover {
    color: var(--nt-color-main-primary) !important;
}

.btn-close:focus {
    color: var(--nt-color-main-primary) !important;
    box-shadow: none !important;
}

.btn.disabled {
    color: var(--nt-color-neutral-light);
    background-color: var(--nt-color-neutral-disabled);
    border-color: var(--nt-color-neutral-disabled);

}

.btn-text:hover{
    text-decoration: underline;
}


.modal-content .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
}


table.table {
    background-color: var(--nt-color-background-secondary);
    border-radius: 8px;
}

table.table tbody tr:hover {
    background-color: var(--nt-color-main-focused);
    border-radius: 8px;
}

table.table.no-hover  tr:hover {
    background-color: var(--nt-color-background-secondary);
    border-radius: 8px;
}

table.table thead tr {
    background-color: var(--nt-color-background-secondary);
    border-radius: 8px;
    position: sticky;
    top: 0;
    z-index: 10;
    box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05);
    
    th:first-child {
        border-top-left-radius: 8px;
    }

    th:last-child {
        border-top-right-radius: 8px;
    }
}



table.table th,
table.table td {
    min-height: 24px !important;
    line-height: 24px !important;
    vertical-align: middle;
}
table.table th:first-of-type,
table.table td:first-of-type {
    padding-left:15px;
}

table.table th:last-of-type,
table.table td:last-of-type {
    padding-right:15px;
}





.tooltip-inner {
    text-align: left;
}

.card {
    background-color: var(--nt-color-neutral-light);
    box-shadow: 0px 2px 2px rgba(105, 69, 146, 0.19);
    border-radius: 8px;
}


/********************************/
/* FLEXBOX*/

.d-flex  {

    display: flex;
    /* compatibility with wkhtmltopdf */
    display: -webkit-box;
    display: -webkit-flex;
    /* compatibility with wkhtmltopdf */
    
    display: -moz-box;
    display: -ms-flexbox;
}


.d-inline-flex {
    display: inline-flex;
    /* compatibility with wkhtmltopdf */
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    /* compatibility with wkhtmltopdf */
    
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
}

/* -------------------------------------------- */

.flex-row {
    flex-direction: row;
    /* compatibility with wkhtmltopdf */
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    /* compatibility with wkhtmltopdf */
    
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -ms-flex-direction: row;
}


.flex-row-reverse {
    flex-direction: row-reverse;
    /* compatibility with wkhtmltopdf */
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    /* compatibility with wkhtmltopdf */
    -moz-box-direction: reverse;
    -moz-box-orient: horizontal;
    -ms-flex-direction: row-reverse;
}


.flex-column {
    flex-direction: column;
    /* // compatibility with wkhtmltopdf */
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    /* // compatibility with wkhtmltopdf */ 
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    
}

.flex-column-reverse {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-direction: reverse;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;    
}

/* -------------------------------------------- */

.justify-content-center {
    justify-content: center;
    /* // compatibility with wkhtmltopdf */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    /* // compatibility with wkhtmltopdf */
    
    -moz-box-pack: center;
    -ms-flex-pack: center;
}

.justify-content-start {
    justify-content: start;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
}

.justify-content-end {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: end;
    justify-content: end;
}

.justify-content-between {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.justify-content-around {
    -ms-flex-pack: distribute;
    -moz-box-pack: justify ;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

/* -------------------------------------------- */

.align-items-start {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    align-items: start;
} 

.align-items-end {
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: end;
    align-items: end;
} 

.align-items-center {
    align-items: center;
    /* // compatibility with wkhtmltopdf */
    -webkit-box-align: center;
    -webkit-align-items: center;
    /* // compatibility with wkhtmltopdf */
    -moz-box-align: center;
    -ms-flex-align: center;
} 

.align-items-baseline {
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
} 

.align-items-stretch {
    align-items: stretch;
    /* // compatibility with wkhtmltopdf */
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    /* // compatibility with wkhtmltopdf */
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
} 

/* -------------------------------------------- */

.align-content-stretch {
    align-content: stretch;
    -webkit-align-content: stretch;
}

.align-content-start {
    -ms-flex-line-pack: start;
    align-content: start;
}

.align-content-end {
    -ms-flex-line-pack: end;
    align-content: end;
}

/* -------------------------------------------- */

.align-self-auto {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.align-self-start {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    align-self: start;
}

.align-self-end {
    -webkit-align-self: end;
    -ms-flex-item-align: end;
    align-self: end;
}

.align-self-baseline {
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.align-self-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

/* -------------------------------------------- */

.flex-fill {
    flex: 1 1 auto;
    /* // compatibility with wkhtmltopdf */
    -webkit-box: nth(1, 1);
    -webkit-flex: 1 1 auto;
    /* // compatibility with wkhtmltopdf */
    -moz-box: nth(1, 1);
    -ms-flex: 1 1 auto !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
    /* // compatibility with wkhtmltopdf */
    -webkit-flex-wrap: wrap !important;
    /* // compatibility with wkhtmltopdf */

    -ms-flex-wrap: wrap !important;
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: none !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}



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






/*
*
*    MOBILE FIRST
*
*/


/* 
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/


.tolltip.tooltip-xs-none,
    .tooltip.tooltip-none {
        display:none !important;
    }

/* sm Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    

}

/* md Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* lg Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* xl X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* xxl XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}



/*
*
*    DESKTOP FIRST
*
*/

/* Desktop First Approach - Bigger to Smaller Screen Size */


table.table.table-adaptive tr td label.table-adaptive-label {
    display: none;
}

.table-adaptive-label {
    display: none;
}

.form-control:focus {
    border: 1px solid var(--nt-color-main-primary);
    box-shadow: none;
}

.form-control:hover {
    background-color: var(--nt-color-background-primary);
}

/* xm Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

    table.table.table-adaptive-xs thead {
        display: none;
    }

    table.table.table-adaptive-xs tr {
        border-bottom: 1px solid var(--bs-border-color);
    }

        table.table.table-adaptive-xs tr:last-of-type {
            border-bottom: none;
        }

        table.table.table-adaptive-xs tr td {
            display: inline-block;
            border: none;
        }

            table.table.table-adaptive-xs tr td.table-adaptive-break {
                display: block;
                border: none;
            }

            table.table.table-adaptive-xs tr td label.table-adaptive-label {
                display: inline-block;
                border: none;
                font-weight: bold;
            }

                table.table.table-adaptive-xs tr td label.table-adaptive-label::after {
                    content: "\00a0";
                }


}

/* sm Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    .tolltip.tooltip-sm-none
     {
        display:none !important;
     }

    table.table.table-adaptive thead,
    table.table.table-adaptive-sm thead {
        display: none;
    }
    table.table.table-adaptive tr,
    table.table.table-adaptive-sm tr {
        border-bottom: 1px solid var(--bs-border-color);
    }
        table.table.table-adaptive tr:last-of-type,
        table.table.table-adaptive-sm tr:last-of-type {
            border-bottom: none;
        }

        table.table.table-adaptive tr td,
        table.table.table-adaptive-sm tr td {
            display: inline-block;
            border: none;
        }

            table.table.table-adaptive tr td.table-adaptive-break,
            table.table.table-adaptive-sm tr td.table-adaptive-break {
                display: block;
                border: none;
            }

            table.table.table-adaptive tr td label.table-adaptive-label,
            table.table.table-adaptive-sm tr td label.table-adaptive-label {
                display: inline-block;
                border: none;
                font-weight: bold;
            }

                table.table.table-adaptive tr td label.table-adaptive-label::after
                table.table.table-adaptive-sm tr td label.table-adaptive-label::after {
                    content: "\00a0";
                }


}

/* md Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

    .tooltip.tooltip-md-none {
        display:none !important;
    }

    table.table.table-adaptive-md thead {
        display: none;
    }

    table.table.table-adaptive-md tr {
        border-bottom: 1px solid var(--bs-border-color);
    }

        table.table.table-adaptive-md tr:last-of-type {
            border-bottom: none;
        }

        table.table.table-adaptive-md tr td {
            display: inline-block;
            border: none;
        }

            table.table.table-adaptive-md tr td.table-adaptive-break {
                display: block;
                border: none;
            }

            table.table.table-adaptive-md tr td label.table-adaptive-label {
                display: inline-block;
                border: none;
                font-weight: bold;
            }

                table.table.table-adaptive-md tr td label.table-adaptive-label::after {
                    content: "\00a0";
                }
}

/* lg Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

    .tooltip.tooltip-lg-none {
        display:none !important;
    }

    table.table.table-adaptive-lg thead {
        display: none;
    }

    table.table.table-adaptive-lg tr {
        border-bottom: 1px solid var(--bs-border-color);
    }

        table.table.table-adaptive-lg tr:last-of-type {
            border-bottom: none;
        }

        table.table.table-adaptive-lg tr td {
            display: inline-block;
            border: none;
        }

            table.table.table-adaptive-lg tr td.table-adaptive-break {
                display: block;
                border: none;
            }

            table.table.table-adaptive-lg tr td label.table-adaptive-label {
                display: inline-block;
                border: none;
                font-weight: bold;
            }

                table.table.table-adaptive-lg tr td label.table-adaptive-label::after {
                    content: "\00a0";
                }

}

/* xl Extra Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {

    .tooltip.tooltip-xl-none {
        display:none !important;
    }

    table.table.table-adaptive-xl thead {
        display: none;
    }

    table.table.table-adaptive-xl tr {
        border-bottom: 1px solid var(--bs-border-color);
    }

        table.table.table-adaptive-xl tr:last-of-type {
            border-bottom: none;
        }

        table.table.table-adaptive-xl tr td {
            display: inline-block;
            border: none;
        }

            table.table.table-adaptive-xl tr td.table-adaptive-break {
                display: block;
                border: none;
            }

            table.table.table-adaptive-xl tr td label.table-adaptive-label {
                display: inline-block;
                border: none;
                font-weight: bold;
            }

                table.table.table-adaptive-xl tr td label.table-adaptive-label::after {
                    content: "\00a0";
                }
}

/* xxl Extra Extra Large devices (desktops, less than 2560px) */
@media (max-width: 2599.98px) {
    .tooltip.tooltip-xxl-none {
        display:none !important;
    }
}
