:root {
    --transparent: transparent;
    --black: #22292f;
    --white: white;
    --white-50: rgba(255, 255, 255, 0.5);
    --danger: #e74444;
    --success: #21b978;
    --warning: #FCD400;
    --info: #03a9f4;
    --primary: #ED7461;
    --primary-dark: #c76350;
    --primary-70: rgba(237, 116, 97, 0.7);
    --primary-50: rgba(237, 116, 97, 0.5);
    --primary-30: #F8E7E2;
    --primary-10: rgba(237, 116, 97, 0.1);
    --logo: #1b202b;
    --sidebar-icon: #F4F5F6;
    --20: #E4E4E4;
    --30: #f4f7fa;
    --40: #eef1f4;
    --50: #e3e7eb;
    --60: #bacad6;
    --70: #b3b9bf;
    --80: #7c858e;
    --90: #252d37;
    --90-half: rgba(40, 54, 61, 0.5);
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    src: url('https://d1u8am4w2rlsdq.cloudfront.net/267b2a26-1204-48d4-9dc1-d5a98b001556/fonts/Karla-VariableFont_wght.ttf');
}
body {
    font-family: 'Karla';
}

.bg-grad-sidebar {
    background-image: linear-gradient(0deg, #1b202b 0%, #1b202b 100%);
}

.w-sidebar {
    width: 16rem !important;
}

.multiselect__option--highlight,
.multiselect__option--highlight:after,
.multiselect__tag {
    background: #005288 !Important;
}

[data-testid="resource-table"] {
    display: table;
    white-space: nowrap;
}

.mega-filter {
    background: none;
    padding: 0;
    box-shadow: none;
}

.mega-filter > .flex {
    display: block;
}
.mega-filter > .flex > div {
    float: right;
}
.mega-filter h4 + div {
    margin-bottom: -50px;
    z-index: 100;
    position: relative;
}
.mega-filter .btn {
    background: none !important;
    color: #777 !important;
    outline: none !important;
    box-shadow: none !important;
}

.mega-filter > .flex > h4 {
    display: none;
}

.mega-filter .card.filters {
    background: #fff;
}

.action label {
    white-space: nowrap;
}

.nti-tag {
    background:  #7F8790 !important;
}