body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

input,select,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

dl {
	margin: 0px;
}

ul.tree ul {
	padding: 0px 0px 0px 10px;
}

.selected {
	color: red;
}

tr.even {
	background-color: #F1F5FA;
}

th,td {
/*	font-size: 12px; */
}

hr {
	border-top: 1px dotted #4E80C0;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* ------------------------- Input particuliers---------------------------------- */
.numMedium {
	width: 100px;
}

.total {
	color: #333333;
}

.balanceNeg {
	color: red;
}

.balancePos {
	color: green;
}

/* ------------------------- helpers ---------------------------------------- */
.cktl-sm-side-margin {
	margin : 0 15px;
}


/* ------------------------- Entete ----------------------------------------- */
#entete {
  height : 35px;
  line-height : 35px;
  text-align : center;
}

/* ------------------------- Page d'accueil---------------------------------- */
.accueil ul ul {
	padding-left: 15px;
}

.accueil li {
	padding-top: 5px;
}

.accueil .menuItem {
	color: graytext;
}

.accueil .centered {
	text-align: center;
}

.logo {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	z-index: 1;
	font-size: 12px;
}

.logo h1 {
	font: bold 42px "Lucida Grande";
	position: relative;
	color: #4E80C0;
	margin: 0;
	padding: 0;
}

.logo h1 .gloss {
	background: url(images/gradient-glossy.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;
}

.logo h1 .orange {
	color: orange;
}

.signature {
	font-size: 12px;
	color: #4E80C0;
}

.col1 {
	float: left;
	width: 390px;
	margin-right: 20px;
	margin-top: 20px;
}

.col2 {
	float: left;
	width: 390px;
	margin-top: 20px;
}

.menu {
	padding-left: 20px;
}

.menu li {
	list-style-type: none;
	display: block;
	padding: 5px;
	margin-top: 10px;
	background-color: #6699CC;
	color: white;
	font-weight: bold;
	width: 250px;
}

.menu a {
	color: white;
	display: block;
}

.menu .disabled {
	background-color: #e1e1e1;
}

.menu li.menuIndividu {
	background-color: orange;
}

li.recherche {
	background-color: transparent;
	color: #4E80C0;
	border: 1px dotted #4E80C0;
	width: auto;
}

.login_error {
	color: red;
}

.panel-fix-integration {
	max-height: 350px;
	overflow-y: auto; 
}

/*---------------------------------------------------------------------------*/
/* Ecran recherche */
#filtresRecherche td {
	padding: 0 7px 0 0;
}

/* --------------------------------------------------------------------------- */
/* Classes du wrapper horizontal */
.cktl_entete_wrapper_horizontal {
	width: auto;
	background-color: #CCCCCC;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 16pt;
	display: block;
	color: #000000;
	font-weight: bold;
	padding: 0;
	margin: 0 -15px;
}

.cktl_copyright_wrapper_horizontal {
	width: auto;
	height: 15px;
	background-color: #CCCCCC;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	display: block;
	color: #000000;
	font-weight: bold;
	padding: 0 10px;
	margin: 0 -15px;
}

.cktl_copyright_wrapper_horizontal a {
	text-decoration: none;
}

.cktl_accueil_wrapper_horizontal {
	width: auto;
	height: 650px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 12px;
	padding-top: 15px;
}

/* --------------------------------------------------------------------------- */
/* Wrapper horizontal bleu */
.app_container_principal {
	background-color: #EFF3FF;
}

.cktl_entete_wrapper_horizontal {
	color: #FFFFFF;
	background-color: #6699CC;
}

.cktl_copyright_wrapper_horizontal {
	color: #FFFFFF;
	background-color: #6699CC;
	font-size: 10px;
}

/* --------------------------------------------------------------------------- */
.cktl_accueil_wrapper_horizontal h3 {
	color: #4E80C0;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 0px;
	margin-top: 1px;
	font-size: large;
	border-bottom: 1px solid #4E80C0;
}

