/*
*Material Icons
https://gist.github.com/albionselimaj/14fabdb89d7893c116ee4b48fdfdc7ae
*/

@import
  'https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,900';

body, html {
  /* background: #F0F4F5; */
  background: #f5f5f5;
  font-family: 'Lato', sans-serif;
  color: #3A3936;
  /* height: 100%; */
  zoom: 1;
}

.disabled { cursor: not-allowed; }

.tpl_espace_reporting #legendeEspaceReporting{opacity:0.2; transition: .3s all ease;}
.tpl_espace_reporting #legendeEspaceReporting:hover{opacity:1}

.tpl_espace_reporting #legendeEspaceReporting, .tpl_espace_reporting #filtreActeurPublic {
  overflow:hidden;

}

.tpl_espace_reporting #legendeEspaceReporting .panel-body, .tpl_espace_reporting #filtreActeurPublic .panel-body {
  transition: .3s all ease;
}

.floating-label.float-select label {
  opacity:0;
}

#blocPratique .panel-body .list-group-item, .blocPratique .panel-body .list-group-item > ul .list-group-item a {
  /* font-weight:bold; */
}
.list-group-item .no-pos i {
  position: static;
  color: inherit;
}
span.new-page {
  white-space: nowrap;
}
#blocPratique .panel-body .list-group-item > ul .list-group-item a, .blocPratique .panel-body .list-group-item > ul .list-group-item a {
  border-left:3px solid #929292;
  color: #929292;
  padding-left: 5px;

}
#blocPratique .panel-body .list-group-item > ul .list-group-item, .blocPratique .panel-body .list-group-item > ul .list-group-item a {
  margin-left: 20px;
}

/* .tpl_espace_reporting #espaceReportingNav .panel:hover {
  border-bottom: none;
} */

.tpl_espace_reporting #espaceReportingNav .panel:hover a, .tpl_espace_reporting #espaceReportingNav .panel:focus a {
  background-color: #A9584E;
  color: white;
  border-bottom: 1px solid #A9584E;
}

body, input, textarea, select, button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern';
}

.collapsed .panel-body {
  height: 0!important;
  padding: 0px 25px;
  overflow:hidden;
}

.tpl_espace_reporting #legendeEspaceReporting .panel-heading, .tpl_espace_reporting #filtreActeurPublic .panel-heading {
  cursor:pointer;
}

#filtreActeurPublic .panel-body {
  height:273px;
}

#legendeEspaceReporting .panel-body {
  height:212px;
}

.bg-success {
  background-color: #3A8785;
  color: white;
}
.btn-aide {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
}

.btn-aide ~ .popover {
  /* left: 1232px!important; */
  position: fixed;
  right: 0;
  left: auto!important;
  max-width: 350px;
  width: 350px;
}

.bg-info {
  background-color: #5bc0de;
  color: white;
}
.bg-warning {
  background-color: #f0ad4e;
  color: white;
}

.bg-danger {
  background-color: #EB3D3D;
  color: white;
}

.text-primary {
  color: #A9584E;
}

.text-white {
  color: #ffffff;
}
.text-success {
  color: #3A8785;
}
.text-info {
  color: #5bc0de;
}
.text-warning {
  color: #f0ad4e;
}
.text-danger {
  color: #EB3D3D;
}
.panel-default>.panel-heading .text-danger .badge {
  background-color: #EB3D3D;
  color: white;
}

.panel-default>.panel-heading .text-warning .badge {
  background-color: #f0ad4e;
  color: white;
}
.panel-default>.panel-heading .text-info .badge {
  background-color: #5bc0de;
  color: white;
}

.panel-default>.panel-heading .text-success .badge {
  background-color: #3A8785;
  color: white;
}

.panel-default>.panel-heading .text-primary .badge {
  background-color: #A9584E;
  color: white;
}

.alert-success { 
  color: #ffffff;
  background-color: #7FB980;
  border-color: #7FB980;
}
.alert-info { color:#48131B }


.dropzone {
    position: relative;
    font: bold 20px arial;
    text-align: center;
    /* height: 200px; */
    border: 2px dashed lightgray;
    color: lightgray;
    overflow: hidden;
    width: 100%;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 5px;
}
.dropzone input {
  position: absolute;
  opacity: 0;
}
.dz-message {
  height: 100%;
}
/* .dz-message span {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
} */


.tab-pane {
  background-color: white;
}


h1 {
  font-size: 21px;
  word-wrap: break-word;
}
h2 {
  font-size: 18px;
  word-wrap: break-word;
}
h3 {
  font-size: 14px;
  color: #A9584E;
  word-wrap: break-word;
}
p {
  font-size: 14px;
  color: #353535;
  word-wrap: break-word;
}

a {
  color: #3A8785;
  font-size: 14px;
  word-wrap: break-word;
}

a:hover, a:focus {
  color: #3A8785;
  font-size: 14px;
}

/*a:visited {
  color: #3A8785;
  font-size: 14px;
}*/

.clearfix {
  display: block;
  clear: both;
}

.ml-15 {
  margin-left: 15px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}

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


:focus {
  outline: 0;
}
a:hover, a:focus {outline:none;outline-offset: inherit;color:;}

.nopadding {
  padding: 0 !important
}
.nopdl {
  padding-left: 0!important;
}
.nopdr {
  padding-right: 0!important;
}

.descr-fiches p {
  color: #929294;
}
.descr-fiches b {
  color: #353535;
}

/*.modal-open #sidebar-wrapper, .modal-open #topnav, .modal-open #DTLogPivotal_wrapper, .modal-open #main,
.swal2-in #sidebar-wrapper, .swal2-in #topnav, .swal2-in #main {
  filter: blur(5px);
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
}*/

.border-grey {
  border-left: 4px solid #A9584E;
}
.border-grey .material-icons {
  color: #A9584E;
}

.nomargin {
  margin: 0 !important
}

.mgtb5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mgt-5 {
  margin-top: 6px;
}

.mgt-15 {
  margin-top: 15px;
}

.nomarginbottom {
  margin-bottom: 0 !important;
}

.margin-bottom-30 {
  margin-bottom: 30px
}

dt {
  font-weight: 500;
  word-wrap: break-word;
}

dd {
  font-weight: 700;
  word-wrap: break-word;
}

.dl-horizontal dt {
  text-align: inherit;
}

.bd-top {
  border-top: 1px solid #ddd;
}

.bd-left {
  border-left: 1px solid #ddd;
}

.bd-right {
  border-right: 1px solid #ddd;
}

.bd-bottom {
  border-bottom: 1px solid #ddd;
}

.border {
  border: 1px solid #f1F1f1
}

.no-border {
  border: none
}

.no-border-top {
  border: 1px solid #ddd;
  border-top: 0;
}

.material-icons {
  vertical-align: middle;
}
/* Rules for sizing the icon. */
.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}
/*Special sinpa-icons style*/
.material-icons.md-26 {
  font-size: 26px!important;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

/*colors*/
.txt-orange {
  color: #F7A92D;
}

.txt-blue {
  color: #0084BA;
}

.txt-red {
  color: #D0004F;
}

.txt-purple {
  color: #747FB7;
}

.txt-green {
  color: #C4CD02;
}

.txt-white {
  color: #ffffff;
}

.txt-grey {
  color: #9B9B9B;
}

.bg-orange {
  background: #F7A92D;
}

.bg-blue {
  background: #0084BA;
}

.bg-red {
  background: #D0004F;
}

.bg-purple {
  background: #747FB7;
}

.bg-green {
  background: #C4CD02;
}
.bg-grey {
  background: #f7f1f1;
}
.logo img {
/*   width: 50px;
 */  max-height: 50px;
}

/*span.Proj-Stat {
  width: 10px;
  height: 10px;
  background: #D3AE43;
  border-radius: 100%;
  display: -webkit-inline-box;
  display: inline-block;
  margin: 0 10px;
  color: transparent;
}

span.Proj-Bo {
  width: 10px;
  height: 10px;
  background: #4A90E2;
  border-radius: 100%;
  display: -webkit-inline-box;
  display: inline-block;
  margin: 0 10px;
  color: transparent;
}

span.Proces-Platinium {
  width: 20px;
  height: 20px;
  background: #969696;
  color: #fff;
  display: -webkit-inline-box;
  display: inline-block;
  margin: 0 10px;
  padding: 0px 5px;
}
.header-fiche.projet-platinium,
.header-fiche.projet-platinium .panel-footer{
	background:	#969696;
}
span.Proces-Gold {
  width: 20px;
  height: 20px;
  background: #D3AE43;
  color: #fff;
  display: -webkit-inline-box;
  display: inline-block;
  margin: 0 10px;
  padding: 0px 5px;
}
.header-fiche.projet-gold,
.header-fiche.projet-gold .panel-footer{
	background:	#D3AE43;
}
span.Proces-Silver {
  width: 20px;
  height: 20px;
  background: #CCCCCC;
  color: #fff;
  display: -webkit-inline-box;
  display: inline-block;
  margin: 0 10px;
  padding: 0px 5px;
}
.header-fiche.projet-silver,
.header-fiche.projet-silver .panel-footer{
	background:	#CCCCCC;
}

.dataTables_wrapper span.Proj-Stat, .dataTables_wrapper span.Proj-Bo,
  .dataTables_wrapper span.Proces-Platinium, .dataTables_wrapper span.Proces-Gold,
  .dataTables_wrapper span.Proces-Silver {
  margin: 0
}*/

div.dataTables_wrapper div.dataTables_length select {
	line-height: 100%;
}

div.dataTables_wrapper div.dataTables_processing {
  top: 0;
  margin-top: 0;
}

.btn.dataTables_searchBtn {
  padding: 3px 10px;
  height: 29px;
  margin-bottom: 1px;
}

form .btn+.btn.dataTables_searchBtn {
  margin-bottom: 1px;
}

.navbar-brand img {
  width: 150px;
}

/*
  ////// Badge //////
  */
.badge {
  padding: 6px 10px;
  border-radius: 15px;
  font-weight: normal;
  min-width: 23px;
  font-size: 15px;
}

.panel-default>.panel-heading .badge {
 /*  margin-left: 10px;
  margin-top: 12px; */
}

.badge-red {
  background-color: #F43545 !important;
}
/*
  //////  //////
  */


.panel-shadow {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12) !important;
}

