.title_sidebar {
	margin-left:15px; 
	font-size: 20px; 
	margin-top: 20px; 
	margin-bottom: 20px;

}
#logo_sidebar {
	position: relative;
	margin:auto;
	width:200px;
	margin-top:40px;
}
.select_domain .chzn-container .chzn-results .active-result {
	color:black;
}
.select_domain .chzn-container.chzn-container-single .chzn-single {
	background-color: #FFFFFF;
    background-image: linear-gradient(#FFFFFF 20%, #F6F6F6 50%, var(--lightgray) 52%, #F4F4F4 100%);
}
.select_domain .chzn-container.chzn-container-single .chzn-single >div {
	display:none;
}
li.no-results {
	color:black;
}

select {
	border-radius:4px;
	border: 1px solid #cccccc;
}


input.align-middle {
	margin:0;
}

td.center_checkbox > div {
	margin:auto;
}

/* Réduction du menu de la barre supérieure en fonction de la largeur de la page */


@media (max-width:1100px) {
	.label_logout,.label_user,.label_navigation {
		display:none;
	}
}
/*@media (max-width:750px) {*/
/*	#lang_selector {*/
/*		display:none;*/
/*	}*/
/*}*/
/*@media (max-width:700px) {*/
/*	#domain_name_selector {*/
/*		display:none;*/
/*	}*/
/*}*/
@media (max-width:600px) {

	#left.sidebar-fixed {
		position:absolute;
	}
}
@media (max-width:700px) {

	#left {
		width: 100%;
		z-index: 1;
	}
}

/* QUA, display tab_hour */
#tab_hour_val{
	background:var(--black1);
	width:132px;
	border:1px solid var(--black1);
	position:absolute;
	z-index:15;
	display:block;
	text-align:center;
	color: #FFFFFF;
	border-radius: .9rem;
	overflow: hidden;
}
#tab_hour_val .val_hour{
	width:20px;
	height:20px;
	display:block;
	float:left;
	border:1px solid var(--black2);
	color: #FFFFFF;
}
#tab_hour_val .val_hour:hover,
#tab_hour_val .val_hour.val_hour_actif{
	background: var(--orange);
}
.submit_hour{
	margin-top:8px;
	background: var(--orange);
	width:100%;
	display:block;
	color:#FFFFFF;
}
a.submit_hour{
	color:black;
}
.indic_hour{
	float:left;
	width:20px;
	display:inline;
}
a.tab_hour {
	color:black;
}
p.tab_hour:hover {
	cursor:pointer;
}
/* FIN QUA, display tab_hour */


.marge_menu_top {
	height:5px;
	width:100%;
	background:#fff;
	z-index:5;
}

.tabs-top form {
	margin:0;
}

.lang_flag a {
	text-align:center;
}
#navigation .user .dropdown.lang_flag a > img {
	margin:0;
}
.lang_flag ul {
	min-width:30px;
}

.help_page {
	margin:0 0 30px 0;
}

.help_header {
	margin-bottom:40px;
}

.help_section {
	/*margin-top:20px;*/
	margin-bottom:20px;
}

.help_summary {
	font-size:14px;
}

.antispoof_input, .relayed_ip_input {
	float:left;
	width:150px;
	margin:10px;
	display: flex;
	justify-content: space-between;
	line-height: 20px;
}

.email_input_float {
	float:left;
	width:250px;
	text-align:center;
	margin:3px;
}

.ui-formwizard-content .box.box-bordered {
	margin:10px;
}

.tab-pane .box.box-bordered {
	margin:10px;
}

.large_icons {
	font-size:22px;
	margin:4px;
}

.news img {
	margin-bottom:10px;
	margin-right:15px;
}

.news div {
	text-align:justify;
}

.news .publication_date {
	text-align:right;
	font-style:italic;
	font-size:10px;
	
}


