#loginYB6 {background: #422c88;}
/*#topYB7 .vertToolbar {background-color: #422c88;}*/
.yearbookInfo { background-color: #422c88; }
.yearbookMessages { background-color: #1e82cb; color: #141416;}
#topYB7 .vertToolbar {background-color: #422c88;}
#topYB7 .vertToolbar .tool.over {border: 1px solid white; background-color: #593cba;}
#topYB7 .vertToolbar .pixami {}
#bbRight  #tabicons {background-color: #422c88; border-right: 1px solid #422c88; }
#bbRight  #tabicons .icon:hover { background-color: #593cba; border-radius: 6px; border-color: white; }
#bbRight  #tabicons .icon.sel { background-color: #593cba; border-radius: 6px; border-color: white; }
#bbRight  #tabicons .icon .txt { color: white;}

#NewSectionBtn {color: #1e82cb; border-color: #1e82cb; }
#AddUser {color: #1e82cb; border-color: #1e82cb; }
#PrintBtn1 {color: #ffffff; border-color: #58caea;}
#PrintBtn2 {color: #ffffff; border-color: #353945;}
#PrintBtn4 {color: #ffffff; border-color: #353945;}
#PrintBtn3 {color: #ffffff; border-color: #353945;}
#PrintBtnCover {color: #ffffff; border-color: #006A4E;}
#PrintBtnAccept {color: #ffffff;}
#PrintBtnReject {color: #ffffff;}

.accordionCSToolbar {width: 95%; float: none; margin: 2px 5px 2px 5px; padding-bottom: 4px; border-bottom: 1px solid #bbc1c9;  display: inline-block;}
.accordionCSToolbar .innerx {display: inline-block;}
.accordionCSToolbar .innerx div {margin:0px 3px;margin-bottom: 2px;float:left;padding:0px 0 0px 0;color:#1d5f91; font-size: 11px; font-weight: 500; text-align:left; cursor: pointer;}
.accordionCSToolbar .innerx div.vertical_separator{float: left; width:10px; height: 5px;}
.accordionCSToolbar .innerx div.over{color: #006A4E;}
.accordionCSToolbar .innerx div div.img {float: left; min-width: 26px; min-height: 26px; background:transparent url(../i3/v7/Pixami-Yearbookpro-svg2.png) 0px -75px no-repeat; cursor:pointer;  }
.accordionCSToolbar .innerx div div.img.button {border-radius: 6px; border: 1px solid #E6E8EC; background-color: #FFF; box-shadow: 0px 1px 2px 0px rgba(20, 20, 22, 0.05); padding: 4px 4px; background-origin: content-box; }
.accordionCSToolbar .innerx div.over div.img.button {background-color: #1e82cb; }
.accordionCSToolbar .innerx div div.img.newfolder {background-position: -76px -1276px;}
.accordionCSToolbar .innerx div.over div.img.newfolder {background-position: -40px -1340px;}
.accordionCSToolbar .innerx div div.txt {color: #006A4E; display: block; white-space: nowrap; line-height: 26px; font-size: 12px;}
.accordionCSToolbar .innerx div.over div.txt {display: block; white-space: nowrap; color: #1e82cb;}

#bookAccordianSections .swatch {float: left; width: 14px; height: 14px; border-radius: 3px; background-color: white; margin-right: 3px; margin-top: 3px;}
#bookAccordianSections .name {float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

#fontStyleList {list-style:none; margin:0; padding:0; font-size:12px; overflow: auto; font-size: 14px; }
#fontStyleList li {padding-left: 20px; cursor: pointer; height: 22px; padding-top: 6px;}
#fontStyleList li {display:block; font-weight:normal;}
#fontStyleList li.over {background-color: #F4F5F6; border-radius: 4px; }
#fontStyleList li .name {float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#fontStyleList li.sel {display:block; padding-left: 20px; font-weight:600;  border-radius: 4px; }
#fontStyleList li.sel .name {float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.fontGroup {display: none; flex-flow: column wrap; height: 100%; overflow: auto; justify-content: space-between;}
.fontGroup::after {content: ""; flex: auto; box-sizing: content-box;}
.fontList {}
.fontItem {flex: 1 1 24px; width: 240px; height: 24px; flex-grow: 0;}
.fontCheck {float: left; margin-top: 3px;}
.fontImage {float: left; height: 26px;}
.fontHeader {padding-left: 6px; font-weight: bold; font-size: 14px;}

.portraitSortN { background: #00a7e1; height: 12px; color: white; font-size: 9px; border-radius: 9px; height: 18px; width: 18px; text-align: center; padding: 2px 4px;}

.ui-pixdialog .ui-button.ui-corner-all {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	font-size: 0.875rem;
	white-space: nowrap;
}
.ui-pixdialog .ui-state-default, .ui-pixdialog .ui-button {
border: 1px solid #d3d3d3;
background: #ffffff;
font-weight: 600;
color: var(--signature-body-color);
}
.ui-pixdialog .dialogOk {background-color: rgba(0, 105, 78, 0.09); color: var(--signature-body-color);}
#topYB7 .vertToolbar { background-color: #ffffff }

#CSHtml5UploaderControls { height: 77px; background-color: #006A4E40; }
.upload5File {height: 64px; background-color: #006A4E40;}