html {
	background-color: #F0F0F0;
	background-image: url("/img/m-icb-diag-hatch.gif");
	background-repeat: repeat;
}

body {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 0.875em;
	text-align: justify;
	background-color: #F8F8F8;
	color: #424242;
	margin: auto;
	padding-right: 1em;
	max-width: 85.7855em;
}

#top-bar {
	height: 40px;
	background-color: #332F63;
	margin-bottom: 15px;
	margin-right: -1em;
	padding: 0px 20px;
	position: relative;
}

#societe {
	width: auto;
	text-align: right;
	font-weight: bold;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
}

#links {
	height: 40px;
	display: table-cell;
	vertical-align: middle;
}

a.left-align {
	text-align: left !important;
}

a.right-align {
	text-align: right !important;
}

a.width50percent {
	width: 50%;
}

a.verticalAlignMiddle {
	vertical-align: middle !important;
}

a.textDecorationNone {
	text-decoration: none !important;
}

.links-selected {
	background-color: #655EC5;
}

.links-unselected a, .links-selected a {
	padding: 8px 12px;
}

.links-unselected, .links-selected {
	cursor: pointer;
	border-right: 1px solid rgba(0, 0, 0, 0.347656);
	height: 40px;
	display: table-cell;
	vertical-align: middle;
}

#username {
	padding-right: 100px;
	color: #1B637B;
	font-weight: bold;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
}

#locales {
	padding-right: 50px;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
}

#locales-welcome-page {
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	position: absolute;
	right: 20px;
}

#logout {
	width: auto;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
}

#logo {
	background-image: url("/img/Logo_easyGateway.png");
	background-repeat: no-repeat;
	background-size: 180px;
	background-position: center 0px;
	height: 80px;
}

.top {
	color: white !important;
}

h1, h2, h3, h4, h5, h6 { color: #1B637B; padding-bottom: 0.666em; margin: 0em;}


h1 { font-size: 3.375em; padding: 0.666em; }
h2 { font-size: 2.25em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.313em; margin: 1em 0em 0em 0em; padding: 0em; }

h1 a { text-decoration: none; }
h1 a:link { text-decoration: none; }
h1 a:hover { text-decoration: none; }
h1 a:active { text-decoration: none; }
h1 a:visited { text-decoration: none; }

ul { list-style-type: none; }

#side-bar a { text-decoration: none; }
#top-bar a { text-decoration: none; color: white; }
a:link { color: #424242; }
a:hover { color: #1B637B; text-decoration: underline; }
a:active { color: #1B637B; }
a:visited { color: #424242; }

#side-bar {
	width: 15.95em;
	float: left;
	border-right: solid 0.198em #1B637B;
	text-align: left;
}

#side-bar ul {
	padding: 0.444em 1em;
	margin: 0.444em 0em;
}

#side-bar ul li a {
	border-bottom: 1px solid #CCC;
	width: 172px;
	background: url("/img/menu.png") no-repeat scroll 200% 0% transparent;
	font-size: 13px;
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #332F63;
	padding-left: 8px;
	margin-left: 10px;
}

#side-bar ul li a:hover {
	background-color: rgba(147, 150, 216, 0.26) !important;
}

#main {
	margin-left: 18.086em;
}

table {
	width: 100%;
	margin: auto;
	border-collapse: collapse;
}

caption { font-size: 1.5em; }

tr { line-height:  25px; }

th { text-align: center; }

td {
	border-top: solid 1px #424242;
	border-bottom: solid 1px #424242;

	text-align: center;
}

th.left-align {
	text-align: left !important;
}

td.left-align {
	text-align: left !important;
}

td.right-align {
	text-align: right !important;
}

