/* Minification failed. Returning unminified contents.
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,1): run-time error CSS1019: Unexpected token, found '@import'
(57,9): run-time error CSS1019: Unexpected token, found '"https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700"'
(66,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-color-lighter'
(70,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-color-lighter'
(82,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-color-darker'
(83,24): run-time error CSS1039: Token not allowed after unary operator: '-accent-color-darker'
(84,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-text-color'
(88,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-color-darker'
(89,24): run-time error CSS1039: Token not allowed after unary operator: '-accent-color-darker'
(90,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(94,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-color-darker'
(95,24): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(96,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(100,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-coal-lighter'
(101,24): run-time error CSS1039: Token not allowed after unary operator: '-btn-coal-lighter'
(102,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-text-color'
(110,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(111,22): run-time error CSS1039: Token not allowed after unary operator: '-light-grey'
(116,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(117,22): run-time error CSS1039: Token not allowed after unary operator: '-light-grey'
 */
/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,1): run-time error CSS1019: Unexpected token, found '@import'
(19,9): run-time error CSS1019: Unexpected token, found '"https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700"'
(28,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-color-lighter'
(32,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-color-lighter'
(44,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-color-darker'
(45,24): run-time error CSS1039: Token not allowed after unary operator: '-accent-color-darker'
(46,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-text-color'
(50,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-color-darker'
(51,24): run-time error CSS1039: Token not allowed after unary operator: '-accent-color-darker'
(52,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(56,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-color-darker'
(57,24): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(58,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(62,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-coal-lighter'
(63,24): run-time error CSS1039: Token not allowed after unary operator: '-btn-coal-lighter'
(64,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-text-color'
(72,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(73,22): run-time error CSS1039: Token not allowed after unary operator: '-light-grey'
(78,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(79,22): run-time error CSS1039: Token not allowed after unary operator: '-light-grey'
 */
:root {
    --grey: #6D7478;
    --white: #fafafa;
    --text-color: var(--grey);
    --accent-color: #f74000;
    --accent-color-lighter: #f8f9fb;
    --accent-color-darker: #dd4d18;
    --btn-text-color: #fff;
    --btn-coal: var(--grey);
    --btn-coal-lighter: #B4BBC3;
    --btn-white: var(--white);
    --btn-white-darker: #6D7478;
    --top-header-bg-color: #f8f9fb;
    --context-header-bg-color: var(--white);
    --page-header-text-color: var(--text-color);
    --background-image-url: url('../Assets/Images/swiped-on/inspiration.png');
    --light-grey: #e5e9ee;
}
@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700";

/*#region DoneCss*/
body {
    font-family: 'Roboto', sans-serif !important;
}

.navbar {
    box-shadow: none !important;
    background-color: var(--accent-color-lighter) !important;
}

.login-block {
    background: var(--accent-color-lighter) !important;
}

    #sidebar .sidebar-header {
        font-family: 'Roboto', sans-serif !important;
    }

    #sidebar ul li {
        font-family: 'Roboto', sans-serif !important;
    }

.btn-table-edit:hover {
    background-color: var(--accent-color-darker) !important;
    border-color: var(--accent-color-darker) !important;
    color: var(--btn-text-color) !important;
}

.btn-saphire:hover {
    background-color: var(--accent-color-darker);
    border-color: var(--accent-color-darker);
    color: var(--accent-color) !important;
}

.btn-outline-saphire:hover {
    background-color: var(--accent-color-darker) !important;
    border-color: var(--accent-color) !important;
    color: var(--white) !important;
}

.btn-coal:hover {
    background-color: var(--btn-coal-lighter) !important;
    border-color: var(--btn-coal-lighter) !important;
    color: var(--btn-text-color) !important;
}

#sidebar {
    border-right-color: #ddd !important;
}

#sidebar ul li a:hover {
    color: var(--accent-color) !important;
    background: var(--light-grey);
}

#sidebar ul li.active > a,
a[aria-expanded="true"] {
    color: var(--accent-color) !important;
    background: var(--light-grey);
}

/*---------------------------------------------------*/

.card-img-top {
    width: 100%;
    height: 20vw;
    object-fit: contain;
}

.card-list {
    margin: 5px;
}

.div-80 {
    width: 80%;
}

/*ApplicationConfiguration Page*/

.toggle-button {
    text-align: left;
}

@media (max-width: 576px) {
    .toggle-button {
        text-align: right;
    }
}