.navbar-custom, .topbar .topbar-left, .button-menu-mobile {
    background-color: #495873; /* $dark in scss */
}

.fractalia-hidden {
    visibility: hidden!important;
    display: none!important;
}

.topbar .topbar-left .logo-full-size img {
    height: 40px;
}

i.mld-icon>svg {
    color: #22E1AD;
}

i.mld-icon.module-icon>svg {
    color: #13354b;
    width: 64px;
    height: 64px;
    max-width: 64px;
    max-height: 64px;
    fill: currentColor;
}

/* login.css */

body.login .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

body.login .checkbox label, body.login .radio label {
    min-height: 20px;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 11px;
}

body.login #login-with i {
    vertical-align: bottom;
}

.m-t-35 {
    margin-top: 35px !important;
}

.module-recommendation .recommendation-wrapper h4 {
    text-transform: initial;
}

.module-recommendation .row.recommendation-wrapper {
    display: flex;
    justify-content: space-around;
}

.module-recommendation .recommendation-block {
    background-color: #ebeff2 !important;
    padding: 30px;
}

.module-recommendation form label {
    font-weight: initial;
}

.actions .btn-blue {
    background-color: #22E1AD;
    border: 1px solid #22E1AD;
    color: #FFF;
}

.module-home .mini-stat-icon .mld-icon>svg {
    fill: #22E1AD;
}

body {
    font-family: 'Sans Serif';
    color: #495873;
}

#sidebar-menu > ul > li > a,
#sidebar-menu ul ul a {
    color: #495873;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Sans Serif';
    color: #495873;
}

.text-dark {
    color: #495873 !important;
}

.text-dark h5:hover {
    color: #1d2124;
}

.dropdown-item {
    color: #495873;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav.nav-tabs > li > a,
.nav.tabs-vertical > li > a,
.tab-content {
    color: #495873 !important;
}

.nav.nav-tabs > li > a:hover,
.nav.tabs-vertical > li > a:hover {
    color: #22E1AD !important;
}

/*.selectize-dropdown, .selectize-input, .selectize-input input {*/
/*    color: #969798 !important;*/
/*}*/

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

#sidebar-menu ul ul li.active a {
    color: #22E1AD;
}

.file-uploader-text, .file-uploader-text > div, .file-uploader-text a {
    color: #969798;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    margin-right: 5px;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    margin-left: 5px;
}

#sidebar-menu > ul > li > a.active,
#sidebar-menu ul li .subdrop {
    border-left: 3px solid #22E1AD;
    color: #22E1AD !important;
}

#sidebar-menu ul li a:hover {
    color: #22E1AD;
}

.progress-bar-success {
    background-color: #22E1AD;
}

.progress-bar-primary {
    background-color: #22E1AD;
}

.desktop-menu {
    color: #FFFF;
}

.vote-score {
    color: #22E1AD !important;
}

/* radial.css */
.radial-bar.radial-bar-0 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-5 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-10 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-15 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-20 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-25 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-30 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-35 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-40 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-45 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-50 {
    background-image: linear-gradient(270deg, #495873 50%, transparent 50%, transparent), linear-gradient(270deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-55 {
    background-image: linear-gradient(288deg, #495873 50%, transparent 50%, transparent), linear-gradient(270deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-60 {
    background-image: linear-gradient(306deg, #495873 50%, transparent 50%, transparent), linear-gradient(270deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-65 {
    background-image: linear-gradient(324deg, #495873 50%, transparent 50%, transparent), linear-gradient(270deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-70 {
    background-image: linear-gradient(342deg, #495873 50%, transparent 50%, transparent), linear-gradient(270deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-75 {
    background-image: linear-gradient(360deg, #495873 50%, transparent 50%, transparent), linear-gradient(270deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-80 {
    background-image: linear-gradient(378deg, #495873 50%, transparent 50%, transparent), linear-gradient(270deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-85 {
    background-image: linear-gradient(396deg, #495873 50%, transparent 50%, transparent), linear-gradient(270deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-90 {
    background-image: linear-gradient(414deg, #495873 50%, transparent 50%, transparent), linear-gradient(270deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-95 {
    background-image: linear-gradient(432deg, #495873 50%, transparent 50%, transparent), linear-gradient(270deg, #495873 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-100 {
    background-image: linear-gradient(450deg, #495873 50%, transparent 50%, transparent), linear-gradient(270deg, #495873 50%, #fafafa 50%, #fafafa);
}

.fractalia-hidden {
    visibility: hidden!important;
    display: none!important;
}

.widget-bg-color-icon .bg-icon-warning {
    background-color: rgba(34,225,173,.2);
    border: 1px solid #22E1AD !important;
}

.text-warning {
    color: #22E1AD !important;
}

.badge-warning {
    background-color: #22E1AD !important;
}

@font-face {
    font-family: 'Sans Serif';
    src: url("../fonts/Exo2-VariableFont_wght.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sans Serif';
    src: url("../fonts/Exo2-Italic-VariableFont_wght.ttf");
    font-weight: normal;
    font-style: italic;
}

.bg-warning {
    background-color: #22E1AD !important;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {
    color: #22E1AD;
    border-color: #22E1AD;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a:hover {
    color: #22E1AD;
}

.need-more a.btn.btn-primary {
    background-color: #495873 !important;
    border: 1px solid #495873 !important;
}

.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning {
    background-color: #22E1AD !important;
    border: 1px solid #22E1AD !important;
}

.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(34,225,173,.5);
}

.btn-warning.focus, .btn-warning:focus {
    box-shadow: 0 0 0 0.2rem rgba(34,225,173,.5);
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    background-color: #495873 !important;
    border: 1px solid #495873 !important;
}

.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 0 0 0.2rem rgba(73,88,115,.5) !important;
}

.primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(73,88,115,.5) !important;
}

.footer > a {
    color: #22E1AD !important;
}

.menu-separator {
    border-top: 3px solid #ebeff2 !important;
}

.menu-separator span {
    text-transform: uppercase;
    font-size: 18px;
}

.menu-separator a:hover {
    color: #495873 !important;
}

input#_submit {
    background: #22E1AD;
}

#sidebar-menu svg {
    max-width: 20px;
}

.logo-full-size > img {
    height: auto !important;
}

.module-mentor.action-compact .service-hub-container
{
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}

.orange span {
    background-color: #495873;
}

.green span {
    background-color: #22E1AD;
}

.orange span::before {
    border-left: 3px solid #495873;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #495873;
}

.green span::before {
    border-left: 3px solid #22E1AD;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #22E1AD; 
}

.orange span::after {
    border-left: 3px solid transparent;
    border-right: 3px solid #495873;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #495873; 
}

.green span::after {
    border-left: 3px solid transparent;
    border-right: 3px solid #22E1AD;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #22E1AD;
}

.cookies .modal-header {
    justify-content: left;
}