/* add custom CSS here */
/*
header[theme][theme=neutral] {
    display: none;
}
*/
.credits {
    display: none;
}

.header-title {
    background-image: url("https://ccstaffingservices.com/wp-content/uploads/2024/02/Career-Connections-Site-Logo-Responsive.png");
    background-size: contain;
    background-position-y: center;
    background-position-x: left;
    background-repeat: no-repeat;
    height: 35px;
}

header[theme]>section div.header-title {
    height: 35px;
}

.header-title i {
    display: none;
}

.header-titles h1 {
    visibility: hidden;
}

.header-titles h1:after {
    content: " ";
    ;
}

.novo-header.condensed section {
    background-color: white;
    border-bottom: 1px solid #cccccc;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1) !important;

}

button[theme][theme=fab][color=positive] {
    background: #0ba3dc !important;
}

.filter-header {
    text-transform: uppercase;
    letter-spacing: 0.125em;
    color: #1c244b;
    font-weight: 600;
}

.check-box-group label {
    font-weight: 300;
    color: #324a6d !important;
}

[_nghost-serverApp-c100] {
    background-color: #f3fbfe !important;
    border-right: 1px solid #cccccc;
}

.open-positions-text {
    text-transform: uppercase;
    font-weight: 700;
    color: #1c244b;
    letter-spacing: 0.125em;
}

.job-card {
    border-radius: 12px;
    background-color: white;
}

novo-list-item {
    border-radius: 12px;
    padding: 15px 15px 5px 15px !important;
}

item-title a {
    color: #1c244b;
    font-weight: 600;
}

.category {
    text-transform: uppercase;
    letter-spacing: 0.125em;
    font-weight: 400 !important;
    color: #0ba3dc !important;
}

.description {
    font-weight: 300;
}

multi-picker [class*=-group] label i.bhi-checkbox-filled, multi-picker [class*=-group] label i.bhi-radio-filled, novo-check-list [class*=-group] label i.bhi-checkbox-filled, novo-check-list [class*=-group] label i.bhi-radio-filled, novo-checkbox [class*=-group] label i.bhi-checkbox-filled, novo-checkbox [class*=-group] label i.bhi-radio-filled {
    color: #0ba3dc !important;
}

.frame[_ngcontent-serverApp-c103] app-sidebar[_ngcontent-serverApp-c103] {
    box-shadow: 5px 0px 30px rgba(0, 0, 0, 0.1) !important;
}

.list {
    background-color: #f5f7fa;
}

.chip[_ngcontent-serverApp-c101] {
    background-color: #e7f6fc !important;
    border-radius: 12px !important;
    border: 0.125px solid #005595;
    color: #005595 !important;
    padding: 5px 10px !important;
}

item-header-end {
    padding-top: 10px;
}

.load-more-button[_ngcontent-serverApp-c102] {
    background-color: #0ba3dc !important;
}

[_nghost-serverApp-c100]::-webkit-scrollbar {
    scrollbar-color: #0ba3dc !important;
}

novo-search>input {
    border-radius: 0 12px 12px 0 !important;
    border: 1px solid #cccccc !important;
}

novo-search.active>button[theme=fab] {
    border-radius: 12px 0 0 12px !important;
}

novo-search button[theme=fab][icon=bhi-search] {
    height: 37px !important;
    border: 1px solid #0ba3dc;
}

a:visited, novo-activity-table .clickable:visited, novo-data-table .clickable:visited {
    color: #1c244b !important;
}

button[theme][theme=dialogue] {
    color: #0ba3dc !important;
}

button[theme][theme=primary] {
    background-color: #0ba3dc !important;
}

button[theme] {
    border-radius: 50px !important;
    letter-spacing: 0.125em;
    font-weight: 600;
}

header[theme][theme=neutral] {
    background-color: #f5f7fa !important;
    color: #324A6D !important;
}

novo-dynamic-form .novo-form-container form div.novo-control-group-control novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input, novo-dynamic-form .novo-form-container form div.novo-control-group-control novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input, novo-dynamic-form .novo-form-container form div.novo-form-row novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input, novo-dynamic-form .novo-form-container form div.novo-form-row novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input, novo-dynamic-form .novo-form-container form td.novo-form-row novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input, novo-dynamic-form .novo-form-container form td.novo-form-row novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input, novo-form .novo-form-container form div.novo-control-group-control novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input, novo-form .novo-form-container form div.novo-control-group-control novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input, novo-form .novo-form-container form div.novo-form-row novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input, novo-form .novo-form-container form div.novo-form-row novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input, novo-form .novo-form-container form td.novo-form-row novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input, novo-form .novo-form-container form td.novo-form-row novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input {
    color: #324a6d !important;
}

novo-file-input .file-input-group label strong {
    color: #0ba3dc !important;
}

body>app-root>div>novo-modal-container>app-apply-modal>novo-modal>footer>button:nth-child(1) {
    background-color: transparent !important;
    color: #0ba3dc !important;
    border: 1px solid #0ba3dc !important;
}

novo-modal, novo-notification, novo-modal>header {
    border-radius: 12px !important;
}

novo-file-input .file-output-group .file-item {
    border-radius: 12px !important;
}

.background[_ngcontent-serverApp-c107] {
    background-color: #f5f7fa !important;
}

