/*

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

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

.datepicker.dropdown-menu {
  min-width: 280px !important;
}

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

.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;
}
.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 {
  height: 550px !important;
}
.height800 .ngdialog-content {
  width: 800px !important ;
  height: 800px !important;
}
.height800 .popupPanel {
  width: 800px;
  height: 800px;
}
.height800 .renderedForm {
  height: 750px !important;
}
.height700 .ngdialog-content {
  width: 800px !important ;
  height: 700px !important;
}
.height700 .popupPanel {
  width: 800px;
  height: 700px;
}
.height700 .renderedForm {
  height: 650px !important;
}

.height1000 .ngdialog-content {
  width: 1000px !important ;
  height: 1100px !important;
}
.height1000 .renderedForm {
  height: 1050px !important;
}
.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 p {
  color: #3498db;
}
.editList tr.active_multiple > td p {
  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;
}

#panelContainer .fixedHeaderGlobalWrapper {
  min-height: 320px;
}
.relative {
  position: relative !important;
}

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

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

/************************************
    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;
}

#sploc_formGroup2 {
  margin-bottom: 15px;
  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;
}

.sploc_inputAdress {
  width: 240px;
  height: 35px;
  margin: 0 5px;
}

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

/************************************
 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')
*************************************/

.imp_panel {
  width: 330px;
}

.dropzone {
  border: 2px dashed #0087f7;
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 20px;
  min-height: 205px;
  max-width: 350px;
}

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

.imp_source_comp,
.imp_dest_comp {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
}

.imp_corresp_bloc th {
  width: 150px;
}

.imp_corresp_bloc {
  border: 2px solid #0087f7;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  max-height: 200px;
  overflow: auto;
}

.imp_corresp_buttons {
  margin-top: 5px;
  /*  width: 305px;*/
}

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

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

#exp_panel {
  width: 330px;
}

#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: 1em;
}

#exp_format_query {
  clear: both;
  width: 310px;
}

#exp_validation_zone {
  /* width: 290px; */
  margin-top: 15px;
}

#exp_waitImg {
  margin-top: 5px;
  float: right;
}
#exp_spatial_filter_chkbox {
  clear: both;
}

.imp_waitImg {
  margin-top: 10px;
  margin-right: 10px;
  float: right;
}

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

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

.cql_spatial_filter_comp {
  clear: both;
  width: 250px;
  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;
}
/************************************
  import/export widget
*************************************/
#impexp_mainDiv .imp_panel, #impexp_mainDiv #exp_panel{
  width: 100%;
}
#impexp_mainDiv #exp_panel .spatialcqlfilter .spatialcqlfilter-buttons div:first-child {
  padding-left: 0;
}
#impexp_mainDiv #exp_panel .spatialcqlfilter {
  display: flex;
  justify-content: space-evenly;
}
#impexp_mainDiv #exp_panel .spatialcqlfilter .spatialcqlfilter-buttons {
  display: flex;
  justify-content: space-between;
}
#impexp_mainDiv #exp_panel .spatialcqlfilter .dropdown-menu {
  width: 20%;
}
#impexp_mainDiv #exp_panel #exp_cql_spatial_filter_comp {
  width: 310px;
}
#impexp_mainDiv .dropzone-container {
  margin-bottom: 5px;
}
#impexp_mainDiv .importexport-srid .dropdown-menu {
  width: 85%;
}
#impexp_mainDiv .form-button-container{
  display: flex;
  justify-content: space-between;
}
#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;
}
#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;
}

/************************************
  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;
}

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

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

.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: 164px !important;
  bottom: 41px !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: 60px !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: 41px !important;
  cursor: default;
  width: 100px;
  font-size: 13px;
  line-height: 10px;
  color: #fff;
  top: initial !important;
  right: 60px !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: 44px !important;
  right: 65px !important;
  border: none;
  line-height: 10px;
  color: #fff;
  background: inherit;
  /* #446CB3; */
  top: initial !important;
  text-align: center;
}
/* [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: 15px !important;
  right: 60px !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;
}
.dualListBox-tabs-margin{
  margin-top: 116px!important;
}

/************************************
    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 {
  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 - 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;
}
/** 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;
}

.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;
  margin-top: 20px;
}

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

#gcverticaltoolbar_wrapper .toolbarscroll {
  background: #effeff;
  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 .toolbarscroll.bottom {
  bottom: -25px;
  top: inherit;
}

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

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

#gcverticaltoolbar_wrapper.is_scrollable .toolbarscroll {
  display: block;
}

.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;
}
#gcverticaltoolbar .toolbar_button > button {
  -webkit-transition: margin linear 0.5s;
  transition: margin linear 0.5s;
  width: 40px;
  border-radius: 0;
  border-top: none;
  text-align: center;
}

#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: 25px;
  top: 10px;
}

.map_panel .panelresizebar {
  height: 7px;
  background: orange;
  cursor: n-resize;
  position: absolute;
  top: -7px;
  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;
}

#elevationView #linearPointsSlider {
  float: left;
  height: 200px;
  width: 100px;
  overflow: hidden;
}

#elevationView #chartContainer {
  margin-left: 110px;
}

#elevationView #linearPointsSlider input[type='number'] {
  width: 80px !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: 2312321312312312 !important;
  top: 55px;
  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: 15px 0 0 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: 10px 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 0 0 10px;
}
.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 {
  padding: 10px;
  margin-right: 20px;
  display: flex;
}
.its_onglet .bottomButtons {
  justify-content: space-between;
}
.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: 0px;
  margin-bottom: 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;
}
/* [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 {
  height: 22px;
  width: 22px;
}

/** 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;
}

/* 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: 10px 10px 10px 10px;
}

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

.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 - 200px);
  overflow: hidden;
  padding-bottom: 40px;
}

.mapLeftMenu .first .toolbarscroll {
  background: #effeff;
  border: 1px solid #ccc;
  text-align: center;
  margin: 5px;
  font-size: 11px;
  color: black;
  cursor: pointer;
}

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

.EditWidgetLocal .bizeditlineContrTab {
  background-color: beige;
  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 #bizeditCurrenteditTitle {
  text-align: center;
  border: 1px solid blue;
  border-radius: 3px;
  border-collapse: separate;
  width: 100%;
  margin-bottom: 5px;
}

.EditWidgetLocal .bizeditresulttab {
  text-align: center;
  border: 1px solid blue;
  border-radius: 3px;
  border-collapse: separate;
  width: 100%;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-bottom: 3px;
}

.EditWidgetLocal .bizeditresulttab th {
  text-align: center;
}

.EditWidgetLocal .bizeditfeatlabel:hover {
  background-color: lightblue;
}

.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-evenly;
}
/* [MAP] Widget Edition Metier - Boutons "Reinitialiser"/"Sauvegarder" du widget - espace entre texte et icone */
.EditWidgetLocal .widget-buttons span:first-of-type {
  margin-right: 10px;
}
/* [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 {
  width: 350px;
  height: 300px;
  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;
}

.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:not(.ol-collapsed) {
  background: rgba(255, 255, 255, 0.8);
}
.g2c-attribution.ol-uncollapsible {
  bottom: 0;
  right: 300px;
  border-radius: 0px 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;
}
/* [MAP] Impression widget  - classe poubelle à supprimer lors d'une refonte */
.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;
}

