/* COLORS 
	primary: #404040 / rgba(183, 218, 242, 1)
	secondary: #456ca9 
	green: #a8cc8c / rgba(168, 204, 140, 1)
	red: #f2937b / rgba(242, 147, 123, 1)
	orange: #fbdda3 / rgba(251, 221, 163, 1)
	purple: #b36cbe / rgba(179, 108, 190, 1)
	textblack: #3c4043 / rgba(60, 64, 67, 1)
    textgrey: #edf2f9 / rgba(237, 242, 249, 1)
	textoption: #6f7e94 / rgba(111, 126, 148, 1)
	lines: #e3ebf6
	borders: #edf2f9
	
	linear-gradient(90deg, hsla(217, 42%, 47%, 1) 0%, hsla(204, 69%, 83%, 1) 100%);
	
	https://coolors.co/b36cbe-456ca9-b7daf2-a8cc8c-fbdda3-f2937b
*/

/* MAIN SETTINGS */
body {
    background-color: #f9fbfd;
    font-family: Roboto, sans-serif;
    min-height: calc(100% - 72.6px) !important;
    overflow: overlay;
}

.main-content {
    overflow-x: hidden !important;
    scrollbar-width: thin;
    z-index: 1;
    margin-left: 250px;
    margin-top: 72.6px;
}

    .main-content .container-fluid {
        padding-top: 20px !important;
        max-width: 1750px;
        padding-right: 36px !important;
        padding-left: 36px !important;
    }

.inner {
    margin-bottom: 1.5rem;
}

.bg-bm, .bg-primary {
    background-color: #404040 !important;
    color: white;
}

.bg-soft-primary {
    background-color: rgba(183, 218, 242, 0.25) !important;
    border-color: #404040 !important;
    color: #8dcbf5 !important;
}

.bg-success {
    background-color: #a8cc8c !important;
    color: white;
}

.bg-soft-success {
    background-color: rgba(168, 204, 140, 0.25) !important;
    border-color: #a8cc8c !important;
    color: #89ce53;
}

.bg-danger {
    background-color: #f2937b !important;
    color: white;
}

.bg-soft-danger {
    background-color: rgba(242, 147, 123, 0.25) !important;
    border-color: #f2937b !important;
    color: #f76c49;
}

.bg-warning {
    background-color: #fbdda3 !important;
    color: white;
}

.bg-soft-warning {
    background-color: rgba(251, 221, 163, 0.25) !important;
    border-color: #fbdda3 !important;
    color: #ffb016;
}

.bg-info {
    background-color: #b36cbe !important;
    color: white;
}

.bg-soft-info {
    background-color: rgba(179, 108, 190, 0.25) !important;
    border-color: #b36cbe !important;
    color: #b457c3;
}

::-webkit-scrollbar {
    width: 7px;
    background: #e7ecef;
}

#sidebar_main::-webkit-scrollbar {
    background-color: #404040;
}

::-webkit-scrollbar-thumb, .cke_editable::-webkit-scrollbar-thumb, body.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders::-webkit-scrollbar-thumb {
    border: 0px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 0.5rem;
    background-color: #404040 !important;
}

.card-body::-webkit-scrollbar, .card::-webkit-scrollbar, body.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders::-webkit-scrollbar {
    background: transparent;
}

.text-primary {
    color: #404040 !important;
}

.text-success {
    color: #a8cc8c !important;
}

.text-danger {
    color: #f2937b !important;
}

.text-orange, .text-warning {
    color: #fbdda3 !important;
}

.text-purple, .text-info {
    color: #b36cbe !important;
}

.no-shadow {
    box-shadow: none;
}

.no-border {
    border: none;
}

.border-bottom-1 {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e3ebf6;
}

.no-margin {
    margin: 0px;
}

.no-padding {
    padding: 0px;
}

.no-hover:hover, .no-hover:focus, .no-hover:active {
    box-shadow: none !important;
}

.inline {
    display: inline;
}

.inline-flex {
    display: inline-flex;
}

.inline-block {
    display: inline-block;
}

.warning {
    color: #f2937b;
    background: #ffffff;
    border-color: #f2937b !important;
}

    .warning .text-muted {
        color: #f2937b !important;
    }

    .warning i.bmicon.icon-waarschuwing {
        font-weight: 600;
    }

.table-responsive::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0.5rem;
}

.table-responsive::-webkit-scrollbar {
    height: 7px;
}

.tableFixHead thead th {
    position: sticky;
    top: 0;
}

.tableFixHead {
    max-height: 456px !important;
    overflow: auto;
}

.mt-5_half {
    margin-top: 3.75rem;
}

.mb-5_half {
    margin-bottom: 3.75rem;
}

.pb-1rem {
    padding-bottom: 1rem;
}

.no-click {
    pointer-events: none;
}

.disabled {
    color: #edf2f9;
    pointer-events: none;
}

.col-md-2_5 {
    max-width: 20%;
    flex: 0 0 20%;
}

.card, .card-header {
    border-color: #d8e7f1;
}

.card-header-primary {
    background: #404040;
    color: white;
}

.card.active {
    border-color: #404040;
}

.spinner-border {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: -2px;
    width: 1rem;
    height: 1rem;
    border: .125em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation-name: spin;
    animation-duration: .75s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: spin;
    -webkit-animation-duration: .75s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: .75s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: .75s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* NAV */
nav#sidebar_main {
    border: 0;
    background-color: #404040;
    color: white;
    z-index: 3;
    overflow: visible;
}

nav#topbar {
    width: 100%;
    z-index: 1;
    position: fixed;
}

nav#topnav.fixed-top {
    width: calc(100% - 250px);
    margin-right: 0;
    z-index: 2;
}

a.navbar-brand.bm {
    width: 100%;
    margin: auto;
}

.navbar-brand.bm img {
    margin: auto;
    max-height: 1.75rem;
}

.company_image {
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 100%;
    max-height: 250px;
    width: auto;
}

.navbar-vertical.navbar-expand-md .navbar-brand-img {
    margin-top: 0.5rem;
    max-height: 100px;
    max-width: 100%;
}

div#sidebarCollapse {
    margin-top: 25px;
}

#sidebar-button {
    background: white;
    border-radius: 25px;
    border: 1px solid #404040;
    position: absolute;
    margin-top: 44px;
    margin-left: 208px;
    z-index: 4;
    padding: 5px 6px 5px 6px;
    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.045);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform ease-in-out 0.2s;
    transition: transform ease-in-out 0.2s;
}

    #sidebar-button .bmicon {
        color: #404040 !important;
        font-size: 1.25rem;
        -webkit-text-stroke-width: 0.2px;
    }

#topnav .icon.active:after, #sidebar_main .icon.active:after {
    position: absolute;
    top: 10%;
    right: 15%;
    width: 20%;
    height: 20%;
    content: "";
    border-radius: 50%;
    background-color: #f2937b;
    width: 0.45rem;
    height: 0.45rem;
}

#sidebar_main i.bmicon {
    font-size: 1.25rem;
    -webkit-text-stroke-width: 0.2px;
}

#sidebar_main .navlink.active {    
    -webkit-text-stroke-width: 0.1px;
    font-weight: 600;
}

#topnav i.bmicon {
    font-size: 1.5rem;
    -webkit-text-stroke-width: 0.2px;
}

i.bmicon.icon-kruis {
    font-size: 1rem !important;
    -webkit-text-stroke-width: 0.65px !important;
    margin-right: 0.27rem;
}

#topnav a {
    color: inherit;
}

#topnav .breadcrumb-item.active {
    color: #404040;
}

a.nav-link.sub1 {
    padding-left: 3rem !important;
}

.navbar-nav .nav-link.active:before {
    display: none;
}

div#sidebar_mainSmallCollapse {
    margin-top: 0.195rem;
}

#sidebar_main .nav-item {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

#sidebar_main .nav-link.active {
    background: white;
    border-radius: 0.375rem;
    color: #404040 !important;
}

#sidebar_main .nav-link:hover {
    background: white;
    border-radius: 0.375rem;
    color: #404040 !important;
}

#sidebar_mainSmall .nav-item {
    padding-top: 0.1925rem;
    padding-bottom: 0.1925rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    font-size: 1.275rem;
}

    #sidebar_mainSmall li.nav-item.dropright .nav-link:hover, #sidebar_mainSmall .nav-item.dropright:hover {
        background: white;
        border-radius: 0.375rem;
        color: #404040 !important;
    }

#toggler.dropright > .dropdown-toggle:after, #info.dropright > .dropdown-toggle:after {
    display: none;
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .2125em;
    content: "";
    vertical-align: .2125em;
    border-top: .25em solid transparent;
    border-right: 0;
    border-bottom: .25em solid transparent;
    border-left: .25em solid
}

.dropright .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-toggle:after {
    vertical-align: 0
}

#info i.bmicon.icon-info {
    color: white;
}

#info.dropright .dropdown-menu {
    top: -160px !important;
}

.notifications--empty img {
    max-width: 50%;
}

.navbar-vertical .navbar-nav .nav-link[data-toggle=collapse]:after {
    display: block;
    content: "\e93a";
    font-family: Bmicon;
    margin-left: auto;
    transition: transform .2s;
    font-size: 0.75rem;
    font-weight: 900;
}

.notifications--container .card-body {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.notifications--container .card-header {
    background: #404040;
    color: white;
}

#sidenav-footer_small {
    display: none;
}

/* HEADERS */
.header-title {
    font-size: 1.25rem;
}

.header-pretitle {
    font-size: 0.8rem;
    font-weight: 600;
}

.header--page_icon .bmicon {
    color: #404040;
    font-size: 2.5rem;
    display: block;
    margin-left: 2px;
}

.tab--header .bmicon {
    font-size: 1.75rem;
    color: #404040;
}

