/* ------------------------------------------------------------------------------------------------------------
                                        GENERAL
------------------------------------------------------------------------------------------------------------ */
body {
  background: #f3f4f5;
}

.page.animsition {
  max-width: 1400px;
  margin: auto !important;
}
.page-global {
  max-width: 1400px;
  margin: auto !important;
}
.site-menubar-body {
  max-width: 1400px;
  margin: auto;
}

.site-menu {
  max-width: 1400px;
  margin: auto;
}

/* HEADER MENU */
.site-navbar .navbar-container {
  margin-left: initial;
}

.navbar-inverse {
  background-color: #40b3f4;
}

.site-navbar .navbar-container .navbar-brand-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.navbar-inverse .navbar-toolbar > li > a span.name {
  margin: 0 10px 0 0;
  vertical-align: text-bottom;
}

.dropdown-menu {
  min-width: 220px;
}

.navbar-header {
  display: none;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #40b3f4;
}

.clearfix.responsive-menu {
  display: none;
}

.navbar-toolbar-right.nav > li > a {
  padding-left: 30px;
  padding-right: 30px;
}

.navbar-avatar i {
  padding-left: 5px;
}

/* SUB-MENU */
.site-menu-title {
  max-width: initial;
}

.site-menu > .site-menu-item {
  border-right: 1px solid #eaeaed;
  margin-right: -3px;
}

i.site-menu-icon.md-home {
  padding-top: 0px;
  font-size: 16px;
  padding-left: 3px;
}

a {
  color: #40b3f4;
}

a:focus,
a:hover {
  color: #26c6da;
}

.site-menu-item.active > a {
  color: #40b3f4;
}

.site-menu-item.open > a {
  color: #40b3f4;
}

/* MENU RIGHT */
.menu-right {
  border: 1px solid #e0e0e0;
  position: fixed;
  right: -4px;
  top: 25%;
  width: 100px;
  padding-right: 15px;
  background-color: #fff;
  text-align: center;
  border-radius: 5px;
  z-index: 3;
}

.menu-right i.icon {
  width: 100%;
  font-size: 22px;
}

.menu-top,
.menu-bottom {
  padding: 12px;
  width: 117%;
  padding-right: 22px;
}

.menu-top {
  border-bottom: 1px solid #eaeaed;
}

.form-control:focus {
  border-color: #40b3f4 !important;
}

.panel {
  height: auto !important;
}

.panel-body {
  padding: 15px;
}

ul.site-menu {
  padding-right: 25px;
  padding-left: 25px;
}

/* MENU page-BOTTOM */
.menu-contact-bottom {
  border: 1px solid #e0e0e0;
  width: 230px;
  background-color: #fff;
  text-align: center;
  border-radius: 5px;
  z-index: 3;
  position: fixed;
  bottom: 0px;
  right: 25px;
}

.menu-contact-content {
  border-bottom: 1px solid #eaeaed;
  padding: 12px;
}

.menu-contact-bottom .avatar {
  position: fixed;
  bottom: -6px;
  right: 235px;
  width: 58px;
}

.panel-body {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}

.page-header {
  padding: 0px 0px 15px 0px;
}

.page-header-actions {
  top: 88px !important;
  margin-right: 15px !important;
}

.btn-icon .icon {
  margin: -1px 0 0;
}

ul.site-menu {
  overflow: hidden !important;
}

.widget-content {
  overflow: hidden;
}

/* ------------------------------------------------------------------------------------------------------------
                                        ADMIN FRANCHISES HOME 
------------------------------------------------------------------------------------------------------------ */
/* ALERT */
body.franchise-index .btn-alert-primary {
  color: #477092;
  background-color: #fff;
  border: 5px solid #477092;
}

body.franchise-index .btn-circle {
  width: 50px;
  height: 50px;
}

body.franchise-index .alert.dark.alert-primary {
  background-color: #4b769a;
  border-color: #4b769a;
}

body.franchise-index
  .alert.dark.alert-icon.alert-primary.alert-dismissible
  span {
  padding-left: 15px;
  font-size: 15px;
}

body.franchise-index
  button.btn.btn-primary.btn-inverse.waves-effect.waves-light.waves-effect.waves-light {
  width: auto;
  background: #fff;
  color: #4b769a;
  font-weight: 500;
}

body.franchise-index .alert .btn-inverse .focus,
body.franchise-index .alert.btn-inverse:focus,
body.franchise-index .alert .btn-inverse:hover {
  background-color: #fff;
  border-color: #f5f5f5;
  background-color: #eeeeee !important;
}

.btn-floating {
  box-shadow: none;
  width: 75px;
  height: 75px;
}

.alert {
  margin-bottom: 0;
}

body.franchise-index .btn-success.focus,
body.franchise-index .btn-success:focus,
body.franchise-index .btn-success:hover {
  background-color: #fff;
  border-color: #eee;
}

