/*
// Copyright ByTheJob Inc. All Rights Reserved
// Unauthorized use or duplication of this content or program code is a
// violation of applicable laws and subject to prosecution thereunder.
*/
.help { position: relative; display: inline-block; border: 1px solid #0000CC; color: #0000CC; border-radius: 50%; font-size: 15pt; font-weight: bold; padding: 0.75%; vertical-align: middle; background-color: #DBDBDB; } .helpText { width: 300px; display: none; position: absolute; background-color: #FFFFFF; color: #000000; border: 1pt solid black; font-weight: normal; z-index: 99; text-align: left; font-size: 12pt; padding: 0px; border-radius: 6px; margin-left: -60px; } .help:hover .helpText { display: block; } .comment { position: relative; display: inline-block; color: #4444CC; font-family: helvetica,arial,sans-serif; font-size: 15pt; font-weight: bold; padding: 0.75%; vertical-align: middle; } .commentText { width: 300px; display: none; position: absolute; background-color: #FFFFFF; color: #000000; border: 1pt solid black; font-weight: normal; z-index: 99; text-align: left; font-size: 12pt; } .comment:hover .commentText { display: inline-block; } .fieldSet { border: none; padding: 0px; } .tileMenuContainer { display: block; padding: 2%; width: inherit; overflow: visible; margin: auto; text-align: left; margin-bottom: 5%; } .tileMenuLink { height: 50px; padding: 1%; text-align: left; vertical-align: middle; font-size: 18pt; font-family: helvetica,arial,sans-serif; font-weight: bold; color: #0000EE; } .tileMenuLink:hover { cursor: pointer; } .radioLabel { font-size: 14pt; font-weight: bold; text-align: left; cursor: pointer; } .fundSpacer { position: relative; display: block; width: 100%; height: 420px; } .mobileFormContainer { position: relative; display: block; overflow: hidden; min-width: 200px; min-height: 400px; max-height: 500px; max-width: 500px; margin: auto; float: left; text-align: center; vertical-align: middle; } .sectionContainer { position: relative; display: block; overflow: hidden; min-width: 200px; min-height: 200px; width: 98.5999%; } .readMeter { min-height: 50px; min-width: 100px; } .checkbox { width: 35px; height: 35px; } .ribbon { overflow: hidden; width: 98.5999%; height: auto; border: 3pt solid #EFEFDF; background-color: #AABBAA; padding: none; vertical-align: middle; border-radius: 25px; } .footer { position: relative; display: block; float: none; overflow: hidden; width: 98.5999%; border: 3pt solid #EFEFDF; background-color: #AABBAA; padding: none; line-height: 45px; vertical-align: middle; text-align: center; border-radius: 25px; } .floatingQueryOnOrderStatusDock { position: fixed; display: block; padding: 1%; top: 0px; float: none; overflow: hidden; background-color: #B1866F; vertical-align: middle; text-align: center; border-radius: 25px; box-shadow: 8px 8px 4px #888888; z-index: 99; } .floatingQueryBuyStatusDock { position: fixed; display: block; padding: 1%; top: 0px; float: none; overflow: hidden; background-color: #D8C39D; vertical-align: middle; text-align: center; border-radius: 25px; box-shadow: 8px 8px 4px #888888; z-index: 99; } .floatingQuerySellStatusDock { position: fixed; display: block; padding: 1%; top: 0px; float: none; overflow: hidden; background-color: #9FA4A1; vertical-align: middle; text-align: center; border-radius: 25px; box-shadow: 8px 8px 4px #888888; z-index: 99; } .textureFloatingQueryBuyStatusDock { position: fixed; display: block; top: 0px; float: none; overflow: hidden; border: 3pt solid #EFEFDF; background-image: url("../icons/UnitTileSellBackground.png"); vertical-align: middle; text-align: center; border-radius: 25px; z-index: 99; } .textureFloatingQuerySellStatusDock { position: fixed; display: block; top: 0px; float: none; overflow: hidden; border: 3pt solid #EFEFDF; background-image: url("../icons/UnitTileSellBackground.png"); vertical-align: middle; text-align: center; border-radius: 25px; z-index: 99; } .contentSectionHeader { position: relative; display: block; float: none; overflow: hidden; width: 98.5999%; border: 3pt solid #EFEFDF; background-color: #55BB55; padding-top: 0.52%; padding-bottom: 0.52%; line-height: 45px; vertical-align: middle; text-align: center; border-radius: 25px; } .assignDivider { position: fixed; top: 5pt; width: 95%; text-align: center; vertical-align: center; float: center; min-height: 10pt; overflow: hidden; background-color: #90A990; padding: .05%; padding-left: 1%; border-radius: 25px; z-index: 99; margin: 1%; } .navigationDivider { margin-left: 5px; margin-right: 5px; position: relative; display: block; width: 95%; float: center; height: auto; overflow: hidden; background-color: #90A990; padding: 1%; border-radius: 25px; } .fundSectionHeader { position: relative; display: block; float: none; overflow: hidden; width: 98.5999%; border: 3pt solid #EFEFDF; background-image: url("../icons/BankTileBackground.png"); padding-top: 0.52%; padding-bottom: 0.52%; line-height: 45px; vertical-align: middle; text-align: center; border-radius: 25px; } .floatingSpacer { position: relative; display: block; float: none; overflow: hidden; width: auto; height: 75px; vertical-align: middle; } .contentImageCell { padding: 0.52%; text-align: center; vertical-align: middle; font-size: 15pt; } .shareTableConfig { width: 400px; table-layout: fixed; padding: 0.52%; } .tileHeading { border: none; height: 50px; padding: 1%; text-align: center; vertical-align: middle; background-color: #EFEFDF; border-radius: 25px; } .contentHeadingCell { padding: 0px; min-height: 50px; text-align: right; vertical-align: middle; border: 2pt solid white; font-size: 15pt; font-weight: bold; border-radius: 5px; background-color: #BFBFBF; } .contentAlphaCell { padding: 0.52%; text-align: center; vertical-align: middle; border: 2pt solid white; font-size: 15pt; font-weight: bold; border-radius: 5px; background-color: #DBDBDB; } .invoiceNumericCell { width: auto; height: auto; padding: 0.52%; text-align: right; border: 2pt solid white; font-size: 15pt; font-weight: bold; background-color: #EFEFEF; vertical-align: middle; } .invoiceTextCell { width: auto; height: auto; padding: 0.52%; text-align: right; border: 2pt solid white; font-size: 12pt; font-weight: normal; background-color: #EFEFEF; vertical-align: middle; } .contentNumericCell { padding: 0.52%; text-align: right; vertical-align: middle; border: 2pt solid white; font-size: 15pt; font-weight: bold; border-radius: 5px; background-color: #DBDBDB; } .itemTile { position: relative; display: block; max-width: 440px; min-height: 440px; margin: .25%; float: left; overflow: hidden; background-image: linear-gradient(to bottom right, #EFEF99, #CFCFAF, #AAEEAA, #89B4DF); padding: 1%; border-radius: 25px; text-align: center; vertical-align: middle; animation: appear 2s, tumble 2s, linear 1; } .certTile { position: relative; display: block; max-width: 440px; min-height: 440px; margin: .25%; float: left; overflow: hidden; background-image: url("../certificate/VtaniumCertTileBackground.png"); padding: 1%; border-radius: 25px; text-align: center; vertical-align: middle; animation: appear 2s, tumble 2s, linear 1; } .fundTile { position: relative; display: block; max-width: 440px; min-height: 470px; margin: .25%; float: left; overflow: hidden; background-image: url("../icons/BankTileBackground.png"); padding: 1%; border-radius: 25px; text-align: center; vertical-align: middle; animation: appear 2s, flip 2s, linear 1; } .fundTileDetail { position: relative; display: block; float: left; max-width: 440px; min-height: 220px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .fundTileFunction { position: relative; display: none; float: left; max-width: 440px; min-height: 220px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .fundTileStatus { position: relative; display: none; float: left; max-width: 440px; min-height: 220px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .fundTileGraph { position: relative; display: none; float: left; max-width: 350px; min-height: 200px; overflow: hidden; margin: 3%; padding: 2%; text-align: center; vertical-align: middle; border: 2pt solid white; border-radius: 25px; background-color: #DBDBDB; } .shareLotTable { position: relative; display: block; max-width: inherit; min-height: inherit; margin: auto; padding: 0%; vertical-align: top; } .shareOnOrderTile { position: relative; display: block; max-width: 440px; min-height: 280px; margin: .25%; float: left; overflow: hidden; background-image: url("../icons/UnitTileOnOrderBackground.png"); padding: 1%; border-radius: 25px; text-align: center; vertical-align: middle; } .shareOnOrderTileDetail { position: relative; display: block; float: left; max-width: 98%; min-height: 200px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .shareOnOrderTileFunction { position: relative; display: none; float: left; max-width: 100%; min-height: 200px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .shareOnOrderTileStatus { position: relative; display: none; float: left; max-width: 98%; min-height: 200px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .shareOnOrderTileGraph { position: relative; display: none; float: left; max-width: 350px; min-height: 200px; overflow: hidden; margin: 3%; padding: 2%; text-align: center; vertical-align: middle; border: 2pt solid white; border-radius: 25px; background-color: #DBDBDB; } .shareSellTile { position: relative; display: block; max-width: 440px; min-height: 280px; margin: .25%; float: left; overflow: hidden; background-image: url("../icons/UnitTileSellBackground.png"); padding: 1%; border-radius: 25px; text-align: center; vertical-align: middle; animation: appear 2s, tumble 2s, linear 1; } .shareSellTileDetail { position: relative; display: block; float: left; max-width: 98%; min-height: 200px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .shareSellTileFunction { position: relative; display: none; float: left; max-width: 100%; min-height: 200px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .shareSellTileStatus { position: relative; display: none; float: left; max-width: 98%; min-height: 200px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .shareSellTileGraph { position: relative; display: none; float: left; max-width: 350px; min-height: 200px; overflow: hidden; margin: 3%; padding: 2%; text-align: center; vertical-align: middle; border: 2pt solid white; border-radius: 25px; background-color: #DBDBDB; } .assignmentHtmlTile { position: relative; display: block; min-width: 280px; max-width: 1024px; min-height: 280px; height: auto; margin: auto; float: center; border: 1pt solid black; overflow: auto; background-color: #FAFAEF; padding: 2% 5% 5% 5%; border-radius: 25px; text-align: left; vertical-align: middle; } .assessmentAnswerContainer { background-color: #FFBBBB; position: relative; display: none; overflow: hidden; width: auto; max-width: 85%; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; border-radius: 15px; } .assessmentExceptionContainer { background-color: #FFBBBB; position: relative; display: none; overflow: hidden; width: auto; max-width: 85%; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; border-radius: 15px; margin-top: 60pt; margin-bottom: 20pt; } .iconLeftContainer { vertical-align: middle; float: left; padding: .25%; width: auto; max-height: 45px; display: inline-block; cursor: pointer; } .iconRightContainer { vertical-align: middle; float: right; padding: 0px 10px; max-width: 100px; max-height: 45px; display: inline-block; cursor: pointer; } .closeRightContainer { vertical-align: middle; float: right; padding: 0% .25%; max-width: 75px; max-height: 45px; display: inline-block; } .chartContainer { align: center; vertical-align: middle; max-width: 399px; display: inline-block; border-radius: 6px; overflow: hidden; } .displayImage { width: 99.95%; height: 99.95%; } .hoverCaption { width: 150px; display: none; position: relative; background-color: #FFFFFF; color: #000000; border: 1pt solid black; z-index: 99; text-align: left; font-size: 12pt; font-weight: bold; padding: 5px 5px 5px 5px; border-radius: 6px; margin-left: 45%; margin-top: -50%; } .flagContainer { max-height: 50px; max-width: 80px; display: inline-block; float: left; padding-bottom: .5%; padding-left: 2%; padding-top: .5%; } @keyframes tumble { 0% {transform: rotateY(0deg); } 100% {transform: rotateY(360deg); } } @keyframes appear { 0% {left: 100%;} 100% {left: 0px;} } @keyframes flip { 0% {transform: rotateX(0deg); } 100% {transform: rotateX(360deg); } } .shareBuyTile { position: relative; display: block; max-width: 440px; min-height: 280px; margin: .25%; float: left; padding: 1%; overflow: hidden; background-image: url("../icons/UnitTileBuyBackground.png"); border-radius: 25px; text-align: center; vertical-align: middle; animation: appear 2s, tumble 2s, linear 1; } .shareBuyTileDetail { position: relative; display: block; float: left; max-width: 440px; min-height: 200px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .shareBuyTileFunction { position: relative; display: none; float: left; max-width: 440px; min-height: 200px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .shareBuyTileStatus { position: relative; display: none; float: left; max-width: 440px; min-height: 200px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .shareBuyTileGraph { position: relative; display: none; float: left; max-width: 350px; min-height: 200px; overflow: hidden; margin: 3%; padding: 2%; text-align: center; vertical-align: middle; border: 2pt solid white; border-radius: 25px; background-color: #DBDBDB; } .contentTile { position: relative; display: block; float: left; min-width: 280px; max-width: 440px; min-height: 280px; max-height: auto; border: 3pt solid #EFEFDF; overflow: hidden; background-color: #C0D0C0; padding: 0.52%; border-radius: 25px; text-align: center; vertical-align: middle; animation: appear 2s, flip 2s, linear 1; } .dashUpdateTile { position: relative; display: block; min-width: 280px; max-width: 720px; min-height: 400px; height: auto; margin: auto; float: left; border: 3pt solid #EFEFDF; overflow: auto; background-color: #C0D0C0; padding: 1%; border-radius: 25px; text-align: center; vertical-align: middle; } .rosterTile { position: relative; display: block; float: left; min-width: 280px; max-width: 95%; min-height: 175px; max-height: auto; border: 3pt solid #EFEFDF; overflow: hidden; background-color: #C0D0C0; padding: 0.52%; border-radius: 25px; text-align: center; vertical-align: middle; } .contentTile:hover, .rosterTile:hover, .infoTile:hover { background-color: #AABBAA; } .menuTile { position: relative; display: block; float: left; min-width: 225px; max-width: 225px; min-height: 225px; max-height: 225px; border: 3pt solid #EFEFDF; overflow: auto; background-color: #C0D0C0; padding: 1%; border-radius: 25px; animation: appear 2s, flip 2s, linear 1; } .tile { position: relative; display: block; float: left; min-width: 320px; max-width: 440px; min-height: 270px; max-height: auto; border: 3pt solid #EFEFDF; overflow: auto; background-color: #C0D0C0; padding: 1%; padding-top: 30px; border-radius: 25px; } .tile:hover { background-color: #AABBAA; } .portalControlSection { margin-left: 5px; margin-right: 5px; margin-bottom: 5px; position: fixed; display: block; width: 95%; float: center; height: auto; overflow: hidden; background-color: #90A990; padding: 1%; border-radius: 25px; box-shadow: 8px 8px 4px #888888; z-index: 99; } .portalReportTile { margin-left: 5px; margin-right: 5px; position: relative; display: block; width: auto; max-width: 95%; float: center; height: auto; overflow: auto; background-color: #C0D0C0; padding: 1%; padding-top: 10px; border: 3pt solid #EFEFDF; border-radius: 25px; } .contentTile { position: relative; display: block; float: left; min-width: 280px; max-width: 440px; min-height: 280px; max-height: auto; border: 3pt solid #EFEFDF; overflow: hidden; background-color: #C0D0C0; padding: 0.52%; border-radius: 25px; text-align: center; vertical-align: middle; animation: appear 2s, flip 2s, linear 1; } .invoiceInfoTile { position: relative; display: block; float: left; min-width: 290px; max-width: 440px; min-height: 210px; border: 2pt solid black; overflow: hidden; background-color: #DEDED0; padding: 1%; margin: 0.25%; border-radius: 25px; text-align: center; vertical-align: middle; } .invoiceFloatTile { position: relative; display: block; float: right; min-width: 280px; border: 2pt solid black; overflow: auto; background-color: #DEDED0; margin: 0.25%; padding: 1%; border-radius: 25px; text-align: center; vertical-align: middle; } .portalPrintTile { margin-left: 0.25in; margin-right: 0.25in; position: relative; display: block; max-width: 1012px; width: auto; float: left; height: auto; overflow: auto; background-color: #A0BFAF; padding: 1%; padding-top: 10px; border: 3pt solid #EFEFDF; border-radius: 25px; } .reportTile { position: relative; display: block; min-width: 280px; max-width: 440px; min-height: 280px; height: auto; margin: auto; float: left; border: 3pt solid #EFEFDF; overflow: auto; background-color: #C0D0C0; padding: 1%; border-radius: 25px; text-align: center; vertical-align: middle; } .tileRosterTableContainer { display: block; padding: .052%; width: inherit; overflow: auto; } .tileAssignmentTableContainer { display: block; padding: .052%; width: inherit; overflow: auto; } .tileTableContainer { display: block; padding: .052%; width: inherit; overflow: auto; } .tableContainer { display: block; min-width: 300px; width: auto; overflow: auto; } .invoiceTableContainer { display: block; width: 98%; overflow: auto; } .ribbon a { float: left; font-size: 20pt; font-weight: bold; color: black; text-align: center; padding: 16px 30px; text-decoration: none; } .submenu { float: left; overflow: hidden; } .submenu .subbtn { font-size: 20pt; font-weight: bold; border: none; outline: none; color: black; padding: 16px 30px; background-color: inherit; font-family: inherit; margin: 0; } .ribbon a:hover, .submenu:hover .subbtn { background-color: #C0D0C0; } .submenu-content { display: none; position: absolute; background-color: #C0D0C0; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .submenu-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } .submenu-content a:hover { background-color: #AABBAA; } .submenu:hover .submenu-content { display: block; } .logo { float: left; vertical-align: middle; padding-top: 8px; padding-bottom: 8px; height: 45px; width: auto; margin-left: 20px; } .verticalHalfSplit { width: 98%; margin: auto; table-layout: fixed; } .invoiceHalfSplit { width: 90%; margin: auto; table-layout: auto; } .verticalHalfSplitControl { width: 31%; text-align: left; border: 2pt solid black; font-size: 15pt; font-weight: bold; border-radius: 25px; height: 35px; background-color: #EFEFEF; vertical-align: middle; cursor: pointer; color: #0000CC; } .verticalHalfSplitCell { width: auto; height: auto; padding: 0.52%; text-align: left; border: 2pt solid white; font-size: 15pt; font-weight: bold; background-color: #EFEFEF; vertical-align: middle; } .verticalHalfSplitHead { width: 50%; padding: 0.52%; text-align: right; vertical-align: middle; border: 2pt solid white; font-size: 15pt; font-weight: bold; background-color: #DBDBDB; } .result { width: inherit; margin: auto; table-layout: auto; } .resultHead { padding-top: 1px; padding-bottom: 1px; background-color: #BFBFBF; text-align: center; font-weight: bold; font-size: 15pt; border: 2pt solid white; min-width: 50px; max-width: 300px; text-transform: capitalize; border-radius: 5px; } .resultCell { word-wrap: break-word; background-color: #EFEFDF; font-size: 15pt; border-collapse: separate; border: 2pt solid white; min-width: 50px; max-width: 300px; text-align: center; border-radius: 5px; } .resultFoot { background-color: #C0D0C0; text-align: right; font-weight: bold; border: 2pt solid black; text-transform: capitalize; font-size: 15pt; } .mini { width: inherit; margin: auto; table-layout: auto; } .miniRow { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; } .miniHead { padding-top: 1px; padding-bottom: 1px; background-color: #BFBFBF; text-align: center; font-weight: bold; font-size: 12pt; border: 2pt solid white; min-width: 50px; max-width: 300px; text-transform: capitalize; border-radius: 5px; } .miniCell { word-wrap: break-word; background-color: #EFEFDF; font-size: 12pt; border-collapse: separate; border: 2pt solid white; min-width: 50px; max-width: 300px; text-align: center; border-radius: 5px; } .miniFoot { background-color: #C0D0C0; text-align: right; font-weight: bold; border: 2pt solid black; text-transform: capitalize; font-size: 12pt; } .miniSelectList { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #000000; font-weight: bold; width: 95%; border-radius: 5px; float: left; } .dumtextfield { width: 5px; } .ctltextfield { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; border-radius: 5px; } .restextfield { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; border-radius: 5px; width: 85%; } .qrytextfield { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; width: 100px; border-radius: 5px; } .cartNumericField { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; width: 150px; text-align: right; border-radius: 5px; } .textCenterField { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; width: 85%; border-radius: 5px; text-align: center; vertical-align: middle; } .textLeftField { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; width: 85%; border-radius: 5px; text-align: left; vertical-align: middle; } .textRightField { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; width: 85%; border-radius: 5px; text-align: right; vertical-align: middle; } .floatingDropDown { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; color: #000000; font-weight: bold; border-radius: 5px; min-height: 30px; min-width: 50px; max-width: 250px; float: center; } .selectList { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; color: #000000; font-weight: bold; width: 95%; border-radius: 5px; min-height: 30px; float: left; } .smallSelectList { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000; font-weight: bold; width: 95%; border-radius: 5px; float: left; } .genericButton { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; margin-left: 4px; margin-right: 4px; border-radius: 25px; min-height: 25px; color: black; } .ctlButton { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; margin-left: 4px; margin-right: 4px; width: 95%; border-radius: 25px; min-height: 25px; color: black; } .smallButton { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; margin-left: 4px; margin-right: 4px; width: auto; border-radius: 25px; min-height: 25px; color: black; } .genericButton:hover, .ctlButton:hover, .smallButton:hover { color: blue; cursor: pointer; } .facilitatorAccountPhotoUpload { max-width: inherit; display: none; min-width: 200px; position: relative; background-color: #FFFFFF; color: #000000; border: 1pt solid black; text-align: left; font-size: 12pt; font-weight: bold; padding: 5px 5px 5px 5px; border-radius: 6px; } .facilitatorAccountPasswordChange { max-width: inherit; display: none; min-width: 200px; position: relative; background-color: #FFFFFF; color: #000000; border: 1pt solid black; text-align: left; font-size: 12pt; font-weight: bold; padding: 5px 5px 5px 5px; border-radius: 6px; } .clientShipTo { position: relative; display: none; min-width: 280px; max-width: 640px; min-height: 280px; height: auto; margin: auto; float: center; overflow: auto; background-color: #EFEFDF; padding: 1%; border-radius: 25px; } .clientAccountName { max-width: inherit; display: none; min-width: 200px; position: relative; background-color: #FFFFFF; color: #000000; border: 1pt solid black; text-align: left; font-size: 12pt; font-weight: bold; padding: 5px 5px 5px 5px; border-radius: 6px; } .clientAccountPhotoUpload { max-width: inherit; display: none; min-width: 200px; position: relative; background-color: #FFFFFF; color: #000000; border: 1pt solid black; text-align: left; font-size: 12pt; font-weight: bold; padding: 5px 5px 5px 5px; border-radius: 6px; } .clientAccountPasswordChange { max-width: inherit; display: none; min-width: 200px; position: relative; background-color: #FFFFFF; color: #000000; border: 1pt solid black; text-align: left; font-size: 12pt; font-weight: bold; padding: 5px 5px 5px 5px; border-radius: 6px; } .clientAccountPrivacy { max-width: inherit; display: none; min-width: 200px; position: relative; background-color: #FFFFFF; color: #000000; border: 1pt solid black; text-align: left; font-size: 12pt; font-weight: bold; padding: 5px 5px 5px 5px; border-radius: 6px; } .clientAccountEmailNotification { max-width: inherit; display: none; min-width: 200px; position: relative; background-color: #FFFFFF; color: #000000; border: 1pt solid black; text-align: left; font-size: 12pt; font-weight: bold; padding: 5px 5px 5px 5px; border-radius: 6px; } .clientAccountSubscriberOptions { max-width: inherit; display: none; min-width: 200px; position: relative; background-color: #FFFFFF; color: #000000; border: 1pt solid black; text-align: left; font-size: 12pt; font-weight: bold; padding: 5px 5px 5px 5px; border-radius: 6px; } .subRow { visibility: hidden; padding-left: 10%; } .matrixTable { table-layout: fixed; } .matrixCell { width: 90px; text-align: center; vertical-align: middle; } .avaCell { width: 90px; border: 1pt solid white; } .avaTable { width: auto; table-layout: auto; } .avaImage { max-width: 90px; max-height: 90px; border-radius: 10px; } .avaImage:hover { min-width: 175px; min-height: 175px; } .miniCertTitle { padding-top: 5%; font-weight: bold; font-family: serif; font-size: 15pt; } .miniCertPrint { padding-top: 5%; padding-left: 15%; padding-right: 15%; font-weight: normal; font-family: sans-serif; font-size: 8pt; } .certBackground { max-width: 320px; margin: auto; height: 247px; float: middle; text-align: center; background-image: url("../certificate/AchievementCertificateBackground.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .statistic { position: relative; display: inline-block; vertical-align: middle; text-align: center; font-size: 12pt; font-weight: bold; font-family: arial,helvetica,sans-serif; color: #FFFFFF; background-color: #000000; border-radius: 25px; margin-top: -1%; margin-left: 80%; width: 40px; } .attention { position: relative; display: inline-block; vertical-align: middle; text-align: center; font-size: 12pt; font-weight: bold; font-family: arial,helvetica,sans-serif; color: #000000; background-color: #EE0000; border-radius: 25px; margin-top: -1%; margin-left: 80%; width: 40px; animation: tocolor 2s reverse infinite; } .citydata { font-family: arial,helvetica,sans-serif; font-weight: normal; font-size: 12pt; text-align: left; padding-right: 5px; width: 90%; height: 25px; } .statedata { font-family: arial,helvetica,sans-serif; font-weight: normal; font-size: 12pt; text-align: left; width: 95%; height: 20px; } .zipdata { font-family: arial,helvetica,sans-serif; font-weight: normal; font-size: 12pt; text-align: left; width: 60%; padding-left: 8px; height: 25px; } .infodata { font-family: arial,helvetica,sans-serif; font-weight: normal; font-size: 12pt; text-align: left; width: 350px; height: 25px; } .statedata{ font-family: arial,helvetica,sans-serif; font-weight: normal; font-size: 11pt; text-align: left; width: 128px; height: 35px; } @keyframes tocolor { from {color: #000000;} to {color: #FFFFFF;} }