.tab--header h2 {
    display: inline-block;
    font-weight: 500;
    color: #95aac9;
    font-size: 1.025rem;
}

.tab--header .btn-rounded-circle {
    min-width: 35px;
    max-width: 35px;
    border-radius: 50%;
    box-shadow: none !important;
    border-color: #404040 !important;
    cursor: inherit !important;
    margin-top: -5px;
    margin-right: 5px;
    background: transparent;
    text-align: center;
    border: none;
}

    .tab--header .btn-rounded-circle:hover, .tab--header .btn-rounded-circle:active, .tab--header .btn-rounded-circle:focus {
        background: transparent !important;
        border-color: #404040 !important;
    }

.nav-item.nav-link {
    padding: 0rem 0 1rem 0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-bottom: 2px solid #404040;
}

.nav-tabs {
    border: 0;
}

.profile-wallpaper {
    background-size: cover;
    background-position: center;
    height: 300px;
}


/* FONTS & ICONS */
p, span, a, label, .small, input, li, .text-muted, button, .btn, .tooltip {
    font-family: Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Montserrat, sans-serif;
}

a, a:hover, a:focus, a:visited {
    color: inherit;
}

.bmicon--blue {
    color: #404040 !important;
}

.bmicon--green {
    color: #a8cc8c !important;
}

.bmicon--orange {
    color: #fbdda3 !important;
}

.bmicon--red {
    color: #f2937b !important;
}

.bmicon--grey {
    color: #95aac9 !important;
}

a.btn {
    color: white;
}

a.dropdown-item, .select2-results__option, a:not([href]):not([tabindex]) {
    color: #6f7e94;
}

a.optie.active {
    text-decoration: underline !important;
}

h1 {
    font-size: 1.5rem;
    color: #404040;
}

h3 .btn-group .optie {
    font-family: Montserrat;
}

i.bmicon.icon-pijl-links.pijl-rechts {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    display: inline-block;
}

#auth-form i.bmicon.icon-oog {
    font-weight: 600;
    font-size: 1rem;
}

.dropdown-ellipses {
    color: #d2ddec !important;
}

i.bmicon.icon-menu-dots:hover::before {
    color: #12263f;
}

i.bmicon.icon-menu-dots {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
}

i.bmicon.icon-kopie {
    color: #404040;
    font-size: 1.2rem;
    font-weight: 500;
    cursor: pointer;
}

.table [data-sort]:after {
    content: "\e93d";
    font-family: bmicon;
}

.breadcrumb-item + .breadcrumb-item:before {
    background: #404040;
    content: "\e93c";
    font-family: bmicon;
    height: 1.4rem;
    font-weight: 100 !important;
}

.small, small {
    font-size: 0.85rem;
}

.swal2-container.swal2-shown {
    background: none !important;
}

.swal2-popup .swal2-title {
    font-family: inherit;
    font-size: 1.125rem !important;
    font-weight: 400;
}

.swal2-icon.swal2-success {
    border-color: #a8cc8c;
}

    .swal2-icon.swal2-success [class^=swal2-success-line] {
        background-color: #a8cc8c;
    }

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: #f2937b !important;
}

.swal2-icon.swal2-error {
    border-color: #f2937b !important;
}

.swal2-popup .swal2-actions {
    margin-top: 1.25em;
    flex-wrap: inherit !important;
}

.swal2-actions .btn {
    margin: 0.5rem;
    margin-bottom: 0rem;
}

.swal2-popup.swal2-modal.swal2-show {
    padding: 1rem !important;
    border-radius: 0.5rem;
    padding: 25px !important;
    width: max-content !important;
    max-width: 385px;
    border: 1px solid #404040;
}

.swal2-popup.swal2-modal.swal2-hide {
    padding: 1rem !important;
    border-radius: 0.5rem;
    padding: 25px !important;
    width: max-content !important;
    max-width: 385px;
    border: 1px solid #404040;
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: 1;
}

.swal2-container.swal2-shown {
    background-color: transparent;
    max-width: max-content;
    max-height: max-content;
    left: auto;
    bottom: auto;
    padding: 15px;
}

.swal_dialog {
    background: white !important;
    border: 1px solid #404040 !important;
}

.swal2-show {
    -webkit-animation: slideInDown 0.3s !important;
    animation: slideInDown 0.3s !important;
}

.swal2-hide {
    -webkit-animation: slideOutUp 0.3s !important;
    animation: slideOutUp 0.3s !important;
}

.swal2-popup {
    width: inherit;
    border: 1px solid #404040;
}

#swal2-title {
    font-size: 1rem !important;
    margin: 0rem !important;
    font-weight: 500;
    line-height: 1.25;
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: 1;
}

button.swal2-styled {
    font-size: .9375rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    display: inline-block !important;
    padding: .5rem .75rem !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    border: 1px solid transparent;
    border-radius: .375rem !important;
    margin: 0.5rem !important;
    margin-bottom: 0rem !important;
}

button.swal2-cancel.swal2-styled {
    background: transparent;
    border-color: #dadce0;
    color: #3c4043;
}

    button.swal2-cancel.swal2-styled:hover, button.swal2-cancel.swal2-styled:active: button.swal2-cancel.swal2-styled:focus {
        background: #eaeaea;
        border-color: #dadce0;
        box-shadow: none;
        color: #3c4043;
        transition: 0.25s;
    }

button.swal2-confirm.swal2-styled {
    background: #a8cc8c;
    border-color: #a8cc8c;
    color: #fff;
}

    button.swal2-confirm.swal2-styled:hover, button.swal2-confirm.swal2-styled:active: button.swal2-confirm.swal2-styled:focus {
        background: #a8cc8c;
        border-color: #a8cc8c;
        box-shadow: none;
        color: #fff;
        transition: 0.25s;
    }

.swal2-popup .swal2-styled:focus {
    outline: 0;
    box-shadow: none !important;
}

td {
    font-family: Roboto;
}

.table {
	background: white;
}

.table thead th {
    background: transparent;
    font-family: Montserrat;
    color: white !important;
}

    .table thead th a {
        font-family: Montserrat;
        color: white !important;
    }

.table.table-light thead th {
    background: transparent !important;
    font-family: Montserrat;
    color: #95aac9 !important;
}

    .table.table-light thead th a {
        color: #95aac9 !important;
    }

tbody.list {
    background: white;
}

.table td.campaign-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

td.candidate-status, td.candidate-action {
    white-space: initial;
}

.table td.profile_picture {
    width: 80px !important;
}

.td--select {
    max-width: 35px;
}

.td--avatar {
    max-width: 40px;
}

.table-nav {
    padding: 1.25rem 1.25rem 1.25rem;
    border-top: 1px solid #edf2f9;
}

thead tr {
	background: #404040 !important;
}

.table-responsive {	
    overflow: auto;
    scrollbar-width: thin;
}

td .badge {
    white-space: inherit;
}

.table-responsive .pagination {
    margin-bottom: 0rem;
}

.pagination li {
    border: 1px solid transparent;
    padding: 10px;
    margin: 0.5px;
}

    .pagination li:hover {
        border: 1px solid #404040;
        border-radius: 0.375rem;
    }

    .pagination li.active {
        background: #404040;
        color: white;
        border: 1px solid #404040;
        padding: 10px;
        border-radius: 0.375rem !important;
    }

.pagination .disabled {
    color: #404040;
}

.table-responsive .pages {
    border-top: 1px solid #edf2f9;
    padding: 20px 25px 20px 25px;
	background: white;
}

.table-sm td, .table-sm th {
    padding: .825rem;
    vertical-align: middle;
}


#topbar-breadcrumbs a, #contact a, .link a {
    display: inline;
    position: relative;
    overflow: hidden;
}

#topbar-breadcrumbs :after, #contact :after, .link :after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    width: 0;
    bottom: -3.5px;
    background: linear-gradient(90deg, rgba(183,218,242,1) 0%, rgba(46,94,170,1) 100%);
    height: 1.5px;
    transition-property: width;
    transition-duration: 0.15s;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: width;
    -webkit-transition-duration: 0.15s;
    -webkit-transition-timing-function: ease-in-out;
    -ms-transition-property: width;
    -ms-transition-duration: 0.15s;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-property: width;
    -moz-transition-duration: 0.15s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-property: width;
    -o-transition-duration: 0.15s;
    -o-transition-timing-function: ease-in-out;
}

#contact :after {
    background: white;
}

#topbar-breadcrumbs a:hover:after,
#topbar-breadcrumbs a:focus:after,
#topbar-breadcrumbs a:active:after, #contact a:hover:after,
#contact a:focus:after,
#contact a:active:after, .link a:hover:after,
.link a:focus:after,
.link a:active:after {
    width: 100%;
}

.short--stats .icon-brievenbus {
    color: #a8cc8c;
    font-weight: 600;
}

.short--stats .icon-brievenbus-leeg {
    color: #95aac9;
    font-weight: 600;
}

.short--stats .icon-talentpool {
    color: #404040;
    font-weight: 600;
    -webkit-text-stroke-width: 0.1px;
}

.short--stats .icon-ster {
    color: #a8cc8c;
    font-weight: 600;
}

#total_campaigns.short--stats .icon-ster {
    color: #404040;
    font-weight: 600;
}

.short--stats .icon-archief {
    color: #f2937b;
    font-weight: 600;
}

.short--stats .icon-zandloper {
    color: #fbdda3;
    font-weight: 500;
    -webkit-text-stroke-width: 0.25px;
}

.short--stats .icon-kalender {
    color: #404040;
}

.short--stats .icon-personen {
    color: #404040;
}

