@charset "UTF-8";

/******************************* self service styles ***************************/

.self-service-primary-button
{
    width: 210px;
    max-width: 210px;
    height: 44px;
    color: white !important;
    background-color: var(--black) !important;
    border: 2px solid var(--black) !important;
}

.self-service-primary-button:hover,
.self-service-primary-button:active
{
    color: white !important;
    background-color: var(--black) !important;
    border: 2px solid var(--black) !important;
}

.self-service-secondary-button,
.self-service-secondary-button:hover,
.self-service-secondary-button:active
{
    width: 210px;
    max-width: 210px;
    height: 44px;
    color: var(--black) !important;
    background-color: white !important;
    border: 2px solid var(--black) !important;
}

.self-service-panel-grid-buttons-column-class1
{   

    width: 210px;
}

.self-service-panel-grid-buttons-column-class2
{   
    width: 30px;
}

.self-service-panel-grid-buttons-column-class3
{   
width: 210px;
}

.self-service-input-text
{
    max-width: 450px;
    height: 44px;
    border-radius: 6px;
    border: solid 2px var(--black);
    background-color: rgba(128, 186, 39, 0.08);
}

.self-service-max-width-content
{   
    max-width: 450px;
}