/* @import "../lib/bootstrap-icons-1.5.0/bootstrap-icons.css"; */
@import "../lib/bootstrap-icons-1.13.1/bootstrap-icons.css";

:root {

    --bs-danger: #b52a2f;
    --bs-warning: #ffc107;
    --bs-success: #16794B;

    --bs-danger-rgb: 181, 42, 47;
    --bs-warning-rgb: 255, 246, 176;
    --bs-success-rgb: 22, 121, 75;
    --bs-info-rgb: 148, 210, 248;

    --bs-body-bg: #EFF3F7;
}

.tooltip {
    z-index: 2000 !important;
}


.cursor-pointer {
    cursor: pointer;
}

table.table-white td {
    background: #FFF;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #FFF;
}

.bg-warning2 {
    background: #FAB319;
}
.text-warning2 {
    color: #8F6200;
}

.xtest {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 120, 215);
}

.text-PL {
    color: #012d70;
}

.bg-white-toggle {
    background-color: white;
}

.bg-form {
    background-color: #cedae6;
}


a {
    border: 2px solid transparent;
    color: #005568;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #000;
}

a:focus-visible {
    border: 2px solid #fcc93b;
}

table {
    caption-side: top;
}

h1 {
    font-size: 1.2em;
    font-style: italic;
}

h1 span {
    font-style: normal;
}



.invalid-feedback {
    color: #b52a2f;
}
.text-strong {
    font-weight: bolder;
}

.text-size-4 {
    font-size: 4em;
}

.text-size-3 {
    font-size: 3em;
}

.text-size-12 {
    font-size: 1.2em;
}

.text-size-085 {
    font-size: 0.85em;
}

.text-size-065 {
    font-size: 0.65em;
}

#muminNavbarTop {

}
#muminNavbarTop .container-fluid {
    min-height: 80px;
    height: 13vh;
    border-bottom: 1px dotted #B2B2B2;
    padding-right: 0;
    padding-left: 0;
}

#muminNavbarTop.navbar {
    z-index: 100;
    padding-top: 0;
    padding-bottom: 0;

}

@media screen and (max-width: 970px) {
   .navbar-toggler,
    #navbarNavDropdown {
        background-color: #FFF;
    }

    .navbar-toggler {
        margin-right: 20px;
    }
}


#muminNavbarTop  .navbar-brand {
    height: 100%;
    margin: 0 2em 0 0;
    padding-right: 1em;
    border-right: 1px dotted #B2B2B2;
    background-color: #f1f6fa;
}

#muminNavbarTop .navbar-brand img {

    height: 12.5vh;
    min-height: 3.8em;
    top: .5em;
    left: 1em;
}

#muminNavbarTop .navbar-brand h1 {
    margin-left: 4em;
    margin-top: 10%;
}

#muminNavbarTop a.nav-link {
    padding: 1em;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
}

#muminNavbarTop #userSub a {
    text-transform: none;
    color: rgba(var(--bs-danger-rgb)) !important;
}

@media screen and (min-width: 970px) {
    #muminNavbarTop #userSub a {
        text-align: center;
        font-size: .9em;

    }

    #muminNavbarTop #userSub a i {
        clear: right;
    }

    #muminNavbarTop #userSub a i:after {
        content: ' ';
        display: block;
    }
}

#muminNavbarTop a.navbar-brand {
    text-transform: none;
}

#muminNavbarTop a.nav-link:hover {
    text-decoration: underline;
}

#muminNavbarTop .dropdown-item.active,
#muminNavbarTop .dropdown-item:active {
    color: #000;
    text-decoration: none;
    background-color: #e8eef3;
}

#muminNavbarTop .dropdown.dropdown-fullwidth {
    position: static !important;
}

#muminNavbarTop .dropdown.dropdown-fullwidth .dropdown-menu {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    margin-top: 0 !important;
    width: 100% !important;
    padding-left: 5%;
    padding-right: 5%;
}

#muminNavbarTop .dropdown.dropdown-fullwidth .dropdown-menu li {
    display: inline-block;
}

#muminNavbarTop .dropdown.dropdown-fullwidth .dropdown-menu li a {
    padding: 1em 2em;
}

#muminNavbarTop .dropdown.dropdown-fullwidth .dropdown-menu li a:hover {
    text-decoration: none;
}


#mainTitle {
    margin-bottom: 1em;
    color: #FFF;
}

