/* 
    Custom styles
*/

h5.local-menu, h6.local-menu {
    border-top: 2px dotted #e0e0e0;
    border-bottom: 2px dotted #e0e0e0;
    background-color: #fafafa;
    padding: 5px;
    margin-bottom: 25px;
}

h5.local-menu a, h6.local-menu a {
    text-decoration: none;
    color: #707070;
}

table.reviews th {
  color: #555;
  font-weight: normal;
}
table.reviews th h5 {
  color: #272727;
  font-weight: nornal;
}

@media print {
    .action-show-details, .action-show-all {
        display: none;
    }
}

/*
    Tooltip
    
    <??? class='tte'>Text <span class='ttt'>tool tip</span> </inline>
     ??? -- inline-block
     $copyIcon = "<i class='mr-2 fa fa-copy text-info action-copy tte' data-rev='art26' style='cursor: pointer;'><span class='ttt'>Kopiuj do schowka</span></i>";

*/

.tte {
  position: relative;
  display: inline-block;
}

.tte .ttt {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tte .ttt::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tte:hover .ttt {
  visibility: visible;
  opacity: 1;
}