:root {
  --theme-primary: #124ebb; /* #124ebb; */
  --theme-primary-hover: #103a88;
  --theme-primary-background: #5b92ad27;
  --theme-secondary: #cecece;
  --theme-secondary-hover: #afafaf;
  --theme-info: rgba(98, 190, 248, 0.911);
  --theme-info-hover: rgba(79, 133, 168, 0.747);
  --theme-success: #55ce63;
  --theme-success-hover: #218838;
  --theme-danger: #BA4832;
  --theme-danger-hover: #962e19;
  --theme-danger-background: #aa6e622d;
  --theme-warning: #ffbc34;
  --theme-warning-hover: #e0a800;
  --theme-warning-background: #c5c8010d;
  --theme-white: #ffffff;
  --theme-black: #000000;
  --theme-grey: #929292;

  --theme-color-light: #0554F2;
  --theme-color-dark: #02031F;
  --theme-color-background: #f3f8fe; 
  --theme-color-selection: #007bff;
  --theme-color-secondary: #A0EEC0;
}

/* Login page background */
/* body.login-page, .register-page {
	background: linear-gradient(90deg, var(--theme-info) 0%, var(--theme-primary) 100%);
} */


/* All */
@font-face {
  font-family: 'SpaceGrotesk';
  src: url('/theme/ariane/fonts/SpaceGrotesk-VariableFont_wght.ttf');
}

html, body {
  /* font-family: 'SpaceGrotesk'; */
}

@supports not (-webkit-touch-callout:none) {
  .layout-fixed .wrapper .sidebar {
    height: calc(100vh);
  }
}

.logo_ariane {
  max-width: 150px;
  margin: 0 auto;
}

.app-logo {
  text-align: center;
}

/* --- Main header --- */

.main-header {
  background: linear-gradient(to right, var(--theme-color-light) 0%, var(--theme-color-dark) 50%, var(--theme-color-light) 100%);
  border-image: linear-gradient(to right, var(--theme-color-light) 0%, var(--theme-color-dark) 50%, var(--theme-color-light) 100%);
}

.custom-header-develop, .custom-header-studio, .custom-header-cloud {
  /* background: linear-gradient(to right, #961080 0%, #ff0056 50%, #961080 100%);
  border-image: linear-gradient(to right, #961080 0%, #ff0056 50%, #961080 100%); */
  background: linear-gradient(to right, var(--theme-color-light) 0%, var(--theme-color-dark) 50%, var(--theme-color-light) 100%);
  border-image: linear-gradient(to right, var(--theme-color-light) 0%, var(--theme-color-dark) 50%, var(--theme-color-light) 100%);
}

.main-header .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.9);
}

/* --- Content Header --- */
.content-header {
  padding: 15px 1rem;
}

.content-header .container-fluid .row {
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(0,0,0,.125);
  border-radius: .25rem;
  box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.1);
  padding: 10px;
}

.content-header .breadcrumb {
  line-height: 2rem;
}

/* Content */

.content-header .container-fluid .row {
  border-radius: 0.8rem !important;
}

.card {
  border-radius: 0.8rem !important;
}

.content-wrapper {
  background-color: var(--theme-color-background) !important;
}

.small-box {
  border-radius: 0.8rem;
}


/* --- Backgrounds --- */

.bg-primary {
  background-color: var(--theme-primary) !important;
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
  background-color: var(--theme-primary-hover) !important;
}

.bg-secondary {
  background-color: var(--theme-secondary) !important;
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
  background-color: var(--theme-secondary-hover) !important;
}

.bg-success {
  background-color: var(--theme-success) !important;
}

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
  background-color: var(--theme-success-hover) !important;
}

.bg-info {
  background-color: var(--theme-info) !important;
}

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
  background-color: var(--theme-info-hover) !important;
}

.bg-warning {
  background-color: var(--theme-warning) !important;
}

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
  background-color: var(--theme-warning-hover) !important;
}

.bg-danger {
  background-color: var(--theme-danger) !important;
}

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
  background-color: var(--theme-danger-hover) !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-cyan-dark {
  background-color: #007385 !important;
  color: #fff !important;
}

/* --- Buttons --- */

.btn-primary {
  color: #fff;
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
  box-shadow: none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: var(--theme-primary-hover);
  border-color: var(--theme-primary-hover);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
  opacity: 0.8;
}

.btn-secondary {
  color: #fff;
  background-color: var(--theme-secondary);
  border-color: var(--theme-secondary);
  box-shadow: none;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: var(--theme-secondary-hover);
  border-color: var(--theme-secondary-hover);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: var(--theme-secondary);
  border-color: var(--theme-secondary);
  opacity: 0.8;
}

.btn-info {
  color: #000;
  background-color: var(--theme-info);
  border-color: var(--theme-info);
  box-shadow: none;
}

.btn-info:hover, .btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: var(--theme-info-hover);
  border-color: var(--theme-info-hover);
}

.btn-info.disabled, .btn-info:disabled {
  color: #000;
  background-color: var(--theme-info);
  border-color: var(--theme-info);
  opacity: 0.8;
}