.assistantEtapes {
	width: 190px;
	float: left;
	background-color: #EFF3FF;
}

#containerSchemaConvention {
	width: auto;
	margin: 8px 0;
}

#GeneralitesPanels {
	text-align: left;
}

#conventionDetail {
	padding: 0px;
	background-color: #E4F1FF;
	position: relative;
}

#ContainerContactAvenant,#ContainerGestionPartenaire,#ContainerGestionContact
	{
	background-color: #EFF3FF;
}


#HeaderSchemaConvention {
	margin-top: 5px;
}

/*
#HeaderSchemaConvention .infos,#HeaderSchemaConvention .liste-avenants,#HeaderSchemaConvention .actions
	{
	margin: 5px 3px;
}
*/

.menuSchemaConvention {
	text-align: left;
	top: inherit;
	height: 28px;
	background-color: white;
	position: relative;
}

.assistantEtapes {
	float: left;
}

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

.assistantEtapes table tbody tr td {
	margin: 0px 10px;
}

.assistantMenu {
	top: inherit;
	height: 38px;
	background-color: white;
	position: relative;
}

.assistantEtapes .etapes {
	vertical-align: top;
	height: 30px;
}

.assistantEtapes .etape {
	height: auto; /*height: 30px;*/
	line-height: 30px;
	vertical-align: middle;
	/* font-weight: bold; */
	text-align: left;
	padding-left: 20px;
	width: 130px;
	border-bottom: 1px solid #ccc;
}

.assistantEtapes .selected {
	background: url("images/gradient-glossy.png") repeat-x scroll 0 0
		transparent;
	color: white;
	background-color: #6699CC;
	font-weight: bold;
	text-shadow: 1px 1px rgba(20, 20, 20, 0.95);
}

.assistantEtapes .passed {
	font-weight: bold;
	color: #aaa;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.95);
}

.assistantContent {
	padding: 0px;
	margin-left: 195px;
	background-color: #E4F1FF;
	position: relative;
}

.assistantConventionContent {
	padding: 0px;
	background-color: #E4F1FF;
	position: relative;
}

.assistantAlerte {
	height: 15px;
	background-color: #E4F1FF;
	position: relative;
	color: #FF0000;
	padding: 2px;
	font-size: 13px;
}

.assistantModule {
	min-height: 520px;
}

.assistantModule h4:not(.modal-title),
.assistantEtapes h4:not(.modal-title),
.schemaConvention h4:not(.modal-title),
.cktl_accueil_wrapper_horizontal h4:not(.modal-title),
.boxTitre {
	color: #4E80C0;
	text-align: left;
	padding-left: 5px;
	border-bottom: 1px dashed #4E80C0;
	padding-bottom: 2px;
	margin: 8px 0;
	font-size: medium;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.95);
}

h4.tbvTitle {
	border-bottom: none;
	padding-bottom: 0;
	font-size: small;
}

.assistantMenu {
	top: inherit;
	height: 28px;
	border-top: 1px solid #6699CC;
	background-color: white;
	position: relative;
}

.cktlAjaxToolbar {
	background: white;
	border: 1px solid #4E80C0;
	text-align: left;
	height: 22px;
}

.montant {
	text-align: right;
	white-space: nowrap;
}

.nowrapText {
	white-space: nowrap;
}

.box {
	background-color: #E4F1FF;
}

.cktlAjaxTableView_DivHeaderAndBody {
	height: 300px;
}

#ModuleActions {
	text-align: right;
	margin: 20px 0 10px 0;
}

/* ---------------------- Surcharge des tabs bootstrap -----------------------*/
.ope-tabs {
	border-bottom-width: thin;
	border-color: #4E80C0;
	margin: 10px 0 0 0;	
}

.ope-tabs > li > a {
	background: #FFF;
	color: inherit;
	border-style: solid;
	border-width: thin;
	border-color: #4E80C0;
}

