:root {

/* Colors: */
--unnamed-color-1d1d1d: #1D1D1D;
--unnamed-color-f2f2f2: #F2F2F2;
--unnamed-color-f8efef: #F8EFEF;
--unnamed-color-ceb0b4: #CEB0B4;
--unnamed-color-a42338: #A42338;
--unnamed-color-707070: #707070;
--unnamed-color-ffffff: #FFFFFF;
--unnamed-color-b62439: #B62439;
--unnamed-color-f7f7f7: #F7F7F7;
--unnamed-color-000000: #000000;

/* Font/text values */
--unnamed-font-family-roboto: Roboto;
--unnamed-font-style-normal: normal;
--unnamed-font-weight-bold: bold;
--unnamed-font-weight-normal: normal;
--unnamed-font-size-14: 14px;
--unnamed-font-size-16: 16px;
--unnamed-font-size-20: 20px;
--unnamed-character-spacing-0: 0px;
--unnamed-line-spacing-18: 18px;
--unnamed-line-spacing-21: 21px;
--unnamed-line-spacing-26: 26px;
--unnamed-line-spacing-28: 28px;
--unnamed-line-spacing-32: 32px;
--unnamed-line-spacing-74: 74px;
--unnamed-decoration-underline: underline;

}

/* Character Styles */
.unnamed-character-style-1 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-74);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-1d1d1d);
}
.unnamed-character-style-2 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-32);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-000000);
}
.unnamed-character-style-3 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-28);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-1d1d1d);
}
.unnamed-character-style-4 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-26);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-000000);
}
.unnamed-character-style-5 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-21);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-1d1d1d);
}
.unnamed-character-style-6 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-26);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-a42338);
text-decoration: var(--unnamed-decoration-underline);
}
.unnamed-character-style-7 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-26);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
}
.unnamed-character-style-8 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-26);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-1d1d1d);
}

h2 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 24px/var(--unnamed-line-spacing-32) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-1d1d1d);
    text-align: left;
    opacity: 1;
}

h3 {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-21) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-1d1d1d);
    opacity: 1;
}

.alignCenter {
    text-align: center;	
}

.loginContainer {
    width: auto;
    height: 100%; 
    background: transparent url('/images/bg-mid-panel.png') 0% 0% no-repeat padding-box;
    background-size:100% auto;
    mix-blend-mode: normal;
    opacity: 1;	
}

.upContainer {
    margin: auto;
    width: 400px;
    padding: 40px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 0.9;
}

.login-entry {
	top: 298px;
    left: 522px;
    width: 396px;
    height: 32px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-707070);
    border-radius: 8px;
    opacity: 1;
}

.login-text {
	top: 265px;
    left: 529px;
    width: 92px;
    height: 26px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-21) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-1d1d1d);
    text-align: left;
    opacity: 1;
}

.submitButton-login {
	width: 125px;
    height: 36px;
	background: var(--unnamed-color-a42338) 0% 0% no-repeat padding-box;
    border-radius: 8px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-21) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: center;
    opacity: 1;
    cursor: pointer;
}

a, a:link, a:visited, a:active {
	text-decoration: none;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-21) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-a42338);
}

a:hover {
    text-decoration: underline;
}

#footerContainer a,
#footerContainer a:visited { 
	text-decoration: none;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-roboto);
}

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

.localeSelector {
	background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-707070);
    width: 150px;
    height: 30px;
    margin-right: 10px;
}

.headerNav a{
    color: #1D1D1D;
}

.headerNav a:hover {
    color: black;
    text-decoration: underline;
    text-align: center;
}

.usasBtn {
    padding: 5px 8px 5px 8px;
    color: var(--unnamed-color-1d1d1d) !important;
	background: var(--unnamed-color-f7f7f7) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-b62439);
	border-radius: 8px;
	opacity: 1;
	text-decoration: none !important;
}

.librarySelector {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-707070);
    width: 396px;
    height: 32px;
}

.libraryInput {
    width: 396px;
    height: 32px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-707070);
    border-radius: 8px;
    opacity: 1;
}

.library-select-text {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-21) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-1d1d1d);
    opacity: 1;
}

.ot-sdk-show-custom-settings {
    display: inline;
}

.ot-sdk-show-custom-settings a {
    text-decoration: none;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-a42338);
}