fieldset { border: solid 2px #424242; margin-top: 1em; }

legend {
	font-size: 1.313em;
	text-align: left;
	padding: 0 0.296em;
}

label {
	display: inline-block;
	width: 11.391em;
	padding-right: 1em;

	text-align: right;
}

span.obligatory {
	color: #C62626;
}

input, select { width: 11.391em; }

input {
	color: #424242;
	border: solid 1px #424242;
	background-color: #E8E8E8;

	padding: 0.296em;
	max-width: 11.391em;
}

input[type=text][readonly=readonly] {
	margin-left: 1px;
	margin-right: 1px;
	border: none;
	background-color: #F8F8F8;

	font-style: italic;
}

input[type=checkbox] { width: auto; }

input[type=radio] { width: auto; }

input[type=submit] {
	width: auto;
	padding: 0.296em;

	font-weight: bold;
	font-size: 1em;
}

button[type=submit].submit-link {
	margin: 0em;
	padding: 0em;

	font-weight: normal;

	border: none;
	background-color: inherit;
}

button[type=submit].submit-link:hover {
	cursor: pointer;
}

select {
	color: #424242;
	border: solid 1px #424242;
	background-color: #E8E8E8;

	padding: 0.296em;
	max-width: 12.1em;
	width: 100%;
}

hr { border: none; border-bottom: solid 1px #424242; }

p { margin: 0.666em 0em }

.alert {
	margin: 0;
	padding: 0.198em;

	background-color: #E8E8E8;

	font-weight: bold;
	font-size: 1.313em;
	text-align: center;
}

.hidden {
	height: 0em;
	padding: 0em;
	margin: 0em;
	visibility: hidden;
}

.error { color: #C62626; }
.warn { color: #C3BB2C; }
.info { color: #1B637B; }
.good { color: green; }

.discreet { color: #999; }

#map {
	float: left;
	margin: 0px 1em 1em 1em;
	width: 25.629em;
	height: 25.629em;
}

#contact-infos {
	margin-left: 27.629em;
}

dt {
	display: inline-block;
	float: left;

	width: 7.594em;
	padding-right: 1em;

	font-weight: bold;
	text-align: right;
}

dd {
	margin-left: 8.594em;
	margin-bottom: 0.444em;
}

#clock-container { background-color: #F8F8F8; }

.input-info {
	padding-left: 1em;
	font-style: italic;
}

.input-extra { padding-left: 1em; }

.locale {
	display: inline-block;

	padding: 0.444em;
	margin: 0em;
}

.locale a {
	display: inline-block;

	height: 24px;
}

#bottom-bar {
	clear: both;
	margin-top: 25px;
	text-align: center;
	padding: 0.296em;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: auto;
}

.label-textarea {
	vertical-align: top;
	padding-top: 0.296em;
}

textarea {
	margin: 0em;
	padding: 0.296em;
	width: 17.087em;
	height: 8em;

	color: #424242;
	border: solid 1px #424242;
	background-color: #E8E8E8;

	font-family: Helvetica, Verdana, sans-serif;
}

#recaptcha_widget_div { margin-left: 12.391em; }
.recaptchatable .recaptcha_input_area #recaptcha_response_field {
	padding: 0.296em!important;
	width: 146px!important;

	border: solid 1px #424242;
}

.icon {
	padding-left: 2em;

	background-size: 1.1em;
	background-repeat: no-repeat;
}

.input-info .icon-info, .input-extra .icon-info { margin-left: 0em; }

.well {
	/* width: 45.2857em; */
	width: 57.70em;

	background-color: #F0F0F0;
}

.button, .button:link, .button:hover, .button:active, .button:visited {
	display: inline-block;

	width: 7.594em;
	padding: 1em;

	color: #F8F8F8;
	background-color: #1B6371;

	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

.button.white, .button.white:link, .button.white:hover,
.button.white:active, .button.white:visited {
	background-color: #CCC;
}

.button.yellow, .button.yellow:link, .button.yellow:hover,
.button.yellow:active, .button.yellow:visited {
	background-color: #C3BB2C;
}

.button.error, .button.error:link, .button.error:hover,
.button.error:active, .button.error:visited {
	background-color: #C62626;
}

.button.good, .button.good:link, .button.good:hover,
.button.good:active, .button.good:visited {
	background-color: green;
}

.button.info, .button.info:link, .button.info:hover,
.button.info:active, .button.info:visited {
	background-color: #1B7B58;
}

.explanation {
	padding: 1em;

	font-size: 1.5em;
}

.inline { display: inline-block; }
.inline label { width: 8.1em; }
.summary { display: inline-block; }
.summary label { width: 2.1em; }

.toc {
	/* background-color: #F0F0F0; */
	border-left: solid 0.198em #1B637B;

	width: 15.086em;
	padding: 1em;
	margin: 0.666em 0em 0.666em 1em;

	float: right;
}

.toc ul {
	padding-left: 1em;
	margin: 0.444em 0em;
}

.question p {
	margin: 0.444em 0em 0.666em 0em;
}

.question a { text-decoration: none; }
.question a:link { text-decoration: underline; }
.question a:hover { text-decoration: none; }
.question a:active { text-decoration: none; }
.question a:visited { text-decoration: none; }

.menus { margin-top: 25px;}

.radioLabel { text-align: left; width: 50px; padding-left: 10px; }

.frameCron{
	width: 100%;
	border: 0px;
	height: 340px;
	border-radius: 5px;
}

iframe{
	width: 100%;
	height: 750px;
}

/*========================== CSS services and hosts status ===================================*/
.status-up, .status-ok {
	border: 2px solid #33EE33;
	background-color: #33EE33;
	display: inline;
	padding: 1px 5px;
	margin: 0px 1px;
}
.status-down, .status-critical {
	border: 2px solid #F66;
	background-color: #F66;
	display: inline;
	padding: 1px 5px;
	margin: 0px 1px;
}
.status-warning {
	background-color: #EEE216;
}
.status-pending {
	border: 2px solid #808080;
	background-color: #808080;
	display: inline;
	padding: 1px 5px;
	margin: 0px 1px;
}
.status-unreachable, .status-unknown {
	border: 2px solid #FFA500;
	background-color: #FFA500;
	display: inline;
	padding: 1px 5px;
	margin: 0px 1px;
}
.status-up-zero, .status-ok-zero {
	border: 2px solid #33EE33;
	display: inline;
	padding: 1px 5px;
	margin: 0px 1px;
}
.zero {
	border: 2px solid #33EE33;
	display: inline;
	padding: 1px 5px;
	margin: 0px 1px;
	opacity: 0 !important;
}
.unreachable, .unknown {
	background-color: #FFA500;
}
.pending {
	background-color: #808080;
}
.warning {
	background-color: #EEE216;
}
.green, .up, .ok{
	background-color:#33EE33;
}
.circle{
	border-radius: 50%;
	width: 1.5em;
	height: 1.5em;
	display: inline-block;
}
.red, .down, .critical{
	background-color:#F66;
	color: #F66;
}
.green-status{
	background-color:#33EE33;
	color: #33EE33;
}
.red-status{
	background-color:#EE3333;
	color: #EE3333;
}
.gray-status{
	background-color: #808080;
	color: #808080;
}
.orange-status{
	background-color: #FFA500;
	color: #FFA500;
}
.circle-char{
	font-size: 400%;
	padding: 0.05em 0 0.05em 0;
}
.green-font{
	color: #33EE33!important;
}
.red-font{
	color: #EE3333!important;
}
.grey-font{
	color: #808080;
}
.orange-font{
	color: #FFA500;
}
.monospace{
	text-align: left;
	font-family: Monaco, Courrier, monospace;
	font-size: 0.875em;
}
#getMap{
	height: 380px;
	margin: auto;
	margin-bottom: 40px;
}
#carte{
	height: 300px;
	margin: auto;
}
.radioLabel{
	width: auto;
	margin-left: 15px;
}
.ui-tooltip {
	background: white;
	border: 0.1px solid black;

	text-align: center;
	width: 20%;
	padding: 10px 20px;
	border-radius: 5px;
	box-shadow: 0 0 5px black;
}
.info-tooltip{
	width: 10em !important;
}

div#locales a, #locales-welcome-page a {color:#000000}
div#locales ul, #locales-welcome-page ul {padding: 0; margin:0px;}

div#locales ul li, #locales-welcome-page ul li {position:relative; list-style: none; margin: 0.444em 0em; }
div#locales ul ul, #locales-welcome-page ul ul {position: absolute; top: 20px; left: 0px; display:none}

div#locales li a, #locales-welcome-page li a {
	height: 24px;
	color: rgb(66,66,66);
	text-decoration: none;
	font-weight: bold;
	display:block;
}

