:root {
    --first-color: #1d49a8;
    --second-color: #ffd700;
    --ascent-color: #e63776;
    /* --ascent-color: #ed3d3d; */
    --bg-color: #eff3fb;
    --text-color: #333;
    --footer-bg: #eff1f5;
    --btn-first-color-light: #0078d4;
    --whitefont-color: #ffffff;
}

.swal2-confirm {
    background-color: var(--ascent-color) !important;
}

.form-control:focus {
    border-color: #dddddd;
}

.quick-analytics a i {
    color: var(--ascent-color);
}

footer a,
footer a:visited,
footer a:hover {
    color: var(--btn-first-color-light);
}

.header {
    background: var(--first-color);
}

.header-actions>li>a>i {
    color: var(--second-color);
}

a,
a:hover,
a:visited,
a:focus,
a:not(.btn) {
    color: var(--btn-first-color-light) ;
}

a.btn span {
    color: #fff;
}

.header-actions>li>a .count-label {
    background: var(--second-color);
    color: var(--text-color);
}

.header .toggle-btns #pin-sidebar,
.header .toggle-btns #toggle-sidebar {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.header .toggle-btns #pin-sidebar i,
.header .toggle-btns #toggle-sidebar i {
    font-size: 1.5rem;
    color: #fff;
}

.header .toggle-btns #pin-sidebar:hover,
.header .toggle-btns #toggle-sidebar:hover {
    background: transparent;
    border: 0;
    border-bottom: 0;
}

.header-profile-actions a:hover {
    background: #fff5be;
    color: var(--text-color);
}

.header-actions>li>a.user-settings {
    color: #fff;
}

.header-actions>li>a.user-settings {
    color: #fff;
}

.header-actions:hover>li>a.user-settings {
    color: var(--text-color);
}

.page-wrapper {
    background: var(--bg-color);
}

.page-wrapper .sidebar-wrapper .sidebar-brand {
    background: #fff;
    /* border-bottom: solid 1px var(--ascent-color); */
}

.page-wrapper .sidebar-wrapper .sidebar-menu ul li.sidebar-dropdown.active>a {
    background: var(--first-color);
    color: #fff;
}

.page-wrapper .sidebar-wrapper .sidebar-menu ul li.sidebar-dropdown.active>a i {
    color: white;
}

.page-wrapper .sidebar-wrapper .sidebar-menu ul li.active a.current-page {
    color: var(--text-color);
    background: #ffe661;
    font-weight: 500;
}

.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a:hover {
    background: #fff5be;
}

.page-wrapper .sidebar-wrapper .sidebar-menu ul li a i {
    color: #efb400;
}

.page-wrapper .sidebar-wrapper .sidebar-menu ul li.active>a i {
    color: var(--text-color);
}


/* .page-wrapper .sidebar-wrapper .sidebar-brand .logo {
  background: #fff;
} */


/* .page-wrapper .sidebar-wrapper .sidebar-brand .logo img {
  margin: 0 auto;
} */

.page-wrapper .sidebar-wrapper .sidebar-menu ul li a {
    transition: all .1s ease-in-out;
}

.page-wrapper .sidebar-wrapper .sidebar-menu ul li a:hover {
    background: #fff5be;
    transition: all .1s ease-in-out;
}

.modal .modal-header {
    background: #e7eefd;
    color: var(--text-color);
}

.modal-title #modal_title_studentname,
.modal-title #modal_title_classtime,
.modal-title #request_detail_title {
    color: var(--ascent-color);
    text-transform: uppercase;
}

.sidebar-dropdown.active .sidebar-submenu li {
    background: #f2f2f4;
    border-bottom: solid 1px #fff;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--second-color);
    color: var(--text-color);
}

.breadcrumb .breadcrumb-item a {
    color: var(--btn-first-color-light);
}

.text-primary {
    color: var(--btn-first-color-light) !important;
}

