/*
	customize bootstrap classes
*/

html,
body {
  background: none repeat scroll 0 0 #E5E6E8;
}

/*override background color in iframe*/
html.in-iframe,
body.in-iframe {
  background-color: #fff;
}

.popover{
	width:auto;
}

/*fix showing modal embedded in a parent classified as collapse (IE)*/
.collapse {
	position: static;
}

/* Tab */
.nav-tabs{
	background: #b50000;
	background: -moz-linear-gradient(top, #b50000 0%, #960001 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b50000), color-stop(100%,#960001));
	background: -webkit-linear-gradient(top, #b50000 0%,#960001 100%);
	background: -o-linear-gradient(top, #b50000 0%,#960001 100%);
	background: -ms-linear-gradient(top, #b50000 0%,#960001 100%);
	background: linear-gradient(to bottom, #b50000 0%,#960001 100%);
	padding: 0 3px 0 5px;
	margin-bottom: 0;
	-webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

ul.nav-tabs > li > a{
	margin-top: 6px;
	color: #fff;
	padding: 4px 10px;
}

ul.nav-tabs > li > a:hover {
	color: #000;
	background-color: #FFFFFF;
}

ul.nav-tabs > li.active > a {
	color: #000;
}

.tab-content{
	padding: 20px 10px 10px;
   	border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

.nav-pills + .tab-content{
	border: none;
}

.ord-pills-tab{
	margin-bottom: 0;
}

.ord-pills-tab + .tab-content{  /*todo add to the doc*/
	padding: 10px;
}

.tab-content.ord-form-content{
	padding-left: 0;
	padding-right: 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee transparent #dddddd;
}

/*suite aux changement du font-size et line-height*/
input[type="radio"],
input[type="checkbox"] {
  margin-top: 3px;
  margin-top: 0 \9;/* IE8-9 */

}

/*desactiver la decoration de l'icone dans un lien*/
[class^="icon-"]:before, [class*=" icon-"]:before{
	text-decoration: none;
}

/**
 * j'ai desactivé img {height:auto et max-width:100%} pour corriger ce prob : https://github.com/twitter/bootstrap/issues/1899
*/
img {
	max-width: none \9 !important ;/* IE8-9 */
}

/* [class^="icon-"],
Fix bug on button group
[class*=" icon-"] {
	font-size: 14px;  todo: modify it to 108.34% = 13px !
} */

/*fix bug : Empty dd tags in horizontal definition list are causing wrong order*/
.dl-horizontal > dd:after {
  display: table;
  content: "";
  clear: both;
}

.btn-link {
    padding-left: 5px;
}

/*bootstrap 3 panel component*/
.panel {
	margin-bottom: 10px;
	background-color: #ffffff;
	border: 1px solid transparent;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
	padding: 10px;
}
.panel-body:before,
.panel-body:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}
.panel-body:after {
	clear: both;
}
.panel-body:before,
.panel-body:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}
.panel-body:after {
	clear: both;
}
.panel > .list-group {
	margin-bottom: 0;
}
.panel > .list-group .list-group-item {
	border-width: 1px 0;
}
.panel > .list-group .list-group-item:first-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.panel > .list-group .list-group-item:last-child {
	border-bottom: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
	border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive {
	margin-bottom: 0;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
	border-top: 1px solid #dddddd;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
	border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
	border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
	border-right: 0;
}
.panel > .table-bordered > thead > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:last-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
	border-bottom: 0;
}
.panel-heading {
	padding: 10px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
	color: inherit;
}
.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
}
.panel-title > a {
	color: inherit;
}
.panel-footer {
	padding: 10px;
	/*background-color: #f5f5f5;*/
	border-top: 1px solid #dddddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.panel-group .panel {
	margin-bottom: 0;
	border-radius: 4px;
	overflow: hidden;
}
.panel-group .panel + .panel {
	margin-top: 5px;
}
.panel-group .panel-heading {
	border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {    /*en test*/
	border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
	border-top: 0;
}
.panel-group .panel-footer + .panel-collapse > .panel-body {  /*en test*/
	border-bottom: 1px solid #dddddd;
}
.panel-default {
	border-color: #dddddd;
}
.panel-default > .panel-heading {
	color: #333333;
	background-color: #f5f5f5;
	border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {     /*en test*/
	border-top-color: #dddddd;
}
.panel-default > .panel-heading > .dropdown .caret {
	border-color: #333333 transparent;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {   /*en test*/
	border-bottom-color: #dddddd;
}
.panel-primary {
	border-color: #428bca;
}
.panel-primary > .panel-heading {
	color: #ffffff;
	background-color: #428bca;
	border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {  /*en test*/
	border-top-color: #428bca;
}
.panel-primary > .panel-heading > .dropdown .caret {
	border-color: #ffffff transparent;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {  /*en test*/
	border-bottom-color: #428bca;
}
.panel-success {
	border-color: #d6e9c6;
}
.panel-success > .panel-heading {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body { /*en test*/
	border-top-color: #d6e9c6;
}
.panel-success > .panel-heading > .dropdown .caret {
	border-color: #468847 transparent;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {  /*en test*/
	border-bottom-color: #d6e9c6;
}
.panel-warning {
	border-color: #faebcc;
}
.panel-warning > .panel-heading {
	color: #c09853;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {  /*en test*/
	border-top-color: #faebcc;
}
.panel-warning > .panel-heading > .dropdown .caret {
	border-color: #c09853 transparent;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {  /*en test*/
	border-bottom-color: #faebcc;
}
.panel-danger {
	border-color: #ebccd1;
}
.panel-danger > .panel-heading {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body { /*en test*/
	border-top-color: #ebccd1;
}
.panel-danger > .panel-heading > .dropdown .caret {
	border-color: #b94a48 transparent;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {  /*en test*/
	border-bottom-color: #ebccd1;
}
.panel-info {
	border-color: #bce8f1;
}
.panel-info > .panel-heading {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {   /*en test*/
	border-top-color: #bce8f1;
}
.panel-info > .panel-heading > .dropdown .caret {
	border-color: #3a87ad transparent;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {   /*en test*/
	border-bottom-color: #bce8f1;
}
 /* Corriger le rendu du tooltip et popover dans un bloc ayant comme style "overflow : hidden" */
.tooltip,
.popover {
    position: fixed;
}

.control-date-popover {
	position: absolute !important;
}

.nav-tabs-entry{
	background: #FFF;
	background: -moz-linear-gradient(top, #FFF 0%, #FFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#FFF));
	background: -webkit-linear-gradient(top, #FFF 0%,#FFF 100%);
	background: -o-linear-gradient(top, #FFF 0%,#FFF 100%);
	background: -ms-linear-gradient(top, #FFF 0%,#FFF 100%);
	background: linear-gradient(to bottom, #FFF 0%,#FFF 100%);
	padding: 0 3px 0 5px;
	margin-bottom: 0;
	-webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

ul.nav-tabs-entry > li > a{
	margin-top: 6px;
	color: #0088CC;
	padding: 4px 10px;
}

/*disable button links*/
.btn-link[disabled] {
	background-color: #e6e6e6;
}

/* reset fluid effect recursively*/
.ord-reset-fluid-recursively [class*="span"] {
	margin-left: 20px;
	min-height: 1px;
	width: auto;
}

.ord-reset-fluid-recursively [class*="span"]:first-child {
	margin-left: 20px;
}

.ord-reset-fluid-recursively .span12 {
	width: 940px;
}
.ord-reset-fluid-recursively .span11 {
	width: 860px;
}
.ord-reset-fluid-recursively .span10 {
	width: 780px;
}
.ord-reset-fluid-recursively .span9 {
	width: 700px;
}
.ord-reset-fluid-recursively .span8 {
	width: 620px;
}
.ord-reset-fluid-recursively .span7 {
	width: 540px;
}
.ord-reset-fluid-recursively .span6 {
	width: 460px;
}
.ord-reset-fluid-recursively .span5 {
	width: 380px;
}
.ord-reset-fluid-recursively .span4 {
	width: 300px;
}
.ord-reset-fluid-recursively .span3 {
	width: 220px;
}
.ord-reset-fluid-recursively .span2 {
	width: 140px;
}
.ord-reset-fluid-recursively .span1 {
	width: 60px;
}


/*evaluation fournissuer , styles responsive bootstrap3 */
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	*background-color: #222222;
	background-image: -moz-linear-gradient(top, #444444, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
	background-image: -webkit-linear-gradient(top, #444444, #222222);
	background-image: -o-linear-gradient(top, #444444, #222222);
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
	color: #ffffff;
	background-color: #222222;
	*background-color: #151515;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-inverse:active,
.btn-inverse.active {
	background-color: #080808 \9;
}

.btn-inverse.active {
	color: rgba(255, 255, 255, 0.75);
}

/*evaluation fournissuer , styles responsive bootstrap3 */
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	*background-color: #222222;
	background-image: -moz-linear-gradient(top, #444444, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
	background-image: -webkit-linear-gradient(top, #444444, #222222);
	background-image: -o-linear-gradient(top, #444444, #222222);
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
	color: #ffffff;
	background-color: #222222;
	*background-color: #151515;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-inverse:active,
.btn-inverse.active {
	background-color: #080808 \9;
}

.btn-inverse.active {
	color: rgba(255, 255, 255, 0.75);
}

.table-responsive {
  min-height: .01%;
  overflow-x: auto;
  width: 100%;
  margin-bottom: 15px;
  overflow-y: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border: 1px solid #ddd;
}
.table-responsive > .table {
  margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
  white-space: nowrap;
}
.table-responsive > .table-bordered {
  border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}

.piaEleven-nav-tabs {
	background: var(--piaEleven-secondary-color) !important;
	background: -moz-linear-gradient(top, var(--piaEleven-secondary-color) 0%, var(--piaEleven-secondary-color) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--piaEleven-secondary-color)), color-stop(100%,var(--piaEleven-secondary-color)));
	background: -webkit-linear-gradient(top, var(--piaEleven-secondary-color) 0%,var(--piaEleven-secondary-color) 100%);
	background: -o-linear-gradient(top, var(--piaEleven-secondary-color) 0%,var(--piaEleven-secondary-color) 100%);
	background: -ms-linear-gradient(top, var(--piaEleven-secondary-color) 0%,var(--piaEleven-secondary-color) 100%);
	background: linear-gradient(to bottom, var(--piaEleven-secondary-color) 0%,var(--piaEleven-secondary-color) 100%) !important;
	padding: 0 3px 0 5px;
	margin-bottom: 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}