/* Tooltip container */
.newired-ui-tooltip-owner {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.newired-ui-tooltip-owner .newired-ui-tooltip-bottom {
    border-radius: 6px;
    background: white;
    padding: 8px 8px 5px 8px;
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    display: inline-block;
    vertical-align: top;
    width: max-content;
    max-width: 300px;
    border: 0.5px solid;
}

.newired-ui-tooltip-owner .newired-ui-tooltip-error {
    border: 1px solid rgba(228, 61, 43, 0.96);
    color: rgba(228, 61, 43, 0.96);
    background-color: rgba(255, 255, 255, 0.96);
    margin-left: 5px;
}


/* Tooltip arrow */
.newired-ui-tooltip-owner .newired-ui-tooltip-bottom::before {
    content: "";
    position: absolute;
    top: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.newired-ui-tooltip-owner .newired-ui-tooltip-bottom::after {
    content: "";
    position: absolute;
    top: -6px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}

.newired-ui-tooltip-owner .newired-ui-tooltip-position-right .newired-ui-tooltip-bottom::after {
    left: auto;
    right: 16px;
}

.newired-ui-tooltip-owner .newired-ui-tooltip-error::after {
    border-color: transparent transparent rgba(228, 61, 43, 0.96) transparent;
}

.newired-ui-tooltip-owner .newired-ui-tooltip-wrapper {
    visibility: hidden;

    /* Position the tooltip text */
    position: absolute;
    z-index: 110;
    top: 100%;
    left: 0px;

    /* fade in animation */
    -webkit-animation: nw-fade-in 1s ease-in-out;
    animation: nw-fade-in 1s ease-in-out;

    padding-top: 7px;
}

@-webkit-keyframes nw-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes nw-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.newired-ui-tooltip-owner .newired-ui-tooltip-wrapper.newired-ui-tooltip-position-right {
    left: auto;
    right: 0;
}

/* Show the tooltip text when you mouse over the tooltip container */
.newired-ui-tooltip-owner:hover .newired-ui-tooltip-wrapper {
    visibility: visible;
    opacity: 1;
}

.ui.negative.message {
    background-color: #f9ebeb;
    -webkit-box-shadow: 0 0 0 1px #f3b7b5 inset, 0 0 0 0 transparent;
    box-shadow: 0 0 0 1px #f3b7b5 inset, 0 0 0 0 transparent;
}

.ui.negative.message .noborder {
    background-color: #f9ebeb;
    -webkit-box-shadow: 0 0 0 0px transparent inset, 0 0 0 0 transparent;
    box-shadow: 0 0 0 0px transparent inset, 0 0 0 0 transparent;
}

.ui.negative.message .header {
    color: #eb1614;
    font-family: monospace;
}

.newired-ui-radiobutton-selected:after {
    content: '\e801'
}

.newired-ui-radiobutton-deselected:after {
    content: '\e800'
}


.newired-ui-link-button {
    background-color: transparent !important;
    color: black !important;
    border-color: transparent !important;
    text-decoration: none !important;
}

.newired-ui-link-button:hover {
    text-decoration: underline !important;
}


.newired-ui-listbox .label {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;;
}

.newired-ui-listbox .header {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.newired-ui-listbox .label div:nth-child(1) {
    width: 100%;
}

.newired-ui-listbox .button:first-child {
    width: 90px;
    min-width: 90px;
}

.newired-ui-listbox .label {
    &:hover {
        .ui.button.delete {
            visibility: visible;
        }
    }

    .ui.button.delete {
        visibility: hidden;
    }
}

.newired-ui-listbox .label.import {
    margin-bottom: 0;
}