#Options {
    .nested-options .row {
        margin: 0px;
        margin-bottom: 1.6rem;
    }

    .row.disabled input[type='checkbox']:not(.filter):not(.no_button)+label:before {
        cursor: not-allowed;
    }
}

#Options #General h4
{
    margin-bottom: 1.6rem;
    font-weight: 500;
}

#Options #General .indent
{
    margin-left: 1.6rem;
}

#Options #General .indent .cell.width-400
{
    width: 38.4rem;
    min-width: 38.4rem;
}

#Options #General .indent-2
{
    margin-left: 3.2rem;
}

#Options #General .indent-2 .cell.width-400
{
    width: 36.8rem;
    min-width: 36.8rem;
}

#Options label.disabled
{
    opacity: 0.5;
    cursor: not-allowed;
}

#Options .row .hide
{
    display: none;
}

#Options input, #Options select
{
    border-bottom: 2px solid #202020;
}

#Options input.fill-width {
    width: calc(100% - 1.6rem);
}

#Options input, #Options select, .modal .input
{
    height: 2.4rem;
    background-color: #E9E9EE;
    border: 0;
    border-radius: 8px;
    padding: 0px 8px;
    /* width: calc(100% - 1.6rem); */
}

#Options .cell.webhook_source {
    padding: 0px 0.8rem;
}

#Options input.cross[type='checkbox']:not(.filter):checked + label:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f057";
    color: #000;
    font-weight:900;
    letter-spacing: 8px;
}

#Options input.cross[type='checkbox']:not(.filter):checked + label {
    position: absolute;
    right: -24px;
    top: 0px;
}

#Options input[type='radio'] + label, #Options input.tiamat_webhook + label, #Options input[type='submit']
{
    border: 2px #202020 solid;
    padding: 4px 16px;
    display: inline-block;
    margin-right: 8px;
    border-radius: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    white-space: nowrap;
}

#Options input[type='radio'] + label:hover {
    border-color: #39A9EA;
}

#Options input[type='radio']:checked + label:not(.disabled), #Options input.tiamat_webhook:checked + label, #Options input[type='submit'] {
    background-color: #202020;
    color: #FFFFFF;
}

#Options input[type='radio']:checked + label:not(.disabled):hover, #Options input[type='submit']:hover {
    background-color: #39A9EA;
    color: #FFFFFF;
}

#Options input[type='radio'] + label.disabled:before
{
    color: #AAAAAA;
}

#Options .row.vertical_top .cell.fit_width
{
    width: calc(100% - 17rem);
    overflow: initial;
}

/* #Discord input.tiamat_webhook.alpha_numeric {
    width: calc(100% - 1.6rem);
} */

#Options h5
{
    margin: 16px 0px;
}

#Options select
{
    width: calc(100% - 0.8rem);
}

#Options .row.channels
{
    display: flex;
    align-items: flex-start;
}