/* 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 '-'
(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 '-'
(18,46): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(18,70): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(19,32): run-time error CSS1039: Token not allowed after unary operator: '-card-color'
(76,34): run-time error CSS1039: Token not allowed after unary operator: '-nav-bg-color'
(77,55): run-time error CSS1039: Token not allowed after unary operator: '-nav-color'
(80,156): run-time error CSS1039: Token not allowed after unary operator: '-nav-bg-color'
(81,186): run-time error CSS1039: Token not allowed after unary operator: '-nav-color'
(82,236): run-time error CSS1039: Token not allowed after unary operator: '-nav-bg-color'
 */
:root {
    --bg-color: #ffffff;
    --text-color: #222222;
    --card-color: #f5f5f5;
    --nav-bg-color: #ffffff;
    --nav-color: #222222;
}

[data-theme="dark"] {
    --bg-color: #121212;
    --text-color: #f5f5f5;
    --card-color: #1e1e1e;
    --nav-bg-color: #121212;
    --nav-color: #f5f5f5;
}

* { font-family: 'Roboto', Verdana, Geneva, Tahoma, sans-serif; }
body { font-size: 0.875rem; background: var(--bg-color); color: var(--text-color) }
.card { background-color: var(--card-color) }
footer { display:block; }
footer p.small { color:#808080; font-size:x-small; background-color:white; margin-top:-5px; }
footer a { color:#808080; text-decoration:none; }
footer a:hover { text-decoration:underline; }

@media (min-width: 992px) { 
    .dblinks {display:block;}
    .mb { width:155px; height:155px; display:inline-block; margin-bottom:10px; }
    .mbl { position:absolute; bottom:20px; left:20px; color:white; font-size:large; }
    .mbkph { position:absolute; top:5px; left:20px; color:white; font-size:large; }
    .mblink { position:absolute; bottom:5px; left:5px; color:white; font-size:medium; }
    .mblink-small { position:absolute; bottom:5px; left:5px; color:white; font-size:small; }
}

.twitter-typeahead, .tt-hint, .tt-input, .tt-menu { width: 100%; font-size:x-large; }
.footp { color:white; padding:3px; background-color:#0c5d45; float:left; width:100%; font-size:small; }
.footurl { color:black; background-color:#dddddd; float:right; text-align:center; width:100%; padding:3px; font-size:small;}
.footurl a, a:hover { text-decoration:none; color:black; }
.pagetitle { margin-top:20px; margin-bottom:0px; }
.pagesubtitle { margin-top:5px; margin-bottom:10px; border-bottom:1px solid #0c5d45; }
.shopbtn { padding: 14px 24px; border: 0 none; font-weight: 700; letter-spacing: 1px; float:right; background-color:#0c5d45; color:white; margin-top:5px; margin-bottom:5px; }
.shopbtn:hover {background-color:sandybrown; color:black;}
.shopbtn:active .shopbtn:visited {color:white;}
.metroc1 { background-color:#00a300; }
.metroc2 { background-color:#1e7145; }
.metroc3 { background-color:#9f00a7; }
.metroc4 { background-color:#603cba; }
.metroc5 { background-color:#00aba9; }
.metroc6 { background-color:#2d89ef; }
.metroc7 { background-color:#ffc40d; }
.metroc8 { background-color:#da532c; }
.metroc9 { background-color:#b91d47; }
.metroc0 { background-color:#ee1111; }
.metrobox { height:150px; width:150px; float:left; margin-right:20px; margin-bottom:20px; position:relative; }
.metroboxh { height:150px; width:150px; position:relative; }
.metrobox-small { height:150px; width:150px; float:left; margin-right:20px; margin-bottom:20px; position:relative; }
.metroboxh > p.kpiheader { position:absolute; top:1px; color:white; padding:5px; font-size: large; }
.metroboxh > p.kpivalue { position:absolute; bottom:-10px; color:white; font-size:xx-large; padding:5px; right:10px; }
.metrobox > p > a, .metroboxh > p, .metrobox-small > p > a { color:white; font-size:large; padding:5px; bottom:0px; position:absolute; }
.metroboxh > p > a { color:white; font-size:large; bottom:-5px; position:absolute; }
.metrobox:hover,.metroboxh:hover { opacity:0.5; cursor:pointer; }
.metrobox-small { height:150px; width:150px; float:left; margin-right:20px; margin-bottom:20px; position:relative; }
.sujet-courselist { width:170px; float:right; }
.plinkd { display:block; height:25px; }
.plinkd > p > a { font-size:large; } 
.db { border:1px solid white; padding:0px; margin-bottom:50px; }
.mb { width:100px; height:100px; display:block; margin-bottom:10px; }
.mbl { position:absolute; bottom:20px; left:20px; color:white; font-size:small; }
.mblh { position:absolute; bottom:20px; left:20px; color:white; }
.mbkph { position:absolute; top:5px; left:20px; color:white; font-size:small; }
.mblink { position:absolute; bottom:10px; left:10px; color:white; font-size:small; }
.dblinks { display:none; }
.mbh:hover { opacity:0.5; }
.mbl:hover { text-decoration: underline; }
.mbkpv { position:relative; color:white; font-size:xx-large; top:105px; float:right; margin-right:10px;}
.mbkpa { position:relative; color:white; font-size:large; top:122px; float:left; margin-left:5px; }
.navbar { background-color: var(--nav-bg-color); padding:0; border-bottom:2px solid #0c5d45; }
.navbar-nav .nav-link { font-size:larger; color: var(--nav-color); border-bottom:2px solid white; }
.navbar-nav .nav-link:hover { border-bottom:2px solid black; }
.navbar-brand { }
.navbar .navbar-nav .dropdown-menu { border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border-bottom:2px solid black; background-color: var(--nav-bg-color); }
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover, .navbar .navbar-nav .dropdown-menu .dropdown-item:focus, .navbar .navbar-nav .dropdown-menu .dropdown-item.active { color: var(--nav-color); background-color: #0c5d45; }
.navbar-nav .nav-item.active .nav-link:focus, .navbar .navbar-nav .nav-item.show .nav-link, .navbar .navbar-nav .nav-item.show .nav-link:hover, .navbar .navbar-nav .nav-item.show .nav-link:focus { color: #0c5d45; background-color:var(--nav-bg-color); }
.navbar .navbar-nav .dropdown-menu .dropdown-divider { border-top-color: #0c5d45; }
.navbar .navbar-toggler { border-color: #0c5d45; }
.navbar .navbar-toggler:hover, .navbar .navbar-toggler:focus { background-color: #0c5d45; }
.navbar .navbar-toggler .navbar-toggler-icon { color: #000; }
.nounderline:hover { border-bottom:2px solid white !important; }
.c-enduser { color: blueviolet; }
.c-itpro { color: blueviolet; }
.c-management { color:cyan; }
.c-developer { color: darkcyan; }
.c-softskills { color: sandybrown; }
.teaserprodicon { display: block; margin: auto; }
a.shopbtn { color: white; }

#slider { width:100%; margin-top:10px; }
#coursesearch { width:100%; margin-top:10px; }
#dashboard { width:100%; margin-top:10px; float:left; }
#shopbadge { float:right; display:normal; }
#newsfeed { display:block; padding:4px; background-color:#808080; }
#q { font-size:x-large; }
#navlogo { height:50px; }