body.franchise-index .btn-alert-primary.focus,
body.franchise-index .btn-alert-primary:focus,
body.franchise-index .btn-alert-primary:hover {
  color: #4b769a;
}

li.dropdown.site-menu-item.has-sub {
  position: inherit;
}

/* TABS */
ul.nav.nav-tabs.nav-tabs-line {
  /* margin: 0 15px; */
  text-transform: uppercase;
}

.panel-body.container-fluid.tab {
  padding-top: 0px;
}

.nav-tabs-line > li > a:focus {
  border-bottom-color: #40b3f4 !important;
}

.nav-tabs-line > li.active > a,
.nav-tabs-line > li.active > a:focus,
.nav-tabs-line > li.active > a:hover {
  border-bottom-color: #40b3f4 !important;
}

.nav-tabs-line > .nav-tabs-autoline {
  display: none;
}

/* WIDGETS */
.widget {
  min-height: 169px;
}

.ct-chart {
  position: absolute;
  bottom: 20px;
  display: block;
}

/* PIE CHART */
span.pie-progress-number.blue-grey-700.font-size-20 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 25px !important;
  font-weight: 500;
}

.counter-label.margin-top-10 {
  font-size: 16px;
}

/* COUNTER */
.widget-content .counter .counter-number-group,
.widget-content .counter > .counter-number {
  color: #fff;
}

.widget-content .counter-label {
  color: #fff;
}

/* ADD STATISTICS */
.panel.panel-body.add-statistic {
  text-align: center;
  font-size: 20px;
  padding-top: 32px;
  width: 100%;
}

body.franchise-index .md-plus:before {
  content: "\f278";
  font-size: 32px;
}

.counter-label.margin-bottom-5 {
  text-transform: uppercase;
}

.counter-label-white-background {
  text-transform: uppercase;
  color: #757575;
}

.bg-blue-600 {
  background-color: #40b3f4 !important;
}

.bg-green-600 {
  background-color: #3bb66c !important;
}

.add-statistic {
  background: transparent;
  border: 1px solid #bbbbbb;
  min-height: 169px;
}

.panel.panel-body.add-statistic:hover {
  -webkit-transition: border 0.2s linear, color 0.2s linear, width 0.2s linear,
    background-color 0.2s linear;
  -o-transition: border 0.2s linear, color 0.2s linear, width 0.2s linear,
    background-color 0.2s linear;
  transition: border 0.2s linear, color 0.2s linear, width 0.2s linear,
    background-color 0.2s linear;
  -webkit-font-smoothing: subpixel-antialiased;
  background: #fff;
  cursor: pointer;
  border: 1px solid #fefefe;
}

.panel.panel-body.add-statistic a {
  color: inherit;
}

a:focus,
a:hover {
  text-decoration: none;
}

/* FOOTER */
footer.site-footer {
  border-top: none;
  background: #fff;
}

/* ------------------------------------------------------------------------------------------------------------
                                        PAGE PREMIERE CONNEXION
------------------------------------------------------------------------------------------------------------ */
body.register .navbar-header {
  display: block !important;
}

body.register .navbar-right {
  margin-right: 15px;
}

body.register .navbar.navbar-default.navbar-fixed-top .container-fluid {
  max-width: 1390px !important;
  margin: auto !important;
}

body.register .campaign-tab .wizard-buttons {
  display: none;
}

body.register .panel {
  border: 1px solid #e0e0e0;
  border-bottom: none;
}

body.register .last-child .panel-body.campaign-tab {
  border-bottom: 1px solid #e0e0e0;
}

body.register .panel.last-child .panel-heading {
  border-bottom: 1px solid #e0e0e0;
}

body.register .panel-collapse {
  border-top: 1px solid #e0e0e0;
}

a.panel-title.last-title {
  border-bottom: 1px solid #e0e0e0;
}

body.register .panel-collapse.collapsed,
body.register .panel .last-child.panel-collapse {
  border-top: 1px solid transparent;
}

body.register h1 {
  font-size: 21px;
  color: #424242;
}

body.register h2 {
  color: #424242;
}

body.register
  .form-group.has-error
  .checkbox-custom.checkbox-primary.show-password-wrap {
  padding-top: 25px;
}

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

.col-centered {
  display: inline-block;
  float: none;
  text-align: left;
  margin-right: -4px;
}

tr.sub-tr {
  font-size: 12.5px;
  background-color: #f7f7f7;
}

/* ------------------------------------------------------------------------------------------------------------
                                        ADMIN FRANCHISES CAMPAGNES ACTIVES
------------------------------------------------------------------------------------------------------------ */
/* ACTIONS BUTTONS */
.page-header-actions {
  top: 7%;
}

