.tooltip-wrapper {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
    cursor: help;
}

.clean-search-text {
    position: relative;
    left: -18px;
    top: 7px;
    font-size: 14px;
    /* font-weight: bolder; */
    color: lightgray;
    z-index: 1000;
    background: transparent;
    cursor: pointer;
    height: 1em;
}

    .clean-search-text:hover {
        color: black;
        background-color: white;
    }

.otp-input-container {
    display: flex;
    gap: 0.5rem;
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.otp-input {
    width: 2.5rem;
    height: 3rem;
    font-size: 2rem;
    text-align: center;
    border: 2px solid #1e3c5b;
    -ms-border-radius: 0.5rem;
    border-radius: 0.5rem;
    outline: none;
    -ms-transition: border-color 0.2s;
    -o-transition: border-color 0.2s;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    background: #236193;
    color: white;
}

.otp-input-container input::-webkit-outer-spin-button,
.otp-input-container input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.otp-input-container input[type=number] {
    -moz-appearance: textfield;
}


.otp-input:focus {
    border-color: #1e3c5b;
    background: #236193;
    color: white;
    box-shadow: 0px 0px 6px 0px #236193;
}


.three-state-checkbox {
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
}

.indeterminate-checkbox-symbol {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCA1LjEuN4vW9zkAAAC2ZVhJZklJKgAIAAAABQAaAQUAAQAAAEoAAAAbAQUAAQAAAFIAAAAoAQMAAQAAAAIAAAAxAQIAEAAAAFoAAABphwQAAQAAAGoAAAAAAAAAYAAAAAEAAABgAAAAAQAAAFBhaW50Lk5FVCA1LjEuNwADAACQBwAEAAAAMDIzMAGgAwABAAAAAQAAAAWgBAABAAAAlAAAAAAAAAACAAEAAgAEAAAAUjk4AAIABwAEAAAAMDEwMAAAAAAlR56NozS1xQAABBNJREFUeF7tnM8rdUEYx597bigUS4liIUoJZSXFQllZ+AMslIWyZqO8lvZKUhbK1tpCWVgqv3ayUSRLJeS3+Yw517nH4XpHxz33mE+dHHPS83y/M2dmbvcZmReFfMH+/r4cHR3J2dmZXF5eyv39vXmSXMrLy6W2tlYaGhqktbVVOjs7zZNoPjVha2tLtre35fr62rSULlVVVdLX1ycDAwOmJZ8PJpyfn8v6+rqcnp6alvTQ2NgoIyMjUl9fb1reyDPh+PhYVldXS2LI28KrMjo6Ki0tLaZFxDM/9QhIuwGAPnSi1yc3EhYWFj59BXp6eqSjo0NPNJWVlaY1udzc3OiJ/PDwUHZ2dkxrPrwak5OT+l6bwCS4sbGhG4Lw7vAO8QelCh3LHBfseZ+hoSE9WerXgVUgDAaMj4+XtAFA/ugIT4bg6/bYB0Qtg4yAUhj63wEd6AmDbvR7bITCMAeU+ggIgx50hUG/xwQShkkwjUTpQr/HVjgMq0AaidKFfi9qX5CWuSBMlC705zZLf5nM1NTUhw9Q8/Pz5q4wDw8PervNpuTk5ERvVOKGHm1qatITHdvfsrIy86Qw09PT5u6dH42Ei4sLWVtbk6WlJTk4OJCrqyt5fn6O/SIO8YhLfPL4CdYmEHhlZUV2d3d1T3iepz+cVFRUxH4Rh3jEJT55/MQIKxN4BdhmE5hESCqbzcrT05N+FvdFHOIRl/jkQT48s8HKBOaAvb29XM+TVDEgrj8yyIe8bLAygUmQnoBiGeDjxyefzz4xFsLKBFYBfw5IAuRBPuRlg5UJLIOZTEYHTgLkQT62y3MyVBQZZ4LCmaBwJiicCQpngsKZoHAmKJwJCmeCwpmgcCYonAkKZ4LCmaBwJiicCQpngsKZoHAmKJwJCmeCwpmgcCYorEygPoAaUL4mTwLkQT62FTZWJlAgQeCklACTB/mQlw1WJlAhEvwitJgEvxiOKtH7DlYmUCLT1dWle+Du7q5oRhCX+ORBPsHK9f/BygQKI6gLrqur04URJEFPkBTP4r6IQzziEp88yIdnNliZAAQeGxuT7u5unYg/R9AzcV/EIR5xiU8e5GNLtre395+5zzE4OGjuvqa6ulra29ulublZ98zt7a08Pj7qr8njvIjb1tYmw8PD0t/fLzU1NSajwmxubpq7dzIzMzMvOBtkdnY2lQWd1C/Mzc2Z397QBR6cGgsTVe+cBqJ0od+LqvflxEgaidKFfo9zg2EogErbaTj0RBV2od/j4CTnBsNwZOY3SnR/A3SgJwy60a+XSA5OhuHM0PLycsmPCPJHR9QZKF+3Ow2nyJmAU4uLi3ojknZYFicmJnKHw3I7Rho4OZqUAs24QB86g6fj8o4JAyPiT5+VDvKnT82HSf//TxB5BeIk8AKBCX9zAAAAAElFTkSuQmCC);
    -ms-background-size: 13px 13px;
    background-size: 13px 13px;
    width: 13px;
    height: 13px;
    display: inline-block;
    position: relative;
    top: +1px;
}

.three-state-checkbox-checkbox {
    cursor: pointer;
    position: relative;
    top: +1px;
}

.three-state-checkbox-label {
}

.tooltip-span {
    visibility: visible;
    position: absolute;
    width: auto;
    bottom: 120%;
    left: 50%;
    margin-left: -120%;
    background-color: #363636;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    -ms-border-radius: 6px;
    border-radius: 6px;
    z-index: 200;
    padding-left: 10px;
    padding-right: 10px;
}

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

.tooltip-wrapper:hover span {
    visibility: visible;
}





.otimo-disabled-button {
    border: 2px outset ButtonFace;
    color: GrayText;
    cursor: inherit;
    background-color: #ddd;
    background: #ddd;
    pointer-events: none;
}


/* Generic table */
.otimo-table {
    background-color: white;
    border: 1px solid #000000;
    border: 1px solid rgba(0,0,0,.1);
}

.otimo-table-table {
}


.spin-icon {
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.fas-icon {
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
}


.otimo-table-header {
    font-weight: 600;
}

.otimo-table-header-column {
}

.otimo-table-header-row {
}

.otimo-table-body {
}

    .otimo-table-body tr:hover {
        background-color: #000000;
        background-color: rgba(0,0,0,.045);
    }

.otimo-table-row {
}

.otimo-table-cell {
}

.otimo-table-refreshbutton {
}

.otimo-table-refreshbutton-disabled {
}

.otimo-table-refresh-button-enabled {
}

.otimo-table-align-right {
    text-align: right
}

.otimo-table-align-left {
    text-align: left
}

.otimo-table-align-left {
    text-align: center
}


/* Generic list */

.otimo-list {
}

.otimo-list-loading {
}

.otimo-list-ul {
}

.otimo-list-item {
}

.otimo-list-refreshbutton {
}

/* Generic data-edit */
.otimo-dataedit-submit {
}

.otimo-dataedit {
}

.otimo-dataedit-loading {
}

.otimo-dataedit-refreshbutton {
}


/* ToolTip */
.otimo-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .otimo-tooltip .otimo-tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        -ms-border-radius: 6px;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -60px;
    }

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

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