/*
  ////// BTN //////
  */
.btn {
  border-radius: 0;
  padding: 6px 15px;
}

form .btn {
  margin-bottom: 0px;
}

select {
  background-color: transparent;
  width: 100%;
  border: none;
  height: 20px
}
select:focus {
  outline: none}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-top: 0px solid black;
  border-left: 0px solid black;
  border-right: 0px solid black;
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: transparent;
  color: #3A8785;
}
/*.mdl-selectfield label {display: none;}*/



.mdl-selectfield select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 5px;
}
.mdl-selectfield {position: relative;border: 1px solid #eee;padding: 5px;border-radius: 2px;}
.mdl-selectfield:after {
   position: absolute;
        top: 0.4em;
        right: 1.5em;
        width: 0;
        height: 0;
        padding: 0;
        content: '';
        pointer-events: none;
        content: "\e252";
      font-family: 'Glyphicons Halflings';
}
.form-group.has-success .mdl-selectfield {border: 1px solid #65c566;background: #e3f9e3;}
.form-group.has-error .mdl-selectfield {border: 1px solid #f62b0a;background: #f7dcd7;}


.form-control:focus {
  outline: none;
  border-color: #ccc;
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6);
}

form .btn+.btn {
  margin-bottom: 0;
  margin-left: 0px;
  margin-bottom: 0px;
}

.btn:active, .btn.active, .btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus,
  .btn:active:focus, .btn:focus {
  outline: none;
}

table th {
  padding: 5px;
}
table {
  overflow: hidden;
  border-radius: 2px;
  margin-top: 10px!important;
  margin-bottom: 10px!important;
}

.panel.with-actions .title {
  float: left;
}
.panel.with-actions .title+.pull-right {

}

/*.sorting_1 .material-icons {
  color: #A9584E;
}*/

.btn {
  -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
       -o-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out;
          border: none;
          border-radius:  2px;
}

.btn i {
  font-size: 20px;
  vertical-align: middle;
 /*  -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
       -o-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out; */
}
.btn:visited:not(.btn-link) {
  color: #FFFFFF;
}

.btn-link, .btn-link:hover, .btn-link:focus {
  text-decoration: none;
  color: #3A8785;
}

.btn-default {
  border-color: #D9DAE7;
  background-color: #A9584E;
  color: #FFFFFF;

}

.btn-danger {
  background-color:#EB3D3D;
}

.btn-default:visited, .btn-success:visited {
  background-color: #3A8785;
  color: #FFFFFF;
}

.btn-default:hover {
  background-color: #A9585E;
  color: white;
}

.btn-default:focus,  .btn-default:active  {
  background-color: #A9584E!important;
  color: white!important;
}

.modal-body.no-overflow {
  overflow-y: hidden;
  padding-right: 0;
  padding-left: 0;
  padding-top: 0;
}
.sticky-form {
  position: absolute;
  left:0;
  right:0;
  bottom: 0;
  background-color: white;
  padding: 0px 20px 5px;

}

#modal-open-echange .modal-title {
  position: absolute;
  left:50%;
  transform: translateX(-50%);
  width: auto;
}
#js-form-echange {
  padding: 20px 0;
}
#js-form-echange label {
  color: #929294
}
#modal-open-echange .modal-header {
  border-bottom: 1px solid #f1f1f1;
}
.echanges p:nth-child(2) {
  color: #353535;
}
.echange_ecotlc, .echange_collectivite {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 50%;
}
.messenger-list {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 400px);
  /* margin-right: 20px; */
  padding-bottom: 175px;
  background-color: #f8f8f8;
}
.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger,
  .btn-primary:hover, .btn-success:hover, .btn-info:hover, .btn-warning:hover,
  .btn-danger:hover, .btn-primary:focus, .btn-success:focus, .btn-info:focus,
  .btn-warning:focus, .btn-danger:focus {
  border-color: #fff;
  transition-duration: 0.3s;
}

.btn-primary {
  color: #fff;
  background-color: #2196f3;
  border-color: #fff;
}
.panel.panel-reporting-active {
  cursor: not-allowed;

}
.panel.panel-reporting-active a {
  background-color: #A9584E;
  color: white;
  pointer-events: none;
    border-bottom: 1px solid #A9584E;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus,
  .btn-primary.focus {
  color: #fff;
  /* background-color: #5067a9; */
  border-color: #fff;
}

.btn-primary:active:focus, .btn-primary:active:hover {
  border-color: inherit;
}

.btn-group-vertical>.btn, .btn-group>.btn {
  border-radius: 0
}
/*
  ////// Scrollbar Styles //////
  */


.scroll-wrapper > .scroll-content {
    max-height: 450px;
}
#panelDerniersMessages .scroll-wrapper > .scroll-content {
    max-height: 530px;	/* 450 + 2x20 pour le padding du bloc actu*/
}

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 1px;
    top: 0;
    width: 5px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

/* table tr td:last-child * {
  background-color: red!important;
  display: inline-block;
} */

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
      padding: 8px 5px;
/*       white-space: nowrap;
 */}




/*
  ////// Select //////
  */
.bootstrap-select .btn-default {
  border: 0;
  background: #E9E9EA;
  color: #5067a9;
}

.bootstrap-select {
  position: relative;
}

.selectric,.selectric-open .selectric, .selectric-hover .selectric, .selectric-focus .selectric {
  border: none!important;
  background-color: #E9E9EA!important;
}

.selectric-items li:hover, .selectric-items li:focus {
  background-color: white!important;
  color: #3A8785!important;
}

.selectric .label {
  text-align: left!important;
}

.selectric-items:before,
.selectric-items:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.selectric-items:after {
    clear: both;
}

.selectric-items:before {
width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 8px 5px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.selectric-items:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 8px 9px 8px;
  border-color: transparent transparent #e7e6e7 transparent;
  z-index: -1;
  /* box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.12); */
  position: absolute;
  top: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}

.bootstrap-select .dropdown-menu {
  left: 0;
}

.dataTables_scrollHeadInner {
  width: 100%!important;
}
.dataTables_scrollHeadInner > table {
  width: 100%!important;
}

.selectric .button {
  background-color: transparent!important;
}

.nopdlr {
  padding-left: 0!important;
  padding-right: 0!important;
}

.nopdr {
  padding-right: 0!important;
}
.nopdl {
  padding-left: 0!important;
}

.selectric-items {
  background-color: white!important;
  border: none!important;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12) !important;
  top: 135%!important;
}
.selectric-items li.highlighted {
  background-color: transparent!important;
  color: #3A8785!important;
}

#filtrePAV > .row-fluid > .col-md-12 {
    padding: 15px 25px;
}


.select2-dropdown {
  top: 2px;
}

.select2-container--open .select2-dropdown--below {
  border-top: 0px solid #aaa;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.list-group-item .contrats-num {
  float: left;
  width: 40%;
}
.list-group-item .contrats-sign {
  float: left;
  width: 60%;
}
.list-group-item .contrats-pdf {
  margin-bottom:20px;
}
.panel.panel-shadow.highlight {
  box-shadow: 0 1px 10px #A9584E !important
}
.select2-dropdown {
  border: 0px solid #aaa;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
}

