/*-------------------------------------------------
   Region Group
  -------------------------------------------------*/
.container-group .header-group .group-code-container label:first-child {
    color: #f4144e;
}

.container-group .title-group {
    color: #5d4d87;
}

.container-group .header-group .group-code {
    background-color: #f5f4fc;
    color: #171717;
}

.activities-header label {
    color: #928da5;
}

.container-group .container-events .event-group {
    background-color: #f5f4fc;
}

.event-group .title label:first-child {
    color: #000000;
}

.event-group .title label {
    color: #928da5;
}

.event-group .date {
    border-left: 2px solid #c2bed1;
}

    .event-group .date label {
        color: #000000;
    }

.container-group .list-groups-encompassing a, .container-group .list-groups-encompassing label {
    color: #928da5;
}

    .container-group .list-groups-encompassing a:hover {
        color: #5d4d87 !important;
    }

.container-group .list-groups-encompassing .group-encompassing-item {
    background-color: #fa4171;
}

    .container-group .list-groups-encompassing .group-encompassing-item .organiser-name {
        color: #ffffff;
    }

.container-group .list-groups-encompassing .remove-group {
    color: #ffffff;
}

/*-------------------------------------------------
   Members Group
  -------------------------------------------------*/
.container-members .member-group {
    background-color: #f5f4fc;
}

.container-members .item-member .profile-picture {
    border: solid 1px #979797;
}

.container-members .member-group .name {
    color: #171717;
}

.container-members .member-group .info {
    color: #928da5;
}

.addMembers-container .subtitle h2 {
    color: #171717;
}

.audience-container .member-detetails {
    color: #9a95ab;
}

.audience-container .radio-gender {
    color: #000000;
}

.addMembers-container .invite-member {
    background-color: #3809ad;
    color: #ffffff;
}

.audience-container .age-container .age-range span {
    color: #928da5;
}

.audience-container .age-container #slider-range .ui-slider-range {
    background-color: #622ce8;
}

.audience-container .age-container #slider-range span {
    box-shadow: 3px 2px 5px 0 rgba(97, 102, 125, 0.25);
    background-color: #3809ad;
}

.audience-container .search-input input, .audience-container .search-input select {
    border: solid 1px #cdc9e0;
    background-color: #fff;
}


.audience-container .search-input .invite-groups {
    color: #3809ad;
}

.audience-container #choose-group-container .search-input .invite-groups:hover {
    color: #f4144e
}

.audience-container #choose-group-container .chooseGroup-entry .chooseGroup {
    background-color: #f5f4fc;
}

.choose-organization-container .organiser-entry .organiser-item .organization-type {
    color: #a8b6c2;
}

#find-schools-container span {
    color: #171717;
}

#find-schools-container .secondary-button:hover {
    background-color: #fff;
}

#find-schools-container .secondary-button span {
    color: #3809ad;
}

/*-------------------------------------------------
   Details Group
  -------------------------------------------------*/
.container-settings-group .group-activities label:first-child {
    color: #928da5;
}

.container-event-attendace .event-attendace {
    background-color: #f5f4fc;
}

.container-settings-group .arrow {
    border-color: #928da5;
}

.event-attendace .title label:first-child {
    color: #000000;
}

.event-attendace .title label {
    color: #928da5;
}

.container-settings-group .d-simple-form {
    border-bottom: 1px solid #e9e7f1;
}

.container-settings-group .cost-column label:first-child {
    color: #928da5;
}

.list-organiser {
    border: 1px solid #f5f4fc;
    background-color: #f5f4fc;
}

    .list-organiser .organiser-name {
        background-color: #fa4171;
        color: #fff;
    }

/*-------------------------------------------------
  Save Activity
  -------------------------------------------------*/
.container-save-activity h1 {
    color: #5d4d87;
}

.container-save-activity h2 {
    color: #171717;
}

.container-save-activity #upload-msg {
    color: #a7a7a7;
}

    .container-save-activity #upload-msg span {
        color: #f4144e;
    }

.container-save-activity .upload-picture-container .button-upload {
    background-color: #3809ad;
}

.container-save-activity .d-simple-form .slots-occupied {
    color: #928da5;
}

/*-------------------------------------------------
  Pattern Activity
  -------------------------------------------------*/