.ope-tabs > li > a:hover {
	background: #6699CC;
	color: white;
	border-style: solid;
	border-width: thin;
	border-color: #4E80C0;
}

.ope-tabs > li.active > a,
.ope-tabs > li.active > a:focus,
.ope-tabs > li.active > a:hover {
	/* background: transparent;*/
	background: #E4F1FF !important;
	color: #4E80C0;
	border-style: solid;
	border-width: thin;
	border-color: #4E80C0 #4E80C0 #EFF3FF ;
}

div.ope-tabs-content {
  	background: #E4F1FF;
}

/* --------------------------------- Tabs ------------------------------------*/
.ajaxTabbedPanel {
	width: auto;
	/*padding: 10px 0 0 20px;*/
	margin: 0;
}

.ajaxTabbedPanelTab-selected {
	display: inline;
	padding: 3px 7px 1px 7px;
	background: #E4F1FF;
	border: 1px solid #006699;
	border-bottom: 1px solid #E4F1FF;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
}

.ajaxTabbedPanelTab-unselected {
	display: inline;
	padding: 2px 7px 0 7px;
	/*background: #f0f0f0;*/
	background: #ffffff;
	border: 1px solid #006699;
	border-bottom: 0;
	color: #c0c0c0;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
}

.ajaxTabbedPanelTab-selected a {
	font-weight: bold;
	font-size: 12px;
	padding: 6px;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.95);
}

.ajaxTabbedPanelTab-unselected a {
	padding: 6px;
	font-size: 12px;
	/*color: #a0a0a0;*/
	color: #6699cc;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.95);
}

.ajaxTabbedPanelPanes {
	padding-left: 0px;
	margin: 0;
	min-height: 555px;
	border: 0;
	border-top: 1px solid #006699;
	background-color: #E4F1FF;
}

.ajaxTabbedPanelPane-selected {
	list-style-type: none;
	display: block;
	padding: 10px;
}

.ajaxTabbedPanelPane-selected .ajaxTabbedPanelPane-selected {
	padding-left: 0;
	padding-right: 0;
}

.ajaxTabbedPanelPane-unselected {
	list-style-type: none;
	display: none;
}

.ajaxTabbedPanelPanes#TabbedPanelDetailPartenaire_panecontrol {
	min-height: 260px;
	border-left: 0px;
}

.ajaxTabbedPanelPanes#TabbedPanelDetailTranche_panecontrol {
	min-height: 260px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

.ajaxTabbedPanelPanes#TabbedPanelDetailAvenant_panecontrol {
	min-height: 530px;
}

/* --------------------------------- Tabs non ajax ------------------------------------*/
.Tabs {
	width: auto;
	padding: 10px 0 0 20px;
	margin: 0;
}

.Tab {
	display: inline;
	padding: 2px 7px 0 7px;
	/*background: #f0f0f0;*/
	background: #ffffff;
	border: 1px solid #006699;
	border-bottom: 0;
	color: #c0c0c0;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
}

.TPTab_Selected {
	display: inline;
	padding: 3px 7px 1px 7px;
	background: #E4F1FF;
	border: 1px solid #006699;
	border-bottom: 1px solid #E4F1FF;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
}

.TPTab_Selected span {
	font-weight: bold;
	font-size: 12px;
	padding: 6px;
	color: #4E80C0;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.95);
}

.Tab a {
	padding: 6px;
	font-size: 12px;
	/*color: #a0a0a0;*/
	color: #6699cc;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.95);
}

.TabItemsList {
	margin-bottom: 0;
}

.TabPanelContent {
	padding-left: 0px;
	margin: 0;
	min-height: 555px;
	border-top: 1px solid #006699;
	background-color: #E4F1FF;
	padding: 10px 5px 10px 5px;
}
/* --------------------------------- ? ------------------------------------*/
#SchemaConvention dt {
	text-align: left;
	cursor: pointer;
	color: #4E80C0;
}

