@font-face
	{
	font-family:'title'; font-style:normal; font-weight:400;
	src:url('/engine/fonts/Roboto-Condensed.ttf') format('ttf');
	src:url('/engine/fonts/Roboto-Condensed.eot') format('eot');
	src:url('/engine/fonts/Roboto-Condensed.svg') format('svg');
	src:url('/engine/fonts/Roboto-Condensed.woff') format('woff');
	}

@font-face
	{
	font-family:'title'; font-style:bold; font-weight:700;
	src:url('/engine/fonts/Roboto-Condensed-Bold.ttf') format('ttf');
	src:url('/engine/fonts/Roboto-Condensed-Bold.eot') format('eot');
	src:url('/engine/fonts/Roboto-Condensed-Bold.svg') format('svg');
	src:url('/engine/fonts/Roboto-Condensed-Bold.woff') format('woff');
	}

@font-face
	{
	font-family:'text'; font-style:normal; font-weight:400;
	src:url('/engine/fonts/OpenSans-Regular.ttf') format('ttf');
	src:url('/engine/fonts/OpenSans-Regular.eot') format('eot');
	src:url('/engine/fonts/OpenSans-Regular.svg') format('svg');
	src:url('/engine/fonts/OpenSans-Regular.woff') format('woff');
	}

#body	{ font-family:'text'; background-color:#cfcfcf; overflow-y:scroll; }
#body *	{ outline:none; }

