/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
.daterangepicker .ranges {
  display:block !important;
}

.fix-multiple-input input {
  padding: 8px !important;
  height: unset !important;
}

ngx-image-gallery {
  z-index: 900 !important;
}

.tdWidth100 td input {
  width: 100%;
}

#logo img {
  width: auto !important;
  height:  27px !important;
}
.menu-on-top #logout {
  display:block !important
}

.background-inspector {
  background: url('../img/bg.png') center center fixed !important;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.font-small {
  font-size: xx-small;
}
.overflow-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.popup-table {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.popup-table td {
  border: 1px solid #ddd;
  padding: 8px;
}

.popup-table tr:nth-child(even){background-color: #f2f2f2;}

.popup-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

.popup-photo {
  max-height: 200px;
  max-width: 140px;
  padding:1px;
  border:1px solid #021a40;
  background-color:limegreen;
}

.black-border-table,
.black-border-table>tbody>tr>td,
.black-border-table>tbody>tr>th,
.black-border-table>tfoot>tr>td,
.black-border-table>tfoot>tr>th,
.black-border-table>thead>tr>td,
.black-border-table>thead>tr>th {
  border: 1px solid black !important;
}

.fix-input div section ng-select div input {
  box-sizing: border-box !important;
}

.fix-input ng-select div input {
  box-sizing: border-box !important;
}

.fix-input input {
  box-sizing: border-box !important;
}

.fix-input ng-select div div .form-control {
  width: 100% !important;
}

.fix-header {
  position: relative !important;
}

.fix-loader {
  position: fixed;
  z-index: 5000;
}

.fix-modal {
  z-index: 1150;
}

.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration:none;
  color:black;
}

.data-tables-tooltip {
  display: inline;
}

.sk-spinner-pulse {
  position: relative;
  top: 50%;
  width: 40px;
  height: 40px;
  margin: auto;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
  animation: sk-pulseScaleOut 1s infinite ease-in-out;
}

hr.equal {
  margin: 15px 0;
}

.resizable {
  position: relative;
  resize: horizontal;
  overflow: hidden;
}

.truncation-container {
  position: relative;
  height: 20px;
  padding: 5px 10px !important;
}
.truncation.cell {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  display: block;
  padding: 8px;
  width: 90%;
}

div.truncation.cell.cell-warning {
  background-color:rgba(255,0,0,0.3);
}

.truncation .cell-overflow {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.no-fixed-height {
  min-height: 0px !important;
}
@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

.report-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1000;
  background: #424f4b59;
  top: 0;
}

@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

.max-logo {
  max-height: 100px;
  max-width: 250px;
}

.max-logo-table {
  max-height: 40px;
  max-width: 80px;
}

#animateOff {
  opacity: 0;
}

.animateOn {
  opacity: 1 !important;
  -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1.5s; /* Firefox < 16 */
  -ms-animation: fadein 1.5s; /* Internet Explorer */
  -o-animation: fadein 1.5s; /* Opera < 12.1 */
  animation: fadein 1.5s;
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/*LEGEND MAP*/

.legend {
  line-height: 18px !important;
  color: #555;
}
.legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
  opacity: 0.7;
}

.info {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.info-table {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(232, 233, 234, 0.8);
  border-radius: 5px;
}

.info-summary {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(226, 235, 243, 0.8);
  border-radius: 5px;
}

.info-table-input {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(227, 243, 226, 0.8);
  border-radius: 5px;
}

.popup-button {
  width: 100%;
}

.custom-popup .leaflet-popup-tip,
.custom-popup .leaflet-popup-content-wrapper {
  opacity: 0.9;
  background: #e0e0e0;
  color: #234c5e;
}

.limit-photo-height {
  max-height: 500px;
}

.leaflet-img-popup {
  width: 100%;
  margin: auto;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.leaflet-popup-content img {
   width: 100% !important;
 }

.leaflet-popup-content {
  width: max-content !important;
}

.leaflet-top,
.leaflet-bottom {
  z-index: 400 !important;
}

form.smart-form * {
 box-sizing: border-box;
}

.overflow-x {
  overflow-x: auto;
  clear: both;
}

.ui-select-match-text {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dropdown-bottom .dropdown-menu {
  top: auto !important;
  bottom: 100%;
}

.checkbox.inline-block {
  display: inline-block;
}

.smart-form * {
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.accepted_partner {
  background: #9bfd8f;
}

.accepted_do {
  background: #fdd822;
}

.rejected_partner {
  background: #fd8e7a;
}

.accepted_conditionally {
  background: #9bfd8f;
}

.accepted_dyr {
  background: #8efde7;
}

.rejected_dyr {
  background: #fd8e7a;
}

.leaflet-control-download {
  background-image: url(../img/download-icon.png);
  background-size: 25px 25px;
}

.btn-green {
  background: green;
  border-color: green;
  color: #fff !important;
}