/* PANEL GROUP */
.tab h2 {
  display: block;
  font-size: 18px;
  color: #424242;
  font-size: 16px;
  margin-bottom: 0px;
}

h2 {
  font-size: 18px;
  font-weight: 300;
  color: #8d8d8d;
}

.tab h3 {
  font-size: 14px;
  font-weight: 300;
  color: #8d8d8d;
}

h3 {
  font-size: 18px;
  color: #757575;
  font-weight: 400;
  margin-bottom: 11px;
}

h4 {
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 15px;
}

button.btn.btn-pure.dropdown-toggle.waves-effect.waves-classic.waves-effect.waves-classic {
  border: 1px solid #e0e0e0;
}

.tab-img {
  display: inline-block;
  float: left;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.tab-img:first-child {
  margin-right: 20px;
}

.tab-pane .col-lg-10.col-sm-7,
.col-lg-2.col-sm-5 {
  margin-bottom: 10px;
  margin-top: 5px;
}

.label-success.label-outline {
  color: #3bb66c;
  background-color: #3bb66c;
  border-color: #3bb66c;
  font-size: 12px;
  margin-right: 10px;
}

.label-keywords {
  padding-bottom: 12px;
}

.btn-right {
  float: right;
}

.panel.panel-bordered {
  border-top: 1px solid #e0e0e0;
}

.panel-group-continuous .panel:last-child {
  margin-top: -1px;
}

#exampleCollapseContinuousOne {
  margin-bottom: 30px;
}

.panel-group {
  margin-bottom: 0px;
}

.page-header-actions {
  top: 155px;
  z-index: 1;
}

body.page-content-actions {
  padding: 0px;
}

.list-group-item
  button.btn.btn-icon.btn-pure.btn-default.waves-effect.waves-classic.waves-effect.waves-classic
  .icon {
  margin-right: 0px;
}

.list-group-item
  button.btn.btn-icon.btn-pure.btn-default.waves-effect.waves-classic.waves-effect.waves-classic {
  margin-right: 8px;
}

.last-row {
  margin-bottom: 20px !important;
}

button.float-left {
  float: left;
}

.col-lg-12.col-sm-12.last-row {
  text-align: center;
}

th,
td {
  text-align: center;
}

.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;
}

.label-success.label-outline {
  background: #e0f4ec;
  font-weight: 300;
}

.list-group-item .icon {
  margin-right: 0px;
}

li
  button.btn.btn-icon.btn-round.btn-info.waves-effect.waves-classic.btn-round.waves-round {
  margin-right: 15px;
}

.btn-round {
  line-height: 9px;
  width: 30px;
  height: 30px;
  padding: 0px;
  margin: 0px;
}

/*TABS VERTICAL*/
.nav-tabs-campagnes .nav-tabs.nav-tabs-solid .active a {
  border-bottom: 1px solid #e0e0e0 !important;
  border-top: 1px solid #e0e0e0 !important;
  border-left: 1px solid rgba(224, 224, 224, 0.6) !important;
  padding: 25px !important;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: -4px 0px 5px -5px rgba(0, 0, 0, 0.1) !important;
}

.nav-tabs-campagnes .nav-tabs.nav-tabs-solid a {
  padding: 25px !important;
}

.nav-tabs-vertical .nav-tabs-solid + .tab-content {
  padding: 30px;
}

.nav-tabs-vertical .nav-tabs {
  border-right: initial;
}

.nav-tabs-campagnes .tab-content {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
  border-bottom-color: rgb(224, 224, 224) !important;
  border-top-width: 1px !important;
  border-top-style: solid !important;
  border-top-color: rgb(224, 224, 224) !important;
}

.tab-content {
  height: auto !important;
}

.nav-tabs-campagnes-2 .nav-tabs.nav-tabs-solid a {
  padding: 20px !important;
}

.nav-tabs-campagnes-2 .nav-tabs-vertical .nav-tabs-solid + .tab-content {
  padding: 30px;
  padding-top: 20px !important;
}

/* ------------------------------------------------------------------------------------------------------------
                                        ADMIN FRANCHISES CAMPAGNES DISPONIBLES
------------------------------------------------------------------------------------------------------------ */

label.col-sm-1.control-label {
  text-align: right;
  padding-top: 7px;
  margin-bottom: 0;
}

.form-group {
  margin-bottom: 50px;
}

.form h3,
.control-label {
  padding-top: 8px;
}

.form-control:focus {
  border-color: #62a8ea;
}

.activation-btn {
  text-align: center;
  margin-top: -10px;
}

span.label.label-default.label-report {
  float: right;
}

/* ------------------------------------------------------------------------------------------------------------
                                        ADMIN FRANCHISES MON COMPTE
------------------------------------------------------------------------------------------------------------ */
.btn-action i.icon {
  color: #fff !important;
}

