Admin Control Panel v2.0

✎ Editing: customers.css ← Back

.logo-main {
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 25px;
    font-family: 'Oxanium';
    font-weight: bold;
}

.logo-main span{
    color: #e557f5;
}

.logo-main svg{
    width: 39px;
    height: 39px;
    vertical-align: bottom;
    color: #fff;
    stroke-width: 1.5;
    rotate: 212deg;
}

header .logo-mobile {
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 25px;
    font-family: 'Oxanium';
    font-weight: bold;
}

header .logo-mobile span {
    color: #e557f5;
}

header .logo-mobile svg {
    width: 39px;
    height: 39px;
    vertical-align: bottom;
    color: #fff;
    stroke-width: 1.5;
    rotate: 212deg;
}

.dark-scheme p.lead {
    color: #fff !important;
}

a.btn-main, .btn-main{
    background: linear-gradient(to right, var(--primary-color), #b000f9) !important;
}

.de-item {
    border: solid 2px #a10dfd !important;
    height: 380px;
}

img.img-events {
    margin-top: -80px !important;
    width: 100% !important;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.2rem .25rem !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529 !important;
    text-align: center;
    white-space: nowrap;
    background-color: #020213 !important;
    border: 2px solid #1c1c2b !important;
    border-radius: .25rem;
    height: 44px !important;
}

.customers-sidebar {
            min-height: auto;
            border: 1px solid #a655ff8f;
            background: rgba(var(--bg-dark-1-rgb), .75);
            border-radius: 5px;
            box-shadow: 1px 1px 8px #00000047;
        }
        .customers-sidebar .nav-link { color:#fcfcfc; }
        .customers-sidebar .nav-link.active {
            background: #0d6efd; color: #fff; border-radius:.375rem;
        }
        .content { padding: 2rem 1.5rem; }
        @media (max-width: 991.98px) {
            .customers-sidebar { position: fixed; z-index: 1040; top: 0; bottom: 0; left: 0; width: 280px; transform: translateX(-100%); transition: transform .2s; }
            .customers-sidebar.show { transform: translateX(0); }
            .content { padding-top: 4.25rem; } /* space for topbar */
        }
        .topbar {
            display:none;
            position: fixed; top:0; left:0; right:0; z-index:1030;
            background:#fff; border-bottom:1px solid rgba(0,0,0,.075);
        }
        @media (max-width: 991.98px) { .topbar{ display:block; } }
        /* Chat area */
        .chat-box {
            border:1px solid rgba(0,0,0,.1);
            border-radius:.5rem; height: 420px; display:flex; flex-direction:column; overflow:hidden;
        }
        .text-neon{
            color: #3587ff !important;
        }

.chat-messages { flex:1; padding:1rem; overflow:auto; background:#f8f9fa; }
        .chat-input { border-top:1px solid rgba(0,0,0,.1); padding:.5rem; background:#fff; }
        .msg { max-width: 70%; padding:.5rem .75rem; border-radius:.5rem; margin-bottom:.5rem; }
        .msg.me { margin-left:auto; background:#d1e7ff; }
        .msg.other { margin-right:auto; background:#e9ecef; }
        .card {
            position: relative;
            display: flex;
            flex-direction: column;
            min-width: 0;
            word-wrap: break-word;
            background-clip: border-box;
            border: 1px solid #a655ff8f;
            background: rgb(1 3 20 / 34%);
            border-radius: 10px;
            box-shadow: 1px 1px 8px #00000047
        }
        .text-primary {
            color: #3f81e1 !important;
        }

a.btn-main:hover, #filters a.selected {
    -webkit-box-shadow: 0 0 40px 0px #7a00ff;
    -moz-box-shadow: 0 0 40px 0px rgba(var(--primary-color-rgb), 1);
    box-shadow: 0 0 40px 0px #7a00ff;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #9da2a9;
    background-color: #ab6bff24;
    background-clip: padding-box;
    border: 1px solid #5a3f83;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s
ease-in-out, box-shadow .15s
ease-in-out;
}

.form-control:focus {
    color: #9da2a9;
    background-color: #ab6bff24;
    border-color: #5a3f83;
    outline: none !important;
    box-shadow: 0 0 0 .25rem #ab6bff24;
}

.form-label {
    margin-bottom: .5rem;
    color: rgb(255 255 255 / 67%);
}

.form-control:focus {
    border-color: #9da2a9;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-text-fill-color: #9da2a9;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: none;
    border-color: #5a3f83;
}

.customer-container{
    margin-top: -140px;
}

.de-testi-activity.de-testi-a:before {
    position: absolute;
    font-family: FontAwesome;
    content: "\f2b9";
    font-size: 120px;
    top: 60px;
    left: 20px;
    color: rgba(255, 255, 255, .1);
}

Cancel