.modal-dialog {
/*   display: inline-block;
 */  text-align: left;
  vertical-align: middle;
} */

/*
 *  End css modal
 */

.select-all-entite {
  margin-top: 20px;
}

#btnselect-all-type, #btnselect-all-entite {
  background-color: #5067a9;
  color: white;
}

#btnunselect-all-type, #btnunselect-all-entite {
  background-color: #F43545;
  color: white;
}

#type-first-ul , #type-second-ul , #entite-first-ul , #entite-second-ul {
  border: 1px solid #ddd;
/*   height: 411px;
 */}

#type-first-ul, #entite-first-ul {
  margin-top: 0!important;
}

#type-second-ul, #entite-second-ul {
  min-height: 470px;
  max-height: 470px;
}

#div-ul-entite-first, #div-entite-second-ul {
  height: 411px;
  margin-bottom: 0;
  overflow: auto;
}

#sujet-error, #js-error-empty-dest {
  font-weight: bold;
  color: red;
}
#js-form-fiche_projet{
  padding-bottom: 15px;
}
#js-form-fiche_projet .panel-footer{
  position: fixed;
  bottom:   0;
  left:   200px;
  right:    0;
  background: white;
  border-top: 1px solid #CCC;
}



.radio label.form-field-radio-label {
  width: auto;
}

/*
* Erreur validate
*/
.has-error,
.panel-fiche select.has-error,
.panel-fiche select.form-control.has-error{
  border:       1px solid #E20613;
  background-color: #F2DEDE;
}
.errorContainer ul>li>span{
  font-weight:  bold;
}
.errorContainer ul>li.js-ancre:hover{
  cursor: pointer;
  text-decoration: underline;
}
.asterix-required{
  color:  red;
}

.red-icon {
  font-size: 25px;
  color: #F43545 !important;
}

.field-highlight{
  background: yellow; /*un bon gros jaune*/
}

div#modal-content-form-ne-pas-repondre ul.list-group li.list-group-item-warning {
  background: #fcf8e3;
}
div#modal-content-form-ne-pas-repondre ul.list-group li.list-group-item-danger {
  background: #ebcccc;
  color: black;
}

/*
 * Aperçu d'image
 */
 .image-preview, .default-image-preview, .image-preview-static, .default-image-preview-static {
  display: block;
  margin-bottom: 10px;
 }

.image-preview, .default-image-preview {
  max-width: 100%;
}

.default-image-preview {
  background: url('../images/image-preview.png') no-repeat;
}

.image-preview-static {
  max-width: 246px;
  max-height: 138px;
}

.default-image-preview-static {
  width: 246px;
  height: 138px;
  border: 1px solid #e5e5e5;
  text-align: center;
  color: #e5e5e5;
  background-color: #ffffff;
}

.default-image-preview-static .material-icons {
  font-size: 136px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

/* Loader */
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}

.send-form .material-icons {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

.text-danger {
  color: #a94442;
}



.panel-body .list-group-item .contrats-pdf a, .panel-body .list-group-item .contrats-pdf a:hover, .panel-body .list-group-item .contrats-pdf a:focus {
  color: #3A8785;
}
.panel-body .list-group-item .contrats-pdf a i {
  color: #3A8785;
}
.list-group-item .contrats-sign p:first-child {
  margin-bottom: 0;
}

.list-group-item .contrats-pdf i {
  position: inherit;
  left:  auto;
  margin-top: -7px;
}
/*

  /*
  ////// Select2 //////
  */
.select2-container--default .select2-selection--single {
  background: #E9E9EA;
  border: 0px solid #aaa;
  border-radius: 0;
}

.select2.select2-container.select2-container--default.select2-container--below.select2-container--open .select2-selection.select2-selection--single .select2-selection__rendered
  {
  color: #333;
  background-color: #d4d4d4;
  border-color: #adadad;
}

.select2-container--default .select2-selection--single .select2-selection__rendered
  {
  color: #3A8785;
  line-height: 28px;
}

.select2-dropdown:before,
.select2-dropdown:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.select2-dropdown:after {
    clear: both;
}

.select2-dropdown:before {
width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 8px 5px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.select2-dropdown:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 8px 9px 8px;
  border-color: transparent transparent #e7e6e7 transparent;
  z-index: -1;
  /* box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.12); */
  position: absolute;
  top: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}

.select2-dropdown.select2-dropdown--above:before, .select2-dropdown.select2-dropdown--above:after {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b
  {
  border-color: #5067a9 transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b
  {
  border-color: transparent transparent #333 transparent;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]
  {
  /* background-color: #E9E9EA;
  color: #333; */
}

.select2-container--default .select2-results>.select2-results__options {
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
/*
  ////// Login //////
  */
  #logoLogin img {
    margin: 20px 0px;
  }

/*
  ////// Fiche //////
  */
.fiche-slide {
  opacity: 0.2;
  transition: all 0.4s ease 0s;
}

.fiche-slide:hover {
  opacity: 1
}
.fiche-slide i {
  font-size: 6em;
  color: #fff
}
a.fiche-slide {text-decoration: none;}
/*
  ////// WRAPPER //////
  */
#wrapper {
/*   padding-left: 200px;
 */  transition: all 0.4s ease 0s;
  min-height: 100%;
}

#content-wrapper {
  margin-top: 70px
}


.js-search-modal[data-toggle="tooltip"] {
  padding-bottom: 0px;
  height: 34px;
}
.js-search-modal i{
	line-height:	21px;
	float:			left;
}


.js-search-modal[data-toggle="tooltip"] span.badge {
  top: -6px;
/*   float: right;
 */  border-radius: 0;
  padding: 10px 15px;
  right: -12px;
  background: #daf3f8;
  color: #4a4a4a;
}

.alert {
  border-radius: 2px;
}

.js_send_courrier_one_collectivite {
  margin-right:10px;
}

.tpl_login #wrapper {padding:0;}
/*
  ////// TABLE //////
*/
thead {
  /* background: #5067A9; */
  background: rgba(146, 146, 148, 0.3);
  color: black;
  font-weight: normal;
}

th {
  font-weight: normal;
}

.table td a.voir:hover, .table td a.voir:active, .table td a.voir:focus
  {
  text-decoration: none;
}

.table td a .icon-voir {
  font-size: 20px;
  color: #6BD0E2
}
table.dataTable {margin-top: 0px !important;}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover,
  .pagination>.active>span:hover, .pagination>.active>a:focus,
  .pagination>.active>span:focus {
  /* background-color: #6BD0E2;
  border-color: #6BD0E2; */
  background-color: #3A8785;
  border-color: #3A8785;
}

.has-error .form-control {
  border-color: #EB3D3D;
  border-top: 0px solid #EB3D3D;
   border-left: 0px solid #EB3D3D;
    border-right: 0px solid #EB3D3D;
}
.has-error label {
  color: #EB3D3D;
}

.nav-tab {
  background: rgba(255, 255, 255, 0.55);
}

.nav-tab .btn {

  border-bottom: 0px;
  background: #fff;
  border-radius: 0;
  padding: 9px 15px;
}

.nav-tab .btn.active {
  background-color: #A9584E;
  color: #fff;
  border: #A9584E;
  /*border: 1px solid #5067A9;*/
  border:none;
}
.nav-tab .btn.active .badge {
  color: #fff
}

.nav-tab .btn .badge {
  margin: 0 0 0 5px;
  background-color: transparent;
  color: #727272;
}

.nav-tab .check-coche {

}
.nav-tab .check-coche .btn {
  background-color: #F0FAFC;
  border-left: 1px solid #E3E3E3;
}
.nav-tab .responsivetabs-more .dropdown-menu li a {
  text-align: left;
}
.nav-tab .responsivetabs-more .dropdown-menu li a span.badge{
  /*float: right; //@since 11/04/2017 by Steph : J'enleve le float:right , car c'�tait mal align�. */

}

div.dataTables_scrollBody table {
  font-size: 12px
}

table.dataTable.fixedHeader-floating {
  top: 100px !important
}

form#form-search-projet {padding: 8px 5px}
/*
  ////// NAV //////
  */
.nav>li>a:hover, .nav>li>a:focus {
  /*background-color: initial;*/
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
  background-color: #5067a9;
  color: #fff;
  border: 0;
}


#btnConfigurationFilInfoContent {
  position: absolute;
    z-index: 99;
    right: 16px;
    max-width: 500px;
    top: 38px;
    background: #F3F5F6;
    border: 1px solid #D9DAE7;
    display: none;
    font-size: 14px;
}


#formConfigurationFilInfo {
  padding: 20px;
}
/*
  ////// FORM //////
  */
