/* Version 3.0 2021-02-17 */
/*Company logo on login page*/
.welcomeLogo {
    background-image: url('https://s3.eu-west-2.amazonaws.com/ins-main-prd-unify/public-appdata/Themes/WelcomeLogo/7d0d9db1-2ca3-4282-977c-b557cce962802.png') !important;
}
/*Company logo used in footer*/
.brandLogo {
    background-image: url('https://s3.eu-west-2.amazonaws.com/ins-main-prd-unify/public-appdata/Themes/BrandLogo/inspired-dashboard-logo-white.png') !important;
}
/*Login form colour*/
.login-form {
    background-color: #18073a !important;
}
/*Login text colour*/
    .login-form small,
    .login-form a {
        color: #ffffff !important;
    }

/* Global Settings */

/* Main background colour*/
body {
    background-color: #dbdbdb !important;
}

/* header colour */
header {
    background: #18073a !important;
    color: #5c91a9 !important;
}
/* footer colour */
.footer {
    background-color: #18073a !important;
    color: #ffffff !important;
}

    .footer:hover {
        color: #ffffff !important;
    }

/* Footer link colour */
    .footer a {
        color: #ffffff !important;
    }

.footer-link:hover {
    color: #ffffff !important;
}

.AppDisabled {
    background-color: #a8a8a8 !important;
}

/* default link colours elsehwere */
a {
    color: #5c91a9 !important;
}

/* default colour to change text to when hovering over with the mouse */
    a:hover {
        color: #5c91a9 !important;
    }

/* Header text colour for the side panels on the home page (Activity Feed/News etc) */
.card > .card-header h3 {
    color: #CF2057 !important;
}
/* Used for simple view side panel */
.card > .card-body h3 {
    color: #CF2057 !important;
}

.card0 {
    background-color: #b70d7f !important;
}

.card1 {
    background-color: #18073a !important;
}

.card2 {
    background-color: #5c91a9 !important;
}

.card3 {
    background-color: #5c91a9 !important;
}

.card4 {
    background-color: #b70d7f !important;
}

.card5 {
    background-color: #18073a !important;
}

.appItemContainer .card.card0, .appItemContainer > .card.card0 > a > .card-body {
    background-color: #b70d7f !important;
}

.appItemContainer .card.card1,
.appItemContainer > .card.card1 > a > .card-body {
    background: #18073a !important;
}

.appItemContainer .card.card2,
.appItemContainer > .card.card2 > a > .card-body {
    background: #5c91a9 !important;
}

.appItemContainer .card.card3,
.appItemContainer > .card.card3 > a > .card-body {
    background: #5c91a9 !important;
}

.appItemContainer .card.card4,
.appItemContainer > .card.card4 > a > .card-body {
    background: #b70d7f !important;
}

.appItemContainer .card.card5,
.appItemContainer > .card.card5 > a > .card-body {
    background: #18073a !important;
}

.appItemContainer .card,
.appItemContainer > .card > a > .card-body {
    background-color: #f59c00 !important;
    color: #ffffff !important;
}

.btn.btn-primary {
    background-color: #f59c00 !important;
    color: #ffffff !important;
}

.btn.btn-warning {
    background-color: #f59c00 !important;
    color: #ffffff !important;
}

.btn.btn-success {
    background-color: #f59c00 !important;
    color: #ffffff !important;
}

/* Used for delete */
.btn.btn.btn-danger {
    background-color: #e6005b !important;
    color: #ffffff !important;
}

.btn.btn-info {
    background-color: #e6005b !important;
    color: #ffffff !important;
}
/* Often used for cancel */
.btn.btn-secondary {
    background-color: #18073a !important;
    color: #ffffff !important;
}

.dropdown-menu > .dropdown-item {
    color: #5c91a9 !important;
}

    .dropdown-menu > .dropdown-item:hover {
        color: #5c91a9 !important;
    }

#notification > .dropdown-content div > a {
    color: #5c91a9 !important;
}
    #notification > .dropdown-content div > a:hover {
        color: #5c91a9 !important;
    }

/* Header title/subtitle text */
.navbar-brand {
    color: #fff !important;
}

/* Header link colour */
.navbar-light .navbar-nav .nav-link {
    color: #fff !important;
}