.listing-pattern-activity .delete-pattern {
    color: #171717;
}

.custom-date-container {
    border: solid 1px #ecebf1;
}

    .custom-date-container select {
        background-color: #f5f4fc;
    }

    .custom-date-container label {
        color: #9a95ab;
    }

    .custom-date-container .excluded-dates-container .excluded-date {
        background-color: #fa4171;
        color: #fff;
    }

.add-custom-date {
    border: solid 1px #a09fa8;
    color: #3809ad;
}

.container-save-activity .group-seleted label {
    color: #171717;
}

.container-save-activity .group-seleted span {
    color: #a8b6c2;
}

.custom-date-container .button-add-exculde-date {
    color: #3809ad;
}

.custom-date-container .select-value, .custom-date-container .select-type {
    border: 1px solid #f5f4fc;
    background-color: #f5f4fc;
}

/*-------------------------------------------------
   Holidays
  -------------------------------------------------*/
.container-listing-holidays .holiday-to-create .column-entry label {
    color: #928da5;
}

.container-listing-holidays .lisitng-holidays .entry-holiday {
    background-color: #f5f4fc;
}

    .container-listing-holidays .lisitng-holidays .entry-holiday .entry-description > input {
        color: #2e2e39;
    }

.border-input-active {
    border: 1px solid #3809ad !important;
    border-radius: 4px !important;
}

/*-------------------------------------------------
   Activities Overview
  -------------------------------------------------*/
.notification-activity {
    background-color: #f5f4fc;
}

    .notification-activity:hover {
        background-color: #e3dfff;
    }

    .notification-activity .notification-activity-details .notification-activity-name {
        color: #000000;
    }

    .notification-activity .notification-activity-details .notification-activity-description .notification-activity-organisedBy {
        color: #171717;
    }

        .notification-activity .notification-activity-details .notification-activity-description .notification-activity-organisedBy .org-by {
            color: #9894ab;
        }

    .notification-activity .notification-activity-location .notification-activity-date, .notification-activity .notification-activity-location .activity-date {
        color: #f4144e;
    }

    .notification-activity .notification-activity-location .activity-location {
        color: #9894ab;
    }

    .notification-activity .notification-activity-location .activity-audience span {
        color: #928da5;
    }

    .notification-activity .notification-activity-button .post {
        color: #928da5;
    }

    .notification-activity .notification-activity-button .approve {
        background-color: #d7efd9;
        color: #029e10;
    }

        .notification-activity .notification-activity-button .approve:hover {
            background-color: #a8edd6 !important;
            border: 1px solid #5E3C99;
        }

    .notification-activity .notification-activity-button .deny {
        background-color: #efd7d7;
        color: #f4144e;
    }

        .notification-activity .notification-activity-button .deny:hover {
            background-color: #ffcef1 !important;
            border: 1px solid #5E3C99;
        }

    .notification-activity .activities-status label {
        color: #8d78c1;
    }

#notification-activities-container .n-tabs-header .n-tab {
    border-bottom: 1px solid #c2bed1 !important;
}

/*-------------------------------------------------
   Activities Service Provider
  -------------------------------------------------*/
#activity-service-provider-tab .organizer-description span {
    color: #928da5;
}

#activity-service-provider-tab .organizer-description .organizer-name {
    color: #171717;
}

/*-------------------------------------------------
   Activities Approval
  -------------------------------------------------*/
.activity-description .sent-by {
    color: #928da5;
}

    .activity-description .sent-by .name {
        color: #171717;
    }

.activity-approval-text[activity-response="Approved"] {
    color: #3dab45;
}

.activity-approval-text[activity-response="Denied"] {
    color: #f4144e;
}

.activity-approval-text[activity-response="Pending"] {
    color: #928da5;
}


.status-container .approved {
    background-color: #43b54d;
}

.status-container .pending {
    background-color: #b7b1ca;
}

.status-container .denied {
    background-color: #f4144e;
}

.status-container .status-box, .status-box .message-box, .status-box .number, .status-box .message-box {
    color: #ffffff;
    font-size: 14px;
}

/*-------------------------------------------------
  Affiliation Overview
  -------------------------------------------------*/