.form-inline .mdl-selectfield {
  display: inline-block;
}


#form-login .error, #modal-login-edit .error {
  margin-left: 0px;
}

#form-login label.error, #modal-login-edit label.error, form label.error  {
  color: #d9534f;
}

#form-login .form-control {
  margin: 0;
}

.form-group {
  position: relative;
}

.form-group.floating-label.float-select label {
  z-index: -1;
}

.form-group.floating-label label {
  position: absolute;
  cursor: pointer;
  top: 5px;
  left: 15px;
  font-size: 16px;
  font-weight: 300;
  -webkit-transition: all .15s ease-in-out;
     -moz-transition: all .15s ease-in-out;
      -ms-transition: all .15s ease-in-out;
       -o-transition: all .15s ease-in-out;
          transition: all .15s ease-in-out;
}

.form-group.floating-label.is-floating label {
  bottom: auto;
  top: -10px;
  left: 0;
  font-size: 12px;
  opacity:1;
  z-index: 1;

}


.form-control {
/* margin: 0 5px;*/
	box-shadow: none;
  padding: 6px 15px;
  border-top: 0px solid black;
  border-left: 0px solid black;
  border-right: 0px solid black;

}

.form-control-file {
  width: 100%;
}

.nav-tab .btn.active {
  background-color: #A9584E;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
}

.label-success {
  background-color: #3A8785;
}

/* Le .label-success du build bootstrap du projet reprend l'accent brique
   (#A9584E), quasi indistinguable du .label-danger (#D9534F) : le badge
   "Derniere sync : OK" se lisait comme une erreur. On force le vert de
   validation deja utilise par l'application (cf. .text-ok-valid). */
.refashion-sync-widget .label-success {
  background-color: #70AD47;
}

label.control-label {
  color: #353535;
  font-weight: normal;
}

.form-group .desc {
  font-size: 13px;
  color: #999999;
  margin-left: 15px;
}

.form-control, .form-group .form-control {
  border-radius: 0 !important;
}

.form-group {
  margin-bottom: 10px;
  position: relative;
}

.form-horizontal .control-label {
  text-align: inherit;
}


.navbar-default {
  /* background-color: white; */
  background: url('../images/bg-header-ecotlc.png') no-repeat center;
  background-size: cover;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.12);
  border-radius: 0;
}
.navbar-default .navbar-nav>li>a {
  color: #353535;
  font-weight: 600;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  background-color: transparent;
  color: inherit;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  background-color: transparent;
  color: inherit;
}
.navbar-default .container:nth-child(1) {
  padding-bottom: 5px;
}
#topbar.navbar-default .container:nth-child(1) {
  padding-bottom: 0;
}

.menu .navbar-nav>li.active>a {
  color: #3A8785;
  /*pointer-events: none;*/
}

.slick-prev:before, .slick-next:before {
  color: #929294;
}

.slick-prev:before {
  content: '\E314';
    font-family: "Material Icons";
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga' 1;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}

.slick-next:before {
  content: '\E315';
    font-family: "Material Icons";
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga' 1;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}

.menu .navbar-nav {
 /*  width: 701px; */
  float: none;
  margin:  0 auto;
  display: table;
  table-layout: fixed;
  background: #fff;
  border-bottom-right-radius: 15px;
}
.navbar-right {
  background: #fff;
  border-bottom-right-radius: 15px;
  margin-top:15px;
}

.menu .navbar-nav>li {
  display: table-cell;
  float: none;
}
.menu .navbar-nav>li.submenu-active>a {
  color: #3A8785;
}

.menu .navbar-nav>.open.submenu-active>a, .menu .navbar-nav>.open.submenu-active>a:focus,.menu .navbar-nav>.open.submenu-active>a:hover {
  color: #3A8785;
}

.user_name {
  /* float: left; */
  margin-top: 10px;
}
.user_name + .img-control {
  float: right;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  background-color: transparent;
  color: #3A8785;
  /*pointer-events: none;*/
}

.grade {
/*     margin-left: -25px;
 */    font-style: italic;
    font-weight: 100;
    color: #b5b5b5;
    font-weight: 300;
}

.dropdown-menu:before,
.dropdown-menu:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.dropdown-menu:after {
    clear: both;
}

.dropdown-toggle i {
  font-size: 18px;
}

.navbar-nav>li>.dropdown-menu {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.footer-wrap {
  padding-top:30px;
  padding-bottom:30px
}

.footer-wrap .list-inline a {
  color: #353535;
}
.footer-wrap .list-inline a:hover, .footer-wrap .list-inline a:focus  {
  color: #A9584E;
  text-decoration: none;
}

.btn-panel-like {
  background-color: white;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.12);
  padding: 18px;
  border-radius: 4px;
  text-align: left;
}
.btn-panel-like:hover, .btn-panel-like:focus, .btn-panel-like:active {
  background-color: #A9584E;
  color: white!important;
  font-size: 18px;
}
.btn-panel-like:hover i, .btn-panel-like:focus i, .btn-panel-like:active i {
  color: white;
}
.btn-panel-like i {
  font-size: 24px;
  margin-right: 5px;
}
a.btn-panel-like {
  color: #353535;
}
a.btn.btn-panel-like:visited {
  color: #353535;
}
.btn-panel-like .icone-title {
  color: #A9584E;
}



.dropdown-menu:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 8px 5px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.dropdown-menu:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 8px 9px 8px;
  border-color: transparent transparent #e7e6e7 transparent;
  z-index: -1;
  /* box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.12); */
  position: absolute;
  top: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}

.dropdown-menu {
  left:  -35px;
  top: 125%;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.12);
  border: none;
}

.panel-affix.is-fixed {
  position: fixed;
left: 54px;
right: 54px;
top: 56px;
/* width: 100%; */
z-index: 999;
background-color: white;
border-bottom: 1px solid #ddd;
}

/*#nav-tab.affix {background: #fafafa;width: 100%;right: 0;left: 0;padding-left: 200px;border-bottom: 1px solid #DDD;top: 100px;z-index: 999}*/
/*
  ////// NAV LISTE //////
  */
.nav-sub {
  display: inherit;
  text-align: center;
  margin: 0px 0 0px 0
}

.nav-sub .btn {
  float: none;
  border-radius: 50px;
  margin: 5px 5px;
  font-size: 14px;
  /* color: #5067A9; */
  color: white;
  padding: 5px 5px 5px 15px;
}
  .nav-sub .dropdown{display: inline-block; }
  .nav-sub .dropdown .caret{ margin-left: 5px; }
.nav-sub .btn.nobadge {
  padding: 5px 15px;
}

.nav-sub .btn.active {
  /* background-color: #6BD0E2; */
  color: #fff;
  /* border-color: #6BD0E2; */
  background-color: #3A8785;
  border-color:#3A8785;
}

.nav-sub .btn.active .badge {
  background-color: #fff;
  color: #5067A9;
}

.nav-sub .badge {
  margin-left: 10px;
  background-color: #5067A9
}

.nav-sub .btn-default:hover {
  background-color: #3A8785;
  /* border-color: #6BD0E2; */
  transition: all 0.4s ease 0s;
  /* color: #5067A9 */
  border-color: #3A8785;
  color: white;
}

.nav-sub2 {
  display: inherit;
  text-align: center;
}

.nav-sub2 .btn {
  float: none;
  border-radius: 50px;
  margin: 5px;
  font-size: 14px;
  color: #5067A9;
}

.nav-sub2 .btn.nobadge {
  padding: 5px 15px;
}

.nav-sub2 .btn.active {
  background-color: #6BD0E2;
  color: #fff;
  border-color: #6BD0E2
}

.nav-sub2 .btn.active .badge {
  background-color: #fff;
  color: #5067A9;
}

.nav-sub2 .badge {
  margin-left: 10px;
  background-color: #5067A9
}

.nav-sub2 .btn-default:hover {
  background-color: #fff;
  border-color: #6BD0E2;
  transition: all 0.4s ease 0s;
  color: #5067A9
}
/*
  ////// TOPNAV //////
  */
#topnav {

  margin: 0;
  border: none;
  box-shadow: 2px 1px 3px 0px rgba(0, 0, 0, 0.2);
  background: #fafafa;
  transition: all 0.4s ease 0s;
  position: fixed!important;
    left: 200px;
    right: 0;
    top: 0!important;
    z-index: 9;
}

#topnav.affix {
  position: fixed!important;
  top: 0;
  right: 0px;
  left: 200px;
  z-index: 1000;
  animation: showMe 0.3s;
    -webkit-animation:  showMe 0.3s;
    -moz-animation:  showMe 0.3s;
    -ms-animation:  showMe 0.3s;
}

