@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  
}

.container40x40{
    height: 40px !important;
    width: 40px !important;
}

html{overflow-x: hidden;}
main{
    font-family: 'Poppins', sans-serif;
}
/*
i{
    color: black;
}
*/
.btn-login{
    background-color: white;
    padding: 0.6em 0;
}
.small-text{
    font-size: 0.8em;
}
.center-text{
    text-align: center;
}
.h23px{
    height: 23px;
}
.w23px{
    width: 23px;
}
.h-full{
    height: 100%;
}
.w-full{
    width: 100%;
}
.fit-content{
    width: fit-content;
    height: fit-content;
}
.shade-image{
    background: center / cover no-repeat;
}
.sticky{
    position: sticky !important;
    top: 0;
}
.background-white{
    background-color: white;
}
.no-rounded{
    border-radius: 0 !important;
}
.border-x-none{
    border-left: none !important;
    border-right: none !important;
}
.border-y-black-2{
    border-top: 2px solid black !important;
    border-bottom: 2px solid black !important;
}
.border-x-left-black-2{
    border-top: 2px solid black !important;
    border-left: 2px solid black !important;
    border-bottom: 2px solid black !important;
}
.border-x-right-black-2{
    border-top: 2px solid black !important;
    border-right: 2px solid black !important;
    border-bottom: 2px solid black !important;
}
.border-circle-left{
    border-bottom-left-radius: 100% !important;
    border-top-left-radius: 100% !important;
}
.border-circle-right{
    border-bottom-right-radius: 100% !important;
    border-top-right-radius: 100% !important;
}
.focus-none:focus{
    border-color: black !important;
    box-shadow: none !important;
}
.cursor-pointer:hover{
    cursor: pointer;
}
.grid-2-col{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}

.cond span + span::before{
    content: ", ";
}

/* 
    GRID FOR CART'S VIEW
*/
.inline-grid{
    display: inline-grid;
}
.colums-template-cart{
    grid-template-columns: 20px 65px 45px 1fr 1fr;
}
.colums-template-cart-sub{
    grid-template-columns: 20px 65px 0 1fr 0;
}
.gap-10{
    gap: 10px;
}
.items-stretch{
    justify-items: stretch;
}
.self-center{
    align-self: center;
}
.self-end{
    justify-self: end;
}

.fade-in-up-out{
    animation: fadeInOut 1s ease-in-out;
}
.fade-in{
    animation: fadeIn 0.2s ease-in-out;
}

/* ANIMATIONS */
@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


.popover{
    max-width: 300px; /* Max Width of the popover (depending on the container!) */
}

.popover-body {
    max-width: 300px;
    padding: 0.25rem 0.5rem;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px grey;
    border-radius: 10px;
  }

.tablemodel tr{
    border-bottom-color: rgb(92, 92, 92);
}

.tablemodel td:hover {
    background: #ced4da;
}

.table th{
    color: black;
}
.tooltipinput .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
  
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
  
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
  }

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

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


.titlecontact{
    font-size: 1.1em;
    font-weight: bold;
}

.titleressources{
    font-size: 1.1em;
    font-weight: bold;
}