.btn-dark {
    color: #fff;
    background-color: #0b0a0a;
    border-color: #0b0a0a;
}

.modal-footer {
    text-align: center !important;
}

button:focus {
    outline: none !important;
}

.navbar {
    min-height: 8px !important;
}

.navbar-brand {
    font-size: 13px !important;
}

.clicked_div {
    -ms-touch-action: manipulation !important;
    touch-action: manipulation !important;
}

.clicked_div:active {
    -webkit-box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, .24);
    box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, .24);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}

.faas {
    padding: 20px;
    font-size: 30px;
    width: 70px;
    text-align: center;
    text-decoration: none !important;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa:hover {
    opacity: .7;
}

.fa-facebook {
    background: #3b5998;
    color: #fff;
}

.fa-twitter {
    background: #55acee;
    color: #fff;
}

.fa-whatsapp {
    background: #4ac959;
    color: #fff;
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1300px !important;
    }

    ;
}

.container a {
    color: #f0f8ff !important;
}

.navbar {
    background: #242526 !important;
}

.navbar-nav li a {
    color: #fff !important;
}

.shadow {
    -webkit-box-shadow: 0 1.5px 0 #fff !important;
    box-shadow: 0 1.5px 0 #fff !important;
}

.navbar-nav li {
    padding: 5px !important;
}

.navbar-nav li:hover {
    color: #e4e6eb !important;
    background: hsla(0, 0%, 100%, .12) !important;
    border-left-color: #e4e6eb;
    height: 100% !important;
}

.navbar-nav li:hover a {
    color: #f0f8ff !important;
}

.card {
    border: 1px solid #00d1b2;
    margin-bottom: 10px;
}

.card-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #00d1b2 !important;
    font-family: roboto, sans-serif;
    color: #fff;
    font-weight: 900;
    padding: .75rem 1rem;
    font-size: 14px;
}

@media (max-width:1200px) {
    .totalTests {
        padding-bottom: 0
    }

    .usersOnlineInner {
        margin-top: 0 !important;
    }

    ;
}

.Blink {
    -webkit-animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
    animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    ;
}

@keyframes blinker {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    ;
}

.live {
    color: #fff;
    font-size: 14px;
}

.live1 {
    color: #fff;
    font-size: 19px;
    font-weight: 900;
    letter-spacing: 0;
    margin-top: -1px !important;
}

.ttw_button_container {
    padding: 4px;
    margin: 4px 0;
    border: none !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    width: 100%;
}

.ttw_button_container,
a.ttw_button {
    background: #27d9b4;
    display: inline-block;
    background: #870000;
    background: -webkit-gradient(linear, left top, right top, from(#870000), to(#190a05));
    background: linear-gradient(90deg, #870000, #190a05);
}

a.ttw_button {
    width: 100% !important;
    color: #fff;
    padding: 6px 32px;
    border: 1 solid #27d9b4;
    font-weight: 700;
    font-size: 19px;
    padding: 6px 10px !important;
}

.ttw_button_container:hover,
.ttw_button_container:hover a {
    color: #fff !important;
    text-decoration: none;
}

.ttw_button_container:hover {
    border-color: #27d9b4 !important;
}

@media (max-width:850px) {
    .faas {
        font-size: 26px !important;
    }

    .working {
        padding: 7%
    }

    .col-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 5%;
        padding-left: 5%;
        padding-right: 5%
    }

    .usersOnline {
        padding-top: 1px !important;
        padding-bottom: 1% !important;
    }

    .usersOnlineInner {
        font-size: medium !important;
        margin-top: 0
    }

    .live {
        font-size: 15px !important;
    }

    .live1 {
        font-size: 18px !important;
    }

    .totalTests {
        padding-top: 5px !important;
        padding-bottom: 5% !important;
    }

    .getScores {
        margin-top: -10px
    }

    ;
}

.card-body {
    background-color: #00d1b2 !important;
}

.card .card-body .row {
    padding: 5% !important;
}

@media screen and (max-width:1200px) {
    .usersOnline {
        padding-bottom: 12%
    }

    .row .usersOnline {
        margin-top: 0
    }

    ;
}

@media screen and (max-width:1000px) {
    .usersOnline .row {
        margin-top: 5.5px !important;
    }

    .navbar-nav li {
        margin-left: -20px
    }

    .container a {
        font-size: 14px
    }

    ;
}

@media screen and (max-width:500px) {
    .navbar-nav li {
        margin-left: 0 !important;
    }

    .table {
        font-size: 10px !important;
    }

    .line {
        display: block !important;
    }

    .clickIcon {
        margin-left: 12px
    }

    .setHeight {
        height: 280px !important;
    }

    .card-body {
        padding: .25rem !important;
    }

    .clicked_div {
        padding: 2% !important;
    }

    .navbar-toggler-icon i {
        font-size: 16px !important;
        margin-top: 7px !important;
    }

    .navbar-toggler {
        padding: 0 !important;
    }

    .container a {
        font-size: 10px
    }

    ;
}

/*# sourceMappingURL=app.f6171359a041c8b5ccc67ac6170b6f13.css.map */