.navbar-nav .user {
  /* margin-right: 0; */
  padding-left: 0;
  padding-right: 0;
}
.navbar-nav.user li> a {
  /* padding-right: 0; */
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color:#fff;
    background-color:#A9584E;
}

.nav-pills > li > a:hover, .nav-pills > li > a:focus {
    color:#fff;
    background-color:#A9584E;
}

.input-group-addon:first-child {
    border-top: 0px solid black;
    border-left: 0px solid black;
    background-color: transparent;
    border-radius: 0;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    color: #fff;
    background-color: #A9584E;
    border-color: #A9584E;
}

.input-group-addon:last-child {
    border-top: 0px solid black;
    border-right: 0px solid black;
    background-color: transparent;
    border-radius: 0;
}

.input-group-addon:last-child.datetimepicker-btn {
    border-top: 0px solid #d8dae7;
    border-right: 0px solid #d8dae7;
    border-bottom: 0px solid #d8dae7;
    background-color: #F7F7F7;
}

.nav-tab .btn-group .btn {
  color: #727272;
}

.nav-tab .btn-group .btn:hover, .nav-tab .btn-group .btn:focus  {
  color: #fff;
  background-color: #A9584E;
}

.nav-tab .btn-group .btn:hover .badge, .nav-tab .btn-group .btn:focus .badge {
  color: white;
}


.nav-tab .btn-group .btn.active {
  color: white;
}


.navbar-nav li a.disconnect:hover {
  opacity: 1;
}

.navbar {
  border-bottom: 1px solid transparent;
  margin-bottom: 40px;
}
.navbar-brand {
  padding: 25px 18px;
  margin-bottom: 50px;
}

#topnav .navbar-nav>li {
  float: initial;
  display: inline-block;
}


/*
WELL
*/
.well {    background-color: #f0f4f5; border:none;}

/*
  ////// MODALES DESIGN ////////
  */
/*
.modal-dialog {
  margin-top: 10rem;
} */

.modal-content, .swal2-modal, .swal2-modal .styled, .dropdown-menu, .select2-container--open .select2-dropdown--below, .label, .panel-group .panel {
  border-radius: 4px;
  margin-top: 10px;
}

.well {
    border-radius: 0px;
}

.modal-header {
/*   text-align: center;
 */  padding: 0px 15px;
}

/* .modal-backdrop {
	background:  url(../images/overlay.jpg) no-repeat;
	opacity: 0.7!important;
  background-size: cover;
} */

.close {
  font-size: 60px;
  font-weight: 100;
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.1s ease-in;
     -moz-transition: all 0.1s ease-in;
      -ms-transition: all 0.1s ease-in;
       -o-transition: all 0.1s ease-in;
          transition: all 0.1s ease-in;
}

.close:hover, .close:focus {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

#modal-content-show-email a[href] {
  text-decoration: underline;
  color: #5bc0de;
}

.modal-body {
    padding: 25px 20px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 200px);
}

.modal-title {
    margin-top: 15px;
    margin-bottom: 10px;
    float: left;
    width: 80%;
}

/* .modal-footer {
    text-align: center;
} */

/*
  ////// TOGGLE SIDEBAR ////////
  */

.tooltip .tooltip-inner {
  padding: 10px 15px;
  background-color: white;
  color: black;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.62) !important;
}
/*.tooltip .tooltip-arrow {border-right-color: #5067a9}*/
.tooltip.top .tooltip-arrow {
  border-top-color: white;
  color: black
}

.tooltip.right .tooltip-arrow {
  border-right-color: white;
  color: black
}

.tooltip.left .tooltip-arrow {
  border-left-color: white;
  color: black
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: white;
  color: black
}

.tooltip.fade.top.in {
  z-index: 93000
}

.popover {max-width: 100%;}

#formConfigurationFilInfo .col-md-6:first-child {
    border-right: 1px solid #f5f5f5;
}

#formConfigurationFilInfo .col-md-6:nth-child(2) {
    padding-left: 20px;
}

.swal2-modal button.styled {
  background-color: #6BD0E2!important;
}


/**/


/*
  ////// PANEL ////////
  */
.panel {
  box-shadow: none;
/*   border-radius: 0
 */}

 .panel-footer {
  background-color: transparent;
  padding: 0px 25px 20px;
 }

.panel-default {
  border-color: #E3E3E3;
  overflow: visible;
/*   background-color: #F3F3F3;
 */}

.panel-heading {
  padding: 15px;
}

.container.admin-container table td.text-right {
  white-space: nowrap;
}

.panel.only-actions .panel-body a:nth-child(2) {
  float: right;
}

.panel-default>.panel-heading {
  /* color: #5067A9; */
  color: black;
  background-color: transparent;
  border-color: #f5f5f5;
}


.panel-title {
  font-size: 18px;
  margin-bottom: 0
}

.panel-title .title {
  margin-left: 10px;
  float: left;
  margin-top: 12px;
  line-height: 2.2;
  color:  #353535;
}

.panel-title .icone-title {
  padding: 10px 0px 12px 12px;
  color: #fff;
  float: left;
  font-size: 26px;
  min-height: 62px;
}

.sidebar .panel-body {
   padding:  20px 35px;
}

.green-txt {
  color: #56BD39;
}

.panel-body {
/*   padding:  20px 35px;
 */   padding:  20px 25px;
}

input + label.has-error, select + label.has-error {
    padding: 10px;
    text-align: left;
    color: #555555;
    padding-left: 20px;
    width: 100%;
    border-bottom: 0px solid black;
  }

.panel-body .list-group {
  margin-top: 0;
  margin-bottom: 0;
}
.panel-body .list-group-item {
  border: none;
  padding: 5px 0px;
}
.panel-body .list-group-item a {
  color: #353535;
  text-decoration: none;
  -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
       -o-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out;
}
.panel-body .list-group-item a:hover, .panel-body .list-group-item a:focus {
  color: #A9584E;
}

/* .panel-title .btn-default {
  padding: 5px;
  margin: 5px;
  background: #F3F5F6;
  color: #6BD0E2;
  border: 1px solid #D9DAE7
} */

.panel-title .btn-default:active:hover, .panel-title .btn-default.active:hover,
  .panel-title .open>.dropdown-toggle.btn-default:hover, .panel-title .btn-default:active:focus,
  .panel-title .btn-default.active:focus, .panel-title .open>.dropdown-toggle.btn-default:focus,
  .panel-title .btn-default:active.focus, .panel-title .btn-default.active.focus,
  .panel-title .open>.dropdown-toggle.btn-default.focus, .panel-title .btn-group>.btn:active {
  margin: 5px;
  background: #D9DAE7;
  color: #ffffff;
  border: 1px solid #D9DAE7;
  box-shadow: none;
}

.panel-fiche {
  background: #F5F5F5;
}
.panel-fiche select,
.panel-fiche select.form-control{
	background-color:	white;
	border:				1px solid #ccc;
}

.panel-fiche .panel-title {
  color: #A9584E;
}

.thumbnail.thumbnail-shadow {
  border: none;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
}

.pagination>li>a, .pagination>li>span {
  color: #3A8785;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: white;
    background-color: #3A8785;
    border-color: #3A8785;
}

.pager li>a:focus, .pager li>a:hover {
    color: white;
    background-color: #3A8785;
    border: 1px solid #3A8785;
}

.panel-fiche .panel-body {
  padding: 15px 20px;
}

