@font-face {
    font-family: "Ubuntu-Regular";
    src:
        url("./fonts/ubuntu-regular-webfont.woff") format("woff"),
        url("./fonts/ubuntu-regular-webfont.woff2") format("woff2");
}

.networkicon_container {
    display: flex;
    align-items: center;
}

.popup-accordion-title {
    @apply rounded-none border-0 py-2 pl-2 !important;
}

.popup-accordion-content {
    @apply py-0 text-lg bg-white text-black border-0 rounded-none !important;
    padding-right: 1.7rem !important;
    padding-left: 2.35rem !important;
}

.icon {
    font-family: "Ubuntu";
    @apply text-center;
}

.cap {
    @apply capitalize;
}

.txt-xs {
    @apply text-xs;
}
.txt-sm {
    @apply text-sm;
}
.txt-base {
    @apply text-base;
}
.txt-xl {
    @apply text-xl;
}
.txt-2xl {
    @apply text-2xl;
}
.txt-3xl {
    @apply text-3xl;
}
.txt-4xl {
    @apply text-4xl;
}
.txt-5xl {
    @apply text-5xl;
}
.txt-6xl {
    @apply text-6xl;
}
.txt-7xl {
    @apply text-7xl;
}
.txt-8xl {
    @apply text-8xl;
}
.txt-9xl {
    @apply text-9xl;
}

.accordion {
    @apply items-center justify-between font-normal text-left;
}

.item_title {
    @apply flex items-center justify-between w-full p-3 text-sm text-left border cursor-pointer border-neutral-200;
}

.item_content {
    border: 1px solid #ececec;
    font-weight: 400;
    @apply p-4 text-[#171717];
}

.item {
    @apply w-full bg-white;
}

._mi__single button {
    @apply w-full rounded;
}

._mi__first button {
    @apply w-full rounded-t-md;
}

._mi__last button {
    @apply w-full rounded-b-md;
}

.content_expanded {
    border: 1px solid #ececec;
    border-top: 0 !important;
    @apply rounded-b-md;
}

.content_opened {
    border: 1px solid #ececec;
    border-bottom: 0 !important;
    @apply rounded-b-none !important;
}

.tooltip {
    @apply relative inline cursor-pointer;
}

.tooltip .tooltiptext {
    @apply absolute z-50 invisible p-2 leading-6 text-left text-black border bg-stone-200 border-neutral-200 right-5 w-max;
    top: -60%;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip:hover .tooltiptext div:hover {
    @apply bg-gray-100;
}

.tooltip .tooltipDark {
    @apply absolute z-50 invisible px-2 py-1 leading-6 text-left text-white bg-black border rounded-lg border-neutral-200 right-5 w-max;
    top: -60%;
}

.tooltip:hover .tooltipDark {
    visibility: visible;
}

.tooltip:hover .tooltipDark div:hover {
    @apply bg-gray-100;
}

.tooltip_top {
    bottom: 150%;
    margin-left: -5px;
}

.tooltip_left {
    top: -10px;
    right: 105%;
}

.tooltip_right {
    top: -10px;
    left: 105%;
}

.tooltip_bottom {
    top: 150%;
    margin-left: -5px;
}

.options-container {
    background: #ffffff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}

/* Hide arrows in Chrome, Safari, Edge */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide arrows in Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
