.col-xs-8r,
.col-sm-8r,
.col-md-8r,
.col-lg-8r {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-8r {
    flex:0 0 12.5%;
    max-width: 12.5%;
}

@media (min-width: 768px) {
    .col-sm-8r {
        flex:0 0 12.5%;
        max-width: 12.5%;
    }
    .modal-xl {
        width: 650px;
    }
}

@media (min-width: 992px) {
    .col-md-8r {
        flex:0 0 12.5%;
        max-width: 12.5%;
    }
    .modal-xl {
        width: 800px;
    }
}

@media (min-width: 1200px) {
    .col-lg-8r {
        flex:0 0 12.5%;
        max-width: 12.5%;
    }
    .modal-xl {
        width: 1000px;
    }
}


.btn-light.full-light { color: #CCCCCC; }
.btn-light.full-light:hover { color: #808080; }

.relative {
    position: relative;
}