.panel-footer {
  border-top: none;
  color: #fff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
/*
  ////// LIST GROUP ////////
  */
.list-group-item {
  border: 1px solid #f7f7f7;;
}

.list-group-item i {
  position: absolute;
  left: 10px;
  color: #D9DAE7;
  font-size: 20px
}

a.list-group-item .list-group-item-heading {
  color: #9B9B9B;
  margin-bottom: 2px;
}

a.list-group-item .list-group-item-heading strong {
  color: #333;
  font-weight: 500;
}

.list-group-item-text {
  color: #9B9B9B
}

.list-group-item.ico {
  padding-left: 40px
}

.list-group-item-header {
    background: gainsboro;
    margin-top: 35px;
}

.list-group-item-header h5 {
    margin: 0;
    padding: 10px 15px;
    color: darkgrey;
}

/* LIST GROUP ITEM FOR SEARCH */

.select .list-group-item {
    border-left: 0px solid #A9584E;
    cursor: pointer;
    transform: scale(1);
    -webkit-transition: all .15s ease-in;
       -moz-transition: all .15s ease-in;
        -ms-transition: all .15s ease-in;
         -o-transition: all .15s ease-in;
            transition: all .15s ease-in;
            border-radius: 0;
  }
  .select .list-group-item:hover, .select .list-group-item:focus {
    border-left: 10px solid #A9584E;
    transform: scale(1.1) translateX(14px);
    -webkit-transition: all .15s ease-in;
       -moz-transition: all .15s ease-in;
        -ms-transition: all .15s ease-in;
         -o-transition: all .15s ease-in;
            transition: all .15s ease-in;
  }

  .selected .list-group-item {
    background: #3A8785;
    color: white;
    transform: scale(1);
    border-radius: 0;
    cursor: pointer;
  }

  .list-group.selected {
    margin-top: 35px;
  }

  .list-group.select, .list-group.selected {
    overflow-x: hidden;
    overflow-y: auto;

  }

  .selected .list-group-item:hover, .selected .list-group-item:focus {
    transform: scale(1.1) translateX(14px);
    -webkit-transition: all .15s ease-in;
       -moz-transition: all .15s ease-in;
        -ms-transition: all .15s ease-in;
         -o-transition: all .15s ease-in;
            transition: all .15s ease-in;
    background: #d61650;
    color: white;

  }

  .recherche input + span {
    border-radius: 0;
  }

  .recherche input {
      border-right: 0!important;
  }

  .bg-grey       {background: #f7f1f1;}
  .unselect      {background: #d61650; color: white; margin-bottom: 10px;}
  .unselect i    {float:left; margin-top: 3px;}
  .bg-grey i     {float:right; margin-top: 3px; color: #6BD0E2;}
  .unselect:hover, .unselect:focus  {background: #ad1341; color: white;}
/*
  ////// CHECKBOX ////////
  */
.checkbox label, .radio label {
  padding-left: 0px;
}

.md-checkbox {
  display: block;
  min-height: 24px;
  position: relative;
}

.md-checkbox label {
  cursor: pointer;
  font-weight: normal;
  padding-left: 30px;
}

.md-checkbox input[type="checkbox"] {
  opacity: 0;
  filter: alpha(opacity = 0);
  margin-left: -30px;
  position: absolute;
}

.md-checkbox input.disabled[type="checkbox"] {
  display: none;
}

.md-checkbox input[type="checkbox"]+.checkbox {
  border-radius: 1px;
  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;
  animation: checkbox-bg-off 0.25s;
  background: #F3F5F6;
  border-color: #D9DAE7;
}

.md-checkbox input[type="checkbox"]+.checkbox: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;
  animation: checkbox-marker-off 0.2s;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.md-checkbox input[type="checkbox"]:disabled+.checkbox:after {
  cursor: not-allowed;
}

.md-checkbox input[type="checkbox"]:disabled+.checkbox {
  cursor: not-allowed;
}

.md-checkbox label.disabled {
  cursor: not-allowed;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
       color: #3A8785;
       background-color: transparent;
}

.md-checkbox input[type="checkbox"]:focus+.checkbox:before {
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  width: 50px;
  opacity: 0.08;
  filter: alpha(opacity = 8);
}

.md-checkbox input[type="checkbox"]:checked+.checkbox {
  animation: checkbox-bg-on 0.1s;
  border-width: 10px;
}

.md-checkbox input[type="checkbox"]:checked+.checkbox:after {
  animation: checkbox-marker-on 0.15s;
}

.md-checkbox input[type="checkbox"]:checked:focus+.checkbox:before {
  opacity: 0.2;
  filter: alpha(opacity = 20);
}

.md-checkbox+.checkbox {
  margin-top: -5px;
}

.md-checkbox input[type="checkbox"]:checked+.checkbox {
  /* border-color: #6BD0E2; */
  border-color: #27b030;
}

.md-checkbox input[type="checkbox"]:checked+.checkbox:hover {
  /* border-color: #6BD0E2; */
  border-color: #27b030;
}

.md-checkbox input[type="checkbox"]:checked+.checkbox:after {
  border-color: #fff;
}

.md-checkbox input[type="checkbox"]:checked:focus+.checkbox {
  /* border-color: #6BD0E2; */
  border-color: #27b030;
}

.md-checkbox input[type="checkbox"]:checked:focus+.checkbox:before {
  /* background-color: #6BD0E2; */
  background-color: #27b030;
}

.invisible .md-checkbox input[type="checkbox"]+.checkbox {
  visibility: hidden;
}

.inline-checkbox {
  display: inline-block;
}

.no-more-tables .inline-checkbox {
  min-height: auto;
  vertical-align: baseline;
  margin-left: 10px;
  height: 20px;
}
.no-more-tables th .inline-checkbox {
  vertical-align: middle;
}
.no-more-tables th .inline-checkbox input[type="checkbox"]+.checkbox {
  /* border-width: 0; */
}
.no-more-tables th .inline-checkbox input[type="checkbox"]:checked+.checkbox:after {
  border-color: white;
}

select::-ms-expand {
  display: none;
}

select.form-control {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: transparent;
  background: url(../images/arrow-select.svg) right/18px 10px no-repeat
    #f7f7f7;
}

input.form-control:not (.datetimepicker ) {
  background-color: #f7f7f7;
  border: #d8dae7;
  border: 1px solid #d8dae7;
}

ul.connected-list {
    max-height: 435px;
    margin-top: 35px;
    min-height: 435px;
    border: 1px solid #ddd;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  border-top: 4px solid #5067a9;
}

.form-row {
  margin-bottom: 30px;
}

.radio {
  margin-bottom: 6px;
}


.radio.inline label {
  display: inline-block;
  vertical-align: top;
  margin-right: 18px;
}

.radio.inline:last-child {
  margin-right: 0;
}

label.label-xs, .radio label.form-field-radio-label.label-xs{ width:	50px; }
label.label-sm, .radio label.form-field-radio-label.label-sm{ width:	100px; }
label.label-md, .radio label.form-field-radio-label.label-md{ width:	150px; }
label.label-lg, .radio label.form-field-radio-label.label-lg{ width:	200px; }
label.label-fullwidth, .radio label.form-field-radio-label.label-fullwidth{ width:	100%; }

.radio label {
  display: block;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  /*width: 70px;*/
}

.radio input[type="checkbox"], .radio input[type="radio"] {
  display: none;
}

.radio .custom-checkbox, .radio .custom-radio {
  display: inline-block;
  vertical-align: top;
  margin: 0 6px 0 0;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #ddd;
  position: relative;
}

.radio .custom-radio {
  border-radius: 18px;
  background: #2095F0;
  box-shadow: inset 0 0 0 12px #fff;
  transition: all 180ms ease;
  top: 1px;
}

.radio input[type="radio"]:checked+.custom-radio {
  border-color: #929294;
  background: #27b030;
  box-shadow: inset 0 0 0 4px #fff;
}

.radio input[type="radio"]:checked+.custom-radio.radio-grey {
  border-color: #999;
  background: #999;
  box-shadow: inset 0 0 0 4px #fff;
}

.icon-check {
  background-image:
    url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.483%201.992l-7.186%207.066-3.778-3.715-2.518%202.475%205.037%204.954%201.259%201.237%209.704-9.541-2.518-2.476z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
}



/*
panelDerniersMessages
*/
/*#panelDerniersMessages .scroll-wrapper {max-height: 490px!important}*/


/*
 * Modale édition du périmètre des collectivités
 */
#modal-edit-perimetre-collectivite-list .list-group {
  height: 206px;
  background: #f7f7f7;
  overflow: auto;
}

#modal-edit-perimetre-collectivite-list .list-group-item:hover {
  cursor: pointer;
}

/*No more tables (responsive table)*/

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

  .no-more-tables div.dataTables_wrapper div.dataTables_info {
    padding-left:0;
  }
  /* 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,  .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;
  }

  .no-more-tables td.child, .no-more-tables td.child {
    padding: 0 0 0 0!important;
    font-size: 12px;
    overflow: auto;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  .no-more-tables thead tr, .no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .no-more-tables tr, .no-more-tables tr {
     border-bottom: 2px solid #F7F7F7;
/*     border: 5px solid #ffffff;
 */  }
  .no-more-tables td, .no-more-tables td {
    /* Behave  like a "row" */
    border: none;
    /*border-bottom: 1px solid #e3e3e3;*/
    position: relative;
    padding-left: 5%;
    white-space: normal;
    text-align: left;
    font-weight: bold;
  }
  .no-more-tables td:before, .no-more-tables td:before {
    padding-right: 10px;
    white-space: nowrap;
    content: attr(data-title);
    font-weight: 400;
    color: #666;
  }
  .no-more-tables td .md-checkbox, .no-more-tables td .md-checkbox {
    display: inline-block;
  }
  .no-more-tables  td[data-title='voir'] {
    text-align: center;
    background: #6bd0e2;
  }
  .no-more-tables  td[data-title='voir'] a .icon-voir {
    color: #fff;
    font-size: 25px;
  }
  .table>tbody>tr>td {
    border-top:none;
    padding:6px 0px 0px 0px
  }
  .table-striped>tbody>tr:nth-of-type(odd) {background-color: #fff;}
  .table-hover>tbody>tr:hover {background-color: #fff;}
}

  /*///// JUMBOTRON ////////
  */
.jumbotron {
  background: #5067A9;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}

.container .jumbotron, .container-fluid .jumbotron {
  border-radius: 0px;
  padding-right: 20px;
  padding-left: 20px;
}

.jumbotron p {
  font-size: 14px;
  margin-bottom: 5px;
}
/*
  ////// TABS ////////
  */
.nav-tabs {
  background: #f0f4f5;
  border-bottom:none;
}

#nav-tab > * {
  padding:  0;
}

.nav-tabs.nav-justified>li>a {
  border-radius: 0;
}
.nav-tabs>li {
  margin-bottom:0;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
      border: none;
      background-color: white;
      color: black;
}

.nav-tabs>li#onglet-fiche-projet-qualification>a {
  color: #F43545;
}
.nav-tabs>li#onglet-fiche-projet-qualification.active>a, .nav-tabs>li#onglet-fiche-projet-qualification>a:hover, .nav-tabs>li#onglet-fiche-projet-qualificationa:focus {
  border: none;
  background-color: #F43545 !important;
  color: white;
}

.nav-tabs>li>a:hover, .nav-tabs>li>a:hover span.badge, .nav-tabs>li>a:focus span.badge{
  background: white;
  color: black;
  transition: all 0.3s ease 0s;
/*   border-color: transparent;
 */}

 .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
  border: 1px solid #ddd;
 }