.list-group-profil li.list-group-item {
  font-size: 14px;
  font-weight: 300;
  color: #8d8d8d;
  text-shadow: rgba(0, 0, 0, 0.15) 0 0 1px;
}

.col-md-5.col-xs-12.masonry-item.masonry-item-tab {
  height: auto !important;
}

body.page-profile label,
body.page-contact label {
  font-size: 14px;
  font-weight: 300;
  color: #8d8d8d;
  text-shadow: rgba(0, 0, 0, 0.15) 0 0 1px;
}

.page-profile .profile-job {
  margin-bottom: 0px !important;
}
/* ------------------------------------------------------------------------------------------------------------
                                        ADMIN 1789 HOME
------------------------------------------------------------------------------------------------------------ */
label.select-date {
  text-align: right;
  padding: 8px 0 !important;
}

.select-date {
  padding-right: 0 !important;
}

.form-date {
  margin-top: 6px;
  margin-right: 15px;
}

.form-date-index {
  margin-top: 6px;
  margin-right: 0px;
}

.btn-date {
  float: right;
}

.btn-blue {
  color: #40b3f4;
  background-color: #fff;
  border: 7px solid #40b3f4;
}

.btn-blue:focus,
.btn-blue:hover {
  color: #40b3f4;
  border-color: #40b3f4;
  border-width: 10px;
}

.btn-orange {
  color: #f2a14b;
  background-color: #fff;
  border: 7px solid #f2a14b;
}

.btn-orange:focus,
.btn-orange:hover {
  color: #f2a14b;
  border-color: #f2a14b;
  border-width: 10px;
}

.btn-violet {
  color: #737fc1;
  background-color: #fff;
  border: 7px solid #737fc1;
}

.btn-violet:focus,
.btn-violet:hover {
  color: #737fc1;
  border-color: #737fc1;
  border-width: 10px;
}

.btn-custom-green {
  color: #3bb66c;
  background-color: #fff;
  border: 7px solid #3bb66c;
}

.btn-custom-green:focus,
.btn-custom-green:hover {
  color: #3bb66c;
  border-color: #3bb66c;
  border-width: 10px;
}

.btn-blue-2 {
  color: #40b3f4;
  background-color: #fff;
  border: 7px solid #40b3f4;
}

.btn-blue-2:focus,
.btn-blue-2:hover {
  color: #40b3f4;
  border-color: #40b3f4;
  border-width: 10px;
}

.btn-coral {
  color: #ec6363;
  background-color: #fff;
  border: 7px solid #ec6363;
}

.btn-coral:focus,
.btn-coral:hover {
  color: #ec6363;
  border-color: #ec6363;
  border-width: 10px;
}

.btn-blue:focus,
.btn-blue:hover,
.btn-orange:focus,
.btn-orange:hover,
.btn-violet:focus,
.btn-violet:hover,
.btn-coral:focus,
.btn-coral:hover {
  background-color: #fff;
}

.dropdown-menu-right {
  right: inherit;
}
.site-menubar .scrollable-content {
  width: auto;
}

.dropdown-menu-media > .dropdown-menu-footer > a:hover,
.dropdown-menu-media > .dropdown-menu-footer > .dropdown-menu-footer-btn:hover {
  color: #40b3f4 !important;
}

.form-date-index .col-lg-2.col-md-2.col-sm-2 {
  padding-right: 0px !important;
}

/* ------------------------------------------------------------------------------------------------------------
                                        ADMIN 1789 ENSEIGNES
------------------------------------------------------------------------------------------------------------ */

.table button.btn.btn-sm.btn-icon.btn-flat.btn-default {
  font-size: 18px;
  padding: 4px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #40b3f4;
  border-color: #40b3f4;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  color: #40b3f4;
}

button.btn-default.btn-border.btn.waves-effect.waves-light {
  border: 1px solid #e0e0e0;
}

.btn-tab {
  box-shadow: none;
  background: #fff;
}

.btn-tab a {
  text-decoration: none;
}

.table-striped.dataTable tbody tr.active:nth-child(odd) td,
.table-striped.dataTable tbody tr.active:nth-child(odd) th {
  background-color: #eee !important;
  color: #757575 !important;
}

.table.dataTable tbody tr.active th > a,
.table.dataTable tbody tr.active td > a {
  color: #4dd0e1 !important;
}

table.dataTable.dtr-inline.collapsed
  > tbody
  > tr.parent
  > td:first-child:before,
table.dataTable.dtr-inline.collapsed
  > tbody
  > tr.parent
  > th:first-child:before {
  content: "-";
  background-color: #40b3f4;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  background-color: #40b3f4 !important;
}

/* ------------------------------------------------------------------------------------------------------------
                                        1789 DEMANDES
------------------------------------------------------------------------------------------------------------ */
.table-content p {
  margin: 0 0;
}

