.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;
}

/* overwrite scss bootstrap for switch */
.form-check-input:checked {
    background-color: #4A69DE !important;
    border-color: #4A69DE !important;
}

/*Make root menu  text invisible on first load with Below class*/
.sidebar > .RadMenu .homelink, .dashboardlink, .recruiterdashboardlink, .referrallink, .searchlink, .apilink,
.mysettingslink, .vacancieslink, .approvalrequestlink, .scheduleslink, .reportslink, .managementlink, .recommendationslink,
.optionslink, .faqslink, .configurationlink, .activityformslink, .talentlink, .helplink, .profilelink, addeditagencylink,
.switchprofilelink .signoutlink > .rmLink {
    font-size: 0px;
}

/*Make submenu text visible with Below class*/
.sidebar > .RadMenu > .rmRootGroup > .rmItem > .rmSlide > .rmVertical > .rmItem > .rmLink {
    font-size: 14px;
    font-weight: bold;
}

/*Make submenu  of submenu text visible with Below class*/
.sidebar > .RadMenu > .rmRootGroup > .rmItem > .rmSlide > .rmVertical > .rmItem > .rmSlide > .rmVertical > .rmItem > .rmLink {
    font-size: 14px;
    font-weight: bold;
}

.RadMenu .activityformslink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f007";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
}

.RadMenu .profilelink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f2bd";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 12px;
    padding-left: 2px;
}

.RadMenu .helplink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f007";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
}

.RadMenu .signoutlink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f08b";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
    padding-left: 3px;
}

.RadMenu .configurationlink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f013";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
    padding-left: 2px;
}

.RadMenu .faqslink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f059";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
    padding-left: 2px;
}

.RadMenu .optionslink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f03a";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
}

.RadMenu .recommendationslink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f14a";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
}

.RadMenu .reportslink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f1b2";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 12px;
    padding-left: 2px;
}

.RadMenu .managementlink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f044";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 12px;
    padding-left: 2px;
}

.RadMenu .addeditagencylink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f044";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
}


.RadMenu .scheduleslink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f073";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 13px;
    padding-left: 2px;
}

.RadMenu .vacancieslink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f15c";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
    padding-left: 2px;
}

.RadMenu .talentlink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f007";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 16px;
    padding-left: 2px;
}

.RadMenu .approvalrequestlink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f058";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
}

.RadMenu .homelink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f015";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
}

.RadMenu .dashboardlink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f15c";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
}

.RadMenu .recruiterdashboardlink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f007";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
}

.RadMenu .referrallink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f133";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
}

.RadMenu .searchlink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f002";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
}

.RadMenu .apilink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f00a";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
}

.RadMenu .mysettingslink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f1de";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px;
}

.RadMenu .switchprofilelink > .rmLink:before {
    font-family: "FontAwesome";
    content: "\f0a8";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 12px;
}

.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;
}

.menuswitchCb > label {
    padding-left: 5px;
}

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

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

#sidebarToggleLeft {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    max-width: 50px;
    max-height: 50px;
    min-width: 40px;
    width: auto;
}

.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;
}

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

#atsSidebar {
    width: auto;
}

.SearchResultsDockZone {
    width: 100% !important;
}

.SearchDockZone {
    width: 100% !important;
}

.SearchComboBox {
    width: 100% !important;
    border: none;
}

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

a {
    color: rgb(0 0 0) !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;
    }
}