/* [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 {
  display: flex;
  align-items: center;
  margin: 5px auto;
}
/* [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;
  text-indent: 32px;
}

.layerManagerWidget .globalCfg .searchHpo,
.layerManagerWidget .globalCfg .searchHpo input,
.defaultfilterswidget .globalCfg .searchHpo,
.defaultfilterswidget .globalCfg .searchHpo input {
  width: 260px;
}

.defaultfilterswidget .globalCfg .searchHpo {
  margin: 0 auto;
}

.searchHpo .fa-filter {
  position: absolute;
  top: 8px;
  left: 10px;
}

.searchHpo a .fa-times-circle {
  position: absolute;
  top: 8px;
  right: 10px;
}

.nopadding {
  padding: 0;
}

.nomargin {
  margin: 0;
}

.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: 100px;
  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;
}

.pickfromtable .table-wrapper {
  max-height: 350px;
  overflow: auto;
}
.pickfromtable .added-elements{
  max-height: 160px;
  overflow: auto;
}
.pickfromtable .added-elements .delete{
  width: 39px;
}
.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 {
  position: fixed;
  bottom: 0px;
  left: 0px;
  margin-right: 20px;
  width: 100%;
  background-color: white;
  z-index: 2;
}

.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;
}
.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;
}
/* ————————————————————–
  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 .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;
}

.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 .getrole .modalBody {
  padding: 0;
}
.tool-config .roles-comp-container{
  margin-top: 3px;
  width: 275px;
  right: auto;
}
.tool-config .roles-title {
  margin: 0 0 5px 0;
}
.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;
}

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

/* [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] 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;
}
.itvSoumResetMatchingPos {
  position: absolute;
  left: 430px;
  top: 15px;
}
.itvIgnorePart {
  text-align: right;
  top: -10px;
  position: relative;
  /* right: 0px; */
}

.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: 10px;
  overflow-y: auto;
  max-height: 600px;
}

itv-details th {
  background-color: #62bbfd;
  color: #fff;
  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 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: 3.5em;
}
/* [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;
  }
  /*  [ADMIN - PAGE ACCUEIL] Groupes - Item d'ajout d'un nouveau groupe (bouton +) */
  .kis-home-client .kis-home-groups .groups-container .group.draft .group-item {
    margin-top: 3.5em;
  }
}
/* 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;
}

#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 .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;
}
.mapcatalog.deletecategory .delete-action {
  display: flex;
  justify-content: center;
  margin: 1em;
}
.mapcatalog.deletecategory .delete-action button:first-of-type {
  margin-right: 1em;
}
.mapcatalog .readmode-img-row {
  display: inline-flex;
}
.mapcatalog .readmode-img-container {
  margin: 16px;
  min-height: 100px;
  width: 100px;
}
.mapcatalog .readmode-img {
  height: 100px;
  cursor: pointer;
  width: 100px;
}
.mapcatalog .dropzone-container:not(.displayMessage) .dz-message {
  display: none;
}
.mt-25 {
  margin-top: 25px;
}

.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;
}
/* [MAP] Boite d'information - conteneur de la popup */
.attributes-info-box{
  width: 350px;
  height: 300px;
  overflow: auto
}
.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 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;
}
/* [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;
}
/* [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;
}
/* [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;
}

.gctext-warning {
  color: #f39c12;
}


/* 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-radius: 50%;
  border: none;
  background: url('../img/common/reprog.svg') no-repeat center center;
  background-size: 85%;
}
/* [FORM-BUILDER] IS - Bouton "Reprogrammer une IS dans une datatable" */
.gcDatatable .is-reprogram .reprog-icon {
  background: url('../img/common/reprog-green.svg') no-repeat center center;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  border: none;
  background-position-x: 2px;
  background-position-y: 1px;
  background-size: 85%;
}
/* [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);
}
.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: -30px;
}
/* [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;
}

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