.table span.media-heading {
  font-size: 14px;
  font-weight: 400;
  color: #424242;
  padding-left: 10px;
}

.table td,
.table th {
  text-align: left;
}

table tbody td {
  text-align: center !important;
}

table thead th {
  text-align: center !important;
}

table tbody td:first-child {
  text-align: left !important;
}

table thead th:first-child {
  text-align: left !important;
}

table tbody td:last-child {
  text-align: right !important;
}

table thead th:last-child {
  text-align: right !important;
}

th.min-width.footable-visible.footable-last-column.action-column.sorting {
  display: none;
}

/* ------------------------------------------------------------------------------------------------------------
                                        1789 ALERTES
------------------------------------------------------------------------------------------------------------ */
.table-alertes .icon {
  font-size: 20px;
}
/* ------------------------------------------------------------------------------------------------------------
                                        ADMIN TETE RESEAU
------------------------------------------------------------------------------------------------------------ */
.site-navbar .navbar-container .navbar-brand-center {
  position: inherit !important;
  float: inherit !important;
  -webkit-transform: inherit !important;
  -ms-transform: inherit !important;
  -o-transform: inherit !important;
  transform: inherit !important;
  left: inherit !important;
}

.navbar-brand.navbar-brand-center {
  max-width: 1390px !important;
  margin: auto !important;
}

.site-navbar .navbar-container .navbar-brand-center span {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  color: #ffffff;
  font-size: 16px;
  margin-left: 10px;
}

.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
  background: #52bcd4 !important;
}

circle.jvectormap-marker {
  stroke: #c5c5c5;
  stroke-opacity: 0.8;
  stroke-width: 2px;
  fill: #3bb66c;
}

#widgetJvmap path {
  fill: #a9a9a9 !important;
}

.row-border {
  padding-bottom: 20px;
  margin-bottom: 40px;
  border-bottom: 1px solid #e0e0e0;
}

.divider-border {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 20px;
  margin-bottom: 35px;
}

.label-keywords .tokenfield .token {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 0px 5px 5px 0px;
  white-space: pre-line;
  vertical-align: top;
  cursor: default;
  background-color: #eee;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  background: #e0f4ec;
  font-weight: 300;
  color: #3bb66c;
  background-color: #3bb66c;
  border-color: #3bb66c;
  font-size: 12px;
  margin-right: 10px;
  white-space: nowrap;
}

.tokenfield.focus {
  border-color: #3bb66c !important;
  box-shadow: none !important;
}

.tokenfield .token:hover {
  border-color: #3bb66c !important;
}

.btn-success:active:focus {
  background-color: initial;
  border-color: initial;
}

/* TABLE SEARCH */
#exampleTableSearch tfoot {
  display: table-header-group;
}

#exampleTableSearch .table-search-first select,
#exampleTableSearch .table-search-last select,
.dataTables_wrapper.form-inline.dt-bootstrap
  .row
  .col-sm-6
  #exampleTableSearch_filter,
#exampleTableSearchModal .table-search-first select,
#exampleTableSearchModal .table-search-last select,
.dataTables_wrapper.form-inline.dt-bootstrap
  .row
  .col-sm-6
  #exampleTableSearchModal_filter {
  display: none;
}

.widget-content.counter.counter-lg.vertical-align.bubble:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 16px 0 16px 16px;
  display: block;
  width: 0;
  z-index: 1;
  right: -16px;
  top: 96px;
}

.widget-content.counter.counter-lg.vertical-align.bubble-orange:after {
  border-color: transparent #ffaa4f;
}

.widget-content.counter.counter-lg.vertical-align.bubble-violet:after {
  border-color: transparent #7986cb;
}

.widget-content.counter.counter-lg.vertical-align.bubble-coral:after {
  border-color: transparent #f96868;
}

/* ------------------------------------------------------------------------------------------------------------
                                        CHART
------------------------------------------------------------------------------------------------------------ */
svg.ct-chart-line,
svg.ct-chart-bar {
  width: 91% !important;
}

.ct-chart .ct-series.ct-series-a .ct-bar {
  stroke: #f8e620 !important;
}

.ct-chart .ct-series.enseignes-actives.ct-series-a .ct-line {
  stroke: #40b3f4;
}

svg.chart-admin-line {
  margin-top: 18px;
  margin-left: -18px;
  width: 340% !important;
}

.ct-chart .ct-series.taux-clic.ct-series-a .ct-line {
  stroke: #f96868;
}

.bar-chart-admin-orange .ct-bar,
.bar-chart-admin-violet .ct-bar {
  stroke-width: 40px !important;
}

.ct-chart .bar-chart-admin-orange .ct-series.ct-series-a .ct-bar {
  stroke: #ffaa4f !important;
}

