﻿.popover {
  /*display: flex !important;*/
  display: inline-block!important;
  max-width: 500px !important;
  align-content: space-around;
  width: auto !important; 
  /*width:420px;*/
}

.popover-content {
  flex-direction: column !important;
  width: auto;
  padding: 6px 6px 6px 6px !important;
}

.popover h3,
.popover h4,
.popover h5 {
  color: #000000 !important;
}

.popover .header {
  min-width: 100px !important;
}

.popover .header {
  width: 100%;
  display: flex;
  align-content: space-between;
  justify-content: space-between;
  text-align-last: right;
  height: 18px;
}

.popover .header h3 {
  color: #000 !important;
  font-weight: bold;
  text-transform: uppercase;
}

.popover .header .closeIcon {
  color: #5f5b5b;
  text-decoration: none;
  font-size: 30px;
  background-color: transparent;
  border: none;
  outline: none;
  /*cursor: pointer;*/
  line-height: 0.6;
  /*margin-bottom: 8px !important;*/
  padding: 0;
  justify-content: flex-end;
}

.closeIcon {
  color: #5f5b5b;
  text-decoration: none;
  font-size: 30px;
  background-color: transparent;
  border: none;
  outline: none;
  /*cursor: pointer;*/
  line-height: 0.6;
  /*margin-bottom: 8px !important;*/
  padding: 0;
  justify-content: flex-end;
}

.popover .header .closeIcon:hover {
  color: #231f1f;
}

.popover .header button{
    margin-left: auto;

}

.popover .body {
  display: flex !important;
  max-width: 500px !important;
  align-content: space-around;
  width: auto;
}

.popover .body.body-equipamentoPublico {
  max-height: 300px !important;
  margin-top: 5px;
}

.popup-info {
  /*max-height: 120px;*/
  /*min-height: 50px;*/
  height: auto;
  width: 300px;
  max-width: 300px;
  /*display: flex;*/
  font-size: 12px;
  flex-direction: column;
  align-content: space-around;
  /*flex-wrap:wrap;*/
  overflow-y: auto;
  overflow-x: hidden;
}



.popup-img {
  max-height: 80px;
  min-height: 100px;
  height: auto;
  width: 100px;
  display: flex;
}

.popup-info .item {
  display: flex;
  flex-direction: column;
  align-content: space-around;
  border-bottom: 1px solid rgba(77, 74, 74, 0.34);
  height: auto !important;
  padding: 5px 0;
  height: auto;
}

.popup-info .item:last-child {
  border-bottom: none;
}

.popup-info .item h5 {
  display: flex;
  justify-content: flex-start;
  margin: 5px 0px;
}

.popup-info .item p {
  font-size: 12px;
}

.popup-info .item h3 {
  font-size: 18px !important;
  margin: 0;
}

.popup-info .item h5 p:nth-child(1) {
  font-weight: bold !important;
  margin-right: 3px !important;
  text-transform: uppercase;
}

.popup-info table {
  width: 95% !important;
  /*margin-left: 10px !important;*/
  table-layout: fixed;
}

.popup-info table tbody tr td:first-child {
  width: 50px;
}
.popup-info p {
  color: black !important;
}

.popup-img img {
  width: 60% !important;
  height: 60% !important;
  align-content: center !important;
  margin: auto;
}

.popup-img img.terminal {
  width: 80% !important;
  height: 80% !important;
  align-content: center !important;
  margin: auto;
}

.popover .erro {
  margin: 5px;
  width: 230px;
}

.popover .body a {
  word-break: break-all;
}

/*
 *  SCROLLBAR
 */

.popup-info.custom-scrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;

}

.popup-info.custom-scrollbar::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.popup-info.custom-scrollbar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}


/*
 *  FIM SCROLLBAR
 */