:root {
    --cinnabar: #ED2F26;
    --cinnabar-disabled: #ffccca;
    --tangaroa: #031126;
    --lola: #F3F2F3;
    --atoll: #0E5F75;
    --mineshaft-dark: #242424;
    --mineshaft: #444444;
    --gray: #898989;
    --silver: #CCCCCC;
    --seashell: #F0F0F0;
    --alabaster: #FAFAFA;

    --red-e: #D90B00;
    --cyan-w:#00EBFF;
    --green-d: #00FF80;
    --orange-w: #ED941A;



    --w-input: {
            background-color: #FAFAFA;
            border: none;
            padding: 6px;
            outline: none;
    };

    --w-button: {
        background-color: transparent;
        border: 1px solid var(--cinnabar);
        color: var(--cinnabar);
        text-transform: uppercase;
        letter-spacing: 1px;
        &:hover{
            background-color: var(--cinnabar);
            color: #fff;
        }
        &.not-active {
            background-color: transparent;
            border: 1px solid var(--cinnabar-disabled);
            color: var(--cinnabar-disabled);
            cursor: text;
            &:hover{
                background-color: transparent;
                color: var(--cinnabar-disabled);
            }
        }
    };

    --w-table-button: {
        @apply --w-button;
        float: right;
        height: 20px;
        font-size: 6px;
        padding: 2px;
        margin: 0 2px;
        letter-spacing: normal;
    };

    --w-table-input: {
        width: 80px;
        height: 20px;
        display: block;
        float: left;
    };

    --w-table-component: {
        box-shadow: 0 1px 4px rgba(0,0,0,.04);
        border: 1px solid rgba(0,0,0,.09);
        border-radius: 3px;
        background-color: var(--alabaster);
    };

    --w-inbox-search{
        display: block;
        position: relative;
        top: -24px;
        width: 100px;
        text-align: right;
        font-size: 16px;
        margin-right: 10px;
        margin-left: calc(100% - 110px);
    }
}