body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) {
  min-height: auto;
}

.leftside-menu{
  padding-top:56px;
}

.button-menu-mobile {
  height: 56px;
  line-height: 56px;
}

body[data-leftbar-compact-mode=condensed]:not(.collapseAsideTypeNone) {
  min-height: 0;
}

.logo {
  line-height: 0;
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .logo span.logo-sm {
  line-height: 35px;
}

@media (min-width: 576px) {
  .countryMenu {
    width: 500px;
  }
}

@media (min-width: 768px) {
  .countryMenu {
    width: 700px;
  }
}

@media (min-width: 992px) {
  .countryMenu {
    width: 950px;
  }
}

@media (min-width: 1200px) {
  .countryMenu {
    width: 950px;
  }
}

.footer{
  position: fixed;
}

button#saveForm{
  width: 200px;
}

.logo {
  top: 10px;
}

h2.titleHeader {
  line-height: 50px;
}

#messageSuccess{
  display: none;
}

#messageError{
  display: none;
}

#loadingSave{
  display: none;
}

.form-control:disabled, .form-control[readonly] {
  background-color: transparent;
  border: 1px solid #0000000f;
  cursor: no-drop;
  opacity: 1;
}

.card-body {
  overflow: auto;
  width: 100%;
}

app-form-card-triplette .card-header {
  margin: 0;
}

.accordion-arrow {
  font-size: 1.2rem;
  position: absolute;
  right: 0;
}

.editTriplette{
  position: absolute;
  right: 0;
  top: 0;
  height: calc(100% - 5px);
}

.modal-body .tasks{
  width: calc(33% - 10px);
}

.modal-content{
  background-color: #fff !important;
}

.modal-dialog{
  margin-top: 80px;
}

@media (min-width: 576px) {
  .modal-lg, .modal-xl {
    max-width: 800px !important;
  }
}

.task-list-items:before {
  content: "No setting config";
  color: #fa5c7c!important;
}
.task-list-items .list-group input,.task-list-items .list-group select{
  width: 125px;
}

::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}

::-webkit-scrollbar
{
  width: 5px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-color: #4169e1;
}

.technology{
  display: inline-block;
  width: 35px;
  height: 35px;
  cursor: pointer!important;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  margin: 0 5px;
}
.technology.selected{
  filter: grayscale(100%);
}

.technology:hover{
  filter: grayscale(100%);
}

.customTechnology {
  padding: 0!important;
}

.apexcharts-legend {
  display: flex;
  overflow: auto;
  padding: 0 10px;
}
.apexcharts-legend.apx-legend-position-bottom, .apexcharts-legend.apx-legend-position-top {
  flex-wrap: wrap
}
.apexcharts-legend.apx-legend-position-right, .apexcharts-legend.apx-legend-position-left {
  flex-direction: column;
  bottom: 0;
}
.apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left, .apexcharts-legend.apx-legend-position-top.apexcharts-align-left, .apexcharts-legend.apx-legend-position-right, .apexcharts-legend.apx-legend-position-left {
  justify-content: flex-start;
}
.apexcharts-legend.apx-legend-position-bottom.apexcharts-align-center, .apexcharts-legend.apx-legend-position-top.apexcharts-align-center {
  justify-content: center;
}
.apexcharts-legend.apx-legend-position-bottom.apexcharts-align-right, .apexcharts-legend.apx-legend-position-top.apexcharts-align-right {
  justify-content: flex-end;
}
.apexcharts-legend-series {
  cursor: pointer;
  line-height: normal;
}
.apexcharts-legend.apx-legend-position-bottom .apexcharts-legend-series, .apexcharts-legend.apx-legend-position-top .apexcharts-legend-series{
  display: flex;
  align-items: center;
}
.apexcharts-legend-text {
  position: relative;
  font-size: 14px;
}
.apexcharts-legend-text *, .apexcharts-legend-marker * {
  pointer-events: none;
}
.apexcharts-legend-marker {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-right: 3px;
  border-style: solid;
}

