@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');
@import ".tailwind.css";

/* Reset CSS */
body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
        sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bg-home {
    position: relative;
    background-image: url("../img/bg-home.png");
    background-size: cover;
    background-position: center;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(41, 83, 165, 0.8);
    /* Cor da overlay com opacidade (neste caso, 50%) */
}

.pagination {
    list-style: none;
}

.page-item {
    margin: 0 10px;
}

.page-link {
    color: #95A5A6;
    background-color: transparent;
    border: #2953A5;
    cursor: pointer;
    font-weight: bold;
}


.page-item.active .page-link {
    background-color: #2953A5;
    color: white;
    border-radius: 5%;
}

.page-item.disabled .page-link {
    background-color: transparent;
}

img{
    pointer-events: none
}

::selection {
    color: #fff;
    background: #2953A5;
}

input[type=checkbox]{
    accent-color: #2953A5;
}

input[type=radio]{
    accent-color: #2953A5;
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    /* width of the entire scrollbar */
}

*::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 20px;
    /* color of the tracking area */
}

*::-webkit-scrollbar-thumb {
    background-color: #2953A5;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    border: 3px solid #2953A5;
}

.scrollable::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    /* width of the entire scrollbar */
}

.scrollable::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 20px;
    border-right: 2px solid #CED6E0;
    /* color of the tracking area */
}

.scrollable::-webkit-scrollbar-thumb {
    background-color: #2953A5;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    border: 3px solid #2953A5;
}

.tag-time {
    background-color: #d8dfdf;
    border-radius: 20px;
}
.tag-time:hover {
    background-color: #aeb3b3;

}

.arrow {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

/* Rotate the arrow when the dropdown is open */
button[aria-expanded="true"] .arrow {
    transform: rotate(180deg);
}



.submit-wrap {
    position: relative;
}

.tooltip {
    position: absolute;
    top: -60;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.submit-wrap:hover .tooltip {
    opacity: 1;
    pointer-events: all;
}

/* Style for active tab */
.nav-link.active {
    color: #ffffff !important; /* White text for active tab */
    background-color: #2953A5; /* Blue background for active tab */
    border-radius: 5px; /* Optional rounded corners */
    padding: 10px;
}

/* Style for non-active tabs */
.nav-link {
    color: #2953A5 !important; /* Blue text for non-active tabs */
    transition: color 0.3s ease, background-color 0.3s ease; /* Smooth transitions */
    border-radius: 5px; /* Optional rounded corners */
    padding: 10px;
}

/* Optional hover effect */
.nav-link:hover {
    color: #2C3E50 !important; /* Darker blue on hover */
    background-color: #d8dfdf; /* Blue background for active tab */
    border-radius: 5px; /* Optional rounded corners */
    padding: 10px;
}