/*
	This file has been auto-generated by a tool at 26/08/2025 00:45:00
	Any changes made will be overwritten the next time it is regenerated.
*/

@import url(Shared.style);

body {
    background-color: #CCD6E4;
}

/*
    General    
*/

.residential_background {
    background-color: #8D4E9D;
}
.residential_color {
    color: #fff;
}

.supportline_background {
    background-color: #5A1B6A;
}
.supportline_color {
    color: #fff;
}

.employment_background {
    background-color: #9b3fa1;
}
.employment_color {
    color: #fff;
}

.aandeliaison_background {
    background-color: #345C93;
}
.aandeliaison_color {
    color: #fff;
}

.administration_background {
    background-color: #404040;
}
.administration_color {
    color: #fff;
}

.crisis_background {
    background-color: #F0BA00;
}
.crisis_color {
    color: #fff;
}

.triage_background {
    background-color: #005958;
}

.triage_color {
    color: #fff;
}

.intensivesupportpackage_background {
    background-color: #F6A300;
}

.intensivesupportpackage_color {
    color: #fff;
}

.eveningsanctuary_background {
    background-color: #00A27F;
}

.eveningsanctuary_color {
    color: #fff;
}

.dayhub_background {
    background-color: #45BCC7;
}

.dayhub_color {
    color: #fff;
}

.expenses_background {
    background-color: #4A668C;
}
.expenses_color {
    color: #fff;
}

.feedback_background {
    background-color:#6387b8;
    color: #fff;
}

.intranet_background {
    background-color: #003377;
    color: #ffcc00 !important;
}
    .intranet_background .loggedinuser .inner {
        color: #fff;
    }
    .intranet_background .loggedinuser .inner .Framework_IconButton {
        border-color: #ffcc00;
        color: #ffcc00;
    }
    .intranet_background .loggedinuser .inner .Framework_IconButton:hover {
        background-color: #000;
        color: #fff;
    }    
.intranet_color {
    color: #fff;
}
.complexbereavementservice_background {
    background-color: #fc0474;
}

.complexbereavementservice_color {
    color: #fff;
}
.primarycarenetwork_background {
    background-color: #36c693;
}

.primarycarenetwork_color {
    color: #fff;
}

.youth_background {
    background-color: #FEA1B8;
}

.youth_color {
    color: #fff;
}

.adult_background {
    background-color: #8149ff;
}

.adult_color {
    color: #fff;
}

.carer_background {
    background-color: #C0A4FF;
}

.carer_color {
    color: #fff;
}

.bme_background {
    background-color: #A177FF;
}

.bme_color {
    color: #fff;
}
/*
.intranet_background a.fa, .intranet_container .pod_filltitlebar a.fa {
    border-color: #037;
    color: #037;
}
    .intranet_background a.fa, .intranet_container .pod_filltitlebar a.fa:hover {
        background-color: #fff;
    }
    .intranet_background a.fa, .intranet_container .pod_filltitlebar a.fa:focus {
        background-color: #808080;
        color: #fff;
    }
*/

.none_background {
    background-color: #345C93;
    min-height: 96px !important;
}
.none_color {
    color: #fff;
}

.Framework_Pod_TitleBar_Title {
    display: none;
}

.Framework_Pod_Footer {
    border-top: 1px solid #ccc;
    margin-top: 12px;
    padding-top: 12px;
}

/*
    Header
*/

.header {
    /*background-color: rgba(255, 255, 255, 0.65);*/
    background-color: #ccd6e4;
    box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.3);
    transition: background-color 0.5s;
}
.noTouchEvents .header:hover {
    /*background: rgba(255, 255, 255, 1);*/
    background-color: #ccd6e4;
}

.header a {
    font-family: "Street Corner";
    font-size: 120%;
    text-decoration: none;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    .header {
        background-color: #fff;
    }
    .header_top.collapsed {
        height: 92px !important;
    }
}