.ct-chart .bar-chart-admin-violet .ct-series.ct-series-a .ct-bar {
  stroke: #7986cb !important;
}

.ct-chart .bar-chart-admin-orange .ct-series.ct-series-b .ct-bar,
.ct-chart .bar-chart-admin-violet .ct-series.ct-series-b .ct-bar {
  stroke: #ecf0f2 !important;
}

svg.stat-chart {
  width: 436% !important;
  margin-left: -31px !important;
  margin-bottom: -18px !important;
}

.stat-chart path.ct-line {
  stroke: #40b3f4 !important;
}

/* ------------------------------------------------------------------------------------------------------------
                                        FAQ
------------------------------------------------------------------------------------------------------------ */
.faq-nav,
#faq-tab-content {
  flex-direction: column;
  margin: 0 0 32px;
  border-radius: 2px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);
}
.faq-nav a:focus,
.faq-nav a:hover,
#faq-tab-content a:focus,
#faq-tab-content a:hover {
  color: inherit;
}
.faq-nav .nav-link,
#faq-tab-content .panel-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 13px 16px;
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  color: #616161;
  transition: background-color 0.2s ease;
}
.faq-nav .nav-link:hover {
  background-color: #f6f6f6;
}
.faq-nav .nav-link.active,
#faq-tab-content .panel-heading.active h4 {
  background-color: #f6f6f6;
  font-weight: 500;
  color: #40b3f4;
}
.faq-nav .nav-link:last-of-type {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom: 0;
}
.faq-nav .nav-link i.mdi {
  margin-right: 5px;
  font-size: 18px;
  position: relative;
}

#faq-tab-content .panel-heading {
  border-radius: 0;
}
#faq-tab-content .panel-title {
  background: #f6f6f6;
}

/* ------------------------------------------------------------------------------------------------------------
                                        PANIER
------------------------------------------------------------------------------------------------------------ */
span.cart-total {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: #424242;
}

