@charset "UTF-8";html, body { padding:0px; margin:0px; }.transPopup { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,.5); backdrop-filter:blur(5px); }.transPopupContainer { display:table; margin:0 auto; background:#fff; padding:5px; box-shadow:0px 0px 3px #000; border-radius:5px; overflow:hidden; position:relative; top:50%; transform:translateY(-50%); max-height:calc(100vh - 100px); }.transPopupBtnHeader { height:44px; line-height:44px; color:#666; margin:-5px -5px 0px; font-size:20px; background:#f1f1f1; text-align:left; vertical-align:middle; overflow:hidden; z-index:100; }.transPopupBtnHeader span { margin-left:20px; float:left; }.transPopupBtnContainer { float:right; width:44px; height:44px; border-left:1px solid #f1f1f1; background:#f1f1f1; cursor:pointer; border-radius:0px 5px 0px 0px; }.transPopupBtn { margin:0px; width:45px; height:45px; overflow:hidden; }.popupXBtn { width:45px; height:45px; transform:rotate(45deg); font-size:50px; color:#bbb; text-align:center; transition:all .5s ease; }.transPopupContent { padding-top:5px; max-height:calc(100vh - 90px); max-width:calc(100vw - 50px); overflow-y:auto; }.transPopup[data-state="mobile"] .transPopupContainer { width:94% !important; }.transPopup[header=""] .transPopupBtnHeader,.transPopup[data-header=""] .transPopupBtnHeader,.transPopup:not([header]):not([data-header]) .transPopupBtnHeader { position:absolute; width:100%; background:transparent; height:0px; overflow:initial; }.transPopup[header=""] .transPopupBtnHeader span,.transPopup[data-header=""] .transPopupBtnHeader span,.transPopup:not([header]):not([data-header]) .transPopupBtnHeader span { display:none; }.transPopup[header=""] .transPopupBtnContainer,.transPopup[data-header=""] .transPopupBtnContainer,.transPopup:not([header]):not([data-header]) .transPopupBtnContainer { background:#fff; border-color:transparent; border-radius:0 5px 0 5px; }.transPopup[header=""] .transPopupContent,.transPopup[data-header=""] .transPopupContent,.transPopup:not([header]):not([data-header]) .transPopupContent { padding-top:0px; border-radius:3px; }@media (min-width:800px){.transPopupBtn:hover .popupXBtn { color:#000; }}@charset "UTF-8";popover[fullpage="true"] { display:block; position:fixed; top:0; width:100vw; height:100vh; background-color:rgba(255,255,255,.90); z-index:1000005; }popover[fullpage="true"] popover-box { position:relative; top:50%; left:50%; transform:translate(-50%,-50%); animation:none; }popover[fullpage="true"] arrow-container { display:none !important; }popover[fullpage="true"] list-content { max-height:60vh !important; }popover { display:block; vertical-align:top; position:relative; z-index:100005; white-space:normal; width:0px; height:0px; }popover [xo-popover] { display:none; }popover-box { position:absolute; display:block; width:310px; animation:popoverReveal .15s linear 0s 1 forwards; z-index:100004; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#000; }popover-shadow { position:relative; display:block; border-radius:5px; box-shadow:0px 0px 50px #999; background:#fff; }arrow-container { z-index:200; position:relative; display:none; text-align:left; height:19px; }popover[direction="down"] arrow-container[direction="up"] { display:block; }arrow-container[direction="up"] arrow-box { position:relative; display:inline-block; width:37px; height:20px; background:transparent; border-bottom:1px solid #fff; margin-bottom:-2px; overflow:hidden; }arrow-container[direction="up"] arrow { position:relative; display:block; width:40px; height:40px; background:#fff; border:1px solid #fff; transform:rotate(45deg) translate(6px,8px); box-shadow:0px 0px 2px #ccc; }popover[direction="up"] arrow-container[direction="down"] { display:block; }arrow-container[direction="down"] arrow-box { position:relative; display:inline-block; width:37px; height:20px; background:transparent; border-top:1px solid #fff; margin-top:-2px; overflow:hidden; }arrow-container[direction="down"] arrow { position:relative; display:block; width:40px; height:40px; background:#fff; border:1px solid #fff; transform:rotate(45deg) translate(-24px,-20px); box-shadow:0px 0px 2px #ccc; }top-container { position:relative; display:block; z-index:101; white-space:nowrap; }top-title { display:inline-block; text-transform:uppercase; background:#fff; vertical-align:top; width:230px; height:39px; line-height:40px; font-weight:700; color:#333; text-align:center; border-top:1px solid #fff; overflow:hidden; text-overflow:ellipsis; font-size:12px; }close-btn { display:block; position:relative; width:40px; height:40px; text-align:center; font-size:24px; line-height:38px; font-weight:300; background:#fff; transition:all .5s ease; cursor:pointer; }popover-box:hover close-btn { }filters { position:relative; display:block; background:#fff; z-index:101; padding:0px 10px; }list-container { position:relative; display:block; background:transparent; font-size:12px; }list-content { position:relative; display:block; max-height:300px; border-left:1px solid #fff; background:#fff; border-right:1px solid #fff; z-index:100; box-shadow:0px 0px 5px #ccc; overflow:auto; text-align:left; }list-content[show-price="true"] productcost { display:inline-block; margin-bottom:5px; }list-content divider { padding-top:5px; margin-bottom:5px; }list-item { display:block; position:relative; padding:5px 25px 5px 5px; border-top:1px dotted #ccc; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }list-content[data="menu"] list-item { font-size:14px; border:0px; color:#3271c1; text-transform:capitalize; background:#f9f9f9; border-radius:5px; margin:4px 10px; }list-content[data="menu"] list-item list-row { font-size:12px; color:#000; }list-content[data="menu"] list-item i { vertical-align:middle; width:30px; height:30px; text-align:center; line-height:30px; border-radius:50%; color:#3271c1; background:#fff; margin-right:10px; border:1px solid #ddd; }list-content[data="menu"] list-item.hasSubMenu::after { font-family:'FontAwesome'; position:absolute; right:10px; content:"\f105"; line-height:30px; }list-content[data="menu"] list-item:hover { background:#f1f1f1; }list-content[data="menu"] list-item:hover i { background:#fff; }list-content[data="menu"] list-row { display:block; position:relative; text-transform:capitalize; }list-content[data="menu"] list-item[selected] { background:#fff; color:#000; cursor:not-allowed; font-weight:700; }list-content[data="menu"] list-item[selected] i { color:#000; background:#fff; }list-content[data="menu"] list-item[selected]::after { font-family:'FontAwesome'; float:right; content:"\f00c"; color:green; position:absolute; right:7px; height:30px; width:30px; line-height:30px; text-align:center; background:#fff; z-index:101; }popover[overlap="true"] list-content[data="menu"] list-item:last-child { margin-bottom:50px; }popover list-row strong { color:#3271c1; }x-button { position:absolute; display:inline-block; vertical-align:top; width:24px; height:24px; border-radius:50%; text-align:center; line-height:24px; font-size:24px; font-weight:300; transform:rotate(45deg); border:1px solid #ccc; padding:0px; background:linear-gradient(#fff,#f1f1f1); color:#3271c1; right:8px; margin-top:7px; z-index:100; cursor:pointer; }clone-button { position:absolute; display:inline-block; vertical-align:top; width:24px; height:24px; border-radius:50%; text-align:center; line-height:24px; font-size:12px; border:1px solid #ccc; padding:0px; background:linear-gradient(#fff,#f1f1f1); color:#3271c1; right:37px; margin-top:7px; z-index:100; cursor:pointer; }failed { display:block; position:relative; font-size:14px; padding:20px; color:#c00; text-align:center; white-space:normal; border-top:1px dotted #ccc; }list-overlap { position:relative; display:block; height:0px; text-align:right; z-index:102; padding:0px 10px; }list-overlap round-btn { transform:translate(0px,-48px); }list-overlap input-group { transform:translate(0px,-40px); border-radius:3px; box-shadow:2px 2px 8px #999; border:0px; }popover-box list-overlap input-group::before { content:''; display:none; }popover-box list-overlap input-group input { height:30px; line-height:30px; font-size:14px; font-weight:400; width:calc(100% - 38px) !important; color:#3271c1; }popover-box list-overlap input-group suffix { height:30px; width:30px; line-height:26px; text-align:center; font-size:25px; color:#3271c1; cursor:pointer; font-weight:700; }round-btn { position:relative; display:inline-block; vertical-align:top; width:40px; height:40px; color:#fff; background:#3271c1; font-size:38px; font-weight:700; text-align:center; line-height:40px; border-radius:50%; cursor:pointer; box-shadow:2px 2px 8px #666;}round-btn:hover { opacity:.75; }list-buttons { position:relative; display:flex; height:46px; margin-top:-1px; z-index:99; background:#fff; border-radius:0px 0px 5px 5px; border:1px solid #fff; padding:5px 5px 0px; text-align:center; white-space:nowrap; }list-buttons button { width:100%; }list-buttons button:first-child { margin-right:2px; }list-buttons button:hover edge angle { background:#3271c1; box-shadow-color:#3271c1; }edge { display:inline-block; vertical-align:top; width:39px; height:40px; overflow:hidden; background:transparent; }edge.topLeft { background:#fff; border-left:1px solid #fff; border-top:1px solid #fff; width:38px; height:39px; border-radius:5px 0px 0px 0px; }edge.topLeft.return, edge.topLeft[action="remove"] { text-align:center; line-height:39px; color:#3271c1; font-size:12px; cursor:pointer; }edge.topLeft.return:hover { color:#3271c1; }edge.topLeft[action="remove"]:hover { color:#c00; }edge.topLeft angle { border:0px; display:none; }edge.topRight { width:40px; height:39px; border-top:1px solid #fff; color:#3271c1; border-right:1px solid #fff; background:#fff; }edge.topRight angle { border:0px; display:none; }edge.bottomLeft angle {background:#999; border:1px solid #fff; transition:all .5s ease; }edge.bottomRight angle {background:#999; border:1px solid #fff; transition:all .5s ease; }angle { display:block; width:60px; height:60px; border:1px solid #fff; background:#fff; }mini-title { position:relative; display:block; font-weight:700; padding:5px 0px; font-size:12px; }total-due { position:relative; display:block; color:#3271c1; font-size:16px; cursor:pointer; }add-to-list { position:relative; display:block; padding:10px 10px 5px; }add-to-list input-group suffix { text-align:center; line-height:32px; font-size:30px; font-weight:700; text-align:center; float:right; padding-right:8px; color:#3271c1; cursor:pointer; }popover[direction="up"][buttons="false"] list-content{max-height:342px; }popover[buttons="false"] list-buttons { margin-top:-42px; }popover[buttons="false"] list-content { box-shadow:0px -4px 5px #ccc; }popover[filters="false"] filters { display:none; }popover[overlap="false"] list-overlap { display:none; }permissions { position:relative; display:none; vertical-align:top; }permissions.active { display:block; }popover[login="5"] edge.topLeft.return[where="customerList"] { cursor:normal; }popover[login="5"] edge[where="customerList"] i { color:#fff; }angle {}edge.topLeft angle { border-radius:5px 0px 0px 0px; }edge.topRight { border-radius:0px 5px 0px 0px; }edge.topRight close-btn { transform:rotate(45deg); }edge.topRight:hover close-btn { color:#c00; }edge.bottomLeft angle { transform:translate(1px,-23px); border-radius:0px 0px 0px 5px; }edge.bottomRight angle { transform:translate(-23px,-23px); border-radius:0px 0px 5px 0px; }list-buttons button edge { display:none; }[skin="angled"] top-title { box-shadow:0px -2px 4px #ccc; }[skin="angled"] angle { transform:rotate(45deg) !important; }[skin="angled"] edge.topLeft angle { margin:9px 0px 0px 12px; }[skin="angled"] edge.topRight { border:none; width:41px; height:40px; border-radius:0px; }[skin="angled"] edge.topRight:hover close-btn { background:#c00; }[skin="angled"] edge.topRight angle { display:block; margin:10px 0px 0px -34px; }[skin="angled"] edge.topRight close-btn { transform:translate(11px,-101px) rotate(45deg); width:60px; height:30px; padding-top:30px; line-height:38px; border:none; background:#999; color:#fff; }[skin="angled"] edge.bottomLeft angle { margin:-34px 0px 0px 10px; box-shadow:0px 1px 0px #999; }[skin="angled"] edge.bottomRight angle { margin:-34px 0px 0px -32px; box-shadow:1px 0px 0px #999; }[skin="angled"] list-buttons button:hover edge.bottomLeft angle { box-shadow:0px 1px 0px #3271c1; }[skin="angled"] button-text { box-shadow:0px 1px 0px #999; width:111px; }[skin="angled"] list-buttons button:hover edge.bottomRight angle { box-shadow:1px 0px 0px #3271c1; }[skin="angled"] list-buttons button:hover button-text { box-shadow:0px 1px 0px #3271c1; }[skin="angled"] list-buttons { background:transparent; border:0px; }[skin="angled"] list-buttons button:first-child div { margin-left:-20px; }[skin="angled"] list-buttons button:last-child div { }[skin="angled"] list-buttons button:last-child button-text { width:96px; }product-item { display:block; position:relative; padding:5px 5px 10px; border-top:1px dotted #ccc; margin-top:-1px; }product-item productImg { width:80px; height:80px; }product-item productInfo {}product-item product-text {}popover-box[type="compare"] productimg input, popover-box[type="compare"] product-edit, popover-box[type="compare"] button[action="notes"]{ display:none; }popover list-content .menu, popover list-content .submenu, popover list-content .groupmenu { display:none; }popover list-content .menu.active, popover list-content .submenu.active, popover list-content .groupmenu.active { display:block; }popover list-content .submenu [submenu], popover list-content .groupmenu [groupmenu] { display:none; }popover list-content .submenu .active[submenu], popover list-content .groupmenu .active[groupmenu] { display:block; }list-item subtext { position:relative; display:block; font-size:12px; line-height:12px; color:#000; margin-top:5px; white-space:normal; }list-item subtext strong { line-height:12px; line-height:14px; }verify { position:absolute; display:block; background-color:rgba(255,255,255,0.9); z-index:1000; height:100%; top:0px; left:0px; width:100%; animation:popoverReveal .15s linear 0s 1 forwards; }verify-message { position:relative; display:block; top:50%; transform:translateY(-50%); padding:25px; background:#fff; font-size:14px; font-weight:400; box-shadow:0px 0px 50px #fff; text-align:center; white-space:normal; }verify-message div { color:#000; }verify-buttons { position:relative; display:block; padding:10px 5px 0px; }verify-buttons button { margin:2px; text-transform:capitalize; }verify-buttons button[answer="yes"], verify-buttons button[answer="confirm"] { background:linear-gradient(#5ea0f4,#3271c1) !important; color:#fff !important; border:1px solid #3271c1 !important; text-shadow:-1px -1px 1px #3271c1; }verify-buttons button[answer="yes"]:hover, verify-buttons button[answer="confirm"]:hover { background:linear-gradient(#3271c1,#5ea0f4) !important; }trash-all { position:relative; display:block; }trash-all trash { position:relative; display:block !important; width:8px; height:12px; line-height:10px !important; background:#fff; border-radius:3px; font-size:12px !important; }trash-all trash:first-child { transform:translate(15px,12px); }trash-all trash:last-child { transform:translate(21px,3px); }popover-box toggle[status="show"] { max-height:1500px; margin-top:5px; }popover-box toggle[status="hide"] { max-height:0px; margin-top:0px; }.forgotPassword { cursor:pointer; transition:all .5s ease; }.forgotPassword:hover { text-decoration:underline; }.forgotPassword-content[status="show"] { display:block; padding:10px; border-radius:3px; background:#f1f1f1; margin-top:5px; }.forgotPassword-content[status="hide"] { display:none; }.forgotPassword-content input { padding-left:10px !important; }.forgotPassword-content suffix { float:right; height:35px; width:30px; line-height:35px; color:#3271c1; transition:all .5s ease; cursor:pointer; }.forgotPassword-content suffix:hover { background:#f1f1f1; }.hasHoverBg { transition:all .5s ease; cursor:pointer; }.hasHoverBg:hover { background:#f1f1f1; }.countsContainer { text-align:center; }.countsBox { display:inline-block; background:#f1f1f1; padding:5px 0px; border-radius:5px; margin:0px 5px 5px; color:#3271c1; width:90px; font-size:12px; cursor:pointer; }.invalidInput:focus { box-shadow:none !important; }@keyframes popoverReveal{0% { transform:translate(0px,-100px) scale(.2); opacity:0; }100% { transform:translate(0px,0px) scale(1); opacity:1; }}list-content[data="new contact"] button[action-type="remove contact"]{ display:none; }button.wide { width:100%; height:38px; line-height:38px; font-size:14px; font-weight:400; transition:all .5s ease; text-transform:uppercase; border-radius:3px; border:0px; }button.wide:hover { opacity:.75; }button.blue { color:#fff; background:#3271c1; }button.white { color:#666; background:#fff; border:1px solid #ccc; }button.gray { color:#fff; background:#999; }button.red { color:#fff; background:#c00; }button.paymentBtn { width:calc(100% - 20px); height:38px; line-height:38px; font-size:14px; color:#fff; background:#5cb85c; border:0px; margin:0px 10px 10px; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }button.paymentBtn[pay-type]:before { float:left; font:normal normal normal 14px/1 FontAwesome; width:35px; text-align:left; line-height:38px; font-size:22px; content:'\f09d'; }button.paymentBtn[pay-type="Paypal"]:before { content:'\f1ed'; }button.paymentBtn[pay-type="Charge"]:before { content:'\f017'; }button.paymentBtn[pay-type="Cash"]:before { content:'\f155'; }button.paymentBtn[pay-type="Check"]:before { content:'\f155'; }button.paymentBtn[pay-type="re-order"] { background:#3271c1; }button.paymentBtn[pay-type="manual"], button.paymentBtn[pay-type="confirm"] { background:#c00; }button[pay-type="CompleteMerchantSolutions"] { display:none; }text { position:relative; display:inline-block; font-size:14px; }text-left { position:relative; display:inline-block; vertical-align:top; }text-right { position:relative; display:inline-block; vertical-align:top; float:right; }popover input-group select[input-select] { height:35px; width:calc(100% - 110px); font-size:12px; }popover input-group select[input-select]:last-child { width:60px; border-radius:0px; }popover-box input-group input[data-only="decimal"] { text-align:right; }popover-box list-content padding.submitting { font-size:12px; text-align:center; padding:20px 0px 50px; }popover-box list-content padding.submitting i { font-size:30px; line-height:70px; }#savedCards { margin:0px -5px; }card { display:inline-block; vertical-align:top; position:relative; background:radial-gradient(#f9f9f9,#f1f1f1); color:#000; font-size:10px; padding:5px 8px; margin:5px; border-radius:5px; width:calc(50% - 26px); height:65px; overflow:hidden; cursor:pointer; transition:background .5s ease; }card-remove { display:inline-block; position:relative; float:right; font-size:20px; transform:rotate(45deg); margin:2px -2px 0px 0px; width:12px; height:12px; line-height:12px; font-weight:300; color:#999; transition:all .5s ease; }card:hover card-remove { color:#fff; }card card-remove:hover { color:#c00; }card-add { display:block; position:relative; text-align:center; line-height:65px; font-size:14px; font-weight:400; }card-type { display:block; position:relative; text-align:left; font-size:12px; font-weight:700; height:38px; }card-name { display:block; position:relative; }card-left { display:inline-block; vertical-align:top; position:relative; float:left; line-height:12px; }card-number { display:block; position:relative; }card-date { display:block; position:relative; }card-right { display:inline-block; vertical-align:top; position:relative; float:right; }card-icon { display:block; position:relative; text-align:right; font-size:24px; line-height:28px; }card[card-action="select"]:hover { color:#fff; background:#3271c1; }card[card-action="add"]:hover { color:#fff; background:#5cb85c; }popover-box input-group prefix.cardIcon { width:35px; flex:0 0 35px; }popover-box input-group prefix.cardIcon img { width:30px; border:1px solid #ddd; border-radius:2px; margin-top:6px; margin-left:2px; }.processRow { margin-top:10px; }.processTitle { font-weight:700; }.processData {}.elementFrame { border:0px; height:250px; }popover checkbox-group { padding-bottom:5px; }popover checkbox-group div { padding-top:5px; }popover checkbox-group span { line-height:24px; }popover checkbox-group[half] div { display:inline-block; vertical-align:top; width:50%; }popover checkbox-group[thirds] div { display:inline-block; vertical-align:top; width:33%; }popover checkbox-group[fourths] div { display:inline-block; vertical-align:top; width:25%; }popover checkbox { width:24px; height:24px; }popover checkbox[checked]::before { line-height:24px; font-size:16px; }popover input-group checkbox { height:20px; width:20px; }popover input-group checkbox[checked]::before { line-height:20px; font-size:14px; }popover side-text { position:relative; display:inline-block; vertical-align:top; line-height:38px; }.zero-results { padding:50px 0px !important; text-align:center; color:#bbb; font-size:16px; border-top:1px dotted #ccc; }.zero-results-small { padding:0px 0px 30px !important; text-align:center; color:#bbb; font-size:16px; }#slice-container { width:250px; }.app-body { padding:10px; }.noScroll { overflow:hidden; min-height:250px; }@media (max-width:800px){list-content[data="menu"] list-item:hover { background:none; }}@charset "UTF-8";html, body { font-family:'Open Sans', sans-serif; background:#fff; }::-webkit-input-placeholder { font-weight:300; color:#999; }:-moz-placeholder { font-weight:300; color:#999; }::-moz-placeholder { font-weight:300; color:#999; }:-ms-input-placeholder { font-weight:300; color:#999; }.hidden { display:none; }button[action="checkbox"] { border-radius:5px !important; margin-right:5px !important; height:40px; width:40px; font-size:16px; background:#fff; }button[action="checkbox"][data-status="active"]::before { font-family:'FontAwesome'; top:0px; left:10px; content:"\f00c"; }button.bg-white[action="checkbox"][data-status="active"] { background:#f9f9f9 !important; color:#3271c1 !important; box-shadow:0px 0px 3px #ccc inset; }button[action="checkbox"][disabled], button[action="checkbox"][data-status="active"][disabled] { background:#ddd !important; color:#777 !important; cursor:no-drop !important; }button.btn-round { box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2); border-radius:50% !important; height:45px; width:45px; font-size:20px !important; margin-top:-3px !important; position:relative;}.box-shadow { box-shadow:0px 0px 5px #ccc; }.inactiveHidden { display:none !important; }div.dyn-box { display:none; }div.activeShow { display:block; }div.activeInlineShow { display:inline-block; }.invalidInput { border:1px solid #c00; border-color:#c00 !important; color:#c00 !important; }.invalidInput:focus { box-shadow:0px 0px 3px #fd8484 inset !important; }.loadingInput { background:#fff url(/Images/AjaxLoader.gif) no-repeat right 10px center !important; background-size:20px !important; transition:none !important; }.sidebarTabs div.dyn-tab { border-color:#f9f9f9; border-bottom:1px solid #ccc; font-size:10px; }.sidebarTabs div.dyn-tab.activeBtn { border-color:#ccc #ccc #fff; margin-bottom:-1px; background:#fff !important; color:#3271c1; }.sidebarMainTitle { background:#e9edf0; color:#596269; text-align:center; padding:5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:700; font-size:13px; }[data-justify="group"] { display:-webkit-flex; display:flex; text-align:center;}[data-justify="group"] > button[action="select"], [data-justify="group"] > button[action="toggle"], [data-justify="group"] > select, [data-justify="group"] > div.dyn-group, [data-justify="group"] > div.dyn-tab, [data-justify="group"] > input { -webkit-flex:1; -ms-flex:1; flex:1; }[data-justify="group"] div[data="icon"] { margin:0px; }[data-justify="group"] input, [data-justify="group"] select { min-width:60px; }[data-justify="enable"] { -webkit-flex:1; -ms-flex:1; flex:1; }[data-justify="disable"] { -webkit-flex:0 0 auto !important; -ms-flex:0 0 auto !important; flex:0 0 auto !important; min-width:auto; width:auto;}[data-empty=""] { display:none !important; }.floatLeft { float:left; }.floatRight { float:right; }.noSelect { cursor:default !important; background:transparent !important; color:#666 !important; }.not-available { color:#ddd !important; background:#f9f9f9 !important; }.not-available img { opacity:.25; }.not-available .itemTextMath { color:#c00; text-align:left; }.noWrap { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.noWrap .sectionCol { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.v-position { position:relative; top:50%; transform:translateY(-50%); }.v-spacing { margin-top:5px; margin-bottom:5px; }.align-left { text-align:left; }.align-center { text-align:center; }.align-right { text-align:right; }.hiddenBox { display:none !important; }.helptext { font-size:14px; font-weight:100; text-align:left; padding-top:5px; padding-bottom:5px; color:#999;}.roundRight { border-radius:0px 3px 3px 0px !important; }.roundLeft { border-radius:3px 0px 0px 3px !important; }.roundNone { border-radius:0px !important; }.roundAll { border-radius:5px !important; }.paddingRight0 { padding-right:0px !important; }.superMiniText { font-size:10px; height:0px; line-height:16px; position:relative; text-align:center; }.preventPopupBtnResize .dyn-popup { display:block; }.infoSpacer { padding:0px 5px; }.addItemContainer { border-top:0px; padding:10px 20px; background:#f9f9f9 !important; }#closePopupBtn { display:none; float:right; width:20px; height:20px; line-height:20px; text-align:center; color:#999; font-size:12px; transition:all .5s ease; cursor:pointer; }.listContainer .dyn-text, .listContainer .dyn-text div.dyn-icon { color:#666 !important; }.cartGroup button { border-radius:5px !important; margin-right:5px !important; }.cartGroup select { border-radius:5px !important; }.grow { animation:grow 300ms 1 forwards; }.dyn-tab-overflow { width:100%; overflow:hidden; }.tabGroupBtnHolder { width:auto; height:0px; text-align:center; }.tabGroupBtn { width:0px; height:0px; }.tabGroupBtn[data-direction="left"] { float:left; margin-left:-20px; display:none; }.tabGroupBtn[data-direction="right"] { float:right; margin-right:-5px; }.tabGroupBtn .rndGroupBtnIcon { position:absolute; margin-top:11px; width:15px; height:30px; border-radius:3px; background:#ccc; color:#fff; line-height:29px; z-index:100; font-size:20px; cursor:pointer; transition:all .5s ease; }.dyn-group-dark input { background:#7a868f; border-color:#7a868f; color:#fff; }.dyn-group-dark select { background:#7a868f url('/Images/site-templates/svg/dropdown-arrows.svg') no-repeat right 10px center; border-color:#7a868f; color:#fff; }.dyn-group-dark select:focus { color:#fff !important; }.dyn-group-dark div[data="icon"] { background:#7a868f; border-color:#7a868f; color:#fff; text-shadow:none; }.dyn-group-dark button { background:#7a868f; color:#fff; }.dyn-group-dark input::-webkit-input-placeholder { font-weight:300; color:#232a31; font-style:italic; }.dyn-group-dark input:-moz-placeholder { font-weight:400; color:#232a31; font-style:italic; }.dyn-group-dark input::-moz-placeholder { font-weight:400; color:#232a31; font-style:italic; }.dyn-group-dark input:-ms-input-placeholder { font-weight:400; color:#232a31; font-style:italic; }.optionized { width:100%; text-align:left; }.optionized input { width:100%; margin:0px; border:1px solid #ccc; }.optionized .optionized-holder { height:0px; width:100%; display:none; position:relative; z-index:1000;}.optionized .optionized-results { border:1px solid #ccc; position:absolute; background:#fff; max-height:200px; overflow:auto; width:calc(100% - 2px); box-shadow:0px 4px 4px #ccc;}.optionized .optionized-results div { cursor:pointer; }.optionizedActive { background:#f1f1f1; }.dyn-group .optionized input { width:calc(100% - 22px); }.dyn-mini .optionized input { width:calc(100% - 12px); }input[data-popup="Date"], [data-popup="Date"] input { pointer-events:none; cursor:pointer; }#calendarTitle { display:inline-block; vertical-align:top; font-weight:700; width:calc(100% - 88px); margin-right:0px; text-align:center; }#calendarTitle span { padding:0px; font-size:18px; line-height:41px; }#calendarMonthYear { margin-left:10px; }.sideHeadInfo { display:inline-block; vertical-align:top; height:40px; width:40px; color:#999; font-size:14px; text-align:center; line-height:40px; }#calendarDayNames { padding:0px 10px; width:252px; margin:0 auto; }.dayName { display:inline-block; vertical-align:top; margin:2px; width:32px; height:20px; line-height:20px; font-size:10px; font-weight:700; text-align:center; color:#000; }#calendarDays { padding:0px 10px 10px; width:252px; margin:0 auto; white-space:normal; }.calendarEmptyDay { display:inline-block; vertical-align:top; margin:2px; width:30px; height:30px; line-height:30px; background:#fff; border:1px solid #fff; color:#fff; }.calendarDay { display:inline-block; vertical-align:top; margin:2px; width:30px; height:30px; line-height:30px; background:#fff; border:1px solid #f1f1f1; color:#3271c1; border-radius:5px; text-align:center; font-size:12px; transition:all .5s ease; cursor:pointer; font-weight:700; }.activeCalendarDay { background:#3271c1 !important; border-color:#3271c1 !important; color:#fff !important; }.currentCalendarDay { background:#e6ebf2; color:#3271c1; border-color:#e6ebf2; }.pulse-btn { -webkit-animation:pulse 1.5s 1s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation:pulse 1.5s 3 cubic-bezier(0.66, 0, 0, 1); -ms-animation:pulse 1.5s 3 cubic-bezier(0.66, 0, 0, 1); animation:pulse 5s infinite cubic-bezier(0.66, 0, 0, 1); }.trashIconFormat { position:relative; width:11px; height:15px; line-height:14px; background:#fff; border-radius:3px; font-size:18px; }.trashIconFormat i { transform:translate(-3px,-2px); }.trashIcon1 { transform:translate(15px,12px); }.trashIcon2 { transform:translate(21px,3px); }i.addAccountIcon { text-shadow:-1px -1px 0 #596269, 1px -1px 0 #596269, -1px 1px 0 #596269, 1px 1px 0 #596269; font-size:13px; transform:translateX(-4px) translateY(1px); }.addItemMsgShow { display:none; margin-top:15px; }#xo_rightsidebar .addItemMsgShow { display:block; }#xopopup_error:before { position:absolute; content:"\f06a"; font-family:'FontAwesome'; color:#c00; font-size:40px; }#xopopup_warning:before { position:absolute; content:"\f071"; font-family:'FontAwesome'; color:#c00; font-size:40px; }#xopopup_message:before, #xopopup_notification:before { position:absolute; content:"\f05a"; font-family:'FontAwesome'; color:#999; font-size:40px; }#xopopup_error div, #xopopup_warning div, #xopopup_notification div, #xopopup_message div { margin-left:60px; min-height:40px; display:flex; align-items:center; }.notificationBtnBox { margin-top:20px; }.notificationBtnBox button { margin-right:10px; width:45%; }.bubble { display:none; vertical-align:top; text-align:center; padding:0px 5px; min-width:10px; height:20px; line-height:20px; font-size:10px; color:#fff; font-weight:700; background:#c00; border-radius:12px; border:1px solid #f00; margin:2px; }.activeBubble { display:inline-block; }.rotateDown { transform:rotate(0deg); animation:upsideDown .5s linear 0s 1 forwards; }.rotateUp { transform:rotate(180deg); animation:upsideUp .5s linear 0s 1 forwards; }.jiggleMe { transform:rotate(0deg); animation:jiggles 1s linear 0s 1 forwards; }loading { display:block; position:relative; font-size:30px; text-align:center; padding:50px 20px; color:#bbb; }@keyframes upsideDown{0%{ transform:rotate(0deg); }100%{ transform:rotate(180deg); }}@keyframes upsideUp{0%{ transform:rotate(180deg); }100%{ transform:rotate(0deg); }}@keyframes jiggles{0%{ transform:rotate(0deg); }20%{ transform:rotate(10deg); }40%{ transform:rotate(-10deg); }60%{ transform:rotate(10deg); }80%{ transform:rotate(-10deg); }100%{ transform:rotate(0deg); }}@-webkit-keyframes pulse{0% { box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2); }20% { box-shadow:0 0 0 45px rgba(232, 76, 61, 0); }100% { box-shadow:0 0 0 45px rgba(232, 76, 61, 0); }}@-moz-keyframes pulse{0% { box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2); }20% { box-shadow:0 0 0 45px rgba(232, 76, 61, 0); }100% { box-shadow:0 0 0 45px rgba(232, 76, 61, 0); }}@-ms-keyframes pulse{0% { box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2); }20% { box-shadow:0 0 0 45px rgba(232, 76, 61, 0); }100% { box-shadow:0 0 0 45px rgba(232, 76, 61, 0); }}@keyframes pulse{0% { box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2); }20% { box-shadow:0 0 0 45px rgba(232, 76, 61, 0); }100% { box-shadow:0 0 0 45px rgba(232, 76, 61, 0); }}@media (max-width:600px){.dyn-popup.mobilePopup { position:fixed; height:100vh; width:100vw; top:0px; left:0px; z-index:10000; background:url(/Images/site-templates/transparent/blacktrans_50.png); }.dyn-popup.mobilePopup .popupArrowContainer { display:none; }.dyn-popup.mobilePopup .popupList { position:fixed !important; width:85vw !important; min-height:30vh !important; top:5vh; left:5vw; margin:0px !important; }.dyn-popup.mobilePopup .rowContainer { width:85vw; max-height:60vh; }.dyn-popup.mobilePopup.popupListDetails [data-popup="Item"] { display:none; }.dyn-popup.mobilePopup.popupListDetails #popupRightDetails { height:auto; }.dyn-popup.mobilePopup.popupListDetails .rowContainer { height:auto; max-height:85vh; }}@media (max-width:450px){#popupLeftImage { width:100%; float:none; height:125px; margin-bottom:20px; }#popupLeftImage img { max-width:80%; max-height:125px; }.dyn-popup.popupListDetails #popupRightDetails { width:100%; float:none; }.resizeSelect { max-width:50px; }}@keyframes grow{from { transform:translate(0px,-5px); scale(.5,.5); opacity:0; }to { transform:translate(0px,0px); scale(1,1); opacity:1; }}@media (min-width:800px){button.bg-green:hover { background:#6fd36f; }button.bg-gray:hover { background:#999; }button.bg-red:hover { background:#f00; }button.bg-blue:hover { background:#5ea0f4; }button.bg-white:hover { color:#3271c1; }button.bg-transparent:hover { color:#3271c1; }div.bg-green:hover { background:#6fd36f; }div.bg-blue:hover { background:#5ea0f4; }div.bg-red:hover { background:#f00; }div.dyn-tab:hover { background:#f9f9f9; }div.dyn-text:hover, div.dyn-select:hover, div.dyn-holder:hover .dyn-icon { color:#5ea0f4; }.listContentTitle .listArrow:hover, .listContentTitle .listView:hover { background:#fff; color:#3271c1; }.listRow:hover { background:#f3f8ff; cursor:pointer; }.listRemove:hover { color:#c00; opacity:1; }.listView:hover { color:#3271c1; opacity:1; }.itemRow:hover { background:#f3f8ff; }.itemRemove:hover { color:#c00; opacity:1; }.popupBtn:hover { color:#3271c1; }#closePopupBtn:hover { color:#c00; }.listContainer .dyn-text:hover, .listContainer .dyn-text:hover div.dyn-icon { color:#3271c1 !important; }.tabGroupBtn .rndGroupBtnIcon:hover { background:#999; }.dyn-group-dark button:hover { background:#7a868f; color:#fff; }.optionized .optionized-results div:hover { background:#f1f1f1; }.calendarDay:hover { background:#f9f9f9; color:#3271c1; }.pulse-btn:hover { -webkit-animation:none; -moz-animation:none; -ms-animation:none; animation:none; }.sideHeadInfo:hover .trashIconFormat { color:#c00; }}.fas, .far, .fa { font-weight:900 !important; }.recentlyLoaded { animation:unblur 2s ease 0s 1 forwards; filter:blur(10px); }.recentlyAdded { background:#d8f5d7; animation:recentAddition 1s ease 0s 1 forwards; transform:scale(1,1); }.recentlyRemoved { background:#f1bebe; animation:recentRemoval .5s linear 0s 1 forwards; transform:scale(0,0); }.slideUp { animation:slideUp 1s ease 0s 1 forwards; }.slideDown { animation:slideDown 1s ease 0s 1 forwards; }.fillMeIn { animation:fillMeIn .5s linear 0s 1 alternate; }.noticeMe { animation:noticeMe .25s linear 0s 1 alternate; }.bounceRight { animation:bounceRight .5s linear 0s 1 forwards; }.noPaddingTop { padding-top:0px; }.noPaddingLeft { padding-left:0px; }.noPaddingRight { padding-right:0px; }.noPaddingBottom { padding-bottom:0px; }.noMargin { margin:0px !important; }.noMarginTop { margin-top:0px !important; }.noMarginLeft { margin-left:0px !important; }.noMarginRight { margin-right:0px !important; }.noMarginBottom { margin-bottom:0px !important; }.textAlignLeft { text-align:left; }.textAlignRight { text-align:right; }.textAlignCenter { text-align:center; }.sticky { position:sticky !important; top:0; }.hidden, .hidden2 { display:none !important; height:0px; width:0px; overflow:hidden; opacity:0; }.floatLeft { float:left; }.floatRight { float:right; }.clear { clear:both; }.leftDottedLine { border-left:1px dotted #ccc !important; padding-left:5px !important; }.inputNameWidth { width:calc(50% - 23px) !important; }.inputCityWidth { width:calc(100% - 139px) !important; }.inputLotWidth, .inputStateWidth, .inputZipWidth { width:45px !important; }.inputStreetWidth { width:calc(100% - 94px) !important; }.inputWithPrefix { width:calc(100% - 40px) !important; }.display-block { display:block; }.display-inline { display:inline-block; }.noWrap { white-space:nowrap; }.noEllipsis { text-overflow:clip; }.content-loader { font-size:20px; text-align:center; color:#777; padding:50px 20px; }.page-loader-bar { position:fixed; display:block; height:3px; top:0px; left:0px; z-index:10000000; background-color:rgba(255,255,255,1); width:calc(100% - 4px); border:1px solid #fff; }.page-loader-bar-progress { display:block; height:3px; width:0px; background:#3271c1; animation:loadPage 30s 0s forwards; margin-bottom:-3px; border-radius:3px; }[empty-hide=""], [empty-hide="null"] { display:none !important; }[empty-show=""], [empty-show="null"] { display:block !important; }[empty-inline=""], [empty-inline="null"] { display:inline-block !important; }[contentEditable="true"] { white-space:pre-wrap; display:inline-block; word-wrap:break-word; user-select:text; -webkit-user-select:text; }[contentEditable="true"]:empty:before { content:attr(placeholder); font-weight:300; font-size:12px; color:#999; opacity:.8; }[contenteditable]:focus { outline:0px solid transparent; }[input-select] { cursor:pointer; display:inline-block; vertical-align:top; border:1px solid #ccc; font-family:inherit; padding:0px 15px 0px 5px; line-height:24px; height:26px; text-overflow:ellipsis; -webkit-appearance:none; -moz-appearance:none; outline:medium none; background:transparent; background:#fff url('/Images/site-templates/svg/dropdown-arrows.svg') no-repeat right 2px center; background-size:14px; box-shadow:1px 1px 2px #fff inset; display:inline-block; vertical-align:top; border-radius:3px; color:#3271c1; }[required]::before, required::before, .required { position:absolute; font-family:FontAwesome; top:5px; left:2px; content:"\f005"; color:#c00; font-size:5px; z-index:100; }[disable-hover] { pointer-events:none; transition-delay:0s !important; }[onclick] { cursor:pointer; }[disable-hover] { pointer-events:none; }.transPopup { font-size:16px; }.print-only { display:none; }::placeholder, ::-webkit-input-placeholder { color:#999; opacity:.8; }*:focus:not(.k-input) { outline:2px solid lightblue !important; }loggedIn { position:sticky; top:0; display:block; background:#f1f1f1; padding:5px; font-family:'Open Sans', sans-serif; margin-top:5px; white-space:nowrap; text-align:right; z-index:200; }loggedIn .loggedInAsBox { display:inline-block; vertical-align:top; font-size:13px; line-height:13px; color:#3271c1; line-height:16px; padding-left:10px; }loggedIn .loggedInAsBox strong { display:inline-block; vertical-align:top; overflow:hidden; text-overflow:ellipsis; }loggedIn .loggedInAsBox span { display:inline-block; vertical-align:top; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }account, customer, invoice { position:relative; display:inline-block; vertical-align:top; font-size:0px; text-align:left; }help-text, text, loggedIn strong { position:relative; display:inline-block; vertical-align:top; text-align:left; color:#000; font-weight:700; line-height:24px; font-size:13px; }selection { position:relative; background-size:14px; font-size:12px; line-height:24px; border:1px solid #ccc; cursor:default; display:inline-block; vertical-align:top; text-align:left; border-radius:3px; border-color:#ccc; background:#fff url(/Images/site-templates/svg/dropdown-arrows.svg) no-repeat right 2px center; background-size:14px; padding:0px 16px 0px 7px; color:#3271c1; cursor:pointer; }selection-link { position:relative; display:inline-block; vertical-align:top; line-height:24px; font-size:13px; cursor:pointer; padding:0px 5px; }account[identifier=""] .loggedInAsBox selection span[xo-popover="select"][value="account"], customer[identifier=""] .loggedInAsBox selection span[xo-popover="select"][value="customer"] { color:#999; }account[identifier=""] .x-button[deselect], customer[identifier=""] .x-button[deselect] { display:none; }settings { float:left; display:inline-block; vertical-align:top; cursor:pointer;}settings:hover bubble { background:#3271c1; color:#fff; }settings bubble { position:relative; display:inline-block; font-size:20px; height:28px; text-align:center; line-height:28px; background:#fff; border:2px solid #fff; border-radius:3px; color:#3271c1; transition:all .5s ease; padding:0px 5px; }settings name { position:relative; font-size:16px; font-weight:400; line-height:28px; display:inline-block; vertical-align:top; }.selectedDefault, .selectedUnique { display:none; }.selectedDefault.active, .selectedUnique.active { display:block; }loggedin div.x-button { border-radius:50%; background:#f1f1f1; color:#666; width:17px; height:17px; line-height:17px; text-align:center; border:0px; transform:rotate(45deg); display:inline-block; font-size:16px; vertical-align:top; margin-top:3px; }html, body { margin:0px; font-family:'Open Sans', sans-serif; }a { text-decoration:none; cursor:pointer; }button { cursor:pointer; }select::-ms-expand { display:none; }input[type="date"][value=""] { color:#ccc; }password-toggle { position:absolute; display:inline-block; font-family:FontAwesome; line-height:30px; vertical-align:top; right:0px; font-size:16px; cursor:pointer; width:25px; height:20px; color:#999; background-color:rgba(255,255,255,.7); transition:all .5s ease; }password-toggle:hover { color:#3271c1; }password-toggle::before { content:"\f070";}password-toggle[show]::before { content:"\f06e"; }clear-input { position:relative; display:inline-block; font-family:FontAwesome; line-height:34px; vertical-align:top; margin-right:5px; font-size:16px; cursor:pointer; width:20px; height:34px; color:#999; background-color:rgba(255,255,255,.7); transition:all .5s ease; }clear-input:hover { color:#3271c1; }clear-input::before { content:"\f057";}required { position:absolute; }switch { display:inline-block; vertical-align:top; white-space:nowrap; background:#ccc; font-size:0px; border-radius:20px; padding:2px; }switch button { color:#fff; background:transparent; height:32px; font-size:12px; font-weight:700; line-height:32px; border:1px solid transparent; text-align:center; border-radius:0px; border-radius:18px; padding:0px 10px; }switch:not([disabled]) button:not([status="active"]):hover { background:#fff; color:#3271c1; }switch button[status="active"] { background:#fff; color:#333; }switch[disabled] { background:#000; cursor:not-allowed; }switch[disabled] button { cursor:not-allowed; }switch input { display:none; }input[disabled], input-group[disabled], select[disabled], button[disabled], button[disabled]:hover, button.xo-btn[disabled], button.xo-btn[disabled]:hover { background:#f1f1f1; cursor:not-allowed; border:1px solid #ddd; box-shadow:none; color:#666; text-shadow:none; }switch button[disabled][status="active"] { background:#f1f1f1; }toggle-btn { position:relative; display:inline-block; width:52px; padding:2px; background:#ccc; border-radius:20px; text-align:left; font-size:14px; color:#999; cursor:pointer; transition:all .5s ease; }toggle-rnd { position:relative; display:inline-block; height:32px; width:32px; background:#fff; text-align:center; line-height:32px; border-radius:50%; transition:all .5s ease; }toggle-btn.active, toggle-btn[active] { background:#3271c1; color:#3271c1; }toggle-btn.active toggle-rnd, toggle-btn[active] toggle-rnd { margin-left:20px; }toggle-btn[disabled] { background:#000; cursor:not-allowed; }toggle-btn[disabled] toggle-rnd { color:#000; }angle-divider, angle-divider-inner { position:relative; display:inline-block; }angle-divider { z-index:100; width:0; height:0; margin:-2px 0px; border-left:8px solid #ccc; border-top:19px solid transparent; border-bottom:19px solid transparent; }angle-divider-inner { width:0px; height:0px; margin:-19px 0px 0px -9px; border-left:8px solid #fff; border-top:19px solid transparent; border-bottom:19px solid transparent; }input-text { position:relative; display:inline-block; margin:0px 5px; max-width:100%; overflow:hidden; }input-group { position:relative; display:inline-block; vertical-align:top; border:1px solid #ccc; text-align:left; white-space:nowrap; background:#fff; }input-group[focused] { border-color:#3271c1; box-shadow:0px 0px 5px #3271c1; }input-group[type="hidden"] { display:none !important; }input-group input:first-child { padding-left:5px; }input-group input:last-child { padding-right:5px; }input-group input:only-child { width:calc(100% - 15px); }input-group input, input-group input-text { border:0px !important; padding:0px; background:transparent; text-overflow:ellipsis; outline:none; }input-group input[type="file"] { height:106px !important; line-height:20px !important; transform:translate(5px,3px); width:calc(100% + 10px) !important; }input-group suffix, input-group prefix, input-group infix { position:relative; display:inline-block; vertical-align:top; line-height:24px; color:#000; min-width:15px; text-align:center;padding:0px 2px; }input-group select:first-child { padding-left:5px; }input-group select:only-child { width:100%; }input-group select { cursor:pointer; height:24px; border:0px !important; padding-right:15px; font-family:inherit; text-overflow:ellipsis; -webkit-appearance:none; -moz-appearance:none; background:transparent url('/Images/site-templates/svg/dropdown-arrows.svg') no-repeat right 2px center; background-size:14px; box-shadow:1px 1px 2px #fff inset; display:inline-block; vertical-align:top; border-radius:3px; outline:none; }input-group suffix, input-group prefix { position:relative; display:inline-block; vertical-align:top; line-height:24px; color:#000; min-width:15px; text-align:center; padding:0px 2px; }input-group spinner { position:relative; display:inline-block; vertical-align:top; line-height:24px; color:#999; width:24px; text-align:center; font-size:14px; }input-group checkbox { width:24px; height:24px; line-height:24px; margin:2px; }subtitle { position:relative; display:block; color:#000; }padding { position:relative; display:block; padding:20px; }sub-padding { position:relative; display:block; padding:10px; }toggle { position:relative; display:block; transition:all .5s linear; }toggle[status="hide"] { max-height:0px; overflow:hidden; }toggle[status="show"] { max-height:initial; overflow:inherit; }error-message { position:relative; display:block; transition:all .5s linear; color:#c00; font-size:12px; }error-message[status="hide"] { display:none; }error-message[status="show"] { display:block; }error-message[status="show"]::before { position:relative; font-family:FontAwesome; top:-5px; left:2px; content:"\f005"; color:#c00; font-size:5px; z-index:100; padding-right:5px; }select-input, [select-icon] { position:relative; display:inline-block; background:#fff url('/Images/site-templates/svg/dropdown-arrows.svg') no-repeat right 2px center; background-size:14px; }select-input[focus="true"] si-select { display:block; max-width:100%; }select-input suffix { display:none; margin-left:-34px; width:24px; padding:0px 2px; }select-input input { padding-right:20px !important; }select-input[loading="true"] { background:#fff; }select-input[loading="true"] suffix { display:inline-block; }select-input[overlap="disabled"] si-select { position:relative; top:0px; max-height:100px; }si-select { display:none; position:absolute; top:35px; min-width:100%; max-height:300px; box-shadow:0px 0px 5px #ccc; border-radius:3px; background:#f9f9f9; overflow-y:auto; overflow-x:hidden; z-index:100; }si-select si-option { position:relative; display:block; padding:0px 20px 0px 10px; font-size:12px; line-height:24px; cursor:pointer; margin:0px 1px; border-radius:3px; color:#000; }si-select si-option.active { color:#3271c1; font-weight:700; }si-select si-option.focus { background:#3271c1; color:#fff; }si-select si-option img { height:20px; margin:-2px 5px -2px -6px; vertical-align:top; border-radius:3px; }si-select si-option .si-image { position:relative; display:inline-block; vertical-align:top; margin-right:5px; width:30px; height:30px; background:#fff; border-radius:50%; text-align:center; margin:5px 5px 5px 0px; border:1px solid #ccc; }si-select si-option .si-image img { max-height:80%; max-width:80%; margin:0px; vertical-align:middle; }si-select si-option .si-text { position:relative; display:inline-block; vertical-align:top; width:calc(100% - 30px); font-size:12px; line-height:14px; padding:5px; overflow:hidden; text-overflow:ellipsis; }file-input { display:block; position:relative; overflow:hidden; width:calc(100% - 10px); padding:5px; text-align:center; background:#fff; color:#3271c1; border:1px solid #ccc; }file-input[uploaded] { background:#f1f1f1; }file-input[uploaded] reset { display:inline-block; }file-input[uploaded] input[type="text"] { width:calc(100% - 100px); }file-input input[type="text"] { display:inline-block; font-family:inherit; font-size:14px; min-height:26px; line-height:26px; vertical-align:top; width:calc(100% - 70px); }file-input input[type="file"] { position:absolute; opacity:0; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:2; }file-input reset { position:relative; display:none; width:22px; height:22px; text-align:center; line-height:22px; transform:rotate(45deg); transition:all .5s ease; cursor:pointer; margin:2px; background:#f1f1f1; border-radius:50%; font-size:22px; }file-input reset:hover { color:#c00; }file-text, file-input label { position:relative; display:block; background:#edf7ff; text-align:center; z-index:1; cursor:pointer; }file-input label::before { content:"Click/Drag here to upload"; }file-input label { display:block; font-size:14px; background:#eaf2fc; text-align:center; color:#3271c1; padding:50px; transition:all .5s ease; cursor:pointer; }file-input label input { display:none; }uploaded-file { position:relative; display:none; font-size:0; line-height:0; padding:10px 0 10px 10px; white-space:nowrap; }uploaded-file img { width:40px; vertical-align:top; }uploaded-file uploaded-file-text { position:relative; display:inline-block; vertical-align:top; padding-left:20px; font-size:14px; line-height:14px; color:#000; width:calc(100% - 90px); text-align:left; overflow:hidden; text-overflow:ellipsis; }uploaded-file uploaded-file-text span:not([dir]) { font-size:10px; color:#999; }uploaded-file uploaded-remove { position:relative; display:inline-block; vertical-align:top; text-align:center; line-height:30px; font-size:20px; font-weight:300; color:#999; width:30px; height:30px; border-radius:50%; transform:rotate(45deg); cursor:pointer; }uploaded-file uploaded-remove:hover { background:#f9f9f9; }file-input[file*="."] label { display:none; }file-input[file*="."] uploaded-file { display:block; }file-placeholder { position:relative; display:inline-block; width:38px; height:48px; border:2px solid #999; color:#888; font-weight:700; line-height:48px; text-align:center; font-size:12px; background:#fff; }scrollbar { position:sticky; top:0px; height:20px; display:block; width:100%; overflow:auto; }c-scroll { position:relative; display:block; height:20px; }.wraptocenter { display:table-cell; text-align:center; vertical-align:middle; }.wraptocenter * { vertical-align:middle; }.date { font-size:130%; font-weight:bold; }a, [link-style] { color:#3271c1; cursor:pointer; }a:hover, [link-style-hover]:hover { color:#5ea0f4; }::placeholder { font-style:italic; color:#ccc; }.border-right { border-right:1px solid #ccc !important; border-radius:0px; margin-right:5px; }[bg-hover] { cursor:pointer; }[bg-hover]:hover { background:#edf7ff; }.arrow-box { width:46px; height:20px; overflow:hidden; margin:2px 0 -1px 10px; }.up-arrow { width:50px; height:50px; margin-top:14px; transform:rotate(45deg); background:#f1f1f1; border-radius:3px; }.box-border { padding:10px; border-radius:5px; }.alt-bg,.alt-bg > .alt-bg > .alt-bg,.alt-bg > .alt-bg .up-arrow { background:#f1f1f1; box-shadow:3px 3px 3px #ccc; }.alt-bg > .alt-bg { margin:0px -5px -5px; }.alt-bg > .alt-bg,.alt-bg > .alt-bg > .alt-bg > .alt-bg,.alt-bg .up-arrow,.alt-bg > .alt-bg > .alt-bg .up-arrow { background:#fff; }.xo-wrapper { padding:10px 20px; }divider { position:relative; display:block; border-bottom:1px dashed #596269; padding-top:20px; margin-bottom:20px; }main-title { position:relative; display:block; font-size:30px; line-height:30px; font-weight:700; color:#262c2f; padding:20px 0px 10px; text-align:left; }sub-title { position:relative; display:block; font-size:20px; line-height:20px; font-weight:700; color:#262c2f; padding:15px 0px 7px; }field-title { position:relative; display:block; font-size:14px; line-height:20px; padding:10px 0px 2px; font-weight:700; color:#262c2f; }side-text { position:relative; display:inline-block; vertical-align:top; font-size:14px; line-height:34px; padding:0px 5px; }title-info { position:relative; display:inline-block; font-size:12px; color:#596269; font-weight:400; font-style:italic; }page-description { position:relative; display:block; font-size:14px; line-height:20px; color:#596269; font-weight:400; padding-bottom:20px; text-align:left; }input-group { font-size:0px; line-height:0px; }input-group input, input-group select, input-group input-text { height:34px; line-height:34px; font-size:14px; color:#3271c1; }input-group prefix, input-group suffix, input-group infix { height:34px; line-height:34px; font-size:14px; color:#596269; }input-group prefix { padding:0px 5px 0px; }input-group suffix { padding-right:5px; }input-group infix { padding:0px 3px; }input-group span { line-height:34px; padding:0px 5px; color:#596269; }input-group textarea { font-family:'Open Sans', sans-serif; color:#3271c1; font-size:14px; border:0px; min-height:22px; max-width:calc(100% - 12px); min-width:calc(100% - 12px); background:transparent; padding:5px; outline:none; }input-group[code] { background:#262c2f; border-color:#262c2f; }input-group[code] textarea { color:#fff; min-height:150px; padding:20px; width:calc(100% - 42px); min-width:calc(100% - 42px); max-width:calc(100% - 42px); }input-group[code] input { color:#fff; }field-box { position:relative; display:block; margin-bottom:5px; }field-box[inline] { display:inline-block; vertical-align:top; }.xo-btn { vertical-align:top; height:36px; background:#ccc; border:0px; border-radius:5px; transition:all .5s ease; font-size:14px; padding:0px 10px; margin-bottom:5px; white-space:nowrap; transition:all .5s ease; box-shadow:0px 0px 3px #fff inset; }.xo-btn i { margin-right:3px; line-height:normal; margin-right:5px; }.btn-round { border-radius:50%; height:34px; width:34px; padding:0px; text-align:center; }input-group button.xo-btn { margin:3px; height:28px; padding:0px 7px; }input-group button.btn-round { border-radius:50%; width:28px; min-width:28px; height:28px; font-size:16px !important; line-height:12px; font-weight:700; padding:0px; text-align:center; margin:3px !important; box-shadow:none; }.xo-btn.btn-green { background:linear-gradient(#6fd36f,#178d17); color:#fff; border:1px solid #29aa29; text-shadow:-1px -1px 1px #178d17; }.xo-btn.btn-green:hover { background:linear-gradient(#29aa29,#6fd36f); }.xo-btn.btn-green-2 { background:linear-gradient(#fff,#addeb6); color:#158315; border:1px solid #aacbb0; }.xo-btn.btn-green-2:hover { background:linear-gradient(#addeb6,#ecfeef); }.xo-btn.btn-green-3 { background:linear-gradient(#fff,#f1f1f1); color:#158315; border:1px solid #ccc; }.xo-btn.btn-green-3:hover { background:linear-gradient(#f1f1f1,#fff); }.xo-btn.btn-blue { background:linear-gradient(#5ea0f4,#3271c1); color:#fff; border:1px solid #3271c1; text-shadow:-1px -1px 1px #3271c1; }.xo-btn.btn-blue:hover { background:linear-gradient(#3271c1,#5ea0f4); }.xo-btn.btn-blue-2 { background:linear-gradient(#fff,#cce1f2); color:#3271c1; border:1px solid #b0c3d2; }.xo-btn.btn-blue-2:hover { background:linear-gradient(#cce1f2,#fff); }.xo-btn.btn-blue-3 { background:linear-gradient(#fff,#f1f1f1); color:#3271c1; border:1px solid #ccc; }.xo-btn.btn-blue-3:hover { background:linear-gradient(#f1f1f1,#fff); }.xo-btn.btn-red { background:linear-gradient(#f05f5f,#c00); border:1px solid #c00; color:#fff; text-shadow:-1px -1px 1px #c00; }.xo-btn.btn-red:hover { background:linear-gradient(#c00,#f05f5f); color:#fff; }.xo-btn.btn-red-2 { background:linear-gradient(#fff,#f5dad8); color:#c00; border:1px solid #d2b4b2; }.xo-btn.btn-red-2:hover { background:linear-gradient(#f5dad8,#fff); }.xo-btn.btn-red-3 { background:linear-gradient(#fff,#f1f1f1); color:#c00; border:1px solid #ccc; }.xo-btn.btn-red-3:hover { background:linear-gradient(#f1f1f1,#fff); }.menu-btn { position:absolute; right:0px; z-index:100; margin:4px; border-radius:50%; }.htmlSlider { position:relative; display:block; height:100%; width:100%; white-space:nowrap; overflow:hidden; }.htmlSliderLeft { position:relative; display:inline-block; vertical-align:top; height:100%; width:100%; white-space:normal; }.htmlSliderRight { position:relative; display:inline-block; vertical-align:top; height:100%; width:100%; white-space:normal; }.htmlSlider[direction="right"] .htmlSliderLeft { animation:slideRightForSlider .5s ease 0s 1 forwards; }.htmlSlider[direction="left"] .htmlSliderLeft { animation:slideLeftForSlider .5s ease 0s 1 forwards; }@keyframes slideRightForSlider{0% { margin-left:0%; }100% { margin-left:-100%; }}@keyframes slideLeftForSlider{0% { margin-left:-100%; }100% { margin-left:0%; }}password-toggle { color:#3271c1; line-height:34px; background:transparent; height:34px; width:30px; }password-toggle:hover { color:#5ea0f4; }[auto-adjust] { width:100%; display:inline-flex; }[auto-adjust] input, [auto-adjust] select, [auto-adjust] textarea, switch[auto-adjust] button, tab-group[auto-adjust] button { width:100%; }[auto-adjust] input, [auto-adjust] select { padding:0px 5px; width:calc(100% - 10px); }[counter-qty][count="0"], [counter-qty][count=""],[counter-items][item-count="0"], [counter-items][item-count=""] { display:none; }vii, cogs { position:relative; display:inline-block; vertical-align:top; visibility:hidden; }vii[active], cogs[active], [vii][active], [cogs][active] { visibility:visible; }help { position:absolute; display:inline-block; width:15px; height:15px; border:1px solid #ccc; text-align:center; border-radius:50%; font-size:11px; line-height:15px; box-shadow:0px 0px 3px #ccc; color:#3271c1; margin-left:5px; margin-top:-5px; cursor:pointer; }help:hover { background:#3271c1; border-color:#3271c1; color:#fff; }help:after { content:'?'; }help-db { position:absolute !important; display:inline-block; }checkbox-group { display:block; position:relative; }checkbox-group span { padding-right:10px; line-height:34px; }checkbox { position:relative; display:inline-block; vertical-align:top; border-radius:3px; border:1px solid #ccc; background:#ccc; color:#fff; width:20px; height:20px; min-height:20px; min-width:20px; margin:6px; line-height:20px; text-align:center; cursor:pointer; transition:all .5s ease; }checkbox:hover { background:#f1f1f1; }checkbox[checked] { border-color:#3271c1; background:#3271c1; }checkbox[checked]::before { font-family:'FontAwesome'; top:0px; left:10px; content:"\f00c"; color:#fff; font-size:14px; }checkbox[disabled] { background:#596269; border-color:#596269; cursor:not-allowed }checkbox input { display:none; }input-group checkbox { height:20px; width:20px; margin:6px; line-height:20px; }radio { position:relative; display:inline-block; text-align:center; vertical-align:top; width:20px; height:20px; margin:6px; line-height:20px; background:#ccc; border-radius:50%; border:1px solid #ccc; background:#ccc; cursor:pointer; transition:all .5s ease; }radio:hover { background:#f1f1f1; }radio[checked] { background:#3271c1; border-color:#3271c1; }radio[checked]:before { content:"+"; position:relative; display:inline-block; width:10px; height:10px; border-radius:50%; transform:translate(0px,5px); background:#fff; color:transparent; }radio[disabled] { background:#596269; border-color:#596269; cursor:not-allowed; }radio input { display:none; }input-group radio { width:25px; }result-message { position:relative; display:block; line-height:20px; font-size:14px; text-align:center; color:#596269; padding:20px; }waiting { display:block; position:relative; font-size:14px; text-align:center; color:#bbb; line-height:30px; height:170px; overflow:hidden; }waiting i.fa { font-size:30px; line-height:170px; }waiting span { font-size:16px; }row { position:relative; display:block; border-bottom:1px dashed #596269; padding:5px 10px 10px; }row:last-of-type { border-bottom:0px; }tab-box { display:block; position:relative; }tab-box tab-group > button i { padding-right:5px; }tab-group { display:block; position:relative; }tab-group[toggle] { border-bottom:1px solid #596269; height:46px; font-size:0px; line-height:0px; white-space:nowrap; }tab-group[toggle][compress] button { padding:0px 7px; font-size:12px; }tab-group[toggle] > button { border:1px solid transparent; background:transparent; color:#3271c1; height:42px; font-size:14px; line-height:42px; padding:0px 15px; font-weight:700; vertical-align:top; }tab-group[toggle] > button:hover { background:#f1f1f1; border-color:#f1f1f1; }tab-group[toggle] > button[active] { color:#596269; border-color:#596269; border-top:3px solid #3271c1; border-bottom:1px solid #fff; height:47px; background:#fff; font-weight:700; border-radius:5px 5px 0px 0px; outline:none !important; }tab-group[contents] { border-width:0px; }tab-group button { box-sizing:border-box; }tab-box[side] { display:flex; border:1px solid #ccc; box-shadow:0px 0px 5px #ccc; border-radius:5px; }tab-box[side] > tab-group[toggle] { border-bottom:0px; border-right:1px solid #ccc; height:auto; margin-bottom:-1px; border-radius:5px 0px 0px 5px; }tab-box[side] > tab-group[toggle] button { display:block; width:100%; text-align:left; border-left:3px solid #fff; border-bottom:1px solid #ccc; white-space:nowrap; font-weight:700; font-size:14px; border-radius:0px; }tab-box[side] > tab-group[toggle] button:hover { border-color:#f1f1f1; }tab-box[side] > tab-group[toggle] button:first-child { border-radius:3px 0px 0px 0px; }tab-box[side] > tab-group[toggle] button:last-child { border-radius:0px 0px 0px 3px; }tab-box[side] > tab-group[toggle] button[active] { border:0px; border-bottom:1px solid #ccc; border-left:3px solid #3271c1; background:#edf7ff; box-shadow:none; }tab-box[side] > tab-group[contents] { width:100%; padding-top:0px; }tab-box[side] > tab-group[contents] > tab-content { padding:15px; }tab-content { display:none; position:relative; padding:10px 0px; border-radius:0px 0px 5px 5px; }tab-content[active] { display:block; }tab-label { position:relative; display:block; height:44px; color:#3271c1; border-radius:5px 5px 0px 0px; line-height:44px; padding:0px 10px; cursor:pointer; font-size:14px; font-weight:700; transition:all .5s ease; }tab-label:before { float:left; display:inline-block; width:34px; height:44px; text-align:center; line-height:44px; color:#3271c1; content:'+'; font-size:24px; margin-left:-10px; font-weight:300; }tab-label:hover { background:#edf7ff; }tab-label[double] { line-height:22px; height:54px; overflow:hidden; }tab-label[double]::before { height:54px; line-height:54px; }tab-label field-title { display:block; padding-top:7px; white-space:nowrap; color:#3271c1; }tab-label button { transform:translate(6px,9px); }tab-label tab-content row button { transform:translate(0px,9px); }small { position:relative; display:inline-block; font-size:12px; color:#596269; margin-right:10px; text-transform:capitalize; min-width:85px; }small strong { display:inline-block; font-size:10px; }tab-box > tab { display:block; position:relative; border:1px solid transparent; background:#e9edf0;border-radius:5px; margin-top:5px; }tab-box tab tab-content { padding:10px 0px 10px; }tab-box tab[active] { border:1px solid #596269; background:#fff; border-radius:3px; }tab-box tab[active] > tab-label { color:#596269; background:#edf7ff; }tab-box tab[active] > tab-label:before { content:'_'; transform:translate(0,-12px); }tab-box tab[active] > tab-content { display:block; padding:15px; }tab-box[theme="white"] > tab { border-width:0px; margin-top:0px; }tab-box[theme="white"] tab:last-of-type tab-label { border-bottom:0px; }tab-box[theme="white"] tab-label { background:#fff; border:0px; border-bottom:1px dashed #596269; border-radius:0px; font-weight:400; }tab-box[theme="white"] tab-label:hover { background:#edf7ff; }tab-box[theme="white"] tab[active] { border-width:1px; transform:translate(0px,-1px); }tab-box[theme="white"] tab[active] > tab-label { border-color:transparent; border-radius:3px 3px 0px 0px; }tab-box[theme="white"] tab[active] > tab-content { border-radius:0px; }tab-box[theme="white"] tab-content[rows] { padding:0px 15px; }.k-multiselect { width:100%; }.k-multiselect .k-button { background:#eff5fa; border-color:#e1ecf5; border-radius:3px; color:#336998 !important; margin:2px; font-size:14px; }.k-multiselect .k-button span { line-height:24px; padding:0px 2px 0px 0px; white-space:break-spaces; text-align:left; }.k-multiselect.k-state-focused, .k-state-hover { box-shadow:none; border-color:transparent; background:none; }.k-multiselect.k-state-focused .k-multiselect-wrap, .k-state-hover .k-multiselect-wrap { border-width:0px; box-shadow:none; }.k-list > .k-state-selected, .k-state-selected { color:#fff !important; background:#3271c1 !important; }.k-list > .k-state-selected.k-state-focused, .k-state-selected.k-state-focused { box-shadow:inset 0 0 3px 1px #fff; }.k-list > .k-state-hover { color:#fff !important; background:#3271c1 !important; }.k-state-hover .k-multiselect-wrap { border-width:1px; }.k-multiselect-wrap { border-color:transparent; }.k-list-container { background:#f9f9f9; }.k-upload { width:100%; background:#fff; }.k-dropzone { background:#fff; }.k-upload .k-dropzone .k-dropzone-hint.k-hidden { opacity:1; visibility:visible; display:inline !important; }.k-upload .k-dropzone.k-dropzone-active { background:#e1eeff; }.k-upload .k-dropzone.k-dropzone-active .k-dropzone-hint { color:#3271c1 !important; }.k-action-buttons { margin:0px; }.k-input.k-readonly { color:#999 !important; opacity:.8 !important; font-weight:300; font-style:italic; }.k-grid-content { min-height:200px; max-height:calc(100vh - 250px); }.k-grid-norecords { font-size:16px; color:#666; text-align:center; }.k-grid-norecords .noResultsBox { display:block; width:100%; text-align:center; min-height:200px; line-height:200px; }.k-grid-content pre { text-overflow:ellipsis; overflow:hidden; }.k-grid-content pre:hover { white-space:break-spaces; }.k-dropzone { padding:3px; }.k-button.k-upload-button { width:100%; margin-right:0px; background:#fff; border:0px; padding:2px; height:100px; }.k-button.k-upload-button span { width:100%; line-height:96px; color:#3271c1; background:#edf7ff; }.k-button.k-upload-button span strong { padding:0px !important; border:0px !important; }.k-button.k-upload-button input[type="file"] { width:100%; height:48px; }.k-button.k-state-focused { box-shadow:0px 0px 2px 1px #3271c1; }.k-button.k-upload-button.dragToMe { background:#deefff; }.k-animation-container .k-popup .k-list .k-item > .k-group { border-radius:0px; width:100%; padding-right:10px; text-align:right; }.k-animation-container .k-popup .k-item.k-first { padding-top:25px; }.k-animation-container .k-list-container { background-color:#fff; }.kendoRow { white-space:nowrap; font-size:0px; line-height:0px; padding:5px; }.kendoRowImg { position:relative; display:inline-block; vertical-align:top; text-align:center; width:30px; height:30px; background:#fff; border-radius:50%; overflow:hidden; margin-right:10px; border:1px solid #ccc; }.kendoRowImg img { max-height:100%; max-width:100%; position:relative; top:50%; transform:translateY(-50%); }.kendoRowCol { display:inline-block; vertical-align:top; width:calc(100% - 40px); font-size:12px; line-height:16px; white-space:normal; text-align:left; }.k-button .kendoRow { padding:0px; white-space:normal; font-size:inherit; line-height:inherit; }.k-button .kendoRowImg { height:15px; width:15px; margin-right:5px; margin-top:1px; }.k-button .kendoRowImg img { vertical-align:top; }.k-button .hideForTag { display:none; }.k-button .kendoRowCol { width:auto; line-height:20px; }.k-input { height:26px !important; }.k-icon { height:22px; padding:0px; }div[id$="HIDEME-list"] { display:none !important; }input-group .k-widget { font-size:14px; width:100%; }input-group .k-multiselect-wrap.k-floatwrap { border-width:0px; }html .k-grid-header th.k-header { font-weight:700; }.k-popup .k-list-scroller { height:auto; max-height:50vh; }@media print{body * { visibility:hidden; }.section-to-print, .section-to-print * { visibility:visible; max-width:1000px; }.section-to-print { position:absolute; left:0; top:0; }.dontprintme { display:none; }.print-only { display:block; }.printHeader { display:block !important; }}@media (max-width:700px){loggedIn { text-align:center; }help-text { display:none; }}@media (max-width:600px){loggedIn .loggedInAsBox { font-size:12px; }loggedIn .loggedInAsBox b { display:none; }settings name { display:none; }settings bubble { border-radius:50%; width:28px; padding:0px; }help-text { display:none; }.loggedInAsBox text, .loggedInAsBox selection-link { font-size:10px; }}@media (max-width:500px){loggedIn .loggedInAsBox { padding-left:5px; }.loggedInAsBox span, .loggedInAsBox strong { max-width:70px; font-size:10px; }invoice selection { max-width:50px; overflow:hidden; text-overflow:ellipsis; }}.ani-ripple-dark, .ani-ripple-light { position:relative; }.ani-ripple-dark::after { opacity:0; position:absolute; top:-8px; left:-8px; right:0; bottom:0; content:""; height:100%; width:100%; border:8px solid rgba(0, 0, 0, 0.2); border-radius:100%; animation-name:ripple; animation-duration:3s; animation-delay:0s; animation-iteration-count:infinite; animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1); z-index:-1; }.ani-ripple-dark::before { opacity:0; position:absolute; top:-8px; left:-8px; right:0; bottom:0; content:""; height:100%; width:100%; border:8px solid rgba(0, 0, 0, 0.2); border-radius:100%; animation-name:ripple; animation-duration:3s; animation-delay:0.5s; animation-iteration-count:infinite; animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1); z-index:-1; }.ani-ripple-light::after { opacity:0; position:absolute; top:-8px; left:-8px; right:0; bottom:0; content:""; height:100%; width:100%; border:8px solid rgba(255, 255, 255, 0.3); border-radius:100%; animation-name:ripple; animation-duration:3s; animation-delay:0s; animation-iteration-count:infinite; animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1); }.ani-ripple-light::before { opacity:0; position:absolute; top:-8px; left:-8px; right:0; bottom:0; content:""; height:100%; width:100%; border:8px solid rgba(255, 255, 255, 0.3); border-radius:100%; animation-name:ripple; animation-duration:3s; animation-delay:0.5s; animation-iteration-count:infinite; animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1); }@keyframes unblur{0% { filter:blur(5px); -webkit-filter:blur(10px); }100% { filter:blur(0px); -webkit-filter:blur(0px); }}@keyframes loadPage{0% { width:0%; }5% { width:60%; }100% { width:99%; }}@keyframes selected{0% { box-shadow:0px 0px 0px #fff inset; }100% { box-shadow:0px 0px 10px #fff inset; }}@keyframes fillMeIn{0% { transform:rotate(0deg) scale(1.3); background:#ff9595; }20% { transform:rotate(5deg); }40% { transform:rotate(-5deg); }60% { transform:rotate(2deg) scale(.9); }80% { transform:rotate(-2deg); }100% { transform:rotate(0deg) scale(1); background:#fff; }}@keyframes noticeMe{0% { transform:scale(1); opacity:0; }25% { transform:scale(.95); }50% { transform:scale(1); }75% { transform:scale(1.05); }100% { transform:scale(1); opacity:1; }}@keyframes recentAddition{0% { background-color:#d8f5d7; transform:scale(0,0); }50% { background-color:#d8f5d7; transform:scale(1,1); }100% { background-color:#fff; transform:scale(1,1); }}@keyframes recentRemoval{0% { background-color:#fff; transform:scale(1,1) translate(0px,0px); }100% { background-color:#f1bebe; transform:scale(.10,.10) translate(0px,-225px); }}@keyframes slideUp{0% { max-height:500px; opacity:1; }100% { max-height:0px; opacity:0; }}@keyframes slideDown{0% { max-height:0px;}100% { max-height:500px; }}@keyframes bounceRight{0% { transform:translate(-40px,0); opacity:0; }20% { transform:translate(0,0); opacity:1; }40% { transform:translate(-20px,0); }60% { transform:translate(0,0); }80% { transform:translate(-10px,0); }100% { transform:translate(0,0); }}@keyframes ripple{from{opacity:1;transform:scale3d(0.75, 0.75, 1);}to{opacity:0;transform:scale3d(2, 2, 1);}}@media (hover:none) and (pointer:coarse){html, body { height:100%;-webkit-overflow-scrolling:touch; }}button.bg-green, button.bg-gray, button.bg-red, button.bg-blue, button.bg-white, button.bg-transparent { display:inline-block; vertical-align:top; border:0px; height:38px; min-width:38px; text-align:center; line-height:38px; border-radius:5px; font-size:14px; padding:0px 10px; cursor:pointer; transition:all .5s ease; overflow:hidden; text-overflow:ellipsis; }button.bg-green:focus, button.bg-gray:focus, button.bg-red:focus, button.bg-blue:focus, button.bg-white:focus, button.bg-transparent:focus { outline:0px; }button.bg-gray:last-child, button.bg-red:last-child, button.bg-blue:last-child, button.bg-white:last-child, button.bg-transparent:last-child { margin-right:0px; }button.bg-green { background:#5cb85c; color:#fff; }button.bg-gray { background:#666; color:#fff; }button.bg-red { background:#c00; color:#fff; }button.bg-blue { background:#3271c1; color:#fff; }button.bg-white { background:#fff; color:#3271c1; font-weight:700; border:1px solid #ccc; line-height:36px; }button.bg-white i { font-weight:800; }button.bg-transparent { background:transparent; color:#999; font-size:20px; padding:0px 5px; margin-right:0px; }button.bg-gray.activeBtn { background:#999 !important; }button.bg-red.activeBtn { background:#f00 !important; }button.bg-blue.activeBtn { background:#5ea0f4 !important; }button.bg-white.activeBtn { background:#f9f9f9 !important; color:#3271c1 !important; box-shadow:0px 0px 3px #ccc inset; }button.bg-transparent.activeBtn { color:#5ea0f4 !important; }div.bg-green { background:#5cb85c; color:#fff; }div.bg-blue { background:#3271c1; color:#fff; }div.bg-red { background:#c00; color:#fff; }div.bg-gray { background:#666; color:#fff; }.dyn-group { vertical-align:top; padding-right:5px; }.dyn-group div[data="text"], .dyn-group div[data="icon"] { display:inline-block; vertical-align:top; height:36px; line-height:36px; font-size:14px; padding:0px 10px; }.dyn-group span { display:inline-block; line-height:36px; font-size:12px; padding:0 10px; font-weight:700; }.dyn-group:last-child { margin-right:0px; }.dyn-group input { display:inline-block; vertical-align:top; height:36px; line-height:36px; font-size:14px; padding:0px 10px; margin:0px; border:1px solid #ccc; transition:all .5s ease; position:relative; color:#3271c1; font-weight:300; box-shadow:inset 0px 0px 0px 0px #fff; -webkit-appearance:none; }.dyn-group input[disabled] { display:inline-block; vertical-align:top; height:36px; line-height:36px; font-size:14px; padding:0px 10px; margin:0px; border:1px solid #ccc; transition:all .5s ease; position:relative; color:#777; font-weight:300; box-shadow:inset 0px 0px 0px 0px #fff; -webkit-appearance:none; background:#ddd; }.dyn-group input + input { margin-left:-6px; }.dyn-group input:focus { border-color:#3271c1; box-shadow:0px 0px 2px 1px #3271c1 inset; outline:0px; }.dyn-group input[data="spinner"] { text-align:center; width:50px; }.dyn-group input:first-child { border-radius:5px 0px 0px 5px; }.dyn-group input:last-child { border-radius:0px 5px 5px 0px; }.dyn-group input:only-child { border-radius:5px; }.dyn-group input::-webkit-calendar-picker-indicator { display:none; }.dyn-group div[data="icon"]{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 -5px; background:#f1f1f1; color:#666; min-width:18px; text-align:center; font-weight:700; text-shadow:0px 0px 3px #fff; }.dyn-group div[data="icon"] + button { margin:0px; }.dyn-group button + div[data="icon"]{ margin-left:0px; border-left:1px solid #ccc; }.dyn-group div[data="icon"]:first-child { border-radius:5px 0px 0px 5px; border-left:1px solid #ccc; margin-left:0px; margin-right:-3px;}.dyn-group div[data="icon"]:first-child + input { margin-left:-1px; }.dyn-group div[data="icon"]:last-child { border-radius:0px 5px 5px 0px; border-right:1px solid #ccc; margin-right:0px; }.dyn-group [data="icon"][data-popup="Date"] { background:#fff; margin-left:-3px !important; z-index:100; border:1px solid #ccc; border-left:0px !important; border-radius:0px 5px 5px 0px !important; position:relative; cursor:pointer; }.dyn-popup [data="icon"][data-popup="Date"] { color:#3271c1 !important; }.dyn-group button { margin:0px; }.dyn-group button + button { border-radius:0px;}.dyn-group input + button { margin-left:-4px; }.dyn-group button:first-child { border-radius:5px 0px 0px 5px; margin-right:-5px !important; }.dyn-group button:last-child { border-radius:0px 5px 5px 0px; }.dyn-group input + button:last-child { border-left:0px; }.dyn-group button:only-child { border-radius:5px; }.dyn-group a:first-child button { border-radius:5px 0px 0px 5px; margin-right:-6px; }.dyn-group a:last-child button { border-radius:0px 5px 5px 0px; }.dyn-group a:only-child button { border-radius:5px; }.dyn-group select { border:1px solid #ccc; background:#fff url('/Images/site-templates/svg/dropdown-arrows.svg') no-repeat right 10px center; border-radius:0px; height:38px; line-height:38px; font-size:14px; padding:0px 25px 0px 10px; text-overflow:ellipsis; outline:medium none; -webkit-appearance:none; -moz-appearance:none; margin-right:-6px; transition:all .5s ease; color:#3271c1; font-weight:400; cursor:pointer; vertical-align:top; }.dyn-group select:focus { border-color:#3271c1; box-shadow:0px 0px 3px #6bacff inset; outline:0px; color:#3271c1 !important; }.dyn-group select:-moz-focusring { text-shadow:0px 0px 0px #000; color:transparent; }.dyn-group select:first-child { border-radius:5px 0px 0px 5px; margin-left:0px; }.dyn-group select:last-child { border-radius:0px 5px 5px 0px; margin-right:0px; }.dyn-group select:only-child { border-radius:5px; }.dyn-group select:disabled { background:#ddd; color:#999; cursor:default; }.dyn-group textarea { width:calc(100% - 22px); min-width:calc(100% - 22px); max-width:calc(100% - 22px); border:1px solid #ccc; border-radius:5px; min-height:100px; padding:10px; transition:box-shadow .5s ease;font-size:14px; font-family:inherit; font-weight:300; }.dyn-group textarea:focus { border-color:#3271c1; box-shadow:0px 0px 3px #6bacff inset; outline:0px; }.dyn-group input[name="cvv"] { width:30px; letter-spacing:2px; margin-left:0px; }.dyn-group input[name="ccNumber"] { letter-spacing:0.75px; margin-left:0px; }.dyn-mini { line-height:22px; }.dyn-mini select { height:22px; line-height:22px; font-size:12px; vertical-align:top; padding:0px 15px 0px 5px; background:#fff url('/Images/site-templates/svg/dropdown-arrows.svg') no-repeat right 5px center; cursor:pointer; min-width:50px; color:#3271c1; }.dyn-mini input { height:20px; line-height:20px; font-size:12px; padding:0px 5px; min-width:50px; }.dyn-mini div[data="icon"] { height:20px; line-height:20px; font-size:12px; padding:0 2px; }.dyn-mini button { height:22px; line-height:16px; font-size:12px; padding:0; min-width:25px; padding:0px 5px; }.dyn-mini textarea { font-size:12px; line-height:20px; }div.dyn-tab.activeBtn { border-color:#ccc #ccc #fff; margin-bottom:-1px; background:#fff !important; color:#3271c1; }div.dyn-tab-group { border-bottom:1px solid #ccc; height:50px; white-space:nowrap; }div.dyn-tab { border:1px solid #fff; border-bottom:1px solid #ccc; height:49px; max-width:105px; padding:0px 10px; white-space:normal; display:inline-block; vertical-align:top; border-radius:5px 5px 0px 0px; transition:all .5s ease; cursor:pointer; color:#999; text-align:center; font-size:12px; line-height:14px; font-weight:700;}.dyn-holder { display:inline-block; }div.dyn-holder input, div.dyn-holder textarea, div.dyn-holder select { width:100%; font-size:inherit; font-family:inherit; border-radius:5px !important; border:1px solid #ccc; position:relative; }div.dyn-text { font-family:inherit; display:inline-block; vertical-align:top; cursor:pointer; color:#3271c1; padding:0px; }div.dyn-icon { display:inline-block; vertical-align:top; width:8px; height:8px; padding:0px; font-size:8px; line-height:16px; color:#3271c1; margin-left:2px; cursor:pointer; }.dyn-add { display:block; width:100% !important; }.dyn-add input { display:inline-block; vertical-align:top; height:36px; line-height:36px; font-size:16px; padding:0px 10px; margin:0px; border:1px solid #ccc; transition:all .5s ease; border-radius:5px 0px 0px 5px; background:#fff; }.dyn-add button { border-radius:0px; }.dyn-add input:focus { border-color:#3271c1; box-shadow:0px 0px 3px #6bacff inset; }.dyn-popup { display:inline-block; vertical-align:top; position:relative; }[data-popup="Wishlist"],[data-popup="Order"],[data-popup="Estimate"],[data-popup="List"],[data-popup="Cart"],[data-popup="Compare"] { display:inline-block; float:none !important; cursor:pointer; }.popupArrowContainer { position:absolute; text-align:center; z-index:10001; }.popupArrowBox { display:inline-block; vertical-align:top; width:30px; height:15px; }.popupArrowBox .popupArrowBorder { position:relative; width:0px; height:0px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #ccc; margin:-2px auto 0; }.popupArrowBox .popupArrowBg { position:relative; width:0px; height:0px; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:13px solid #f9f9f9; margin:-13px 0px 0px 3px; }.dyn-popup .popupList { position:absolute; width:275px; margin:11px 0 0 -90px; border:2px solid #ccc; border-top:1px solid #ccc; border-radius:5px; overflow:hidden; background:#fff; text-align:left; z-index:10000; }.dyn-popup.popupListDetails .popupList { width:400px; margin-left:-186px; }.dyn-popup.popupListDetails .rowContainer { width:100%; height:295px; }.dyn-popup.popupListDetails #popupRightDetails { height:250px; overflow:auto; white-space:normal; margin-right:-10px; padding-right:10px; }.dyn-popup[data-direction="down"] .popupArrowBorder { border-bottom:15px solid #ccc; }.dyn-popup[data-direction="down"] .popupArrowBg { border-bottom:13px solid #e9edf0; }.dyn-popup[data-direction="up"] .popupArrowBorder { border-bottom:0px; border-top:15px solid #ccc; }.dyn-popup[data-direction="up"] .popupArrowBg { border-bottom:0px; border-top:13px solid #fff; margin:-15px 0 0 3px; }#popupLeftImage { float:left; width:125px; text-align:center; }#popupLeftImage img { max-width:125px; border-radius:3px; }#popupRightDetails { float:right; width:calc(100% - 145px); }#popupRightTitle { font-size:14px; font-weight:700; line-height:16px; }#popupRightTitle span { font-size:12px; font-weight:300; color:#666; }#popupRightPrice { color:green; font-size:14px; font-weight:700; padding-top:5px; display:none; }#popupRightDescription { padding:10px 0px; font-size:12px; border-top:1px solid #f1f1f1; margin-top:10px; border-bottom:1px solid #f1f1f1; }#popupRightRows { margin-top:10px; }.popupRightRow { font-size:12px; font-weight:400; clear:both; }.popupLeftCol { float:left; width:100px; color:#999; }.popupRightCol { float:right; width:calc(100% - 100px); color:#666; }#popupRightButtons { border-top:1px solid #f1f1f1; margin-top:10px; padding-top:10px; padding-right:5px; }#popupRightButtons button { margin-top:5px; width:100%; }.listContainer { display:none; vertical-align:top; width:0px; }.listContentTitle { padding:10px 20px; height:30px; background:#f9f9f9; font-weight:700; font-size:14px; color:#666; min-width:220px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }.listContentTitle .listArrow { color:#999; line-height:50px; font-size:20px; height:50px; border-right:1px solid #ccc; width:50px; margin:-10px 0 -10px -20px; transition:all .5s ease; cursor:pointer; }.listContentTitle .listView { color:#999; line-height:50px; font-size:20px; height:50px; border-left:1px solid #ccc; width:50px; margin:-10px -20px -10px 0px; transition:all .5s ease; cursor:pointer; }#popupListTitle { background:#f9f9f9; }.rowContainer { overflow:auto; max-height:325px; width:275px; }.listRow { text-align:left; padding:10px 20px; border-top:1px solid #ccc; font-size:14px; line-height:14px; min-width:220px; font-weight:300; height:30px; transition:all .5s ease; }.listRow:active { opacity:.20; }.listDetails { margin-right:10px; text-align:left; }.listTitle { color:#3271c1; font-size:14px; font-weight:400; padding-bottom:3px; }.listInfo { color:#666; font-size:10px; font-weight:400; }.listInfo strong { font-weight:700; }.listArrow { font-size:20px; height:30px; line-height:30px; color:#3271c1; }.listRemove { width:20px; height:20px; line-height:20px; color:#666; font-size:14px; cursor:pointer; opacity:.50; transition:all .5s ease; }.listView { font-size:20px; height:30px; line-height:30px; color:#3271c1; cursor:pointer; float:right; }.itemRow { padding:20px; border-top:1px solid #ccc; min-width:220px; transition:all .5s ease; }.itemImg { width:40px !important; height:40px; border-radius:5px; padding:5px; background:#fff; overflow:hidden; text-align:center; margin-right:10px; border:1px solid #ccc; }.itemImg img { max-width:40px; max-height:40px; }.itemImg .itemCount { margin:-20px 0 0 24px; position:relative; background:#fff !important; color:#666 !important; }.itemDetails { font-size:12px; margin-right:5px; text-align:left; }.itemName { width:190px; font-weight:700; color:#3271c1; overflow:hidden; text-overflow:ellipsis; margin-bottom:5px; font-size:12px; line-height:14px; }.itemPrice { display:inline-block; vertical-align:top; font-size:12px; font-weight:700; color:#666; margin-top:10px; }.itemQty { display:inline-block; vertical-align:top; font-size:12px; color:#666; text-align:left; }.itemRemove { width:20px; height:20px; line-height:20px; color:#666; font-size:14px; cursor:pointer; opacity:.50; transition:all .5s ease; }.popupBtnHolder { height:0px; width:100%; z-index:100;}.popupBtn { display:inline-block; position:relative; width:35px; height:35px; margin-top:1px; font-size:20px; line-height:35px; color:#999; text-align:center; transition:all .5s ease; cursor:pointer; margin-left:5px; z-index:100; border-radius:0px 0px 0px 5px; }