.nav-item a {
    color: #fff !important;
}

/* Header link hover over colour */
.nav-item a:hover {
    color: #a1daf7 !important;
}

.application-tab li.nav-item .nav-link {
    background-color: #dbdbdb !important;
    color: #000000 !important;
}

    .application-tab li.nav-item .nav-link:hover {
        background-color: #e6005b !important;
        color: #ffffff !important;
    }
    .application-tab li.nav-item .nav-link.active {
        background-color: #e6005b !important;
        color: #ffffff !important;
    }

/* Side tab inactive styling */
.nav.nav-pills > .nav-item > .nav-link {
    background-color: #dbdbdb !important;
    color: #000000 !important;
}
/* Side tab hover over styling */
    .nav.nav-pills > .nav-item > .nav-link:hover {
        background-color: #e6005b !important;
        color: #ffffff !important;
    }
/* Side tab active styling */
    .nav.nav-pills > .nav-item > .nav-link.active {
        background-color: #e6005b !important;
        color: #ffffff !important;
    }

/* Side tab sub items, active */
    .nav.nav-pills > .nav-item > .nav-link.nav-link-secondary.active {
        border-bottom: 3px solid #e6005b !important;
    }

/* Switch colours */
input:checked + .slider {
    background-color: #e6005b !important;
}

/* Activity feed/News and Events line between events */
ul.timeline:before {
    background: #d4d9df !important;
}
/* Activity feed/News and Events item circle item */
ul.timeline > li:before {
    background: #ffffff !important;
    border: 2px solid #F59C00 !important;
}
/* Table styling*/
/* Table hover over colour */
.table-hover tbody tr:hover {
    background-color: #fc9b2d !important;
}
/* Table header colour */
th {
    background-color: #18073a !important;
    color: #ffffff !important;
}
/* My contacts  */
.contactItem > div > h6,
.contactItem i,
.contactItem h6 {
    color: #CF2057 !important;
}

.contact-modal-header {
    color: #CF2057 !important;
}

/* Quick Links header */
.link-modal-header {
    color: #CF2057 !important;
}
/* Quick Links item */
.linkItem > div > h6, .linkItem i, .linkItem h6 {
    color: #CF2057 !important;
}
/* Pagination styling */

.page-link {
    color: #5c91a9 !important;
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
}

.page-link:hover {
    color: #5c91a9 !important;
    background-color: #e9ecef !important;
    border-color: #dee2e6 !important;
}

.page-item.active .page-link {
    color: #ffffff !important;
    background-color: #5c91a9 !important;
    border-color: #5c91a9 !important;
}

/* APPLICATION SPECIFIC STYLING */
/* BUDGETS */ 
/* Top cards on budget summary page */
.budget-card-wrapper-1 .card {
    background-color: #5c91a9 !important;
}

.budget-card-wrapper-2 .card {
    background-color: #b70d7f !important;
}

.budget-card-wrapper-3 .card {
    background-color: #ea5198 !important;
}

.budget-card-wrapper-4 .card {
    background-color: #f59c00 !important;
}

.chatmessage .chatcontent {
    background-color: #ebebeb !important;
}

/* CHAT MESSAGE BACKGROUND */
.chatmessage:nth-child(2n) .chatcontent {
    background-color: #18073a !important;
}

/* Table Row button default colours */
.btn-link {
    color: #0078B9 !important;
}
.bg-group {
    background-color: #e6005b !important;
}

.bg-primary {
    background-color: #e6005b !important;
    color: #ffffff !important;
}

.bg-danger {
    background-color: #e6005b !important;
    color: #ffffff !important;
}

.budget-table-header th {
    background-color: #18073a !important;
}

    .budget-table-header th.information {
        background-color: #18073a !important;
    }


.GroupTileText {
    color: #ffffff !important;
}

.FavAppTileText {
    color: #ffffff !important;
}

.GroupModal-AppName {
    color: #ffffff !important;
}

.cardText {
    color: #ffffff !important;
}

#GroupHeader {
    color: #CF2057 !important;
}

#ApplicationHeader {
    color: #CF2057 !important;
}

#ApplicationGroupHeader {
    color: #CF2057 !important;
}