#mainTitle h2 {
    position: relative;
    background: #38434A; /* #000; */
    color: #FFF;
    padding: .5em 0 .5em 2em;
    margin-bottom: 0;
    font-size: 1.5em;
    font-weight: 300;
}

#mainTitle h2 .navbar-toggler {
    margin-right: 0;
}

#mainTitle h2 .main-title-tools {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 2em;
    border-left: 1px solid #FFF;
    text-align: center;
    background-color: #b52a2f;
    padding-top: .4em;
}

#mainTitle h2 .main-title-tools span svg {
    width: 1em;
    color: #FFF;
    cursor: pointer;
}

#mainTitle ul.list-group-item {
    border: 0;
    margin-bottom: 0;
}
#mainTitle ul.list-group-item li a {
    display: table-cell;
    padding: .5em 1em;
    margin-right: 1em;
    margin-bottom: 2em;
}

#mainTitle ul.list-group-item li a:hover {
    background-color: #931d21;
}


main {
    margin-top: 2.5em;
    min-height: 80vh;
}

footer {
    margin-top: 5em;
    padding-top: 2em;
    padding-bottom: 3em;
    font-family: Helvetica,"Helvetica Neue",Arial,"Lucida Grande",sans-serif;
    font-weight: 400;
}
footer .footer-row-top {
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    padding: 2em 0;
    font-size: .85em;
    background: #dee6ee;
}

footer #footerBlahBlah h2 {
    font-family: "Century Gothic",sans-serif;
    font-size: 1.5em;
    margin-bottom: 1em;
}


footer .credits {
    padding-top: 1em;
    text-align: center;
    font-size: .8em;
}


.tabular-list .row-head {
    padding: 8px 0 5px 0;
    border-bottom: 3px double #D7D7D7;
    color: #000;
    margin-top: 10px;
}

.tabular-list .row-tabular {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    border-bottom: 1px var(--bs-border-style) var(--bs-border-color) !important;
}

.tabular-list.tabular-striped .row-tabular:nth-child(even) {
    background: #f8f9fa !important;
}

.tabular-list .row-tabular:hover,
.tabular-list.tabular-striped .row-tabular:nth-child(even):hover{
    background: #FFF !important;

}

.tabular-list .row-foot {
    background: #38434A;
    color: #FFFACD;
    padding: .3em .5em;
    font-size: .9em;
}


ul.breadcrumbs {
    margin-top: .5em;
    font-size: .8em;
}
ul.breadcrumbs li {
    display: inline;
}

ul.breadcrumbs li.breadcrumb-itm:before {
    content: '/';
}


svg.bi {
    display: inline-block;
    fill: #000066;
    color: #000066;
    width: 1em;
}

svg.bi-white {
    color: #FFFFFF;
}

svg.bi-danger {
    color: #DC3545;
}

.btn-danger {

    background-color: #b52a2f;
    border-color: #b52a2f;
}

.btn-danger:hover {
    background-color: #9f2529;
    border-color: #9f2529;
}

.btn-outline-danger:hover .bi-danger{
    color: #FFFFFF;
}
.btn-outline-success {
    color: #157448;
}

.btn-outline-primary {
    color: #0264F7;
}

.text-info {
    color: #2662AB !important;
}
.text-muted {
    color: #5E7073 !important;
}

code {
    color: #A22061 !important;
}





.btn {
    border-radius: 0;
}





#myPagination {

}



#myPagination.my-page-top {
    margin-bottom: 2em;
    border-bottom: 4px solid #005C70; /* #A7C2D9; /*#337AB7;*/
}

#myPagination.my-page-bottom {
    margin-top: 2em;
    border-top: 4px solid #005C70; /* #A7C2D9; /*#337AB7;*/
}
#myPagination .pagination {
    margin: 0;
    width: 99%;
    border-radius: 0;
}

#myPagination .pagination > li > a,
#myPagination .pagination > li > span {
    border: 0;
    background-color: transparent;
    color: #005C70;
}

#myPagination .pagination > li:first-child > a,
#myPagination .pagination > li:first-child > span,
#myPagination .pagination > li:last-child > a,
#myPagination .pagination > li:last-child > span {
    border-radius: 0;
}

#myPagination .pagination > .active > a,
#myPagination .pagination > .active > a:focus,
#myPagination .pagination > .active > a:hover,
#myPagination .pagination > .active > span,
#myPagination .pagination > .active > span:focus,
#myPagination .pagination > .active > span:hover {
    color: #FFF;
    background: #005C70 /*#A7C2D9; /*#337AB7;*/
}

