body {
    background: #17191C;
    background-attachment: fixed;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: black;
}

#formularz {
    margin:0px auto;
  
    background: #f6f6f4 !important; color:black;
/*
    background: #78866B; color:black;
    background:  #333333; color: white; 
*/
    background-attachment: fixed;
    border-top:0px solid navy;
    border-bottom:1px solid black;
    padding-left :10px;
    padding-right :10px;
    
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}



.unisco {
    margin:0px auto;
    background: #f6f6f4 !important;
    color:black !important;

    background-attachment: fixed;
    border-top:0px solid navy;
    border-bottom:1px solid black;
    padding-left :0px;
    padding-right :0px;
    
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;;
}


.kompetencje {
/* STANOWISKA Platinum */
    background: #E5E5E5 !important;
}

.brazowe {
/* ZPC Dim Gray*/
    background: #6D6D64 !important;
}


.stanowiska {
/* STANOWISKA Middle Grey */
    background: #8B8B81 !important;
}

.biale {
    background: #f6f6f4 !important;
    color:black !important;
}

.niebieskie {
/* MAIN Slate Gray */
    background: #708090 !important;
}



a6 {
    font-weight:bold;
    color:white;
    font-size:18px;
}

a7 {
    font-weight:bold;
    color:navy;
    font-size:18px;
}

/* Domyślnie użyj jasnego motywu */
.table {
    background-color: #e2e3e5; /* Tło dla table-secondary */
    color: #000; /* Kolor tekstu dla table-secondary */
}

/* Jeśli preferowany jest tryb ciemny, użyj ciemnego motywu */
@media (prefers-color-scheme: dark) {
    .table {
        background-color: var(--bs-table-dark-bg, #212529);
        color: var(--bs-table-dark-color, #fff);
    }

    a7 {
        font-weight:bold;
        color:orange;
        font-size:18px;
    }
    
    #formularz   { 
        background:  #161616 !important;
        color: white !important;
    }    
}



#niewidoczny {
display: none
}

#puls {
--fa-beat-fade-opacity: 1.0; 
--fa-beat-fade-scale: 1.075;
}

#pasek {
    top: 0;
    width:100%;
    margin: 0px 0px;
    height: 300px; /* opcjonalnie jakaś wysokość */
    background-color: black;
    background-position: center;
    background-repeat: no-repeat;
}

hr {
    color: navy;
    background-color: navy;
    height: 1px;
}

h1 {
     margin: 0px;
     font-size:24px;
     font-weight:bold;
}

h2 {
     margin-top: 0px;
     font-size:20px;
     font-weight:bold;
}



#pform {
    	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;;
        font-size:12px;
}

        a:hover {
            color:navy;
        }

.label {
    display:inline-block;
    margin-bottom:0px;
      position: relative;
}
#formularz radio {margin-left:100px;}


/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
                        
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';

    }
 
    .tab-links li {
        margin:-10px 5px;
        float:left;
        list-style:none;
                
    }
 
        .tab-links a {
            padding:6px 15px;
            display:inline-block;
            border-radius:3px 3px 0px 0px;
            background:#1D84F7;/*niebieski tlo*/
            font-size:16px;
            text-shadow: -1px 0 navy, 0 1px navy, 1px 0 navy, 0 -1px navy;
            font-weight:600;
            color:#fff;
            transition:all linear 0.15s;
            text-decoration: none;
            
        }
 
        .tab-links a:hover {
            background:#f6f1b9;
            color:navy;
            text-shadow:none;
            text-decoration:none;
        }
 
    li.active a, li.active h5, li.active a:hover {
        background:#f1700d;/*pomaranczowy*/
        color:#fff;/*biały*/
        text-shadow: -1px 0 navy, 0 1px navy, 1px 0 navy, 0 -1px navy;
        text-decoration:none;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
        padding:0px;
        border-radius:3px;
        /*box-shadow:-1px 1px 1px rgba(0,0,0,0.15);*/
        /*background:#c0deff; jasny niebieski*/

    }
 
        .tab {
            display:none;

        }
 
        .tab.active {
            display:block;

        }
        
.hover_img a { position:relative; }
.hover_img a span { position:absolute; display:none; z-index:99; }
.hover_img a:hover span { display:block; }

.circular-image {
  border-radius:  15%;
  box-shadow: 0 0 12px navy;
}

.to-top{
    text-align:center;
}
#scroll-to-top{
    display:none;
    position:fixed;
    bottom:15px;
    right:20px;
    opacity:0.8;
}
#scroll-to-top:hover{
    opacity:1;
}

          
    li.disabled > a {
    color:#aaa !important;
    }      
    
.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide;
    /* The duration of the animation */
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible;
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(-70%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

.slide-from-left {
    animation: slideFromLeft 1s ease forwards;
}

.slide-from-right {
    animation: slideFromRight 1s ease forwards;
}


@keyframes slideFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-20%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes slideFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes slideFromRight {
    0% {
        opacity: 0;
        transform: translateX(20%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes slideFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}



.carousel-control.right, .carousel-control.left {
    background-image: none;
    color: #f4511e;
}

.carousel-indicators li {
    border-color: #f4511e;
}

.carousel-indicators li.active {
    background-color: #f4511e;
}

.item h4 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 400;
    font-style: italic;
    margin: 70px 0;
}

.item span {
    font-style: normal;
}



@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}