:root {
    --primary-careercolor : #01203d;
    --primary-bordercolor : lightblue;
    --secondary-bannercolor:#f0f9ff;
    --secondary-buttoncolor:#FA4A23;
    /* font-sizes */
    --fs-main : 0.875rem;
    --fs-title : 0.9rem;
}
.breadcrumb-nav a:hover {
    background-color: #00000012;
    border-radius: 12px;
    color: black;
    text-decoration: underline !important;
}
.breadcrumb-nav a:hover i {
    color: black;
}
.prime-clr-fs {
    color: #718aa5;
}
.btn-career {
    right: 0.125rem !important;
    top: -0.375rem !important;
}
.caaree_input{
    cursor: pointer;
}
.jbeq_a{
    color: #0046ff;
}
.jbeq_a:hover{
    text-decoration: underline;
    color: #0046ff;
}
#cityLocationDropdown .filterslocation{
    border: 1px solid #ccc;
}
.caaree_input[type="checkbox"] {
    width: 1.125rem !important;
    border-color: black;
}
.widthform {
    height: fit-content !important;
}
.caaree_input:checked, .apply-btn:hover, .careerpathsf:hover, .filter-btn-career, .view-more-jobs:hover {
    background-color: var(--primary-careercolor);
}
.apply-btn:hover,.careerpathsf:hover{
    border: 2px solid var(--primary-careercolor);
    background-color: var(--primary-careercolor);
    background: var(--primary-careercolor);
    -webkit-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}
.clearallfilter{
    background-color: #cdcdcd;
    pointer-events: none;
}
.clearallfilter:hover{
    background-color:#4a4a4a !important;
}
.caaree_label, .job-details {
    font-size: var(--fs-main);
    cursor : pointer;
    align-items: center;
}
.filterbut {
    z-index: 10;
    background-color:var(--primary-careercolor);
    top:0.5%;
}
.job-card {
    border-left: 9px solid var(--primary-bordercolor);
    border-right: 9px solid var(--primary-bordercolor);
    -webkit-box-shadow: 1px 1px 0px 3px rgba(242, 242, 242, 1);
    -moz-box-shadow: 1px 1px 0px 3px rgba(242, 242, 242, 1);
    box-shadow: 1px 1px 0px 3px rgba(242, 242, 242, 1);
}
.company-name {
    color: #4F6882;
}
.apply-btn,.careerpathsf{
    background-color: var(--secondary-buttoncolor);
    cursor: pointer;
    transition: all 0.3s;
    width: fit-content;
    border: 2px solid var(--secondary-buttoncolor);
}
.view-more-jobs{
    border: 2px solid var(--primary-careercolor);
    transition: all 0.3s;
}
.apply-btn{
    top : 83%;
    position : relative;
}
.job-description {
    max-height: 4.5rem;
    transition: all 0.3s;
    font-size: var(--fs-main);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.job-description.expanded {
    max-height: none;
    -webkit-line-clamp: unset;
}
.read-more-btn:hover,.view-more-jobs:hover{
    opacity: 0.7;
}
.filters-section {
    -webkit-box-shadow: 0px 1px 0px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 0px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 0px 2px rgba(0,0,0,0.75);
    top:5%;
}
.filters-section h6 {
    border-bottom: 1px solid #cbccce;
}
.filter-btn-career {
    background-color: var(--primary-careercolor);
    cursor: pointer;
    transition: all 0.3s;
}
.filter-btn-career:hover,.view-jobs:hover {
    opacity: 0.9;
}
.career-form1 {
    background-color: var(--secondary-bannercolor);
}
.checkbox-list::-webkit-scrollbar {
    width: 6px;
}
.checkbox-list::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    border-radius: 0.625rem;
}
#accordionExamplecareer .accordion-header,#accordionExamplecareer .accordion-button,#accordionExamplecareer .accordion-item  {
    border: none !important;
}
#accordionExamplecareer .accordion-button.collapsed {
    background-color: #e1e1e1;
}
#accordionExamplecareer .accordion-button::after{
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300 !important;
    background-image: none;
    width: 0.8125rem !important;
    font-size:0.95rem;
}
.upload-padding .form-control::file-selector-button {
    padding: .70rem .75rem;
}
@media(min-width:768px){
    .apply-btn{
        top : 7%;
        position:absolute;
    }
    .filters-section h6 {
        border-bottom: none;
    }
    .job-description {
        max-height: 6.6rem;
        transition: all 0.3s;
        font-size: var(--fs-main);
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
}

/* css from other pages */
button {
    outline: none;
    cursor: pointer;
    border: none;
}
@media (min-width: 768px) {
    .w-md-50 {
        width: 50% !important;
    }
    .w-md-25 {
        width: 25% !important;
    }
}
.career-page-modal-bg {
    background-color: white !important;
}