html, body {
    height: 100%;
    background-color: #f4f4f4;
}
.fotokonta{
    padding: 10px;
    margin: 10px;
}

.head-style{
    color:rgb(28, 101, 156) ; 
    background-color:#fff !important;
    padding: 8px;
    
}

.btn-white:hover, .btn-white:active{
    background-color:#fff !important;

}

.date-input{
    border: 1px !important;
    background-color: #fff !important;
    font-size: 18px;
}

.mask-security{
    font-family: "text-security-disc";
     -webkit-text-security: disc;
}

.dataTables_wrapper .pagination .page-item.active .page-link:hover {
    background-color: #2bbbad!important;
}
.dataTables_wrapper .pagination .page-item.active .page-link {
    background-color: #2bbbad!important;
}

@media only screen and (max-width: 991px) {
    .navbar-nav .dropdown-menu-right{
        right: auto;
        left: 0;
    }
}

table.border-outline-none {
  border-collapse: collapse;
}
table.border-outline-none td {
  border: 1px solid #dee2e6;
}
table.border-outline-none tr:first-child td {
  border-top: 0;
}
table.border-outline-none tr td:first-child {
  border-left: 0;
}
table.border-outline-none tr:last-child td {
  border-bottom: 0;
}
table.border-outline-none tr td:last-child {
  border-right: 0;
}
table.border-outline-none tr:first-child th {
  border-top: 0;
}
table.border-outline-none tr th:first-child {
  border-left: 0;
}
table.border-outline-none tr th:last-child {
  border-right: 0;
}

#addConexModal input::placeholder {
  color: #ccc!important;
}

.navbar-collapse.collapse.show{
  margin-top: 20px;
  transition-duration: 0.5s;
}
/* -------------------- */

/* .toolt .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color:red;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 10;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

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

.toolt:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
} */


.al_centru_header{
  vertical-align: inherit !important;
}
.rotire_header{
  transform: rotateZ(270deg);
}

.legenda_tabel{
  table-layout: auto;
  width: 50%; 
  border-collapse: collapse;
  border: 1px solid rgba(160, 155, 155, 0.61);
}

.legenda_tabel th,.legenda_tabel td{
  border: 1px solid rgba(160, 155, 155, 0.61);
}
#legenda_tab{
  display: flex;
}
#text_legenda{
  display: flex;
}