header .title-bar	{ padding:0 0.5rem; }
header .top-bar-right>.menu>li>a>i { font-size:1.5rem; color:#dfdfdf; }


footer	{ background-color:rgba(0,0,0,.85); padding:0.5rem; min-height:3.5rem; }
footer p	{ font-size:0.9rem; color:#afafaf; line-height:1.4; }

#body h1,#body h2,#body h3,#body h4,#body h5,#body h6	{ font-family:'title'; text-transform:uppercase; }
#body h1		{ font-size:2.2rem; padding:0 0.5rem; }
#body h2		{ font-size:1.4rem; }
#body h3		{ font-size:1.2rem; }
#body h4		{ font-size:1.0rem; }


#body .fieldset	{ margin:0 0 1rem 0; padding:0.5rem 0.5rem 0.5rem 0.5rem; background-color:rgba(0,0,0,.02); }
#body .fieldset>legend	{ font-size:0.70rem; font-family:title; text-transform:uppercase; font-weight:400; line-height:0.9; color:#757575; }

#body .panel	{ background-color:rgba(255,255,255,0.5); padding:0.5rem; margin-bottom:1rem; }

#body .button, #body input[type=submit]	{ font-family:'title'; text-transform:uppercase; }

/* TABS */
#body ul.tabs	{ border:none; }
#body ul.tabs>li>a	{ font-family:'title'; text-transform:uppercase; }
#body ul.tabs>li.is-active>a	{ background-color:#FFF; }
#body ul.tabs>li>a	{ font-size:1.0rem; line-height:1.5rem; }
#body ul.tabs>li>a>.title			{ display:none; }
#body ul.tabs>li.is-active>a>.title	{ display:inline; }
#body ul.tabs	{ padding:0.5rem 0 0 0.5rem; border:none; background: linear-gradient(to bottom, rgba(0,0,0,0) 25%, rgba(0,0,0,0.1) 80%, rgba(0,0,0,0.2) 100%); } 
#body ul.tabs .tabs-title	{ text-transform:uppercase; font-size:0.9rem; }
#body ul.tabs .tabs-title>a
	{
	padding:0.5rem 0.7rem; margin-right:0.7rem; display:flex; align-items:center;
	font-size:1.0rem; line-height:1.2rem; text-transform:uppercase; color:#606060; min-height:2.3rem;
	background:linear-gradient(to top, rgba(225,225,225,0.2) 0%,rgba(225,225,225,0.8) 60%); border:1px rgba(128,128,128,0.25) solid;
	border-top-left-radius:8px; border-top-right-radius:8px; border-bottom:none;
	}
#body ul.tabs .tabs-title>a>i { margin-right:0.25rem; }
#body ul.tabs .tabs-title>a>.badge	{ padding-top:0; padding-bottom:0; }
#body ul.tabs .tabs-title.is-active a	{ background:#FFF; color:#333;border:1px #e5e5e5 solid; border-bottom:none;  }


#body .sticky	{ box-shadow:0px 0px 16px 0px rgba(0,0,0,0.75); background-color:#083e6c; }
#body .title-bar	{ background:none; }
#body .title-bar-title	{ font-family:'title'; text-transform:uppercase; color:#ffffff; font-size:1.25rem; }

#body .title-bar .menu.submenu li { color:#303030; background-color:#cfcfcf; }

#body ul.breadcrumbs	{ padding:0.6rem 1rem 0.4rem 1rem; background-color:rgba(255,255,255,0.5); border-bottom-right-radius:10px; border-bottom-left-radius:10px; }
#body ul.breadcrumbs li { font-family:'title'; text-transform:uppercase; font-size:0.8rem; }

#topbar, #content, #bottombar	{ margin:0 auto; max-width:1200px; }

#body .off-canvas	{ background-color:#083e6c; }

#overInfos	{ z-index:997; position:fixed; width:300px; min-height:120px; border-radius:6px; background-color:rgba(255,255,255,1); left:-10000px; box-shadow: 0px 0px 12px -4px #000; }
#body .sticky	{ z-index:998; }

#body .menu>li		{ font-family:'title'; font-weight:400; text-transform:uppercase; }
#body .menu.vertical>li>a		{ color:#565656; background-color:rgba(255,255,255,0.50); }
#body .menu>li>a:hover	{ color:#ffffff; background-color:rgba(0,0,0,0.75); }

#body [data-notif]	{ display:none; }
#body #notifs	{ position: fixed; bottom:0px; right:40px; z-index:9999; max-width:40%; min-width:30%; }
#body #notifs p	{ font-size:0.75rem; padding:0.25rem 0.5rem; margin:0 0 1px 0; background-color:rgba(255,255,255,0.8); border:1px rgba(0,0,0,0.5) solid; font-family:'title'; text-transform:uppercase; }
#body #notifs p.success	{ background-color:rgba(50,200,50,1); border:1px rgba(0,0,0,0.5) solid,; }
#body #notifs p.alert	{ background-color:rgba(255,20,20,1); border:1px rgba(0,0,0,0.5) solid,; }

#body label	{ font-family:'title'; text-transform:uppercase; }
#body label.switch-paddle>span	{ font-size:0.9rem; }
#body label.switch-paddle>span.switch-active { left:12%; }
#body label.switch-paddle>span.switch-inactive { right:8%; }

#body .off-canvas .menu>li>a		{ color:#002559; }
#body .off-canvas .menu>li>a:hover	{ color:#efefef; background-color:#002559; }

#body .ma0, #body fieldset .ma0	{ margin:0.0rem; }
#body .ma2	{ margin:0.2rem; }
#body .ma5	{ margin:0.5rem; }
#body .ma10	{ margin:1.0rem; }
#body .ma15	{ margin:1.5rem; }
#body .ma20	{ margin:2.0rem; }

#body .pa0	{ padding:0.0rem; }
#body .pa2	{ padding:0.2rem; }
#body .pa5	{ padding:0.5rem; }
#body .pa10	{ padding:1.0rem; }
#body .pa15	{ padding:1.5rem; }
#body .pa20	{ padding:2.0rem; }

#body .caps		{ font-family:'title'; text-transform:uppercase; }
#body .small	{ font-size:80%; line-height:1.2; }
#body .medium	{ font-size:90%; line-height:1.1; }

#body .ico	{ font-size:1.5rem; line-height:1; }
#body .red		{ color:#880000; }
#body .orange	{ color:#d28625; }
#body .green	{ color:#008800; }
#body .grey		{ color:#888888; }

#body .callout.grey	{ background-color:#b8b8b8; }

#body .pointer	{ cursor:pointer; }
#body .pointer:hover	{ background-color:rgba(0,0,0,.05); }


#body #MenuAlertes>li	{ text-transform:none; min-width:20rem; }

#body .user	{ background-color:rgba(0,0,0,0.1); color:#555555; font-size:0.85rem; display:inline-block; border-radius:5px; padding:0.25rem 0.4rem 0.2rem 0.4rem; margin:0 0.5rem 0.5rem 0; }
#body .user.online	{ background-color:rgba(20,200,33,0.3); }

/* Small only */
@media screen and (max-width: 39.9375em)
	{
	
	}

/* Medium and up */
@media screen and (min-width: 40em)
	{
	
	}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em)
	{
	
	}

/* Not large */
@media screen and (max-width: 63.9375em)
	{
	#body .title-bar .dropdown.menu>li .txt	{ display:none; }	
	}

/* Large only */
@media screen and (min-width: 64em)
	{
	#body .title-bar .dropdown.menu>li	{ text-align:center; }
	#body .title-bar .dropdown.menu>li li	{ text-align:left; }
	#body .title-bar .dropdown.menu>li>a>i	{ font-size:2.0rem; }	
	#body .title-bar .dropdown.menu>li>a>.txt	{ font-size:0.8rem; color:#cfcfcf; }	
	}