#myPagination .pagination > li > a:hover,
#myPagination .pagination > li > a:focus,
#myPagination .pagination > li:focus,
#myPagination .pagination > li:hover  {
    color: #464646;
    background: #EEE;
}


ul.my-group {

    list-style-type: none;
}

ul.my-group li {
    border-bottom: 1px dotted #D0D0D0;
}
ul.my-group .list-group-item {
    border: 0;
    background: transparent;
}

ul.my-group .list-group-item {
    border: 0;
    background: transparent;
}

ul.my-group .list-group-item.active {
    color: #000;
    background-color: #FFF;
}

ul.my-group .list-group-item:hover {
    color: #BC3D3F;
}


.btn-tag {
    display: inline-block;
    background: #FFFACD;
    margin: 2px;
    padding: .5em .8em;
    border: 1px dotted #575757;
    color: #575757;
    line-height: 1;
}

.btn-tag-lg {
    padding: .8em 1.1em;
    font-size: 1.1em;
}

.btn-tag:hover,
.btn-tag.btn-tag-selected:hover {
    background: #DEDEDE;
}

.btn-tag.btn-tag-selected {
    background: #fff6a0;
    border: 1px solid #BC3D3F;
}


.btn-simple {
    display: inline-block;
    background: transparent;
    margin: 2px;
    padding: .5em .8em;
    border-bottom: 2px solid #005568;
    color: #005568;
    line-height: 1;
    font-weight: bold;
}

.btn-simple:disabled {
    border-left: 0;
    border-top: 0;
    border-right: 0;
}

.btn-simple-lg {
    padding: .8em 1.1em;
    font-size: 1.1em;
}

.btn-simple:hover,
.btn-simple.btn-simple-selected:hover {
    color: #BC3D3F;
    border-bottom-color: #BC3D3F;
}

.btn-simple.btn-simple-selected {
    color: #BC3D3F;
    border-bottom-color: #BC3D3F;
}


table.table-hover tbody tr:hover th,
table.table-hover tbody tr:hover td {
    background-color: #FFF !important;
    box-shadow: none !important;
}


.multi-col-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

@media screen and (max-width: 999px) { .multi-col-2 { column-count: 1; } }
@media screen and (max-width: 780px) { .multi-col-2 { column-count: 1; } }
@media screen and (max-width: 600px) { .multi-col-2 { column-count: 1; } }

.multi-col-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

@media screen and (max-width: 1124px) { .multi-col-3 { column-count: 2; } }
@media screen and (max-width: 780px) { .multi-col-3 { column-count: 1; } }
@media screen and (max-width: 600px) { .multi-col-3 { column-count: 1; } }


.gal-row {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 4;
}

@media screen and (max-width: 999px) { .gal-row { column-count: 3; } }
@media screen and (max-width: 780px) { .gal-row { column-count: 2; } }
@media screen and (max-width: 600px) { .gal-row { column-count: 1; } }

.gal-item {
    margin-bottom: 1em;
}

.gal-item img {
    padding: 2px;
    vertical-align: middle;
    width: 100%;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    border: 1px solid #DEE6EE;
}






select.no-arrow {
    appearance: none;
    background-image: none;
    padding: 0.1rem 0.2rem 0.1rem 0.2rem;
    border: 1px solid #000;
}


#map_leaflet {
    width:100%;
    height: 85vh;
    border: 2px solid #FFF;
}

#map_todo {
    margin: 3em 0;
    width: 100%;
    height: 55vh;
    border: 2px solid #FFF;
}



#blogPost h4 {
    margin-bottom: 1.5em;
}

#blogPost li {
   /* margin-bottom: 1em; */
}


.number-group {
    position: relative;
    display: inline-block;

    vertical-align: middle;
}
.number-group input {
    display: inline-block;
    padding: 0.375rem 0.5rem;
    margin: 0 2px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
    width: 2rem;
    text-align: center;
}

.number-group input:focus {
    outline: transparent;
    border-bottom: 1px solid red;
}


.table-team thead tr th {
    background: #b52a2f;
    color: #FFF;
}

.table-team thead tr th.stats {
    width: 2.5em;
}

.table-team tfoot tr th {
    background: #38434A;
    color: #FFFACD;
    padding: .3em .5em;
    font-size: .9em;
}

.table-team tr.separator td {
    background: #b52a2f !important;
    color: #FFF;
    padding: .2em .5em;
    font-size: .9em;
}