.apexcharts-legend.apexcharts-align-right .apexcharts-legend-series, .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series{
  display: inline-block;
}
.apexcharts-legend-series.apexcharts-no-click {
  cursor: auto;
}
.apexcharts-legend .apexcharts-hidden-zero-series, .apexcharts-legend .apexcharts-hidden-null-series {
  display: none !important;
}
.apexcharts-inactive-legend {
  opacity: 0.45;
}

.offcanvas-bottom {
  height: 80% !important
}

.btn .mdi:before {
  line-height: initial
}

.btn-rounded {
  border-radius: 2em
}

.btn-primary {
  -webkit-box-shadow: 0 0 0 0 rgba(114, 124, 245, .5);
  box-shadow: 0 0 0 0 rgba(114, 124, 245, .5)
}

.btn-secondary {
  -webkit-box-shadow: 0 2px 6px 0 rgba(206, 212, 218, .5);
  box-shadow: 0 2px 6px 0 rgba(206, 212, 218, .5)
}

.btn-success {
  -webkit-box-shadow: 0 2px 6px 0 rgba(10, 207, 151, .5);
  box-shadow: 0 2px 6px 0 rgba(10, 207, 151, .5)
}

.btn-info {
  -webkit-box-shadow: 0 2px 6px 0 rgba(57, 175, 209, .5);
  box-shadow: 0 2px 6px 0 rgba(57, 175, 209, .5)
}

.btn-warning {
  -webkit-box-shadow: 0 2px 6px 0 rgba(255, 188, 0, .5);
  box-shadow: 0 2px 6px 0 rgba(255, 188, 0, .5)
}

.btn-danger {
  -webkit-box-shadow: 0 2px 6px 0 rgba(250, 92, 124, .5);
  box-shadow: 0 2px 6px 0 rgba(250, 92, 124, .5)
}

.btn-light {
  -webkit-box-shadow: 0 2px 6px 0 rgba(70, 79, 91, .5);
  box-shadow: 0 2px 6px 0 rgba(70, 79, 91, .5)
}

.btn-dark {
  -webkit-box-shadow: 0 2px 6px 0 rgba(241, 241, 241, .5);
  box-shadow: 0 2px 6px 0 rgba(241, 241, 241, .5)
}

.btn-primary {
  color: #fff;
  background-color: #4169e1;
  border-color: #4169e1
}

.btn-primary:hover {
  color: #fff;
  background-color: #4169e1;
  border-color: #4169e1
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: #4169e1;
  border-color: #4169e1 !important;
  -webkit-box-shadow: 0 2px 2px 0 #4169e1;
  box-shadow: 0 2px 2px 0 #4169e1
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #4169e1;
  border-color: #4169e1
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(135, 144, 247, .5);
  box-shadow: 0 0 0 .2rem rgba(135, 144, 247, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #727cf5;
  border-color: #727cf5
}

.btn-secondary {
  color: #37404a;
  background-color: #ced4da;
  border-color: #ced4da
}

.btn-secondary:hover {
  color: #37404a;
  background-color: #d5dae0;
  border-color: #d3d8de
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
  color: #37404a;
  background-color: #d5dae0;
  border-color: #d3d8de;
  -webkit-box-shadow: 0 0 0 .2rem rgba(183, 190, 196, .5);
  box-shadow: 0 0 0 .2rem rgba(183, 190, 196, .5)
}

.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
  color: #37404a;
  background-color: #d8dde1;
  border-color: #d3d8de
}

.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(183, 190, 196, .5);
  box-shadow: 0 0 0 .2rem rgba(183, 190, 196, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #37404a;
  background-color: #ced4da;
  border-color: #ced4da
}

.btn-success {
  color: #fff;
  background-color: #0acf97;
  border-color: #0acf97
}

.btn-success:hover {
  color: #fff;
  background-color: #09b080;
  border-color: #08a679
}

.btn-check:focus+.btn-success,
.btn-success:focus {
  color: #fff;
  background-color: #09b080;
  border-color: #08a679;
  -webkit-box-shadow: 0 0 0 .2rem rgba(47, 214, 167, .5);
  box-shadow: 0 0 0 .2rem rgba(47, 214, 167, .5)
}

.btn-check:active+.btn-success,
.btn-check:checked+.btn-success,
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #08a679;
  border-color: #089b71
}

