@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    background: url(../images/body.png);
}

#banner {
    background: url(../images/bg.png) no-repeat center center scroll;
    /*padding: 20px*/
}

.progress {
    height: 50px;
    border-radius: 0;
}

    .progress .progress-bar {
        animation-name: animateBar;
        animation-iteration-count: 1;
        animation-timing-function: ease-in;
        animation-duration: 2.25s;
    }

.blink {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

@keyframes animateBar {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}


.progress-bar-success {
    background-color: #d33172;
}

.progress-bar-info {
    background-color: #a64289;
}

.progress-bar-warning {
    background-color: #7d479a;
}

#logo {
    background: url(../images/kalp.png) no-repeat;
}

/*#gemi {
    animation: gemi 18s infinite;
    animation-timing-function: ease-in-out;
}

@keyframes gemi {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(-2deg) translateX(-8px);
    }

    50% {
        transform: rotate(0deg)
    }

    75% {
        transform: rotate(2deg) translateX(8px);
    }

    100% {
        transform: rotate(0deg)
    }
}*/

@media screen and (max-width: 1199px) {
    #logo {
        display: none;
    }
}

.bg-light {
    background-color: #ed2025 !important;
}

.navbar {
    font-size: 14px;
    padding: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 12 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 .99C4 .445 4.444 0 5 0c.552 0 1 .45 1 .99v4.02C6 5.555 5.556 6 5 6c-.552 0-1-.45-1-.99V.99zm6 8c0-.546.444-.99 1-.99.552 0 1 .45 1 .99v4.02c0 .546-.444.99-1 .99-.552 0-1-.45-1-.99V8.99z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.carousel-inner {
    border-bottom: 3px solid #003c4f;
}

.navbar-light .navbar-nav .nav-link {
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: .05rem;
    padding: .7rem 1.2rem;
}

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: #FFFFFF;
    }

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        background-color: #3952a2;
        color: #feb42f;
    }

.navbar-light .navbar-toggler {
    border-color: transparent !important;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1.00)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

#icerik {
    background-color: white;
    border: 1px solid #E0E0E0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.09);
    border-radius: 10px 5px;
}

#sidebar {
    background-color: white;
    border: 1px solid #E0E0E0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.09);
    border-radius: 10px 5px;
}

.baslik {
    background-color: #3952a2;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 12 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 .99C4 .445 4.444 0 5 0c.552 0 1 .45 1 .99v4.02C6 5.555 5.556 6 5 6c-.552 0-1-.45-1-.99V.99zm6 8c0-.546.444-.99 1-.99.552 0 1 .45 1 .99v4.02c0 .546-.444.99-1 .99-.552 0-1-.45-1-.99V8.99z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
    color: #FFFFFF;
    padding: 5px 10px;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 0.1rem;
    border-radius: 10px 7px;
}

.sayacyazi {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
}

#cd-day {
    font-size: 20px;
    color: #ffafaf;
}

#cd-hr {
    font-size: 20px;
    color: #a7ffa7;
}

#cd-min {
    font-size: 20px;
    color: #c5aaff;
}

#cd-sec {
    font-size: 20px;
    color: #ffee90;
}

#duyuru li {
    color: #FFFFFF;
    overflow: hidden;
    height: 24px;
    line-height: 25px;
    list-style: none;
    font-size: 16px;
    text-align: left;
    padding-top: 2px
}

#banner ul {
    margin-bottom: 0px !important;
}

.kayittablo tr td {
    padding: 5px;
}

footer {
    background-color: #ed2025;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 12 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 .99C4 .445 4.444 0 5 0c.552 0 1 .45 1 .99v4.02C6 5.555 5.556 6 5 6c-.552 0-1-.45-1-.99V.99zm6 8c0-.546.444-.99 1-.99.552 0 1 .45 1 .99v4.02c0 .546-.444.99-1 .99-.552 0-1-.45-1-.99V8.99z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
    margin-top: 50px;
    padding: 20px;
    font-weight: 400;
    color: #FFFFFF
}

.header-bar {
    background-color: #0d93dc !important;
}

#icerik li {
    list-style: none;
    padding: 5px 0;
}

.ustbaslik {
    color: #1b4271;
    font-weight: bold;
    font-size: 21px;
}

.altbaslik {
    color: #4090c3;
    font-weight: bold;
}

.krmz {
    color: #cc0000;
}

.kayit {
    padding-top: 10px;
}

    .kayit th {
        background-color: #ffffff;
        vertical-align: inherit;
        height: 50px;
        padding-top: 0.3rem !important;
        padding-bottom: 0.3rem !important;
        font-weight: bold;
    }

    .kayit td {
        background-color: #ffffff;
        vertical-align: inherit;
        height: 50px;
        padding-bottom: 0.3rem !important;
        padding-top: 0.3rem !important;
        text-align: center;
        font-weight: bold;
    }

    .kayit tr:nth-child(1) > th, .kayit tr:nth-child(1) > td {
        background-color: #459cd3 !important;
        color: #fff;
        font-weight: bold;
    }

.banka {
    padding-top: 10px;
}

    .banka th {
        background-color: #ffffff;
        vertical-align: inherit;
        height: 65px;
        padding-top: 0.3rem !important;
        padding-bottom: 0.3rem !important;
        font-weight: bold;
    }

    .banka td {
        background-color: #ffffff;
        vertical-align: inherit;
        height: 65px;
        padding-bottom: 0.3rem !important;
        padding-top: 0.3rem !important;
        text-align: center;
        font-weight: bold;
    }

    .banka tr:nth-child(1) > th, .banka tr:nth-child(1) > td {
        background-color: #06b2a1 !important;
        color: #fff;
        font-weight: bold;
    }

.cizgi {
    width: 100%;
    height: 3.5px;
    background: rgb(74,247,253);
    background: linear-gradient(90deg, rgba(74,247,253,1) 0%, rgba(0,45,60,1) 100%);
}

.cizgi1 {
    background-color: #06b2a1;
}

.cizgi2 {
    background-color: #f7beb9;
}

.cizgi3 {
    background-color: #b9f7da;
}

.cizgi4 {
    background-color: #f7ec96;
}

.cizgi5 {
    background-color: #d0acf7;
}

.cizgi6 {
    background-color: #e8b688;
}