.btn-success {
  color: #000;
  background-color: var(--theme-success);
  border-color: var(--theme-success);
  box-shadow: none;
}

.btn-success:hover, .btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: var(--theme-success-hover);
  border-color: var(--theme-success-hover);
}

.btn-success.disabled, .btn-success:disabled {
  color: #000;
  background-color: var(--theme-success);
  border-color: var(--theme-success);
  opacity: 0.8;
}

.btn-warning {
  color: #000;
  background-color: var(--theme-warning);
  border-color: var(--theme-warning);
  box-shadow: none;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning.focus {
  color: #000;
  background-color: var(--theme-warning-hover);
  border-color: var(--theme-warning-hover);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #000;
  background-color: var(--theme-warning);
  border-color: var(--theme-warning);
  opacity: 0.8;
}

.btn-danger {
  color: #fff;
  background-color: var(--theme-danger);
  border-color: var(--theme-danger);
  box-shadow: none;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: var(--theme-danger-hover);
  border-color: var(--theme-danger-hover);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: var(--theme-danger);
  border-color: var(--theme-danger);
  opacity: 0.8;
}


.collapser {
  background-color: var(--theme-color-background);
  border: none;

}

.collapser.selected {
  background-color: var(--theme-color-background);
  border: 1px solid var(--theme-color-light);
  color: var(--theme-color-light);
}

.collapser:hover {
  background-color: var(--theme-color-background);
  border-color: var(--theme-color-light);
  color: var(--theme-color-light);

}

.badge-version {
  background-color: var(--theme-color-secondary);
  color: var(--theme-black) !important;
  font-size: 80% !important;
  margin-right: 15px;
}

/* --- Link --- */
a {
  color: var(--theme-primary);
  text-decoration: none;
  background-color: transparent;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
}

/* Sidebar navigation */

#module-zone .selection .select2-selection--single{
  background-color: var(--theme-color-light) !important;
  border-radius: 0.8rem !important;
  border: 0px !important;
  color: #fff !important;
  text-align: center;
}

#module-zone .select2-selection__rendered {
  color: #fff !important;
}

#module-zone .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

#module-zone .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #fff transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 300px;
  overflow-y: auto;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 300px;
  overflow-y: auto; }

.menu-selector > .select2-results__option {
  background-color: var(--theme-color-background) !important;
  text-align: center;
}

.menu-selector > .select2-results__option {
  background-color: var(--theme-color-background) !important;
  text-align: center;
  margin: 0px !important}

.menu-selector > .select2-dropdown {
  background-color: var(--theme-color-background) !important;
  border: 1px solid var(--theme-color-background) !important;
  border-radius: 0.8rem;
}

.menu-selector > .select2-dropdown > .select2-results > .select2-results__options > .select2-results__option {
  text-align: center;
  padding-right: 30px;
}

.menu-selector > .select2-dropdown > .select2-results > .select2-results__options > .select2-results__option--highlighted[aria-selected],
.menu-selector > .select2-dropdown > .select2-results > .select2-results__options > .select2-results__option--highlighted[aria-selected]:hover {
  background-color: var(--theme-color-light) !important;
  color: #fff !important;
  text-align: center;
  padding-right: 30px;
}


.nav-sidebar > .nav-item > .nav-link:active, .nav-treeview > .nav-item > .nav-link:focus, .nav-sidebar > .nav-item > .nav-link:focus {
	background-color: var(--theme-color-background);
}

.nav-sidebar > .nav-item > .nav-link {
  font-weight: bold;
}

.nav-sidebar > .nav-item > .nav-treeview > .nav-item > .nav-link {
  padding-left: 30px !important;
}

.nav-sidebar > .nav-item > .nav-treeview > .nav-item > .nav-treeview > .nav-item > .nav-link {
  padding-left: 30px !important;
}

[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link {
  background-color: var(--theme-color-background);
  color: var(--theme-color-light);
}

/* * Text color black on menu header */
/* .main-header .navbar-nav .nav-link {
	color: rgba(0,0,0,.8);
} */

.nav-pills .nav-link:not(.active):hover {
	color: #00466f;
}

.btn-default {
	background-color: transparent;
	color: #2b2b2b;
}

.btn-default:focus {
	background-color: #e9ecef;
	color: #2b2b2b;
}

.sidebar .form-inline .input-group {
	flex-wrap: wrap;
}

/* Bandeau Titre */
.form-title {
  background-color: var(--theme-primary-background) !important;
  border: 2px solid var(--theme-primary);
  border-radius: 10px;
}

.form-title h3 {
  font-weight: bold;
}

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

/* Modal dialog */
.modal-dialog {
  max-width: 1190px !important;
}

/* Card */
.card-bordered {
  border: 1px solid #e9ecef;
}

.table-condensed td {
  padding: .5rem;
}

/* Maps */
.leaflet-right > .leaflet-control {
  width: 100%;
}

.leaflet-right > .leaflet-control:nth-child(2) {
  /* text-align: center; */
  padding: 10px 20px 10px 20px;
}