@import url("https://fonts.googleapis.com/css2?family=Righteous&display=swap");
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600);
:root {
    --nuprc-text: #279b57;
    --nuprc-text-secondary: #fd5308;
    --hrms-background: #C9C4C4;
    --hrms-background-secondary: #00fffc;
}

.main {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.content {
    background: url('../images/hrms_bg.png') 0, 0 var(--hrms-background);
    background-blend-mode: multiply;
    flex-grow: 1;
    padding-top: 0;
}

a.button-class {
    text-decoration: none;
    border: 2px solid var(--nuprc-text);
    border-radius: 20px;
    padding: 5px 10px;
    color: var(--nuprc-text);
    cursor: pointer;
}

a.button-class:hover,
a.button-clas:active {
    border-color: white;
    background-color: var(--nuprc-text);
    color: white;
}

.asdt-disabled-elements {
    pointer-events: none;
    opacity: 0.4;
}

.special-select {
    border-radius: 50px;
}