.affiliation {
    background-color: #f5f4fc;
}

    .affiliation:hover {
        background-color: #e3dfff;
    }


    .affiliation .affiliation-details .affiliation-who .affiliation-who-details .affiliation-name {
        color: #000000;
    }

    .affiliation .affiliation-details .affiliation-who .affiliation-who-details .affiliation-senderName {
        color: #9894ab;
    }

    .affiliation .affiliation-details .affiliation-who .affiliation-category {
        color: #171717;
    }

    .affiliation .affiliation-details .affiliation-note {
        color: #928da5;
    }

    .affiliation .affiliation-details .affiliation-date {
        color: #171717;
    }

    .affiliation .affiliation-button .affiliation-accept {
        background-color: #d7efd9;
        color: #029e10;
    }

        .affiliation .affiliation-button .affiliation-accept:hover {
            background-color: #a8edd6 !important;
            border: 1px solid #5E3C99;
        }

    .affiliation .affiliation-button .affiliation-deny {
        background-color: #efd7d7;
        color: #f4144e;
    }

        .affiliation .affiliation-button .affiliation-deny:hover {
            background-color: #ffcef1 !important;
            border: 1px solid #5E3C99;
        }

    .affiliation .affiliation-button .affiliation-class, #affiliation-container .affiliation .affiliation-details .activity-audience span {
        color: #928da5;
    }

    .affiliation .affiliation-status label {
        color: #8d78c1;
    }

#affiliation-container .n-tabs-header .n-tab {
    border-bottom: 1px solid #c2bed1 !important;
}

/*-------------------------------------------------
  Day Overview
  -------------------------------------------------*/
.activity {
    background-color: #f5f4fc;
}

    .activity:hover {
        background-color: #e3dfff;
    }

.v1 {
    border: 0.5px solid #928da5;
}

.activity .activity-photo img:first-child {
    border: 1px solid #928da5;
}

.activity .activity-description .activity-name {
    color: #000000;
}

.activity .activity-description .organizer-name {
    color: #171717;
}

.activity .activity-invite {
    color: #928da5;
}

.activity .time-activity {
    color: #000000;
}

/*-------------------------------------------------
  Event Attendace Details
  -------------------------------------------------*/
.event .table-event thead {
    color: #928da5;
}

.table-event tbody td {
    background-color: #f5f4fc;
}

.table-event .profile-picture {
    border: solid 1px #979797;
}

.event .table-event .event-name {
    color: #171717;
}

.event .table-event .event-text[event-response="Coming"] {
    color: green;
}

.event .table-event .event-text[event-response="Not Coming"] {
    color: red;
}

/*-------------------------------------------------
 Pending Activity Details
  -------------------------------------------------*/
.pending-activity-details-container span {
    color: #9894ab;
}

.pending-activity-details-container .write {
    color: #171717;
}

.pending-activity-details-container .title {
    color: #171717;
}

.pending-activity-details-container .organizer .organizer-wrapper .organizer-details .organizer-name {
    color: #171717;
}

.pending-activity-details-container .button .approve {
    background-color: #d7efd9;
    color: #029e10;
}

    .pending-activity-details-container .button .approve:hover {
        background-color: #a8edd6 !important;
        border: 1px solid #5E3C99;
    }

.pending-activity-details-container .button .deny {
    background-color: #efd7d7;
    color: #f4144e;
}

    .pending-activity-details-container .button .deny:hover {
        background-color: #ffcef1 !important;
        border: 1px solid #5E3C99;
    }

/*-------------------------------------------------
  Permission Overview
  -------------------------------------------------*/
.permission {
    background-color: #f5f4fc;
}

    .permission .permission-details .permission-who img:first-child {
        border: 1px solid #9894ab;
    }

    .permission .permission-details .permission-who .permission-who-details .permission-name {
        color: #000000;
    }

    .permission .permission-details .permission-who .permission-who-details .permission-senderName {
        color: #9894ab;
    }


    .permission .permission-details .permission-note {
        color: #928da5;
    }

    .permission .permission-details .permission-date {
        color: #171717;
    }

    .permission .permission-button .permission-accept {
        background-color: #d7efd9;
        color: #029e10;
    }

        .permission .permission-button .permission-accept:hover {
            background-color: #a8edd6 !important;
            border: 1px solid #5E3C99;
        }

    .permission .permission-button .permission-deny {
        background-color: #efd7d7;
        color: #f4144e;
    }

        .permission .permission-button .permission-deny:hover {
            background-color: #ffcef1 !important;
            border: 1px solid #5E3C99;
        }


    .permission .permission-button .permission-class {
        color: #928da5;
    }

    .permission .permission-status label {
        color: #8d78c1;
    }