#SchemaConvention dt.selected {
	background-position: right;
	background-image: url(images/ico_node_collapsed_rouge_16.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color: red;
}

#SchemaConvention dd {
	text-align: left;
	cursor: pointer;
	margin-left: 5px;
	color: #4E80C0;
}

#SchemaConvention dd.selected {
	font-weight: bold;
	color: red;
}

table.progressBarContainer {
	width: 100%;
	border-spacing: 0px;
}

table.progressBarContainer td {
	font-family: Helvetica;
	font-size: 8pt;
	padding: 2px;
	color: rgb(100, 100, 100);
}

table.progressBarContainer td.progressValue {
	white-space: nowrap;
}

.progressBar {
	border: 1px solid black;
}

.progressBar td.percentageFinished {
	background-image: url(images/progress-bar.gif);
	background-repeat: repeat-x;
}

table.progressBar td.percentageFinished.done {
	background-image: url(images/progress-bar.gif);
	background-repeat: repeat-x;
}

table.progressBar td.percentageUnfinished {
	background-image: url(images/progress-remainder.gif);
	background-repeat: repeat-x;
}

table.progressBarContainer td.progressMaximum {
	white-space: nowrap;
}

.etiquette {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.obligatoire {
	color: #FF0000;
}

#GFCOperationsContainerRecherche {
	text-align: left;
	height: 555px;
	float: left;
	border-right: 2px solid #4E80C0;
	left: 450px;
}

#GFCOperationsQBERecherche {
	padding: 5px;
	height: 505px;
	width: 450px;
}

#GFCOperationsContainerRechercheMenu {
	border-top: 2px solid #4E80C0;
	width: auto;
	height: 40px;
}

#GFCOperationsContainerRechercheResultats {
	margin-left: 420px;
	width: 480px;
	height: 555px;
}

.finances {
	border-collapse: collapse;
}

.total td {
	border-top: 1px dotted #4E80C0;
}

.reparts {
	background-color: white;
	border: 1px dotted #4E80C0;
}

.pub {
	color: green;
	font-weight: bold;
}

.priv {
	font-weight: normal;
}

.obligatoire {
	color: inherit;
	font-weight: bold;
}

.obligatoire:after {
	color: red;
	content: '*';
}

/* --------------------------------- Restyling des TBV ------------------------------------*/
.cktlajaxtableview>div.cktlAjaxTableView_DivHeaderAndBody table thead tr th
	{
	background: url("images/gradient.png") repeat-x scroll 0 0 transparent;
	height: 23px;
	color: #333;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.95);
}

.cktlajaxtableview>div.cktlAjaxTableView_DivHeaderAndBody table thead tr th a
	{
	color: #333;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.95);
}

.cktlajaxtableview .triable {
	cursor: pointer;
	text-decoration: none;
}

.cktlajaxtableview .valid {
	background-color: #d0eba5 !important;
}

.cktlajaxtableview .terminee {
	background-color: #ffd7bf !important;
}

.cktlajaxtableview tr {
	cursor: pointer;
}

.cktlajaxtableview {
	border: none;
	padding: none;
}

/* ---------------------------------- Restyling des reports --------------------------------*/
.FwkCktlReportingGuiAjax_ProgressAmount {
	background-color: #6699CC !important;
}

.FwkCktlReportingGuiAjax_RapExecMonitor {
	background-color: transparent !important;
}
/* ---------------------------------- Styles de la grille du budget --------------------------------*/
.budget {
	
}

.budget thead {
	color: #333333;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.95);
}

.budget th {
	text-align: center;
}

.budget td {
	text-align: right;
}

.budget td.label {
	text-align: left;
	background-color: transparent;
	border-left: none;
}

.budget th.label {
	text-align: right;
	background-color: transparent;
	border-left: none;
}

.budget .total {
	background-color: #add7ff;
	font-weight: bold;
	color: black;
}

.budget .prev {
	width: 60px;
}

.budget .ouvrir {
	width: 60px;
}