.navbar-toolbar > li.dropdown-cart > a {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

span.cart-product {
  font-size: 16px !important;
  font-family: Roboto, sans-serif;
  text-shadow: rgba(0, 0, 0, 0.15) 0 0 1px;
  line-height: 1.2;
}

.table-cart .table a {
  text-decoration: none;
}

.modal-dialog.modal-small {
  width: 685px !important;
}

.cart h6 {
  font-size: 15px !important;
  width: 80%;
}

.btn-article {
  position: absolute;
  right: 11px;
  top: 11px;
}

.btn-article .btn-icon.btn-sm {
  padding: 0px;
  font-size: 16px;
}

.btn-article .btn-default:hover {
  background-color: transparent !important;
  border-color: transparent !important;
}

.td-annonce {
  text-align: left !important;
}

.td-annonce span.label {
  font-size: 12px;
  margin-right: 8px;
}

.td-annonce span.label i {
  margin-right: 5px;
}

span.heading-campaign {
  text-transform: uppercase;
}

.table-listing-campaign td {
  padding: 15px !important;
}

.add-cart .modal-dialog.modal-center {
  width: 850px !important;
}

/* BADGES NOTIFICATIONS */
.badge.up {
  margin: 0 !important;
}

/* ------------------------------------------------------------------------------------------------------------
                                        LOGIN
------------------------------------------------------------------------------------------------------------ */

body.login .page.animsition.vertical-align.text-center {
  /*background: #00BCD6 !important;*/
  /*max-width: 510px;*/
}

body.login .page .page-content {
  background: #40b3f4 !important;
}

body.login {
  background-image: url(../images/login-bg.jpg);
}

body.login.page-login-v3:before {
  background: #40b3f4 !important;
  background-image: none !important;
}

body.login .page-copyright a {
  color: #fff !important;
}

.page-login-v3 .panel .panel-body {
  padding: 35px !important;
}

body.login .form-group {
  margin-bottom: 0px;
}

.page-login-v3 .panel .brand-text {
  margin-top: 8px;
  color: #757575;
  font-weight: 300;
  line-height: 25px;
  font-size: 20px !important;
}

.page-login-v3 form {
  margin: 30px 0 0 0 !important;
}

.form-material.floating + .form-material.floating {
  margin-top: 30px !important;
}

.form-group.clearfix {
  margin-top: 30px;
}

.brand {
  margin-bottom: 40px;
}

.page-acces {
  text-decoration: underline;
  margin-bottom: 25px;
}

.page-copyright {
  margin-top: 0px;
}

/* ------------------------------------------------------------------------------------------------------------
                                       INTRODUCTION TOUR
------------------------------------------------------------------------------------------------------------ */
.introjs-tooltipReferenceLayer {
  bottom: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

.introjs-tooltip {
  max-width: 1000px !important;
  padding: 10px !important;
  margin: auto !important;
  position: initial !important;
}

p.concept-list {
  font-size: 15px !important;
}

.page-login-v3 form a {
  margin-left: 0px !important;
}

.introjs-tooltipReferenceLayer {
  height: 44% !important;
  margin: auto !important;
}

.intro-button .btn-date {
  float: none;
}

.intro-button {
  text-align: center;
}

/* ------------------------------------------------------------------------------------------------------------
                                       MODALS
------------------------------------------------------------------------------------------------------------ */
/*.modal-dialog {*/
/*width: 1350px !important;*/
/*text-align: left !important;*/
/*}*/

/*.modal-body {*/
/*background: #f3f4f5;*/
/*}*/

/*.modal-edit .form-group.margin-bottom-15 {*/
/*width: 90%;*/
/*}*/

/*.modal-edit .form-control {*/
/*width: 100%;*/
/*}*/

/*.modal-content a {*/
/*text-decoration: none !important;*/
/*}*/

/*.modal-content svg.chart-admin-line {*/
/*margin-top: 18px;*/
/*margin-left: -18px;*/
/*width: 326% !important;*/
/*}*/

/*.modal-footer {*/
/*padding: 20px 20px;*/
/*}*/

/* ------------------------------------------------------------------------------------------------------------
                                        MEDIA QUERIES
------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1200px) {
  body.register .wizard-content .wizard-pane .row .form-group.margin-bottom-45 {
    margin-bottom: 15px !important;
    margin-top: 45px !important;
  }
}

@media screen and (max-width: 784px) {
  .nav-tabs > li {
    width: 100%;
    text-align: center;
  }
  .nav-tabs li {
    border-bottom: 1px solid #e0e0e0;
  }
}
@media screen and (max-width: 768px) {
  .navbar-header {
    display: block;
  }

  .site-navbar .navbar-container .navbar-brand-center {
    display: none;
  }

  img.navbar-brand-logo.navbar-brand-logo-normal {
    height: 32px !important;
    margin-top: -5px !important;
  }

  .site-menu > .site-menu-item {
    border-right: initial !important;
  }

  .clearfix.responsive-menu {
    display: block;
  }

  button.btn.btn-icon.btn-info.waves-effect.waves-light.btn-date {
    margin-right: -15px;
    margin-top: 12px;
    width: 42px;
  }

  ul.site-menu {
    margin-top: 20px;
  }

  li.site-menu-category {
    display: none;
  }

  ul.nav.navbar-toolbar.navbar-right.navbar-toolbar-right {
    float: none !important;
  }

  li.dropdown.open {
    text-align: center !important;
    float: none !important;
  }

  .navbar-container.container-fluid li.dropdown {
    text-align: center !important;
    float: none !important;
  }

  .site-menu .scrollable-container,
  .site-menu .scrollable-content {
    width: 231px !important;
  }

  .alert.dark.alert-icon.alert-primary.alert-dismissible
    .col-lg-2.col-md-3.col-sm-3.col-xs-12 {
    margin-top: 20px !important;
    text-align: center !important;
  }

  .alert.dark.alert-icon.alert-primary.alert-dismissible
    .col-lg-10.col-md-9.col-sm-9.col-xs-12 {
    text-align: center !important;
  }

  .site-menu > .site-menu-item > a {
    padding: 0px;
  }

  .form-date-index .col-lg-2.col-md-2.col-sm-2 {
    padding-right: 15px !important;
  }
}

@media screen and (max-width: 755px) {
  body.franchise-campagnes-actives
    button.btn.btn-warning.waves-effect.waves-light.btn-right.waves-effect.waves-light {
    float: left;
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  .page-login-v3 .panel {
    width: initial !important;
    padding: initial !important;
  }
}

.nav-tabs-line > .nav-tabs-autoline {
  display: none;
}

/* CHAT */
.menu-chat.widget-shadow {
  position: fixed;
  right: 4%;
  bottom: -5px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  border-radius: 3px;
  z-index: 3;
  color: #d7031e;
  padding-left: 15px;
  padding-right: 15px;
  height: 49px;
  line-height: 46px;
  text-transform: uppercase;
  font-size: 15px;
}

.close-div {
  display: inline-block;
  float: right;
  width: 42px;
  text-align: center;
  padding: 0 14px;
  background: #f7f7f7;
  border-radius: 3px;
  font-size: 17px;
  border-left: 1px solid #e0e0e0;
}

.open-div {
  float: right;
  padding: 0 14px;
  font-size: 20px;
}

/* NEW TABS */
.nav-tabs-title h1 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 300;
  color: #00acc1;
}

.nav-tabs-title {
  display: inline-block;
  padding: 0 20px;
  border-bottom: 2px solid #00acc1;
}

.nav-tabs-title-line {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 30px;
}

.page-header-actions.dropdown {
  top: 30px !important;
  margin-right: 0px !important;
  z-index: 2 !important;
}

.btn-group.dropdown .nav > li > a:focus,
.btn-group.dropdown .nav > li > a:hover {
  background-color: #fbf9f9;
}

/* NEW CAMPAIGN PAGES */
.modal-body label {
  color: #757575;
}

span.badge.campaign {
  padding: 6px 8px;
  width: 30px;
  border-radius: 100%;
  height: 30px;
  margin-right: 10px;
}

.badge.campaign i {
  font-size: 17px;
}

.widget-border {
  border: 1px solid #e0e0e0;
}

a.cancel-btn {
  color: #d7031e;
  padding: 25px;
}

/* ------------------------------------------------------------------------------------------------------------
                                       LOGO LOGIN 
------------------------------------------------------------------------------------------------------------ */
.brand img {
  max-width: 400px;
}

/* ------------------------------------------------------------------------------------------------------------
                                       BREADCRUMB 
------------------------------------------------------------------------------------------------------------ */
.page-header > .page-title,
.page-header > .breadcrumb {
  display: block;
}

.page-header {
  padding: 0px 0px 30px 0px;
}

.breadcrumb > li + li:before {
  color: #26c6da;
}

.page-title {
  font-size: 23px;
  color: #757576;
  font-weight: 300;
  margin-bottom: 10px;
}

.activation-btn {
  text-align: right;
}

button.btn-margin {
  margin-left: 10px;
}

/* ------------------------------------------------------------------------------------------------------------
                                       ALERT FORM
------------------------------------------------------------------------------------------------------------ */
.form-error.alert.dark.alert-danger {
  color: #fc4b4e;
  background-color: rgba(252, 75, 78, 0.17);
  border-color: #fc4b4e;
  font-weight: 400;
  margin-bottom: 25px;
}

.form-error.alert ul li {
  padding-left: 0px;
  list-style: none !important;
  padding-bottom: 5px;
}

.form-error.alert ul {
  padding-left: 0px;
}

.form-error.alert i {
  font-size: 22px;
  vertical-align: middle;
  padding-right: 10px;
}

.form-error.alert {
  padding: 25px !important;
}

ul.site-menu,
.site-menubar-body,
.site-menubar {
  height: 55px;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .site-menu > .site-menu-item {
    display: block;
  }
  .navbar-toggle.hamburger {
    display: block !important;
  }
  .site-navbar .navbar-header {
    display: block;
  }
  #widgetLineareaFour .counter-label {
    margin: 25px 0 0 62px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 17px;
  }
  .ct-chart-bar .ct-label,
  .ct-chart-line .ct-label {
    font-size: 10px !important;
  }
}