#permissions-container .n-tabs-header .n-tab {
    border-bottom: 1px solid #c2bed1 !important;
}

/*-------------------------------------------------
  Subject Message
  -------------------------------------------------*/
#subject-container .subject-entry .subject {
    background-color: #f5f4fc;
}

    #subject-container .subject-entry .subject input {
        color: #171717;
    }

/*-------------------------------------------------
  Listing Message
  -------------------------------------------------*/
.message-item {
    background-color: #f5f4fc;
}

    .message-item .message-description .user-name {
        color: #171717;
    }

    .message-item .button-views {
        color: #3809ad;
    }

/*-------------------------------------------------
 Notification
  -------------------------------------------------*/
.notifications-home {
    color: #5d4d87;
}

/*-------------------------------------------------
  Time Activity 
  -------------------------------------------------*/
input[data-active="true"] {
    background-color: #3809ad;
    border: 1px solid #3809ad;
    color: #ffffff;
}

input[data-active="false"] {
    background-color: #f5f4fc;
    border: 1px solid #f5f4fc;
    color: #000000;
}

.activity-schedule .schedule {
    background-color: #f5f4fc;
}

    .activity-schedule .schedule .schedule-details .schedule-date {
        color: #5d4d87;
    }

    .activity-schedule .schedule .schedule-details .schedule-name {
        color: #000000;
    }

    .activity-schedule .schedule .schedule-time {
        color: #000000;
        border-left: solid 0.5px #928da5;
    }

.excluded {
    color: #f4144e;
}

.activity-schedule .n-tabs-header {
    color: #F4F7F9;
}

.activity-schedule .n-tab {
    color: #171717;
}

.activity-schedule .n-tab-active {
    background-color: #3809ad !important;
    color: #ffffff;
}

.header-events {
    color: #5d4d87;
}

    .header-events a {
        color: #5d4d87 !important;
    }

    .header-events .name-activity {
        color: #f4144e
    }

/*-------------------------------------------------
  Time Table 
  -------------------------------------------------*/
.add-subject {
    color: #3809ad;
}

.timetable .n-tab {
    background-color: #f5f4fc;
    color: #928da5;
}

.timetable .n-tab-active {
    background-color: #fff;
    color: #3809ad;
    border: solid 1px #3809ad;
    border-bottom: solid 1px #fff;
}

.timetable-item thead tr th {
    color: #928da5;
}

.timetable-item tbody td input {
    background-color: #f5f4fc;
    border: 1px solid #f5f4fc;
    color: #171717;
}

.timetable-item tbody td:nth-child(2) div {
    border-left: 2px solid #cdcad9;
}

#timetable-container .day, .periods label {
    color: #928da5;
}

#timetable-container .no-schedule-container label {
    color: #928da5;
}

#timetable-container .schedule {
    border-bottom: 1px solid #cdcad9;
}


#timetable-container .duplicate-schedule label {
    color: #2e2e39;
}

.schedule select {
    border: 1px solid #f5f4fc;
    background-color: #f5f4fc;
    color: #928da5;
}

.timetable .n-tabs-container {
    border: solid 1px #3809ad;
}

/*-------------------------------------------------
  User Overview
  -------------------------------------------------*/
.user {
    background-color: #f5f4fc;
}

    .user:hover {
        background-color: #e3dfff;
    }

    .user .user-description .user-name {
        color: #171717;
    }

    .user .user-description .user-groups {
        color: #928da5;
    }

.actions-button .actions-container {
    background: #3809ad;
    color: #fff;
}

.action::after {
    border-color: transparent transparent #555 transparent;
}

.action {
    border-bottom: 1px solid #2c8acc;
}

.actions-button .actions-container .action:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.user-photo .preview-img {
    box-shadow: 0px 0px 5px #aaa;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    background-color: #fff;
}