@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i');
html, body { height: auto !important; min-height: 100%; }
body { color: #858c9e; background: #6e17e5 url('/assets/images/bg.jpg') no-repeat; background-size: cover; font-family: 'Roboto', sans-serif; font-size: 14px; }

p, a, a:hover, a:active, a:focus, label, select, option { color: #858c9e; font-size: 14px; }
label, select, option, input { font-size: 16px; }
label { font-weight: bold; }
input { font-weight: 500; }

/* [FOUNDATION] */
.row { max-width: 1440px; }
.row .row { margin-left: -25px; margin-right: -25px; }
.column, .columns { padding-left: 25px; padding-right: 25px; }
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: left; }
*, *::before, *::after {
    box-sizing: border-box;
}

h1, .h1 { padding-bottom: 10px; color: #6e17e5; font-size: 36px; text-align: center; }
h2, .h2 { color: #6e17e5; font-size: 32px; }
h3, .h3 { color: #6e17e5; font-size: 28px; }
h4, .h4 { font-size: 24px; }
h5, .h5 { font-size: 20px; }
h6, .h6 { font-size: 16px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0 0 10px; font-weight: bold; }
hr { height: 2px; background: #edf0f8; border: none; }

.colored { color: #6e17e5; }


.hidden { display: none; }
.clearfix { clear: both; }

.right { float: right; }
.graph-legend:before { display: inline-block; content: ''; width: 24px; height: 4px; margin-right: 12px; background: #000; }

.button, .button:hover, .button:focus, .button:active { line-height: 30px; padding: 8px 38px 8px 25px; background: #ffde00; border-radius: 23px; color: #5e6977; font-size: 18px; font-weight: bold; text-decoration: none; }
.button i { margin-right: 15px; }

.asc:after { content: '\f0de'; display: inline-block; margin-left: 10px; font-family: 'fontawesome'; }
.desc:after { content: '\f0dd'; display: inline-block; margin-left: 10px; font-family: 'fontawesome'; }

.navigation { margin: 30px; text-align: center; }
.pagination span { display: inline-block; }
.pagination a { text-decoration: none; }

/* Cachons la case à cocher */
/*[type="radio"]:not(:checked),
[type="radio"]:checked,
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
     position: absolute;
     left: -9999px;
}*/
 
/* on prépare le label */
/*[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label,
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
     position: relative;
     padding-left: 35px;
     cursor: pointer;
     line-height: 27px;
}
[type="radio"]:not(:checked) + label, [type="checkbox"]:not(:checked) + label { color: #999999; transition: all .2s; }*/
/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
/*[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 24px; height: 24px;
  border: none;
  border-radius: 6px;
  background: #eaeaea;
  transition: all .2s;
}
[type="radio"]:checked + label:before, [type="checkbox"]:checked + label:before {
     background: #93e93f;
}*/
 
/* Aspect général de la coche */
/*[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '\f00c';
  font-family: 'fontawesome';
  position: absolute;
  top: 0; left: 4px;
  font-size: 16px;
  color: #fff;
  transition: all .2s;
}*/
/* Aspect si "pas cochée" */
/*[type="radio"]:not(:checked) + label:after, [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}*/
/* Aspect si "cochée" */
/*[type="radio"]:checked + label:after, [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}*/
/* aspect désactivée */
/*[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before,
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}*/
/* styles de la coche (si cochée/désactivée) */
/*[type="radio"]:disabled:checked + label:after, [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}*/
/* on style aussi le label quand désactivé */
/*[type="radio"]:disabled + label, [type="checkbox"]:disabled + label {
  color: #aaa;
}*/
 
/* aspect au focus de l'élément */
/*[type="radio"]:checked:focus + label:before,
[type="radio"]:not(:checked):focus + label:before,
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: none;
}

[type="checkbox"] + label, [type="radio"] + label { margin-left: 5px; margin-right: 5px; }
*/
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea, select { border: 1px solid #e4e8f1; border-radius: 5px; box-shadow: none; color: #858c9e; font-weight: normal; }
[type="submit"], button { width: 100%; line-height: 44px; background: #6e17e5; border: none; border-radius: 5px; color: #fff; font-weight: bold; text-align: center; }
.warning { background: orange; }
.error { background: #ed1c24; }
.disabled { opacity: 0.3; }

.site-header { position: relative; line-height: 115px; }
.logo { display: inline-block; max-width: 315px; }
.bloc-profil { color: #7fa4d9; }
.bloc-profil b { color: #fff; }
.bloc-profil a { display: inline-block; width: 35px; height: 35px; line-height: 35px; margin-left: 15px; background: #58599c; border-radius: 50%; color: #fff; font-size: 19px; text-align: center; }

.menu { line-height: 95px; margin-bottom: 20px; border-bottom: 1px solid #edf0f8; }
.menu-actif { background: #edf0f8; }
.menu .logo-client { display: inline-block; margin-right: 60px; padding: 0 50px; background: #fff }
.menu a { padding: 0 20px; font-size: 18px; font-weight: bold; text-decoration: none;
     -webkit-transition: all 0.5s linear;
     -moz-transition: all 0.5s linear;
     -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     transition: all 0.5s linear;
}
.menu a:hover, .menu a.active { color: #7733e2; }

.state-monitoring { float: right; min-width: 97px; height: auto; line-height: 95px; text-align: center; }
.state-monitoring img { height: 97px; }
.state-monitoring i { font-size: 35px; }
.red { color: red; }

.site-content { padding-bottom: 100px; background: #fff; }
.site-content:after{ content: ''; display: block; clear: both; }

.like-table > div { line-height: 20px; padding-top: 10px; padding-bottom: 10px; color: #858c9e; }
.like-table > div:after { content: ''; display: block; clear: both; }
.thead a { text-decoration: none; }
.like-table > div:not(.thead):hover { background: #f2f5fb; color: #6e7485; }
.like-table > div:not(.thead) { border-top: 1px solid #e4e8f1; border-right: 1px solid #e4e8f1; border-left: 1px solid #e4e8f1; }
.like-table > div:last-child { border-bottom: 1px solid #e4e8f1; }
.like-table .column { padding: 0 10px; }
.table-newsletter .column { line-height: 40px; }
.mail-generator h3 { line-height: 30px; padding: 30px; border: 1px solid #e4e8f1; border-radius: 6px; text-align: center; }
.mail-generator h3 i { margin-right: 20px; }

.mail-manager-form .h4 { text-align: center; }

#monitoringbundle_email_birthdate select, #monitoringbundle_category_email_createdOn select { width: 30%; }
#monitoringbundle_email_birthdate select:nth-child(2), #monitoringbundle_category_email_createdOn select:nth-child(2) { margin: 0 5%; }

.inline-button button { width: 49%; line-height: normal; margin: 0 0.5%; padding: 10px; float: left; }

.mail-manager-form { margin-top: 20px; padding: 30px 48px 40px; background: #f2f5fb; border: 1px solid #e4e8f1; }
.newsletter-good { color: #b7b7b7 !important; cursor: pointer; }
.newsletter-warning { color:orange !important; cursor: pointer; }
.newsletter-bad { color: #6e17e5 !important; cursor: pointer; }
.newsletter-good > .column:not(:last-child), .newsletter-bad > .column:not(:last-child) { opacity: 0.8; }
.newsletter-new { color: #6e7485 !important; cursor: pointer; font-weight: bold; }
.newsletter-new i { color: #ed1c24 !important; }
.newsletter-new i, .newsletter-good i, .newsletter-warning i, .newsletter-bad i { width: 15px; margin-right: 10px; }
.newsletter-info { color: #6e17e5; font-weight: bold; }

.reveal { padding: 0; border: none; }
.tabs { border-top: none; border-right: none; border-bottom: 1px solid #e4e8f1; border-left: none;  }
.tabs-title > a:focus, .tabs-title > a[aria-selected="true"], .tabs-title > a:hover { background: #f2f5fb; }
.tabs-title a { font-size: 16px; font-weight: bold; text-decoration: none; }
.tabs-content { background: none; border: none; }
.wrap-newsletter { max-width: 700px; margin: 30px auto; }
.newsletter-info span { color: #6e7485; }
.newsletter-object { margin-top: 20px; padding: 35px 120px; background: #f2f5fb; border: 1px solid #e4e8f1; color: #4c5261; font-size: 30px; font-weight: bold; text-align: center; }
.newsletter-object span { color: #acb4c8; }
.newsletter-content { margin-top: 30px; }
.view-body { display: block; margin: 0 auto; border: none; box-shadow: 0px 0px 24px -7px rgba(0,0,0,0.1); }

.wrap-header { padding: 20px 0; background: #f2f5fb; border-top: 1px solid #e4e8f1; }
.statut-newsletter .wrap-newsletter:after { content: ''; display: block; clear: both; }
.statut-newsletter .wrap-newsletter button { float: left; margin: 20px 0; max-width: 290px; font-size: 16px; }
.statut-newsletter .wrap-newsletter button:nth-child(2) { float: right; }

.site-footer { padding: 7px 0; line-height: 30px; color: #cecece; font-size: 12px; font-weight: bold; text-align: center; }
.site-footer span { opacity: 0.3; }
.site-footer a { text-decoration: none; }

.filtres select { margin: 0; }

.read-file a { text-decoration: none; }
.read-file i { margin: 0; font-size: 17px; }
.read-file .fa-envelope { color: #ed1c24 !important; }
.read-file .fa-envelope-open { color: #858c9e !important; }

.accordion { padding-left: 0; }
.accordion-title { background: #858c9e; border-color: #858c9e; color: white; font-size: 17px !important; font-weight: bold;text-decoration: none;
     -webkit-transition: all 0.5s linear;
     -moz-transition: all 0.5s linear;
     -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     transition: all 0.5s linear;
}
.is-active .accordion-title, .accordion-title:hover, .accordion-title:focus { background: #6e17e5; color: white; }
.accordion-content { padding: 0; border-color: #858c9e; color: #acaebd; font-size: 14px; }
.accordion-content b { color: #6e17e5; }
.accordion-content hr { margin: 20px 0; }
.title-stat { margin-bottom: 20px; padding-top: 25px; padding-bottom: 25px; background: #e4e8f1; font-size: 17px; text-align: center; }
:last-child > .accordion-content:last-child { border-color: #858c9e; }
.accordion-content > div:last-child { border-left: 1px solid #858c9e; }
.center { text-align: center; }

.period-tag, .category-tag { display: inline-block; line-height: 23px; margin: 0 5px 5px 0; padding: 0 7px; border: 1px solid #acaebd; border-radius: 12px; }
.period-tag { background: #acaebd; color: #ffffff; }