/* BUTTONS */
.btn {
    cursor: pointer;
}

    .btn.disabled, .btn:disabled, .btn:disabled:hover {
        background-color: #dfdfdf !important;
        color: white !important;
        border-color: #dfdfdf !important;
        box-shadow: none;
        opacity: 0.5;
        cursor: auto;
    }

    .btn:hover, .btn:active, .btn:focus, .btn:visited {
        box-shadow: 0 1px 3px 0 rgba(60,64,67,0.302), 0 2px 8px 1px rgba(60,64,67,0.149);
        transition: 0.25s;
    }

.btn-primary {
    color: #fff !important;
    border-color: #404040 !important;
    background: #404040 !important;
    transition: 0.25s;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        color: #fff;
        border-color: #404040 !important;
        background: #404040 !important;
        transition: 0.25s;
    }

    .btn-primary.btn-outline {
        background: white !important;
        color: #404040 !important;
    }

        .btn-primary.btn-outline:hover, .btn-primary.btn-outline:active, .btn-primary.btn-outline:focus {
            color: white !important;
            box-shadow: none;
        }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {        
        border-color: #404040;
    }

.btn-outline-secondary, .btn-outline-delete {
    background: white;
    color: #f2937b !important;
    border-color: #f2937b !important;
    transition: 0.25s;
}

    .btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus, .btn-outline-delete:hover, .btn-outline-delete:active, .btn-outline-delete:focus {
        color: white !important;
        background-color: #f2937b !important;
        border-color: #f2937b !important;
        transition: 0.25s;
        box-shadow: none !impoprtant;
    }

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
    color: #283e59;
    border-color: #404040;
    background-color: #fff;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 1px 1px 0 rgba(60,64,67,0.250), 0 1px 3px 1px rgba(60,64,67,0.100);
}

.btn-group-toggle .btn-white:not(:disabled):not(.disabled).active, .btn-group-toggle .btn-white:not(:disabled):not(.disabled):active {
    color: #404040;
    border-color: #404040;
    background-color: #fff;
}

.btn-group-toggle .btn:hover {
    box-shadow: none;
    border-color: #404040;
    background: white;
}

.btn-save, .btn-success {
    color: #fff !important;
    border-color: #a8cc8c;
    background-color: #a8cc8c;
    transition: 0.25s;
}

    .btn-save:hover, .btn-save:focus, .btn-save:active, .btn-success:hover, .btn-success:focus, .btn-success:active {
        color: #fff;
        border-color: #a8cc8c !important;
        background-color: #a8cc8c !important;
        transition: 0.25s;
    }

    .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.15rem rgba(168, 204, 140, .5);
    }

.btn-outline-success {
    background: white;
    color: #a8cc8c !important;
    border-color: #a8cc8c !important;
    transition: 0.25s;
}

    .btn-outline-success:hover, .btn-outline-success:active, .btn-outline-success:focus {
        color: white !important;
        background-color: #a8cc8c !important;
        border-color: #a8cc8c !important;
        transition: 0.25s;
        box-shadow: none !impoprtant;
    }


.btn-cancel, .swal2-cancel {
    background: transparent;
    border-color: #dadce0;
    color: #3c4043 !important;
    min-width: max-content !important;
}

    .btn-cancel:hover, .btn-cancel:active, .btn-cancel:focus, .btn-cancel:visited, .swal2-cancel:hover, .swal2-cancel:active, .swal2-cancel:focus, .swal2-cancel:visited {
        background: #eaeaea !important;
        border-color: #dadce0 !important;
        box-shadow: none;
        color: #3c4043;
    }

.btn-secondary, .btn-delete {
    color: #fff !important;
    border-color: #f2937b;
    background-color: #f2937b;
    transition: 0.25s;
}

    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-delete:hover, .btn-delete:focus, .btn-delete:active {
        color: #fff;
        border-color: #f2937b !important;
        background-color: #f2937b !important;
        transition: 0.25s;
    }

.btn-secondary-outline, .btn-delete-outline {
    background: white;
    color: #f2937b !important;
    border-color: #f2937b !important;
    transition: 0.25s;
}

    .btn-secondary-outline:hover, .btn-secondary:active, .btn-secondary:focus, .btn-delete-outline:hover, .btn-delete:active, .btn-delete:focus {
        color: white !important;
        background: #f2937b;
        transition: 0.25s;
        box-shadow: none !impoprtant;
    }

.btn-link {
    font-weight: 500;
    color: #404040;
    background-color: transparent;
}

    .btn-link:hover {
        color: #12263f;
    }

.btn-flat:hover, .btn-flat:active, .btn-flat:focus, .btn-flat:visited {
    box-shadow: none;
}

.btn-sm {
    font-size: .8125rem !important;
    padding: .125rem .5rem !important;
    max-height: 32px !important;
}

.btn-white {
    color: #404040 !important;
}

.form-button {
    width: 100%;
}

    .form-button .bmicon {
        font-size: 1.75rem;
    }

.dropdown-delete_button {
    cursor: pointer;
    border-radius: 0.5rem;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    margin: auto;
    width: 80%;
    text-align: center;
    padding: 7.5px;
    transition: 0.25s;
    background: white;
    border: 1px solid #f2937b;
    color: #f2937b !important;
}

    .dropdown-delete_button:hover, .dropdown-delete_button:active, .dropdown-delete_button:focus, .dropdown-delete_button:visited {
        border: 1px solid #f2937b;
        color: white !important;
        transition: 0.25s;
    }

.dropdown-menu li .dropdown-item {
    white-space: normal;
}

button#dropdownMenuButton {
    font-family: Roboto;
}

.btn.next {
    max-width: 175px;
    float: right;
}

.btn.previous {
    max-width: 150px;
    float: left;
    background: whitesmoke;
}

.badge {
    font-size: 85%;
}

    .badge.badge-soft-success {
        background: #a8cc8c;
        color: white;
    }

    .badge.badge-soft-warning {
        color: #12263f;
        background: #fbdda3;
    }

    .badge.badge-soft-danger {
        color: white;
        background: #f2937b;
    }

.badge-soft-primary {
    color: #fff;
    background-color: #404040;
    font-size: 1rem;
}

a.btn-link.cancel.text-muted {
    display: block;
    text-align: center;
    margin-top: 1rem;
}

.headerbutton {
    font-weight: 500;
    font-size: 0.925rem;
}

.nav.btn-group .btn-white.active {
    color: #fff;
    border-color: #404040;
    background-color: #404040;
    z-index: 0;
}

.modal-buttons_right {
    float: right;
}

/* DROPDOWNS */
.dropdown-menu.show {
    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03);
}

li.dropdown .dropdown-menu.show {
    min-width: 100%;
}

.dropdown-menu hr {
    margin: 0.5rem 0 1rem 0 !important;
}

.dropdown-toggle:after {
    float: right;
}

.dropdown-menu {
    border-radius: 0.5rem;
}

.dropdown-item {
    cursor: pointer;
}

    .dropdown-item:hover, .select2-results__option:hover {
        background: #f5f5f5 !important;
    }

.dropdown-delete_button:hover, .dropdown-delete_button:active, .dropdown-delete_button:focus, .dropdown-delete_button:visited {
    background: #f2937b !important;
    color: white !important;
}

label {
    width: 100%;
}

button.btn.dropdown-toggle {
    max-height: 40px;
    font-size: .9375rem;
    line-height: 1.5;
    display: block;
    width: 100%;
    height: calc(2.40625rem + 2px);
    padding: .5rem .75rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #12263f;
    border: 1px solid #d2ddec;
    border-radius: .375rem;
    background-color: #fff;
    background-clip: padding-box;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.filter-option-inner {
    color: #12263f;
}

.bootstrap-select .dropdown-toggle .filter-option {
    width: 90%;
}

/* CHECKBOXES & SWITCHES */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before, .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #404040;
}

.custom-switch .custom-control-label, .custom-checkbox-toggle .custom-control-label, .custom-checkbox .custom-control-label:before, .custom-checkbox .custom-control-label:after {
    cursor: pointer;
}

.custom-control-input:checked ~ .custom-control-label:before {
    background: #a8cc8c;
}

.custom-control-label-rounded:before, .custom-control-label-rounded:after {
    border-radius: 0.5rem;
}

.custom-switch .custom-control-input ~ .custom-control-label:after {
    font-family: bmicon;
    content: "\e935";
    font-size: 0.6rem;
    padding-left: 4px;
    line-height: 1.95;
    -webkit-text-stroke-width: 0.75px;
    color: #f2937b;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
    font-family: bmicon;
    content: "\e934";
    font-size: 0.6rem;
    padding-left: 4px;
    line-height: 1.95;
    -webkit-text-stroke-width: 0.75px;
    color: #a8cc8c;
}

#rights .checkrow {
    padding-right: 0rem;
}

#rights .custom-control.custom-switch {
    float: right;
}

#rights .col-4 {
    padding-right: 0;
}

#talentpool .custom-switch {
    float: right;
}

/* INPUT */
input:focus {
    border-color: #404040 !important;
}

.form-group {
    margin-bottom: 1.125rem;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-selection--multiple, .select2-container .select2-selection--single {
    border: 1px solid #d2ddec !important;
}

    .select2-container--default.select2-container--focus .select2-selection--multiple:focus, .select2-container--default .select2-search--dropdown .select2-search__field:focus, .select2-container--default .select2-selection--multiple:focus, .select2-container .select2-selection--single:focus {
        border-color: #404040 !important;
    }

    .select2-container--default.select2-container--hover .select2-selection--multiple:hover, .select2-container--default .select2-search--dropdown .select2-search__field:hover, .select2-container--default .select2-selection--multiple:hover, .select2-container .select2-selection--single:hover {
        border-color: #404040 !important;
    }

    .select2-container--default.select2-container--active .select2-selection--multiple:active, .select2-container--default .select2-search--dropdown .select2-search__field:active, .select2-container--default .select2-selection--multiple:active, .select2-container .select2-selection--single:active {
        border-color: #404040 !important;
    }

input.select2-search__field::placeholder, .select2-selection__placeholder {
    color: #b1c2d9 !important;
}

.select2-selection__arrow {
    display: block;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 1.5%;
    height: 100%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid inherit;
    -webkit-text-fill-color: #12263f;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
    transition: background-color 5000s ease-in-out 0s;
}

#dashboard-stats .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0px !important;
}

