:root {
    --font-family: 'Open Sans', Arial, sans-serif;
    --bg-color: #f9f8fe;
    --color-1: #7E22CE;
    --color-1-rgb: 272, 83, 80;
    --color-2: #010714;
    --color-2-rgb: 1, 7, 20;
    --color-3: #461F93;
    --color-3-rgb: 70, 31, 147;
    --color-4: #ffffff;
    --color-4-rgb: 255, 255, 255;
    --color-5: #e0e0e7;
    --color-5-rgb: 224, 224, 231;
    --color-6: #878990;
    --color-6-rgb: 135, 137, 144;
    --color-7: #f3f2fb;
    --color-7-rgb: 243, 242, 251;
    --color-8: #000000;
    --color-8-rgb: 0, 0, 0;
    --color-9: #F0F0F7;
    --color-9-rgb: 240, 240, 247;
    --color-10: #5141c5;
    --color-10-rgb: 81, 65, 197;
    --color-11: #7a7a7a;
    --color-11-rgb: 122, 122, 122;
    --color-12: #86888f;
    --color-12-rgb: 134, 136, 143;
    --color-12: #9b9b9b;
    --color-12-rgb: 155, 155, 155;
    --color-13: #cdc8eb;
    --color-13-rgb: 205, 200, 235;
    --color-14: #f5e7e5;
    --color-14-rgb: 245, 231, 229;
    --color-15: #D1D1D1;
    --color-15-rgb: 209, 209, 209;
    --color-16: #979797;
    --color-16-rgb: 151, 151, 151;
    --color-17: #E9E8EA;
    --color-17-rgb: 233, 232, 234;
    --color-18: #897EDA;
    --color-18-rgb: 137, 126, 218;
    --color-19: #f65ca7;
    --color-19-rgb: 246, 92, 167;
    --color-20: #ff8080;
    --color-20-rgb: 255, 128, 128;
    --color-21: #7E22CE;
    --color-21-rgb: 272, 83, 80;
    --gradient-1: linear-gradient(to bottom, rgba(137, 126, 218, 0.33) 2%, rgba(220, 216, 246, 0.19));
    --gradient-2: linear-gradient(180deg, rgba(137, 126, 218, 0.334493) 1.53%, rgba(220, 216, 246, 0.188569) 100%);
    --gradient-3: linear-gradient(#cecbeb, #d8d5ee);
    --gradient-4: linear-gradient(#d8d5ee, #e1def1);
    --gradient-5: linear-gradient(#e1def1, #e9e8f3);
    --color-danger: #FA6B56;
    --color-danger-rgb: 250, 107, 86;
    --color-success: #28d1a6;
    --color-success-rgb: 40, 209, 166;
    --color-text-1: #0f1220;
    --color-text-1-rgb: 15, 18, 32;
    --color-text-2: #000000;
    --color-text-2-rgb: 0, 0, 0;
    --color-primary-button-text: #fff;
    --color-primary-button-text-rgb: 255, 255, 255;
    --color-button-icon-outline-rgb: 15, 18, 32;
}


/* reset */
.page-item.active .page-link {
    background-color: var(--color-1) !important;
    border-color: var(--color-1) !important;
}


.cp .logo {
    background-image: url('img/logo.png');
}
.cp .login .card-body {
    margin-left: 150px;
}


/*End SSO login*/

.cp .flyer h4,
.cp .flyer h4 {
    color: white;
}

.cp .flyer {
    background-image: url('img/flyer0.png');
}

.cp .flyer p {
    display: none;
}

.cp .login .flyer {
    background-image: url('img/flyer0.png');
}

.cp .login .flyer2 {
    background-image: url('img/flyer0.png');
}

.cp .login .flyer3 {
    background-image: url('img/flyer0.png');
}

.cp .login .flyer4 {
    background-image: url('img/flyer0.png');
}

.cp .login .flyer5 {
    background-image: url('img/flyer0.png');
}

.cp .login .flyer6 {
    background-image: url('img/flyer0.png');
}

.cp .login .logo {
    background-image: url('img/logo.png');
}
.cp .login .row .logo {
    position: absolute;
    width: 224px;
    height: 80px;
}
.cp body {
    font-family: 'Open Sans' !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans' !important;
}
/*end default*/