.nav-tabs>li>a {
  line-height: 1;
  color: #3C3C3B;
  border-radius: 0;
  margin-right: 0;
  border: 0;
}

td[data-title="Actions:"], td[data-title="Actions"], td[data-title="Actions :"] {
/*     background-color: red;
 */    white-space: nowrap
  }


/*------------------------------------------------
  ROW HEIGHT
------------------------------------------------*/
.row-eq-height {
  display: -ms-flexbox;
  display: flex;
}



/* Datetimepicker  */
.datetimepicker, .datetimepicker:focus {
  background-color: #F7F7F7;
  border:none;
}

.date .datetimepicker {
  /*padding-left: 5px;*/
  min-width: 100px;
}

.bootstrap-datetimepicker-widget.dropdown-menu thead {
  border-radius: 0;
}

.datetimepicker:focus {
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px
    rgba(102, 175, 233, .6);
}

.bootstrap-datetimepicker-widget table td,
  .bootstrap-datetimepicker-widget table th {
  border-radius: 0;
}

.bootstrap-datetimepicker-widget .datepicker-days table td:hover,
  .bootstrap-datetimepicker-widget .datepicker-days table th:hover {
  background: #5067a9!important;
  color: white!important;
}

.bootstrap-datetimepicker-widget table td.active,
  .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #6BD0E2;
  color: #ffffff;
}

.datetimepicker-btn {
  border-radius: 0;
  background-color: #f4f5f7;
  border-top: 1px solid #d8dae7;
  border-right: 1px solid #d8dae7;
  border-bottom: 1px solid #d8dae7;
}

.datetimepicker-btn i {
  color: #6BD0E2;
}
/* CSS pour le plugin Dynamic select */

[data-dynamicselect="remove"] {
  background-color: transparent;
  color: #F43545;
  -webkit-transition: all .25s ease-in;
     -moz-transition: all .25s ease-in;
      -ms-transition: all .25s ease-in;
       -o-transition: all .25s ease-in;
          transition: all .25s ease-in;
  position: absolute;
  top: 0px;
  right: -35px;
}

[data-dynamicselect="remove"]:hover, [data-dynamicselect="remove"]:focus  {
  background-color: transparent;
  color: #da2b39;
}

.add-dynamicselect {
  width: 100%;
  height: 40px;
  background: #ffffff;
  border: 1px dashed #dad3d3;
  cursor: pointer;
  margin-bottom: 10px;
}

.icon-centered {
  text-align: center;
  color: #9b9b9b;
}

.no-more-tables  td[data-title='checkbox']:before, .no-more-tables  td[data-title='voir']:before {
  display: none
}

 /**
 *  Styles rajoutés
 */
.tpl_administration panel-heading p{
  font-size:  16px;
}
.full-width{
  width:    100%;
  max-width:  100%;
}

.dataTable td.text-right{
  padding-right:  20px;
}

select option:disabled{
  color: #AAA;
}

.js-open-modal-voir-mailing:hover, .js-open-modal-voir-mailing:focus {text-decoration: none;}


.tpl_annuaire .panel-body .form-group {margin-right: 5px;}

.select-all-entite {
  margin-top: 20px;
}

#btnselect-all-type, #btnselect-all-entite {
  background-color: #5067a9;
  color: white;
}

#btnunselect-all-type, #btnunselect-all-entite {
  background-color: #F43545;
  color: white;
}

#type-first-ul , #type-second-ul , #entite-first-ul , #entite-second-ul {
  border: 1px solid #ddd;
/*   height: 411px;
 */}

#type-first-ul, #entite-first-ul {
  margin-top: 0!important;
}

#type-second-ul, #entite-second-ul {
  min-height: 470px;
  max-height: 470px;
}

#div-ul-entite-first, #div-entite-second-ul {
  height: 411px;
  margin-bottom: 0;
  overflow: auto;
}

#sujet-error, #js-error-empty-dest {
  font-weight: bold;
  color: red;
}
#js-form-fiche_projet{
  padding-bottom: 15px;
}
#js-form-fiche_projet .panel-footer{
  position: fixed;
  bottom:   0;
  left:   200px;
  right:    0;
  background: white;
  border-top: 1px solid #CCC;
}


.radio label.form-field-radio-label {
  width: auto;
}

/*
* Erreur validate
*/
.has-error,
.panel-fiche select.has-error,
.panel-fiche select.form-control.has-error{
  border:       1px solid #E20613;
  background-color: #F2DEDE;
}
.errorContainer ul>li>span{
  font-weight:  bold;
}
.errorContainer ul>li.js-ancre:hover{
  cursor: pointer;
  text-decoration: underline;
}
.asterix-required{
  color:  red;
}

div#modal-content-form-ne-pas-repondre ul.list-group li.list-group-item-warning {
  background: #fcf8e3;
}
div#modal-content-form-ne-pas-repondre ul.list-group li.list-group-item-danger {
  background: #ebcccc;
  color: black;
}


/*
 * Aperçu d'image
 */
 .image-preview, .default-image-preview, .image-preview-static, .default-image-preview-static {
  display: block;
  margin-bottom: 10px;
 }

.image-preview, .default-image-preview {
  max-width: 100%;
}

.default-image-preview {
  background: url('../images/image-preview.png') no-repeat;
}

.image-preview-static {
  max-width: 246px;
  max-height: 138px;
}

.default-image-preview-static {
  width: 246px;
  height: 138px;
  border: 1px solid #e5e5e5;
  text-align: center;
  color: #e5e5e5;
  background-color: #ffffff;
}

.default-image-preview-static .material-icons {
  font-size: 136px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

/* Loader */
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}

.send-form .material-icons {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

.div_type_collectivite_id {
  border: 1px #ccc solid;
}

.text-danger {
  color: #a94442;
}

 /**
 *  Styles rajoutés
 */
div.bootstrap-datetimepicker-widget {
  z-index: 500;
}

.tpl_administration panel-heading p{
  font-size:  16px;
}
.full-width{
  width:    100%;
  max-width:  100%;
}

.dataTable td.text-right{
  padding-right:  20px;
}

select option:disabled{
  color: #AAA;
}

.js-open-modal-voir-mailing:hover, .js-open-modal-voir-mailing:focus {text-decoration: none;}


.select-all-entite {
  margin-top: 20px;
}

#btnselect-all-type, #btnselect-all-entite {
  background-color: #5067a9;
  color: white;
}

#btnunselect-all-type, #btnunselect-all-entite {
  background-color: #F43545;
  color: white;
}

#type-first-ul , #type-second-ul , #entite-first-ul , #entite-second-ul {
  border: 1px solid #ddd;
/*   height: 411px;
 */}

#type-first-ul, #entite-first-ul {
  margin-top: 0!important;
}

#type-second-ul, #entite-second-ul {
  min-height: 470px;
  max-height: 470px;
}

#div-ul-entite-first, #div-entite-second-ul {
  height: 411px;
  margin-bottom: 0;
  overflow: auto;
}