span.select2-selection.select2-selection--single {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    max-width: 95%;
}

.select2-dropdown {
    border-color: #404040;
}

.select2-container .select2-search--inline {
    display: inline-block;
    position: absolute;
    top: 0.25rem;
}

input.select2-search__field, li.select2-search.select2-search--inline {
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    margin: 0px;
    padding: 0;
}

span.select2-selection.select2-selection--multiple {
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
}

li.select2-selection__choice {
    margin: 0.35rem 0.25rem 0 0 !important;
}

.text-field-codes {
    margin-bottom: 0.5rem;
}

.ql-editor {
    font-family: Roboto, sans-serif;
    padding: 0.75rem;
}

    .ql-editor:active, .ql-editor:focus, .ql-editor:hover {
        border-color: #404040;
    }

.ql-toolbar .ql-active, .ql-toolbar button:active {
    color: #404040;
}

.ql-editor img {
    max-height: 200px;
}

.ql-tooltip {
    width: auto;
}

a.ql-preview {
    color: black;
}

.ql-tooltip .ql-action:before, .ql-tooltip.ql-editing .ql-action:before {
    border-color: #404040;
    background-color: #404040;
}

.flatpickr-calendar .flatpickr-day.today {
    border-color: #404040;
}

.flatpickr-calendar .flatpickr-day:hover {
    border-color: #404040;
    background-color: whitesmoke;
}

.flatpickr-calendar .flatpickr-day.selected {
    color: #fff !important;
    border-color: #404040;
    background-color: #404040;
}

.borderless--text .card-body {
    padding: 0;
}

.borderless--text .ql-toolbar.ql-snow {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border: 0;
}

.borderless--text .ql-editor {
    max-height: 487px;
    border: 0;
    border-top: 1px solid #edf2f9;
    padding: 1.5rem;
    overflow: hidden
}

    .borderless--text .ql-editor:hover {
        overflow: auto;
        overflow: overlay;
        scrollbar-width: thin;
    }

.input-group.input-group-merge > .form-control:focus ~ [class*=input-group] > .input-group-text {
    border-color: #404040;
}

input[type=search] {
    border: 0 !important;
}

.form-group.last {
    margin-bottom: 0rem !important;
}

.form-control:focus, .form-control:active, .form-control:hover {
    border-color: #404040;
}

.custom-file-input:lang(en) ~ .custom-file-label:after {
    content: "\e6ad";
    font-family: bmicon;
    color: white;
    font-weight: 400;
    font-size: 1rem;
    padding: 0.35rem 0.75rem;
    background: #404040;
    border: 0;
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.custom-file-label:after {
    content: "Zoeken";
}

.custom-file-input:hover {
    cursor: pointer;
}

.custom-file-input:focus ~ .custom-file-label {
    box-shadow: none;
    border-color: #404040;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #404040 !important;
}

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
    border-color: #404040;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #404040;
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: inherit;
}

    .custom-control-input.is-valid ~ .custom-control-label:before, .was-validated .custom-control-input:valid ~ .custom-control-label:before {
        background-color: #e3ebf6 !important;
    }

.custom-control-input.is-valid:checked ~ .custom-control-label:before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label:before {
    background-color: #404040 !important;
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
    border-color: #f2937b;
    color: inherit;
}

.invalid-feedback {
    color: #f2937b;
}

.custom-control-input.is-invalid ~ .custom-control-label:before, .was-validated .custom-control-input:invalid ~ .custom-control-label:before {
    background-color: #f2937b;
}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #f2937b;
}

    .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
        border-color: #f2937b !important;
        box-shadow: none;
    }

.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
    box-shadow: none;
}

.comments {
    height: fit-content !important;
    max-height: 626px;
    overflow: auto;
    overflow: overlay;
    scrollbar-width: thin;
}

.comment-body {
    background-color: #edf2f9;
}

.comment:first-child {
    margin-top: 1rem;
}

.comment:last-child {
    margin-bottom: 1rem!important;
}

.rating {
    height: fit-content !important;
    max-height: 300px;
    overflow: auto;
    overflow: overlay;
    scrollbar-width: thin;
}

.notes .card-body {
    padding-left: 0;
    padding-right: 0;
}

    .notes .card-body .comments, .notes .card-body .rating {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

.comment--add {
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.flatpickr-current-month .numInputWrapper {
    width: 6.1ch;
}

.cke_chrome {
    border-color: #d2ddec !important;
    border-radius: 0.375rem !important;
}

.cke_top {
    border-color: #d2ddec !important;
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
    background: white !important;
}

.cke_inner {
    border-radius: 0.375rem !important;
}

.cke_editable {
    font-family: Roboto !important;
}

    .cke_editable::-welkit-scrollbar {
    }

    .cke_editable p {
        margin-top: 0;
        margin-bottom: 0;
    }

.cke_chrome:hover, .cke_chrome:active, .cke_chrome:focus {
    border-color: #404040 !important;
}

.cke_bottom {
    border-color: #d2ddec !important;
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
    background: white !important;
    border-top: none !important;
}

.cke_path {
    display: none !important;
}

a.cke_button:hover, a.cke_button:focus, a.cke_button:active, a.cke_button_on {
    background: transparent !important;
    border-color: #404040 !important;
    border-radius: 0.375rem !important;
    padding: 3px 5px;
}

.cke_button_disabled:hover, .cke_button_disabled:focus, .cke_button_disabled:active {
    padding: 4px 6px !important;
}

.cke_combo_button:hover, .cke_combo_button:active, .cke_combo_button:focus {
    background: transparent !important;
    border-color: #404040 !important;
    border-radius: 0.375rem !important;
}

textarea.cke_source {
    padding: 16px !important;
}

/* UPLOADS */
.dz-preview.dz-preview-single {
    position: absolute;
}

.dz-default.dz-message {
    background-color: transparent;
    border: none;
}

    .dz-default.dz-message:hover {
        background-color: rgba(183, 218, 242, 0.75);
        color: white;
        transition: 0.05s;
    }

.dz-preview.dz-preview-single {
    background-size: contain;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
}

.image--upload .dz-preview-img {
    -o-object-fit: contain;
    object-fit: contain;
    background-color: white;
}

.background_image--upload .dz-preview-img {
    -o-object-fit: cover;
    object-fit: cover;
    background-color: white;
}

.profile--image.dropzone {
    width: 100%;
    height: 100%;
    max-height: 147px;
    max-width: 147px;
    border-radius: 50%;
    margin: auto;
}

.profile--image .dz-preview.dz-preview-single {
    border-radius: 50% !important;
    width: 100%;
    height: 100%;
    max-width: 147px;
    max-height: 147px;
    margin: auto;
    background-size: cover;
}

.profile--image img.dz-preview-img {
    border-radius: 50%;
}

.profile--image .dz-default.dz-message {
    width: 100%;
    height: 100%;
    max-width: 147px;
    max-height: 147px;
    margin: auto;
    padding-top: 54px;
    border-radius: 50%;
}

.document--upload.dropzone.dropzone-multiple.dz-clickable .dz-message {
    color: #95aac9;
    border: 1px dashed #d2ddec;
    border-radius: .375rem;
}

.document--upload .dz-default.dz-message:hover {
    background-color: white;
    color: #12263f !important;
    border-color: #95aac9 !important;
    transition: 0.05s;
}

.document--upload .fe-more-vertical {
    cursor: pointer;
}

.document--upload .upload {
    z-index: 9;
}

.document--upload .dropdown-menu.dropdown-menu-right.show a {
    cursor: pointer !important;
}

.user-dropdown {
    cursor: default;
}

#canvas_picker {
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 50%;
    max-width: 100%;
}

/* DASHBOARD */
#dashboard #topnav .breadcrumb-item.active {
    color: inherit;
}

#dashboard .header {
    height: 350px;
}

#dashboard .header--page_icon {
    background: white;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    height: 50px;
    width: 50px;
    border: 1px solid #edf2f9;
}

    #dashboard .header--page_icon .icon-dashboard {
        font-weight: 100 !important;
        font-size: 2rem;
        margin-left: -1px;
        margin-top: -4px;
    }

#dashboard .header-pretitle {
    margin-top: -2.75rem;
}

#dashboard_introtext {
    padding: 0 2.5rem 0 6.9rem
}

    #dashboard_introtext h1 {
        font-size: 2.25rem;
        font-weight: 600;
    }

    #dashboard_introtext h2 {
        font-size: 1.5rem;
        font-weight: 300;
        font-family: Roboto;
    }

#dashboard #candidates--latest .card-body {
    overflow: auto;
    overflow: overlay;
    scrollbar-width: thin;
    max-height: 385px;
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

#dashboard .candidate {
    margin: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 20px;
    transition: 0.25s;
}

    #dashboard .candidate:hover, #dashboard .candidate:active, #dashboard .candidate:focus {
        background: #404040;
        color: white;
        transition: 0.25s;
    }

#dashboard .text-muted {
    transition: 0.25s;
}

#dashboard .candidate:hover .text-muted, #dashboard .candidate:active .text-muted, #dashboard .candidate:focus .text-muted {
    color: white !important;
    transition: 0.25s;
}

#dashboard #candidates--latest hr {
    margin: 0px;
}

#dashboard .table td.campaign-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

#first_use .modal-dialog {
    max-width: 1000px;
}