a:active, a:hover, novo-activity-table .clickable:active, novo-activity-table .clickable:hover, novo-data-table .clickable:active, novo-data-table .clickable:hover {
    color: #0ba3dc !important;
}

multi-picker [class*=-group] label i.bhi-checkbox-empty, multi-picker [class*=-group] label i.bhi-circle-o, multi-picker [class*=-group] label i.bhi-radio-empty, novo-check-list [class*=-group] label i.bhi-checkbox-empty, novo-check-list [class*=-group] label i.bhi-circle-o, novo-check-list [class*=-group] label i.bhi-radio-empty, novo-checkbox [class*=-group] label i.bhi-checkbox-empty, novo-checkbox [class*=-group] label i.bhi-circle-o, novo-checkbox [class*=-group] label i.bhi-radio-empty {
    color: #cccccc !important;
}

/*
novo-list-item {
    display: block !important;
}

item-header-end {
    display: none !important;
} */

@media screen and (max-width: 1024px) {

    div.list-item {
        width: 100% !important;
    }

    novo-list-item {
        display: block !important;
    }

    item-header-end {
        display: none !important;
    }

    .header-title {
        background-position-x: center !important;
        width: 100% important;
    }

    header[theme]>section {
        justify-content: space-around !important;
        display: inline-grid !important;
        width: 100% !important;
        align-content: center !important;
    }

    header[theme]>section div.header-title {
        max-width: 100% !important;
    }

    body>app-root>div>novo-modal-container>app-apply-modal>novo-modal>header>section>div {
        display: none !important;
    }

    body>app-root>div>novo-modal-container>app-apply-modal>novo-modal>header>div:nth-child(2) {
        display: none !important;
    }

    body>app-root>div>novo-modal-container>app-apply-modal>novo-modal>header>div:nth-child(3) {
        display: none !important;
    }

    body>app-root>div>novo-modal-container>app-apply-modal>novo-modal>header>section {
        justify-content: end !important;
    }
}

@media screen and (max-width: 768px) {
    button[theme][theme=secondary] {
        color: #0ba3dc !important;
        border: 1px solid #0ba3dc !important;
    }

    body>app-root>div>app-job-details>div>div>div.job-header>div>app-info-chips {
        display: flex !important;
        flex-direction: row !important;
        align-content: flex-start !important;
        width: 100% !important;
        flex-wrap: wrap !important;
    }

    .background[_ngcontent-serverApp-c107] .job-container[_ngcontent-serverApp-c107] .job-header[_ngcontent-serverApp-c107] div.job-info-container[_ngcontent-serverApp-c107] {
        margin: 10px 0 20px 0 !important;
    }

}

multi-picker [class*=-group]:hover label i:before, novo-check-list [class*=-group]:hover label i:before, novo-checkbox [class*=-group]:hover label i:before {
    box-shadow: none !important;
}

multi-picker [class*=-group] input:focus+label i:before, novo-check-list [class*=-group] input:focus+label i:before, novo-checkbox [class*=-group] input:focus+label i:before {
    text-shadow: none !important;
}

novo-file-input .file-output-group .file-item button.active, novo-file-input .file-output-group .file-item button:focus, novo-file-input .file-output-group .file-item button:hover {
    color: #0ba3dc !important;
}

novo-dynamic-form .novo-form-container form div.novo-control-group-control novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:hover, novo-dynamic-form .novo-form-container form div.novo-control-group-control novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:hover, novo-dynamic-form .novo-form-container form div.novo-form-row novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:hover, novo-dynamic-form .novo-form-container form div.novo-form-row novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:hover, novo-dynamic-form .novo-form-container form td.novo-form-row novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:hover, novo-dynamic-form .novo-form-container form td.novo-form-row novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:hover, novo-form .novo-form-container form div.novo-control-group-control novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:hover, novo-form .novo-form-container form div.novo-control-group-control novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:hover, novo-form .novo-form-container form div.novo-form-row novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:hover, novo-form .novo-form-container form div.novo-form-row novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:hover, novo-form .novo-form-container form td.novo-form-row novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:hover, novo-form .novo-form-container form td.novo-form-row novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:hover {
    border-bottom: 1px solid #5F6163 !important;
}

novo-dynamic-form .novo-form-container form div.novo-control-group-control novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:focus, novo-dynamic-form .novo-form-container form div.novo-control-group-control novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:focus, novo-dynamic-form .novo-form-container form div.novo-form-row novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:focus, novo-dynamic-form .novo-form-container form div.novo-form-row novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:focus, novo-dynamic-form .novo-form-container form td.novo-form-row novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:focus, novo-dynamic-form .novo-form-container form td.novo-form-row novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:focus, novo-form .novo-form-container form div.novo-control-group-control novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:focus, novo-form .novo-form-container form div.novo-control-group-control novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:focus, novo-form .novo-form-container form div.novo-form-row novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:focus, novo-form .novo-form-container form div.novo-form-row novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:focus, novo-form .novo-form-container form td.novo-form-row novo-control>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:focus, novo-form .novo-form-container form td.novo-form-row novo-custom-control-container>div.novo-control-container>div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container>div.novo-control-input input:focus {
    border-bottom: 1px solid #0ba3dc !important;
}

novo-file-input .file-input-group label.boxed {
    border: 2px dashed #cccccc !important;
}