html{height:100%;-webkit-text-size-adjust:100%;}
body{margin:0px;height:100%; font: 0/0 'Open Sans', Arial; line-height: 0; font-weight: 400;background-color:#ebebeb;-webkit-text-size-adjust:100%;}
div.mainContainer{position:relative;height: auto; min-height: 100%;text-align:left;overflow-x:hidden;z-index:1;background-repeat:no-repeat; background-position: top center; background-size: auto; background-attachment: local; background-color: #e9e9e9;white-space: nowrap; background-image: url(images/BG.jpg); background-size: cover;}
div#topBorder{width: 100%;height: 90px; border-bottom: 1px solid rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.1); overflow: auto; background-color: #fff;}
form{margin:0px;}
img{border:0px;}
a img{text-decoration:none;border:0 none;}
a {text-decoration:none; color: #555555; }
a:hover{opacity:0.7}
sup{font-size:-1em;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}
a.pdf{padding: 2px 0px 5px 42px; background-image: url(images/icon_pdf_blue.svg); background-size: 35px 35px; background-repeat: no-repeat; background-position: top left; display: inline-block; text-decoration: none; color: #60605f; font-size: 22px; line-height: 28px; margin: 20px 0; text-align: left;}
a.ppt{padding: 2px 0px 5px 42px; background-image: url(images/icon_ppt_blue.svg); background-size: 35px 35px; background-repeat: no-repeat; background-position: top left; display: inline-block; text-decoration: none; color: #60605f; font-size: 22px; line-height: 28px; margin: 20px 0;}
a.vicon{padding: 2px 0px 5px 42px; background-image: url(images/icon_video_blue.svg); background-size: 35px 35px; background-repeat: no-repeat; background-position: top left; display: inline-block; text-decoration: none; color: #60605f; font-size: 22px; line-height: 28px; margin: 20px 0;}
p{margin:0px 0px 20px 0px;padding:0px;-webkit-text-size-adjust:100%;font-size:inherit;}
p.flush{margin:0px 0px 5px 0px;}
ul{list-style-type: disc;}
ul, ol{padding:0px 0px 20px 30px;margin:0px;overflow: auto;}
ol ol{padding-bottom: 0px;}
li {padding-bottom:5px;text-indent: 0vw;}
li ul{padding-top: 5px;}
ol.roman {counter-reset: roman;}
ol.alpha {counter-reset: alpha;}
ol.alpha li, ol.roman li {list-style: none;position: relative;}
ol.roman > li:before {counter-increment: roman;content:"(" counter(roman, lower-roman)") ";position:absolute;left:-1.7em;}
ol.alpha > li:before {counter-increment: alpha;content:"(" counter(alpha, lower-alpha)") ";position:absolute;left:-1.4em;}
.needed, .warn{color:#ff0000;}
.warn::-webkit-input-placeholder{color:red;}
.warn::-moz-placeholder{color:red;}
.warn:-ms-input-placeholder{color:red;}
div#homeBox{text-align: center; margin: 100px auto; background-color: #fff; width: 400px; border-radius: 30px; min-height: 400px; overflow: visible; border: 6px solid #d02e1f;}
div#homeBox > img{position: relative; top: -20px; display: block; margin: 0px auto 20px auto; width: auto; height: 180px;}
form#loginForm{position: relative; display: inline-block; vertical-align: top; white-space: normal; width: 80vw; max-width: 300px; color: #60605f;}
div#welcome{text-align: right; font-size: 14px; line-height: 14px; font-weight: 400; padding: 5px; color: #fff;}
div#welcome a{color: #fff;}
h1{font-size: 54px; line-height: 54px; font-weight: 400; color: #2665c0;}
div#dash{position: relative; text-align: center; margin: 10px auto; background-color: #fff; width: 850px; border-radius: 30px; min-height: 400px; overflow: visible; padding-bottom: 40px; border: 6px solid #d02e1f;}
div#dash a.logo{display: block; width: fit-content; margin: 0 auto;}
div#dash a.logo img{position: relative; top: -20px; display: block; margin: 0px auto 0px auto; width: auto; height: 180px;}
div#dash > img.logo{position: relative; top: -20px; display: block; margin: 0px auto 0px auto; width: auto; height: 180px;}
div#dash a.logo:hover{opacity:1;}
div#pendingTotal{position: absolute; top: 14px; right: 20px; font: 14px / 14px 'Open Sans', Arial;}
div#pharmaInfo{color: #000; font-size: 14px; line-height: 14px; padding: 5px 10px; margin: 0px auto 10px auto; width: fit-content;}
a.newOrderBtn{display: block; background-color: #e92929; font: 22px/40px 'Open Sans', Arial; font-weight: 700; color: #ffffff; text-align: center; vertical-align: top; width: 310px; padding: 0 20px; height: 40px; text-transform: uppercase; border-radius: 15px; margin: 10px auto 40px auto;}
form#orderForm{position: relative; display: none; vertical-align: top; white-space: normal; width: 80vw; max-width: 350px; color: #60605f; margin: 0 auto 40px auto;}
form#orderForm textarea#commande{color: #222; border: 1px solid #bbb; font: 14px / 16px 'Open Sans', Arial; line-height: 16px; border-radius: 0px; margin: 0px 0px 10px 0px; padding: 8px; height: 36px; background-color: #ffffff; width: calc(93% + 4px);}
form#orderForm textarea#comments{color: #222; border: 1px solid #bbb; font: 14px / 16px 'Open Sans', Arial; line-height: 16px; border-radius: 0px; margin: 0px 0px 10px 0px; padding: 8px; height: 36px; background-color: #ffffff; width: calc(93% + 4px);}
div#dateFields{position: relative; white-space: nowrap;}
input#dateExpected{width: 38%; margin-right: 4%;}
select#startTimeH{width: 21%; margin-right: 4%;}
select#startTimeM{width: 25%;}
form#orderForm.show{display: block;}
form#orderForm select#fax{display: none;}
form#orderForm select#fax.show{display: block;}
a.completedOrdersBtn{display: block; color: #000; font-size: 14px; line-height: 14px; padding: 5px 10px; margin: 20px auto; width: fit-content;}
h3{text-align: left; margin: 0 0 10px 0;}
form#searchForm{position: relative; display: block; vertical-align: top; white-space: normal; width: 80vw; max-width: 350px; color: #60605f; margin: 0 auto 10px auto;}
select#statusFilter{width: fit-content; padding: 0px 20px;}
div.mainContainer div.calendar{font: 14px / 14px 'Open Sans', Arial; margin-top: 0;}
div#filterCon{position: relative;}
div#filterCon > a{display:inline-block; vertical-align: middle; background-position: top center; background-repeat: no-repeat; background-size: 30px auto; width: fit-content; min-width: 30px; height: 30px; margin: 0px 20px; opacity: 0.4; padding-top: 38px; font-size: 11px; line-height: 11px; text-align: center;}
div#filterCon a#f1{background-image: url(images/icon_pickup.svg);}
div#filterCon a#f2{background-image: url(images/icon_delivery.svg); background-position: center 8px;}
div#filterCon a#f3{background-image: url(images/icon_ASAP.svg);}
div#filterCon a#f4{background-image: url(images/icon_fax.svg); background-size: 85% auto;}
div#filterCon a#f5{background-image: url(images/icon_intelligent.svg);}
div#filterCon.f1 a#f1{opacity: 1;background-image: url(images/icon_pickup_green.svg);}
div#filterCon.f2 a#f2{opacity: 1;background-image: url(images/icon_delivery_green.svg);}
div#filterCon.f3 a#f3{opacity: 1;background-image: url(images/icon_ASAP_green.svg);}
div#filterCon.f4 a#f4{opacity: 1;background-image: url(images/icon_fax_green.svg);}
div#filterCon.f5 a#f5{opacity: 1;background-image: url(images/icon_intelligent_green.svg);}
div#listingCon{position: relative; display: block; vertical-align: top; white-space: normal; width: 80vw; max-width: 800px; color: #60605f; margin: 20px auto 40px auto; font-size: 14px; line-height: 14px; font-weight: 400;}
div#listingCon div.table{width: 100%; margin-bottom: 20px;}
div#listingCon div.tableRow{display: none;}
div#listingCon div.tableRow.head{cursor: default; display: table-row;}
div#listingCon iframe.qrCode{width: 300px; height: 300px; table-row: 0; margin: 0;}
div#filterCon.f1 div#listingCon div.tableRow.ordType1{display: table-row;}
div#filterCon.f2 div#listingCon div.tableRow.ordType2{display: table-row;}
div#filterCon.f3 div#listingCon div.tableRow.ordType3{display: table-row;}
div#filterCon.f4 div#listingCon div.tableRow.ordType4{display: table-row;}
div#filterCon.f5 div#listingCon div.tableRow.ordType5{display: table-row;}
div#listingCon.history{font-size: 12px; line-height: 12px;}
div#listingCon.history div.tableRow{cursor: default;}
div#listingCon.history div.tableCell{padding: 5px 40px 6px 0px;}
div.table{display:table;max-width:980px;}
div.tableRow{display:table-row;}
div.tableCell{display:table-cell; vertical-align:middle; text-align:left; padding: 8px 40px 8px 0px;}
div.tableRow.head div.tableCell{padding: 0 40px 6px 0px; border-bottom: 1px solid #999;}
div.tableCell.qty{text-align: center;}
div.tableCell.status{cursor: pointer;}
div.tableCell.status > div{display:none; white-space: nowrap;}
div.tableCell.status > div > div{display: inline-block; vertical-align: baseline; width: 10px; height: 10px; border-radius: 5px; margin: 0 6px 0 0;}
div.tableRow.status1 div.tableCell div.stat1{display:block;}
div.tableRow.status2 div.tableCell div.stat2{display:block;}
div.tableRow.status3 div.tableCell div.stat3{display:block;}
div.tableRow.status5 div.tableCell div.stat5{display:block;}
div.tableRow.status4 div.tableCell div.stat4{display:block;}
div.tableRow.status1 div.tableCell div.stat1 > div{background-color: orange;}
div.tableRow.status2 div.tableCell div.stat2 > div{background-color: green;}
div.tableRow.status3 div.tableCell div.stat3 > div{background-color: #ff0000;}
div.tableRow.status5 div.tableCell div.stat5 > div{background-color: #ff0000;}
div.tableRow.status4 div.tableCell div.stat4 > div{background-image: url(images/icon_check_black.svg); background-position: center; background-repeat: no-repeat; background-size: 100% auto; width: 13px; height: 13px;}
div.tableRow.HR div.tableCell{padding: 0 40px 16px 0px; border-bottom: 1px solid #999;}
div#listingCon div.tableRow.HR{display: table-row;}
div.tableCell.custLname{padding: 8px 10px 8px 0px; white-space: nowrap;}
div.tableCell a.editBtn{display: inline-block; vertical-align: middle; background-position: center 2px; background-repeat: no-repeat; background-size: 18px auto; width: 20px; height: 20px; margin: 0 10px 5px 0; background-image: url(images/icon_edit_grey.svg);}
div.tableCell div.txtBlock{display: inline-block; vertical-align: middle; white-space: normal; width: 82%;}
div.bigStatus > div{display:none; font: 18px / 20px 'Open Sans', Arial; margin: 40px 0;}
div.bigStatus > div > div{display: table-cell; vertical-align: middle; width: 40px; height: 40px; border-radius: 20px;}
div.bigStatus > div > span{display: table-cell; vertical-align: middle; padding: 0 0 0 8px;}
div.bigStatus.status1 div.stat1{display:block;}
div.bigStatus.status2 div.stat2{display:block;}
div.bigStatus.status3 div.stat3{display:block;}
div.bigStatus.status4 div.stat4{display:block;}
div.bigStatus.status5 div.stat5{display:block;}
div.bigStatus.status1 div.stat1 > div{background-color: orange;}
div.bigStatus.status2 div.stat2 > div{background-color: green;}
div.bigStatus.status3 div.stat3 > div{background-color: #ff0000;}
div.bigStatus.status5 div.stat5 > div{background-color: #ff0000;}
div.bigStatus.status4 div.stat4 > div{background-image: url(images/icon_check_black.svg); background-position: center; background-repeat: no-repeat; background-size: 100% auto;}
a.printBtn{position: absolute; top: 2%; right: 2%;}
a.printBtn img{width: 40px; height: 40px;}
div.barCode img{display: inline-block; vertical-align: top; min-width: 25%;}
div.barCode div.info{display: inline-block; vertical-align: top; width: fit-content; text-align: left; padding: 0 0 0 2%; font-size: 18px; line-height: 20px;}
div.collapseBox{background-color: #fff; border: 1px solid #666; margin: 0 0 40px 0; max-height: 72px; overflow: hidden; transition: 500ms ease-in-out;}
div.collapseBox.open{max-height: 5000px;}
div.collapseBox div.toggleBtn{position: relative; background-image: url(images/icon_resources_blue.svg); background-position: 10px 10px; background-repeat: no-repeat; background-size: 50px 50px; padding: 25px 0 25px 70px; font: 22px/22px 'Open Sans',arial,sans-serif; font-weight: 600; color: #60605f; cursor: pointer;}
div.collapseBox div.toggleBtn.wrapped{padding: 14px 0 13px 90px !important;}
div.collapseBox div.toggleBtn span{position: absolute; top: 25px; right: 20px; z-index: 100; font: 32px/15px 'Open Sans',arial,sans-serif; font-weight: 600;}
div.collapseBox > div.toggleBtn span.open{display: none;}
div.collapseBox.open > div.toggleBtn span.closed{display: none;}
div.collapseBox.open > div.toggleBtn span.open{display: block;}
div.resource{font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 400; padding: 10px 10px 10px 70px; color: #60605f; border-top: 1px solid #666;}
div.resource a{color: #60605f; font-weight: 600;}
div.collapseBox img.logo {width: 250px; margin: 10px 10px 10px 0px;}
div.collapseBox.sub{border-left: 0; border-right: 0; border-bottom: 0; margin: 0;background-color: #f3f3f3;}
div.collapseBox.sub div.toggleBtn{background-image: none; font: 20px/22px 'Open Sans',arial,sans-serif; font-weight: 600; padding: 25px 0 25px 90px; background-color: #e2e2e2;}
div.toggled{display:inline-block;vertical-align:top;}
div.toggled.disabled{opacity:0.4;pointer-events:none;}
div.toggled.disabled.hidden{display:none;}
input[type="submit"], button{-webkit-appearance: none; cursor: pointer; margin: 0; border: 1px solid #555; background-color: #555; font: 22px/22px 'Open Sans', Arial; font-weight: 700; color: #ffffff; text-align: center; vertical-align: top; width: 100%; padding: 0 40px; height: 40px; text-transform: uppercase; border-radius: 15px; display: block;}
input[type="submit"]:hover, button:hover {opacity:0.8;}
input[type="text"], input[type="password"]{color: #222; border: 1px solid #bbb; font: 16px/16px 'Open Sans', Arial; line-height: 16px; border-radius: 0px; margin: 0px 0px 10px 0px; padding: 0px 10px; height: 36px; background-color: #ffffff; width: 93%;}
input[type="radio"]{display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin: 0 20px 0 0; cursor: pointer;}
select{color: #222; border: 1px solid #bbb; font: 16px 'Open Sans', Arial; line-height: 38px; border-radius: 0px; margin: 0px 0px 10px 0px; padding: 0px 10px; height: 38px; width: 100%;}
div.note{color: #222; font-size: 12px; line-height: 14px; text-align: left; padding: 0px 20px 20px 2px; margin-top: -6px;}
div#footer{width: 100%; margin: 0 auto; padding: 15px 0 12px 0; text-align: center; font-size: 13px; line-height: 14px; color: #60605f; z-index: 500; max-width: 870px;}
a.rightLink{display:inline-block;float:right;text-decoration:none;color:inherit;}
form#logForm.admin{width: 500px; margin: 20px auto; white-space: normal;}
body.admin div.mainContainer{overflow-x: auto; height: 100%;}
form#adminForm{padding: 20px; font-size: 16px; line-height: 18px; color: #fff; white-space: normal;}
form#adminForm h1{font-size: 18px; line-height: 20px;}
form#adminForm a{color: #fff;}
form#adminForm input[type="submit"]{display: inline-block; vertical-align: middle; width: auto; font-size: 16px; line-height: 20px; padding: 0 20px; height: 28px; margin: 15px 0;}
form#adminForm.evals{background-color: #fff; color: #000;}
form#adminForm.evals select{width: 400px; height: 40px;}
form#adminForm.evals a{color: #000;}
ol#qFeedback{}
ol#qFeedback.surveys{list-style: none;}
ol#qFeedback h2{font: 20px/24px 'Open Sans', Arial;font-weight: 600;margin: 0px 0px 10px 0px;}
ol.alpha.answers{padding: 5px 0px 20px 60px;}
img.feedGraph{display: block;margin: 0 auto 10px auto;}
ol#qFeedback div.graphRight{float: right;margin-bottom: 20px;}
ol#qFeedback div.graphRight h3{text-align: center;}
ol#qFeedback div.feedGraph{width:500px;height:300px;}
ol#qFeedback hr{height: 0; border: 0; border-bottom: 1px solid black; margin: 30px 0 20px 0;}
table.csvTable{border-collapse: collapse;border:0px;border-spacing:0px;font:14px/16px pt_sansregular, Arial;}
table.csvTable th{text-transform:uppercase;padding:3px 8px 8px 8px;}
table.csvTable td{padding:3px 8px;}
table.csvTable tr.offRow{background-color:#ffffff36;}
body.admin textarea{border:1px solid #009ee0;font:14px/16px 'Open Sans', Arial;}
body.admin select{line-height: 14px; height: 23px; margin: 0;}
input[type="text"].inputsmall, textarea.inputsmall {font:10px/12px 'Open Sans', Arial;height:auto;padding:0px 10px 0px 10px;border:1px solid #666;}
::-webkit-input-placeholder { /* WebKit */
color:#bbbcbd;text-transform:none;
}
::-moz-placeholder { /*Firefox */
color:#bbbcbd;text-transform:none;
}
:-ms-input-placeholder { /* IE */
color:#bbbcbd;text-transform:none;
}
legend{font-weight:bold;}
.floatRight{float:right;margin-left:20px;}
.floatLeft{float:left;margin-right:20px;}
div.warning{color: #ff0000; padding: 0px 0px 1vh 0px; font: 16px/18px 'Open Sans', Arial; font-weight: 400;}
form#adminForm div.warning{text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
div#ADMINwarning{color:#ff0000;padding:10px 10px 10px 10px;font-size: 22px; line-height: 22px; text-align: center; background-color: #fff;}
.warn{color:#ff0000 !important;}
input[type="text"].warn,input[type="password"].warn,select.warn,textarea.warn{color:#ff0000 !important;}
.warn::-webkit-input-placeholder { /* WebKit */
color: red !important;
}
.warn::-moz-placeholder { /*Firefox */
color: red !important;
}
.warn:-ms-input-placeholder { /* IE */
color: red !important;
}
div.miceType{font:12px/14px 'Open Sans', Arial;}
table.smallForm{font-size:12px;line-height:14px;}
.blankImg{opacity:0;}
@keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
.fadeItIn { -webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 600ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 600ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 600ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 600ms; }
@keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-webkit-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-ms-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
.fadeItOut { opacity:0; -webkit-animation-name: FadeOut; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 1s;
-moz-animation-name: FadeOut; -moz-animation-timing-function: ease-out; -moz-animation-duration: 1s;
-ms-animation-name: FadeOut; -ms-animation-timing-function: ease-out; -ms-animation-duration: 1s;
animation-name: FadeOut; animation-timing-function: ease-out; animation-duration: 1s; }
@keyframes scrollIn1 {
0% { opacity:0;transform: translate(0px,30px) scale(.5,.5);}
100% { opacity:1;transform: translate(0px,0px) scale(1,1);}
}
@-webkit-keyframes scrollIn1 {
0% { opacity:0;-webkit-transform: translate(0px,30px) scale(.5,.5);}
100% { opacity:1;-webkit-transform: translate(0px,0px) scale(1,1);}
}
@-moz-keyframes scrollIn1 {
0% { opacity:0;-moz-transform: translate(0px,30px) scale(.5,.5); }
100% { opacity:1;-moz-transform: translate(0px,0px) scale(1,1); }
}
@-ms-keyframes scrollIn1 {
0% { opacity:0;-ms-transform: translate(0px,30px) scale(.5,.5); }
100% { opacity:1;-ms-transform: translate(0px,0px) scale(1,1); }
}
.scrlIn1 { -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms; }
@media all and (max-width: 1025px){
form#codeForm label{font: 12px/12px 'Karbon',arial,sans-serif; font-weight: 400; max-width: 185px;}
}
@media all and (max-width: 920px){
body{font: 3.5vw 'Open Sans', Arial; font-weight: 400; line-height: 4vw;}
div.mainContainer{background-image: none; height: auto; min-height: 100vh;}
sup{position: relative; display: inline-block; font-size: 2vw; margin-top: -1vw;}
select{border: 1px solid #808184; border-radius: 0px; color: #808184; height: 10vw; font: 3vw/3.2vw 'Open Sans',sans-serif; padding: 0px 1vw; margin: 0px 0px 1.5vh 0px; width: calc(100% - 2px);}
div#welcome{text-align: center; color: #60605f;}
div#welcome a{color: #60605f;}
div#dash{width: calc(100vw - 12px); margin: 4vh 0 0 0;}
div#dash a.logo img{top: -3vh; height: 18vh;}
div#pendingTotal{font: 2.5vw / 2.5vw 'Open Sans', Arial; right: 2vw;}
form#orderForm{width: 92vw; max-width: unset;}
input#dateExpected{width: 40%;}
div#listingCon{width: 92vw; max-width: unset; font-size: 3vw; line-height: 3.5vw;}
div#listingCon div.barCode div.info{font-size: 3.5vw; line-height: 4vw;}
}
@media print {
@page{width: 56mm; height: 26mm; margin: 0;}
.pageBreak{display:block; page-break-before:always;}
div#printBtn{display:none;}
.dontPrint{display:none;}
.onlyPrint{display:block;}
div.feedbackQuestion{page-break-inside: avoid;}
ol#qFeedback div.graphRight{max-width: 480px;}
#qFeedback > li{page-break-inside: avoid;}
div#left{display:none;}
html{height: auto;}
body{height: auto;}
div.mainContainer{height: auto; background-image: none;background-color:#fff;}
div#welcome{display: none !important;}
div#dash{border: 0; padding: 0; margin: 0; width: 100%; min-height: unset;}
div#pharmaInfo{display: none !important;}
div#filterCon{width: 100%;}
div#app a{display: none !important;}
div#listingCon{font-size: 0; line-height: 0; padding: 0; margin: 0; width: 100%;max-width: unset;}
div#listingCon > div{display: none !important;}
div#listingCon form{display: none !important;}
div#listingCon > h2{display: none !important;}
div#listingCon > div.barCode{display: block !important; padding: 4vw 5vw; width: calc(100% - 10vw);}
div#listingCon > div.barCode img{min-width: 40%; max-width: 40%;}
div#listingCon div.barCode div.info{width: 40%; font-size: 5vw; line-height: 5.5vw;}
div#footerSpace{display: none;}
div#footer{display: none;}
}