#first_use--steps.modal-body {
    padding: 0.5rem;
}

#first_use #voorwaarden .card-body {
    max-height: 50vh;
    overflow: auto;
}

#first_use #voorwaarden .wizard--buttons {
    margin-top: 1.5rem;
}

#first_use .wizard--buttons {
    padding: 0 1.5rem;
}

#first_use .ql-editor {
    height: 25vh;
    max-height: 35vh;
}

#first_use .wizard--buttons button {
    margin-bottom: 1rem;
}

#first_use .wizard--buttons .btn.next {
    max-width: 150px;
}

#welcome-image img {
    width: 50%;
    max-width: 200px;
    margin: auto;
    display: block;
}

#welcome_text {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 1.1rem;
}

#first_use #company .dz-default.dz-message {
    padding: 3.25rem 1rem;
}

#first_use #confirmation .ql-editor {
    height: 15vh;
}

/* ACCOUNT */
#auth {
    overflow: auto;
}

#auth-container {
    height: 100vh;
}

#auth-form {
    width: 450px;
    max-width: 75%;
    background: white;
}

#auth-right .h-md-0 {
    height: 100vh;
}

img#auth-img {
    max-width: 200px;
}

/* INSTELLINGEN */
#company_settings .dz-default.dz-message {
    padding: 45px;
}

#solform_image img#dz-preview-img {
    border-radius: 0.375rem;
    width: 100%;
    object-fit: cover;
}

#solform .dropzone {
    height: 242px;
}

#solform .dz-default.dz-message {
    padding: 110px 0;
}

#solform .ql-editor {
    max-height: 300px;
}

#settings .profile--image.dropzone {
    margin: auto;
}


/* CAMPAIGN PAGES*/
#lblRecruiter {
    margin-bottom: 0px;
}

#campaigns--index li.list-group-item:first-child {
    padding-top: 0px;
}

#campaigns--index li.list-group-item:last-child {
    padding-bottom: 0px;
}

#campaign-main-recruiter a {
    cursor: pointer;
}

#campaign--status_online .card {
    border-color: #a8cc8c;
    color: #a8cc8c;
}

#campaign--status_offline .card, #campaign--status_archive .card {
    border-color: #f2937b;
    color: #f2937b;
}

#campaign--status_pending .card {
    border-color: #fbdda3;
    color: #fbdda3;
}

#campdetail .flatpickr-input, #campdetail .flatpickr-input::placeholder {
    color: #12263f !important;
}

#campaign--text {
    overflow: auto;
    overflow: overlay;
    scrollbar-width: thin;
}

#campaign-text .accordion .card {
    border-radius: 0.375rem !important;
    border-bottom-color: #d8e7f1 !important;
}

    #campaign-text .accordion .card:hover {
        border-bottom-color: #404040 !important;
    }

    #campaign-text .accordion .card .collapse.show, #campaign-text .accordion .card .collapsing {
        border-top: 1px solid #e3ebf6;
    }

#campaign-text .accordion .card-body, #campaign-text .accordion .card-header {
    border-bottom: 0px;
    ;
}

.campaign-comments {
    max-height: 320px;
}

#campaign .notes hr {
    margin-top: 0px !important;
}

.notes .card-body {
    padding-top: 0;
}

#campaign td.media-applications {
    width: 150px !important;
}

.table td.media-form_url {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 175px;
}

#campaign .add-media td.td--avatar {
    width: 68px;
}

#add-media .card-table thead th:last-child {
    text-align: right;
}

#campaign .add-media td.media-select {
    padding: 0px !important;
    padding-left: 15px !important;
    vertical-align: initial;
}

    #campaign .add-media td.media-select .custom-control {
        float: right;
        margin-right: 45px;
    }

#add-candidate .modal-dialog.modal-dialog-centered {
    max-width: 95%;
    max-width: 950px;
}

#campaign #candidates--latest .card-body {
    overflow: auto;
    overflow: overlay;
    scrollbar-width: thin;
    max-height: 370px;
}

#campaign--new .card-table tbody td:last-child, #campaign--new .card-table thead th:last-child {
    padding-right: 1.5rem !important;
    width: 17.5% !important;
}

#campaign .form-header i.bmicon.icon-ster {
    font-size: 3rem;
    color: #a8cc8c;
    font-weight: 500;
}

#media--channels td.name {
    min-width: 200px;
    max-width: 300px !important;
}

#media--channels td.url {
    max-width: 300px;
}

#media--channels td.clicks {
    min-width: 90px;
}

#media--channels td.applied {
    min-width: 145px;
}

a#btnSaveCampaign, a#btnSavecandidate {
    margin-top: 0.5rem;
}

.campaigntext-modal .ql-editor {
    max-height: 50vh;
    overflow: auto;
    overflow: overlay;
    scrollbar-width: thin;
}

.campaigntext-modal .modal-footer {
    padding: 0 1.5rem 1.5rem;
}

#campaign--new .choice .btn-outline:hover, #campaign--new .choice .btn-outline:focus, #campaign--new .choice .btn-outline:active {
    background: #404040 !important;
    border-color: #404040 !important;
    color: #ffffff !important;
}

#campaign--new .accordion .card {
    border: 1px solid #edf2f9;
    border-radius: 0.5rem;
}

#step2 .btn .bmicon {
    display: block;
    font-size: 1.75rem;
    margin-bottom: 0.5rem;
}

.choice span {
    font-size: 1rem;
    font-family: Montserrat;
    font-weight: 500;
    display: block;
}

.choice a i.bmicon {
    font-size: 1.5rem;
}

.choice .btn {
    padding: 1rem;
}

#sol--url {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-group-toggle .choice .btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.btn-group-toggle .choice .btn {
    margin: 0px;
}

#campaign--new .ql-editor {
    height: auto;
    min-height: 220px !important;
}

#step4b1 .dropzone {
    padding: 1.5rem;
    border: 1px solid #d2ddec;
    border-radius: 0.5rem;
}

#step4b1 .ql-editor, #step4b1 .ql-container {
    height: auto;
    min-height: 100px !important;
}

img.jobboard--avatar {
    width: 30px;
    border-radius: 50px;
}

.wizard--buttons {
    padding: 0.5rem 0px 0px 0px;
}

.progress-bar {
    font-size: 0;
    background-color: #a8cc8c;
}

.progress .progress-bar {
    animation-name: animateBar;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: .4s;
}

@keyframes animateBar {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

.media-form_url span {
    margin-left: -1.5rem;
    font-size: 0.9rem;
}

#m_sweetalert_copy-url .icon-kopie {
    color: #404040;
    font-size: 1.2rem;
    font-weight: 500;
}

#step3c th {
    background: transparent;
}

#step3c .table td {
    border-top: 0px !important;
}

#step3c .table thead th {
    border-bottom: 0px;
}

#m_sweetalert_copy-url {
    cursor: pointer;
}

#advice-text.dz-preview.dz-preview-multiple.list-group.list-group-lg.list-group-flush .row {
    background: white;
    padding: 1rem;
    border-radius: 0.375rem;
    border: 1px solid #d2ddec;
    margin-left: 0px;
    margin-right: 0px;
}

    #advice-text.dz-preview.dz-preview-multiple.list-group.list-group-lg.list-group-flush .row:hover {
        border-color: #404040;
    }

#addMedia .card-header:first-child, #addMedia .table-responsive {
    border: 1px solid #d2ddec;
}

    #addMedia .card-header:first-child:hover, #addMedia .table-responsive:hover {
        border-color: #404040;
    }

#addMedia .table-responsive {
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

/*#wb-text_accordion .card-header {
    border-radius: 0.375rem;
}*/

#step4c-5a a, #step4c-5b a {
    font-family: Montserrat;
}

/* CANDIDATES & TALENTS */
h1.personname.header-title {
    font-size: 2rem;
}

#person .header-image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 300px !important;
    margin-top: -1.5rem;
    background: #f2f2f2 !important;
    padding: 2rem;
}

#person .avatar-xxl {
    width: 7rem;
    height: 7rem;
}

#person .name {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

    #person .name h1 {
        color: #404040;
        font-size: 4rem;
        font-weight: 400;
        text-align: center;
        margin-bottom: 0px;
        text-overflow: clip;
        white-space: inherit;
        overflow: hidden;
    }

#person .card-body .card-dropdown {
    margin-top: 0.5rem !important;
    margin-right: 0.5rem !important;
}

#person .file-headerimage {
    background: #404040;
    border-radius: 0.375rem;
}

.dropzone {
    border: 0;
    padding: 0px;
    min-height: 0px;
}

.image--upload.empty.dropzone {
    border: 1px dashed #d2ddec;
    border-radius: 0.375rem;
}

.image--upload.empty .dz-message {
    color: #95aac9;
    background-color: white;
}

    .image--upload.empty .dz-message:hover {
        background-color: rgba(183, 218, 242, 0.75);
        color: white;
    }

.empty .dz-preview-cover.dz-processing.dz-image-preview {
    padding: 10px;
}

.dz-default.dz-message {
    display: block;
}

.m-dropzone__msg.dz-message.needsclick {
    padding: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.dz-default.dz-message {
    margin: 0px 0px 0px 0px;
}

.dropzone .dz-preview {
    min-height: 0px !important;
    margin: 0px;
}

.upload {
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
}

.file .list-group-item {
    border: 0;
}

.file .filename {
    cursor: pointer;
}

button#m_sweetalert_save-file {
    float: right;
}

i.bmicon.icon-brief, i.bmicon.icon-cv {
    font-size: 2rem;
    color: #404040;
    line-height: 2.75rem;
}

.filename {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#person .stats .row.align-items-center {
    max-height: 30px;
}

#person a.optie.active {
    text-decoration: underline !important;
}