div#locales #currentLanguage, #locales-welcome-page #currentLanguage {
	margin-top: 15px;
	color: white;
}

div#locales li a:hover, #locales-welcome-page li a:hover {color: #1B637B;}

div#locales ul.niveau1 li.sousmenu:hover ul.niveau2 ,#locales-welcome-page ul.niveau1 li.sousmenu:hover ul.niveau2,
div#locales ul.niveau2 li.sousmenu:hover ul.niveau3 ,#locales-welcome-page ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

.glyphicons,.filetypes {
	font-family:'Glyphicons Regular';
	font-size: 20px;
	text-decoration: none;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
}
.glyphicons:hover,.filetypes:hover {
	text-decoration: none;
}
.glyphicons-circle-info {
	text-decoration: none;
	font-size: 15px;
	margin-right: 10px;
	padding-left: 5px;
	font-style: normal;
	font-weight:normal;
}
.glyphicons-remove-2, .glyphicons-circle-remove, .glyphicons-circle-minus, .glyphicons-stop-sign {
	color: red !important;
}
.glyphicons-circle-plus, .glyphicons-ok-2 {
	color: green !important;
}
.radio-label{width: auto; margin-left: 10px;}
.right-group {width: 40px; display: inline-block;}
.glyphicons-chevron-down, .glyphicons-chevron-up {font-size: 10px;}
.none {opacity: 0;}

