/* Background custom */

.bg-primary-custom {
    background-color: #055588!important;
}

.bg-info-custom {
    background-color: #0c1029!important;
}


/* Button custom */

.btn-primary-custom {
    color: #fff;
    background-color: #055588;
}

.btn-primary-custom:hover {
    color: #fff;
    background-color: #1e4d6e;
}


/* Border custom */

.border-primary-custom {
    border-color: #055588!important;
}


/* Text custom */

.text-primary-custom {
    color: #055588;
}

.text-danger-custom {
    color: #FF0000;
}

.text-warning-custom {
    color: #EBFF00;
}

.text-info-custom {
    color: #00FFE0;
}

.text-white-custom {
    color: #DCDCDC;
}


/* Rounded custom */

.rounded-top-0 {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.rounded-top-1 {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important;
}

.rounded-bottom-1 {
    border-bottom-left-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important;
}

.rounded-top-2 {
    border-top-left-radius: .5rem!important;
    border-top-right-radius: .5rem!important;
}

.rounded-bottom-2 {
    border-bottom-left-radius: .5rem!important;
    border-bottom-right-radius: .5rem!important;
}

.rounded-top-3 {
    border-top-left-radius: 1rem!important;
    border-top-right-radius: 1rem!important;
}

.rounded-bottom-3 {
    border-bottom-left-radius: 1rem!important;
    border-bottom-right-radius: 1rem!important;
}

.rounded-top-4 {
    border-top-left-radius: 1.5rem!important;
    border-top-right-radius: 1.5rem!important;
}

.rounded-bottom-4 {
    border-bottom-left-radius: 1.5rem!important;
    border-bottom-right-radius: 1.5rem!important;
}

.rounded-top-5 {
    border-top-left-radius: 3rem!important;
    border-top-right-radius: 3rem!important;
}

.rounded-bottom-5 {
    border-bottom-left-radius: 3rem!important;
    border-bottom-right-radius: 3rem!important;
}


/* Display */

.d-contents {
    display: contents!important;
}


/* Custom */

.form-login {
    max-width: 26rem;
}

.nav-link-custom.active {
    text-decoration: underline;
}

.time_level_info_custom.text-info-custom {
    color: #DCDCDC;
}

#truyenBuModal .modal-dialog {
    max-width: 1200px;
    width: 100%;
}