.btn-primary {
    color: #ffffff;
    background-color: var(--btn-first-color-light);
    border: 0;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--btn-first-color-light);
    color: #ffffff;
    border: 0;
}

.btn-outline-primary {
    color: var(--btn-first-color-light);
    border-color: var(--btn-first-color-light);
    background-color: var(--btn-first-color-light);
}

.btn-outline-primary:hover {
    background-color: var(--btn-first-color-light);
    border-color: var(--btn-first-color-light);
    background-color: var(--btn-first-color-light);
}

.page-wrapper .sidebar-wrapper .sidebar-menu ul li a {
    color: var(--text-color);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: var(--btn-first-color-light);
    border-color: var(--btn-first-color-light);
}

.btn-primary:hover {
    color: #ffffff;
    background-color: var(--btn-first-color-light);
    border: 0;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    background-color: var(--btn-first-color-light);
    border-color: var(--btn-first-color-light);
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: none;
}

table .btn-outline-secondary:hover,
table .btn-outline-secondary:focus,
.btn-outline-secondary.focus,
table .btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: var(--btn-first-color-light);
    border-color: var(--btn-first-color-light);
}

.btn-outline-secondary {
    border: 0;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
 :not(.btn-check)+.btn:active {
    background-color: var(--btn-first-color-light);
    border-color: var(--btn-first-color-light);
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu .dropdown-item:hover {
    background: var(--second-color);
}

.pagination .page-item.active .page-link {
    background: var(--second-color);
    color: var(--text-color);
    -webkit-box-shadow: 0 0 0 0.2rem rgba(236, 236, 236, 0.15);
    box-shadow: 0 0 0 0.2rem rgb(236, 236, 236);
}

.custom-search.schoolname h3 {
    color: #fff;
}

.swal2-cancel {
    background-color: #484848 !important;
}

#loading-wrapper .spinner-border {
    color: #ffe661;
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: var(--text-color)333;
    font-family: 'icomoon' !important;
    content: "\e91b";
    font-size: .65rem;
    margin-top: 3px;
}

.info-tiles .info-icon.secondary i {
    color: var(--ascent-color);
}

.info-tiles .info-icon i {
    font-size: 1.5rem;
    color: var(--ascent-color);
}

ul.user-messages li .delivery-details .badge {
    background: var(--ascent-color);
}

.agenda .agenda-list li .bullet {
    background: var(--ascent-color);
}

.info-tiles p {
    color: var(--text-color);
}

.form-group>label:not(.error) {
    color: var(--ascent-color);
    /* text-shadow: 1px 1px 1px #ccc; */
}

.page-wrapper.guest {
    background: #292d64;
}

.page-wrapper.guest .header {
    background: #fff !important;
    box-shadow: 0px 2px 3px #6e6e6e;
}

.page-wrapper.guest .main-container {
    margin-top: 4rem;
}

.accordion .accordion-container .accordion-header a {
    color: var(--ascent-color);
}

.upcomingeve {
    background-image: url('../assets/images/event.png');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 150px;
}

.failedpaymentscard {
    background-image: url('../assets/images/event.png');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 150px;
}

.groupstrengthcard {
    background-image: url('../assets/images/event.png');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 150px;
}

.holidayscard {
    background-image: url('../assets/images/holiday.png');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 150px;
}

.todaysattendcard {
    background-image: url('../assets/images/attendance.png');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 150px;
}

.btn-outline-primary {
    color: var(--bg-color);
}

.btn-outline-danger {
    color: var(--text-color);
}

.setColor{
    color:var(--whitefont-color) !important;
}

.myanchorcolor{
    color: var(--btn-first-color-light);
}
/* .header-actions > li > #notifications:hover i, .header-actions > li > #notifications:focus i,
.header-actions > li > #userSettings:hover i, .header-actions > li > #userSettings:focus i
{
  color: #484848;
} */


/* ul.user-messages li .delivery-details .badge {
  background: #fd4680;
} */