@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,500italic,900,700italic,900italic); @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(//fonts.gstatic.com/s/materialicons/v8/2fcrYFNaTjcS6g4U3t-Y5RV6cRhDpPC5P4GCEJpqGoc.woff) format('woff'); } /********************/ /* BACKOFFICE BASE FILE REVISION HISTORY */ /* DATE WHO Comments ---------- --- --------------------------------------------------- 02/21/2018 DG base code for several party pages & genealogy 09/25/2019 DG base code for rank widget 09/25/2019 DG merged new rank and gauge css with base code 09/26/2019 DG added new widget drop down and classes 09/26/2019 DG added new media queries for IE fixes 09/27/2019 DG added new code to work with jq script when showing and hidding widget dropdown menu 09/27/2019 DG edited CSS for goal-rank and selected-rank show proper text colors 09/27/2019 DG Added new css section for large rank widget overall bar graph 09/30/2019 DG Corrected issues with big bar segment sizes 09/30/2019 DG Corrected issues color inheritence on all graphs and some minor text sizes 12/16/2020 DG adding styles for party portal pages to enlarge fonts and make it all more readable 04/21/2021 JR Added dino's new stuff for config side menu 04/22/2021 DG moved the welcome text over 100px left to give room for new COG/GEAR menu icon line:7760 04/22/2021 DG replaced widget images line:7749 05/12/2021 DG make more space for gear icon line:7772 08/26/2021 JR Added dino's styles for quicklinks on dashboard 09/24/2021 JR Added dino's stuff for new banner images in backoffice. 10/06/2021 JR Added classes for new purchase activity tool 10/22/2021 DG Added classes for all new tool wrapper to match older tools without using tables 11/01/2021 DG Added default dashboard decoration image support for when its turned on and no branded images are pathed in client skin file 11/04/2121 GG Updating Party Activity Tool Styling (7940-9251) 11/05/2121 DG Removing old and duplicated down arrow from responsive menu 11/05/2121 DG fix graphs on dashboard from being too long in firefox 11/05/2121 DG edited after item on quick links menu to align better and colored it black 12/02/2021 DG added more styling to HOST PORTAL page */ /* END REVISION HISTORY */ /************************/ /*see http://www.materialup.com/tools/icons for more instruction*/ .material-icons { font-family: 'Material Icons' !important; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } * { font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body, html { background-image: none !important; background-color: #fff !important; padding: 0 !important; margin: 0 !important; } body { font-family: inherit !important; color: #434a54 !important; font-size: 14px !important; } h1, h2, h3, h4 { color: #363b43 !important; font-weight: 300 !important; line-height: normal !important; margin-bottom: 15px !important; } h5, h6 { line-height: normal !important; font-weight: 700 !important; } h1 { font-size: 2em !important; } h2 { font-size: 1.5em !important; } h3 { font-size: 1.17em !important; } h4 { font-size: 1.12em !important; } h5 { font-size: .83em !important; } h6 { font-size: .75em !important; } /*NEW HEADER ITEMS*/ h1.welcome { color: #fff !important; font-size: 36px; font-weight: 300; margin-left: 30px; float: right; margin-top: 30px; animation-delay: 2s; } h1.welcome span { color: #fff !important; font-size: 16px; font-weight: 300; margin-left: -35px; margin: 20px !important; vertical-align: middle; } /*for future secondary top right menu*/ div.secondary-nav { background-color: rgba(0, 0, 0, 0.2); height: 28px; margin: 0; position: absolute; right: 0; top: 0; padding: 0 30px 0 50px; display: block; border-radius: 0px 0px 0px 50px; } ul.secondary-list { padding: 0; margin: 0; } ul.secondary-list li { float: left; list-style: none; padding: 0; } ul.secondary-list li a:link, ul.secondary-list li a:visited { text-decoration: none !important; color: #f6f6f6 !important; font-size: 13px; margin: 5px 10px 10px; display: block; } ul.secondary-list li a:hover, ul.secondary-list li a:active, ul.secondary-list li a:focus { text-decoration: none !important; color: #868584 !important; } /* GRID EXTRAS */ .padding-20 { padding: 20px !important; } .tp-20 { padding-top: 20px !important; } .tp-10 { padding-top: 10px !important; } .bp-20 { padding-bottom: 20px !important; } .bp-10 { padding-bottom: 10px !important; } .bm-20 { margin-bottom: 20px !important; } /*TOP QUICK CARDS and other cards*/ .gradient-overlay { display: block; overflow: hidden; height: 70%; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */ position: absolute; bottom: 20px; left: 0; width: 100%; } .icon-medal { background-image: url(art/fs-default/icon-medal.png); background-position: right; background-size: 60%; background-repeat: no-repeat; } .icon-money { background-image: url(art/fs-default/icon-money.png); background-position: 120px; background-size: 70%; background-repeat: no-repeat; } .icon-rocket { background-image: url(art/fs-default/icon-rocket.png); background-position: right; background-size: 70%; background-repeat: no-repeat; } .icon-people { background-image: url(art/fs-default/icon-people.png); background-position: 130px -25px; background-size: 60%; background-repeat: no-repeat; } .card { position: relative; padding-bottom: 40px; overflow: hidden; background-color: #fff; color: #464646; transition: box-shadow .25s; border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1) !important; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1) !important; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1) !important; } .card:hover { box-shadow: 0 23px 26px rgba(0, 0, 0, 0.1), 0 23px 26px rgba(0, 0, 0, 0.1) !important; -moz-box-shadow: 0 13px 16px rgba(0, 0, 0, 0.1), 0 13px 16px rgba(0, 0, 0, 0.1) !important; -webkit-box-shadow: 0 13px 16px rgba(0, 0, 0, 0.1), 0 13px 16px rgba(0, 0, 0, 0.1) !important; } .card .card-content, .card-content { padding: 20px; border-radius: 0 0 2px 2px; padding-bottom: 10px; overflow: none; display: block; } .card .card-content .card-title { color: #363b43 !important; line-height: 48px; font-size: 24px; font-weight: 300; } .card .card-content { margin: 0; color: #363b43 !important; } .card .card.reverse * { color: rgba(255, 255, 255, 0.8) !important; } .communication { border-top: 10px solid #b8babe; } a.details:link { text-decoration: none !important; background-color: rgba(0, 0, 0, 0); transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; } a.details:hover { background-color: rgba(0, 0, 0, 0.1); } .card.reverse .card-title.activator { color: rgba(255, 255, 255, 0.8) !important; } .card .card-title.activator { cursor: pointer; } .activator i { color: rgba(255, 255, 255, 0.8) !important; } .card.small, .card.medium, .card.large { position: relative } .card.small .card-image, .card.medium .card-image, .card.large .card-image { overflow: hidden } .card.small .card-content, .card.medium .card-content, .card.large .card-content { overflow: hidden } .card.small .card-action, .card.medium .card-action, .card.large .card-action { position: absolute; bottom: 0; left: 0; right: 0 } .card.small { height: 180px; color: #f6f6f6 !important; } .card.medium { height: 400px } .card.large { height: 500px } .card .card-reveal { padding: 20px; position: absolute; background-color: #fff; color: #434a54 !important; width: 100%; overflow-y: auto; top: 100%; height: 100%; z-index: 1; display: none; } .card.reverse a.bottom-l.details { color: rgba(255, 255, 255, 0.8) !important; text-decoration: none !important; } .card .card-reveal a:hover { color: #434a54 !important; text-decoration: none !important; } .content-img { text-align: center; margin-top: 30px; } .content-img img { max-width: 90%; border-radius: 50%; } .content-img.square { margin-top: 10px !important; } .content-img.square img { max-width: 90% !important; border-radius: 1% !important; } .card .content-img p { text-align: center !important; font-size: 11px; margin: 10px; display: block; } .float-right { float: right !important; } .card-top-img { position: absolute; top: 0; left: 0; width: 100%; } .bottom-l { position: absolute; bottom: 0; left: 0; padding: 10px; } .bottom-r { position: absolute; bottom: 0; right: 0; padding: 10px; } .card.reverse .big-num p { color: rgba(255, 255, 255, 0.8) !important; font-size: 39px !important; font-weight: 900; } .card-content i.right { background-color: rgba(255, 255, 255, 0); border-radius: 50%; transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; } .card-content i.right:hover { background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; } .card-reveal .card-title { line-height: 48px; font-size: 24px; font-weight: 200; } /* quick card color inside titles matches the inside title color to whatevery the preset class on outter card is only works if the card is set with a premade class and also listed here */ .skyblue .card-reveal .card-title { color: #44b0d8 !important; } .violet .card-reveal .card-title { color: #967dda !important; } .cyan .card-reveal .card-title { color: #3fbb9b !important; } .orange .card-reveal .card-title { color: #f86d16 !important; } .red .card-reveal .card-title { color: #d74555 !important; } .pink .card-reveal .card-title { color: #d572ac !important; } .yellow .card-reveal .card-title { color: #f4ba4e !important; } .green .card-reveal .card-title { color: #8dbf58 !important; } .denim .card-reveal .card-title { color: #4e8bda !important; } .medgray .card-reveal .card-title { color: #aab2bc !important; } /*----------------*/ .reverse a.details:link, .reverse a.details:visited { text-decoration: none; color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(255, 255, 255, 0) !important; transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; } .reverse a.details:hover { background-color: rgba(255, 255, 255, 0.2) !important; } .sm-chart { min-height: 400px; } /*TELERIK MENU left MARGIN FIX SHOULD WORK ON ALL MENUES*/ /* li.rmItem.rmFirst { padding-left: 22px; } li.rmItem.rmFirst ul { margin-left: 22px; } */ /* COLOR VARS*/ .primary { background-color: #f86d16; } .primary.lighten { background-color: #f8863f !important; } .primary.darken { background-color: #d96014 !important; } .primary-text { color: #f86d16 !important; } .red { background-color: #d74555; } .red.lighten { background-color: #eb5769 !important; } .red.darken { background-color: #ad3845 !important; } .red-text { color: #d74555 !important; } .orange { background-color: #e75845; } .orange.lighten { background-color: #fa6f57 !important; } .orange.darken { background-color: #b94637 !important; } .orange-text { color: #e75845 !important; } .yellow { background-color: #f4ba4e; } .yellow.lighten { background-color: #fecd5f !important; } .yellow.darken { background-color: #e4ab3a !important; } .yellow-text { color: #f4ba4e !important; } .green { background-color: #8dbf58; } .green.lighten { background-color: #a2d36e !important; } .green.darken { background-color: #719a47 !important; } .green-text { color: #8dbf58 !important; } .cyan { background-color: #3fbb9b; } .cyan.lighten { background-color: #4fcead !important; } .cyan.darken { background-color: #32967d !important; } .cyan-text { color: #3fbb9b !important; } .skyblue { background-color: #44b0d8; } .skyblue.lighten { background-color: #55c1e7 !important; } .skyblue.darken { background-color: #368dad !important; } .skyblue-text { color: #44b0d8 !important; } .denim { background-color: #4e8bda; } .denim.lighten { background-color: #609eea !important; } .denim.darken { background-color: #3e6fae !important; } .denim-text { color: #4e8bda !important; } .violet { background-color: #967dda; } .violet.lighten { background-color: #ac94ea !important; } .violet.darken { background-color: #7864ae !important; } .violet-text { color: #967dda !important; } .pink { background-color: #d572ac; } .pink.lighten { background-color: #ea88bf !important; } .pink.darken { background-color: #aa5b8a !important; } .pink-text { color: #d572ac !important; } .ltgray { background-color: #e7e9ed; } .ltgray.lighten { background-color: #f5f7fa !important; } .ltgray.darken { background-color: #b8babe !important; } .ltgray-text { color: #e7e9ed !important; } .medgray { background-color: #aab2bc; } .medgray.lighten { background-color: #ccd1d9 !important; } .medgray.darken { background-color: #898f97 !important; } .medgray-text { color: #aab2bc !important; } .drkgray { background-color: #434a54; } .drkgray.lighten { background-color: #666e78 !important; } .drkgray.darken { background-color: #363b43 !important; } .drkgray-text { color: #434a54 !important; } /* /COLOR VARS*/ i { line-height: inherit; cursor: default; color: inherit; } i.left { float: left; margin-right: 15px } i.right { float: right; margin-left: 15px } i.icon-link { cursor: pointer !important; } i.xs { font-size: 18px !important; } i.sm { font-size: 24px !important; } i.md { font-size: 36px !important; } i.lg { font-size: 48px !important; } i.xlg { font-size: 124px !important; } i.xxlg { font-size: 154px !important; } /* vertically responsive Footer Styles */ /* html { height: 100%; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { position: relative; margin: 0; padding-bottom: 6rem; min-height: 100%; } .sticky-footer { position: absolute; bottom: 0; padding: 1rem; text-align: left; } .footer-padding { padding-bottom: 160px; } .footer-right { float: right; padding-top: 15px; } .footer-right.reverse * { color: rgba(255, 255, 255, 0.9) !important; text-align: right !important; } .sticky-footer .logo img { height: 70px; width: auto; } */ div#ctl00_RadHorizontalMenu { width: 100% !important; } /*SPECIAL LISTS */ ul.exec-list { list-style-type: none; margin: 0; padding: 0; } ul.exec-list li { padding: 5px 0; border-bottom: 1px solid #ccc; } ul.exec-list { list-style-type: none; margin: 0; padding: 0; } ul.exec-list span { font-weight: 700; color: #000; } .exec-list.btn-link li { border-bottom: 0px !important; } .btn-link li { margin: 2px 0; } .btn-link li a, .btn-link li a:visited, a.btn-link, a.btn-link:visited { text-decoration: none !important; background-color: #363b43 !important; border: none !important; padding: 10px 30px !important; width: 100% !important; display: block; text-align: center; font-size: 13px !important; color: white !important; cursor: pointer !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .btn-link li a:hover, a.btn-link:hover { box-shadow: 0 9px 17px 0 rgba(0, 0, 0, 0.3) !important; background-color: #666e78 !important; border: none !important; } .btn-link li a:active, a.btn-link:active { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important; background-color: #363b43 !important; } /*LOGOUT POPUP*/ .FirestormDialogBox .FirestormText { font-size: 12px !important; color: #363b43; font-family: inherit; } .FirestormDialogBox { border-left: black thin solid; border: none !important; background-color: #fff; padding-bottom: 30px; position: relative; overflow: hidden; transition: box-shadow .25s; border-radius: 2px; display: block; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1) !important; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1) !important; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1) !important; } .FirestormDialogBoxHeader { font-weight: 400 !important; background-image: none !important; background-color: #d74555; padding: 10px; color: #fff; font-size: 21px !important; } .FirestormDialogBox input { text-decoration: none !important; background-color: #363b43 !important; border: none !important; padding: 10px 30px !important; width: 40% !important; display: block; text-align: center; font-size: 16px; color: #fff !important; cursor: pointer !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .FirestormDialogBox input:hover { box-shadow: 0 9px 17px 0 rgba(0, 0, 0, 0.3) !important; background-color: #666e78 !important; border: none !important; } .FirestormDialogBox input:active { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important; background-color: #363b43 !important; } /*TOOLs= common styles for many pages grouped together*/ .FirestormPage_TabularGenealogy_aspx #Table1, .FirestormPage_PartyTask_PartySummary_aspx #Table1 { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1); } /*end*/ @media (max-width:30em) { h1.welcome { display: none; } .fit { margin-right: 0px; margin-left: 0px; } .FirestormPageBackground { padding: 0; } .rmRootToggle { position: absolute !important; top: 15px !important; right: 15px !important; } .FirestormPage_LandingPage_Dashboard_aspx .MainBackofficeLogo { width: 100%; } .communication img { width: 100%; } input.PTPSActionButton { width: 100% !important; } } @media (min-width:30em) and (max-width:50em) { h1.welcome { display: none; } .fit { margin-right: 0px; margin-left: 0px; } .FirestormPageBackground { padding: 0; } .rmRootToggle { position: absolute !important; top: 15px !important; right: 15px !important; } .communication img { width: 100%; } input.PTPSActionButton { width: 100% !important; } } } @media (min-width:50em) and (max-width:68.75em) { .rmRootToggle { position: absolute !important; top: 15px !important; right: 15px !important; } } /* unilevel tree view move tool ENHANCED added 07/27/2016 DG */ body.FirestormPage_UnilevelMoveEnhanced_aspx input, body.FirestormPage_UnilevelMoveEnhanced_aspx select, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx input, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx select, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx input, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx select { margin-bottom: 0; } body.FirestormPage_UnilevelMoveEnhanced_aspx .DefaultError, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .DefaultError, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .DefaultError { border: none; line-height: 30px; background-image: none; background-color: #ed6878; box-shadow: 0px 1.5px 4px rgba(0, 0, 0, 0.24), 0px 1.5px 6px rgba(0, 0, 0, 0.12); color: white; display: block !important; font-weight: bold; text-align: left; padding: 20px; margin-bottom: 30px; border: none; border-left: 10px solid #d74555; margin-left: auto; margin-right: auto; width: 95% !important; margin-top: 30px; font-weight: 400; font-size: 18px; } body.FirestormPage_UnilevelMoveEnhanced_aspx .DefaultDescription, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .DefaultDescription, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .DefaultDescription { font-size: 14px; color: inherit; font-family: inherit; } body.FirestormPage_UnilevelMoveEnhanced_aspx .DefaultMainTitle, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .DefaultMainTitle, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .DefaultMainTitle { font-weight: 500; font-size: 19px; color: inherit; font-family: inherit; } body.FirestormPage_UnilevelMoveEnhanced_aspx .UMBox, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMBox, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMBox { border-collapse: inherit !important; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; border-right: none; border-top: none; border-left: none; border-bottom: none; } body.FirestormPage_UnilevelMoveEnhanced_aspx .UMBox td, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMBox td, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMBox td { height: 30px; padding: 5px 10px; } body.FirestormPage_UnilevelMoveEnhanced_aspx .UMBox input, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMBox input, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMBox input { margin: 0; vertical-align: middle; } body.FirestormPage_UnilevelMoveEnhanced_aspx input[type="submit"], body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx input[type="submit"], body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx input[type="submit"] { border-radius: 2px; color: #fff; height: auto !important; font-size: 14px !important; font-weight: normal; padding: 6px 15px; text-align: center; background-image: none; text-decoration: none !important; background-color: #fa994c !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); background-color: #434a54 !important; } body.FirestormPage_UnilevelMoveEnhanced_aspx input[type="submit"]:hover, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx input[type="submit"]:hover, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx input[type="submit"]:hover { background-color: #666e78 !important; border: none !important; } body.FirestormPage_UnilevelMoveEnhanced_aspx input[type="submit"]:active, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx input[type="submit"]:active, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx input[type="submit"]:active { background-color: #363b43 !important; } body.FirestormPage_UnilevelMoveEnhanced_aspx input[disabled="disabled"], body.FirestormPage_UnilevelMoveEnhanced_aspx input[disabled="disabled"]:hover, body.FirestormPage_UnilevelMoveEnhanced_aspx input[disabled="disabled"]:active, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx input[disabled="disabled"], body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx input[disabled="disabled"]:hover, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx input[disabled="disabled"]:active, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx input[disabled="disabled"], body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx input[disabled="disabled"]:hover, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx input[disabled="disabled"]:active { background-color: #e7e9ed !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; cursor: not-allowed !important; color: #aab2bc; } body.FirestormPage_UnilevelMoveEnhanced_aspx .UMOddRow, body.FirestormPage_UnilevelMoveEnhanced_aspx .UMEvenRow, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMOddRow, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMEvenRow, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMOddRow, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMEvenRow { font-family: inherit; color: #434a54; font-size: 14px; background-color: transparent; } body.FirestormPage_UnilevelMoveEnhanced_aspx .UMBox tbody tr:nth-child(even), body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMBox tbody tr:nth-child(even), body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMBox tbody tr:nth-child(even) { background-color: rgba(170, 178, 188, 0.35); } body.FirestormPage_UnilevelMoveEnhanced_aspx .UMHeader, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMHeader, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMHeader { background-color: #434a54; color: white; font-size: 14px; font-weight: 400; } body.FirestormPage_UnilevelMoveEnhanced_aspx .UMHeader a:link, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMHeader a:link, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMHeader a:link { background-color: transparent; font-size: 14px; font-weight: 400; } body.FirestormPage_UnilevelMoveEnhanced_aspx .UMHeader td a:hover, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMHeader td a:hover, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMHeader td a:hover { background-color: transparent; text-decoration: none; } body.FirestormPage_UnilevelMoveEnhanced_aspx .UMHeader td, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMHeader td, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMHeader td { height: 30px; padding: 5px 10px; } body.FirestormPage_UnilevelMoveEnhanced_aspx input#ctl00_MainContent_btnBeginMove, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx input#ctl00_MainContent_btnBeginMove, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx input#ctl00_MainContent_btnBeginMove { margin: 30px; } body.FirestormPage_UnilevelMoveEnhanced_aspx .DefaultMainTitle, body.FirestormPage_UnilevelMoveEnhanced_aspx .DefaultDescription, body.FirestormPage_UnilevelMoveEnhanced_aspx .UMLargeText, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .DefaultMainTitle, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .DefaultDescription, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMLargeText, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .DefaultMainTitle, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .DefaultDescription, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMLargeText { display: block; padding: 0px 30px; } body.FirestormPage_UnilevelMoveEnhanced_aspx .UMLargeText, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMLargeText, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMLargeText { padding: 15px 15px 15px 30px !important; background-color: #aab2bc; color: white; margin-top: 15px; } body.FirestormPage_UnilevelMoveEnhanced_aspx #Table4 td img, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx #Table4 td img, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx #Table4 td img { display: none; } body.FirestormPage_UnilevelMoveEnhanced_aspx #Table1, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx #Table1, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx #Table1 { box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12) !important; } body.FirestormPage_UnilevelMoveEnhanced_aspx #Table1 .ShoppingCartBody table tr td[width="48"], body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx #Table1 .ShoppingCartBody table tr td[width="48"], body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx #Table1 .ShoppingCartBody table tr td[width="48"] { display: none; } body.FirestormPage_UnilevelMoveEnhanced_aspx #Table1 .ShoppingCartBody table, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx #Table1 .ShoppingCartBody table, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx #Table1 .ShoppingCartBody table { max-width: 100%; } body.FirestormPage_UnilevelMoveEnhanced_aspx .UnilevelTreeviewSearchBox, body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UnilevelTreeviewSearchBox, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UnilevelTreeviewSearchBox { margin-top: 15px !important; } body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMConfirmBox { border-right: none; border-top: none; font-size: inherit; border-left: none; color: black; border-bottom: none; font-family: inherit; background-color: transparent; } body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMConfirmBox td { border-bottom: 1px #ccd1d9 solid; padding: 5px; vertical-align: middle; } body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMConfirmBox .UMConfirmHeader { line-height: 30px; background-image: none; background-color: #3fbb9b; font-size: 19px; color: white; font-weight: 500; text-align: center; padding: 10px; margin-bottom: 30px; margin-top: 20px; } body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMFieldData { font-weight: 400; font-size: inherit; color: #3fbb9b; font-family: inherit; } body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMTinyRedText { font-size: 12px; color: #d74555; font-family: inherit; text-align: left; } body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMFieldLabel { font-weight: 400; font-size: inherit; color: inherit; font-family: inherit; margin-left: 30px; } body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMMoveComplete { color: #3fbb9b; font-weight: 500; font-size: 22px; font-family: inherit; text-align: center; } body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMBox { width: 100%; background-color: #3fbb9b; margin: 30px 0; text-align: center; -webkit-box-shadow: inset 3px 3px 30px -5px rgba(0, 0, 0, 0.43); -moz-box-shadow: inset 3px 3px 30px -5px rgba(0, 0, 0, 0.43); box-shadow: inset 3px 3px 30px -5px rgba(0, 0, 0, 0.43); } body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMBox .UMMoveComplete { font-weight: 500; font-size: 24px; color: white; font-family: inherit; border: 1px white solid; padding: 15px; display: inline !important; } @media (max-width: 30em) { .UMBox td { height: 20px !important; padding: 0px !important; font-size: 11px !important; word-break: break-all !important; } } @media (max-width: 50em) { .UMBox td { height: 20px !important; padding: 5px !important; font-size: 13px !important; word-break: break-all !important; } } /* NEW AUTO_SHIP TOOL */ .auto-form-bg { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #ccd1d9 73%); background: -webkit-linear-gradient(top, #ffffff 1%, #ccd1d9 73%); background: linear-gradient(to bottom, #ffffff 1%, #ccd1d9 73%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #ffffff', endColorstr='#ccd1d9',GradientType=0 ); /*background-image: url('') !important; width: 100%; background-size: cover;*/ } .auto-form .autoship-note { color: #e75845; font-size: 12px; padding: 4px; } .auto-form .alert-msg { position: relative; width: 100%; background-color: #ed6878; box-shadow: 0px 1.5px 4px rgba(0, 0, 0, 0.24), 0px 1.5px 6px rgba(0, 0, 0, 0.12); margin-left: auto; margin-right: auto; padding: 15px; margin-bottom: 15px; border-left: 10px solid #d74555; color: #fff; text-align: left; font-family: inherit; font-size: 13px; } .auto-form .alert-msg a { color: white; } .auto-form .alert-msg span { font-weight: 700; font-size: 24px; margin-bottom: 10px; display: block; } .auto-form .alert-msg p span { font-size: 13px; } .auto-form .alert-msg li { margin-left: 15px; } .auto-form .alert-msg i { float: right; cursor: pointer; } .auto-form .alert-msg.green { background-color: #98c569; border-left: 10px solid #719a47; } .auto-form .alert-msg.orange { background-color: #e96958; border-left: 10px solid #b94637; } .auto-form .alert-msg.blue { background-color: #57b8dc; border-left: 10px solid #368dad; } .auto-form input.auto-ship-btn { width: auto; font-size: 22px; padding: 0 55px; background-color: #aab2bc; color: white; height: 55px; border-radius: 2px; color: #ffffff; font-weight: normal; -webkit-appearance: none; -moz-appearance: none; text-align: center; background-image: none; text-decoration: none !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } .auto-form input.auto-ship-btn.width-100 { width: 100%; padding: 5px; } .auto-form .auto-ship-btn:hover { background-color: #666e78 !important; border: none !important; } .auto-form .auto-ship-btn:active { background-color: #363b43 !important; } .auto-form input.auto-ship-btn[disabled="disabled"] { cursor: not-allowed !important; background-color: #aab2bc !important; } .auto-form input.auto-ship-btn[disabled="disabled"]:hover, .auto-form input.auto-ship-btn[disabled="disabled"]:active { background-color: #aab2bc !important; } .auto-form input { width: 100%; height: 35px; margin-bottom: 4px; border: 1px solid #ddd; font-size: 18px; cursor: pointer; } .auto-form .field-label { display: block; font-size: 18px; margin-top: 20px; margin-bottom: 10px; } .auto-form .auto-rule { margin: 10px 0; border: 0; border-bottom: 1px dotted #aab2bc; } .auto-form select { background-color: #f5f7fa !important; height: 35px; outline: none; border: 1px solid #b8babe; font-size: 18px !important; } .auto-form .country-select, .auto-form .state-select { width: 200px; } .auto-form .form-part { background-color: #f5f7fa; padding: 15px !important; } .auto-form .auto-rev { color: #ffffff !important; } .auto-form .auto-instruction { margin-bottom: 20px; } .auto-form h2.fat { font-weight: 400 !important; } .auto-form .auto-ship-page-logo { float: left; margin-left: 20px; } .auto-form .auto-title { border: #434a54 solid 1px; padding: 5px; margin-top: 20px; background-color: rgba(255, 255, 255, 0.2); } .auto-form .auto-title h1 { margin-bottom: 0 !important; text-transform: uppercase; } .auto-form .auto-prod-img { width: 70px; } .auto-form .qty-input { width: 50px; } .auto-form .auto-catagory-break { text-align: left; height: 30px; line-height: 30px; font-size: 15px; font-weight: 600; background-color: #666e78 !important; color: white !important; } .auto-form .tg { border-collapse: collapse; border-spacing: 0; border-color: #ccd1d9; width: 100%; text-align: left; margin-bottom: 30px; } .auto-form .tg td { padding: 0px; padding-left: 0px; padding-right: 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; border-color: #ccd1d9; color: #434a54; background-color: #ffffff; border-top-width: 1px; border-bottom-width: 1px; width: 20%; } .auto-form .tg th { text-align: left; font-weight: 600; padding: 0px 0px; padding-left: 0px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; border-color: #ccd1d9; color: #434a54; background-color: #e7e9ed; border-top-width: 1px; border-bottom-width: 1px; height: 30px; line-height: 30px; } .auto-form .tg .tg-yw4l { vertical-align: middle; } .auto-form .tg .tg-b7b8 { background-color: #f5f7fa; vertical-align: middle; } .auto-form td.auto-total-header, .auto-form td.auto-total-header2 { background-color: #434a54; vertical-align: middle; color: #ffffff; text-align: right; padding-right: 5px; font-weight: 600; } .auto-form td.auto-total-header2 { background-color: #666e78; font-size: 12px; } .auto-form td.auto-total, .auto-form td.auto-total2 { font-weight: 600; background-color: #898f97; vertical-align: middle; color: white; line-height: 30px; padding-left: 5px; } .auto-form td.auto-total2 { background-color: #b8babe; font-size: 12px; } .auto-form .no-border { border: none !important; background-color: transparent !important; } .auto-form .no-border.white { background-color: white !important; } @media screen and (max-width: 767px) { .auto-form .tg { font-size: 11px; } } .auto-form .requirement-instructions { margin-top: 10px; } .auto-form .auto-top { padding: 10px; } .auto-form .auto-top p { font-size: 14px; } .auto-form .space-30 { padding: 15px; } .auto-form .section-bg, .auto-form .catalog-bg, .auto-form .product-bg, .auto-form .shipping-bg, .auto-form .start-bg, .auto-form .payment-bg, .auto-form .select-bg, .auto-form .shipper-bg { background-size: cover; background-position: center; background: -moz-linear-gradient(left, #ccd1d9 0%, #aab2bc 44%, #898f97 100%); background: -webkit-linear-gradient(left, #ccd1d9 0%, #aab2bc 44%, #898f97 100%); background: linear-gradient(to right, #ccd1d9 0%, #aab2bc 44%, #898f97 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd1d9', endColorstr='#898f97',GradientType=1 ); text-shadow: 2px 2px rgba(255, 255, 255, 0.62); } .auto-form .shipper-bg { /* background-image:url('') !important;*/ } } .auto-form .catalog-bg { /* background-image:url('') !important;*/ } .auto-form .select-bg { /* background-image:url('') !important;*/ } .auto-form .product-bg { /* background-image:url('') !important;*/ } .auto-form .shipping-bg { /* background-image:url('') !important;*/ } .auto-form .start-bg { /* background-image:url('') !important;*/ } .auto-form .payment-bg { /* background-image:url('') !important;*/ } @media (min-width: 50em) and (max-width: 99em) { .auto-form .trin-2, .auto-form .trin-7 { width: 100% !important; } } @media (max-width: 400px) { .auto-form input.auto-ship-btn { width: 100%; } .auto-form .auto-title { width: 100%; text-align: center; } .auto-form .auto-ship-page-logo { float: none; width: 100%; margin: 0; } .auto-form .auto-ship-page-logo img { display: block; margin: auto; width: 230px; } } /*Recurring Order EDIT TOOL used in iframe and page */ .ROPEditHeader { margin: 5px; padding: 10px; border-radius: 0px; background-color: #434a54; } .ROPEditHeaderTitle { font-family: inherit; font-size: 28px; color: #ffffff; } .ROPStepDescription { margin: 5px; padding: 10px; border-radius: 10px; background-color: rgba(67, 74, 84, 0.05); font-family: inherit; font-size: 14px; } .ROPEditQuestion { font-family: inherit; font-size: 18px; font-weight: 600; color: #4e8bda; } .ROPProductListingTable td [align="right"] { text-align: right; } .ROPProductListingTable td [align="center"] { text-align: center; } .ROPProductListingTable table { border-collapse: collapse; border-spacing: 0; } .ROPEditProductsHeader { padding: 5px; background-color: #434a54; font-weight: 400; font-size: 14px; color: #ffffff; font-family: inherit; text-align: left; } .ROPEditProductsHeaderLeft { border-top-left-radius: 0px; } .ROPEditProductsHeaderRight { border-top-right-radius: 0px; } .ROPEditProductsCategoryRow { font-family: inherit; font-size: 14px; color: #ffffff; background-color: #666e78; } .ROPEditProductsSelectedProduct { font-family: inherit; font-size: 12px; color: #000000; background-color: #4fcead; } .ROPEditProductsEvenRow { background-color: rgba(102, 110, 120, 0.05); font-family: inherit; font-size: 12px; color: #000000; } .ROPEditProductsOddRow { background-color: rgba(245, 247, 250, 0.05); font-family: inherit; font-size: 12px; color: #000000; } .ROPButtonBar { margin: 5px; padding: 10px; border-radius: 10px; background-color: rgba(67, 74, 84, 0.05); } .ROPButtonBar input:hover { background-color: #666e78 !important; border: none !important; } .ROPButtonBar input:active { background-color: #363b43 !important; } .ROPButtonBar input { width: auto; font-size: 22px; padding: 0 55px; background-color: #434a54; color: white; height: 55px; border-radius: 2px; color: #ffffff; font-weight: normal; -webkit-appearance: none; -moz-appearance: none; text-align: center; background-image: none; text-decoration: none !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } /* MAKE KIT Selection Required PAGE*/ #DynamicProductSelectionBody .NEButton { width: auto; font-size: 22px; padding: 0 25px; background-color: #434a54; color: white; height: 55px; border-radius: 2px; color: #ffffff; font-weight: normal; -webkit-appearance: none; -moz-appearance: none; text-align: center; background-image: none; text-decoration: none !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } #DynamicProductSelectionBody .NEButton:hover { background-color: #666e78 !important; border: none !important; } #DynamicProductSelectionBody .NEButton:active { background-color: #363b43 !important; } #DynamicProductSelectionBody .SCNDPDynamicExplanation { font-size: 14px; color: #434a54; background-color: transparent; border: 0px solid #434a54; padding: 10px; line-height: 22px; } #DynamicProductSelectionBody .SCNDPSelectionsTable { font-size: 14px; border-bottom-style: none; } #DynamicProductSelectionBody .SCNDPSelectionsTable .SCNDPHeaderCell { border-bottom-style: none; } #DynamicProductSelectionBody .SCNDPSelectionsTable .SCNDPLeftCell { border-left-style: none; } #DynamicProductSelectionBody .SCNDPSelectionsTable .SCNDPRightCell { border-right-style: none; } #DynamicProductSelectionBody .SCNDPSelectionsTable .SCNDPBottomCell { border-bottom-style: none; } #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductTableHeader { background-color: #434a54; color: white; font-size: 12px; font-weight: 500; border-bottom-style: none; padding-bottom: 5px; } #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductTableHeader .SCNDPHeaderCell { border-bottom-style: none; } #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductGroupSeperator { background-color: #666e78; color: white; } #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductGroupSeperator td { padding-left: 15px; } #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductTableTitle { position: relative; width: 100%; background-color: #ed6878; box-shadow: 0px 1.5px 4px rgba(0, 0, 0, 0.24), 0px 1.5px 6px rgba(0, 0, 0, 0.12); margin-left: auto; margin-right: auto; padding: 15px; margin-bottom: 15px; border-left: 10px solid #d74555; color: #fff; text-align: left; font-size: 13px; font-family: inherit; border-top-style: none; border-right-style: none; border-bottom-style: none; border-style: none !important; } #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductTableTitle span { font-weight: 700; } #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductTableTitle td { padding: 15px; } #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductGroupInstructions { font-family: inherit; font-size: 14px; color: #666e78; text-align: center; background-color: rgba(54, 59, 67, 0.15); } #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductOddRow, #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductEvenRow { font-size: 12px; color: #434a54; } #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductOddRow { background-color: rgba(204, 209, 217, 0.3); } #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductEvenRow { background-color: rgba(204, 209, 217, 0.2); } @media (max-width: 30em) { body.FirestormPage_ShoppingCartDynamicProduct_aspx .NEButton { font-size: 14px; } body.FirestormPage_ShoppingCartDynamicProduct_aspx .SCNDPSelectionsTable { width: 100%; } } /*Menu fix Aug102016*/ .RadMenu ul.rmRootGroup { padding-left: 22px; } a.rmLink { width: auto !important; } .rmSlide { width: auto !important; } .RadMenu { white-space: normal !important; } .rmGroup, .rmMultiColumn { white-space: nowrap; } .trinmodal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 90000; background: rgba(0,0,0,.6); overflow-x: hidden; overflow-y: auto; display: none; } .trinmodal-container { max-width: 800px; background: #fff; padding: 0; font-size: 14px; position: fixed; top: 50%; left: 50%; z-index: 90001; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.8); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.8); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.8); -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .trinmodal .trinmodal-close { position: absolute; top: 9px; right: 20px; font-weight: bold; font-family: Verdana; font-size: 18px; text-shadow: 1px 1px 1px rgba(250,250,250,1); cursor: pointer; color: #838383; } .trinmodal .trinmodal-close:hover { color: #535353; } .trinmodal .trinmodal-header { font-size: 21px; padding: 10px; border-bottom: 1px solid #e3e3e3; text-align: center; line-height: 32px; color: white; padding-right: 20px; text-align: left; } .trinmodal .trinmodal-content { padding: 10px 20px; } .trinmodal .trinmodal-footer { padding: 10px 20px; background: #efefef; border-top: 1px solid #e3e3e3; text-align: right; } .trinmodal-container.FirestormDialogBox input { width: auto !important; display: inline; } @media (max-width:50em) { .trinmodal-container { width: 95% !important; } } @media (max-width:30em) { .trinmodal-container { width: 95% !important; } .trinmodal-container.FirestormDialogBox input { display: block; width: 100% !important; margin-top: 20px; } } .get-shippers-button { white-space: normal !important; width: 100% !important; padding: 5px 5px !important; height: auto !important; font-size: 14px !important; min-height: 44px !important; color: white !important; background-color: #333 !important; border: none !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } /*removes blue border around menu*/ .RadMenu { outline: none !important; } .FirestormPage_FirestormExternalContent_aspx #Table2, .FirestormPage_TabularGenealogy_aspx #Table2 { background-color: white; border-bottom: 1px solid #444; margin-bottom: 0px !important; } .ShoppingCartHeader #Table2 { background-color: white; border-bottom: 1px solid rgba(134, 134, 134, 0.37); margin-bottom: 20px; } .FirestormPage_HoldingTankPlacementTool_aspx #Table1 { margin: 10px; display: block !important; width: auto !important; } #Table1 { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1); } /*Removes old icon images from FS*/ img[src*="art/bug_red.gif"], img[src*="art/WomanOnDesk.gif"], img[src*="art/FileFolders.gif"], img[src*="art/FileFolders.gif"], img[src*="../art/StructureMove.gif"], img[src*="../art/scroll_view.gif"], img[src*="../art/tree.gif"], img[src*="../art/money2.gif"], img[src*="art/ContactUsBar.gif"], img[src*="../art/mail_exchange.gif"], img[src*="../art/SponsorshipChain.gif"], img[src*="../art/users_into.gif"], img[src*="../art/2PeopleBlueCheck.gif"], img[src*="../art/id_cards.gif"], img[src*="../art/users_into.gif"], img[src*="../art/camera.jpg"], img[src*="../art/pawn_glass_yellow.gif"], img[src*="../art/UplineVolume.gif"], img[src*="../art/SingleWoman.gif"], img[src*="../art/users2.gif"], img[src*="../art/medal.gif"], img[src*="../art/form_green.gif"], img[src*="../../art/credit_cards.jpg"], img[src*="../art/star_blue.gif"] { display: none !important; } /*Use this if space held by img is needing to NOT change*/ img[src*="../art/users_family.gif"] { visibility: hidden !important; } /*SOME CELLS HAVE A BACKGROUND IMAGE:*/ .TRRLeftColumn { background-image: none !important; } .PLVLeftColumn { background-image: none !important; } .StockLevelsLeftColumn { background-image: none !important; } .PTSUP_LeftColumn { background-image: none !important; } .GGLeftColumn { background-image: none !important; } .PTHALeftColumn { background-image: none !important; } .PTPALeftColumn { background-image: none !important; } .PTPSLeftColumn { background-image: none !important; } .PTSUP_EditGuestLeftColumn { background-image: none !important; } .DMASTrackLeftColumn { background-image: none !important; } .OrderHistoryLeftColumn { background-image: none !important; } .CMTLeftColumn { background-image: none !important; } .ROPLeftColumn { background-image: none !important; } .LGLeftColumn { background-image: none !important; } .TPRLeftColumn { background-image: none !important; } .UnpaidCommissionsLeftColumn { background-image: none !important; } .EHLeftColumn { background-image: none !important; } .ALRLeftColumn { background-image: none !important; } .EWalletLeftColumn { background-image: none !important; } .ROMLeftColumn { background-image: none !important; } /* td.ShoppingCartBody{ overflow: auto; } td.ShoppingCartBody > table{ table-layout: fixed; } */ /*Party hostess portal*/ .HPOuterTable { background-image: none; background-color: white; } .HPOuterTable .DWSMainBody { padding: 3px !important; margin-top: 0 !important; } .HPHeaderTable { width: 100%; height: 220px; background-size: cover; background-position-y: 420px; background-image: none; background-color: #555; } .PTPSGuestListBox a:link { color: #232927; } .HPReturnToTop { color: inherit; } .HPQuickLinkText { color: #333; } .HPSubTitle { font-family: inherit; color: #232927; margin-top: 35px; display: block; } .HPDescription { width: 95%; display: block; } .HPPartyInfoCell { width: 200px; margin-top: -30px; display: block; } .HPSectionLabel { color: #232927; } .HPHeaderRight, .HPHeaderLeft, .HPHeaderMiddle { background-image: none; } .HPPartyInfoLeftCell { border-left-style: solid; border-left-width: 10px; border-left-color: #232927; } .HPHeaderRight { background-color: darkgrey; } .HPHeaderLeft { color: black; background-color: #232927; } .HPHeaderMiddle { background-color: darkgrey; } #txtGuestAddress2, #txtGuestAddress1, #txtGuestCity, #txtGuestLastName, #txtGuestFirstName, #txtGuestEmail { width: 90% !important; } .HPPartyInfoData { color: #fff; } .HPPartyInfoHeader, .HPPartyInfoFooter { background-image: none; background-color: #444; border: 1px solid #ccc; border-left: 10px solid #232927; } .HPPartyInfoHeader { border-bottom: none; } .HPPartyInfoFooter { border-top: none; } .HPPartyInfoSubTable { background-color: #444; } .HPPartyInfoLabel { color: #fff; } #lblPartyID, #lblPartyIDData { font-size: 15px; } .HPError { width: auto !important; border-style: none !important; background-color: #ed6878; box-shadow: 0px 1.5px 4px rgba(0, 0, 0, 0.24), 0px 1.5px 6px rgba(0, 0, 0, 0.12); margin-left: auto; margin-right: auto; padding: 15px; margin-bottom: 15px; margin-top: 15px; border-left: 10px solid #d74555 !important; color: #fff; text-align: left; font-size: 13px; } #HostessPortalBody .DWSMainBody { background-color: white !important; } .HP_GuestListInstructions.HP_GuestListInstructions { background-color: white; border: none; } .PTPSButton, .HP_Button { border-radius: 2px; color: #fff; height: auto !important; font-size: 14px !important; font-weight: normal; padding: 6px 15px; text-align: center; background-image: none; text-decoration: none !important; background-color: #302f36 !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); background-color: #232927 !important; padding: 6px; } .PTPSButton:hover, .HP_Button:hover { background-color: #53565A !important; border: none !important; } .PTPSButton:active, .HP_Button:active { background-color: #2D2926 !important; } .HP_Button { width: auto !important; } .HP_GuestAddBox { border: none; } .HP_AvailableBox.HP_AvailableBox { border: 1px solid #b7b7b7; } .HPGuestToolsDiv { margin-bottom: 45px; } .HP_TableHeader.HP_TableHeader { padding: 6px; background-color: #666; font-size: 7pt; color: white; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #b7b7b7; } .HP_CreateEditListInstructions, .HP_PersonalizeDescription { background-color: #fff; border: none; } .HPGuestToolsDiv { background-color: #e9e9e9; } .HPBoxTitle { color: inherit; font-size: 14px; margin: 10px 0; display: block; } .HP_TableHeader { color: inherit; } .PTPSTableHeader { background-color: #666; color: white; } .HPQuickLinkLinkText { font-family: inherit; color: inherit; } .HPQuickLinkLinkText:hover { font-family: inherit; color: inherit; } .HPSectionLabel { font-family: inherit; text-decoration: none; margin-top: 20px; display: block; } input[name^="btnEdit"] { background-color: forestgreen !important; font-size: 11px !important; } input[name^="btnRemove"] { background-color: darkred !important; font-size: 11px !important; } /*Party hostess portal*/ .HPOuterTable { background-image: none; background-color: white; } .HPOuterTable .DWSMainBody { padding: 3px !important; margin-top: 0 !important; } .HPHeaderTable { width: 100%; height: 220px; background-size: cover; background-position-y: 420px; background-image: none; background-color: #555; } .PTPSGuestListBox a:link { color: #232927; } .HPReturnToTop { color: inherit; } .HPQuickLinkText { color: #333; } .HPSubTitle { font-family: inherit; color: #232927; margin-top: 35px; display: block; } .HPDescription { width: 95%; display: block; } .HPPartyInfoCell { width: 200px; margin-top: -30px; display: block; } .HPSectionLabel { color: #232927; } .HPHeaderRight, .HPHeaderLeft, .HPHeaderMiddle { background-image: none; } .HPPartyInfoLeftCell { border-left-style: solid; border-left-width: 10px; border-left-color: #232927; } .HPHeaderRight { background-color: darkgrey; } .HPHeaderLeft { color: black; background-color: #232927; } .HPHeaderMiddle { background-color: darkgrey; } #txtGuestAddress2, #txtGuestAddress1, #txtGuestCity, #txtGuestLastName, #txtGuestFirstName, #txtGuestEmail { width: 90% !important; } .HPPartyInfoData { color: #fff; } .HPPartyInfoHeader, .HPPartyInfoFooter { background-image: none; background-color: #444; border: 1px solid #ccc; border-left: 10px solid #232927; } .HPPartyInfoHeader { border-bottom: none; } .HPPartyInfoFooter { border-top: none; } .HPPartyInfoSubTable { background-color: #444; } .HPPartyInfoLabel { color: #fff; } #lblPartyID, #lblPartyIDData { font-size: 15px; } .HPError { width: auto !important; border-style: none !important; background-color: #ed6878; box-shadow: 0px 1.5px 4px rgba(0, 0, 0, 0.24), 0px 1.5px 6px rgba(0, 0, 0, 0.12); margin-left: auto; margin-right: auto; padding: 15px; margin-bottom: 15px; margin-top: 15px; border-left: 10px solid #d74555 !important; color: #fff; text-align: left; font-size: 13px; } #HostessPortalBody .DWSMainBody { background-color: white !important; } .HP_GuestListInstructions.HP_GuestListInstructions { background-color: white; border: none; } .PTPSButton, .HP_Button { border-radius: 2px; color: #fff; height: auto !important; font-size: 14px !important; font-weight: normal; padding: 6px 15px; text-align: center; background-image: none; text-decoration: none !important; background-color: #302f36 !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); background-color: #232927 !important; padding: 6px; } .PTPSButton:hover, .HP_Button:hover { background-color: #53565A !important; border: none !important; } .PTPSButton:active, .HP_Button:active { background-color: #2D2926 !important; } .HP_Button { width: auto !important; } .HP_GuestAddBox { border: none; } .HP_AvailableBox.HP_AvailableBox { border: 1px solid #b7b7b7; } .HPGuestToolsDiv { margin-bottom: 45px; } .HP_TableHeader.HP_TableHeader { padding: 6px; background-color: #666; font-size: 7pt; color: white; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #b7b7b7; } .HP_CreateEditListInstructions, .HP_PersonalizeDescription { background-color: #fff; border: none; } .HPGuestToolsDiv { background-color: #e9e9e9; } .HPBoxTitle { color: inherit; font-size: 14px; margin: 10px 0; display: block; } .HP_TableHeader { color: inherit; } .PTPSTableHeader { background-color: #666; color: white; } .HPQuickLinkLinkText { font-family: inherit; color: inherit; } .HPQuickLinkLinkText:hover { font-family: inherit; color: inherit; } .HPSectionLabel { font-family: inherit; text-decoration: none; margin-top: 20px; display: block; } input[name^="btnEdit"] { background-color: forestgreen !important; font-size: 11px !important; } input[name^="btnRemove"] { background-color: darkred !important; font-size: 11px !important; } /* Replicated info on enrollment page */ .selected-dealer { background-color: #7f7f7f; color: white; border-radius: 8px; padding: 10px; margin-top: 10px; margin-bottom: 10px; } .selected-dealer td { padding: 5px; display: table-cell !important; vertical-align: middle !important; } .dealer-name { } .dealer-photo { border-radius: 50% !important; width: 60px; height: 60px; } /* END - Replicated info on enrollment page */ /* align boxes on personal info section - enrollment page */ .ne-who-referred-you { padding: 10px !important; margin: 0 auto; margin-top: 5px !important; background-color: #fff4eb !important; width: 100%; border-radius: 8px; float: left; } .NEDistributorLookupLink a { padding: 0; float: left !important; width: 95% !important; } /* END - align boxes on personal info section - enrollment page */ .FirestormStandardDropDown { padding: 2px !important; } /* Host Portal Product Selection */ /*REWARDS SEARCH FORM*/ .table-container-rewards { background-color: #dddddd; padding: 10px; } .table-container-rewards .headers { background-color: #222; color: white; font-weight: 500; } .rewards-discription { padding: 10px 0; } .results { background-color: white; margin-bottom: 8px; height: 300px; overflow-y: auto; overflow-x: visible !important; } .table-container-rewards .trin-8 { width: 12.5% !important; } .table-container-rewards .trin-9 { width: 11.11111%; } .table-container-rewards .trin-2 { width: 50% !important; } .results .results-content .qty { text-align: center } .results .results-content .sku, .results .results-content .ea, .results .results-content .total { white-space: normal; word-break: break-all; } /*.results .results-content .qty, .results .results-content .ea, .results .results-content .total, .results .results-content .sku, .results .results-content .description { padding: 1px !important; }*/ .results-content { border-bottom: 1px solid #ccc; } .results-content .description img.product { border-radius: 10px; width: 60px; height: auto; float: left; margin: 4px; } .results .results-content .description p { overflow: auto; } @media (max-width:30em) { .results .results-content { font-size: 12px; } .results .results-content .description { font-size: 10px; } } .results .results-content .description { position: relative; } .results-content .description .delete img { width: 40px; height: 40px; float: right; } .results-content input { width: 100%; } /*REWARD AREA BUTTONS*/ .FirestormStandardButton.new-btn { border-radius: 2px; color: #fff; height: auto !important; font-size: 16px !important; font-weight: normal; padding: 6px 15px; background-image: none; text-decoration: none !important; background-color: #2f2f2f; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } .reward-buttons .new-btn.float-right { margin-left: 10px; } @media (max-width:30em) { .reward-buttons .FirestormStandardButton.new-btn { width: 100% !important; margin-bottom: 10px; } .reward-buttons .FirestormStandardButton.new-btn.float-right { width: 48% !important; box-sizing: border-box; margin-left: 0px; margin: 1%; } } /* ALERT MESSAGE*/ .rewards-msg { width: 100%; background-color: #ed6878; box-shadow: 0px 1.5px 4px rgba(0, 0, 0, 0.24), 0px 1.5px 6px rgba(0, 0, 0, 0.12); margin-left: auto; margin-right: auto; padding: 15px; margin-bottom: 15px; border-left: 10px solid #d74555; color: #fff; text-align: left; font-family: inherit; font-size: 16px; } .rewards-msg.green { background-color: #5cc33e; border-left: 10px solid #428d2c; } .rewards-msg.blue { background-color: #73a4d4; border-left: 10px solid #2666a4; } /*REWARDS FEEDBACK AREA */ .results-feedback .total { padding: 10px; font-size: 18px; background-color: white; margin: 10px 0; display: table-cell; } .results-feedback .label { background-color: transparent; } .total.label.align-right { text-align: right; } .results-feedback { margin: 15px 0; } .feedback { display: table; border-spacing: 5px 0px; } @media (max-width:50em) { .results-feedback .feedback { width: 100% !important; margin: 10px 0; } .total.label.align-right { text-align: left !important; } } /* new Create Host Award Order page*/ .PTHOLeftColumn { background-image: none; } .PTHOBox { font-family: inherit; font-size: 14px; border: 1px solid #333333; padding: 10px; } /* section 1 */ .POEBoxTitleCell { background-color: #222; padding: .3em; } .POESectionTitle { color: white; font-size: 14px; font-weight: 500; margin-left: 3px } .PTHOBoxTitle { color: inherit; } .POEFieldLabel { font-size: 13px; } .POEBoxTitleCell .POEFieldLabel { color: white; } body.FirestormPage_PartyTask_HostOrder_aspx { font-size: 13px; } .POEAddressBox input[type="text"] { width: 70% !important; } .POEAddressBox input[type="checkbox"] { margin: 0 10px 0 !important; } /* section 2 & 3 */ .POECatalogSelected, .POEDefaultShipperText { font-size: 12px; } /*section 4*/ .PTHOAwardHeader { font-family: inherit; background-color: #222; font-size: 14px; font-weight: 400; text-align: left; padding-left: 5px; color: #fff; } .PTHOAwardTableEvenRow, .PTHOAwardTableOddRow { font-size: 13px; } .PTHOProductMessage { padding: 30px; font-size: 18px; font-weight: 700; font-family: inherit; color: red; text-align: center; } .PTHOAwardTableOddRow { background-color: #ededed; } /*section 5 */ .PTHOCartContentsHeader { font-family: inherit; font-size: 14px; font-weight: 500; color: #fff; padding-bottom: 5px; padding-left: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #333333; background-color: #222; } .PTHOCartEmptyMessage { padding: 30px; font-size: 18px; font-weight: 700; font-family: inherit; } /*section 7*/ .POEOrderTotalsBox { background-color: #ededed; } .PTHOLeftOrderTotalsDataCell, .PTHOOrderTotalsDataCell { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #c0c0c0; } #ctl00_MainContent_lblOrderTotalDiscount, #ctl00_MainContent_lblOrderTotalGiftCertApplied { color: red; } /*section 8 */ .PTHOPaymentMethodSelectTable { background-color: #ccc; } .POEPaymentMethodFieldsTable .SCNCORegularText { font-size: 18px; font-weight: 700; font-family: inherit; } .POEPaymentMethodFieldsTable .SCNCORegularText { font-size: 14px; } /*section 9*/ .POEActionButtonBox { padding: 30px; margin-bottom: 30px; } .eligible-results { background-color: #a7a7a7; color: white; margin-bottom: 8px; height: 220px; overflow-y: auto; overflow-x: visible !important; cursor: not-allowed !important; } .eligible-results-content { border-bottom: 1px solid #c6c6c6; } .align-right { text-align: right; } .table-container-rewards .trin-3 { width: 33.33333%; } .break-all { white-space: normal; word-break: break-all } .remove { color: white; background-color: red; padding: 5px; margin-top: 4px; display: inline-block; cursor: pointer; border-radius: 4px; } /* END Host Portal Product Selection */ /* Host Order Misc Stuff */ .redeem-button { width: 100px; } .redeem-button.unredeem-button { background-color: #6ac3e0; } .firestorm-button { border-radius: 2px; color: #fff; height: auto; font-size: 14px; font-weight: normal; padding: 6px 15px; text-align: center; background-image: none; text-decoration: none; background-color: #666e78; border: none !important; text-align: center; cursor: pointer; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } .firestorm-button:hover { background-color: #363b43; border: none; } .firestorm-button:active { background-color: #363b43; } /*Recurring Order Portal page*/ body.FirestormPage_RecurringOrderPortal_aspx a[disabled="disabled"] { cursor: not-allowed !important; color: #9e9c9a !important; } .ROPEditHeader { margin: 5px; padding: 10px; border-radius: 0px; background-color: #3D3935; width: 96%; } .ROPBigDataContainer { width: 350px !important; } .ROPBigDataGrandTotalLeft, .ROPBigDataLeft { width: auto !important; } .ROPBigDataGrandTotalLeft { background-color: #242628 !important; } .ROPBigDataLeft { background-color: rgba(138, 193, 255, 0.5) !important; color: #242628 !important; } .ROPBigDataGrandTotalRight { color: #242628 !important; } .ROPBigDataGrandTotalRight, .ROPBigDataRight { width: auto !important; } .ROPBigDataContainer td { width: 50% !important; } a:link#ctl00_MainContent_lnkEditReinvestCommissions { text-decoration: none !important; } .ROPButtonCell { background-image: none !important; background-color: #3D3935; height: 45px; } .ROPButtonCell a { color: white !important; text-decoration: none !important; } .ROPDisabledButton { background-image: none !important; background-color: #3D3935 !important; } .ROPDisabledButton a { color: white !important; } .ROPDataField, .ROPStatusMessage { color: inherit !important; background-color: rgba(255, 255, 255, 0.74); } .ROPSectionHeaderLabel { text-decoration: none; font-size: 21px; } .ROPOrderDetailTable { border-collapse: collapse; } .ROPOrderDetailTable .ROPHeaders { background-color: #3D3935; color: white !important; } .ROPRecurringOrderSelection { background-color: #3D3935 !important; color: white !important; } .ROPRecurringOrderSelection .ROPDataLabel, .ROPRecurringOrderSelection .ROPOrderStatus { color: white !important; } .ROPBigDataLeft { background-color: rgba(175, 174, 179, 0.5) !important; color: #242628 !important; } .ROPCommandBar { border-radius: 0; background-color: #e9e9e9; } .ROSection1 { border-radius: 0; background-color: #e9e9e9; } .ROSection2 { border-radius: 0; background-color: #e9e9e9; } .ROSection3 { border-radius: 0; background-color: #e9e9e9; } .ROPEditHeaderTitle { font-family: inherit; font-size: 28px; color: #ffffff; } .ROPStepDescription { margin: 5px; padding: 10px; border-radius: 10px; background-color: rgba(61, 57, 53, 0.05); width: 96%; font-family: inherit; font-size: 14px; } .ROPEditProductsTable { background-color: white; } .ROPEditQuestion { font-family: inherit; font-size: 18px; font-weight: 600; color: #4e8bda; } .ROPEditProductsProductImage { height: 50px; width: 50px; padding: 5px; } .ROPProductListingTable td[align="right"] { text-align: right !important; } .ROPProductListingTable td[align="center"] { text-align: center !important; } .ROPProductListingTable table { border-collapse: collapse; border-spacing: 0; } .ROPEditProductsHeader { padding: 5px; background-color: #3D3935; font-weight: 400; font-size: 14px; color: #ffffff; font-family: inherit; text-align: left; } .ROPEditProductsHeaderLeft { border-top-left-radius: 0px; } .ROPEditProductsHeaderRight { border-top-right-radius: 0px; } .ROPEditProductsCategoryRow { font-family: inherit; font-size: 14px; color: #ffffff; background-color: #53565A; } .ROPEditProductsSelectedProduct { font-family: inherit; font-size: 12px; color: #000000; background-color: #4fcead; } .ROPEditProductsEvenRow { background-color: rgba(83, 86, 90, 0.05); font-family: inherit; font-size: 12px; color: #000000; } .ROPEditProductsOddRow { background-color: rgba(245, 247, 250, 0.05); font-family: inherit; font-size: 12px; color: #000000; } .ROPButtonBar { margin: 5px; padding: 10px; border-radius: 10px; background-color: rgba(61, 57, 53, 0.05); } .ROPButtonBar input:hover { background-color: #53565A !important; border: none !important; } .ROPButtonBar input:active { background-color: #2D2926 !important; } .ROPButtonBar input { width: auto; font-size: 22px; padding: 0 55px; background-color: #3D3935; color: white; height: 55px; border-radius: 2px; color: #ffffff; font-weight: normal; -webkit-appearance: none; -moz-appearance: none; text-align: center; background-image: none; text-decoration: none !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } .ROPEditShipToTable { background-color: white; } .ROPErrorMessage { margin: 0 auto; padding: 10px; border-radius: 0px; background-color: #d74555; width: 90%; font-family: inherit; font-size: 11px; color: #fff; border-left: 10px solid #eb5769; } @media (max-width: 30em) { .ROPEditShipToTable { font-size: 11px; } .ROPEditShipToTable input { width: 90% !important; } .ROPEditShipToTable select { width: 90% !important; } .ROPEditProductsTable { padding: 0; } .ROPDataContainer { margin: 0; padding: 0; } .ROPProductListingTable table td { width: 13%; font-size: 10px; } .ROPButtonBar input { padding: 0 15px; } .ROPButtonBar { padding: 0; margin: 0; } .ROPEditWindowMainDiv { margin: 0px; padding: 0px; border-radius: 0px; background-color: white; width: 100%; } .ROPEditProductsHeader { font-size: 10px; } .ROPEditProductsProductImage { height: 30px; width: 30px; padding: 2px; } } /*tools DG DEC-2017*/ /*Styles for master page markup*/ .ShoppingCartHeader { background-image: none; height: 35px; font-weight: bold; background-color: transparent; font-family: inherit; } /*Page Titles*/ .FirestormPageHeaderText { display: block; font-family: inherit !important; font-weight: 300; font-size: 28px; background-color: transparent; font-weight: 300 !important; padding: 0px 25px 20px 25px !important; } .DefaultDescription, .DefaultMainTitle, .FirestormPageHeaderText, .PTPSSectionLabel, .PTPSFieldLabel { color: #434a54; font-family: inherit !important; } /*FS TREE VIEW / STRUCTURE TREE*/ body.FirestormPage_FirestormTreeView_aspx .FirestormTreeViewControlPanel input[type='submit']:hover { background-color: #53565A !important; border: none !important; } body.FirestormPage_FirestormTreeView_aspx .FirestormTreeViewControlPanel input[type='submit']:active { background-color: #2D2926 !important; } body.FirestormPage_FirestormTreeView_aspx .FirestormTreeViewControlPanel input[type='submit'] { width: auto; font-size: 16px; padding: 5px; background-color: #3D3935; color: white; height: auto; border-radius: 2px; color: #ffffff; font-weight: normal; text-align: center; background-image: none; text-decoration: none !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } body.FirestormPage_FirestormTreeView_aspx .FirestormTreeViewControlPanel img#ctl00_MainContent_imgDealerPhoto { border-radius: 50%; } body.FirestormPage_FirestormTreeView_aspx .FirestormTreeViewControlPanelTextSmall { font-family: inherit; font-size: 12px; color: #993300; } body.FirestormPage_FirestormTreeView_aspx .FirestormTreeViewControlPanelText { font-family: inherit; font-size: 12px; } body.FirestormPage_FirestormTreeView_aspx .FirestormTreeViewControlPanel .FirestormTreeViewControlPanelHeaderText { font-family: inherit; font-size: 14px; text-decoration: underline; font-weight: bold; } body.FirestormPage_FirestormTreeView_aspx #pdq .OddRow { background-color: #efefef; } body.FirestormPage_FirestormTreeView_aspx #pdq .EvenRow { background-color: white; } body.FirestormPage_FirestormTreeView_aspx #pdq img { display: none; } body.FirestormPage_FirestormTreeView_aspx #pdq .SpotlightReport img { display: block; border-radius: 50%; height: 70px; width: 70px; border-width: 0px !important; } body.FirestormPage_FirestormTreeView_aspx #pdq .SpotlightReport .DealerAddress { font-size: 12px; color: black; font-family: inherit; } body.FirestormPage_FirestormTreeView_aspx #pdq .SpotlightReport .DealerAddress b { font-size: 15px; } body.FirestormPage_FirestormTreeView_aspx #pdq table.SpotlightReport, .FirestormTreeViewPopUpHeaderText { border-width: 0px !important; background: #ededed; background: -moz-linear-gradient(left, #ededed 1%, #ffffff 32%, #ffffff 68%, #ededed 99%); background: -webkit-linear-gradient(left, #ededed 1%, #ffffff 32%, #ffffff 68%, #ededed 99%); background: linear-gradient(to right, #ededed 1%, #ffffff 32%, #ffffff 68%, #ededed 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=1 ); } .FirestormTreeViewPopUpText { padding: 15px; } .FirestormTreeViewPopUpHeaderText { color: #333; padding-top: 20px; border-bottom: 1px solid #ccc !important; } #pdq div::before, #pdq div::after { z-index: -1; position: absolute; content: ""; bottom: 25px; left: 20px; width: 45%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 35px 40px rgba(38, 38, 38, 0.58); -moz-box-shadow: 0 35px 40px rgba(38, 38, 38, 0.58); box-shadow: 0 45px 35px rgba(38, 38, 38, 0.58); -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -o-transform: rotate(-8deg); -ms-transform: rotate(-8deg); transform: rotate(-8deg); } #pdq div::after { -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -o-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); right: 10px; left: auto; } .ALRColumnHeaderRow { background-image: none; background-color: #333; } .ALRColumnHeaderRow a:link { color: #ffffff !important; font-size: 11px; } .ALRSpecial { font-family: inherit; font-size: 14px; background-color: #777; color: #FFFFFF; } body.FirestormPage_FirestormTreeView_aspx .rocItemContent, body.FirestormPage_FirestormTreeView_aspx .rocItemTemplate { border-color: #53565A !important; background-color: #3D3935 !important; } body.FirestormPage_FirestormTreeView_aspx .rocToolbarButton { border-color: Secondary-d !important; background-color: #3D3935 !important; } body.FirestormPage_FirestormTreeView_aspx input[type=checkbox] { width: 24px !important; height: 24px !important; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; border: 1px solid #bbb; } body.FirestormPage_FirestormTreeView_aspx .FirestormTreeViewControlPanel input[type="submit"] { border-radius: 2px; color: #fff; height: auto !important; font-size: 14px !important; font-weight: normal; padding: 6px 15px; text-align: center; background-image: none; text-decoration: none !important; background-color: #2D2926 !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } body.FirestormPage_FirestormTreeView_aspx .FirestormTreeViewControlPanel input[type="submit"]:hover { background-color: #53565A !important; border: none !important; } body.FirestormPage_FirestormTreeView_aspx .FirestormTreeViewControlPanel input[type="submit"]:active { background-color: #2D2926 !important; } body.FirestormPage_FirestormTreeView_aspx img#ctl00_MainContent_imgDealerPhoto { border-radius: 50%; border-style: none !important; } body.FirestormPage_FirestormTreeView_aspx #Table3 tr td img[style="width: 48px; height: 48px"] { visibility: hidden !important; } body.FirestormPage_FirestormTreeView_aspx .FirestormTreeViewDisclaimer { position: relative; width: 100%; background-color: #52c2a5; box-shadow: 0px 1.5px 4px rgba(0, 0, 0, 0.24), 0px 1.5px 6px rgba(0, 0, 0, 0.12); margin-left: auto; margin-right: auto; padding: 15px; margin-bottom: 15px; border-left: 10px solid #4fcead; color: #fff; text-align: left; font-size: 13px; font-family: inherit; border-top-style: none; border-right-style: none; border-bottom-style: none; } body.FirestormPage_FirestormTreeView_aspx .FirestormTreeViewDisclaimer span { font-weight: 700; } body.FirestormPage_FirestormTreeView_aspx .FirestormTreeViewControlPanelTextSmall { font-size: 12px; } body.FirestormPage_FirestormTreeView_aspx .FirestormTreeViewControlPanelHeaderText { font-size: 13px; text-decoration: none; font-weight: bold; display: block; border-top: 1px dashed #b2b2b2; padding-top: 4px; } /* -------*/ .ALRFieldLabel { font-family: inherit; font-size: 12px; font-weight: bold; } .ALRColumnHeaderRow { border: 1px solid #C0C0C0; background-image: none; background-repeat: repeat-x; } .ALRColumnHeader { font-family: inherit; font-size: 12px; font-weight: bold; padding-bottom: 10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #C0C0C0; vertical-align: middle; } .ALREvenRow { font-family: inherit; font-size: 12px; background-color: #EDEDED; } .ALROddRow { font-family: inherit; font-size: 12px; background-color: #FFFFFF; } .ALRTinyMessagetext { font-family: inherit; font-size: 12px; background-color: #FFFFFF; color: #FF0000; text-align: center; } .ALRMainGrid { padding: 3px; font-family: inherit; font-size: 14px; border: 1px solid #C0C0C0; } #ALRMainGridDiv a { font-size: 12px; color: #ffffff; font-family: inherit; } #ALRMainGridDiv a:visited { font-size: 14px; color: #ffffff; font-family: inherit; } #ALRMainGridDiv a:link { font-size: 14px; color: #ffffff; font-family: inherit; } #ALRMainGridDiv a:hover { font-size: 14px; color: #ffffff; font-family: inherit; text-decoration: underline; } .ALRLeftColumn { background-image: url( '/MemberToolsDotNet/art/users_male_female.png' ); background-repeat: no-repeat; background-position: center top; } .ALRNotes { font-family: inherit; font-size: 12px; color: #666666; } .ALRLastPromotion { font-family: inherit; font-size: 12px; color: #666666; } /**************************/ /* End Active Legs Report */ /**************************/ /**************************/ /* LEVEL GENEALOGY */ /**************************/ .LGGroupBox { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCCCCC; } .LGLeftCell { border-left-style: solid; border-left-width: 1px; border-left-color: #CCCCCC; padding: 3px; } .LGRightCell { border-right-style: solid; border-right-width: 1px; border-right-color: #CCCCCC; padding: 3px; } .LGSingleCell { border-right-style: solid; border-left-style: solid; border-right-width: 1px; border-left-width: 1px; border-right-color: #CCCCCC; border-left-color: #CCCCCC; } .LGHeaderCell { font-family: inherit; font-size: 12px; color: #444; font-weight: bold; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCCCCC; } .LGEvenRow { font-family: inherit; font-size: 12px; background-color: #f0f0f0; } .LGOddRow { font-family: inherit; font-size: 12px; background-color: #FFFFFF; } .LGTotalsRow { font-family: inherit; font-size: 12px; border-top-style: solid; border-top-width: 1px; border-top-color: #CCCCCC; } .LGGenerationTitle { font-family: inherit; font-size: 14px; font-weight: bold; color: #333; } .LGSummaryTable { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCCCCC; } .LGSummaryRow { font-family: inherit; font-size: 12px; background-color: #eee; } .LGGrandTotalCell { border-top-style: solid; border-top-width: 1px; border-top-color: #CCCCCC; font-family: inherit; font-size: 12px; } .LGSummaryTitle { font-family: inherit; font-size: 14px; font-weight: bold; color: #333; } .LGLeftColumn { background-position: center 10px; width: 48px; background-image: url( '/MemberToolsDotNet/art/People.gif' ); background-repeat: no-repeat; } .LGRightColumn { } /******************************/ /* END LEVEL GENEALOGY */ /******************************/ /**************************/ /* GENERATIONAL GENEALOGY */ /**************************/ .GGGroupBox { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCCCCC; } .GGLeftCell { border-left-style: solid; border-left-width: 1px; border-left-color: #CCCCCC; padding: 3px; } .GGRightCell { border-right-style: solid; border-right-width: 1px; border-right-color: #CCCCCC; padding: 3px; } .GGSingleCell { border-right-style: solid; border-left-style: solid; border-right-width: 1px; border-left-width: 1px; border-right-color: #CCCCCC; border-left-color: #CCCCCC; } .GGHeaderCell { font-family: inherit; font-size: 14px; color: #444; font-weight: bold; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCCCCC; } .GGEvenRow { font-family: inherit; font-size: 12px; background-color: #f0f0f0; } .GGOddRow { font-family: inherit; font-size: 12px; background-color: #FFFFFF; } .GGTotalsRow { font-family: inherit; font-size: 12px; border-top-style: solid; border-top-width: 1px; border-top-color: #CCCCCC; } .GGGenerationTitle { font-family: inherit; font-size: 14px; font-weight: bold; color: #333; } .GGSummaryTable { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCCCCC; } .GGSummaryRow { font-family: inherit; font-size: 12px; background-color: #eee; } .GGGrandTotalCell { border-top-style: solid; border-top-width: 1px; border-top-color: #CCCCCC; font-family: inherit; font-size: 12px; } .GGSummaryTitle { font-family: inherit; font-size: 14px; font-weight: bold; color: #333; } .GGLeftColumn { background-position: center 10px; width: 48px; background-image: url( '/MemberToolsDotNet/art/People.gif' ); background-repeat: no-repeat; } .GGRightColumn { } /******************************/ /* END GEN GENEALOGY */ /******************************/ /************************/ /* BinaryTreeView4Level */ /************************/ .BTV4MainTitle { font-weight: bold; font-size: 14pt; color: black; font-family: inherit; text-align: left; } .BTV4Description { font-size: 14px; color: #333; font-family: inherit; text-align: left; } .BTV4Error { border-right: yellow 1px solid; border-top: yellow 1px solid; font-weight: bold; font-size: 10pt; border-left: yellow 1px solid; color: white; border-bottom: yellow 1px solid; font-family: inherit; background-color: #ff0000; text-align: center; } .BTV4PositionName { font-size: 7pt; color: black; font-family: inherit; text-align: center; } .BTV4Volume { font-weight: bold; font-size: 7pt; color: green; font-family: inherit; text-align: center; } .BTV4DealerID { font-size: 7pt; color: navy; font-family: inherit; text-align: center; } .BTV4MainTable { font-size: 10pt; border-left-color: #ccc; border-bottom-color: #ccc; color: #333; border-top-style: solid; border-top-color: #ccc; font-family: inherit; border-right-style: solid; border-left-style: solid; background-color: #fbfbfb; border-right-color: #ccc; border-bottom-style: solid; } .BTV4Legend { font-weight: bold; font-size: 14pt; padding: 5px; color: white; font-family: inherit; background-color: black; text-align: left; } .BTV4LegendDescription { font-size: 12px; color: #e1673b !important; font-family: inherit; } .BTV4TeamCount { border-right: black thin solid; border-top: black thin solid; font-size: 7pt; border-left: black thin solid; color: black; border-bottom: black thin solid; font-family: inherit; text-align: center; } .BTV4Header { font-weight: bold; font-size: 10pt; color: white; font-family: inherit; background-color: #660066; text-align: center; } .BTV4SearchResultsBox { border-left-color: black; border-bottom-color: black; border-top-style: double; border-top-color: black; border-right-style: double; border-left-style: double; background-color: lemonchiffon; border-right-color: black; border-bottom-style: double; } .BTV4StatusMessage { font-weight: bold; font-size: 10pt; color: white; font-family: inherit; background-color: #009900; text-align: center; } .BTV4LegendTable { border-right: #333 thin solid; border-top: #333 thin solid; font-size: 7pt; border-left: #333 thin solid; color: #333; border-bottom: #333 thin solid; font-family: inherit; } .BTV4LegendTableText { border-right: #6a6a6a thin solid; border-top: #6a6a6a thin solid; font-size: 11px; border-left: #6a6a6a thin solid; color: #333; border-bottom: #6a6a6a thin solid; font-family: inherit; } .BinaryTreeViewLegendTableText { border-right: #ccc thin solid; border-top: #ccc thin solid; font-size: 13px; border-left: #ccc thin solid; color: #333; border-bottom: #ccc thin solid; font-family: inherit; } body.FirestormPage_BinaryTreeView4Level_aspx #Table2 #Table5 input[type="submit"], #Table22 input[type="submit"] { border-radius: 2px; color: #fff; height: auto !important; font-size: 14px !important; font-weight: normal; padding: 6px 15px; text-align: center; background-image: none; text-decoration: none !important; background-color: #2D2926 !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } body.FirestormPage_BinaryTreeView4Level_aspx #Table2 #Table5 input[type="submit"]:hover, #Table22 input[type="submit"]:hover { background-color: #53565A !important; border: none !important; } body.FirestormPage_BinaryTreeView4Level_aspx #Table2 #Table5 input[type="submit"]:active, #Table22 input[type="submit"]:active { background-color: #2D2926 !important; } #Table22 { background-color: #c5c5c5; padding: 10px; color: white; } #Table22 span { font-size: 13px; } /****************************/ /* End BinaryTreeView4Level */ /****************************/ /*********************/ /* Tabular Genealogy */ /*********************/ .TGMainTable { width: 100%; } .TGError { border-right: yellow thin solid; border-top: yellow thin solid; font-weight: bold; font-size: 10pt; border-left: yellow thin solid; color: white; border-bottom: yellow thin solid; font-family: inherit; background-color: red; text-align: center; } .TGOddRow { /* padding: 5px; */ font-size: 12pt; color: black; font-family: inherit; background-color: #E8EFF7; } .TGEvenRow { /* padding: 5px; */ font-size: 12pt; color: black; font-family: inherit; background-color: white; } .TGHeader td { text-align: left !important; } .TGHeader td, .TGOddRow td, .TGEvenRow td { height: 30px; padding: 5px 10px; } .TGHeader a { font-size: 14px !important; color: white; font-family: inherit; background-color: #6b6b6b; } .TGHeader a:hover { font-size: 14px !important; color: white; font-family: inherit; background-color: #6b6b6b; text-decoration: underline; } /*************************/ /* additions below */ /*************************/ body.FirestormPage_TabularGenealogy_aspx .TGHeader { background-color: #3D3935 !important; color: white; font-size: 14px; } body.FirestormPage_TabularGenealogy_aspx .TGHeader a:link { background-color: transparent; font-size: 14px; } body.FirestormPage_TabularGenealogy_aspx .TGHeader td a:hover { background-color: transparent; text-decoration: none; } body.FirestormPage_TabularGenealogy_aspx .TGHeader td { height: 30px; padding: 5px 10px; } body.FirestormPage_TabularGenealogy_aspx .TGMainTable tbody tr:nth-child(even) { background-color: rgba(61, 57, 53, 0.15); } body.FirestormPage_TabularGenealogy_aspx .TGOddRow, body.FirestormPage_TabularGenealogy_aspx .TGEvenRow { font-family: inherit; color: #3D3935; font-size: 14px; } body.FirestormPage_TabularGenealogy_aspx .TGTopToolbar { font-size: inherit; font-family: inherit; color: white; background-color: #3D3935; padding-left: 22px; padding-right: 22px; } body.FirestormPage_TabularGenealogy_aspx .TGBottomToolbar { font-size: inherit; font-family: inherit; color: white; background-color: #3D3935; padding-left: 22px; padding-top: 20px; } body.FirestormPage_TabularGenealogy_aspx .TGField { font-size: 14px; font-weight: 400; color: inherit; font-family: inherit; } body.FirestormPage_TabularGenealogy_aspx .TGReportHeader { font-size: 18px; display: block; padding-top: 10px; padding-bottom: 10px; color: white; font-family: inherit; } body.FirestormPage_TabularGenealogy_aspx .TGHeader a { color: white; } body.FirestormPage_TabularGenealogy_aspx .TGButton { border-radius: 2px; color: #fff; height: auto !important; font-size: 14px !important; font-weight: normal; padding: 6px 15px; text-align: center; background-image: none; text-decoration: none !important; background-color: #2D2926 !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } body.FirestormPage_TabularGenealogy_aspx .TGButton:hover { background-color: #53565A !important; border: none !important; } body.FirestormPage_TabularGenealogy_aspx .TGButton:active { background-color: #2D2926 !important; } /*************************/ /* End Tabular Genealogy */ /*************************/ /************************/ /* BinaryTreeView */ /************************/ .BinaryTreeViewMainTitle { font-weight: bold; font-size: 14pt; color: black; font-family: inherit; text-align: left; } .BinaryTreeViewDescription { font-size: 14px; color: #333; font-family: inherit; text-align: left; } .BinaryTreeViewError { border-right: yellow 1px solid; border-top: yellow 1px solid; font-weight: bold; font-size: 10pt; border-left: yellow 1px solid; color: white; border-bottom: yellow 1px solid; font-family: inherit; background-color: #ff0000; text-align: center; } .BinaryTreeViewPositionName { font-size: 7pt; color: black; font-family: inherit; text-align: center; } .BinaryTreeViewVolume { font-weight: bold; font-size: 7pt; color: green; font-family: inherit; text-align: center; } .BinaryTreeViewDealerID { font-size: 7pt; color: navy; font-family: inherit; text-align: center; } .BinaryTreeViewMainTable { font-size: 10pt; border-left-color: #ccc; border-bottom-color: #ccc; color: #333; border-top-style: solid; border-top-color: #ccc; font-family: inherit; border-right-style: solid; border-left-style: solid; background-color: #fbfbfb; border-right-color: #ccc; border-bottom-style: solid; } .BinaryTreeViewLegend { font-weight: bold; font-size: 14pt; padding: 5px; color: white; font-family: inherit; background-color: black; text-align: left; } .BinaryTreeViewLegendDescription { font-size: 12px; color: #e1673b !important; font-family: inherit; } .BinaryTreeViewTeamCount { border-right: black thin solid; border-top: black thin solid; font-size: 7pt; border-left: black thin solid; color: black; border-bottom: black thin solid; font-family: inherit; text-align: center; } .BinaryTreeViewHeader { font-weight: bold; font-size: 10pt; color: white; font-family: inherit; background-color: #660066; text-align: center; } .BinaryTreeViewSearchResultsBox { border-left-color: black; border-bottom-color: black; border-top-style: double; border-top-color: black; border-right-style: double; border-left-style: double; background-color: lemonchiffon; border-right-color: black; border-bottom-style: double; } .BinaryTreeViewStatusMessage { font-weight: bold; font-size: 10pt; color: white; font-family: inherit; background-color: #009900; text-align: center; } .BinaryTreeViewLegendTable { border-right: #333 thin solid; border-top: #333 thin solid; font-size: 7pt; border-left: #333 thin solid; color: #333; border-bottom: #333 thin solid; font-family: inherit; } .BinaryTreeViewLegendTableText { border-right: #6a6a6a thin solid; border-top: #6a6a6a thin solid; font-size: 11px; border-left: #6a6a6a thin solid; color: #333; border-bottom: #6a6a6a thin solid; font-family: inherit; } .BinaryTreeViewLegendTableText { border-right: #ccc thin solid; border-top: #ccc thin solid; font-size: 13px; border-left: #ccc thin solid; color: #333; border-bottom: #ccc thin solid; font-family: inherit; } body.FirestormPage_BinaryTreeView_aspx #Table2 #Table5 input[type="submit"], #Table22 input[type="submit"] { border-radius: 2px; color: #fff; height: auto !important; font-size: 14px !important; font-weight: normal; padding: 6px 15px; text-align: center; background-image: none; text-decoration: none !important; background-color: #2D2926 !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } body.FirestormPage_BinaryTreeView_aspx #Table2 #Table5 input[type="submit"]:hover, #Table22 input[type="submit"]:hover { background-color: #53565A !important; border: none !important; } body.FirestormPage_BinaryTreeView_aspx #Table2 #Table5 input[type="submit"]:active, #Table22 input[type="submit"]:active { background-color: #2D2926 !important; } #Table22 { background-color: #c5c5c5; padding: 10px; color: white; } #Table22 span { font-size: 13px; } /****************************/ /* End BinaryTreeView */ /****************************/ /*special changes CSS below*/ .FirestormStandardTextBox, body.FirestormPage_FirestormTreeView_aspx .FirestormTreeViewTextBox { border: 1px solid lightgrey; font-size: 14px; } .thinline .card.small { height: 150px; } .thinline .card.reverse .big-num p { /* font-size: 16px !important;*/ font-size: 46px !important; margin-bottom: 5px !important; margin-top: 5px !important; position: absolute !important; left: 20px; bottom: 10px; } .thinline .card .card-content .card-title { font-size: 18px; line-height: 22px } .thinline .card.reverse a.bottom-l.details { font-size: 12px !important; left: auto; right: 0; } .thinline .card-content i.right { position: absolute !important; right: 3px; top: 5px; } @media (max-width: 68.75em) { .thinline [class*=trin-] { width: 50% !important; } } @media (max-width: 30em) { .thinline [class*=trin-] { width: 100% !important; } } /* Icon Classes for Quick Cards */ .skyblue.border { border-bottom: 10px solid rgba(24, 142, 187, 0.72) } .violet.border { border-bottom: 10px solid rgba(107, 83, 170, 0.72) } .cyan.border { border-bottom: 10px solid rgba(54, 151, 126, 0.72) } .orange.border { border-bottom: 10px solid rgba(245, 196, 126, 0.72) } .red.border { border-bottom: 10px solid rgba(255, 16, 0, 0.72) } .pink.border { border-bottom: 10px solid rgba(167, 66, 125, 0.72) } .yellow.border { border-bottom: 10px solid rgba(185, 187, 24, 0.72) } .green.border { border-bottom: 10px solid rgba(55, 176, 32, 0.72) } .denim.border { border-bottom: 10px solid rgba(59, 90, 161, 0.72) } .medgray.border { border-bottom: 10px solid rgba(162, 162, 163, 0.72) } .icon-half-tone-1 { background-image: url("art/fs-default/icon-half-tone-1.png"); background-size: cover; background-repeat: no-repeat; } .icon-lines-1 { background-image: url("art/fs-default/icon-lines-1.png"); background-size: cover; background-repeat: no-repeat; } .icon-dots-1 { background-image: url("art/fs-default/icon-dots-1.png"); background-size: cover; background-repeat: no-repeat; } .icon-shapes-1 { background-image: url("art/fs-default/icon-shapes-1.png"); background-size: cover; background-repeat: no-repeat; } /******************************/ /* Responsive Backoffice Menu */ /******************************/ .main-menu * { margin: 0; padding: 0; outline: none; border: none; text-decoration: none !important; color: #f2f2f2; font-family: inherit; } .main-menu a { color: #f2f2f2; } .main-menu { display: block; position: relative; background: #0e0e0e; z-index: 999; } .container-menu { width: 100%; margin: 0 auto; } .main-menu:before, .main-menu:after { display: table; line-height: 0; content: ""; } .core-menu { text-align: left; font: normal normal normal 0.8em/1 inherit; overflow: hidden; } .core-menu li { list-style: none; display: inline-block; cursor: pointer; } .core-menu li a { display: inline-block; padding: 1em; } .core-menu li a:hover { background: #4d4d4d; } /* 11/05/2121 DG Removing old and duplicated down arrow from responsive menu*/ li span.toggle { padding-left: 1em; display: none !important; } .dropdown { position: absolute; width: 230px; background: #1a1a1a; text-align: left; display: none; } .dropdown li { display: block; } .dropdown li a { display: block; } .dropdown2 { position: absolute; width: 230px; background: #2d2d2d; text-align: left; display: none; right: -100%; top: 0; } .dropdown2 li { display: block; } .dropdown2 li a { display: block; } li span.toggle2 { position: absolute; right: 0; margin-right: 20px; } .toggle2:before { content: "\E315"; font: normal normal normal 18px/1 Material Icons; } .hamburger-menu { padding: 1em; display: none; font: normal normal normal 16px/1 inherit; text-transform: uppercase; } @media (max-width:970px) { .main-menu { height: 50px; } .container-menu { width: 100%; } .navigation { float: left; display: block; width: 100%; } .core-menu { float: right; width: 100%; background: #1a1a1a; margin: auto; display: none; } .core-menu li { width: 100%; display: block; } .core-menu li a { display: block; margin: auto; } .hamburger-menu { display: block; text-align: center; padding-right: 60px; float: none; width: 100%; } .burger-1, .burger-2, .burger-3 { display: block; position: absolute; width: 20px; height: 3px; border-radius: 30px; left: 20px; margin-right: 25px; background: #fff; -webkit-transition: .2s ease; -ms-transition: .2s ease; -moz-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; } .burger-1 { top: 15px; } .burger-2 { top: 23px; } .burger-3 { top: 31px; } .burger-1.open, .burger-2.open, .burger-3.open { -webkit-transition: .2s ease; -ms-transition: .2s ease; -moz-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; transform-origin: 50% 50%; } .burger-1.open { top: 25px; width: 23px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } .burger-2.open { opacity: 0; } .burger-3.open { top: 25px; width: 23px; transform: rotate(-45deg); } .dropdown { width: 100%; background: #0e0e0e; text-align: center; position: relative; } .dropdown2 { right: 0; top: 0; width: 100%; position: relative; padding: 0 20px; } .dropdown li { border-left: solid 5px #ccc; text-align: left } } @media (min-width:971px) { ul.core-menu { display: block !important; } } /* end Responsive Backoffice Menu */ /********************/ /* Guest Activity */ /********************/ .FirestormPage_GuestActivityReport_aspx #pdq div::before, #pdq div::after { z-index: -1; position: static; content: ""; bottom: none; left: auto; width: auto; top: auto; max-width: none; background: none; -webkit-box-shadow: 0 0px 0px rgba(38, 38, 38, 0); -moz-box-shadow: 0 0px 0px rgba(38, 38, 38, 0); box-shadow: 0 0px 0px rgba(38, 38, 38, 0); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .FirestormPage_GuestActivityReport_aspx #pdq div::after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); right: auto; left: auto; } .FirestormPage_GuestActivityReport_aspx #pdq div { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(78, 78, 78, 0.1) !important; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(78, 78, 78, 0.1) !important; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(78, 78, 78, 0.1) !important; } .DefaultDescription { font-size: 13px; color: inherit; } .GuestActivityMainTable { border-radius: 10px; border-style: solid; border-width: 1px; background-color: #FFFFFF; } .GuestActivityHostRow { font-family: inherit; color: inherit; background-color: #FFFFFF; padding-right: 5px; padding-left: 5px; font-size: 17px; font-weight: bold; border-top-style: solid; border-bottom-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-top-color: #000000; border-bottom-color: #000000; } .GuestActivityHostRow a:link { font-family: inherit; padding-right: 5px; padding-left: 5px; font-size: 12pt } .GuestActivityGuestRow { padding: 2px 5px 2px 5px; font-family: inherit; color: #000000; background-color: #f0f0f0; font-size: 10pt; } .GuestActivityGuestRowBlank { padding-right: 5px; } .GuestActivityGuestDetailTable { background-color: #FFE8C6; } .GuestActivityGuestDetailTableCellEven { font-family: inherit; color: #000000; background-color: #FFD697; font-size: 10pt; } .GuestActivityGuestDetailTableCellOdd { font-family: inherit; color: #000000; background-color: #FFF5E8; font-size: 10pt; } .GuestActivityReportLC { width: 48px; } .GuestActivityReportRC { width: 48px; } .GuestActivityMainColumnHeader { font-family: inherit; font-size: 14px; font-weight: bold; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; color: white; padding: 5px; background-color: #444; } .GuestActivityReportTrackingPopUpRow { font: 12px inherit; color: #000000; background-color: #fff; } .GuestActivityReportTrackingPopUpRow a { font-size: 12px; padding: 4px; display: block; } .GuestActivityReportTrackingPopUpRowTop { border-color: #000000; border-width: 1px; font: 9px inherit; color: #000000; background-color: #fFF; border-top-style: none; } .GuestActivityReportTrackingPopUpRowTopLeft { border-color: #555555; border-width: 0px; font: 9px inherit; color: #000000; background-color: #fff; border-top-style: none; border-left-style: none; } .GuestActivityReportTrackingPopUpRowTopRight { border-color: #000000; border-width: 0px; font: 9px inherit; color: #000000; background-color: #fff; border-top-style: none; border-right-style: none; } .GuestActivityReportTrackingPopUpRowMiddleLeft { border-color: #000000; border-width: 0px; font: 9px inherit; color: #000000; background-color: #fff; border-left-style: none; } .GuestActivityReportTrackingPopUpRowMiddleRight { border-color: #000000; border-width: 0px; font: 9px inherit; color: #000000; background-color: #fff; border-right-style: none; } .GuestActivityReportTrackingPopUpRowBottomLeft { border-color: #000000; border-width: 0px; font: 9px inherit; color: #000000; background-color: #fff; border-left-style: none; border-bottom-style: none; } .GuestActivityReportTrackingPopUpRowBottom { border-color: #000000; border-width: 0px; font: 9px inherit; color: #000000; background-color: #fff; border-bottom-style: none; } .GuestActivityReportTrackingPopUpRowBottomRight { border-color: #000000; border-width: 0px; font: 9px inherit; color: #000000; background-color: #fff; border-right-style: none; border-bottom-style: none; } .GuestActivityDetailHeader { font-family: inherit; font-size: 9pt; font-weight: bold; padding-top: 4px; } .GuestActivityNoHosts { font-family: inherit; font-size: 10pt; background-color: #FFEBE6; border-style: solid; border-width: 1px; padding: 3px; text-align: center; } .GuestActivityNoGuests { font-family: inherit; font-size: 9pt; background-color: #FFECE8; padding: 3px; text-align: left; } /************************/ /* End Guest Activity */ /************************/ /*Host activity report*/ /******************************/ /* Party Task - HostActivity */ /******************************/ .PTHALeftColumn { background-position: center 10px; width: 48px; background-image: none; background-repeat: no-repeat; } .PTHARightColumn { width: 48px; } .PTHASectionLabel { font-family: inherit; font-size: 10pt; color: #333; } .PTHAFieldLabel { font-family: inherit; font-size: 8pt; } .PTHAFieldLabelText { font-family: inherit; font-size: 8pt; font-weight: bold; } .PTHATableBox { padding: 2px; font-family: inherit; font-size: 8pt; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #999999; } .PTHAHeaderLine { border-bottom-style: solid; border-bottom-color: #808080; border-bottom-width: 1px; font-family: inherit; color: #808080; font-size: 8pt; } .PTHAButton { background-position: top; border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; color: #000000; border-bottom: black 1px solid; font-family: inherit; font-weight: normal; font-size: 9pt; background-color: #FFFFFF; cursor: hand; background-image: url("/MemberToolsDotNet/art/ButtonFace_Steel.jpg"); background-repeat: repeat-x; } .PTHAOddRow { font-size: 13px; color: black; font-family: inherit; background-color: #efefef; } .PTHAEvenRow { font-size: 13px; color: black; font-family: inherit; background-color: #FFFFFF; padding: 2px; } .PTHAOddRow td, .PTHAEvenRow td { padding: 3px; } .PTHATinyText { font-size: 10px; color: red; font-family: inherit; text-align: center; font-weight: bold; } .PTHATableHeader { font-weight: bold; font-size: 13px; font-family: inherit; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #999999; padding-bottom: 0; padding-top: 0; background-color: #333; color: white; padding: 4px; } .PTHALeftCell { border-left-style: solid; border-left-width: 1px; border-left-color: #999999; } .PTHARightCell { border-right-style: solid; border-right-width: 1px; border-right-color: #999999; } .PTHASingleCell { font-family: inherit; font-size: 12px; font-weight: bold; color: #FF0000; border-left-style: solid; border-right-style: solid; border-right-width: 1px; border-left-width: 1px; border-right-color: #999999; border-left-color: #999999; text-align: center; } .PTHADateCombo { border: 1px solid #D1E0FD; } .PTHANoHosts { padding: 3px; font-size: 11px; color: black; font-family: inherit; background-color: #E9E9E9; border-style: solid; border-width: 1px; border-color: #999999; } .PTHAButton, .PTPAButton { border-radius: 2px; color: #fff; height: auto !important; font-size: 14px !important; font-weight: normal; padding: 6px 15px; text-align: center; background-image: none; text-decoration: none !important; background-color: #322f32 !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } .PTHAButton:hover, .PTPAButton:hover { background-color: #53565A !important; border: none !important; } .PTHAButton:active, .PTPAButton:active { background-color: #2D2926 !important; } /**********************************/ /* END Party Task - HostActivity */ /**********************************/ /***************************/ /* Stock Levels Report */ /***************************/ .StockLevelsText { font-size: 9pt; color: black; font-weight: bold; font-family: inherit; } .StockLevelsSearchTable { padding: 5px; } .StockLevelsHeaderLeftCell { border-top-left-radius: 10px; } .StockLevelsHeaderRightCell { border-top-right-radius: 10px; } .StockLevelsHeaderCell, .StockLevelsFooterCell { padding: 5px; background-color: #444; font-weight: bold; font-size: 12px; color: #ffffff; font-family: inherit; text-align: left; } .StockLevelsFooterLeftCell { border-bottom-left-radius: 10px; } .StockLevelsFooterRightCell { border-bottom-right-radius: 10px; } .StockLevelsEvenRow { font-family: inherit; font-size: 9pt; background-color: #ECF2F9; height: 25px; } .StockLevelsOddRow { font-family: inherit; font-size: 9pt; background-color: #C4D7EC; height: 25px; } .StockLevelsRowPadding { padding: 5px; } .StockLevelsNoDataRow { font-family: inherit; font-size: 9pt; background-color: #ECF2F9; height: 25px; text-align: center; } .StockLevelsWarningText { font-size: 7pt; color: red; font-style: italic; font-family: inherit; text-align: center; } .StockLevelsLeftColumn { background-color: white; background-image: url("/MemberToolsDotNet/art/shelf.png"); background-repeat: no-repeat; width: 48px !important; } .StockLevelsLeftBorder { border-left-style: solid; border-left-width: 1px; border-left-color: #000000; } .StockLevelTimeStampLabel { font-size: 7pt; color: steelblue; font-style: italic; font-family: inherit; text-align: right; padding: 5px; padding-right: 10px; } .StocklevelsCenteredText { text-align: center; } .StockLevelPrintLabel { font-size: 7pt; color: steelblue; font-style: italic; font-family: inherit; text-align: left; padding: 5px; padding-left: 10px; } .StockLevelPrintLabel span a { border-radius: 2px; color: #fff; height: auto !important; font-size: 14px !important; font-weight: normal; padding: 6px 15px; text-align: center; background-image: none; text-decoration: none !important; background-color: #333 !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } .StockLevelPrintLabel span a:hover { background-color: #53565A !important; border: none !important; } .StockLevelPrintLabel span a:active { background-color: #2D2926 !important; } .StockLevelsSearchTable .FirestormStandardButton { border-radius: 2px; color: #fff; height: auto !important; font-size: 14px !important; font-weight: normal; padding: 6px 15px; text-align: center; background-image: none; text-decoration: none !important; background-color: #333 !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } .StockLevelsSearchTable .FirestormStandardButton:hover { background-color: #53565A !important; border: none !important; } .StockLevelsSearchTable .FirestormStandardButton:active { background-color: #2D2926 !important; } .StockLevelTimeStampLabel span { font-size: 11px !important; color: #25317c; } .StockLevelsWarningText { font-size: 12px !important; color: red; } .StockLevelsEvenRow, .StockLevelsOddRow { background-color: transparent; } .StockLevelsSearchTable .rfdTable tbody tr:nth-child(even) { background-color: #efefef; } /***************************/ /* END OF Stock Levels Report */ /***************************/ /* contact manager page 06/27/2016 DG */ body.FirestormPage_ContactManagerTool_aspx { /*Zebra*/ /*reversing these classes to use better css*/ } body.FirestormPage_ContactManagerTool_aspx .CMTTinyText { font-size: 11px; } body.FirestormPage_ContactManagerTool_aspx .FirestormStandardButton { border-radius: 2px; color: #fff; height: auto !important; font-size: 14px !important; font-weight: normal; padding: 6px 15px; text-align: center; background-image: none; text-decoration: none !important; background-color: #333 !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } body.FirestormPage_ContactManagerTool_aspx .FirestormStandardButton:hover { background-color: #53565A !important; border: none !important; } body.FirestormPage_ContactManagerTool_aspx .FirestormStandardButton:active { background-color: #2D2926 !important; } body.FirestormPage_ContactManagerTool_aspx .CMTText label { margin-left: 5px; } body.FirestormPage_ContactManagerTool_aspx legend#ctl00_MainContent_lgSendTo, body.FirestormPage_ContactManagerTool_aspx legend#ctl00_MainContent_lgDateRange { color: inherit !important; } body.FirestormPage_ContactManagerTool_aspx .CMTStepText { color: inherit !important; } body.FirestormPage_ContactManagerTool_aspx .CMTLeftColumn { visibility: hidden; } body.FirestormPage_ContactManagerTool_aspx .CMTTable { background-color: rgba(212, 212, 212, 0.59); } body.FirestormPage_ContactManagerTool_aspx td.CMTTableHeader { background-color: rgb(216, 0, 0); border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; padding: 10px; text-align: left !important; } body.FirestormPage_ContactManagerTool_aspx .CMTTableFooter { background-color: #303f9f !important; } body.FirestormPage_ContactManagerTool_aspx .CMTTableHeaderText { font-size: inherit !important; } body.FirestormPage_ContactManagerTool_aspx .CMTComposeTable, body.FirestormPage_ContactManagerTool_aspx .CMTResultsTable { border-radius: none !important; background-color: white; } body.FirestormPage_ContactManagerTool_aspx #Table1, body.FirestormPage_ContactManagerTool_aspx .CMTComposeTable { margin-top: 15px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1); } body.FirestormPage_ContactManagerTool_aspx .CMTDetailHeaderRow { border-width: 1px; border-color: #fff; font-size: inherit !important; background-color: #e3e3e3; } body.FirestormPage_ContactManagerTool_aspx .CMTOddRow, body.FirestormPage_ContactManagerTool_aspx .CMTEvenRow { font-family: inherit !important; color: #3D3935 !important; font-size: 14px; background-color: transparent !important; } body.FirestormPage_ContactManagerTool_aspx .CMTSearchResultsTable tbody tr:nth-child(even) { background-color: rgba(191, 191, 191, 0.15) !important; } /* END contact manager page */ /*********************************/ /* Party Task - ProductActivity */ /*********************************/ .PTPALeftColumn { background-position: center 10px; width: 48px; background-image: none; background-repeat: no-repeat; } .PTPARightColumn { width: 48px; } .PTPASectionLabel { font-family: inherit; font-size: 10pt; color: #000066; } .PTPAFieldLabel { font-family: inherit; font-size: 8pt; } .PTPAFieldLabelText { font-family: inherit; font-size: 8pt; font-weight: bold; } .PTPATableBox { padding: 2px; font-family: inherit; font-size: 8pt; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #999999; } .PTPAHeaderLine { border-bottom-style: solid; border-bottom-color: #808080; border-bottom-width: 1px; font-family: inherit; color: #808080; font-size: 8pt; } .PTPAButton { border-radius: 2px; color: #fff; height: auto !important; font-size: 14px !important; font-weight: normal; padding: 6px 15px; text-align: center; background-image: none; text-decoration: none !important; background-color: #444 !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } .PTPAButton:hover { background-color: #53565A !important; border: none !important; } .PTPAButton:active { background-color: #2D2926 !important; } .PTPAOddRow td, .PTPAEvenRow td { padding: 3px; } .PTPAOddRow { font-size: 13px; color: black; font-family: inherit; background-color: #E9E9E9; } .PTPAEvenRow { font-size: 13px; color: black; font-family: inherit; background-color: #FFFFFF; } .PTPATinyText { font-size: 11px; color: red; font-family: inherit; text-align: center; font-weight: bold; } .PTPATableHeader { font-weight: bold; font-size: 12px; color: #fff; font-family: inherit; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #999999; padding-bottom: 5px; padding-top: 10px; background-color: #333; } .PTPALeftCell { border-left-style: solid; border-left-width: 1px; border-left-color: #999999; } .PTPARightCell { border-right-style: solid; border-right-width: 1px; border-right-color: #999999; } .PTPASingleCell { font-family: inherit; font-size: 7pt; font-weight: bold; color: #FF0000; border-left-style: solid; border-right-style: solid; border-right-width: 1px; border-left-width: 1px; border-right-color: #999999; border-left-color: #999999; text-align: center; } .PTPADateCombo { border: 1px solid #D1E0FD; } .PTPACombo { border-right: #006699 1px solid; border-top: #006699 1px solid; font-size: 8pt; border-left: #006699 1px solid; width: 300px; border-bottom: #006699 1px solid; font-family: inherit; height: 20px; } .PTPANoHosts { padding: 3px; font-size: 8pt; color: black; font-family: inherit; background-color: #E9E9E9; border-style: solid; border-width: 1px; border-color: #999999; } .PTPAEmailSent { font-family: inherit; font-size: 10pt; font-weight: bold; color: #000000; background-color: #BFFFBF; } .PTPAReportDetailHeader { margin: 0px; padding: 2px; font-size: 11px; font-weight: 400; color: #fff; background-color: #878787; } .PTPAReportDetailHeaderBlank { margin: 0px; padding: 2px; font-size: 9px; font-weight: 400; color: #FFFFFF; text-align: left; background-color: #FFFFFF; } .PTPAReportDetailRow { margin: 0px; padding: 2px; border-left-style: none; font-size: 12px; color: #555555; border-left-style: none; background-color: #FFFFFF; } .PTPAEmailPopUpError { font-family: inherit; font-size: 8pt; color: #FFFFFF; text-align: center; background-color: #FF0000; } .PTPACheckBox { font-family: inherit; font-size: 8pt; } /*************************************/ /* END Party Task - ProductActivity */ /*************************************/ /**************************/ /* GENERATIONAL GENEALOGY */ /**************************/ .GGGroupBox { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCCCCC; } .GGLeftCell { border-left-style: solid; border-left-width: 1px; border-left-color: #CCCCCC; } .GGRightCell { border-right-style: solid; border-right-width: 1px; border-right-color: #CCCCCC; } .GGSingleCell { border-right-style: solid; border-left-style: solid; border-right-width: 1px; border-left-width: 1px; border-right-color: #CCCCCC; border-left-color: #CCCCCC; } .GGHeaderCell { font-size: 14px; color: white; font-weight: bold; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCCCCC; background-color: #555; padding: 3px; } .GGEvenRow { font-size: 12px; background-color: #e9e9e9; } .GGOddRow { font-size: 12px; background-color: #FFFFFF; } .GGTotalsRow { font-size: 12px; border-top-style: solid; border-top-width: 1px; border-top-color: #CCCCCC; } .GGGenerationTitle { font-size: 14px; font-weight: bold; color: #333; } .GGSummaryTable { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCCCCC; } .GGSummaryRow { font-size: 12px; background-color: rgba(0, 0, 0, 0.14); } .GGGrandTotalCell { border-top-style: solid; border-top-width: 1px; border-top-color: #CCCCCC; font-size: 12px; } .GGSummaryTitle { font-size: 14px; font-weight: bold; color: #333; } .GGLeftColumn { background-image: none; } /******************************/ /* END GEN GENEALOGY */ /******************************/ /* party set up page */ /*****************************/ /* Party Task - Set Up Party */ /*****************************/ .PTSUP_EviteConfigurationMessage { font-family: inherit; font-size: 8pt; color: #990099; text-align: left; } .PTSUP_SectionBox { padding: 0px; margin: 0px; width: 100%; } .PTSUP_SectionHeader { padding: 0px; margin: 0px; width: 100%; background-color: #ececec; margin-top: 20px; } .PTSUP_SectionRow { border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-right-color: transparent; border-left-color: transparent; background-color: #aed57b; } .PTSUP_SectionHeaderLeftCol { width: 1px; border-bottom-style: solid; border-bottom-width: 0px; border-bottom-color: transparent; } .PTSUP_SectionHeaderMiddleCol { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: transparent; } .PTSUP_SectionHeaderRightCol { width: 1px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: transparent; } .PTSUP_SectionFooter { width: 100%; } .PTSUP_SectionFooterLeftCol { background-image: none; background-repeat: no-repeat; background-position: right; width: 20px; height: 20px; background-color: #aed57b; } .PTSUP_SectionFooterMiddleCol { background-image: none; background-repeat: repeat-x; background-position: top; height: 20px; /* padding: 10px; */ background-color: #aed57b; } .PTSUP_SectionFooterRightCol { background-image: none; background-repeat: no-repeat; background-position: left; width: 20px; height: 20px; background-color: #aed57b; } .PTSUP_MainQuestion { font-family: inherit; font-size: 14pt; font-weight: bold; color: inherit; } .PTSUP_FieldLabel { font-family: inherit; font-size: 8pt; color: #333333; } .PTSUP_FieldData { font-family: inherit; font-size: 8pt; color: #008000; font-weight: bold; } .PTSUP_LeftColumn { background-image: url("/MemberToolsDotNet/art/calendar_31.jpg"); background-repeat: no-repeat; background-position: center 10px; } .PTSUP_Instructions { font-family: inherit; font-size: 7pt; color: #009933; } .PTSUP_CompleteComments { font-family: inherit; font-size: 8pt; color: #333333; width: 100%; padding: 5px; } .PTSUP_Button { background-position: top; border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; color: #000000; border-bottom: black 1px solid; font-family: inherit; font-weight: normal; font-size: 9pt; background-color: #FFFFFF; cursor: hand; background-image: url("/MemberToolsDotNet/art/ButtonFace_Steel.jpg"); background-repeat: repeat-x; } .PTSUP_ErrorTableHeader { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #FF0000; } .PTSUP_ErrorTable { font-family: inherit; font-size: 7pt; color: #CC3300; background-color: #FFD5D5; border: 1px solid #FF0000; } #PartySetupComplete { left: 50%; position: absolute; top: 30%; display: none; } .PTSUP_SetupCompleteBox { font-family: inherit; font-size: 8pt; background-color: #FFFFD2; border: 5px solid #000000; width: 400px; height: 300px; } .PTSUP_PartySetupCompleteHeader { font-family: inherit; font-size: 10pt; font-weight: bold; color: #333333; text-align: center; } .PTSUP_EditGuestLeftColumn { background-color: white; background-image: url("/MemberToolsDotNet/art/flower_blue.gif"); background-repeat: no-repeat; } .PTSUPStep1 { width: 105px; height: 41px; background-image: url("/MemberToolsDotNet/art/StepNumber/Green/Step1FlatGreen_small.png"); background-repeat: no-repeat; background-position: left center; padding-bottom: 5px; } .PTSUPStep2 { width: 105px; height: 41px; background-image: url("/MemberToolsDotNet/art/StepNumber/Green/Step2FlatGreen_small.png"); background-repeat: no-repeat; background-position: left center; padding-bottom: 5px; } .PTSUPStep3 { width: 105px; height: 41px; background-image: url("/MemberToolsDotNet/art/StepNumber/Green/Step3FlatGreen_small.png"); background-repeat: no-repeat; background-position: left center; padding-bottom: 5px; } .PTSUPStep4 { width: 105px; height: 41px; background-image: url("/MemberToolsDotNet/art/StepNumber/Green/Step4FlatGreen_small.png"); background-repeat: no-repeat; background-position: left center; padding-bottom: 5px; } .PTSUPStep5 { width: 105px; height: 41px; background-image: url("/MemberToolsDotNet/art/StepNumber/Green/Step5FlatGreen_small.png"); background-repeat: no-repeat; background-position: left center; padding-bottom: 5px; } .PTSUPStep6 { width: 105px; height: 41px; background-image: url("/MemberToolsDotNet/art/StepNumber/Green/Step6FlatGreen_small.png"); background-repeat: no-repeat; background-position: left center; padding-bottom: 5px; } body.FirestormPage_PartyTask_SetUpParty_aspx .PTSUP_Button { border-radius: 2px; color: #fff; height: auto !important; font-size: 14px !important; font-weight: normal; padding: 6px 15px; text-align: center; background-image: none; text-decoration: none !important; background-color: #333 !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); background-image: none !important; font-size: 21px !important; } body.FirestormPage_PartyTask_SetUpParty_aspx .PTSUP_Button:hover { background-color: #53565A !important; border: none !important; } body.FirestormPage_PartyTask_SetUpParty_aspx .PTSUP_Button:active { background-color: #2D2926 !important; } .PTSUP_Instructions { font-family: inherit !important; font-size: 12px !important; color: inherit !important; } .PTSUP_FieldLabel { font-size: 12px !important; } .PTSUP_FieldLabel input { margin-right: 10px !important; } body.FirestormPage_PartyTask_SetUpParty_aspx .PTPSButton { border-radius: 2px; color: #fff; height: auto !important; font-size: 14px !important; font-weight: normal; padding: 6px 15px; text-align: center; background-image: none; text-decoration: none !important; background-color: #333 !important; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); background-image: none !important; } body.FirestormPage_PartyTask_SetUpParty_aspx .PTPSButton:hover { background-color: #53565A !important; border: none !important; } body.FirestormPage_PartyTask_SetUpParty_aspx .PTPSButton:active { background-color: #2D2926 !important; } .PTSUP_MainQuestion { color: inherit; } body.FirestormPage_PartyTask_SetUpParty_aspx .DWSMainBody { background-color: rgba(255, 255, 255, 0.5) !important; padding: 4px !important; } div#ctl00_MainContent_txtPersonalGreeting { width: auto !important; } @media (max-width: 771px) { .PTSUP_RightColumn, .PTSUP_LeftColumn { width: auto !important; } .PTSUP_SectionRow td { width: auto !important; } } /*********************************/ /* End Party Task - Set Up Party */ /*********************************/ .widget-button { border-radius: 2px; color: #fff; height: auto !important; font-size: 14px !important; font-weight: normal; padding: 6px 15px; text-align: center; background-image: none; text-decoration: none !important; background-color: #000; border: none !important; text-align: center; cursor: pointer !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); } .widget-button:hover { background-color: #444; border: none !important; } .widget-button:active { background-color: #444; } /*********************************/ /* Start Party Host Manager page*/ /*********************************/ .PHMMainHeader { font-weight: bold; font-size: 18px; color: white; font-family: inherit; background-color: #333; text-align: left; background-image: none; background-repeat: no-repeat; padding-top: 10px; padding-left: 15px; padding-bottom: 10px; line-height: 22px; } .PHMHeader { font-weight: bold; font-size: 12px; color: white; font-family: inherit; background-color: #565459; line-height: 18px; vertical-align: text-top; padding-top: 4px; padding-left: 15px; padding-bottom: 4px; } .PHMBox { border-right: none; border-top: none; border-bottom: none; border-left: none; font-size: inherit; color: black; font-family: inherit; } .PHMOddRow td, .PHMEvenRow td, .PHMGuestEvenRow td, .PHMGuestOddRow td { padding: 3px 10px; } .PHMOddRow { font-size: 14px; color: #000000; font-family: inherit; background-color: #FFFFFF; } .PHMEvenRow { font-size: 14px; color: black; font-family: inherit; background-color: rgba(204, 204, 204, 0.31); } .PHMGuestEvenRow { font-size: 14px; color: black; font-family: inherit; background-color: rgba(204, 204, 204, 0.31); } .PHMGuestOddRow { font-size: 14px; color: black; font-family: inherit; background-color: #FFFFFF; } .FirestormStandardButton { border-radius: 0px; border: 0px solid black; color: #fff; font-family: inherit; font-weight: normal; font-size: 14px; background-color: #333; cursor: hand; background-image: none; height: 25px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.56); } .PHMSeperator { font-family: inherit; font-size: 11px; color: #444; font-weight: bold; margin-top: 15px; margin-top: 15px; display: block; } .PHMEditBox { border: 0px solid #999999; font-size: 14px; color: black; font-family: inherit; background-color: #e9e9e9; padding: 15px; } .PHMEditBox td { padding: 10px 0; border-bottom: 1px rgba(204, 204, 204, 0.48) solid } .PHMDescription { font-size: 14px; color: black; font-family: inherit; } .PHMFieldLabel { font-size: 14px; color: black; font-family: inherit; font-weight: bold; } /*********************************/ /* END Party Host Manager page*/ /*********************************/ /**********************/ /* Host Party History */ /**********************/ .HPHBox { border-right: none; border-top: none; border-bottom: none; border-left: none; font-size: inherit; color: black; font-family: inherit; } .HPHOddRow { font-size: 14px; color: #000000; font-family: inherit; background-color: #FFFFFF; } .HPHEvenRow { font-size: 14px; color: black; font-family: inherit; background-color: rgba(204, 204, 204, 0.31); } } .HPHEvenRow td, .HPHOddRow td { padding: 3px 10px; } .HPHHeader { font-weight: bold; font-size: 12px; color: white; font-family: inherit; background-color: #565459; line-height: 18px; vertical-align: text-top; padding-top: 4px; padding-left: 15px; padding-bottom: 4px; } .HPHTitle { font-weight: bold; font-size: 18px; color: white; font-family: inherit; background-color: #333; text-align: left; background-image: none; background-repeat: no-repeat; padding-top: 10px; padding-left: 15px; padding-bottom: 10px; line-height: 22px; } .HPHTinyText { font-size: 7pt; color: red; font-family: inherit; text-align: center; } #ctl00_MainContent_btnClose, #ctl00_MainContent_btnEdit { border-radius: 0px; border: 0px solid black; color: #fff; font-family: inherit; font-weight: normal; font-size: 14px; background-color: #333; cursor: hand; background-image: none; height: 25px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.56); } img[src*="../art/SingleWomanEdit.gif"] { display: none !important; } /**************************/ /* End Host Party History */ /**************************/ /**************************/ /* widget tables */ /**************************/ .CommissionSummaryWidget td, .TeamLevelWidget td { font-size: 13px !important; } .widget-datatable-container { overflow-y: auto; height: 250px; border-top: rgb(144, 207, 242) 3px solid; border-bottom: rgb(144, 207, 242) 3px solid; } .widget-table { width: 100%; border-collapse: collapse; } .widget-table th { background-color: #444; color: #fff; line-height: normal; padding: 10px; text-align: left; font-size: 13px; } .widget-table td { background-color: white; color: #444; line-height: normal; padding: 10px 2px 10px 10px; border-bottom: 1px dotted #ccc; } .widget-table .widget-totals-row { background-color: #dedede; font-weight: 500; border-top: double 5px #444; color: #000; } .widget-warning { position: absolute; background-color: white; border-left: 6px solid red; padding: 6px 15px; bottom: 8px; display: block; color: red; width: 98%; font-size: 12px; } .TeamLevelWidget .widget-warning { border-left: 6px solid #37c89e; color: #37c89e; } .widget-title { line-height: normal; margin: 0px; display: inline; color: inherit; font-size: 24px; font-weight: 300; width: 50%; float: left; margin-top: 20px; } .widget-datatable-container { clear: both; } .auto-height-widget.auto-height-widget { height: auto !important; padding: 0 !important; } /***********************/ /* RANK WIDGET CLASSES */ /***********************/ /*start rank widget layout*/ .rank-widget-container { /*max-width: 1920px;*/ margin: auto; width: 100%; line-height: 1.5; background-color: #e7e7e7; margin-top: 0; } .rank-widget-flex-grid { color: white; display: -webkit-box; display: -ms-flexbox; display: flex; } .rank-widget-col { margin-left: 0 rem; margin-right: 0 rem; padding: 1rem; } .rank-widget-sidebar { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: #2f333b; color: white; max-width: 330px; } .rank-widget-sidebar h2 { color: white !important; } .rank-widget-main { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } .rank-widget-content { background-color: #fff; border: 0px solid #e6e6e6; color: #444; padding: 15px; } .widget-panel-heading { color: #444; font-size: 18px; } .rank-widget-sidebar .desktop-buttons a:link, .rank-widget-sidebar .desktop-buttons a:visited { -webkit-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; text-align: center; display: block; font-size: 16px; line-height: 18px; margin: 15px 0; padding: 10px 10px; text-decoration: none; background-color: #555; color: white; } .rank-widget-sidebar .desktop-buttons a:active, .rank-widget-sidebar .desktop-buttons a:hover { color: white; font-size: 16px; background-color: #7c7c7c; } /*Start Tab CSS*/ .general-tab { overflow: hidden; border: 0px solid #ccc; background-color: #f1f1f1; } /* Style the buttons inside the tab */ .general-tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 17px; overflow: visible; } /* Change background color of buttons on hover */ .general-tab button:hover { background-color: #2f333b !important; color: white; } .general-tab button.infocus:hover { background-color: #2098D1 !important; } /* Create an active/current tablink class */ .general-tab button.infocus { background-color: #2098D1; text-decoration: none; color: #fff; overflow: visible; position: relative; display: block; } /* Style the tab content */ .tabcontent { display: none; padding: 6px 12px; border: 0px solid #ccc; border-top: none; min-height: 200px; } .general-tab button.tablinks.infocus::after { background-color: transparent; text-decoration: none; color: #ccc; position: absolute; bottom: -1px; left: 50%; margin-left: -10px; width: 0; height: 0; border: solid transparent; border-width: 10px; border-bottom-color: #fff; content: ''; pointer-events: none; } /* aside button hover */ .h-sweep-up { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } /* Sweep To Top */ .h-sweep-up { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .h-sweep-up:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .h-sweep-up:hover, .h-sweep-up:active { color: white !important; } .h-sweep-up:hover:before, .h-sweep-up:active:before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .h-sweep-up.goal-rank { border: 2px solid goldenrod; } .h-sweep-up.selected-rank { background: #2098D1 !important; color: white !important; } /*Rank Widget MQ*/ @media only screen and (max-width:70em) { .general-tab button { font-size: 14px; } .rank-widget-sidebar { max-width: none; } } @media only screen and (max-width:50em) { .general-tab button { font-size: 12px; width: 100% !important; } .general-tab button.tablinks.infocus::after { display: none; } .rank-widget-sidebar a { font-size: 12px !important; } .rank-widget-sidebar h2 { font-size: 12px !important; } } @media only screen and (max-width:30em) { .rank-widget-flex-grid { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .rank-widget-col.rank-widget-main { padding: 0rem; } /*toggle rank menus*/ .widget-dropdown { display: block !important; } .desktop-buttons { display: none !important; } .rank-widget-sidebar { -webkit-box-flex: auto !important; -ms-flex: auto !important; flex: auto !important; } } .widget-dropdown { display: none; } /* /toggle rank menus*/ /*part 2*/ .rank-widget-message { margin: 15px 10px 0 0; padding: 15px 15px 0; border-radius: 15px; min-width: 100%; } .rank-widget-message h3 { font-size: 18px !important; color: #2098D1 !important; font-weight: bold !important; } .rank-widget-message p { color: #2098D1 !important; font-size: 12px !important; } .rank-req-details h2 { font-weight: bold !important; } h2.rank-title { font-weight: normal !important; font-size: 23px !important; -ms-flex-preferred-size: 100%; flex-basis: 100%; flex-wrap: wrap; margin-top: 20px; margin-left: 10px; margin-bottom: 0px !important; color: #2098D1 !important; } .rank-req-numbers div { width: 100%; text-align: center; line-height: 18px; } .rank-req-numbers-req { padding: 10px; color: #0c6c90 } .rank-req-numbers-alt { padding: 10px; border-left: 1px dotted #ccc; color: #0c6c90 } .rank-donut { margin-right: 0px; height: 250px; } @media only screen and (max-width:70em) { .rank-donut { height: 150px; } } .tab-content-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 20px; border-top: solid 1px #b5b5b5; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tab-content-flex:first-child { background-color: rgba(235, 235, 235, 0.44); } .rank-req-details-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .rank-req-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; width: 75%; padding: 10px; } .rank-req-numbers { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; } .rank-req-numbers strong { display: block; } .rank-req-text { max-width: 630px; } .rank-donut { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 25%; max-width: 350px; } .rank-req-details { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .rank-req-text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 50%; } .rank-req-text p { margin-bottom: 5px !important; } .rank-req-numbers { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .rank-widget-message { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media only screen and (max-width:70em) { .rank-req-details-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .rank-req-text { width: 100% !important; } .rank-req-numbers { width: 100% !important; } } .rank-req-text h1 { font-size: 18px !important; margin-top: 4px !important; margin-bottom: 4px !important; } .rank-req-details h3 { font-size: 21px !important; margin-top: 0px !important; margin-bottom: 0px !important; } @media only screen and (max-width:50em) { .tab-content-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .rank-req-details { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; } .rank-donut { max-width: 250px !important; margin: 0 auto !important; width: 80%; margin-top: 40px !important; } .rank-req-text p { font-size: 12px; } .rank-req-numbers-req, .rank-req-numbers-alt { font-size: 12px; } .rank-widget-content { padding: 0 !important; } } /***************************/ /* END RANK WIDGET CLASSES */ /***************************/ /********************************/ /*FIRESTORM LINEAR GAUGE CLASSES*/ /********************************/ .wh-graph-light-grey, .wh-graph-hover-light-grey:hover, .wh-graph-light-gray, .wh-graph-hover-light-gray:hover { color: #000 !important; background-color: #d8eaed !important; } /*animation keyframes:*/ @-webkit-keyframes changeColorGreenToBlue { 0% { background-color: rgb(85, 118, 208); } 50% { background-color: rgb(133,184,222); } 100% { background-color: rgb(85, 118, 208); } } @keyframes changeColorGreenToBlue { 0% { background-color: rgb(85, 118, 208); } 50% { background-color: rgb(133,184,222); } 100% { background-color: rgb(85, 118, 208); } } @-webkit-keyframes changeColorBlueToGreen { 0% { background-color: rgb(85, 118, 208); } 50% { background-color: rgb(133,184,222); } 100% { background-color: rgb(85, 118, 208); } } @keyframes changeColorBlueToGreen { 0% { background-color: rgb(85, 118, 208); } 50% { background-color: rgb(133,184,222); } 100% { background-color: rgb(85, 118, 208); } } .wh-graph-bar { color: #fff !important; position: relative !important; -webkit-box-sizing: content-box; box-sizing: content-box; /*animation setting:*/ -webkit-animation: changeColorGreenToBlue ease; animation: changeColorGreenToBlue ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: changeColorBlueToGreen; animation-name: changeColorBlueToGreen; animation-iteration-count: infinite; animation-duration: 4s; } .wh-graph-container, .wh-graph-panel { text-align: center; } .wh-red-yellow-green-bar { position: relative; height: 8px; width: 100%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ed0e0e+0,eded63+29,eded63+69,a4db46+100 */ background: #ed0e0e; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#ed0e0e),color-stop(29%, #eded63),color-stop(69%, #eded63),to(#a4db46)); background: -o-linear-gradient(left, #ed0e0e 0%,#eded63 29%,#eded63 69%,#a4db46 100%); background: linear-gradient(to right, #ed0e0e 0%,#eded63 29%,#eded63 69%,#a4db46 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0e0e', endColorstr='#a4db46',GradientType=1 ); /* IE6-9 */ } .wh-graph-light-grey { position: relative; overflow: hidden; height: 25px; } .wh-bar-graph-down { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 14px solid #0b0b0b; position: absolute; right: -4px; top: -8px; border-radius: 50%; } .wh-less-than-10 span { position: relative; left: 40px; color: #444; font-size: 12px; font-family: sans-serif; } .wh-graph-bar span { font-size: 12px; font-family: sans-serif !important; vertical-align: top; line-height: 17px; } .widget-sm-txt { font-size: 11px; } /************************************/ /*END LINEAR FIRESTORM GAUGE CLASSES*/ /************************************/ /**********************************/ /* FIRESTORM RADIAL GAUGE CLASSES */ /**********************************/ .chart-text { font: 12px/1.4em "Roboto", Arial, sans-serif; fill: #000; -ms-transform: translateY(0.25em); -webkit-transform: translateY(0.25em); transform: translateY(0.25em); } .chart-number { font-size: 0.6em; line-height: 1; text-anchor: middle; -ms-transform: translateY(-0.25em); -webkit-transform: translateY(-0.25em); transform: translateY(-0.25em); } .chart-label { font-size: 0.2em; text-transform: uppercase; text-anchor: middle; -ms-transform: translateY(0.7em); -webkit-transform: translateY(0.7em); transform: translateY(0.7em); } /**************************************/ /* END FIRESTORM RADIAL GAUGE CLASSES */ /**************************************/ /**************************************/ /* START WIDGET DROPDOWN MENU CLASSES(used on mobile sizes) */ /**************************************/ .widget-dropbtn, .close-widget-menu { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; width: 100%; } .widget-dropdown { position: relative; } .widget-dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; width: 100%; height: 400px; overflow-y: scroll; } .widget-dropdown-content a { color: black !important; padding: 12px 16px; text-decoration: none !important; display: block; } .widget-dropdown-content a:hover { background-color: #ddd; } .widget-display-off { display: none; } .widget-display-on { display: block; } .widget-dropdown:hover .widget-dropbtn { background-color: #3e8e41; } /**************************************/ /* END WIDGET DROPDOWN MENU CLASSES */ /**************************************/ /**************************************/ /* START RANK WIDGET OVER ALL BAR GRAPH*/ /**************************************/ .widget-lrg-txt { font-size: 20px !important; margin-top: 4px !important; margin-bottom: 4px !important; text-align: left !important; } .big-bar-graph1 .wh-red-yellow-green-bar { display: none; } .big-bar-graph1 { padding: 20px 5px !important; background-color: #e7e7e7 !important; overflow: hidden; } .big-bar-graph1 .wh-bar-graph-down { width: 2px; height: 40px; border-left: 0px solid transparent; border-right: 0px solid transparent; border-top: 0px solid #0b0b0b; position: absolute; background-color: black; top: -7px; right: 0px; } .big-bar-graph1 .wh-graph-light-grey { overflow: visible; } .big-bar-graph1 span { padding: 0 10px !important; text-align: center; display: block; line-height: 25px; } .big-bar-graph1 .wh-graph-light-grey { background-color: #d2d3d4 !important; border-radius: 12px; height: 25px; } .big-bar-graph1 .wh-graph-bar span { vertical-align: middle !important; } .big-bar-graph1 .wh-graph-bar { border-radius: 12px 0 0 12px; animation-iteration-count: 0; animation-duration: 0s; -webkit-animation: none; animation: none; background-color: #555; height: 25px; } span.big-bar-graph-text { color: inherit; } .widget-datatable-container .widget-table { margin-bottom: 140px; } /**************************************/ /*FIXES 2021 JAN DG*/ /* FIX TABEL ON PROUCY REPORT TOOL*/ .TPRSuppressSummaryBox { display: revert; } /*fix for create party tool checkbox not clickable in IE*/ td.HPPartyInfoCell { width: 30px !important; } /* 4/21/2021 JTR - Added dino's new classes for config flyout menu control*/ .special-active::before { content: "\2713"; position: absolute; left: 10px; } .sidenav .closebtn, .open-options-menu { position: absolute; top: 0; right: 10px; font-size: 45px; cursor: pointer; color: #8e8e8e; } .sidenav .closebtn:hover, .open-options-menu:hover { position: absolute; top: 0; right: 10px; font-size: 45px; cursor: pointer; color: rgba(142, 142, 142, 0.53); } .sidenav { height: 100%; position: fixed; top: 0; right: -400px; background-color: #2e2d2d; overflow-x: hidden; transition: 0.5s; padding-top: 10px; text-align: left; min-width: 300px; z-index: 99999; } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 15px; color: #e6e6e6; display: block; transition: 0.3s; } .sidenav a:hover { color: #fff; } .sidenav h3.side-catagory { padding: 8px 8px 8px 22px !important; margin-bottom: 0 !important; text-decoration: none; font-size: 25px !important; color: #fff !important; display: block; } @media screen and (max-height: 450px) { .sidenav { padding-top: 15px; } .sidenav a { font-size: 18px; } } /* END dino's new classes for config flyout menu control*/ /* START move welcome left to make room for gear menu icon/button */ h1.welcome { margin-right: 100px !important; } /* END move welcome left to make room for gear menu icon/button */ /* Start new widget images for Commission Summary and Team Level widgets */ .CommissionSummaryWidget .widget-image { background-image: url(art/WidgetImages/widget-commission-graph-01.png); background-size: auto; height: 80px; background-repeat: no-repeat; background-position: right top; width: 50%; float: right; display: inline; } .TeamLevelWidget .widget-image { background-image: url(art/WidgetImages/widget-team-01.png); background-size: auto; height: 80px; background-repeat: no-repeat; background-position: right top; width: 50%; float: right; display: inline; } /* END new widget images for Commission Summary and Team Level widgets */ /*edits 5-12-2021 make more space for gear icon*/ .MainBackofficeLogo { margin: 10px 0; } /* 8/27/2021 JTR Dinos new classes for quick links*/ .quick-link-bar { background-color: #fff; color: white; padding: 0px; width: 100%; box-sizing: border-box; margin: 0 auto; position: relative; display: flex; flex-direction: row; justify-content: flex-start; border-bottom: 1px #333 solid } .quick-link-bar a:link, .quick-link-bar a:visited { position: relative; color: rgba(0, 0, 0, 0.72); margin: 0; text-decoration: none; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; display: flex; justify-content: center; flex-wrap: wrap; font-family: inherit; font-size: 16px; line-height: 18px; padding: 10px; box-sizing: border-box; } .quick-link-bar a:hover, .quick-link-bar a:active { color: #fff; text-decoration: none; background-color: #444; } .quick-link-bar span { margin: 0 10px; font-family: inherit; font-size: 16px; line-height: 18px; padding: 10px; color: rgba(0, 0, 0, 0.72); font-weight: bold; } /*11/05/2121 DG edited after item on quick links menu to align better and colored it black*/ .quick-link-bar a::after { text-align: center; opacity: 0; content: ''; position: absolute; bottom: -0px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #444; font-weight: bold; clear: both; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .quick-link-bar a:hover::after { opacity: 1; } @media (max-width:50em) { .quick-link-bar { padding: 10px; width: 100%; display: inline-block; /* flex-direction: column;*/ justify-content: flex-start; } .quick-link-bar a { width: 50% !important; /* display: block !important;*/ margin: 6px 0 !important; float: left; } .quick-link-bar span { width: 100%; display: block; margin: 0 !important; } .quick-link-bar a::after { display: none; } } /*sticky main menu*/ #ctl00_ResponsiveMenuContainerCell, #ctl00_RadHorizMenuCell { position: sticky; top: 0; z-index: 3; } /*DASHBOARD HERO IMAGE AND CONTAINER CSS*/ .dashboard_decoration { display: block; /* temporary till we get a switch to turn it on and off */ height: 25vw !important; width: 100%; background-size: cover; background-repeat: no-repeat; background-image: url(./fs-images/dd-default.jpg); } .dashboard_decoration.dd_english { background-image: url(./fs-images/dd-english.jpg); background-image: url(./fs-images/dd-default.jpg); background-position: center; } .dashboard_decoration.dd_french { background-image: url(./fs-images/dd-french.jpg); background-image: url(./fs-images/dd-default.jpg); background-position: center; } .dashboard_decoration.dd_spanish { background-image: url(./fs-images/dd-spanish.jpg); background-image: url(./fs-images/dd-default.jpg); background-position: center; } .dashboard_decoration.dd_japanese { background-image: url(./fs-images/dd-japanese.jpg); background-image: url(./fs-images/dd-default.jpg); background-position: center; } @media (min-width: 2400px) { .dashboard_decoration { max-height: 600px !important; width: 100%; background-color: #f2f2f1; background-size: 2200px; } } /*END DASHBOARD HERO IMAGE AND CONTAINER CSS*/ /* PARTY ACTIVITY TOOL */ #backofficePAT { padding: 30px; } #backofficePAT input[type=checkbox], #backofficePAT input[type=radio] { margin: 0px; position: relative; bottom: 1px; } #backofficePAT input[type=radio] { height: 15px; margin-right: 5px; } #backofficePAT input[type=checkbox] { height: 15px; } #backofficePAT input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 40px; border: solid 1px transparent; border-color: var(--backoffice-PAT-light, #cccccc) !important; border-radius: 6px; } #backofficePAT input[type=submit], #backofficePAT input[type=button] { background-color: var(--backoffice-PAT-button, var(--backoffice-PAT-theme, #474747)); border: solid 1px var(--backoffice-PAT-button, var(--backoffice-PAT-theme, #474747)) !important; color: #fff; border: none; display: inline-block; text-decoration: none; padding: 8px 12px; transition: background-color 0.3s ease; } #backofficePAT input[type=submit]:hover, #backofficePAT input[type=button]:hover { cursor: pointer; color: var(--backoffice-PAT-button, var(--backoffice-PAT-theme, #474747)); background-color: transparent; border: solid 1px var(--backoffice-PAT-button, var(--backoffice-PAT-theme, #474747)); } #backofficePAT label { margin: 0px; } #backofficePAT table.backofficePAT > tbody { display: inline; } #backofficePAT table.backofficePAT > tbody > tr { display: grid; border-collapse: collapse; min-width: 100%; grid-auto-columns: 100%; grid-auto-rows: auto; grid-template-columns: repeat(var(--backoffice-PAT-columns, 11), 1fr); } #backofficePAT thead, #backofficePAT tbody, #backofficePAT tr { position: relative; } #backofficePAT td { color: var(--backoffice-PAT-order-table-content, var(--backoffice-PAT-order-table-theme, #474747)); } #backofficePAT td::before { color: var(--backoffice-PAT-order-table-mobile-labels, #aaa); display: block; font-size: 10px; } #backofficePAT th { color: var(--backoffice-PAT-order-table-headers, var(--backoffice-PAT-order-table-theme, var(--backoffice-PAT-theme, #474747))); justify-content: center; align-items: center; text-align: center; } #backofficePAT section > h2 { color: var(--backoffice-PAT-titles, var(--backoffice-PAT-theme, #474747)) !important; text-align: left; margin-bottom: 10px !important; width: 100%; } #backofficePAT .activityReveal:hover::before { opacity: 0.5; cursor: pointer; } #backofficePAT .activityReveal::before { content: "⇳"; display: inline-block; } #backofficePAT #actionEmailOptions { display: flex; -moz-column-gap: 30px; column-gap: 30px; } #backofficePAT #actionEmailTemplate, #backofficePAT #actionSparkOption { position: relative; } #backofficePAT #actionEmailTemplate label, #backofficePAT #actionSparkOption label { display: inline-flex; align-items: center; position: relative; } #backofficePAT #actionEmailTemplate label::after, #backofficePAT #actionSparkOption label::after { color: var(--backoffice-PAT-select-box, var(--backoffice-PAT-theme, #474747)); content: "⌄"; position: absolute; content: ""; width: 0px; height: 0px; border: solid 5px transparent; border-top-color: var(--backoffice-PAT-select-box, var(--backoffice-PAT-theme, #474747)); right: 4px; bottom: 10px; margin: auto; } #backofficePAT #actionSparkSelect { margin-left: 10px; } #backofficePAT #actionSendOption { align-items: center; display: flex; -moz-column-gap: 5px; column-gap: 5px; } #backofficePAT #actionSparkOption { position: relative; -moz-column-gap: 5px; column-gap: 5px; display: flex; align-items: center; } #backofficePAT #actionTools { display: flex; align-items: center; -moz-column-gap: 30px; column-gap: 30px; row-gap: 12px; flex-wrap: wrap; } #backofficePAT #actionTools select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border: solid 1px transparent; border-color: var(--backoffice-PAT-select-box, var(--backoffice-PAT-theme, #474747)); border-radius: 6px; color: var(--backoffice-PAT-select-box, var(--backoffice-PAT-theme, #474747)); font-weight: 300; line-height: 30px; padding: 0px 20px 0px 5px; margin-left: 10px; } #backofficePAT #searchDate { display: inline-flex; -moz-column-gap: 5px; column-gap: 5px; } #backofficePAT #searchDate input[type=text] { flex: 2; } #backofficePAT #searchDate > span { display: flex; align-items: center; position: relative; text-align: center; } #backofficePAT #searchDate tbody > tr { display: flex; align-items: center; flex-wrap: nowrap; } #backofficePAT #searchDate .RadPicker_Vista .rcCalPopup { color: var(--backoffice-PAT-theme, #474747); font-size: 10px; min-width: 22px; } #backofficePAT #searchDate .RadInput { display: block !important; } #backofficePAT #searchDate .RadInput > input[type=text] { display: block; flex: none; width: 100%; line-height: 38px; height: auto; } #backofficePAT #searchDate > .RadPicker { width: 100% !important; } #backofficePAT #searchDate > .RadPicker > table > tbody > tr > td { flex: 2; width: auto !important; } #backofficePAT #searchDate > .RadPicker > table > tbody > tr > td:last-child { flex: 0; justify-content: flex-end; text-align: right; } #backofficePAT #searchDate #ctl00_MainContent_lblEndDate { margin-left: 10px; } #backofficePAT #searchDate #ctl00_MainContent_cboStartDate_wrapper, #backofficePAT #searchDate #ctl00_MainContent_cboEndDate_wrapper { display: flex !important; align-items: center; } #backofficePAT #searchFilters { display: flex; -moz-column-gap: 30px; column-gap: 30px; width: 100%; } #backofficePAT #searchFilters label { margin: 0px 0px 0px 5px; } #backofficePAT #searchScope { display: inline-flex; justify-content: space-between; -moz-column-gap: 10px; column-gap: 10px; max-width: 950px; width: 100%; } #backofficePAT #searchIcon { position: absolute; z-index: 1; width: 20px; height: 20px; } #backofficePAT #searchIcon path { fill: var(--backoffice-PAT-titles, var(--backoffice-PAT-theme-light, #cccccc)); } #backofficePAT #searchText { display: flex; margin: 10px 0px; padding-left: 8px; position: relative; align-items: center; width: 100%; height: 40px; } #backofficePAT #searchTextField { flex: 2; position: absolute; text-indent: 50px; left: 0; max-width: 950px; width: 100%; } #backofficePAT #searchTextField:focus { box-shadow: 0px 0px 5px 0px #aaa; outline: none; } #backofficePAT #searchTextField:focus ~ #predictiveResults, #backofficePAT #searchTextField:focus ~ #predictiveProductResults { box-shadow: 0px 5px 5px 0px #aaa; } #backofficePAT #searchText #predictiveResults, #backofficePAT #searchText #predictiveProductResults { display: none; position: absolute; top: 40px; left: 45px; max-width: 300px; border: solid 1px var(--backoffice-PAT-light, #cccccc); border-top-color: #fff; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; overflow: hidden; } #backofficePAT #searchText #predictiveResults.reveal, #backofficePAT #searchText #predictiveProductResults.reveal { display: block; } #backofficePAT #searchText #predictiveResults ul, #backofficePAT #searchText #predictiveProductResults ul { background-color: #fff; border: solid 1px transparent; border-bottom-width: 0px; border-right-width: 0px; border-left-width: 0px; -o-border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--backoffice-PAT-light, #cccccc), rgba(255, 255, 255, 0)) 1; border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--backoffice-PAT-light, #cccccc), rgba(255, 255, 255, 0)) 1; list-style: none; margin: 0px; padding: 0px; position: relative; z-index: 3; min-width: 300px; max-height: 494px; overflow-y: scroll; } #backofficePAT #searchText #predictiveResults li, #backofficePAT #searchText #predictiveProductResults li { display: none; width: 100%; } #backofficePAT #searchText #predictiveResults li a, #backofficePAT #searchText #predictiveProductResults li a { display: block; text-decoration: none; padding: 10px 5px; width: inherit; color: var(--backoffice-PAT-theme, #777); transition: opacity 0.3s ease, padding 0.3s ease; opacity: 0.8; } #backofficePAT #searchText #predictiveResults li a:hover, #backofficePAT #searchText #predictiveProductResults li a:hover { opacity: 1; padding-left: 10px; } #backofficePAT #searchText #predictiveResults li.reveal, #backofficePAT #searchText #predictiveProductResults li.reveal { display: block; } #backofficePAT #searchTypes { align-items: center; display: inline-flex; -moz-column-gap: 20px; column-gap: 20px; } #backofficePAT #searchTypes label { margin-left: 3px; } #backofficePAT #searchTypes .searchType { display: flex; align-items: center; } #backofficePAT .backofficeToolSearch, #backofficePAT .backofficeToolActionBar { background-color: var(--backoffice-PAT-theme-light, #dfdfe0); padding: 15px; } #backofficePAT .backofficeToolSearch { display: flex; flex-wrap: wrap; } #backofficePAT .backofficeToolSearch input[type=submit] { margin-top: 20px; } #backofficePAT .backofficeToolSort { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; margin-left: auto; margin-top: 20px; } #backofficePAT .backofficeToolSortLabels { display: flex; position: relative; } #backofficePAT .backofficeToolSortLabels span { font-size: 12px; position: relative; z-index: 2; padding: 0px 10px; } #backofficePAT .backofficeToolSort label { background-color: #fff; color: var(--backoffice-PAT-theme, #474747); display: inline-block; font-weight: lighter; border-left-width: 0px; border-right-width: 0px; border-top: solid 3px var(--backoffice-PAT-theme, #474747); border-bottom: solid 1px var(--backoffice-PAT-theme, #474747); -o-border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--backoffice-PAT-theme, #474747), rgba(255, 255, 255, 0)) 1; border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--backoffice-PAT-theme, #474747), rgba(255, 255, 255, 0)) 1; position: relative; margin-bottom: 10px; padding: 0px 10px; z-index: 2; } #backofficePAT .backofficeToolSort label::after { display: block; content: ""; border: solid 1px var(--backoffice-PAT-theme, #474747); -o-border-image: linear-gradient(135deg, rgba(255, 255, 255, 0), var(--backoffice-PAT-theme, #474747)) 1; border-image: linear-gradient(135deg, rgba(255, 255, 255, 0), var(--backoffice-PAT-theme, #474747)) 1; transform: rotate(45deg); width: 5px; height: 5px; position: absolute; right: 0; bottom: -8px; left: 0; margin: auto; z-index: 0; } #backofficePAT .backofficeToolSort label::before { content: "."; display: inline-block; background-color: var(--backoffice-PAT-theme, #474747); -webkit-mask: url('data:image/svg+xml; utf8, ') no-repeat 50% 50%; mask: url('data:image/svg+xml; utf8, ') no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; width: 20px; } #backofficePAT .backofficeToolSort label + div { display: flex; flex-direction: column; text-align: right; } #backofficePAT .backofficeToolActionBar { margin-top: 40px; } #backofficePAT table.backofficePAT { margin-top: 40px; } #backofficePAT table.backofficePAT > tbody > tr > td { display: flex; justify-content: center; align-items: center; align-self: center; color: var(--backoffice-PAT-theme-alt, #474747); text-align: center; } #backofficePAT table.backofficePAT > tbody > tr > td a { color: var(--backoffice-PAT-theme-alt, #474747); } #backofficePAT table.backofficePAT > tbody > tr > th { border-bottom: solid 3px transparent; border-bottom-color: var(--backoffice-PAT-order-table-theme, var(--backoffice-PAT-theme, #474747)); display: flex; align-items: flex-end; padding-bottom: 5px; } #backofficePAT table.backofficePAT .productActivity { border-bottom: solid 1px var(--backoffice-PAT-theme-alt, #474747); height: 0%; max-height: 0px; padding: 0px; grid-column: span var(--backoffice-PAT-columns, 11); transition: height 0.3s ease; } #backofficePAT table.backofficePAT .productActivity > .activityReveal { bottom: 0px; display: none; position: absolute; right: 0; top: -50px; } #backofficePAT table.backofficePAT .productActivity > .activityReveal::before { border-radius: 40px; border: solid 1px; height: 30px; width: 30px; content: "+"; font-size: 16px; line-height: 28px; margin-bottom: 10px; } #backofficePAT table.backofficePAT .productActivity.reveal { height: 100%; max-height: 3000px; opacity: 1; } #backofficePAT table.backofficePAT .productActivity.reveal > .activityReveal::before { content: "-"; } #backofficePAT table.backofficePAT .productActivity.reveal table.productTable { display: inline-table; margin-bottom: 0px; } #backofficePAT table.backofficePAT .orderContact, #backofficePAT table.backofficePAT .orderHeaderContact { -moz-column-gap: 14px; column-gap: 14px; flex-wrap: wrap; word-break: break-word; } #backofficePAT table.backofficePAT .orderContact a, #backofficePAT table.backofficePAT .orderHeaderContact a { text-decoration: none; border-bottom: none; } #backofficePAT table.backofficePAT .orderContact a:hover, #backofficePAT table.backofficePAT .orderHeaderContact a:hover { text-decoration: underline; } #backofficePAT table.backofficePAT .orderID, #backofficePAT table.backofficePAT .orderHeaderID { word-break: break-word; } #backofficePAT table.backofficePAT .orderName, #backofficePAT table.backofficePAT .orderHeaderName { justify-content: flex-start; word-break: break-word; text-align: left; grid-column: span 2; } #backofficePAT table.backofficePAT .orderName .activityReveal, #backofficePAT table.backofficePAT .orderHeaderName .activityReveal { font-size: 16pt; height: 18px; line-height: 16px; margin: 0px 5px; position: relative; z-index: 2; } #backofficePAT table.backofficePAT .orderType, #backofficePAT table.backofficePAT .orderHeaderType { position: relative; z-index: 0; height: 100%; text-align: center; } #backofficePAT table.backofficePAT .orderTypeWrapper, #backofficePAT table.backofficePAT .orderHeaderTypeWrapper { display: flex; justify-content: center; align-items: center; height: 100%; } #backofficePAT table.backofficePAT .orderType span, #backofficePAT table.backofficePAT .orderHeaderType span { display: inline-block; position: relative; height: 20px; width: 20px; line-height: 20.5px; text-align: center; border-radius: 20px; background-color: transparent; color: var(--backoffice-PAT-theme-alt, #474747); justify-content: center; align-items: center; } #backofficePAT table.backofficePAT .orderType span.orderType1, #backofficePAT table.backofficePAT .orderHeaderType span.orderType1 { background-color: var(--backoffice-PAT-theme-alt, #aaa); color: #fff; } #backofficePAT table.backofficePAT .orderType span.orderType2, #backofficePAT table.backofficePAT .orderHeaderType span.orderType2 { background-color: var(--backoffice-PAT-theme, #474747); color: #fff; } #backofficePAT table.backofficePAT .orderType span.orderType3, #backofficePAT table.backofficePAT .orderHeaderType span.orderType3 { background-color: transparent; color: var(--backoffice-PAT-theme, #474747); border: solid 1px var(--backoffice-PAT-theme, #474747); } #backofficePAT table.backofficePAT .orderType span.orderType4, #backofficePAT table.backofficePAT .orderHeaderType span.orderType4 { background-color: transparent; color: var(--backoffice-PAT-theme-alt, #aaa); border: solid 1px var(--backoffice-PAT-theme-alt, #aaa); } #backofficePAT table.backofficePAT .orderName { padding: 20px 0px; } #backofficePAT table.productTable { display: none; border: none; border-collapse: collapse; width: 100%; } #backofficePAT table.productTable > thead { border-bottom: solid 3px var(--backoffice-PAT-theme, #474747); } #backofficePAT table.productTable tbody, #backofficePAT table.productTable tr { /*display: contents;*/ } #backofficePAT table.productTable > tbody > tr { background-color: var(--backoffice-PAT-theme-alt-light, #eeeeee); padding: 20px; position: relative; align-items: center; } #backofficePAT table.productTable th { color: var(--backoffice-PAT-product-table-headers, var(--backoffice-PAT-product-table-theme, var(--backoffice-PAT-theme, #474747))); } #backofficePAT table.productTable td { color: var(--backoffice-PAT-product-table-content, var(--backoffice-PAT-theme-alt, #474747)); } #backofficePAT table.productTable .productDescription { align-items: baseline; position: relative; overflow: hidden; transition: max-height 0.5s ease, margin-bottom 0.3s ease; width: 20.5%; } #backofficePAT table.productTable .productQuantity { text-align: center; } #backofficePAT table.productTable .productTitle { text-align: center; flex: 2; } #backofficePAT table.productTable td.productThumbnail { background-color: var(--backoffice-PAT-product-thumb-bg, var(--backoffice-PAT-theme-alt-light, transparent)); justify-content: center; text-align: center; } #backofficePAT table.productTable td.productThumbnail img { max-width: 50px; } #backofficePAT table.productTable td.productSKU { text-align: center; } #backofficePAT table.productTable td.productOrderNumber { text-align: center; } #backofficePAT table.productTable td.productLastPurchase { text-align: center; } #backofficePAT table.productTable td.productDescription { font-size: 12px; justify-content: center; margin-bottom: 0px; } @media screen and (max-width: 888px) { #backofficePAT { padding: 0px; } #backofficePAT tbody { flex-direction: column; } #backofficePAT tbody > tr > td { border-bottom: none !important; flex: none; margin: 0px; padding: 0px; flex-wrap: wrap; } #backofficePAT #actionEmailOptions { flex-direction: column; width: 100%; } #backofficePAT #actionEmailTemplate { width: 100%; } #backofficePAT #actionEmailTemplate > label { display: inline-flex; flex-direction: column; align-items: flex-start; } #backofficePAT #actionEmailTemplate label::after, #backofficePAT #actionSparkOption label::after { right: unset; left: 90%; } #backofficePAT #actionSendOption { align-items: center; -moz-column-gap: 5px; column-gap: 5px; } #backofficePAT #actionSparkOption { align-items: flex-start; margin: 25px 0px; } #backofficePAT #actionSparkOption > input { position: absolute; top: 0px; } #backofficePAT #actionSparkOption > label { margin-bottom: 0px; display: flex; align-items: flex-start; flex-direction: column; -moz-column-gap: 5px; column-gap: 5px; } #backofficePAT #actionSparkOption > label > span { margin-left: 20px; } #backofficePAT #actionSparkSelect { display: flex; justify-content: flex-end; } #backofficePAT #actionTools { align-items: flex-start; flex-direction: column; } #backofficePAT #actionTools .hrefButton { text-align: center; margin-top: 20px; margin-left: auto; margin-right: auto; } #backofficePAT #actionTools select { margin-left: 0px; margin-top: 10px; } #backofficePAT #searchDate { display: inline-flex; margin: 20px 0px 0px 0px; -moz-column-gap: 5px; column-gap: 5px; flex-direction: column; } #backofficePAT #searchDate tbody > tr { display: flex; flex-wrap: nowrap; } #backofficePAT #searchDate input { display: block; width: 100%; } #backofficePAT #searchDate #ctl00_MainContent_lblEndDate { margin-left: 0px; } #backofficePAT #searchDate #ctl00_MainContent_cboStartDate_wrapper { margin-bottom: 20px; } #backofficePAT #searchFilters { flex-direction: column; row-gap: 12px; align-items: flex-start; } #backofficePAT #searchFilters input[type=checkbox] { bottom: -1px; } #backofficePAT #searchScope { align-items: flex-start; flex-direction: column-reverse; -moz-column-gap: 0px; column-gap: 0px; } #backofficePAT #searchTypes { align-items: flex-start; flex-direction: column; row-gap: 12px; margin-top: 20px; } #backofficePAT #searchTypes input[type=radio] { bottom: -1px; } #backofficePAT #searchText { max-width: 100%; margin: 20px 0px; } #backofficePAT #searchText #predictiveResults, #backofficePAT #searchText #predictiveProductResults { border-top-right-radius: 6px; border-top-left-radius: 6px; left: 0px; max-width: none; width: 100%; } #backofficePAT #searchText #predictiveResults.reveal, #backofficePAT #searchText #predictiveProductResults.reveal { border-top: solid 1px var(--backoffice-PAT-light, #cccccc); } #backofficePAT thead, #backofficePAT tbody, #backofficePAT tr { display: block; width: 100%; } #backofficePAT tr { grid-template-columns: repeat(3, 1fr) !important; grid-auto-columns: 1fr !important; grid-auto-flow: row dense; grid-auto-rows: auto; width: 100%; } #backofficePAT td { grid-row: span 1; } #backofficePAT .backofficeToolSearch, #backofficePAT .backofficeToolActionBar { padding: 20px; } #backofficePAT .backofficeToolActionBar { margin-top: 20px; } #backofficePAT table.backofficePAT { display: flex; padding: 20px; width: 100%; } #backofficePAT table.backofficePAT th { display: none !important; } #backofficePAT table.backofficePAT td { justify-content: flex-start; grid-column: span 4; } #backofficePAT table.backofficePAT td:not(.orderContact)::before { content: attr(data-mobile-title); display: block; width: 100%; } #backofficePAT table.backofficePAT .orderContact { align-items: flex-start; -moz-column-gap: 0px; column-gap: 0px; flex-direction: column; text-align: left; } #backofficePAT table.backofficePAT .orderContact a { font-size: 12px; padding-left: 15px; position: relative; } #backofficePAT table.backofficePAT .orderContact a::after { content: "☎"; color: var(--backoffice-PAT-order-table-mobile-labels, #aaaaaa); position: absolute; top: -2px; left: 0; } #backofficePAT table.backofficePAT .orderContact a[href*=mailto]::after { content: "✉"; } #backofficePAT table.backofficePAT .orderTypeCustomer { top: 0; text-align: right; display: flex; justify-content: flex-end; } #backofficePAT table.backofficePAT .orderTypeCustomer::before { display: inline-block; } #backofficePAT table.backofficePAT .orderEntry { padding: 20px 0px 60px 0px; position: relative; align-items: flex-start; justify-content: space-between; } #backofficePAT table.backofficePAT .orderEntry .productActivity { margin-top: 20px; } #backofficePAT table.backofficePAT .orderEntry.expanded .productActivity { margin: 30px 0px 60px 0px; } #backofficePAT table.backofficePAT .orderEntry.expanded .activityReveal::before { content: "-"; } #backofficePAT table.backofficePAT .orderEntry::after { content: attr(data-mobile-title); color: var(--backoffice-PAT-text, #474747); display: inline-block; order: 2; position: absolute; bottom: 20px; right: 40px; text-align: right; } #backofficePAT table.backofficePAT .orderEntry td:not(.orderContact)::before { content: attr(data-mobile-title); } #backofficePAT table.backofficePAT .orderEmail { position: relative; margin-bottom: 20px; grid-column: span 4; /* padding-left: 10px; order: -2; width: 100%; */ } #backofficePAT table.backofficePAT .orderID { justify-content: center; text-align: center; grid-column: span 2; } #backofficePAT table.backofficePAT .orderID::before { text-align: center; width: 100%; } #backofficePAT table.backofficePAT .orderLastDate { justify-content: flex-start; text-align: left; grid-column-start: 1; grid-column-end: 2; } #backofficePAT table.backofficePAT .orderLastDate::before { width: 100%; text-align: left; } #backofficePAT table.backofficePAT .orderLastTotal { justify-content: flex-end; text-align: right; grid-column: span 1; } #backofficePAT table.backofficePAT .orderLastTotal::before { text-align: right; width: 100%; } #backofficePAT table.backofficePAT .orderName { grid-column: span 0; margin: 0px; order: 0; padding-left: 10px; padding: 50px 0px 0px 0px; position: relative; text-align: left; word-break: break-word; min-width: 280px; } #backofficePAT table.backofficePAT .orderName .actionCheckbox, #backofficePAT table.backofficePAT .orderName .activityReveal { position: absolute; } #backofficePAT table.backofficePAT .orderName .actionCheckbox { left: 0px; bottom: unset; top: 0px; z-index: 2; } #backofficePAT table.backofficePAT .orderName .activityReveal { display: none; border: solid 1px var(--backoffice-PAT-text, #474747); border-radius: 40px; cursor: pointer; font-size: 30pt; height: 22px; width: 22px; line-height: 32px; margin: 0px; right: 10px; bottom: 18px; } #backofficePAT table.backofficePAT .orderName::before { position: absolute; padding-left: 22px; top: 0px; } #backofficePAT table.backofficePAT .orderPeriodTotal { justify-content: flex-end; text-align: right; margin-top: 0px; pointer-events: none; padding-bottom: 0px; } #backofficePAT table.backofficePAT .orderPeriodTotal::before { width: 50%; } #backofficePAT table.backofficePAT .orderQuantity { align-content: flex-start; align-items: baseline; justify-content: flex-start; text-align: left; width: 50%; position: relative; top: 32px; } #backofficePAT table.backofficePAT .orderQuantity::before { width: 100%; } #backofficePAT table.backofficePAT .orderType { height: auto; flex-direction: row; align-items: flex-end; justify-content: flex-end !important; top: 0px; text-align: right !important; grid-column: span 1; right: 0px; align-self: flex-start; } #backofficePAT table.backofficePAT .orderTypeWrapper { justify-content: flex-end; } #backofficePAT table.backofficePAT .orderType::after { left: auto !important; top: 0px !important; } #backofficePAT table.backofficePAT .orderType::before { width: 100%; display: inline; text-align: right; top: -20px; } #backofficePAT table.backofficePAT .orderTypeCustomer { display: flex; align-self: flex-start; flex-direction: column; align-items: flex-end; justify-content: flex-start; grid-column: span 1; } #backofficePAT table.backofficePAT .productActivity { border-bottom: solid 1px !important; height: 100%; max-height: 0px; padding: 0px; position: relative; grid-column: span 4; margin-bottom: 10px; padding-top: 60px; } #backofficePAT table.backofficePAT .productActivity > .activityReveal { align-items: flex-end; display: inline-flex; position: absolute; right: 0; top: -50px; } #backofficePAT table.backofficePAT .productActivity.reveal .productTable { margin-bottom: 60px !important; } #backofficePAT table.productTable { margin-top: 0px; padding: 0px; } #backofficePAT table.productTable > thead, #backofficePAT table.productTable th { display: none; } #backofficePAT table.productTable > tbody > tr { align-items: flex-start; margin-top: 10px; display: grid; padding: 10px; } #backofficePAT table.productTable > tbody > tr:last-child { margin-bottom: 0px; } #backofficePAT table.productTable .productDescription { height: auto; max-height: none; margin-bottom: 0px !important; margin-top: 20px; width: 100%; } #backofficePAT table.productTable .productDescription::before, #backofficePAT table.productTable .productDescription::after { display: none !important; } #backofficePAT table.productTable .productLastPurchase, #backofficePAT table.productTable .productOrderNumber { grid-column: span 2; } #backofficePAT table.productTable .productLastPurchase { font-size: 12px; text-align: left !important; order: -1; grid-column: span 2; } #backofficePAT table.productTable .productLastPurchase::before { width: 100%; } #backofficePAT table.productTable .productOrderNumber { font-size: 12px; justify-content: flex-end; text-align: right !important; order: -1; } #backofficePAT table.productTable .productOrderNumber::before { width: 100%; } #backofficePAT table.productTable .productSKU, #backofficePAT table.productTable .productQuantity { font-size: 12px; padding-left: 0px; grid-column: span 2; } #backofficePAT table.productTable .productSKU::before, #backofficePAT table.productTable .productQuantity::before { width: 100%; } #backofficePAT table.productTable .productQuantity { right: 10px; justify-content: flex-end; text-align: right; order: 2; } #backofficePAT table.productTable .productSKU { grid-column: span 2; order: 1; left: 10px; text-align: left !important; } #backofficePAT table.productTable .productThumbnail { grid-column: span 4; margin: 0px; text-align: center !important; margin-top: 10px; width: 0px; height: 0px; position: relative; } #backofficePAT table.productTable .productThumbnail img { box-shadow: 0px 0px 3px 0px #bbb; max-height: 50px; width: 50px; } #backofficePAT table.productTable .productTitle { font-size: 14px; grid-column: span 4; padding-left: 70px; margin: 0px 0px 15px 0px; min-height: 50px; text-align: left !important; } #backofficePAT table.productTable .productLastPurchase, #backofficePAT table.productTable .productOrderNumber { /*order: -2;*/ } #backofficePAT .searchType, #backofficePAT .searchFilter { display: flex; width: 100%; } } /* END PARTY ACTIVITY TOOL */ /* 10/22/2021 DG Added classes for all new tool wrapper to match older tools without using tables*/ .tool-wrapper { background-color: #fff; box-sizing: border-box !important; padding-bottom: 45px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1); border-bottom: 50px solid #444; height: 100%; } .tool-title { display: block; font-family: inherit !important; font-weight: 300; font-size: 28px; background-color: transparent; font-weight: 300 !important; padding: 20px !important; margin: 0 auto; border-bottom: solid 1px #ccc; } /* fix graphs on dashboard from being too long in firefox */ #ctl00_MainContent_ChartColumn .card { height: auto !important; } /* 12/02/2021 DG added more styling to HOST PORTAL page*/ .PartyType_EPARTY td.HPPartyInfoCell { margin-top: 0px; margin-right: auto; font-size: 16px; width: 100% !important; } .PartyType_EPARTY .HPDescription, .HPPartyInfoLabel, .HPPartyInfoData, .HPQuickLinkText, .HPQuickLinkLinkText, .SCNText, .HPError, .HP_GuestListInstructions, .PTPSTableHeader, #tblReturnedInvitedGuests td, .HP_CreateEditListInstructions, .HP_Helptext, .HPReturnToTop, .HP_FieldLabel, .HP_AvailableGuestsDescription, .HP_TableHeader, .HP_AvailableBox td, .HP_PersonalizeDescription{ font-size: 16px !important; } .HP_FieldLabel{ padding-right: 10px; padding-left: 5px; } .HPBoxTitle, .HP_AvailableGuestsDescription{ color: #006600; } .HPSectionLabel, .HPSubTitle, .HPBoxTitle{ font-size: 26px; } .HPSectionLabel{ margin-top: 40px; } .HP_Helptext{ max-width: 600px; display: inline-block; margin: 20px; } .HPPartyInfoLabel{ font-weight: bold; } .HPHeaderTable { /* height: 80px; background-image: none; */ background-color: rgb(85, 85, 85); } .HPPartyInfoTable { width: 100% !important; margin: 20px 0px 20px 0; transform: scale(0.86); transition: all .2s ease-in-out; } .HPPartyInfoTable:hover{ transform: scale(1); } .HPPartyInfoLeftCell{ padding: 6px; } .HPPartyInfoSubTable tr{ background-color: #444; } .HPPartyInfoSubTable tr:hover{ background-color: rgba(255, 255, 255, 0.24); } .HPQuickLinkBox { border: 1px solid rgba(0, 51, 102, 0.27); } .PartyType_EPARTY .HPError { animation: pulse-red 2s infinite; margin-top: 50px; } @keyframes pulse-red { 0% { box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7); } 70% { box-shadow: 0 0 0 30px rgba(255, 82, 82, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 82, 82, 0); } } .HPReturnToTop{ background-color: #444; color: white; width: 100px; } .PartyType_EPARTY a[href="#top"]{ text-decoration: none !important; } .HP_GuestAddBox td{ padding: 6px 0 } #HTMLEditorDiv{ background-color: transparent; } #HTMLEditorDiv table{ margin: 0 auto; width: 100%; display: block; }