.help_page .tab-content.padding {
  padding: 20px;

}
.help_page {
  min-width:504px;
  height:800px;
}
.help_page .box-content{
  margin-bottom:-20px;
}
.help_content_text {
	text-align:justify;
}
tab-content-inline{
	margin-top: 100px;
}
.tabs-container{
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding: 10px;
	background: var(--black1)!important;
	border-radius: 0.9rem;
}
.tabs.tabs-inline.tabs-left > li > a{
	background: var(--black1);
	color: #FFFFFF;
}
.help_section.row-fluid {
	padding:0;
	color: var(--black1);
}
.note-btn-group {
	color: #FFFFFF;
}
.note-btn-group > button {
	color: var(--black1);
}
.note-btn-group > button:hover {
	color: var(--orange);
}
.tabs.tabs-inline.tabs-left > li.active > a,
.tabs.tabs-inline.tabs-left > li > a:hover {
	color: var(--orange);
	text-decoration: none;
}
.tabs.tabs-inline.tabs-left > li {
	padding: 10px;
	text-align: center;
}
.padding-top-10 {
	padding-top:10px;
}
.padding-bottom-10 {
	padding-bottom:10px;
}
.padding-top-5 {
	padding-top:5px;
}

.padding-top-0 {
	padding-top:0px;
}
.padding-bottom-5 {
	padding-bottom:5px;
}
.margin-top-5 {
	margin-top:5px;
}
.margin-top-20 {
	margin-top:20px;
}
.doc_footer {
	margin-top:30px;
}
.documentation p {
	margin-left:30px;
}
.documentation p.file_name {
	font-style:italic;
	font-size:12px;
}
.documentation h5 {
	margin-top:5px;
}
.documentation .doc_title i {
	margin-top:8px;
}
.documentation .doc_title :hover {
	cursor:pointer;
}
.documentation .doc_title > h5:hover {
	text-decoration:underline;
}
.doc_content {
	display:none;
}
.documentation .doc_title .icon-download {
	margin-left:10px;
}

.scrollable_manual > tbody{
	max-height:312px !important;
	overflow:scroll;
}
.superuser {
	background-color:#ef7fff !important;
}
.odd {
	/*background-color:#FFE4B5;*/
}
#main.main-1200 {
	min-width:1200px;
}
.border-simple {
	border: 1px solid black;
}
.pagination label {
	color: var(--black1);
}
.pagination {
	margin-left:15px;
	margin-right:15px;
}
.action i {
	padding-top:4px;
	cursor:pointer;
}
.float-input-list {
	margin: 5px 15px 5px 15px;
}
.disclaimer_inactive {
	display: none !important;
}
.displaynone {
	display: none !important;
}
i.link {
	cursor:pointer;
}

.avertissements {
	margin-top:10px;
	margin-bottom:10px;
}
.avertissement, .WWW_ERR{
	margin-top:10px;
	margin-bottom:10px;
	padding:10px 10px 7px 10px;
	opacity:0.9;
  	color: #fafafa;
	border-radius: 0.5rem;
}
.WWW_ERR.WWW_OK {
  background-color:#27ae60;
}
.WWW_ERR.WWW_WRN {
  background-color:#f39c12;
}

.superuser_text_color{
	color:#9b59b6;
}
.avertissement-maintain {
	background-color:#4BB1CF;
}
.avertissement-slowdown {
	background-color: #FAA732; /*#FCF8E3;*/
}
.avertissement-incident, .WWW_ERR.WWW_BAD, .avertissement-security {
	background-color: #DD514C;/*#F2DEDE;*/
}
.footer-avertissement {
	font-size:11px;
	font-style:italic;
}
.avert-close {
	display:none;
}
.avertissement h4  {
	cursor:pointer;
}
.avertissement span.icon-caret-right, .avertissement span.icon-caret-down {
	display:inline-block;
	padding-right:5px;
	width:10px;
}

#domain_name_selector {
	max-height:40px;

}