.depenses .nature {
	background-color: #daddff;
}

.depenses .lolf {
	background-color: #daddff;
	color: black;
}

.recettes .nature {
	background-color: #f0c1cf;
}

.recettes .lolf {
	background-color: #f0c1cf;
	color: black;
}

.nature td.label {
	padding-left: 10px;
}

.budget .total_dep {
	background-color: #eba7a9;
}

.budget .total_eq {
	background-color: #baeb93;
}

.budget .legend {
	font-weight: normal;
}

#ContainerBudgetDetail .ajaxTabbedPanelPanes {
	min-height: 300px;
	border-left: 0;
	border-bottom: 0;
	border-right: 0;
}

.brouillardsRa th {
	font-size: 11px;
}

.tip {
	width: 250px;
}

.tip p {
	text-align: justify;
}

.tipImg {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.recapPropose {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: none;
}

.recapPropose .cktlajaxtableview {
	border: 0;
}

.recapPropose .cktlajaxtableview>div.cktlAjaxTableView_DivHeaderAndBody
	{
	overflow: inherit;
}

.recapPropose .etiquette {
	font-weight: bold;
}

.recapPropose th {
	font-weight: normal;
}

.pctMontant {
	width: 40px;
}


/* ---------------------------------- Styles de la grille de report --------------------------------*/
.report .cktlajaxtableview>div.cktlAjaxTableView_DivHeaderAndBody table tbody tr:hover
	{
	color: white;
	background: none;
}

/** Restyling de la modal window */
.bluelighting_s,.bluelighting_n,.bluelighting_e,.bluelighting_w,.bluelighting_ne,.bluelighting_sizer,.bluelighting_nw,.bluelighting_sw
	{
	background-image: none;
	background-color: none;
}

.bluelighting_s,.bluelighting_n,.bluelighting_e,.bluelighting_w,.bluelighting_ne,.bluelighting_sizer,.bluelighting_nw,.bluelighting_sw
	{
	background-image: none;
	background-color: none;
}

.bluelighting_se,.bluelighting_sizer {
	background: none;
}

.bluelighting_w,.bluelighting_e {
	width: 9px;
}

.bluelighting_content {
	background-color: #E4F1FF;
	border: 1px solid #ccc;
}

.bluelighting_title {
	color: black;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.95);
	font-size: 12px;
}

.table_window {
	background: none;
}