.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show>.btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(47, 214, 167, .5);
  box-shadow: 0 0 0 .2rem rgba(47, 214, 167, .5)
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #0acf97;
  border-color: #0acf97
}

.btn-info {
  color: #fff;
  background-color: #39afd1;
  border-color: #39afd1
}

.btn-info:hover {
  color: #fff;
  background-color: #3095b2;
  border-color: #2e8ca7
}

.btn-check:focus+.btn-info,
.btn-info:focus {
  color: #fff;
  background-color: #3095b2;
  border-color: #2e8ca7;
  -webkit-box-shadow: 0 0 0 .2rem rgba(87, 187, 216, .5);
  box-shadow: 0 0 0 .2rem rgba(87, 187, 216, .5)
}

.btn-check:active+.btn-info,
.btn-check:checked+.btn-info,
.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
  color: #fff;
  background-color: #2e8ca7;
  border-color: #2b839d
}

.btn-check:active+.btn-info:focus,
.btn-check:checked+.btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show>.btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(87, 187, 216, .5);
  box-shadow: 0 0 0 .2rem rgba(87, 187, 216, .5)
}

.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #39afd1;
  border-color: #39afd1
}

.btn-warning {
  color: #37404a;
  background-color: #ffbc00;
  border-color: #ffbc00
}

.btn-warning:hover {
  color: #37404a;
  background-color: #ffc626;
  border-color: #ffc31a
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
  color: #37404a;
  background-color: #ffc626;
  border-color: #ffc31a;
  -webkit-box-shadow: 0 0 0 .2rem rgba(225, 169, 11, .5);
  box-shadow: 0 0 0 .2rem rgba(225, 169, 11, .5)
}

.btn-check:active+.btn-warning,
.btn-check:checked+.btn-warning,
.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
  color: #37404a;
  background-color: #ffc933;
  border-color: #ffc31a
}

.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(225, 169, 11, .5);
  box-shadow: 0 0 0 .2rem rgba(225, 169, 11, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #37404a;
  background-color: #ffbc00;
  border-color: #ffbc00
}

.btn-danger {
  color: #fff;
  background-color: #fa5c7c;
  border-color: #fa5c7c
}

.btn-danger:hover {
  color: #fff;
  background-color: #d54e69;
  border-color: #c84a63
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
  color: #fff;
  background-color: #d54e69;
  border-color: #c84a63;
  -webkit-box-shadow: 0 0 0 .2rem rgba(251, 116, 144, .5);
  box-shadow: 0 0 0 .2rem rgba(251, 116, 144, .5)
}

.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger,
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c84a63;
  border-color: #bc455d
}

.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(251, 116, 144, .5);
  box-shadow: 0 0 0 .2rem rgba(251, 116, 144, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #fa5c7c;
  border-color: #fa5c7c
}

.btn-light {
  color: #fff;
  background-color: #464f5b;
  border-color: #464f5b
}

.btn-light:hover {
  color: #fff;
  background-color: #3c434d;
  border-color: #383f49
}

.btn-check:focus+.btn-light,
.btn-light:focus {
  color: #fff;
  background-color: #3c434d;
  border-color: #383f49;
  -webkit-box-shadow: 0 0 0 .2rem rgba(98, 105, 116, .5);
  box-shadow: 0 0 0 .2rem rgba(98, 105, 116, .5)
}

.btn-check:active+.btn-light,
.btn-check:checked+.btn-light,
.btn-light.active,
.btn-light:active,
.show>.btn-light.dropdown-toggle {
  color: #fff;
  background-color: #383f49;
  border-color: #353b44
}

.btn-check:active+.btn-light:focus,
.btn-check:checked+.btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus,
.show>.btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(98, 105, 116, .5);
  box-shadow: 0 0 0 .2rem rgba(98, 105, 116, .5)
}

.btn-light.disabled,
.btn-light:disabled {
  color: #fff;
  background-color: #464f5b;
  border-color: #464f5b
}

.btn-dark {
  color: #37404a;
  background-color: #f1f1f1;
  border-color: #f1f1f1
}

