a { color: inherit; }
a:hover { 
	color: rgb(0, 71, 186); 
	color: var(--se-skyblue);
	text-decoration: underline;
}

.button {
    background-size: contain;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    min-height: 30px;
    padding: 6px 12px;
    text-align: center;
    width: initial;
}
.button.blue, .button.inverted_blue:hover, .button.primary, .button.inverted_primary:hover { background-color: rgb(2, 63, 133); }
.button.blue:hover, .button.inverted_blue, .button.primary:hover, .button.inverted_primary, .button.light_primary:hover  { background-color: rgb(118,151,189); }
.button.brown {
    background-color: rgb(255, 209, 0);
    background-color: var(--se-brown);
}
.button.brown:hover {
    background-color: rgb(255, 217, 51);
    background-color: var(--se-light-brown);
}
.button.green {
    background-color: rgb(63, 174, 41);
    background-color: var(--se-green);
}
.button.green:hover {
    background-color: rgb(94, 199, 73);
    background-color: var(--se-light-green);
}
.button.grey {
    background-color: rgb(112, 112, 112);
}
.button.grey:hover {
    background-color: rgb(147, 147, 147);
}
.button.pink {
    background-color: rgb(225, 18, 130);
    background-color: var(--se-red);
}
.button.pink:hover {
    background-color: rgb(225, 63, 150);
    background-color: var(--se-light-red);
}
.button.purple {
    background-color: rgb(225, 18, 130);
    background-color: var(--se-purple);
}
.button.purple:hover {
    background-color: rgb(225, 63, 150);
    background-color: var(--se-light-purple);
}
.button.yellow {
    background-color: rgb(255, 209, 0);
    background-color: var(--se-orange);
}
.button.yellow:hover {
    background-color: rgb(255, 217, 51);
    background-color: var(--se-light-orange);
}
.button.large {
    border-radius: 0px;
    font-size: 11pt;
    margin: 4px 0px;
    padding: 6px 0px;
}
label {
    clear: left;
    display: block;
    float: left;
    font-size: 12pt;
    margin-top: 12px;
    position: relative;
    width: 384px;
}
label .tooltiptext {
    visibility: hidden;
    /* width: 120px; */
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 4px 3px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 10%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

label .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

label:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

input[type="file"],
input[type="text"],
select,
textarea {
    clear: right;
    float: left;
    font-size: 14pt;
    margin-top: 12px;
    width: 384px;
    max-width: 80%;
}

input[type="text"] {
    border: 1px solid whitesmoke;
    border-radius: 3px;
}

.toolbar {
    align-items: flex-start;
    background-color: rgb(230,230,230);
    border-radius: 8px;
    display: flex;
    justify-content: left;
    margin: 8px;
    padding: 8px;
}

#InactivityCtrl { display: none; }