/* Inside your site.css file */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

html {
    font-size: 14px;
}
.container {
    max-width: 1600px;
}
@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    font-family: 'Roboto', sans-serif;
    background-color: #F5F7F9 !important;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    color: #fff;
    padding: 10px 0;
    text-align: center;
}

.lpColorText {
    color: #AD0132;
}

.lpColorBg {
    background: #AD0132;
    color: #fff;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.spinner-border {
    width: 3rem;
    height: 3rem;
}

.w-5 {
    width: 5% !important
}

.w-10 {
    width: 10% !important
}

.w-20 {
    width: 20% !important
}
.navbar{
    padding:1.5rem 0;
}
.navbar-nav .nav-item {
    position: relative;
}

.navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #AD0132;
    transition: width 0.3s ease;
}

.nav-link:hover::after {
    width: 100%;
}

.nav-item .nav-link {
    transition: color 0.3s ease, font-weight 0.3s ease;
}

.navbar-nav .nav-item .nav-link:hover {
    color: #AD0132 !important;
    font-weight: bold;
}

.nav-item.active a {
    color: #AD0132 !important;
    font-weight: bold;
    border-bottom: 2px solid #AD0132;
}
/*.tr-hidden{
    display:none;
}*/
#iconToChange {
    border: 1px solid #ffc107;
    padding: 0.3em;
    border-radius: 100%;
    background: #ffc107;
}

.pointer{
    cursor:pointer;
}

.highlight{
    background:red!important;
}

.no-interaction {
    pointer-events: none;
    user-select: none;
    opacity: 0.5; /* Optional: makes the page look disabled */
}
table.dataTable{
    width:100%!important;
}
.t-white {
    color:#fff!important;
}
.readonly {
    pointer-events: none; /* Prevent interaction */
}
.bg-identical {
    background-color: #C4DAD2!important;
}
@media print {
    .card {
        page-break-inside: avoid;
    }

    .card-header {
        page-break-inside: avoid;
    }

    .card-body {
        page-break-inside: avoid;
    }
}
.border-red {
  /*  border-left: 2px solid red!important;
    border-right: 2px solid red!important;
    border-top: 2px solid red!important;
    border-bottom: 2px solid red!important;*/
    border: 2px solid red!important;
}
.Coop {
    background: #FFAD60!important;
}
.AvecBahnhof, .AvecTankstelle {
    background: #FF8C9E !important;
}
.SPARExpress {
    background: #C96868 !important;
}
.MigrolMigrolino , .BahnhofMigrolino , .SocarMigrolino {
    background: #FF885B !important;
}
.TopShop {
    background: #C0EBA6 !important;
}
.MioShell {
    background: #FF8343 !important;
}
.BP {
    background: #557C56 !important;
}
.ENI {
    background: #FFF4B5 !important;
}
.AVIA {
    background: #A04747 !important;
}
@media print {
    header, .notPrint {
        display: none;
    }
}
.dropdown-menu.show{
    z-index:1025!important;
}
.dropdown-menu{
    width:330px;
    padding:10px;
}
.modal-headerArtikel {
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}
.color-transparent{
    color:transparent!important;
}

.overlay-success {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: end;
    align-items: flex-start;
    z-index: 1000;
}