.btn-dark:hover {
  color: #37404a;
  background-color: #f3f3f3;
  border-color: #f2f2f2
}

.btn-check:focus+.btn-dark,
.btn-dark:focus {
  color: #37404a;
  background-color: #f3f3f3;
  border-color: #f2f2f2;
  -webkit-box-shadow: 0 0 0 .2rem rgba(213, 214, 216, .5);
  box-shadow: 0 0 0 .2rem rgba(213, 214, 216, .5)
}

.btn-check:active+.btn-dark,
.btn-check:checked+.btn-dark,
.btn-dark.active,
.btn-dark:active,
.show>.btn-dark.dropdown-toggle {
  color: #37404a;
  background-color: #f4f4f4;
  border-color: #f2f2f2
}

.btn-check:active+.btn-dark:focus,
.btn-check:checked+.btn-dark:focus,
.btn-dark.active:focus,
.btn-dark:active:focus,
.show>.btn-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(213, 214, 216, .5);
  box-shadow: 0 0 0 .2rem rgba(213, 214, 216, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #37404a;
  background-color: #f1f1f1;
  border-color: #f1f1f1
}

.btn-outline-primary {
  color: #727cf5;
  border-color: #727cf5
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #727cf5;
  border-color: #727cf5
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(114, 124, 245, .5);
  box-shadow: 0 0 0 .2rem rgba(114, 124, 245, .5)
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
  color: #fff;
  background-color: #727cf5;
  border-color: #727cf5
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(114, 124, 245, .5);
  box-shadow: 0 0 0 .2rem rgba(114, 124, 245, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #727cf5;
  background-color: transparent
}

.btn-outline-secondary {
  color: #ced4da;
  border-color: #ced4da
}

.btn-outline-secondary:hover {
  color: #37404a;
  background-color: #ced4da;
  border-color: #ced4da
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(206, 212, 218, .5);
  box-shadow: 0 0 0 .2rem rgba(206, 212, 218, .5)
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
  color: #37404a;
  background-color: #ced4da;
  border-color: #ced4da
}

.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(206, 212, 218, .5);
  box-shadow: 0 0 0 .2rem rgba(206, 212, 218, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #ced4da;
  background-color: transparent
}

.btn-outline-success {
  color: #0acf97;
  border-color: #0acf97
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #0acf97;
  border-color: #0acf97
}

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(10, 207, 151, .5);
  box-shadow: 0 0 0 .2rem rgba(10, 207, 151, .5)
}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
  color: #fff;
  background-color: #0acf97;
  border-color: #0acf97
}

.btn-check:active+.btn-outline-success:focus,
.btn-check:checked+.btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(10, 207, 151, .5);
  box-shadow: 0 0 0 .2rem rgba(10, 207, 151, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #0acf97;
  background-color: transparent
}

.btn-outline-info {
  color: #39afd1;
  border-color: #39afd1
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #39afd1;
  border-color: #39afd1
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(57, 175, 209, .5);
  box-shadow: 0 0 0 .2rem rgba(57, 175, 209, .5)
}

.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
  color: #fff;
  background-color: #39afd1;
  border-color: #39afd1
}

.btn-check:active+.btn-outline-info:focus,
.btn-check:checked+.btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(57, 175, 209, .5);
  box-shadow: 0 0 0 .2rem rgba(57, 175, 209, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #39afd1;
  background-color: transparent
}

.btn-outline-warning {
  color: #ffbc00;
  border-color: #ffbc00
}

.btn-outline-warning:hover {
  color: #37404a;
  background-color: #ffbc00;
  border-color: #ffbc00
}

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(255, 188, 0, .5);
  box-shadow: 0 0 0 .2rem rgba(255, 188, 0, .5)
}

.btn-check:active+.btn-outline-warning,
.btn-check:checked+.btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
  color: #37404a;
  background-color: #ffbc00;
  border-color: #ffbc00
}

.btn-check:active+.btn-outline-warning:focus,
.btn-check:checked+.btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(255, 188, 0, .5);
  box-shadow: 0 0 0 .2rem rgba(255, 188, 0, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffbc00;
  background-color: transparent
}

