/*  Styles to override default  */
.whatsapp-icon, .view-icon, .user-icon, .restore-icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 0;
    padding: 1rem 1.5rem;
}

.info-badge{
    background-color: #4A72B2;
    color: #fff;
    width: 100%;
    font-size: 8px;
    border-radius: 5px;
}

.bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
}

.bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 255, var(--tw-bg-opacity));
}

.warning-badge{
    background-color: #f8ae1e;
    color: #4a72b2;
    width: 100%;
    font-size: 8px;
    border-radius: 5px;
}

.icon-action-toolbar :is(.bg-gray-700\/5) {
    background-color: rgba(var(--colors-primary-500))!important;
}

.icon-action-toolbar .ml-1.whitespace-nowrap {
    color: #fff;
}

.whatsapp-icon:before {
    content: "\f232";
    font-family: "Font Awesome 6 Brands", sans-serif;
    font-size: 1.2rem;
}

.view-icon:before {
    content: "\f06e";
    color: black;
    font-family: "Font Awesome 6 Free", sans-serif;
    font-size: 1.2rem;
}

.restore-icon:before {
    content: "\f021";
    color: black;
    font-family: "Font Awesome 6 Free", sans-serif;
    font-size: 1.2rem;
}

.user-icon:before {
    content: "\f007";
    color: black;
    font-family: "Font Awesome 6 Free", sans-serif;
    font-size: 1.2rem;
}

.whatsapp-icon:after {
    content: "Compartilhar";
    top: -1.5rem;
    left: -0.5rem;
    text-align: center;
    background-color: white;
    border: 1px solid var(--50);
    border-radius: 2px;
    position: absolute;
    color: var(--90);
    font-weight: normal;
    font-size: 0.85rem;
    padding: 10px;
    display: none;
}

.view-icon:after {
    content: "Resultados";
    top: -1.5rem;
    left: -0.5rem;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--50);
    border-radius: 2px;
    position: absolute;
    color: black;
    font-weight: normal;
    font-size: 0.85rem;
    padding: 10px;
    display: none;
}

.whatsapp-icon:hover:after {
    display: block;
}

form .relative.overflow-hidden {
    overflow: visible;
}