@media (max-width: 770px) {
  div#examplePieApi {
    width: 95px !important;
  }

  .activation-btn {
    text-align: center !important;
  }
  .activation-btn .btn {
    float: none !important;
  }
}
@media (max-width: 769px) {
  .site-menubar-changing {
    overflow: auto !important;
  }
}
@media (max-width: 800px) {
  .menu-right.widget-shadow {
    display: none !important;
  }
  .table > tbody > tr > td,
  .table > tbody > tr > th,
  .table > tfoot > tr > td,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > thead > tr > th,
  .table span.media-heading {
    font-size: 11px;
  }
  .table-listing-campaign td {
    padding: 10px !important;
  }
}
@media (max-width: 500px) {
  .table > tbody > tr > td,
  .table > tbody > tr > th,
  .table > tfoot > tr > td,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > thead > tr > th {
    font-size: 10px;
  }
  .footable-visible {
    display: none;
  }
  .panel-body {
    padding: 5px;
  }
  .padding-30 {
    padding: 10px !important;
  }
}

.mb-15 {
  margin-bottom: 15px;
}

/* ------------------------------------------------------------------------------------------------------------
                                       CLUSTER FORM
------------------------------------------------------------------------------------------------------------ */
#cluster-modal .form-group {
  margin-bottom: 20px;
}

/*
 * TIMEPICKER
 */
.timepicker table tbody td:first-child {
  text-align: center !important;
}
.timepicker table tbody td:last-child {
  text-align: center !important;
}

/* ------------------------------------------------------------------------------------------------------------
                                       STATS FRANCHISEE
------------------------------------------------------------------------------------------------------------ */
#statsFranchisee .tab-content {
  border: none;
  box-shadow: none;
}
#statsFranchisee .nav-tabs {
  border-bottom: 1px solid #40b3f4;
}
#statsFranchisee .nav-tabs li.active a {
  background-color: #40b3f4;
  border-bottom-color: #40b3f4;
}

#dc_mails_config {
  margin-top: 22px;
}

.v-date-picker-table table thead th {
  text-align: center !important;
}