#cn-widget *{
    --cn-body-color: white;
    --cn-title-color: #ff6b00;
    --cn-text-color: black;
    z-index: 999999;
}

.cn-form-widget{
    min-width: 350px;
    color-scheme: light;

    position: fixed!important;
    max-height: 570px !important;
}

.cn-widget-button {
    transform: rotate(-90deg);
    bottom: unset !important;
    top: 18% !important;
    right: -37px !important;
    background-color: #ff6b00;
    color: white;

    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    font-weight: 600 !important;

    position: fixed!important;
    z-index: 999!important;
}

.cn-button-group{
    display: flex;
    flex-direction: column;
}

.cn-action-button {
    margin-inline: 10px;
    margin-block: 5px;
    background-color: #ff6b00 !important;
    color: white;
}

.cn-action-button:disabled {
    background-color: gray !important;
}

.cn-titlebar{
    padding: 15px;
}

.cn-titlebar, .cn-form-button{
    background-color: #ff6b00 !important;
}

.cn-body h3{
    display: flex;
    justify-content: center;
    
    font-weight: 600 !important;
    font-size: small;
    text-align: center;
}

table#cn-input-form{
    text-align: justify;
}

table#cn-input-form tr {
    height: 40px;
    border-bottom: solid #dae1e8 2px !important;
}

table#cn-input-form th {
    padding: unset;
}

table#cn-input-form td {
    padding: unset;
}

.cn-input {
    margin-top: 5px !important;
}

.cn-invalid-input{
    border: 1px solid red !important;
}