:root {
    --xli-primary: #fff;
    --xli-accent:rgb(11, 96, 169);
}

.xli {
    background-image: url(/images/xli/home-banner-white.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    opacity: 10.5;
}

img.xli{
    width: 150px;
}

.xli .panel-body {
    background-color: #fff;
    border-radius: 0 0 5px 5px;
}
.xli .panel-heading {
    background-color: #fafafe;
}
#loginbox-xli {
    margin-top: 100px;
}
#loginbox-promtel > .row > .icon  img{
    width: 320px;
    margin-top: 20px;
}
#loginbox-xli >.panel > .panel-heading > .panel-title {
    color: var(--xli-accent);
}

#loginbox-xli .input-group-addon {
    background-color: #f6f4ff;
    color: var(--xli-accent) !important;
}

#loginbox-xli .panel-title {
    color: var(--xli-accent);
}

#loginbox-xli .checkbox, #loginbox-promtel a {
    color: var(--xli-accent);
}

#loginbox-xli .btn-primary {
    background-color: var(--xli-accent);
    border-color: var(--xli-accent);
    font-weight: bold;
}
.xli small{
    font-weight: 600;
    color: var(--xli-primary);
}
.xli footer {
    color: var(--xli-primary);
}