:root {
    --bs-border-radius: 0;
}

.logo {
    max-height: 50px;
}

.accordion {
    --bs-accordion-active-bg: #c3c3c3;
    --bs-accordion-active-color: #000000;
    --bs-accordion-btn-focus-box-shadow: #c3c3c3;
}

.accordion h2 button {
    line-height: 1.75rem;
    color: #1b1b1b;
    font-size: 1.2rem;
    font-weight: 600;
}

body {
    height: 100%;
}

html {
    font-family: "Segoe UI", "Helvetica Neue", "Lucida Grande", "Roboto", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math"
}

.background-image {
    background-image: url(bg.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: center center, center center;
    background-size: cover, cover;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
}

#background-overlay {
    background: rgba(0, 0, 0, 0.55);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

#card_user_details {
    display: none;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.container {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
    max-width: 640px;
    width: calc(100% - 40px);
    padding: 44px 44px 22px 44px;
    margin-bottom: 28px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    min-width: 320px;
    min-height: 338px;
    overflow: hidden;

}

h3 {
    line-height: 1.75rem;
    color: #1b1b1b;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0;
    margin-top: 16px;
    margin-bottom: 12px;
}

.card-text {
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.25rem;
    margin-top: 16px;
    margin-bottom: 12px;
}

.link {
    color: #0067b8;
    text-decoration: none;
}

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

.form-select {
    margin-top: 20px;
}

#button_row {
    width: 100%;
    text-align: right;
    ;
}

#wrapper {
    height: 100vh;
}

.alert-error {
    background-color: var(--bs-danger);
}

.alert-warning {
    background-color: var(--bs-warning);
}

.marching_ants {
    margin: 20px auto;
}

#currentuserprincipalname {
    font-weight: bold;
}

.pointer {
    cursor: pointer;
}

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

div.accordion {
    margin-top: 30px;
}


#unlicensed {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 0px;
}

#unlicensed a {
    color: rgb(255, 0, 0);
    font-weight: bold;
    font-size: 30px;
    text-decoration: none;
}

#unlicensed a:hover {
    text-decoration: underline;
}