#person button.btn.btn-outline-green.mb-2 {
    color: white;
    font-size: 1.25rem;
    -webkit-text-stroke-width: 0.5px;
    background: #a8cc8c;
}

.candidate--notes {
    height: 305px;
    overflow: auto;
    overflow: overlay;
    scrollbar-width: thin;
}

#person textarea.form-control {
    height: 48px;
}

#person .mailaddress .form-control {
    border: none;
    text-align: right;
    font-size: .85rem;
    font-weight: 400;
    padding: 0;
    height: initial;
    text-decoration: none;
}

#person .comments {
    max-height: 300px;
}

#person .rating {
    max-height: 348px;
}

#person .forward-options {
    height: 4.25rem;
}

#person button#m_sweetalert_save {
    float: right;
}

#person .talentpoolcheck {
    padding-right: 23px;
}

#person i.bmicon.icon-cirkel-check {
    margin-left: 10px;
    -webkit-text-stroke-width: 0.5px;
    color: #a8cc8c;
}

#person i.bmicon.icon-cirkel-min {
    margin-left: 10px;
    -webkit-text-stroke-width: 0.5px;
    color: #f2937b;
}

#person i.bmicon.icon-cirkel-klok {
    margin-left: 10px;
    -webkit-text-stroke-width: 0.5px;
    color: #fbdda3;
}

/* CANDIDATE PAGES*/
#candidates i.bmicon.icon-sorteer, #candidates i.bmicon.icon-filter {
    color: #404040;
    font-weight: 600;
    margin-right: 5px;
    font-size: 1.2rem;
}

#candidates h2.card-title.mb-1.name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 195px;
}

#step1 .image--upload.profile--image.dropzone.dropzone-single.mb-3.dz-clickable {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

#step3 .dropzone {
    padding: 1.5rem;
    border: 1px solid #d2ddec;
    border-radius: 0.5rem;
}

p.card-text.campaign {
    margin-bottom: 0rem;
}

.candidate--sort {
    background: #f3f3f3;
    padding: 0rem;
    border-right: 1px solid white;
}

div#candidates--new {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

#candidates--new .candidate--sort_head.text-center {
    border-top-left-radius: 0.5rem;
}

div#candidates--rejected {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-right: 0;
}

#candidates--rejected .candidate--sort_head.text-center {
    border-top-right-radius: 0.5rem;
}

.candidate--sort .m-portlet--sortable.selected {
    background: #404040;
    border-color: #404040;
    color: white;
}

    .candidate--sort .m-portlet--sortable.selected .badge {
        background: white;
        color: #404040;
    }

.candidate-status .badge-soft-primary {
    color: #fff;
    background-color: #404040;
    font-size: 85%;
}

.candidate--sort .badge-sm {
    font-size: 75% !important;
}

td.campaign-recruiters {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}

td.candidate-name, td.candidate-campaign {
    min-width: 200px;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recruiter_comments {
    max-height: 409px;
    overflow: hidden;
    overflow-y: auto;
}

#messageSend .ql-editor {
    max-height: 11rem;
}

/* KANBAN */
.flipped, .flipped .kanban-flipped {
    transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}

.container-fluid.kanban-container.flipped {
    padding: 0px !important;
}

.row.kanban-flipped {
    padding-top: 24px;
}

#campaign--candidates .tab-content {
    padding-right: 75px;
    margin-bottom: 25px;
}

.kanban-flipped .col-12:last-child {
    padding-right: 0;
}

#Kanban {
    border: 0;
    background: transparent;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 100%;
    width: 100% !important;
}

    #Kanban .e-headerdiv {
        font-family: Montserrat, sans-serif;
        font-size: .9375rem;
        font-weight: 500;
        line-height: 1.1;
        color: #12263f;
    }

    #Kanban .e-kanbancontent {
        background: transparent;
    }

    #Kanban th.e-headercell {
        padding: 5px 15px 0px 15px;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
        border: 1px solid #edf2f9;
    }

    #Kanban.e-kanban .e-kanbancontent .e-rowcell {
        background: white;
        border-top: 0px;
        border-left: 1px solid #edf2f9;
        border-right: 1px solid #edf2f9;
        border-bottom: 1px solid #edf2f9;
        border-bottom-left-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
        height: auto;
    }

table.e-table {
    width: 101.05% !important;
    margin-left: -8px;
}

.e-scrollbar.e-js.e-widget.e-hscrollbar {
    display: none !important;
}

.e-kanbanheader {
    width: 100%;
}

.e-kanbancontent.e-droppable.e-js.e-scroller.e-widget {
    width: 100% !important;
    max-height: 500px;
    max-height: calc(100vh - 385px);
    overflow: overlay;
}

.e-content {
    width: 100% !important;
    height: auto !important;
}

#kanban-container #container_content {
    overflow: auto;
}

div#container_content::-webkit-scrollbar {
    background: #eee !important;
}

.e-kanban .e-kanbancard {
    border-color: #edf2f9;
    border-radius: 0.5rem;
    color: #12263f;
    transition: 0.25s;
}

    .e-kanban .e-kanbancard:hover, .e-kanban .e-kanbancard:active, .e-kanban .e-kanbancard:focus {
        background: white;
        box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.045);
        transition: 0.25s;
        border-radius: 0.5rem;
    }

.e-Nieuw .e-kanbancard:hover, .e-Nieuw .e-kanbancard:active, .e-Nieuw .e-kanbancard:focus {
    border-color: #a8cc8c;
}

.e-Gekwalificeerd .e-kanbancard:hover, .e-Gekwalificeerd .e-kanbancard:active, .e-Gekwalificeerd .e-kanbancard:focus {
    border-color: #404040;
}

.e-Gesprek .e-kanbancard:hover, .e-Gesprek .e-kanbancard:active, .e-Gesprek .e-kanbancard:focus {
    border-color: #fbdda3;
}

.e-Afgewezen .e-kanbancard:hover, .e-Afgewezen .e-kanbancard:active, .e-Afgewezen .e-kanbancard:focus {
    border-color: #f2937b;
}

.e-Aangenomen .e-kanbancard:hover, .e-Aangenomen .e-kanbancard:active, .e-Aangenomen .e-kanbancard:focus {
    border-color: #a8cc8c;
}

.e-primarykey {
    display: none !important;
}

.e-text {
    font-family: Roboto, sans-serif;
    font-size: 0.9375rem !important;
    color: #12263f;
}

.e-kanban .e-kanbancard .e-contentcell {
    vertical-align: middle;
}

.e-cardtable tr {
    align-items: center !important;
    display: flex;
    flex-wrap: wrap;
}

.e-cardcontent {
    flex: 1 1 auto;
}

.e-kanbancard {
    position: relative;
    display: block;
    flex-direction: column;
    word-wrap: break-word;
}

.e-kanban .e-kanbancard .e-expandcollapse {
    float: right;
    cursor: pointer;
    margin-right: -8px;
    margin-top: -5px;
    width: 35px;
}

td.e-contentcell {
    position: relative;
    flex: 0 0 auto;
    width: auto;
    max-width: 80% !important;
    padding-left: 10px;
    order: 1;
}

td.e-imagecell {
    flex-basis: 0;
    flex-grow: 1;
    width: 47 !important;
    max-width: 47px;
    position: relative;
    order: 0;
}

.e-card_image {
    float: none !important;
    margin-right: 0px !important;
}

td.e-trainglecell {
    display: none;
}

.e-kanban .e-kanbancard .e-cardcontent {
    padding: 10px;
}

.e-kanban .e-kanbancard .e-card_image {
    border: none;
    background: none;
}

.e-kanban td.e-contentcell {
    max-width: 72% !important;
}

.e-kanban .e-kanbancard .e-tags {
    padding-bottom: 0;
}

.e-tag {
    color: #fff !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 1rem !important;
    font-size: 0.8rem !important;
    margin-top: 0.25rem !important;
}

.e-Nieuw .e-tag {
    background-color: #a8cc8c !important;
}

.e-Gekwalificeerd .e-tag {
    background-color: #404040 !important;
}

.e-Gesprek .e-tag {
    background-color: #fbdda3 !important;
}

.e-Afgewezen .e-tag {
    background-color: #f2937b !important;
}

.e-Aangenomen .e-tag {
    background-color: #fff !important;
    color: #a8cc8c !important;
}

.e-kanban .e-kanbancard.e-cardselection {
    background: #404040;
    border-color: #404040;
}

    .e-kanban .e-kanbancard.e-cardselection .e-text {
        color: white;
    }

.e-cardselection.e-hover .e-icon:before {
    color: white !important;
}

#Kanban .e-rowcell.e-dragged {
    border: 0px;
    border-left: 0px !important;
}

#Kanban .e-draggedcard .e-kanbancard {
    border-radius: 0.5rem !important;
    border-color: #404040;
}

#Kanban .e-targetdragclone {
    background: white !important;
    border: 1px dashed #ccc !important;
    border-radius: 0.5rem !important;
}

#Kanban .e-targetclone {
    background: white !important;
    border: 1px dashed #404040 !important;
    border-radius: 0.5rem !important;
}

.e-cardtable tr:first-child {
    margin-top: -20px;
}

.e-kanban .e-kanbancard .e-expandcollapse div {
    top: 0;
    left: 6px;
}

.e-kanban .e-kanbancard.e-collapsedcard .e-cardheader .e-cardcollapse {
    left: 0px;
}

.e-cardheader {
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
}

.e-Nieuw .e-cardheader {
    border-top: 3px solid #a8cc8c;
}

.e-Gekwalificeerd .e-cardheader {
    border-top: 3px solid #404040;
}

.e-Gesprek .e-cardheader {
    border-top: 3px solid #fbdda3;
}

.e-Afgewezen .e-cardheader {
    border-top: 3px solid #f2937b;
}

