.logo {
  margin: 20px;
}

.x-grid-rowbody {
  padding: 0;
}

.legendImg {
  margin: -8px -5px -8px -9px;
}

.progress {
  position:   absolute;
  top:        0;
  left:       0;
  height:     2px;
  background: rgba(93, 79, 68, 0.4);
  width:      0;
  transition: width 250ms;
  z-index:    999;
}

.gx-popup {
  padding:          3px;
  border-radius:    0 8px 8px 8px;
  background-color: rgba(255, 255, 255, 0.85);
  border:           3px solid white;
  margin:           0;
  text-align:       left;

  /* resize:           both;
  overflow:         auto; */

  box-shadow:         0 0 0.75em #777777;
  -moz-box-shadow:    0 0 0.75em #777777;
  -webkit-box-shadow: 0 0 0.75em #777777;
  -o-box-shadow:      0 0 0.75em #777777;
}

.gx-popup h1 {
  color:     #5D4F44;
  font-size: 10pt;
  margin:    0;
}

.gx-popup-title-head {
  color:                   #5D4F44;
  font-weight:             600;
  background-color:        rgb(234, 231, 221);
  border-top-right-radius: 4px;
  padding:                 2px;
  height:                  22px;
}

.gx-popup-title-head i {
  font-weight: 100;
}

.gx-popup-title {
  color:       #5D4F44;
  font-size:   10pt;
  font-weight: 700;
}

.gx-popup-content {
  resize:    both;
  overflow:  auto;
  width:     300px;
  padding:   2px;
}

.gx-popup-data {
  background-color: rgb(234, 231, 221);
  overflow-x:       hidden;
  overflow-y:       auto;
}

.gx-popup-data-margin {
  margin-bottom: 4px;
}

.gx-popup-data-line {
  display:          flex;
  background-color: rgb(234, 231, 221);
  padding:          1px;
  width:            100%;
}

.gx-popup-data-line-title {
  float:            left;
  background-color: #5D4F44;
  color:            white;
  font-weight:      600;
  vertical-align:   top;
  width:            25%;
  padding:          2px;
}

.gx-popup-data-line-text {
  float:            left;
  background-color: rgb(234, 231, 221);
  width:            75%;
  padding:          2px;
}

.gx-popup-data-line-img {
  background-color: rgb(234, 231, 221);
  width:            75%;
  padding:          2px 8px 2px 2px;
  max-height:       300px;
  overflow:         scroll;
}

.gx-popup-data-line-img img {
  display:   block;
  /* max-width: 220px; */
  width:     100%;
  height:    auto;
  padding:   1px;
}

.gx-popup-close {
  background-image:    url(/resources/css/images/tools/tool-sprites-dark.png);
  width:               16px;
  height:              16px;
  overflow:            hidden;
  background-position: 0 0;
  cursor:              pointer;
  position:            absolute;
  top:                 6px;
  right:               6px;
}

.gx-popup-table {
  background-color: rgb(234, 231, 221);
  width:            100%;
  border:           1px solid white;
}

.gx-popup-table td {
  padding:          2px;
  background-color: white;
}

.gx-popup-table .table-title {
  background-color: #5D4F44;
  color:            white;
  font-weight:      600;
  vertical-align:   top;
}

.scroll-100 {
  max-height: 100px;
  overflow:   auto;
}

#search_div table {
  margin: 0 auto;
}

#search_type {
  width: 200px;
}

#search_type option {
  width: 200px;
}

#search_term {
  width: 200px;
}

.help-lnk {
  cursor: help;
}

.help-btn {
  cursor:                  help;
  display:                 inline-block;
  font:                    normal normal normal 14px/1 FontAwesome;
  font-size:               inherit;
  text-rendering:          auto;
  -webkit-font-smoothing:  antialiased;
  -moz-osx-font-smoothing: grayscale;
  color:                   rgb(93, 79, 68);
}
.help-btn:before {
  content: "\f059";
}

.video-lnk {
  cursor: pointer;
  display:                 inline-block;
  font:                    normal normal normal 14px/1 FontAwesome;
  font-size:               inherit;
  text-rendering:          auto;
  -webkit-font-smoothing:  antialiased;
  -moz-osx-font-smoothing: grayscale;
  color:                   rgb(93, 79, 68);
}
.video-lnk:before {
  content: "\f04b";
}

.videoIframe-refresh {
  cursor: pointer;
  font-size: 24px;
  vertical-align: top;
}

.form-float .x-panel-header {
  padding: 5px;
}

.x-title-text p {
  margin:    0;
  font-size: 14px;
}

.cell-etat-valide {
  background-color: #4CE600;
}
.cell-etat-partiel {
  background-color: #FFAA00;
}
.cell-etat-invalide {
  background-color: #FF4400;
}

.tooltip-elt {
  background:    rgba(93, 79, 68, 0.75);
  border:        1px solid white;
  border-radius: 4px;
  padding:       4px 8px;
  color:         white;
  white-space:   nowrap;
}

.tooltip-static-elt {
  background:    rgba(211, 113, 27, 0.75);
  border:        1px solid white;
  border-radius: 4px;
  padding:       4px 8px;
  color:         white;
  white-space:   nowrap;
}

.x-panel-header-default-collapsed-left table.x-title-table {
  transform:    rotate(180deg);
  text-align:   left;
}
.x-panel-header-default-collapsed-left table.x-title-table td {
  padding-left: 12px;
}

.ico-ruler {
  background-image: url(./images/ruler.svg) !important;
}
.ico-ruler-stop {
  background-image: url(./images/ruler-stop.svg) !important;
}

.grid-shadow {
  box-shadow: 0 0 0.75em #777777;
}

.msg-err {
  font-family: sans-serif;
  color: black;
  margin: 20px;
  font-weight: bold;
}

.msg-panel {
  font-size: 14px !important;
  font-weight: bold !important;
  animation: background-blink 750ms 2;
  color: #000000;
}

@keyframes background-blink {
  0%, 49% {
      background-color: #706050;
      color: #FFFFFF;
  }
  50%, 100% {
      background-color: #FFFFFF;
      color: #000000;
  }
}

.hidden {
  visibility: hidden;
}

.x-tree-icon-leaf {
  display: none !important;
}

.tree-cell-visible {
  opacity: 1;
}

.tree-cell-invisible {
  opacity: 0.3;
}