.label_vertical{
	background-color:#f6f6f6;
	height:20px;
	padding:10px;
}
.action_vertical {
	height:30px;
	padding:10px;
}
.col1-3 {
	width:33.1%;
	margin:0;
	float:left;
	border-right:1px solid #dddddd;
}
.col1-3:first-child {
	border-left:1px solid #dddddd;

}
.form-vertical .row-fluid:first-child .col1-3 {
	border-top:1px solid #dddddd;
}
.col1-3 .action_vertical {
	border-bottom:1px solid #dddddd;
}
.col1-3 .label_vertical {
	border-bottom:1px solid #dddddd;
}
.company_domain .action_vertical > p.red {
	color:#E51400;
}
.company_domain .action_vertical > p.orange {
	color:#F8A31F;
}
.form-titlebar {
	margin:0 10px;
	padding:10px;

}
.form-titlebar label {
	margin:0;
	padding:0;
	padding-top:3px;
	color:#fff;
	padding-right:3px;
	text-decoration:underline;
}
.titlebar {
	margin:0;
	padding:0;
	padding-top:5px;
	padding-top:5px;
	color:#fff;
	padding-right:3px;
	text-decoration:underline;
}
.color_wlist {

}
.color_blist {
	background-color:#DDDDDD;
}
.menu_config .span5 {
	width:41%;
	margin:0;
	padding:0;
}
.menu_config .span2 {
	width:17%;
	margin:0;
	padding:0;
}

.nocss div, .nocss span, .nocss applet, .nocss object, .nocss iframe,
.nocss h1, .nocss h2, .nocss h3, .nocss h4, .nocss h5, .nocss h6, .nocss p, .nocss blockquote, .nocss pre,
.nocss a, .nocss abbr, .nocss acronym, .nocss address, .nocss big, .nocss cite, .nocss code,
.nocss del, .nocss dfn, .nocss em, .nocss img, .nocss ins, .nocss kbd, .nocss q, .nocss s, .nocss samp,
.nocss small, .nocss strike, .nocss strong, .nocss sub, .nocss sup, .nocss tt, .nocss var,
.nocss b, .nocss u, .nocss i, .nocss center,
.nocss dl, .nocss dt, .nocss dd, .nocss ol, .nocss ul, .nocss li,
.nocss fieldset, .nocss form, .nocss label, .nocss legend,
.nocss table, .nocss caption, .nocss tbody, .nocss tfoot, .nocss thead, .nocss tr, .nocss th, .nocss td,
.nocss article, .nocss aside, .nocss canvas, .nocss details, .nocss embed, 
.nocss figure, .nocss figcaption, .nocss footer, .nocss header, .nocss hgroup, 
.nocss menu, .nocss nav, .nocss output, .nocss ruby, .nocss section, .nocss summary,
.nocss time, .nocss mark, .nocss audio, .nocss video, .nocss hr {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 100% !important;
    font: inherit !important;
    vertical-align: baseline !important;
	color:inherit !important;
}
.nocss a {
	color:blue !important;
}
.nocss hr {
	margin-top:8px !important;
	margin-bottom:8px !important;
	background-color:black !important;
	height:1px !important;
}
.nocss ol, .nocss ul {list-style-position: inside;}
.nocss blockquote, .nocss q {
    quotes: none !important;
}
.nocss blockquote:before, .nocss blockquote:after,
.nocss q:before, .nocss q:after {
    content: '' !important;
    content: none !important;
}
.nocss h1, h2, h3, h4, h5, h6, p {line-height: 1.25em!important;}
.nocss h1 {font-size: 1.75em!important;}
.nocss h2 {font-size: 1.65em!important;}
.nocss h3 {font-size: 1.55em!important;}
.nocss h4 {font-size: 1.45em!important;}
.nocss h5 {font-size: 1.35em!important;}
.nocss h6 {font-size: 1.25em!important;}
.nocss strong, .nocss b {font-weight: bold!important;}
.nocss em, .nocss i {font-style: italic!important;}

.span1-5 {
	width:12% !important;
	margin:0 !important;
	margin-left:0.5% !important;
}
.span10-5 {
	width:80% !important;
	margin:0 !important;
	margin-left:6.5% !important;
}

.margin-top4{
	margin-top:4px;
}

.height{
	height: 26px;
}