#sujet-error, #js-error-empty-dest {
  font-weight: bold;
  color: red;
}
#js-form-fiche_projet{
  padding-bottom: 15px;
}
#js-form-fiche_projet .panel-footer{
  position: fixed;
  bottom:   0;
  left:   200px;
  right:    0;
  background: white;
  border-top: 1px solid #CCC;
}

.radio label.form-field-radio-label {
  width: auto;
}

.timeline:before,
.timeline:after, .timeline .timeline-content:before,.timeline .timeline-content:after  {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.timeline:after,
.timeline .timeline-content {
    clear: both;
}

.timeline {
  display: block;
  width: 100%;
  padding:  0;
}

.timeline .itemtimeline {
  list-style: none;
  position: relative;
/*   overflow: hidden;
 */}

/* Loader */
@keyframes timeline {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes timeline {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes timeline {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-ms-keyframes timeline {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.timeline .timeline-content {
  height: 100%;
  width: 100%;
  }

.timeline .itemtimeline:nth-child(1) {
  animation: .5s timeline ease-in-out;
}
.timeline .itemtimeline:nth-child(2) {
  animation-delay: .1s!important;
  animation: .6s timeline ease-in-out;
}
.timeline .itemtimeline:nth-child(3) {
  animation-delay: .2s!important;
  animation: .7s timeline ease-in-out;
}
.timeline .itemtimeline:nth-child(4) {
  animation-delay: .3s!important;
  animation: .8s timeline ease-in-out;
}

.timeline .timeline-content:before {
  display: block;
  width: 12px;
  height: 12px;
  background-color: white;
  border-radius: 100%;
  position: absolute;
  left: 0;
  bottom: -8px;
  z-index: 1;
}
.timeline .timeline-content:after {
  display: block;
  width: 16px;
  height: 16px;
  background-color: #3A8785;
  border-radius: 100%;
  position: absolute;
  left: -2px;
  z-index: 0;
  bottom: -10px;
}

.timeline .itemtimeline-solid {
  border-bottom: 2px solid #3A8785;
}

.timeline .itemtimeline-dashed {
  border-bottom: 2px dashed #3A8785;
}

.timeline.vertical-timeline .itemtimeline {
  border-bottom: 0px solid black;
}

.timeline.vertical-timeline .itemtimeline-solid {
  border-left: 2px solid #3A8785;
}
.timeline.vertical-timeline .itemtimeline-dashed {
  border-left: 2px dashed #3A8785;
}

.timeline.vertical-timeline .timeline-content:before {
  top: 2px;
  bottom: auto;
  left: -7px;
}

.timeline.vertical-timeline .timeline-content:after {
    top: 0;
    bottom: auto;
    left: -9px;
}

.timeline.vertical-timeline .timeline-content {
  padding-left:15px;
}


.panel-title.with-actions .pull-right {
  margin: 17px 10px 10px 10px;
}

.date-inscription {
  color: #4E4E4E;
  border-radius: 2px;
  background-color: rgba(146, 146, 148, 0.3);
  padding: 5px;
}

.panel.with-forms textarea {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}





.timeline.four-items.horizontal-timeline .itemtimeline {
  float: left;
  width: 25%;
}

.timeline.three-items.horizontal-timeline .itemtimeline {
  float: left;
  width: 33%;
}

.timeline.two-items.horizontal-timeline .itemtimeline {
  float: left;
  width: 50%;
}

.timeline.one-items.horizontal-timeline .itemtimeline {
  float: left;
  width: 100%;
}

.is-valid {
  border-left:       0px solid #A9584E;
  border-right:       0px solid #A9584E;
  border-top:       0px solid #A9584E;
  border-bottom:       1px solid #A9584E;
}
.is-valid label, .is-valid select, .is-valid input {
  color: #A9584E;
}

.has-error label, .has-error select, .has-error input {
  color: #E20613;
}


/*
* Erreur validate
*/
.has-error,
.panel-fiche select.has-error,
.panel-fiche select.form-control.has-error{
/*  border:       1px solid #E20613;
 */  border-left:       0px solid #E20613;
  border-right:       0px solid #E20613;
  border-top:       0px solid #E20613;
  border-bottom:       1px solid #E20613;

  background-color: #F2DEDE;
}
.errorContainer ul>li>span{
  font-weight:  bold;
}
.errorContainer ul>li.js-ancre:hover{
  cursor: pointer;
  text-decoration: underline;
}
.asterix-required{
  color:  red;
}

div#modal-content-form-ne-pas-repondre ul.list-group li.list-group-item-warning {
  background: #fcf8e3;
}
div#modal-content-form-ne-pas-repondre ul.list-group li.list-group-item-danger {
  background: #ebcccc;
  color: black;
}

div#wrapper_statistique select.js-select-page-length.btn.dropdown-toggle,
div#completerRechercheRegionDest select.js-select-page-length-region-dest,
div#completerRecherche select.js-select-page-length-region
{
  margin-left: 10px;
  border: 0 !important;
  background-color: #D9DAE7 !important;
  color: #5067a9 !important;
}

/*
* Icônes
*/
.icon-home:before {
  content: "\e88a";
}
.icon-dashboard:before {
  content: "\e871";
}
.icon-collectivites:before {
  content: "\e7fb";
}
.icon-admin:before {
  content: "\e42a";
}

/* Loader */
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}

.send-form .material-icons {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

.div_type_collectivite_id {
  border: 1px #ccc solid;
}

.text-danger {
  color: #a94442;
}

#topbar {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
  -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
       -o-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out;
  -webkit-transform: translateY(-200%);
     -moz-transform: translateY(-200%);
      -ms-transform: translateY(-200%);
       -o-transform: translateY(-200%);
          transform: translateY(-200%);
}
#topbar.is-hidden {
  opacity: 0;
}
#topbar.is-visible {
  opacity: 1;
  -webkit-transform: translateY(0%);
     -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
       -o-transform: translateY(0%);
          transform: translateY(0%);
}

.alert.alert-info a, .alert.alert-info a:hover, .alert.alert-info a:focus  {
  color: #31708f;
}

#topbar.navbar-default {
  background-image: none;
  background-color: white;
}
#topbar.navbar-default .container .navbar-nav {
  display: table;
  margin:  0 auto;
  float: none;
}
#topbar.navbar-default .container .navbar-nav li {
  display: inline-table;
  float: none;
}

/* // add css */

.list-icon:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.list-group-item.list-icon p {
  padding-left: 30px;
}



.list-icon-place:before {
  content: '\E8B4';
}
.list-icon-email:before {
  content: '\E158';
}
.list-icon-cellphone:before {
  content: '\E0B0';
}
.list-icon-link:before {
  content: '\E157';
}

.sidebar.sidebar-aide {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -400px;
  width:400px;
  transition: .3s all ease;
  background-color: white;
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.12);
border-radius: 0;
padding: 20px;
}

.sidebar.sidebar-aide.is-open {
  right: 0px;
  overflow-y:auto
}

.sidebar.sidebar-aide .btn-aide {
  /* position: absolute; */
  bottom: auto;
  top: 50%;
  transform: rotate(-90deg);
  right: -65px;
  transition: .3s all ease;
  font-size: 20px;
  background-color: orange;
  color: white;
  font-weight: 600;
  padding: 10px 15px 8px;
  width:auto;
}
.sidebar.sidebar-aide .btn.btn-link.btn-aide {
  text-decoration: none!important;
}

.sidebar.sidebar-aide .btn-aide:hover,
.sidebar.sidebar-aide .btn-aide:focus {
  background-color: orange;
  color: white!important;
  text-decoration: none;
}

.sidebar.sidebar-aide .btn-aide i,
.sidebar.sidebar-aide .btn-aide:hover i {
  color: white;
  box-shadow: none;
  font-size: 25px;
  background-color: transparent;
}

.sidebar.sidebar-aide.is-open .btn-aide {
  right: 345px;
  background-color: #bdb9b1;
/*cursor: not-allowed;
 opacity: 0; 
pointer-events: none;*/
}

@media (max-width:400px) {
  .sidebar.sidebar-aide {
    width:90%;
  }
}

.btn-area.btn-primary.active{
  background: #A9584E;
}
.btn-area:disabled{
  opacity: 0.1;
}



/* Select2 infos bancaire front */
#tresorerie + .select2-container + .select2-container--open {
  /* position:relative!important;
  top:100%!important; */
}
#tresorerie + .select2-container--above + .select2-container--open {
  /* bottom: 100%; */
  /* top: -80px!important; */
  margin-top:-20px;
}



.flex-field-select2 {
  position: relative;
}

#js-datatable-proformas-attente { font-size:13px; text-align:center }

.btn-100percent { width:100%; }