@import url(../vendor/jquery-ui.min.css);
@import url(../vendor/jquery-ui.theme.min.css);
@import url(../vendor/select2.min.css);
@import url(../vendor/throbber.css);
@import url(../vendor/side-menu.css);
@font-face { font-family: 'GalanoGrotesque2'; src: url("/static/fonts/GG.otf"); }

@font-face { font-family: 'GalanoGrotesque'; src: url("/static/fonts/GalanoGrotesque.woff2") format("woff2"); }

@font-face { font-family: 'KGMissKindergarten'; src: url("/static/fonts/KGMissKindergarten.woff2") format("woff2"); }

.red { color: #cc0000; }

.pure-table td.red-bg { background-color: #ffeeee; }

.green { color: #a8d200; }

.blue { color: #272087; }

.black { color: #333333; }

body { margin: 0 auto; font: normal 15px 'GalanoGrotesque', sans-serif; }

body.freeze { overflow: hidden; }

body::after { content: ""; background: url("/static/img/bg.png"); opacity: 0.2; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }

.bold, label.bold { font-weight: bold !important; }

.small { font-size: 0.8rem; }

.print-only { display: none; }

.align-right { text-align: right !important; }

.align-center { text-align: center; }

.border { border: 1px solid black; }

h1 { padding: 1rem; padding-top: 1.5rem; background: url("/static/img/label.svg") no-repeat; background-size: 98%; width: 97%; margin: 0.5rem auto 1.5rem auto; line-height: 2rem; font-family: 'KGMissKindergarten', sans-serif; text-align: center; color: #272087; opacity: 0.9; font-size: 1.25rem; letter-spacing: 0.1rem; }

h2 { margin: 0rem; text-align: right; }

.pure-u-lg-1-3 h1 { padding: 0.5rem; padding-top: 0.7rem; width: 135%; font-size: 0.9rem; }

.topGo { background-color: #aaa; font-size: 0.7rem; display: none; position: fixed; top: 0; z-index: 100; padding: 1rem; background: url("/static/img/label.svg") no-repeat; background-size: 920px; width: 920px; margin-left: -790px; height: 60px; font-family: 'KGMissKindergarten', sans-serif; }

.menuLink { display: none; }

.topGoButton { height: 1rem; float: right; padding-top: 1.3rem; padding-right: 3.5rem; text-decoration: none; text-transform: uppercase; z-index: 150; }

hr { margin: 1em 0; border: 0; border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

table { background-color: #fefefe; }

tfoot { border-top: solid 1px #ccc; }

.pure-table-bordered tbody tr:last-child td { border-bottom-width: 1px; }

.pure-table .totalRow { background-color: #e0e0e0; }

.pure-table .totalRow td { font-weight: bold; }

a, .link { text-decoration: underline; cursor: pointer; color: #272087; }

.pure-button-primary { background-color: #272087; }

.ogop-loader, .proTips { display: none; }

.pure-g { font: normal 15px 'GalanoGrotesque', sans-serif; }

.pure-g [class*="pure-u"] { font: normal 15px 'GalanoGrotesque', sans-serif; }

.cf { *zoom: 1; }

.cf::before, .cf::after { content: ' '; display: table; }

.cf:after { clear: both; }

.cf .l { float: left; }

.cf .r { float: right; }

.cf .break { display: block; clear: both; }

.hidden { display: none; }

.ogop-app { margin: 1rem 0rem; }

.breadCrumb { margin: 1rem auto; }

.ogop-app .view { display: none; border-radius: 20px; padding: 2rem; padding-top: 1rem; }

.ogop-app .view table.pure-table { margin-top: 1rem; width: 100%; }

.pure-table.pure-table-bordered.table-categories { margin-top: -1rem !important; width: 80%; }

.sold-items { margin-top: 0rem !important; }

.donations1 h3, .donations2 h3 { margin-top: 4rem; }

.inventory_timeline { width: 70% !important; margin: 0; }

.totals-table { float: right; right: 5%; }

.ogop-app { max-width: 1680px; }

.ogop-app .view { margin: 11rem 2rem 2rem 2rem; }

.ogop-app .view table.pure-table h1, .ogop-app .view table.pure-table h2, .ogop-app .view table.pure-table h3 { margin: 0; }

.ogop-app .view .event-selector { width: 50%; margin: 0 auto; }

.ogop-app .spinner { margin-top: 5em; text-align: center; transition: opacity 2s linear; }

.ogop-app .spinner .meter { height: 20px; background: #272087; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; padding: 10px; -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); width: 50%; margin: 1rem auto; box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); }

.ogop-app .spinner .meter > .progress { display: block; height: 100%; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: #2bc253; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2bc253), color-stop(1, #54f054)); background-image: -moz-linear-gradient(center bottom, #2bc253 37%, #54f054 69%); -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4); box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4); position: relative; overflow: hidden; }

.ogop-app .spinner .meter > .progress:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); z-index: 1; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-size: 50px 50px; -webkit-animation: move 2s linear infinite; -moz-animation: move 2s linear infinite; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; }

.ogop-app .spinner .animate > .progress > .bar { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); z-index: 1; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-size: 50px 50px; -webkit-animation: move 2s linear infinite; -moz-animation: move 2s linear infinite; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; }

.ogop-app .spinner .animate > .progress > .bar:after { display: none; }

@-webkit-keyframes move { 0% { background-position: 0 0; }
  100% { background-position: 50px 50px; } }

@-moz-keyframes move { 0% { background-position: 0 0; }
  100% { background-position: 50px 50px; } }

.ogop-app .header { margin-top: -2rem; width: 100%; padding: 0rem; margin: 0rem; border-bottom: none; left: 0; position: fixed; max-width: 1680px; z-index: 2000; background-color: #fefefe; top: 0px; display: block; }

.ogop-app .header::after { content: ""; background: url("/static/img/bg.png"); opacity: 0.2; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }

.ogop-app .logo img { width: 108%; margin-top: 1.5rem; padding: 0rem; padding-left: 2rem; }

.ogop-app .status { text-transform: uppercase; font-size: 16px; text-align: center; margin: 0; margin-top: 1rem; height: 10rem; padding: 0rem; padding-left: 1rem; line-height: 1; }

.ogop-app .status .prefix { font-family: 'KGMissKindergarten', sans-serif; color: #e4262e; }

.ogop-app .status .location { display: inline-block; }

.ogop-app .status .location select { width: 15rem; text-align: center; }

.ogop-app .status span.location { font-family: 'KGMissKindergarten', sans-serif; color: #e4262e; }

.ogop-app .status .pageTitle, .ogop-app .status .locationTitle { margin-top: 0.5rem; font-size: 1.5rem; font-weight: bold; font-family: 'GalanoGrotesque2'; color: #e4262e; }

.ogop-app .status .locationTitle { margin-top: -1rem; font-size: 2.5rem; margin-bottom: -0.5rem; color: #a8d200; }

.ogop-app .login { margin-top: 2rem; }

.ogop-app .login button { margin-top: 0.5rem; float: right; top: 0; }

.ogop-app .login .error-message { margin: 0rem; margin-top: 1.25rem; margin-left: -1rem; padding: 0rem; text-align: left; float: left; }

.ogop-app .notAuthorized { margin-top: 0rem; margin-bottom: -2rem; display: none; }

.ogop-app .notAuthorized a { font-family: 'KGMissKindergarten', sans-serif; font-size: 1.1rem; }

.ogop-app .notAuthorized a:active { color: #272087; }

.ogop-app .notAuthorized a:hover a:focus { color: #272087; }

.ogop-app .notAuthorized a:visited { color: #272087; }

.ogop-app .notAuthorized a:link { color: #272087; }

.ogop-app .notAuthorized .welcomeBack { font-size: 1.25rem; background: url("/static/img/OGOP-Label-Blue.svg") no-repeat; background-position: 28px; padding: 2.5rem 1rem 2.75rem 0rem; width: 20rem; height: 60px; margin-top: -0.75rem; margin-bottom: -2rem; text-align: center; color: #fefefe; font-family: 'KGMissKindergarten', sans-serif; }

.ogop-app .menu { text-align: left; margin: 0.5rem 0rem; }

.ogop-app .nav .pure-menu { margin-top: -5.5rem; z-index: 1; padding: 2.6rem 0rem 3rem 0rem; background: url("/static/img/label.svg") no-repeat; background-size: 100%; width: 71rem; font-family: 'KGMissKindergarten', sans-serif; text-transform: uppercase; text-align: center; line-height: 0.69rem; font-size: 0.9rem; letter-spacing: 0.05rem; }

.ogop-app .nav .pure-menu > ul > li { color: #272087; padding: 0rem 0.4rem; }

.ogop-app .nav .pure-menu > ul > li a:hover { background: none; }

.pure-menu-link, .pure-menu-disabled, .pure-menu-heading { color: #272087; padding: 0.5em; padding-bottom: 0em; }

.ogop-app .nav .pure-menu .pure-menu-children { border: solid 1px rgba(0, 0, 0, 0.15); text-align: left; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); border-radius: 4px; margin-left: 10px; }

.ogop-app .nav .pure-menu .pure-menu-children a { padding: 12px 12px 7px; line-height: 1; }

.downloads .error-message, .peopleCorporate .error-message, .error-mAAAessage, .peopleCorporatePrintTags .table-container .pure-g .pure-u-1-5 .error-message { background: #e4262e; padding: 10px; margin-top: 1em; border-radius: 4px; text-align: center; color: #fff; display: none; }

.editWebpage .error-message { background: #e4262e; padding: 10px; margin-bottom: 1em; border-radius: 4px; text-align: center; color: #fff; display: none; }

.peopleCorporatePrintTags .table-container .pure-g .pure-u-1-5 .error-message { margin-right: 1em; }

.peopleCorporate h3 { margin-top: 0.25rem; }

.dashboard .minor-spinner { margin: 0rem auto; }

.dashboard .thisWeek { width: 20%; }

.dashboard .pure-g .pure-u-lg-18-24, .dashboard .pure-u-1 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-right: 3em; margin-bottom: 10rem; }

.dashboard h1 { padding-bottom: 2rem; padding-top: 2.7rem; font-size: 1.2rem; }

.dashboard .pure-u-lg-1-3 h1, .dashboard .pure-u-lg-1-4 h1 { padding-top: 0.2rem; padding-bottom: 2rem; width: 105%; font-size: 0.9rem; background-size: 100%; margin-left: -1.5rem; }

.dashboard .pure-u-lg-1-3 { width: 30%; }

.dashboard .pure-g .section { margin-top: 2em; }

.dashboard .pure-g .section:nth-child(1) { margin-top: 0em; }

.dashboard .pure-g .section table { width: 100%; margin-top: -1rem; }

.dashboard .pure-g .section table tr td { vertical-align: top; }

.gcf-last-update-block { text-align: right; font-size: 7pt; display: none; }

.gcf-header-block { display: none; }

.gcf-item-daterange { margin-top: -1rem; font-size: 0.8rem; }

#calendar { margin-bottom: 5rem; margin-top: -3rem; }

.paymentsCollected .where-tables-go .pc-section { margin: 2.5em 0; }

.paymentsCollected .where-tables-go .pc-section h2, .paymentsCollected .where-tables-go .pc-section h3 { text-align: center; margin: 0 0 1em; }

.paymentsCollected .where-tables-go .pc-section table { width: 80%; margin: 0 auto; }

.pc-section th { text-align: center; }

.minor-spinner { margin: 50px 0; text-align: center; }

.popup { position: fixed; top: 0; right: 0; left: 0; display: none; bottom: 0; overflow: auto; background: rgba(0, 0, 0, 0.8); z-index: 69696969; }

.popup .window { background: #fff; width: 800px; margin: 100px auto; padding: 30px; border-radius: 8px; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3); }

.header { margin: 0 0 1em; }

.header h2 { margin: 0; }

.view.referralReport h2 { margin: 0rem auto 0rem auto; }

.view.referralReport h3 { display: inline; text-decoration: none; }

.view.referralReport table { width: 100%; }

.view.referralReport .opts { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; }

.view.referralReport .opts h2 { margin: 0 0 1em; }

.event-summary-table td.total { background-color: #272087; font-weight: bold; color: #fefefe; }

.event-summary-table td.title { background-color: #a8d200; font-weight: bold; color: #fefefe; text-align: left; }

.refundsDetails table, .miscItems table, .donations1 table, .donations2 table { width: 80%; }

.refundsDetails span, .miscItems span, .donations1 span, .donations2 span { font-size: 1.25rem; }

.refundsDetails table span, .miscItems table span, .donations1 table span, .donations2 table span { font-size: 1rem; }

.refundsDetails h3, .miscItems h3, .donations1 h3, .donations2 h3 { margin: 0; text-align: right; }

.miscItems table { width: 100%; }

.consignorSales2 h3 { text-align: right; margin: 0rem; }

.consignorSales2 table.pure-table td, .consignorSales2 table.pure-table th { width: 25%; }

.consignorSales2 .reconciliation-note { white-space: pre-wrap; margin-bottom: 1em; }

.consignorSales2 span.link { font-size: 1.1rem; padding-bottom: 0.8rem; }

.consignorSales2 .consignor-name { font-size: 1.1rem; margin-left: 1rem; }

.consignorSales2 .r { text-align: right; }

.consignorSales2 .pure-u-1-3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.consignorSales2 textarea { height: 66px; resize: none; }

.consignorSales2 .text-editor { height: 420px; }

.consignorSales2 .pure-checkbox input, .consignorSales2 .pure-radio input { margin-right: 0.4em; }

.consignorSales2 fieldset { padding: 0.2rem 0rem; }

.consignorSales2 fieldset:last-child { margin-bottom: 0; background-color: #ff0000; }

.consignorSales2 fieldset.nofloat { float: none; }

.consignorSales2 fieldset label + input, .consignorSales2 fieldset label + textarea { margin-top: 0.3em; }

.consignorSales2 fieldset.shifts .cf { color: #e4262e; font-weight: bold; margin-bottom: 0.2em; }

.consignorSales2 fieldset.shifts .cf:last-child { margin-bottom: 0; }

.consignorSales2 fieldset.shifts .pure-checkbox { margin: 0; }

.reconReport .header .r { text-align: right; }

.reconReport .header .r h3 { margin: 0; }

.reconReport .table-container { margin-top: 2em; }

.reconReport .pure-u-4-5 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-left: 2em; }

.table-container td { text-align: right; }

.event-summary-table td { text-align: left; }

.chequePrinting { margin: 0 1rem; }

.chequePrinting h2 { text-align: center; }

.chequePrinting h4 { margin-bottom: 0rem; }

#chequesTotal { margin: 0 0.5rem 0 0.25rem; font-weight: bold; font-size: 1rem; }

#pageNum { margin: 0 0.5rem 0 0.25rem; font-weight: bold; font-size: 1rem; text-align: center; height: 1.5rem; width: 3rem; }

.attendanceReport .header h2 { margin: 1.3rem; }

.attendanceReport .copy-this { padding-top: 2em; }

.attendanceReport .hideMe { display: none; }

.cf:after { clear: none; }

.inventoryTimeline .cf:after { clear: both; }

.attendanceReport .pure-form h3 { margin: 1rem auto -0.4rem auto; }

.attendanceReport .pure-u-4-5 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-left: 2em; }

.attendanceSummary h2 { text-align: right; }

.attendanceSummary table { width: 40%; }

.attendanceSummary table td { text-align: left !important; }

.attendanceSummary table tbody { font-size: 1rem; }

.dropquant, .dropnotquant { display: none; margin-top: -3.5rem; }

.dropquant h3, .dropnotquant h3 { margin: 4.5rem auto 0rem auto; }

.no-drop-off-header { margin-bottom: -0.9rem; }

.peopleInventory .copy-this { padding-top: 2em; }

.peopleInventory .pure-u-4-5 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-left: 2em; }

.view.people .pure-u-4-5 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-left: 2em; }

.view.peopleView table.pure-table td { vertical-align: top; padding: 20px; }

.people h2 { text-align: left; }

.people h3 { margin: 0rem 0rem 0rem 0rem; }

.people .proTip { letter-spacing: 0.03rem; }

.showme { margin: 0rem 0rem; margin-left: 4rem; margin-top: -1.5rem; }

.peopleInventory .l, .reconReport .l, .peopleDonations .l { float: left; }

.peopleInventory .r, .reconReport .r, .peopleDonations .r { float: right; }

.peopleDonations { letter-spacing: 1rem; }

.peopleDonations h4 { display: block; margin-top: 5rem; }

.peopleNewsletter button { margin: 1rem; }

.editor-toolbar-container { height: 2.5rem !important; }

.setFlag { height: 1.8rem; font-size: 0.8rem; }

.view.downloads ul.files, .marketingFiles { margin: 0; padding: 0; padding-left: 20px; list-style: none; }

.view.downloads ul.files li, .marketingFiles li { margin-bottom: 2px; }

.view.downloads ul.files i, .marketingFiles i { margin-right: 0.25rem; }

.view.downloads ul.files a, .marketingFiles a { text-decoration: none; }

.cancelShift { text-decoration: none; display: none; }

.floatRight { float: right; }

.floatRight a { text-decoration: none; }

a.visited, a.active, a.focus { text-decoration: none; }

.mobilenav { display: none; }

.mobilenav .pure-menu-heading { margin-top: 1rem; color: #fefefe; text-decoration: underline; }

.mobilenav .pure-menu-link { text-align: right; color: #fefefe; }

.custom-restricted { height: 100vh; background-color: #2B3990; margin-top: -7rem; width: 250px; float: left; font-size: 1.3rem; margin-left: -249px; z-index: 2000; border: 1px solid gray; border-radius: 4px; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.custom-restricted.active { z-index: 1000; margin-left: 0; }

.ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: none !important; }

.ql-editor { background-color: #fefefe; }

.whatsnew { width: 98%; text-align: left; margin-top: -2.25rem; }

.whatsnew h2, .whatsnew h3 { text-align: center; }

.ql-size-huge { font-size: 1.5rem; }

.ql-size-large { font-size: 1.2rem; }

.ql-align-left { text-align: left; }

.ql-align-center { text-align: center; }

.ql-align-right { text-align: right; }

.previewWebpage { width: 400px; }

.view.inventoryTimeline .header { padding: 0rem; border-bottom: 0px; }

.view.inventoryTimeline .center { text-align: center; }

.view.inventoryTimeline .green { color: #008000; }

.view.inventoryTimeline .red { color: #f00; }

.view.inventoryTimeline table { margin-top: 0rem !important; }

.view.inventoryTimeline .content-table .bold, .view.inventoryTimeline .last-year-table .bold { font-weight: bold; }

.peopleVendor .package, .peopleParent .referral_data { margin-top: 5px; }

.recon-search { clear: both; }

.error { color: #D8000C; background-color: #FFBABA; }

.buttonDown { margin-top: 110px; }

#volOnlyAdd fieldset { width: 90% !important; }

.pure-table td.greenBG, .pure-table td.blueBG, .pure-table td.redBG { cursor: pointer; }

.pure-table td.greenBG { padding: 1.5rem 1rem; text-align: center; background-color: #a8d200; border-bottom: 1px solid #aaa; }

.pure-table td.greenBG a { text-decoration: none; }

@media (hover: hover) { .pure-table td.greenBG:hover { background-color: #272087; }
  .pure-table td.greenBG:hover a { color: #fefefe; } }

.pure-table td.redBG { padding: 1.5rem 1rem; text-align: center; background-color: #e4262e; }

.pure-table td.redBG a { text-decoration: none; }

@media screen and (max-width: 1365px) and (min-width: 1024px) { .ogop-app .notAuthorized .welcomeBack { background-position: 0px; text-align: left; padding-left: 2.5rem; }
  .ogop-app .status .pageTitle { margin-top: 0.75rem; }
  .ogop-app .view { margin: 175px 0rem; padding-top: 0rem; border-radius: 0px; }
  .header { border-bottom: 0px; }
  .dashboard h1 { padding: 2rem 1rem; font-size: 1rem; }
  .dashboard .pure-u-1 div { padding: 0rem 0.1rem 0rem 0.3rem; }
  .dashboard .pure-u-1 .whatsnew { margin-top: -3.5rem; }
  .dashboard .pure-u-1 .whatsnew h2 { font-size: 1rem; }
  .dashboard .pure-u-1 .whatsnew p { font-size: 0.8rem; }
  .nav .pure-menu { padding-top: 2rem !important; padding-bottom: 2rem !important; width: 55rem !important; font-size: 0.69rem !important; } }

@media screen and (max-width: 1023px) and (min-width: 768px) { .pure-g { letter-spacing: -0.0px; }
  .pure-g [class*="pure-u"] { font-size: 0.7rem; }
  .nomobile { display: none; }
  .mobilenav { display: block; }
  .ogop-app { font-size: 0.7rem; margin: 0rem; }
  .ogop-app .login-box { margin-top: 0rem; }
  .ogop-app .logo { margin: 0 auto; top: 0; }
  .ogop-app .logo img { width: 70%; padding: 0; }
  .ogop-app .logo .status { margin-right: 1rem; margin-top: 0.5rem; font-size: 1rem; }
  .ogop-app .logo .status select { line-height: 1rem; padding: 0rem; }
  .ogop-app .view .event-selector { margin: 0rem auto; margin-top: 1rem; }
  .ogop-app .views { margin-top: 3.5rem; padding: 0rem 1rem; padding-left: 0rem; }
  .ogop-app .status { height: 1rem; padding-left: 0rem; }
  .ogop-app .status .location { font-size: 0.8rem; }
  .ogop-app .notAuthorized { display: none !important; }
  .ogop-app .nav { display: none; }
  .pageTitle { background-color: #fefefe; padding: 1rem 0rem; }
  .view .pure-u-1 h2 { text-align: left; margin-top: 20px; }
  .menuLink { display: block; margin-top: -5rem; margin-bottom: 0rem; padding-bottom: 0rem; font-size: 0.9rem; background: none; margin-left: -40rem; }
  .ogop-app .logo { float: none; }
  .ogop-app .logo img { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .menu { margin-top: -0.5rem; right: 0px; padding-top: 1.5rem; margin-bottom: 1rem; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .mobilenav { z-index: 10000; position: fixed; height: 250rem; top: -5.25rem; padding-bottom: 200rem; overflow-y: scroll; display: block; }
  .mobilenav .pure-menu-heading { margin-top: 1rem; color: #fefefe; text-decoration: underline; }
  .mobilenav .pure-menu-link { text-align: right; color: #fefefe; padding: 1rem 1rem; }
  .custom-restricted { background-color: #2B3990; margin-top: 5rem; width: 150px; font-size: 0.7rem; border: 1px solid gray; border-radius: 4px; -webkit-overflow-scrolling: touch; }
  .custom-restricted.active { z-index: 1000; margin-left: 0; }
  .custom-toggle { display: block; }
  .topGo { display: none !important; }
  .donations2 .breadCrumb, .donations1 .breadCrumb { margin-top: 0.5rem; }
  .donations2 .r, .donations1 .r { margin-top: 3rem; }
  .donations2 h3, .donations1 h3 { margin-bottom: 1rem; }
  .ogop-app .view { margin: 0rem 1rem; margin-top: 7rem; }
  table { width: 100%; margin-top: -1.3rem; font-size: 0.8rem; }
  table tr td { vertical-align: middle; font-size: 0.7rem; }
  .dashboard { margin-right: 0rem; padding: 0; }
  .dashboard h1 { padding: 1.2rem 0rem; font-size: 1rem; }
  .dashboard .pure-u-1 { padding-right: 0rem; }
  .dashboard .pure-u-lg-1-3 h3 { margin: 0rem; display: block; font-size: 0.8rem; margin-bottom: -0.6rem; }
  .dashboard .pure-u-lg-1-3 #calendar { margin-bottom: 4rem; width: 100%; text-align: center; }
  .dashboard .pure-u-lg-1-3 #calendar .gcf-item-title { margin: 1rem auto; }
  .dashboard .pure-u-lg-1-3 #calendar .gcf-item-daterange { font-size: 0.5rem; display: block; margin-bottom: 1rem; }
  h1 { opacity: 1; }
  .whatsnew { margin-bottom: 3rem; text-align: center; }
  .whatsnew p { margin: 0 auto; }
  .whatsnew .ql-size-large { font-size: 0.8rem; }
  h3 { margin: 4rem auto 0rem auto; }
  #createEvent fieldset { width: 100%; }
  #createEvent button[type=submit] { margin: 1rem auto; margin-right: 3rem; margin-left: 3rem; }
  .scheduleView .header, .consignorSales .header, .reconReport .header { margin-top: -40px; text-align: left; }
  .scheduleView h2, .consignorSales h2, .reconReport h2 { font-size: 0.9rem; }
  .scheduleView h3, .consignorSales h3, .reconReport h3 { margin-top: 0rem; }
  .consignorSales table, .consignorSales2 table { font-size: 0.8rem; }
  .consignorSales .l span.link, .consignorSales2 .l span.link { font-size: 0.7rem !important; }
  .consignorSales2 { margin-top: 8rem !important; }
  .consignorSales2 .header { width: 115%; margin-bottom: 0rem; margin-top: 0rem; }
  .consignorSales2 .header .l { font-size: 0.7rem; text-align: left; margin: 0; margin-left: -2rem; margin-top: -1.1rem; }
  .consignorSales2 .header .l span.link { display: block; margin-bottom: -1rem; font-size: 0.7rem !important; }
  .consignorSales2 .header .r { text-align: right; margin-right: 1.3rem; }
  .consignorSales2 .header .r h2 { color: black; text-align: right; margin: 0rem; margin-top: 0.4rem; }
  .consignorSales2 .ql-toolbar, .consignorSales2 .text-editor { width: 125%; font-size: 0.7rem; }
  .consignorSales2 .sold-items { margin-bottom: 4rem; }
  .consignorSales2 .shifts .l { font-size: 0.7rem !important; }
  .createDropOff-container h3, .createVolunteer-container h3 { margin-top: 0px; font-size: 0.9rem; }
  .createDropOff-container form, .createVolunteer-container form { font-size: 0.7rem; line-height: 0.7rem; margin: 0; }
  .createDropOff-container form fieldset, .createVolunteer-container form fieldset { width: 100%; }
  .createDropOff-container form button[type=submit], .createVolunteer-container form button[type=submit] { margin: 1rem auto; margin-right: 1rem; }
  .createDropOff-container form button[type=delete], .createVolunteer-container form button[type=delete] { margin: 0; }
  .createDropOff-container .pure-u-1, .createVolunteer-container .pure-u-1 { text-align: center; margin: 0 auto; }
  #cancelVolunteer { font-size: 0.5rem; }
  .initializePOS .step1 { margin-top: 0rem; }
  .consignorSales2 form { margin-top: 0.5rem; font-size: 0.7rem; }
  .consignorSales2 h2 { margin: 0.5rem auto 2rem auto; }
  .consignorSales2 h3 { margin: 1rem 0rem 0.5rem auto; }
  .consignorSales2 fieldset:nth-child(odd) { padding-right: 0rem; }
  .referralReport .pure-u-1 h2 { font-size: 0.9rem; margin: 0.3rem auto; text-align: center; }
  .referralReport h3 { margin-top: 0.5rem; margin-bottom: 0rem; font-size: 0.5rem; text-decoration: underline; }
  .referralReport form { font-size: 0.6rem; line-height: 0.7rem; }
  .referralReport form input, .referralReport form select { height: 1.8rem; }
  .referralReport table { font-size: 0.7rem; }
  .people { margin-bottom: 4rem; }
  .people .pure-u-1 { text-align: center; margin: 0 auto; }
  .people h2 { text-align: left; margin-top: 10px; font-size: 0.9rem; margin-bottom: 0rem; }
  .people h3 { margin: 0; margin-top: 10px; font-size: 0.8rem; }
  .people form { font-size: 0.6rem; line-height: 0.6rem; margin: 0; }
  .people form select { height: 1.6rem; }
  .people .users td { text-align: left; font-size: 0.6rem; }
  .people .showme { margin-top: 1rem; margin-left: 0rem; }
  .peopleView h3 { margin: 1rem; margin-left: 0rem; font-size: 0.8rem; }
  .peopleView .r h3 { margin-top: -0.6rem; }
  .peopleView .r .align-right { margin-top: -2rem; font-size: 0.7rem; }
  .peopleView .r .align-right select { font-size: 0.6rem; }
  .peopleView button[type=submit] { margin: 1rem auto; margin-right: 1rem; }
  .cf .l { float: none; }
  .l { font-size: 1.25rem; margin: 0.5rem auto -2rem auto; }
  .l span.link { font-size: 1.25rem; margin: 0.5rem auto -2rem auto; }
  .attendanceReport h2, .people .total { margin: 0rem auto; }
  .attendanceReport h3 { margin: 2rem auto 0rem auto; }
  .attendanceReport .header h2 { margin-top: -2.5rem; }
  .attendanceSummary { margin: 1rem; margin-left: 11rem; }
  .attendanceSummary table { width: 100%; }
  .dropnotquant, .dropquant { margin-top: 0rem; }
  .peopleInventory h3 { margin: 1rem auto; }
  .view.consignorSales2 h2 { margin: 3rem auto; }
  .event-summary-table { font-size: 0.6rem; }
  .event-summary-table .link { font-size: 0.6rem !important; }
  .proTips { margin-bottom: 4rem; }
  .recon-search { font-size: 0.7rem; margin-top: -1rem; margin-bottom: 0rem; }
  .donations1 table.pure-table, .donations2 table.pure-table { margin-top: -1rem !important; }
  .donations1 .l, .donations2 .l { margin: 0rem auto; padding-bottom: 2.5rem; }
  .donations1 .header, .donations2 .header { text-align: center; padding: 0rem; margin: 0rem; margin-top: 1rem; }
  .donations1 .header .breadCrumb, .donations2 .header .breadCrumb { margin-bottom: -2rem; }
  .donations1 .header .breadCrumb span, .donations2 .header .breadCrumb span { font-size: 0.9rem; }
  .donations1 .r, .donations2 .r { text-align: center; margin-top: 1.5rem; }
  .donations1 h3, .donations2 h3 { text-align: center; }
  .donations1 h4, .donations2 h4 { margin-top: 0rem; }
  .donations1 .table-categories, .donations2 .table-categories { margin-bottom: 1rem; }
  .donations1 .r { margin-top: 1rem; }
  .donations1 h3 { margin-top: 0rem; }
  .donations2 .header .breadCrumb span { font-size: 0.7rem; }
  .donations2 .header h3 { margin-top: 1rem; }
  .refundsDetails .header { margin-top: -1rem; padding-bottom: 1rem; }
  .refundsDetails .header span { font-size: 0.8rem; }
  .refundsDetails .r, .refundsDetails h3 { text-align: center; }
  .miscItems .header { margin-top: -2rem; padding-bottom: 2.5rem; }
  .miscItems .header span { font-size: 0.9rem; }
  .miscItems .r, .miscItems h3 { text-align: center; }
  .peopleDonations .header { margin: 0rem; margin-top: -1rem; padding-bottom: 0.5rem; }
  .peopleDonations .header span, .peopleDonations .header h3 { font-size: 0.8rem; margin-bottom: 0rem; }
  .peopleDonations .header .l { margin-top: -0.5rem; padding-bottom: 1.8rem; }
  .peopleDonations .header h2 { margin-bottom: 3rem; font-size: 0.7rem; }
  .peopleDonations h4 { margin-top: 3rem; }
  .peopleInventory { overflow: scroll; }
  .peopleInventory .header { margin: 0rem; margin-top: -2rem; padding-bottom: 2.5rem; }
  .peopleInventory .header span, .peopleInventory .header h3 { font-size: 0.8rem; margin-bottom: 0rem; }
  .peopleInventory .r, .peopleInventory h3 { text-align: center; }
  .paymentsCollected { overflow: scroll; }
  .inventoryTimeline table { margin: 0px auto; padding: 0px; font-size: 0.6rem; }
  .inventoryTimeline .event-dates { font-size: 0.7rem; }
  .inventoryTimeline .totals-table { position: relative !important; margin: 3rem 0rem 2rem 4rem; }
  .inventory_timeline .link { font-size: 0.6rem !important; }
  .ql-container { position: inherit; }
  .cf:after { clear: none; } }

@media screen and (max-width: 767px) { .pure-g { letter-spacing: -0.0px; }
  .pure-g [class*="pure-u"] { font-size: 0.7rem; }
  .nomobile { display: none; }
  .ogop-app { font-size: 0.7rem; margin: 0rem; }
  .ogop-app .header { border-bottom: 0px; position: relative; border-bottom: 2px solid #a8d200; }
  .ogop-app .login { padding: 1rem; margin-top: -2.5rem; }
  .ogop-app .login input, .ogop-app .login button { font-size: 0.9rem; }
  .ogop-app .logo { margin: 0 auto; text-align: left; }
  .ogop-app .logo img { width: 100%; margin-left: -2rem; margin-top: 0.5rem; }
  .ogop-app .logo .status { font-size: 0.65rem; }
  .ogop-app .logo .status select { line-height: 1rem; padding: 0rem; }
  .plusMinusButton { margin: 0rem .5rem; }
  .ogop-app .nav { display: none; }
  .ogop-app .status { padding-left: 0rem; margin-top: 1rem; height: 4.25rem; font-size: 0.6rem; text-decoration: none; }
  .ogop-app .status .location select { font-size: 0.8rem; }
  .ogop-app .status .locationTitle { font-size: 2rem; margin-bottom: 0rem; margin-top: -1.5rem; }
  .ogop-app .status .pageTitle { margin-top: 0.5rem; margin-bottom: 0.5rem; font-size: 1.2rem; }
  .ogop-app .notAuthorized { display: none !important; }
  .view .pure-u-1 h2 { text-align: left; }
  .view .event-selector { margin: 0rem; font-size: 0.65rem !important; padding: 0rem; }
  .views { margin-top: -1.5rem; }
  .menuLink { display: block; font-size: 0.75rem; z-index: 2000; }
  .ogop-app .logo { border-bottom: 2px solid #a8d200; }
  .ogop-app .logo img { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .menu { margin-top: -0.5rem; right: 0px; margin-left: 6rem; margin-bottom: 1rem; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .mobilenav { display: block; margin-top: -0.25rem; margin-left: -0.1rem; z-index: 10000; position: fixed; top: 0; padding-bottom: 20rem; overflow-y: scroll; }
  .mobilenav .pure-menu-heading { margin-top: 1rem; color: #fefefe; text-decoration: underline; }
  .mobilenav .pure-menu-link { text-align: right; color: #fefefe; padding: 1rem 1rem; }
  .mobilenav .pure-menu-link:hover { color: #272087; }
  .custom-restricted { height: 92vh; background-color: #2B3990; margin-top: 3px; width: 150px; font-size: 0.7rem; border: 1px solid gray; border-radius: 4px; }
  .custom-toggle { display: block; }
  .topGo { display: none !important; }
  .donations2 .breadCrumb, .donations1 .breadCrumb { margin-top: 0.5rem; }
  .donations2 .r, .donations1 .r { margin-top: 3rem; }
  .donations2 h3, .donations1 h3 { margin-bottom: 1rem; }
  .ogop-app .view { margin: 0rem; margin-top: 0.5rem; border-radius: 0px; padding: 0rem; padding-left: 0.5rem; padding-top: 1.5rem; padding-right: 1rem; }
  table { width: 100%; margin-top: -1.3rem; font-size: 0.5rem; }
  table tr td { vertical-align: middle; font-size: 0.7rem; }
  .dashboard .pure-g .pure-u-1 { padding-right: 0rem; }
  .dashboard .pure-g .pure-u-1 h1 { font-size: 0.6rem; padding-top: 0.3rem; }
  .dashboard .pure-g .pure-u-lg-2-3, .dashboard .pure-g .pure-u-lg-1-3 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-right: 0rem; margin-top: 0em; }
  .dashboard .pure-u-lg-1-4 h1 { font-size: 0.6rem; width: 93%; margin-top: 1rem; margin-left: auto; padding-bottom: 1.25rem; }
  .dashboard h1 { padding: 0.5rem; padding-top: 0.1rem; }
  .dashboard .pure-u-lg-1-3 { width: 100%; margin: 4rem auto 0 auto; padding: 0; }
  .dashboard .pure-u-lg-1-3 .pure-u-1 { margin-top: -2.5rem; }
  .dashboard .pure-u-lg-1-3 h1 { padding: 0rem; margin: 0; }
  .dashboard .pure-u-lg-1-3 h3 { margin: 0rem; display: block; font-size: 0.8rem; margin-bottom: -0.6rem; }
  .dashboard .pure-u-lg-1-3 #calendar { margin-bottom: 4rem; width: 100%; text-align: center; }
  .dashboard .pure-u-lg-1-3 #calendar .gcf-item-title { margin: 1rem auto; }
  .dashboard .pure-u-lg-1-3 #calendar .gcf-item-daterange { font-size: 0.5rem; display: block; margin-bottom: 1rem; }
  h1 { opacity: 1; padding: 0rem; line-height: 1.6rem; font-size: 0.55rem; }
  .whatsnew { margin-bottom: 3rem; text-align: center; padding: 1rem; }
  .whatsnew .ql-size-large { font-size: 0.8rem; }
  h3 { margin: 4rem auto 0rem auto; }
  #createEvent fieldset { width: 100%; }
  #createEvent button[type=submit] { margin: 1rem auto; margin-right: 3rem; margin-left: 3rem; }
  .scheduleView .header, .consignorSales .header, .reconReport .header { margin-top: -40px; text-align: left; }
  .scheduleView h2, .consignorSales h2, .reconReport h2 { font-size: 0.9rem; }
  .scheduleView h3, .consignorSales h3, .reconReport h3 { margin-top: 0rem; }
  .consignorSales table { font-size: 0.8rem; }
  .consignorSales .l span.link { font-size: 0.7rem !important; }
  .consignorSales2 h3 { font-size: 0.6rem; margin-right: -1rem; margin-top: 2rem; }
  .consignorSales2 .link-consignor-sales, .consignorSales2 .consignor-name { font-size: 0.9rem !important; }
  .consignorSales2 form { margin-top: 1rem; }
  .consignorSales2 .ql-toolbar, .consignorSales2 .text-editor { font-size: 0.7rem; margin-top: 0.25rem; width: 100%; }
  .consignorSales2 .sold-items { margin-bottom: 4rem; }
  .consignorSales2 .shifts .l { font-size: 0.7rem !important; }
  .createDropOff-container h3, .createVolunteer-container h3 { margin-top: 0px; font-size: 0.9rem; }
  .createDropOff-container form, .createVolunteer-container form { font-size: 0.7rem; line-height: 0.7rem; margin: 0; }
  .createDropOff-container form fieldset, .createVolunteer-container form fieldset { width: 100%; }
  .createDropOff-container form button[type=submit], .createVolunteer-container form button[type=submit] { margin: 1rem auto; margin-right: 1rem; }
  .createDropOff-container form button[type=delete], .createVolunteer-container form button[type=delete] { margin: 0; }
  .createDropOff-container .pure-u-1, .createVolunteer-container .pure-u-1 { text-align: center; margin: 0 auto; }
  #cancelVolunteer { font-size: 0.5rem; }
  .initializePOS .step1 { margin-top: 1rem; }
  .referralReport .pure-u-1 { text-align: center; }
  .referralReport .pure-u-1 h2 { font-size: 1.25rem; margin: 0.3rem auto; text-align: center; margin-top: 1rem; }
  .referralReport .pure-u-1 h3 { margin-top: 0.5rem; margin-bottom: 0rem; margin-left: 0rem; font-size: 0.9rem; }
  .referralReport form { font-size: 0.6rem; line-height: 0.7rem; }
  .referralReport form input, .referralReport form select { height: 1.8rem; }
  .referralReport table { width: 92%; margin-left: 0.1rem; font-size: 0.7rem; }
  .people { margin-bottom: 4rem; }
  .people .pure-u-1 { text-align: left; }
  .people h2 { text-align: left; margin-top: 10px; font-size: 0.9rem; margin-bottom: 0rem; }
  .people h3 { margin: 0; margin-top: 10px; font-size: 0.8rem; }
  .people form { font-size: 0.6rem; line-height: 0.6rem; margin: 0; }
  .people form select { height: 1.6rem; }
  .people .users td { text-align: left; font-size: 0.6rem; }
  .people .showme { margin-top: -4rem; float: right; margin-left: 0rem; }
  .special_requests { height: 6rem; }
  table { margin-left: -0.1rem; }
  .peopleView { padding: 0rem; margin: 0rem; }
  .peopleView h3 { margin: 0.75rem 0.25rem; font-size: 0.9rem; }
  .peopleView .r h3 { margin-top: -0.2rem; font-size: 0.7rem; }
  .peopleView .r .align-right { font-size: 0.6rem; }
  .peopleView .r .align-right select { font-size: 0.6rem; }
  .peopleView label { text-transform: capitalize; opacity: 0.6; }
  .peopleView button[type=submit] { margin: 0rem; margin-right: 1rem; margin-top: 1rem; float: left; }
  .peopleView .flag { margin-top: 0.2rem !important; float: right; }
  .peopleView .consignorStats label, .peopleView .consignorStats .inventory { opacity: 1; font-weight: bold; font-size: 0.8rem; text-decoration: underline; }
  .peopleView .consignorStats h4, .peopleView .consignorStats ul { margin-bottom: 2rem; }
  .cf .l { float: none; }
  .l { font-size: 1.25rem; margin: 0.5rem auto -2rem auto; }
  .l span.link { font-size: 1.25rem; margin: 0.5rem auto -2rem auto; }
  .attendanceReport h2, .people .total { margin: 0rem auto; }
  .attendanceReport h3 { font-size: 1rem; text-align: left; margin: 2rem auto 0rem auto; }
  .attendanceReport .attendanceSummary { margin-top: 0.5rem; text-align: center; }
  .attendanceReport .attendanceSummary table { width: 100%; }
  .attendanceReport .attendanceSummary h3 { margin: 1rem 0rem 0.25rem -0.75rem; text-align: center; }
  .attendanceReport .attendanceSummary th h3 { margin: 2rem 0rem 0.25rem 0rem; }
  .attendanceReport fieldset { margin-top: 0.5rem; }
  .dropquant, .dropnotquant { margin-top: -1rem; }
  .table-container td { text-align: left !important; }
  .view.consignorSales2 h2 { margin: 3rem auto; }
  .view.consignorSales2 fieldset.shifts .cf { margin-bottom: 2rem; line-height: 1rem; }
  .event-summary-table { font-size: 0.6rem; }
  .event-summary-table .link { font-size: 0.6rem !important; }
  .proTip { font-size: 0.7rem; }
  .recon-search { font-size: 0.7rem; margin-top: -1rem; margin-bottom: 0rem; }
  .peopleCorporate h3 { font-size: 0.7rem; }
  .peopleCorporate h3 span { font-size: 0.7rem !important; margin-bottom: -2rem !important; }
  .donations1 table.pure-table, .donations2 table.pure-table { margin-top: -1rem !important; }
  .donations1 .l, .donations2 .l { margin: 0rem auto; padding-bottom: 2.5rem; }
  .donations1 .header, .donations2 .header { text-align: center; padding: 0rem; margin: 0rem; margin-top: 1rem; }
  .donations1 .header .breadCrumb, .donations2 .header .breadCrumb { margin-bottom: -2rem; }
  .donations1 .header .breadCrumb span, .donations2 .header .breadCrumb span { font-size: 0.9rem; }
  .donations1 .r, .donations2 .r { text-align: center; margin-top: 1.5rem; }
  .donations1 h3, .donations2 h3 { text-align: center; }
  .donations1 h4, .donations2 h4 { margin-top: 0rem; }
  .donations1 .table-categories, .donations2 .table-categories { margin-bottom: 1rem; }
  .donations1 .r, .refundsDetails .r, .miscItems .r { margin-top: 1rem; }
  .donations1 .l, .refundsDetails .l, .miscItems .l { padding-bottom: 0; }
  .donations1 .l span, .refundsDetails .l span, .miscItems .l span { font-size: 0.7rem; }
  .donations1 h3, .refundsDetails h3, .miscItems h3 { margin-top: 0rem; }
  .donations1 table span, .refundsDetails table span, .miscItems table span { font-size: 0.6rem; }
  .donations1 span, .refundsDetails span, .miscItems span { font-size: 0.75rem; }
  .miscItems .l { padding-bottom: 1.5rem; }
  .donations2 .header .breadCrumb span { font-size: 0.7rem; }
  .donations2 .header h3 { margin-top: 1rem; }
  .refundsDetails .header { margin-top: -1rem; padding-bottom: 1rem; }
  .refundsDetails .header span { font-size: 0.8rem; }
  .refundsDetails .r, .refundsDetails h3 { text-align: center; }
  .miscItems .header { margin-top: -2rem; padding-bottom: 2.5rem; }
  .miscItems .header span { font-size: 0.9rem; }
  .miscItems .r, .miscItems h3 { text-align: center; }
  .peopleDonations h3, .peopleInventory h3 { font-size: 0.9rem !important; }
  .peopleDonations span.link, .peopleInventory span.link { font-size: 0.9rem !important; }
  .peopleDonations .r, .peopleInventory .r { margin-top: 2.5rem; }
  .peopleDonations h4, .peopleInventory h4 { margin: 0rem; margin-top: 4rem; margin-bottom: 1rem; }
  .peopleDonations .table-consignors, .peopleInventory .table-consignors { margin-top: -1rem !important; margin-bottom: 3rem; }
  .peopleDonations .peopleInventory .table-container, .peopleInventory .peopleInventory .table-container { font-size: 0.6rem; padding: 0rem; }
  .peopleDonations .peopleInventory .link, .peopleInventory .peopleInventory .link { font-size: 0.5rem !important; }
  .peopleDonations .peopleInventory .pure-u-1-3 label, .peopleInventory .peopleInventory .pure-u-1-3 label { margin-top: 1rem !important; }
  .paymentsCollected { overflow: scroll; }
  .inventoryTimeline h3 { margin: 1rem auto 0.5rem auto; text-align: center; }
  .inventoryTimeline .main-content { padding-bottom: 5rem; }
  .inventoryTimeline table { margin: 0px auto; padding: 0px; font-size: 0.6rem; }
  .inventoryTimeline .event-dates { font-size: 0.7rem; }
  .inventoryTimeline .totals-table { position: relative !important; margin: 3rem 0rem 2rem 4rem; }
  .inventory_timeline { width: 100% !important; }
  .inventory_timeline .link { font-size: 0.6rem !important; }
  .view.inventoryTimeline .content-table, .view.inventoryTimeline .last-year-table { float: none; margin-top: 0rem; }
  .ql-container { position: inherit; }
  .cf:after { clear: none; } }

@media screen and (max-width: 767px) and (min-width: 376px) { .menuLink { padding: 0rem 1rem; height: 1rem; margin-top: -0.25rem; line-height: 1rem; text-align: right; } }