/* Global Variable */

:root {
    --primary: #9D3030;
    --primary-light: #f08c8c;
    --primary-lighter: #da7474;
    --primary-lightest: #EE8181;
    --secondary: #A73536;
    --deg: 45deg;
    --gradient-color: linear-gradient(var(--deg), #c74646, #f76c6c);
}

/* Global Variable */

/* Common color code css start */

body {
    background-position: center -100px !important;
}

.LoginMain {
    padding: 60px 30px !important;
}

.LoginMain .alert-danger {
    color: #fff;
    background-color: #ffffff4a;
    border: 0px;
    padding-right: 50px;
}

.LoginMain .InputDesign label,
.LoginMain .form-check-label,
.ForgotPass,
.LoginForm h3,
.LoginForm p:first-of-type.text-lead {
    color: #fff !important;
}

.LoginForm .InputDesign input,
.LoginForm .InputDesign .input-group-text {
    background: #fff !important;
}

.LoginForm .InputDesign input {
    border-right: 2px solid #eee;
}

.LoginForm h3 {
    font-size: 30px !important;
}

.LoginForm .alert .close {
    color: #fff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.pageTitle {
    background: #ea8989;
}

.pageTitle .breadcrumb-item.active {
    color: #300000;
}

.pageTitle .breadcrumb-item a {
    color: #b12e2e;
}

.pageTitle .breadcrumb-item a:hover {
    color: #c74646;
}

.NewVersionUpdateMenus .active {
    background-color: #ffffff33 !important;
}

.assignment-text i {
    color: #ff5353;
}

.overlap_section .eventsList-details .bottomInfo .btn-primary:hover,
.innerForms .btn-primary:hover,
.card-footer .btn-primary:hover,
form .btn-primary:hover {
    color: #23527c;
}

.new_design_three_col .col_wrap:nth-child(3n+3) .detailsInfo .btns-group .btn {
    background-color: #dd5930;
}

.subscription-activity-tab .nav-tabs .nav-link.active,
.btn-warning:hover {
    background-color: #e76666;
}

.subscription-activity-tab .nav-tabs .nav-link.active {
    color: #fff;
}

.InnerBox.blue_box {
    background-color: #D56969 !important;
    color: #fff;
}

.card-body.badge-box-height {
    background-color: #fff !important;
}

.card-body.badge-box-height .bg-white,
.innerForms,
.bg_light_grey,
.resource-box,
.poster-box,
.subTitle-box,
.batch-box,
.Student_infos {
    background-color: #f0f0f0 !important;
}

.Student_infos {
    box-shadow: none !important;
}

.bg_light_grey .card-header,
.btn-warning.iconBtn,
.btn-info.btn-sm,
.dataTables_wrapper .btn-success {
    background-color: #f5aaaa;
}

.overlap_section .eventsList-details .bottomInfo .btn-primary,
.progress_with_counter .progress-bar,
::-webkit-scrollbar-thumb,
.innerForms .btn-primary,
.for-loop-btn .bg-b:nth-child(4n+2) .levels.bg-white .ContentBody .view-button .btn.btn-primary,
.card-footer .btn-primary,
form .btn-primary {
    background: var(--gradient-color);
}

.alert-success .close {
    text-shadow: none !important;
    color: #fff !important;
    opacity: 1 !important;
}

/* Common color code css end */



/*  Primary Color CSS Start Here */

.LoginMain .ThemeBtn {
    background-color: var(--primary);
}

.LoginMain .ThemeBtn:hover {
    color: #fff !important;
}

.card-header.bg-skyblue {
    background-color: var(--primary) !important;
    border-bottom-color: var(--primary) !important;
}

.challenge_details_content h3,
.paginate_button .page-link {
    color: var(--primary);
}

.paginate_button.active .page-link,
.question-div .btn-success {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.subscription-activity li.active:after,
.edit_profile_button .btn,
.btn-warning:not(.iconBtn) {
    background-color: var(--primary);
    border: var(--primary);
}

.subscription-activity li.active span:last-child {
    color: var(--primary);
}

.orange-sidebar {
    background: var(--primary) !important;
}

.orange-bg {
    background-color: var(--primary) !important;
}

.btn-orange {
    background-color: var(--primary) !important;
}

.btn-orange,
.bg-orange-work {
    background-color: var(--primary) !important;
}

.btn-orange-outline {
    border: 1px solid var(--primary) !important;
    color: var(--primary) !important;
}

.btn-orange-outline:hover {
    border: 1px solid var(--primary) !important;
    background-color: var(--primary) !important;
}

.bg-orange-work button.close {
    color: var(--primary) !important;
}

.overlap_section,
.subTitle-box {
    border-color: var(--primary) !important;
}

.for-loop-btn .bg-b:nth-child(4n+1) .levels.bg-white .ContentBody .view-button .btn.btn-primary {
    background-color: var(--primary) !important;
}

.card-header .btn-primary {
    background-color: var(--primary) !important;
}

.new_design_three_col .col_wrap:nth-child(1n+1) .detailsInfo .btns-group .btn {
    background-color: var(--primary);
}

.new_design_three_col .col_wrap:nth-child(2n+2) .detailsInfo .btns-group .btn {
    background-color: #6BAFE1;
}

.new_design_three_col .col_wrap:nth-child(3n+3) .detailsInfo .btns-group .btn {
    background-color: #59BA73;
}

.new_design_three_col .col_wrap:nth-child(4n+4) .detailsInfo .btns-group .btn {
    background-color: #F09895;
}

.new_design_three_col .col_wrap:nth-child(5n+5) .detailsInfo .btns-group .btn {
    background-color: #946725;
}

/*  Primary Color CSS Start End */

/* Primary Light Color CSS Start Here */

.for-loop-color .bg-r:nth-child(5n+4) .InnerContentCard.add-ons-box {
    background-color: var(--primary-light) !important;
}

.calendar-body .fc-button-primary {
    background-color: var(--primary-light);
    border-color: var(--primary-light);
}

.fc-col-header-cell .fc-col-header-cell-cushion {
    color: var(--primary-light);
}

.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
    background-color: var(--primary-light);
}

.go_to_quiz:hover,
.Certification-box+div .btn-primary:hover {
    background-color: var(--primary-light) !important;
}

.question-div .btn-primary:hover {
    background-color: var(--primary-light);
    border: 1px solid var(--primary-light) !important;
}

.bg-skyblue {
    background-color: var(--primary-light) !important;
}

/* Primary Light Color CSS End Here */

/* Primary Lighter Color CSS Start Here */

li.nav-item.dropdown .nav-link {
    border-color: var(--primary-lighter);
}

.IconRaps {
    background: var(--primary-lighter);
}

.toggleBar {
    background: var(--primary-lighter);
}

.toggleBar {
    background: var(--primary-lighter) !important;
}

.toggleBar span {
    background-color: #fff !important;
}

.bg-color-skyblue {
    background-color: var(--primary-lighter) !important;
}

.resource-box,
.poster-box,
.batch-box {
    border: 1px solid var(--primary-lighter);
}

.old_dashboard .InnerBox .IconCounter .IconRaps {
    background: var(--primary-lighter);
}

/* Primary Lighter Color CSS End Here */

/* Primary Lightest Color CSS Start Here */

.addMore .btn-info,
.question-div .btn-primary {
    background-color: var(--primary-lightest);
}

.scroll-tab.nav-tabs .nav-item.show .nav-link,
.scroll-tab.nav-tabs .nav-link.active {
    background-color: var(--primary-lightest);
}

/* Primary Lightest Color CSS End Here */

/* Secondary Color CSS Start Here */

.calendar-body .fc-button-primary.fc-button-active,
.calendar-body .fc-button-primary:hover {
    background-color: var(--secondary) !important;
    border: 1px solid var(--secondary) !important;
}

.card-header .btn-primary:hover,
.card-header .btn-outline-primary:hover {
    background-color: var(--secondary) !important;
}

.go_to_quiz,
.Certification-box+div .btn-primary,
.swal-button--confirm,
.reset-password {
    background-color: var(--secondary) !important;
}

.InnerBox.orange_box {
    background-color: var(--secondary) !important;
    color: #fff;
}

/* Secondary Color CSS End Here */