.btn-outline-danger {
  color: #fa5c7c;
  border-color: #fa5c7c
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #fa5c7c;
  border-color: #fa5c7c
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(250, 92, 124, .5);
  box-shadow: 0 0 0 .2rem rgba(250, 92, 124, .5)
}

.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
  color: #fff;
  background-color: #fa5c7c;
  border-color: #fa5c7c
}

.btn-check:active+.btn-outline-danger:focus,
.btn-check:checked+.btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(250, 92, 124, .5);
  box-shadow: 0 0 0 .2rem rgba(250, 92, 124, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #fa5c7c;
  background-color: transparent
}

.btn-outline-light {
  color: #464f5b;
  border-color: #464f5b
}

.btn-outline-light:hover {
  color: #fff;
  background-color: #464f5b;
  border-color: #464f5b
}

.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(70, 79, 91, .5);
  box-shadow: 0 0 0 .2rem rgba(70, 79, 91, .5)
}

.btn-check:active+.btn-outline-light,
.btn-check:checked+.btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light:active {
  color: #fff;
  background-color: #464f5b;
  border-color: #464f5b
}

.btn-check:active+.btn-outline-light:focus,
.btn-check:checked+.btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(70, 79, 91, .5);
  box-shadow: 0 0 0 .2rem rgba(70, 79, 91, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #464f5b;
  background-color: transparent
}

.btn-outline-dark {
  color: #f1f1f1;
  border-color: #f1f1f1
}

.btn-outline-dark:hover {
  color: #37404a;
  background-color: #f1f1f1;
  border-color: #f1f1f1
}

.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(241, 241, 241, .5);
  box-shadow: 0 0 0 .2rem rgba(241, 241, 241, .5)
}

.btn-check:active+.btn-outline-dark,
.btn-check:checked+.btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
  color: #37404a;
  background-color: #f1f1f1;
  border-color: #f1f1f1
}

.btn-check:active+.btn-outline-dark:focus,
.btn-check:checked+.btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-outline-dark:active:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(241, 241, 241, .5);
  box-shadow: 0 0 0 .2rem rgba(241, 241, 241, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #f1f1f1;
  background-color: transparent
}

.btn-link {
  font-weight: 400;
  color: #727cf5;
  text-decoration: none
}

.btn-link:hover {
  color: #6169d0
}

.btn-link.disabled,
.btn-link:disabled {
  color: #aab8c5
}

.btn-group-lg>.btn,
.btn-lg {
  padding: .5rem 1rem;
  font-size: calc(1.2501rem + .0012vw);
  border-radius: .15rem
}

@media (min-width:1200px) {
  .btn-group-lg>.btn,
  .btn-lg {
    font-size: 1.251rem
  }
}

.btn-group-sm>.btn,
.btn-sm {
  padding: .28rem .8rem;
  font-size: .775rem;
  border-radius: .15rem
}


.form-check-input:checked {
  background-color: #4169e1;
  border: 0;
}


.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #4169e1;
  color: #fff;
  border-radius: 3px;
  padding: 0 7px 0 0;
  margin-top: 6px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #4169e1;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #4c5562;
  color: #fff;
}
.select2-container--default .select2-results__option[aria-selected=true]:hover {
  background-color: #4169e1;
  color: #fff;
}

.select2-container .select2-selection--multiple {
  min-height: calc(1.5em + 0.9rem + 2px);
  border: 1px solid #4a525d !important;
  background-color: #404954;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 1px 4px;
}
.select2-container .select2-selection--multiple .select2-search__field {
  border: 0;
  color: #e3eaef;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #4169e1;
  border: none;
  color: #fff;
  border-radius: 3px;
  padding: 0px 7px 0 0;
  margin-top: 6px;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
  margin-right: 7px;
  border-color: #8089f6;
  padding: 0 8px;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
  background-color: #4169e1;
}

/*LEFTBAR*/

.leftside-menu,.logo {
  width: 375px;
}
.navbar-custom{
  left: 375px;
}
.content-page {
  margin-left: 375px;
}

body[data-leftbar-compact-mode=condensed]:is(.leftSideBarHiddenOnClose) .wrapper .leftside-menu {
  width: 375px;
}