.glyphicons-undo {
	font-size: 30px;
}
#rootUserMenu {
	display: none;
}

ul#arbre {
	margin-left: 10px;
	opacity: 0;
}

.pull-right {
	float: right;
	display: inline-block;
}

.tablesorter-headerAsc {
	background-image: url(/img/desc.gif) !important;
	background-color: #C9D4E0;
	background-repeat: no-repeat;
}
.tablesorter-headerDesc {
	background-image: url(/img/asc.gif) !important;
	background-color: #C9D4E0;
	background-repeat: no-repeat;
}

.tablesorter-header {
	background-image: url(/img/bg.gif);
	cursor: pointer;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center right;
}

.button_not_remove {
	display: inline-block;
	text-decoration: none;
	background-color: #C71E1C;
	letter-spacing: .5px;
	padding: 9px 33px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,.08);
	font-size: 13px;
	cursor: pointer;
	color: #FFFFFF;
	margin: 20px;
}

.button_not_remove:hover, .button_not_remove:link, .button_not_remove:active, .button_not_remove:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.button_remove {
	display: inline-block;
	text-decoration: none;
	background-color: #7ddc1f;
	letter-spacing: .5px;
	padding: 9px 33px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,.08);
	font-size: 13px;
	cursor: pointer;
	color: #FFFFFF;
	margin: 20px;
}

.button_remove:hover, .button_remove:link, .button_remove:active, .button_remove:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.button_container {
	text-align:center;
	width: 100%;
}

.vpn-button {
	padding: 0 10px 0 10px;
}

.leftNav{
	height: 100%;
	width: 3.7%;
	float: left;
	text-align: center;
}
.img-left,.img-right{
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Regular";
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	vertical-align:top;
	-webkit-font-smoothing: antialiased;
	moz-osx-font-smoothing: grayscale;
	font-size: 20px;
	text-decoration: none;
}

.img-left:before{
	content: "\E225";
}
.img-right:before{
	content: "\E224";
}

.center{
	width:92.6%;
	height:30px;
	float:left;
	text-align:center;
	font-size:26px;
}
.rightNav{
	height:100%;
	width:3.7%;
	float:left;
	text-align:center;
}
.alignLeft{
	text-align:left;
	padding-left:7px;
	padding-right:70px;
}
.alignRight{
	text-align:right;
	padding-right:70px;
}


.dismissible {
	color: #222;
	font-size: 16px;
	line-height: 22px;
	position: relative;
	overflow: hidden;
}

.dismissible span {
	background: #fff;
	border: 2px solid rgba(0, 0, 0, .3);
	border-radius: 5px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
	box-sizing: border-box;
	display: block;
	margin: 0 auto 20px auto;
	padding: 10px;
	position: relative;

 }

.dismissible a {
	background: rgba(0, 0, 0, .4);
	border: 0;
	border-radius: 100%;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	line-height: 20px;
	margin-top: -12px;
	right: 10px;
	position: absolute;
	top: 50%;
	width: 24px;
	text-align: center;
	text-decoration: none;
}

.dismissible a:focus {
	outline: none;
}

.dismissible-critical span {
	background-color: #FF5252;
	border-color: #FF1744;
	color: #fff;
}

.dismissible-critical a {
	background-color: #D50000;
	color: #FFCDD2;
}

.dismissible-info span {
	background-color: #64B5F6;
	border-color: #2196F3;
	color: #fff;
}

.dismissible-info a {
	background-color: #2196F3;
	color: #E3F2FD;
}

.dismissible-warning span {
	background-color: #FFA726;
	border-color: #FB8C00;
	color: #fff;
}

.dismissible-warning a {
	background-color: #FB8C00;
	color: #FFE0B2;
}