/* bleu vert Orica #3da6b3 */
/* Orange Orica #f29102 */
/* Vert Orica #93c01f  */

body {
 background-color:#F5F5F5;
 font-family:Roboto,sans-serif;
 font-weight:400;
 padding-top: 30px;
}

html, body {
	display: flex; 
	flex-direction: column; 
	height: 100%;
}

#container {
	height:		100%;
	margin:		0 auto;
	width:		100%;
}

/* *********************************** */

navbar {
	padding: 0px!important;
    -webkit-box-shadow: 4px 9px 25px -6px rgba(77,77,77,0.61);
	-moz-box-shadow: 4px 9px 25px -6px rgba(77,77,77,0.61);
	box-shadow: 4px 9px 25px -6px rgba(77,77,77,0.61);
}

ul.dropdown-menu {
    border-radius: 0px;
    font-weight: 400;
    font-size: 0.9em;
    line-height: 16px;
    text-decoration: none;
	padding: 0px;
	list-style-type: none;
    background-color: #fff;
    -webkit-box-shadow: 4px 9px 25px -6px rgba(77,77,77,0.61);
	-moz-box-shadow: 4px 9px 25px -6px rgba(77,77,77,0.61);
	box-shadow: 4px 9px 25px -6px rgba(77,77,77,0.61);
}


.dropdown-menu {
    margin: 0 0 0 !important;
}

li.dropdown:hover ul.dropdown-menu {
    display: block;
}

.dropdown-menu li:hover a {
  	color: #f29102;
}

.dropdown-menu li {
  	border-bottom: 1px solid #ccc;
  	padding: 10px;
  	display:block;
}

.dropdown-menu li a {
 	color: #444;
 	text-decoration: none;
}

.navbar-nav a.nav-link {
    font-family: 'Roboto', sans-serif;
  	text-transform: uppercase;
    padding: 0px !important;
}

ul.navbar-nav li.nav-item {
  margin: 0 10px;
}

ul.navbar-nav .nav-item:after {
    content: '';
    display: block;
    height: 6px;
    width: 100%;
    transition: width .5s ease, background-color .5s ease;
}

.navbar-nav .nav-item:hover:after {
    width: 100%;
    background:#93c01f;
}



.no-transition {
    transition: none;
}

.fade {
    transition: none !important;
}

.ws-hidden {
	display: none;	
}

.ws-disconnected {
	display: block;
	color: #cb3e3e;
	font-size: 1.5em;
    margin-right : 0.5em;	
}

.ws-connected {
	display: block;
	color: #60b472;
	font-size: 1.5em;
    margin-right : 0.5em;	
}


/* input:required, textarea:required { */
/* /*     -moz-box-shadow: 2px 2px 0.5em red; */ */
/* /*     -webkit-box-shadow: 2px 2px 0.5em red; */ */
/* /*     -o-box-shadow: 2px 2px 0.5em red; */ */
/* /*     box-shadow: 2px 2px 0.5em red; */ */

/*   border-color: red; */
/*   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px red; */
/*   outline: 0 none; */
/* } */

.input:required {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem #cb3e3e;
}


.icon-badge-group .icon-badge-container {
    display: inline-block;
    margin-left:15px;
}

.icon-badge-group .icon-badge-container:first-child { 
  margin-left:0
}

.icon-badge-container {
    position:relative;
}

.icon-badge-icon {
    height: 36px;
}

.icon-badge {
    font-size: 12px;
    color: white;
    text-align: center;
    width:28px;
    height:20px;
    border-radius: 25%;
    position: absolute; /* changed */
    /* top: -5px; */
    top: 20px;
    left: 25px;
}


.icon-badge-large
{
    font-size: 12px;
    color: white;
    text-align: center;
    width:100px;
    height:20px;
}


.icon-badge-container-large {
	margin-left:0;
    position:relative;
 	display: inline-block;
    margin-left:10px;
    margin-right:10px;
}

.ca-attr {
	font-size: 11px;
	color: black;
	text-align: center;
	height: 20px;
	margin-bottom: 0rem;
}