html {
    font-family: Arial, Helvetica, sans-serif;
}

body {
    margin: 0;
}

:root {
    --sm-blue: #677294;
    --sm-light-blue: #f1f5fb;
    --sm-dark-blue: #222e48;
    --sm-blue-dark-1: rgb(72, 81, 110);
    --el-color-primary: var(--sm-blue);
    --el-color-primary-light-3: rgb(133, 141, 161);
    --el-color-primary-light-5: rgb(157, 164, 180);
    --el-color-primary-light-7: rgb(181, 187, 199);
    --el-color-primary-light-8: rgb(193, 197, 209);
    --el-color-primary-light-9: var(--sm-light-blue);
    --el-color-primary-dark-2: var(--sm-blue-dark-1);
}

a {
    color: var(--sm-blue);
}

a:hover {
    color: var(--sm-dark-blue);
}

a:focus {
    outline: var(--sm-dark-blue) auto 1px;
}

.page-content {
    padding-left: 24px;
    padding-right: 24px;
}

.page-title {
    display: inline;
    vertical-align: middle;
    font-size: 24px;
    line-height: 1.2;
}

.el-select__input-wrapper > textarea,
.el-input__wrapper > textarea,
.el-select__input-wrapper >input[type="text"],
.el-input__wrapper >input[type="text"] {
    all: unset;
    border: none !important;
    background-color: transparent !important;
    margin-bottom: 0 !important;
    width: 80%;
}

.el-input__wrapper {
    display: inline !important;
}

.link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: white;
}