.top {
	border-top: 1px solid rgba(0, 0, 0, 0.5);
	border-left: 1px solid rgba(0, 0, 0, 0.5);
	border-right: 1px solid rgba(0, 0, 0, 0.5);
	background-color: #eff3ff;
	background: -moz-linear-gradient(white, #eff3ff 50%, #eff3ff) repeat
		scroll 0 0 transparent;
	background: -webkit-linear-gradient(white, #eff3ff 50%, #eff3ff) repeat
		scroll 0 0 transparent;
}

.mid {
	border-left: 1px solid rgba(0, 0, 0, 0.5);
	border-right: 1px solid rgba(0, 0, 0, 0.5);
	background-color: #eff3ff;
}

.bot {
	border-left: 1px solid rgba(0, 0, 0, 0.5);
	border-right: 1px solid rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	background-color: #eff3ff;
}

.dialog {
	-moz-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.5);
}

/* ---------------------------------- Styles de la page convention --------------------------------*/
.menuConv .cktl_simplemenu {
	margin-left: 40px;
	width: 200px;
}

.menuConv .menuitem {
	font-size: 14px;
	border-bottom: 1px solid #ccc;
}

/* ---------------------------------- Styles bootstrap --------------------------------*/
.form-group {
	margin-bottom: 3px;
}

.modal-body .form-group {
	margin-bottom: 15px;
} 

input,select,textarea {
	margin: 0px;
}

table.table-partenaires,
table.table-financement,
table.table-budget {
	background-color: #FFF;
	margin-top: 10px;
}

table.table-budget-tranches a {
	display: block;
	text-decoration: none;
	color: inherit;
}

table.table-partenaires > thead > tr,
table.table-financement > thead > tr,
table.table-financement > tfoot > tr,
table.table-budget > thead > tr,
table.table-budget > tfoot > tr {
	background-color: #d6dde7;
}

.table-budget-cp>tbody>tr>td,.table-budget-cp>tbody>tr>th,.table-budget-cp>tfoot>tr>td,.table-budget-cp>tfoot>tr>th,.table-budget-cp>thead>tr>td,.table-budget-cp>thead>tr>th {
	vertical-align: middle;
	padding: 3px 5px 0px 5px;
}

table.table-financement > * > tr > th, 
table.table-financement > * > tr > td,
table.table-budget > * > tr > th, 
table.table-budget > * > tr > td {
	border-color: #BBB;
}

table > thead > tr > th.th-condensed {
  white-space: nowrap;
  width: 100px;
  padding-left: 10px;
  padding-right: 10px;
}

table > tfoot > tr > th.th-condensed {
  white-space: nowrap;
  width: 100px;
}

table > thead > tr > th.th-xs-condensed,
table > tfoot > tr > th.th-xs-condensed,
table > tbody > tr > td.td-xs-condensed {
	white-space: nowrap;
	width: 1px;
}

tr.tr-centered-cells td,
tr.tr-centered-cells th {
	text-align: center;
}

th.transparent-cell,
td.transparent-cell {
	border: 0px #FFF solid !important;
	background-color: #E4F1FF;
}

table.table-width-auto {
	width: auto;
}

.tooltip.top {
	border: none;
  	background-color: transparent;
	background-image: none;
}

.modal-footer .pull-spacing {
	margin-left: 5px;
}

.flex-modal-footer {
	display: flex;
	flex-flow: row-reverse wrap;
}

/* ---------------------------------- Styles pour collapse (bootstrap et fa) --------------------------------*/

.sign-toggle .fa.fa-minus-square-o,
.sign-toggle.collapsed .fa.fa-plus-square-o {
    display: inline-block;
}
.sign-toggle.collapsed .fa.fa-minus-square-o,
.sign-toggle .fa-plus-square-o {
    display: none;
}

.sign-toggle,
.sign-toggle:link,
.sign-toggle:hover {
	text-decoration: none;
}

/* -------------------------- Bootstrap + ------------------ */
.bg-success-darker {
	background-color: #CDE5C3;
}

.bg-motif {
  /* background: linear-gradient( 45deg, black 25%, white 5%, white 50%, black 100%, black 75%, white 75%, white ); */
  /* background-size: 0.2em 0.2em; */
  background-color: #EEE;
  
}

div[role=tabpanel] {
	margin-top: 10px;
}

.form-horizontal .control-label-left{
  float: left;
  padding-top: 5px;
  text-align: left;
}

/* --------------------------- Couleurs --------------------------- */
/* Voir le fichier smartadmin-production.css dans Budget-front pour */
/* les autres couleurs de texte et de background                    */
.txt-color-green {
  color: #356e35 !important;
}

.txt-color-red {
  color: #a90329 !important;
}

/* --------------------------- Toggle --------------------------- */
.cktltoggle .toggle {
	position: relative;
	overflow: hidden;
}

.cktltoggle .toggle-group {
	position: absolute;
	width: 200%;
	top: 0;
	bottom: 0;
	left: 0;
	transition: left 0.35s;
	-webkit-transition: left 0.35s;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.cktltoggle .toggle.off .toggle-group {
	left: -100%;
}
.cktltoggle .toggle-on {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 50%;
	margin: 0;
	border: 0;
	border-radius: 0;
}
.cktltoggle .toggle-off {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
}
.cktltoggle .toggle-handle {
	position: relative;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 100%;
	width: 0px;
	border-width: 0 1px;
}

.cktltoggle .toggle.btn { min-width: 59px; min-height: 34px; }
.cktltoggle .toggle-on.btn { padding-right: 24px; }
.cktltoggle .toggle-off.btn { padding-left: 24px; }

.cktltoggle .toggle.btn-lg { min-width: 79px; min-height: 45px; }
.cktltoggle .toggle-on.btn-lg { padding-right: 31px; }
.cktltoggle .toggle-off.btn-lg { padding-left: 31px; }
.cktltoggle .toggle-handle.btn-lg { width: 40px; }

.cktltoggle .toggle.btn-sm { min-width: 50px; min-height: 30px;}
.cktltoggle .toggle-on.btn-sm { padding-right: 20px; }
.cktltoggle .toggle-off.btn-sm { padding-left: 20px; }

.cktltoggle .toggle.btn-xs { min-width: 35px; min-height: 22px;}
.cktltoggle .toggle-on.btn-xs { padding-right: 12px; }
.cktltoggle .toggle-off.btn-xs { padding-left: 12px; }

/* ---- Surcharge les composants Cktl qui generent des div imbriques genant bootstrap ----- */
.ope-addon .cktl_button {
	margin: 0;
}

.ope-addon .cktl_button_base {
	margin: 0;
}

.ope-addon .cktl_button_base_outer_box {
    border: inherit;
}

.ope-addon .cktl_button_base_inner_box {
	background: inherit;
	border: inherit;
}

.ope-addon .cktl_button_base_top_shadow {
    background: inherit;
    border-bottom: inherit;
}

.ope-addon .cktl_button_base_content {
	padding: 0;
}

.ope-addon .input-group-addon {
	background-color: #fff;
    border-color: #ccc;
}

.ope-addon .input-group-addon:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}

/* ------------------------------- Style pour CP (Budget) --------------------------------- */

.thickrightborder {
	border-right-width: thick!important;
}

.decollapse {
	border-spacing: 4px;
  	border-collapse: separate;
}

.legendsquare {
	width: 20px;
	border-style: solid;
	border-color: grey;
	border-width: 1px!important;
}

.nav-combinaisons-sidebar.affix-top {
    margin-top: 25px;
    width: 432px;
}

.nav-combinaisons-sidebar.affix {
    top: 25px;
    width: 432px;
}

.nav-combinaisons-sidebar.affix-bottom {
    position: absolute;
}

.nav-combinaisons-sidebar .nav {
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.nav-combinaisons-sidebar .nav>li {
  border-left: 3px solid #d7d8da;
}

.nav-combinaisons-sidebar .nav>li:hover {
  border-left: 3px solid #337ab7;
}

.nav-combinaisons-sidebar .nav>li>a {
    display: block;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 500;
    color: #767676;
}

.nav-combinaisons-sidebar .nav>li>a:focus, .nav-combinaisons-sidebar .nav>li>a:hover {
    color: #337ab7;
    text-decoration: none;
    background-color: transparent;
}

.nav-combinaisons-sidebar .nav>.active:focus>a,.nav-combinaisons-sidebar .nav>.active:hover>a,.nav-combinaisons-sidebar .nav>.active>a {
    padding-left: 18px;
    font-weight: 700;
    color: #337ab7;
    background-color: transparent;
    border-left: 2px solid #337ab7;
}

.nav-combinaisons-sidebar-back-to-top {
	display: block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 500;
    color: #999;
}

.nav-combinaisons-sidebar-back-to-top:hover {
    color: #337ab7;
    text-decoration: none;
}

.back-to-top-link {
	display: block;
    font-size: smaller;
    font-weight: 500;
    color: #999;
}

/* ------------------------------- Style pour les EXPORTS --------------------------------- */
.cktl_export_wrapper h3 {
	color: #4E80C0;
	font-size: large;
	/* border-bottom: 1px solid #4E80C0; */
}

.form-export {
	margin: 10px 0;
}

/* ------------------------------- Style pour les tooltip bootstrap ----------------------- */
.tooltip-inner {
	max-width: 640px;
}