.side-nav-forth-level li .side-nav-link, .side-nav-forth-level li a, .side-nav-second-level li .side-nav-link, .side-nav-second-level li a, .side-nav-third-level li .side-nav-link, .side-nav-third-level li a {
  padding: 8px 20px 8px 40px;
}

.leftbar-title{
  margin: 0px 30px 15px;
  font-weight: bold
}

/*TOPBAR*/

.nav-user .account-user-avatar {
  top: calc(25px * .5);
}

.nav-user {
  padding: calc(20px * .5) 20px calc(20px * .5) 60px!important;
  min-height: 50px;
}

.navbar-custom{
  min-height: 50px;
}

h3.titleHeader {
  margin-top: 15px;
  font-size: 25px;
}

.content-page {
  padding: 55px 0 0;
}


.limitHeight{
  overflow: auto;
  max-height: 600px;
}

.limitHeight .card-header {
  padding: 0 15px;
}

.offcanvas-body{
  padding: 0!important;
}
.offcanvas-body .card-body{
  padding: 15px;
}

body[data-leftbar-theme=dark][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover .side-nav-link {
  background: #727cf5;
}
body[data-leftbar-theme=dark] .leftside-menu .logo{
  background:#E2001A!important
}

.minHeightTitle{
  min-height: 40px;
}

/* ERROR */
.errorDisplay-inner{
  vertical-align:middle;
  text-align:center
}
#errorDisplay{
  display:none
}
.errorDisplay{
  display:table!important;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  z-index:9999999;
  color:#a94442;
  background-color:#f2dede;
  border-color:#ebccd1
}
.errorDisplay-inner{
  display:table-cell
}
.errorDisplay-logo{
  display:inline-block;
  margin-top:-20px;
  font-size:20px
}
#errorDisplay-text{
  display:block;
  width:100%;
  margin:25px auto;
  font-size: 30px;
  font-weight: bold;
}

.btn-widget {
  text-align: center;
  padding: 0;
  margin: 0;
  width: 32px;
  height: 32px;
  border-radius: 0;
  line-height: 5px;
  background: #fff;
}

.navbar-custom{
  padding: 0 10px;
}

.spinnerMap{
  position: absolute;
  top: calc(50% - 96px);
  left: 50%;
}

.cursor-auto{	cursor: auto;}
.cursor-default{	cursor: default;}
.cursor-pointer{	cursor: pointer;}
.cursor-wait{	cursor: wait;}
.cursor-text{	cursor: text;}
.cursor-move{	cursor: move;}
.cursor-help{	cursor: help;}
.cursor-not-allowed{	cursor: not-allowed;}

.esri-slider--vertical .esri-slider__label {
  display: block!important;
  color: #fff;
  font-weight: bold;
  min-width: auto;
  background: #3a444e;
  padding: 2px 5px;
  border: 1px;
  border-radius: 25%;
}


.btn-outline-primary:hover {
  color: #fff;
  border-color: #4169e1;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #4169e1;
  border-color: #4169e1;
}

.navbar-custom .logo{
  width: auto;
}

.nav-link:focus, .nav-link:hover {
  color: #4169e1;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #4169e1;
}

.btn-danger{
  background-color: #E2001A;
  border-color: #E2001A;
}

.navbar-custom{
  background-color: #E2001A;
  color:#fff;
}

@media (max-width: 768px) {
  h3.titleHeader{
    font-size: 16px!important;
  }
}

.esri-legend__layer-caption{
  display: none;
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu .simplebar-mask {
  overflow: hidden!important;
}

.simplebar-content, #formSearch{
  height: 100%;
}

.accordion-vh-100 {
  height: calc(100vh - 69px);
  display: flex;
  flex-flow: column nowrap;
}

.accordion-vh-100 .card.show {
  height: calc(100% - 120px);
}