.e-Aangenomen .e-cardcontent, .e-Aangenomen .e-cardheader {
    background: #a8cc8c;
}

.e-Aangenomen .e-text {
    color: white;
}

.e-Aangenomen .e-icon:before {
    color: white;
}

.e-Aangenomen .e-icon:before {
    color: white;
}

.e-Aangenomen:hover .e-icon:before {
    color: white !important;
}

.e-emptycard {
    text-align: center;
    padding-top: 5rem !important;
    font-size: 1.725rem;
    color: #404040;
}

img.e-image {
    object-fit: cover !important;
}

.e-bottom-triangle {
    display: none !important;
}

/* TALENTPOOL */
#talentpool ul#dd {
    margin-top: -4.75rem;
}

#talentpool .resp-filter {
    display: none;
}

#talentpool .card-table tbody td:first-child, #talentpool .card-table thead th:first-child {
    max-width: 50px;
}

    #talentpool .card-table thead th:first-child .custom-control.custom-checkbox.table-checkbox, #talentpool .card-table tbody td:first-child .custom-control.custom-checkbox.table-checkbox {
        top: -5px;
    }

#talentpool th:nth-child(2) {
    min-width: 80px !important;
}

#talentpool th:nth-child(3) {
    min-width: 125px !important;
}

#talentpool th:nth-child(4) {
    min-width: 90px !important;
}

#talentpool th:nth-child(5) {
    min-width: 110px !important;
}

#talentpool th:nth-child(6) {
    min-width: 105px !important;
}

#talentpool th:nth-child(7) {
    min-width: 155px !important;
}

#talentpool #groupview.row {
    width: 100%;
}

/* MISC */
.border-primary {
    border-color: #404040 !important;
}

.card {
    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.005);
    transition: 0.25s;
}

    .card:hover {
        border-color: #404040;
        box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.045);
        transition: 0.25s;
    }

.avatar-offline .avatar-img,
.avatar-online .avatar-img {
    -webkit-mask-image: url(../images/masks/avatar-status.svg) !important;
    mask-image: url(../images/masks/avatar-status.svg) !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
}

.avatar-group .avatar:not(:last-child) {
    -webkit-mask-image: url(../images/masks/avatar-group.svg) !important;
    mask-image: url(../images/masks/avatar-group.svg) !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
}

.avatar-group .avatar:hover {
    z-index: 1 !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

    .avatar-group .avatar:hover + .avatar {
        mask-image: url(../images/masks/avatar-group-hover.svg) !important;
        mask-size: 100% 100% !important;
    }

        .avatar-group .avatar:hover + .avatar:last-child {
            -webkit-mask-image: url(../images/masks/avatar-group-hover-last.svg) !important;
            mask-image: url(../images/masks/avatar-group-hover-last.svg) !important;
        }

#roles .avatar-xxl {
    width: 6.5rem;
    height: 6.5rem;
}

div#rights {
    overflow-x: scroll;
}

    div#rights .card-header {
        min-width: 580px;
    }

h3.talent-count {
    font-weight: 400;
    font-size: 0.95rem;
    margin-bottom: 0px;
    color: #404040;
    font-family: Roboto;
}

.filters {
    background: white;
    border-radius: 0.5rem;
    max-width: 23.45%;
    margin-right: 2%;
    border: 1px solid #d8e7f1;
    padding-left: 20px !important;
    padding-top: 25px;
    padding-right: 10px !important;
    padding-bottom: 10px;
}

    .filters .icon-filter, .filters .icon-sorteer {
        color: #404040;
        font-weight: 600;
        font-size: 1.5rem;
        margin-top: -2.5px;
        margin-right: 0.75rem !important;
    }

    .filters h2 {
        margin-bottom: 0.5rem;
    }

    .filters hr {
        margin-left: 5%;
        width: 85%;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

.foldername a {
    font-family: Montserrat;
}

.talent img {
    object-position: center;
}

.talent--tab1 {
    margin-bottom: 1.5rem;
}

    .talent--tab1 .avatar-xl {
        width: 6rem;
        height: 6rem;
    }

.talent--tab2 .card {
    margin-bottom: 0.94rem;
}

.talent--tab2 .cat {
    margin-bottom: 0px;
}

.reminder {
    display: none;
}

#categories--table th:first-child, #categories--table td:first-child {
    width: 65px !important;
}

/*PENDING*/
.pending-talent img, .pending-talent .name, .pending-talent .cat, .pending-talent .available {
    opacity: 0.5;
}

.pending-talent .dropdown-item:nth-child(1), .pending-talent .dropdown-item:nth-child(2) {
    display: none !important;
}

.pending-talent .candidate-top {
    background: lightgrey !important;
}

.pending-talent:hover {
    border-color: #edf2f9;
    box-shadow: none;
}

.pending-talent .avatar, .pending-talent .candidate-name a {
    pointer-events: none;
}

.pending-talent a#m_sweetalert_delete-talent {
    margin-top: 0.5rem;
}

.pending-talent .reminder {
    display: block;
}

tr.candidate-table.pending-talent .candidate-name, tr.candidate-table.pending-talent .candidate-availability {
    opacity: 0.5;
}

/* MODALS */
.modal-dialog-right {
    margin-right: 20px;
}

.modal-backdrop {
    background-color: rgba(0,0,0,0.9);
}

    .modal-backdrop .fade {
        transition: opacity .01s linear;
    }

.modal .avatar-group {
    width: 100%;
    border: 1px solid lightgrey;
    border-radius: 0.375rem;
    padding: 0.5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #12263f;
    border: 1px solid #d2ddec;
}

    .modal .avatar-group:hover, .modal .avatar-group:active, .modal .avatar-group:focus {
        border-color: #404040;
    }

.modal-content {
    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03);
    background-clip: border-box;
    border: none !important;
}

.modal-footer {
    padding: 1.5rem 0 0 0;
    border: 0px solid;
}

/* CHARTS */
#chart_display svg text {
    font-family: Roboto;
    font-size: 12px;
}

.charts .totals .bmicon {
    font-weight: 600;
    -webkit-text-stroke-width: 0.1px;
}

.social-stats i.h2.bmicon {
    font-size: 2rem;
    font-weight: 500;
    color: inherit;
}

@media (max-width: 1330px) {
    #candidates h2.card-title.mb-1.name {
        white-space: initial !important;
        text-overflow: initial !important;
    }
}

@media (min-width: 1241px) {
    .filters:hover {
        border-color: #404040;
        box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.045);
        transition: 0.25s;
    }

    .availability-toggle .col {
        max-width: 114px;
    }

    .availability-toggle #candidates-switch {
        margin-left: auto;
        padding-left: 9px;
    }

    #talentpool .custom-checkbox-toggle {
        width: 2.75rem;
        height: 1.25rem;
        padding-left: 0px;
    }

        #talentpool .custom-checkbox-toggle .custom-control-input:checked ~ .custom-control-label:after {
            left: 1.25rem;
        }
}

@media (max-width: 1240px) {
    .talent-overview {
        max-width: 100%;
        flex: 0 0 100%;
    }

    #talentpool .filters {
        display: none;
    }

    #talentpool .resp-filter {
        display: block;
    }

    #filters .modal-dialog.modal-dialog-centered {
        max-width: 750px;
    }

    .modal-filters {
        display: block !important;
        max-width: 100%;
        border: 0;
        padding: 0 !important;
        margin-top: 10px;
    }

    .filters.modal-filters {
        max-width: 100%;
        border: 0;
        padding: 0;
        height: auto;
        margin: 0;
    }

    .availability-toggle {
        padding-top: 30px;
    }
}

@media (min-width: 1200px) {
    #dashboard #candidates--latest .card-body {
        max-height: 654px;
    }
}

@media (min-width: 990px) and (max-width: 1200px) {
    .candidate.candidate--tab1 {
        max-width: 50%;
        flex: 0 0 50%;
    }
}

@media screen and (max-width: 991px) {
    #person .name h1 {
        font-size: 2.5rem;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .btn-save {
        max-width: 250px;
        margin-left: auto;
    }
}

@media (min-width: 768px) and (max-width: 900px) {
    .talent {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

@media (min-width: 769px) {
    .h-md-100 {
        height: 100% !important;
    }

    .vh-md-100 {
        height: 100vh;
    }

    .mh-md-100 {
        min-height: 100% !important;
    }

    .mvh-md-100 {
        min-height: 100vh;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .mb-md-5rem {
        margin-bottom: 5rem !important;
    }

    img#auth-img {
        max-width: 75%;
        width: 400px;
    }

    #auth-right #auth-img {
        max-width: 275px;
    }

    #sidebar_main .collapsing a.nav-link, #sidebar_main .collapse.show a.nav-link {
        width: 100% !important;
        padding-left: 18% !important;
        margin: auto;
        font-size: 0.85rem;
        max-height: 38.4px;
    }

    #sidebar_main a.nav-link:hover, #sidebar_main a.nav-link.active {
        background: white !important;
        color: #456ca9 !important;
        border-radius: 0.5rem;
    }

    #sidebar_main a.nav-link {
        color: white;
    }

    .navbar .container-fluid {
        padding-left: 9px;
        padding-right: 20px;
    }

    a.nav-link.sub2 {
        padding-left: 25% !important;
    }

    #sidebar_main a.nav-link {
        width: 95%;
        margin: auto;
        margin-top: 0.15rem;
        margin-bottom: 0.15rem;
        font-weight: 400;
        font-size: 1rem;
        padding-left: 2.5rem;
        padding-right: 1rem;
    }

    #sidebar_main, .notifications--container.dropdown-menu-card .card-body {
        overflow: auto;
        overflow: overlay;
        scrollbar-width: thin;
    }

    div#version, div#contact {
        color: white !important;
    }

    #dashboard .table-responsive.mb-0 {
        overflow-y: hidden;
    }

    .bg-bm a, .bg-bm a.nav-link {
        color: white !important;
    }

    #campaign--candidates .navbar-vertical:not([style*="display: none"]) ~ .main-content .container-fluid {
        padding: 0px !important;
        margin-left: 36px;
        margin-right: 36px;
    }

    .row-select .select2.select2-container {
        max-width: 230px !important;
    }
}

