/*

    g2c_template.css

*/
/**Import must be the first
**/
@import url('../js/XG/widgets/mapapp/majic/style/majic.css');
@import url('../js/XG/widgets/mapapp/tiercewidget/style/tierce.css');
@import url('../js/XG/widgets/utilities/chart/style/chart.css');
@import url('../js/XG/widgets/utilities/itv/style/itv.css');
@import url('../js/XG/widgets/utilities/elastic/style/elastic.css');
@import url('../js/XG/widgets/mapapp/versionlib/css/versionlibstyle.css');

@import url('https://fonts.googleapis.com/css?family=Dosis:800&display=swap');

.myProgress {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 9999999;
}
li.list-group-item.warning {
  background-color: red;
}
.li .success {
  background-color: green;
}
.portionIgnored {
  background-color: lightgrey;
}
.fixed tbody {
  display: block;
  overflow: auto;
  width: 550px;
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.flexBoxReverse {
  display: flex;
  flex-direction: column-reverse;
  flex-grow: 1;
}

.flexBoxRevserse > div {
  flex: 1;
}

.flexBoxReverseLabel {
  width: 220px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.licence-warning {
  float: left;
  margin: 14px 0px 0px 10px;
  position: relative;
  display: block;
}

.bsmaptrue {
  background-color: blue;
}

/*dragBox Style */
.ol-dragbox {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-width: 1px;
}

.ol-dragzoom {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 255, 1);
  border-style: solid;
  border-width: 1px;
}

[bs-select]:disabled {
  background: #eee;
  opacity: 1;
}

.geosignetStyle{
  font-weight: bold;
  color:#3498db;
}
/*POPUP */

.ol-popup {
  position: absolute;
  background-color: rgb(209, 239, 232);
  background-color: #fff;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  width: 400px;
}

.ol-popup:after,
.ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.ol-popup:after {
  border-top-color: rgb(209, 239, 232);
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}

.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}

.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}

.chips-title,
.chips-active-title {
  height: auto !important;
}
.chips-active-description {
  height: auto !important;
  color: #000 !important;
}

/*.ol-popup-closer:after {
  content: "✖";
}*/
/**/
.row.sprow {
  padding-bottom: 5px;
  padding-left: 10px;
}

.row.spbrow {
  padding-bottom: 10px;
}

.row.spbrowForAgenda {
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
}
.row .spbrow {
  padding-bottom: 10px;
}
.row .margin {
  margin-left: 20px;
}
.row .margin2 {
  margin-left: 50px;
}
.row label:not(.radio-inline, .configurationPagesAtlas) {
  margin: 10px 0 5px 0;
}
.table .atlasPageGardeFin{
  padding-top: 10px ;
  padding-left: 30px ;
}
.row .attachement label.custom-file-upload,
.row .multi-attachement label.custom-file-upload {
  margin: 0px;
}
.multi-attachement {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.multi-attachement .form-group select.form-control {
  width: 100%;
  min-width: 200px;
}

input[size] {
  width: 100px;
  display: inline-block;
}

.radio-inline-autre {
  display: inline-block;
  margin: 2px 0 0 20px;
  font-style: italic;
}

.imgradio > input {
  /* HIDE RADIO */
  display: none;
}

.imgradio > input + img {
  /* IMAGE STYLES */
  cursor: pointer;
  border: 2px solid transparent;
}

.imgradio > input:checked + img {
  /* (CHECKED) IMAGE STYLES */
  border: 2px solid #f00;
}

.listviewcontainer {
  border: 2px solid #ccc;
  width: 200px;
  height: 100px;
  overflow-y: scroll;
}

.noborder_btmleft_td {
  border-bottom: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
}

.evenattributes {
  background-color: #b2e6ff;
}

.oddattributes {
  background-color: #ffffff;
}

.btn.pull-right + .btn.pull-right {
  margin-right: 5px;
}
/* fix popover insertion */
.btn.pull-right + .popover + .btn.pull-right {
  margin-right: 5px;
}

.alert {
  margin-top: 10px;
}

.inlinealert {
  padding: 5px 10px;
  font-size: 13px;
}

/* [GLOBAL] Datepicker (calendrier) */
.datepicker.dropdown-menu {
  min-width: 280px !important;
}
/* [GLOBAL] Datepicker (calendrier) - Jours du mois */
.datepicker.dropdown-menu table tbody td button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.popover {
  max-width: 400px;
  border-radius: 0;
}

.popover.logo-toolbar-popover {
  z-index: 2100;
  padding-top: 50px;
}
.popover.logo-toolbar-popover .popover-content {
  position: relative;
}
.popover.logo-toolbar-popover .current-logo-path {
  word-break: break-all;
  max-width: 240px;
}

.label-default.dimmed {
  background: #bbb;
}

.pull-right.spleft {
  margin-left: 5px;
}

.toast-bottom-full-width .toast-message {
  max-height: 250px;
  margin-top: 10px;
  overflow-y: auto;
}

.hoverFeatureHelpCursor {
  cursor: help;
}

button.form-control {
  text-align: left;
}

th.left-align {
  text-align: left;
}

button.form-control .caret {
  float: right;
  margin-top: 10px;
}

.btn-help-circle {
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 0px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  float: right;
}

.largeInputGroup .input-group {
  width: 100%;
}

/**
    cleaning bootstrap mess with fieldsets
    http://stackoverflow.com/questions/16852484/use-fieldset-legend-with-bootstrap
**/
fieldset.cleanfieldset {
  border: 1px solid #ddd !important;
  padding: 0 0.5em 0.5em 0.5em !important;
}

legend.cleanfieldset {
  width: auto;
  padding: 0 5px;
  border-bottom: none;
  font-size: 1em;
  margin-bottom: 5px;
}

.form-intermediate-title {
  color: #16a085 !important;
  text-transform: uppercase;
  font-size: 13px;
  margin: 10px 15px;
  padding: 5px 0;
  font-weight: 600;
  border-bottom: 1px dotted #ddd;
}

/** -- **/

.nopadding .ngdialog-content {
  padding: 0 !important;
}

.list-group a {
  border-radius: 0 !important;
}

.list-group a:hover {
  cursor: pointer;
}

ul.noliststyle li {
  list-style-type: none;
}

/* bootstrap .nav-stacked override */
.nav-stacked {
  float: left;
}

.nav-fixed {
  position: fixed;
}

.nav-stacked-100 ul {
  width: 100px;
}

.nav-stacked-150 ul {
  width: 150px;
}

.nav-stacked > li > a {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.nav-stacked > li.active > a,
.nav-stacked > li.active > a:hover,
.nav-stacked > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #428bca;
}

/*.nav-stacked {
  border-right: 1px solid #ddd;
}*/

.ngrs-range-slider {
  margin-top: 2px;
}

.warningstar {
  color: darkred;
  font-weight: 600;
}

.lightslider {
  margin-bottom: 5px;
}

.lightslider .ngrs-value {
  display: none;
}

.nawak {
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

table.tablePicker tr:hover {
  cursor: pointer;
}

table.tablePicker tr.active > td {
  background: #428bca;
  color: #fff;
}

.abn-tree li a {
  border-radius: 0 !important;
}

ul.nav.abn-tree .level-1 .indented {
  margin-right: 5px;
}

popover {
  z-index: 2200;
}

.incompleteForm input.ng-invalid-required {
  border: 1px solid #e74c3c;
  display: block;
}

.btn.btn-xxs {
  font-size: 10px;
  padding: 0px 2px !important;
  width: 15px;
  border-radius: 0;
}

.popover-title {
  border-bottom: 1px solid #ccc;
}
.popover-title-bloder {
  font-weight: bolder;
  background-color: #666;
}
.globalCfgFilterLayers {
  background: rgba(66,139,202,0.18);
  height: 38px;
  padding: 2px 5px;
}

.groupLayersFilterLayers,
.mapcatalog-category {
  background: #dddcdc;
  height: 38px;
  padding: 2px 5px;
}

.itemsFilterLayers,
.category-items {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}

.itemsFilterLayers > li,
.category-items > li {
  border-top: 1px solid #ddd;
  padding: 5px 3px 0 5px;
}

.noPaddingRight {
  padding-right: 0px
}

.vertical-text {
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);

  -ms-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -webkit-transform-origin: left top 0;
  transform-origin: left top 0;

  background: #e23737;
  color: #000000;
  margin-left: 40px;
  padding: 10px;
  border: 1px solid #b52c2c;
  text-transform: 1px 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 2px -2px 0 rgba(0, 0, 0, 0.1);
  float: left;
}
.ngdialog.extendedNgDialog {
  z-index: -6;
}
.ngdialog.extendedNgDialog.grayed-background{
  z-index: -1;
}

.popup {
  position: absolute;
  z-index: 2100;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0;
  width: 0;
}
.popup.popupContainer.gcPopup {
  top:0;
}

.popup.centered {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.popup .resizeSide {
  position: absolute;
  z-index: 10;
}

.popup .resizeSide.topResize {
  top: 0;
  height: 10px;
  width: 100%;
  cursor: n-resize;
}
.popup .resizeSide.rightResize {
  right: -8px;
  width: 10px;
  height: 100%;
  cursor: e-resize;
}
.popup .resizeSide.leftResize {
  left: 0;
  width: 10px;
  height: 100%;
  cursor: e-resize;
}
.popup .resizeSide.bottomResize {
  bottom: 0;
  height: 10px;
  width: 100%;
  cursor: n-resize;
}
.popupPanel {
  display: flex;
  flex-direction: column;
}
.displayAsTable .popupPanel {
  display: table;
}
.popupPanel.scrollableContent {
  height: 500px;
}
.extendedNgDialogContent {
  max-height: calc(100% - 44px);
}
.extendedNgDialogContent .extendedNgDialogPanelBody {
  max-height: 100%;
  display: flex;
  padding: 0;
}
.extendedNgDialogContent .contentTemplate {
  flex: 1;
}
.extendedNgDialogContent .contentTemplate.scrollable {
  padding-right: 10px;
}
.formResultContainer {
  width: 180px;
  position: absolute;
  bottom: 0;
  z-index: 2;
  margin-bottom: 10px;
}
.formResult {
  position: absolute;
  bottom: 100%;
  width: 100%;
  height: 300px;
  overflow: scroll;
  margin-bottom: 0;
  z-index: 2;
}

.adminFormRenderPreview .extendedNgDialogFieldsWrapper {
  min-height: 450px;
}
.adminFormRenderPreview {
}
.extendedNgDialogContent .extendedNgDialogFieldsWrapper {
  display: flex;
  min-height: 300px;
}
.extendedNgDialogContent
  .formulaireWrapper
  .extendedNgDialogFieldsWrapper
  .tree {
  flex: 1;
  position: static;
  width: auto;
}
.formulaireWrapper {
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.extendedNgDialogContent .extendedNgDialogFieldsWrapper .form {
  flex: 3;
}

.extendedNgDialogContent
.formulaireWrapper {
  max-height: 80vh;
  overflow: unset;
}

.popup .popup_header > span:first-of-type {
  /*display: block;
    border: 1px solid red;*/
}

.popup > .panel {
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

.width95pct .ngdialog-content {
  width: 95% !important;
}

.width95pct .popupPanel {
  width: 95%;
}

.width350 .ngdialog-content {
  width: 350px !important;
}
.width400 .ngdialog-content {
  width: 400px !important;
}
.width350 .popupPanel {
  width: 350px;
}

.width900 .ngdialog-content {
  width: 900px !important;
}
.width900 .popupPanel {
  width: 900px;
}

.width925 .ngdialog-content {
  width: 925px !important;
}
.width925 .popupPanel {
  width: 925px;
}

.width1000 .ngdialog-content {
  width: 1000px !important;
}
.width1000 .popupPanel {
  width: 1000px;
}
.width1100 .ngdialog-content {
  width: 1100px !important;
}

.width1300 .ngdialog-content {
  width: 1200px !important;
}

.width1200 .ngdialog-content {
  width: 1200px !important;
}
.width1200 .popupPanel {
  width: 1200px;
}

.width800 .ngdialog-content {
  width: 800px !important;
}
.width800 .popupPanel {
  width: 800px;
}
.width750 .popupPanel {
  width: 750px;
}

.width80pct .ngdialog-content {
  width: 80% !important;
}
.width80pct .popupPanel {
  width: 80%;
}

.width600 .ngdialog-content {
  width: 600px !important;
}

.width700 .ngdialog-content {
  width: 700px !important;
}
.width700 .popupPanel {
  width: 700px;
}

.openTextPopup .ngdialog-content {
  width: min-content !important;
}

.width600 .popupPanel {
  width: 600px;
}

.width400 .ngdialog-content {
  width: 400px !important;
}
.width400 .popupPanel {
  width: 400px;
}

.min_width400 .popupPanel {
  min-width: 400px;
}
.width360 .ngdialog-content {
  width: 360px !important;
}
.width360 .popupPanel {
  width: 360px;
}

.width300 .ngdialog-content {
  width: 300px !important;
}
.width300 .popupPanel {
  width: 300px;
}

.width200 .ngdialog-content {
  width: 200px !important;
}

.width200 .popupPanel {
  width: 200px;
}

.width150 .ngdialog-content {
  width: 150px !important;
}
.width150 .popupPanel {
  width: 150px;
}

.width100 .ngdialog-content {
  width: 120px !important;
}
.width100 .popupPanel {
  width: 120px;
}
.width400 .ngdialog-content {
  width: 400px !important;
}

.width400 .popupPanel {
  width: 400px;
}
.width500 .ngdialog-content {
  width: 500px !important;
}
.width500 .popupPanel {
  width: 500px;
}
.height300 .ngdialog-content {
  width: 800px !important ;
  height: 300px;
}
.height300 .popupPanel {
  width: 800px;
  height: 300px;
  max-height: calc(100vh - 10px);
}
.height500 .ngdialog-content {
  width: 800px !important ;
  height: 500px !important;
}
.height500 .popupPanel {
  width: 800px;
  height: 500px;
  max-height: calc(100vh - 10px);
}
.path_height550 .ngdialog-content {
  width: 550px !important ;
  height: 550px !important;
}
.path_height550 .popupPanel {
  width: 550px;
  height: 550px;
  max-height: calc(100vh - 70px);
}

.height600 .ngdialog-content {
  width: 800px !important ;
  height: 600px !important;
}
.height600 .popupPanel {
  width: 800px;
  height: 600px;
}
.height600 .renderedForm:not(.customSizedForm) {
  height: 550px;
}
.height800 .ngdialog-content {
  width: 800px !important ;
  height: 800px !important;
}
.height800 .popupPanel {
  width: 800px;
  height: 800px;
}
.height800 .renderedForm:not(.customSizedForm) {
  height: 750px;
}
.height700 .ngdialog-content {
  width: 800px !important ;
  height: 700px !important;
}
.height700 .popupPanel {
  width: 800px;
  height: 700px;
}
.height700 .renderedForm:not(.customSizedForm) {
  height: 650px;
}

.height1000 .ngdialog-content {
  width: 1000px !important ;
  height: 1100px !important;
}
.height1000 .renderedForm:not(.customSizedForm) {
  height: 1050px;
}
.height1200 .ngdialog-content {
  width: 1000px !important ;
  height: 1200px !important;
}

.height1200 .popupPanel {
  width: 1000px;
  height: 1200px;
}

.transparent .ngdialog-content {
  background: transparent !important;
}

.maxheight650 .ngdialog-content {
  max-height: 650px !important;
}
.maxheight650 .popupPanel {
  max-height: 650px;
}

.fullScreen .ngdialog-content {
  position: fixed !important;
  top: 0.5rem !important;
  right: 0.5rem !important;
  bottom: 0.5rem !important;
  left: 0.5rem !important;
  width: inherit !important;
}

label.required:after {
  content: ' *';
  color: darkred;
}

.tooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
}


.tooltip-measure {
  opacity: 1;
  font-weight: bold;
}

.tooltip-static {
  background-color: #ffcc33;
  color: black;
  border: 1px solid white;
}

.tooltip-measure:before,
.tooltip-static:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: '';
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}

.tooltip-static:before {
  border-top-color: #ffcc33;
}
/* css for tooltip*/
.tooltip .tooltiptext {
  visibility: hidden;
  width: 100%;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.scrollbar {
  /*width:150px;*/
  /*height:300px;*/
  background-color: red;

  overflow-y: scroll;
  float: left;
}

#bodyDiv {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

#scrollbox3 {
  overflow: auto;
  width: 400px;
  height: 800px;
  padding: 0 5px;
  border: 1px solid #b7b7b7;
}

.track3 {
  width: 10px;
  background: rgba(0, 0, 0, 0);
  margin-right: 2px;
  border-radius: 10px;
  -webkit-transition: background 250ms linear;
  transition: background 250ms linear;
}

.track3:hover,
.track3.dragging {
  background: #d9d9d9;
  background: rgba(0, 0, 0, 0.15);
}

.handle3 {
  width: 7px;
  right: 0;
  background: #999;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 7px;
  -webkit-transition: width 250ms;
  transition: width 250ms;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
  width: 10px;
}

tr.emtd td {
  background: #f4f4f4;
  border-bottom: 1px solid #bbb;
}

th {
  text-align: center;
}

/************************************
    Meta
*************************************/

[ng\:cloak],
[ng-cloak],
.ng-cloak {
  display: none !important;
}

.waitCursor,
.waitCursor * {
  cursor: wait;
}

.ngdialog-close:before {
  z-index: 5 !important;
  background: #fff !important;
  border: 1px solid #ccc;
  border-radius: 50%;
  padding-left: 2px;
  right: 10px !important;
  top: 10px !important;
  width: 40px !important;
  height: 40px !important;
  font-size: 35px !important;
  line-height: 40px !important;
}

.miniclose .ngdialog-close:before {
  border-radius: 0;
  height: 25px !important;
  width: 25px !important;
  font-size: 18px !important;
  line-height: 25px !important;
  padding-left: 0px;
}

.noclose .ngdialog-close:before {
  display: none;
}

.ngdialog-close:hover:before {
  color: #000;
}

.ngdialog-close:active:before {
  box-shadow: 2px 2px 9px 1px rgba(0, 0, 0, 0.3) inset;
}

/************************************
    Globals
*************************************/

body {
  height: 100%;
  overflow: hidden;
  background: #fff;
  /*background: #f6f6f6 url(../img/bkp_g2c_fr.png) 50% 50% no-repeat;*/
}

.application_logo {
  background: url('../img/patrimonio.png') no-repeat 50% 50%;
  background-size: contain;
  width: 83px;
  height: 40px;
}

.logo_kiscartajour {
  background: url('../img/patrimonio.png') no-repeat 50% 50%;
  background-size: contain;
  width: 30px;
  height: 30px;
}
.logo_kiscollect {
  background: url('../img/kiscollect.png') no-repeat 50% 50%;
  background-size: contain;
  width: 30px;
  height: 25px;
}

/* Floating action buttons on the top right side of a given page */
#xgos_main .editList th {
  border-top: none;
}

.ng-table tr.active {
  color: #3498db;
}

.editList {
  margin-top: 49px;
}
.editList tr.active > td p,
.editList tr.active_multiple > td{
  color: #3498db;
}
.editList tr.active_multiple > td{
  font-weight: 600;
}

.editList tr:hover:not(.active) > td {
  background: #f6f6f6 !important;
}

.editList td {
  padding: 6px 4px !important;
}

.editList .actionBtnWrapper .btn:not(.btn-xs) {
  padding: 6px 5px;
}
.editList .actionBtnWrapper .btnaction {
  background: #ececec;
}
.editList .actionBtnWrapper .btnaction[disabled] {
  opacity: 0.5;
}

.editList .leaving_date {
  background-color: #d9534f;
  opacity: 0.65;
  color: #ffffff;
  padding: 8px 8px 10px 8px;
  width: 100px;
  display: inline-block;
  margin: -8px;
}

.editList .actionBtnWrapper.allowReorder button.showDetail {
  margin-left: 25px;
}
.editList .report-add-button{
  background: #ececec;
}

/* corrections nov 18 suite maj chrome */
.ngdialog .editList .actionBtnWrapper {
  display: flex;
  flex-direction: row;
}

/* corrections nov 18 suite maj chrome */
.flex .actionBtnWrapper {
  display: flex;
  flex-direction: row;
}
.editList .orderListWrapper {
  position: static;
}

.editListLogo {
  max-width: 100px;
}

.orderListWrapper {
  width: 22px;
  position: absolute;
  margin-right: 5px;
}

.orderListWrapper .btn {
  display: block;
  height: 17px;
  margin-bottom: 1px;
  font-size: 12px;
  line-height: 12px;
  border-radius: 0;
}

.editList .mainWarning {
  position: fixed;
  z-index: 100;
  height: 70px;
  color: darkred;
  overflow: auto;
  background: #fff0d6;
  padding: 5px;
  left: 17%;
  right: 0;
  margin-top: -9px;
}
.editList .mainWarning .warningTitle {
  padding: 0 5px;
}
.editList .mainWarning .warningDetail {
  padding: 5px;
  font-size: 12px;
}
.editList .mainWarning + .fixedHeaderTableWrapper {
  top: 120px;
}

/*.editList .actionBtnWrapper:last-of-type{
    border-right: 1px solid red;
}*/
.editList .editListLength {
  position: relative;
  margin: -2px 5px 0 0px;
  color: #3498db;
  font-weight: 800;
}

.editListLengthLdap {
  position: relative;
  margin: -2px 5px 0 0px;
  color: #3498db;
  font-weight: 800;
}

.editList_header {
  padding: 5px 10px;
  margin-top: 10px;
  position: fixed;
  left: 17%;
  /* border-bottom: 1px solid #ccc; */
  right: 0;
  /* background: #f0f0f0 !important; */
  z-index: 50;
  top: 40px;
  height: 50px;
  overflow-x: hidden;
}
.editList_header_wTabs{
  height: auto;
}

/* fixed header table */
.fixedHeaderGlobalWrapper {
  min-height: 150px;
  overflow-y: auto;
  position: relative;
}

.relative {
  position: relative !important;
}

.fixedHeaderTableWrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 40px;
}

.formDataTableTitle {
  font-weight: 600;
  margin-left: 15px;
}

.fixedHeaderTableWrapper table {
  width: auto;
  table-layout: fixed;
  min-width: 100%;
}

.fixedHeaderTableWrapper table th {
  min-width: 100px;
}

.fixedHeaderTableWrapper table th.isDateTimeFilter {
  min-width: 180px;
}
.fixedHeaderTableWrapper table th.isDateFilter {
  min-width: 130px;
}

.fixedHeaderTableWrapper table tr:nth-child(2) td {
  border-top: none;
}

.editList .fixedHeaderTableWrapper table tr:nth-child(1) td {
  border-top: none;
}

.editList .fixedHeaderTableWrapper table td {
  border: none;
}
.editList .fixedHeaderTableWrapper table tr:nth-child(2) td {
  /* border-top: 1px solid #ddd !important; */
}

.editList .fixedHeaderTableWrapper {
  top: 50px;
}
.editList .fixedHeaderTableWrapper_wTabs {
  top: 100px;
}
.editList .fixedHeaderTableWrapper .largeTh{
  width: 90px;
}

.editList .fixedHeaderTableWrapper table {
  max-width: 100% !important;
}

.fixedHeaderTableWrapper.searchMode {
  padding-top: 80px;
}

.fixedHeaderTableWrapper .fixInner {
  /* overflow-x: hidden; */
  overflow-y: auto;
  height: 100%;
}

.fixedHeaderTableWrapper .fixThWrapper {
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 7px 10px -6px rgba(110, 110, 110, 0.25);
}

.searchTr th:last-child .datepicker {
  left: -225px !important;
}

.fixedHeaderTableWrapper.searchMode .fixThWrapper {
  height: 80px;
}

.fixedHeaderTableWrapper .fixTh,
.fixedHeaderTableWrapper .searchTr .fixTh {
  position: absolute !important;
  top: 0;
  line-height: 30px;
  padding: 0 8px 0 8px;
  overflow: hidden;
  width: 80px;
  height: 25px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.9em;
  /* padding: 0;*/
  /* border: 1px solid red; */
}
.fixedHeaderTableWrapper .searchTr .fixTh {
  padding: 0 8px 0 0;
}
.fixedHeaderTableWrapper .fixTh .dropdown-multiselect{
  width: 100%;
}
.filterHour{
  margin-top: -7px;
}

.fixedHeaderTableWrapper .fixInner th {
  padding: 0 !important;
  border: none !important;
  /* border: 1px solid orange !important;
        padding: 10px 0 !important; */
}

.fixedHeaderTableWrapper .fixTh.fixThLabel {
  overflow: hidden;
  cursor: pointer;

  /* padding-left: 8px !important; */
}

.fixedHeaderTableWrapper th:first-of-type .fixThLabel {
  text-align: right;
}
.fixedHeaderTableWrapper table tr:first-child th:first-child {
  /* padding-left: 30px !important; */
}

.fixedHeaderTableWrapper .searchTr .fixTh {
  height: 35px;
  top: 30px;
  overflow: visible;
}

th.sortable .fixTh:before,
th.sortable .fixTh:after {
  right: -15px !important;
}
.synchro {
  background-color: #ffc0cb !important;
}

.fixedHeaderTableWrapper .toggleSearch {
  position: absolute;
  top: 8px;
  left: 15px;
  z-index: 25;
}

.gcDatatable .selectLines {
  position: absolute;
  top: 8px;
  left: 0px;
  z-index: 25;
}

.gcDatatable .extraFilter {
  line-height: 0;
  margin-top: -3px;
}

.fixedHeaderTableWrapper .searchTr th input[type='text'] {
  position: relative;
  margin: -10px 0 0;
  font-size: 12px;
  font-style: italic;
  color: #555;
  font-weight: 100;
  height: 22px;
  width: calc(100% - 10px);
  line-height: 0;
}

.fixedHeaderTableWrapper .extraFilterText {
  margin-top: 0 !important;
  text-align: right;
}
.fixedHeaderTableWrapper .searchTr th select {
  position: relative;
  /*  top: 2px;*/
  width: calc(100% - 10px);
  line-height: 0;
}

.fixedHeaderTableWrapper .searchTr th .datepicker {
  min-width: 300px;
}

.fixedHeaderTableWrapper .searchTr th .numberDateFilter input[type='text'] {
  text-align: right;
}

.fixedHeaderTableWrapper .searchTr th .numberDateFilterExtra .extraFilterText {
  position: relative;
  margin: 0;
  font-size: 12px;
  font-style: italic;
  color: #555;
  font-weight: 100;
  height: 22px;
  width: calc(100% - 10px);
  line-height: 0;
}

.fixedHeaderTableWrapper .searchTr th .numberDateFilterSelect {
  position: absolute;
  top: 5px;
  bottom: 9px;
  left: 1px;
  width: 36px;
  font-size: 10px;
  border: none;
  background: #f4f4f4;
  border-right: 1px solid #ccc;
  z-index: 100;
  height: 20px;
}

.fixedHeaderTableWrapper .searchTr th .numberDateFilterSelectExtra {
  position: absolute;
  top: 28px;
  bottom: 9px;
  left: 6px;
  width: 36px;
  font-size: 10px;
  border: none;
  background: #f4f4f4;
  border-right: 1px solid #ccc;
  z-index: 100;
  height: 20px;
}

.fixedHeaderTableWrapper .searchTr th .numberDateFilterSelect.text,
.fixedHeaderTableWrapper .searchTr th .numberDateFilterSelectExtra.text {
  background: #f0f0f8;
  /* -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ''; */
}

.fixedHeaderTableWrapper .searchTr th .numberDateFilter .dateRangeMaxValue {
  /*    width: 80px;
        margin-left: 10px;*/
}

.ngdialog-content .editList {
  margin-top: 0;
  height: 500px;
}

.ngdialog-content .editList_header {
  /*   left: 15px;
       right: 15px;
       top: inherit;
       margin-top: -59px;*/
  position: inherit;
  margin-top: -10px;
  border-bottom: none;
}

.ngdialog-content .fixedHeaderTableWrapper {
  margin: 0 15px;
}

.editList_header > .buttons {
  float: right;
  margin: 3px 0 0 0;
}

.editList_header > .buttons > .extrabtn {
  margin-left: 5px;
}

.tab-content > .active {
  padding-top: 10px;
}

/*
    Bootstrap has

    table {
        max-width: 100%;
    }

    for some reason, and it makes the row too wide for some containers
*/

.table {
  max-width: none;
  table-layout: fixed;
  word-wrap: break-word;
  color: #000000;
}

.totalAndSelection .totalNumber {
  background-color: #d9edf7;
  padding: 5px;
}

.totalAndSelection .totalSelectedElementsNumber{
  background-color: #a0dbf9;
  padding: 5px;
}



/*
    For tables that may be really large
*/

.largeTableWrapper {
  overflow-x: auto;
  padding-bottom: 55px;
  position: relative;
}

.largeTableWrapper .table {
  table-layout: auto;
}

.largeTableWrapper .table th {
  max-width: 10%;
}

.largeTableWrapper .ng-table-counts {
  position: fixed;
  left: 50%;
  margin-left: -90px;
  width: 180px;
}

.largeTableWrapper .ng-table-counts {
  position: absolute;
  left: inherit !important;
  right: 1em !important;
  margin-left: -90px;
  width: 180px;
  bottom: 40px;
}

.largeTableWrapper .ng-table-pagination {
  position: absolute;
  left: 1em !important;
  bottom: 20px;
}

.table td input[type='text'] {
  max-width: 100%;
}

.disabled {
  opacity: 0.5;
}

.disabledScroll {
  background-color: #bbb7c5 !important;
  pointer-events: none !important;
  transition: background-color 1s;
}

/************************************
    XGOS Loader
*************************************/
.xgos_loader {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 99999999;
  display: none;
  background: rgba(0, 0, 0, 0.25);
  text-align: center;
}

.xgos_loader.mini {
  position: absolute;
  box-shadow: inset 0 0 25px 0 #777;
}

.xgos_loader.visible {
  display: flex;
  justify-content: center; /* align horizontal */
  align-items: center;
}

.xgos_loader .loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 4px solid #fff;
  /* top: 50%;*/
  animation: xgosloader 4s infinite ease;
  margin: 0 15px 0 0;
}

.xgos_loader .loader i {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #4aa3df;
  animation: xgosloaderinner 4s infinite ease-in;
}

@keyframes xgosloader {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes xgosloaderinner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}

.xgos_loader span.main {
  color: #fff;
  font-size: 22px;
  text-shadow: 1px 1px 1px #555;
}

.xgos_loader .scale {
  padding: 5px 0;
  position: absolute;
  top: 50%;
  /* margin: 40px 0 0 -200px;*/
  margin: 40px 0 0 0;
  width: 200px;
  overflow: hidden;
  color: #fff;
}

@-moz-document url-prefix() {
  .xgos_loader .scale {
    margin-left: -200px;
  }
}

.xgos_loader .scaleBar {
  padding: 5px 0;
  position: absolute;
  top: 50%;
  margin: 40px 0 0 0;
  width: 300px;
  overflow: hidden;
  color: #fff;
}

.xgos_loader .scale .progressbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #4aa3df;
  z-index: -1;
  width: 0;
  transition: width ease-in 0.1s;
}

.layermanagerpopover {
  width: 190px;
}

.layermanagerpopover span {
  width: 20px;
}

/************************************
    FORM
*************************************/
/* Condensed form */
.form-condensed {
}

.form-condensed .col-xs-1,
.form-condensed .col-xs-2,
.form-condensed .col-xs-3,
.form-condensed .col-xs-4,
.form-condensed .col-xs-5,
.form-condensed .col-xs-6,
.form-condensed .col-xs-7,
.form-condensed .col-xs-8,
.form-condensed .col-xs-9,
.form-condensed .col-xs-10,
.form-condensed .col-xs-11,
.form-condensed .col-xs-12 {
  padding: 0 5px 5px 5px !important;
}

.form-condensed label {
  margin-left: 2px;
}

.form-condensed .form-group {
  margin-bottom: 5px;
}

/************************************
    Directives
*************************************/
/** submitLoad **/
form.processing {
}

form.processing button {
  opacity: 0.8 !important;
  position: relative;
}

form.processing button::before {
  content: '\e031';
  position: absolute;
  left: 0;
  margin-left: 10%;
  font-family: 'Glyphicons Halflings';
  -webkit-animation: iconSpin 0.75s infinite linear;
  font-style: normal;
}

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

/** portal switcher **/
.portalMenuNav .listApps {
  top: -1px;
  right: -5px;
}

.portalMenuNav .selectWarning {
  margin-right: 7px;
  font-weight: 600;
}
.portalMenuNav .nbPortails {
  position: relative;
  top: -1px;
  right: -5px;
}

.portalMenuNav ul {
  max-height: 500px;
  overflow-y: auto;
}

.portalMenuNav:not(.open) .selectWarning {
  color: darkred;
}

/** portalCfgModal **/
.portalCfgModal .portalActivateParameter {
  padding-top: 25px;
  text-align: center;
}

.omegaConfigurationExemple {
  color: teal;
  cursor: pointer;
}
.ignPortalMessage{
  display: block; 
  white-space: pre-wrap; 
  text-align: center;
}

/************************************
    Login #xgos_login
*************************************/

#xgos_login {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 400px;
  margin: -200px 0 0 -200px;
  min-height: 400px;
}

#xgos_login .application_logo {
  height: 150px;
  width: auto;
  margin-bottom: 25px;
}

#xgos_login form {
  margin-top: 15px;
}

.loginAlerteExceptionelle {
  border: 1px solid #bbb;
  background: #fafafa;
  width: 800px;
  margin: 20px auto;
  padding: 15px 15px 10px 15px;
}
.loginAlerteExceptionelle .title {
  font-size: 17px;
  font-weight: 700;
}
.loginAlerteExceptionelle .corps {
  padding: 10px 0 0 0;
  text-align: justify;
}

body.login #xgos_main {
  top: 0;
  padding: 0;
}

.login-title {
  text-align: center;
}

#login_v2 {
  display: flex;
  min-height: 100%;
  position: absolute;
  width: 100%;
}
#login_v2 > section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1;
}
#login_v2 .bg-image {
  width: 200%;
  position: fixed;
  z-index: -1;
  top: 300px;
  opacity: 0.35;
  transform: scaleX(-1);
}
#login_v2 > .login-illustration img {
  margin: 0 auto;
}
#login_v2 .kis_logo {
  top: 140px;
  left: calc(75% - 120px);
  background: url('../img/kis_logo.png') no-repeat 50% 50%;
  background-size: contain;
  width: 240px;
  height: 136px;
  margin: 0 auto;
}
#login_v2 .kis_client_logo.cd93 {
  position: absolute;
  top: 50px;
  left: calc(50% - 212.5px);
  background: url('../img/logo_ssd.svg') no-repeat 50% 50%;
  background-size: contain;
  width: 425px;
  height: 150px;
}
#login_v2 > .login-form h2 {
  margin: 0 0 20px 0;
  font-size: 24px;
}
#login_v2 > .login-form .form {
  width: 60%;
  align-self: center;
  max-width: 500px;
}
#login_v2 > .login-form .input-field {
  min-height: 46px;
  width: 98%;
  padding-left: 20px;
  border: 1px solid #dbe2ea;
  border-radius: 4px;
  display: initial;
  margin: 0 auto;
  outline: none;
  background: #fff;
  margin-top: 15px;
}
#login_v2 .loginError {
  color: darkred;
}
#login_v2 .submit-button {
  margin: 25px auto 0 auto;
  width: 158px;
  height: 50px;
  display: block;
  border-radius: 15px;
  padding: 16px 36px;
  line-height: 18px;
  letter-spacing: 1.54px;
  box-shadow: 10px 16px 40px 0 rgba(255, 84, 117, 0.36);
  color: #fff;
  background-color: #ef4b6c;
  border: none;
}
#login_v2 .submit-button:focus {
  outline: 0;
}
#login_v2 .submit-button:active {
  transition: all 0.25s;
  transform: scale(0.95);
}
.userAlreadyLogged {
  width: 400px;
  margin: 250px auto 0 auto;
}
.userAlreadyLogged p {
  padding-top: 10px;
}
.userAlreadyLogged p span {
  margin-right: 5px;
}
@media (max-width: 1000px) {
  #login_v2 > .login-illustration {
    display: none;
  }
  #login_v2 .kis_logo {
    left: calc(50% - 120px);
  }
}
/************************************
    Navbar #xgos_nav
*************************************/

#xgos_nav {
  background: #fff !important;
  height: 50px;
  box-shadow: 0 7px 10px -6px rgba(0, 0, 0, 0.35);
  border-bottom: 1px solid #bbb;
  transition: border-color 0.5s linear;
}

body.map #xgos_nav {
  box-shadow: 0 7px 10px -6px rgba(0, 0, 0, 0.15);
}

#xgos_nav .application_logo {
  float: left;
  margin: 3px 0 0 15px;
}

#xgos_nav a {
  cursor: pointer !important;
}

#xgos_nav .right_menu {
  float: right;
}

#xgos_nav li .fa {
  margin-right: 5px;
}

#xgos_nav .open > a {
  background: #4d6aa3 !important;
  box-shadow: inset 1px 10px 9px -6px #405376;
}

.maindropdown .fa {
  color: #777;
}

.maindropdown:hover .fa {
  color: #000;
}

.maindropdown.open .fa {
  color: #fff;
}

/* make main navbar mobile comptabile */
@media (max-width: 768px) {
  #xgos_nav .navbar-nav {
    margin: 0 !important;
  }
  #xgos_nav .navbar-nav > li {
    float: left;
  }
  #xgos_nav .nav > li > a {
    padding: 15px 10px;
  }

  #xgos_nav .navbar-nav .open .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;

    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }
  #xgos_nav .open .dropdown-menu > li > a:hover,
  #xgos_nav .open .dropdown-menu > li > a:focus {
    color: #262626 !important;
    background-color: #f5f5f5 !important;
  }

  #xgos_nav .languageNav span {
    display: none;
  }
  #xgos_nav .scanqrcode {
    display: none;
  }
  .full_screen_drop_down {
    padding: 50px 15px 15px 15px !important;
  }
  .userMenuNav .username {
    display: none;
  }
}

/************************************
    Sidebar .xgos_side
*************************************/

.xgos_side {
  background: #eee;
  position: fixed;
  left: 0;
  top: 50px;
  bottom: 0;
  /*transition:all linear .5s;*/
  padding: 0 !important;
  overflow-x: hidden;
  overflow-y: auto;
}

.xgos_side .group {
  width: auto;
  margin: 0;
}

.xgos_side .caret {
  position: absolute;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  cursor: pointer;
  margin: 15px 3px 0;
  z-index: 2;
  right: 5px;
  transform: rotate(90deg);
}

.xgos_side .active .caret {
  color: #fff !important;
  display: inline-block;
  transform: rotate(0deg) !important;
}

.xgos_side ul {
  overflow: hidden;
  /*    max-height: 1500px;
        overflow: hidden;
        transition: max-height .5s ease-in;*/
}

.xgos_side ul.collapsed {
  /*    transition-duration: 0;*/
  max-height: 0;
}

.xgos_side li > a {
  color: #555;
  z-index: 1;
}

/* sub links */
.xgos_side ul .active a,
.xgos_side ul .active a:hover {
  color: #fff;
  background: #2980b9;
}

/* main links - solo links */
.xgos_side ul .group.active a,
.xgos_side ul .group.active a:hover {
  color: #555;
  background: #ccc;
}

.xgos_side ul #supervision a {
  padding-top: 15px;
  background: #454241 !important;
  box-shadow: inset -10px 1px 9px -7px rgba(0, 0, 0, 0.35);
  padding-bottom: 15px;
}

.xgos_side ul #supervision span.label {
  float: right;
  text-transform: none;
  font-size: 11.5px;
  font-weight: 100;
}

.xgos_side ul #supervision span.label i {
  color: #fff !important;
}

.xgos_side.ng-hide {
  display: block !important;
  left: -400px !important;
}

/************************************
   geolocalisation (préfix 'sploc')
*************************************/

#sploc_mainDiv {
}

.marginTop5 {
  margin-top: 5px;
}

.marginLeft5 {
  margin-left: 5px;
}

.bigMarginLeft {
  margin-left: 30px;
}

#sploc_formGroup1 {
  margin-bottom: 14px;
  margin-left: -5px;
}
/* [MAP] Widget localisation - Conteneur de la ligne de la recherche par adresse */
.sploc_formGroup2 {
  margin-bottom: 15px;
}
/* [MAP] Localisation AEP - Ligne de la recherche par adresse - Décalage inutile et gếnant */
.aep .sploc_formGroup2 {
  margin-left: -5px;
}

#sploc_formGroup3 {
  margin-left: -5px;
  margin-right: -10px;
}

.sploc_icon_LatSearch {
  height: 31px;
  margin-left: 0px;
  margin-top: 8px;
  width: 44px;
}

.sploc_inputLatLong {
  width: 130px;
  margin: 2px;
}
/* [MAP] Localisation AEP - Recherche par adresse - Input */
.input-group .sploc_inputAdress {
  width: 240px;
  height: 35px;
  margin: 0 5px;
}
/* [MAP] Widget localisation - Ligne de la recherche par adresse */
.sploc-address {
  display: flex;
  width: 100%;
}
/* [MAP] Widget localisation - Recherche par adresse - Input */
.sploc-address .sploc_inputAdress {
  height: 35px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* [MAP] Widget localisation - Recherche par adresse - Conteneur des boutons */
.sploc-address > div {
  display: flex;
}
/* [MAP] Widget localisation - Recherche par adresse - Boutons */
.sploc-address > div button {
  border-radius: 0;
}
/* [MAP] Widget localisation - Recherche par adresse - Dernier bouton sur la droite */
.sploc-address > div button:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.sploc_result {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  color: #000;
}

.sploc_ResultBloc {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  color: #000;
  max-width: 350px;

  background: none no-repeat scroll 10px 15px #f5f5f5;
  border: 3px ridge #c0c0c0;
  border-radius: 7px;
  box-shadow: 3px 3px 6px 0 #a9a9a9;
  color: #404040;

  padding: 5px 5px 5px 5px;
  text-align: left;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 5px;
}

.sploc_ResultBloc .OddResults {
  color: #00a;
  background-color: #00a;
}

.sploc_numberCircle {
  background: none;
  border: 3px ridge #aaa;
  border-radius: 100%;
  color: #404040;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  height: 28px;
  padding: 1px;
  text-align: center;
  width: 28px;
}

/************************************
   map catalog (préfix 'mapcatalog')
   Epuré des id et class inutiles
*************************************/
.mapcatalog-config-filter {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
}

#map_catalog_config_filter {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
}

.map_catalog_thumbnail {
  margin-bottom: 5px;
  text-align: center;
}

.map_catalog_costum_thumb_imgh{
  height: 100px;
}

.map_catalog_costum_thumb_imgh:hover {
  cursor: pointer;
}

img.map_catalog_costum_thumb_imgh {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
}

#largeMapCatalogWrapper{
  margin-left: 30px;
  min-height: 96vh;
  max-width: 96%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
}

div.map_catalog_costum_thumb_imgh {
  display: inline-block;
  position: relative;
  margin: 16px;
  min-height: 100px;
  vertical-align: top;
  width: 100px;
}

.map_catalog_large_thumb_img:hover {
  cursor: pointer;
}

.map_catalog_costum_thumb_img:hover {
  cursor: pointer;
}

.map_catalog_costum_thumb_img {
  width: 56px;
  height: 56px;
}

.map_catalog_large_thumb_img {
  width: 100px;
  height: 100px;
}
.dropzone .dz-preview .dz-image img {
  width: 100px;
  height: 100px;
}

.map_catalog_file_info {
  margin-left: 5px;
  margin-right: 35px;
}

.map_catalog_file_info p {
  text-align: center;
  word-wrap: break-word;
  width: 120px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


.large_map_catalog_file_info{
  margin: 10px;
  width: 100px;
}

.large_map_catalog_file_info p {
  text-align: center;
  word-wrap: break-word;
  width: 100%;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#initial_dropzone_contain {
  width: 100%;
}

#large_dropzone_contain .map_catalog_dropzone_left .dropzone {
  margin-left: 30px;
  min-height: 95vh;
  max-width: 96%;
}

#large_dropzone_contain .map_catalog_dropzone_full .dropzone {
  margin-left: 30px;
  min-height: 880px;
  max-width: 97%;
}

/************************************
   esri print (préfix 'esri_print')
*************************************/

#esri_print_main_container {
  width: 300px;
}

#esri_print_main_container .esri-print-input {
  padding-bottom: 10px;
}

#esri_print_conf_url {
  padding: 10px;
}

#esri_print_conf_templates {
  margin-bottom: 10px;
  padding-left: 60px;
}

#esri_print_conf_save {
  padding: 10px;
}

/************************************
   Atlas
*************************************/

#config_atlas_esri {
  padding: 5px;
  height: 510px;
}

#esri_print_conf_line_url {
  padding-top: 80px;
  padding-left: 5px;
}

#esri_print_conf_area_url {
  padding-top: 10px;
  padding-left: 5px;
}


.atlas-sauve-bas {
  background-color: white;
  width: 100%;
  padding: 5px;
  padding-top: 10px;
}
.atlas-esri-templates{
  max-height: 200px;
  overflow-y: auto;
  max-width: 775px;
}

.atlas-failed {
  color: #d43f3a;
}
.atlas-warning {
  color: #d48f3a;
}

/************************************
 esri styles (préfix 'esri_style')
*************************************/

#esri_style_renderer_type_selector {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}

#esri_style_symbol_sms {
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 600px;
}

#esri_style_symbol_ts {
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 600px;
  min-height: 100px;
}

#esri_style_symbol_ts_picked {
  padding-left: 20px;
  padding-top: 10px;
}

#esri_style_symbol_ts_picker {
  padding-left: 40px;
  padding-top: 20px;
}

#esri_style_symbol_ts_icons {
  border: 1px solid #abacaf;
  width: 500px;
  height: 130px;
  overflow-y: auto;
  padding: 3px;
}

#esri_style_symbol_ts_icons .icon {
  width: 60px;
  height: 60px;
}

#esri_style_symbol_type_selector {
  padding-top: 20px;
  padding-bottom: 50px;
  padding-left: 5px;
  padding-right: 10px;
}

#esri_style_uniqval_label {
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}

#esri_style_symbol_ps_display {
  padding-top: 30px;
  padding-left: 60px;
  padding-bottom: 40px;
}

#esri_style_sls_type_selector {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_ts_font_file_selector {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_sms_type_selector {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_sfs_type_selector {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_ts_color {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_ts_color_alpha {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_ts_size {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_ts_angle {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_ts_xoffset {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_ts_yoffset {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_sls_color {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_sms_color {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_sfs_color {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_sms_color_alpha {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_sls_color_alpha {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_sfs_color_alpha {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_sls_width {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_sms_size {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_sms_xoffset {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_sms_yoffset {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_sms_angle {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_sms_outline {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_symbol_sfs_outline {
  padding-top: 20px;
  padding-left: 20px;
}

#esri_style_uniqval_attr1 {
  padding-top: 10px;
  padding-left: 20px;
}

#esri_style_uniqval_attr2 {
  padding-top: 10px;
  padding-left: 20px;
}

#esri_style_uniqval_attr3 {
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 20px;
}

#esri_style_uniqval_default_label {
  padding-left: 20px;
}

#esri_style_renderer_simple_btn {
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
}

#esri_style_uniqval_default_label_btn {
  padding-top: 10px;
  padding-left: 20px;
}

#esri_style_uniqval_datagrid_actions {
  padding-left: 40px;
  padding-top: 10px;
}

#esri_style_symbol_sms_outline_color {
  padding-left: 60px;
}

#esri_style_sfs_outline_type_selector {
  padding-left: 60px;
}

#esri_style_symbol_sms_outline_width {
  padding-top: 10px;
  padding-left: 60px;
}

#esri_style_sfs_outline_color {
  padding-top: 10px;
  padding-left: 60px;
}

#esri_style_sfs_outline_width {
  padding-top: 10px;
  padding-left: 60px;
}

#esri_style_renderer_simple_thmb {
}

#esri_style_renderer_default_thmb {
}

#esri_style_uniqval_datagrid {
  padding-top: 20px;
  width: 570px;
  padding-left: 30px;
}

#esri_style_symbol_attr_form_field1 {
  padding-top: 20px;
  padding-left: 10px;
}

#esri_style_symbol_attr_form_field2 {
  padding-top: 10px;
  padding-left: 10px;
}

#esri_style_symbol_attr_form_field3 {
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 20px;
}

#esri_style_symbol_values_button_add {
  padding-top: 20px;
}

#esri_style_symbol_values_button_supp {
  padding-top: 10px;
  padding-bottom: 10px;
}

#esri_style_symbol_values_list {
  padding-top: 20px;
}

#esri_style_symbol_values_ul {
  height: 130px;
  overflow-y: auto;
}

#esri_style_validation_button {
  padding: 20px;
}

#esri_uniqval_style_validation_button {
  padding-right: 20px;
  padding-bottom: 20px;
}

#esri_style_buttons .btn {
  width: 110px;
}

#esri_style_saved_params {
  max-height: 300px;
  overflow-y: auto;
  padding-top: 20px;
}

#esri_style_label_class_attr_edit {
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}

#esri_style_label_class_select {
  padding-left: 220px;
  padding-top: 20px;
  padding-bottom: 10px;
}

#esri_style_label_class_actions {
  padding-top: 10px;
  padding-left: 330px;
  padding-bottom: 20px;
}

#esri_style_label_class_attrs1 {
  padding-left: 20px;
  padding-bottom: 10px;
}

#esri_style_label_class_attrs2 {
  padding-left: 20px;
  padding-bottom: 10px;
  padding-right: 20px;
}

#esri_style_label_class_attrs3 {
  padding-left: 20px;
  padding-bottom: 10px;
  padding-right: 20px;
}

#esri_style_label_class_attrs4 {
  padding-left: 20px;
  padding-bottom: 10px;
  padding-right: 20px;
}

#esri_style_label_class_attrs5 {
  padding-left: 20px;
  padding-bottom: 10px;
  padding-right: 20px;
}

#esri_style_label_class_attrs6 {
  padding-left: 20px;
  padding-bottom: 10px;
  padding-right: 20px;
}

#esri_style_label_class_attrs7 {
  padding-left: 20px;
  padding-bottom: 10px;
  padding-right: 20px;
}

#esri_style_label_class_attrs8 {
  padding-left: 20px;
  padding-bottom: 10px;
  padding-right: 20px;
}

#esri_style_label_class_attrs9 {
  padding-left: 20px;
  padding-bottom: 10px;
  padding-right: 20px;
}

#esri_style_label_class_attrs10 {
  padding-left: 20px;
  padding-bottom: 10px;
  padding-right: 20px;
}

#esri_style_label_valid_buttons {
  padding: 20px;
}

#esri_style_label_valid_button {
  margin-left: 40px;
}

#esri_style_label_save_button {
  margin-left: 40px;
}

/************************************
   import (préfix 'imp')
*************************************/

/* [MAP] Widget d'import/Export - Onglet Import */
.imp_panel {
  width: 330px;
}
/* [ADMIN] Dropzone - Soit il s'agit d'une règle mal placée dans ce fichier
 - soit il s'agit d'une règle rédigée sans tenir compte de l'impact car non préfixée du widget dans lequel elle est utilisée */
.dropzone {
  border: 2px dashed #0087f7;
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 20px;
  min-height: 205px;
  max-width: 550px;
}
/* [MAP] Widget d'import/Export - Onglet Import - dropzone */
.imp_panel .dropzone {
  padding: 10px;
}

.dropzone-container .dz-clickable {
  text-align: center;
}

.dropzone .dz-preview{
  margin: 10px;
}

.dropzone-container {
  overflow: auto;
}

.imp_file_drop {
  margin-bottom: 5px;
}
.imp_file_drop[disabled] {
  pointer-events: none;
}
.imp_file_drop[disabled] form {
  border-color: #eee;
}
.imp_file_drop[disabled] .dz-message {
  color: #d0d0d0;
}
/* [MAP] Widget d'import/Export - Import - option d'import avec case à cocher */
.imp_panel .cb-settings,
.exp_panel .cb-settings {
  display: flex;
  align-items: center;
  margin-bottom: 0.2em;
}
/* [MAP] Widget d'import/Export - Import - label de l'option d'import avec case à cocher */
.imp_panel .cb-settings label,
.exp_panel .cb-settings label{
  font-weight: 400;
  margin-bottom: 0;
}
/* [MAP] Widget d'import/Export - Import - case à cocher de l'option d'import */
.imp_panel .cb-settings input,
.exp_panel .cb-settings input{
  margin: 0 0.2em 0 0;
}
/* [MAP] Widget d'import/Export - Import - conteneur du filtre attributaire */
.imp_panel .cb-settings,
.imp_panel .dataFilter {
  margin-top: 0.5em;
}
/* [MAP] Widget d'import/Export - Import - texte du filtre attributaire */
.imp_panel .dataFilter span{
  font-weight: 400;
}
/* [MAP] gcdataimport / widget Import/Export - Bloc de mappage des composants et attributs */
.imp_corresp_bloc {
  border: 2px solid #0087f7;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  max-height: 240px;
}
/* [MAP] Widget d'import/Export - Import - bloc de mappage des composants et attributs */
.imp_panel .imp_corresp_bloc {
  width: 100%;
  margin-top: 0.5em;
  max-height: 290px;
}
.imp_panel .imp_corresp_bloc .select-comp {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
/* [MAP] Widget d'import/Export - Import - Bouton d'options du bloc de mappage des composants et attributs */
.imp_panel .imp_corresp_bloc .corresp-options{
  cursor: pointer;
}
/* [MAP] gcdataimport / widget Import/Export - Composant source et composant de destination */
.imp_source_comp,
.imp_dest_comp {
  margin-left: auto;
  margin-right: auto;
}
/* [MAP] Widget d'import/Export - Import - composant de destination */
.imp_panel .imp_corresp_bloc .imp_dest_comp button{
  width: 165px;
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 0.2em;
}
/* [MAP] Widget d'import/Export - Import - conteneur de la table de mappage des attributs */
.imp_panel .imp_corresp_bloc .corresp-attr{
  overflow: auto;
  max-height: 190px;
  margin-top: 0.3em;
  margin-bottom: 0.5em;
  margin-right: -0.3em;
}
/* [MAP] Widget d'import/Export - Import - table de mappage des attributs */
.imp_panel .imp_corresp_bloc .corresp-attr .imp_corresp_table{
  width: 100%;
}
/* [MAP] Widget d'import/Export - Import - mappage des attributs - Attribut source */
.imp_panel .imp_corresp_bloc .corresp-attr .imp_corresp_table tr td:first-of-type {
  width: 47.5%;
}
/* [MAP] Widget d'import/Export - Import - mappage des attributs - Attribut destination */
.imp_panel .imp_corresp_bloc .corresp-attr .imp_corresp_table tr td:last-of-type {
  padding-right: 0.25em;
}
/* [MAP] Widget d'import/Export - Import - Surbrillance d'un élément pour aide à l'utilisateur */
.imp_panel button.blinkable {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
/* [MAP] Widget d'import/Export - Import - Conteneur des boutons du bloc de mappage Valider/Reinitialiser/Annuler */
.imp_corresp_buttons {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* [MAP] Widget d'import/Export - Import - Corps de la popup de confirmation de l'import */
.modal-import-confirm-content {
  padding: 1em;
}
/* [MAP] Widget d'import/Export - Import - Corps de la popup de confirmation de l'import
 - texte du corps de la popup */
.modal-import-confirm-content > div {
  display: flex;
  justify-content: center;
  margin-bottom: 1em;
}
/* [MAP] Widget d'import/Export - Import - Boutons de la popup de confirmation de l'import - Non/Ok Oui */
.modal-import-confirm-content .buttons {
  display: flex;
  justify-content: center;
}
/* [MAP] Widget d'import/Export - Import - Bouton "Oui" de la popup de confirmation de l'import */
.modal-import-confirm-content .buttons button:last-of-type {
  margin-left: 1em;
}

.imp_after_message {
  color: green;
}

.imp_shp_descriptions {
  min-height: 205px;
  max-height: 500px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px;
  margin-left: 10px;
  overflow: auto;
}

.imp_feature_description {
  padding: 5px;
  margin: 5px;
  border: 1px dashed #ffa500;
}

.imp_exp_conf_button {
  float: right;
}

.save_mapping {
  background: #eee;
  padding: 5px 5px 2px 2px;
}

.imp_panel .save_mapping {
  position: absolute;
  right: 15px;
  top: 60px;
  width: 450px;
}

.save_mapping > .title {
  padding: 5px;
  display: inline-block;
}
.imp_panel .save_mapping + .imp_corresp_bloc {
  margin-top: 35px;
}
/* [MAP] Widget d'import/Export - Import - Conteneur du spinner affiché en cours d'import */
.imp_panel .wait-import {
  display: flex;
  align-items: center;
  font-style: italic;
  color: #444444;
  justify-content: center;
}
/* [MAP] Widget d'import/Export - Import - spinner en cours d'import */
.imp_panel .wait-import img {
  margin: 0;
}
/* [MAP] Widget d'import/Export - Import - texte affiché à droite du spinner en cours d'import */
.imp_panel .wait-import span {
  margin-left: 1em;
  font-weight: 700;
}

/************************************
   export (préfix 'exp')
*************************************/

.exp_panel {
  width: 330px;
}
/* [MAP] Widget d'import/Export - Export - Label de l'autocomplete des couches/tables */
.exp_panel .export-layer label {
  margin-bottom: 0.1em;
}

.exp_selection_change {
  float: left;
  width: 150px;
}

.exp_list_display {
  float: right;
  width: 150px;
  height: 200px;
  overflow: auto;
}

.exp_list_layers {
  padding-left: 1em;
}

.exp_list_attributes {
  padding-left: 1em;
}

.exp_layer_change_btn_group {
  float: left;
  width: 155px;
}

.exp_attributes_list {
  list-style-type: none;
  height: 107px;
  width: 150px;
  overflow: auto;
  padding-left: 0;
}
/* [MAP] Widget d'import/Export - Export - Conteneur du srid */
.exp_panel .exp_format_query {
  clear: both;
  margin-top: 10px;
}
/* [MAP] Widget d'import/Export - Export - Enlève le gras des labels */
.exp_panel .export-layer label,
.exp_panel .exp_format_query label,
.exp_panel .srid-container label {
  font-weight: 400;
}
/* [MAP] Widget d'import/Export - Export - Conteneur de la ligne des boutons "Valider"/"Export avec correspondance" */
.exp_validation_zone {
  /* width: 290px; */
  margin-top: 15px;
}
/* [MAP] Widget d'import/Export - Export - Ligne des boutons "Valider"/"Export avec correspondance" */
.exp_panel .exp_validation_zone .btn-group {
  display: flex;
  justify-content: space-between;
}
/* [MAP] Widget d'import/Export - Export - Boutons "Valider"/"Export avec correspondance" */
.exp_panel .exp_validation_zone .btn-group button{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* [MAP] Widget d'import/Export - Export - Spinner affiché en cours d'export */
#exp_waitImg {
  margin-top: 5px;
  float: right;
}
.exp_spatial_filter_chkbox {
  clear: both;
}

.imp_diff_config_area {
  width: 290px;
  margin-bottom: 2px;
  border: 1px solid #0087f7;
  border-radius: 5px;
  padding: 10px;
}

.importCfgInputs{
  width:265px;
}
.itvSyntheseInfo{
  font-size:12px;
}
.itvInfoTitle{
  font-size:11px;
}
.itvSyntheseBottom{
  width:410px;
  padding-left:30px;
  position:relative;
  bottom:0px;
}
.itvSyntheseInfoHeight{
  height: 120px;
}
.itvSynthesePanel{
  max-height:125px;
}
.itvSyntheseTable{
  max-height:85px;
  overflow:auto;
}
.itvSyntheseTableInfo{
  width:381px;
  height:85px;
  padding:0;
}
.imp_gps_config_zone {
  width: 290px;
  margin-bottom: 2px;
  border: 1px solid #0087f7;
  border-radius: 5px;
  padding: 10px;
}

.cql_spatial_filter_comp {
  clear: both;
  width: 100%;
  margin-bottom: 2px;
  border: 1px solid #0087f7;
  border-radius: 5px;
  padding: 2px;
}
/************************************
  export widget attachment
*************************************/

.export-widget-attachment .info{
  color: #3333FF;
  font-weight: bold;
  margin-top: 20px;
}
.export-widget-attachment .checkbox-th{
  width: 28px;
}
.export-widget-attachment .checkbox-td{
  padding-top: 15px;
}
.export-widget-attachment .attribute-td{
  padding-top: 15px;
}
.exportWidgetAttachmentTable .attachments td{
  text-align: center;
}

/************************************
  dropdown
*************************************/
.dropdown-toggle,
.dropdown-menu {
  display: inline-block;
  width: 100%;
}
.dropdown-toggle .glyphicon {
  margin-left: 20px;
  margin-right: -40px;
}
.dropdown-menu > li > a:hover {
  background: #f1f9fd;
} /* $search-blue */
.dropdown-header {
  background: #ccc;
  font-size: 14px;
  font-weight: 700;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
}
/************************************
  import/export widget
*************************************/
/* [MAP] Widget Import/Export - largeur des onglets du widget */
#impexp_mainDiv .imp_panel, #impexp_mainDiv .exp_panel{
  width: 100%;
}
/* [MAP] Widget Import/Export - gestionnaire d'onglets
 - remonte les onglets: gagne de la place et enlève le défaut du configcmd */
#impexp_mainDiv .tabs {
  margin-top: -2em;
}
/* [MAP] SPATIAL-CQL-FILTER - Ligne des boutons de sélection et opérateurs spatiaux */
.spatialcqlfilter-row {
  display: flex;
  justify-content: space-between;
}
/* [MAP] SPATIAL-CQL-FILTER - bloc des boutons filtre polygonal et sélection courante */
.spatialcqlfilter-row .spatialcqlfilter-buttons {
  display: flex;
  justify-content: flex-start;
}
/* [MAP] SPATIAL-CQL-FILTER - Select des opérateurs spatiaux */
.gcspatialcqlfilter .spatial-operators {
  width: calc(100% - 80px);
  border-bottom-right-radius: 0;
}
/* [MAP] SPATIAL-CQL-FILTER - Liste déroulante du select des opérateurs spatiaux */
.spatialcqlfilter-row ul.select.bs-dropdown-menu[role='select'] {
  width: calc(100% - 100px);
}
/* [MAP] SPATIAL-CQL-FILTER - Ligne de paramétrage du buffer de la sélection courante */
.spatialcqlfilter-buffer-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
/* [MAP] SPATIAL-CQL-FILTER - Texte du buffer de la sélection courante */
.spatialcqlfilter-buffer-row label.buffer-size {
  font-weight: 400;
  margin-bottom: 0;
  margin-left: 5px;
}
.spatialcqlfilter-buffer-row input.buffer-size {
  width: 80px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.spatialcqlfilter-buffer-row button {
  height: 34px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
}
/* [MAP] Widget Import/Export (2 onglets) - conteneur du composant spatialcqlfilter */
#impexp_mainDiv #imp_cql_spatial_filter_comp,
#impexp_mainDiv #exp_cql_spatial_filter_comp {
  width: 100%;
}
/* [MAP] Widget Import/Export (2 onglets) - bouton Sélection polygonale du composant spatialcqlfilter
 - supprime le padding pour l'héritage de l'alignement horizontal flex */
#impexp_mainDiv .spatialcqlfilter-row .spatialcqlfilter-buttons div:first-child {
  padding-left: 0;
}
.exp_panel .dropzone-container {
  margin-bottom: 5px;
}
#impexp_mainDiv .importexport-srid .dropdown-menu {
  width: 85%;
}
#impexp_mainDiv .form-button-container{
  display: flex;
  justify-content: space-between;
}
/* [MAP] Widget Import/Export - Quand le bouton configuration est masqué: nécessité de rajouter un espace au-dessus des onglets */
.impexp_mainDiv.top-offset {
  margin-top: 2em;
}

.impexp_mainDiv #exp_attributes_list {
  overflow-x: hidden;
  height: 160px;
  font-size: 13px;
}
#impexp_mainDiv .exp_list_display {
  overflow-x: hidden;
  height: 310px;
  width: 180px;
  font-size: 13px;
  margin-top: 5px;
}
#impexp_mainDiv .exp_layer_change_btn_group {
  margin: 5px 0;
}
#impexp_mainDiv .specialcsv-label label{
  margin: 0;
}
#impexp_mainDiv .export-widget-attachment .info{
  margin-top: 5px;
}
#impexp_mainDiv .export-widget-attachment .info, #impexp_mainDiv .specialcsv-container .alert {
  font-size: 13px;
}
#impexp_mainDiv .specialcsv-container .alert {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
}
#impexp_mainDiv .attachement-container table {
  margin-bottom: 10px;
}
#impexp_mainDiv .exp_list_layers {
  padding-left: 1.2em;
}
#impexp_mainDiv .export-tables-only,
.query-tables-only {
  display: flex;
  align-items: center;
  justify-content: left;
  margin-top: 2em;
  margin-bottom: 0.5em;
}
#impexp_mainDiv .export-tables-only input,
.query-tables-only input {
  width: 13px;
  height: 13px;
  margin: 0;
}
#impexp_mainDiv .export-tables-only label,
.query-tables-only label {
  margin: 0 0 0 0.25em;
  font-weight: 400;
}
.impexp_mainDiv .dropzone .dz-preview .dz-details {
  padding: 1em 1em;
}
.impexp_mainDiv .dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 0.5em;
  font-size: 12px;
}
.impexp_mainDiv .dropzone .dz-preview .dz-details .dz-filename {
  font-size: 12px;
}
.impexp_mainDiv .dropzone .dz-preview.dz-file-preview .dz-image {
  width: 80px;
  height: 80px;
  border-radius: 15px;
}
.impexp_mainDiv .dropzone .dz-preview.dz-file-preview .dz-image img {
  display: none;
}
.impexp_mainDiv .dropzone .dz-preview .dz-details .dz-filename:hover {
  position: fixed;
}

/************************************
import dxf (préfix 'imp_dxf')
*************************************/

#imp_dxf_main_div {
  /** width: 330px; **/
}
#imp_dxf_main_div .dropzone-container {
  margin-bottom: 5px;
}
#imp_dxf_main_div .form-button-container{
  display: flex;
  justify-content: space-between;
}
#imp_dxf_main_div .srid-input{
  margin-bottom: 10px;
}
#imp_dxf_main_div .srid-title-label {
  padding-top:5px;
}
#imp_dxf_main_div .dropdown-menu {
  width: 95%;
}
#imp_dxf_main_div  .dropdown-container .dropdown-menu {
  width: 100%;
}
#imp_dxf_main_div .lightfontweight-label {
  font-weight: 400;
}

#imp_dxf_main_div .srid-title-label {
  padding-top:5px;
}
#imp_dxf_main_div .dropdown-menu {
  width: 95%;
}
#imp_dxf_main_div .lightfontweight-label {
  font-weight: 400;
}

#imp_dxf_filter_div {
  /*width: 330px;*/
}
/* [MAP] Import DXF - Ligne des boutons d'action de l'onglet "Filtrer" */
#imp_dxf_filter_div .layer-buttons-container {
  margin-bottom: 10px;
}
/* [MAP] Import DXF - Conteneur des boutons d'action de l'onglet "Filtrer" */
#imp_dxf_filter_div .layer-buttons-container > div {
  display: flex;
  justify-content: center;
  height: 30px;
  align-items: center;
}
/* [MAP] Import DXF - Bouton d'action de l'onglet "Filtrer" */
#imp_dxf_filter_div .layer-buttons-container > div button {
  display: flex;
  align-items: center;
  height: 30px;
}
/* [MAP] Import DXF - Bouton de changement de couleur du dxf de l'onglet "Filtrer" */
#imp_dxf_filter_div .layer-buttons-container button.bg-color{
  position: relative;
  height: inherit;
  width: 40px;
  padding: 6px 6px 10px 6px;
}
/* [MAP] Import DXF - Label du bouton de changement de couleur du dxf de l'onglet "Filtrer" */
#imp_dxf_filter_div .layer-buttons-container label.bg-color{
  width: 24px;
  height: 20px;
  cursor: pointer;
  -webkit-mask: url("../img/admin/homepage/button/paint-can.svg") no-repeat center;
  -webkit-mask-size: 18px;
  mask: url("../img/admin/homepage/button/paint-can.svg") no-repeat center;
  mask-size: 22px;
  margin: 2px 0 0;
}
/* [MAP] Import DXF - Input color du changement de couleur du dxf de l'onglet "Filtrer" */
#imp_dxf_filter_div .layer-buttons-container .bg-color input[type=color]{
  visibility: hidden;
}

#imp_dxf_filter_div .all-visible {
  top: 2px;
  left: 3px;
}
/* [MAP] Import DXF - Conteneur de la liste des couches temporaires du DXF dans l'onglet "Filtrer" */
#imp_dxf_filter_div .layer-list-container {
  overflow-y:auto;
  overflow-x:hidden;
  max-width: 380px;
  height: calc(100vh - 192px);
}
#imp_dxf_filter_div .layer-list-container .layer-container {
  display: flex;
  padding-right: 0;
  margin-bottom: 1px;
}
/* [MAP] Import DXF - Bouton de changement de couleur d'un layer du dxf de l'onglet "Filtrer" */
#imp_dxf_filter_div .layer-container button.layer-color {
  display: flex;
  align-items: center;
  border: none;
  background: none;
  height: 20px;
  width: 10px;
  padding: 0;
  margin-left: 5px;
  cursor: pointer;
  min-width: 10px;
}
/* [MAP] Import DXF - Label du chamgement de couleur d'un layer dxf - déclarations communes aux points et lignes */
#imp_dxf_filter_div .layer-container .layer-color label {
  width: 10px;
  cursor: pointer;
}
/* [MAP] Import DXF - Bouton de changement de couleur d'un layer POINT du dxf de l'onglet "Filtrer" */
#imp_dxf_filter_div .layer-container .layer-color label.point {
  border-radius: 50%;
  height: 6px;
  width: 6px;
  margin: 2px 0 0;
}
/* [MAP] Import DXF - Bouton de changement de couleur d'un layer LINE du dxf de l'onglet "Filtrer" */
#imp_dxf_filter_div .layer-container .layer-color label.line {
  width:10px;
  height:15px;
  position:relative;
  cursor: pointer;
  border-top:3px solid;
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  margin: -5px 6px 0 -6px;
  z-index: 2;
}
/* [MAP] Import DXF - Bouton de changement de couleur d'un layer POLYGON du dxf de l'onglet "Filtrer" */
#imp_dxf_filter_div .layer-container .layer-color label.polygon {
  border: 3px solid;
  border-radius: 3px;
  height: 14px;
  width: 16px;
  margin: 2px 0 0 -2px;
}
/* [MAP] Import DXF - Input color de changement de couleur d'un layer du dxf de l'onglet "Filtrer" */
#imp_dxf_filter_div .layer-container .layer-color  input[type='color'] {
  height: 20px;
  padding: 0;
  border: transparent;
  border-radius: 4px;
  width: 20px;
  cursor: pointer;
  visibility: hidden;
}

/* [MAP] Import DXF - Conteneur (bouton visu + nom de couche DXF) dans l'onglet filter */
#imp_dxf_filter_div .layer-list-container .layer-desc {
  display: flex;
  align-items: center;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#imp_dxf_filter_div .layer-list-container .layer-desc button{
  float: left;
  padding-bottom: 0;
  padding-top: 0;
}
#imp_dxf_filter_div .layer-list-container .layer-desc span {
  top: 2px;
  left: 3px;
}
/* [MAP] Import DXF - Nom d'un layer du dxf de l'onglet "Filtrer" */
#imp_dxf_filter_div .layer-list-container .layer-desc .layername-label {
  margin-top: 0;
  padding-left: 5px;
  margin-bottom: 0;
  font-weight: 400;
}
#imp_dxf_filter_div .layer-list-container .total-copyIn-container label{
  margin-right: 5px;
}
#imp_dxf_filter_div .layer-list-container .total-copyIn-container {
  display: inline-table;
  padding-right: 2px;
}

.importTransferLayerWidget .layer-container {
  display: flex;
  justify-content: space-between;
}

.importTransferLayerWidget .layer-container .layer-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Conteneur de la popup des objets sélectionnés de la couche d'import */
.dxf-features, .importdxffeatures{
  width:350px;
  max-height:310px;
  overflow-y:auto;
}

/* Element de la liste des objets sélectionnés de la couche d'import */
.dxf-features .highlightedfeature,
.importdxffeatures .highlightedfeature {
  display: inline-table;
}
/* Dans le titre de popup, compteur du nombre d'objets sélectionnés de la couche d'import */
.csvSelectedFeaturesLength, .dxfSelectedFeaturesLength, .gpxSelectedFeaturesLength {
  float:right;
  margin-top:2px;
}
.autocomplete {
  width: 250px;
}
.autocomplete button{
  width: 300px;
}

/************************************
  dashboard (préfix 'indicator')
*************************************/
.dashboardwidget .row {
  margin-left: 0;
  margin-right: 0;
}
.anIndicator .anIndicator-content {
  margin: 1em;
  padding-bottom: 1em;
}

.anIndicator {
  border-color: menu;
  border-width: 2px;
  border-style: ridge;
  padding: 5px;
}
.anIndicator .indicator-details {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
}
.anIndicator .indicator-image {
  width: 25%;
}
.anIndicator .indicator-image .indicator-thumbnail {
  cursor: pointer;
}

.anIndicator .indicator-properties {
  text-align: center;
}
.anIndicator .indicator-properties button {
  margin-top: 0.5em;
}

.anIndicator .generate-spinner {
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.indicator-add-edit .ngdialog-content {
  padding-bottom: 1em !important;
}

.tableForIndicator {
  border-collapse: separate;
  border-spacing: 1em;
}

.indicator-title {
  font-family: opensans, sans-serif;
  font-size: 18px;
}

.indicatorParamsTable td {
  padding-bottom: 0.5em;
  vertical-align: middle;
  font-family: serif;
}

.indicatorParamsTable td input {
  width: 210px;
  border-radius: 3px;
  font-family: opensans, sans-serif;
  margin-left: 0.5em;
}

#indicatorView {
  height: auto;
  width: auto;
  max-width: 520px;
}

#indicatorTabOverview {
  text-align: center;
}

.indicatorConfiguration {
  min-height: 380px;
  position: relative;
  padding: 1em;
}
.indicatorConfiguration .ngdialog-close:before {
  display: none;
}
.indicatorConfiguration .indicator-top-box .category {
  display: flex;
}
.indicatorConfiguration .indicator-top-box .category button {
  margin-left: 5px;
}
.indicatorConfiguration .button-box{
  padding-top: 20px;
}
.indicatorConfiguration .button-container {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.indicatorConfiguration .button-wrapper > div:first-of-type {
  margin-right: 1em;
}
.indicatorConfiguration .indicator-top-box .indicator-details table {
  width: 100%;
}
.indicatorConfiguration .indicator-top-box .indicator-details table > tbody tr > td {
  padding-bottom: 0.5em;
}
.indicatorConfiguration .indicator-top-box .indicator-details  input,
.indicatorConfiguration .indicator-top-box .indicator-details  select {
  width: 350px;
}
.indicatorConfiguration .button-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.indicatorConfiguration .beforeRedesign-button {
  margin: auto 5px;
}

.indicatorConfiguration .param-container {
  margin-top: 50px;
  margin-bottom: 40px;
}
.indicatorConfiguration .getrole .roles-comp-container {
  right: auto;
}

.paramConfiguration {
  border-color: menu;
  border-width: 2px;
  border-style: ridge;
  padding: 5px;
}

.paramConfiguration table {
  text-align: center;
}

.paramConfiguration td {
  padding: 0.25em;
}

.paramConfiguration input {
  width: 150px;
}

/************************************
    Main #xgos_main
*************************************/

#xgos_main {
  top: 50px;
  bottom: 0;
  padding-top: 10px;
  position: fixed;
  overflow-y: auto;
  z-index: -1;
  /* transition: margin-left .75s linear, width .75s linear;*/
}

#xgos_main #home {
  margin-top: 100px;
}

/************************************
    Map
*************************************/
#map,
.map {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: #f0f0f0;
}

#map_aside {
  /*  overflow-y: auto !important;
        overflow-x: hidden;*/
  overflow: hidden;
  /* overflow: visible;*/
  /*  overflow-x: hidden;*/
  overflow: visible;
  z-index: 1010;
  transition: left 0.75s linear;
  padding-right: 31px;
  background: transparent;
}

#map_aside .aside-dialog {
  /* width: 80px; */
  height: 100%;
  background: #fff;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.15);
  overflow-y: auto;
}

#map_aside .toggle_aside {
  position: absolute;
  display: block;
  height: 56px;
  width: 30px;
  margin: -30px -30px 0 0;
  right: 31px;
  top: 50%;
  padding-top: 15px;
  font-size: 20px;
  color: #777;
  background: #fff;
  text-align: left;
  cursor: pointer;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.15);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#map_aside .toggle_aside span {
  transition: 0.5s linear;
  margin-left: 5px;
}

#map_aside.hide_aside .toggle_aside span {
  transform: rotate(180deg) translate(-2px);
}

#map_aside .toggle_aside:hover {
  color: #333;
}

/*Map config*/

#show_map_config {
  position: fixed;
  top: 0px;
  right: 25px;
  margin-left: -100px;
  text-align: center;
  z-index: 100;
  padding: 10px 15px;
}
/* [MAP] Sélecteur des modèles de carte */
.mapModelsSelector {
  position: fixed;
  right: 200px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  top: 10px;
}
/* [MAP] Sélecteur des modèles de carte - Select des modèles de carte */
.mapModelsSelector select {
  opacity: 0.8;
}
/* [MAP] Sélecteur des modèles de carte - Select durant le changement de modèle */
.mapModelsSelector select.white-color {
  color: #fff;
}
/* [MAP] Sélecteur des modèles de carte - Espace entre le select et le bouton "Réinitialiser" */
.mapModelsSelector button {
  margin-left: 0.5em;
  opacity: 0.8
}
/* [MAP] Sélecteur des modèles de carte - Bouton "Réinitialiser" désactivé */
.mapModelsSelector button:disabled {
  border-color: #ccc;
  background-color: #fff;
  opacity: 0.8
}

.interventionSimpleConfigButton {
  background: #8e44ad !important;
  border: 1px solid #712292 !important;
  color: #fff;
}

.mapConfigButton {
  background: #8e44ad !important;
  border: 1px solid #712292 !important;
  color: #fff;
  margin-bottom: 5px;
}

.mapConfigButton:hover {
  background: #712292 !important;
  color: #fff;
  border: 1px solid #712292 !important;
}

.map-logo-container {
  z-index: 100;
  position: fixed;
  top: 10px;
  left: 60px;
}

.map-logo-container.topLeft {
  top: 10px;
  left: 60px;
}
.map-logo-container.topRight {
  top: 10px;
  right: 80px;
  left: auto;
}
.map-logo-container.bottomLeft {
  bottom: 10px;
  left: 60px;
  top: auto;
}
/* manage logo's size only on mobiles and tablets */
@media (min-width: 320px) and (max-width: 1024px) {
  .map-logo-container .map-logo-image {
    max-width: 100px;
    max-height: 100px;
  }
}
#map_config #mainTabs ul li:last-child {
  float: right;
  margin-right: 30px;
}

#map_config .leftool {
  margin: 5px;
  /* opacity: 0.5;*/
}

/*#map_config .leftool.used{
    opacity: 1;
}*/
#map_config .leftool .title {
  background: #428bca;
  color: #fff;
  padding: 5px 5px 5px 10px;
}
#map_config .leftool .title .fa {
  margin-right: 7px;
}

#map_config .leftool.custom .title {
  background: #9b59b6;
}

#map_config .toolslist {
  list-style-type: none;
  padding: 5px;
}

#map_config .toolslist div.icon {
  border: 1px solid #ccc;
  width: 30px;
  height: 34px;
  padding: 5px;
  margin: 5px;
  text-align: center;
  display: inline-block;
}

#map_config .updown {
  font-size: 12px;
  text-align: center;
  float: right;
  margin-left: 5px;
  border-radius: 0;
}

#map_config .leftool .title .updown {
  border: none;
  background: transparent;
  color: #fff;
}

#map_config .toolslist .item {
  padding: 2.5px 0 2.5px 5px;
}

#map_config .toolslist .removetool:before {
  content: '\f00c';
  font-family: 'FontAwesome';
}

#map_config .toolslist .removetool:hover:before {
  content: '\f00d';
  margin-left: 2px;
}
#map_config .icon .tool-img {
  height: 24px;
  width: 24px;
  margin-left: -3px;
}

#config_user_preview {
  padding-bottom: 5px;
}

.not_able_for_user {
  color: black;
  background: repeating-linear-gradient(
      45deg,
      transparent,
      transparent 10px,
      #ccc 10px,
      #ccc 20px
    ),
    linear-gradient(to bottom, #eee, #999);
}

widget-tooltip {
  float: right;
}
widget-tooltip .fa {
  cursor: pointer;
}

.widgetDeprecie {
  display: block;
  padding-left: 45px;
  position: relative;
  max-width: 350px;
  font-size: 0.9em;
}
.widgetDeprecie .fa {
  position: absolute;
  color: darkred;
  top: 5px;
  left: 5px;
  font-size: 25px;
}

#map_config .toolslist .unused {
  color: #aaa;
  font-style: italic;
}
#map_config .toolslist .unused .icon .fa,
#map_config .toolslist .unused .icon .glyphicon {
  color: #aaa !important;
}

#map_config .toolslist .used {
  color: #000;
}

.categoryWidgetPicker .category_th {
  text-align: left;
  background: #f4f4f4;
}
.categoryWidgetPicker .directiveDescriptionWrapper {
  font-size: 0.9em;
}
.categoryWidgetPicker .directiveDescription.nodesc {
  color: #666;
  font-size: 0.8em;
  font-style: italic;
}

.categoryWidgetPicker .category_th_cols {
  /*font-variant: small-caps;*/
  font-weight: 100;
}

/* [MAP] Géocatalogue / layerManagerWidget  - Elargit le widget pour prendre toute la largeur du panel */
.layerManagerWidget .inner_lmw,
.defaultfilterswidget .inner_lmw,
.mapcatalog .inner_lmw {
  width: 380px;
  margin-left: -15px;
}
/* [MAP] Géocatalogue / layerManagerWidget  - Hauteur sans l'entête par défaut d'un widget et barre de défilement vertical */
.layerManagerWidget .inner_lmw,
.defaultfilterswidget .inner_lmw,
.mapcatalog .inner_lmw {
  height: calc(100vh - 195px);
  overflow: auto;
}
.layerManagerWidget .inner_lmw.filtered-fti,
.defaultfilterswidget .inner_lmw.filtered-fti {
  height: calc(100vh - 225px);
}

.indic {
  height: 200px;
  width: 150px;
  background-color: skyblue;
}


.layerManagerWidget .lmPriorite,
.defaultfilterswidget .lmPriorite {
  margin: 7.5px 0 0 0 !important;
}

.layerManagerWidget .reduce,
.defaultfilterswidget .reduce {
  position: absolute;
  right: 10px;
  top: 7px;
  padding: 2px 5px;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
}

/* [MAP] Géocatalogue / layerManagerWidget  - barre verte des actions globales
 - Elargissement jusqu'à la largeur complète du panel */
.layerManagerWidget .globalCfg,
.defaultfilterswidget .globalCfg,
.mapcatalog .globalCfg {
  width: 380px;
  margin-left: -15px;
  padding-right: 0;
}

.layerManagerWidget .globalCfg,
.defaultfilterswidget .globalCfg,
.dashboardwidget .globalCfg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgb(209, 239, 232);
  height: 38px;
  padding: 2px 5px;
}
.layerManagerWidget .globalCfg {
  justify-content: space-between;
}

.layerManagerWidget .globalCfg .expand i,
.defaultfilterswidget .globalCfg .expand i,
.dashboardwidget .globalCfg .expand i{
  margin: 5px 2px 0 5px;
}

.layerManagerWidget .expand i,
.defaultfilterswidget .expand i,
.dashboardwidget .expand i {
  float: left;
  font-size: 13px;
  margin: 3px 8px 0 5px;
  cursor: pointer;
}

.layerManagerWidget .globalCfg .actions,
.defaultfilterswidget .globalCfg .actions {
  margin-right: 10px;
}

.layerManagerWidget .globalCfg .action i,
.defaultfilterswidget .globalCfg .action i {
  padding: 3px 0;
}
/* [MAP] Géocatalogue - Conteneur des onglets - remonte les onglets vers le bouton de configuration afin de masquer la barre de défilement du widget */
.layerManagerWidget .tabs {
  margin-left: -15px;
  margin-right: -15px;
}

.layerManagerWidget .layerGroup,
.defaultfilterswidget .layerGroup,
.dashboardwidget .layerGroup {
  position: relative;
}
/* [MAP] Catalogue de couches, Filtres de données, Tableaux de bord - Lignes des titres de catégorie */
.layerManagerWidget .layerGroup .title,
.defaultfilterswidget .layerGroup .title,
.dashboardwidget .layerGroup .title {
  padding: 10px 3px 5px 5px;
  margin: 0;
  background: #dddcdc;
  font-size: 15px;
  color: #000;
}
/* [MAP] Catalogue de couches, Filtres de données, Tableaux de bord - Titres de catégorie en gras */
.layerManagerWidget .layerGroup .title > span,
.defaultfilterswidget .layerGroup .title > span,
.dashboardwidget .layerGroup .title > span {
  font-weight: 700;
  color: #4c4c4c;
  cursor: pointer;
}

.layerManagerWidget .layerGroup .popover .btn,
.defaultfilterswidget .layerGroup .popover .btn {
  padding-top: 3px;
  padding-bottom: 3px;
}

.layerManagerWidget .layerGroup .items,
.defaultfilterswidget .layerGroup .items,
.dashboardwidget .layerGroup .items {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}

.layerManagerWidget .layerGroup .items > li,
.defaultfilterswidget .layerGroup .items > li,
.dashboardwidget .layerGroup .items > li {
  border-top: 1px solid #ddd;
  padding: 5px 3px 0 5px;
}

.layerManagerWidget .action,
.defaultfilterswidget .action,
.dashboardwidget .action {
  float: right;
  display: inline-block;
  padding: 3px;
  font-size: 15px;
  margin-left: 5px;
  cursor: pointer;
}
/* [MAP] Géocatalogue / layerManagerWidget  - Icône de visibilité de thème - Cas où aucune couche n'est visible */
.layerManagerWidget i.no-visible-layer {
  opacity: 0.5;
}

.dashboardwidget .pull-right.col-xs-1 {
  padding-right: 0;
}

.dashboardwidget .action {
  display: inline-block;
  padding: 3px;
  font-size: 15px;
  cursor: pointer;
}

.layerManagerWidget .layerGroup .action > .disabled {
  opacity: 0.5;
}

.layerManagerWidget .layername,
.defaultfilterswidget .layername,
.dashboardwidget .layername {
  width: 210px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 15px;
  transform: translateY(2px);
  cursor: default;
}
/* [MAP] Géocatalogue - Elements d'une catégorie
 - Ajuste l'alignement vertical des noms de couches sans modifier la hauteur de ligne */
.layerManagerWidget .layername {
  transform: translateY(2px);
}
/* [MAP] Géocatalogue - Elements d'une catégorie
 - En représentation des icônes de couches, décalage des noms vers la droite */
.layerManagerWidget .inner_lmw.icon-mode .layername {
  margin-left: 30px;
}

.dashboardwidget .layername.col-xs-11 {
  padding-left: 0;
}

.layerManagerWidget .layer-filtered,
.defaultfilterswidget .layer-filtered {
  font-weight: 800;
}

#layermanager_visual_config {
  padding: 10px;
}
.layer-management-wiki input {
  min-width: 550px;
  font-weight: 400;
}
/* Appliquer un décalage suffisant pour que l’icone i se détache bien du groupe d’options du tableau et de la croix pour fermer le tableau */
.datatable-wiki {
  padding-left: 15px;
}

/* export geopackage */
.inner_expgp {
  height: calc(100vh - 150px);
  overflow: auto;
}

/** importdocumentswidget **/

.import-documents-widget form.import-docs-form {
  padding: 0 15px;
}
.import-documents-widget form .import-docs-attribute-select {
  width: 295px;
  display: inline-block;
}
.import-documents-widget form .zip-file-info p {
  margin-bottom: 0;
}
.import-documents-widget form .import-docs-zip label {
  font-weight: 700;
  text-align: left;
  user-select: none;
}
.import-documents-widget form .import-docs-zip p {
  font-size: 10px;
}
.import-documents-widget .process-result {
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.15);
  padding: 10px;
  margin-bottom: 10px;
}
.import-documents-widget .process-result.process-result-error {
  color: #c3272b;
}
.import-documents-widget .process-result .process-result-description p {
  margin-bottom: 0;
}

/* geolocalisationwidget */
.geolocalisationwidget {
  width: 350px;
}

.geolocalisationwidget .searchForm .btn {
  margin-left: 5px;
}

.geolocalisationwidget .address {
  margin: 0 5px 5px 0;
  cursor: pointer;
}

.geolocalisationwidget .address.active .header {
  background: #add8e6;
}

.geolocalisationwidget .address .google,
.geolocalisationwidget .address .nominatim {
  font-weight: 800;
  font-size: 12px;
  font-variant: small-caps;
}

.geolocalisationwidget .address .header {
  background: #f0f0f0;
  padding: 5px 8px;
}

.geolocalisationwidget .address .logo {
  display: inline;
  float: right;
}

.geolocalisationwidget .address .detail {
  padding: 5px;
  border: 1px solid #f0f0f0;
}

.geolocalisationcfg .osm,
.geolocalisationcfg .kisgeo,
.geolocalisationcfg .gmap {
  padding-left: 45px;
  padding-top: 5px;
  height: 50px;
  position: relative;
}

.geolocalisationcfg .osm:after,
.geolocalisationcfg .kisgeo:after,
.geolocalisationcfg .gmap:after {
  content: ' ';
  height: 30px;
  width: 30px;
  left: 0;
  top: 0;
  position: absolute;
  background: url('../img/widget/geolocalisation/osm_logo.png') #fff no-repeat;
  background-size: 100%;
}

.geolocalisationcfg .gmap:after {
  background: url('../img/widget/geolocalisation/gmap.png') #fff no-repeat;
  background-size: 100%;
}

.geolocalisationcfg .kisgeo:after {
  background: url('../img/patrimonio.png') #fff no-repeat;
  background-size: 100%;
}

#featureattachement_div .fileToLoad,
.featureAttachmentButtonsMobile .fileToLoad {
  margin: 0 0 25px 0;
  background: #ecf594;
  padding: 5px;
}

.buttonPlaceholder,
.buttonPlaceholderDocuments {
  margin-bottom: 10px;
  margin-left: 5px;
}

/* [MAP] Echelle graphique - position à gauche de l'échelle numérique, harmonise bords et couleur avec les autres contrôles */
.map-bottom-right .ol-scale-line {
  right: 115px !important;
  bottom: 36px !important;
  left: inherit !important;
  border-radius: 0;
  padding: 1px 2px 0 1px;
  line-height: 1.3;
  height: 22px;
  background: rgba(0, 60, 136, 0.6);
  transition: background 0.25s linear;
}
/* [MAP] Echelle graphique - décale le contrôle en bord droit de la page quand l'échelle numérique est masquée */
.map-bottom-right .scaleToolHidden .ol-scale-line {
  right: 10px !important;
}
/* [MAP] Echelle graphique - augmente la taille de police pour harmonisation avec les autres contrôles
 - remplace le curseur texte par le curseur flèche */
.map-bottom-right .ol-scale-line-inner {
  font-size: 13px;
  cursor: default;
}
/* [MAP] Echelle numérique - conteneur */
.map-bottom-right .gcscalevalue {
  position: fixed;
  z-index: 0;
  height: 22px;
  bottom: 36px !important;
  cursor: default;
  width: 100px;
  font-size: 13px;
  line-height: 10px;
  color: #fff;
  top: initial !important;
  right: 10px !important;
  text-align: left;
}
/* [MAP] Echelle numérique */
.map-bottom-right .gcscalevalue .sub {
  padding: 6px 0 0 5px;
  height: 22px;
  background: rgba(0, 60, 136, 0.6);
  transition: background 0.25s linear;
}
/* [MAP] Echelle numérique - Flèche qui ouvre la liste déroulante */
.map-bottom-right .selectScale {
  position: fixed;
  z-index: 3;
  height: 16px;
  width: 15px;
  font-size: 16px;
  bottom: 39px !important;
  right: 15px !important;
  border: none;
  line-height: 10px;
  color: #fff;
  background: inherit;
  /* #446CB3; */
  top: initial !important;
  text-align: center;
}
/* [MAP] Echelle numérique - Flèche qui ouvre la liste déroulante - enlève le contour noir au focus */
.map-bottom-right .selectScale:focus-visible {
  outline: none;
}
/* [MAP] Echelle numérique - couleur bg de la liste de valeurs définie puisque l'échelle numérique a une couleur inherit */
.map-bottom-right .selectScale option {
  background: rgba(0, 60, 136, 1);
}
/* [MAP] Coordonnées XY du curseur / projection carte - ordre de tracé pour ne pas être placé au-dessus des widgets de droite */
.map-bottom-right .gcmouseposition {
  position: fixed;
  z-index: 0;
  height: 22px;
  width: 250px;
  font-size: 13px;
  bottom: 10px !important;
  right: 10px !important;
  line-height: 10px;
  color: #fff;
  top: initial !important;
  text-align: center;
}
/* [MAP] Coordonnées XY du curseur / projection carte - padding top, hauteur du contrôle standard
 - transition du changement de couleur pr le survol */
.map-bottom-right .gcmouseposition .sub {
  padding: 0;
  height: 22px;
  background: rgba(0, 60, 136, 0.6);
  transition: background 0.25s linear;
}
/* [MAP] Coordonnées XY du curseur - ajustement de l'aligment vertical au centre du contrôle */
.map-bottom-right .gcmouseposition .sub.mouse_xy {
  display: flex;
  align-items: center;
}
/* [MAP] Coordonnées XY du curseur - remplace le curseur texte indadapté par le curseur flèche */
.map-bottom-right .gcmouseposition .sub.mouse_xy span {
  cursor: default;
}
/* [MAP] Coordonnées XY du curseur (sans la virgule séparatrice) - padding left/right */
.map-bottom-right .gcmouseposition .sub.mouse_xy span.xy {
  padding: 0 5px;
}
/* [MAP] Projection de la carte - ajuste la position à l'intérieur du controle des coordonnées XY du curseur */
.map-bottom-right .gcmouseposition .projectionsystem {
  position: static;
  height: 22px;
  padding-left: 5px;
  z-index: 1;
  width: 100px;
  font-size: 13px;
  bottom: 37px !important;
  right: 8px !important;
  line-height: 10px;
  color: #fff;
  top: initial !important;
  text-align: center;
}
/* [MAP] div inconnue à cette date dans les coordonnées XY du curseur */
.map-bottom-right .gcmouseposition .open {
  float: right;
  width: 25px;
  cursor: pointer;
}
/* [MAP] Projection de la carte - alignement vertical au centre du controle, supprime couleur bg faisant doublon avec gcmouseposition */
.map-bottom-right .gcmouseposition .projectionsystem .sub {
  padding: 0;
  height: 22px;
  display: flex;
  align-items: center;
  background: none;
}
/* [MAP] Contrôles en bas-droite de la carte - Couleur foncé au survol d'un contrôle */
.map-bottom-right .gcscalevalue .sub:hover,
.map-bottom-right .gcmouseposition:hover,
.map-bottom-right .ol-scale-line:hover {
  background: rgba(0, 60, 136, 1);
}

.statistiques_affaires {
  position: fixed;
  bottom: 60px;
  right: 10px;
  width: 575px;
  max-height: 575px;
  font-size: 12px;
  background: rgba(255, 255, 255, 0.25);
  transition: background 0.25s linear;
}

.statistiques_affaires:hover {
  background: rgba(255, 255, 255, 1);
}

/*.ol-mouse-position{
    z-index: 1;
    background: #fff;
    height: 22px;
    width: 280px;
    font-size: 13px;
    bottom: 8px !important;
    right: 8px !important;
    line-height: 10px;
    background: rgba(0,60,136,0.3);
    color: #fff;
    top: initial !important;
    padding: 5px 0 0 0;
    text-align: center;
    transition: opacity .25s linear;
}
.ol-mouse-position:empty {
    opacity: 0;
}*/

/************************************
    404 #xgos_404
*************************************/
#xgos_404 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 5000;
}

#xgos_404 > #autruche {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  background: url('../img/autruche.png') #fff no-repeat;
  background-size: cover;
}

#xgos_404 > #infos {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  padding-top: 10%;
  text-align: center;
}

#xgos_404 > #infos .application_logo {
  margin: 0 auto;
}

#xgos_404 > #msg {
}

/************************************
    503 #xgos_503
*************************************/
#xgos_503 .fa {
  color: darkred;
  font-size: 150px;
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  margin-bottom: 50px;
}

#xgos_503 {
  text-align: center;
  font-size: 40px;
  width: 500px;
  margin: 150px auto 0 auto;
}

/************************************
    ngDialog
*************************************/

.ngdialog-content > h3 {
  margin: 10px 0 20px !important;
}

.ngdialog-overlay {
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(127, 127, 127, 0.5) 34%,
    rgba(127, 127, 127, 0.5) 35%,
    rgba(0, 0, 0, 0.7) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    radial,
    center center,
    0px,
    center center,
    100%,
    color-stop(34%, rgba(127, 127, 127, 0.5)),
    color-stop(35%, rgba(127, 127, 127, 0.5)),
    color-stop(100%, rgba(0, 0, 0, 0.7))
  ); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(127, 127, 127, 0.5) 34%,
    rgba(127, 127, 127, 0.5) 35%,
    rgba(0, 0, 0, 0.7) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(
    center,
    ellipse cover,
    rgba(127, 127, 127, 0.5) 34%,
    rgba(127, 127, 127, 0.5) 35%,
    rgba(0, 0, 0, 0.7) 100%
  ); /* Opera 12+ */
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    rgba(127, 127, 127, 0.5) 34%,
    rgba(127, 127, 127, 0.5) 35%,
    rgba(0, 0, 0, 0.7) 100%
  ); /* IE10+ */
  background: radial-gradient(
    center,
    ellipse cover,
    rgba(127, 127, 127, 0.5) 34%,
    rgba(127, 127, 127, 0.5) 35%,
    rgba(0, 0, 0, 0.7) 100%
  ); /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#807f7f7f', endColorstr='#b3000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.ngdialog-content {
  /* width: 600px !important;*/
  /* Used to fix a weird chrome problem with the fixed position :
        Some part of the hidden DOM (out of the browser window borders) wouldn't appear when scrolling down
        http://stackoverflow.com/a/18764086
    */
  -webkit-transform: translateZ(0);
}

.no_drop_modal .ngdialog-overlay,
.ngdialog-no-overlay {
  top: 100%;
  overflow: visible;
}

.ngdialog-no-overlay .ngdialog-content {
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.15);
}

.no_drop_modal .ngdialog-overlay .ngdialog-content,
.ngdialog-no-overlay .ngdialog-overlay {
  position: fixed !important;
  /*   left: 50px;
       top: 50px;*/
  /*border: 1px solid #abacad;*/
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

.ngdialog-draggable .ngdialog-content {
}
.ga-draggable {
  border: none;
  border-radius: 0 !important;
}
.headerpopup {
  font-size: 18px;
  background: #446cb3;
  color: #fff !important;
  min-height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.headerpopup .buttonsContainer {
  min-width: 100px;
}
.headerpopup .popupName {
  margin-left: 10px;
}
.headerpopup:hover {
  background: #325189;
}

.headerpopup .closebtn,
.headerpopup .reducebtn {
  float: right;
  border-radius: 0 !important;
  margin: 0 10px 2px 0;
  background: #fff;
  color: #bbb;
  font-weight: 100;
}
.headerpopup .reducebtn {
  margin-right: 5px;
}
.headerpopup .closebtn:hover,
.headerpopup .reducebtn:hover {
  color: #777;
}

.headerpopup .minMaxButton {
  padding: 0;
  height: 22px;
  width: 22px;
}

.headerpopup .minMaxButton span {
  position: relative;
  font-size: 16px;
  top: -3px;
}

/* Modal title  */
h3.modalTitle {
  background: #446cb3;
  color: #fff !important;
  height: 50px;
  padding: 13px 0 0 11px;
  margin: 0 !important;
}

.error_dialog .modalTitle {
  background: #c0392b;
}

.nopadding .ngdialog-content .modalBody {
  padding: 10px;
}

.modalBody.fillModal {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  padding: 10px 20px !important;
}

.nopadding .ngdialog-content .modalBody > .row {
  /* margin: 0;*/
}

.ngdialog-draggable .modalTitle:not(.ngdialog_handler) {
  display: none;
}

.miniclose h3.modalTitle {
  font-size: 18px;
  height: 44px;
}
.noclose .ngdialog-close {
  display: none;
}

.ngdialog_handler {
  cursor: pointer;
}

.ngdialog_handler:hover {
  background: #325189;
}

.ngdialog_handler + h3 {
  display: none;
}

.ngdialog-theme-plain.large .ngdialog-content {
  width: 90% !important;
}

.ngdialog-theme-plain.adminSldEditor .ngdialog-content {
  margin-top: 60px !important;
}

.ngdialog-theme-plain.closeToTop {
  padding-top: 60px !important;
}

/************************************
    colorpicker
*************************************/
.colorpicker {
  z-index: 99999 !important;
}

/************************************
    Drag & Drop
*************************************/
.dualListBox {
  display: flex;
  vertical-align: middle;
  padding: 5px;
}

.dualListBox .title {
  font-weight: 600;
  font-size: small;
  display: block;
  overflow: hidden;
}

.dualListBox > div:not(.middle-part) {
  width: 100%;
}

.dualListBox .middle-part {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 5px;
  transform: translateY(10px);
}
.dualListBox .middle-part button:first-of-type {
  margin-bottom: 5px;
}

.dualListBox .list {
  height: 150px;
  border: 1px solid #dddddd;
  padding: 0 0 10px 0 !important;
  overflow: auto;
}

.dualListBox .list li {
  display: block;
  list-style-type: none;
  padding: 3px 5px;
}

.dualListBox .on-drag-hover {
  border: 1px solid #000 !important;
}
.dualListBox-filters{
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.dualListBox .filter-input {
  margin-left: 5px;
}

/************************************
    Button states
*************************************/
button.loading:before {
  content: '/e031';
  margin: 0 5px;
  font-family: 'Glyphicons Halflings';
  -webkit-animation: iconSpin 0.75s infinite linear;
  font-style: normal;
}

.typeInfoIcon {
  min-height: 20px;
  padding-top: 5px;
}

.typeInfoIcon i {
  display: block;
  margin: 0 auto;
}

.typeInfoIcon.POINT i {
  width: 10px;
  height: 10px;
  background: #555;
  border-radius: 50%;
}

.typeInfoIcon.MULTIPOINT i {
  width: 8px;
  height: 8px;
  background: #555;
  border-radius: 50%;
  position: relative;
}
.typeInfoIcon.MULTIPOINT i:after,
.typeInfoIcon.MULTIPOINT i:before {
  content: ' ';
  position: absolute;
  width: 8px;
  height: 8px;
  margin: 9px 0 0 9px;
  background: #666;
  border-radius: 50%;
}

.typeInfoIcon.MULTIPOINT i:after {
  margin: 12px 0 0 -3px;
  background: #888;
}

.typeInfoIcon.LINE i {
  height: 2px;
  width: 30px;
  margin-top: 10px;
  background: #555;
  transform: rotate(-35deg);
}

.typeInfoIcon.POLYGON i {
  width: 20px;
  height: 20px;
  border: 1px solid #555;
}

.typeInfoIcon.NG {
  padding-top: 0;
}

.typeInfoIcon.NG i,
.typeInfoIcon.GEOMETRY i {
  position: relative;
}

.typeInfoIcon.NG i:after,
.typeInfoIcon.GEOMETRY i:after {
  content: '\f0ce';
  font-family: 'FontAwesome';
  position: absolute;
  left: 50%;
  margin-left: -8px;
  font-size: 17px;
  color: #555;
  font-style: normal;
}

.typeInfoIcon.GEOMETRY i:after {
  content: '\f03e';
}

/************************************
    featuretypePreview
*************************************/
.featuretypePreview #previewmap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.featuretypePreview .ol-control {
  display: none;
}

.copyValueLeftToRight {
  width: 30px;
  height: 30px;
  position: absolute;
  right: -15px;
  top: 30px;
  line-height: 30px;
  cursor: pointer;
  text-align: center;
}

/************************************
    Styles / SLD
*************************************/
/* NEW SLD EDITOR */

/*.sldLightEditor .header{
    padding: 12px 80px 12px 10px;
    background: #446CB3;
}
.sldLightEditor .header span{
    margin-top: 10px;
}*/
/*.sldLightEditor label{
    margin: 10px 0 5px 0;
}*/

.sldLightEditor .modalBody {
  padding: 0 !important;
}

.sldLightEditor .editSldAsTextWrapper {
  padding: 0 10px 5px 10px;
}

.sldLightEditor .CodeMirror {
  margin-top: 10px;
  width: 100%;
  /* height: 500px; */
  resize: none;
}

.sldLightEditor .createNewStyle {
  padding: 20px 10px;
}

.sldLightEditor .createNewStyle .btn {
  margin: 20px 5px 10px 0;
}

.sldLightEditor .sldLoading {
  padding: 150px 0;
  text-align: center;
  font-style: italic;
  color: #555;
}

.sldLightEditor .global {
  padding: 10px;
  border-bottom: 1px dashed #ccc;
  /*box-shadow: 0 7px 10px -6px rgba(0,0,0,.15);*/
}

.sldLightEditor .global .switchSymbolTypeLegend .dropdown-menu{
  width: auto;
}
.sldLightEditor .global .switchSymbolTypeLegend {
  display: inline-block;
  height: 36px;
  margin: 10px 0;
}

.sldLightEditor .global .switchSymbolTypeLegend .title {
  float: left;
  height: 34px;
  padding: 7px 10px;
  border: 1px solid #ccc;
  border-right: none;
  line-height: 18px;
}

.sldLightEditor .global .switchSymbolTypeLegend .btn {
  border-radius: 0;
}

.sldLightEditor .main {
  padding: 25px 10px 10px 10px;
}

.sldLightEditor .main .row {
  margin-bottom: 10px;
}

/*.sldLightEditor .header{
    padding: 12px 80px 12px 10px;
    background: #446CB3;
}

*/

/** Unique Tab */
.sldUniqueLightEditor {
}

.sldUniqueLightEditor .preview {
  height: 130px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}

.sldUniqueLightEditor .preview.POINT {
  position: relative;
}

.sldUniqueLightEditor .preview.POINT:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  right: 0;
  background: #ccc;
  z-index: -1;
}

.sldUniqueLightEditor .preview.POINT:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  bottom: 0;
  background: #ccc;
  z-index: -1;
}

.sldUniqueLightEditor .preview .sldLegend {
  width: 100% !important;
  height: 100% !important;
  position: relative;
}

.sldUniqueLightEditor .preview .sldLegend img {
  margin: 0;
  position: absolute;
  top: 20px;
  transform: translate(-50%);
  left: 50%;
}

.sldUniqueLightEditor .symbolComponents {
  height: 460px;
  border: 1px solid #ccc;
  overflow-y: auto;
}

.sldUniqueLightEditor .symbolComponents .actions {
  background: #eee;
  padding: 5px;
}

.sldUniqueLightEditor .symbolComponents .component {
  padding: 5px;
  cursor: pointer;
  position: relative;
}

.sldUniqueLightEditor .symbolComponents .deployer {
  margin: 5px 0 0 3px;
}

.sldUniqueLightEditor .symbolComponents .deletebtn {
  position: absolute;
  right: 10px;
  top: 10px;
}

.sldUniqueLightEditor .symbolComponents .rule .deletebtn {
  top: 15px;
}

.sldUniqueLightEditor .symbolComponents .symbolGroup,
.sldUniqueLightEditor .symbolComponents .ruleWrapper {
  position: relative;
}

.sldUniqueLightEditor .symbolComponents .component.rule:before,
.sldUniqueLightEditor .symbolComponents .component.rule:after,
.sldUniqueLightEditor .symbolComponents .component.symbol:before,
.sldUniqueLightEditor .symbolComponents .symbolGroup:before,
.sldUniqueLightEditor .symbolComponents .ruleWrapper:before {
  position: absolute;
  content: '';
  margin-left: 5px;
  display: block;
  top: 0;
  bottom: 0;
  border-left: 1px solid #ccc;
  z-index: 100;
}

.sldUniqueLightEditor .symbolComponents .ruleWrapper:before {
  left: 5px;
}

.sldUniqueLightEditor .symbolComponents .component.rule:before {
  top: 60%;
}

.sldUniqueLightEditor .symbolComponents .component.rule.closed:before {
  display: none;
}

.sldUniqueLightEditor .symbolComponents .component.symbol:before,
.sldUniqueLightEditor .symbolComponents .component.rule:after {
  border-left: none;
  border-top: 1px solid #abacaf;
  width: 10px;
  top: 50%;
  bottom: inherit;
  left: 5px;
}

.sldUniqueLightEditor .symbolComponents .component.rule {
  display: none;
}

.sldUniqueLightEditor .symbolComponents .symbolGroup:before {
  display: none;
}

.sldUniqueLightEditor .symbolComponents .component.symbol {
  padding-left: 25px;
}

.sldUniqueLightEditor .symbolComponents .component.rule {
  padding: 10px 10px 10px 20px;
  background: #f5f5f5;
  display: block;
}

.sldUniqueLightEditor .symbolComponents .component.rule .sldLegend {
  margin-left: 5px;
}

.sldUniqueLightEditor .symbolComponents .component.rule + .symbolGroup .symbol {
  padding-left: 35px;
}

.sldUniqueLightEditor .symbolComponents .component.rule + .symbolGroup .symbol:before {
  left: 20px;
}

.sldUniqueLightEditor .symbolComponents .component.rule + .symbolGroup:before {
  display: block;
  left: 20px;
  bottom: 18px;
}

/* hide the treeview for the last element */
.sldUniqueLightEditor .symbolComponents .ruleWrapper:last-child:before {
  top: 0;
  height: 22px;
  bottom: inherit;
}

/** sldLightEditor - Filter **/
.sldLightEditor .sldfilterWrapper {
}

.sldLightEditor .sldfilter {
  border: 1px solid #ddd;
  background: #eceef1;
  padding: 10px;
  margin-top: 5px;
}
/* [ADMIN] Editeur SLD - Ligne du select de valeur d'attribut pour un filtre de règle SLD de type ShowValue */
.sldfilter .show-value {
  display: flex;
  align-items: center;
}
/* [ADMIN] Editeur SLD - Select de valeur d'attribut d'un filtre de règle SLD */
.sldfilter .show-value .gc-autocomplete{
  width: 100%;
}
/* [ADMIN] Editeur SLD - Input du select de valeur d'attribut d'un filtre de règle SLD */
.sldfilter .show-value.button-side .ui-select-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* [ADMIN] Editeur SLD - Bouton pour lancer la recherche des valeurs d'attribut d'un filtre de règle SLD */
.sldfilter .show-value .btn-info {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* [ADMIN] Editeur SLD - Conteneur de la ligne du select de valeur d'attribut pour un filtre de règle SLD de type between */
.sldfilter .comparison-between {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
/* [ADMIN] Editeur SLD - select/input de valeur d'attribut pour un filtre de règle SLD de type between */
.sldfilter .show-value div.gc-autocomplete,
.sldfilter .comparison-between div.gc-autocomplete {
  min-width: 180px;
}
.sldfilter .show-value div.gc-autocomplete .ui-select-container,
.sldfilter .comparison-between div.gc-autocomplete .ui-select-container {
  width: 100%;
}

/* [ADMIN] Editeur SLD - Conteneur du bouton de recherche des valeurs d'attribut pour un filtre de règle SLD de type between */
.sldfilter .comparison-between .search-values-button {
  display: flex;
  justify-content: center;
  margin: 0 1em;
}
/* [ADMIN] Editeur SLD - Conteneur des boutons "Rechercher" (loupe) et "saisir" (crayon) de valeur d'attribut pour un filtre de règle SLD */
.sldfilter .show-value > div,
.sldfilter .comparison-between .lowerBoundary >div,
.sldfilter .comparison-between .upperBoundary >div {
  display: flex;
  align-items: center;
}

/** sldLightEditor - POINT/image **/
.sldLightEditor .imgpicker {
  height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 10px auto;
}

.sldLightEditor .imgpicker .nav.nav-list {
  height: 350px;
  overflow-y: auto;
  width: 100%;
}

.imageLibraryPicker .imgpicker .img {
  display: inline-block;
  margin: 5px;
  cursor: pointer;
  border: 1px solid transparent;
}

.imageLibraryPicker .imgpicker .img.active {
  border: 2px solid #006400;
}

.imageLibraryPicker .imgpicker .img:hover {
  border: 1px solid #006400;
}

.imageLibraryPicker .imgpicker .userfolder {
  border: 1px solid #006400;
}

.imageLibraryPicker .imgpicker .addEditImage {
  margin: 0 -15px 0 -30px;
}

.imageLibraryPicker .imgpicker .editImageFolderName {
  padding: 5px;
  border-bottom: 1px solid #ccc;
  background: #f0f0f0;
}

.imageLibraryPicker .imgpicker .addImage {
  margin-bottom: 10px;
}

.imageLibraryPicker .imgpicker .abn-tree {
  width: 100%;
}

/** sldLightEditor - POINT/Font **/
/*.sldLightEditor .avaialableCharacters{
    border: 1px solid #ddd;
    margin-top: 10px;
    padding: 2px;
}

.sldLightEditor .avaialableCharacters .fontpreview{
    width: 40px;
    height: 40px;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    margin-right: 1px;
}
.sldLightEditor .avaialableCharacters .fontpreview:hover{
    color: #006400;
}*/

.fontdisplayer canvas#glyph {
  border: 1px solid #ccc;
  margin: 10px auto 20px auto;
  display: block;
}

.fontdisplayer canvas.item {
  border: 1px solid #ccc;
  margin: 1px;
  cursor: pointer;
}

.fontdisplayer canvas.item:hover {
  border: 1px solid #000;
}

/** sldLightEditor - Symbolpicker for Polygon/Line made of symbols **/
.sldSymbolpicker {
  padding: 2px;
}

.sldSymbolpicker .symbol {
  cursor: pointer;
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-right: 2px;
  transition: box-shadow 0.3s ease, background 0.3s ease;
}

.sldSymbolpicker .symbol.active {
  background: #eee;
  box-shadow: 0 8px 6px -6px #bbb;
}

/*.sldUniqueLightEditor .symbolComponents .component.rule.complexe{
    padding: 10px 10px 10px 20px;
    background: #f5f5f5;
    display: block;
}
.sldUniqueLightEditor .symbolComponents .component.rule.complexe .sldLegend{
    margin-left: 5px;
}

.sldUniqueLightEditor .symbolComponents .component.rule.complexe + .symbolGroup .symbol{
    padding-left: 35px;
}
.sldUniqueLightEditor .symbolComponents .component.rule.complexe + .symbolGroup .symbol:before{
   left: 20px;
}
.sldUniqueLightEditor .symbolComponents .component.rule.complexe + .symbolGroup:before{
    display: block;
    left: 20px;
    bottom: 18px;
}*/

.sldUniqueLightEditor .symbolComponents .component.symbol .sldLegend {
  margin: 0 10px 0 0;
}

.sldUniqueLightEditor .symbolComponents .component.active {
  background: #586e96 !important;
  color: #fff;
}

.sldUniqueLightEditor .preview {
  margin: 5px auto;
  padding: 5px;
}

.sldUniqueLightEditor .preview img {
  margin: 20px 0 0 10px;
}

.sldUniqueLightEditor .options {
}

/* old one */
.color_picker {
  display: block;
  width: 70px;
  height: 30px;
  text-indent: -9999px;
  margin: 3px auto;
  cursor: copy;
  border: 1px solid #aaa;
  background: #000;
}

/* overload spectrum.css */
.xgos_colourpicker + .sp-replacer {
  display: block;
  width: 50px;
  margin: 3px auto;
  border: none;
  background: #fff;
}

.xgos_colourpicker + .sp-replacer.sp-active {
  background: #42b691;
}

.xgos_colourpicker + .sp-replacer .sp-preview-inner {
  background: #000;
}

.sp-container {
  background: #f0f0f0;
  border: none;
  border-top: 5px solid #42b691;
  color: #fff;
  box-shadow: 0 7px 10px -6px rgba(0, 0, 0, 0.35);
}

.sp-container .sp-palette .sp-thumb-el {
  border: none;
  cursor: copy;
  margin: 3px;
}

.sp-container .sp-input {
  background: #fff;
  border-radius: 0;
}

.sp-container .sp-picker-container {
  border: none;
}

.sp-container .sp-palette-container {
  border: none;
}

.sp-container .sp-color,
.sp-container .sp-hue,
.sp-container .sp-clear {
  border: none;
}

.sp-container .sp-clear {
  cursor: pointer;
}

/* / overload spectrum.css */

.sldUniqueLightEditor .symbols {
  margin-top: 5px;
  padding: 15px;
}

.sldUniqueLightEditor .symbol_picker {
  border: 1px solid #aaa;
  height: 300px;
  margin-top: 5px;
  overflow: auto;
}

.sldLightEditor .category .uniqvalues {
  border: 1px solid #ccc;
  margin-top: 10px;
  position: relative;
}

.sldLightEditor .category .uniqvalues .uniqvalues_list {
  min-height: 300px;
  max-height: 500px;
  overflow-y: auto;
}

.sldLightEditor .category .uniqvalues .uniqvalues_list > table th {
  border-top: none;
}

.sldLightEditor .category .uniqvalues .addValue {
  /*    position: absolute;
        top: 450px;
        left: 0;
        right: 0;*/
  border-top: 1px solid #ccc;
  background: #fafafa;
  padding: 5px;
  /* overflow: hidden;*/
}

.sldLightEditor .category .uniqvalues .nouniqvalues {
  display: block;
  text-align: center;
  color: #777;
  padding-top: 85px;
}

.sldLightEditor .category .uniqvalues .preview {
  padding-left: 25px;
}

.sldLightEditor .category .uniqvalues .preview .sldLegend {
  margin: 5px 0 0 10px;
}

.sldLightEditor .category .uniqvalues .actions {
  position: relative;
}

.sldLightEditor .category .uniqvalues .actions .btn {
  position: absolute;
  left: 0;
}

.sldLightEditor .category .uniqvalues .actions .btn:last-of-type {
  top: 20px;
}

.sldLightEditor .category .uniqvalues .simulPolygon {
  width: 20px;
  height: 20px;
  margin: 5px 0 0 12px;
}

.sldLightEditor .category .uniqvalues .simulLine {
  height: 2px;
  width: 20px;
  margin: 15px 0 0 15px;
  transform: rotate(-45deg);
}

.sldLightEditor .category .uniqvalues .simulPoint {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  margin: 5px 0 0 10px;
}

.sldLightEditor .category_inputs {
  background: #67809f;
  color: #fff;
  box-shadow: 0 7px 10px -6px rgba(0, 0, 0, 0.35);
  padding: 5px;
  margin: 0 5px;
}

.sldLightEditor .category_input {
  text-align: center;
}

.sldLightEditor .category_input > label {
  display: block;
  height: 26px;
}

.sldLightEditor #palette_picker {
  margin: 2px;
}

.sldLightEditor #symbolType {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.sldLightEditor #symbolType > label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: inherit;
}

.sldLightEditor .category_input .palettePreview {
  margin: 15px auto 0 auto;
}

.sldLightEditor .category_input .attrpicker {
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 auto;
}

/*.sldLightEditor .currentSymbol,
.sldLightEditor .currentPalette{
    height: 32px;
    margin-right: 15px;
    width: 300px;
    border: 1px solid red;
}
.sldLightEditor .currentPalette .title,
.sldLightEditor .currentPalette .palettePreview{
    width: 200px;
    float: left;
    text-align: center;
    line-height: 32px;
}
.sldLightEditor .currentPalette .title{
    width: 100px;
}*/
.paletteLibrary {
  overflow: hidden;
}

.paletteLibrary .palettePreview {
  width: 260px;
  float: left;
  margin: 5px;
  padding: 5px;
  position: relative;
}

.paletteLibrary .selectedpalette:after {
  content: '\f00c';
  position: absolute;
  right: 0;
  font-family: 'FontAwesome';
  border-radius: 3px;
  background: #2ecc71;
  color: #fff;
  padding: 4px 10px;
}

.palettePreview {
  margin-bottom: 5px;
  cursor: pointer;
}

.palettePreview .tile {
  float: left;
  height: 30px;
}

.hoveredColorDetail {
  padding: 5px;
  width: 120px;
  margin: 5px;
  float: right;
  color: #fff;
  font-size: 22px;
  text-shadow: 0 0 1px rgba(0, 0, 0, 1);
  text-align: center;
}

/* Symbol Library */
.symbolLibrary {
  padding: 5px;
}

.symbolLibrary .symbol_preview {
  float: left;
  width: 70px;
  height: 70px;
  margin: 0 5px 5px 0;
  cursor: pointer;
  overflow: hidden;
  color: #999;
}

.symbolLibrary .symbol_preview:hover {
  color: #000;
}

.symbolLibrary .symbol_preview p {
  font-size: 11px;
  text-align: center;
  font-style: italic;
  margin: 0 !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* sld legend */
.sldLegend {
  display: inline-block;
}

/* Labels */
.sldLightEditor .labels {
  padding: 10px;
  min-height: 300px;
}

.label-attribute-handler {
  position: absolute;
  left: 24%;
}

.label-attribute-handler button:last-child {
  margin-left: 0.2em;
}

.sldLightEditor .handleLabelizedAttributes {
  position: absolute;
  right: 15px;
  z-index: 50;
}

.sldLightEditor .noLabelizedAttributes {
  padding: 80px 0 0 0;
  text-align: center;
}

.sldLightEditor .noLabelizedAttributes .fa {
  font-size: 40px;
  margin-bottom: 15px;
  display: block;
  color: #add8e6;
}

/* Label - Placement - Anchors */
.sldLightEditor .anchorpicker {
  margin: 5px auto;
  border: 1px solid #eee;
  width: 222px;
  height: 222px;
  background: url('../img/widget/style/anchorbg.jpg') no-repeat;
  background-size: 350%;
}

.sldLightEditor .anchorpicker .y {
  float: left;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 13px;
  font-size: 13px;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
}

.sldLightEditor .anchorpicker:before {
  content: '';
  position: absolute;
  background: #999;
  width: 50px;
  height: 50px;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
  border-radius: 50%;
  opacity: 0.15;
}

.sldLightEditor .anchorpicker .y.selected:before {
  background: transparent;
}

.sldLightEditor .anchorpicker .y.selected:after {
  content: attr(data-attr);
  position: absolute;
  text-align: center;
  font-size: 30px;
}

/* Label - Placement - LinePlacement */

.sldLightEditor .line_placement_picker {
  position: relative;
  border: 1px solid #ccc;
  height: 300px;
  background: url('../img/widget/style/lineplacementbg.jpg') no-repeat;
  background-size: cover;
}

.sldLightEditor .line_placement_picker .ngrs-range-slider {
  margin-right: 10px;
}

.sldLightEditor .line_placement_picker .ngrs-runner {
  height: 250px;
}

.sldLightEditor .line_placement_picker .attrname {
  position: absolute;
  text-align: center;
  padding: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 150px;
  left: 50%;
  margin-left: -75px;
  top: calc(50% - 18px);
  background: rgba(255, 255, 255, 0.75);
  font-weight: 600;
  font-size: 20px;
  z-index: 50;
}

.sldLightEditor .line_placement_picker .previewline {
  position: absolute;
  height: 2px;
  background: #888;
  left: 0;
  right: 0;
  top: 50%;
}

/* OLD SLD EDITOR */
.sldEditor {
}

.sldEditor > .pre {
}

.sldEditor > .pre #layer_title {
  margin: 5px !important;
}

.sldEditor > .pre #layer_style {
}

.sldEditor > .main {
  border-top: 1px dashed #abacaf;
  margin-top: 15px;
  padding-top: 10px;
}

.sldEditor #addRule {
  float: right;
  margin-top: -2px;
}

.sldEditor #addRule span {
  margin-right: 5px;
}

.sldEditor #rules > .nav-tabs {
  margin-right: 80px;
}

.sldEditor #rules > .nav-tabs > li {
  margin-top: -1px;
  cursor: pointer;
}

.sldEditor #rules > .nav-tabs > li.active {
  margin-top: 0px !important;
}

.sldEditor #rules > .nav-tabs > li.active > a {
  border: 1px solid #999;
  background: #f8f8f8;
}

.sldEditor #rules > .nav-tabs > li.active > a:before {
  content: '/270f';
  font-family: 'Glyphicons Halflings';
  margin-right: 5px;
  font-size: 12px;
}

.sldEditor #rules > .nav-tabs > li > a {
  padding: 5px;
  border: 1px solid #ddd;
  border-bottom: none !important;
}

.sldEditor #rules > .tab-content > .tab-pane.active {
  border: 1px solid #999;
  margin-top: -1px;
  background: #f8f8f8;
}

/*.sldEditor #rules > .nav-tabs > li:nth-child(1) > a{  border: 1px solid #ddd;  }
.sldEditor #rules > .nav-tabs > li:nth-child(2) > a{  border: 1px solid orange;   }
.sldEditor #rules > .nav-tabs > li:nth-child(3) > a{  border: 1px solid green;  }
.sldEditor #rules > .nav-tabs > li:nth-child(4) > a{  border: 1px solid blue;   }
.sldEditor #rules > .nav-tabs > li:nth-child(5) > a{  border: 1px solid #ccc;  }

.sldEditor #rules > .tab-content > .tab-pane{ margin-top: -1px; }
.sldEditor #rules > .tab-content > .tab-pane:nth-child(1){  border: 1px solid #ddd;  }
.sldEditor #rules > .tab-content > .tab-pane:nth-child(2){  border-top: 1px solid orange;  }
.sldEditor #rules > .tab-content > .tab-pane:nth-child(3){  border-top: 1px solid green;  }
.sldEditor #rules > .tab-content > .tab-pane:nth-child(4){  border-top: 1px solid blue;  }
.sldEditor #rules > .tab-content > .tab-pane:nth-child(5){  border: 1px solid #ccc;  }*/

/** Radius  Attribute Picker **/
.radius-attribute-picker {
  margin-top: 10px;
}

.radius-attribute-picker .pickerChoices {
  width: 150px;
  margin-top: 5px;
}

/** Radius Picker **/
.radius-picker {
  display: block;
  margin: 0 auto;
  width: 8em;
  height: 8em;
  background: #34495e;
  border-radius: 50%;
  position: relative;

  background: #f2f3f7;
  box-shadow: inset 3px 3px 13px rgba(200, 200, 200, 0.5);
  /*background: -moz-linear-gradient(top,  #f2f3f7 0%, #e8e9ee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f3f7), color-stop(100%,#e8e9ee));
    background: -webkit-linear-gradient(top,  #f2f3f7 0%,#e8e9ee 100%);
    background: -o-linear-gradient(top,  #f2f3f7 0%,#e8e9ee 100%);
    background: -ms-linear-gradient(top,  #f2f3f7 0%,#e8e9ee 100%);
    background: linear-gradient(to bottom,  #f2f3f7 0%,#e8e9ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f7', endColorstr='#e8e9ee',GradientType=0 );*/
}

.radius-picker__handle {
  width: 1em;
  height: 1em;
  top: 50%;
  left: 50%;
  margin: -0.65em 0 0 -0.65em;
  border-radius: 50%;
  background: #e86d4e;
  border: 1px solid #c75437;
  display: inline-block;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.51),
    0 1px 0 rgba(255, 255, 255, 0.25) inset;
  position: absolute;
  z-index: 1;
  cursor: pointer;
}

.radius-picker:after {
  font-weight: normal;
  content: '\00b0';
  position: absolute;
  left: 65%;
  top: 35%;
  color: #808a96;
}

.radius-picker__value {
  position: absolute;
  width: 50px;
  top: 50%;
  left: 50%;
  margin: -0.75em 0 0 -25px;
  font-size: 1.25em;
  text-align: center;
  border: 1px solid transparent;
  color: #808a96;
  /*text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    font-weight: bold;
    margin-top: -.7em;
    margin-right: -.5em;
    font-size: 1.25em;
    color: #808a96;*/
}

.sldSymbolizer {
  border: 1px solid #ddd;
  border-top: none;
  padding: 10px;
  margin-top: -10px;
}

.sldSymbolizer .actions {
  position: relative;
}

.sldParameter {
  /*    background: #f0eded;
        margin-bottom: 1rem;

        border: 1px solid #aaa;*/
  padding: 0.5rem;
  position: relative;
}

.sldParameter .disabled {
  opacity: 0.25;
}

.sldParameter h1,
.sldParameter h2,
.sldParameter h3,
.sldParameter h4,
.sldParameter h5,
.sldParameter h6 {
  margin-top: 0;
}

.sldParameter h5 {
  margin-top: 5px;
}

/*.sldParameter.group{
    border: 1px solid #ccc;
}*/

.sldParameter .sldDefault {
  right: 0;
  margin: -28px 65px 0 0;
  position: absolute;
}

.sldParameter.group .sldDefault {
  position: static !important;
  margin: 0 !important;
}

.sldParameter .activate {
  position: relative;
  z-index: 50;
}

.sldP2 .activate {
}

.sldExternalGraphicPicker {
  margin-bottom: 20px;
}

.sldExternalGraphicPicker > .preview {
  border: 1px dashed #aaa;
  width: 100%;
  min-height: 20px;
  margin-bottom: 10px;
}

.sldExternalGraphicPicker > .preview img {
  display: block;
  margin: 30px auto;
  max-width: 100%;
}

.sldExternalGraphicPicker > .btn {
  margin-left: 5px;
}

#sldPreviewMap {
  position: fixed;
  top: 5px;
  left: 5px;
  right: 25px;
  border: 1px solid #444444;
  height: 200px;
  z-index: 10001;
  background: #ccc;
}

#sldPreviewButtons {
  position: fixed;
  left: 50%;
  margin-left: 300px;
  bottom: 50px;
  z-index: 100001;
  -webkit-transform: translateZ(0);
}

#sldPreviewButtons button {
  margin: 5px 0;
  display: block;
  min-width: 250px;
}

#sldPreviewButtons button span {
  float: left;
}

#map.bbox_selection {
  border: 3px solid #f0ad4e;
  z-index: -1;
}

#map.bbox_selection:before {
  position: absolute;
  z-index: 1;
  content: 'BBOX selection (shift+drag)';
  background: #f0ad4e;
  color: #fff;
  padding: 5px;
}

/************************************
    TODO : SPLITTER EN FICHIERS MULTIPLES
*************************************/
/* featuretypes */
#layerMiscData > div {
  display: flex;
}
#layerMiscData > div label {
  width: 90%;
}
#layerMiscData > div span {
  width: 10%;
}
#bbox_wrapper .form-control-feedback {
  font-size: 15px;
  color: #aaa;
  width: 50px;
}

body.map .gcverticaltoolbar_wrapper {
  right: 10px;
  top: 105px;
}

.gcverticaltoolbar_wrapper {
  position: fixed;
  right: -200px;
  transition: right 0.75s linear;
}

.gcverticaltoolbar_wrapper .toolbarscroll {
  background: #fff;
  height: 23px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  cursor: pointer;
  display: none;
  padding: 3px 0;
  text-align: center;
  font-size: 11px;
  border: 1px solid #ccc;
}

.gcverticaltoolbar_wrapper.is_scrollable {
  max-height: calc(100vh - 210px);
}

.gcverticaltoolbar_wrapper.is_scrollable .gcverticaltoolbar {
  max-height: calc(100vh - 210px);
  overflow: hidden;
  padding: 0;
}

.gcverticaltoolbar_wrapper.is_scrollable .toolbarscroll {
  display: block;
  border: none;
  background: none;
}
.gcverticaltoolbar_wrapper.is_scrollable .toolbarscroll.top {
  top: -25px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: none;
  margin-bottom: 5px;
}
.gcverticaltoolbar_wrapper.is_scrollable .toolbarscroll.bottom {
  top: calc(100vh - 208px);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: none;
  margin-top: 10px;
}
.gcverticaltoolbar_wrapper.is_scrollable .gcverticaltoolbar {
  margin: 0.25em 0;
}
.toolbar_button:first-of-type {
  border-top: 1px solid #ccc;
}
.fa-kis-mesaure:before {
  content: '\f1b9';
  color: transparent;
  background: url('../js/XG/widgets/mapapp/measure/styles/compass16.png')
    no-repeat;
}
.unused .fa-kis-mesaure:before {
  opacity: 0.4;
}

.fa-kis-selectiontools:before {
  content: '\f1b9';
  color: transparent;
  background: url('../js/XG/widgets/mapapp/selectiontools/styles/selection16.png')
    no-repeat;
}
.unused .fa-kis-selectiontools:before {
  opacity: 0.4;
}
.fa-kis-selectedtoolsline:before {
  content: '\f1b9';
  color: transparent;
  background: url('../js/XG/widgets/mapapp/selectiontools/styles/selected_tools_line.png')
    no-repeat;
}
.unused .fa-kis-selectedtoolsline:before {
  opacity: 0.4;
}

.fa-kis-republish:before {
  content: '\f1b9';
  color: transparent;
  background: url('../img/admin/kis_republish.svg')
    no-repeat;
}
.unused .fa-kis-republish:before {
  opacity: 0.4;
}

.fa-shapes-solid:before {
  content: '\f1b9';
  color: transparent;
  background: url('../img/admin/shapes-solid.svg')
    no-repeat;
}
.unused .fa-shapes-solid:before {
  opacity: 0.4;
}
.fa-filter-circle-xmark-solid:before {
  content: '\f1b9';
  color: transparent;
  background: url('../img/admin/filter-circle-xmark-solid.svg')
    no-repeat;
}
.unused .fa-filter-circle-xmark-solid:before {
  opacity: 0.4;
}
.fa-filter-solid:before {
  content: '\f1b9';
  color: transparent;
  background: url('../img/admin/filter-solid.svg')
    no-repeat;
}
.unused .fa-filter-solid:before {
  opacity: 0.4;
}
.gcverticaltoolbar .toolbar_button > button {
  -webkit-transition: margin linear 0.5s;
  transition: margin linear 0.5s;
  width: 40px;
  border-radius: 4px;
  border-top: none;
  text-align: center;
}

.gcverticaltoolbar .toolbar_button:first-of-type > button {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.gcverticaltoolbar .toolbar_button:last-of-type > button {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.gcverticaltoolbar .toolbar_button > button .fa {
  font-size: 16px;
}

.gcverticaltoolbar .toolbar_button > button:not(.btn-info):hover > span {
  color: orange;
}

.gcverticaltoolbar .toolbar_button > button.btn-info {
  /* margin: 1rem 0; */
}

/* FeatureTypes / Styles */
.noStyleForLayer {
  padding: 25px 0;
  text-align: center;
}

.makeDefaultStyle {
  opacity: 0.25;
  cursor: pointer;
}

.makeDefaultStyle.set {
  opacity: 1;
  cursor: inherit;
}

#vertical_tools_config {
  padding: 10px;
}

/***********************************************************************
    biz: YAMOUSSOUKRO
************************************************************************/

/************************************
    Accordion
*************************************/

.gcff_accordion__container {
  background: #eef;
  border: 0px solid #cdf;
  padding: 20px;
}

.gcff_accordion__tab {
  background: #eef;
  color: #fff;
  border: 1px solid #cdf;
}

.gcff_accordion__tab-title {
  background: #45f;
  padding: 5px;
  cursor: pointer;
  border-radius: 5px;
}

.gcff_accordion__tab-content {
  background: #abf;
  padding: 20px;
  color: #000;
}

.select01 {
  color: #000;
}

.gcff_tabs input[type='radio'] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.gcff_tabs {
  width: 650px;
  float: none;
  list-style: none;
  position: relative;
  padding: 0;
}

.gcff_tabs li {
  float: left;
}

.gcff_tabs label {
  display: block;
  padding: 10px 20px;
  border-radius: 2px 2px 0 0;
  color: #08c;
  font-size: 14px;
  font-weight: normal;
  font-family: 'Lily Script One', helveti;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  position: relative;
  top: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.gcff_tabs label:hover {
  background: rgba(255, 255, 255, 0.5);
  top: 0;
}

[id^='gcff_tab']:checked + label {
  background: #08c;
  color: white;
  top: 0;
}

[id^='gcff_tab']:checked ~ [id^='gcff_tab-content'] {
  display: block;
}

.gcff_tab-content {
  z-index: 2;
  display: none;
  text-align: left;
  width: 100%;
  font-size: 20px;
  line-height: 140%;
  padding-top: 10px;
  background: #08c;
  padding: 15px;
  color: black;
  position: absolute;
  top: 30px;
  left: 0;
  box-sizing: border-box;
  -webkit-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.FormFieldTable {
  margin: 0px;
  padding: 0px;
  width: 100%;
  box-shadow: 10px 10px 5px #888888;
  border: 1px solid #000000;
  -moz-border-radius-bottomleft: 9px;
  -webkit-border-bottom-left-radius: 9px;
  border-bottom-left-radius: 9px;
  -moz-border-radius-bottomright: 9px;
  -webkit-border-bottom-right-radius: 9px;
  border-bottom-right-radius: 9px;
  -moz-border-radius-topright: 9px;
  -webkit-border-top-right-radius: 9px;
  border-top-right-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
  border-top-left-radius: 9px;
}

.FormFieldTable table {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.FormFieldTable tr:last-child td:last-child {
  -moz-border-radius-bottomright: 9px;
  -webkit-border-bottom-right-radius: 9px;
  border-bottom-right-radius: 9px;
}

.FormFieldTable table tr:first-child td:first-child {
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
  border-top-left-radius: 9px;
}

.FormFieldTable table tr:first-child td:last-child {
  -moz-border-radius-topright: 9px;
  -webkit-border-top-right-radius: 9px;
  border-top-right-radius: 9px;
}

.FormFieldTable tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 9px;
  -webkit-border-bottom-left-radius: 9px;
  border-bottom-left-radius: 9px;
}

.FormFieldTable tr:hover td {
  background-color: #82c0ff;
  background: -o-linear-gradient(bottom, #82c0ff 5%, #56aaff 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #82c0ff),
    color-stop(1, #56aaff)
  );
  background: -moz-linear-gradient(center top, #82c0ff 5%, #56aaff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#82c0ff", endColorstr="#56aaff");
  background: -o-linear-gradient(top, #82c0ff, 56 aaff);
}

.FormFieldTable tr:first-child td {
  background: -o-linear-gradient(bottom, #0069d3 5%, #007fff 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #0069d3),
    color-stop(1, #007fff)
  );
  background: -moz-linear-gradient(center top, #0069d3 5%, #007fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0069d3", endColorstr="#007fff");
  background: -o-linear-gradient(top, #0069d3, 007 fff);
  background-color: #0069d3;
  border: 0px solid #000000;
  text-align: center;
  border-width: 0px 0px 1px 1px;
  font-size: 18px;
  font-family: Comic Sans MS;
  font-weight: bold;
  color: #ffffff;
}

.CSSTableGenerator tr:first-child:hover td {
  background: -o-linear-gradient(bottom, #0069d3 5%, #007fff 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #0069d3),
    color-stop(1, #007fff)
  );
  background: -moz-linear-gradient(center top, #0069d3 5%, #007fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0069d3", endColorstr="#007fff");
  background: -o-linear-gradient(top, #0069d3, 007 fff);
  background-color: #0069d3;
}

.FormFieldTable tr:first-child td:first-child {
  border-width: 0px 0px 1px 0px;
}

.FormFieldTable tr:first-child td:last-child {
  border-width: 0px 0px 1px 1px;
}

.FormFieldTable td {
  background: -o-linear-gradient(bottom, #56aaff 5%, #82c0ff 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #56aaff),
    color-stop(1, #82c0ff)
  );
  background: -moz-linear-gradient(center top, #56aaff 5%, #82c0ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#56aaff", endColorstr="#82c0ff");
  background: -o-linear-gradient(top, #56aaff, 82 c0ff);
  background-color: #56aaff;
  border: 1px solid #000000;
  border-width: 0px 1px 1px 0px;
  text-align: left;
  padding: 7px;
  font-size: 12px;
  font-family: Comic Sans MS;
  font-weight: bold;
  color: #000000;
}

.FormFieldTable tr:last-child td {
  border-width: 0px 1px 0px 0px;
}

.FormFieldTable tr td:last-child {
  border-width: 0px 0px 1px 0px;
}

.FormFieldTable tr:last-child td:last-child {
  border-width: 0px 0px 0px 0px;
}

.tableSelectAndUpdate {
  margin: 0px;
  padding: 0px;
  width: 100%;
  box-shadow: 0px 0px 0px #888888;
  border: 1px solid #000000;
  -moz-border-radius-bottomleft: 9px;
  -webkit-border-bottom-left-radius: 9px;
  border-bottom-left-radius: 9px;

  -moz-border-radius-bottomright: 9px;
  -webkit-border-bottom-right-radius: 9px;
  border-bottom-right-radius: 9px;

  -moz-border-radius-topright: 9px;
  -webkit-border-top-right-radius: 9px;
  border-top-right-radius: 9px;

  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
  border-top-left-radius: 9px;
}

.tableSelectAndUpdate table {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.tableSelectAndUpdate tr:last-child td:last-child {
  -moz-border-radius-bottomright: 9px;
  -webkit-border-bottom-right-radius: 9px;
  border-bottom-right-radius: 9px;
}

.tableSelectAndUpdate table tr:first-child td:first-child {
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
  border-top-left-radius: 9px;
}

.tableSelectAndUpdate table tr:first-child td:last-child {
  -moz-border-radius-topright: 9px;
  -webkit-border-top-right-radius: 9px;
  border-top-right-radius: 9px;
}

.tableSelectAndUpdate tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 9px;
  -webkit-border-bottom-left-radius: 9px;
  border-bottom-left-radius: 9px;
}

.tableSelectAndUpdate tr:first-child td {
  background: -o-linear-gradient(bottom, #6969d3 5%, #7f7fff 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #6969d3),
    color-stop(1, #7f7fff)
  );
  background: -moz-linear-gradient(center top, #6969d3 5%, #7f7fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6969d3", endColorstr="#7f7fff");
  background: -o-linear-gradient(top, #6969d3, 7 f7fff);
  background-color: #6969d3;
  border: 0px solid #000000;
  text-align: center;
  border-width: 0px 0px 1px 1px;
  font-size: 18px;
  font-family: Comic Sans MS;
  font-weight: bold;
  color: #ffffff;
}

.tableSelectAndUpdate tr:first-child td:first-child {
  border-width: 0px 0px 1px 0px;
}

.tableSelectAndUpdate tr:first-child td:last-child {
  border-width: 0px 0px 1px 1px;
}

.tableSelectAndUpdate td {
  background: -o-linear-gradient(bottom, #eeeeff 5%, #eeeeff 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #eeeeff),
    color-stop(1, #eeeeff)
  );
  background: -moz-linear-gradient(center top, #aaaaff 5%, #c0c0ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeff", endColorstr="#eeeeff");
  background: -o-linear-gradient(top, #aaaaff, #eeeeff);
  background-color: #eeeeff;
  border: 1px solid #000000;
  border-width: 0px 1px 1px 0px;
  text-align: left;
  padding: 1px;
  font-size: 12px;
  font-family: Comic Sans MS;
  font-weight: bold;
  color: #000000;
}

.tableSelectAndUpdate tr:last-child td {
  border-width: 0px 1px 0px 0px;
}

.tableSelectAndUpdate tr td:last-child {
  border-width: 0px 0px 1px 0px;
}

.tableSelectAndUpdate tr:last-child td:last-child {
  border-width: 0px 0px 0px 0px;
}

.mandatoryField {
  extends: form-control;
  border-style: solid;
  border-color: red;
  background: #ffefef;
}

.typeprojmess {
  border-radius: 5px;
  border-style: solid;
  border-color: red;
  background: #ffefef;
  color: red;
}

/****************************************
    Gestion des panels de la MAP
*****************************************/
#panelContainer {
  /* empty container */
}

.map_panel {
  position: fixed;
  background: #fff;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.35);
  /*    -webkit-transition: all .75s linear;
        transition: all .75s linear;*/
  z-index: 1100;
  margin: 1rem;
  top: 50px;
  right: 90px;
  bottom: 0;
  left: 0;
  min-height: 100px;
  min-width: 100px;
  max-height: 80%;
}

.map_panel.hiddenPanel {
  bottom: -800px;
}

.map_panel .toolbar {
  padding: 10px 55px 5px 10px;
  background: #446cb3;
  /*    margin-bottom: 5px;*/
  position: relative;
  min-height: 40px;
  color: #fff;
}

.map_panel .toolbar .btn {
  margin: 0 2px 0 0;
  border-radius: 0;
}

.map_panel .toolbar .closePanel {
  position: absolute;
  right: 4px;
  top: 5px;
  border-radius: 3px;
}

.map_panel .panelresizebar {
  height: 4px;
  background: orange;
  cursor: n-resize;
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
}

.map_panel.stick_to_border {
  margin: 0 !important;
}

.map_panel.stick_to_right {
  right: 0;
}

.map_panel.bottom {
  top: inherit;
}

.map_panel.top {
  bottom: inherit;
}

.map_panel.left {
  right: inherit;
}

.map_panel.right {
  left: inherit;
}

.left-container {
  /* left: 340px;
	width: 83%; */
  width: 100%;
  padding-left: 420px;
  height: 100%;
  position: absolute;
  background-color: rgb(209, 239, 232);
  background-color: #fff;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  top: 0px;
  overflow-y: auto;
}

.full-container {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgb(209, 239, 232);
  background-color: #fff;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
}

.aside-open .mapBottomPanel {
  left: 340px;
}

/* annotations */

#MapAnnotation p,
#Annotation p {
  max-width: 245px;
}

#MapAnnotation .select-actions,
#Annotation .select-actions {
  margin: 10px 0;
}

#MapAnnotation .draw-actions,
#Annotation .draw-actions {
  margin: 10px 0;
  text-align: center;
}

#MapAnnotation .btn-draw {
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 16px;
}

#Annotation .btn-draw {
  width: 30px;
  height: 30px;
  padding: 0;
  font-size: 16px;
}

#MapAnnotation .btn-sm,
#Annotation .btn-sm {
  height: 30px;
}

#MapAnnotation .btn-sm .fa,
#Annotation .btn-sm .fa {
  font-size: 16px;
  vertical-align: middle;
}

#MapAnnotation .draw-actions .btn-draw.draw-point,
#Annotation .draw-actions .btn-draw.draw-point {
  font-size: 7px;
}

#MapAnnotation .draw-actions .btn-draw.draw-line,
#Annotation .draw-actions .btn-draw.draw-line {
  background-image: url('../img/widget/annotations/line.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}

#MapAnnotation .list-group-item,
#Annotation .list-group-item {
  line-height: 25px;
}

#MapAnnotation .selection-box,
#Annotation .selection-box {
  margin-bottom: 20px;
}

#MapAnnotation .annot-title,
#Annotation .annot-title {
  display: inline-block;
  width: 55%;
}

#MapAnnotation .btn-group-right,
#Annotation .btn-group-right {
  float: right;
}

#MapAnnotation .btn-group-right .btn-draw,
#Annotation .btn-group-right .btn-draw {
  width: 25px;
  height: 25px;
}

#MapAnnotation .form-control[type='checkbox'],
#Annotation .form-control[type='checkbox'] {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.form-control-password {
  display: initial;
  width: 98%;
}
.incompleteForm input.form-control-password.ng-invalid-required {
  display: initial;
}

.password-eye {
  margin-left: -30px;
  cursor: pointer;
}
#MapAnnotation .table,
#Annotation .table {
  table-layout: auto;
}

#MapAnnotation td,
#Annotation td {
  max-width: 245px;
}

#MapAnnotation h4,
#Annotation h4 {
  margin: 0 0 15px;
  font-size: 16px;
  font-weight: 600;
}

.MapAnnotationRow {
  width: 350px;
}

.MapAnnotationCopyBtn {
  width: 100%;
}

#mapannotation-list .input-group{
  display: flex;
  vertical-align: middle;
}
#mapannotation-list .input-group .annotation-name{
  overflow: hidden;
  padding: 5px;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
  border:2px solid #aaaaaf;
  max-width: 150px;
  background-color: #efefef;
}

#pselect {
  width: 300px;
  display: block;
  max-width: 300px;
  position: absolute;
  box-shadow: 1px 1px 3px #000;
  background: #fff;
}

#pselect > div {
  float: left;
  width: 50px;
  height: 40px;
  background-color: #fff;
  border: 2px solid #000;
  box-sizing: border-box;
}

#pselect > div:hover {
  border-color: red;
}

.drawing-tool {
  background-color: #e9edf0;
  background-image: url(../img/svg/annotations/drawing-tools.svg);
  background-size: 640px 40px;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  cursor: pointer;
}

.drawing-tool:hover {
  background-color: #dce0e2;
}

.drawing-tool-selected {
  background-color: #84ffff;
  border-color: #0d47a1;
}

.drawing-tool-selected:hover {
  background-color: #00e5ff;
}

.drawing-tool-section:not(:last-child),
.map-simple-tool,
.tools-radio-label {
  border-bottom: 1px solid #ddd;
}

.drawing-tool-section {
  padding: 10px 20px 20px;
}

.drawing-tool-section-title {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 0.75em;
}

ul.drawing-tools-flex-display {
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.drawing-tools-flex-display {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.drawing-tool:not(:last-child) {
  margin-right: 20px;
}

li[id^='drawing-tool-point'] {
  background-position: 0 0;
}

li[id^='drawing-tool-line'] {
  background-position: -80px 0;
}

li[id^='drawing-tool-polygon'] {
  background-position: -160px 0;
}

li[id^='drawing-tool-text'] {
  background-position: -240px 0;
}

li[id^='drawing-tool-edit'] {
  background-position: -320px 0;
}

li[id^='drawing-tool-display'] {
  background-position: -400px 0;
}

li[id^='drawing-tool-tooltip'] {
  background-position: -480px 0;
}

li[id^='drawing-tool-remove'] {
  background-position: -560px 0;
}

.drawing-tool-section-title,
.gp-att-name-div,
.gp-features-content-div h5 {
  font-family: OpenSansExtraBold, 'Open Sans', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
}

.drawing-point-tool-container {
  width: 435px;
}

.drawing-common-tool-container {
  width: 435px;
}

.basemapPopover .popover-content {
  padding: 0;
}

.basemapwidgetWrapper,
.basemapwidgetWrapper:hover,
.basemapwidgetWrapper:focus,
.basemapwidgetWrapper:active {
  background: transparent;
  border: none;
  outline: none;
}

.basemapwidgetWrapper > .btn {
  border-radius: 0;
  border-top: none;
}
.basemapwidgetWrapper .basemap_opacity {
  margin: 10px 0 10px 2px;
  background: rgba(255, 255, 255, 0.25);
  width: 36px;
}
.basemapwidgetWrapper .basemap_opacity input[type='range'] {
  -webkit-appearance: none;
  background: linear-gradient(
    to right,
    rgba(235, 38, 105, 0.25),
    rgba(235, 38, 105, 1)
  );
  height: 8px;
  cursor: ew-resize;
  outline: none;
}

.basemap_lister {
  width: 200px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 60px;
  background: rgba(255, 255, 255, 0.75);
  z-index: 99;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.15);
}

.basemap_lister > .basemaps {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}

.basemap_widget {
  overflow: auto;
}

.basemap_widget .active_base_map {
  background-color: #3297fd;
}
.basemap_widget .active_base_map h6 {
  color: #fff !important;
}

.basemap_widget .layer {
  cursor: pointer;
  text-align: center;
  padding: 5px;
}
.basemap_widget .layer img {
  height: 80px;
  display: block;
  margin: 0 auto;
}
.basemap_widget .layer h6 {
  width: 80%;
  font-size: 14px;
  margin: 10px auto;
  font-weight: 600;
  color: #333;
}

/* street view */
#streetView #map-canvas {
  position: absolute !important;
  right: 0;
  left: 0;
  top: 40px;
  bottom: 0;
  min-height: 250px;
  /*    height: 300px;
        width: 100%;*/
}

.streetViewCursorLeft,
.streetViewCursorLeft * {
  cursor: url('../img/widget/gsw/gsw_17.png') 24 24, auto;
}

.streetViewCursorRight,
.streetViewCursorRight * {
  cursor: url('../img/widget/gsw/gsw_19.png') 24 24, auto;
}

/* directions */
#directionControls {
  background: rgba(255, 255, 255, 0.85);
  border: none !important;
}

#directionControls #startEnd {
  padding-left: 50px;
}

#directionControls #startEnd .typeahead {
  margin: 25px 0 0 5px;
  border: none;
  border-radius: 0;
  padding: 0;
}

#directionControls #startEnd li a {
  padding: 10px;
}

#directionControls #startEnd input[type='text'] {
  margin: 20px 5px;
  display: block;
  width: 95%;
}

#directionControls:before,
#directionControls:after {
  content: '';
  height: 45px;
  width: 45px;
  position: absolute;
  left: 65px;
  top: 14px;
  background: url('../img/widget/directions/map_small_1.png');
  background-size: 100%;
}

#directionControls:after {
  top: 70px;
  background: url('../img/widget/directions/map_small_2.png');
  background-size: 100%;
}

#directionControls #pickMode {
  padding: 8px 0 0 25px;
}

#directionControls #pickMode .btn {
  padding: 4px 8px !important;
}

#directionControlsDetail {
  position: fixed;
  background: #fff;
  width: 300px;
  margin: 7px 0 0 0;
  box-shadow: 3px 3px 6px 0 #a9a9a9;
  border-top: 1px solid #f0f0f0;
}

#directionControlsDetail.hidden {
  display: none;
}

#directionControlsDetail .leg .main {
  padding: 10px;
  background: #f0f0f0;
  border-bottom: 1px solid #abacaf;
  border-top: 1px solid #abacaf;
}

#directionControlsDetail .leg .main:hover {
  cursor: zoom-out;
}

#directionControlsDetail .leg .main > .summary {
  font-weight: 800;
  font-size: 1em;
}

#directionControlsDetail .leg .main > .distance {
  font-weight: 800;
  font-size: 1.2em;
  float: right;
  display: inline-block;
}

#directionControlsDetail .leg .steps {
  cursor: pointer;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  transition: max-height 0.8s;
}

#directionControlsDetail.active .leg .steps {
  max-height: 300px;
  overflow-y: auto;
}

#directionControlsDetail .leg .steps ul {
  -webkit-user-select: none;
  padding: 0 !important;
  margin: 0 !important;
}

#directionControlsDetail .leg .step:first-of-type {
  border-top: none;
}

#directionControlsDetail .leg .step {
  list-style-type: none;
  padding: 2px;
  border-top: 1px solid #ccc;
  color: #444;
  box-sizing: border-box;
}

#directionControlsDetail .leg .step:hover {
  background: rgb(255, 255, 231);
}

#directionControlsDetail .leg .step.active,
#directionControlsDetail .leg .step.active:hover {
  background: rgb(240, 240, 174);
}

#directionControlsDetail .leg .step .travel_mode {
  float: left;
  width: 20%;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

#directionControlsDetail .leg .step .travel_mode:before {
  font-family: 'FontAwesome';
  font-size: 20px;
}

#directionControlsDetail .leg .step .travel_mode.DRIVING:before {
  content: '\f1b9';
}

#directionControlsDetail .leg .step .travel_mode.BICYCLING:before {
  content: '\f206';
}

#directionControlsDetail .leg .step .travel_mode.TRANSIT:before {
  content: '\f207';
}

#directionControlsDetail .leg .step .travel_mode.WALKING:before {
  content: '\f183';
}

#directionControlsDetail .leg .step .distance,
#directionControlsDetail .leg .step .duration {
  float: left;
  width: 40%;
  text-align: center;
  height: 40px;
  line-height: 40px;
}

#directionControlsDetail .leg .step .distance {
  font-size: 1.2em;
  font-weight: 600;
}

#directionControlsDetail .leg .step > .instructions {
  color: #777;
  font-size: 0.85em;
  margin: 5px;
  text-align: justify;
}

#directionControlsDetail .leg .step > .instructions > div {
  font-style: italic;
  color: #000;
}

#directionControlsDetail .leg .hidelegs {
  text-align: center;
  padding: 3px 0;

  cursor: pointer;
  background: #f0f0f0;
}

#directionControlsDetail.active .leg .hidelegs {
  border-top: 1px solid #abacaf;
}

#directionControlsDetail .leg .hidelegs .hidedown {
  display: inline;
}

#directionControlsDetail .leg .hidelegs .hideup {
  display: none;
}

#directionControlsDetail.active .leg .hidelegs .hidedown {
  display: none;
}

#directionControlsDetail.active .leg .hidelegs .hideup {
  display: inline;
}

/* elevation */
#elevationView {
  background: #fff;
  padding: 5px;
}

#elevationView {
}

#elevationView2 {
  bottom: 300px !important;
}

.elevationInfo{
  margin-top: 5px;
  display: block;
  width: 100%;
}

#elevationView #linearPointsSlider {
  float: left;
  height: 200px;
  width: 110px;
  overflow: hidden;
  padding: 5px;
}

#elevationView #chartContainer {
  margin-left: 110px;
}

#elevationView #linearPointsSlider input[type='number'] {
  width: 100% !important;
}

#elevationView #chartContainer > .ct-chart {
  height: 200px;
  padding-right: 10px;
}

#elevationView #chartContainer > .ct-chart .ct-point {
  stroke: #444 !important;
}

.elevation_tooltip {
  position: absolute;
  display: inline-block;
  min-width: 5em;
  padding: 0.5em;
  background: #f4c63d;
  color: #453d3f;
  font-weight: 700;
  text-align: center;
  pointer-events: none;
  z-index: 1;
}

/* editable tabs */
.editable_tabs > ul {
  margin-bottom: 0 !important;
}

.editable_tabs > ul li {
  max-width: 150px;
  cursor: pointer;
  margin-left: -1px;
}

.editable_tabs > ul li.active a,
.editable_tabs > ul li.active a:hover {
  background: #e4f1fe !important;
  border-left: 1px solid #ddd;
  margin-left: 1px;
}

.editable_tabs > ul li a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.editable_tabs > .tab-content > .tab-pane {
  padding-top: 0 !important;
}

.editable_tabs .editPanel {
  background: #e4f1fe !important;
  border: 1px solid #ddd;
  border-top: none;
}

.editable_tabs .toggle_edit {
  cursor: pointer;
  text-align: center;
  padding: 2px 0;
}

.editable_tabs .edit_form {
  color: #aaa;
  padding: 5px;
}

.editable_tabs .edit_form .tab_actions {
  width: 120px;
  float: right;
  padding-top: 2px;
}

.editable_tabs .edit_form .tab_name {
  margin-right: 130px;
}

.editable_tabs .edit_form button.disabled {
  opacity: 0.15 !important;
}

/* Adaptative text to textarea */
.fakeInputTextTextarea {
  resize: none;
  height: 34px !important;
  overflow: hidden;
}

.renderedForm > .title {
  background: lightseagreen;
  color: #fff !important;
  padding: 1rem;
}

.renderedForm > .desc {
  padding: 1rem;
  font-style: italic;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
}

.renderedForm .wrapper {
  min-height: 450px;
  position: relative;
}

.renderedForm .tree,
.adminFormRenderPreview .renderedForm .render {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 25%;
  padding: 0.5em;
}

.adminFormRenderPreview .renderedForm .render {
  left: 25%;
  top: 0;
  bottom: 0;
  width: 72.5%;
  overflow: auto;
}

.renderedForm .render.notree {
  left: 5%;
  width: 90%;
}

.map_panel .renderedForm {
  padding: 0 10px;
}

.renderedForm .tree > ul {
  width: 100%;
}

.renderedForm .input-group {
  width: 100%;
}

.renderedForm .render.formtable {
  width: 100% !important;
  left: 0 !important;
}

/* windowConfig : top taskbar with a menu */
.windowMenu {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px !important;
  background: #f0f0f0;
  /*box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);*/
}

.windowMenu .help {
  float: right;
  margin: 6px 10px 0 0;
  cursor: help;
  font-size: 18px;
}

.windowMenu .noSelection + ul .active a {
  background-color: transparent !important;
  color: #000 !important;
}

.windowMenu .noSelection + ul .active a:hover {
  background-color: #eee !important;
}

.windowMenu > ul {
  margin: 0 !important;
  border: 1px solid #aaa;
}

.windowMenu > .btn {
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  background: transparent;
}

/*.windowMenu > .actions{
   position: absolute;
   width: 150px;
   height: 40px;
   top: 10px;
   left: 10px;
    border: 1px solid red;
}
.windowMenu > .actions .btn.select{
   height: 40px;
   width: 45px;
   font-size: 15px;
   color: red;
}
.windowMenu > .actions .btn.help{
   height: 40px;
   width: 25px;
   font-size: 15px;
   padding: 0;
}
.windowMenu > .actions ul.select li a{
   padding: 10px;
   cursor: pointer;
}*/
[bs-select] + ul {
  /*width: 100%;*/
  max-height: 250px;
  overflow-y: auto;
}

.windowMenu .select.dropdown-menu {
  border-radius: 0;
  border-top: none;
}

.windowMenu em {
  float: right;
  margin-left: 10px;
  font-weight: 600;
  color: #888;
}

.windowMenu .fa {
  margin-right: 10px;
}

.windowMenu li.active {
  color: red;
}

/* Config Browser */
.configBrowser .sidetree {
  width: 200px;
  float: left;
  position: absolute;
  top: 0;
  bottom: 0;
  box-shadow: 7px 0 10px -6px rgba(0, 0, 0, 0.15);
  border-right: 1px solid #ccc;
}

.configBrowser .sidetree.applications {
  z-index: 30;
}

.configBrowser .sidetree.types {
  z-index: 20;
  left: 215px;
}

.configBrowser .sidetree ul.nav {
  width: 100%;
  padding: 0;
}

.configBrowser .browsertitle {
  background: #eee;
  padding: 3px;
  text-align: center;
  border-bottom: 1px solid #ccc;
}

.configBrowser .addType {
  border-bottom: 1px solid #ccc;
  padding: 5px;
}

.configBrowser .addType input[type='text'] {
  width: 150px;
}

.configBrowser .addType .btn {
  margin: 5px;
}

.configBrowser .abn-tree {
  height: 450px;
  overflow-y: auto;
  padding: 5px;
  border: none;
}

.configBrowser .name_browser {
  height: 521px;
  margin-left: 400px;
  z-index: 10;
  overflow-y: auto;
  position: relative;
}

.configBrowser.open .name_browser {
  height: 481px;
}

.configBrowser .name_browser th {
  font-size: 11px;
  border-bottom: 1px solid #eee;
  border-top: none;
}

.configBrowser .name_browser .addName {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px 5px 0 5px;
  border-top: 1px solid #ccc;
  background: #eee;
}

.configBrowser .footer {
  border-top: 1px solid #ccc;
  padding: 10px 15px;
}

/* formBuilder */

.formBuilder .section {
  position: absolute;
  top: 77px;
  bottom: 0;
  border-right: 1px solid #abacaf;
  background: #fff;
  /* so it gets under config menu */
  z-index: 1;
}

.formBuilder .section:last-of-type {
  border: none !important;
}

.formBuilder .sectionTitle {
  margin: 0 !important;
  border-bottom: 1px solid #abacaf;
  padding: 1em;
  height: 55px;
}

.formBuilder .sectionBody {
  position: absolute;
  z-index: 1 !important;
  top: 90px;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: auto;
  padding: 0.5rem;
}

.formBuilder .section.tree {
  width: 280px;
}

.formBuilder .section.builder {
  left: 280px;
  width: 55%;
}

.formBuilder .section.components {
  left: calc(55% + 280px);
  width: calc(45% - 280px);
}

.formBuilder.notree .section.tree {
  width: 0px;
}

.formBuilder.notree .section.builder {
  left: 0;
  width: calc(55% + 280px);
}

.formBuilder.nocomponents .section.builder {
  width: 100%;
}

.formBuilder.nocomponents #addtab {
  display: none;
}

.formBuilder .section.builder #addtab {
  float: right;
  padding: 0;
}
.formBuilder .section.builder .addTabsToBranch {
  margin-bottom: 10px;
}

.formBuilder .section.builder #addtab .btn {
  font-size: 12px;
  padding: 3px !important;
  border-radius: 0;
}

.formBuilder .section.tree ul.abn-tree {
  border-right: none;
  width: 100%;
}

/** remove the padding of the unused tab content */
.formBuilder .section.components .tab-content > .active {
  padding: 0 !important;
}

.formBuilder .builderDropZone {
  border: 1px dashed gray;
  min-height: 30px;
  margin-bottom: 15px;
}

.formBuilder #builderPickZone {
  margin: 15px 0 0 100px;
}

.formBuilder #builderPickZone .draggable {
  border: 1px solid #ccc;
  padding: 5px;
  background: #f0f0f0;
  cursor: pointer;
  margin: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.formBuilder #builderPickZone .draggable.used {
  background: #abceed;
  color: #357ebd;
  border-color: #357ebd;
}

.formBuilder #builderPickZone .draggable .gotoField {
  margin-left: 5px;
}

.formBuilder .editFieldButtons {
  margin: 0;
  width: 55px;
  height: 50px;
  float: right;
  position: relative;
}

.formBuilder .editFieldButtons > button {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 20px;
  height: 20px;
}

.formBuilder .builderDropZone .field .editFieldButtons > button.disabled {
  opacity: 0.15 !important;
}

.formBuilder .builderDropZone .field .editFieldButtons > button:first-of-type {
  left: 4px;
  top: 4px;
}

.formBuilder .builderDropZone .field .editFieldButtons > button:nth-of-type(2) {
  left: 4px;
  top: 27px;
}

.formBuilder .builderDropZone .field .editFieldButtons > button:nth-of-type(3) {
  left: 27px;
  top: 4px;
}

.formBuilder .builderDropZone .field .editFieldButtons > button:nth-of-type(4) {
  left: 27px;
  top: 27px;
}

.formBuilder .draggable.dropped {
  display: none;
}

.formBuilder .builderDropZone .field {
  padding: 15px 12px 15px 12px;
  border-top: 1px dashed #abacaf;
  margin-bottom: 0 !important;
  min-height: 70px;
  position: relative;
}
.field.fww-1 {
  float: left;
  width: 50%;
}

.renderedForm .field {
  padding: 10px 15px;
}

.formBuilder .builderDropZone .field:hover {
  background: #f8f8f8;
}

.builderDropZone .field:first-of-type {
  border-top: none;
}

.formBuilder .builderDropZone .field .popover {
  padding: 0;
  min-width: 250px;
  left: inherit !important;
  right: 0.5em !important;
  margin-bottom: 50px;
}

.formBuilder .builderDropZone .field .popover .form-group,
.formBuilder .builderDropZone .field .popover .checkbox {
  padding: 5px 10px;
}

.formBuilder .builderDropZone .field .popover .result,
.formBuilder .builderDropZone .field .popover .functions {
  margin: 0;
  border-top: 5px solid #1abc9c;
  background: #f0f0f0;
  padding: 10px;
}

.formBuilder .builderDropZone .field .popover .result label {
  color: #1abc9c;
}

.formBuilder .builderDropZone .field .popover .functions {
  border-top: 5px solid #674172;
}

.formBuilder .builderDropZone .field .popover .functions .mainlabel {
  color: #674172;
  margin: 0 0 10px 10px;
}

.formBuilder .inputSizePreview {
  padding: 5px;
  margin: 5px auto;
}

.formBuilder .inputSizePreview.default {
  background: url('../img/widget/builder/inputsize1.gif') no-repeat;
  width: 277px;
  height: 50px;
}

.formBuilder .inputSizePreview.textarea {
  background: url('../img/widget/builder/inputsize2.gif') no-repeat;
  width: 295px;
  height: 127px;
}

.formBuilder .inputSizePreview.automatic {
  background: url('../img/widget/builder/inputsize3.gif') no-repeat;
  width: 324px;
  height: 70px;
  margin-top: 15px;
  background-position: -3px -16px;
}

.formBuilder .tree {
  overflow-y: auto;
}

.formBuilder .tree .treeview > li > .tree_element:first-child input[type='text'] {
  border: none;
  font-style: italic;
  background: transparent !important;
  box-shadow: none;
  font-size: 12.5px;
}

.formBranchOptions .cfgLine {
  display: flex;
}
.formBranchOptions .cfgLine input {
  box-shadow: none;
  border-radius: 0;
}

.formBuilder .tree .treeview .hiddenTreeBranch,
.abn-tree .hiddenTreeBranch {
  opacity: 0.5;
}

.formTabRender {
  margin-bottom: 10px;
  border: 1px solid transparent;
}

.renderedForm .hiddenTreeBranch {
  display: none;
}

.formBuilder .editTree {
  margin: 10px 10px 0 0;
}

.formBuilder ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.formBuilder .children_title {
  width: 200px;
  float: left;
}

.formBuilder .children_visibility {
  position: absolute;
  left: 2px;
  margin: 1px 0 0 2px;
  width: 20px;
}
.formBuilder .children_options {
  position: absolute;
  left: 20px;
  margin: 1px 0 0 2px;
  width: 20px;
}

.formBuilder .children_actions {
  width: 60px;
  position: absolute;
  right: 2px;
  margin: 2px 0 0 2px;
}

/** interventions simples **/
/** interventions simples : builder **/
.formBuilder.intervention_simple .sectionBody {
  z-index: 1 !important;
}
.formBuilder.intervention_simple .components.section .sectionBody {
  top: 0;
  position: relative;
  height: 100%;
}
.formBuilder.intervention_simple .components.section .sectionBody [model-component] {
  display: none;
}
.formBuilder.intervention_simple #builderPickZone {
  margin: 0 0 0 100px;
  max-height: 600px;
}
.formBuilder.intervention_simple .components.section .sectionBody [form-component] > .nav-fixed {
  margin: -10px -5px;
}
.formBuilder.intervention_simple .components.section .sectionBody [form-component] > .nav-fixed > ul {
  margin: 0;
}
.formBuilder.intervention_simple .its_buttons {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
}
.formBuilder .its_button {
  cursor: pointer;
  margin: 5px;
  padding: 5px;
}
.formBuilder .its_select_fti {
  background: #97b6ec;
  color: #fff;
  padding: 5px 10px;
  height: 46px;
  display: inline-block;
  margin: 10px;
}
.formBuilder .its_select_fti label {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
}
.formBuilder .its_select_fti [model-component] {
  display: inline-block;
  min-width: 250px;
  margin-left: 10px;
}

.formBuilder .its_button:hover {
  color: #428bca;
}
.formBuilder .its_button.active {
  color: #428bca;
}

.formBuilder .htmlEditorPopup {
  width: 600px !important;
  max-width: 600px !important;
}
.formBuilder .ta-editor {
  margin-top: 10px;
}
.formBuilder .currentFormname {
  display: inline-block;
  font-weight: 600;
  padding: 0 5px 0 15px;
  position: relative;
}
.formBuilder .currentFormname .formIsDirty {
  display: inline-block;
  padding: 5px;
  background: orange;
  font-size: 12px;
  position: relative;
  top: -2.5px;
  margin-left: 10px;
  transform: scale(1);
  animation: pulse-orange 1s infinite;
  border-radius: 3px;
}

@keyframes pulse-orange {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 121, 63, 0.7);
  }

  70% {
    box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);
  }
}

[html-element] img {
  max-width: 100%;
}

.its_onglet > .title {
  color: #e20060;
  font-size: 16px;
  padding: 10px;
  font-weight: 600;
  display: none;
}

.its_onglet .subpart {
  box-shadow: 3px 7px 10px -6px rgba(0, 0, 0, 0.05);
  padding: 10px;
  margin: 0;
}
.its_onglet .subpart.filtres {
  box-shadow: none;
}
.its_onglet .subpart .list-group-item {
  border: none;
}
.its_onglet .subpart > .title {
  color: #e20060;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 0 10px 0;
}
.its_onglet .buttons {
  margin-right: 20px;
  display: flex;
  padding: 10px 10px 0;
}
.its_onglet .bottomButtons {
  justify-content: space-between;
  position: relative;
}
.floatLeft > div {
  float: left;
}
.its_onglet .subpart .buttons .btn {
  margin-left: 10px;
}
.its_onglet .subpart > .actions {
  padding: 10px;
  margin: 10px 0;
  min-height: 60px;
}
.its_onglet .subpart .selectAction {
  width: calc(100% - 80px);
}

.its_onglet.recherche .filtres {
  min-height: 100px;
  margin-bottom: 100px;
}
.its_onglet.recherche .selection {
  min-height: 120px;
}

.its_onglet_ihm {
  left: 0;
  top: 10px;
  bottom: 0;
}
.its_onglet_ihm.left {
  width: 120px;
  float: left;
}
.its_onglet_ihm.right {
  left: 120px;
  right: 0;
  overflow: visible;
  margin-left: 120px;
}
.its_onglet_ihm.leftBig {
  width: 240px;
  padding: 10px 15px;
}
.its_onglet_ihm.rightBig {
  left: 240px;
  right: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 570px;
  height: 440px;
}
.width66{
  width: 66%;
}

.is_minifier {
  position: absolute;
  right: 40px;
  top: 10px;
  width: 25px;
  height: 25px;
  background: #fff;
  cursor: pointer;
  border: 1px solid #ccc;
}
.is_minifier:before {
  background: 0 0;
  color: #bbb;
  content: '\2212';
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  position: absolute;
  right: 0px;
  text-align: center;
  top: -1px;
  right: -1px;
  width: 25px;
  height: 25px;
}
.is_minifier:hover:before {
  color: #444;
}
.is_minifier:active:before {
  box-shadow: 2px 2px 9px 1px rgba(0, 0, 0, 0.3) inset;
}

/** interventions simples : render **/
.action-element {
  padding: 15px;
}
.action-element .action-control {
  padding: 5px;
  width: 270px;
}
.action-element .action-button {
  height: 32px;
}
.action-element .action-select {
  float: left;
  margin-right: 5px;
}
.renderedForm .mayBeHidden {
  display: none;
}
.renderedForm .its_onglet {
  position: relative;
  margin: -15px;
}
.renderedForm .its_buttons {
  position: absolute;
  right: 110px;
  top: 0;
  display: flex;
}
.renderedForm .its_button.xdisabled {
  opacity: 0.5;
  cursor: default;
}
.renderedForm .its_button {
  padding: 12px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
}
.renderedForm .its_button:not(.disabled):hover {
  background: #7094d4;
}
.renderedForm .its_button.active {
  background: #7094d4;
}
.renderedForm .elasticrule .attributeSelector {
  max-width: 250px;
}
.renderedForm .render.intervention_simple {
  left: 0px;
  width: 100%;
}

.renderedForm .render.intervention_simple .its_onglet {
  margin: 0 0 50px;
}

.renderedForm .render.intervention_simple .nav-stacked{
  float: none;
}

.renderedForm .render.intervention_simple .nav-fixed {
  position: relative;
}

.renderedForm .render.intervention_simple .mapConfigBar {
  display: none;
}

.renderedForm.intervention_simple .wrapper {
  min-height: inherit;
}
.renderedForm.intervention_simple .wrapper .its_onglet.edition .subpart.selection .objetCible {
  min-height: 450px;
}
.renderedForm.intervention_simple .edition .nav-tabs {
  display: flow-root;
}

.ngdialog-minimified .ngdialog-content {
  width: 200px !important;
  height: 40px !important;
  transition: width 0.5s linear;
}

.ngdialog-minimified .formRenderMainWrapper {
  display: none;
}
.ngdialog-minimified .modalTitle {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px !important;
  background: #5744b3;
  transition: background 0.5s linear;
}

/** formBuilderEvents **/
.formBuilderEvents {
  font-size: 13px;
}

.formBuilderEvents .eventType {
  padding: 8px 8px 8px 35px;
  background: #f0f0f0;
  border-bottom: 1px solid #ccc;
  margin: -8px -8px 0 -8px;
}

.formBuilderEvents .eventType:before {
  content: '\f0a1';
  font-family: 'FontAwesome';
  color: teal;
  font-size: 15px;
  position: absolute;
  margin: 8px 0 0 -25px;
}

.formBuilderEvents .eventType button {
  border-radius: 0 !important;
}

.formBuilderEvents .formBuilderFunctionsPreview .mainlabel {
  visibility: hidden;
}

/** formBuilderFunctionsPreview **/
.formBuilderFunctionsPreview .editBtn {
  border-radius: 0;
  padding: 5px;
  margin-top: -3px;
  display: block;
}

.formBuilderFunctionsPreview .cfg {
}

.formBuilderFunctionsPreview .cfg .function {
  position: relative;
  padding-top: 35px;
}

.formBuilderFunctionsPreview .cfg .function .name {
  height: 32px;
  font-weight: 600;
  padding: 8px 8px 28px 8px;
  background: #674172;
  color: #fff;
  box-shadow: 0 7px 10px -6px rgba(0, 0, 0, 0.35);
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  /*border-bottom: 3px solid #2c3e50;*/
}

.formBuilderFunctionsPreview .cfg .function .name .btn {
  border-radius: 0;
  background: transparent;
  color: #fff;
  border: none;
}

.formBuilderFunctionsPreview .cfg .function .parameter {
  background: #fff;
  padding: 5px;
  margin: 0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.formBuilderFunctionsPreview .cfg .function .parameter:before {
  content: '\f02b';
  font-family: 'FontAwesome';
  color: #aaaaaa;
  margin-right: 5px;
}

.formBuilderFunctionsPreview .none {
  text-align: center;
}

/** gcFunctionsBrowser **/
#gcFunctionsBrowser {
  /*margin: -10px;*/
  height: 100%;
}

#gcFunctionsBrowser .modalTitle {
  background: #674172;
}

#gcFunctionsBrowser .actionsBtns {
  /*margin: -10px;*/
  position: absolute;
  top: 5px;
  right: 5px;
}

#gcFunctionsBrowser .actionsBtns > .btn {
  /*margin: -10px;*/
  border-radius: 0;
  padding: 4px 6px;
  margin: 2px 2px 2px 0;
  font-size: 14px;
}

#gcFunctionsBrowser.unfoldedFunctionPicker:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 30;
  opacity: 0.5;
}

#gcFunctionsBrowser #mainEditor {
  bottom: 0;
  position: absolute;
  right: 0;
  top: 44px;
  left: 0;
  padding: 5px;
}

#gcFunctionsBrowser #mainEditor #currentFunctions {
  padding: 0;
}

#gcFunctionsBrowser #mainEditor #currentFunctions ul {
  list-style-type: none;
  padding: 5px 0;
}

#gcFunctionsBrowser #mainEditor #currentFunctions li {
  padding: 5px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}

#gcFunctionsBrowser #mainEditor #currentFunctions li.active {
  background: #674172;
  color: #fff;
}

#gcFunctionsBrowser #functionEditor {
  height: 100%;
  padding: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}

#gcFunctionsBrowser #functionsPicker {
  position: absolute;
  bottom: calc(-80%);
  left: 0;
  right: 0;
  height: 80%;
  background: #fff;
  padding: 10px 5px;
  border-top: 3px solid #674172;
  transition: bottom 0.5s ease-in-out;
  z-index: 50;
}

#gcFunctionsBrowser.unfoldedFunctionPicker #functionsPicker {
  bottom: 0;
}

#gcFunctionsBrowser #functionsPicker .treeWrapper {
  height: 100%;
  width: 250px;
  float: left;
}

#gcFunctionsBrowser #functionsPicker .treeWrapper .functiontree {
  overflow-y: auto;
  height: 100%;
}

#gcFunctionsBrowser .functionDescription {
  height: 100%;
}

#gcFunctionsBrowser .functionDescription .genericParam {
  margin-bottom: 10px;
}

#gcFunctionsBrowser #functionsPicker .functionDescription {
  margin-left: 255px;
  padding: 10px;
  overflow-y: auto;
}

#gcFunctionsBrowser .functionDescription h2 {
  margin-bottom: 15px;
  margin-top: 0;
}

#gcFunctionsBrowser .functionDescription .funclabel {
  font-size: 13px;
}

#gcFunctionsBrowser .functionDescription .funclabel em {
  color: darkslateblue;
  font-weight: 600;
}

#gcFunctionsBrowser .handle {
  position: absolute;
  padding: 3px 10px;
  left: 5px;
  height: 27px;
  margin-top: -40px;
  cursor: pointer;
  background: #674172;
  color: #fff;
  font-size: 12px;
}

#gcFunctionsBrowser .functiontree {
  float: none;
}

#gcFunctionsBrowser .mini_form_variables {
}

#gcFunctionsBrowser .mini_form_variables .mainlabel {
  display: none;
}

#gcFunctionsBrowser .mini_form_variables .picker {
  float: left;
  margin: -5px 0 5px 0;
  font-size: 20px;
}

#gcFunctionsBrowser .mini_form_variables select {
  width: 200px;
  float: right;
  margin: -5px 5px 5px 0;
}

#gcFunctionsBrowser .checkboxContainer .form-control-checkbox {
  border: none;
  box-shadow: none;
  width: 40px;
  height: 20px;
}

/** gc datatable **/
.gcDatatableCrud {
  padding-bottom: 5px;
  min-height: 60px;
}

.gcDatatable .addLine {
  text-align: center;
  cursor: pointer;
  color: #777;
}

.gcDatatable .sort {
  cursor: pointer;
}

.gcDatatable .totalNumber {
  position: relative;
  top: 25px;
  background-color: #d9edf7;
  padding: 5px;
}
.gcDatatable .totalSelectedElementsNumber {
  position: relative;
  top: 25px;
  background-color: #a0dbf9;
  padding: 5px;
}
.gcDatatable .totalNumberMobile {
  position: relative;
  top: 20px;
  left: 10px;
  background-color: #d9edf7;
  padding: 5px;
}
.gcDatatable .fti-alias {
  position: relative;
  display: inline-flex;
  top: 25px;
  padding: 5px;
}
.gcDatatable .sort_asc {
  color: red;
}
.gcDatatable .sort_asc:after {
  position: relative;
  top: 16px;
  left: -25px;
  content: '\25b2';
}

.gcDatatable .sort_desc:after {
  position: relative;
  top: 16px;
  left: -25px;
  content: '\25bc';
}

.gcDatatable .toggleCaseSensitiveRequest,
.editList .toggleCaseSensitiveRequest {
  margin-top: 0;
  padding: 0 0 0 15px;
  font-size: 12px;
  font-weight: 100;
  line-height: 20px;
  position: relative;
  top: 4px;
  max-width: 140px;
  margin: 0 auto;
  border-radius: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.gcDatatable .multiSelectFilterBtn {
  line-height: 1.5;
}

.editList .toggleCaseSensitiveRequest input[type='checkbox'] {
  position: absolute;
  left: 5px;
}

.gcDatatable .addLine:hover {
  color: #000;
}

.gcDatatable div.actions {
  /* margin: 5px 0 0 15px; */
}

.gcDatatable div.actions.inline,
.gcDatatable div.actions.inline > div {
  display: inline;
}

.gcDatatable div.actions.inline > div {
  margin-right: 5px;
}

.gcDatatable .filterRestHelper {
  position: absolute;
  top: -22px;
  right: 10px;
}
.gcDatatable attribute-restrictions.filterRestHelper {
  width: min-content;
}
.gcDatatable .filterRestHelperSelect {
  position: absolute !important;
  top: -22px;
  right: 36px;
  width: 100px !important;
}
/* [DATATABLE] Conteneur des boutons d'action de ligne et checkbox */
.gcDatatable .default_actions{
  width: max-content
}
/* [DATATABLE] Conteneur des boutons d'action de ligne
 - La classe "datatable-line-buttons-aligned" devrait tjs être appliquée avec la classe "default_actions" */
.gcDatatable .default_actions.datatable-line-buttons-aligned .actions{
  margin-left: 0.5em;
}
/* [DATATABLE] Input de sélection d'une ligne - Respect de l'alignement vertical */
.gcDatatable .default_actions.datatable-line-buttons-aligned input.selectLine{
  margin-top: 0;
}
/* [DATATABLE] Conteneur des boutons d'action de ligne supplémentaires
 - La classe "datatable-line-buttons-aligned" devrait tjs être appliquée avec la classe "actions" */
.gcDatatable .default_actions.datatable-line-buttons-aligned,
.gcDatatable .default_actions.datatable-line-buttons-aligned .actions{
  display: flex;
  align-items: center;
}

/** gc datatable cfg **/
.gcDatatableCfg {
}

.gcDatatableCfg .selectSource {
  border: 1px solid #ccc;
  background: #e7f6ea;
  margin: 15px 0;
  padding: 5px;
  box-shadow: 0px 7px 10px -6px rgba(0, 0, 0, 0.25);
}

.gcDatatableCfg .selectSource .form-group {
  background: #e7f6ea !important;
  border: none !important;
}

.gcDatatableCfg .selectSource .ftipicker button {
  width: 100%;
}

/** icon_picker **/
.icon_picker {
  position: relative;
}
.icon_picker .iconsFilterValue {
  height: 35px;
  position: absolute;
  left: 0;
  right: 0;
}
.icon_picker .iconsFilterValue > input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  padding: 5px;
}

.icon_picker .icon {
  padding: 5px;
  color: #888;
}

.icon_picker .icons {
  max-height: 200px;
  padding-top: 35px;
  overflow-y: auto;
  margin-bottom: 10px;
}

.icon_picker:not(.disabled) .icon:hover {
  color: #000;
  cursor: pointer;
}

.icon_picker .icon.picked,
.icon_picker .icon.picked:hover {
  background: #428bca;
  color: #fff;
}

.dict-container {
  width: 350px;
}

.dict-container-content {
  width: 340px;
}

.dict-header {
  font-size: 12px;
  font-weight: bold;
}

.dict-list-item {
  padding: 8px 15px;
}

.dict-resume-ul {
  padding-left: 20px;
}

.dict-resume-li {
  font-size: 11px;
}

/* Barre vertical pour indiquer le type de DICT */
.dict-bar {
  margin-left: auto;
  margin-right: 0;
  width: 6px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
/* Couleur pour la barre verticale d'une DICT "CONCERNE" */
.dict-concerned-bar {
  background-color: #5cb85c;
}
/* Couleur pour la barre verticale d'une DICT "NON CONCERNE" */
.dict-not-concerned-bar {
  background-color: #4d88ff;
}
/* Couleur pour la barre verticale d'une DICT "CONCERNE" */
.dict-concerned-line {
  background-color: #9cf89c;
}
/* Couleur pour la barre verticale d'une DICT "NON CONCERNE" */
.dict-not-concerned-line {
  background-color: #9dc8ff;
}

/* DICT, pour la liste des rapport:
   On ne veut pas limiter la largeur du dropdown-menu pour éviter
   que le texte ne sorte de la poup. Toutefois, dans notre cas
   si le texte est vraiment, il peut être clippé par le conteneur
   qui est le widget dans le menu de gauche. */
.dict-toolbar .dropdown-menu{
  width: auto;
}


/* START custom inclusion of left navs */

.pills-left > .nav-pills {
  border-bottom: 0;
}

.pill-content > .pill-pane {
  display: none;
}

.pill-content > .active {
  display: block;
}

.pills-left > .nav-pills > li {
  float: none;
}

.pills-left > .nav-pills {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.pills-left > .nav-pills > li > a {
  max-width: 50px;
  min-height: 100px;
  padding: 37px 10px;
  margin-right: 0;
  margin-bottom: 3px;
  font-weight: bold;
  font-size: 23px;
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.pills-left > .nav-pills > li > a:hover,
.pills-left > .nav-pills > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.pills-left > .nav-pills .active > a,
.pills-left > .nav-pills .active > a:hover,
.pills-left > .nav-pills .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  border-right-color: #ffffff;
}

/* END custom inclusion of left navs */
.dict-table {
  margin: 15px;
}

.dict-table-config{
  position: absolute;
  left: 90px;
  top:-10px;
}

.dictColumnConfigTable {
  border: 1px solid rgb(140, 140, 140);
  height: 400px;
  overflow: auto;
  display: block;
}
.dictColumnConfigTable thead {
  background-color: rgb(210, 210, 250);
  position: sticky;
  top: 0;
  width: 100%;
}
.dictColumnConfigTable tr td:nth-child(2){
  width: 100%;
}
/* .dictColumnConfigTable th {
  position: sticky;
  top: 0;
} */
.dictColumnConfigTable tbody tr:nth-of-type(even) {
  background-color: rgb(237, 238, 242);
}
.dictColumnConfigTable th, td {
  padding: 5px 10px;
}
.dictColumnConfigDiv {
  padding-left: 15px;
  padding-top: 15px;
  padding-right: 15px;
}

.dict-table select {
  min-width: 330px;
  margin-top: 5px;
}

.dict-toReceive {
  background-color: #f0ad4e;
}

.dict-toTreat {
  background-color: #5cb85c;
}

.dict-toValidate {
  background-color: #5bc0de;
}

.dict-toSend {
  background-color: #ad7c59;
}

.dict-incomplete {
  background-color: #ffd27f;
}

.dict-toResend {
  background-color: #7f7fff;
}

.dict-toProcessManually {
  background-color: #37754f;
}

.dict-Sent {
  background-color: #5bc0de;
}

.btn-to-receiveall {
  background: #f0ad4e !important;
  border: 1px solid #fdbc5f !important;
  color: #fff;
}

.btn-to-order {
  background: #428bca !important;
  border: 1px solid #357ebd !important;
  color: #fff;
}

.dict-toReceive-as > a {
  color: #f0ad4e;
}

.dict-toReceive-as.active > a {
  background-color: #f0ad4e !important;
}

.dict-toTreat-as > a {
  width: 100px;
  color: #5cb85c;
}

li.dict-toTreat-as.active > a {
  width: 100px;
  background-color: #5cb85c !important;
}

.dict-No-Concerned > a {
  color: #4d88ff;
}

.dict-No-Concerned.active > a {
  background-color: #4d88ff !important;
}

.dict-To-Validate > a {
  color: #5bc0de;
}

.dict-To-Validate.active > a {
  background-color: #5bc0de !important;
}

.dict-Incomplete > a {
  color: #ffd27f;
}

.dict-Incomplete.active > a {
  background-color: #ffae19 !important;
}

.dict-To-Send > a {
  color: #ad7c59;
}

.dict-To-Send.active > a {
  background-color: #96572a !important;
}

.dict-To-Resend > a {
  color: #7f7fff;
}

.dict-To-Resend.active > a {
  background-color: #4c4cff !important;
}
.dict-docs-list {
  max-height: 650px;
  overflow-x: hidden;
}

a.dict-A_RECEPTIONNER-item {
  background-color: #f9dfba;
  color: #df8a13;
}

a.dict-A_RECEPTIONNER-item > h4 {
  color: #df8a13 !important;
}

a.dict-A_RECEPTIONNER-item:hover,
a.dict-A_RECEPTIONNER-item:focus {
  background-color: #f7d4a3;
  color: #df8a13;
}

.dict-to-receive-btn {
  color: #c87b11;
  text-decoration: underline;
}

.dict-to-receive-btn.active,
.dict-to-receive-btn:hover,
.dict-to-receive-btn:focus {
  color: #dfbd13;
  text-decoration: underline;
}

a.dict-A_RECEPTIONNER-item.active,
a.dict-A_RECEPTIONNER-item.active:hover,
a.dict-A_RECEPTIONNER-item.active:focus {
  background-color: #f5c98b;
  color: #df8a13;
  border-color: #4b2f07;
}

a.dict-A_TRAITER-item {
  background-color: #dff0d8;
  color: #3c763d;
}

a.dict-A_TRAITER-item > h4 {
  color: #3c763d !important;
}

a.dict-A_TRAITER-item:hover,
a.dict-A_TRAITER-item:focus {
  background-color: #d0e9c6;
  color: #3c763d;
}

a.dict-A_TRAITER-item.active,
a.dict-A_TRAITER-item.active:hover,
a.dict-A_TRAITER-item.active:focus {
  background-color: #b2dba1;
  color: #3c763d;
  border-color: #335a23;
}

a.dict-NO_CONCERNED-item {
  background-color: #ccddff;
}

a.dict-NO_CONCERNED-item:hover,
a.dict-NO_CONCERNED-item:focus {
  background-color: #b3ccff;
}

a.dict-NO_CONCERNED-item.active,
a.dict-NO_CONCERNED-item.active:hover,
a.dict-NO_CONCERNED-item.active:focus {
  background-color: #80aaff;
  border-color: #334466;
}

a.TO_VALIDATE_ITEM {
  background-color: #cdecf5;
}

a.TO_VALIDATE_ITEM:hover,
a.dict-TO_VALIDATE_ITEM:focus {
  background-color: #addfee;
}

a.TO_VALIDATE_ITEM.active,
a.TO_VALIDATE_ITEM.active:hover,
a.TO_VALIDATE_ITEM.active:focus {
  background-color: #9cd9eb;
  border-color: #3e565e;
}

a.TO_SEND_ITEM {
  background-color: #d5bba9;
}

a.TO_SEND_ITEM:hover,
a.dict-TO_SEND_ITEM:focus {
  background-color: #c09a7f;
}

a.TO_SEND_ITEM.active,
a.TO_SEND_ITEM.active:hover,
a.TO_SEND_ITEM.active:focus {
  background-color: #ab7854;
  border-color: #9fe855;
}

a.dict-DRAFT_RESPONSE_SENT-item {
  background-color: #d9edf7;
  color: #31708f;
}

a.dict-DRAFT_RESPONSE_SENT-item > h4 {
  color: #31708f !important;
}

a.dict-DRAFT_RESPONSE_SENT-item:hover,
a.dict-DRAFT_RESPONSE_SENT-item:focus {
  background-color: #c4e3f3;
  color: #31708f;
}

a.dict-DRAFT_RESPONSE_SENT-item.active,
a.dict-DRAFT_RESPONSE_SENT-item.active:hover,
a.dict-DRAFT_RESPONSE_SENT-item.active:focus {
  background-color: #9acfea;
  color: #31708f;
  border-color: #14455e;
}

.dict-doc-button {
  float: right;
}

.draft-item-new {
  background-color: #d5ff80;
}

a.dict-draft-item {
  background-color: #d9edf7;
  color: #31708f;
}

a.dict-draft-item > h4 {
  color: #31708f !important;
}

a.dict-draft-item:hover,
a.dict-draft-item:focus {
  background-color: #c4e3f3;
  color: #31708f;
}

.dict-drafts-list {
  height: 200px;
  overflow-x: hidden;
}

.dict-running {
  font-size: x-small;
  vertical-align: text-bottom;
  padding-left: 5px;
}

.dict-waiting-zone {
  padding-bottom: 10px;
}

.draft-details {
  width: 98%;
}

.draft-item-btn:disabled {
  color: grey;
}

.ANC {
  width: 600px;
  height: 600px;
  overflow: auto;
}

.ANC .bs-example {
  margin: 20px;
}

.ANC div.colonnegauche {
  float: left;
  width: 65%;
}

.ANC div.colonnedroite {
  float: right;
  width: 30%;
}

.ANC div.colonne1 {
  float: left;
  width: 25%;
}

.ANC div.colonne2 {
  float: left;
  width: 25%;
}

.ANC div.colonne3 {
  float: right;
  width: 30%;
}

.ANC h4,
.ANC h3 {
  color: #3366ff !important;
}

.ANC h5,
.ANC h6 {
  color: orange;
  font-weight: bold;
}

/**
    UTILITIES
**/
/* gcdataDatatable */
.gcdataDatatable {
  min-width: 500px;
  min-height: 250px;
  overflow: auto;
}

.gcdataDatatable .selectLine {
  position: relative;
  top: 3px;
  margin: 2px 3px 0 5px;
}

.gcdataDatatable .default_actions button {
  width: 23px;
}

.gcdataDatatable .actions {
  display: inline-block;
  border-left: 3px solid #ccc;
  padding-left: 5px;
}

.input-group .formField {
  margin-top: 9px;
}

/* gcdatasearch */
.gcdatasearch.editable {
  margin-right: 100px;
}

.gcdatasearch .cfgfield .input-group {
  width: 100%;
}

.gcdatasearch .searchField {
  margin-right: 25px;
}

.gcdatasearch .ftipicker button {
  width: 100px !important;
}

.gcdatasearch .attributenamepicker button {
  width: 100px !important;
}

.gcdatasearch .delete {
  margin: 15px 3px 0 5px;
}

.gcdatasearch .searchField .formField .input-group {
  width: 100%;
  margin-bottom: 0 !important;
}

/*.gcdatasearch .input-group{
    width: 100%;
    margin-bottom: 0 !important;
}*/

.tabledata {
  max-width: 500px;
  width: 300px;
}

.about-top {
  text-align: left;
}

textarea.about-top {
  border: none;
  resize: none;
  background-color: transparent;
}

.about-bottom {
  font-weight: bold;
  border: none;
  resize: none;
  background-color: transparent;
}

textarea.about-edit-config {
  resize: none;
}

label.about-edit-config {
  font-size: x-small;
  width: 100px;
}

.toolbar-aws-item {
  width: 20px;
}

/* ALTERNATIVE */

@font-face {
  font-family: 'opensans';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/opensans/OpenSans-Regular.ttf');
}

* {
  font-family: 'opensans', sans-serif;
}

.jsoneditor-outer * {
  /* font-family should be 'monospace' to avoid alignement issues */
  font-family: monospace !important;
}

.jsonEditorHeight {
  height: 600px;
}

body.map .sldLightEditor .modalBody {
  /* 100 percent of viewport minus 80px the headers and 20px outside popup*/
  max-height: calc(100vh - 100px);
  overflow-x: hidden;
  overflow-y: auto;
}

body:not(.admin):not(.siroco) #xgos_main {
  margin-left: 0;
  width: 100%;
}

body:not(.map) .aside,
body:not(.map) .mapLeftMenu {
  display: none !important;
}

body:not(.admin) #xgos_side {
  left: -500px;
  display: none !important;
}

#xgos_nav .navbar-nav > li:not(.open) > a:hover {
  color: #000 !important;
}

.xgos_side {
  background: #4c4a49;
  box-shadow: inset -10px 1px 9px -7px rgba(0, 0, 0, 0.35);
  transition: left 0.75s linear;
}

.xgos_side a {
  color: #cbcccd !important;
  background: transparent !important;
}

.xgos_side a .fa {
  margin-right: 5px;
}

.xgos_side .category a {
  text-transform: uppercase;
  font-size: 11.5px;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 10px;
}

.xgos_side .sub a {
  background: #454241 !important;
  /* box-shadow: inset -10px 1px 9px -6px rgba(0, 0, 0, 0.35); */
  padding-left: 15px;
  transition: padding 250ms linear;
  border-left: 2.5px solid transparent;
  transition: border-color 250ms linear;
}

.xgos_side .sub .disabledLink,
.xgos_side .sub .disabledLink:hover {
  color: rgba(255, 255, 255, 0.3) !important;
  font-style: italic;
}

.xgos_side .sub a:hover {
  color: #fff !important;
}

.xgos_side .selectable > a:hover {
  border-left: 5px solid #4d6aa3;
}

.xgos_side .selectable.active > a {
  /*background: #fff !important;*/
  /*color: #000 !important;*/
  border-left: 5px solid #4d6aa3;
  color: #3498db;
}

.xgos_side .sub a .fa {
  transition: color 250ms linear;
}

.xgos_side .selectable.active a .fa {
  color: #3498db;
}

.xgos_side li.active:not(.group) > a {
  background: #fff;
  color: #444;
}

.xgos_side ul .group.active a,
.xgos_side ul .group.active a:hover {
  color: #000;
  background: transparent;
}

.xgos_side .caret {
  display: none !important;
}

.mapLeftMenu .first {
  position: fixed;
  left: -100px;
  top: 0px;
  width: 50px;
  bottom: 0;
  background: #fff;
  z-index: 1011;
  color: #999;
  background: url('../img/logo_k.png') no-repeat center calc(100% - 20px) #fff;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.15);
  transition: left 1s ease-in-out;
}

.mapLeftMenu .first.displayFirstLevel {
  left: 0px;
}

.mapLeftMenu .first {
  z-index: 100;
}

.mapLeftMenu .first .tools-wrapper {
  max-height: calc(100vh - 270px);
  overflow: hidden;
}

.mapLeftMenu .first .toolbarscroll {
  text-align: center;
  font-size: 11px;
  color: rgb(153, 153, 153);
  cursor: pointer;

}
.mapLeftMenu .first .toolbarscroll.top {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-top: 1px;
  border-bottom: none;
}
.mapLeftMenu .first .toolbarscroll.bottom {
  position: relative;
  top: -30px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-bottom: 1px;
  border-top: none;
}

.mapLeftMenu .first .toolbarscroll:hover i,
.gcverticaltoolbar_wrapper .toolbarscroll:hover i {
  color: #f1005f;
}

.mapLeftMenu .first .bottom-tools {
  background-color: inherit;
}

.mapMenuWrapper {
  z-index: 101;
}

body.map #map {
  top: 0;
}

.mapLeftMenu .icon {
  width: 50px;
  height: 40px;
  margin-bottom: 5px;
  text-align: center;
  padding: 15px;
  cursor: pointer;
}

.mapLeftMenu .navitem.firstlevel {
  opacity: 0.8;
}
.mapLeftMenu .navitem.picked {
  opacity: 1;
}
.mapLeftMenu .navitem.picked > i,
.mapLeftMenu .navitem.picked .toolTitle,
.mapLeftMenu .special_tools > .stool.picked {
  color: #f1005f;
}

.mapLeftMenu .navitem:hover > i,
.mapLeftMenu .navitem:hover .toolTitle {
  color: #f1005f;
}
.mapLeftMenu .icon .fa {
  font-size: 22px;
}

.mapLeftMenu .special_tools {
  width: 50px;
  position: absolute;
  bottom: 80px;
  text-align: center;
  font-size: 17px;
  background-color: inherit;
  cursor: pointer;
}
.mapLeftMenu .special_tools > .stool {
  margin-top: 10px;
  cursor: pointer;
}

.mapLeftMenu .special_tools > .stool.logo {
  display: none;
}
.mapLeftMenu .special_tools > .stool > .fa {
  font-size: 20px;
}
.mapLeftMenu .special_tools > .stool > .fa-home {
  font-size: 24px;
}

.mapLeftMenu .user_thumbnail img {
  width: 28px;
  border-radius: 50%;
}
.mapLeftMenu .specialTools .userLogout {
  text-align: right;
  padding: 10px;
}
.mapLeftMenu .mapMenuWrapper .content {
  height: 100%;
  overflow: auto;
}

.mapLeftMenu .specialTools .userPic img {
  display: block;
  border-radius: 100%;
  margin: 60px auto 30px;
  width: 150px;
}

.mapLeftMenu .specialTools .userBio {
  text-align: center;
}
.laFontDeQualitay {
  font-family: 'Dosis', sans-serif !important;
}
.mapLeftMenu .specialTools .userBio .name {
  font-weight: 600;
  font-size: 1.5em;
  color: #eb2669;
}
.mapLeftMenu .specialTools .userCfg {
  margin: 40px 20px;
  padding: 30px 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.mapLeftMenu .specialTools .userQrCode h5 {
  text-align: center;
}
.mapLeftMenu .specialTools .userQrCode img {
  width: 180px;
  display: block;
  margin: 20px auto;
}
.mapLeftMenu .specialTools .userRolesGroups {
  margin: 30px 20px;
  display: flex;
}

.mapLeftMenu .version {
  color: #f1005f;
  position: absolute;
  bottom: 5px;
  font-weight: 600;
  text-align: center;
  font-size: 11px;
  width: 50px;
  left: 0;
  height: 70px;
  line-height: 120px;
  cursor: pointer;
}

.mapLeftMenu .hero {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 220px;
  background: #ffce54;
  background: linear-gradient(100deg, #24a4ea, #379deb 25%, #b76bf0);
}
.mapLeftMenu .hero .w {
  position: absolute;
  top: 100%;
  left: -25vw;
  right: 0px;
  background: url(https://i.koya.io/whitewave2.svg);
  background-position: center;
}
.mapLeftMenu .hero .wave {
  height: 200px;
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
}
.mapLeftMenu .hero .wave2 {
  height: 240px;
  -webkit-transform: translateY(-80px);
  transform: translateY(-80px);
  background-size: 960px 240px;
  opacity: 0.5;
  left: -80vw;
  right: -5vw;
}
.mapLeftMenu .hero .wave3 {
  height: 220px;
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  background-size: 880px 220px;
  opacity: 0.33;
  left: 0vw;
  right: -20vw;
}
.mapLeftMenu .hero .wave4 {
  height: 280px;
  -webkit-transform: translateY(-160px);
  transform: translateY(-160px);
  background-size: 1120px 280px;
  opacity: 0.1;
  left: 0vw;
  right: -40vw;
}

.mapLeftMenu .calendarV2 {
  padding: 50px 20px 0;
}
.mapLeftMenu .calendarV2 .fc-toolbar h2 {
  color: #fff;
}
.mapLeftMenu .calendarV2 td,
.mapLeftMenu .calendarV2 th {
  border: none;
}
.mapLeftMenu .calendarV2 th {
  color: #fff;
  padding: 15px 0;
}
.mapLeftMenu .calendarV2 .fc-view-container td {
  background: transparent;
}
.mapLeftMenu .calendarV2 .currentEvent {
  height: 300px;
  width: 85%;
  margin: 25px auto;
}
.mapLeftMenu .calendarV2 .currentEvent .time {
  display: flex;
  padding-bottom: 10px;
}

.mapLeftMenu .calendarV2 .currentEvent .time .day {
  font-size: 47px;
  width: 40%;
  text-align: right;
  padding: 0 20px 0 0;
}
.mapLeftMenu .calendarV2 .currentEvent .time .month {
  font-size: 13px;
  margin-top: 8px;
}
.mapLeftMenu .calendarV2 .currentEvent .time .horaire {
  font-size: 22px;
}

.mapLeftMenu .calendarV2 .currentEvent .title {
  font-size: 2em;
  color: #eb2669;
  padding: 0 0 10px 0;
}

.mapLeftMenu .calendarV2 .currentEvent .lies {
  display: flex;
  padding-top: 30px;
}
.mapLeftMenu .calendarV2 .currentEvent .users {
  display: flex;
}
.mapLeftMenu .calendarV2 .currentEvent .user {
  width: 35px;
  margin-right: 5px;
  height: 35px;
  border-radius: 50%;
}
.mapLeftMenu .calendarV2 .currentEvent .documents {
  padding: 5px 25px;
  text-align: right;
}

.mapLeftMenu .stool.help > .fa {
  font-size: 26px;
}
.mapLeftMenu .specialTool.help {
  padding-top: 50px;
  text-align: center;
  position: relative;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Bouton "Ajouter un lien" */
.mapLeftMenu .specialTool.help .add-helpTool {
  position: absolute;
  top: 10px;
  right: 10px;
}
.mapLeftMenu .specialTool.help .custom-client-palr-items {
  display: none;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Lien de navigation (mantis, wiki et custom) */
.mapLeftMenu .specialTool.help .item-default {
  display: flex;
  align-items: end;
  justify-content: center;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Image en mode readMode d'un lien de navigation */
.mapLeftMenu .specialTool.help .item-default img.readMode {
  max-height: 185px;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Conteneur des boutons d'un lien de navigation */
.mapLeftMenu .specialTool.help .item-default .buttons-container {
  margin-left: 20px;
  width: 25px;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Séparation entre boutons Haut/bas
 et marge bas du bouton supprimer */
.mapLeftMenu .specialTool.help .item-default .buttons-container > div:first-of-type,
.mapLeftMenu .specialTool.help .item-default .buttons-container .btn-danger {
  margin-bottom: 5px;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Bouton mini vert "Editer" (crayon) */
.mapLeftMenu .specialTool.help .item-default .buttons-container .btn-success {
  width: 22px;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Lien de navigation (mantis, wiki et custom) */
/*.mapLeftMenu .specialTool.help .toggle-default {
  margin-bottom: 15%;
  margin-left: 10px;
}*/
/* [MAP] MapLeftMenu - Catégorie "Help" -  Lien de navigation (mantis, wiki et custom) */
.mapLeftMenu .specialTool.help .item {
  margin: 5px 20px 5px 5px;
  cursor: pointer;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Liens de navigation en mode config */
.mapLeftMenu .specialTool.help .item.config{
  margin: 5px 35px 5px 5px;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Liens de navigation en mode readMode */
.mapLeftMenu .specialTool.help > div.readMode{
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  1ère div et 1ère div en mode readMode - marge top */
.mapLeftMenu .specialTool.help > div:first-of-type,
.mapLeftMenu .specialTool.help > div.readMode:first-of-type {
  margin-top: 20px;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  dernière div en mode readMode - marge bas */
.mapLeftMenu .specialTool.help > div:last-of-type {
  margin-bottom: 10px;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Icone point d'interrogation dans l'entête du menu */
.mapLeftMenu .specialTool.help .helpIcon {
  font-size: 100px;
  color: #fff;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Image d'un lien de navigation - largeur 100% */
.mapLeftMenu .specialTool.help .item img {
  width: 100%;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Titre d'un lien de navigation - marge top */
.mapLeftMenu .specialTool.help .item h4 {
  margin-top: 20px;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  -  Conteneur de la popup d'ajout/édition
  d'un lien de navigation */
.helptool-edit  {
  position: relative;
  height: 100%;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Titre de la popup d'ajout/édition
  d'un lien de navigation */
.helptool-edit .popover-title {
  font-weight: 600;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Conteneur du titre du lien
 de navigation dans la popup d'ajout/édition d'un lien de navigation */
.helptool-edit .popover-content .title {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Conteneur des boutons radio de la position du titre
 du lien de navigation dans la popup d'ajout/édition d'un lien de navigation */
.helptool-edit .popover-content .titlefirst .radio-container {
  display: flex;
  justify-content: space-around;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Conteneur du nom de fichier et de la dropzone de l'image
 du lien de navigation dans la popup d'ajout/édition d'un lien de navigation  */
.helptool-edit .popover-content .dropzone-image {
  position: relative;
  margin-top: 20px;
  margin-bottom: 50px;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Conteneur de la dropzone de l'image
 du lien de navigation  dans la popup d'ajout/édition d'un lien de navigation */
.helptool-edit .popover-content .dropzone-image .dropzone-container {
  display: flex;
  justify-content: center;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Zone de dépôt de la dropzone de l'image
 du lien de navigation  dans la popup d'ajout/édition d'un lien de navigation */
.helptool-edit .popover-content .dropzone-image .dropzone-container form {
  width: 100%;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Conteneur du nom de l'image déposée dans la dropzone
 du lien de navigation  dans la popup d'ajout/édition d'un lien de navigation */
.helptool-edit .popover-content .dropzone-image .image-name-container {
  position: absolute;
  font-size: 13px;
  padding-left: 10px;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Nom de l'image déposée dans la dropzone
 du lien de navigation  dans la popup d'ajout/édition d'un lien de navigation */
.helptool-edit .popover-content .dropzone-image .image-name-container .image-name{
  font-style: italic;
  color: #323232;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Conteneur de l'url du lien
 de navigation dans la popup d'ajout/édition d'un lien de navigation */
.helptool-edit .popover-content .url {
  display: flex;
  flex-direction: column;
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  Conteneur des boutons "Annuler" et Enregistrer"
 de la popup d'ajout/édition d'un lien de navigation */
.helptool-edit .popover-content .buttons {
  position: absolute;
  bottom: 15px;
  right: 15px;

}
/* [MAP] MapLeftMenu - Catégorie "Help" - Labels de la popup d'ajout/édition
 d'un lien de navigation */
.helptool-edit div:not(.titlefirst) label {
  font-weight: 400;
}
/* [MAP] MapLeftMenu - conteneur bouton toggle-switch ON/OFF */
.mapLeftMenu .v-switch-container{
  transform: rotate(270deg);
  width: 10px;
  /*width: 14px;*/
  margin-left: 20px;
  margin-bottom: 55px;
}
/* [MAP] MapLeftMenu - bouton toggle-switch ON/OFF */
.v-switch-container .v-widget {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  display: inline-block;
  white-space: normal;
  vertical-align: bottom;
  font-size: 12px;
  line-height: normal;
}
.v-switch-container .v-switch-holodeck {
  border: none;
  width: 82px;
  -moz-border-radius:0 ;
  -webkit-border-radius:0 ;
  border-radius: 0;
}
.v-switch-container .v-switch {
  width: 81px;
  height: 15px;
  /*height: 22px;*/
  overflow: hidden;
  border: 1px solid #bfbfbf;
  position: relative;
  cursor: pointer !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.v-switch-container .v-switch-holodeck .v-switch-slider {
  background: #474747 url('../img/holodeck-switch.png') no-repeat;
  width: 122px;
}
.v-switch-container .v-switch-slider {
  position: absolute;
  top: 0;
  left: 0;
  background: url('../img/my-switch.png') no-repeat;
  width: 130px;
  height: 15px;
  /*height: 20px;*/
}
.v-switch-container .v-switch-slider {
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
.v-switch-container .v-switch-holodeck.on .v-switch-slider {
  background-color: #0c7fb1;
}
.v-switch-container .v-switch-holodeck .v-switch-slider:after {
  content: "OFF";
}
.v-switch-container .v-switch-holodeck.on .v-switch-slider:after, .v-switch-holodeck .v-switch-slider:after {
  color: #fff;
  font-family: opensans, sans-serif;
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 50px;
  line-height: 13px;
  /*line-height: 20px;*/
  font-weight: 600;
}
.v-switch-container .v-switch-holodeck.on .v-switch-slider:after {
  content: "ON";
}
/* [MAP] MapLeftMenu - Catégorie "Help" -  conteneur du modal de confirmation de suppression */
.ngdialog-content .remove-navigation-link {
  padding: 10px;
}
.mapLeftMenu .specialTool.home .leClient {
  text-align: center;
  margin-top: 120px;
}
.mapLeftMenu .specialTool.home .leClient img,
.mapLeftMenu .specialTool.home .leClient p {
  max-width: 80%;
  margin: 0 auto;
}
.mapLeftMenu .specialTool.home .leClient h1,
.mapLeftMenu .specialTool.home .leClient h2,
.mapLeftMenu .specialTool.home .leClient h3,
.mapLeftMenu .specialTool.home .leClient h4,
.mapLeftMenu .specialTool.home .leClient h5,
.mapLeftMenu .specialTool.home .leClient h6 {
  font-family: 'Dosis', sans-serif !important;
  color: #eb2669;
  font-weight: 600;
  font-size: 26px;
}
.mapLeftMenu .specialTool.home .leClient h4 {
  margin-top: 25px;
  color: #eb2669;
  font-weight: 600;
  font-size: 26px;
}
.mapLeftMenu .specialTool.home .apps {
  width: 80%;
  margin: 25px auto;
}

.mapLeftMenu .specialTool.home .apps .currentApp {
  padding: 15px;
  font-size: 18px;
}

.mapLeftMenu .specialTool.home .apps .currentApp .fa {
  margin-right: 10px;
}

.mapLeftMenu .specialTool.home .apps .app {
  padding: 15px;
  font-size: 18px;
  cursor: pointer;
}
.mapLeftMenu .specialTool.home .apps .app:hover {
  color: #eb2669;
}
.mapLeftMenu .specialTool.home .apps .app .fa {
  margin-right: 10px;
  color: #eb2669;
  transform: rotate(-5deg);
}

.mapMenuWrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -1150px;
  background: #fff;
  width: 380px;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.15);
  transition: left 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
}

.mapMenuWrapper.active {
  left: 50px;
}

.mapMenuWrapper .content #title {
  height: 50px;
  color: #f1005f;
  padding: 15px 15px;
  font-weight: 600;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mapMenuWrapper .content #tools {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 5px;
  /* display: none; */
}
.mapMenuWrapper .content #tools .xtool {
  position: relative;
  width: 100%;
  display: block;
  margin-bottom: 2.5px;
}
.mapMenuWrapper .content #tools .xtool .toolTitle {
  font-size: 17px;
  padding: 5px 5px 7.5px 10px;
  cursor: pointer;
  color: #888;
}
.mapMenuWrapper .content #tools .xtool .toolTitle .fa {
  font-size: 14px;
  margin-right: 5px;
}
.mapMenuWrapper .content #tools .xtool:hover .toolTitle {
  transition: color 0.3s linear;
  color: #f1005f;
}

.mapMenuWrapper .content #tools .xtool .closer {
  position: absolute;
  right: 5px;
  top: 3px;
  display: none;
  cursor: pointer;
  font-size: 20px;
}

.mapMenuWrapper .content #tools .xtool.toHide {
  display: none;
}

.mapMenuWrapper .content #tools .xtool.visible {
  display: block;
}

.mapMenuWrapper .content #tools widget-tooltip {
  float: none;
  position: absolute;
  right: 25px;
  font-size: 16px;
  margin-top: 3px;
  color: #aaa;
}
.mapMenuWrapper .content #tools widget-tooltip:hover {
  color: #555;
}

.mapMenuWrapper .content #tools .xtool.picked .toolTitle,
.mapMenuWrapper .content #tools .xtool.picked .closer {
  color: #f1005f;
}
.mapMenuWrapper .content #tools .xtool.picked .closer {
  display: block;
}

.mapMenuWrapper .content #tool {
  display: none;
  padding: 10px;
}
.mapMenuWrapper .content #tool.active {
  display: block;
}

.aside {
  margin-top: 50px;
}

.aside-header {
  background: #fff !important;
  padding: 4px 15px 5px 15px !important;
  border-bottom: 1px solid #aaa;
}

.aside-title {
  color: #444 !important;
  height: 20px !important;
}

.aside-title .fa {
  margin-right: 10px;
}

.aside .aside-dialog .aside-header .close {
  color: #777 !important;
}

.aside .aside-dialog .aside-header .close:hover {
  color: #000 !important;
}

.aside .aside-dialog .aside-body {
  padding: 5px 5px 0 5px !important;
}

.aside .aside-dialog .aside-body .panel-group {
  margin-bottom: 5px !important;
}

.panel-title > a {
  cursor: pointer !important;
}

.itvpdfpanel-title {
  text-align: center;
  font-weight: bold;
  color: #007fbb !important;
}

.nav > li > a {
  font-size: 13px;
}

/* ---------------- ALTERNATIVE */
/* ---------------- ALTERNATIVE */
.attachment-upload {
  height: 100%;
}

.ng-table-attachmnt th {
  text-align: left;
}

.ol-custom-overviewmap {
  bottom: 0;
  left: auto;
  right: 0;
  top: auto;
  width: 250px;
}

.ol-overviewmap-map {
}

.ol-custom-overviewmap:not(.ol-collapsed) {
  width: 20px;
}

ol-custom-overviewmap .ol-collapsed {
}

.ol-custom-overviewmap .ol-overviewmap-map {
}

.ol-custom-overviewmap .ol-overviewmap-box {
  border: 2px solid red;
}

.ol-custom-overviewmap:not(.ol-collapsed) button {
}

#overViewStatic {
  height: 150px;
  width: 200px;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type='file'] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}

#paramWidget {
  width: 1000px;
}

.mapappwidget {
  max-width: 350px;
}

/** test rb language editor on the fly **/
#language_editor {
  position: fixed;
  left: 200px;
  top: 5px;
  cursor: pointer;
  background: lightcoral;
  color: #fff;
  padding: 5px;
  border-radius: 2px;
  z-index: 37189;
}

translate.edit {
  border: 1px solid red;
  background: lightcoral;
}

.rulesCfgTitle {
  text-decoration: underline;
}

.ruleCfgInput {
  height: 25px;
  width: 150px;
}

#rulesChoiceCfgModal {
  padding: 3px;
}

#rulesChoiceCfgTree {
  width: 230px;
}

.ruleCfgEditTypeList {
  width: 400px;
}

#rulesChoiceCfgTable td {
  padding: 5px;
}

#cfgRulesInfosTab {
  border-width: 1px;
  border-collapse: separate;
  border-style: dotted;
  border-radius: 5px;
  border-spacing: 5px 0px;
}

.rulecfggetintersectedLineTab1 {
  text-align: center;
  border-spacing: 17px 0px;
  border-collapse: separate;
  border-width: 1px;
  border-style: groove;
  padding-top: 3px;
  border-color: red;
}

.rulecfggetintersectedLineTab2 {
  text-align: center;
  border-spacing: 17px 0px;
  border-collapse: separate;
  border-width: 1px;
  border-style: groove;
  padding-top: 3px;
  border-color: greenyellow;
}

#rulecfggetintersectingPointTab {
  text-align: center;
  border: solid yellowgreen 1px;
  width: 400px;
  border-radius: 3px;
  border-collapse: separate;
}

.rulecfgcutintersectedLineTab {
  text-align: center;
  border-spacing: 17px 0px;
  border-collapse: separate;
  border-width: 1px;
  border-style: groove;
  padding-top: 3px;
  border-color:red;
}

.ruleCfgCheckNbConnectionOfSnappedPointTab {
  text-align: center;
}

.limitListHeight ul {
  overflow: auto;
  height: 300px;
  width: 200px;
}

/* print gui */
.print-nav {
  background-color: #222;
  margin-top: -1em;
  padding: 2.5px;
}

.print-nav button.btn-success {
  /*background-color: #8ea78e;
    color: #666;
    border-color: #8ea78e;*/
}

.print-nav button.btn-danger {
  /*background-color: #e28b89;
    border-color: #e28b89;
    color: #666;*/
}

.print-nav .navbar-right {
  margin-right: 0px !important;
}

.print-nav button {
  margin: 7.5px;
  display: block;
  height: 100%;
  /*background-color: #EEE;
    color: #444;*/
}

.printmenu {
  background-color: #eee;
  bottom: 0px;
  top: 0px;
  margin-top: 4em;
  height: 92.3%;
  width: 20%;
  position: fixed;
  padding-left: 0px;
  overflow: auto;
}

.printmenu li {
  padding-left: 1em;
  list-style-type: none;
  height: 30px;
}

.printmenu li:hover {
  background-color: #444 !important;
  color: #eee !important;
  padding-left: 1em;
  list-style-type: none;
}

.printmenu li a {
  color: #444;
}

.printmenu li a:hover {
  color: #444 !important;
  text-decoration: none;
}

.printmenu li.strong {
  background-color: #666;
  color: #eee !important;
  border-top: black double 1px;
  border-bottom: black double 1px;
}

.printmenu.col-md-2 {
  padding-right: 0px !important;
}

.printmenu ul {
  padding-left: 0px;
}

.pm-left {
  float: left;
}

.pm-right {
  right: 0px;
}

.print-tb li.smalled {
  height: 30px;
}

.print-tb li {
  padding-right: 5px;
  height: 50px;
  border-bottom: 1px black solid;
}

.printgui {
  padding: 0px;
}

.maincontent {
  margin-left: 21%;
  position: relative;
}

.static_element:hover {
  color: black;
  background-color: #eee !important;
}

.static_element {
  height: 40px;
  color: black;
}

.static_element button {
  margin: 2px;
  height: 25px;
}

.treesetelement.active {
  background-color: #9b9b9b;
}

.insidebtn {
  height: 40px;
  color: black;
}
/* [MAP] Widget Edition Metier - Popup configuration widget - corps popup */
.bizedit-config .modal-content {
  padding: 10px;
  width: 100%;
}
/* [MAP] Widget Edition Metier - Popup configuration widget - partitionne la popup en 2 parties verticales */
.bizedit-config .half-width {
  width: 50%;
}
/* [MAP] Widget Edition Metier - Popup configuration widget - supprime marge des labels pour uniformiser les espaces */
.bizedit-config label {
  margin-bottom: 0;
}
/* [MAP] Widget Edition Metier - Popup configuration widget - checkboxes - supprime la marge supérieure pour alignement vertical */
.bizedit-config input[type="checkbox"] {
  margin: 0;
}
/* [MAP] Widget Edition Metier - Popup configuration widget - conteneur de chaque paramètre */
.bizedit-config .theme,
.bizedit-config .network,
.bizedit-config .snap-tol,
.bizedit-config .digit-helpers > div,
.bizedit-config .toggle-rules,
.bizedit-config .default-rules {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 10px;
}
/* [MAP] Widget Edition Metier - Popup configuration widget - Thème - dispose les labels l'un au-dessus de l'autre */
.bizedit-config .theme .theme-labels {
  display: flex;
  flex-direction: column;
}
/* [MAP] Widget Edition Metier - Popup configuration widget - Titre principal du paramètre du thème */
.bizedit-config .theme .theme-labels .main-label {
  margin-bottom: 0;
}
/* [MAP] Widget Edition Metier - Popup configuration widget - Titre explicatif du paramètre du thème */
.bizedit-config .theme .theme-labels .sub-label {
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  line-height: 1em;
}
/* [MAP] Widget Edition Metier - Popup configuration widget - Encart des aides à la digitalisation */
.bizedit-config .digit-helpers {
  position: relative;
  border: 1px solid slategrey;
  border-radius: 4px;
  margin: 20px auto;
}
/* [MAP] Widget Edition Metier - Popup configuration widget - Encart des aides à la digitalisation
 - Calcul de la largeur des parties verticales */
.bizedit-config .digit-helpers .half-width {
  width: calc(50% - 5px);
}
/* [MAP] Widget Edition Metier - Popup configuration widget - Titre de l'encart des aides à la digitalisation */
.bizedit-config .digit-helpers > label {
  position: absolute;
  top: -12px;
  left: 5px;
  padding: 0 5px;
  background-color: #fff;
  color: slategrey;
}
/* [MAP] Widget Edition Metier - Popup configuration widget - Label des aides à la digitalisation */
.bizedit-config .digit-helpers > div label{
  margin-left: 5px;
}
/* [MAP] Widget Edition Metier - Popup configuration widget - Ecartement entre la bordure de l'encart
 - des aides à la digitalisation et le 1er paramètre à l'intérieur */
.bizedit-config .digit-helpers > div:first-of-type {
  margin-top: 10px;
}
/* [MAP] Widget Edition Metier - Popup configuration widget - Ecartement entre le dernier paramètre à l'intérieur de l'encart
 - des aides à la digitalisation et la bordure de l'encart */
.bizedit-config .digit-helpers > div:last-of-type {
  margin-bottom: 5px;
}
/* [MAP] Widget Edition Metier - Popup configuration widget - Activation des règles métier */
.bizedit-config .toggle-rules {
  margin-top: 10px;
}
/* [MAP] Widget Edition Metier - Popup configuration widget - Bouton "Enregistrer" */
.bizedit-config .button {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 5px;
}
/* [MAP] Widget Edition Metier - autocomplete du composant à éditer */
.EditWidgetLocal .bizedit-fti-autocomplete {
  margin-bottom: 0.5em;
}
/* [MAP] Widget Edition Metier - croix de l'autocomplete du composant à éditer - alignement vertical */
.EditWidgetLocal .bizedit-fti-autocomplete .glyphicon.glyphicon-remove {
  transform: translateY(1px);
}
/* [MAP] Widget Edition Metier - boutons du widget - enlève la bordure au focus */
.EditWidgetLocal button:focus,
.EditWidgetLocal button:focus-visible {
  outline: none !important;
}
/* [MAP] Widget Edition Metier - Ligne contenant les options "Mode rapide"/"Activer les règles métier" */
.EditWidgetLocal .check-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* [MAP] Widget Edition Metier - Ligne contenant les options "Mode rapide"/"Activer les règles métier"
- enlève les marges par défaut des labels et inputs */
.EditWidgetLocal .check-options *{
  margin-top: 0;
  margin-bottom: 0;
}
/* [MAP] Widget Edition Metier - Options "Mode rapide" et "Activer règles métier" */
.EditWidgetLocal .check-options div{
  display: flex;
  justify-content: space-between;
}
/* [MAP] Widget Edition Metier - Cases à cocher de ligne contenant les options "Mode rapide"/"Activer les règles métier" */
.EditWidgetLocal .check-options input{
  margin-top: 4px;
  margin-left: 5px;
}
/* [MAP] Widget Edition Metier - Textes de ligne contenant les options "Mode rapide"/"Activer les règles métier" */
.EditWidgetLocal .check-options label {
  font-weight: 400;
}
/* [MAP] Widget Edition Metier - Conteneurs des outils editpoint/ligne/polygon et update/attribute/transform/remove/depose */
.EditWidgetLocal .add-tools,
.EditWidgetLocal .edit-tools {
  padding-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
/* [MAP] Widget Edition Metier - Boutons des outils d'édition update/attribute/transform/remove/depose */
.EditWidgetLocal .edit-tools .edit-tool-container  button.start-tool{
  margin: auto 5px;
}
/* [MAP] Widget Edition Metier - Conteneur des outils de sélection des outils d'édition update/attribute/transform/remove/depose */
.EditWidgetLocal .edit-tools .edit-tool-content {
  position: absolute;
}
/* [MAP] Widget Edition Metier - Conteneur de la case à cocher du snap-on */
.EditWidgetLocal .edit-tools .edit-tool-content label.snap-on{
  margin-bottom: 0;
  margin-top: 5px;
}
/* [MAP] Widget Edition Metier - Modification géométrique - bouton "Exécuter les règles métier" (engrenage) */
.EditWidgetLocal .edit-tools .edit-tool-content .button.hidden {
  display: none;
}

.EditWidgetLocal .bizeditlineContrTab {
  background-color: #f5f5f5;
  margin-top: 5px;
}

.EditWidgetLocal .bizeditlineContrTab tr {
  padding-bottom: 5px;
}
.EditWidgetLocal .bizeditlineContrTab .circleTypeSelected {
  display: flex;
  justify-content: start;
  margin-top: 5px;
}
.EditWidgetLocal .bizeditlineContrTab .lightWeightLabel {
  font-weight: 400;
}
.EditWidgetLocal .bizeditlineContrTab .distanceConstraint {
  width: 50px;
  padding-left: 5px;
  padding-right: 0;
  height: 24px;
  margin-left: 10px;
}

.EditWidgetLocal .bizeditresulttab {
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  border-collapse: separate;
  width: 100%;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-bottom: 3px;
}

.EditWidgetLocal .bizeditresulttab th {
  text-align: center;
}

/** [MAP] Edition métier - Tableau des objets sélectionnés */
.EditWidgetLocal .selected-features {
  border: 1px solid #ccc;
  border-radius: 3px;
  border-collapse: separate;
}
/** [MAP] Edition métier - Tableau des objets sélectionnés - Titre */
.EditWidgetLocal .selected-features .title {
  text-align: center;
  font-weight: 700;
}
/** [MAP] Edition métier - Tableau des objets sélectionnés - Corps du tableau créé pour le défilement vertical */
.EditWidgetLocal .selected-features .selected-features-scroll {
  max-height: 450px;
  overflow-y: auto;
}

/** [MAP] Edition métier - Tableau des objets sélectionnés - Types de lignes du tableau (1 objet principal / n objets liés) */
.EditWidgetLocal .selected-features .main-feature,
.EditWidgetLocal .selected-features .related-feature {
  display: grid;
  grid-template-columns: 8% auto /* 6% */ 10% 10%;
}

/** [MAP] Edition métier - Tableau des objets sélectionnés - En l'absence du bouton Supprime (poubelle),
 décalage du bouton attributs ("A") à droite de la ligne */
.EditWidgetLocal .selected-features .main-feature.one-feature-display {
  display: grid;
  grid-template-columns: 8% auto 10%;
}

/** [MAP] Edition métier - Tableau des objets sélectionnés - Cellule d'une ligne */
.EditWidgetLocal .selected-features .main-feature > div,
.EditWidgetLocal .selected-features .related-feature > div {
  text-align: center;
  align-items: center;
}

/** [MAP] Edition métier - Tableau des objets sélectionnés - Taille de l'astérisque indicateur de modifications non enregistrées */
.EditWidgetLocal .selected-features .main-feature .fa-asterisk,
.EditWidgetLocal .selected-features .related-feature .fa-asterisk {
  font-size: 10px;
}

/** [MAP] Edition métier - Tableau des objets sélectionnés - Nom du composant de l'objet */
.EditWidgetLocal .selected-features .main-feature .fti-name,
.EditWidgetLocal .selected-features .related-feature .fti-name {
  cursor: default;
}

/** [MAP] Edition métier - Tableau des objets sélectionnés - Espace au bas des boutons "Attributs" et "Supprimer" */
.EditWidgetLocal .selected-features .main-feature > div:nth-last-child(-n+2),
.EditWidgetLocal .selected-features .related-feature > div:nth-last-child(-n+2) {
  padding-bottom: 1px;
}
/** [MAP] Edition métier - Tableau des objets sélectionnés - Coloration de la ligne au survol */
.EditWidgetLocal .bizeditresulttab tr.bizeditfeatlabel:hover,
.EditWidgetLocal .selected-features .main-feature:hover,
.EditWidgetLocal .selected-features .related-feature:hover {
  background-color: lightblue;
}
/** [MAP] Edition métier - Tableau des objets sélectionnés - Couleur du marqueur de localisation */
.EditWidgetLocal .bizeditresulttab td i.fa-map-marker,
.EditWidgetLocal .selected-features .main-feature i.fa-map-marker,
.EditWidgetLocal .selected-features .related-feature i.fa-map-marker {
  color:#5496D6;
}

.EditWidgetLocal .bizeditaction:hover {
  cursor: pointer;
}

.EditWidgetLocal .bizeditsavedok {
  background-color: lightgreen;
}
/* [MAP] Widget Edition Metier - bizeditpoint/bizeditline - conteneur principal de la directive enfant */
.EditWidgetLocal .bizeditpointmode,
.EditWidgetLocal .bizeditlinemode {
  display: flex;
  justify-content: flex-start;
}
/* [MAP] Widget Edition Metier - bizeditpoint/bizeditline - select du mode d'édition ("Main levée" / "par coordonnées") */
.EditWidgetLocal .bizeditpointmode select,
.EditWidgetLocal .bizeditlinemode select {
  padding: 6px;
  width: 191px;
  margin-right: 10px;
}
/* [MAP] Widget Edition Metier - Boutons "Reinitialiser"/"Sauvegarder" du widget */
.EditWidgetLocal .widget-buttons {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* [MAP] Widget Edition Metier - Boutons "Reinitialiser"/"Sauvegarder" du widget - espace entre texte et icone */
.EditWidgetLocal .widget-buttons > div {
  display: flex;
  align-items: center;
}
/* [MAP] Widget Edition Metier - Bouton "Exécuter les règles métier" (roue) */
.EditWidgetLocal .widget-buttons > div > div {
  margin-right: 0.5em;
}
.EditWidgetLocal .widget-buttons span:first-of-type {
  margin-right: 10px;
}
/* [MAP] Widget Edition Metier - Message lié au bouton "Exécuter les règles onEnd" (gears) */
.EditWidgetLocal .on-end-warning span {
  color: red;
  cursor: default;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'un(e) point/ligne par coordonnées ou par positionnement linéaire */
.bizeditpoint-modal .headerpopup .buttonsContainer,
.bizeditline-modal .headerpopup .buttonsContainer,
.bizeditline-distance-modal .headerpopup .buttonsContainer {
  display: none;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'un(e) point/ligne par coordonnées
 - dimensions du corps de la popup */
.bizeditpoint-modal .extendedNgDialogContent,
.bizeditline-modal .extendedNgDialogContent,
.bizeditline-distance-modal .extendedNgDialogContent {
  width: 450px !important ;
  max-height: 600px !important;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'un(e) point/ligne par coordonnées
 - popup avec barre de titres comprise - largeur de la popup */
.bizeditpoint-modal .popupPanel,
.bizeditline-modal .popupPanel,
.bizeditline-distance-modal .popupPanel {
  width: 450px;
}

/* [MAP] Widget Edition Metier - Popup de création/édition d'un(e) point/ligne par coordonnées
 - padding de la popup */
.bizeditpoint-modal .panel-body,
.bizeditline-modal .panel-body,
.bizeditline-distance-modal .panel-body {
  padding: 1em;
}
/* [MAP] Widget Edition Metier - Popup de création/édition par coordonnées ou distance
 - masque les flèches haut/bas des inputs number */
.bizeditpoint-modal input::-webkit-outer-spin-button,
.bizeditpoint-modal input::-webkit-inner-spin-button,
.bizeditline-modal input::-webkit-outer-spin-button,
.bizeditline-modal input::-webkit-inner-spin-button,
.bizeditline-distance-modal input::-webkit-outer-spin-button,
.bizeditline-distance-modal input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* [MAP] Widget Edition Metier - Popup de création/édition par coordonnées ou distance
 - masque les flèches haut/bas des inputs number (firefox) */
.bizeditpoint-modal input[type='number'],
.bizeditline-modal input[type='number'],
.bizeditline-distance-modal input[type='number'] {
  -moz-appearance: textfield;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'un(e) point/ligne par coordonnées - en-tête */
.bizeditpoint-modal .modalText,
.bizeditline-modal .modalText {
  display: flex;
  justify-content: center;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'un(e) point/ligne par coordonnées
 - Conteneur de la projection */
.bizeditpoint-modal .projection {
  margin-top: 2em;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'un(e) point/ligne par coordonnées
 - Label de la projection */
.bizeditpoint-modal .projection label,
.bizeditpoint-line .projection label {
  font-weight: 400;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'un(e) point/ligne par coordonnées
 - Conteneur de l'input et du bouton de la projection */
.bizeditpoint-modal .projection div,
.bizeditline-modal .projection div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'un(e) point/ligne par coordonnées
 - Largeur de l'input de saisi d'un code EPSG */
.bizeditpoint-modal .projection div input,
.bizeditline-modal .projection div input {
  width: 150px;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'un point par coordonnées
 - Marge du conteneur des lignes de coordonnées */
.bizeditpoint-modal .coordinates {
  margin: 2em auto;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'un(e) point/ligne par coordonnées
 - Ligne d'une saisie de coordonnées (labels et input) */
.bizeditpoint-modal .coordinates div,
.bizeditline-modal .coordinates .coords {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'un point par coordonnées
 - Ligne d'une saisie de l'abscisse (labels et input) */
.bizeditpoint-modal .coordinates div:first-of-type {
  margin-bottom: 0.5em;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'un(e) point/ligne par coordonnées
 - Label des lignes des coordonnées */
.bizeditpoint-modal .coordinates div label,
.bizeditline-modal .coordinates div label {
  font-weight: 400;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'un point par coordonnées
 - Largeur d'un input X/Y */
.bizeditpoint-modal .coordinates div input {
  width: 200px;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'un point par coordonnées
 - Conteneur du marqueur */
.bizeditpoint-modal .marker-position {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 3em;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'un point par coordonnées
 - Image du marqueur */
.bizeditpoint-modal .marker-position i,
.bizeditline-modal .vertex-position i {
  color: #5496D6;
  font-size: 32px;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'une ligne par coordonnées
 - Image du marqueur */
.bizeditline-modal .vertex-position i {
  font-size: inherit;
}
  /* [MAP] Widget Edition Metier - Popup de création/édition d'un(e) point/ligne par coordonnées
   - Image du marqueur au survol */
.bizeditpoint-modal .marker-position button:hover i,
.bizeditpoint-modal .marker-position button i:hover,
.bizeditline-modal .vertex-position:hover i,
.bizeditline-modal .vertex-position i:hover {
  color: #3773CF;
}
/* [MAP] Widget Edition Metier - Popup de création/édition d'un(e) point/ligne par coordonnées
 - Conteneur des boutons "Annuler" "Créer/Déplacer" du bas de la popup */
.bizeditpoint-modal .buttons,
.bizeditline-modal .buttons,
.bizeditline-distance-modal .buttons {
  display: flex;
  justify-content: space-evenly;
}

/* [MAP] Widget Edition Metier -  Popup de création/édition d'un point par positionnement linéaire
  - Ligne de la saisie de distance */
.bizeditpoint-modal .distance {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 10px;
}
/* [MAP] Widget Edition Metier -  Popup de création/édition d'un point par positionnement linéaire
  - Input de la distance depuis le noeud de départ du parcours réseau */
.bizeditpoint-modal .distance input {
  width: 150px;
}
/* [MAP] Widget Edition Metier -  Popup de création/édition d'un point par positionnement linéaire
  - Conteneur du texte et des boutons du parcours réseau et du bouton "Calculer" */
.bizeditpoint-modal .select-path {
  margin-bottom: 40px;
}
/* [MAP] Widget Edition Metier -  Popup de création/édition d'un point par positionnement linéaire
  - Conteneur des boutons du parcours réseau et le bouton "Calculer" */
.bizeditpoint-modal .select-path div {
  display: flex;
  justify-content: space-evenly;
}
/* [MAP] Widget Edition Metier -  Popup de création/édition d'un(e) point/ligne par positionnement linéaire
  - label des conteneurs de la saisie de distance et du parcours réseau */
.bizeditpoint-modal .distance label,
.bizeditpoint-modal .select-path label{
  font-weight: 400;
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par coordonnées - conteneur de la projection */
.bizeditline-modal .projection {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 0.5em;
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par coordonnées - Texte du conteneur de la projection */
.bizeditline-modal .projection label {
  font-weight: 400;
  margin-right: 1em;
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par coordonnées - Bouton projection carte */
.bizeditline-modal .projection button.map-proj {
  margin-left: 0.3em;
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par coordonnées - Texte de saisie des coordonnées */
.bizeditline-modal .modalText {
  margin-top: 10px;
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par coordonnées - Bouton "Ajout d'un sommet de ligne" */
.bizeditline-modal .coordinates .coords-header .add-vertex{
  transform: translateX(0.3em);
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par coordonnées - Entête de la liste des coordonnées XY */
.bizeditline-modal .coordinates .coords-header {
  display: flex;
  vertical-align: center;
  margin-bottom: 0.5em;
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par coordonnées - Inputs de la liste des coordonnées XY */
.bizeditline-modal .coordinates div input {
  width: 175px;
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par coordonnées - Entête de la colonne des X */
.bizeditline-modal .coordinates .coords-header .x-header {
  transform: translateX(65px);
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par coordonnées - Entête de la colonne des Y */
.bizeditline-modal .coordinates .coords-header .y-header {
  transform: translateX(210px);
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par coordonnées
 - Conteneur de la liste des coordonnées XY */
.bizeditline-modal .coordinates .coords-overflow {
  max-height: 410px;
  overflow: auto;
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par coordonnées
 - Lignes de la liste des coordonnées XY d'une ligne - Espacement entre les lignes */
.bizeditline-modal .coordinates .coords:not(:last-of-type) {
  margin-bottom: 0.25em;
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par coordonnées
 - Boutons Annuler/Enregistrer de la popup */
.bizeditline-modal .buttons {
  margin-top: 1em;
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par positionnement linéaire - labels */
.bizeditline-distance-modal label {
  font-weight: 400;
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par positionnement linéaire
 - conteneur des lignes de la popup */
.bizeditline-distance-modal .form {
  width: 80%;
  margin: 0 auto;
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par positionnement linéaire
 - conteneur des lignes */
.bizeditline-distance-modal .distance,
.bizeditline-distance-modal .side,
.bizeditline-distance-modal .angle,
.bizeditline-distance-modal .length {
  display: flex;
  margin-bottom: 1em;
  align-items: center;
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par positionnement linéaire
 - texte des lignes */
.bizeditline-distance-modal .distance label,
.bizeditline-distance-modal .side label,
.bizeditline-distance-modal .angle label,
.bizeditline-distance-modal .length label {
  width: 150px;
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par positionnement linéaire
 - largeur fixe des inputs et select */
.bizeditline-distance-modal input,
.bizeditline-distance-modal select {
  width: 150px;
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par positionnement linéaire
 - conteneur du parcours réseau */
.bizeditline-distance-modal .select-path {
  margin-bottom: 2em;
}
/* [MAP] Widget Edition Metier - Popup création/édition de ligne par positionnement linéaire
 - ligne du parcours réseau */
.bizeditline-distance-modal .select-path > div {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
/* [MAP] Widget Edition Metier - Icône animée 3 petits points de l'import des fichiers attachés */
.gceditsave-upload .content {
  padding: 1em;
}
/* [MAP] Widget Edition Metier - Corps de la popup de la progression de l'import des fichiers attachés */
.gceditsave-upload .content > div > span > img {
  width: 15px;
  margin-top: 4px;
}
/* [MAP] Widget Edition Metier - Conteneur de la barre de progression de l'import des fichiers attachés */
.gceditsave-upload .progress {
  width: 100%;
  background-color: #ddd;
  margin-top: 1.5em;
  position: relative;
}
/* [MAP] Widget Edition Metier - Barre de progression de l'import des fichiers attachés */
.gceditsave-upload .progressBar {
  width: 0;
  height: 30px;
  background-color: #007bff;
  text-align: center;
  line-height: 30px;
  color: white;
}
/* [MAP] Widget Edition Metier - Texte du pourcentage de la progression de l'import des fichiers attachés */
.gceditsave-upload .progress span {
  position: absolute;
  top: 1px;
  color: #444;
  height: 20px;
  display: flex;
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
}
/* [MAP] Widget Edition Metier - Couleur de la barre de progression de l'import des fichiers attachés
 - couleur quand la progression > 48% (ng-class) */
.gceditsave-upload .progress span.lightColor {
  color: white;
}

/* [MAP] Menu contextuel au clic droit (cf. zoom +/-) - Largeur du menu limitée et adaptée au contenu */
.angular-bootstrap-contextmenu ul.dropdown-menu {
  max-width: 300px;
  width: auto;
}

.bizAttPopupMainDiv {
  height: 100%;
  overflow: auto;
  background-color: beige;
  padding: 10px;
}
.bizEditPointSnap {
  background-color: beige;
}

.distancePointPlacement {
  width: 300px;
  height: 160px;
}

.distanceLinePlacement {
  width: 300px;
  height: 315px;
}
.longitudinalprofileCfgInput {
  width: 190px;
  height: 25px;
  font-size: small;
}
.longitudinalprofileCfgOtherElements td{
  text-align: center;
}

.longitudinalprofileCfg td {
  padding-left: 5px;
}
.longitudinalprofileOtherElements td:last-of-type{
  text-align: left;
  padding-left: 10px;
}
#profilmap .ol-popup{
  background-color: white;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  padding: 15px 15px 5px;
  border-radius: 10px;
  max-width: 175px;
  font-size: small;
}
#profilmap .ol-popup p{
  margin: 0;
}

#longitudinalprofileTitle {
  padding-top: 20px;
  height: 20px;
  width: 800px;
  font-size: 16px;
  font-family: inherit;
  font-weight: bold;
  text-decoration: underline;
  text-align: center;
}

#profilmap {
  padding: 10px;
  height: 600px;
  width: 1000px;
}

.net-conf-tools-container {
  display: block;
}

.net-conf-tools-container .col-md-6 {
  width: 100%;
}

.net-conf-tools-container .panel-body {
  padding: 0px;
}

.net-conf-tools-container .panel .glyphicon,
.list-group-item .glyphicon {
  margin-right: 5px;
}

.net-conf-tools-container .panel-body .radio,
.net-conf-tools-container .checkbox {
  display: inline-block;
  margin: 0px;
}

.net-conf-tools-container .panel-body input[type='checkbox']:checked + label {
  text-decoration: line-through;
  color: rgb(128, 144, 160);
}

.net-conf-tools-container .list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: rgb(245, 245, 245);
}

.net-conf-tools-container .list-group {
  margin-bottom: 0px;
}

.net-conf-menu .dropdown-menu {
  min-width: 280px;
}

.info-menu .dropdown-menu {
  min-width: 250px;
}

.insPortionsListMenu{
  display:inline;
  float:right;
  border:none;
  background-color:white;
}
.insPortionsListMenu .dropdown-menu{
  min-width: 460px;
}

.custom-check-square{
  color: green;
}

.itvSoumissionCorrespondanceList{
  width: 100%;
  max-height: 450px;
  overflow-y: auto
}

.eltsPills {
  width: 300px !important;
}

.eltsConfigTypeList {
  width: 480px;
}

.netdistance-propagation-group {
  overflow: auto;
  max-height: 150px;
}

.netdistance-propagation-action {
  float: right;
  margin-right: -5px;
}

.network-control {
  padding: 2px 2px 2px 2px;
  height: 40px;
}

.network-attributes-body {
  height: 200px;
  overflow-x: hidden;
}

.netconfig-row > td {
  font-size: 10px;
  width: 300px;
  padding: 0px 0px 0px 10px;
}

.netconfig-row > td > div > input,
.netconfig-row > td > div > button,
.netconfig-row > td > div > div > button {
  width: 200px;
  margin: 0px 0px 2px 0px;
}

.nettool-input {
  max-width: 300px;
}

.nettool-input > span {
  font-size: 11px;
}

.nettool-item {
  float: left;
  position: relative;
}

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

.btn-group > .nettool-item:first-child {
  margin-left: 0;
}

.btn-group .nettool-item + .nettool-item,
.btn-group .nettool-item + .btn-group,
.btn-group .btn-group + .nettool-item,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-group
  > .nettool-item:not(:first-child):not(:last-child):not(.dropdown-toggle)
  button {
  border-radius: 0;
}

.btn-group > .nettool-item:last-child:not(:first-child) button,
.btn-group > .dropdown-toggle:not(:first-child) button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

/* annotations */
.annotationPopup {
  text-align: center;
  position: absolute;
  background-color: white;
  left: -50px;
  padding: 0 5px !important;
  bottom: 12px;
  /* width: 400px; */
}

.annotationPopup2 {
  text-align: center;
  position: absolute;
  background-color: white;
  left: -50px;
  padding: 6px;
  bottom: 12px;
  /* width: 400px; */
}

.annotationPopup .popup-content {
  height: 100%;
  overflow-y: auto;
}
.annotationPopup2 .popup-content2 {
  height: 100%;
  overflow-y: auto;
  border-radius: 3px;
  border-width: 2px;
  border-style: solid;
  border-color: #88f;
  text-align: left;
  padding: 2px;
}
.annotationPopup:after,
.annotationPopup:before {
  top: 100%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.annotationPopup:after {
  border-top-color: white;
}
.annotationPopup:before {
  border-top-color: #ccc;
}
.annotationPopup:after,
.annotationPopup:before {
  border-width: 10px;
  margin-left: -15px;
}

.annotationPopup:not(.scaled):after,
.annotationPopup:not(.scaled):before {
  left: 48px;
}

/* .scaled-1{
    transform: scale(.5);
} */
.scaled--1:after,
.scaled--1:before {
  border-width: 5px;
  margin-left: -5px;
  left: 24px;
}
.scaled--2:after,
.scaled--2:before {
  border-width: 2.5px;
  margin-left: -2.5px;
  left: 12px;
}
.scaled-1:after,
.scaled-1:before {
  left: calc(2 * 50px);
}
.scaled-2:after,
.scaled-2:before {
  left: calc(4 * 50px);
}
.scaled-3:after,
.scaled-3:before {
  left: calc(8 * 50px);
}
.scaled-4:after,
.scaled-4:before {
  left: calc(16 * 50px);
}
.scaled-5:after,
.scaled-5:before {
  left: calc(32 * 50px);
}

.scaled-hidden:after,
.scaled-hidden:before {
  display: none;
}
.scaled-hidden {
  border-radius: 0 !important;
}

/*DND LIST*/
/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
.simpleDemo ul[dnd-list],
.simpleDemo ul[dnd-list] > li {
  position: relative;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.simpleDemo ul[dnd-list] {
  min-height: 42px;
  padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.simpleDemo ul[dnd-list] .dndDraggingSource {
  display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.simpleDemo ul[dnd-list] .dndPlaceholder {
  display: block;
  background-color: #ddd;
  min-height: 42px;
}

/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
.simpleDemo ul[dnd-list] li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
}

/**
 * Show selected elements in green
 */
.simpleDemo ul[dnd-list] li.selected {
  background-color: #dff0d8;
  color: #3c763d;
}

/***Renderer Form in panel*/

.renderedPanelForm {
  overflow-x: hidden;
  overflow-y: auto;
}

.renderedPanelForm > .title {
  background: lightseagreen;
  color: #fff !important;
  padding: 1rem;
}

.renderedPanelForm > .desc {
  padding: 1rem;
  font-style: italic;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
}

.renderedPanelForm .wrapper {
  min-height: 300px;
  position: relative;
}

.renderedPanelForm .tree,
.renderedPanelForm .render {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 25%;
  padding: 0.5em;
  /*overflow-y: auto;*/
  /* overflow-x: hidden;*/
}

.renderedPanelForm .render {
  left: 25%;
  top: 0;
  bottom: 0;
  width: 72.5%;
}

.renderedPanelForm .render.notree {
  left: 5%;
  width: 90%;
}

.map_panel .renderedPanelForm {
  padding: 0 10px;
}

.renderedPanelForm .tree > ul {
  width: 100%;
}

.renderedPanelForm .input-group {
  width: 100%;
}

.renderedPanelForm .render.formtable {
  width: 100% !important;
  left: 0 !important;
}

.attribute_restriction .interval_rest > input {
  min-width: 100px;
}

.attribute_restriction .size_rest.err {
  color: darkred;
}

.attribute_restriction .size_rest.ok {
  color: #3c763d;
}

.attribute_restriction .size_rest .resticon:before {
  content: '\f00c';
  font-family: 'FontAwesome';
}

.attribute_restriction .size_rest.err .resticon:before {
  content: '\f00d';
}

/** fullscreen_dropdown (alert/calendar/appswitcher) **/
.full_screen_drop_down {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  display: none;
  padding: 50px 3em 3em 5em;
  overflow: auto;
  z-index: 1020;
}

.full_screen_drop_down .wrapper {
  border: 1px solid #aaa;
  border-top: none;
  background: #fff;
  /* padding: 3em 3em 3em 5em;*/
  box-shadow: 0 7px 10px -6px rgba(0, 0, 0, 0.35);
  overflow: auto;
  height: 100%;
}

.full_screen_drop_down.visible {
  display: block;
}

/** kis_app_switcher **/
/** kis_calendar **/

.kis_calendar {
  box-sizing: border-box !important;
}
.kis_calendar .row {
  margin: 0 !important;
}
.kis_calendar.slicedCalendar {
  display: flex;
}

.kis_calendar.slicedCalendar .calendar_main_view {
  transition: width 0.5s linear;
  width: 50%;
}
.kis_calendar .eventEdit {
  transition: width 0.5s linear;
  width: 50%;
  padding: 10px;
  border-left: 5px solid orange;
}
.kis_calendar.slicedCalendar.large_event .calendar_main_view {
  width: 40%;
}
.kis_calendar.slicedCalendar.large_event .eventEdit {
  width: 60%;
}
.kis_calendar.slicedCalendar.xlarge_event .calendar_main_view {
  display: none;
}
.kis_calendar.slicedCalendar.xlarge_event .eventEdit {
  width: 100%;
}

.kis_calendar .calendar_main_view .chead {
  padding: 20px;
  border-bottom: 1px dotted #cacaca;
}
.kis_calendar .calendar_main_view .cfilter {
  background: rgba(66, 139, 202, 0.15);
  padding: 15px;
  margin-top: 10px;
}
.kis_calendar .calendar_main_view calendar-color {
  display: block;
  margin: 5px 0 0 15px;
}
.kis_calendar .calendar_main_view label {
  margin-top: 5px;
}

.kis_calendar .hourWrapper {
  padding-left: 0px;
  padding-right: 5px;
}

.kis_calendar .table_calendar_list {
  max-height: 450px;
  overflow: auto;
}

.kis_calendar .calendar_main_view .cdisplay,
.kis_calendar .calendar_main_view .calendar_linear_events {
  padding: 20px;
}
.kis_calendar .calendar_main_view .cdisplay .fc th {
  padding: 10px;
  background: #fafafa;
}
/*.kis_calendar .calendar_main_view .cdisplay .fc-event{
    border-radius: 0;
    border: none;
    background : #f4f4f4;
    margin-bottom: 3px;
}
.kis_calendar .calendar_main_view .cdisplay .fc-event:hover{
    background : #eaeaea;
}
.kis_calendar .calendar_main_view .cdisplay .fc-time{
    background: #fff;
    font-weight: 100;
    color : #666;
    border-right: 2px solid #ccc;
    display: inline-block;
    width: 20px;
    padding: 2px;
    text-align: center;
}
.kis_calendar .calendar_main_view .cdisplay .fc-title{
    font-weight: 600;
    margin: 0;
}*/

.kis_calendar .calendar_main_view .cdisplay .fc-event {
  border-radius: 0;
  border: none;
  margin-bottom: 3px;
}
/*.kis_calendar .calendar_main_view .cdisplay .fc-time{
    font-weight: 100;
    color : #fff;
    border-right: 2px solid #fff;
    display: inline-block;
    width: 22px;
    padding: 2px;
    text-align: center;
}*/
.kis_calendar .calendar_main_view .cdisplay .fc-event {
  box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 0.15);
}
.kis_calendar .calendar_main_view .cdisplay .fc-event:hover {
  box-shadow: none;
}

/*.kis_calendar .dayColor {
    width: 22px;
    height: 22px;
    margin-right: 5px;
    float: left;
    cursor: pointer;
    border: 2px solid transparent;
    opacity: 0.7;
}*/

.kis_calendar .color_filter {
  position: relative;
  top: 15px;
}

.kis_calendar .ical_input {
  padding-top: 5px;
}

.kis_calendar .invite_info {
  padding: 5px;
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

/*.kis_calendar .dayColor:hover {
    opacity: 1;
}

.kis_calendar .dayColor.active {
    border: 2px solid #000;
    opacity: 1;
}*/

/* hide the default month */
.kis_calendar .cdisplay .fc-toolbar h2 {
  display: none;
}
.kis_calendar .monthNyear {
  text-align: center;
  font-size: 22px;
}
.kis_calendar .monthNyear select {
  display: inline-block;
  max-width: 150px;
}
.kis_calendar .monthNyear select + select {
  max-width: 100px;
}

.cannotModify.dayColor:hover {
  opacity: 1;
  cursor: pointer;
}

.dayColor.active {
  border: 2px solid #000;
  opacity: 1;
}

.dayColor {
  width: 22px;
  height: 22px;
  margin-right: 5px;
  float: left;
  border: 2px solid transparent;
  opacity: 0.7;
}

.kis_calendar .concerned {
  display: inline-block;
  margin: 3px 5px 0 0;
  font-size: 13px;
  padding: 8px !important;
}

.kis_calendar #calendar.refresh {
  opacity: 0.5;
}

.kis_calendar .currentEventInfo {
  background: #ecf0f8;
  padding: 10px 7.5px;
  margin-top: 10px;
}
.kis_calendar .currentEventInfo .fa {
  color: #666;
  margin-right: 5px;
}

/** kis_alert **/

#kis_alert {
  max-width: 800px;
  margin: 50px auto;
  padding: 10px;
  /*    border: 1px solid #ccc;*/
}

#kis_alert .filters_alert {
  position: relative;
  left: 15px;
}

#kis_alert .filter_acquitte {
  position: relative;
  top: 8px;
}

/*** Process arrière plan ***/
#kisProcess {
  max-width: 1100px;
  max-height: 700px;
  margin: 0px auto;
  background-color: transparent;
  /*    border: 1px solid #ccc;*/
}
/*#kisProcess .alert-process {
    margin: 50px 300px 0 30px;
    width: 400px;
    padding-top: 0px;
}*/

.kisProcess {
  max-width: 1050px;
}

.kis-process-tmargin {
  margin: 15px 0 0px 0;
}

.kisProcess .right-pad {
  position: absolute;
  left: 720px;
  margin-right: 0px;
  padding-right: 0px;
  width: 250px;
  z-index: 99999;
}

.kisProcess .top-pad {
  position: relative;
  top: 45px;
  right: 0px;
}

/** appSwitcher **/
#appSwitcher {
  max-width: 800px;
  margin: 50px auto;
  padding: 10px;
  /*    border: 1px solid #ccc;*/
}

#appSwitcher .cfgBtns {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

#appSwitcher .desc,
#appSwitcher .desc-config {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#appSwitcher .desc img,
#appSwitcher .presentation img {
  max-width: 100%;
}

#appSwitcher .presentation img {
  margin-bottom: 15px;
}

#appSwitcher .app_list {
  padding: 5px 0 0;
  font-size: 15px;
  max-height: 250px;
  overflow: auto;
}

#appSwitcher .app_list li {
  list-style-type: none;
  padding: 5px;
  cursor: pointer;
}

#appSwitcher .app_list li .fa {
  margin-right: 5px;
  transform: rotate(-25deg);
  transition: transform 150ms linear;
}

#appSwitcher .app_list li.selected {
  background: #428bca;
  color: #fff;
}

#appSwitcher .app_list li:hover .fa,
#appSwitcher .app_list li.selected .fa {
  transform: none;
}

#appSwitcher .mini {
  border: 1px solid transparent;
  cursor: pointer;
  max-width: 100%;
}

#appSwitcher .mini:hover {
  border: 1px solid orange;
}

#appSwitcher .add_home_item {
  margin-top: 20px;
  background: #dff0d8;
  padding: 10px;
}

#appSwitcherImages {
}

#appSwitcherImages .preview {
  background: #f2f2f2;
  min-height: 120px;
  width: 100%;
}

/** resizable modal directive **/
.resizableModal {
  min-width: 100px;
  min-height: 100px;
}

.resizableModal > .dir {
  height: 7px;
  width: 7px;
  background-color: orange;
  position: absolute;
}

.resizableModal > .dir:hover {
  background: darkorange;
}

.resizableModal #nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}

.resizableModal #n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}

.resizableModal #ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}

.resizableModal #w {
  top: 50%;
  left: -3px;
  cursor: w-resize;
}

.resizableModal #e {
  top: 50%;
  right: -3px;
  cursor: e-resize;
}

.resizableModal #sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}

.resizableModal #s {
  bottom: -3px;
  left: 50%;
  cursor: s-resize;
}

.resizableModal #se {
  bottom: -3px;
  right: -5px;
  cursor: se-resize;
}

/* map position picker */

.map_position_picker .pos_picker {
  height: 35px;
  padding: 5px 10px 5px 40px;
  background: url('../img/patrimonio.png') no-repeat 5px 7px;
  background-size: 24px;
}

.map_position_picker .pos_picker.google {
  /*   background: url('../img/widget/geolocalisation/gmap.png') no-repeat 5px 5px; */
  background: url('../img/widget/geolocalisation/position.png') no-repeat 5px
    5px;
  background-size: 24px;
}

.map_position_picker .pos_picker.nominatim {
  background: url('../img/widget/geolocalisation/osm_logo.png') no-repeat 5px
    5px;
  background-size: 24px;
}

.map_position_picker .pos_picker.bbox {
  background: url('../img/widget/geolocalisation/bbox.png') no-repeat 5px 5px;
  background-size: 24px;
  padding: 0 18px;
}

.map_position_picker .pos_reset {
  width: 25px;
  padding-left: 6px;
}

.map_position_picker_dialog .mheader {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;

  background: #fff;
  padding: 10px;
  box-shadow: 0 7px 10px -6px rgba(0, 0, 0, 0.35);
}

.featuresConfig {
  float: right;
  background-color: #fff;
  z-index: 200;
  font-size: 11.5px;
  max-width: 250px;
  width: 206px;
  overflow: hidden;
  margin-bottom: 10px;
  /* border-radius: 5px; */
}

.featuresConfig .btn[disabled] {
  opacity: 0.25;
}

.featuresConfig .header {
  background: #446cb3;
  color: #fff;
  padding: 2px 5px;
}
.featuresConfig .btn {
  margin: 3px 0 0 0;
}
.featuresConfig .body {
  padding: 0 5px;
  max-height: 200px;
  overflow: auto;
}
.featuresConfig table td {
  border-bottom: 1px solid #eee;
  line-height: 1.5em !important;
  padding: 0 2px;
}
.featuresConfig table tr:hover td {
  background: #f5f5f5;
}

.featuresConfigAlias {
  margin-left: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 120px;
  padding: 8px 8px 0px 5px;
}

.featureConfigTable {
  width: 100%;
}

.map_position_picker_dialog .featureConfigTable {
  margin-top: 7px;
  margin-bottom: 7px;
}

.map_position_picker_dialog .p_map {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.map_position_picker_dialog .doss_map {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.map_position_picker_dialog .table_directive_position_picker {
  width: auto !important;
  margin-bottom: 0;
}

#todo-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

#todo-list li {
  position: relative;
  font-size: 24px;
  border-bottom: 1px solid #ededed;
}

#todo-list li:last-child {
  border-bottom: none;
}

#todo-list li.editing {
  border-bottom: none;
  padding: 0;
}

#todo-list li.editing .edit {
  display: block;
  width: 506px;
  padding: 13px 17px 12px 17px;
  margin: 0 0 0 43px;
}

#todo-list li.editing .view {
  display: none;
}

#todo-list li .toggle {
  text-align: center;
  width: 40px;
  /* auto, since non-WebKit browsers doesn't support input styling */
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border: none; /* Mobile Safari */
  -webkit-appearance: none;
  appearance: none;
}

#todo-list li .toggle:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="-10 -18 100 135"><circle cx="50" cy="50" r="50" fill="none" stroke="#ededed" stroke-width="3"/></svg>');
}

#todo-list li .toggle:checked:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="-10 -18 100 135"><circle cx="50" cy="50" r="50" fill="none" stroke="#bddad5" stroke-width="3"/><path fill="#5dc2af" d="M72 25L42 71 27 56l-4 4 20 20 34-52z"/></svg>');
}

#todo-list li label {
  white-space: pre-line;
  word-break: break-all;
  padding: 15px 60px 15px 15px;
  margin-left: 45px;
  display: block;
  line-height: 1.2;
  transition: color 0.4s;
}

#todo-list li.completed label {
  color: #d9d9d9;
  text-decoration: line-through;
}

#todo-list li .destroy {
  display: none;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 40px;
  height: 40px;
  font-size: 15px;
  color: #cc9a9a;
  margin: auto 0 11px;
  transition: color 0.2s ease-out;
}

#todo-list li .destroy:hover {
  color: #af5b5e;
}

#todo-list li .destroy:after {
  /* content: '×';*/
}

#todo-list li:hover .destroy {
  display: block;
}

#todo-list li .edit {
  display: none;
}

#todo-list li.editing:last-child {
  margin-bottom: -1px;
}

/*
    kis-calendar-event
*/
.kisCalendarEvent {
  max-height: 800px;
  overflow-y: scroll;
}
.kisCalendarEvent .createdByInfo {
  margin-right: 5px;
  padding: 7px;
  border-radius: 0;
}
.kisCalendarEvent .email_pick {
  min-height: 250px;
}
.kisCalendarEvent .ccolorpicker {
  padding: 7px 0;
}
.calendar_event_config_checkbox {
  position: relative;
  top: 5px;
}

.epanet_field_cb {
  content: 'x';
  width: 18px;
  height: 18px;
  background-color: #4d6;
}

.olEditorControlDrawPolygonActive {
  cursor: crosshair;
}
.wrongFieldTr {
  border: 2px solid #f00;
}

.editFeature {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
}

.email_pick {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
}

.email_pick .input_div {
  border-bottom: 1px solid grey;
}

.email_pick .title {
  position: relative;
  top: 5px;
}

/** csvGeoCoder **/
.csvGeoCoder {
  width: 400px;
  padding-right: 15px;
}
.csvGeoCoder .csvPreview {
  margin-top: 5px;
  width: 380px;
  overflow-x: auto;
}
.csvGeoCoder .csvPreview > table {
  table-layout: auto;
}
.csvGeoCoder .legendePoints td {
  text-align: center;
}
.csvGeoCoder .recapVisuImport td {
  font-weight: 600;
}
.csvGeoCoder .recapVisuImport td:first-of-type {
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
}
.csvGeoCoder .colsList {
  max-height: 250px;
  overflow: auto;
}
.csvGeoCoder .colsList label {
  margin-right: 5px;
  margin-left: 0px;
}

/** gcimportfeatures **/
.gcimportfeatures {
  padding: 20px;
}
.gcimportfeatures .params{
  padding: 10px;
}

.gcimportfeatures .params-mapping {
  display: flex;
}
.gcimportfeatures .params .input-group-btn,
.gcimportfeatures .params-mapping .input-group-btn{
  display: inline;
  margin-left: 15px;
}
.gcimportfeatures .height400 {
  height: 400px;
}
.gcimportfeatures .params-mapping .attributeButton,
.gcimportfeatures .params-mapping .attributeButton{
  width: 250px;
  max-height: 100px;
  overflow: auto;
}
.gcimportfeatures .dolinks {
  display: flex;
  font-size: 0.9em;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.gcimportfeatures .dolinks .sources {
  width: 50%;
}

.gcimportfeatures .dolinks .destinations {
  width: 50%;
}

.gcimportfeatures .dolinks ul {
  list-style-type: none;
  padding: 5px;
  max-height: 500px;
  overflow: auto;
}

.gcimportfeatures .dolinks li {
  cursor: pointer;
  background: #f0f0f0;
  padding: 7px;
  margin-bottom: 3px;
}
.gcimportfeatures .dolinks .sources li {
  opacity: 0.5;
}
.gcimportfeatures .dolinks .sources .selected {
  background: #eaead0;
  opacity: 1;
}

.gcimportfeatures .destinations .isdefaultvalue {
  margin-top: 5px;
  opacity: 0.5;
  display: inline-block;
}
.gcimportfeatures .destinations .setToDefault .isdefaultvalue {
  opacity: 1;
}
.gcimportfeatures .destinations .setToDefault .isdefaultvalue:before {
  content: '\f0c1';
  font-family: 'FontAwesome';
  float: left;
  margin: 10px;
}

.gcimportfeatures .dolinks .sources .used {
  font-weight: 600;
  opacity: 1;
}
.gcimportfeatures .dolinks .sources .used:before,
.gcimportfeatures .dolinks .destinations .used.currentlyUsed:before {
  content: '\f00c';
  font-family: 'FontAwesome';
  color: #27ae60;
  text-decoration: none;
  float: left;
  margin-right: 5px;
}

.gcimportfeatures .dolinks .destinations .used {
  background: rgba(240, 240, 240, 0.35);
}
.gcimportfeatures .dolinks .destinations .used .alias,
.gcimportfeatures .dolinks .destinations .used .extra {
  opacity: 0.35;
}

.gcimportfeatures .destinations .alias {
  font-weight: 800;
}
.gcimportfeatures .destinations .extra {
  font-style: italic;
  color: #999;
}

/**
    mapGeocoderPicker
    Configuration du toolbar kisGeocoder sur la map
**/
.mapGeocoderPicker {
  background-color: white;
  width: 230px;
  position: absolute;
  right: 95px;
  top: 55px;
  padding: 0;
}
.mapGeocoderPicker .title {
  position: relative;
  top: 7px;
}

.ol-popup-closer-geocoder {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}
.ol-popup-closer-geocoder:after {
  content: '✖';
  cursor: pointer;
}

.toolbargeocoderreverse {
  z-index: 2100;
  width: 170px;
  padding: 10px 0px 10px 0px;
}
.toolbargeocoderreverse .remove_button {
  position: relative;
  left: -10px;
  top: 5px;
}
/** sharemapsocial **/
#sharemapsocial_popover {
  padding: 5px 5px 0 5px;
}
#sharemapsocial_popover .socialsharebtn {
  width: 80px;
  text-align: left;
  font-size: 12px;
  margin-bottom: 5px;
}

#sharemapsocial_popover .previewbtn {
  margin: 3px 2px 0 3px;
}
#sharemapsocial_popover .uploadpic {
  width: 100%;
  margin-top: -5px;
  height: 28px;
}

#sharemapsocial_popover .mainloader {
  margin: 10px 10px 15px 10px;
}

.alertDelaiInput {
  position: relative;
  width: 40px;
}

/** ---------------------
    Tasks manager
 --------------------- **/
.taskManager {
}

.taskManager .mhead {
  padding: 10px 0 10px 5px;
}
.taskManager .mhead .up {
  display: flex;
  margin-bottom: 5px;
}
.taskManager .mhead .addTask {
  margin-left: 10px;
}
.taskManager .mhead .addTask i {
  margin-right: 5px;
}
.taskManager .mhead .mfilter {
  flex-grow: 1;
}
.taskManager .tasks {
  padding-top: 10px;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.taskManager .tasks .task {
  padding: 5px;
  width: 50%;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .taskManager .tasks .task {
    width: 100%;
  }
}

.taskManager .tinner {
  position: relative;
}

.taskManager .editbtn {
  width: 30px;
  margin: 0 5px 0 0;
  font-size: 12px;
}
.taskManager .tevent .editbtn {
  margin: 2px 0 0 5px;
}
.taskManager .editbtn > .btn {
  position: absolute;
}

.taskManager .tinner .thead {
  display: flex;
  padding: 7px 5px 7px 5px;
  font-weight: 600;
  background: #eee;
}
.taskManager .tinner .theaddesc {
  display: flex;
  padding: 7px 5px 7px 10px;
  background: #eee;
  font-size: 0.9em;
}
.taskManager .tinner .theaddesc .desc {
  /*width: calc(100% - 100px);*/
}
.taskManager .tinner .thead.normal {
  background: #44a0de;
}
.taskManager .tinner .thead.cloture {
  background: #29b865;
}
.taskManager .tinner .thead.annule {
  background: #e74c3c;
}

.taskManager .tinner .taskTitle {
  width: calc(100% - 80px);
  color: #fff;
}
.taskManager .tinner .actions {
  width: 100px;
  height: 22px;
}

.taskManager .tloadingevent,
.taskManager .tnoevents {
  padding: 15px 0;
  text-align: center;
  color: #777;
  font-size: 16px;
  background: #fafafa;
}
.taskManager .tnoevents {
  font-size: 0.9em;
}
.taskManager .tevent {
  padding: 5px 0;
  display: flex;
  position: relative;
  border-top: 1px dotted #2ecc71;
}
.taskManager .tevent:first-of-type {
  border-top: none;
}
.taskManager .tevent:hover {
  background: #fafafa;
}
.taskManager .tevent.acquitte {
  background: rgba(41, 184, 101, 0.35);
  font-style: italic;
}
.taskManager .tevent.annule {
  background: rgba(231, 76, 60, 0.15);
  font-style: italic;
}

.taskManager .tevent:before {
  content: ' ';
  position: absolute;
  left: 16px;
  top: 0;
  width: 2px;
  height: 100%;
  /* background: #2ecc71;*/
  background: #ccc;
}
.taskManager .tevent:last-of-type:before {
  height: 15px;
}
.taskManager .tevent .tdate {
  font-size: 10px;
  /* margin-right: 5px;*/
  text-align: center;
  /* padding: 0 10px 0 0;*/
  line-height: 11px;
  width: 36px;
  height: 16px;
  margin-top: 3px;
  margin-right: 4px;
  color: #fff;
  padding: 2px;
}
.taskManager .tevent .titledesc {
  width: calc(100% - 85px);
}
.taskManager .tevent .title {
  font-weight: 600;
}
.taskManager .tevent .desc {
  font-size: 12px;
  font-style: italic;
  text-align: justify;
  margin-top: 2px;
}

.taskManager .tmTaskCfg .toggleStatus > label i,
.taskManager .tmEventCfg .toggleStatus > label i {
  margin-right: 5px;
}

.taskToTemplate {
}
.taskToTemplate .tplEvents {
  padding: 15px;
}
.taskToTemplate .tplEvent {
  color: #fff;
}
.taskToTemplate .tplEvent .data {
  width: 80%;
  margin: 0 auto;
  padding-top: 15px;
  transition: background-color 0.5s linear;
}
.taskToTemplate .tplEvent .data .input-group-addon {
  max-width: 52px;
}

.taskToTemplate .tplEvent .delaiHandler {
  width: 160px;
  margin: 10px auto 0;
  display: flex;
  align-items: center;
  padding: 8px;
  color: #777;
  background: #eee;
}
.taskToTemplate .tplEvent .delaiHandler:before {
  content: '';
  position: absolute;
  width: 5px;
  margin-left: 50px;
  z-index: -1;
  top: 0;
  height: 66px;
  background: #eee;
}
.taskToTemplate .tplEvent .delaiHandler i {
  font-size: 16px;
  margin-right: 10px;
}
.taskToTemplate .tplEvent .delaiHandler .days {
  margin-left: 10px;
}
.taskToTemplate .tplEvent .delaiHandler input[type='text'] {
  width: 30px;
}
.taskToTemplate .tplEvent .colorPicker {
  padding: 3px;
  margin-top: 3px;
}
.taskToTemplate .tplEvent .colorPicker .dayColor.active {
  border-color: #fff;
}

.decalTaskEventDates {
}

.decalTaskEventDates .decale {
  color: #3498db;
  position: relative;
}
.decalTaskEventDates .decale:before {
  content: '\f178';
  font-family: 'FontAwesome';
  position: absolute;
  color: #2e8ece;
  font-weight: 600;
  left: -7px;
}

/** ---------------------
    calendar invite page
 --------------------- **/

.calendar_invite .eventsTable {
  max-height: 800px;
  overflow-y: auto;
}

.calendar_ctrl .transform_label {
  position: relative;
  top: 5px;
}

.tableFeatureHistory .addActionButton {
  position: relative;
  left: 5px;
  top: -20px;
}

.select-label-atlas {
  padding-top: 6px;
}

.select-selection-atlas {
  padding-top: 10px;
}

.atlas-form {
  width:330px;
  margin-top: 20px
}


.buttons-atlas {
  width: 12px;
}

.calendar_title_content {
  white-space: normal;
}

/* renommer calendar_event_description */
.calendar_event_description {
  margin: 5px;
  padding: 5px;
  color: #444;
  display: block;
  background: #fff;
  white-space: pre-wrap;
}

/** application picker **/
.applicationPicker {
  display: block;
  width: 100%;
  text-align: left;
}
.applicationPicker > .apppicker_data {
  float: left;
}
.applicationPicker > .apppicker_data .apppicker_desc {
  display: none;
}
.applicationPicker .caret {
  float: right;
  margin: 8px 5px 0;
}
.applicationPicker + ul li a {
  display: inline-block;
  width: 100%;
  text-align: left;
  padding: 10px 5px 10px 45px;
  background: url('../img/patrimonio.png') no-repeat 10px 10px;
  background-size: 30px 30px;
}
.applicationPicker + ul li.active a,
.applicationPicker + ul li.active a:hover {
  background-color: #eee;
  color: #444;
}
.applicationPicker + ul li .apppicker_label {
  font-weight: 600;
  margin-left: 5px;
}
.applicationPicker + ul li .apppicker_desc {
  color: #777;
  font-style: italic;
  margin-left: 5px;
  font-size: 13px;
}

/* widget map anc */

.ancMiniTitre {
  padding: 0 5px 15px 0;
  color: #666;
}

.toAncButton.dossiers {
  border-left: 10px solid #3498db;
}
.toAncButton.rapports {
  border-left: 10px solid #ccc;
}
.toAncButton.documents {
  border-left: 10px solid #9b59b6;
}
.toAncButton.tbd {
  border-left: 10px solid #34495e;
}
.toAncButton.publipostage {
  border-left: 10px solid #f39c12;
}
.toAncButton.prep_tournee {
  border-left: 10px solid #1abc9c;
}
.toAncButton.sync_tournee {
  border-left: 10px solid #e67e22;
}
.toAncButton.admin {
  border-left: 10px solid #7f8c8d;
}

/**------------------------
    Pagination
---------------------------**/

.pagination {
  margin-top: 16px;
  display: inline-block;
}

.pagination .page {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  /* transition: background-color .3s; */
  border: 1px solid #ddd;
  color: #000000;
  cursor: pointer;
}

.pagination .page:hover {
  color: #ff0000;
}

.pagination .page.disabled {
  color: #c5c5c5;
}

.pagination .page.active {
  color: #ffffff;
  background-color: #f40072;
  border: 1px solid #4caf50;
}

.attribut-derive .nav-stacked > li.active > a,
.attribut-derive a,
.attribut-derive .nav-stacked > li.active > a,
.attribut-derive .nav-stacked > li.active > a:hover,
.attribut-derive .nav-stacked > li.active > a:focus {
  color: #000;
  background-color: #fff;
}

/* Legend widget */
#legend {
  max-height: 85vh;
  overflow-y: auto;
}
.galegend h4 {
  margin: 0 0 15px;
  font-size: 15px;
  font-weight: 600;
}
.galegend span {
  vertical-align: middle;
  font-size: 14px;
}
.galegend img {
  color: #c33;
  font-size: 12px;
}
.galegend .list-group-item {
  padding: 5px;
  border: none;
}
.galegend .btn-xs {
  font-size: 10px;
}

/*
 * Generic classes
 */
.text-unbold {
  font-weight: 400;
}
.vertical-block {
  max-height: 250px;
  overflow-y: auto;
}
/* Improve ngDialog modals */
.better-dialog.ngdialog.ngdialog-theme-plain .ngdialog-content {
  margin: 50px auto;
}
.better-dialog.ngdialog.ngdialog-theme-plain {
  padding: 0;
}
/* Better tabs if you apply the "row" class */
.nav.nav-tabs.row {
  padding: 0 15px;
  margin-bottom: 15px;
}
.limited-height {
  max-height: 80vh;
  overflow-y: auto;
}

/** elasticFilterAttributeCfg **/
.elasticFilterAttributeCfgWrapper {
  display: flex;
  flex-wrap: wrap;
}
.elasticFilterAttributeCfg {
  width: 350px;
  margin: 15px 10px;
}
.elasticFilterAttributeCfg > .title {
  background: #eee;
  font-weight: 600;
  padding: 10px;
}

.elasticFilterAttributeCfg > .title.master {
  background: #1f4788;
  color: #fff;
}
.elasticFilterAttributeCfg > .title.active {
  background: #5d8cae;
  color: #fff;
  transition: background 0.5s;
}

.elasticFilterAttributeCfg > .body {
  background: #fafafa;
}

.elasticFilterAttributeCfg > .body .actions .sub {
  padding: 5px;
}
.elasticFilterAttributeCfg > .body .actions .sub.search input {
  width: 100%;
}
.elasticFilterAttributeCfg > .body .attributes {
  border-top: 1px solid #eee;
  padding: 10px 5px;
  margin-top: 5px;
  height: 800px;
  overflow: auto;
}
.elasticFilterAttributeCfg > .body .attributes ul {
  padding: 0;
}
.elasticFilterAttributeCfg > .body .attributes li {
  list-style-type: none;
  padding: 2px 5px;
}

.elasticFilterAttributeCfg > .body .attributes .ancControleReponse .checkbox {
  margin: 0;
}
.elasticFilterAttributeCfg > .body .attributes .ancControleReponse .grp {
  font-weight: 600;
}
.elasticFilterAttributeCfg > .body .attributes ul.ancControleReponse ul {
  padding: 10px 0 10px 10px;
}

/** elasticFilterResultCfg **/
.elasticFilterResultCfg {
  padding-bottom: 20px;
}
.elasticFilterResultCfg .resultCol {
  display: inline-block;
  padding: 7px 10px;
  background: #eee;
  margin: 5px 5px 5px 0;
  cursor: move;
}
.elasticFilterResultCfg .resultCol .alias {
  font-weight: 600;
  padding: 3px;
}
.elasticFilterResultCfg .resultCol .editAlias input[type='text'] {
  padding: 3px;
  border: none;
}
.elasticFilterResultCfg .badge.legende {
  margin: 5px 5px 5px 0;
  background: #eee;
  color: #444;
  padding: 5px;
  border-radius: 0;
}

.elasticFilterResultCfg .badge.legende:nth-of-type(1),
.resultCol.l0 {
  border-top: 3px solid #3d8eb9;
}
.elasticFilterResultCfg .badge.legende:nth-of-type(2),
.resultCol.l1 {
  border-top: 3px solid #fec606;
}
.elasticFilterResultCfg .badge.legende:nth-of-type(3),
.resultCol.l2 {
  border-top: 3px solid #97ce68;
}
.elasticFilterResultCfg .badge.legende:nth-of-type(4),
.resultCol.l3 {
  border-top: 3px solid #8870ff;
}
.elasticFilterResultCfg .badge.legende:nth-of-type(5),
.resultCol.l4 {
  border-top: 3px solid #cf000f;
}

[elastic-filter] [javalangboolean],
[elastic-filter] [javautildate],
[elastic-mrule] [javalangboolean],
[elastic-mrule] [javautildate] {
  border: none;
  padding: 0 0px;
  box-shadow: none;
}

body.map #Annotation {
  max-width: 500px;
}

body.map #MapAnnotation {
  max-width: 500px;
}

.mapmodel-default,
.mapmodel-default button {
  background-color: #5bc0de !important;
}

/** permet de mettre en valeur un element pendant 2 sec **/
.highlightEvent {
  transition: all 1s linear;
  background-color: red !important;
  box-shadow: 10px 10px 20px #999 !important;
}

.narrowchart {
  padding: 15px;
  max-width: 400px;
  margin: 0 auto;
}
.accordionheader {
  cursor: pointer;
  color: #fff;
  background: #bcbcbc;
  padding: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: center;
}
.accordionbody {
  background: white;
  color: black;
  margin-bottom: 0px;
}

.accordionheader_i {
  position: absolute;
  left: 20px;
}

.legSketchLblPaddingColors {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 100%
    ),
    linear-gradient(
      to bottom,
      rgba(240, 190, 190, 1) 0%,
      rgba(240, 190, 190, 1) 100%
    );
  background-clip: content-box, padding-box;
}

.g2c-name:after {
  content: 'ALTEREO';
  font-size: 1rem;
}
.g2c-attribution {
  text-align: right;
  bottom: 0.5em;
  right: 200px;
  max-width: calc(100% - 1.3em);
}
.g2c-attribution ul {
  margin: 0;
  padding: 0 0.5em;
  font-size: 0.7rem;
  line-height: 1.375em;
  color: #000;
  text-shadow: 0 0 2px #fff;
}
.g2c-attribution li {
  display: inline;
  list-style: none;
  line-height: inherit;
}
.g2c-attribution li:not(:last-child):after {
  content: ' ';
}
.g2c-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}
.g2c-attribution ul,
.g2c-attribution button {
  display: inline-block;
}
.g2c-attribution.ol-collapsed ul {
  display: none;
}
.g2c-attribution.ol-uncollapsible {
bottom: 10px;
right: 275px;
border-radius: 0 0 0;
height: 1.1em;
line-height: 1em;
}
.g2c-attribution.ol-uncollapsible img {
  margin-top: -0.2em;
  max-height: 1.6em;
}
.g2c-attribution.ol-uncollapsible button {
  display: none;
}

.g2cprintv2conf td {
  padding-left: 2px;
  padding-right: 2px;
}

.print-report .panel-info {
  border: none;
  box-shadow: none;
}

.print-report .panel-info > .panel-heading {
  color: #31708f;
  background-color: transparent;
  border-color: transparent;
}

.print-marginTop {
  margin-top: 5px;
}
/* [MAP] Impression widget  - classe poubelle à supprimer lors d'une refonte */
.print-nopadding {
  padding: 0;
}
/* [MAP] Géocatalogue / layerManagerWidget  - classe poubelle à supprimer lors d'une refonte */
.marginTop {
  margin-top: 5px;
}
/* [MAP] Géocatalogue / layerManagerWidget  - classe poubelle à supprimer lors d'une refonte */
.smallmarginTop {
  margin-top: 5px;
}

.print-report .search {
  position: relative;
  color: #aaa;
  font-size: 16px;
}
.print-report .search input {
  height: 32px;
  border-radius: 23px;
}
.print-report .search input {
  text-indent: 32px;
}
.print-report.search .fa-filter {
  position: absolute;
  top: 8px;
  left: 10px;
}
.print-report .search a .fa-times-circle {
  position: absolute;
  top: 8px;
  right: 10px;
}
.pull-left select {
  appearance: none;  
  -webkit-appearance: none;  
  -moz-appearance: none; 
  margin-left: 5px;
  padding: 5px;
  font-size: 14px;  
  width: 110px;  
  height:35px;
  background-color: white;  
  border: 1px solid #ccc;  
  border-radius: 4px; 
  color: black; 
}
.pull-left select option:disabled {
  color: #aaa; 
  font-style: italic; 
}


/* Focus sur le select (quand l'utilisateur clique dessus) */
.pull-left select:focus {
  border-color: #4a90e2;  /* Border color change on focus */
  outline: none;  /* Remove outline */
}
/* [MAP] LayerManager - conteneur du message lorsque les fti affichés sont issus d'un filtrage des fti
 dans le gestionnaire de couches de l'application */
.fti-filter-warn {
  margin-top: 10px;
}
/* [MAP] LayerManager - icone du message lorsque les fti affichés sont issus d'un filtrage des fti  */
.fti-filter-warn span:first-child {
  color: dimgrey;
}
/* [MAP] LayerManager - message lorsque les fti affichés sont issus d'un filtrage des fti */
.fti-filter-warn span:last-child {
  color: #f1005f;
  font-style: italic;
}

.searchHpo {
  position: relative;
  color: #aaa;
  font-size: 16px;
}

.searchHpo input {
  height: 32px;
  border-radius: 23px;
}

.searchHpo input {
  text-indent: 32px;
}
.searchHpo .fa-filter {
  position: absolute;
  top: 8px;
  left: 10px;
}

.searchHpo a .fa-times-circle {
  position: absolute;
  top: 8px;
  right: 10px;
}

.nopadding {
  padding: 0px;
}

.nomargin {
  margin: 0px;
}

.marginBottom {
  margin-bottom: 10px;
}

.isDateTimeFilter input[type='text'] {
  /* border: 1px solid red; */
}
.print-hr hr {
  border-top: 1px solid #3071a9;
}

.print-marginTop .panel-group {
  margin-bottom: 0px;
}
.datatableDateTimePicker {
  position: relative;
}
.datatableDateTimePicker th {
  min-width: auto !important;
}
.datatableDateTimePicker > input {
  width: 42px !important;
  position: absolute !important;
  right: -6px;
  top: -26px;
  margin: 0 !important;
  text-align: center !important;
}
.isDateTimeFilter input[type='text'] {
  /*border: 1px solid red; */
}

.printLegAskedNotDrawn {
  background-color: #ff7070;
}

.printLegAskedNoObject {
  background-color: #d0d0d0;
}

.db-params-font-size1 {
  font-size: 12px;
}

.db-params-cmd-padding-size1 {
  padding-left: 10px;
  padding-right: 10px;
}

.db-param-width-size1 {
  width: 330px;
}

.db-params-font-size2 {
  font-size: 14px;
}

.db-params-cmd-padding-size2 {
  padding-left: 12px;
  padding-right: 12px;
}

.db-param-width-size2 {
  width: 400px;
}

/** kisVersions **/
.kisVersions .ngdialog-content {
  position: fixed !important;
  top: calc(50% - 300px);
  height: 700px;
  left: 10%;
  width: 80% !important;
}

.kisVersions .current {
  position: relative;
  height: 60px;
  padding: 20px 15px 15px 100px;
  border-bottom: 1px solid #eee;
  font-weight: 600;
  color: #777;
}
.kisVersions .application_logo {
  position: absolute;
  left: 5px;
  top: 10px;
}

.kisVersions .versions {
  position: fixed;
  width: 90px;
  top: 60px;
  bottom: 0;
  overflow: auto;
  border-right: 1px solid #eee;
  background: #fff;
}
.kisVersions .versions .nav-stacked {
  border-right: none;
}

.kisVersions .description {
  position: fixed;
  left: 90px;
  right: 0;
  bottom: 0;
  top: 60px;
  padding: 10px;
}

body.map .kisVersions .description {
  position: absolute;
  background: #fff;
}
body.map .kisVersions .current {
  padding-left: 15px;
  color: #fff;
}
body.map .kisVersions [application-logo] {
  display: none;
}

.kisVersions .body iframe {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  height: calc(100% - 40px) !important;
}
.kisVersions .ngdialog-close:before {
  top: 20px !important;
  right: 20px !important;
}

/* multiselect */
multiselect {
  display: block;
}
.fixedHeaderTableWrapper multiselect .innerButton {
  height: 20px;
  font-weight: 100;
  line-height: 10px;
  width: calc(100% - 10px);
}

/* #largeMapCatalogWrapper{
    border: 1px solid red;
    display: flex;
    flex-flow: row wrap;
}
#largeMapCatalogWrapper .large_map_catalog_file_info{
    border: 1px solid blue;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
} */

/* overload fullcalendar */
.fc button {
  background: #fff;
}

.typeViewCal-agendaDay {
  display: flex;
  justify-content: space-around;
  padding-left: 30px;
}

.typeViewCal-agendaDay .fc-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}


.kis_calendar .fc-content {
  padding-right: 15px;
}

.typeViewCal-agendaWeek .fc-content .showtitledetail .fc-time {
  /* float:left;
    margin: 3px; */
}
.typeViewCal-agendaDay .fc-content {
  display: flex;
  flex-direction: row;
}

.typeViewCal-agendaDay .calendar_event_description {
  margin: 3px;
  padding: 3px;
  overflow-y: auto;
}
.typeViewCal-agendaDay .fc-content-wrapper {
  min-width: 150px;
  flex-direction: row;
  display: flex;
  align-items: center;
  padding: 3px 15px 3px 3px;
}
.typeViewCal-agendaDay .fc-content .fc-time {
  font-weight: 600;
}
.typeViewCal-agendaDay .fc-content > div {
  margin: 3px;
}
.typeViewCal-agendaDay .fc-content .calendar_event_description {
  flex-grow: 1;
}

/**
    @from:flags.css
**/
.flag {
  width: 16px;
  height: 11px;
  background: url('../img/common/flags.png') no-repeat;
  display: inline-block;
  margin-right: 5px;
}
.flag.flag-ad {
  background-position: -16px 0;
}
.flag.flag-ae {
  background-position: -32px 0;
}
.flag.flag-af {
  background-position: -48px 0;
}
.flag.flag-ag {
  background-position: -64px 0;
}
.flag.flag-ai {
  background-position: -80px 0;
}
.flag.flag-al {
  background-position: -96px 0;
}
.flag.flag-am {
  background-position: -112px 0;
}
.flag.flag-an {
  background-position: -128px 0;
}
.flag.flag-ao {
  background-position: -144px 0;
}
.flag.flag-ar {
  background-position: -160px 0;
}
.flag.flag-as {
  background-position: -176px 0;
}
.flag.flag-at {
  background-position: -192px 0;
}
.flag.flag-au {
  background-position: -208px 0;
}
.flag.flag-aw {
  background-position: -224px 0;
}
.flag.flag-az {
  background-position: -240px 0;
}
.flag.flag-ba {
  background-position: 0 -11px;
}
.flag.flag-bb {
  background-position: -16px -11px;
}
.flag.flag-bd {
  background-position: -32px -11px;
}
.flag.flag-be {
  background-position: -48px -11px;
}
.flag.flag-bf {
  background-position: -64px -11px;
}
.flag.flag-bg {
  background-position: -80px -11px;
}
.flag.flag-bh {
  background-position: -96px -11px;
}
.flag.flag-bi {
  background-position: -112px -11px;
}
.flag.flag-bj {
  background-position: -128px -11px;
}
.flag.flag-bm {
  background-position: -144px -11px;
}
.flag.flag-bn {
  background-position: -160px -11px;
}
.flag.flag-bo {
  background-position: -176px -11px;
}
.flag.flag-br {
  background-position: -192px -11px;
}
.flag.flag-bs {
  background-position: -208px -11px;
}
.flag.flag-bt {
  background-position: -224px -11px;
}
.flag.flag-bv {
  background-position: -240px -11px;
}
.flag.flag-bw {
  background-position: 0 -22px;
}
.flag.flag-by {
  background-position: -16px -22px;
}
.flag.flag-bz {
  background-position: -32px -22px;
}
.flag.flag-ca {
  background-position: -48px -22px;
}
.flag.flag-catalonia {
  background-position: -64px -22px;
}
.flag.flag-cd {
  background-position: -80px -22px;
}
.flag.flag-cf {
  background-position: -96px -22px;
}
.flag.flag-cg {
  background-position: -112px -22px;
}
.flag.flag-ch {
  background-position: -128px -22px;
}
.flag.flag-ci {
  background-position: -144px -22px;
}
.flag.flag-ck {
  background-position: -160px -22px;
}
.flag.flag-cl {
  background-position: -176px -22px;
}
.flag.flag-cm {
  background-position: -192px -22px;
}
.flag.flag-cn {
  background-position: -208px -22px;
}
.flag.flag-co {
  background-position: -224px -22px;
}
.flag.flag-cr {
  background-position: -240px -22px;
}
.flag.flag-cu {
  background-position: 0 -33px;
}
.flag.flag-cv {
  background-position: -16px -33px;
}
.flag.flag-cw {
  background-position: -32px -33px;
}
.flag.flag-cy {
  background-position: -48px -33px;
}
.flag.flag-cz {
  background-position: -64px -33px;
}
.flag.flag-de {
  background-position: -80px -33px;
}
.flag.flag-dj {
  background-position: -96px -33px;
}
.flag.flag-dk {
  background-position: -112px -33px;
}
.flag.flag-dm {
  background-position: -128px -33px;
}
.flag.flag-do {
  background-position: -144px -33px;
}
.flag.flag-dz {
  background-position: -160px -33px;
}
.flag.flag-ec {
  background-position: -176px -33px;
}
.flag.flag-ee {
  background-position: -192px -33px;
}
.flag.flag-eg {
  background-position: -208px -33px;
}
.flag.flag-eh {
  background-position: -224px -33px;
}
.flag.flag-england {
  background-position: -240px -33px;
}
.flag.flag-er {
  background-position: 0 -44px;
}
.flag.flag-es {
  background-position: -16px -44px;
}
.flag.flag-et {
  background-position: -32px -44px;
}
.flag.flag-eu {
  background-position: -48px -44px;
}
.flag.flag-fi {
  background-position: -64px -44px;
}
.flag.flag-fj {
  background-position: -80px -44px;
}
.flag.flag-fk {
  background-position: -96px -44px;
}
.flag.flag-fm {
  background-position: -112px -44px;
}
.flag.flag-fo {
  background-position: -128px -44px;
}
.flag.flag-fr {
  background-position: -144px -44px;
}
.flag.flag-ga {
  background-position: -160px -44px;
}
.flag.flag-gb {
  background-position: -176px -44px;
}
.flag.flag-gd {
  background-position: -192px -44px;
}
.flag.flag-ge {
  background-position: -208px -44px;
}
.flag.flag-gf {
  background-position: -224px -44px;
}
.flag.flag-gg {
  background-position: -240px -44px;
}
.flag.flag-gh {
  background-position: 0 -55px;
}
.flag.flag-gi {
  background-position: -16px -55px;
}
.flag.flag-gl {
  background-position: -32px -55px;
}
.flag.flag-gm {
  background-position: -48px -55px;
}
.flag.flag-gn {
  background-position: -64px -55px;
}
.flag.flag-gp {
  background-position: -80px -55px;
}
.flag.flag-gq {
  background-position: -96px -55px;
}
.flag.flag-gr {
  background-position: -112px -55px;
}
.flag.flag-gs {
  background-position: -128px -55px;
}
.flag.flag-gt {
  background-position: -144px -55px;
}
.flag.flag-gu {
  background-position: -160px -55px;
}
.flag.flag-gw {
  background-position: -176px -55px;
}
.flag.flag-gy {
  background-position: -192px -55px;
}
.flag.flag-hk {
  background-position: -208px -55px;
}
.flag.flag-hm {
  background-position: -224px -55px;
}
.flag.flag-hn {
  background-position: -240px -55px;
}
.flag.flag-hr {
  background-position: 0 -66px;
}
.flag.flag-ht {
  background-position: -16px -66px;
}
.flag.flag-hu {
  background-position: -32px -66px;
}
.flag.flag-ic {
  background-position: -48px -66px;
}
.flag.flag-id {
  background-position: -64px -66px;
}
.flag.flag-ie {
  background-position: -80px -66px;
}
.flag.flag-il {
  background-position: -96px -66px;
}
.flag.flag-im {
  background-position: -112px -66px;
}
.flag.flag-in {
  background-position: -128px -66px;
}
.flag.flag-io {
  background-position: -144px -66px;
}
.flag.flag-iq {
  background-position: -160px -66px;
}
.flag.flag-ir {
  background-position: -176px -66px;
}
.flag.flag-is {
  background-position: -192px -66px;
}
.flag.flag-it {
  background-position: -208px -66px;
}
.flag.flag-je {
  background-position: -224px -66px;
}
.flag.flag-jm {
  background-position: -240px -66px;
}
.flag.flag-jo {
  background-position: 0 -77px;
}
.flag.flag-jp {
  background-position: -16px -77px;
}
.flag.flag-ke {
  background-position: -32px -77px;
}
.flag.flag-kg {
  background-position: -48px -77px;
}
.flag.flag-kh {
  background-position: -64px -77px;
}
.flag.flag-ki {
  background-position: -80px -77px;
}
.flag.flag-km {
  background-position: -96px -77px;
}
.flag.flag-kn {
  background-position: -112px -77px;
}
.flag.flag-kp {
  background-position: -128px -77px;
}
.flag.flag-kr {
  background-position: -144px -77px;
}
.flag.flag-kurdistan {
  background-position: -160px -77px;
}
.flag.flag-kw {
  background-position: -176px -77px;
}
.flag.flag-ky {
  background-position: -192px -77px;
}
.flag.flag-kz {
  background-position: -208px -77px;
}
.flag.flag-la {
  background-position: -224px -77px;
}
.flag.flag-lb {
  background-position: -240px -77px;
}
.flag.flag-lc {
  background-position: 0 -88px;
}
.flag.flag-li {
  background-position: -16px -88px;
}
.flag.flag-lk {
  background-position: -32px -88px;
}
.flag.flag-lr {
  background-position: -48px -88px;
}
.flag.flag-ls {
  background-position: -64px -88px;
}
.flag.flag-lt {
  background-position: -80px -88px;
}
.flag.flag-lu {
  background-position: -96px -88px;
}
.flag.flag-lv {
  background-position: -112px -88px;
}
.flag.flag-ly {
  background-position: -128px -88px;
}
.flag.flag-ma {
  background-position: -144px -88px;
}
.flag.flag-mc {
  background-position: -160px -88px;
}
.flag.flag-md {
  background-position: -176px -88px;
}
.flag.flag-me {
  background-position: -192px -88px;
}
.flag.flag-mg {
  background-position: -208px -88px;
}
.flag.flag-mh {
  background-position: -224px -88px;
}
.flag.flag-mk {
  background-position: -240px -88px;
}
.flag.flag-ml {
  background-position: 0 -99px;
}
.flag.flag-mm {
  background-position: -16px -99px;
}
.flag.flag-mn {
  background-position: -32px -99px;
}
.flag.flag-mo {
  background-position: -48px -99px;
}
.flag.flag-mp {
  background-position: -64px -99px;
}
.flag.flag-mq {
  background-position: -80px -99px;
}
.flag.flag-mr {
  background-position: -96px -99px;
}
.flag.flag-ms {
  background-position: -112px -99px;
}
.flag.flag-mt {
  background-position: -128px -99px;
}
.flag.flag-mu {
  background-position: -144px -99px;
}
.flag.flag-mv {
  background-position: -160px -99px;
}
.flag.flag-mw {
  background-position: -176px -99px;
}
.flag.flag-mx {
  background-position: -192px -99px;
}
.flag.flag-my {
  background-position: -208px -99px;
}
.flag.flag-mz {
  background-position: -224px -99px;
}
.flag.flag-na {
  background-position: -240px -99px;
}
.flag.flag-nc {
  background-position: 0 -110px;
}
.flag.flag-ne {
  background-position: -16px -110px;
}
.flag.flag-nf {
  background-position: -32px -110px;
}
.flag.flag-ng {
  background-position: -48px -110px;
}
.flag.flag-ni {
  background-position: -64px -110px;
}
.flag.flag-nl {
  background-position: -80px -110px;
}
.flag.flag-no {
  background-position: -96px -110px;
}
.flag.flag-np {
  background-position: -112px -110px;
}
.flag.flag-nr {
  background-position: -128px -110px;
}
.flag.flag-nu {
  background-position: -144px -110px;
}
.flag.flag-nz {
  background-position: -160px -110px;
}
.flag.flag-om {
  background-position: -176px -110px;
}
.flag.flag-pa {
  background-position: -192px -110px;
}
.flag.flag-pe {
  background-position: -208px -110px;
}
.flag.flag-pf {
  background-position: -224px -110px;
}
.flag.flag-pg {
  background-position: -240px -110px;
}
.flag.flag-ph {
  background-position: 0 -121px;
}
.flag.flag-pk {
  background-position: -16px -121px;
}
.flag.flag-pl {
  background-position: -32px -121px;
}
.flag.flag-pm {
  background-position: -48px -121px;
}
.flag.flag-pn {
  background-position: -64px -121px;
}
.flag.flag-pr {
  background-position: -80px -121px;
}
.flag.flag-ps {
  background-position: -96px -121px;
}
.flag.flag-pt {
  background-position: -112px -121px;
}
.flag.flag-pw {
  background-position: -128px -121px;
}
.flag.flag-py {
  background-position: -144px -121px;
}
.flag.flag-qa {
  background-position: -160px -121px;
}
.flag.flag-re {
  background-position: -176px -121px;
}
.flag.flag-ro {
  background-position: -192px -121px;
}
.flag.flag-rs {
  background-position: -208px -121px;
}
.flag.flag-ru {
  background-position: -224px -121px;
}
.flag.flag-rw {
  background-position: -240px -121px;
}
.flag.flag-sa {
  background-position: 0 -132px;
}
.flag.flag-sb {
  background-position: -16px -132px;
}
.flag.flag-sc {
  background-position: -32px -132px;
}
.flag.flag-scotland {
  background-position: -48px -132px;
}
.flag.flag-sd {
  background-position: -64px -132px;
}
.flag.flag-se {
  background-position: -80px -132px;
}
.flag.flag-sg {
  background-position: -96px -132px;
}
.flag.flag-sh {
  background-position: -112px -132px;
}
.flag.flag-si {
  background-position: -128px -132px;
}
.flag.flag-sk {
  background-position: -144px -132px;
}
.flag.flag-sl {
  background-position: -160px -132px;
}
.flag.flag-sm {
  background-position: -176px -132px;
}
.flag.flag-sn {
  background-position: -192px -132px;
}
.flag.flag-so {
  background-position: -208px -132px;
}
.flag.flag-somaliland {
  background-position: -224px -132px;
}
.flag.flag-sr {
  background-position: -240px -132px;
}
.flag.flag-ss {
  background-position: 0 -143px;
}
.flag.flag-st {
  background-position: -16px -143px;
}
.flag.flag-sv {
  background-position: -32px -143px;
}
.flag.flag-sx {
  background-position: -48px -143px;
}
.flag.flag-sy {
  background-position: -64px -143px;
}
.flag.flag-sz {
  background-position: -80px -143px;
}
.flag.flag-tc {
  background-position: -96px -143px;
}
.flag.flag-td {
  background-position: -112px -143px;
}
.flag.flag-tf {
  background-position: -128px -143px;
}
.flag.flag-tg {
  background-position: -144px -143px;
}
.flag.flag-th {
  background-position: -160px -143px;
}
.flag.flag-tj {
  background-position: -176px -143px;
}
.flag.flag-tk {
  background-position: -192px -143px;
}
.flag.flag-tl {
  background-position: -208px -143px;
}
.flag.flag-tm {
  background-position: -224px -143px;
}
.flag.flag-tn {
  background-position: -240px -143px;
}
.flag.flag-to {
  background-position: 0 -154px;
}
.flag.flag-tr {
  background-position: -16px -154px;
}
.flag.flag-tt {
  background-position: -32px -154px;
}
.flag.flag-tv {
  background-position: -48px -154px;
}
.flag.flag-tw {
  background-position: -64px -154px;
}
.flag.flag-tz {
  background-position: -80px -154px;
}
.flag.flag-ua {
  background-position: -96px -154px;
}
.flag.flag-ug {
  background-position: -112px -154px;
}
.flag.flag-um {
  background-position: -128px -154px;
}
.flag.flag-us {
  background-position: -144px -154px;
}
.flag.flag-uy {
  background-position: -160px -154px;
}
.flag.flag-uz {
  background-position: -176px -154px;
}
.flag.flag-va {
  background-position: -192px -154px;
}
.flag.flag-vc {
  background-position: -208px -154px;
}
.flag.flag-ve {
  background-position: -224px -154px;
}
.flag.flag-vg {
  background-position: -240px -154px;
}
.flag.flag-vi {
  background-position: 0 -165px;
}
.flag.flag-vn {
  background-position: -16px -165px;
}
.flag.flag-vu {
  background-position: -32px -165px;
}
.flag.flag-wales {
  background-position: -48px -165px;
}
.flag.flag-wf {
  background-position: -64px -165px;
}
.flag.flag-ws {
  background-position: -80px -165px;
}
.flag.flag-ye {
  background-position: -96px -165px;
}
.flag.flag-yt {
  background-position: -112px -165px;
}
.flag.flag-za {
  background-position: -128px -165px;
}
.flag.flag-zanzibar {
  background-position: -144px -165px;
}
.flag.flag-zm {
  background-position: -160px -165px;
}
.flag.flag-zw {
  background-position: -176px -165px;
}

[ancmapwidget] {
  width: 350px;
}

[ancmapwidget] .affich_ef_btns .btn {
  padding: 5px 7px;
}

.portailSwitcherAvance .filterPortals {
  margin: 15px auto;
  width: 500px;
}
.portailSwitcherAvance .monPortail {
  display: flex;
  border-bottom: 1px solid #eee;
}

.portailSwitcherAvance .portalsList {
  margin-top: 30px;
  max-height: 500px;
  overflow: auto;
}

.portailSwitcherAvance .monPortail .portailName {
  width: 40%;
  display: flex;
  flex-direction: column;
  padding: 5px;
  line-height: 21px;
}

.portailSwitcherAvance .monPortail .portailSelected {
  color: #ff1fa3;
}

.portailSwitcherAvance .monPortail:hover {
  background: #f4f4f4;
}

.portailSwitcherAvance .monPortail .portailName .name {
  font-weight: 600;
  cursor: pointer;
}
.portailSwitcherAvance .monPortail .portailName .uid {
  font-weight: 100;
  font-size: 0.65em;
}
.portailSwitcherAvance .monPortail .listeDesApps {
  width: 60%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
}
.portailSwitcherAvance .monPortail .badge {
  padding: 5px;
  border-radius: 0 !important;
  margin: 0 5px 2px 0;
  cursor: pointer;
  background: transparent;
  color: #555;
}
.portailSwitcherAvance .monPortail .badge.MapApp {
  color: #e55039;
}
.portailSwitcherAvance .monPortail .badge.AncApp {
  color: #0a3d62;
}
.portailSwitcherAvance .monPortail .badge.FormApp {
  color: #f6b93b;
}
.portailSwitcherAvance .monPortail .badge.Siroco {
  color: #e55039;
}
.portailSwitcherAvance .monPortail .badge.BacApp {
  color: #38ada9;
}
.portailSwitcherAvance .monPortail .badge.HpoApp {
  color: #1e3799;
}
.portailSwitcherAvance .monPortail .badge.CustomHtml {
  color: #38ada9;
}
.portailSwitcherAvance .monPortail .badge.MapAppV2 {
  color: #6d214f;
}
.portailSwitcherAvance .noAppForPortal {
  color: #888;
  font-size: 0.9em;
  font-style: italic;
}

/*
fix css map controls rotate et fullscreen
dirty fix dans le ol3.css on avait visiblement force l'affichage du fullscreen et du rotate
*/
body.map .ol-full-screen {
  top: 2.5em;
}
body.map .ol-rotate.ol-hidden {
  opacity: 1;
  visibility: visible;
}

/**
Recherche omega
**/
.omegaRecherchePointConsommation .filtre {
  padding: 5px 0;
}
.omegaRecherchePointConsommation .filtre .mini {
  font-size: 0.88em;
  margin-top: 7.5px;
}
.omegaRecherchePointConsommation .resultatRecherche {
  padding: 10px;
  margin: 15px 0;
}

.omegaRecherchePointConsommation th {
  font-size: 0.9em;
}

.checkbox-custom01 {
  display: inline-block;
  vertical-align: middle;
  /*    margin: 5px;*/
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-color: #fff;
  color: #8f8;
}

input.checkbox-input1[type='checkbox'] {
  margin: 4px 8px;
}
.checkbox-input1[type='checkbox']:before {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  content: '';
  background: #fff;
}
.checkbox-input1[type='checkbox']:after {
  position: relative;
  display: block;
  left: 3px;
  top: -15px;
  width: 12px;
  height: 11px;
  content: '';
}
.checkbox-input1[type='checkbox']:checked:after {
  background: #00ca9c;
}
.checkbox-custom1 {
  border-width: 5px;
  position: relative;
  top: 18px;
  z-index: 1;
  background: transparent;
  height: 20px;
}
.checkbox-custom2 {
  border-width: 5px;
  position: relative;
  top: 18px;
  z-index: 1;
  background: transparent;
}
.checkbox-custom1 + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

.checkbox-custom1 + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  background: #fff;
}
.checkbox-custom2 + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 23px;
  height: 23px;
  border: 1px solid #ddd;
  background: #fff;
}
.checkbox-custom1 + label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #00ca9c;
  position: absolute;
  top: 4px;
  left: 4px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.checkbox-custom2 + label:after {
  content: '';
  width: 15px;
  height: 15px;
  background: #00ca9c;
  position: absolute;
  top: 9px;
  left: 4px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.checkboxcustom1notchecked + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.checkboxcustom1checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.mandatory-attribute-missing {
  border: 2px solid red;
}

span.required:after {
  content: ' *';
  color: darkred;
}

.ancAdresse .row .color--black-italic {
  color: #0e0e0e;
  font-style: italic;
}
.ancAdresse .row .dropdown-menu {
  max-height: 150px;
  overflow-y: scroll;
}
.checkboxcustom1notchecked {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.checkboxcustom1checked {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/** categoryWidgetIconPicker **/
.categoryWidgetIconPicker {
  text-align: center;
}
.categoryWidgetIconPicker > .fa {
  font-size: 22px;
  cursor: pointer;
}
.categoryWidgetIconPicker .popover-content {
  width: 250px;
  padding: 0;
}
.categoryWidgetIconPicker .icon_picker .icons {
  margin: 0;
}
.selectedStyle {
  background-color: #99bbff;
}

.ancBacControleConfigurationUpDownButtons {
  padding-top: 3px;
  z-index: 10;
}

.ancBacControleConfigurationDocumentLabel {
  padding-left: 25px;
  z-index: 1;
  min-height: 35px;
}

.ancBacControleConfigurationDocumentLabelFileDoesntExist {
  padding-left: 25px;
  z-index: 1;
  min-height: 35px;
  color: red;
}

.fileDoesntExist {
  color: red;
}

.ancBacDossierConfirgurationLabelInput {
  margin-left: 35px;
  width: -webkit-fill-available;
  width: -moz-available;
}
.calConfigOdd {
  background-color: #dfffdf;
}

.calConfigEven {
  background-color: #cfdfff;
}

.calendardelete {
  float: right;
  position: absolute;
}

.calendareventopen {
  height: 10px;
}

.calendareventbtn {
  right: 1px;
  top: 1px;
  padding: 1px 4px;
  font-size: 8px;
  line-height: 1;
  border-radius: 3px;
  opacity: 0.7;
}
.getrole .roles-container {
  position: relative;
}
.getrole .roles-list-container{
  margin-top: -1px;
  margin-left: -16px;
}
.getrole .roles-title {
  margin: 0 0 5px 5px;
}
.getrole .roles-title .fa-list{
  margin-right: 2px;
}
.getrole .roles-comp-container {
  position: absolute;
  top: 34px;
  right: 35px;
  width: 300px;
  height: 140px;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
.getrole .roles-comp-container .roles-container{
  height: calc(100% - 36px);
  overflow-y: auto;
  font-size: 13px;
}
.getrole .roles-comp-container .dropdown-menu{
  z-index: 100000;
  min-height: 200px;
  position: absolute;
  bottom: 100%;
}
.configWorkflow {
  position: relative;
  overflow: hidden;
}

.configWorkflow .header {
  position: absolute;
  background: #fff;
  padding: 5px;
  z-index: 50;
  left: 0;
  right: 0;
  top: 0px;
}
.configWorkflow .body {
  margin: 50px 0 0 0;
  background: #fff;
  max-height: 700px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 9999;
}
.configWorkflow .link .templateform {
  transform: translateX(-1px);
}
.configWorkflow .roles-container {
  position: relative;
}

.configWorkflow .roles-title {
  margin: 0 0 5px -5px;
}
.configWorkflow .roles-title .fa-list{
  margin-right: 2px;
}

.configWorkflow .roles-comp-container {
  position: absolute;
  top: 34px;
  right: 35px;
  width: 300px;
  height: 120px;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
.configWorkflow .roles-comp-container .roles-container{
  height: 80px;
  overflow-y: auto;
  font-size: 13px;
}
.configWorkflow .roles-comp-container .dropdown-menu{
  z-index: 100000;
  min-height: 200px;
  position: absolute;
  bottom: 100%;
}
.configWorkflow .itemAction {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.configWorkflow .link-open-button {
  margin-top: 2px;
  transform: translate(2px,2px);
}
.configWorkflow .link-open-input {
  margin-top: 2px;
}
.intervflowWidget .title {
  color: #428bca;
  font-size: 16px;
}
.intervflowWidget .link {
  margin-left: 10px;
}

/* executeQueryManagerWidget */
.executeQueryManagerWidget {
  width: 350px;
}

.executeQueryManagerWidget .inner_lmw {
  height: 400px;
  overflow: auto;
}

.executeQueryManagerWidget .reduce {
  position: absolute;
  right: 10px;
  top: 7px;
  padding: 2px 5px;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
}

.executeQueryManagerWidget .globalCfg {
  background: rgb(209, 239, 232);
  height: 38px;
  padding: 2px 5px;
}

.executeQueryManagerWidget .globalCfg .expand {
  margin-top: 5px;
}

.executeQueryManagerWidget .globalCfg .expand i {
  margin: 5px 2px 0 5px;
}

.executeQueryManagerWidget .expand i {
  float: left;
  font-size: 13px;
  margin: 3px 8px 0 5px;
  cursor: pointer;
}

.executeQueryManagerWidget .globalCfg .actions {
  margin-right: 15px;
}

.executeQueryManagerWidget .globalCfg .action i {
  padding: 3px 0;
}

.executeQueryManagerWidget .layerGroup {
  position: relative;
}

.executeQueryManagerWidget .layerGroup .title {
  padding: 10px 3px 5px 5px;
  margin: 0;
  background: #dddcdc;
  font-size: 15px;
  color: #000;
}

.executeQueryManagerWidget .layerGroup .popover .btn {
  padding-top: 3px;
  padding-bottom: 3px;
}

.executeQueryManagerWidget .layerGroup .items {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}

.executeQueryManagerWidget .layerGroup .items > li {
  border-top: 1px solid #ddd;
  padding: 5px 3px 0 5px;
}

.executeQueryManagerWidget .action {
  float: right;
  display: inline-block;
  padding: 3px;
  font-size: 15px;
  margin-left: 5px;
  cursor: pointer;
}

.executeQueryManagerWidget .layerGroup .action > .disabled {
  opacity: 0.5;
}

.executeQueryManagerWidget .layername {
  width: 210px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 25px;
}
.ancBacDossierListAttachmentsButton {
  width: 45px;
}

.listeDeroulantesDossiersEtControles .selectDossierOrControle {
  margin-top: 20px;
  margin-bottom: 40px;
}
configcmd > .mapConfigButton {
  float: right;
}

.featuretypeactionIsDetail .iTitle {
  margin: 15px 0;
}
.featuretypeactionIsDetail .fieldsWrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 25px;
  border: 1px dashed #cacaca;
}
.featuretypeactionIsDetail.rendered .fieldsWrapper {
  padding: 15px;
}
.featuretypeactionIsDetail.rendered .rappelDiParent,
.featuretypeactionIsDetail.rendered .editCurrentDi {
  padding: 0 15px 15px 15px;
  border: 1px dashed #cacaca;
  margin-top: 5px;
}

.featuretypeactionIsDetail.rendered .iTitle {
  color: #e20060;
}
.featuretypeactionIsDetail.rendered .rappelDiParent .iTitle {
  margin-bottom: 0;
}

.featuretypeactionIsDetail.rendered .editCurrentDi .formField .input-group {
  display: block !important;
}
.featuretypeactionIsDetail.rendered .fieldsWrapper {
  border: none;
}
.featuretypeactionIsDetail.rendered .editCurrentDi .fieldsWrapper {
  border: none;
  padding: 0 !important;
}
.featuretypeactionIsDetail.rendered .editCurrentDi.edit {
  background: #dff0d8;
}

.featuretypeactionIsDetail.rendered .editCurrentDi .actionButtons {
  width: 100%;
  padding: 15px 0 0 0;
  text-align: right;
}
.featuretypeactionIsDetail.rendered .editCurrentDi .addTitle,
.featuretypeactionIsDetail.rendered .editCurrentDi .editTitle {
  display: none;
}

.featuretypeactionIsDetail.rendered .editCurrentDi.ajout .addTitle {
  display: block;
}
.featuretypeactionIsDetail.rendered .editCurrentDi.edit .editTitle {
  display: block;
}
.featuretypeactionIsDetail .field {
  width: 50%;
  padding: 5px;
}

.featuretypeactionIsDetail .rappel .field label {
  width: 50%;
  font-weight: 100;
}

.featuretypeactionIsDetail .rappel .field label + .value {
  font-weight: 800;
}

.featuretypeactionIsDetail .field.add {
  text-align: center;
}
.featuretypeactionIsDetail .field select {
  width: calc(100% - 30px);
}
.featuretypeactionIsDetail .field .removeFieldFromBloc {
  float: right;
  width: 20px;
  margin: 10px 0 0 5px;
}

.intervention_simple .isSelectTool {
  display: inline-block;
  margin: 5px 5px 5px 0;
}
.intervention_simple .noIsResult {
  text-align: center;
  padding: 55px 0 15px 0;
  font-style: italic;
}

.switchSelected {
  background-color: #a0ffa0;
  padding-left: 6px;
  padding-right: 6px;
}
.switchNotSelected {
  color: #b0b0b0;
  padding-left: 6px;
  padding-right: 6px;
}

.switchSelected:hover {
  background-color: #90ff90;
}

#arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid white;
  display: inline;
  left: -15px;
  z-index: 9999;
}

.popover-top {
  top: 0 !important;
}

.arrowShow {
  display: block;
}

.arrowHide {
  display: none;
}
.edigeo-row-header {
  height: 15px;
}
.edigeo .edigeo-title-label {
  font-size: 18px;
}
.edigeo-subtitle-label {
  font-size: 16px;
}
.edigeo-title-bold {
  font-weight: 700;
}
.edigeo-files-container {
  width: 100%;
  height: 110px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.edigeo-db-select {
  max-width: 300px;
  min-width: 150px;
}
.edigeo-comp-table-header {
  display: flex;
  align-items: center;
}
.edigeo-replace-data {
  display: inline;
  width: 15px;
  height: 13px;
}
.edigeo-replace-label-container {
  vertical-align: middle;
}
.edigeo-replace-label {
  display: block;
  margin: 0;
}
.edigeo-warning-container {
  height: 35px;
  display: table;
  width:80%;
}
.edigeo-warning {
  color: orangered;
  display: table-cell;
  vertical-align: middle;
}
.edigeo-disable-cause {
  background-color: #fdd;
  color: red;
}
.edigeo-pb-container{
  height: 100%;
  background-color: #cdf;
  margin: 0;
  padding: 0;
}
.edigeo-progress-bar {
  background-color: #67f;
  height: 100%;
  margin: 0;
  padding: 0 0 20px;
  color: white;
}
.edigeo-progress-bar p {
  text-align: center;
}
.edigeo-loading-launched .title-group {
  font-weight: 700;
}
.edigeo-loading-steps .step-error-message {
  color: red;
}
.edigeo-loading-steps .fa.fa-check {
  color: green;
}
.edigeo-loading-launched .communes-batch-imported {
  margin-top: 30px;
}
.edigeo-cancel-button {
  margin-top: 30px;
}
.edigeo-cancel-button div {
  height: 70px;
  text-align: center;
}
.edigeo-cancel-button button {
  margin-right: 1em;
}
.edigeo .line-height35 {
  height: 35px;
}
.edigeo .line-height20 {
  height: 20px;
}
.edigeo .line-height70 {
  height: 70px;
}
.edigeo .line-height10 {
  height: 10px;
}
.edigeo .line-height30 {
  height: 30px;
}
.edigeo .line-height5 {
  height: 5px;
}
.edigeo .commune-select-container {
  border-width: 1px;
}
.edigeo .commune-select-container .commune-label {
  font-size: 16px;
}
.edigeo .row-start {
  width: 10px;
}
.edigeo-component-suffix .suffix-input {
  width: 62px;
  padding: 6px 4px;
}
.edigeo-comp-table {
  width: 75%;
}
.edigeo.comp-table .source {
  text-align: center;
  font-size: 18px;
}
.edigeo.comp-table .layer,
.edigeo.comp-table .component {
  width: 25%;
  font-size: 18px;
}
.edigeo-comp-table .edigeo-comp-row {
  vertical-align: bottom;
}
.edigeo .commune-list-header > div {
  background-color: #ffd;
  font-size: 18px;
}
.edigeo .commune-list {
  width:100%;
  height:150px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.edigeo-suffix-confirm .modalBody {
  padding: 1em;
}
.edigeo-suffix-confirm .modalBody .sweet-alert {
  position: static;
  display: inline;
}
.edigeo-suffix-confirm .modalBody .sweet-alert.sa-icon {
  margin: 0 auto;
}
.edigeo-suffix-confirm .modalBody .buttons {
  display: flex;
  justify-content: center;
  margin: 2em 0;
}
.edigeo-suffix-confirm .modalBody .buttons button:first-of-type{
  margin-right: 4em;
}
.edigeo .source {
  cursor: default;
}
.edigeo .source label {
  font-weight: 400;
}
.edigeo .large-button {
  width: 100%;
}
#formControl {
  width: 120px !important;
  display: inline !important;
}
.formXYSRID {
  padding: 10px 0px 0px;
}

.aside-content .ng-hide {
  display: block !important;
}
.am-fade-and-slide-right {
  margin-top: -5px !important;
}

/* Pour faire un bouton coin arrond fond gris clair */
.rcorners1 {
  border-radius: 10px;
  background: #eeeeee;
  padding: 0px;
  width: 40px;
  height: 40px;
  -webkit-box-shadow: 2px 2px 4px 5px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 2px 2px 4px 5px #ccc; /* Firefox 3.5 - 3.6 */
  box-shadow: 2px 2px 4px 5px #ccc; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.itvButton {
  white-space: normal;
  width: 110px;
  -webkit-appearance: none;
}

.indigau-title {
  font-size: 16px;
}
.indigau-zone-action {
  border: 1px;
  margin: 1px;
}

.indigau-table tr td {
  margin: 2px;
  font-size: 12px;
}

.indigau-table {
  border-width: 2px;
  border-color: white;
}
.indigau-table td {
  margin: 2px;
  font-size: 13px;
  padding: 3px;
}
.indigau-table th {
  background-color: #7be0fe;
  border: 2px solid white;
  padding: 5px;
}
.indigau-table thead {
  font-size: 13px;
  background-color: #7be0fe;
  border: 2px solid white;
}
.indigau-table td {
  /* #background-color: burlywood;*/
  margin: 5px;
}

.indigau-densite-params {
  padding-left: 3px;
  padding-right: 3px;
}

.fixedTableHeader {
  position: sticky;
  top: 0;
}

.dropdown-toggle,
.dropdown-menu {
  display: inline-block;
  width: 100%;
}

.dropdown-toggle .glyphicon {
  margin-left: 20px;
  margin-right: -40px;
}
.dropdown-menu > li > a:hover {
  background: #f1f9fd;
} /* $search-blue */
.dropdown-header {
  background: #ccc;
  font-size: 14px;
  font-weight: 700;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
}
/* [MAP] Table de restriction (simple et multi) - Liste des valeurs - Corps de la liste */
.pickfromtable .table-wrapper {
  max-height: 350px;
  margin: 15px;
}
/* [MAP] Table de restriction - Liste des valeurs - Corps de la liste */
.pickfromtable .table-wrapper .body {
  display: block;
  overflow-y: auto;
  max-height: 250px;
}
/* [MAP] Table de restriction - Liste des valeurs - Coloration "stripped" des lignes */
.pickfromtable .body .line:nth-child(even) {
  background-color: #f2f2f2;
}
/* [MAP] Table de restriction - Liste des valeurs - Agencement du tableau en grid */
.pickfromtable .table-wrapper .line {
  display: grid;
  grid-template-columns: 40% 40% 20%;
}

/* [MAP] Table de restriction - Liste des valeurs - Cellule du tableau */
.pickfromtable .cell {
  padding: 0.4em;
  text-align: center;
  align-items: center;
}
/* [MAP] Table de restriction - Liste des valeurs - Cellule de la ligne des titres */
.pickfromtable .table-wrapper .header .line:first-of-type .cell,
.pickfromtable .added-elements .line:first-of-type .cell {
  font-weight: 700;
  padding-bottom: 0;
}
/* [MAP] Table de restriction - Liste des valeurs - Cellule "Action" de la ligne des titres */
.pickfromtable .table-wrapper .header .line:first-of-type .cell.scrollBarOffset,
.pickfromtable .added-elements .line:first-of-type .cell.scrollBarOffset {
  transform: translateX(-14px);
}
/* [MAP] Table de restriction multiple - Valeurs sélectionnées */
.pickfromtable .added-elements {
  max-height: 160px;
  overflow: auto;
  margin-top: 1em;
}
/* [MAP] Table de restriction multiple - Valeurs sélectionnées - Ligne de la liste */
.pickfromtable .added-elements .line {
  display: grid;
  grid-template-columns: 10% 45% 45%;
}
/* [MAP] Table de restriction multiple - Valeurs sélectionnées - Cellule de titre */
.pickfromtable .added-elements .line:first-of-type .cell {
  background-color: #f2f2f2;
}
/* [MAP] Table de restriction multiple - Valeurs sélectionnées - Cellule de la liste */
.pickfromtable .added-elements .line .cell {
  border: 1px solid #ccc;
}

.role-container {
  margin-top: 23px;
}
.width1100 > div{
  min-width: 1100px;
}

.omegaTitle{
  padding: 10px;
  background: hsla(218, 45%, 48%, 0.1);
  color: #448;
  font-weight: 600;
  font-size: 18px;
}
.omegaSousTitle{
  padding: 10px;
  font-size: 18px;
}
/* ————————————————————–
  modal rapports jasper
*/
.ng-dialog_report > div{
  padding-top: 30px !important;
  min-height: 290px;
}
.ng-dialog_report .imp_file_drop .text-center{
  margin-top: 30px;
  margin-bottom: 40px;
}
.ng-dialog_report .imp_file_drop form{
  margin-left: 30px;
}
#modal-report .flex-container{
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#modal-report .select-container{
  align-items: center;
  display: flex;
  justify-content: space-around;
  width: 90%;
}
#modal-report .app-select-container, #modal-report .type-select-container{
  display: flex;
  flex-direction: column;
  width: 180px;
  text-align: center;
}
.gcfilter .filterpicker select{
  margin-bottom: 10px;
}

/* ————————————————————–
  Popover du bouton "Enregistrer" d'un formulaire IS
*/
.its_onglet .buttons .popover {
  padding: 0;
  width: 350px;
  left: inherit !important;
  right: 0.5em !important;
  margin-bottom: 50px;
}
.its_onglet .buttons .popover .result {
  margin: 0;
  border-top: 5px solid #1abc9c;
  background: #f0f0f0;
  padding: 10px;
}
.its_onglet .buttons .popover .functions {
  border-top: 5px solid #674172;
  background: #f0f0f0;
  padding: 10px;
  margin-bottom: 0;
}
.its_onglet .buttons .popover .result label {
  color: #1abc9c;
}
.its_onglet .buttons .popover .functions .mainlabel{
  color: #674172;
  margin: 0 0 10px 10px;
}

.its_onglet .buttons .popover .btn {
  margin-left: 5px;
  margin-right: 0;
}
.its_onglet .buttons .btn-success {
  width: 20px;
  height: 20px;
}

.its_onglet.recherche {
  margin-bottom: 150px;
}

.renderedForm .render.intervention_simple .its_onglet .buttons {
  width: 100%;
  background-color: white;
  z-index: 2;
}
.renderedForm .render.intervention_simple .its_onglet .buttons .action-element {
  display: flex;
  justify-content: flex-start;
}
.renderedForm .render.intervention_simple .its_onglet .buttons .action-element button{
  margin-left: 0;
}
.builder .its_onglet .buttons .close-save,
.renderedForm .render.intervention_simple .its_onglet .buttons .close-save {
  display: flex;
}
.builder .its_onglet .buttons .close-save.builder {
  justify-content: flex-end;
}
.renderedForm .render.intervention_simple .its_onglet .buttons.buttons-center {
  justify-content: center;
  margin-left: -10px;
}

.renderedForm .render.intervention_simple .its_onglet .condensedElasticQuery .filter-panels {
  position: fixed;
  bottom: 0px;
  overflow-y: auto;
  top: 270px;
  left: 0px;
  padding-left: 20px;
  width: 100%;
}

.its_onglet.edition {
  margin-bottom: 50px;
}


.gc-selected-itinerary{
  font-weight: bold;
  background-color: #00e5ff;
}

.gc-selected-itinerary{
  font-weight: bold;
  background-color: #00e5ff;
}

.arcgis-portaledit-modal-content {
  margin: 20px 20px;
  font-size: 13px;
}
.arcgis-portaledit-defineid-desc {
  margin-bottom: 20px;
}
.arcgis-portaledit-defineid-input {
  display: inline-block;
  max-width: 180px;
  margin-right: 20px;
}
.arcgis-portaledit-defineid-warning {
  margin-top: 20px;
}
.arcgis-portaledit-defineid-popup {
  margin: 20px;
}
.arcgis-portaledit-defineid-popup .warning {
  border-color: #a94442;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(169,68,66,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(169,68,66,0.6);
}
.arcgis-portaledit-defineid-popup-buttons {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
.arcgis-portaledit-defineid-popup-buttons button:first-child {
  margin-right: 10px;
}
.arcgis-portaledit-defineid-popup-buttons button:last-child {
  margin-left: 10px;
}
/* ————————————————————–
  Import GPX
*/
#imp_gpx_main_div {
  width: 100%;
}
.import-gpx-buttons {
  display: flex;
  justify-content: center;
  position: relative;
}
.import-gpx-buttons button:first-of-type {
  margin-right: 5px;
}
.import-gpx-buttons button:last-of-type {
  margin-left: 5px;
}
.import-gpx-buttons img {
  position: absolute;
  right: 0;
}
.import-file-require {
  font-size: 12px;
  color: lightslategrey;
  margin-top: 30px;
  cursor: default;
  width: 300px;
}

.import-file-require ul {
  padding-inline-start: 18px;
}
.import-file-require ul li {
  margin-top: 10px;
}

.import-file-tree {
  font-family: sans-serif;
  color: lightslategrey;
  font-size: 12px;
  display: flex;
}

/* ————————————————————–
  Import GPX Tree core styles
*/
.import-file-tree .tree { margin: 1em; display: inline-block;}
.import-file-tree .tree input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.import-file-tree .tree input ~ ul { display: none; }
.import-file-tree .tree input:checked ~ ul { display: block; }

/* ————————————————————–
  Import GPX Tree rows
*/
.import-file-tree .tree li {
  line-height: 1.2;
  position: relative;
}
.import-file-tree .tree ul li { padding: 1em 0 0 1em; }
.import-file-tree .tree > li:last-child { padding-bottom: 0; }

/* ————————————————————–
  Import GPX Tree labels
*/
.import-file-tree .tree_label {
  position: relative;
  display: inline-block;
  background: #fff;
  margin-bottom: 0;
}
.import-file-tree label.tree_label { cursor: pointer; }

.import-file-tree label.tree_label:hover { color: #666; }

/* ————————————————————–
  Import GPX Tree expanded icon
*/
.import-file-tree label.tree_label:before {
  background: lightslategrey;
  color: #fff;
  position: relative;
  z-index: 1;
  float: left;
  margin: 0 1em 0 -2em;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  content: '+';
  text-align: center;
  line-height: .9em;
}
.import-file-tree :checked ~ label.tree_label:before {
  content: '–';
}

/* ————————————————————–
  Import GPX Tree branches
*/
.import-file-tree .tree li:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -.5em;
  display: block;
  width: 0;
  border-left: 1px solid lightslategrey;
  content: "";
}
.import-file-tree .tree_label:after {
  position: absolute;
  top: 0;
  left: -1.5em;
  display: block;
  height: 0.5em;
  width: 1em;
  border-bottom: 1px solid lightslategrey;
  border-left: 1px solid lightslategrey;
  border-radius: 0 0 0 .3em;
  content: '';
}
.import-file-tree label.tree_label:after {
  border-bottom: 0;
}
.import-file-tree :checked ~ label.tree_label:after {
  border-radius: 0 .3em 0 0;
  border-top: 1px solid lightslategrey;
  border-right: 1px solid lightslategrey;
  border-bottom: 0;
  border-left: 0;
  bottom: 0;
  top: 0.5em;
  height: auto;
}
.import-file-tree .tree li:last-child:before {
  height: 1em;
  bottom: auto;
}
.import-file-tree .tree > li:last-child:before {
  display: none;
}
.import-file-tree .tree_custom {
  display: block;
  background: #eee;
  padding: 1em;
  border-radius: 0.3em;
}
.import-file-tree .block-level {
  padding-left: 0;
  margin-left: -1px;
}
.import-file-tree .block-element {
  list-style: none;
  cursor: default;
}
.import-gpx-widget .filter-tab {
  width: 100%;
}
.import-gpx-widget .filter-tab-inner {
  margin-bottom: 10px;
}
.import-gpx-widget .allvisible {
  top: 2px; left: 3px;
}
.import-gpx-widget .layer-list {
  max-height:243px;
  overflow-y:auto;
  overflow-x:hidden;
  margin-right:0;
}
.import-gpx-widget .layer-list-repeat {
  width: 100%;
  padding-right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.import-gpx-widget .visible {
  float: left;
  padding-bottom: 0;
  padding-top: 0;
}
.import-gpx-widget .layername-label {
  padding-left: 5px;
}
.import-gpx-widget .copyin {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: left;
}
/* ————————————————————–
  Import features custom sweet alert
*/
.sweet-alert-custom {
  padding: 30px;
  width: auto;
}

.sweet-alert-custom p {
  line-height: 40px;
}

.sweet-alert-custom .import-resume-process {
  font-weight: inherit;
  margin-top: 30px;
}
.sweet-alert-custom .import-resume-process label {
  margin-left: 10px;
  font-weight: inherit;
}

.sweet-alert-custom .import-resume-process input {
  display: initial;
  width: auto;
  height: auto;
  margin: auto;
}

.radioButtonGroup {
  border-radius: 10px;
  border: 2px solid gray;
  padding: 5px;
}
.legendPopup .radioButtonGroup {
  font-size: 12px;
}
.graphic-fixedSize {
  margin:20px 0;
}

.centeredAlert {
  text-align: center;
}
.multiLineAlert {
  /* allow you to put '\n' in JSON translations */
  white-space: pre-wrap;
}

.multiLineAlertForRgpdmessage translate {
  /* allow you to put '\n' in JSON translations */
  white-space: pre-wrap;
}

.indicator-top-box {
  display: flex;
  position: relative;
}
.indicator-top-box > div:first-of-type {
  margin-right: 1em;
}

.indicator-top-box .getrole{
  margin-right: -30px;
}
.indicator-top-box .roles-title{
  margin-left: 85px;
}
.indicator-config,
.indicator-config .button-row{
  padding: 5px;
}
.indicator-config .button-row .btn {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
.indicator-config .list-container{
position: relative;
margin-top: 20px;
}
.indicator-config .list-container > div{
position: relative;
}
.indicator-config .editList .fixedHeaderTableWrapper {
overflow-x: visible;
}
.indicator-config .editList .ng-table-pager {
position: absolute;
bottom: -2.5em;
right: 0;
}
.indicator-config .datastore-select {
margin-bottom: 5px;
}
.indicator-config .report-select {
margin-left: 5px;
margin-bottom: 5px;
}
.indicator-config .report-upload {
display: none;
}
.indicator-config .report-remove {
margin-bottom: 5px;
margin-left:5px;
float:right;
}
.indicator-config span.report-remove-label,
.indicator-config label.custom-file-upload {
margin-left:5px;
}
.config-popup {
width: 300px;
position: absolute;
background: white;
border: solid grey 1px;
border-radius: 2px;
box-shadow: 0px 5px 10px lightgrey;
padding: 15px;
}
.checkups select{
  width: 300px;
}

.checkup-table {
  width: 100%;
  margin-bottom: 20px;
}
.checkup-table .title {
  font-weight: bold;
}

.checkup-table .results .status {
  width: 100px;
}
.checkup-table .results .status div {
  width: 100px;
  margin: 5px;
  padding: 5px;
  height: 100%;
  vertical-align: top;
  text-align: center;
}
.checkup-table .checkup-line {
  border-top: solid black 1px;
}

.checkup-table .results .status .success {
  background-color: #5cb85c;
}
.checkup-table .results .status .warning {
  background-color: #f39c12;
}
.checkup-table .results .status .error {
  background-color: #e74c3c;
}
.checkup-table .results .status .not-interresting {
  background-color: #e9e9e9;
}
.checkup-table .results .status .crash {
  background-color: darkred;
  color: white;
}

.checkup-table .results .message {
/* dipslay '\n' as new line */
  white-space: pre-wrap;
  max-height: 500px;
  overflow-y: auto;
}
.formBuilder .config-popup {
  z-index: 2;
  left: 500px;
}
.formBuilder .pick-position-window {
  border: solid darkgrey 2px;
  height: 120px;
  position: relative;
}
.formBuilder .pick-position-dialog {
  border: solid lightgrey 1px;
  width: fit-content;
  height: fit-content;
  position: absolute;
  cursor: pointer;
}
.formBuilder .pick-position-dialog translate{
  visibility: hidden;
}
.formBuilder .pick-position-dialog.position-selected {
  border: solid darkgrey 1px;
}
.formBuilder .pick-position-dialog.position-selected translate{
  visibility: visible;
}
.formBuilder .pick-position-dialog:hover {
  border: solid darkgrey 1px;
}
.esri-upt-index-warn-container {
  margin: 20px;
}
.formCheckbox-leftMargin {
  margin-left: 12px;
}
/** Business topology widget **/
#biztopology-config{
  padding: 20px;
}
#biztopology-config .tab-header{
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
#biztopology-config .tab-container{
  padding: 20px;
  border: 1px solid #ddd;
  border-top: none;
}

#biztopology-config .comp-selection{
  display: flex;
  margin-bottom: 10px;
}
#biztopology-config .comp-selection button{
  margin-right: 10px
}
#biztopology-config .comp-select{
  min-width: 225px;
}

#biztopology-config table{
  margin-left: 50%;
  transform: translateX(-50%);
}

#biztopology-config table, #biztopology-config th , #biztopology-config td{
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
}
#biztopology-config .rule-component{
  min-width: 180px;
}
#biztopology-config .operation-select{
  min-width: 200px;
}
#biztopology-config .rule-targets{
  min-width: 180px;
}
#biztopology-config .currentView{
  margin-left: 20px;
  margin-top: 20px;
}

#biztopology-config .themes{
  margin: 20px 0;
}
#biztopology-loading .button-container{
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}


#biztopologywidget .line-header{
  min-width: 130px;
}
#biztopologywidget .listfeatures{
  min-width: 215px;
}
#biztopologywidget .tolerance{
  max-width: 215px;
}
#biztopologywidget .validation{
  text-align: center;
}
.edigeoWarning {
  color: orangered;
}

.checkups select{
  width: 300px;
}

.checkup-table {
  width: 100%;
  margin-bottom: 20px;
}
.majicmaindiv .departementchoice  {
  height: 25px;
  width:25px;
}

.majicmaindiv .yearchoice  {
  height: 25px;
  width:80px;
}

.majicmaindiv .progressBar {
  position : fixed;
  z-index: 9999;
  top : 0px;
  left : 0px;
  height : 100%;
  width : 100%;
  cursor : wait;
  }

  .majicmaindiv .spacepresentationline {
    height: 70px;
    }

.checkup-table .title {
  font-weight: bold;
}

.checkup-table .results .status {
  width: 100px;
}
.checkup-table .results .status div {
  width: 100px;
  margin: 5px;
  padding: 5px;
  height: 100%;
  vertical-align: top;
  text-align: center;
}

.checkup-table .results .status .success {
  background-color: greenyellow;
}
.checkup-table .results .status .warning {
  background-color: yellow;
}
.checkup-table .results .status .error {
  background-color: red;
}
.checkup-table .results .status .not-interresting {
  background-color: #e9e9e9;
}
.checkup-table .results .status .crash {
  background-color: darkred;
  color: white;
}

.checkup-table .results .message {
  /* dipslay '\n' as new line */
  white-space: pre-wrap;
  max-height: 500px;
  overflow-y: auto;
}
.rapport-format {
  margin-top: 8px;
}
.action-currentcomponent-limitation{
  font-style: italic;
}
.action-currentcomponent-limitation label{
  font-weight: 300;
}
.action-role{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 10px;
}
.action-add-role-button{
  margin-right: 5px;
  cursor: pointer;
}
.role-add-container{
  padding-left: 0;
}
.roles-list-container{
  display: flex;
  align-items: center;
  margin-right: -16px;
}
.roles-list-container .bs-container {
  width: 100%;
  padding-right: 5px;
}
.roles-container{
  margin-top: 2px
}
.roles-container .role-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px;
}
.roles-container .role-row .remover{
  line-height: inherit;
  margin: 2px 0;
}
.role-add-button {
  height: 33px;
  width: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.role-add-button i {
  transform: translateY(2px);
}
.publish-user-flex {
  display: flex;
  align-items: center;
  margin-right: 10px;
  margin-left: 0;
}
.publish-user-pre{
  padding: 0;
}
.tool-config .roles-comp-container{
  margin-top: 3px;
  width: 275px;
  right: auto;
}
.tool-config .getrole .modalBody {
  height: 100%;
  padding: 0;
}
.getrole .modalBody .roles-container {
  calc(100% - 36px);
}
.tool-config .roles-title {
  margin: 0 0 5px 0;
}
.tool-config .row.buttons {
  margin-top: 1em;
}
.tool-config .row.buttons .col-xs-12 {
  display: flex;
  justify-content: center;
}
.defaultFilters_config .success {
  color: #5cb85c;
}
.defaultFilters_config .default {
  color: black;
}
.defaultFilters_config .editList{
  min-height: 300px;
  max-height: 600px;
}
.defaultFilters_config .fixedHeaderTableWrapper{
  margin-top: 45px;
}
.defaultFilters_config .fixedHeaderTableWrapper .toggleSearch{
  top: 5px;
}
.defaultFilters_config .fixedHeaderTableWrapper .fixInner {
  overflow-x: hidden;
}
.defaultFilters_config .editList_header{
  left: 0;
}
.defaultFilters_config .editList table {
  margin-left: 10px;
}
.defaultFilters_config .editList .fixedHeaderTableWrapper table tbody tr td:nth-child(1) {
  width: 50px;
}
.defaultFilters_config .editList .fixedHeaderTableWrapper table tbody tr td:nth-child(2) {
  width: 60px;
}
.defaultFilters_config .editList .fixedHeaderTableWrapper table tbody tr td:nth-child(n + 3) p{
  margin-top: 5px;
  margin-bottom: 0;
}
.defaultFilters_config .ng-table-pager{
  margin-right: 10px;
}
.addEditFiltre > .popup-panel{
  min-width: 620px;
}
.defaultFilters_edit {
  position: relative;
}
.defaultFilters_edit .editList{
  min-height: 250px;
  max-height: 600px;
}
.defaultFilters_edit .editList .fixedHeaderTableWrapper table tr:first-child th:first-child {
  width: 50px;
}
.defaultFilters_edit .editList .fixedHeaderTableWrapper table tr:first-child th:nth-child(2) div{
  text-overflow: unset;
}
.defaultFilters_edit .header {
  height: 130px;
  margin: 10px 0;
}
.defaultFilters_edit .header .category-container {
  position: relative;
}
.defaultFilters_edit .category {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.defaultFilters_edit .category .autocomplete {
  width: 250px;
}
.defaultFilters_edit .ui-select-choices {
  padding-bottom: 10px;
}
.defaultFilters_edit .name-title .inline-alert {
  margin-top: 5px;

}
.defaultFilters_edit .name-title {
  width: 500px;
  padding-top: 50px;
  margin-left: 50%;
  transform: translateX(-50%);
}
.defaultFilters_edit .name-title .name-container{

}
.defaultFilters_edit .name-title .title-container{
  margin-top: 10px;
}
.defaultFilters_edit .name-title label{
  width: 50px;
}
.defaultFilters_edit .name, .defaultFilters_edit .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.defaultFilters_edit .header .name-title .error-container {
  margin-left: 45px;
  margin-right: 0;
}
.defaultFilters_edit .error-container .alert{
  margin-top: 5px;
  margin-bottom: 10px;
}
.defaultFilters_edit .list-container {
  margin: 0 10px;
}
.defaultFilters_edit .list-container .editList {
  min-height: 120px;

}
.defaultFilters_edit .list-container .empty{
  min-height: 200px;
}
.defaultFilters_edit .editList_header {
  margin-top: 160px;
  left: 0;
}
.defaultFilters_edit .fixedHeaderTableWrapper .fixInner {
  overflow-x: hidden;
}
.defaultFilters_edit .list-container .table-margin-top-expand1 .editList .editList_header{
  margin-top: 180px;
}
.defaultFilters_edit .list-container .table-margin-top-expand2 .editList .editList_header{
  margin-top: 220px;
}
.defaultFilters_edit .button-container {
  margin-right: 10px
}
.defaultFilters_edit .button-container button {
  margin-bottom: 10px;
}
.defaultFilters_edit .editList table {
  margin-left: 10px;
}
.defaultFilters_edit .ng-table-pager{
  margin-right: 10px;
}
.defaultFilters_edit .category-buttons {
  display: flex;
  justify-content: space-evenly;
  width: 100px;
}
.delete-filter-content {
  margin-top: 10px;
}
.category-remove .ngdialog-content{
  width: 500px;
}
.defaultFilters_category {
  height: 120px;
}
.defaultFilters_category .newCategory-container{
  display: flex;
  justify-content: left;
  margin: 10px 0 0 0;
}
.dashboard_category {
  padding: 1em;
}
.dashboard_category .newCategory-container{
  display: flex;
  justify-content: center;
  margin: 10px 0 0 0;
}
.dashboard_category .newCategory-container input{
  width: 300px;
}
.defaultFilters_category .newCategory-container input{
  width: 250px;
}
.defaultFilters_category .propertyExistsMessage {
  margin: 0 35px 0 0;
}
.defaultFilters_category_delete {
  position: relative;
}
.dashboard_category_delete {
  padding: 1em;
}
.dashboard_category_delete .button-container button:first-of-type{
  margin-right: 0.5em;
}
.defaultFilters_category_delete .ngdialog-content{
  width: 500px;
}
.defaultFilters_category_delete .card-block {
  margin-left: 10px;
  margin-right: 10px;
}
.defaultFilters_category_delete .card-block ul {
  clear: both;
  list-style-type: none;
}
.defaultFilters_category_delete .card-block ul span {
  cursor: default;
}
.defaultFilters_category_delete .card-block .card-filter{
  cursor: pointer;
}
.defaultFilters_category_delete .card-block li.card-filter {
  width: 100px;
}
.defaultFilters_category_delete .card-block .alert{
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
.defaultFilters_category_delete .button-container {
  display: flex;
  width: 60%;
  margin-top: 20px;
  margin-left: 50%;
  transform: translateX(-50%);
}
.defaultFilters_category_delete .center-block {
  width: 110px;
  padding: 8px;
}

.defaultFilters_edit .propertyExists,.defaultFilters_category .propertyExists {
  border-color: #a94442;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(169,68,66,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(169,68,66,0.6);
}
.defaultFilters_category .error-container,
.dashboard_category .error-container{
  margin: 0 5px
}
.defaultFilters_category .button-container {
  position: absolute;
  bottom: 0;
  margin-left: 50%;
  transform: translateX(-50%);
}
.dashboard_category .button-container {
  position: absolute;
  bottom: 0;
  margin-left: 50%;
  transform: translateX(-60%);
}
.addEditClause {
  z-index: 2101; /* popup.zIndex + 1 */
}
.defaultFilters_clause {
  padding: 10px;
}
.defaultFilters_clause .component-container {

  width: 300px;
  margin-left: 50%;
  transform: translateX(-50%);
}
.defaultFilters_clause .component-container .autocomplete button{
  width: 300px;
}
.defaultFilters_clause .model-comp button {
  width: 300px;
}
.defaultFilters_clause .component-attribute {
  width: 300px;
  margin-top: 5px;
}
.defaultFilters_clause .operands {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: end;
  margin-top: 10px;
}
.defaultFilters_clause .attribute-value {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.defaultFilters_clause .attribute-value .value-button,
.defaultFilters_clause .attribute-value .date-input{
  width: 291px;
}
.defaultFilters_clause textarea {
  margin-top: 10px;
}
.defaultFilters_clause .button-container {
  margin-top: 10px;
}
.defaultFilters_clause .delete-clause-content {
  margin-top: 20px;
  text-align: center;
}

.executeQueryDialogAdd .roles-comp-container {
  left: 0px;
}
.executeQueryDialogAdd .getrole {
  margin-bottom: 130px;
}
.executeQueryDialogAdd .selectDatabase {
  max-width: 300px;
  min-width: 100px;
}
.executeQueryDialogAdd .parametersList {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 300px;
}

.executeQueryDialogExecute .parametersList {
  height: 230px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.feature-action-role{
  height: 180px;
}
.feature-action-role .roles-comp-container{
  margin-top: 10px;
}
.attributes-restriction-modal {
  position: relative;
  min-height: 150px;
  padding-bottom: 60px;
}
.attributes-restriction-modal .button-container {
  position: absolute;
  bottom: 0;
  right: 0;
}
.attributes-restriction-modal .user-restriction .row label.roles-title {
  margin-left: 50px;
}
.attributes-restriction-modal .roles-title {
  margin-left: 50px;
}
.attributes-restriction-modal-expanded {
  min-height: 320px;
}
.editList .sort_asc {
  color: red;
  text-overflow: unset;
}
.editList .sort_asc:after {
  position: relative;
  content: '\2191';
}
.editList .sort_desc {
  color: red;
  text-overflow: unset;
}

.editList .sort_desc:after {
  position: relative;
  content: '\2193';
}
.setDefaultValueByRole .modifyRoles {
  background-color: white;
  height: 170px;
  width: 340px;
  position: fixed;
  z-index: 10;
  border: solid darkgrey 1px;
}
.mapannotation-tool {
  margin-left: -4px;
}
/* ————————————————————–————————————————————–——————————
  Import CSV gestion longueur des champs du fichier CSV
*/
ul.importdivers {
  max-width: 300px;
}
li.importdivers {
  overflow-x: hidden;
}

/* @rami est-ce que tu ne voulais pas mettre white-space: no-wrap ? */
.centerCheckBox {
  vertical-align: -webkit-baseline-middle;
}

.alertSecurity {
  color: red;
  background-color: white;
}

.alertSecurityAllMsg {
  display: none;
}

.alertSecurityMsg:hover + .alertSecurityAllMsg {
  display: block;
  color: red;
}

.greenColor {
  color: green;
}

.fontSize20 {
  font-size: 20px;
}

.filterLayers{
  width: 470px;
  max-width: 470px;
}
.toggle-on {
  font-size: 20px;
  color:green;
}
.toggle-off{
  font-size: 20px;
}
.white{
  color: white;
}

/* [LOGIN] Notif-info - conteneur masqué si le repo ne contient pas de fichier login_notif.html */
#login_v2 .notif-info-container {
  display: none;
  position: absolute;
  width: 650px;
  height: 300px;
  bottom: 8em;
  left: 14em;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);

}
/* [LOGIN] Notif-info - contient le body et le bouton close */
#login_v2 .notif-info {
  position: relative;
  width: 100%;
  height: 100%;
}
/* [LOGIN] Notif-info - bouton close */
#login_v2 .notif-info-close {
  position: absolute;
  top: -20px;
  right: 0;
  color: #262626;
  width: 20px;
  height: 20px;
  text-align: center;
  cursor: pointer;
}
#login_v2 .notif-info-close:hover {
  color: #4c4a49;
}
/* [LOGIN] Notif-info - div dans laquelle est inséré le contenu du fichier login_notif.html */
#login_v2 .notif-info-body {
  width: 100%;
  height: 280px;
  padding: 0 10px 10px;
  margin-top: 20px;
  overflow-y: auto;
}

@media (max-width: 1000px) {
  /* [LOGIN] notif-info - placement de la popup sous le form de login */
  #login_v2 .notif-info-container {
    width: 80%;
    height: 200px;
    bottom: 2em;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }
  /* [LOGIN] notif-info - diminue la taille du body conformément à la diminution du conteneur */
  #login_v2 .notif-info-body {
    height: 180px;
    margin-top: 20px;
    overflow-y: auto;
  }
}
@media (min-width: 1000px) and (max-width: 1500px) {
  /* [LOGIN] notif-info - diminution des dimensions et des marges de la popup */
  #login_v2 .notif-info-container {
    width: 45%;
    height: 300px;
    bottom: 8em;
    left: 5em;
  }
}
.fti-misc-layer-input {
  text-align: left;
  display: flex;
  justify-content: start;
  align-items: center;
}
.fti-misc-layer-input select {
  padding-top: 0;
  padding-bottom: 0;
}
/* [MAP] Conteneur du toggle-switch et son texte - affichage flex */
.mapLeftMenu .user-theme {
  display: flex;
  justify-content: center;
  font-weight: 400;
}
/* [MAP]/[ANC/BAC] Conteneur du toggle-switch - homothétie */
.mapLeftMenu .user-theme .toggle-switch,
.app_nav.reduced.visible .user-theme .toggle-switch{
  transform: scale(0.6);
}
/* [MAP] Conteneur à l'intérieur du toggle-switch - largeur pour contenir le mot "sombre" */
.anc .user-theme .toggle-switch > div,
.bac .user-theme .toggle-switch > div,
.map .user-theme .toggle-switch > div {
  width: 150%;
}
/* [MAP] Label du toggle-switch: "Thème" - texte non-gras */
.map .user-theme label {
  font-weight: 300;
}
/* [MAP] Texte des deux côtés du toggle-switch: "Sombre" et "Clair" - padding l-r pour la largeur de "Sombre" */
.mapLeftMenu .user-theme .toggle-switch span {
  padding: 4px 8px;
}
/* [ADMIN] Edition du portail - Onglet "Thèmes" - Conteneur de la case à cocher
 pour autoriser les thèmes utilisateurs - alignement horizontal et vertical centré*/
.portal-authorize-theme {
  display: flex;
  justify-content: center;
  align-items: center;
  left: 120px;
}

.snap-color{
  margin-top: 8px;
}
/* [ADMIN] Edition du portail - Onglet "Thèmes" - Label de la case à cocher
 pour autoriser les thèmes utilisateurs - affichage sur 1 ligne */
.portal-authorize-theme span {
  white-space: pre;
}

/* [ADMIN] Edition du portail - Onglet "Thèmes" - Case à cocher
 pour autoriser les thèmes utilisateurs - marge gauche, hauteur et largeur */
.portal-authorize-theme input {
  margin-left: 10px;
  height: 16px;
  width: fit-content;
}

.itv_ds_network{
  color: grey;
  text-align: center;
  margin-bottom: 10px;
}
.itv_ds_network i{
  margin-left:10px;
}
/* [ITV] Soumission - Input des itv en attente */
.itv .attente-input {
  max-width: 300px;
}

/* [ITV] Soumission - Ligne de l'input d'ajout des vidéos d'un ITV */
.itvsoum .video-input-line {
  padding: 0;
}
/* [ITV] Soumission - Input d'ajout des vidéos d'un ITV */
.itvsoum .video-input {
  width:350px;
  height:34px;
  display:inline;
}
/* [ITV] Soumission - Label de l'input d'ajout des vidéos d'un ITV */
.itvsoum .video-input-label {
  margin-top:5px;
}
/* [ITV] Soumission - Input de type file d'ajout des vidéos d'un ITV */
.itvsoum .video-input-file {
  display: none;
}
.itvsoum .corresp-row {
  margin: 0;
}
.itvsoum .corresp-row .corresp-comp {
  padding: 0;
}
/* [ITV] Soumission - Schéma d correspondance.  */
.itvCorrespSvg {
  width: 100%;
  height: 120px;
}
.itvCorrespSvg circle,
.itvCorrespSvg rect {
  cursor: pointer;
}
.itvSoumGreenPipe {
  fill: green;
}
.itvSoumCheckPositionAAD {
  position: relative;
  left: 38px;
  top: 35px;
}
.itvSoumCheckPositionAAF {
  position: relative;
  left: 413px;
  top: 35px;
}
.itvSoumCheckPositionAAA {
  position: relative;
  left: 195px;
  top: 35px;
}
.itv-correspondance-panel {
  margin-bottom: 0.25em;
}
.itv-ignore-init-part {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.itv-ignore-init-part.right {
  justify-content: flex-end;
}
.itv-ignore-init-part > div > label > input {
  margin: 0;
  transform: translateY(2px);
}

.itvSoumGreen {
  color: green;
}

.itvSoumRed {
  color: red;
}

.itvSoumOrange {
  color: orange;
}
.itvsoum .corresp-identifiers {
  position: relative;
  top: -55px;
}
.itvSoumIdAmontPos {
  position: absolute;
  text-align: center;
  left: 43px;
  transform: translateX(-50%);
  font-weight: lighter;
}
.itvSoumIdTronconPos {
  position: absolute;
  text-align: center;
  left: 240px;
  transform: translateX(-50%);
  top: -5px;
  font-weight: lighter;
  max-width: 250px;
  display: flex;
  align-items: center;
}
.itvSoumIdTronconPos div {
  overflow: auto;
}
.itvSoumIdTronconPos span {
  margin-left: 4px;
}
.itvSoumIdAvalPos {
  position: absolute;
  display: flex;
  align-items: center;
  text-align: center;
  left: 437px;
  transform: translateX(-50%);
  font-weight: lighter;
}
.itvSoumIdAvalPos span{
  margin-left: 4px;
}
.itvSoumCorrespTools {
  padding-left: 40px;
  padding-bottom: 10px;;
}
.itvNetworkPath {
  top: 140px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.itvNetworkPath.ignore-portion {
  justify-content: right;
}

.admin-calendar {
  height: 100%;
  border: solid 1px #aaaaff;
}

#selectfeaturetreediv .action-row {
  padding-left: 15px;
}

#selectfeaturetreediv .action-row > div {
  padding: 0;
  display: flex;
  align-items: center;
}

.mapLeftMenu .mapMenuWrapper {
  z-index: 99;
}
.mapLeftMenu .mapMenuWrapper .pin {
  margin: 10px;
  transform: rotate(45deg);
  cursor: pointer;
}
.mapLeftMenu .mapMenuWrapper.pinned .pin {
  color: #f1005f;
}
.mapLeftMenu .mapMenuWrapper:not(.pinned) .pin {
  color: #999;
}
/* annimation left menu collapse when not :hover */
.mapLeftMenu:not(.mapLeftMenu:hover) .mapMenuWrapper:not(.pinned) {
  transform: translateX(-620px);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-in;
}
.mapLeftMenu:hover .mapMenuWrapper:not(.pinned) {
  transition-duration: 0.1s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.bizeditlineContrTab .lightWeightLabel {
  font-weight: 400;
}

.selectObjectForTreatment {
  padding-left: 10px;
  border: solid grey 1px;
  border-radius: 2px;
}
.itv-config-elements {
  margin: 10px;
}

.itv-arcgiscomponent-text {
  color: #45f;
}

/* [ITV] Soumission unitaire - dialog de la confirmation de suppression d'un ITV en attente -
 zIndex supérieur à celui de la popup de soumission */
.itv-pending-remove {
  z-index: 999999992;
}
.itvsoum table.image-params {
  max-width:380px;
  height:85px;
  overflow:auto;
  font-size:10px;
}
.itvsoum table.image-params td {
  text-align: center;
}


.maindivdirection .containeralert {
  padding-left: 200px;
}

.maindivdirection .containeralert .subdivdirection{
  width: 400px;
  height: 100px;
  /* background-color: blue; */
  border: thick double #32a1ce;;
}

.maindivdirection .containeralert .subdivdirection .bluebar {
  width: 390px;
  height: 33px;
  background-color: skyblue;
}

.maindivdirection .containeralert .subdivdirection .bluebar .titre {
  color: white;
  text-align: center;
  font-weight: 1000;

}

.maindivdirection .containeralert .subdivdirection .bluebar .close {
  float:right;
  display:inline-block;
  background-color: red;
  padding: 2px 5px 10px;
}

.optionskeys {
  display: inline-flex;
  flex-wrap: wrap;
   /*justify-content: space-between*/

}
.optionskeys > div {
  margin-left: 100px;
}

.optionopenroute {
  padding-bottom: 10px;
}

.optiongoogle{
  padding-bottom: 10px;
}

.newCssForPanel {

  width: 230px;
  height: 90px;
  padding-left: 100px;
  background-color:white;
  display: flex;
  justify-content: space-around

}

.styleButtonGeolocalisationWidgetLocationByAdress {
  height: 35px;
  width: 30px;
}

/* [ITV] Soumission unitaire - conteneur de la popup */
.itv-unit-container {
  margin: 10px;
  min-height: 490px;
  min-width: 450px;
  /*max-height: 490px;*/
}
.itv-unit-container .pending-itv-container {
  margin-left: 0;
}
.itv-unit-container .pending-itv-container.empty {
  margin-right: 0;
}
.itv-unit-container .pending-itv {
  text-align:center;
}
/* [ITV] Soumission unitaire - onglet de la popup */
.itv .itv-unit-tab {
  min-width: 100px;
  font-size: 16px;
}
.itv-error {
  color: red;
  font-style: oblique;
}

.itvsoum-small-list {
  height: 286px;
}
.itvsoum-large-list {
  height: 470px;
}

.itvsoum-round-button
{/* background-color:blue; *//* border: none; */
  border-radius:50px;
  text-decoration : none;
  width: 50px;
  height: 40px;
  color: #226bca;
  display: flex;
  justify-content: center;
  align-items: center;
}

.itv-header-table td:nth-child(2) {
  background-color: #dfdfdf;
}

.itv-details-main-container {
  width: 100%;
  height: 100%;
  display: flex;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-top: 0px;
  overflow-y: auto;
  max-height: 600px;
}

itv-details th {
  background-color: #62bbfd;
  color: #000;
  font-weight: bold;
}
/* Classe non utilisée */
.itv-details-container {
  max-height: 550px;
  overflow: auto;
  padding-left: 20px;
  padding-top: 5px;
  padding-right: 1px;
  margin-right: 5px;
}
/* [ITV UNITAIRE] conteneur de la popup de viusualisation d'un détail - le corps de la popup prend toute la hauteur */
.itv-soumission-rapport .popupPanel,
.itv-soumission-rapport .extendedNgDialogContent,
.itv-soumission-rapport .extendedNgDialogPanelBody {
  height: 100%;
}
/* [ITV UNITAIRE] popup de visualisation d'un détail - padding et position pour placement des boutons */
.itv-soumission-rapport .part-detail {
  height: 100%;
  position: relative;
  padding: 1em;
}
/* [ITV UNITAIRE] titre de la popup de visualisation d'un détail
 - place le status, le code principal et le libellé sur la même ligne */
.itv-soumission-rapport .detail-title {
  margin: 0;
  display: flex;
  justify-content: left;
  align-items: center;
}
/* [ITV UNITAIRE] statut d'un détail dans la popup de visualisation d'un détail */
.itv-soumission-rapport .status {
  width:15px;
  height:22px;
  border:solid #000 1px;
  margin-right: 0.5em;
}
/* [ITV UNITAIRE] code principal du détail dans la popup de visualisation d'un détail
 - place côte à côte le code et son libellé */
.itv-soumission-rapport .code-principal {
  display: flex;
  justify-content: left;
}
/* [ITV UNITAIRE] code principal du détail dans la popup de visualisation d'un détail
 - ajoute un espace entre le code et le libellé */
.itv-soumission-rapport .code-principal div:first-of-type {
  margin-right: 0.2em;
}

/* [ITV UNITAIRE] épaisseur des titres dans la popup de visualisation d'un détail */
.itv-soumission-rapport .code-principal div:first-of-type,
.itv-soumission-rapport .desc-title span,
.itv-soumission-rapport .position-codeen div span:first-of-type {
  font-weight: 700;
}
/* [ITV UNITAIRE] partie description dans la popup de visualisation d'un détail
 - espace avec la partie précédente (code principal) et la partie suivante (photo) */
.itv-soumission-rapport .description {
  margin: 1em 0;
}
/* [ITV UNITAIRE] titre de la description dans la popup de visualisation d'un détail
 - espace entre le titre et le rectangle noir */
.itv-soumission-rapport .desc-title {
  margin-bottom: 0.1em;
}
/* [ITV UNITAIRE] conteneur des éléments de description dans la popup de visualisation d'un détail
 - rectangle noir */
.itv-soumission-rapport .desc-box {
  max-height:100px;
  box-sizing:border-box;
  border: 1px solid #656464;
  margin: 0;
}
/* [ITV UNITAIRE] conteneur des éléments de description dans la popup de visualisation d'un détail
 - espace entre la bordure du rectangle noir et les textes inclus */
.itv-soumission-rapport .desc-box > div{
  padding: 0 0.3em;
}
/* [ITV UNITAIRE] éléments de description dans la popup de visualisation d'un détail
 - réduction de la taille du texte */
.itv-soumission-rapport .desc-info {
  font-size: 12px;
}
/* [ITV UNITAIRE] miniature de la photo dans la popup de visualisation d'un détail
 - fixe la hauteur de la photo */
.itv-soumission-rapport .picture {
  height: 250px;
}
/* [ITV UNITAIRE] conteneur des boutons prev/next de la popup de visualisation d'un détail
 - position fixe au bas de la popup */
.itv-soumission-rapport .actions {
  position: absolute;
  bottom: 1em;
}
/* [ITV UNITAIRE] conteneur des boutons prev/next - pas de position absolute pour l'onglet correspondance
 - ajuste la largeur pour ne pas dépasser à droite, écarte les éléments */
.itv-unit-container .actions,
.itv-soumission-rapport .actions {
  display: flex;
  width: calc(100% - 1.9em);
  justify-content: space-between;
  align-items: center;
}
/* [ITV UNITAIRE] bouton prev/next de la popup de visualisation d'un détail
 - ajustement du bouton sur l'icône ronde */
.itv-unit-container .actions button,
.itv-soumission-rapport .actions button {
  display: flex;
  justify-content: center;
  border-radius: 50%;
  width: 37px;
  height: 37px;
  padding: 0;
}
/* [ITV UNITAIRE] bouton prev/next de la popup de visualisation d'un détail
 - enlève la bordure noire au focus */
.itv-unit-container .actions button:focus,
.itv-unit-container .actions button:focus-visible,
.itv-soumission-rapport .actions button:focus,
.itv-soumission-rapport .actions button:focus-visible {
  outline: none;
}

/* [ITV SOUMISSION UNITAIRE] boutons Précédent/suivant de la popup d'un détail
 - simule la couleur d'un hyperlien <a> de lib.css */
.itv-unit-container .actions button span,
.itv-soumission-rapport .actions button span {
 color: #428bca;
  margin-top: -2px;
}
.itv-unit-container .actions button span {
  margin-top: -4px;
}
/* [ITV SOUMISSION UNITAIRE] boutons Précédent/suivant de la popup d'un détail
 - simule la couleur au survol et au focus d'un hyperlien <a> de lib.css */
.itv-unit-container .actions button span:hover,
.itv-unit-container .actions button span:focus,
.itv-soumission-rapport .actions button span:hover,
.itv-soumission-rapport .actions button span:focus {
  color:#2a6496;
}
.itv-unit-container .actions button:nth-child(2) span {
  margin-top: 5px;
  margin-left: 1px;
}
.itvCpAttributes {
  margin-top: 10px;
}
.itvCpAttributes td {
  padding: 10px;
  border: #c6c6c6 solid 1px;
}
.itvDivNoWrap {
  display: inline-table;
}
.itvAlignBottom {
  vertical-align: bottom;
}
.itvVerticalAlignBaseline {
  vertical-align: "-webkit-baseline-middle";
}
.itvInlineFlex {
  display: inline-flex;
  width: max-content;
}
.itvInlineLabel {
  display: inline;
  font-size: 12px;
}
.itvSoumBtnMargin {
  margin-top: 35px;
}
.itvCreationBrchtEnMasse {
  text-align: left;
  position: absolute;
  top: 545px;
  left: 30px;
}
.itvConnectionPipeCreationProgressBar {
  width:100%;
  height: 20px;
}

.itvMassActions {
  text-align: center;
  position: absolute;
  top: 570px;
}
/* [ADMIN - PORTAL] onglet "Page d'accueil" d'un portail */
.portal-homepage-container {
  margin-top: 15px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* [ADMIN - PORTAL] onglet "Page d'accueil" - checkbox */
.portal-homepage-container input {
  margin: 0 10px 0 0;
}
/* [ADMIN - PORTAL] onglet "Page d'accueil" - Label de checkbox - enlève margin pr vertical align */
.portal-homepage-container  label {
  margin-bottom: 0;
}
/* [ADMIN - PORTAL] onglet "Page d'accueil" - Liste des pages d'accueil disponibles du portail
 - alignement du titre de la liste */
.portal-homepage .availables-container > div:first-of-type{
  text-align: center;
}
/* [ADMIN - PORTAL] onglet "Page d'accueil" - Page d'accueil ds la liste des pages d'accueil disponibles
 du portail  */
.portal-homepage .availables {
  display: flex;
  justify-content: center;
}
/* [ADMIN - PORTAL] onglet "Page d'accueil" - Bouton rouge supprimer d'une page d'accueil
 dans la liste des pages d'accueil disponibles du portail */
.portal-homepage .availables > div > a {
  margin-left: 1em;
}

/* [ADMIN] Conteneur de la page d'accueil dans home.html - prend la hauteur de xgos_main */
.homepage-container {
  height: inherit;
}
/* [ADMIN - PAGE ACCUEIL] - Conteneur global de la page d'accueil "v2" */
.kis-home-client{
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
/* [ADMIN - PAGE ACCUEIL] - Etire le corps de la page jusqu'au bas de la page
 - permet à l'immage de s'étendr jusqu'au bas de page */
.kis-home-client > * {
  flex-shrink: 0;
}
.kis-home-client .kis-home-content {
  flex-grow: 1;
}
/* [ADMIN - PAGE ACCUEIL] - Enlève la possibilité de mettre un objet en surbrillance */
.kis-home-client .disable-select,
.kis-home-client-popup .disable-select {
  user-select: none; /* supported by Chrome and Opera */
  -webkit-user-select: none; /* Safari */
  /*-khtml-user-select: none;*/ /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}
/* [ADMIN - PAGE ACCUEIL] - Enlève le bouton de redimensionnement des textarea */
.kis-home-client textarea,
.kis-home-client-popup textarea {
  resize: none;
  border: 1px dashed #ccc
}
/* [ADMIN - PAGE ACCUEIL] - Re-positionne les icônes des mini-boutons d'édition (crayon) */
.kis-home-client .fa-edit {
  transform: translateX(1px);
}
/* [ADMIN - PAGE ACCUEIL] - Conteneur du toggle de rédaction du header de la page d'accueil HTML/Wizard
 - position aboslute haut-centre */
.kis-home-client .custom-header-toggle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
/* [ADMIN - PAGE ACCUEIL] - Toggle de rédaction du header de la page d'accueil HTML/Wizard
 - réduit la taille du bouton pour ne pas être plus gros que "Annuler"/"Enregistrer" */
.kis-home-client .custom-header-toggle .toggle-switch{
  transform: scale(0.7);
}
/* [ADMIN - PAGE ACCUEIL] - Icones du toggle de rédaction du header de la page d'accueil HTML/Wizard
 - améliore la lisibilité des icônes fontawesome */
.kis-home-client .custom-header-toggle .toggle-switch span > i {
  font-size: 1.3em;
}
/* [ADMIN - PAGE ACCUEIL] Bouton violet de configuration de la page d'accueil (configcmd) */
.kis-home-client .config-button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: right;
  flex-direction: row;
}
.kis-home-client .config-button > button:first-of-type {
  margin-right: 1em;
  background: none;
  color: rgb(76, 74, 73);
  border: none;
}
.kis-home-client .config-button .mapConfigButton {
  margin-bottom: 0;
}
/* [ADMIN - PAGE ACCUEIL] Bouton violet de configuration de la page d'accueil (configcmd) */
.kis-home-client .kis-home-header.custom textarea{
  width: 100%;
  height: 20vh;
  margin-top: 2.1em;
}
/* [ADMIN - PAGE ACCUEIL] - Bouton css "Police en gras" dans la page d'accueil - couleur quand actif */
.kis-home-client .kis-home-header .bold-button.bold,
.kis-home-client .kis-home-content .bold-button.bold,
.kis-home-client-popup .bold-button.bold{
  background-color: rgba(76, 74, 73, 0.12);
}
/* [ADMIN - PAGE ACCUEIL] Header - Affichage flex titre / sous-titre */
.kis-home-client .kis-home-header {
  display: flex;
  align-items: center;
}
/* [ADMIN - PAGE ACCUEIL] Header - Espace en haut de la page laissé aux boutons de configcmd */
.kis-home-client .kis-home-header.config {
  padding-top: 10px;
}
/* [ADMIN - PAGE ACCUEIL] Header - Marge des 2 divs en ligne du header (logo, titre+sous-titre) */
.kis-home-client .kis-home-header .homepage-logo,
.kis-home-client .kis-home-header .title-subtitle {
  margin: 20px 0;
}
/* [ADMIN - PAGE ACCUEIL] Conteneur du logo de la page d'accueil */
.kis-home-client .kis-home-header .homepage-logo {
  display: flex;
  margin-right: 15px;
}
/* [ADMIN - PAGE ACCUEIL] Logo de la page d'accueil - reçoit background-image en ng-style */
.kis-home-client .kis-home-header .homepage-logo .logo {
  height: 100px;
  width: 150px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* [ADMIN - PAGE ACCUEIL] Inputs color de la page d'accueil
 - masque les inputs pour pouvoir personnaliser en bouton */
.kis-home-client-popup .action-container input[type=color],
.kis-home-client .action-container input[type=color],
.kis-home-client-popup .action-container input[type=color] {
  visibility: hidden;
}
/* [ADMIN - PAGE ACCUEIL] Popover sur bouton du logo ou arrière-plan
- Titre "Charger une image de la biblio" - marge bas */
.kis-home-client-popup .config-side .image-layout-text,
.kis-home-client .action .popover .popover-content .image-layout-text,
.kis-home-client .action .popover .popover-content .dropzone-text {
  margin-bottom: 5px;
}
/* [ADMIN - PAGE ACCUEIL] Popover sur bouton du logo ou arrière-plan
- Conteneur des miniatures d'images - placement en mosaïque, bordure */
.kis-home-client .kis-home-header .homepage-logo .action .homepage-image.popover .popover-content .image-layout,
.kis-home-client .kis-home-content .action .homepage-image.popover .popover-content .image-layout,
.kis-home-client-popup .config-side .image-layout {
  padding: 5px;
  width: 100%;
  display: flex;
  flex-flow: wrap;
  border: 2px dashed #ccc;
  border-radius: 5px;
}
/* [ADMIN - PAGE ACCUEIL] Popover sur bouton du logo ou arrière-plan
 - Conteneur de miniature sélectionné - dimensions */
.kis-home-client-popup .config-side .image-item,
.kis-home-client .action .popover-content .image-item {
  width: 70px;
  height: 70px;
  padding: 5px;
}
/* [ADMIN - PAGE ACCUEIL] Popover sur bouton du logo ou arrière-plan
 - Conteneur de miniature sélectionné - couleur bg */
.kis-home-client .homepage-logo .action .popover-content .image-item.active,
.kis-home-client .kis-home-content .action .homepage-image.popover .popover-content .image-item.active,
.kis-home-client-popup .config-side .image-item.active {
  background: #2F65CA;
}
/* hide the link when item is NOT :hover */
.kis-home-client .homepage-logo .action .popover-content .image-item-container a,
.kis-home-client .kis-home-content .action .popover-content .image-item-container a,
.kis-home-client-popup .config-side .image-item-container a {
  visibility: hidden;
}
/* show the link when item IS :hover */
.kis-home-client .homepage-logo .action .popover-content .image-item-container:hover a,
.kis-home-client .kis-home-content .action .popover-content .image-item-container:hover a,
.kis-home-client-popup .config-side .image-item-container:hover a {
  visibility: visible
}
/* [ADMIN - PAGE ACCUEIL] Popover sur bouton du logo ou arrière-plan - Miniature d'image */
.kis-home-client .kis-home-header .homepage-logo .action .homepage-image.popover .popover-content .image-item img,
.kis-home-client .kis-home-content .action .homepage-image.popover .popover-content .image-item img,
.kis-home-client-popup .config-side .image-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  cursor: pointer;
}
/* [ADMIN - PAGE ACCUEIL] Popup et popover - Image dans mosaïque - ombre au survol si non active */
.kis-home-client .kis-home-header .homepage-logo .popover-content .image-item:hover:not(.active) img,
.kis-home-client .kis-home-content .popover-content .image-item:hover:not(.active) img,
.kis-home-client-popup .config-side .image-item:hover:not(.active) img {
  box-shadow: 0 0 5px #B2B2B2;
}
/* [ADMIN - PAGE ACCUEIL] Popover sur bouton du logo ou arrière-plan - Dropzone - largeur */
.kis-home-client .action .popover-content .dropzone-container form {
  width: 100%;
  max-width: unset;
}
/* [ADMIN - PAGE ACCUEIL] Popover sur bouton du logo ou arrière-plan
 - Conteneur du bouton "Enregistrer" - alignement horizontal */
.kis-home-client .groups-links-container .action .popover-content .button-container,
.kis-home-client .homepage-logo .action .popover-content .button-container,
.kis-home-client-popup .button-container {
  display: flex;
  justify-content: center;
  margin: 10px auto;
}
/** [ADMIN - PAGE ACCUEIL] Header - Conteneur titre + sous-titre - calcule la largeur: 100% - largeur logo */
.kis-home-client .kis-home-header .title-subtitle {
  width: calc(100% - 150px);
  width: -moz-calc(100% - 150px);
  width: -webkit-calc(100% - 150px);
}
/** [ADMIN - PAGE ACCUEIL] Header - Conteneur du sous-titre - Taille du texte */
.kis-home-client .kis-home-header .subtitle {
  font-size: 16px;
  margin-top: 10px;
}
/** [ADMIN - PAGE ACCUEIL] Header - Titre ou sous-titre - Affichage en ligne */
.kis-home-client .kis-home-header .title > div,
.kis-home-client .kis-home-header .subtitle > div,
.kis-home-client .kis-home-groups .grouptitle > div,
.kis-home-client .kis-home-links .linktitle > div,
.kis-home-client-popup .config-side .title {
  display: flex;
  flex-direction: column;
}
/* [ADMIN - PAGE ACCUEIL] Barre des boutons css dans la page d'accueil - affichage flex et marge gauche */
.kis-home-client .kis-home-header .title .action-top,
.kis-home-client .kis-home-header .subtitle .action-top,
.kis-home-client .kis-home-groups .groups-label .action-top,
.kis-home-client .kis-home-links .groups-label .action-top,
.kis-home-client-popup .config-side .action-top {
  margin-left: 5px;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
/* [ADMIN - PAGE ACCUEIL] Conteneur d'une action (bouton ou input-color) du titre ou sous-titre
 - dimensions, position relative */
.kis-home-client .kis-home-header .title .action-container,
.kis-home-client .kis-home-header .subtitle .action-container,
.kis-home-client .kis-home-groups .action-container,
.kis-home-client .kis-home-links .action-container,
.kis-home-client-popup .config-side .action-container {
  width: 22px;
  height: 22px;
  position: relative;
}
/*  [ADMIN - PAGE ACCUEIL] Conteneur des boutons css "Couleur de police" et "gras" dans la page d'accueil
 - affichage flex */
.kis-home-client .kis-home-header .title .title-color-bold,
.kis-home-client .kis-home-header .subtitle .subtitle-color-bold,
.kis-home-client .kis-home-groups .groups-label .grouptitle-color-bold,
.kis-home-client .kis-home-links .groups-label .linktitle-color-bold,
.kis-home-client-popup .config-side .title-color-bold,
.kis-home-client-popup .config-side .desc-color-bold {
  display: flex;
  align-items: center;
}
/*  [ADMIN - PAGE ACCUEIL] Conteneur du bouton css "gras" du titre ou sous-titre
 - ajuste l'alignement vertical */
.kis-home-client .kis-home-header .title .title-color-bold .action-container:last-of-type{
  margin-bottom: 1px;
}
/* [ADMIN - PAGE ACCUEIL] Bouton css "gras" dans le conteneur des boutons css "Couleur de police"
 et "gras" dans la partie gauche ou droite du corps de la page - marge gauche pour espacer les boutons */
.kis-home-client .kis-home-header .title .title-color-bold .action-container:last-of-type,
.kis-home-client .kis-home-header .subtitle .subtitle-color-bold .action-container:last-of-type,
.kis-home-client .kis-home-groups .grouptitle-color-bold .action-container:last-of-type,
.kis-home-client .kis-home-links .linktitle-color-bold .action-container:last-of-type,
.kis-home-client-popup .config-side .title-color-bold .action-container:last-of-type,
.kis-home-client-popup .config-side .desc-color-bold .action-container:last-of-type {
  margin-left: 5px
}
/* [ADMIN - PAGE ACCUEIL] Bouton css "Police en gras" du sous-titre de la page d'accueil
 - uniformise l'alignement vertical du bouton par rapport au reste */
.kis-home-client .kis-home-header .subtitle .subtitle-color-bold .action-container:last-of-type {
  margin-top: -3px;
}
/* [ADMIN - PAGE ACCUEIL] Bouton css "Taille de police" des titres de bloc gauche/droite
 - uniformise la hauteur du bouton par rapport au reste */
.kis-home-client .kis-home-groups .grouptitle-color-bold .action-container:last-of-type,
.kis-home-client .kis-home-links .linktitle-color-bold .action-container:last-of-type {
  margin-top: -1px;
}
/* [ADMIN - PAGE ACCUEIL] Conteneur de la taille de police dans la page d'accueil: icone et input
 - affichage flex en ligne, alignement vertical et marge à gauche pour éloigner du bouton de gauche */
.kis-home-client .kis-home-header .title .action-top .title-fontsize,
.kis-home-client .kis-home-header .subtitle .action-top .subtitle-fontsize,
.kis-home-client .kis-home-groups .grouptitle-fontsize,
.kis-home-client .kis-home-links .linktitle-fontsize,
.kis-home-client-popup .config-side .title-fontsize,
.kis-home-client-popup .config-side .desc-fontsize {
  display: flex;
  align-items: center;
  margin-left: 5px;
}
/* [ADMIN - PAGE ACCUEIL] Input de la "Taille de police" dans la page d'accueil - dimensions, abaissement et padding */
.kis-home-client .kis-home-header .title .title-fontsize .number-input > input,
.kis-home-client .kis-home-header .subtitle .subtitle-fontsize .number-input > input,
.kis-home-client .kis-home-content .grouptitle-fontsize .number-input > input,
.kis-home-client .kis-home-content .linktitle-fontsize .number-input > input,
.kis-home-client-popup .config-side .title-fontsize .number-input > input,
.kis-home-client-popup .config-side .desc-fontsize .number-input > input {
  width: 45px;
  height: 22px;
  margin-top: 0;
  padding: 0 0 0 5px;
}

/*
le label englobe un input color.
Afin de remplacer le visuel de l'input color par un bouton avec une icone colorée,
l'input color est masqué dans le label et l'image svg est affiché en masque.
Cela permet à l'image svg d'avoir pour couleur la couleur d'arrière-plan (background-color)
et que celle-ci corresponde à la couleur sélectionnée dans l'input.
 */
/* [ADMIN- PAGE ACCUEIL] Label du bouton css "Couleur de police" dans la page d'accueil
 - image svg en masque et position du masque */
.kis-home-client label.font-color,
.kis-home-client-popup label.font-color {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
  -webkit-mask: url("../img/admin/homepage/button/font-color.svg") no-repeat center;
  -webkit-mask-position-y: 2px;
  -webkit-mask-position-x: 2px;
  mask: url("../img/admin/homepage/button/font-color.svg") no-repeat center;
  mask-position: 2px 2px;
}
/* [ADMIN- PAGE ACCUEIL] Affichage des news - Conteneur du label, input et bouton */
.kis-home-news-manager {
  display: flex;
  align-items: center;
  width: 25vw;
  justify-content: left;
}
.kis-home-news-manager > div {
  display: flex;
  align-items: center;
  width: 5vw;
  justify-content: space-evenly;
}
/* [ADMIN- PAGE ACCUEIL] Affichage des news - bouton affiche en mode config - enlève bg et bordure */
.kis-home-news-manager button {
  background: inherit;
  border: inherit;
  padding: 0;
}
/* [ADMIN- PAGE ACCUEIL] Affichage des news - label et input - enlève les marges par défaut
 pour alignement vertical */
.kis-home-news-manager label,
.kis-home-news-manager input {
  margin: 0;
}
/* [ADMIN- PAGE ACCUEIL] Fil d'actualité - dimensions et couleurs de la div */
.kis-home-client .kis-home-news {
  width: 65%;
  height: fit-content;
  background-color: #00497b;
  color: #FFFFFF;
  padding: 0.5em 1.5em;
  border-radius: 0.4em;
}
/* [ADMIN - PAGE ACCUEIL] Fil d'actualité - Conteneur du titre du bloc
 - taille et gras de la police par défaut */
.kis-home-client .kis-home-news .title {
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 10px;
}
.kis-home-client .kis-home-news .title textarea {
  width: 100%;
  background-color: #00497b;
  color: #FFFFFF;
  padding: 0;
  font-size: inherit;
}
/* [ADMIN - PAGE ACCUEIL] Corps de la page - position relative pour le bouton d'arrière-plan */
.kis-home-client .kis-home-news .content {
  position: relative;
}
/* [ADMIN - PAGE ACCUEIL] NEWS - Ligne d'une actualité dans le bloc bleu - affichage texte et 3 points sur la même ligne */
/*.kis-home-client .kis-home-news .content .news-events,
.kis-home-client .kis-home-news .content .news-events .event,
.kis-home-client .kis-home-news .content .news-events .event .event-content {
  display: flex;
  align-items: center;
}*/

.kis-home-client .kis-home-news .content .news-events:not(:last-of-type) {
  margin-bottom: 10px;
}

.kis-home-client .kis-home-news .content .news-events .event-text h1,
.kis-home-client .kis-home-news .content .news-events .event-text p {
  display: flex;
  margin: 0;
}

/* [ADMIN - PAGE ACCUEIL] NEWS - Ligne d'une actualité dans le bloc bleu - largeur de la partie texte */
.kis-home-client .kis-home-news .content .news-events .event .event-content {
  display: flex;
  align-items: center;
}
.kis-home-client .kis-home-news .content .news-events .event.exceed-width {
  display: flex;
  align-items: center;
}
.kis-home-client .kis-home-news .content .news-events .event .event-content.exceed-width {
  width: 90%;
  display: flex;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* [ADMIN - PAGE ACCUEIL] NEWS - Ligne d'une actualité dans le bloc bleu - largeur des 3 points */
.kis-home-client .kis-home-news .content .news-events .event .event-expand {
  width: 10%;
  display: flex;
  justify-content: end;
}
.kis-home-client .kis-home-news .content .news-events .event .event-expand button {
  background: transparent;
  color: #fff;
  border: none;
}
.home-news-expanded.popover {
  max-width: fit-content;

}

.home-news-expanded .popover-content {
  width: fit-content;
  width: -moz-fit-content;
  color: #000000;
}

.kis-home-client .kis-home-news .content .news-events .event .event-content > span:nth-child(2) {
  min-width: 10px;
}

/* [ADMIN - PAGE ACCUEIL] NEWS - Conteneur du texte d'une actualité */
.kis-home-client .kis-home-news .content .news-events .event .event-content > span:last-child {
  /* display: inline-flex; */
  /* commenté pour le rendu des sauts de ligne du html.
  On ne supprime pas la règle car les spécifications vont évoluer */
}
/* [ADMIN - PAGE ACCUEIL] NEWS - Réduction de l'écartement au-dessus d'une actualité contenant h1 */
.kis-home-client .kis-home-news .content .news-events .event .event-content h1,
.kis-home-client .kis-home-news .content .news-events .event .event-content h2,
.kis-home-client .kis-home-news .content .news-events .event .event-content h3,
.kis-home-client .kis-home-news .content .news-events .event .event-content h4,
.kis-home-client .kis-home-news .content .news-events .event .event-content h5 {
  margin-top: 0;
}
/** [ADMIN- PAGE ACCUEIL] Corps de la page - calcul de la hauteur pour laisser la place au header
 et ajustement de l'image d'arrière-plan */
.kis-home-client .kis-home-content {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  position: relative;
}
/* [ADMIN- PAGE ACCUEIL] Conteneur d'un bouton dans le corps de la page d'accueil
 - position relative */
.kis-home-client .kis-home-content .action-container,
.kis-home-client-popup .config-side .action-container {
  position: relative;
}
/* [ADMIN- PAGE ACCUEIL] Icone de l'input number de la taille de police - image d'arrière-plan */
.kis-home-client .kis-home-header .title-fontsize .action-container,
.kis-home-client .kis-home-header .subtitle-fontsize .action-container,
.kis-home-client .kis-home-content .grouptitle-fontsize .action-container,
.kis-home-client .kis-home-content .linktitle-fontsize .action-container,
.kis-home-client-popup .config-side .title-fontsize .action-container,
.kis-home-client-popup .config-side .desc-fontsize .action-container {
  background: url("../img/admin/homepage/button/font-size.svg") no-repeat center;
}
/* [ADMIN- PAGE ACCUEIL] Titre du bloc groupes/liens - Bouton css "Couleur d'arrière-plan"
 - taille du bouton et position relative pour le label */
.kis-home-client .kis-home-content .grouptitle-bgcolor .action-container,
.kis-home-client .kis-home-content .linktitle-bgcolor .action-container,
.kis-home-client-popup .config-side .title-bgcolor .action-container {
  height: 22px;
  width: 22px;
  position: relative;
}
/* [ADMIN- PAGE ACCUEIL] Titre du bloc groupes/liens - Bouton css "Couleur d'arrière-plan"
 - icone svg en masque sur le label pour masquer l'input color */
.kis-home-client .kis-home-content .grouptitle-bgcolor .action-container label,
.kis-home-client .kis-home-content .linktitle-bgcolor .action-container label,
.kis-home-client-popup .config-side .title-bgcolor .action-container label {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
  -webkit-mask: url("../img/admin/homepage/button/paint-can.svg") no-repeat center;
  -webkit-mask-size: 16px;
  mask: url("../img/admin/homepage/button/paint-can.svg") no-repeat center;
  mask-size: 16px;
}
/* [ADMIN - PAGE ACCUEIL] Conteneur des blocs gauche et droite dans le corps de la page
 - affichage flex */
.kis-home-client .kis-home-content .groups-links-container {
  display: flex;
}
/* [ADMIN - PAGE ACCUEIL] Bloc gauche "groupes" du corps de la page d'accueil - largeur et marge droite */
.kis-home-client .kis-home-content .kis-home-groups {
  width: 34%;
}
/* [ADMIN - PAGE ACCUEIL] Bloc droite "liens" du corps de la page d'accueil - largeur et marge gauche */
.kis-home-client .kis-home-content .kis-home-links {
  width: 66%;
  padding-top: 5em;
}
/* [ADMIN - PAGE ACCUEIL] Conteneur des blocs gauche et droite dans le corps de la page
 - marge haut pour écarter du fil d'actualité et laisser de l'espace pour les boutons */
.kis-home-client .kis-home-content .groups-links-container {
  padding-top: 3em;
}
/* [ADMIN - PAGE ACCUEIL] Bouton popover de l'image d'arrière-plan du corps de la page d'accueil
- position haut-droit du bouton */
.kis-home-client .kis-home-content .groups-links-container > div.action {
  position: absolute;
  top: 10px;
  right: 10px;
}
/* [ADMIN- PAGE ACCUEIL] Conteneur supérieur des boutons gauche.droite et d'un carousel -
 gère la position du titre de bloc et du carousel dans la partie de corps de page */
.kis-home-client .kis-home-content .kis-home-groups .spaced-content{
  margin-right: 2em;
}
/* [ADMIN- PAGE ACCUEIL] Conteneur supérieur des boutons gauche.droite et d'un carousel -
 gère la position du titre de bloc et du carousel dans la partie de corps de page */
.kis-home-client .kis-home-content .kis-home-links .spaced-content{
  margin-left: 3em;
}
/* [ADMIN- PAGE ACCUEIL] Conteneur des boutons gauche.droite et d'un carousel */
.kis-home-client .kis-home-groups .groups-container,
.kis-home-client .kis-home-links .links-container{
  position: relative;
}
/* [ADMIN- PAGE ACCUEIL] Boutons gauche(-) / droite (+) d'un carousel - position absolute */
.kis-home-client .kis-home-groups .left-button,
.kis-home-client .kis-home-groups .right-button,
.kis-home-client .kis-home-links .left-button,
.kis-home-client .kis-home-links .right-button {
  position: absolute;
  top: 50%;
  transform: translateY(-100%);
  width: 2em;
  height: 2em;
  z-index: 2;

}
/* [ADMIN- PAGE ACCUEIL] Boutons gauche(-) du carousel de groupes - fixe à gauche */
.kis-home-client .kis-home-groups .left-button{
  left: 0;
}
/* [ADMIN- PAGE ACCUEIL] Boutons droite(-) du carousel de groupes - fixe à droite */
.kis-home-client .kis-home-groups .right-button{
  right: -2em;
}
/* [ADMIN- PAGE ACCUEIL] Boutons gauche(-) du carousel de liens - fixe à gauche */
.kis-home-client .kis-home-links .left-button{
  left: -2em;
}
/* [ADMIN- PAGE ACCUEIL] Boutons droite(-) du carousel de liens  - fixe à droite */
.kis-home-client .kis-home-links .right-button{
  right: 0;
}
/* [ADMIN- PAGE ACCUEIL] Boutons gauche(-) / droite (+) d'un carousel
 - boutons masqués quand le carousel n'est pas survolé */
.kis-home-client .kis-home-groups .left-button button,
.kis-home-client .kis-home-groups .right-button button,
.kis-home-client .kis-home-links .left-button button,
.kis-home-client .kis-home-links .right-button button {
  display: none;
}
/* [ADMIN- PAGE ACCUEIL] Boutons gauche(-) / droite (+) d'un carousel
 - boutons masqués quand le carousel n'est pas survolé */
.kis-home-client .kis-home-groups:hover .left-button button,
.kis-home-client .kis-home-groups:hover .right-button button,
.kis-home-client .kis-home-links:hover .left-button button,
.kis-home-client .kis-home-links:hover .right-button button{
  display: flex;
  transition: all 500ms ease-out;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  background: rgba(59, 59, 59,0.5);
  align-items: center;
  padding-top: 5px;
  border-radius: 10px;
  height: 2.5em;
  width: 3em;
  justify-content: center;
}

/* [ADMIN - PAGE ACCUEIL] Conteneur barre de boutons et titre de bloc dans le corps de la page d'accueil
 - affichage flex en colonne */
.kis-home-client .kis-home-groups .groups-label,
.kis-home-client .kis-home-links .groups-label {
  display: flex;
  flex-direction: column;
  width: fit-content;
  width: -moz-fit-content;
  margin-bottom: 1em;
}
/* [ADMIN - PAGE ACCUEIL] Titre du bloc des groupes - marge à droite fixe */
.kis-home-client .kis-home-groups .groups-label {
  margin-right: -2em;
  margin-left: auto;
}
/* [ADMIN - PAGE ACCUEIL] Span du titre des blocs de groupes et liens */
.kis-home-client .kis-home-content .groups-label span {
  display: flex;
  align-items: center;
  padding: 5px 10px;
}
/* [ADMIN - PAGE ACCUEIL] Span du titre du bloc de groupes - padding right */
.kis-home-client .kis-home-groups .groups-label span {
  padding-right: 15px;
}

/* [ADMIN - PAGE ACCUEIL] Conteneur du bouton de la couleur d'arrière-plan des titres de bloc
 dans le corps de la page - marge à gauche pour espacer du bouton voisin */
.kis-home-client .kis-home-groups .groups-label .grouptitle-bgcolor,
.kis-home-client .kis-home-links .groups-label .linktitle-bgcolor {
  margin-left: 5px;
}
/* [ADMIN - PAGE ACCUEIL] Conteneur du carousel de liens dans home_app_carousel.html */
.kis-home-client .kis-home-links .links-container .carousel-content {
  padding-left: 1em;
}
/* [ADMIN - PAGE ACCUEIL] Conteneur de chaque carousel dans home_app_carousel.html */
.kis-home-client .kis-home-groups .groups-container .carousel-content,
.kis-home-client .kis-home-links .links-container .carousel-content {
  display: flex;
  overflow-y: hidden;
  overflow-x: clip;
  padding-top: 1em;
}
/* [ADMIN - PAGE ACCUEIL] Conteneur des items des carousels - affichage flex */
.kis-home-client .kis-home-groups .groups-container .group,
.kis-home-client .kis-home-links .links-container .link {
  display: flex;
  align-items: end;
  scroll-snap-align: center;
  cursor: pointer;
}
/* [ADMIN - PAGE ACCUEIL] Conteneur du texte des items des carousels - position relative */
.kis-home-client .kis-home-groups .group .item ,
.kis-home-client .kis-home-links .link .item {
  position: relative;
}
/* [ADMIN - PAGE ACCUEIL] Conteneur du bouton "Supprimer"(poubelle) d'un item
 - position absolute et z-index 10 */
.kis-home-client .kis-home-groups .group .item .action-top,
.kis-home-client .kis-home-links .link .item .action-top{
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 10;
}
/* [ADMIN - PAGE ACCUEIL] Conteneur du carousel de groupe
 - alignement vers la droite et inversement du sens - actif si halign = true */
.kis-home-client .kis-home-groups .groups-container .carousel-content.reverse {
  flex-direction: row-reverse;
  height: 220px;
  padding-right: 2em;
}
/* [ADMIN - PAGE ACCUEIL] Item du carousel de groupes - marge à gauche de chaque item */
.kis-home-client .kis-home-groups .groups-container .group {
 margin-left: 4em;
}
/* [ADMIN - PAGE ACCUEIL] Item du carousel de liens - marge à droite de chaque item */
.kis-home-client .kis-home-links .links-container .link {
  margin-right: 1em;
}
/* [ADMIN - PAGE ACCUEIL] Item des carousels - bordure au survol durant le drag */
.kis-home-client .kis-home-groups .group.drag-over,
.kis-home-client .kis-home-links .link.drag-over {
  border: dashed 3px red;
}
/* [ADMIN - PAGE ACCUEIL] Titre de la page d'accueil et titre des blocs, sous-titre de la page
 - alignement horizontal gauche quand homepage[element].halign = 'left' */
.kis-home-client .kis-home-header .title textarea.left,
.kis-home-client .kis-home-header .title > div.left:last-of-type,
.kis-home-client .kis-home-header .subtitle textarea.left,
.kis-home-client .kis-home-header .subtitle > div.left:last-of-type,
.kis-home-client .kis-home-groups .grouptitle.left,
.kis-home-client .kis-home-links .linktitle.left{
  text-align: left;
}
/* [ADMIN - PAGE ACCUEIL] Titre de la page d'accueil et titre des blocs, sous-titre de la page
 - alignement horizontal gauche quand homepage[element].halign = 'right' */
.kis-home-client .kis-home-header .title textarea.right,
.kis-home-client .kis-home-header .title > .title-label.right,
.kis-home-client .kis-home-header .subtitle textarea.right,
.kis-home-client .kis-home-header .subtitle > .subtitle-label.right {
  text-align: right;
}
/* [ADMIN - PAGE ACCUEIL] Titre de la page d'accueil et titre des blocs, sous-titre de la page
 - alignement horizontal gauche quand homepage[element].halign = 'center' */
.kis-home-client .kis-home-header .title textarea.center,
.kis-home-client .kis-home-header .title > .title-label.center,
.kis-home-client .kis-home-header .subtitle textarea.center,
.kis-home-client .kis-home-header .subtitle > .subtitle-label.center {
  text-align: center;
}
/* [ADMIN - PAGE ACCUEIL] Popup ajout/édition item - preview de l'item - affichage flex */
.kis-home-client-popup .preview-side .group,
.kis-home-client-popup .preview-side .link,
.kis-home-client-popup .preview-side .link .link-item {
  display: flex;
}
/* [ADMIN - PAGE ACCUEIL] Popup ajout/édition d'un groupe - preview - alignement vertical centre */
.kis-home-client-popup .preview-side .group {
  align-items: center;

}
/* [ADMIN - PAGE ACCUEIL] Popup ajout/édition d'un groupe preview | texte de l'item d'un groupe
d'un carousel - ajoute une marge en haut quand le texte est aligné en haut */
.kis-home-client .kis-home-groups .groups-container .group .group-item.top .item-text > div,
.kis-home-client-popup .preview-side .group .group-item.top .item-text > div {
  margin-top: 1em;
}
/* [ADMIN - PAGE ACCUEIL] Preview dans la popup ajout/édition d'un groupe | texte de l'item
 d'un groupe dans le carousel - ajoute une marge en bas quand le texte est aligné en bas */
.kis-home-client .kis-home-groups .groups-container .group .group-item.bottom.circle .item-text > div,
.kis-home-client-popup .preview-side .group .group-item.bottom.circle .item-text > div {
  margin-bottom: 1em;
}
/* [ADMIN - PAGE ACCUEIL] Preview dans la popup ajout/édition d'un groupe | texte de l'item
 d'un groupe - ajoute une marge en bas quand le texte est aligné en bas
 + défini la transition pour l'agrandissement du groupe actif */
.kis-home-client-popup .preview-side .group .group-item,
.kis-home-client .kis-home-groups .groups-container .group .group-item {
  display: flex;
  position: relative;
  width: 100px;
  height: 100px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 100ms linear;
}
/* [ADMIN - PAGE ACCUEIL] Item actif du carouse de groupes - agrandissement et ombre orange
 du groupe actif */
.kis-home-client .kis-home-groups .groups-container .group .group-item.active,
.kis-home-client .kis-home-groups .groups-container .group:hover .group-item.active {
  transform: scale(1.5) translateY(-1em);
  box-shadow: 0 0 15px #e78267;
  cursor: default;
}
/* [ADMIN - PAGE ACCUEIL] Item actif du carouse de groupes
 - transition pour la branche du groupe actif */
.kis-home-client .kis-home-groups .groups-container .group .branch-container .branch {
  transition: 100ms linear;
}
/* [ADMIN - PAGE ACCUEIL] Item actif du carouse de groupes
 - agrandissement de la branche du groupe actif */
.kis-home-client .kis-home-groups .groups-container .group .branch-container.active .branch {
  transform: scaleY(0.94) translateY(0.12em);
}
/* [ADMIN - PAGE ACCUEIL] Item survolé et non-actif du carouse de groupes - ombre grise */
.kis-home-client .kis-home-groups .groups-container .group:hover:not(.draft) .group-item:not(.active),
.kis-home-client .kis-home-links .links-container .link:hover:not(.draft) .link-item:not(.active) {
  box-shadow: 0 0 15px #4c4a49;
}

.kis-home-client .kis-home-groups .groups-container .carousel-content.reverse .group:first-of-type {
  margin-right: 16px;
}

/* [ADMIN - PAGE ACCUEIL] Item rond du carousel des groupes - bordure ajustée à l'image */
.kis-home-client-popup .preview-side .group .group-item.circle,
.kis-home-client .kis-home-groups .groups-container .group .group-item.circle {
  border-radius: 50%;
  background-position-y: 0;
}
/* [ADMIN - PAGE ACCUEIL] Image de groupe 'water-circle-bottom' - ajustement particulier de l'image
 au bas de l'item */
.kis-home-client .kis-home-groups .groups-container .group .group-item.bottom-circ-img{
  background-position-y: 1px;
}
/* [ADMIN - PAGE ACCUEIL] Texte des items de carousel et de la preview
 - largeur max pour les aligment horizontaux custom */
.kis-home-client .kis-home-groups .groups-container .group .group-item .item-text,
.kis-home-client .kis-home-links .links-container .link .link-item .item-text,
.kis-home-client-popup .preview-side .group .group-item .item-text,
.kis-home-client-popup .preview-side .link .link-item .item-text{
  width: 100%;
}
/* [ADMIN - PAGE ACCUEIL] Espace entre bordure et texte des items du carousel des liens
 ou de l'item de la preview */
.kis-home-client .kis-home-links .links-container .link .link-item .item-text,
.kis-home-client-popup .preview-side .link .link-item .item-text {
  padding: 0.1em;
}
/* [ADMIN - PAGE ACCUEIL] Espace entre le titre et la description des items du carousel des liens
 ou de l'item de la preview */
.kis-home-client .kis-home-links .links-container .link .link-item .item-text > div:last-of-type,
.kis-home-client-popup .preview-side .group .group-item .item-text > div:last-of-type{
  margin-top: 0.2em;
}
/* [ADMIN - PAGE ACCUEIL] Item de carousel de lien ou preview d'un lien - dimensions et taille bg */
.kis-home-client-popup .preview-side .link .link-item,
.kis-home-client .kis-home-links .links-container .link .link-item {
  display: flex;
  align-items: center;
  position: relative;
  width: 140px;
  height: 193px;
  background-size: cover;
}
/* [ADMIN - PAGE ACCUEIL] Item d'un carousel et de la preview - alignement vertical centre
- si item.title.valign = 'center' */
.kis-home-client .kis-home-groups .group .group-item.center,
.kis-home-client .kis-home-links .link .link-item.center,
.kis-home-client-popup .preview-side .group .group-item.center,
.kis-home-client-popup .preview-side .link .link-item.center {
  align-items: center;
}
/* [ADMIN - PAGE ACCUEIL] Item d'un carousel et de la preview - alignement vertical haut
- si item.title.valign = 'top' */
.kis-home-client .kis-home-groups .group .group-item.top,
.kis-home-client .kis-home-groups .group .group-item.start,
.kis-home-client .kis-home-links .link .link-item.top,
.kis-home-client .kis-home-links .link .link-item.start,
.kis-home-client-popup .preview-side .group .group-item.top,
.kis-home-client-popup .preview-side .group .group-item.start,
.kis-home-client-popup .preview-side .link .link-item.top,
.kis-home-client-popup .preview-side .link .link-item.start {
  align-items: start;
}
/* [ADMIN - PAGE ACCUEIL] Item d'un carousel et de la preview - alignement vertical bas
- si item.title.valign = 'bottom' */
.kis-home-client .kis-home-groups .group .group-item.bottom,
.kis-home-client .kis-home-groups .group .group-item.end,
.kis-home-client .kis-home-links .links-container .link .link-item.bottom,
.kis-home-client .kis-home-links .links-container .link .link-item.end,
.kis-home-client-popup .preview-side .group .group-item.bottom,
.kis-home-client-popup .preview-side .group .group-item.end,
.kis-home-client-popup .preview-side .link .link-item.bottom,
.kis-home-client-popup .preview-side .link .link-item.end {
  align-items: end;
}
/* [ADMIN - PAGE ACCUEIL] Item de carousel de liens - Hauteur de ligne du titre et description */
.kis-home-client-popup .preview-side .link .link-item .title,
.kis-home-client-popup .preview-side .link .link-item .desc,
.kis-home-client .kis-home-links .links-container .link .link-item .title,
.kis-home-client .kis-home-links .links-container .link .link-item .desc{
  line-height: 1em;
}
/* [ADMIN - PAGE ACCUEIL] Conteneur du bouton de la zone d'ajout d'un nouvel item de carousel
 - couleur bg */
.kis-home-client .kis-home-groups .groups-container .group.draft:hover .group-item,
.kis-home-client .kis-home-links .links-container .link.draft:hover .group-item {
  background: rgba(0,0,0,0.05);
}
/* [ADMIN - PAGE ACCUEIL] Conteneur du bouton de la zone d'ajout d'un nouvel item de carousel
 - positionnement du bouton au centre et style bouton */
.kis-home-client .kis-home-groups .groups-container .group.draft .group-item,
.kis-home-client .kis-home-links .links-container .link.draft .group-item {
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.1);
  border: none;
  cursor: default;
}
/* [ADMIN - PAGE ACCUEIL] Conteneur du bouton de la zone d'ajout d'un nouveau groupe
 - rétabli l'aligment vertical de la zone d'ajout */
.kis-home-client .kis-home-groups .groups-container .group.draft .group-item {
  margin-top: 2.4em;
}
/* [ADMIN - PAGE ACCUEIL] Bouton de la zone d'ajout d'un nouvel item de carousel
 - défini la transition du survol */
.kis-home-client .kis-home-groups .groups-container .group.draft .group-item button,
.kis-home-client .kis-home-links .links-container .link.draft .group-item button {
  border: none;
  font-size: 2em;
  color: #4c4a49;
  background: rgba(255,255,255,0.1);
  transition: 200ms linear;
}
/* [ADMIN - PAGE ACCUEIL] Carousel groupes/liens - Au survol du bouton de la zone d'ajout
 d'un nouvel item - agrandissement */
.kis-home-client .kis-home-groups .groups-container .group.draft:hover .group-item button,
.kis-home-client .kis-home-links .links-container .link.draft:hover .group-item button {
  transform: scale(1.2);
}
/* [ADMIN - PAGE ACCUEIL] Carousel Groupes / preview Ajout/Edition groupe - Conteneur d'une branche d'item
 - ajustement de l'alignement vertical pour accentuer l'écrasement de la branche au bas de l'item */
.kis-home-client-popup .preview-side .group .branch-container,
.kis-home-client .kis-home-groups .groups-container .group .branch-container {
  margin-top: -0.2em;
}
/* [ADMIN - PAGE ACCUEIL] Carousel Liens / preview Ajout/Edition lien - Conteneur d'une branche d'item
 - ajustement de l'alignement vertical pour accentuer l'écrasement de la branche au bas de l'item */
.kis-home-client-popup .preview-side .link .branch-container,
.kis-home-client .kis-home-links .links-container .link .branch-container {
  margin-top: -0.25em;
}
/* [ADMIN - PAGE ACCUEIL] Carousel groupes/liens - Conteneur de la branche d'un item
 - position relative pour bouton */
.kis-home-client .kis-home-groups .groups-container .group .branch-container,
.kis-home-client .kis-home-links .links-container .link .branch-container {
  position: relative;
}
/* [ADMIN - PAGE ACCUEIL] Carousel groupes/liens - Conteneur de la branche d'un item
 - conteneur du bouton Edition("crayon") */
.kis-home-client .kis-home-groups .groups-container .branch-container > .action-bottom,
.kis-home-client .kis-home-links .links-container .branch-container > .action-bottom {
  position: absolute;
  top: -1.5em;
  left: 0.1em;
  padding-right: 1em;
  z-index: 1;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Branche d'un groupe/lien de menu de forme rectangulaire */
.kis-home-client .kis-home-groups .group .branch,
.kis-home-client .kis-home-groups .groups-container .group .branch,
.kis-home-client .kis-home-links .link .branch,
.kis-home-client .kis-home-links .links-container .link .branch,
.kis-home-client-popup .preview-side .branch {
  height: 61px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  -webkit-mask-position-y: -0.1em;
  mask-position: 0 -0.1em;
}
/* [ADMIN- PAGE ACCUEIL] Branche de groupe ou de lien par défaut (extrémités rondes non écrasées) */
.kis-home-client .kis-home-groups .groups-container .group .branch:not(.circle),
.kis-home-client .kis-home-links .links-container .link .branch:not(.circle),
.kis-home-client-popup .preview-side .branch:not(.circle) {
  -webkit-mask: url("../img/admin/homepage/branch/branch-item-rectangle.svg") no-repeat center;
  mask: url("../img/admin/homepage/branch/branch-item-rectangle.svg") no-repeat center;
}
/* [ADMIN- PAGE ACCUEIL] Branche de groupe ou de lien circulaire (extrémités rondes écrasées) */
.kis-home-client .kis-home-groups .groups-container .group .branch.circle,
.kis-home-client .kis-home-links .links-container .link .branch.circle,
.kis-home-client-popup .preview-side .branch.circle {
  -webkit-mask: url("../img/admin/homepage/branch/branch-item-circle.svg") no-repeat center;
  mask: url("../img/admin/homepage/branch/branch-item-circle.svg") no-repeat center;
}
/* [ADMIN- PAGE ACCUEIL] Bande horizontale support des items dans la partie gauche ou la partie droite */
.kis-home-client .kis-home-groups .footer .carousel-footer,
.kis-home-client .kis-home-links  .footer .carousel-footer {
  height: 1.5em;
  background-color: #00497b;
  width: 100%;
}
/* [ADMIN- PAGE ACCUEIL] Conteneur du footer pour être placé sous les extrémités des items */
.kis-home-client .kis-home-groups .footer,
.kis-home-client .kis-home-links .footer {
  margin-top: -0.8em;
}
/* [ADMIN- PAGE ACCUEIL] Carousel des groupes - Rectangle avec bouton d'ajout d'item (+)
 en mode config - reprend les dimensions d'un groupe standard */
.kis-home-client .kis-home-groups .groups-container .carousel-content .group.draft {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  height: 100px;
}
.kis-home-client .kis-home-groups .groups-container .carousel-content .group.draft .item{
  height: 100%;
}
/* [ADMIN- PAGE ACCUEIL] Carousel des liens - Rectangle avec bouton d'ajout d'item (+)
 en mode config - reprend les dimensions d'un lien standard */
.kis-home-client .kis-home-links .links-container .carousel-content .link.draft {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 193px;
}

/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Conteneur du titre de la popup
 - style similaire à extendedNgDialog */
.kis-home-client-popup-title {
  color: #FFFFFF;
  background-color: #00497b;
  font-size: 18px;
  text-align: left;
  height: 2.5em;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Corps de la popup - espace du contour de la popup */
.kis-home-client-popup {
  padding: 1em;
  position: relative;
  height: calc(100% - 2.5em);
  height: -moz-calc(100% - 2.5em);
  height: -webkit-calc(100% - 2.5em);
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Conteneur des éléments de la popup */
.kis-home-client-popup .content{
  display: flex;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Partie gauche de la popup contenant les propriétés */
.kis-home-client-popup .content .config-side {
  width: 60%;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Partie droite de la popup contenant l'aperçu */
.kis-home-client-popup .content .preview-side {
  width: 40%;
  position: relative;
  display: flex;
  justify-content: center;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition lien - Partie droite de la popup contenant l'aperçu
 - abaisse l'affichage de la preview pour un lien */
.kis-home-client-popup .content .preview-side .link{
  margin-top: 10em;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition lien - Position du composant des roles */
.kis-home-client-popup .content .preview-side > .roles {
  position: absolute;
  bottom: 8.8em;
  right: 3em;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition lien - Position du conteneur des rôles du lien */
.kis-home-client-popup .content .preview-side > .roles .getrole .roles-comp-container {
  top: 25px;
  right: -3.5em;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Conteneur des boutons action "Annuler"/"Enregistrer"
 - Position fixe au bas de la popup -  fixe la largeur pour gérer l'espace entre les boutons */
.kis-home-client-popup .buttons {
  position: absolute;
  bottom: 2em;
  display: flex;
  justify-content: space-around;
  width: 250px;
  left: 50%;
  transform: translateX(-50%);
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Bouton action "Annuler"/"Enregistrer"
 - Egalise la largeur entre les 2 boutons pour avoir 50/4 px d'espace de chaque côté */
.kis-home-client-popup .buttons button {
  width: 100px;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Enlève la marge des labels pour l'alignement vertical */
.kis-home-client-popup .config-side label {
  margin-bottom: 0;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Espace entre propriétés */
.kis-home-client-popup .config-side .desc,
.kis-home-client-popup .config-side .item-border,
.kis-home-client-popup .config-side .image,
.kis-home-client-popup .config-side .valign,
.kis-home-client-popup .config-side .destination {
  margin-top: 2em;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Conteneur de la bordure et align-vertical -
 alignement horizontal label-bouton */
.kis-home-client-popup .config-side .item-border,
.kis-home-client-popup .config-side .valign {
  display: flex;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Switch de la forme de l'item et du type d'application
 - réduction de la taille du toggle-switch */
.kis-home-client-popup .config-side .toggle-switch {
  transform: scale(0.8);
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Espace entre éléments alignés horizontalement */
.kis-home-client-popup .config-side .valign .valign-button,
.kis-home-client-popup .config-side .destination-type .toggle-switch,
.kis-home-client-popup .config-side .item-border .action-container,
.kis-home-client-popup .config-side select.apps {
  margin-left: 2em;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Bouton-label de la couleur de bordure
 - svg en mask avec adaptation de la taille de l'image en gardant les proportions */
.kis-home-client-popup .config-side .item-border .action-container label {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  -webkit-mask: url("../img/admin/homepage/button/border.svg") no-repeat center;
  -webkit-mask-size: contain;
  -webkit-mask-position-y: 0;
  mask: url("../img/admin/homepage/button/border.svg") no-repeat center;
  mask-size: contain;
  mask-position: 0 0;
}
/* [ADMIN- PAGE ACCUEIL] Conteneur du bouton CSS de l'alignement horizontal du titre,
sous-titre de page d'accueil et du titre et description d'un item */
.kis-home-client .title-halign,
.kis-home-client .subtitle-halign,
.kis-home-client-popup .config-side .title-halign,
.kis-home-client-popup .config-side .desc-halign {
  margin-left: 5px;
  display: flex;
  align-items: center;
}
/* [ADMIN- PAGE ACCUEIL] Bouton CSS de l'alignement horizontal du titre,
sous-titre de page d'accueil et du titre et description d'un item - alignement gauche par défaut */
.kis-home-client .title-halign button,
.kis-home-client .subtitle-halign button,
.kis-home-client-popup .config-side .title-halign button,
.kis-home-client-popup .config-side .desc-halign button {
  width: 22px;
  height: 22px;
  background: url("../img/admin/homepage/button/halign-left.svg") no-repeat center;
  background-size: contain;
}
/* [ADMIN- PAGE ACCUEIL] Bouton CSS de l'alignement horizontal du titre,
sous-titre de page d'accueil et du titre et description d'un item - alignement centre */
.kis-home-client .title-halign button.center,
.kis-home-client .subtitle-halign button.center,
.kis-home-client-popup .config-side .title-halign button.center,
.kis-home-client-popup .config-side .desc-halign button.center {
  width: 22px;
  height: 22px;
  background: url("../img/admin/homepage/button/halign-center.svg") no-repeat center;
  background-size: contain;
}
/* [ADMIN- PAGE ACCUEIL] Bouton CSS de l'alignement horizontal du titre,
sous-titre de page d'accueil et du titre et description d'un item - alignement droite */
.kis-home-client .title-halign button.right,
.kis-home-client .subtitle-halign button.right,
.kis-home-client-popup .config-side .title-halign button.right,
.kis-home-client-popup .config-side .desc-halign button.right {
  width: 22px;
  height: 22px;
  background: url("../img/admin/homepage/button/halign-right.svg") no-repeat center;
  background-size: contain;
}
/* [ADMIN- PAGE ACCUEIL] Titre et sous-titre de la page d'accueil | Titre d'un item et description
 d'un lien - homepage[itemType].halign = left - alignement horizontal gauche */
.kis-home-client .title .textarea.left,
.kis-home-client .subtitle .textarea.left,
.kis-home-client-popup .config-side .title textarea.left,
.kis-home-client-popup .config-side .desc textarea.left {
  text-align: left;
}
/* [ADMIN- PAGE ACCUEIL] Titre et sous-titre de la page d'accueil | Titre d'un item et description
 d'un lien dans la preview - homepage[itemType].halign = center - alignement horizontal centre */
.kis-home-client .title textarea.center,
.kis-home-client .subtitle textarea.center,
.kis-home-client-popup .config-side .title textarea.center,
.kis-home-client-popup .config-side .desc textarea.center {
  text-align: center;
}
/* [ADMIN- PAGE ACCUEIL] Titre et sous-titre de la page d'accueil | Titre d'un item et description
 d'un lien dans la preview - homepage[itemType].halign = right - alignement horizontal droite */
.kis-home-client .title textarea.right,
.kis-home-client .subtitle textarea.right,
.kis-home-client-popup .config-side .title textarea.right,
.kis-home-client-popup .config-side .desc textarea.right {
  text-align: right;
}
/* permet d'afficher les sauts de lignes */
.kis-home-client .allowNewLine,
.kis-home-client-popup .allowNewLine{
  white-space: pre-line;
}
/* [ADMIN- PAGE ACCUEIL] Titre et sous-titre de la page d'accueil | homepage[itemType].halign=left
 - alignement horizontal gauche */
.kis-home-client .title .title-label.left,
.kis-home-client .subtitle .subtitle-label.left {
  justify-content: left;
}
/* [ADMIN- PAGE ACCUEIL] Titre et sous-titre de la page d'accueil - homepage[itemType].halign=center
 - alignement horizontal centre */
.kis-home-client .title .title-label.center,
.kis-home-client .subtitle .subtitle-label.center {
  justify-content: center;
}
/* [ADMIN- PAGE ACCUEIL] Titre et sous-titre de la page d'accueil - homepage[itemType].halign=right
 - alignement horizontal droite */
.kis-home-client .title .title-label.right,
.kis-home-client .subtitle .subtitle-label.right {
  justify-content: right;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Bouton de l'alignement vertical
 - Dimensions du bouton et svg en arrière-plan, center par défaut */
.kis-home-client-popup .config-side .valign .valign-button,
.kis-home-client-popup .config-side .valign .valign-button.center {
  width: 22px;
  height: 22px;
  background: url("../img/admin/homepage/button/vertical-align-center.svg") no-repeat center;
  background-size: contain;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Bouton de l'alignement vertical
 - quand top affiche middle */
.kis-home-client-popup .config-side .valign .valign-button.start,
.kis-home-client-popup .config-side .valign .valign-button.top {
  background: url("../img/admin/homepage/button/vertical-align-top.svg") no-repeat center;
  background-size: contain;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Bouton de l'alignement vertical
 - quand bottom affiche top */
.kis-home-client-popup .config-side .valign .valign-button.end,
.kis-home-client-popup .config-side .valign .valign-button.bottom {
  background: url("../img/admin/homepage/button/vertical-align-bottom.svg") no-repeat center;
  background-size: contain;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition d'un lien - Marge haut du conteneur de l'URL ou de
 l'application de destination d'un lien */
.kis-home-client-popup .content .config-side .destination .internal,
.kis-home-client-popup .content .config-side .destination .web {
  margin-top: 1em;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition d'un lien - Marge haut du conteneur de l'application
 de destination d'un lien "Choisir une application" */
.kis-home-client-popup .content .config-side .destination .internal {
  display: flex;
  align-items: center;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - Conteneur de l'URL du lien
 - disposition en block */
.kis-home-client-popup .content .config-side .destination .web {
  display: flex;
  flex-direction: column;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - texte "Destination" - enlève le gras du label */
.kis-home-client-popup .content .config-side .destination-label {
  font-weight: 400;
  white-space: nowrap;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - conteneur du bouton "gras"
 - améliore alignement vertical */
.kis-home-client-popup .content .config-side .title-color-bold .action-container:last-of-type,
.kis-home-client-popup .content .config-side .desc-color-bold .action-container:last-of-type{
  margin-bottom: 3px;
}
/* [ADMIN- PAGE ACCUEIL] Ajout/Edition item - dimensions de la dropzone */
.kis-home-client-popup .content .config-side .dropzone {
  min-height: unset;
  max-width: unset;
}
/* [ADMIN- PAGE ACCUEIL] Bouton de publication de la page d'accueil */
.kis-home-client .publication > .publish-button {
  border-radius: 1em;
  box-shadow: 0 0 5px #b2b2b2;
  border: none;
  padding-bottom: 0.2em;
}
/* [ADMIN- PAGE ACCUEIL] Bouton de publication de la page d'accueil - icône coche */
.kis-home-client .publication > .publish-button.published > i {
  color: green;
}
/* [ADMIN- PAGE ACCUEIL] Popup liste des actualités - replace à gauche le nombre d'actualités et le titre */
.kis-home-config .editList .editList_header {
  left: 0;
}
/* [ADMIN- PAGE ACCUEIL] Popup liste des actualités - marge supérieure de la liste */
.kis-home-config .editList .fixedHeaderTableWrapper {
  top: 100px;
}
/* [ADMIN- PAGE ACCUEIL] Popup liste des actualités - alignement horizontal dans cellules */
.kis-home-config .editList table>tbody>tr>td {
  vertical-align: middle;
}
/* [ADMIN- PAGE ACCUEIL] Popup liste des actualités - supprime marge ds cellules pr alignement horizontal */
.kis-home-config .editList table>tbody>tr>td:nth-child(2) p,
.kis-home-config .editList table>tbody>tr>td:nth-child(3) p,
.kis-home-config .editList table>tbody>tr>td:nth-child(3) h1,
.kis-home-config .editList table>tbody>tr>td:nth-child(3) h2,
.kis-home-config .editList table>tbody>tr>td:nth-child(3) h3,
.kis-home-config .editList table>tbody>tr>td:nth-child(3) h4 {
  margin: 0;
}
/* [ADMIN- PAGE ACCUEIL] Popup liste des actualités - couleur de la coche de la colonne published */
.kis-home-config .editList table>tbody>tr>td:nth-child(4) .fa-check {
  color: green;
}
/* [ADMIN- PAGE ACCUEIL] Popup liste des actualités - largeur de la colonne message */
.kis-home-config .editList table>tbody>tr>td:nth-child(3) p,
.kis-home-config .editList table>tbody>tr>td:nth-child(3) h1,
.kis-home-config .editList table>tbody>tr>td:nth-child(3) h2,
.kis-home-config .editList table>tbody>tr>td:nth-child(3) h3,
.kis-home-config .editList table>tbody>tr>td:nth-child(3) h4,
.kis-home-config .editList table>tbody>tr>td:nth-child(3) h5,
.kis-home-config .editList table>tbody>tr>td:nth-child(3) h6 {
  text-overflow: ellipsis;
  width: 390px;
}
/* [ADMIN- PAGE ACCUEIL] Popup liste des actualités - arrière-plan grisé */
body.home.ngdialog-open .ngdialog.extendedNgDialog {
  z-index: -1;
}
/* [ADMIN- PAGE ACCUEIL] Popup d'ajout d'une actualité - enlève padding-right pour homogénéiser */
.edit-event .extendedNgDialogContent .contentTemplate.scrollable {
  padding-right: 0;
}
/* [ADMIN- PAGE ACCUEIL] Popup d'ajout d'une actualité - écarte le pager du bord droit de la popup */
.kis-home-config .editList .ng-table-pager {
  padding-right: 0.4em;
}
/* [ADMIN- PAGE ACCUEIL] Popup d'ajout d'une actualité - padding pour remplacer la classe nopadding */
.homepage-news-add {
  padding: 15px;
  font-size: 18px;
  font-weight: 500;
}
/* [ADMIN- PAGE ACCUEIL] Popup d'ajout d'une actualité - Editeur HTML - masque le bouton de citation */
.homepage-news-add .rich-html .btn-group:first-child button:nth-child(8),
.homepage-news-add .rich-html .btn-group:first-child button:last-child {
  display: none;
}
/* [ADMIN- PAGE ACCUEIL] Popup d'ajout d'une actualité - Editeur HTML - masque les boutons de liste à puces et à numéros */
.homepage-news-add .rich-html .btn-group:nth-child(2) button:nth-child(5),
.homepage-news-add .rich-html .btn-group:nth-child(2) button:nth-child(6) {
  display: none;
}
/* [ADMIN- PAGE ACCUEIL] Popup d'ajout d'une actualité - Editeur HTML - masque les boutons d'alignement horizontal
 - masque les boutons d'ajout de vidéos, html-riche, ajout d'image et hyperlien */
.homepage-news-add .rich-html .btn-group:nth-child(3),
.homepage-news-add .rich-html .btn-group:last-child button {
  display: none;
}
/* [ADMIN- PAGE ACCUEIL] Popup d'ajout d'une actualité - Editeur HTML - affiche le bouton d'hyperlien */
.homepage-news-add .rich-html .btn-group:last-child button:nth-child(1),
.homepage-news-add .rich-html .btn-group:last-child button:nth-child(3) {
  display: inline-block;
}

.homepage-news-add .html-editor .ta-editor.form-control > div:last-of-type:focus-visible {
  outline: none;
}
/* [ADMIN- PAGE ACCUEIL] Popup d'ajout d'une actualité - ligne du toggle-switch de diffusion de l'actu */
.homepage-news-add .publication {
  margin: 1em 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* [ADMIN- PAGE ACCUEIL] Popup d'ajout d'une actualité - conteneur temps et heure - marge haut/bas */
.homepage-news-add .datetime {
  margin: 1em 0;
}
.homepage-news-add .datetime > div:nth-child(2) {
  display: flex;
}
/* [ADMIN- PAGE ACCUEIL] Popup d'ajout d'une actualité - Temps et heure - espacement entre inputs */
.homepage-news-add .datetime > div:nth-child(2) > input:first-of-type {
  margin-right: 2em;
}
/* [ADMIN- PAGE ACCUEIL] Popup d'ajout d'une actualité - boutons Annuler/enregistrer - marge et alignement-h */
.homepage-news-add .submit {
  margin: 1em 0;
  display: flex;
  justify-content: center;
}
/* [ADMIN- PAGE ACCUEIL] Popup d'ajout d'une actualité - boutons Annuler/enregistrer - écartement entre boutons */
.homepage-news-add .submit button:first-of-type {
  margin-right: 2em;
}

.homepage-news-add .ta-toolbar #toolbarWC,
.homepage-news-add .ta-toolbar #toolbarCC {
  display: none;
}

.homepage-news-add .rich-html .btn-group:nth-child(2) label{
  -webkit-mask: url("../img/admin/homepage/button/paint-can.svg") no-repeat center;
  -webkit-mask-size: 16px;
  mask: url("../img/admin/homepage/button/paint-can.svg") no-repeat center;
  mask-size: 16px;
}

/* Media queries page d'accueil */
/* Les carousels se placent l'un en dessous de l'autre quand la taille de l'écran < 1200px */
@media (max-width: 1200px) {
  /* [ADMIN - PAGE ACCUEIL] Placement des éléments les uns au-dessous des autres */
  .kis-home-client .kis-home-content .groups-links-container {
    flex-direction: column;
  }
  /* [ADMIN - PAGE ACCUEIL] Enlève la séparation 34% / 66 % */
  .kis-home-client .kis-home-content .kis-home-groups,
  .kis-home-client .kis-home-content .kis-home-links {
    width: 100%;
  }
  /* [ADMIN - PAGE ACCUEIL] Bloc droite "liens" du corps de la page d'accueil - largeur et marge gauche */
  .kis-home-client .kis-home-content .kis-home-links {
    padding-top: 5em;
  }
  /*  [ADMIN - PAGE ACCUEIL] enlève la direction flex-reverse du carousel des groupes */
  .kis-home-client .kis-home-groups .groups-container .carousel-content.reverse {
    justify-content: flex-start;
  }
  /*  [ADMIN - PAGE ACCUEIL] Aligne à gauche le titre du bloc des groupes */
  .kis-home-client .kis-home-groups .groups-label {
    margin-right: auto;
    margin-left: 3em;
  }
  .kis-home-client .kis-home-groups .groups-container .group.draft .group-item {
    margin-top: 2.2em;
  }
}
/* Fin media queries page d'accueil */

.select-association {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

.select-association .liste-associations {
  max-height: 80px;
  min-height: 35px;
  min-width: 200px;
  border: solid lightgrey 1px;
  padding: 5px;
  overflow-y: auto;
}

.configElementImportXlsx {
  margin: 25px;
}

.elementsImportXlsx {
  margin: 15px 0;
}

.configTextInputImportXlsx {
  max-width: 400px;
}

.select-associations {
  width:100%;
  max-height:200px;
  overflow:auto;
}

.select-associations .padding {
  padding-bottom: 20px;
}

.gc-autocomplete .ui-select-match {
  overflow: hidden;
}
.gc-autocomplete.disabled {
  cursor: not-allowed;
  background-color: #ccc;
  opacity: 1;
}
/* [AUTOCOMPLETE] bouton x - rectifie l'alignement vertical du bouton au centre */
.gc-autocomplete .ui-select-bootstrap .ui-select-toggle>a.btn {
  margin-top: 0;
}

#localisationMultiLevel-widget {
  padding: 10px;
}
#localisationMultiLevel-widget #localise {
  margin-top: 10px;
  width: 100%;
}
#localisationMultiLevel-config #configBody #levelConfigs {
  margin: -15px;
  padding: 15px;
  min-height: 100px;
  max-height: 500px;
  overflow-x: visible;
  overflow-y: auto;
}
#localisationMultiLevel-config #configBody {
  padding: 0px 30px 0px 30px;
}
#localisationMultiLevel-config #configFooter {
  padding: 0px 30px 15px 15px;
}
#localisationMultiLevel-config .levelConfig {
  margin-bottom: 20px;
}
#localisationMultiLevel-config .leftColumn {
  padding-right: 25px;
}
#localisationMultiLevel-config .rightColumn {
  padding-left: 25px;
}
#localisationMultiLevel-config .normalRow {
  height: 34px;
}
#localisationMultiLevel-config .marginRow {
  padding-top: 5px;
}
#localisationMultiLevel-config input[type=range] {
  display: inline-block;
  width: 35px;
}
#localisationMultiLevel-config .btn-spacer {
  margin-left: 5px;
}
#localisationMultiLevel-config #addLevel {
  float: left;
  width: 300px;
  margin-right: 5px;
}

.featuretypeaction-grey-border {
  border:1px solid #ccc !important;
}
.featuretypeaction-addparam-button {
  float:right;
}
.featuretypeaction-actions-buttons {
  text-align: center;
}

.itv-unit-data > .itv-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.svgitv {
  position: relative;
}
.svgitv .polygonAval,
.svgitv .polygonAmont,
.svgitv .polygonCenter{
  position: absolute;
  margin-bottom: 1em;
}
.svgitv .polygonAmont:not(polygon) {
  left: 0;
  transform: translateX(50%);
}
.svgitv .polygonCenter:not(polygon),
.svgitv .polygonAval:not(polygon) {
  transform: translateX(-50%);
}
/* "Surclassemnt" du style des heures non autorisées
    pour le calendrier full calendar.  */
.fc-nonbusiness {
  opacity: 0.65;
  background: #dddddd url('../img/rdv_non_autorise.png');
}
.globalCfgFilterLayers {
  background: rgba(66,139,202,0.18);
  height: 38px;
  padding: 2px 5px;
}
.importTransferLayerWidget .row.tabContent {
  margin: 0px;
}
.groupLayersFilterLayers {
  background: #dddcdc;
  height: 38px;
  padding: 2px 5px;
}
.itemsFilterLayers {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
.itemsFilterLayers > li {
  border-top: 1px solid #ddd;
  padding: 5px 3px 0 5px;
}
.popover-title-bloder {
  font-weight: bolder;
  background-color: #666;
}
.mapcatalog-item-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mapcatalog-popover-thumbnail {
  width: 100%;
  height: 190px;
  object-fit: contain;
}
.mapcatalog .globalCfg {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(209, 239, 232);
  height: 38px;
  padding: 2px 5px;
  position: relative;
}
.mapcatalog .globalCfg .expand {
  position: absolute;
  left: 1.45em;
}
.mapcatalog .category-items > li {
  display: flex;
  justify-content: space-between;
}
.mapcatalog .category-items > li > div:first-child {
  width: 66%;
}
.mapcatalog .category-items > li > div.editing:first-child {
  width: 85%;
}
.mapcatalog .category-items > li > div.editing input{
  width: 100%;
}
.mapcatalog .category-items > li .item-actions {
  display: flex;
  justify-content: space-around;
}
.mapcatalog .category-items > li .item-actions.editing .cancel,
.mapcatalog.panel-body .category-edit-action .cancel{
  color: red;
}
.mapcatalog .category-items > li .item-actions.editing .save,
.mapcatalog.panel-body .category-edit-action .save{
  color: green;
}
.mapcatalog .category-items > li .item-actions > div:not(:last-of-type) {
  margin-right: 2px;
}
.mapcatalog .category-items > li {
  padding-bottom: 5px;
}
.popover.mapcatalog {
  width: 300px;
  height: 300px;
}
.popover.mapcatalog .popover-content {
  position: relative;
  height: 90%;
}
.popover.mapcatalog .popover-footer {
  position: absolute;
  bottom: 1em;
  font-size: 12px;
  width: calc(100% - 25px);
}
.mapcatalog.newcategory .save-action {
  display: flex;
  justify-content: center;
  margin-top: 1em;
}
.mapcatalog.panel-body.left-container {
  padding-left: 450px;
}
.mapcatalog.panel-body .addcategory {
  margin: 2em 0;
}
.mapcatalog.panel-body .dropzone {
  max-width: 100%;
}
.mapcatalog.panel-body .category-row {
  display: flex;
  justify-content: space-between;
}
.mapcatalog.panel-body .category-row > div:first-of-type {
  width: 200%;
}
.mapcatalog.panel-body .category-row .category-action {
  width: 5%;
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 0.4em;
}
.mapcatalog.panel-body .category-row .category-action > button:first-of-type {
  margin-bottom: 0.4em;
}
.mapcatalog.panel-body .category-row .category-action > button:last-of-type {
  width: 24px;
}

.mapcatalog.panel-body .category-row form {
  cursor: default;
}

.mapcatalog.panel-body .category-row form .dz-image,
.mapcatalog.panel-body .category-row form .dz-details,
.mapcatalog.panel-body .category-row form .dz-details .dz-size {
  cursor: pointer;
}

.mapcatalog.panel-body .category-edit {
  margin-top: 2em;
  margin-bottom: 1em;
}
.mapcatalog.panel-body .category-edit,
.mapcatalog.panel-body .category-edit-action {
  display: flex;
}
/* [MAP] Catalogue de cartes - Conteneneur du bouton de suppression d'une carte dans le panel */
.mapcatalog.deletecategory .delete-action {
  display: flex;
  justify-content: center;
  margin: 1em;
}
/* [MAP] Catalogue de cartes - Bouton de suppression d'une carte dans le panel */
.mapcatalog.deletecategory .delete-action button:first-of-type {
  margin-right: 1em;
}
/* [MAP] Catalogue de cartes - Ligne des aperçus d'image */
.mapcatalog .readmode-img-row {
  display: inline-flex;
}
/* [MAP] Catalogue de cartes - Conteneur des aperçus d'image */
.mapcatalog .readmode-img-container {
  margin: 16px;
  min-height: 100px;
  width: 100px;
}
/* [MAP] Catalogue de cartes - Aperçus d'image */
.mapcatalog .readmode-img {
  height: 100px;
  cursor: pointer;
  width: 100px;
}
.mapcatalog .dropzone-container:not(.displayMessage) .dz-message {
  display: none;
}
/* [ADMIN] Associations - Ligne contenant la checkbox des associations de type patrimoine */
.mt-25 {
  margin-top: 25px;
}
/* [MAP] Widget Requêteur - Ligne contenant le select des valeurs de l'attribut */
.query-widget-search .input-group.values {
  display: flex;
  margin-top: 5px;
  justify-content: space-between;
}
/* [MAP] Widget Requêteur - Select des valeurs de l'attribut */
.query-widget-search .input-group.values button[bs-select]{
  width: 100%;
}

/* [BOOTSTRAP] bouton select (cf. lib/angular-strap/dist/angular-strap.tpl.js module mgcrea.ngStrap.select) */
button[bs-select] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* [BOOTSTRAP] bouton select - liste déroulante */
ul.select.bs-dropdown-menu[role='select'] {
  overflow-x: hidden;
  max-width: 92%;
  width: 100%;
}
/* [MAP] Widget Requêteur - Liste déroulante du select des valeurs d'attributs
 - déplace la liste vers la gauche afin de contenir latéralement dans le panel du widget */
.query-widget-search .input-group.values ul.select.bs-dropdown-menu[role='select'] {
  /*left: 0 !important;*/
  max-width: 275px;
}
/* [BOOTSTRAP] bouton select - item de la liste déroulante */
ul.select.bs-dropdown-menu[role='select']>li>a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* [MAP] Widget Requêteur - Ligne de l'enregistrement de la requête saisie */
.query-widget-search .add-bookmark {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-top: 30px;
  align-items: center;
}
/* [MAP] Widget Requêteur - Texte de la ligne d'enregistrement de la requête saisie */
.query-widget-search .add-bookmark span {
  margin-bottom: 5px;
  margin-right: 10px;
}
/* [MAP] Widget Requêteur - Texte désactivé de la ligne d'enregistrement de la requête saisie (cf. ng-class) */
.query-widget-search .add-bookmark span.disabled {
  color: rgb(85, 85, 85);
}
/* [MAP] Widget Requêteur - Texte masqué de la ligne d'enregistrement de la requête saisie (cf. ng-class) */
.query-widget-search .add-bookmark span.hide {
  display: none;
}
/* [MAP] Widget Requêteur - Ligne des boutons d'action du widget (Exécuter/Effacer) */
.query-widget-search .search-delete-buttons {
  display: flex;
  justify-content: space-evenly;
  margin-top: 10px;
}
/* [MAP] Widget Requêteur - Ligne des opérateurs de requête (=, >, <, <>...) */
.query-widget-search .operands {
  width: fit-content;
  width: -moz-fit-content;
  padding: 5px;
}
/* [MAP] Widget Requêteur - Boutons des opérateurs de requête (=, >, <, <>...) */
.query-widget-search .operands>.btn:not(:first-of-type),
.query-widget-search .combin>.btn:not(:first-of-type) {
  margin-left: 5px;
}
/* [MAP] Widget Requêteur - Couleurs du clignotement de la ligne des opérateurs de requête */
@keyframes blinking-default-div {
  0%{		background-color: #e6e6e6;	}
  50%{	background-color: #fff;	}
  100%{	background-color: #e6e6e6;	}
}
/* [MAP] Widget Requêteur - Ligne des opérateurs de requête clignotante 3x
 - après sélection d'un attribut */
.default-div-blink {
  animation: blinking-default-div 0.5s 3 0.12s;
}
/* [MAP] Widget Requêteur - Ligne des combinateurs de requête (and, or) */
.query-widget-search .combin {
  padding-left: 5px;
}
/* [MAP] Widget Requêteur - Popup ajout d'un paramètre */
.query-add-parameter .popupPanel{
  width: 320px;
}
/* [MAP] Widget Requêteur - Popup ajout d'un paramètre - Conteneur de l'input */
.query-add-parameter .queryparam-container {
  margin-bottom: 10px;
  min-width: 300px;
}
/* [MAP] Widget Requêteur - Popup ajout d'un paramètre - Texte */
.query-add-parameter .queryparam-container label {
  font-weight: 400;
}
/* [MAP] Widget Requêteur - Popup ajout d'un paramètre - Input */
.query-add-parameter .queryparam-container input {
  width: 100%;
}
.query-add-parameter .button-row {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
/* [MAP] Widget Requêteur - Popup d'exécution de requête paramétrée */
.query-value-parameter {
  width: 400px;
}
/* [MAP] Widget Requêteur - Popup d'exécution de requête paramétrée - Ligne contenant l'input et le select de valeurs */
.query-value-parameter .value-param-row {
  display: flex;
  align-items: center;
  width: 100%;
}
/* [MAP] Widget Requêteur - Popup d'exécution de requête paramétrée - Input affichant la valeur du paramètre */
.query-value-parameter .value-param-row input {
  margin-left: 0.5em;
  width: 230px;
}
/* [MAP] Widget Requêteur - Popup d'exécution de requête paramétrée - Select de valeurs */
.query-value-parameter button[bs-select] {
  max-width: 272px;
}
/* [MAP] Widget Requêteur - Popup d'exécution de requête paramétrée - Liste déroulante du select de valeurs */
.query-value-parameter ul.select.bs-dropdown-menu[role='select'] {
  width: 275px;
}
/* [MAP] Widget Requêteur - Popup d'exécution de requête paramétrée - ligne du bouton "Exécuter" */
.query-value-parameter .execute-button {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
/* [MAP] ITV VISUALISATION - div conteneur du html de la directive itvvisualisation - largeur par défaut de la popup en l'absence de sélection */
.itvvisua .container-principal {
  width: 350px;
}
/* [MAP] ITV VISUALISATION - div conteneur du html de la directive itvvisualisation - largeur lorsqu'une inspection est sélectionnée */
.itvvisua .container-principal.width800 {
  width: 800px;
}

/* [MAP] ITV VISUALISATION - Boutons des actions sur un collecteur (vidéo, localiser, vue éclatée...) */
.itvvisua .list-group-item.portion .portion-button {
  float:right;
  padding-bottom:0;
  padding-top:0;
}
/* [MAP] ITV VISUALISATION - Glyphicon de certains boutons des actions sur un collecteur
 - centre le span dans le bouton */
.itvvisua .list-group-item.portion .portion-button span.centered{
  top:2px;
  left:3px;
}
/* [MAP] ITV VISUALISATION - Icône du bouton du lecteur vidéo d'une portion
 - évite la mauvaise gestion de la couleur bg de itv.css (.portionactive, portion:hover) */
.itvvisua .list-group-item.portion .portion-button i.video {
  background-color: inherit;
}
.itv-visu-video .popupPanel {
  height: 610px;
}

/* [MAP] ITV VISUALISATION - Popup de visualisation de la vidéo attachée - masque le bouton maximize */
.itv-visu-video .minMaxButton {
  display: none;
}
/* [MAP] ITV VISUALISATION - Corps de la popup de visualisation de la vidéo attachée */
.itv-visu-video .contentTemplate {
  display: flex;
  justify-content: center;
}
/* [MAP] ITV VISUALISATION - Corps de la popup de visualisation de la vidéo attachée */
.itv-visu-video .contentTemplate *, .itv-visu-video .contentTemplate *::before, .itv-visu-video .contentTemplate *::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}
/* [MAP] ITV VISUALISATION - Conteneur de la vidéo attachée  - couleur bg */
.itv-visu-video .contentTemplate .container:nth-child(odd) {
  background-color: inherit;
}
/* [MAP] ITV VISUALISATION - Conteneur de la popup de la vidéo attachée */
.itv-visu-video .contentTemplate .container {
  width: 600px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: inherit;
  flex-direction: column;
}
/* [MAP] ITV VISUALISATION - Conteneurs dans la popup de visualisation de la vidéo attachée */
.itv-visu-video .contentTemplate .container div{
  background-color: inherit;
}
/* [MAP] ITV VISUALISATION - Conteneur du lecteur de la vidéo attachée */
.itv-visu-video .contentTemplate .video-container {
  width: 600px;
  border-radius: 4px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* [MAP] ITV VISUALISATION - Element html de la vidéo attachée */
.itv-visu-video .contentTemplate video {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
/* [MAP] ITV VISUALISATION - Contrôles du lecteur de la vidéo attachée */
.itv-visu-video .contentTemplate .video-controls {
  right: 0;
  left: 0;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  transition: all 0.2s ease;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));
  padding: 8.4px 10px 5px;
}
/* [MAP] ITV VISUALISATION - Contrôles du lecteur de la vidéo attachée - masqués lorsque la souris ne survole plus */
.itv-visu-video .contentTemplate .video-controls.hide {
  opacity: 0;
  pointer-events: none;
}
/* [MAP] ITV VISUALISATION - Conteneur de la barre de progression */
.itv-visu-video .contentTemplate .video-progress {
  position: relative;
  height: 8.4px;
  margin-top: -8.4px;
  margin-bottom: 0;
  padding-left: 0;
}
/* [MAP] ITV VISUALISATION - Barre de progression */
.itv-visu-video .contentTemplate progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  width: 100%;
  height: 5px;
  pointer-events: none;
  position: absolute;
  top: 0;
}
/* [MAP] ITV VISUALISATION - Barre de progression */
.itv-visu-video .contentTemplate progress::-webkit-progress-bar {
  background-color: #474545;
  border-radius: 2px;
}
/* [MAP] ITV VISUALISATION - Barre de progression */
.itv-visu-video .contentTemplate progress::-webkit-progress-value {
  background: #FE0900;
  border-radius: 2px;
}
/* [MAP] ITV VISUALISATION - Barre de progression */
.itv-visu-video .contentTemplate progress::-moz-progress-bar {
  border: 1px solid #FE0900;
  background: #FE0900;
}
/* [MAP] ITV VISUALISATION - Curseur rond de la barre de progression */
.itv-visu-video .contentTemplate .seek {
  position: absolute;
  top: 0;
  width: 100%;
  cursor: pointer;
  margin: 0;
}
/* [MAP] ITV VISUALISATION - Conteneur du texte de la position temporelle de la barre de progression au survol de la souris */
.itv-visu-video .contentTemplate .seek:hover+.seek-tooltip {
  display: block;
}
/* [MAP] ITV VISUALISATION - Conteneur du texte de la position temporelle de la barre de progression hors survol de la souris */
.itv-visu-video .contentTemplate .seek-tooltip {
  display: none;
  position: absolute;
  top: -30px;
  margin-left: -20px;
  font-size: 12px;
  padding: 3px;
  content: attr(data-title);
  font-weight: bold;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6) !important;
}
/* [MAP] ITV VISUALISATION - Contrôles du lecteur vidéo situés sous la barre de progression */
.itv-visu-video .contentTemplate .bottom-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-top: 5px;
}
/* [MAP] ITV VISUALISATION - Contrôles du lecteur vidéo : lecture/pause, son, temps */
.itv-visu-video .contentTemplate .left-controls {
  display: flex;
  align-items: center;
  color: #fff;
}
/* [MAP] ITV VISUALISATION - Contrôle temporel du lecteur vidéo */
.itv-visu-video .contentTemplate .left-controls .time {
  margin-left: 10px;
}
/* [MAP] ITV VISUALISATION - Contrôle du volume du lecteur vidéo */
.itv-visu-video .contentTemplate .volume-controls {
  display: none;
  align-items: center;
  margin-right: 10px;
}
/* [MAP] ITV VISUALISATION - Contrôle du volume du lecteur vidéo */
.itv-visu-video .contentTemplate .volume-controls input {
  width: 100px;
  opacity: 1;
  transition: all 0.4s ease;
}
/* [MAP] ITV VISUALISATION - Contrôle du volume du lecteur vidéo */
.itv-visu-video .contentTemplate .volume-controls:hover input, .volume-controls input:focus {
  width: 100px;
  opacity: 1;
}
/* [MAP] ITV VISUALISATION - Boutons du lecteur vidéo */
.itv-visu-video .contentTemplate button {
  cursor: pointer;
  position: relative;
  margin-right: 7px;
  font-size: 12px;
  padding: 3px;
  border: none;
  outline: none;
  background-color: transparent;
}
/* [MAP] ITV VISUALISATION - Boutons du lecteur vidéo */
.itv-visu-video .contentTemplate button * {
  pointer-events: none;
}
/* [MAP] ITV VISUALISATION - Boutons du lecteur vidéo */
.itv-visu-video .contentTemplate button::before {
  content: attr(data-title);
  position: absolute;
  display: none;
  right: 0;
  top: -50px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-weight: bold;
  padding: 4px 6px;
  word-break: keep-all;
  white-space: pre;
}
/* [MAP] ITV VISUALISATION - Boutons du lecteur vidéo */
.itv-visu-video .contentTemplate button:hover::before {
  display: inline-block;
}
/* [MAP] ITV VISUALISATION - Bouton plein-écran du lecteur vidéo */
.itv-visu-video .fullscreen-button {
  margin-right: 0;
}
/* [MAP] ITV VISUALISATION - Icône play/pause au clic sur la vidéo */
.itv-visu-video .playback-animation {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

.itv-visu-video input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 5px;
  background: transparent;
  cursor: pointer;
}

.itv-visu-video input[type=range]:focus {
  outline: none;
}

.itv-visu-video input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  cursor: pointer;
  border-radius: 1.3px;
  -webkit-appearance: none;
  transition: all 0.4s ease;
}

.itv-visu-video input[type=range]::-webkit-slider-thumb {
  height: 16px;
  width: 16px;
  border-radius: 16px;
  background: #FE0900;
  cursor: pointer;
  -webkit-appearance: none;
  margin-left: -1px;
}

.itv-visu-video input[type=range]:focus::-webkit-slider-runnable-track {
  background: transparent;
}

.itv-visu-video input[type=range].volume {
  height: 5px;
  background-color: #fff;
}

.itv-visu-video input[type=range].volume::-webkit-slider-runnable-track {
  background-color: transparent;
}

.itv-visu-video input[type=range].volume::-webkit-slider-thumb {
  margin-left: 0;
  height: 14px;
  width: 14px;
  background: #fff;
}

.itv-visu-video input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 1.3px;
}

.itv-visu-video input[type=range]::-moz-range-thumb {
  height: 14px;
  width: 14px;
  border-radius: 50px;
  border: 1px solid #FE0900;
  background: #FE0900;
  cursor: pointer;
  margin-top: 5px;
}

.itv-visu-video input[type=range]:focus::-moz-range-track {
  outline: none;
}

.itv-visu-video input[type=range].volume::-moz-range-thumb {
  border: 1px solid #fff;
  background: #fff;
}

.itv-visu-video .hidden {
  display: none;
}

/* [MAP] ITV VISUALISATION - Bouton du lecteur vidéo - paramètres généraux */
.itv-visu-video svg {
  width: 28px;
  height: 28px;
  fill: #fff;
  stroke: #fff;
  cursor: pointer;
}
/* [MAP] ITV VISUALISATION - Légende des observations sur la popup du lecteur vidéo */
.itv-visu-video .contentTemplate .legend .text {
  font-size: 13px;
  font-weight: 400;
  position: absolute;
}
.itv-visu-video .contentTemplate .legend .title{
  position: absolute;
  margin-left: 10px;
  margin-top: 5px;
}
.itv-visu-video .contentTemplate .legend .inventaire{
  transform: translate(70px,42px);
}
.itv-visu-video .contentTemplate .legend .fonctionnel{
  transform: translate(220px,42px);
}
.itv-visu-video .contentTemplate .legend .structurel{
  transform: translate(370px,42px);
}
.itv-visu-video .contentTemplate .legend .autre{
  transform: translate(520px,42px);
}
.itv-visu-video .contentTemplate .legend svg {
  width: 600px;
  height: 80px;
}
.maxWidth200 {
  max-width: 200px;
}

.smallProgressBar {
  height: 15px;
  margin: 0 20px;
}
.progressBarContainer {
  height: 100%;
  background-color: rgb(255, 255, 255);
  margin: 0;
  padding: 0;
  border-radius: 50vw;
  border: 2px solid #3a70f9;
}
.progressBarContent {
  background-color: #8db4ea;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #4b9df5;
  width: 0%;
  border-radius: 50vw;
}

.textAlignCenter {
  text-align: center;
}
.ignorePortion {
  float:right;
  margin-right:20px;
  margin-bottom:20px;
}

.spatialOperator {
  display: flex;
  align-items: center;
  justify-content: center;
}

.spatialOpertorLabel {
  width: 55%;
}

.spatialOperatorSelector {
  width: 45%;
}

/** [ADMIN] Editeur de styles - Edition d'une règle
- Ligne conteneur de l'opérateur logique d'un filtre et du bouton + "Ajouter un filtre" */
.filter-operator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1em;
  font-weight: 400;
}
/** [ADMIN] Editeur de styles - Edition d'une règle - Conteneur de l'opérateur logique d'un filtre */
.filter-operator > div:first-of-type {
  display: flex;
  align-items: center;
  justify-content: left;
}
/** [ADMIN] Editeur de styles - Edition d'une règle - Conteneur de l'opérateur logique "And" d'un filtre */
.filter-operator .andOperator {
  margin-right: 1em;
}
/** [ADMIN] Editeur de styles - Edition d'une règle - Conteneur de l'opérateur "And"/"Or" d'un filtre */
.filter-operator .andOperator,
.filter-operator .orOperator {
  display: flex;
  align-items: center;
  cursor: pointer;
}
/** [ADMIN] Editeur de styles - Edition d'une règle - Label des opérateurs logiques d'un filtre */
.filter-operator label {
  margin: 10px 0 5px 0.25em !important;
  font-weight: inherit;
}
/** [ADMIN] Editeur de styles - Popup de l'éditeur - Position du bouton X */
.ngdialog.ngdialog-theme-plain.styleeditor .ngdialog-close{
  right: -0.4em;
  top: -0.4em;
}
/** [ADMIN] Editeur de styles - Popup de l'éditeur - Ajuste la barre de titre à droite */
.ngdialog.ngdialog-theme-plain.styleeditor .windowMenu {
  margin-right: 0 !important;
}
.shared-objects-rule-popup {
  padding: 10px;
}
.shared-objects-rule-popup label{
  font-weight: 400;
}
.shared-objects-rule-popup .shared-objects {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.shared-objects-rule-popup .shared-objects button {
  width: 32px;
  height: 32px;
}
/* [MAP] Boite d'information - export de sélection (composant gcexport) - padding du corps de la popup */
.export-selection .contentTemplate {
  padding: 10px;
}
.w300{
  width: 300px;
}
.popupContentStyle{
  width: 350px;
  height: 300px;
  overflow: auto
}
/* [INPUT] Input number - Enlève les flèches haut/bas */
body:not(.anc) input::-webkit-outer-spin-button,
body:not(.anc) input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* [INPUT] Input number - Enlève les flèches haut/bas (firefox) */
body:not(.anc) input[type=number] {
  -moz-appearance: textfield;
}

.map-model-mgr {
  padding: 10px;
}
.map-model-mgr .header .new-map-model{
  width: 340px;
}
.map-model-mgr .header {
  display: flex;
  justify-content: center;
}
/* [MAP] Modèles de carte - Met en évidence le modèle de carte actif dans le widget */
.map-model-mgr .input-group input.mapmodel-active {
  font-weight: 700;
  border: 1px solid black;
}
/* [MAP] Modèles de carte - Uniformisation de la taille des boutons du widget */
.map-model-mgr .input-group-btn button {
  max-width: 37px;
}

#StarQuery .popover-content {
  padding: 0.5em;
}
/* [MAP] OUTIL REQUETES RAPIDES ("starquery") - conteneur du template */
.quick-query-widget {
  height: 100%;
}
/* [MAP] OUTIL REQUETES RAPIDES ("starquery") - conteneur de la liste des requêtes */
.quick-query-widget .quick-query-bookmarks {
  overflow-y:auto;
  height: 100%;
}
.quick-query-widget .quick-query-bookmarks.margin-right {
  margin-right: 14px;
}
.model-component-select {
  min-width: 160px;
}
.numberMaxConnectionsInput {
  width: 10%;
}
.numberMaxConnections {
  margin-bottom: 10px;
}
/* [GLOBAL] Clignotement d'un bouton de classe btn-defaut - 3 clignotements pdt 1.5s
 - Il suffit d'ajouter la classe ".btn-default-blink" pour activer l'animation */
@keyframes blinking-default-button {
  0%{		background-color: #e6e6e6;	}
  50%{	background-color: transparent;	}
  100%{	background-color: #e6e6e6;	}
}
.btn-default-blink {
  animation: blinking-default-button 0.5s 3 0.12s;
}
/* [GLOBAL] Clignotement infini d'un bouton de classe btn-defaut */
.btn-default-blink-infinite {
  animation: blinking-default-button 0.5s infinite 0.12s;
}
/* [GLOBAL] Clignotement d'un bouton de classe primary - 3 clignotements pdt 1.5s
 - Il suffit d'ajouter la classe ".btn-primary-blink" pour activer l'animation */
@keyframes blinking-primary-button {
  0%{background-color: #3071a9; border-color: #285e8e;}
  50%{background-color: #428bca; border-color: #357ebd;}
  100%{	background-color: #3071a9; border-color: #285e8e;}
}
.btn-primary-blink {
  animation: blinking-primary-button 0.5s 3 0.12s;
}
/* [MAP] Boite d'information - conteneur de la popup */
.attributes-info-box{
  width: 350px;
  height: 300px;
  overflow: auto
}

/* [ADMIN] Form Builder / [MAP] Boite d'information - Conteneur de saisie d'un attribut (label + input) */
.scrolledTabs .attribute-content,
.attributes-info-box .attribute-content,
.bizAttPopupMainDiv .attribute-content {
  width: 300px;
}
/* [ADMIN] Edition d'un attribut - Onglet "Précisions" */
.attribute-precisions {
  display: flex;
  flex-direction: column;
}
.attribute-precisions label textarea {
  min-height: 100px;
  resize: none;
}
.attribute-precisions label textarea,
.attribute-precisions label span {
  font-weight: 400;
}
.attribute-precisions label:first-of-type {
  margin-bottom: 1em;
}
/* [MAP] Panel gauche widgets - supprime l'espace entre le bas du widget et le bas du panel-gauche
 - permettant à la liste des couches d'acquérir le maximum d'espace vertical */
.mapMenuWrapper .xtool .max-tool-height {
  padding-bottom: 0 !important;
}
.checkNbConnectionOfSnappedPointConfigurationTab {
  display: inline-flex;
}
.whiteSmoke {
  background-color: #F5F5F5;
}
/* [ADMIN] Règles métier - setRemoteAttribute - Ligne de l'option pour passer la règle en postValidation */
.onend-to-postvalid-option {
  display: flex;
  justify-content: flex-start;
}
/* [ADMIN] Règles métier - setRemoteAttribute - Conteneur de la case à cocher pour passer la règle en postValidation */
.onend-to-postvalid-option label {
  display: flex;
  align-items: center;
  font-weight: 400;
}
/* [ADMIN] Règles métier - setRemoteAttribute - checkbox pour passer la règle en postValidation
 - rectification de la checkbox possédant la classe form-control */
.onend-to-postvalid-option label input {
  margin: 0 10px 0 0;
  height: 13px;
  width: 13px;
}
/* [ADMIN] Règles métier - setRemoteAttribute - Texte désactivé associé à la case à cocher pour passer la règle en postValidation */
.onend-to-postvalid-option label span.disabled {
  color: rgb(85, 85, 85);
}
/* [MAP] Widget Transfert de couches - Option "Utiliser la sélection courante" */
.importTransferLayerWidget .use-current-selection {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* [MAP] Widget Transfert de couches - Input de l'option "Utiliser la sélection courante" */
.importTransferLayerWidget .use-current-selection input{
  margin: 0 0.5em 0 0
}
/* [MAP] Widget Transfert de couches - Texte de l'option "Utiliser la sélection courante" */
.importTransferLayerWidget .use-current-selection span{
  font-weight: 400;
}
/* Classe poubelle gcdatatable */
.red-border{
  border-color: #dc3545;
}
/* [ATTACHMENTS] Ligne d'un attachment (input + boutons) */
.form-inline.attachement input[type='file'],
.form-inline.multi-attachement input[type='file']{
  display: none;
}
.item-actions.editUrl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 5px 0;
  gap: 5px;
}

.editUrl .form-control {
  flex-grow: 1;
}

.editUrl .cancel {
  color: red;
}

.editUrl .save {
  color: green;
}
/* [MAP] Popup d'édition des attributs d'un objet - Corps de la popup */
.attribute-popup .panel-body{
  padding-right: 0;
}
/* [MAP] IS - Popup de l'avancement de la sauvegarde d'un objet - titre de la popup */
.is-form-save-progress .title {
  font-size: 18px;
}
/* [MAP] IS - Popup de l'avancement de la sauvegarde d'un objet - img animée */
.is-form-save-progress img {
  width: 20px;
  margin-top: 5px;
}
/* [MAP] IS - Popup de l'avancement de la sauvegarde d'un objet - Texte indiquant le rang de l'étape de sauvegarde */
.is-form-save-progress .step-desc .step-index {
  margin-right: 1em;
}

/* [MAP] Atlas et visualisation ITV
*/
.gctext-warning {
  color: #f39c12;
}
.gctext-success {
  color: #22c000;
}

.gctext-danger {
  color: #ff535c;
}


/* Network configuration */
.network-attribute-section {
  padding: 10px;
  margin: 20px 0;
}
.form-group-network-attributes {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.form-group-network-attributes-label {
  margin-bottom: 5px;
}
.form-group-network-attributes-left {
  width: 45%;
  float: left;
  margin-left: 2%;
}
.form-group-network-attributes-right {
  width: 45%;
  float: right;
  margin-right: 2%;
}
.accessRulesButton {
  display: flex;
  justify-content: center;
  align-items: center;
}
.validate-rule-creation {
  margin: 15px;
}

/*-- Alignement centré verticalement des colonnes d'une row --*/
.gc-align-items-center {
  display: flex;
  align-items: center;
}
.itv-config-row-container>.row {
  padding-bottom: 5px;
}
.gc-align-items-bottom {
  display: flex;
  align-items: end;
}

.longitudinalAsterisque{
  color: green;
}
.margin5{
  margin: 5px;
}

/* [FORM-BUILDER] IS - Bouton "Reprogrammer une IS" */
.is-reprogram .reprog-icon {
  height: 35px;
  width: 35px;  border: 1px solid #ccc;;
  background: url('../img/common/reprog.svg') no-repeat center center;
  background-size: 75%;
}
/* [DATATABLE] Bouton d'action de reprogrammation d'une IS parmi les boutons d'action de ligne supplémentaires */
.gcDatatable .default_actions.datatable-line-buttons-aligned .actions .reprog-icon {

}
/* [FORM-BUILDER] IS - Bouton "Reprogrammer une IS dans une datatable" */
.gcDatatable .is-reprogram .reprog-icon {
  height: 22px;
  width: 22px;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  border: 1px solid #4cae4c;
  background: #5cb85c url('../img/common/reprog-white.png') no-repeat center center;
  background-position-x: 2px;
  background-position-y: 1px;
  background-size: 16px 16px;
}
/* [FORM-BUILDER] IS - Au survol du bouton "Reprogrammer l'intervention simple" */
.is-reprogram .reprog-icon:hover {
  background-color: #e6e6e6;
  box-shadow: 0 0 3px rgba(0,0,0,0.7);
}
.gcDatatable .is-reprogram .reprog-icon:hover {
  background-color: #449d44;
  border-color: #398439;
}
.is-reprogram .reprog-icon:focus,
.is-reprogram .reprog-icon:focus-visible{
  outline: none;
}
/* [FORM-BUILDER] IS - Bouton vert d'ouverture de popover du bouton Reprogrammer une IS */
.its_onglet .subpart .buttons .btn.reprog-icon-cfg {
  margin-left: -10px;
  margin-top: -35px;
}
/* [FORM-BUILDER] IS - Bouton vert d'ouverture de popover du bouton Enregistrer */
.its_onglet .subpart .buttons .btn.global-save-cfg {
  margin-left: -5px;
  margin-top: -12px;
}
/* [FORM-BUILDER] IS - Au focus d'un bouton vert d'ouverture de popover de formulaire
 - masque le contour noir */
.formBuilder .builderDropZone .field .editFieldButtons > button:nth-of-type(4):focus,
.its_onglet .subpart .buttons .btn.reprog-icon-cfg:focus,
.its_onglet .subpart .buttons .btn.global-save-cfg:focus,
.formBuilder .builderDropZone .field .editFieldButtons > button:nth-of-type(4):focus-visible,
.its_onglet .subpart .buttons .btn.reprog-icon-cfg:focus-visible,
.its_onglet .subpart .buttons .btn.global-save-cfg:focus-visible {
  outline: none;
}
/* [FORM-BUILDER] IS - Popup configuration de la reprogrammation - positionnement au-dessus du formulaire */
.is-reprogram-config {
  z-index: 10001;
}
/* [FORM-BUILDER] IS - Corps de la popup fonction de reprogrammation d'une IS - Dimensionnement relatif */
.is-reprogram-config .panel-body{
  min-height: 52vh;
  min-width: 30vw;
  padding: 0.8em;
}
/* [FORM-BUILDER] IS - Popup configuration de la reprogrammation - Ligne de l'activation de la fonction */
.is-reprogram-config .toggle-reprogram {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1em;
}
/* [FORM-BUILDER] IS - Popup configuration de la reprogrammation - Case à cocher de l'activation de la fonction */
.is-reprogram-config .toggle-reprogram input {
  margin: 0 0.5em 0 0;
}
/* [FORM-BUILDER] IS - Popup configuration de la reprogrammation - Texte de l'activation de la fonction */
.is-reprogram-config .toggle-reprogram label {
  margin: 0;
}
/* [FORM-BUILDER] IS - Popup configuration de la reprogrammation - Labels et titres de filtres de dualLisBox sans gras */
.is-reprogram-config .toggle-reprogram label,
.is-reprogram-config .dualListBox-filters span {
  font-weight: 400;
}
/* [FORM-BUILDER] IS - Popup configuration de la reprogrammation - Bouton Enregistrer centré */
.is-reprogram-config .reprogram-buttons {
  display: flex;
  justify-content: center;
}
/* [MAP] DATATABLE - Définition d'une police d'icônes utilisée pour le select des filtres de champs string */
@font-face {
  font-family: 'rdmicons';
  src: url(fonts/rdmicons.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* [MAP] DATATABLE - Select du filtre d'un champ string dans le header de la datatable */
.fixedHeaderTableWrapper .searchTr th .numberDateFilterSelect.text {
  width: 38px;
  font-family: 'rdmicons', serif;
  font-size: 16px !important;
  font-weight: 100;
  text-indent: -2px;
  color: #444;
  margin-left: 1px;
}
/* [MAP] DATATABLE - Option du select du filtre d'un champ string dans le header de la datatable */
.fixedHeaderTableWrapper .searchTr th .numberDateFilterSelect.text option {
  font-family: 'rdmicons', serif !important;
}
/* [MAP] DATATABLE - Input des filtres dans le header de la datatable */
.fixedHeaderTableWrapper .searchTr th input[type='text'] {
  font-style: normal;
  padding-right: 2px;
}
/* [MAP] DATATABLE - Table avec filtres de champs string en mode mini - selects - fonctionne avec la variable @input tableClassList */
.fixedHeaderTableWrapper table.small-text-select-filter .searchTr th .numberDateFilterSelect.text {
  text-indent: -1px;
  margin-left: 0;
  width: 33px;
  font-size: 15px !important;
}
/* [MAP] DATATABLE - Table avec filtres de champs string en mode mini - input - fonctionne avec la variable @input tableClassList */
.fixedHeaderTableWrapper table.small-text-select-filter .searchTr th input[type='text'] {
  padding-left: 34px;
}

.tableFixedHeaders {
  position: sticky;
  top: -1px;
  z-index: 2;
}
/* [ADMIN] Fiche Objet - Conteneur de l'autocomplete du composant et de la largeur de popup */
form.objectFilesForm .component-width-container {
  display: flex;
  align-items: flex-end;
}
/* [ADMIN] Fiche Objet - Conteneur de l'autocomplete du composant */
form.objectFilesForm .component {
  width: 50%;
  margin-bottom: 1.5em;
}
/* [ADMIN] Fiche Objet - Conteneur de la largeur de la popup */
form.objectFilesForm .popup-width {
  width: 50%;
  margin-bottom: 1.5em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
/* [ADMIN] Fiche Objet - Label du champ de la largeur de la popup */
form.objectFilesForm .popup-width label {
  font-size: 13px;
  margin-bottom: 0;
}
/* [ADMIN] Fiche Objet - Input du champ de la largeur de la popup */
form.objectFilesForm .popup-width input {
  margin-left: 0.5em;
  width: 60px;
}
/* [ADMIN] Fiche Objet - Conteneur du paramètre de publication */
form.objectFilesForm .v-switch-container {
  display: flex;
  align-items: center;
  margin-bottom: 1.5em;
}
/* [ADMIN] Fiche Objet - Texte du paramètre de publication */
form.objectFilesForm .v-switch-container label {
  margin-bottom: 0;
}
/* [ADMIN] Fiche Objet - Conteneur du switch */
form.objectFilesForm .v-switch-container .v-switch {
  height: 22px;
  margin-right: 1em;
}
/* [ADMIN] Fiche Objet - Partie mobile du switch */
form.objectFilesForm .v-switch-container .v-switch-slider {
  height: 20px;
}
/* [ADMIN] Fiche Objet - Texte ON/OFF du switch */
form.objectFilesForm .v-switch-container .v-switch-holodeck.on .v-switch-slider:after,
form.objectFilesForm .v-switch-container .v-switch-holodeck.off .v-switch-slider:after{
  top: 5px;
}
/* [ADMIN] Duallistbox avec onglets - Tout le contenu des div leftpart et rightpart est passé en absolute
 pour que les tabs puissent prendre la totalité de la largeur de popup */
.dualListBox.tabulated {
  position: relative;
  height: 300px;
  padding: 0;
}
/* [ADMIN] Duallistbox avec onglets - Bouton d'ajout d'onglet */
.dualListBox.tabulated .left-part .addtab {
  position: absolute;
  top: 0;
}
/* [ADMIN] Duallistbox avec onglets - Conteneur des titres d'onglet */
.dualListBox.tabulated .left-part .scrolledTabs .nav-tabs{
  position: absolute;
  top: 44px;
}
/* [ADMIN] Duallistbox avec onglets - Bouton ouvrir l'éditeur des titres d'onglet */
.dualListBox.tabulated .left-part .scrolledTabs .toggle_edit {
  position: absolute;
  top: 0;
  left: 100px;
  font-size: 13px;
  width: fit-content;
  height: 34px;
}
/* [ADMIN] Duallistbox avec onglets - Icones des boutons Ajouter/Editer un onglet */
.dualListBox.tabulated .left-part .addtab i ,
.dualListBox.tabulated .left-part .scrolledTabs .toggle_edit i {
  margin-right: 5px;
}
/* [ADMIN] Duallistbox avec onglets - Simule le comportement d'un btn-default au survol de l'éditeur des titres d'onglet */
.dualListBox.tabulated .left-part .scrolledTabs .toggle_edit:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
/* [ADMIN] Duallistbox avec onglets - Editeur de l'onglet en mode édition */
.dualListBox.tabulated .left-part .scrolledTabs .editPanel .edit_form {
  position: absolute;
  display: flex;
  align-items: center;
  top: 2px;
  left: 100px;

}
/* [ADMIN] Duallistbox avec onglets - Nom de l'onglet dans l'éditeur de l'onglet en mode édition */
.dualListBox.tabulated .left-part .scrolledTabs .editPanel .edit_form .tab_name {
  margin-right: 5px;
}
/* [ADMIN] Duallistbox avec onglets - Filtres */
.dualListBox.tabulated .dualListBox-filters {
  position: absolute;
  top: 95px;
}
/* [ADMIN] Fiche Objet - Duallistbox - Conteneur de la liste de la partie gauche */
.dualListBox.tabulated .left-part .list {
  position: absolute;
  top: 135px;
  width: 46%;
  left: 0;
}
/* [ADMIN] Duallistbox avec onglets - Filtre de la partie droite aligné à gauche */
.dualListBox.tabulated .right-part .dualListBox-filters {
  left: 54%
}
/* [ADMIN] Duallistbox avec onglets - Texte de chaque filtre - rétabli le type du curseur */
.dualListBox.tabulated .right-part .dualListBox-filters span:first-of-type {
  cursor: default;
}
/* [ADMIN] Fiche Objet - Duallistbox - Conteneur de la liste de la partie droite */
.dualListBox.tabulated .right-part .list {
  position: absolute;
  top: 135px;
  width: 46%;
  right: 0;
}
/* [ADMIN] Fiche Objet - Duallistbox - Flèches gauche/droite */
.dualListBox.tabulated .middle-part {
  position: absolute;
  left: calc(0.35em + 46%);
  top: 210px;
  transform: translateY(-50%);
}
/* [ADMIN] Fiche objet - Ligne des boutons Fermer/Enregistrer de la popup */
form.objectFilesForm .formButtons {
  display: flex;
  justify-content: center;
  width: 100%;
}
/* [ADMIN] Fiche objet - Conteneur du bouton Fermer de la popup */
form.objectFilesForm .formButtons .close-container {
  display: flex;
  justify-content: flex-end;
  width: 50%;
  padding-right: 0.25em;
}
/* [ADMIN] Fiche objet - Conteneur du bouton Enregistrer de la popup */
form.objectFilesForm .formButtons .save-container {
  display: flex;
  justify-content: flex-start;
  width: 50%;
  padding-left: 0.25em;
}
/* [NG-DIALOG] Bouton close - centre la croix dans le cercle */
.ngdialog.ngdialog-theme-plain:not(.miniclose) .ngdialog-close:before {
  padding-right: 2px;
}
/* [MAP] Boite d'information - remplace le display flex par défaut du popupPanel l.596 */
.gcPopup .popupPanel {
  display: block;
}
.gcPopup .popupPanel .panel-collapse {
  height: calc(100% - 44px);
}
.gcPopup .popupPanel .panel-collapse .panel-body,
.gcPopup .popupPanel .panel-collapse .panel-body .popupContent {
  width: 100%;
  height: 100%;
}
.gcPopup .popupPanel .panel-collapse .panel-body .popupContent > div {
  height: 100%;
}
.gcPopup .popupPanel .panel-collapse .panel-body .popupContent .selectfeaturetree-widget {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.gcPopup .popupPanel .panel-collapse .panel-body .popupContent .selectfeaturetree-widget .feature-tree-container {
  overflow: auto;
  max-height: 300px;
}
.gcPopup .popupPanel .panel-collapse .panel-body .popupContent .selectfeaturetree-widget ul.nav.nav-tabs {
  display: flex;
  flex-wrap: wrap;
}
.gcPopup .popupPanel .panel-collapse .panel-body .popupContent .selectfeaturetree-widget .nav-stacked {
  border-right: none;
}
.gcPopup .popupPanel .panel-collapse .panel-body .popupContent .selectfeaturetree-widget .selectedfeaturetree .btn-toolbar.feature-selection {
  margin-top: 0.5em;
}
.gcPopup .popupPanel .panel-collapse .panel-body .popupContent .selectfeaturetree-widget .selected-feature-desc{
  margin-top: 1em;
}
.gcPopup .popupPanel .panel-collapse .panel-body .popupContent .selectfeaturetree-widget .selected-feature-desc .tab-content,
.gcPopup .popupPanel .panel-collapse .panel-body .popupContent .selectfeaturetree-widget .selected-feature-desc .no-configuration-tabs,
.gcPopup .popupPanel .panel-collapse .panel-body .popupContent .selectfeaturetree-widget .selected-feature-desc .no-configuration-tabs table {
  overflow-y: auto;
}
.gcPopup .popupPanel .panel-collapse .panel-body .popupContent .selectfeaturetree-widget .selected-feature-desc .tab-content > .active {
  padding-top: 0;
  margin-top: -6px;
}
.gcPopup .popupPanel .panel-collapse .panel-body .popupContent .selectfeaturetree-widget .row.action-row {
  margin-top: 1em;
}
/* [MAP] Requêteur - Onglet favoris - conteneur de la liste des favoris */
.query-bookmarks {
  width: 350px;
  height: 100%;
  overflow-y: auto;
}
/* [MAP] Requêteur - Onglet favoris - ligne d'un favori */
.quick-query-widget .quick-query-bookmarks input:disabled,
.query-bookmarks input:disabled {
  cursor: default;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popover.quick-query {
  z-index:2100;
  width:300px;
  height: 300px;
}
.popover.quick-query .popover-content {
  height: 100%;
}

/* [FORM-BUILDER] - IS - Au clic sur le bouton violet "Configuration", corps de la popover pour la configuration de l'IS */
.is-cfg.popover {
  padding: 0.5em;
  min-width: fit-content;
  max-width: unset;
}
/* [FORM-BUILDER] - IS - Onglets de la popover pour la configuration de l'IS */
.is-cfg.popover .tabs {
  transform: translateY(-0.5em);
}
/* [FORM-BUILDER] - IS - Titre des onglets de la popover pour la configuration de l'IS */
.is-cfg.popover .tabs .nav-tabs {
  margin-bottom: 0;
}
/* [FORM-BUILDER] - IS - Icone des titres des onglets de la popover pour la configuration de l'IS */
.is-cfg.popover .tabs .nav-tabs > li > a > i {
  margin-right: 0.5em;
}
/* [FORM-BUILDER] - IS - Lignes de l'onglet "Recherche" dans la popup de configuration de l'IS */
.is-cfg.popover .search-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* [FORM-BUILDER] - IS - 1ère ligne de l'onglet "Recherche" dans la popup de configuration de l'IS */
.is-cfg.popover .search-line:first-of-type {
  margin-bottom: 0.5em;
}
/* [FORM-BUILDER] - IS - Balises label des lignes de l'onglet "Recherche" dans la popup de configuration de l'IS */
.is-cfg.popover .search-line label {
  margin-bottom: 0;
  margin-right: 0.5em;
  white-space: nowrap;
}
/* [FORM-BUILDER] - IS - Input texte des onglets "Recherche" et "Liste" de la popup de configuration de l'IS */
.is-cfg.popover .search-tab input[type='text'],
.is-cfg.popover .list-tab input[type='text'] {
  width: 25em;
}
/* [FORM-BUILDER] - IS - Liste des attributs affichés de l'onglet "Liste" de la popup de configuration de l'IS */
.is-cfg.popover .picked-attributes {
  max-height: 250px;
  overflow-y: auto;
  margin-right: -15px;
  width: calc(25em + 15px);
}
/* [FORM-BUILDER] - IS - Conteneurs des cases à cocher de la liste des attributs affichés
  - Onglet "Liste" de la popup de configuration de l'IS */
.is-cfg.popover .picked-attributes .checkbox-column {
  width: 20%;
}
/* [FORM-BUILDER] - IS - Encart des labels des étapes du formulaire - Onglet "Edition" de la popup de configuration de l'IS */
.is-cfg.popover .edition-tab .step-labels {
  margin-bottom: 0.5em;
}
/* [FORM-BUILDER] - IS - Encart des labels des étapes du formulaire et autres labels - Onglet "Edition" de la popup de configuration de l'IS */
.is-cfg.popover .edition-tab .step-labels,
.is-cfg.popover .edition-tab .other-labels {
  position: relative;
  border: 1px solid slategrey;
  border-radius: 4px;
  padding: 0.5em;
}
/* [FORM-BUILDER] - IS - Titre des encarts des labels des étapes du formulaire et autres labels - Onglet "Edition" de la popup de configuration de l'IS */
.is-cfg.popover .edition-tab .step-labels .title,
.is-cfg.popover .edition-tab .other-labels .title{
  position: absolute;
  top: -12px;
  left: 5px;
  padding: 0 5px;
  background-color: #fff;
  color: slategrey;
}
/* [FORM-BUILDER] - IS - Popup de configuration - Ligne et conteneur des checkbox du choix du type de fil d'ariane */
.is-cfg.popover .edition-tab .step-labels .breadcrumb-line,
.is-cfg.popover .edition-tab .step-labels .breadcrumb-mode {
  display: flex;
  align-items: center;
}
/* [FORM-BUILDER] - IS - Popup de configuration - Ligne du choix du type de fil d'ariane */
.is-cfg.popover .edition-tab .step-labels .breadcrumb-line {
  margin: 1em 0;
  justify-content: flex-start;
}
/* [FORM-BUILDER] - IS - Popup de configuration - Labels de la ligne du choix du type de fil d'ariane */
.is-cfg.popover .edition-tab .step-labels .breadcrumb-line label {
  margin-bottom: 0;
  font-weight: 400;
  margin-right: 0.25em;
}
/* [FORM-BUILDER] - IS - Popup de configuration - Checkbox de la ligne du choix du type de fil d'ariane */
.is-cfg.popover .edition-tab .step-labels .breadcrumb-line input {
  margin: 0;
}
/* [FORM-BUILDER] - IS - Popup de configuration - Conteneur des checkbox de la ligne du choix du type de fil d'ariane */
.is-cfg.popover .edition-tab .step-labels .breadcrumb-mode {
  min-width: 20em;
  justify-content: space-around;
}

.is-cfg.popover .edition-tab .step-labels .breadcrumb-mode > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.is-cfg.popover .edition-tab .step-labels .step-table {
  width: 40em;
  margin-top: 0.5em;
}
.is-cfg.popover .edition-tab .step-labels .step-table > div {
  display: grid;
  grid-template-columns: 30% 10% 60%;
  align-items: center;
}
.is-cfg.popover .edition-tab .step-labels .step-table > div:not(:last-of-type, .header) {
  margin-bottom: 1em;
}
.is-cfg.popover .edition-tab .step-labels .step-table .header label {
  text-align: center;
}
.is-cfg.popover .edition-tab .step-title {
  white-space: nowrap;
}
.is-cfg.popover .edition-tab .step-labels .step-table label,
.is-cfg.popover .edition-tab .step-labels .hide-attachments label{
  margin-bottom: 0;
}
.is-cfg.popover .edition-tab .step-labels .step-table .categoryWidgetIconPicker {
  transform: translateY(1px);
}
.is-cfg.popover .edition-tab .step-labels .hide-attachments input {
  margin-top: 0;
  margin-right: 0.5em;
}
.is-cfg.popover .edition-tab .step-labels .hide-attachments {
  display: flex;
  justify-content: flex-start;
  margin-top: 1em;
}
.is-cfg.popover .edition-tab .step-labels .hide-attachments label{
  font-weight: 400;
}
.is-cfg.popover .edition-tab .other-labels {
  margin-top: 1.5em;
}
.is-cfg.popover .edition-tab .other-labels > div > div {
  display: grid;
  grid-template-columns: 40% 60%;
  align-items: center;
  margin: 1em 0;
}
.is-cfg.popover .edition-tab .other-labels > div > div:last-of-type {
  margin-bottom: 0;
}
.is-breadcrumb {
  font-size: 16px;
  padding: 1.25em 0.625em 0 0.625em;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
}
.is-breadcrumb .nav-btn {
  width: 2.5em;
  height: 2em;
  padding: 0;
  border: 1px solid #ccc;
}
.is-breadcrumb .nav-btn:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.is-breadcrumb .nav-btn:focus,
.is-breadcrumb .nav-btn:focus-visible {
  outline: none;
}
.is-breadcrumb .nav-btn.first-step-active {
  display: none;
}
.is-breadcrumb .nav-btn span {
  font-weight: 700;
}
.is-breadcrumb .btn-prev {
  position: absolute;
  left: 0.625em;
  top: 1.20em;
}
.is-breadcrumb .btn-next {
  position: absolute;
  right: 0.625em;
  top: 1.20em;
}
.is-breadcrumb .steps {
  display: flex;
  justify-content: flex-start;
  margin: 0 2.5em;
  overflow: hidden;
  width: 100%;
}
.is-breadcrumb .steps.no-prev-btn {
  margin-left: 0;
}
.is-breadcrumb .steps.no-next-btn {
  margin-right: 0;
}
.is-breadcrumb .steps.more-steps {
  justify-content: space-evenly;
}
.is-breadcrumb .step-container {
  display: contents;
}
.is-breadcrumb .step-container > i {
  color: #4c4848;
  font-weight: 700;
  cursor: default;
  font-size: 20px;
  margin-right: 0.25em;
  transform: translateY(1px);
}
.is-breadcrumb .step-container > span {
  font-size: 15px;
  cursor: default;
  font-style: italic;
  color: #4c4848;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 0.1em;
}
.is-breadcrumb .steps.text-truncated .step-container > span {
  overflow: hidden;
}
.is-breadcrumb i.step-separator {
  display: flex;
  width: fit-content;
  justify-content: center;
  margin: 0 1em;
  align-items: center;
}
.is-breadcrumb .step-container.active > i,
.is-breadcrumb .step-container.active > span {
  color: #446cb3;
}
.is-breadcrumb .step-container.click-allowed > i,
.is-breadcrumb .step-container.click-allowed > span {
  cursor: pointer;
}
.is-breadcrumb .step-container.click-allowed:not(.active):hover > i,
.is-breadcrumb .step-container.click-allowed:not(.active):focus > i {
  color: #252323;
}
.is-breadcrumb .step-container.click-allowed:not(.active):hover > span,
.is-breadcrumb .step-container.click-allowed:not(.active):focus > span {
  color: #252323;
  text-decoration: underline;
}
/* [FORM-BUILDER] Limite la hauteur des enfants de la popup à la hauteur du parent
 - résout de nombreux problèmes de compatiblité mobile */
.formRenderMainWrapper,
.formRenderMainWrapper .renderedForm.intervention_simple,
.formRenderMainWrapper form,
.formRenderMainWrapper form .wrapper,
.formRenderMainWrapper form .wrapper .render.intervention_simple,
.formRenderMainWrapper form .wrapper .render.intervention_simple > div,
.formRenderMainWrapper form .wrapper .render.intervention_simple > div > div,
.formRenderMainWrapper .its_edition_body .selection.subpart,
.formRenderMainWrapper .its_edition_body .selection.subpart .corps > div,
.formRenderMainWrapper .its_edition_body .selection.subpart .corps .clearfix,
.formRenderMainWrapper .its_edition_body .selection.subpart .corps .clearfix > div,
.formRenderMainWrapper .its_edition_body .selection.subpart .corps .clearfix > div > div {
  height: 100%;
}
/* [FORM-BUILDER] Limite la hauteur du conteneur du corps de l'IS à la hauteur de la popup
  à laquelle on enlève la hauteur de la barre de titre */
.formRenderMainWrapper .its_edition_body {
  height: calc(100% - 44px);
}
/* [FORM-BUILDER] Limite la hauteur du corps de l'IS à la hauteur du conteneur
  à laquelle on enlève la hauteur du fil d'ariane et la hauteur de la ligne des boutons du bas de la popup */
.formRenderMainWrapper .its_edition_body .selection.subpart .corps {
  height: calc(100% - 100px);
  margin-bottom: 5px;
}
/* [FORM-BUILDER] */
.formRenderMainWrapper .its_edition_body .selection.subpart .corps .scrolledTabs.formTabRender {
  padding-right: 10px;
}
/* [FORM-BUILDER] Limite la hauteur d'un onglet de l'édition IS à la hauteur du corps de l'IS
 à laquelle on enlève la hauteur des titres d'onglet - replace l'ancien scroll général non adapté */
.formRenderMainWrapper .its_edition_body .selection.subpart .corps .tab-content {
  height: calc(100% - 41px);
  overflow-y: auto;
  margin-right: -21px;
  padding-right: 10px;
}
/* [FORM-BUILDER] Scroll de l'étape géométrie de la partie édition d'une IS */
.formRenderMainWrapper .its_edition_body .selection.subpart .corps .is-edition-geometry {
  overflow-y: auto;
  margin-right: -10px;
  padding-right: 10px;
}
/* [FORM-RENDER] IS - Liste - Table de la liste des objets sélectionnés
 - Espace entre la table des objets sélectionnés et les boutons de bas de page "Fermer/Enregistrer" */
.renderedForm .render.intervention_simple .its_onglet.edition .buttons.bottomButtons.buttons-center {
  margin-top: 10px;
}
/* [FORM-RENDER] IS - Liste - Table de la liste d'objets recherchés et des objets sélectionnés - Hauteur de table */
.renderedForm .render.intervention_simple .its_onglet.liste .fixInner table,
.renderedForm .render.intervention_simple .its_onglet.edition .fixInner table {
  height: calc(100% - 60px);
}
/* [FORM-RENDER] IS - Liste - Table de la liste d'objets recherchés et des objets sélectionnés - Masque la ligne inutile des titres de colonne */
.renderedForm .render.intervention_simple .its_onglet.edition .fixInner table tbody tr:first-of-type,
.renderedForm .render.intervention_simple .its_onglet.liste .fixInner table tbody tr:first-of-type {
  height: 0;
}
/* [FORM-RENDER] IS - Table de la liste d'objets recherchés et des objets sélectionnés - Hauteur de ligne */
.renderedForm .render.intervention_simple .its_onglet.edition .fixInner table .fixedTbodyLine,
.renderedForm .render.intervention_simple .its_onglet.liste .fixInner table .fixedTbodyLine {
  height: 1em;
}

/* [FORM-RENDER] IS - Bouton "Vider la sélection" - En mode édition, en présence du bandeau, le bouton est aligné à droite sur le bouton du bandeau le plus à droite */
.formRenderMainWrapper .its_edition_body .selection.subpart .corps .is-edition-geometry .clear-selection.edit-offset {
  margin-right: 15px;
}
  /* [MAP] DATATABLE - Table avec filtres de champs string en mode mini - selects - fonctionne avec la variable @input tableClassList */
.fixedHeaderTableWrapper table.small-text-select-filter .searchTr th .numberDateFilterSelect.text {
  text-indent: -1px;
  margin-left: 0;
  width: 33px;
  font-size: 15px !important;
}
/* [MAP] DATATABLE - Table avec filtres de champs string en mode mini - input - fonctionne avec la variable @input tableClassList */
.fixedHeaderTableWrapper table.small-text-select-filter .searchTr th input[type='text'] {
  padding-left: 34px;
}
.formRenderMainWrapper .its_edition_body .selection.subpart .corps .isObjetsCibles > div {
  height: 100%;
}
.formRenderMainWrapper .its_edition_body .selection.subpart .corps .isObjetsCibles > div > div {
  height: calc(100% - 20px);
}
.formRenderMainWrapper .its_edition_body .selection.subpart .corps .isObjetsCibles .fixedHeaderGlobalWrapper.gcDatatable{
  height: calc(100% - 60px);
  min-height: 0;
}
.formRenderMainWrapper .its_edition_body .selection.subpart .corps .feature-attachment-container > div,
.formRenderMainWrapper .its_edition_body .selection.subpart .corps .feature-attachment-container > div > div {
  height: 100%;
}
.formRenderMainWrapper .its_edition_body .selection.subpart .corps .isObjetsCibles .fixedHeaderGlobalWrapper.gcDatatable .fixedHeaderTableWrapper {
  height: 100%;
}
.formRenderMainWrapper .its_edition_body .selection.subpart .corps .feature-attachment-container .feature-attachment-list {
  overflow-y: auto;
  height: 70%;
}
.formRenderMainWrapper .its_onglet.liste .selection.subpart {
  height: 100%;
}
/* [FORM-RENDER] IS - Calcul de la hauteur du conteneur du corps de la popup de la liste
 100% de la popup - hauteur du titre (14*1.42 + 20) - hauteur des boutons (34 + 10) */
.formRenderMainWrapper .its_onglet.liste .selection.subpart .corps {
  height: calc(100% - 87px);
}
/* [FORM-RENDER] IS - Hauteur du composant gcdatatable dans la liste de résultats d'une IS */
.formRenderMainWrapper .its_onglet.liste .selection.subpart .corps > div{
  height: 100%;
}
/* [FORM-RENDER] IS - calcul de la hauteur de la table de la liste de résultats :
 100% du composant gcdatatable - hauteur de la ligne de l'export csv (.gcDatatableCrud) */
.formRenderMainWrapper .its_onglet.liste .selection.subpart .corps .fixedHeaderGlobalWrapper.gcDatatable {
  height: calc(100% - 60px);
}
.formBuilder .sectionBody .its_edition_body .bottomButtons.builder {
  justify-content: flex-end;
  margin-right: 0;
  padding-right: 0;
}
.formBuilder .sectionBody .its_edition_body .bottomButtons .close-save.builder .popover {
  transform: translateX(-10px);
}

.tableFixedHeaders {
  position: sticky;
  top: -1px;
  z-index: 2;
}

.form-group-network-attributes .title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form-group-network-attributes .title-row .title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
}
.form-group-network-attributes .title-row .title label {
  margin-bottom: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form-group-network-attributes .title-row .title button {
  margin-left: 5px;
}
.form-group-network-attributes .title-row .custom-value {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.form-group-network-attributes .title-row .custom-value input {
  width: 70%;
  height: 24px;
  border: 1px solid #ccc;
  margin-right: 5px;
}
/* [ADMIN] Features - Géométrie du composant dans l'édition d'un composant existant
 - Met en évidence le type de géométrie courant dont l'élement demeure disabled */
.feature-edition-general-tab .geometry-type-container > div > label.active.disabled,
.feature-edition-general-tab .geometry-type-container > div > label.active.disabled:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
/* [ADMIN] Features - Géométrie du composant dans l'édition d'un composant existant
 - Supprime le changement de couleur au survol */
.feature-edition-general-tab .geometry-type-container > div > label.disabled:hover {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.confirmation-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 350px;
  padding: 20px;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

div.buttons-group-confirm-rules button {
  margin-top: 10px
}

.ldapGroupListReset {
  border-style: groove;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  top: 25px;
}

.ldapGetAttributeCommand {
  height: 30px;
  margin-left: 15px;
}

.ldapAttributeList {
  margin-right: 15px;
  margin-left: 15px;
}

.ldapLabelHeader {
  font-size: large;
}

.cascadeDeleteCheckBox {
  width: 20px;
  height: 20px;
  float: right;
}

.save-wait-img {
  text-align: center;
  margin: 10px 0;
}

.save-formTable-wait-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: scale(2);
}
.printwidget .visibilityType label {
  font-weight: 400;
}
/* [MAP] Info-bulle de la fiche-objet */
.attribute-tooltip.fa{
  position: absolute;
  top: -1.4em;
  right: 0;
  z-index: 10;
}

.dict-main-buttons {
  margin: 10px 0;
}

.dictBoardDatatable {
  height: calc(100% - 32px);
}

.dictBoardDatatable .fixedHeaderGlobalWrapper.gcDatatable {
  height: 100%;
}

.dictBoardTabsButtonGroup {
  display: flex;
}

.dictBoardTabsButtonGroup button {
  display: inline;
  margin: 1px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 4px;
}

.dictBoardDatatable .ng-table-pagination {
  width: fit-content;
}

.dictBoardDatatable .totalNumber {
  top: 0;
}

.dictBoardTabs {
  height: calc(100% - 34px);
}

.dictDataLoader {
  margin-left: 5px;
}

.dictConfigPopup .ngdialog-content > div:first-of-type {
  padding:10px;
}

.dictConfigPopup .panel {
  margin-bottom: 10px;
}

.dictConfigPopup .panel:last-of-type {
  margin-bottom: 0;
}
.dictConfigPopup .panel-primary,
.dictConfigPopup .panel-primary .panel-heading {
  border-color: #446cb3;
}
.dictConfigPopup .panel-primary .panel-heading {
  background-color: #446cb3;
}

.dictConfigTitle {
  width: 50%;
}

.dictBufferConfig {
  display: flex;
  width: 75px;
  margin-left: 10px;
}

.dictSelectConfig {
  margin: 0 10px;
}

.dlbDictConfig {
  margin: 10px;
}

.dlbDictConfig .dualListBox-filters {
  height: 47px;
}

.dlbDictConfig .left-part, .dlbDictConfig .right-part {
  width: 47% !important;
}

.dlbDictConfig .middle-part {
  width: 6% !important;
}

.dlbDictConfig ul {
  border-radius: 4px;
}

.dlbDictConfig li {
  font-size: 14px;
}

.dictFeaturesTypeSwitch {
  font-size:25px;
  margin: 0 10px;
}

.autoAtlasBufferTextInput {
  width: 100px;
}

.concernedComponentAutocomplete {
  width: 60%;
  margin-right: 10px;
}

.dictComponentDelete {
  padding: 1px 10px;
}

.autoAtlasBuffer {
  margin: 8px;
  display: flex;
}

.autoAtlasBuffer input {
  width: 50px;
  display: inline-block;
}

.setObjectOnExtremityCfg .display-attr-popup-mgr {
  margin: 1em 0;
  padding-left: 0.5em;
}
.setObjectOnExtremityCfg .display-attr-popup-mgr label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.setObjectOnExtremityCfg .display-attr-popup-mgr label input{
  margin-top: 0;
}
.setObjectOnExtremityCfg .display-attr-popup-mgr label span {
  font-weight: 400;
  margin-left: 0.5em;
}
.setObjectOnExtremityCfg .display-attr-popup-mgr .warning div {
  color: red;
}
.getFeaturesFromLineAssociation-cfg .ruleCfgEditTypeList {
  width: 100%;
}
.getFeaturesFromLineAssociation-cfg ul.list {
  border-radius: 5px;
}
.getFeaturesFromLineAssociation-popup .extendedNgDialogContent {
  height: calc(100% - 44px);
}
.getFeaturesFromLineAssociation-popup .extendedNgDialogContent .extendedNgDialogPanelBody {
  height: 100%;
}
.getFeaturesFromLineAssociation-popup .contentTemplate.scrollable {
  height: unset !important;
  padding-left: 10px;
  padding-top: 10px;
  overflow-y: hidden;
}
.getFeaturesFromLineAssociation-popup .datatable-container {
  height: calc(100% - 120px);
}
.getFeaturesFromLineAssociation-popup .datatable-container .fixedHeaderGlobalWrapper{
  height: calc(100% - 84px);
}
.getFeaturesFromLineAssociation-popup .add-container {
  display: flex;
  justify-content: flex-end;
}
.getFeaturesFromLineAssociation-popup .add-inner {
  width: 60%;
}
.getFeaturesFromLineAssociation-popup .add-action {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.getFeaturesFromLineAssociation-popup .popup-button {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.getFeaturesFromLineAssociation-popup .popup-button button:first-of-type {
  margin-right: 0.5em;
}
.getFeaturesFromLineAssociation-popup .popup-button button:last-of-type {
  margin-left: 0.5em;
}

.addTabNetworkJasper {
  float: right;
}
.importdivers .import-param {
  width: 130px;
  margin-bottom: 1em;
}
/* KIS-3179 - agrandir la largeur des 2 input select  “Séparateur” et “Format des dates” pour que le texte ne soit pas tronqué */
.importdivers .import-param select {
  min-width: 150px;
}
/* [MAP] Popup d'import de fichier (composant gcimportfeatures) - supprime défaut bootstrap */
.gcimportfeatures .row {
  margin: auto 0;
}
/* [MAP] Popup d'import de fichier (composant gcimportfeatures) - ligne de mise à jour d'un composant */
.gcimportfeatures .csv-import .apply-rules,
.gcimportfeatures .csv-import .component-maj {
  display: flex;
  align-items: center;
}
.gcimportfeatures .csv-import .apply-rules input,
.gcimportfeatures .csv-import .component-maj input {
  margin: 0 0.5em 0 0;
}
.gcimportfeatures .csv-import .apply-rules span,
.gcimportfeatures .csv-import .component-maj span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/* [GLOBAL] Clignotement d'un champ de formulaire - 3 clignotements pdt 1.5s
 - Il suffit d'ajouter la classe ".input-blink" pour activer l'animation */
@keyframes red-blinking-input {
  0%{border-color: red;}
  50%{border-color: inherit;}
  100%{border-color: red;}
}
.input-blink{
  animation: red-blinking-input 0.5s 3 0.12s;
}

/* [MAP] Popup édition attributs et autres - définition de la hauteur sur laquelle seront basées toutes les hauteurs relatives */
.gcPopup:not(.query-parameter):not(.no-default-height) .popupPanel {
  height: 70vh;
}
/* [MAP] Popup édition attributs et autres - Evite le dépassement vertical */
.gcPopup .panel-body,
.gcPopup .popup-template {
  height: 100%;
}
/* [MAP] Popup édition attributs et autres - Corps de la popup sans les boutons d'action */
.gcPopup .popup-template .myBody {
  height: calc(100% - 60px);
}
/* [MAP] Popup édition attributs et autres - Conteneur des boutons d'action */
.gcPopup .popup-template .buttons,
.gcPopup .popup-template .btn-group {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  height: 60px;
}
/* [MAP] Popup édition attributs et autres | Edition multiple d'attributs - Conteneur des boutons d'action */
.gcPopup .popup-template .buttons {
  justify-content: space-evenly;
  margin-right: 25px;
}
.gcPopup.objectFilePopup .bizAttPopupMainDiv {
  width: 100%;
}
/* [MAP] Fiche-objet | Fiche-objet Edition multiple - Permet d'aligner une barre de défilement vertical sur le bord droit */
.gcPopup.objectFilePopup .bizAttPopupMainDiv,
.gcPopup.objectFilePopup .panel-body {
  padding-right: 0;
}
/* [MAP] Fiche-objet | Fiche-objet Edition multiple - Evite le déplacement vertical et fixe l'affichage des titres d'onglets */
.gcPopup.objectFilePopup .popup-template .bizAttPopupMainDiv,
.gcPopup.objectFilePopup .popup-template .myBody .popupContent.attributes-info-box {
  height: 100%;
  overflow-y: hidden;
}
/* [MAP] Fiche-objet Edition multiple - Colore aussi le padding de panel-body */
.gcPopup.multi-attr-edit.objectFilePopup .panel-collapse {
  background: beige;
}
/* [MAP] Fiche-objet Edition multiple - Respect du background-color de l'ancêtre ".panel-collapse" */
.gcPopup.multi-attr-edit.objectFilePopup .popup-template .bizAttPopupMainDiv {
  background: unset;
}
/* [MAP] Fiche-objet Edition multiple - Limite la hauteur de l'affichage du corps pour laisser la place aux boutons */
.gcPopup.multi-attr-edit.objectFilePopup .popup-template .bizAttPopupMainDiv .scrolledTabs {
  height: calc(100% - 80px);
}
.gcPopup .attributes-info-box,
.gcPopup.multi-attr-edit .bizAttPopupMainDiv {
  height: 100%;
  width: 100%;
  overflow-y: hidden;
}
.gcPopup .attributes-info-box .no-configuration-tabs,
.gcPopup.multi-attr-edit .bizAttPopupMainDiv .no-configuration-tabs{
  overflow-y: auto;
  height: calc(100% - 80px);
  max-height: 70vh;
}
/* [MAP] Fiche-objet Edition multiple - Conteneur de l'onglet (coprs + titre) - Fixe l'affichage des titres d'onglets
 - Evite le dépassement vertical en tenant compte d'1 seule ligne d'onglets
 - ATTENTION! La réduction de la hauteur en présence d'autres lignes est gérée en JS => Ne pas modifier le sélecteur */
.gcPopup.objectFilePopup .popup-template .bizAttPopupMainDiv .scrolledTabs .tab-content {
  height: calc(100% - 41px);
  overflow-y: auto;
  padding-right: 15px;
}
/* [MAP] Fiche-objet - Conteneur de l'onglet (coprs + titre) - Fixe l'affichage des titres d'onglets
 - Evite le dépassement vertical en tenant compte d'1 seule ligne d'onglets
 - ATTENTION! La réduction de la hauteur en présence d'autres lignes est gérée en JS => Ne pas modifier le sélecteur */
.gcPopup.objectFilePopup .popup-template .myBody .popupContent.attributes-info-box .scrolledTabs .tab-content {
  height: calc(100% - 41px);
  overflow-y: auto;
  padding-right: 15px;
}
/* [MAP] Fiche-objet - Corps de l'onglet - Evite le dépassement vertical */
.gcPopup.objectFilePopup .popup-template .bizAttPopupMainDiv .scrolledTabs .tab-content .tab-pane,
.gcPopup.objectFilePopup .popup-template .myBody .popupContent.attributes-info-box .scrolledTabs .tab-content .tab-pane {
  height: 100%;
}
/* [MAP] Fiche-objet - Conteneur de chaque input - Permet la largeur dynamique des inputs en fonction de la popup */
.gcPopup.objectFilePopup .popup-template .bizAttPopupMainDiv .scrolledTabs .tab-content .tab-pane .attribute-content,
.gcPopup.objectFilePopup .popup-template .myBody .popupContent.attributes-info-box .scrolledTabs .tab-content .tab-pane .attribute-content,
.gcPopup.objectFilePopup .popup-template .bizAttPopupMainDiv .scrolledTabs .tab-content .tab-pane .attribute-content .formField .input-group,
.gcPopup.objectFilePopup .popup-template .myBody .popupContent.attributes-info-box .scrolledTabs .tab-content .tab-pane .attribute-content .formField .input-group {
  width: 100%;
}
/* [MAP] Popup d'édition des attributs - Masque le bouton "Maximizer" */
.gcPopup.nomaximize .headerpopup button:nth-of-type(2) {
  display: none;
}

/* [MAP] Outil d'extraction de coordonnées par clic - Infobulle - Element principal de l'infobulle, conteneur du content */
.ol-popup.extract-coords-tool {
  background: #ffffff;
  color: #000000;
  opacity: 1;
  width: 300px;
  display: flex;
  justify-content: center;
  padding: 0.5em;
}
/* [MAP] Outil d'extraction de coordonnées par clic - Infobulle - Couleur bg du pointeur de l'infobulle */
.ol-popup.extract-coords-tool:after {
  border-top-color: white;
}
/* [MAP] Outil d'extraction de coordonnées par clic - Infobulle - Element principal du corps de l'infobulle */
.ol-popup.extract-coords-tool .popup-content {
  display: flex;
  width: 100%;
}
/* [MAP] Outil d'extraction de coordonnées par clic - Infobulle - Partie gauche de l'infobulle (textes) */
.ol-popup.extract-coords-tool .popup-content .text {
  display: flex;
  flex-direction: column;
  justify-content: left;
  width: 80%;
}
/* [MAP] Outil d'extraction de coordonnées par clic - Infobulle - Partie droite de l'infobulle (bouton) */
.ol-popup.extract-coords-tool .popup-content .copy-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20%;
}
/* [MAP] Outil d'extraction de coordonnées par clic - Infobulle - Bouton de copie des coordonnées */
.ol-popup.extract-coords-tool .popup-content .copy-button button {
  border: none;
}
/* [MAP] Outil d'extraction de coordonnées par clic - Infobulle - Enlève le contour noir du bouton de copie des coordonnées */
.ol-popup.extract-coords-tool .popup-content .copy-button button:focus,
.ol-popup.extract-coords-tool .popup-content .copy-button button:focus-visible {
  background-color: #fff;
  outline: none;
}
/* [MAP] Outil d'extraction de coordonnées par clic - Infobulle - Mise en évidence de l'icône du bouton */
.ol-popup.extract-coords-tool .popup-content .copy-button button i{
  font-weight: 700;
}
.mouse-position-save-srid > div {
  display: flex;
  justify-content: center;
  margin-top: 20px
}
/* [ADMIN] - Edition d'un portail - Conteneur des rubriques */
.portalCfgModal .edit-portal-content {
  display: flex;
}
/* [ADMIN] - Edition d'un portail - Contenu d'un template de rubrique */
.portalCfgModal .edit-portal-content .render {
  width: 100%;
  padding: 1em;
}
/* [ADMIN] - Edition d'un portail - Boutons Fermer/Enregistrer */
.portalCfgModal .buttons {
  width: 100%;
  margin-top: 1em;
  display: flex;
  justify-content: center;
}
/* [ADMIN] - Edition d'un portail - Espacement des boutons */
.portalCfgModal .buttons button:first-of-type {
  margin-right: 1em;
}
label.normal {
  font-weight: 400;
}
.gcDatatableCrud .export-csv {
  margin-right: 0.8em;
}
.datatable-popover .close-datatable-popover,
.datatable-exec-popover .close-datatable-popover {
  position: absolute;
  top: 0.85em;
  right: 1.8em;
}

.nav.nav-tabs a {
  display: flex;
  align-items: center;
}

.nav.nav-tabs a button.label.label-default.dimmed,
.nav.nav-tabs a button.label.label-primary {
  margin-left: 0.2em;
}


/* [MAP] Job ArcGIS de Géotraitement */
.esriJobMessages {
  max-width: 750px;
  height: 250px;
  overflow: auto;
  margin-left: 10px;
}

.esriJob {
  padding: 10px;
}

.esriJobMessage {
  font-weight: normal;
  display: flex;
  font-size: small;
}

.arcgis-job-details {
  margin-left: 2px;
}

.arcgis-job-details-button {
  width: auto !important;
  height: auto !important;
  padding: 5px;
}

.arcgis-details-cell {
  padding: 5px;
  text-align: center;
}

/* [MAP] Géocatalogue - élement d'une catégorie */
.inner_lmw .layergroup .items li {
  position: relative;
}
/* [MAP] Géocatalogue - Image du style de la couche masquée servant de base à l'image finale */
.inner_lmw .draft-hidden-layer-icon {
  display: none;
}
/* [MAP] Géocatalogue - icône d'un élement d'une catégorie */
.inner_lmw .layer-thumbnail {
  position: absolute;
  margin: 3px auto;
  cursor: pointer;
}
/* [GLOBAL] Supprime le gras systématique des label */
label.normal {
  font-weight: 400;
}
/* [MAP] Géocatalogue - Configuration - Lignes du wiki et des icones */
.layermanager_visual_config .layer-management-wiki label,
.layermanager_visual_config .layer-management-icon-mode label {
  display: flex;
  align-items: center;
}
/* [MAP] Géocatalogue - Configuration - Lignes du wiki et des icones */
.layermanager_visual_config .layer-management-wiki label div:first-of-type,
.layermanager_visual_config .layer-management-icon-mode label span {
  margin-right: 0.5em;
}
/* [MAP] Géocatalogue - Détail de la couche - Select des styles du composant */
.layermanager_popup-metadata .style-switcher {
  margin: 1em auto;
  width:250px
}
/* [MAP] Géocatalogue - Outils de la couche - Conteneur principal de la popup */
.layermanager_popup-tools {
  padding: 10px;
  position: relative;
}
/* [MAP] Géocatalogue - Outils de la couche - conteneur du bouton de l'éditeur sld
 - mode affichage de l'image du style de chaque couche dans le géocatalogue */
.layermanager_popup-tools .lowered-sld-editor-btn {
  margin-top: 28px;
}
/* [MAP] Edition métier - Modification multiple - Encart des options de sélection */
.bizeditlineContrTab.selectOptions {
  margin-left: 0;
  margin-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 4px;
}
/* [MAP] Edition métier - Encart des options de sélection - Structure en table */
.bizeditlineContrTab.selectOptions .grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Deux colonnes de largeur égale */
  gap: 10px; /* Espace entre les éléments */
}
/* [MAP] Edition métier - Modification multiple - Conteneur de la fonction de déplacement de la carte */
.bizeditlineContrTab.selectOptions label {
  margin-bottom: 0;
}
/* [MAP] Edition métier - Modification multiple - Icône du déplacement de la carte */
.bizeditlineContrTab.selectOptions .interaction-toggle i {
  background-color: white;
}
/* [ADMIN] Edition Rôle/Map - Géocatalogue - conteneur de la popup */
.geocatalog .contentTemplate {
  height: 80vh;
}
/* [ADMIN] Edition Rôle/Map - Géocatalogue - conteneur du géocatalogue ajusté et sans scroll */
.geocatalog .contentTemplate .filterLayers {
  height: 100%;
}
/* [ADMIN] Edition Rôle/Map - Géocatalogue - partie haute avant la liste des composants */
.geocatalog .contentTemplate .headerDescription {
  padding: 15px;
}
/* [ADMIN] Edition Rôle/Map - Géocatalogue - liste des composants avec scroll */
.geocatalog .contentTemplate .filterLayers .inner_lmw_FilterLayers{
  height: calc(100% - 155px);
  overflow-y: auto;
}
 /* [ADMIN] Restriction édition - Texte désactivé des inputs des modes de restriction */
.actionChoiceCfgModal .restriction-modes label span.disabled{
  color: dimgrey;
}
/* [ADMIN] Restriction édition - conteneur de la carte du domaine d'application */
.actionChoiceCfgModal .rf_map {
 position: inherit;
 width: 600px;
 height: 500px;
}
/* [ADMIN] Restriction édition - Position du curseur et projection sur la carte */
.actionChoiceCfgModal .gcmouseposition {
 position: absolute;
 left: 23px;
 font-size: 13px;
 bottom: 8px;
 color: #eeeeee;
 background: rgba(0,60,136,0.5);
 padding-left: 4px;
 padding-right: 4px;
 width: 175px;
 border-radius: 3px;
}
/* [ADMIN] Restriction édition - Echelle graphique de la carte */
.actionChoiceCfgModal .ol-scale-line {
 left: unset;
 right: 8px;
}
/** [ADMIN] FORM - Largeur d'un item bouton pour ne pas qu'il ne déborde du bloc contenant */
.component-button-inner {
  max-width: 90%;
}
/** [ADMIN] FORM - Texte d'un item bouton */
.component-button-inner > span {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.atlas-geometry-type {
  font-weight: normal;
  font-size: small;
}

/** [ADMIN] FORM - Champ de type bouton - Conteneur des boutons d'édition du champ (configuration de champ, suppression, haut/bas) */
.formBuilder .mFieldWrapper .form-component-editfield {
  display: flex;
  justify-content: flex-end;
}
/** [MAP] FORM - Champ de type bouton - Conteneur du champ - Alignement du bouton au bas du conteneur */
.form.render .field.component-button-field,
.intervention_simple.render .field.component-button-field,
.table_simple.render .field.component-button-field,
.recherche_donnees.render .field.component-button-field {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

/* [MAP] Liste des données (panel bas) */
.lmgr-popover-datatable {
  min-height: 150px;
}
/* [MAP] Liste des données (panel bas) - Ligne de mise à jour d'un attribut */
.datatable-popover .attr-update,
.lmgr-popover-datatable .attr-update {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* [MAP] Liste des données (panel bas) - Sélecteur d'attribut pour la mise à jour d'un attribut */
.datatable-popover .attr-update .model-attribute,
.lmgr-popover-datatable .attr-update .model-attribute {
  width: 260px;
}
.datatable-popover .attr-update .restriction,
.lmgr-popover-datatable .attr-update .restriction{
  width: 100%;
}
/* [MAP] Liste des données (panel bas) - Boutons de la ligne de mise à jour d'un attribut */
.datatable-popover .attr-update button.expression-calc,
.lmgr-popover-datatable .attr-update button.expression-calc,
.datatable-popover .attr-update button.update-exec,
.lmgr-popover-datatable .attr-update button.update-exec {
  margin: auto 10px;
  transform: translateY(-2px);
}
/* [MAP] Liste des données (panel bas) - Ligne des outils sur fond bleu (toolbar) */
.datatable-popover .toolbar > div,
.lmgr-popover-datatable .toolbar > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* [MAP] Liste des données (panel bas) - Limitation de la hauteur des boutons des outils */
.datatable-popover .toolbar > div button,
.lmgr-popover-datatable .toolbar > div button {
  max-height: 34px;
}
/* [MAP] Liste des données (panel bas) - Arrondissement du côté gauche du 1er bouton */
.datatable-popover .toolbar > div button:first-of-type,
.lmgr-popover-datatable .toolbar > div button:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
/* [MAP] Liste des données (panel bas) - Enlève l'arrondissement des angles de l'input */
.datatable-popover .toolbar > div input,
.lmgr-popover-datatable .toolbar > div input {
  border-radius: 0;
  margin-right: 2px;
}
/* [MAP] Liste des données (panel bas) - Arrondissement du côté droit du dernier bouton */
.datatable-popover .toolbar > div:not(.datatable-wiki) button:last-of-type,
.lmgr-popover-datatable .toolbar > div:not(.datatable-wiki) button:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/* [MAP] Liste des données (panel bas) - Arrondissement du côté droit de l'avant-dernier bouton
 lorsque le bouton "wiki" est affiché */
.datatable-popover .toolbar > div.datatable-wiki > button:nth-last-child(2),
.lmgr-popover-datatable .toolbar > div.datatable-wiki > button:nth-last-child(2) {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/* [MAP] Liste des données (panel bas) - Arrondissement des angles du bouton "wiki" */
.datatable-popover .toolbar > div button.datatable-wiki,
.lmgr-popover-datatable .toolbar > div button.datatable-wiki {
  margin-left: 20px;
  border-radius: 3px;
}
/* [MAP] Liste des données (panel bas) - Supprime l'espace inutile au-dessous de la toolbar */
.datatable-popover .gcDatatableCrud {
  margin-top: -20px;
}
/* [MAP] Calculatrice de champ - Corps de la popup */
.calc-expression {
  padding: 0.5em;
}
/* [MAP] Calculatrice de champ - Partie haute de la popup - Il a été prévu d'afficher des fichiers d'aide mais ils n'existent pas */
.calc-expression .two-columns {
  display: flex;
}
/* [MAP] Calculatrice de champ - Conteneur de l'arborescence - En l'absence des fichiers d'aide, l'arbre occupe toute la largeur */
.calc-expression .two-columns .tree-container {
  width: 100%;
}
/* [MAP] Calculatrice de champ - Arborescence ul - En l'absence des fichiers d'aide, l'arbre occupe toute la largeur */
.calc-expression .two-columns .tree-container .tree {
  width: 100%;
  min-height: 250px;
  max-height: 400px;
  overflow:auto;
}
/* [MAP] Calculatrice de champ - Expression du calcul */
.calc-expression textarea {
  width: 100%;
  resize: none;
}
/* [MAP] Calculatrice de champ - Conteneur du bouton "Valider" */
.calc-expression > div:last-of-type {
  display: flex;
  justify-content: center;
  margin-top: 0.5em;
}
/* [MAP] Datatable - Fixe la 1ère cellule de chaque ligne (boutons d'action) */
.gcDatatable .fixInner tr.fixedTbodyLine td.sticky {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
}
/* [MAP] Datatable - Ajuste l'ordre des inputs de restriction pour passer en-dessous de la 1ère cellule */
.gcDatatable .fixInner tr td .attribute_restriction input{
  z-index: auto;
}
/* [ADMIN] STYLES - Conteneur d'une image de portail */
.imageLibraryPicker .imgpicker .img {
  position: relative;
}
/* [ADMIN] STYLES - Checkbox pour sélectionner une image de portail à supprimer */
.imageLibraryPicker .imgpicker .img input[type='checkbox']{
  position: absolute;
  top: -10px;
  left: -10px;
  cursor: pointer;
}
/* [ADMIN] STYLES - Encart images du portail - Séparation images/boutons */
.imageLibraryPicker .imgpicker .addEditImage hr{
  margin: 0.7em 0;
}
/* [ADMIN] STYLES - Conteneur des boutons ajout/suppr des images de portail */
.imageLibraryPicker .imgpicker .addEditImage .portal-images {
  display: flex;
  justify-content: space-between;
}
/* [ADMIN] STYLES - Label "Ajouter une image" - Simulation d'un bouton */
.imageLibraryPicker .imgpicker .addEditImage .portal-images .custom-file-upload {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  border-radius: 3px;
  margin: 0;
}
.imageLibraryPicker .imgpicker .addEditImage .portal-images .custom-file-upload:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
/* [ADMIN] STYLES - Conteneur des boutons suppression des images de portail */
.imageLibraryPicker .imgpicker .addEditImage .portal-images-deleting-control {
  width: 40%;
  display: flex;
  justify-content: space-evenly;
}
/* [ADMIN] STYLES - Bouton d'annulation de la session de suppression des images de portail */
.imageLibraryPicker .imgpicker .addEditImage .portal-images-deleting-control .stop-deleting {
  margin-right: 2em;
}
/* [ADMIN] STYLES - Avertissement sur les formats acceptés au survol du bouton "Ajouter une image" */
.imageLibraryPicker .imgpicker .addEditImage .format-warning {
  color: red;
  font-size: 12px;
  width: 100%;
  text-align: right;
}
/* [ADMIN] STYLES - Upload d'image - Corps de la popup de confirmation d'écrasement d'une image */
form.confirm-delete-portal-image {
  width: 100%;
  padding: 1em;
}
/* [ADMIN] STYLES - Upload d'image - Conteneur des boutons de la popup de confirmation d'écrasement d'une image */
form.confirm-delete-portal-image .footer {
  margin-top: 1em;
  display: flex;
  justify-content: center;
}
/* [ADMIN] STYLES - Upload d'image - Bouton "Annuler" de la popup de confirmation d'écrasement d'une image */
form.confirm-delete-portal-image .footer button:first-of-type {
  margin-right: 0.5em;
}
/* [ADMIN] STYLES - Upload d'image - Bouton "Ecraser" de la popup de confirmation d'écrasement d'une image */
form.confirm-delete-portal-image .footer button:last-of-type {
  margin-left: 0.5em;
}

/* [ADMIN] Dictionnaire de données - Boutons de la popup */
.dictionary .footer {
  margin-top: 1em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* [ADMIN] Dictionnaire de données - Conteneur du bouton "Couches à sélectionner" */
.dictionary .footer div{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* [ADMIN] Dictionnaire de données - Texte du nombre de couches sélectionnées */
.dictionary .footer div span {
  margin-left: 0.5em;
}
/* [ADMIN] Composants - WFS Update Popup - Enlève arrière-plan gris (défaut extendedNgDialog) */
.wfsMonitor-container.ngdialog {
  background: none;
}
/* [ADMIN] Composants - WFS Update Popup - Largeur de la popup */
.wfsMonitor-container .popupPanel {
  width: 50vw;
}
/* [ADMIN] Composants - WFS Update Popup - Largeur du conteneur du corps de la popup
 - Evite le dépassement au redimensionnement de l'écran */
.wfsMonitor-container .contentTemplate {
  width: 100%;
}
/* [ADMIN] Composants - WFS Update Popup - Dimensions du corps de la popup */
.wfsMonitor {
  min-width: 500px;
  padding: 1em;
}
/* [ADMIN] Composants - WFS Update Popup - Dimensions de la table */
.wfsMonitor .body {
  width: 100%;
  margin-top: 1em;
  max-height: 35vh;
  overflow-y: auto;
}
/* [ADMIN] Composants - WFS Update Popup - Dimensions du conteneur du bouton "Fermer" */
.wfsMonitor .footer {
  width: 100%;
  margin-top: 1.5em;
  display: flex;
  justify-content: center;
}
/* [ADMIN] Composants - WFS Update Popup - Structure Grid de la table */
.wfsMonitor .body .header-line,
.wfsMonitor .body .line {
  display: grid;
  grid-template-columns: 3% 20% 30% 13% 17% 17%;
}
/* [ADMIN] Composants - WFS Update Popup - Ligne des entetes de la table */
.wfsMonitor .body .header-line > div {
  background-color: #ededed;
}
/* [ADMIN] Composants - WFS Update Popup - Cellule du bouton "Mise à jour"/"Arrêter tout" */
.wfsMonitor .body .header-line .progress-col {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
/* [ADMIN] Composants - WFS Update Popup - Bouton "Mise à jour"/"Arrêter tout" */
.wfsMonitor .body .header-line .progress-col button {
  line-height: 0.8;
}
.wfsMonitor .body .header-line .progress-col i {
  position: absolute;
  right: 20%;
}
/* [ADMIN] Composants - WFS Update Popup - Lignes de la table */
.wfsMonitor .body .header-line > div,
.wfsMonitor .body .line > div {
  border: 1px solid black;
  padding: 0.5em;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* [ADMIN] Composants - WFS Update Popup - Cellules de la table (sauf la dernière ligne) - dédoublement des bordures */
.wfsMonitor .body .header-line > div,
.wfsMonitor .body .line:not(:last-of-type) > div {
  border-bottom: none;
}
/* [ADMIN] Composants - WFS Update Popup - Cellules de la table (sauf la dernière colonne) - dédoublement des bordures */
.wfsMonitor .body .header-line > div:not(:last-of-type),
.wfsMonitor .body .line > div:not(:last-of-type) {
  border-right: none;
}
/* [ADMIN] Composants - WFS Update Popup - Cellules de la table - Troncature des textes */
.wfsMonitor .header div,
.wfsMonitor .body .header-line > div span,
.wfsMonitor .body .line div.component-info span,
.wfsMonitor .body .line div.status span,
.wfsMonitor .body .line > div.date span {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* [ADMIN] Composants - WFS Update Popup - Cellules avec icones (colonnes Composant et Etat) */
.wfsMonitor .body .line div.component-info,
.wfsMonitor .body .line div.status {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* [ADMIN] Composants - WFS Update Popup - Icônes "info" de la colonne "Composant" */
.wfsMonitor .body .line div.component-info i {
  transform: translateY(1px);
  cursor: pointer;
  transition: filter 0.3s ease;
  color: #4d4d4d;
}
.wfsMonitor .body .line div.component-info i:hover {
  filter: brightness(0.7);
}

/* [ADMIN] Composants - WFS Update Popup - Barre de progression */
.wfsMonitor .body .line > div.processing > progress {
  height: 1.5em;
  width: 90%;
  background-color: transparent; /* Couleur de fond */
  border: 1px solid gray;
  border-radius: 3px;
}
/* [ADMIN] Composants - WFS Update Popup - Barre de progression (sous chrome, opera, safari...) */
progress::-webkit-progress-bar {
  background-color: #ffffff; /* Couleur de fond */

}
/* [ADMIN] Composants - WFS Update Popup - Barre de progression - Couleur de la valeur (sous chrome, opera, safari...) */
.wfsMonitor .body .line > div.processing > progress::-webkit-progress-value {
  transition: width 3s ease 3s;
  background: linear-gradient(rgb(101, 220, 107), rgb(77, 172, 82), rgb(101, 220, 107)) repeat;
}
/* [ADMIN] Composants - WFS Update Popup - Barre de progression - Couleur de la valeur (sous firefox) */
.wfsMonitor .body .line > div.processing > progress::-moz-progress-bar {
  background-color: #65dc6b; /* Couleur de la barre pour les navigateurs Firefox */
}
/* [ADMIN] Composants - WFS Update Popup - Bordure de la barre de progression */
.wfsMonitor .body .processing .progress-container {
  width: calc(100% - 0.5em);
  border: 1px solid grey;
  border-radius: 5px;
}
/* [ADMIN] Composants - WFS Update Popup - Arrière-plan de la valeur de progression de la barre */
.wfsMonitor .body .processing .progress-background {
  width: 0;
  overflow: hidden;
  height: 1.5em;
  background: linear-gradient(to bottom, rgba(57,255,20, 0.7), #1EE600, rgba(57,255,20, 0.7)) repeat;
  border-radius: 0;
}
/* [ADMIN] Composants - WFS Update Popup - Animation de la barre de progression */
.wfsMonitor .body .processing .progress-movement {
  background: -webkit-linear-gradient(left, rgba(0,255,0,0.7) 0%, rgb(169, 255, 144) 50%, rgba(0,255,0,0.7) 75%);
  background: -o-linear-gradient(right,  rgba(0,255,0,0.7) 0%, rgb(169, 255, 144) 50%, rgba(0,255,0,0.7) 75%);
  background: -moz-linear-gradient(right, rgba(0,255,0,0.7) 0%, rgb(169, 255, 144) 50%, rgba(0,255,0,0.7) 75%);
  background: linear-gradient(to right, rgba(0,255,0,0.9) 0%, rgb(169, 255, 144) 50%, rgba(0,255,0,0.9) 75%);

  width: 100%;
  height: 1.5em;
  position: relative;
  -webkit-animation: gradient 3s linear infinite;
  animation: gradient 3s linear infinite;
}
/* [ADMIN] Composants - WFS Update Popup - Paramètres de l'animation de la barre de progression */
@-webkit-keyframes gradient {
  0%   {left: -200px;}
  100% {left: 500px;}
}
@keyframes gradient {
  0%   {left: -200px;}
  100% {left: 500px;}
}

/* [ADMIN] Composants - WFS Update Popup - Icônes descriptives de l'état du processus */
.wfsMonitor .body .line div.status i {
  transform: translateY(1px);
}
/* [ADMIN] Composants - WFS Update Popup - Icône de l'état "En cours" du processus */
.wfsMonitor .body .line div.status i.fa-power-off {
  color: red;
}
/* [ADMIN] Composants - WFS Update Popup - Icône de l'état "Terminé" du processus */
.wfsMonitor .body .line div.status i.fa-download {
  color: #4d4d4d;
}
/* [ADMIN] Composants - WFS Update Popup - Icône de l'état "Echec" du processus */
.wfsMonitor .body .line div.status i.failed {
  color: red;
}
/* [ADMIN] Composants - WFS Update Popup - Icône de la présence de warnings après mise à jour */
.wfsMonitor .body .line div.status i.fa-exclamation-triangle:not(.failed) {
  color: orange;
}
/* [ADMIN] Composants - WFS Update Popup - Icônes descriptives de l'état du processus (sauf état "Annulé") */
.wfsMonitor .body .line div.status i:not(.failed) {
  cursor: pointer;
  transition: filter 0.1s ease;
}
/* [ADMIN] Composants - WFS Update Popup - Au survol des icônes descriptives de l'état du processus (sauf état "Annulé") */
.wfsMonitor .body .line div.status i:not(.failed):hover {
  filter: brightness(0.5);
}
/* [ADMIN] Composants - WFS Update Popup - Tooltip affichant la Configuration de la connexion WFS d'un composant */
.wfsMonitor .wfsMonitor-tooltip {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  padding: 2em;
  z-index: 9999;
  bottom: 0;
  left: 0;
  transform: translateX(-50%);
}
/* [ADMIN] Composants - WFS Update Popup - Masque la tooltip affichant la Configuration de la connexion WFS d'un composant */
.wfsMonitor .wfsMonitor-tooltip.tooltip-hidden {
  display: none;
}
/* [ADMIN] Composants - WFS Update Popup - Tooltip - Affichage du contenu en ligne */
.wfsMonitor .wfsMonitor-tooltip div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* [ADMIN] Composants - WFS Update Popup - Tooltip - Espace entre les lignes */
.wfsMonitor .wfsMonitor-tooltip > div:not(:last-of-type) {
  margin-bottom: 1em;
}
/* [ADMIN] Composants - WFS Update Popup - Tooltip - Espace entre le label et la valeur de chaque ligne */
.wfsMonitor .wfsMonitor-tooltip div span:first-of-type,
.wfsMonitor .wfsMonitor-tooltip .options div span {
  margin-right: 0.5em;
}
/* [ADMIN] Composants - WFS Update Popup - Tooltip - Affichage des conteneurs de case à cocher */
.wfsMonitor .wfsMonitor-tooltip .options {
  width: 100%;
  justify-content: space-between;
}
/* [ADMIN] Composants - Bouton global WFS  - Contour en présence d'un processus en cours d'exécution */
.wfs-updating,
.wfs-updating:hover {
  border: 3px solid limegreen;
}
/* [ADMIN] Composants - Bouton global WFS cliqué - Contour en présence d'un processus en cours d'exécution */
.wfs-updating:focus,
.wfs-updating:focus-visible {
  outline: limegreen;
  border-color: limegreen;
}
/* [ADMIN] Edition d'un composant - Onglet Divers - Conteneur des cases à cocher de la conf WFS */
.featuretype-misc .wfs-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.5em;
}
/* [ADMIN] Edition d'un composant - Onglet Divers - Label des cases à cocher de la conf WFS */
.featuretype-misc .wfs-options label {
  margin-bottom: 0;
}

.toast-portals {
  top:  100px;
  right: 0;
}
/* [ADMIN] Fond de plan - Ligne d'un fond de plan composé */
.admin-basemap .bg-grid {
  display: grid;
  grid-template-columns: 12% auto 15% 15% 25%;
  padding: 0 15px;
  gap: 0.5em;
  align-items: center;
}
/* [ADMIN] Fond de plan - Opacité d'un fond de plan composé - respect de l'alignement vertical */
.admin-basemap .bg-grid .ngrs-range-slider {
  margin: 0;
}
.admin-basemap .bg-list {
  max-height: 300px;
  overflow-y: auto;
  margin-bottom: 0;
  right: 0;
}
/* [ADMIN] Portail édition - Conteneur des géocodeurs Google/Osm */
.portal-geocodage .default-geocoders {
  width: 40%;
}
/* [ADMIN] Portail édition - Conteneur de chaque géocodeur Google,Osm */
.portal-geocodage .osm,
.portal-geocodage .google {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 8px;
}
/* [ADMIN] Portail édition - Conteneur [image+texte] de chaque géocodeur Google,Osm */
.portal-geocodage .osm .description,
.portal-geocodage .google .description {
  display: flex;
  align-items: center;
}
/* [ADMIN] Portail édition - Image des géocodeurs par défaut (dimensions) */
.portal-geocodage .img {
  height: 30px;
  width: 30px;
}
/* [ADMIN] Portail édition - Image du géocodeur osm */
.portal-geocodage .osm .img {
  background: url('../img/widget/geolocalisation/osm_logo.png') #fff no-repeat;
  background-size: 100%;
  margin: 0 0.5em;
}
/* [ADMIN] Portail édition - Image du géocodeur google */
.portal-geocodage .google .img {
  background: url('../img/widget/geolocalisation/gmap.png') #fff no-repeat;
  background-size: 100%;
  margin: 0 0.5em;
}
/* [ADMIN] Portail édition - Image d'en-tête du tableau des géocodeurs KIS */
.portal-geocodage .kis .img {
  transform: translateY(10px);
  background: url('../img/patrimonio.png') #fff no-repeat;
  background-size: 100%;
}
/* [MAP] Barre verticale d'outils - Géolocalisation à l'adresse - Masque l'outil lorsque le widget est absent */
.popover.geolocalisation-button.allowTool {
  display: none;
}
/* [MAP] Barre verticale d'outils - Géolocalisation à l'adresse */
.popover.geolocalisation-button .popover-content div {
  display: flex;
}
/* [MAP] Barre verticale d'outils - Géolocalisation à l'adresse - Input de saisie */
.popover.geolocalisation-button .popover-content input {
  min-width: 250px;
}
/* [MAP] Barre verticale d'outils - Géolocalisation à l'adresse - Bouton "vider" */
.popover.geolocalisation-button .popover-content .btn.clear {
  border: none;
}
/* [MAP] Barre verticale d'outils - Géolocalisation à l'adresse - Personnalisation du toastr -
 Affecter une autre classe que "success" permet de ne pas afficher la coche et de réduire la largeur */
.toast.geocoder {
  background-color: #1DB14C;
  padding: 15px !important;
}
/* [MAP] Barre verticale d'outils - Géolocalisation à l'adresse - Personnalisation du toastr -
 Titre de l'adresse similaire à un résultat du widget */
.toast.geocoder .title {
  display:flex;
  justify-content:space-between;
  color:#fff;
  background:#116a2d;
  padding:5px 8px;
}
/* [MAP] Barre verticale d'outils - Géolocalisation à l'adresse - Personnalisation du toastr -
 Nom de la ville en gras */
.toast.geocoder .title span:first-of-type {
  font-weight: 700;
}
/* [MAP] Barre verticale d'outils - Géolocalisation à l'adresse - Personnalisation du toastr -
 Supprime l'espace laissé par l'absence de la coche */
.toast.geocoder .content {
  padding:5px;
}
/* [MAP] Barre verticale d'outils - Géolocalisation à l'adresse - Personnalisation du toastr -
 Espace entre le label et la valeur de la longitude/latitude */
.toast.geocoder .content .desc {
  margin-right:5px
}
.dict-validation-preview-container {
  width: 50vw;
  background: #fff;
}
.dict-validation-preview-container .footer {
  padding: 1em;
}
.dict-validation-preview-container .select-row,
.dict-validation-preview-container .buttons {
  display: flex;
  justify-content: space-between;
}
.dict-validation-preview-container .select-row {
  align-items: flex-start;
}
.dict-validation-preview-container .buttons {
  align-items: center;
  margin-top: 1em;
}
.width-fit-content {
  width: fit-content !important;
}
.div-icon-boolean {
  width:50px;
  display:contents;
}

.fusionPopup-row {
  background-color: #f8f9fa;
}

.fusionPopup-column {
  width: 60px;
  text-align: center;
}

.fusionPopup-table {
  width: 100%;
}

.fusionPopup-header {
  text-align: left;
}

.fusionPopup-cell {
  padding: 8px;
}

.attributesChoice-popup {
  overflow: auto;
  width: 800px;
}

.attributesChoice-table-container {
  width: 775px;
  margin: auto;
}

.attributesChoice-selection-table {
  text-align: center;
  width: 100%;
  border-collapse: collapse;
}

.attributesChoice-selection-table th,
.attributesChoice-selection-table td {
  padding: 10px;
  border: 1px solid #ddd;
}

.w-80{
  width: 80px;
}

.pr5 {
  padding-right: 5px;
}

.fontw-b {
  font-weight: bold;
}

.bizeditwidget-reset-btn {
  display: flex;
  justify-content: center;
}
.spatialcqlfilter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.spatialcqlfilter .spatialcqlfilter-buttons {
  display: flex;
}
.r-15 {
  right: 15px!important;
}

/*--------------
    DataTable (suite Merge de Master dans Develop du 10/09/2024)
  --------------
*/
/*-- Eviter le scroll horizontal du tableau
  (sinon il y a 2 barres de scroll dont une
  ne correspond pas à ce que l'on veut --*/
.no-horizontal-scroll {
  overflow-x: hidden;
}

/*-- Eviter que la case à cocher qui indique
 si la recherche se fait en fonction ou non
 des majuscules/minuscules ne soit cachées
 par les zones de saisie des valeurs de filtre. */
.case_sensitive_checkbox {
  z-index: 1000;
}

/* Faire en sorte que la case à cocher qui indique
 si la recherche se fait en fonction ou non
 des majuscules/minuscules soit cadrée bien à gauche.
*/
.margin-left-0 {
  margin-left:0 !important;
}
.datatable-popover .gcDatatableCrud,
.lmgr-popover-datatable .gcDatatableCrud {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.datatable-popover .gcDatatable,
.lmgr-popover-datatable .gcDatatable {
  display: flex;
  justify-content: flex-start;
}
.datatable-popover .gcDatatable .totalNumber,
.lmgr-popover-datatable .gcDatatable .totalNumber,
.datatable-popover .gcDatatable .totalSelectedElementsNumber,
.lmgr-popover-datatable .gcDatatable .totalSelectedElementsNumber,
.datatable-popover .gcDatatable .fti-alias,
.lmgr-popover-datatable .gcDatatable .fti-alias {
  top: unset;
}
.overflow-y-auto {
  overflow-y: auto;
}