.table-hover > tbody > tr.separator:hover > * {
    --bs-table-accent-bg: transparent;
    box-shadow: inset 0 0 0 9999px #b52a2f !important; /* Nadpisuje hover kolorem Twojego separatora */
    color: #FFF !important;
}

.modal-link {
    padding: 2px;
    color: #005568;
    text-decoration: none;
    cursor: pointer;
}
.modal-link:hover {
    text-decoration: none;
    color: #000;
}

.modal-link2 {
    margin: 2px;
    color: #b52a2f;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px dotted;
}
.modal-link2:hover {
    text-decoration: none;
    color: #000;
}


.col2-container {
    column-count: 2;
    column-gap: 1rem; /* odstęp między kolumnami */
}

@media (max-width: 1020px) {
    .col2-container  {
        column-count: 1;
    }
}

.col2-container > div {
    break-inside: avoid; /* zapobiega łamaniu elementów */
    background: white;
    margin-bottom: 1rem; /* odstęp pionowy między elementami */
    padding: 1rem;
    border-radius: 0.25rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}




.danger-popover {
    --bs-popover-border-color: var(--bs-danger);
    --bs-popover-header-bg: var(--bs-danger);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
}

.info-popover {
    --bs-popover-border-color: var(--bs-primary);
    --bs-popover-header-bg: var(--bs-primary);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
}

#PostGame [data-bs-toggle="popover"] {
   cursor: pointer;
}





/*================================== alerts ===============================================*/

.alert h3 {
    margin-top: 10px;
}

.alert-success {
    padding-top: 0.6em;
    color: #565556;
    border: 1px solid #b9ddaa;
}

.alert-success mark {
    color: #21763f;
    font-weight: 700;
    background: #DFF0D8;
}

.alert-success i.fa {
    color: #21763f;
}

.alert-success .close {
    color: #21763f;
    opacity: 1;
}

.alert-success .close:hover {
    color: #000;
    opacity: 1;
}

.alert-warning {
    padding-top: 0.6em;
    color: #565556;
    border: 1px solid #FAB319;
    background: #FFF1CC;
}

.alert-warning i.fa {
    color: #ff5c0c;
}

.alert-warning mark {
    color: #ac3900;
    font-weight: 700;
    background: #FFF1CC;
}

.alert-warning .close {
    color: #ac3900;
    opacity: 1;
}

.alert-warning .close:hover {
    color: #000;
    opacity: 1;
}

.alert-danger {
    padding-top: 0.6em;
    color: #565556;
    border: 1px solid #e7a1a1;
    background: #F4D4D4;
    /* #F4D4D4  */
}

.alert-danger i.fa {
    color: #a53537;
}

.alert-danger mark {
    color: #a53537;
    font-weight: 700;
    background: #F4D4D4;
}

.alert-danger .close {
    color: #a53537;
    opacity: 1;
}

.alert-danger .close:hover {
    color: #000;
    opacity: 1;
}

#printImg {
    display: none;
}
@media print {

    :root {
        --bs-body-bg: #FFFFFF;
    }


    body {
        font-size: 9pt;
        margin: 20pt 10pt !important;
        padding: 0 !important;
    }

    .container {
        width: 100% !important;
      //  max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 768px;
    }

    .col-sm-6 { flex: 0 0 50% !important; max-width: 50% !important; }
    .col-lg-1 { flex: 0 0 8.33% !important; max-width: 8.33% !important; }
    .col-lg-4 { flex: 0 0 33.333% !important; max-width: 33.333% !important; }
    .col-lg-6 { flex: 0 0 50% !important; max-width: 50% !important; }
    .col-lg-7 { flex: 0 0 58.33% !important; max-width: 58.33% !important; }

    .page-break {
        page-break-after: always;
        break-after: page;
    }


    .row {
        display: flex !important;
        flex-wrap: wrap !important;
    }


        a[href]:after {
            content: none !important;
        }


        .unprint,
        header,
        footer {
            display: none !important;
        }

    #mainTitle h2 {
        background: #FFF;
        color: #38434A;
    }

    #printImg {
        display: block;
        width: 100px;
    }

}


@media (max-width: 991.98px) {
    .col-6-red {
        background-color: var(--bs-danger) !important;
        color: white;
    }
}

@media (min-width: 1200px) {
    .column-count-xl-2 {
        column-count: 2;
        column-gap: 2rem; /* odstęp między kolumnami */
    }

    .w-xl-50 { width: 50% !important; }
    .w-xl-40 { width: 40% !important; }
    .w-xl-10 { width: 10% !important; }
}