@media (max-width: 768px) {
    .main-content {
        margin-top: 65px;
        margin-left: 0px;
    }

    nav#sidebar_main {
        position: fixed;
        width: 100%;
        z-index: 100;
        background: white !important;
        border-bottom: 1px solid #e3ebf6 !important;
        box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,0.035);
    }

    #sidebar_main .navbar-nav .nav-link > .bmicon {
        font-size: 1.25rem;
    }

    #sidebar_main .navbar-nav .nav-link > span {
        font-size: 1.075rem;
    }

    #sidebar_main .collapse .nav .nav-item a.nav-link {
        font-size: 1rem;
        margin-left: 0 !important;
        padding-left: 3.15rem;
    }

    #sidebar_main .nav--container-fluid {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #sidebar_main .navbar-brand.bm {
        display: inline-block;
        max-width: calc(100% - 33px);
    }

    #sidebar_main img#ats-logo {
        max-width: 150px;
        max-width: 100%;
        max-height: 1.7rem;
        margin-top: -3px;
    }

    #sidebar_main a.nav-link {
        padding-left: 1.125rem;
        padding-right: 1.75rem;
    }

        #sidebar_main a.nav-link.sub1 {
            font-size: 0.85rem !important;
        }

    #sidebar_main .sub2 {
        padding-left: 2.5rem !important;
    }

    #sidebar_main i.bmicon.icon-bel {
        font-size: 1.5rem;
        -webkit-text-stroke-width: 0.2px;
    }

    #sidebar_main .nav-item {
        margin-left: 0rem;
        margin-right: 0rem;
    }

    #notificationdiv .dropdown {
        display: flex !important;
        margin-right: 0px !important;
    }

    #sidebar_main div#version {
        margin-top: 2rem;
    }

    div#sidebarCollapse {
        margin-top: 15px;
        border-top: 1px solid #e3ebf6;
        padding: 0.5rem 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

        div#sidebarCollapse::before {
            display: none;
        }

    #auth-left {
        height: 25vh;
    }

    img#auth-img {
        max-height: 170px;
    }

    #auth-right {
        background: white;
        height: 75vh;
    }

    #person .header-image {
        height: 230px !important;
    }

    h1.personname.header-title {
        font-size: 1.5rem;
        margin-top: 0.5rem;
        margin-bottom: 1rem;
    }

    #person .container-fluid {
        margin-top: 0rem !important;
    }

    #person .header-body .avatar {
        height: 8rem;
        width: 8rem;
        display: block;
        margin: auto;
    }

    #person .header-body.mt--5.mt-md--6 {
        margin-top: -4.5rem !important;
    }

    .name_col {
        margin-left: 0 !important;
        margin-top: 0.5rem;
    }

    #account .text-center {
        vertical-align: top;
    }

    .main-content .container-fluid {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .login--logo {
        margin-top: 2rem;
        margin-bottom: 2rem;
        width: 250px !important;
        max-width: 80% !important;
    }

    #account .auth--logo, #account .auth--form {
        height: auto;
        height: initial;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    #account #auth--form {
        vertical-align: top;
    }

    #account .auth--form {
        margin-top: 0px;
    }

    .display-4 {
        font-size: 1.5rem;
    }

    h2 {
        line-height: 1.35;
    }

    body {
        margin-top: -71.4px;
        padding-top: 71.4px;
    }

    a.nav-link {
        color: #46648a !important;
    }

    #resp_top {
        width: 100%;
    }

    .navbar-toggler.collapsed > .icon-kruis, .navbar-toggler:not(.collapsed) > .icon-menu {
        display: none;
    }

    i.bmicon.icon-menu {
        font-size: 1.45rem !important;
    }

    img#ats-logo_wit {
        display: none;
    }

    #dashboard .header {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }

    #dashboard .header--page_icon {
        margin: auto;
    }

    #dashboard .header-pretitle {
        margin-top: 0rem;
    }

    #dashboard_introtext {
        padding: 0 1rem 0 1rem;
        text-align: center;
    }

    #dashboard .header-body {
        padding-bottom: 1rem;
    }

    #dashbaord_introtext {
        padding-right: 36px !important;
        padding-left: 36px !important;
    }

    #dashboard_introtext h1 {
        font-size: 1.75rem;
    }

    #dashboard_introtext h2 {
        font-size: 1.35rem;
    }

    .nav-tabs .nav-item:first-child {
        margin-left: auto;
    }

    .nav-tabs .nav-item:last-child {
        margin-right: auto;
    }

    .ml-md-0 {
        margin-left: 0rem !important;
    }

    .mr-md-0 {
        margin-right: 0rem !important;
    }

    .header--icon_container {
        width: 100% !important;
    }

    .header--page_icon, .header-pretitle, .header-title {
        text-align: center;
        display: block;
        padding-bottom: 5px;
    }

    .headerbutton, .header-pretitle {
        margin-top: initial;
    }

    .headerbutton {
        width: 200px;
        display: block;
        margin: auto;
    }

    .dropdown .headerbutton {
        padding-left: 22px;
    }

    .mb-sm-1375 {
        margin-bottom: 1.375rem !important;
    }

    .modal-dialog {
        width: 95%;
        max-width: 95%;
        margin: 5% auto;
    }

    .swal2-container.swal2-top-right.swal2-fade.swal2-shown {
        width: 100% !important;
        max-width: 100% !important;
        left: 0px;
        top: 12px;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .candidate--image, .user--image {
        margin: auto;
        display: block;
        margin-bottom: 1rem;
    }
}

@media (min-width: 576px) {
    .rangepicker.form-control-sm {
        width: 170px;
    }
}

@media (min-width: 551px) and (max-width: 768px) {
    .col-mds-6 {
        max-width: 50%;
        flex: 50%;
    }
}

@media (max-width: 575px) {
    .px-sm-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 551px) {
    #person .name h1 {
        font-size: 2rem;
    }
}

@media (max-width: 550px) {
    #sidebar_main .notifications--container.dropdown-menu-card .card-body {
        max-height: fit-content;
    }

    .swal2-popup.swal2-modal.swal2-show {
        width: 100% !important;
        max-width: 100% !important;
    }

    .swal2-container.swal2-center.swal2-fade.swal2-shown {
        max-width: 100% !important;
        width: 100%;
    }

    .btn {
        width: 100% !important;
    }

    .page-footer .btn {
        margin-top: 10px;
    }

    .text--input_button {
        width: 48.9% !important;
    }

    .text-field-codes {
        padding-bottom: 0.5rem;
    }

    .mb-xs-0 {
        margin-bottom: 0rem !important;
    }

    #campaign--new .card-table tbody td:first-child, #campaign--new .card-table thead th:first-child {
        padding-left: 0.5rem !important;
    }

    #campaign--new .card-table tbody td:last-child, #campaign--new .card-table thead th:last-child {
        padding-right: 0.5rem !important;
    }

    #add-media .modal-buttons_right {
        width: 100%;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #add-media button.btn.btn-cancel {
        max-width: 45%;
        float: left;
    }

    #add-media button#m_sweetalert_media_added {
        max-width: 45%;
        float: right;
    }
}

@media (max-width: 507px) {
    #dashboard .header-body {
        padding-top: 1rem;
        padding-bottom: 0.5rem;
    }

    #dashboard .header--page_icon .icon-dashboard {
        font-size: 1.5rem;
        margin: auto;
    }

    #dashboard .header--page_icon {
        height: 40px;
        width: 40px;
        padding-left: 9px;
        padding-top: 7px;
        border: 0;
    }

    #dashboard_introtext h1 {
        font-size: 1.5rem;
    }

    #dashboard_introtext h2 {
        font-size: 1.15rem;
    }

    .availability-toggle, .sorting {
        padding-top: 10px;
    }
}

@media (max-width: 450px) {
    .login--logo {
        max-height: 150px;
        width: auto;
    }

    #auth--form .w-50 {
        max-width: 150px;
    }

    #sidebar_main .notifications--container.dropdown-menu.dropdown-menu-right.dropdown-menu-card.show {
        right: -4.25rem;
        min-width: 100% !important;
        width: 92vw;
        max-width: 100vw;
    }

    .wizard--buttons {
        margin-top: 1rem;
    }

        .wizard--buttons .btn {
            max-width: 100% !important;
            margin-top: 0.5rem;
            margin-bottom: 1rem;
        }

    #campaign--new .btn {
        max-width: 100%;
    }
}

@media (max-width: 400px) {
    #sidebar_main img#ats-logo {
        max-width: 140px;
        margin-left: 0.5rem !important;
    }
}


/* NEW COLORS */
.bg-primary {
    /*background: linear-gradient(90deg,hsla(210, 100%, 50%, 1) 0%, hsla(210, 100%, 70%, 1) 100%) !important;*/
    background: #C0C0C0 !important;
}
#sidebar_main {
    background: #C0C0C0 !important;
}
thead tr {
    background: #C0C0C0 !important;
}
.card-header.card-header-gradient {
    background: #C0C0C0 !important;
    color: white;
}
h1.header-title {
    color: #456ca9;
}
#topbar-breadcrumbs a  {    
    color: #456ca9;
}
.btn-primary {
    border: 0px;
    padding: 10px;
    background: #C0C0C0 !important;
}
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        background: #C0C0C0 !important;
    }