#esriMapViewer > div.esri-view-root > div.esri-ui.calcite-theme-light > div.esri-ui-inner-container.esri-ui-corner-container > div.esri-ui-bottom-right.esri-ui-corner > div > div > div > div > div:nth-child(2){
  display:none;
}
.all-size{
  height: 300px !important;
  width: 200px;
}
.mydivcentered {
  background: white;
  width: 60%;
  height: 100px;
  position: fixed;
  top: 70%;
  left: 35%;
  margin: -50px 0 0 -50px;
  z-index: 999;
}
@media (min-width: 576px) {
  .all-size{
    height: 300px !important;
    width: 300px;
  }
}
@media (min-width: 768px) {
  .md-invisible {
    visibility: hidden !important;
  }
  .all-size{
    height: 300px !important;
    width: 300px;
  }
  .mydivcentered {
    display: none;
  }
}
@media (min-width: 992px) {
  .all-size{
    height: 300px !important;
    width: 400px;
  }
}
#esriMapViewer > div.esri-view-root > div.esri-ui.calcite-theme-light > div.esri-ui-inner-container.esri-ui-corner-container > div.esri-ui-top-right.esri-ui-corner > div{
  overflow-y: scroll;
  z-index: 999999;
}
#esriMapViewer > div.esri-view-root > div.esri-ui.calcite-theme-light > div.esri-ui-inner-container.esri-ui-corner-container > div.esri-ui-top-right.esri-ui-corner > div > div{
  margin:0;
}
#esriMapViewer > div.esri-view-root > div.esri-ui.calcite-theme-light > div.esri-ui-inner-container.esri-ui-corner-container > div.esri-ui-top-left.esri-ui-corner > div:nth-child(4) > div.esri-expand__container.esri-expand__container--expanded{
  height: auto;
  bottom: auto;
}
#esriMapViewer > div.esri-view-root > div.esri-ui.calcite-theme-light > div.esri-ui-inner-container.esri-ui-corner-container > div.esri-ui-top-left.esri-ui-corner > div:nth-child(3) > div.esri-expand__container.esri-expand__container--expanded{
  height: auto;
  bottom: auto;
}

#esriMapViewer > div.esri-view-root > div.esri-ui.calcite-theme-light > div.esri-ui-inner-container.esri-ui-corner-container > div.esri-ui-top-left.esri-ui-corner > div:nth-child(4) > div.esri-expand__container.esri-expand__container--expanded> div:nth-child(2)>div>div>div>div>div:nth-child(2){
  display: none;
}
#esriMapViewer > div.esri-view-root > div.esri-ui.calcite-theme-light > div.esri-ui-inner-container.esri-ui-manual-container > div.esri-component.esri-popup.esri-popup--aligned-bottom-center.esri-popup--shadow{
  width: 300px;
}
#esriMapViewer > div.esri-view-root > div.esri-ui.calcite-theme-light > div.esri-ui-inner-container.esri-ui-manual-container > div.esri-component.esri-popup.esri-popup--aligned-top-center.esri-popup--shadow{
  width: 300px;
}
#esriMapViewer > div.esri-view-root > div.esri-ui.calcite-theme-light > div.esri-ui-inner-container.esri-ui-manual-container > div.esri-component.esri-popup.esri-popup--aligned-bottom-center.esri-popup--shadow > div.esri-popup__main-container.esri-widget.esri-popup--is-collapsible{
  width: 300px;
}
#esriMapViewer > div.esri-view-root > div.esri-ui.calcite-theme-light > div.esri-ui-inner-container.esri-ui-manual-container > div.esri-component.esri-popup.esri-popup--aligned-top-center.esri-popup--shadow > div.esri-popup__main-container.esri-widget.esri-popup--is-collapsible{
  width: 300px;
}
#esriMapViewer > div.esri-view-root > div.esri-ui.calcite-theme-light > div.esri-ui-inner-container.esri-ui-manual-container > div.esri-component.esri-popup.esri-popup--aligned-top-center.esri-popup--shadow > div.esri-popup__main-container.esri-widget{
  width: 300px;
}
.esri-view-width-large .esri-popup__main-container {
  width: 300px;
}
:root{
  --bs-body-font-family:'Lato', sans-serif;
  --bs-body-color:black;
  --bs-light-rgb: 238,242,247;
}
.esri-widget{
  font-family: 'Lato', sans-serif;
  color:black;
}