.nav-ct {
    padding: 5px;
    color: #ffffff;
}

.bg-black {
    background-color: #000000;
}

.left {
    border-right: 1px solid #d0d0d0;
}

.videolistbox {
    padding: 20px;
}

.videolistbox .card {
    margin-right: 15px;
    margin-bottom: 15px;
}

.ct-relativeto {
    position: relative;
}

.ct-abs-topleft {
    position: absolute;
    left: 0px;
    top: 0px;
}

.bg-asics {
    background-color: #001e62;
}


.countryhead {
    background-color: #001e62;
    color: #ffffff;
    font-size: 0.875rem;
    text-align: center;
    margin-bottom: 1px;
    padding: 2px;
    border-radius: 3px;
}

.formatcode {
    background-color: #e0e0e0;
    color: #808080;
    font-size: 0.75rem;
    text-align: center;
    margin-bottom: 1px;
    padding: 2px;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.4s;
}

.formatcode:hover {
    background-color: #00c3e6;
    color: #ffffff;
    transition: 0.4s;
}

.fcgreen {
    background-color: #a0e0a0;
}

.fcgreen:hover {
    background-color: #30e030;
}

.fcyellow {
    background-color: #e0d000;
}

.fcyellow:hover {
    background-color: #d0c000;
}

.fcred {
    background-color: #f09090;
}

.fcred:hover {
    background-color: #f06060;
}