/*COLORS*/
/*CONTENT*/
/*PANEL*/
/*BTN*/
/*BTN PARTAGE*/
/*NAVBAR*/
/*NAV TABS*/
/*TAGS*/
/*CAROUSEL*/
/*DROPDOWN*/
/*BREADCRUMB*/
/*STEP*/
/*SNACKBAR (ALERTE)*/
/*HEADER*/
/*FORM*/
/*FOOTER*/
/*ACTU*/
/*SELECTION EN COURS*/
/*PROGRESS BAR VERTICAL*/
/*ADMIN*/
/*SIDEBAR*/
/*HOME_CONNECT*/
/*-------------------------------------
COLORS
-------------------------------------*/
/* BG colors */
.bg-primary         {background:#154271}
.bg-success         {background:#00b99b}
.bg-info            {background:#5bc0de}
.bg-warning         {background:#ff5722}
.bg-danger          {background:#c7311b}
.bg-white           {background:#ffffff}
.bg-black           {background:#333;color: #fff;}
.bg-grey			{background: #f1f1f1}
/* Txt colors */
.txt-primary        {color:#b9d0eb}
.txt-secondary      {color:#337ab7}
.txt-success        {color:#00b99b}
.txt-info           {color:#5bc0de}
.txt-warning        {color:#ff5722}
.txt-danger         {color:#c7311b}
.txt-white          {color:#ffffff !important}
.txt-black         	{color:#333}

.btn-grey			{background: #f1f1f1 !important;border-right:none;color: #333333!important}
.btn-group>.btn.btn-grey:last-child {border-right:none!important;margin-right: 0!important;}
.btn-group>.btn.btn-grey:active,.btn-group>.btn.btn-grey.active:active, .btn-group>.btn.btn-grey:hover {background: #154271!important; color: #fff!important}

.btn-grey-dark 		{background: #484848 !important}
.btn-grey-dark i,
.btn-grey-dark a 	{color: #ffffff}
.font-small         {font-size: 11px}

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

.form-group.is-focused label,
.form-group.is-focused label.control-label {
color:#fdfdfd;
}
	       
.form-group .multiselect.form-control {background: #777;color: #fff;text-align: left;line-height: 1;}
.admin .form-group .multiselect.form-control {
  background: #f1f1f1;
  color: black;
}
.admin .multiselect-container {
  background: #f1f1f1;
  color: black;
}
.admin .multiselect-item.filter .multiselect-clear-filter {
  color: black;
}
.admin .multiselect-container label {
  color: black!important;
  padding: 5px 10px;
}
.admin .multiselect-container .active label {
  color: white!important;
}
.form-group .multiselect.form-group .form-control {margin-bottom:0px;}
.form-group .multiselect.form-control .caret {margin: 5px 0; position: absolute;right: 5px; z-index: 500;}
.form-group .btn-group.open .multiselect.form-control .caret {
	-ms-transform: rotate(180deg); 
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
} 
.multiselect-item.filter {margin-bottom: 10px}
.multiselect-item.filter .multiselect-clear-filter {background: transparent;color: #fff;font-size: 20px;}
.multiselect-item.multiselect-all{}

.navbar .dropdown-menu li>a:focus,
.navbar .dropdown-menu li>a:hover,
.navbar.navbar-default .dropdown-menu li>a:focus,
.navbar.navbar-default .dropdown-menu li>a:hover{
    color:#154271;
}

.fs-500 {
  font-weight: 500;
}

.bx-chf {
  border-radius:4px;
  box-shadow:0 4px 6px rgb(0 0 0 / 10%);
  width: 100%;
  margin-bottom: 10px;
  background-color: #f5f5f5;
}

.row-chf .row:nth-child(2) .bx-chf {
  margin-bottom: 0px;
  /* height: 100%; */
}

.row-chf > .col-md-4 .bx-chf {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.row-chf {
  display: flex;
  
}

.row-chf + div > div {
  margin-top: 10px;
}

@media (max-width:1200px) {
  .row-chf > .col-md-4 .bx-chf {
    display: block;
  }
  .row-chf {
    display: block;
  }
  .row-chf .row:nth-child(2) .bx-chf {
    margin-bottom: 10px;
  }
}



.bx-chf > div {
  padding:5px;
}

.border           	{border: 1px solid #F1F1F1}
.border-bt          {border-bottom: 1px solid #F1F1F1}
.logo               {height: 100%}

.mgB-20             {margin-bottom: 20px}
.mgB-10             {margin-bottom: 10px}
.mgB-5             	{margin-bottom: 5px}
.mgT-20             {margin-top: 20px !important}
.mgT-30             {margin-top: 30px !important}
.mgT-10             {margin-top: 10px !important}
.mg-50              {margin-top: 50px;margin-bottom: 50px}
.mg-20              {margin: 20px 0}
.mg-30              {margin: 30px 0}
.padB-25            {padding-bottom: 25px}
.no-pdl 			{ padding-left: 0!important; }
.no-pdr				{ padding-right: 0!important; }
.applefix     {overflow: visible!important;}


.material-icons.md-14 { font-size: 14px; }
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

i.material-icons {vertical-align: middle;}

html,body 	{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
  /* height: 100%; */
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smooth: always;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
    font-weight: 500;
}
h2 {margin-top: 10px;}
h3 {margin-top: 10px;}

a, a:focus, a:hover {color:#154271;}
select::-ms-expand {
    display: none;
}



:active, :focus {
    outline: none!important;
}

.modal-open #wrapper{ -webkit-filter: blur(5px);filter: blur(5px);min-height: 100%}

/*-------------------------------------
CONTENT
-------------------------------------*/
/* Gutter */
[class*='col-']     {padding-left:4px;padding-right:4px;}

/* section */
.section            {margin-top: 2em}
.img-section        {background: #999 url(./images/img-section.jpg) no-repeat 100%;}

.nopadding          {padding: 0 !important;}
.nomargin           {margin: 0 !important;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #154271;
    border-color: #154271;
}
.pagination>li>a, .pagination>li>span 	{color: #154271;border:none;}

.bar-absolute       {position:relative; top:55px; background:rgba(51, 51, 51, 0.8);display: list-item; min-height: 55px; color: #fff;    margin-top: -55px;}
.bar-absolute h2    {margin-top:0;margin-bottom: 0;line-height: 1.5;}
/*-------------------------------------
PANEL
-------------------------------------*/
.panel                                  {box-shadow:none; height: 100%}
.panel-default                          {border:none;}
.panel.panel-default>.panel-heading,
.panel>.panel-heading                   {background-color:inherit;border:none;}
.panel-footer                           {background-color:initial;border-top:none;}
.panel-heading h4                       {margin-top: 3px;}

/*#actu .panel-body, #info .panel-body    {min-height: 160px;}*/
#actu .panel, #selection .panel         {box-shadow:inherit;border-radius:inherit;margin-bottom:0;}

.panel-info {border: 1px solid #f1f1f1;padding: 10px;}
.panel.panel-info>.panel-heading {background-color: transparent; color: #333;}

.panel-footer {background: transparent;}


/*-------------------------------------
BTN
-------------------------------------*/
.btn                {border-radius:0;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {opacity: 0.3;}
/*--------- BTN PRIMARY-----------*/
.btn-primary {color: #fff;background-color: #154271;border-color: #154271;}

.btn-primary:hover { color: #154271;background-color: #b9d0eb;border-color: #b9d0eb;}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, 
.btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, 
.open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary:hover{
    color: #154271;background-color: #b9d0eb;border-color: #b9d0eb;
}
.btn-primary.focus, .btn-primary:focus {
background-color: #b9d0eb;
border-color: #b9d0eb;
color: #154271;
}
 .btn.btn-primary.js-selected {color: #fff;background-color: #154271;border-color: #154271;}
/*--------- BTN DEFAULT-----------*/

.btn.btn-fab.btn-fab-mini, .input-group-btn .btn.btn-fab.btn-fab-mini{height: 25px;min-width: 25px;width: 25px;}

a.lienVoir          		{margin-left: 15px;color: #999;font-weight: 100;text-decoration: underline;}
a.lienVoir:hover			{color:#154271;}

.btn-group a img {height: 17px}

.input-group .input-group-addon {    background: #5f5f5f;border-radius: 0;border-color: #5f5f5f;color: #fff;}
.form-2 .input-group.date .form-control {margin-bottom: 0px;background:#353535;}
.input-group.date .input-group-addon {padding: 5px 5px;}
.form-group .label-picker {display: block;}
#sidebar-wrapper .form-group {margin:5px 0 0 0;}
#sidebar-wrapper .mCustomScrollBox,#sidebar-wrapper .mCSB_container {overflow: visible!important;}

.multiselect-container {background: #525252; /* width: 100%; */ z-index: 9999;}
.multiselect-container .active label {color: #fff; }
.multiselect-clear-filter:active {margin:0;}
.multiselect-search[placeholder] { font-size: 12px!important; }

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {border-radius:0px;}
.bootstrap-datetimepicker-widget {display: block;}
.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover { 
    background-color: #154271; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-fullscreen-home-deconnected {margin-top: 5px; margin-bottom: 5px}

#home-deconnected #apercu  .nav-tabs.nav-justified>li { vertical-align: middle!important; letter-spacing: -0.5px; border: 1px solid #ddd;}
#home-deconnected #apercu  .nav-tabs.nav-justified>li:hover {background: #eee;}

#home-deconnected #apercu  .nav-tabs.nav-justified>li>a {border-bottom: 1px solid transparent!important; padding: 5px 5px!important;}
#home-deconnected #apercu .nav>li>a:focus, #home-deconnected #apercu .nav>li>a:hover {background-color: transparent!important; border: 1px solid transparent!important;}



/* Multiselect Container ajusting */
/* Targeting with id of moduleSearch */
/* #moduleSearch7 .multiselect-container {max-height: 185px!important;}
 */
.js-selected {background: #154271;}
.js-edit-tag, .js-disable-tag {display: inline-table;}


.btn-prev,.btn-next {
    position: absolute;
    font-size: 25px;
    background:rgb(241, 241, 239);
    padding-bottom:  0px;
    padding : 0px  20px;
   /* margin-top: 35px;*/
    color: #154271;
                     z-index: 800;
                     -webkit-transition: all  ease 0.2s;
                     -moz-transition: all  ease 0.2s;
                     -o-transition: all  ease 0.2s;
                     transition: all  ease 0.2s;
}
.btn-prev:hover,.btn-next:hover {background:rgba(21,66,113,1);color: #fff;     padding:  0px 40px;}
.btn-prev {left: 0}
.btn-next {right: 0}
	.toggleBtn {
		transition: left 0.5s;
		position: fixed;
		bottom: 0px;
		left: -247px;
		width: 247px!important;
		z-index: 1!important;
		background: #3f3f3f!important;
		padding: 10px!important;
		padding-bottom: 20px!important;
		visibility: visible;
	}
	.showed {left: 0; transition: left 0.5s;}




/*-------------------------------------
BTN PARTAGE
-------------------------------------*/
.partage                        	{list-style: none;margin-bottom: 0; position: absolute;bottom: 0; right: 0}
.partage .dropdown-menu         	{left: -45px;border-radius: 0;}
.partage a  						{color:#777 }
.partage a:hover                    {color:#144271 }
.partage .dropdown-toggle span  	{background: rgba(191, 191, 191, 0.48);padding: 2px 5px;color: #fff;display: inline-table;margin-left: 5px;}
.partage span img  					{margin:2px 0 0 10px;color: #fff;height:30px;}

.partage .dropdown-menu>li>a    	{text-align: right;padding: 3px 12px;}

.partage.article-partage            {right: 4px;}

/*-------------------------------------
CHECKBOX / RADIO
-------------------------------------*/
.checkbox label, .radio label, label {
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    margin-left: 10px;
    font-weight: 400;
}
.form-inline .checkbox label, .form-inline .radio label {
    padding-left: 10px;
}


/*************** 8. CHECKBOX / RADIO / INPUT ***************/
table .checkbox, table .checkbox,  table .radio {
    margin-top: inherit;
    margin-bottom: inherit;
}

.checkbox input[type="checkbox"], .radio input[type="radio"] {
  opacity: 0;
  filter: alpha(opacity=0);
  margin-left: -30px;
  position: absolute;
}
.checkbox input[type="checkbox"] + .checkbox-material {
  border-radius: 0px;
  border-style: solid;
  border-width: 2px;
  content: " ";
  cursor: pointer;
  display: inline-block;
  height: 20px;
  left: 0;
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  top: 0;
  visibility: visible;
  width: 20px;
  -webkit-animation: checkbox-bg-off 0.25s;
  -o-animation: checkbox-bg-off 0.25s;
  animation: checkbox-bg-off 0.25s;
}
.checkbox input[type="checkbox"] + .checkbox-material:after {
  border-color: transparent;
  border-style: solid;
  border-width: 0 0 2px 2px;
  content: " ";
  cursor: pointer;
  height: 8px;
  left: 50%;
  margin-left: -7px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 14px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.checkbox input[type="checkbox"]:disabled + .checkbox-material {
  cursor: not-allowed;
}
.checkbox input[type="checkbox"]:focus + .checkbox-material:before {
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  width: 50px;
  opacity: 0.08;
  filter: alpha(opacity=8);
}
.checkbox input[type="checkbox"]:checked + .checkbox-material {
  border-width: 10px;
  border-color: #154271!important;
}

.checkbox input[type="checkbox"]:checked:focus + .checkbox-material:before {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.checkbox + .checkbox {
  margin-top: -5px;
}
.checkbox input[type="checkbox"] + .checkbox-material {
  /*border-color: #154271;*/
}
.checkbox.danger input[type="checkbox"] + .checkbox-material {
    border-color: #f62b0a;
}
.checkbox input[type="checkbox"]:checked + .checkbox-material:hover {
  border-color: #154271;
}
.checkbox input[type="checkbox"]:checked + .checkbox-material:after {
  border-color: white;
}
.checkbox input[type="checkbox"]:disabled + .checkbox-material, .checkbox input[type="checkbox"]:disabled + .checkbox-material:hover {
  border-color: #999999;
}
.checkbox input[type="checkbox"]:checked:focus + .checkbox-material {
  border-color: #154271;
}
.checkbox input[type="checkbox"]:checked:focus + .checkbox-material:before {
  background-color: #154271;
}

.data-localized.checkbox input[type="checkbox"] + .checkbox-material {left: -28px;top: -4px;}

.radio input[type="radio"] + .radio-material {
  border-radius: 100%;
  border-style: solid;
  border-width: 2px;
  content: " ";
  cursor: pointer;
  display: inline-block;
  height: 20px;
  left: 0;
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  top: 0;
  visibility: visible;
  width: 20px;

}
.radio input[type="radio"] + .radio-material:after {
  background: : transparent;
  border-radius: 100%;
  content: " ";
  cursor: pointer;
  height: 12px;
  left: 50%;
  margin-left: -6px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 12px;

}
.radio input[type="radio"]:disabled + .radio-material {
  cursor: not-allowed;
}
.radio input[type="radio"]:focus + .radio-material:before {
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  width: 50px;
  opacity: 0.08;
  filter: alpha(opacity=8);
}
.radio input[type="radio"]:checked + .radio-material {
    border-color: #ebd4a9!important;
  border-width: 10px;
}

.radio input[type="radio"]:checked:focus + .radio-material:before {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.radio + .radio {
  margin-top: -5px;
}
.radio input[type="radio"] + .radio-material {
  border-color: #ebd4a9;
}
.radio.danger input[type="radio"] + .radio-material {
  border-color: #f62b0a;
}
.radio input[type="radio"]:checked + .radio-material:hover {
  background: #ebd4a9;
  border:2px solid #fff;
}
.radio input[type="radio"]:checked + .radio-material:after {
  background: #ebd4a9;
  border:2px solid #fff;

}
.radio input[type="radio"]:disabled + .radio-material, .radio input[type="radio"]:disabled + .radio-material:hover {
  border-color: #999999;
}
.radio input[type="radio"]:checked:focus + .radio-material {
  border-color: #ebd4a9;
}
.radio input[type="radio"]:checked:focus + .radio-material:before {
  background-color: #ebd4a9;}

/*-------------------------------------
NAVBAR
-------------------------------------*/
.navbar                         	{margin-bottom:0;}
.navbar.navbar-default          	{background: #fff}
.navbar.navbar-warning          	{background: #fff}
.navbar.navbar-inverse          	{background: #fff}
.navbar, .navbar.navbar-default 	{color:#2D2D2D}

.navbar .navbar-brand           	{height: 85px; margin-top: 35px;}
.navbar-collapse h1             	{margin-top: 20px}
.nav>li>a                       	{padding: 10px 36px;}

.navbar-toggle                  	{margin-right:0;padding:0;}
.navbar-default .navbar-toggle      {border: none; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:transparent;}

.hamburger-inner, .hamburger-inner:after,
.hamburger-inner:before         	{background-color: #333;}
/*-------------------------------------
NAV TABS
-------------------------------------*/
.nav-tabs                       	{background: transparent;border: 1px solid #f1f1f1}
.nav-tabs>li>a, .nav-tabs>li>a:focus,
.nav-tabs>li>a:hover            	{font-weight: 400;color: #333 !important;}
.nav-tabs>li                    	{border-right: 1px solid #f1f1f1}
.nav-tabs>li.active             	{background: #154271;}
.nav-tabs>li.active a           	{color:#fff!important}

.nav-tabs.nav-justified>li>a {padding: 10px 2px;border-radius: 0;}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{
    border-color: #154271;
    background: #154271;
}

.tab-content>.tab-pane              {padding: 10px;}
/*-------------------------------------
Tags
-------------------------------------*/
 
.tag_opco {
     display: block;
    min-width: 10px;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 444;
    line-height: 1;
    color: #fff;
    text-align: center; 
    vertical-align: middle;
    background-color: #777;
    border-radius: 4px;
    margin-right: 5px;
    margin: 2px;
}
.tag_opco:hover {color: #fff;}

.tag {
    display: inline-block;
    min-width: 10px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    // white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
    margin-right: 5px;
    margin: 2px;
}
.tag:hover {color: #fff;}
 
/*-COLORS TAGS---*/
.tag-color-1, .tag-color-1:hover, .tag-color-1:focus  	{background:#E4F1FE; color:black;} /** orel : color black sur les fond claire **/
.tag-color-2 	{background:#22313F}
.tag-color-3 	{background:#C0392B}
.tag-color-4 	{background:#F89406}
.tag-color-5 	{background:#00B16A}
.tag-color-6 	{background:#674172} 
.tag-color-7 	{background:#3A539B}
.tag-color-8 	{background:#22A7F0}
.tag-color-9 	{background:#34495E}
.tag-color-10 	{background:#ABB7B7}
.tag-color-11	{background:#F7CA18}
.tag-color-12, .tag-color-12:hover, .tag-color-12:focus  	{background:#C8F7C5; color:black;} /** orel : color black sur les fond claire **/

/* Tag Color pour OPCO */
.tag-color-opco-1   {background:#FFCD1C}
.tag-color-opco-2   {background:#E4AB9D}
.tag-color-opco-3   {background:#2AB4DB}
.tag-color-opco-4   {background:#E74011}
.tag-color-opco-5   {background:#DA437E}
.tag-color-opco-6   {background:#C8CDD1}
.tag-color-opco-7   {background:#008394}
.tag-color-opco-8   {background:#A47F5E}
.tag-color-opco-9   {background:#8D4873}
.tag-color-opco-10  {background:#748FC9}
.tag-color-opco-11  {background:#AFCA0B}

.tag-color .radio{ left: 33%;}

.radio input[type="radio"] + .radio-material.tag-color-1 {
  border-color: #E4F1FE;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-1 {
    border-color: #E4F1FE!important;
    border-width: 10px;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-1:after {
    background: #E4F1FE;
    border: 2px solid #fff;
}
.radio input[type="radio"] + .radio-material.tag-color-2 {
  border-color: #22313F;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-2 {
    border-color: #22313F!important;
    border-width: 10px;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-2:after {
    background: #22313F;
    border: 2px solid #fff;
}
.radio input[type="radio"] + .radio-material.tag-color-3 {
  border-color: #C0392B;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-3 {
    border-color: #C0392B!important;
    border-width: 10px;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-3:after {
    background: #C0392B;
    border: 2px solid #fff;
}
.radio input[type="radio"] + .radio-material.tag-color-4 {
  border-color: #F89406;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-4 {
    border-color: #F89406!important;
    border-width: 10px;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-4:after {
    background: #F89406;
    border: 2px solid #fff;
}
.radio input[type="radio"] + .radio-material.tag-color-5 {
  border-color: #00B16A;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-5 {
    border-color: #00B16A!important;
    border-width: 10px;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-5:after {
    background: #00B16A;
    border: 2px solid #fff;
}
.radio input[type="radio"] + .radio-material.tag-color-6 {
  border-color: #674172;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-6 {
    border-color: #674172!important;
    border-width: 10px;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-6:after {
    background: #674172;
    border: 2px solid #fff;
}
.radio input[type="radio"] + .radio-material.tag-color-7 {
  border-color: #3A539B;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-7 {
    border-color: #3A539B!important;
    border-width: 10px;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-7:after {
    background: #3A539B;
    border: 2px solid #fff;
}
.radio input[type="radio"] + .radio-material.tag-color-8 {
    border-color: #22A7F0;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-8 {
    border-color: #22A7F0!important;
    border-width: 10px;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-8:after {
    background: #22A7F0;
    border: 2px solid #fff;
}
.radio input[type="radio"] + .radio-material.tag-color-9 {
  border-color: #34495E;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-9 {
    border-color: #34495E!important;
    border-width: 10px;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-9:after {
    background: #34495E;
    border: 2px solid #fff;
}
.radio input[type="radio"] + .radio-material.tag-color-10 {
  border-color: #ABB7B7;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-10 {
    border-color: #ABB7B7!important;
    border-width: 10px;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-10:after {
    background: #ABB7B7;
    border: 2px solid #fff;
}
.radio input[type="radio"] + .radio-material.tag-color-11 {
  border-color: #F7CA18;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-11 {
    border-color: #F7CA18!important;
    border-width: 10px;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-11:after {
    background: #F7CA18;
    border: 2px solid #fff;
}
.radio input[type="radio"] + .radio-material.tag-color-12 {
  border-color: #C8F7C5;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-12 {
    border-color: #C8F7C5!important;
    border-width: 10px;
}
.radio input[type="radio"]:checked + .radio-material.tag-color-12:after {
    background: #C8F7C5;
    border: 2px solid #fff;
}

/*-------------------------------------
CAROUSEL
-------------------------------------*/
.carousel-controls              	{top:0;position: absolute;right:0;text-align: right; padding: 5px 0;display: inline-table;}
.carousel-control               	{text-shadow:none;position: relative;opacity: 1;padding:2px 7px;margin-left: 2px;}
.carousel-control.left,
.carousel-control.right         	{background: rgba(191, 191, 191, 0.48);}
.carousel-control.left:hover,
.carousel-control.right:hover       {color: #fff; background: #154271;}
.carousel-control .fa           	{vertical-align: bottom;font-size: 30px}
.carousel a {color: #fff}

#suppression-carousel {min-height: 100px}

 	/* SCROLLBAR */

    .mCSB_inside>.mCSB_container {
    margin-right: 10px;
}
.mCSB_scrollTools {
    position: absolute;
    width: 10px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}
/*-------------------------------------
AFFIX
-------------------------------------*/
.affix                          	{width: 100%;z-index: 1000;}
	#affix.affix 					{width: 100%;z-index: 1000;}
	#affix.affix-top 				{top: 0px;}
    #myAffix2                       {padding: 10px 5px;}
/*-------------------------------------
DROPDOWN
-------------------------------------*/
.dropdown-menu                  	{min-width: 95px;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: #154271;}
.btn-group .dropdown-menu, .btn-group-vertical .dropdown-menu {border-radius: 0;}

.dropdown-menu.inline {right: 1px;left: inherit;padding:0;}
.dropdown-menu.inline li {display: table-cell;}
/*-------------------------------------
BREADCRUMB
-------------------------------------*/
.breadcrumb                     	{background-color: transparent; padding: 8px 0px;}
/*-------------------------------------
STEP
-------------------------------------*/
.step.nav-pills>li>a                {border-radius:0;background-color: #eee;}
.step.nav-pills>li.active>a,
.step.nav-pills>li.active>a:focus,
.step.nav-pills>li.active>a:hover   {color: #fff;background-color: #154271;}
/*-------------------------------------
SNACKBAR (ALERTE)
-------------------------------------*/
#snackbar-container                 {left: 50%;transform: translateX(-50%);}

.snackbar.alert-success             {background-color: #4caf50;}
.snackbar.alert-warning             {background-color: #ff5722;}
.snackbar.alert-danger              {background-color: #f44336;}

/*-------------------------------------
HEADER
-------------------------------------*/
header form                         {background: #F1F1F1; padding: 5px 15px 0;}
header form .btn                    {padding: 0 5px;margin-left: 10px!important; margin-top: 5px!important; margin-bottom: 5px!important;}
header #login .title-login          {margin-top: 0; color:#bdbdbd}
header #login a.btn.btn-link, header #login a.btn.btn-primary  {font-size: 11px; padding: 6px 2px;}
header .navbar .navbar-nav>li>a     {padding-top: 5px;padding-bottom: 10px;font-weight: 400}
header  .form-group .form-control   {margin-bottom:0px; height: 20px;padding: 3px 20px 2px 10px;}
header  .form-group label           {margin-bottom: 0px;margin-left: 0px;font-size: 11px;}
.user-connect 						{background: #f1F1F1;padding:10px;margin-bottom: 5px;}


.Logout 							{position: absolute;right: 5px;top:5px; color: #c7311b}

.gestion-user 						{position: absolute;right: 7px;bottom: 50px;color:#c3c3c3;}
.accroche                           {font-size: 36px; margin-left: 20px;line-height: 1.2; }

/*------------------------------------
FORM
-------------------------------------*/
.form-group                         {margin:0;padding-bottom: 0px;}

.form-group .form-control          {color: #333}
.form-group input[type=password]   {margin-bottom:0;}
.form-control                      {
   /* height: 25px;*/
    font-size: 14px;
    border-radius:0px;
    padding: 9px 20px 9px 10px; 
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow:none;
    line-height: 1.2
}
form a                             {font-size: 10px;}

	 .colored { color: #ffffff!important; }

.form-2.is-focused .form-control 			   				{background: #353535;color: #fdfdfd;}
.form-2.is-focused label 									{color: #fdfdfd;}
.form-2 .form-control, .form-2.is-focused .form-control   	{background: url(./images/arrow-select.svg) right / 18px 10px no-repeat #353535 ;color: #fdfdfd; height:initial;}
.form-2.form-text .form-control, .form-2.is-focused.form-text .form-control {background:#777;color: #fdfdfd; padding: 5px 20px 10px 10px; height:initial;}


.form-3 .form-control, .form-3.is-focused .form-control	{background: url(./images/arrow-select.svg) right / 18px 10px no-repeat #eaeaea ;color:#4a4a4a;padding:5px 20px 5px 10px; height:initial;}
.form-3.is-focused .form-control				   			{background:#999;color:#4a4a4a;}
.form-3.is-focused label 									{color: #515151;}

.form-4.is-focused .form-control			    			{background: #515151;color: #fff;}
.form-4.is-focused label 									{color: #515151;}
.form-4 .form-control, .form-4.is-focused .form-control 	{background: url(./images/arrow-select.svg) right / 18px 10px no-repeat #515151 ; color: #fdfdfd;height:initial; }

.form-group .checkbox label, .form-group .radio label, .form-group label {font-weight: 400;font-size: 14px; color:#999;margin-right: 10px;margin-left: 10px; line-height: 1}


thead {background: #e5e5e5;}
th {font-weight: 400}
.table-striped>tbody>tr:nth-of-type(odd) { background-color: #f4f4f4;}
.table>tbody>tr>td, .table>tbody>tr>th,
.table>tfoot>tr>td, .table>tfoot>tr>th,
.table>thead>tr>td, .table>thead>tr>th {vertical-align: middle;}

.dl-horizontal dt {font-weight: 400;}
.dl-horizontal dd {font-weight: 500;margin-bottom: 15px;}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {text-align: right;}

/*Multiselect*/
span.multiselect {
    cursor: pointer;
    touch-action: auto;
    -ms-touch-action: auto;
}

.input-sm {height:inherit}

/*****Select2******/
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #154271;}
.select2-container--default .select2-selection--multiple {border-radius: 0px; border: 1px solid #ddd;}

/*-------------------------------------
FOOTER
-------------------------------------*/
footer                                 {background: #333}
.footer                                {padding: 20px; margin-top: 50px;}
.footer .footer-title 	               {margin-bottom: 20px}

footer .form-group.is-focused label,
footer .form-group.is-focused label.control-label {
    color:#fff;
}
footer .form-group.is-focused .form-control {
   
}
footer .form-group .form-control        {color: #FFF;}
.footer a                               {color: #fff}
.footer a:hover                         {color: #b9d0eb}

.footer .form-group .form-control       {margin-bottom:0px;background: #444; padding: 0 5px;border:none }
.footer .form-group label.control-label {margin: 10px 0 8px 0;}

.footer .google-captcha                 {margin-top:10px}
div.div-reseaux-sociaux                 {padding-top: 10px;}

/*-------------------------------------
FICHE
-------------------------------------*/
.detail-fiche {margin-top: 20px;padding-right: 20px;}
.info-comp {padding-left: 20px;border-left: 1px solid #e3e3e3;}
.info-comp h4 { color: #154273 }
/*-------------------------------------
SELECTION EN COURS
-------------------------------------*/
#selection .form-group .form-control { margin-bottom:0px;}
#selection .panel-footer  {padding: 0px 15px;}

#selection .vertical-skills li {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background:transparent;
    bottom: 0;
    left:0;
}
#selection .vertical-skills li span.skill {
    left: 1px;
    right: 1px;
}
.taux           {
    position: absolute;
    z-index: 890;
    bottom: 0;
    left: 10%;
}
.taux .bg-white {padding: 5px 15px 0}
.toggled #selection .recherche {position: absolute;bottom: 0 !important;width: 93%;}
#selection .recherche {position: absolute;bottom: 0 !important; width: 100%;}
#selection .recherche .input-group .input-group-btn {padding: 0;}
#selection .recherche  .form-control {min-height: 38px; padding-left: 10px }
#selection .recherche .btn {padding: 8px 10px;margin: 0 !important;}
#selection .recherche .btn.js-show-enregistrer_requete-form {}

#selection .recherche .form-group.is-focused {color:#154271;font-size: 13px; position: inherit;}

#selection .gragh ul {padding: 10px;padding-bottom: 33px;margin-bottom: 0px; min-height: 220px;}


#selection .critere-selection .material-icons {font-size: 20px}
.toggled #selection .critere-selection .material-icons {
    -ms-transform: rotate(-180deg); /* IE 9 */
    -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#selection .critere-selection span {vertical-align: top;margin: 0 7px;}


#blocSectionSelectionCriteres .panel {min-height: 220px}
#blocSectionSelectionCriteres .mCustomScrollBox #mCSB_2_container.mCS_no_scrollbar_y div.tooltip, #blocSectionSelectionCriteres .mCustomScrollBox #mCSB_3_container.mCS_no_scrollbar_y div.tooltip {overflow: visible!important}
#blocSectionSelectionCriteres #mCSB_2.mCustomScrollBox div.tooltip, #blocSectionSelectionCriteres #mCSB_3.mCustomScrollBox div.tooltip {overflow: visible!important}
#blocSectionSelectionChiffres .panel {min-height: 220px}
#blocSectionSelectionChiffres .vertical-skills {height: 175px;}


#mode-liste {opacity: 0.5;background: url(./images/ico-liste.svg) no-repeat center 12px /50px; height:100px; /*border-bottom: 1px solid #fff;*/ border-right: 1px solid rgba(255, 255, 255, 0.3)}
#mode-graph {opacity: 0.5;background: url(./images/ico-stat.svg) no-repeat center 10px /50px; height:100px;  /*border-bottom: 1px solid #fff;*/ border-right: 1px solid rgba(255, 255, 255, 0.3)}
#mode-carte {opacity: 0.5;background: url(./images/ico-earth.svg) no-repeat center 7px /50px; height:100px; /*border-bottom: 1px solid #fff*/}

#mode-carte small, #mode-graph small,  #mode-liste small {position: inherit;bottom: -62px;color: #fff;}
#mode-graph.active, #mode-carte.active, #mode-liste.active, #mode-graph:hover, #mode-carte:hover, #mode-liste:hover {opacity: 1;  border-color: rgba(255, 255, 255, 0.1);}

#mode-visu .panel-footer {padding:0px!important;bottom: 0;}
#mode-visu .panel-footer i {font-size: 35px; margin-right:5px; vertical-align: middle;}
#mode-visu .panel-footer .btn {padding: 12px 5px;}
#mode-visu {padding-right: 0px;}
#mode-visu .btn-group-justified a.btn {border-top: 1px solid rgba(255,255,255,0.3);  border-right: 1px solid rgba(255,255,255,0.3); color: rgba(255,255,255,0.5)}
#mode-visu .btn-group-justified a.btn.active {color: #fff; box-shadow:none;}
#mode-visu .btn-group-justified a.btn:last-child {border-right: none}
#mode-visu .btn-group-justified a.btn:hover {color: rgba(255,255,255,1)}

.active .triangle-left {
    background: url(./images/triangle-left.svg) no-repeat;
    height: 15px;
    width: 15px;
    position: absolute;
    bottom: 0;
    z-index: 1000;
    right: 0;
}
.active .triangle-right {
    background: url(./images/triangle-right.svg) no-repeat;
    height: 15px;
    width: 15px;
    position: absolute;
    bottom: 0;
    z-index: 1000;
    left: 0px;
}
.mode-graph a,.mode-carte a {color: #f1f1f1}
/*.mode-graph {border-right: 1px solid #f1F1F1;}
.mode-carte {}*/
/*-------------------------------------
LOGIN CONNECT
-------------------------------------*/

/*-------------------------------------
PROGRESS BAR VERTICAL
-------------------------------------*/
.vertical-skills {
    margin-top:10px;
    text-align: center;
    height: 50px;
}
.vertical-skills ul {
    margin-bottom: 0px;
}
.vertical-skills li {
    display: inline-block;
    position: relative;
    width: 12px;
    height: 40px;
    background: #f0f0f0;
}
@media (max-width: 400px) {
    .vertical-skills li {width: 25px;}
}
.vertical-skills li span.skill {
    position: absolute;
    animation-duration: 3s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    animation-name: height;

    left: 0;
    right: 0;
    bottom: 0; }
.vertical-skills li span.numberLeft {
    position: absolute;
    right: 25px;
    text-align: right;
    width: 70px;
    bottom: 0;
    font-size: 11px;
    font-weight: bold;

}
.vertical-skills li span.numberRight {
    position: absolute;
    left: 25px;
    text-align: left;
    width: 70px;
    bottom: 0;
    font-size: 11px;
    font-weight: bold;

}

/* ANIMATIONS */
@keyframes height {
    0%, 100% {
        transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
    }
    0% {
        height: 0;
    }
    100% {
        max-height: 100%;
    }
}
/*-------------------------------------
ADMIN
-------------------------------------*/
#admin {
    background: #f1f1f1
}
#admin [class*='col-'] {
    padding-left:5px;
    padding-right:5px;
}
#admin header {
    margin-bottom: 10px
}
#admin .form-group .checkbox label, #admin .form-group .radio label, #admin .form-group label {
    font-size: 14px;color:#9c9c9c;
}
#admin .panel-default {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  border-radius: 0px;
}
#admin .panel:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
#admin .panel-default>.panel-heading {background-color: #f7f7f7;}
#admin .form-control {padding: 5px 20px 5px 10px;}
#admin  .form-control {font-size: 14px;}
#admin .nav-pills.navbar-right {line-height: 4em;margin-right: 15px;}
#admin .nav-pills>li+li {margin-left: 25px;}
#admin .logo {height: 60px;padding: 10px;}
#admin .btn {padding: 2px 12px;}
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow-x: hidden;
    min-height: 100%
}
#wrapper.toggled {
    padding-left: 250px;
}

#admin .toggled .sidebar-nav {
  left: -250px;
   -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#admin .table {border: #f1F1F1;}
#admin div.dataTables_filter input.form-control {
	border: 1px solid #CCC;
}


/*-------------------------------------
SIDEBAR
-------------------------------------*/
#sidebar-wrapper {
    z-index: 1500;
    position: fixed;
    left: 250px;
    width: 250px;
    height: 100%;
    margin-left: -250px;
    /*overflow-y: auto;*/
    background: #3f3f3f;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#form_search_operation {height: 100%}

	.fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}

.form-group .multiselect.form-group {margin-bottom: 0px!important}

	#moduleSearchUserProfile {display: block !important;overflow: visible!important;background: #525252; height: 81px!important; margin-top: 75px;}
  #moduleSearchUserProfile {background: #5f5f5f!important;}
	#moduleSearch2 {display: block !important;overflow: visible!important;background: #525252!important;margin-top: 0;}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
    left:  250px;
}
#page-content-wrapper {
    width: 100%;position: absolute;
}
#wrapper.toggled #page-content-wrapper {
    position: absolute;margin-right: -250px;
}

#sidebar-wrapper .panel {background: transparent; border-radius: 0;}
#sidebar-wrapper input {height: auto;}
#sidebar-wrapper a, #sidebar-wrapper a:focus, #sidebar-wrapper a:hover {color: #F1F1F1;text-decoration: none;font-size: 14px;font-weight: 400}
	#sidebar-wrapper .title {color: #999;padding: 25px 0px;text-align: center;position: absolute; width: 100% ; top: 0px; 
		background: #3f3f3f; z-index: 9999; margin-top: 0!important}
		#accordion { margin-top: 70px; margin-bottom: 0;}
#sidebar-wrapper .panel-title i {position: absolute;right: 10px;}
#sidebar-wrapper .panel-body {padding:15px 5px }
#sidebar-wrapper .collapse.in {background: #525252;}
#sidebar-wrapper .panel-default>.panel-heading+.panel-collapse>.panel-body {border: none}
#sidebar-wrapper .btn-group-justified {width: 99%;}
#sidebar-wrapper .hide-native-select .btn-group .caret {transition: transform 0.5s; transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); border-top: 4px solid white;}
#sidebar-wrapper .hide-native-select .btn-group.open .caret {transition: transform 0.5s; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg);}
#sidebar-wrapper .multiselect-search {font-size: 11px!important; padding: 9px 5px 9px 5px!important;}

#sidebar-wrapper .panel-title a[aria-expanded="true"] i {-ms-transform: rotate(90deg); /* IE 9 */-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */transform: rotate(90deg);-webkit-transition-duration:.5s; /* Safari */
                                                         transition-duration:.5s;}
#sidebar-wrapper .panel-title a[aria-expanded="false"] i {-ms-transform: rotate(0deg); /* IE 9 */-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */transform: rotate(0deg);-webkit-transition-duration:.5s; /* Safari */transition-duration:.5s;}
#sidebar-wrapper .badge {color: #333;background-color: #f5f5f5; margin-left: 10px;}
/* Sidebar Styles */
.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-nav li {
    text-indent: 20px;
    line-height: 30px;
}
.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}
.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}
.sidebar-nav > .sidebar-brand a {
    color: #999999;
}
.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

#sidebar-wrapper  .form-group.is-focused .form-control.multiselect-search {
    background-image: linear-gradient(#999,#999),linear-gradient(#999,#999);
}
#sidebar-wrapper > * {touch-action: auto; -ms-touch-action: auto;}
#sidebar-wrapper .dropdown-menu>li>a {color: #fff}
#sidebar-wrapper .dropdown-menu>li>a:focus, #sidebar-wrapper .dropdown-menu>li>a:hover { background-color: #b9d0eb;}
#sidebar-wrapper .multiselect-container>li>a>label.checkbox:hover {color:#3f3f3f;}
#sidebar-wrapper .multiselect-container>li>a>label.radio, #sidebar-wrapper .multiselect-container>li>a>label.checkbox {color: #fff; font-size: 12px}
#sidebar-wrapper .multiselect-container>li>a>label {padding: 8px 20px 8px 40px;}
#sidebar-wrapper .checkbox input[type="checkbox"] + .checkbox-material {top: 4px;left: 5px;}
#sidebar-wrapper .form-2 .form-control, #sidebar-wrapper .form-2.is-focused .form-control     {background: url(./images/arrow-select.svg) right / 18px 10px no-repeat #777!important ;}
#sidebar-wrapper .form-2.form-text .form-control, #sidebar-wrapper .form-2.is-focused.form-text .form-control {background:#777!important;}
#sidebar-wrapper .form-2 .input-group.date .form-control {margin-bottom: 0px; background: #777!important; padding-right: 5px; padding-left: 5px;}
#sidebar-wrapper #accordion {transition: transform 0.5s;}


/*-------------------------------------
HOME_CONNECT
-------------------------------------*/
#home-connect #page-content-wrapper             {padding: 0;}
#home-connect #menu-toggle                      {-ms-transform: rotate(-90deg); /* IE 9 */
                                                -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
                                                -moz-transform: rotate(-90deg);
                                                box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
                                                -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
                                                transform: rotate(-90deg);
                                                padding: 6px 25px 6px 25px;
                                                background: #154271;
                                                text-align: center;
                                                color: #BDBDBD;
                                                position: fixed;
                                                left: -115px;
                                                top: 325px;
                                                z-index: 900;
                                                -webkit-transition: all 0.5s ease;
                                                -moz-transition: all 0.5s ease;
                                                -o-transition: all 0.5s ease;
                                                transition: all 0.5s ease;
                                                touch-action: auto;
                                                -ms-touch-action:  auto;
                                                }
#home-connect .toggled #menu-toggle		        {left: 135px;}
#home-connect .toggled .recap 			        {padding-left: 33px;
                                                -webkit-transition: all 0.5s ease;
                                                -moz-transition: all 0.5s ease;
                                                -o-transition: all 0.5s ease;
                                                transition: all 0.5s ease;
                                                }
#home-connect .recap 							{padding-left: 0;
                                                 -webkit-transition: all 0.5s ease;
                                                 -moz-transition: all 0.5s ease;
                                                 -o-transition: all 0.5s ease;
                                                 transition: all 0.5s ease;
                                                }
#home-connect .recap .btn 						{margin: 0px 1px;border-radius: 0;}

#home-connect .recap .form-control,
#home-connect .recap .form-group .form-control 	{background: none; border: 1px solid #f1f1f1}
	#home-connect .recap .panel-body ul         {margin-bottom: 25px;max-height: 165px;}

#home-connect .sidebar-nav 						{padding: 10px;}
#home-connect #wrapper.toggled #menu-toggle,
#home-connect #wrapper #menu-toggle:hover 		{background: #3f3f3f;cursor: pointer;}

#home-connect .sidebar-nav label 				{font-size: 12px;color: #a0a0a0;}
#home-connect .sidebar-nav li 					{text-indent:initial;}

#home-connect .accroche                         {margin-top: 20px;}
#home-connect .border-bt                        {border-bottom:none;}

.collapse.in                                    {}
.collapse.in ul                                 {}
.collapse .list-inline>li                       {padding:0;}

/*-------------------------------------
MODAL
-------------------------------------*/
.modal-content {border-radius: 2px;}
.modal-header {border-bottom:none;background: #f4f4f4;}
.modal-footer {border-top: none;background: #f4f4f4;}

.modal .form-control {background-color: #eee;}

body.modal-open {overflow: hidden;}

.selectAll {}
.unselectAll {}

#listeChamps li, #listeChampsSelectionnes li {   
margin: 0 5px 5px 5px;
padding: 5px 10px;
font-size: 14px;
background: #ddd;
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;

}
#listeChamps li:active, #listeChampsSelectionnes li:active {   
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    
}
#listeChamps li:hover {

}
#listeChamps, #listeChampsSelectionnes {
    border: 1px solid #eee;
    width: 100%;
    max-height: 400px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
    overflow: scroll;
    min-height: 200px;
}
#listeChampsSelectionnes {background: #fdfdfd}

/*-------------------------------------
TABLE
-------------------------------------*/
.table {border-bottom: 1px solid #ddd}





/* petits appareils (téléphones, moins de 768px) */
/* Aucun media query puisque c'est la valeur par défaut dans Bootstrap */

@media only screen and (max-width:768px)	{

    #home-connect #sidebar-wrapper          {left:0;}
    .row-eq-height [class^=col-]            {margin-bottom: 10px;}
    .col-eq-height-xs 						{height: auto !important}
    /*.nomargin								{margin-bottom: 15px!important;}*/
    .noborder-xs							{border:none }
    .nopadding-xs							{padding-left: 0!important;padding-right:0!important;}
    .padding-xs               {padding: 0 4px !important}

    .text-left-xs             {text-align: left!important}
    .text-right-xs            {text-align: right!important}

    #accordion                              {margin-top:0px;}
    #apercu #accordion .panel-heading               {background-color: #f1f1f1;}
    /*.panel-footer                           {padding-bottom: 20px !important;}*/
    .partage, .carousel-controls            {right: 4px;}
    .carousel-controls                      {top: 35px;}
    .bar-absolute                           {position:inherit; top:inherit;min-height: 55px; color: #fff; margin-top:inherit;}
    .bar-absolute h2                        {font-size: 18px;font-size: 13px;text-align: left;padding: 10px 0;}

    .vertical-skills li span.numberRight    {left: 40px;font-size: 20px; width: 100px;}
    .vertical-skills li span.numberLeft     {right: 40px;font-size: 20px; width: 100px;}

    .navbar .navbar-brand                   {height:70px;margin-top:0px; float:initial; text-align: center}
    .gestion-user 							{bottom:10px;}
    .nav-tabs>li                            {float: inherit;border: 1px solid #f1f1F1;}

    .img-section        					{background: #999 url(./images/img-section.jpg) no-repeat 100% top;-webkit-background-size: cover; background-size: cover; }
    .taux 									{position: relative;bottom: 0px;left: 0%;text-align: center;}
    .taux .bg-white							{padding: 10px 0;}
    .mode-graph i, .mode-carte i 			{padding: 25px 46px;}

    .recap .panel 							{min-height: 200px;}
    #selection .recherche 					{bottom: inherit!important;}
    #menu-toggle-xs.navbar-toggle 			{float: left;}
    .navbar-collapse.in 					{overflow-y: initial;}

    .btn-block-xs 							{display: block;width: 100%;}
    #selection .recherche 					{bottom: 0 !important;padding-bottom: 0 !important;    position:inherit;}

    .detail-fiche                           {margin-top:inherit;padding:5px;}
    .btn.testobs        				    {width: 100%;}
    .padding-xs 					        {padding: 0 4px !important}

    /*#mode-visu {height: 200px!important}*/
    #login .btn-group-justified             {display:initial;}
    #blocSectionSelectionChiffres .vertical-skills { height: 210px;}
    .footer-title                           {margin-top: 25px;}
    div.div-reseaux-sociaux                 {padding-top: 5px;}
    #selection .recherche .btn.js-show-enregistrer_requete-form { margin-top: 10px!important;width: 100%;}

    #listeChamps, #listeChampsSelectionnes { min-height: 160px;max-height: 160px;}

    header .navbar .navbar-nav>li>a {text-align: center;padding: 15px;border-bottom: 1px solid #f1f1f1;}
    
}

@media only screen and (min-width:768px){
    /*ADMIN*/
    #wrapper                    					{padding-left: 250px;}
    #wrapper.toggled            					{padding-left: 0;}
    #sidebar-wrapper            					{width: 250px;}
    #wrapper.toggled #sidebar-wrapper 				{width: 0;}
    #page-content-wrapper       					{padding: 20px;position: relative;}
    #wrapper.toggled #page-content-wrapper 			{position: relative;margin-right: 0;}
    /*HOME_CONNECT*/
    #home-connect #wrapper          				{padding-left: 0;}
    #home-connect #wrapper.toggled  				{padding-left: 250px;}
    #home-connect #sidebar-wrapper  				{width:250px;left: 0}
    #home-connect #wrapper.toggled #sidebar-wrapper {width:250px;left: 250px}
    .gestion-user 							{bottom:10px;}
    .panel-footer 					{padding-bottom: 20px !important;}
    .partage, .carousel-controls 	{right: 4px;}
    #accordion                      {margin-top:0px;}
    .navbar-right {margin-right: 0px;}
}

@media only screen and (max-width:480px){
  .logo             {transform: translateX(-15%);}
  .detail-fiche dt  {padding: 5px; background: #f1f1f1}
  .detail-fiche dd  {margin:10px;}
  .info-comp        {padding-left: 4px;}
  .info-comp h4     {background: #f1f1f1; padding: 5px}
  .noborder-xs      {border:none }

  .btn-group-justified-xs {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    margin-bottom: 5px!important;
    padding:0px
  }
  .btn-group-justified-xs>.btn, .btn-group-justified-xs>.btn-group {
    display: table-cell;
    float: none;
    width: 100%;
  }
  .btn-group-justified-xs .btn-group .btn {padding: 6px 8px; width: 100%;    font-size: 90%;}
  .form-group label               {margin-top: 10px;font-size: 12px;}
   .mgT-40-xs                     {margin-top: 40px !important}
   #result_operation #btnExporter {margin-top: 39px;}
}

@media only screen and (max-width:992px){
#wrapper, #sidebar-wrapper, #home-connect #menu-toggle,  .showed, .toggleBtn  {
      -webkit-transition: all 0.7s ease;
      -moz-transition: all 0.7s ease;
      -o-transition: all 0.7s ease;
      transition: all 0.7s ease;
    }

    #sidebar-wrapper #accordion {transition: transform 0.7s;}
    

    #myAffix2 {background: #3f3f3f;z-index: 999;width: 247px!important; transition: left 0.7s;}  
    .showed {bottom: -10px!important;position: fixed!important;}

    .collapsing {
    transition: height 0.7s;
}
.col-eq-height-xs                       {height: auto !important}
.row-eq-height [class^=col-]            {margin-bottom: 10px;}
.btn.testobs                            {width: 100%; margin-top: 20px!important}
.noborder-xs                            {border:none }

}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width:992px){
    /*ADMIN*/
    .panel-footer 					{padding-bottom: 20px !important;}
    .partage, .carousel-controls 	{right: 4px;}

    .bar-absolute 					{position: inherit;top: initial;min-height:initial;margin-top: initial;}
    .bar-absolute h2 				{font-size: 20px;}

    #selection .recherche 					{bottom: 0 !important;padding-bottom: 0 !important}
    #selection .recherche [class^=col-] 	{margin-bottom: 0;}
    .gestion-user 							{bottom:50px;}


    




}
@media only screen and (max-width: 1200px) {
  #actu .row-eq-height .col-eq-height   {margin-bottom: 10px!important;}
  .nav>li>a                         {padding: 10px 24px;}
}
/* Large devices (large desktops, 1200px and up) */
@media only screen and (min-width:1200px){

    /*Row with equal height columns*/
    .row-eq-height 					{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;}
    .row-eq-height [class^=col-] 	{margin-bottom:0px}
    .bar-absolute 					{position:relative; top:55px; background:rgba(51, 51, 51, 0.8);display: list-item; min-height: 55px; color: #fff;    margin-top: -55px;}
    .bar-absolute h2 				{margin-top:0;margin-bottom: 0;line-height:1.5;font-size:25px;}
    .nopadding 						{padding: 0!important}
    .partage, .carousel-controls 	{right:0;}

    .btn.testobs        			{width: 220px;float: right;}
    #selection .recherche 			{bottom: 0 !important;padding-bottom: 0 !important}



}

@media screen and ( max-height: 450px ){
    #sidebar-wrapper ul.multiselect-container.dropdown-menu {
      max-height: 120px!important;
    }
}


@media screen and ( max-height: 800px ){
    #sidebar-wrapper ul.multiselect-container.dropdown-menu {
      max-height: 160px!important;
    }
}


/*No more tables (responsive table)*/
@media only screen and (max-width: 992px) {
    .padding-xs    {padding: 0 4px !important}
   
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr { border: 1px solid #ddd; }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #ddd;
        position: relative;
        /*padding-left: 45%;*/
        white-space: normal;
        text-align:left;
        font-weight: bold;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        /*position: absolute;
        /* Top/left values mimic padding */
        /*top: 6px;*/
        /*left: 6px;*/
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight:400;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
}

/*
 * Css champs mots de passe perdu (modale 2)
 * bbe
 */
.div_input_password_2 {
    margin-bottom: 40px;
    margin-top: 30px;
}

#accordion_librairie .panel-title-accordion {
    background-color: #f5f5f5 !important;
}

/** @max */
#admin form label.has-error { color:red }