:root {
	--color-primary: #005096; /* standard blue */
	--color-primary-light: #407bb3;
	--color-green: #4FB440;
	--color-lime: #ADDA45;
	--color-yellow: #FD0;
	--color-orange: #F80;
	--color-red: #B44040;

	--color-gray-100: #f2f2f2;
	--color-gray-200: #D8D8D8;
	--color-gray-300: #B3B3B3;

	--color-ms-excel: #217346;
	--color-ms-word: #2B579A;
	--color-ms-powerpoint: #B7472A;

	--big-padding: .938rem; /* used or padding & margin */
	--standard-padding: .625rem; /* used or padding & margin */
	--small-padding: .25rem; /* used or padding & margin */
}

.text-red {
    color: var(--color-red);
}
.text-red-bright {
    color: #F00;
}
.border-gray-300 {
    border-color: var(--color-gray-300);
}

h1 {
    color: var(--color-primary);
    font-size: 2.5rem;
}
b {
    font-weight: 700;
}
#content a {
    color: var(--color-primary);
}
#content a:hover {
    text-decoration: underline;
}
.section-collapse-control {
    cursor: pointer;
}
.section-collapse-control > .icon {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
}
.section-collapse-control > .icon::before {
    content: "\f056";  /* minus-circle */
}
.section-collapse-control.collapsed > .icon::before {
    content: "\f055"; /* plus-circle */
}

#header {
    height: 3rem;
    position: fixed;
    top: 0;
    z-index: 220;
}
#personal_menu {
    top: 3rem;
    min-width: 200px;
}
#content, #ie-warning {
    margin-top: 3rem;
}
#page {
    font-weight: 100;
}
#busydiv {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgba(64, 123, 179,0.6);
}
#busydivcontent {
	position: absolute;
	text-align: center;
	min-width: 60px;
	min-height: 60px;
	background-color: var(--color-gray-100);
}

.unsubscribed {
    font-style: italic;
}
.styled .form-group input[type="password"], form .form-group input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    border-bottom-width: 1px;
    padding: .625rem .75rem;
    margin-bottom: .625rem;
}
.styled .form-group input[type="password"]:focus, form .form-group input[type="password"]:focus {
    outline: 0;
}
.styled .form-group select {
    padding: .625rem .75rem;
    margin-bottom: .625rem;
}

.styled .form-group input[disabled],
.styled .form-group select[disabled],
.styled .form-group textarea[disabled] {
    background-color: var(--color-gray-200);
}
.styled label, form label {
    font-weight: 600;
}

.successmessage {
    color: var(--color-green);
    font-weight: 600;
}
.successmessage:not(:empty)::before {
    font-family: 'Font Awesome 6 Free';
    content: '\f058';
    padding-right: .25rem;
}
.errormessage {
    color: #F00;
    font-weight: 600;
}
.errormessage:not(:empty)::before {
    font-family: 'Font Awesome 6 Free';
    content: '\f06a';
    padding-right: .25rem;
}

@media (max-width:767px) {
    .sm\:hide {
        display: none !important;
    }
    .sm\:show {
        display: block !important;
    }
}

@media (min-width:768px) {
    .sm\:show {
        display: none !important;
    }
    .sm\:hide {
        display: unset !important;
    }
}