body {
    background: #e4edf2;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    overflow-y: scroll;
    margin-top: 8px;
    margin-bottom: 16px
}

a {
    color: #495057
}

a:hover {
    color: #3a4045
}

.container {
    max-width: 920px;
    padding: 0;
}

.row {
    margin: 0
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-left: 3px;
    padding-right: 3px
}

.left {
    background: #ff6600;
    color: #fff;
    border-radius: 4px 0 0 4px;
}

.card {
    transition: box-shadow .25s;
    background-color: #fff;
    border-radius: 4px;
    border-color: #d9e1e6;
    color: rgba(0, 0, 0, .80);
    -webkit-box-shadow: 0 8px 6px -6px #d9e1e6;
    -moz-box-shadow: 0 8px 6px -6px #d9e1e6;
    box-shadow: 0 8px 6px -6px #d9e1e6;
}

.btn {
    border-radius: 10%;
}

.input-group-text {
    width: 42px;
}

.alert-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.leaderboard-icon {
    color: #F39C12
}

.gold {
    color: gold;
}

.silver {
    color: #a7a7a7
}

.bronze {
    color: #cd7f32
}

.badge {
    border-radius: 0;
}

/**
BEGIN Kamuoliukai
 */
.game-item {
    margin: 3px;
}

.ball-item {
    width: 30px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    font-weight: 700;
    background-repeat: repeat-x;
    display: inline-block;
}

.ball-item.white {
    color: #333;
}

.ball-item.blue, .ball-item.green, .ball-item.grey, .ball-item.red {
    color: #fff;
}

.ball-item.white {
    background: #f9f9f9 -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#d6d6d6));
    background: #f9f9f9 -webkit-linear-gradient(top, #f9f9f9, #d6d6d6);
    background: #f9f9f9 -o-linear-gradient(top, #f9f9f9, #d6d6d6);
    background: #f9f9f9 linear-gradient(180deg, #f9f9f9, #d6d6d6);
    border-color: #d6d6d6 #d6d6d6 #cdcdcd;
    text-shadow: 0 1px 1px hsla(0, 0%, 100%, .23);
}

.ball-item.green {
    background: #398f28 -webkit-gradient(linear, left top, left bottom, from(#398f28), to(#193f11));
    background: #398f28 -webkit-linear-gradient(top, #398f28, #193f11);
    background: #398f28 -o-linear-gradient(top, #398f28, #193f11);
    background: #398f28 linear-gradient(180deg, #398f28, #193f11);
    border-color: #193f11 #193f11 #122c0c;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .33);
}

.ball-item.red {
    background: #e52828 -webkit-gradient(linear, left top, left bottom, from(#e52828), to(#961111));
    background: #e52828 -webkit-linear-gradient(top, #e52828, #961111);
    background: #e52828 -o-linear-gradient(top, #e52828, #961111);
    background: #e52828 linear-gradient(180deg, #e52828, #961111);
    border-color: #961111 #961111 #800f0f;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .33);
}

.ball-item.blue {
    background: #5990d8 -webkit-gradient(linear, left top, left bottom, from(#5990d8), to(#193c6b));
    background: #5990d8 -webkit-linear-gradient(top, #5990d8, #193c6b);
    background: #5990d8 -o-linear-gradient(top, #5990d8, #193c6b);
    background: #5990d8 linear-gradient(180deg, #5990d8, #193c6b);
    border-color: #193c6b #193c6b #112948;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .56);
}

/**
END Kamuoliukai
 */

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #6c757d
}

.cursor-pointer {
    cursor: pointer;
}

/* CSS animacijos */
.modal.fade {
    opacity: 1;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0);
}


@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-duration: 0.35s;
    animation-name: zoomIn;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-duration: 0.35s;
    animation-name: zoomOut;
}

/* CSS animacijos */

hr {
    margin-top: 2px;
    margin-bottom: 2px;
}

/* Puslapiavimas */
.pagination {
    text-align: center;
    margin: auto;
    display: block;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    border-radius: 0
}

.pagination a, .pagination span {
    color: black;
    display: inline-block;
    padding: 6px 12px;
    text-decoration: none;
    transition: background-color .3s;
}

.pagination .active {
    background-color: #34a853;
    color: white;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}

@media only screen and (max-width: 600px) {
    body {
        margin-top: 0;
        margin-bottom: 0
    }

    .card, .left {
        border-radius: 0;
    }
}