td > div.row-fluid > span.span3 {
	width:25%;
	margin:0; 
	padding:0;
}
td > div.row-fluid > span.span4 {
	width:33.3%;
	margin:0; 
	padding:0;
}
td > div.row-fluid > span.span6 {
	width:50%;
	margin:0; 
	padding:0;
}
span.center_checkbox > div {
	margin:auto;
}
span.hover-orange:hover{
	color: var(--orange);
}
span.hover-red:hover {
	background-color:red;
	color:white;
}
span.hover-blue:hover {
	background-color:blue;
	color:white;
}
span.hover-green:hover {
	background-color:green;
	color:white;
}
span.hover-red, span.hover-blue, span.hover-green  {
	padding:2px;
	border-radius:2px;
	cursor:pointer;
}
th.action .span3 {
	width:25%;
	margin:0;
	padding:0;
}
th.action .span2 {
	width:16.66%;
	margin:0;
	padding:0;
}
th.action .span4 {
	width:33.3%;
	margin:0;
	padding:0;
}
th.action .span5 {
	width:41.6%;
	margin:0;
	padding:0;
}
th.action .span8 {
	width:66.66%;
	margin:0;
	padding:0;
}
.underline {
	text-decoration:underline;
}
.ta-center {
  text-align: center !important;
}
.ta-left {
  text-align: left !important;
}
.ta-right {
  text-align: right !important;
}

