/* --- GLOBAL & WRAPPER STYLES --- */
.row {
    --bs-gutter-x: 0rem !important;
}

#container {
    width: 100% !important;
}

.rmLink {
    cursor: pointer !important;
    min-width: 50px !important;
}

.rmGroup {
    width: auto !important;
    min-width: 235px !important;
}

/* --- BOOTSTRAP OVERWRITES --- */
.form-check-input:checked {
    background-color: #4A69DE !important;
    border-color: #4A69DE !important;
}

#recruiterSidebar:not(.sidebar-open) .rmSlide {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#recruiterSidebar.sidebar-open .rmItem:hover > .rmSlide {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

#sidebarToggleLeft {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    max-width: 50px;
    max-height: 50px;
    min-width: 40px;
    width: auto;
    position: relative;
    z-index: 1001 !important;
}

/* --- TEXT VISIBILITY & ANIMATION --- */
/* Groups all links to hide text when sidebar is closed */
.sidebar:not(.sidebar-open) .RadMenu .rmLink {
    font-size: 0px !important;
}

/* Forces text visible when open */
#recruiterSidebar.sidebar-open .rmLink {
    font-size: 14px !important;
    font-weight: bold !important;
}

/* Submenu specific text settings */
.sidebar .rmSlide .rmLink {
    font-size: 14px;
    font-weight: bold;
}

/* --- ICON MAPPING (Grouped by Shared Styles) --- */
.RadMenu .rmLink:before {
    font-family: "FontAwesome";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
}

/* Specific Icons */
.homelink > .rmLink:before {
    content: "\f015";
    padding-right: 14px;
}

.dashboardlink > .rmLink:before,
.vacancieslink > .rmLink:before {
    content: "\f15c";
    padding-right: 14px;
    padding-left: 2px;
}

.recruiterdashboardlink > .rmLink:before,
.talentlink > .rmLink:before,
.helplink > .rmLink:before,
.activityformslink > .rmLink:before {
    content: "\f007";
    padding-right: 14px;
}

.referrallink > .rmLink:before {
    content: "\f133";
    padding-right: 14px;
}

.searchlink > .rmLink:before {
    content: "\f002";
    padding-right: 14px;
}

.apilink > .rmLink:before {
    content: "\f00a";
    padding-right: 14px;
}

.mysettingslink > .rmLink:before {
    content: "\f1de";
    padding-right: 14px;
}

.approvalrequestlink > .rmLink:before {
    content: "\f058";
    padding-right: 14px;
}

.scheduleslink > .rmLink:before {
    content: "\f073";
    padding-right: 13px;
    padding-left: 2px;
}

.reportslink > .rmLink:before {
    content: "\f1b2";
    padding-right: 12px;
    padding-left: 2px;
}

.managementlink > .rmLink:before,
.addeditagencylink > .rmLink:before {
    content: "\f044";
    padding-right: 12px;
    padding-left: 2px;
}

.recommendationslink > .rmLink:before {
    content: "\f14a";
    padding-right: 14px;
}

.optionslink > .rmLink:before {
    content: "\f03a";
    padding-right: 14px;
}

.faqslink > .rmLink:before {
    content: "\f059";
    padding-right: 14px;
    padding-left: 2px;
}

.configurationlink > .rmLink:before {
    content: "\f013";
    padding-right: 14px;
    padding-left: 2px;
}

.signoutlink > .rmLink:before {
    content: "\f08b";
    padding-right: 14px;
    padding-left: 3px;
}

.profilelink > .rmLink:before {
    content: "\f2bd";
    padding-right: 12px;
    padding-left: 2px;
}

.switchprofilelink > .rmLink:before {
    content: "\f0a8";
    padding-right: 12px;
}

/* --- UTILITY CLASSES --- */
.hideMenuText {
    font-size: 0px !important;
    font-weight: bold !important;
}

.showMenuText {
    font-size: 14px !important;
    font-weight: bold !important;
}

.contentexpand {
    width: 88% !important;
}

.contentcollapse {
    width: 96% !important;
}

.hide {
    display: none;
}

.show {
    display: inline-block;
}

.sidebar-shadow {
    background-color: #fff !important;
    box-shadow: 2px 0 15px -9px rgba(31, 73, 125, 1);
    position: absolute;
    padding: 0.25rem;
    width: min-content;
    height: 100%;
    z-index: 999 !important;
}

.RadMenu_Bootstrap .rmRootGroup {
    border: 4px solid rgba(255, 255, 255, .1) !important;
    background-color: rgba(255, 255, 255, .1) !important;
}

/* --- LAYOUT & MODALS --- */
.modal.left .modal-dialog {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

    .modal.left .modal-dialog.modal-sm {
        max-width: 12% !important;
    }

.modal.left .modal-content {
    min-height: 100vh;
    border: 0;
}

.content-panel {
    margin-left: 4% !important;
    transition: margin-left 0.1s ease;
}

#footer {
    position: absolute;
    width: 100%;
    z-index: 1;
}

/* --- SEARCH COMPONENTS --- */
.SearchResultsDockZone, .SearchDockZone, .SearchComboBox {
    width: 100% !important;
}

.SearchComboBox {
    border: none;
}

.RadDockZone {
    box-sizing: border-box !important;
    padding: 0.5rem !important;
}

a {
    color: #000 !important;
}

.company-logo {
    padding-left: 0.5rem !important;
}

/* --- MEDIA QUERIES --- */
@media (max-width: 575.98px) {
    .content-panel {
        margin-left: 14% !important;
    }
}

@media screen and (min-width: 576px) and (max-width: 767.98px) {
    .content-panel {
        margin-left: 13% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
    .content-panel {
        margin-left: 10% !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    .content-panel {
        margin-left: 8% !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399.98px) {
    .content-panel {
        margin-left: 7% !important;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1920px) {
    .content-panel {
        margin-left: 5% !important;
    }
}