.header_top {
    height: 92px;
    overflow: hidden;
    transition: height 0.25s;
    pointer-events: all;
}

    @media (min-width: 1024px)
    {
        .header_top {
            height: auto;
            pointer-events: none;
        }
    }

    .header_top.collapsed {
        height: 0;
    }
    .header:hover .header_top.collapsed {
        height: 92px;
    }

        .header_top .navicon {
            color: #003377;
            font-size: 48px;
            line-height: 92px;
            padding: 0 32px;
        }
        .residential_container .header_top .navicon {
            color: #8D4E9D;
        }
        .supportline_container .header_top .navicon {
            color: #5A1B6A;
        }
        .employment_container .header_top .navicon {
            color: #9b3fa1;
        }
        .aandeliaison_container .header_top .navicon {
            color: #345C93;
        }
        .administration_container .header_top .navicon {
            color: #404040;
        }
        .none_container .header_top .navicon {
            color: #345C93;
        }
            .header_top .navicon .fa {
                font-size: 48px;
            }

            .header_top .logo {
                display: inline-block;
                height: 92px;
                padding: 12px;
                pointer-events: all;
            }

            .header_top .logo img {
                height: 90%;
                width: auto;
            }

        .header_top .tabs {
            display: inline-block;
            vertical-align: bottom;
            pointer-events: all;
        }

        @media (max-width: 1089px) {
            .header_top .tabs {
                display: block;
            }

                .header_top .tabs .tab:last-child {
                    z-index: 0 !important;
                }

                .header_top.collapsed .tabs .tab:last-child {
                    display: none;
                }

            .forcedCollapsed .header_top .tabs .tab:last-child {
                display: none;
            }
        }

            .header_top .tabs .tab {
                border-radius: 8px 8px 0 0;
                display: inline-block;
                font-size: 18px;
                line-height: 1;
                padding: 12px;
                text-transform: none;
                overflow: hidden;
                white-space: nowrap;
                margin-bottom: -5px;
            }

                .header_top .tabs .tab span:last-child {
                    opacity: 0;
                    max-width: 0;
                    display: inline-block;
                    transition: max-width 0.5s ease-out .1s, opacity 0.5s ease-out .1s, margin 0.5s ease .1s;
                }

                .header_top .tabs .tab.hoverexpand span:last-child,
                .header_top .tabs .tab.active span:last-child,
                .header_top .tabs .tab.expand span:last-child {
                    opacity: 1;
                    max-width: 150px;
                    margin-left: 8px;
                }

                .header_top .tabs .tab:last-child.administration_background {
                    position: absolute;
                    right: 1%;
                    z-index: -1;
                }

                @media (max-width: 1023px) {
                    .header_top .tabs .tab:last-child {
                        position: relative !important;
                    }
                }

                .noTouchEvents .header:hover .header_top.collapsed {
                    pointer-events: none;
                }

                .noTouchEvents .header:hover .header_top.collapsed .tabs,
                .noTouchEvents .header:hover .header_top.collapsed .logo {
                    pointer-events: auto;
                }

                .header_top .tabs .tab .fa {
                    font-size: 22px;
                    vertical-align: bottom;
                    margin-right: -5px;
                }

                .header_top .tabs .tab .count {
                    position: absolute;
                    top: 28px;
                    background-color: #000;
                    color: #fff;
                    border-radius: 50%;
                    padding: 6px 7px 6px 6px;
                    font-size: 12px;
                    margin-left: -6px;
                    min-width: 24px;
                    text-align: center;
                }
                @media (max-width: 1275px) {
                    .header_top .tabs .tab .count {
                        top: 70px;
                    }
                }
                
                .header_top.collapsed .tabs .tab .count {
                        display: none;
                    }                

                .header_top .tabs .tab:not(.active):not(.disabled):hover {
                    background-color: #808080;
                }

        .header_top .search {
            float: right;
            padding: 28px 6px 0;
            width: 300px;
        }

    .header_bottom {
        min-height: 6px;
    }

        .header_bottom .tabs {
            display: inline-block;
            padding: 6px;
            width: 75%;
        }
            .header_bottom .tabs .tab {
                border-radius: 8px;
                display: inline-block;
                font-size: 135%;
                line-height: 1;
                margin: 0 6px 0 0;
                max-width: 180px;
                padding: 6px;
                width: 22.5%;
            }
                @media (max-width: 1280px) {
                    .header_bottom .tabs .tab {
                        max-width: 144px;
                    }
                }
            .header_bottom.residential_background .tabs .tab {
                background-color: #dcc9e1;
            }
            .header_bottom.supportline_background .tabs .tab {
                background-color: #cdbad2;
            }
            .header_bottom.employment_background .tabs .tab {
                background-color: #e1c5e2;
            }
            .header_bottom.aandeliaison_background .tabs .tab {
                background-color: #c2cede;
            }
            .header_bottom.administration_background .tabs .tab {
                background-color: #b9b9b9;
            }
            .header_bottom.crisis_background .tabs .tab {
                background-color: #faeab2;
            }
            .header_bottom.triage_background .tabs .tab {
                background-color: #a9c9c9;
            }
            .header_bottom.intensivesupportpackage_background .tabs .tab {
                background-color: #ffd099;
            }
            .header_bottom.eveningsanctuary_background .tabs .tab {
                background-color: #c0e8e0;
            }
            .header_bottom.dayhub_background .tabs .tab {
                background-color: #96e7ea;
            }
            .header_bottom.expenses_background .tabs .tab {
                background-color: #c8d1dc;
            }
            .header_bottom.intranet_background .tabs .tab {
                background-color: #ccd6e4;
            }
            .header_bottom.complexbereavementservice_background .tabs .tab {
                background-color: #fd68ac;
            }
            .header_bottom.primarycarenetwork_background .tabs .tab {
                background-color: #a2fcdc;
            }
            .header_bottom.youth_background .tabs .tab {
                background-color: #FFDCE4;
            }
            .header_bottom.adult_background .tabs .tab {
                background-color: #dfd1fc;
            }
            .header_bottom.carer_background .tabs .tab {
                background-color: #EFE8FF;
            }
            .header_bottom.bme_background .tabs .tab {
                background-color: #EFE8FF;
            }
            .header_bottom.none_background .tabs .tab {
                background-color: #345C93;
            }
            .header_bottom .tabs .tab.active {
                background-color: #fff;
                border-radius: 8px 8px 0 0;
                margin-bottom: -6px;
                padding-bottom: 12px;
            }
                .header_bottom .tabs .tab:not(.active):not(.disabled):hover {
                    background-color: #cecece;
                }
                .header_bottom .tabs a {
                    color: #1a1a1a;
                }
                .header_bottom .tabs .tab .arrow {
                    float: right;
                    height: 24px;
                    width: auto;
                }
                .header_bottom .tabs .tab .count {
                    float: right;
                    height: 32px;
                    margin: 8px 0 0;
                    width: auto;
                }
                .header_bottom .tabs .tab .icon {
                    float: left;
                    height: 32px;
                    margin: 0 0 8px;
                    width: auto;
                }
                    .header_bottom .tabs .tab .icon .fa {
                        font-size: 22px;
                    }
                .header_bottom .tabs .tab .title {
                    float: left;
                    height: 24px;
                    width: auto;
                    text-transform: none;
                    font-size: 90%;
                }

    .loggedinuser {
        float: right;
        line-height: 32px;
        max-width: 400px;
        padding: 6px;
        width: 25%;
    }
        .loggedinuser .inner {
            /*background-color: #fff;*/
            color: #fff;
            border-radius: 8px;
            height: 80px;
            padding: 6px;
        }
            .loggedinuser .inner .Framework_IconButton {
                border-color: #fff;
                color: #fff;
                margin-left: 6px;
            }
            .loggedinuser .inner .Framework_IconButton:hover {
                background-color: #fff;
                color: #003377;
            }
            .residential_background .loggedinuser .inner .Framework_IconButton:hover {
                background-color: #fff;
                color: #8D4E9D;
            }
            .supportline_background .loggedinuser .inner .Framework_IconButton:hover {
                background-color: #fff;
                color: #5A1B6A;
            }
            .employment_background .loggedinuser .inner .Framework_IconButton:hover {
                background-color: #fff;
                color: #9b3fa1;
            }
            .aandeliaison_background .loggedinuser .inner .Framework_IconButton:hover {
                background-color: #fff;
                color: #345C93;
            }
            .administration_background .loggedinuser .inner .Framework_IconButton:hover {
                background-color: #fff;
                color: #404040;
            }
            .none_background .loggedinuser .inner .Framework_IconButton:hover {
                background-color: #fff;
                color: #345C93;
            }
            .loggedinuser .inner div div {
                position: relative;
                text-align: right;
                top: 2px;
            }
            .loggedinuser .inner div div:first-child {
                top: -2px;
            }
        .loggedinuser .photo {
            margin-left: 6px;
            max-height: 66px !important;
        }

    .loggedinuser.ismodal {
        height: auto;
        width: auto;
    }