@media (max-width: 1449px) {
  .row .small-span12 {margin-left:0;width: 100% !important;*width: 99.94680851063829% !important;}
  .row .small-span11 {margin-left:0;width: 91.48936170212765% !important;*width: 91.43617021276594% !important;}
  .row .small-span10 {margin-left:0;width: 82.97872340425532% !important;*width: 82.92553191489361% !important;}
  .row .small-span9 {margin-left:0;width: 74.46808510638297% !important;*width: 74.41489361702126% !important;}
  .row .small-span8 {margin-left:0;width: 65.95744680851064% !important;*width: 65.90425531914893% !important;}
  .row .small-span7 {margin-left:0;width: 57.44680851063829% !important;*width: 57.39361702127659% !important;}
  .row .small-span6 {margin-left:0;width: 48.93617021276595% !important;*width: 48.88297872340425% !important;}
  .row .small-span5 {margin-left:0;width: 40.42553191489362% !important;*width: 40.37234042553192% !important;}
  .row .small-span4 {margin-left:0;width: 31.914893617021278% !important;*width: 31.861702127659576% !important;}
  .row .small-span3 {margin-left:0;width: 23.404255319148934% !important;*width: 23.351063829787233% !important;}
  .row .small-span2 {margin-left:0;width: 14.893617021276595% !important;*width: 14.840425531914894% !important;}
  .row .small-span1 {margin-left:0;width: 6.382978723404255% !important;*width: 6.329787234042553% !important;}
}
@media (max-width: 1279px) {
  .row .small1280-span12 {margin-left:0;width: 100% !important;*width: 99.94680851063829% !important;}
  .row .small1280-span11 {margin-left:0;width: 91.48936170212765% !important;*width: 91.43617021276594% !important;}
  .row .small1280-span10 {margin-left:0;width: 82.97872340425532% !important;*width: 82.92553191489361% !important;}
  .row .small1280-span9 {margin-left:0;width: 74.46808510638297% !important;*width: 74.41489361702126% !important;}
  .row .small1280-span8 {margin-left:0;width: 65.95744680851064% !important;*width: 65.90425531914893% !important;}
  .row .small1280-span7 {margin-left:0;width: 57.44680851063829% !important;*width: 57.39361702127659% !important;}
  .row .small1280-span6 {margin-left:0;width: 48.93617021276595% !important;*width: 48.88297872340425% !important;}
  .row .small1280-span5 {margin-left:0;width: 40.42553191489362% !important;*width: 40.37234042553192% !important;}
  .row .small1280-span4 {margin-left:0;width: 31.914893617021278% !important;*width: 31.861702127659576% !important;}
  .row .small1280-span3 {margin-left:0;width: 23.404255319148934% !important;*width: 23.351063829787233% !important;}
  .row .small1280-span2 {margin-left:0;width: 14.893617021276595% !important;*width: 14.840425531914894% !important;}
  .row .small1280-span1 {margin-left:0;width: 6.382978723404255% !important;*width: 6.329787234042553% !important;}
}
.ui-slider-tick-mark{
  display:inline-block;
  width:2px;
  height:13px;
  position:absolute;
  top:-1px;
  cursor: pointer;
}
.ui-slider-tick-mark.default { background:#7be2eb; }
.ui-slider-tick-mark.strict { background:var(--orange); }
.slider .red-area { background:var(--orange);display:block;position:absolute;height:100%;z-index:1;top:0; }
.slider.red .ui-slider-handle { border-color:#f14343; }
.box-title .help { font-weight:bold; line-height:35px;  cursor:  pointer;}
.box-title .help a { color:#fff; text-decoration:none; }
.shpopup .tab-content {min-height:350px;}
.WWW_ERR { display:block; }
#great_mydom, #great_all, #great_default, #great_strict, #great_config {margin:0px auto;position: relative;width:500px;height:302px;zoom:1;}
#great_mydom .mapdesc, #great_all .mapdesc, #great_default .mapdesc, #great_strict .mapdesc, #great_config .mapdesc {z-index:3;text-align:right;border:1px solid var(--orange);border-radius:.9rem;position: absolute;bottom:0px;right:0px;padding:2px 5px;font-size:13px;color: var(--black1);}
#great_mydom .legend, #great_all .legend, #great_default .legend, #great_strict .legend, #great_config .legend {z-index:2;position:absolute;bottom:58px;left:5px;padding:5px;text-align:left;font-size:13px;}
#great_config_table select {margin-bottom:0;font-size:12px;height:28px;}
#great_config .countryselector {text-align:center;z-index:100;display:none;width:230px;padding:6px;position:absolute;top:105px;left:130px;background-color:#fff;border:2px solid #7f276d;}
#great_config .countryselector div {font-weight:bold;font-size:110%;}
#great_config .countryselector p {margin-bottom:3px;margin-top:3px;}
.graphbox table {width:100%;}
.graphbox table tr {text-align:center;}
.graphbox table td {display:block;}
.graphbox .tit {float:left; padding-left:10px;}
.graphbox .region:after {clear:both;}
.cb {clear:both;}

/*solution*/
.sol_opt_choice_window{
  position: relative;
}

.sol_opt_choice_window > div{
  position: absolute;
  background: white;
  text-align: center;
  left : 25px;
  width :220px;
  border : 2px solid black;
}

.sol_opt_choice_window > div > table{
  margin-left :0px;
}

.to_upper {
  text-transform: uppercase;
}

.center{
  text-align: center;
} 


.nowrap {
	white-space: nowrap;
}

.btn_option_modal {
  color: #006dcc ;
  cursor: pointer;
  font-size: 15px;
  margin-left: 4px;
}

.btn_option_modal:hover {
  color: blue ;
  cursor: pointer;
  font-size: 16px;
}

.hide_text {
  opacity: 0;
  z-index: -1;
  position: relative;
  font-size: 0.1px
}





tr.titleintable>th{
	background-color:#005; 
	color:#500;
}
tr.titleintable>th :hover {
	background-color:#005; 
	color:#500;
}

.input-xmini {
    width: 50px;
}

.text-center {
	text-align: center;
}

.table .input-margin {
  margin-left: 70px;
}

.check-col {
  float: left;
  width: 20%;
  max-width: 20rem;
}

/* pour rendre un subnave title clickable et evité les conflit avec le js */
#left .subnav .subnav-title-click {
  *zoom: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#left .subnav .subnav-title-click:after {
  content: "";
  display: table;
  clear: both;
}
#left .subnav .subnav-title-click div { /* DONE : modifi� */
  padding-left: 20px;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: pre-line;
  padding: 5px 0px 5px 20px;
}
#left .subnav .subnav-title-click { /* DONE : modifi� */
  color: #444;
  text-decoration: none;
  display: block;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#left .subnav .subnav-title-click  i {
  position: absolute;
  font-size: 14px;
  left: 10px;
  top: 4px;
  display: none;
}
#left .subnav .subnav-title-click :hover {
  color: #222;
  background-color: #ddd;
  text-decoration: none;
}
.subnav-title-click a{
  color: #333;
}

select {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    width: 182px;
	color: var(--black1);
}
select, input[type="file"] {
    height: 34px;  
    line-height: 34px;
}


#datetimepicker_ldate {
	display: inline-table;
	vertical-align: middle;
	margin-bottom: 0;
}

.bold {
	font-weight: bold;
}

.blockcenter{
	margin:auto;
}
.table-bordered {
    border: none;
}
.box.box-color .box-title .tabs > li > a {
	color: inherit;

}
.box.box-color .box-title .tabs > li > a:hover {
	background: none;
    color: inherit;
}