.ot-sdk-show-custom-settings :hover{
    text-decoration: underline;
}

.searchContent {
    background: transparent url('/images/bg-mid-panel-search.png') 0% 0% no-repeat padding-box;
    background-size:cover;
    mix-blend-mode: normal;
    border-top: 1px solid var(--unnamed-color-b62439);
    padding: 5px;
    margin-bottom: 5px;
}

.searchBoxText {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-21) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-1d1d1d);
    padding: 20px 20px 25px 20px;
}

.submitSearchEdit {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-707070);
    border-radius: 8px;
    opacity: 1;
    padding: 10px;
    float: left;
    width: 90%;
}

.submitSearchBtn {
    background: var(--unnamed-color-b62439) 0% 0% no-repeat padding-box;
    border-radius: 0px 8px 8px 0px;
    opacity: 1;
    padding: 10px;
    color: white;
    border-left: none; /* Prevent double borders */
    cursor: pointer;    
    border: 1px solid grey;
    border-left: none; /* Prevent double borders */
}

form.searchForm::after {   
  content: "";
  clear: both;
  display: table;
}

#advancedSearchAnchor {
    float: left;
    height: 50px;
    padding: 0px 20px 5px 20px;
}

.anchorUnderBold {
    cursor: pointer;
    text-decoration: none;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-26) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-1d1d1d);
}

.homepageRec {
	background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
	border: 1px solid var(--unnamed-color-707070);
	box-shadow: 3px 3px 8px #00000029;
	border-radius: 8px;
	opacity: 1;
	width: 300px;
	height: 180px;
}

.homepageInner {
	width: 300px;
	height: 179px;
	color: var(--unnamed-color-1d1d1d);
	text-align: left;
	letter-spacing: NaNpx;
	opacity: 1;
	text-align: left
}

.homeHeaderText {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-16)/22px var(--unnamed-font-family-roboto);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-1d1d1d);
	margin-top: 7px;
	margin-left: 12px;
}

.homeText {
    margin-top: 12px;
    margin-left: 12px;
}

.myCloseIcon {
    background: var(--unnamed-color-a42338) 0% 0% no-repeat padding-box;
    float: right;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.myUlrichsCancelBtn,
.ulrichsDialogCancelBtn {
	background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-707070);
    border-radius: 10px;
    width: 110px;
    height: 40px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-28) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.myUlrichsLoginBtn
{
    background: var(--unnamed-color-a42338) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    height: 40px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-28) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
}

.ulrichsDialogSubmitBtn {
    background: var(--unnamed-color-a42338) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    width: 140px;
    height: 40px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-28) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
}

.myUlrichsDialogText,
.ulrichsDialogText {
    width: 120px;
    height: 26px;
    text-align: left;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-21) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.myUlrichsLoginEntry,
.ulrichsDialogEntry {
    width: 396px;
    height: 32px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-707070);
    border-radius: 8px;
}

.saveListSelect {
	background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-707070);
    border-radius: 8px;
    width: 501px;
    height: 42px;
}

.ulrichsDialogSelect {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-707070);
    border-radius: 8px;
    width: 300px;
    height: 42px;
}

.checkBoxesSelectAlert {
    color: #000000;
    padding: 4px 22px 4px 4px;
    height: 100px;
    width: 290px;
    white-space: nowrap;
    margin-top: 5px;
    overflow: hidden;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-707070);
    border-radius: 10px;
}

/* Make controls in dialogs same font as text */
/*.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Roboto !important;
    font-size: 16px !important;
}*/

.ui-widget button {
    font-family: Roboto !important;
    font-size: 16px !important;
}

.ulrichsFilterSubmitBtn {
    background: var(--unnamed-color-a42338) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    width: 90px;
    height: 30px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-28) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
}

.tabsDefault {
    border: 1px solid var(--unnamed-color-707070);
    background: var(--unnamed-color-f2f2f2) 0% 0% no-repeat padding-box;
}

a.toc-back-tree {
    position: absolute;
    left: -9999px;
    z-index: 999;
    padding: 1em;
    background-color: black;
    color: white;
    opacity: 0;
}

a.toc-back-tree:focus {
    left: 35%;
    transform: translateX(-50%);
    opacity: 1;
}