/*
    Main
*/

.main { padding: 12px; }

/*
    Mobile navigation
*/

.mobilenavigation {
    bottom: 0;
    left: 100%;
    position: fixed;
    overflow: hidden;
    right: 0;
    top: 0;
    z-index: 9999;
}
    .mobilenavigation_fade {
        background-color: #fff;
        bottom: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        overflow: hidden;
        right: 0;
        top: 0;
        transition: 0.5s;
        z-index: 9999;
    }
    .mobilenavigation.active .mobilenavigation_fade {
        opacity: 0.5;
    }
    .mobilenavigation_slider {
        background-color: #003377;
        box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
        bottom: 0;
        color: #fff;
        left: auto;
        max-width: 480px;
        min-width: 0;
        position: absolute;
        overflow: hidden;
        right: 0;
        top: 0;
        transition: 0.5s;
        width: 0;
        z-index: 9999;
    }
    .residential_container .mobilenavigation_slider {
        background-color: #8D4E9D;
    }
    .supportline_container .mobilenavigation_slider {
        background-color: #5A1B6A;
    }
    .employment_container .mobilenavigation_slider {
        background-color: #9b3fa1;
    }
    .aandeliaison_container .mobilenavigation_slider {
        background-color: #345C93;
    }
    .administration_container .mobilenavigation_slider {
        background-color: #404040;
    }
    .none_container .mobilenavigation_slider {
        background-color: #345C93;
    }
    .mobilenavigation.active .mobilenavigation_slider {
        min-width: 280px;
        width: 20%;
    }
        
        .mobilenavigation_slider .navicon {
            color: #fff;
            line-height: 92px;
            padding: 0 32px;
        }
            .mobilenavigation_slider .navicon .fa {
                font-size: 48px;
            }

        .mobilenavigation_slider .separator {
            background-color: #ccc;
            height: 6px !important;
        }

        .mobilenavigation_slider .scroller {
            bottom: 0;
            left: 0;
            overflow-x: hidden;
            overflow-y: auto;
            padding: 6px;
            position: absolute;
            right: 0;
            top: 92px;
        }

        .mobilenavigation_slider ul {
            list-style: none;
            margin: 12px 0 0;
            min-width: 240px;
            padding: 0;
            opacity: 0;
            transition: 0.5s;
        }
        .mobilenavigation.active .mobilenavigation_slider ul {
            opacity: 1;
        }
            .mobilenavigation_slider ul li {
                margin: 12px 0 0;
                padding: 0;
                text-align: left;
            }
            .mobilenavigation_slider ul li:first-child, .mobilenavigation_slider ul ul li {
                margin-top: 0;
            }

                .mobilenavigation_slider ul li ul {
                    border-top: 1px solid #fff;
                    margin-top: 0;
                }
                .mobilenavigation_slider ul li ul li {
                    font-size: 80%;
                    text-align: right;
                }

            .mobilenavigation_slider ul a {
                color: #fff;
                display: block;
                font-size: 150%;
                line-height: 32px;
                padding: 6px;
            }
            .mobilenavigation_slider ul ul a {
                font-family: "Open Sans", sans-serif;
                font-size: 150%;
            }

    .mobilenavigation_slider ul .fa {
        font-size: 32px;
        margin: 0 6px 0 0;
    }
    .mobilenavigation_slider ul ul .fa {
        margin: 0 0 0 6px;
    }

/*
    fullscreen iframes (for intranet hub)
*/

@media (min-width: 1024px) {

    .fullScreenIFrame {
        position: absolute;
        top: 104px;
        left: 0;
        right: 0;
        bottom: 0;
        height: calc(100vh - 104px);
        width: 100vw;
    }

    .Framework_FixedHeader.forcedCollapsed {
        bottom: auto;
        left: 0;
        position: fixed;
        right: 0;
        top: 0 !important;
        transition: top 0.5s;
        z-index: 100;
    }

        .Framework_FixedHeader.forcedCollapsed .header_top {
            height: 0;
        }
        .Framework_FixedHeader.forcedCollapsed .header_top .count
        {
            display:none;
        }

        .Framework_FixedHeader.forcedCollapsed:hover .header_top {
            height: 92px;
        }
            .Framework_FixedHeader.forcedCollapsed:hover .header_top .count
            {
                display: block;
            }
}

@media (max-width: 1023px) {

    .fullScreenIFrame {
        position: absolute;
        top: 100px;
        left: 0;
        right: 0;
        bottom: 0;
        height: calc(100vh - 100px);
        width: 100vw;
    }
}