@import url('/products/css/products.css');
@media all {
#designer.editmode #bw-main-content {background-color:#dfdfdf; }
#designer.editmode.start #bw-main-content {background-color:initial; }
#designer.editmode #bw-main-footer {display:none; }
#designer .ui-tooltip {max-width:500px; }
#layout-column-left,
#layout-column-right,
#layout-column-center {padding-top:10px; padding-bottom:10px; }
#layout-column-left,
#layout-column-right {padding-left:2px; padding-right:2px; }
#designer.editmode #wrapper {border-bottom: 1px solid #eee; }
#layout-column-left {background-color:#d0d0d0; border-radius:3px; }
#layout-column-left,
#layout-column-right,
#layout-column-center {}
#layout-column-marketplace {background-color:white; }
#designer-header h1 {margin-bottom:0 }
#wrapper-canvas .nav > li > a {padding:5px}
.well.module.selltemplates {background-color:white;}
.designer .tabsystem .tabpage {padding:0px;margin:0px;position:relative;border:0px; }
a.button {line-height:15px;}
.bookmakersteps td {vertical-align:bottom;padding:6px; border-bottom:none;}
#designer #content {padding-left:0; }
#designer a {text-decoration:none; }
#templatemarketplace {padding:0; }
#designer #templatechooser .control-label,
#designer #templatemarketplace .control-label {width:auto; }
#designer .forminput {margin-left:0; width:100% }
fieldset.quickpages,
fieldset.quickpages legend {background-color:#eee; }
fieldset.quickpages {width:100%; }
fieldset.quickpages #quickpages {overflow:hidden; }
.fancytemplate {cursor:pointer; }
#caption-preview-input {width:100%;height:auto;}
.bdpanel {font-size:9pt;}
#viobookinfo,
.bdpanel .headpanel a {}
.bdpanel .headpanel .steplink span {color:black;}
.bdpanel .headpanel td {padding:6px;}
.bdpanel .headpanel img.appicon {width:56px;height:56px;float:left;padding:0 9px 0 0;margin: 0px 0 0 2px;}
.bdpanel .toolpanel {text-align:center; padding:6px; height:54px; padding:0;
background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(211,211,211,0.97) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(211,211,211,0.97))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(211,211,211,0.97) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(211,211,211,0.97) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(211,211,211,0.97) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(211,211,211,0.97) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#f7d3d3d3',GradientType=0 ); /* IE6-9 */
}
.bdpanel .toolpanel .toolicon {border-right:1px solid #999;text-align:center;border-left:1px solid #ccc;padding:5px 10px 5px 10px; }
.bdpanel .toolpanel .small {font-size:9px; }
.bdpanel .toolpanel .toolicon:hover {background-color:#aaa;display:inline-block;cursor:pointer}
.bdpanel .headpanel h1 {font-size:18px;}
.bdpanel .headpanel table td {font-size:13px;vertical-align:middle;padding:0 0 0 3px;margin:0;font-weight:300;}
.bdpanel .headpanel table td.stepnum {font-size:32px;font-weight:900;}
.bdpanel .headpanel table td a:link,
.bdpanel .headpanel table td a:visited {}
.bdpanel td.bodypanel {background-color:#eee;margin:0;padding:0;}
.bd-control-bar {margin-bottom:10px; }
.bd-control-bar .btn-primary .small {color:white; }
.artdesignerproduct #layout-column-left .bd-control-bar {display:none; }
.bdpanel h3 {color:#999; }
.bdpanel div.box {width:auto; display:inline-block; }
//#bdpanel .btn-group>.btn {max-width:50%}
.hoverbox {padding:10px;display:table;color: rgb(255, 255, 255);text-shadow: 0px 0px 5px #000000;z-index:999;font-style:normal;text-align:center;position:absolute;top:10%;bottom:10%;left:0;right:0;margin:auto;height:50%;width: 90%;z-index:9999;}
.hoverbox-inner {display:table-cell;vertical-align:middle; }
.hoverbox i {font-style:normal; font-size:2em; }
#element-layer-list-wrapper {z-index: 999; display:block; position:absolute; right:15px; top:15px; }
#element-layers {opacity:.9; }
ul.element-layers {padding-top:12px;}
ul.element-layers>li {padding-bottom:0px;padding:5px;border-bottom:1px solid #dcdcdc;}
ul.element-layers>li:last-child {border-bottom:0;}
ul.element-layers .error {padding:0;margin:0;}
ul.element-layers .floaticon i {font-size:14px;}
table.anchorposition {width:100%;text-align:center;}
table.anchorposition td {border:1px solid #eee; width:33%;padding:10px;}
table.anchorposition td.selected {background-color:#EEFFEE;}
table.anchorposition td:hover {background-color:#ccdddd}
table.anchorposition td.northwest i {display:inline-block;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform:rotate(45deg);}
table.anchorposition td.northeast i {display:inline-block;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform:rotate(-45deg);}
table.anchorposition td.southwest i {display:inline-block;transform: rotate(-45deg);-ms-transform: rotate(45deg);-webkit-transform:rotate(-45deg);}
table.anchorposition td.southeast i {display:inline-block;transform: rotate(45deg);-ms-transform: rotate(-45deg);-webkit-transform:rotate(45deg);}
.error {padding:0px;margin-bottom:0px; }
#pagelistpanel {overflow:scroll;}
#pageslist {margin:0;}
#pageslist>.row {margin:0;}
#pageslist>.row>.col-xs-12 {margin:0;}
.row .pagecell {padding:6px 3px 6px 3px; margin:0px;color:black; position:relative;}
.row .pagecell .fa { font-size: .8em; padding-top: 0.3em; color: #666666; }
.row .pagecell .fa.fa-magnifying-glass {position:absolute; top:5px; right: 5px; color:#333; text-shadow: 0px 0px 5px #fff; display:none; }
.row .pagecell:hover .fa.fa-magnifying-glass {display:block; }
.row .pagecell:hover .fa.fa-magnifying-glass:hover {color: #666; }
.row .pagecell .page-number {font-size:9pt; padding:4px; }
#pagethumb,
img.page {vertical-align: bottom; width:100%; object-fit:contain;}
.carddesignerproduct .page-label {padding:10px 0 20px 0}
#pageslist #moreoptions li {border-bottom:1px solid #eeeeee;padding-bottom:5px;margin-bottom:5px;}
.spine-preview {position:relative; border:1px solid #cccccc; box-shadow: 0 1px 8px rgba(64,64,64,.6);width:100%;vertical-align:middle; }
.spine-preview img {max-height:100%;position:absolute;margin:auto 0;top:0;bottom:0; }
#photodrawer {padding:0px;font-size:9pt;overflow-y:scroll;}
#photodrawer .breadcrumb {background-color:#ddd; margin:0 0 10px 0;}
.templatepages img,
#photodrawer img.thumb {margin:2px;}
.templatepages img {width:100%}
#photodrawer img.thumb.inproduct {opacity:0.3; filter:alpha(opacity=30); }
#photodrawer .photo-selected {background-color:rgba(101, 223, 255, 0.5); }
#photodrawer .inproductcheck {float:left;position:absolute;top:-20px;left:8px; font-size:xx-small; }
.pagecell img:hover {cursor:pointer; }
.pagecell i {font-size:13pt;padding-top:3px;}
.photo-source .btn-sm {padding:8px 5px; }
#photodrawer .dropthumb {display:-moz-inline-stack;display:inline-block;}
#photodrawer .dropthumb img.thumb {padding-bottom:0px; height:100px;}
#photodrawer .dropthumb img.thumb:hover {-webkit-box-shadow: 0px 0px 9px 4px rgba(10,190,239,1);-moz-box-shadow: 0px 0px 9px 4px rgba(10,190,239,1);box-shadow: 0px 0px 9px 4px rgb(10, 190, 239); cursor:pointer; }
#photodrawer .dropthumb div.toolbar {padding:0;margin:0;clear:both;text-align:right;}
#photodrawer .popover {max-width:480px;}
#photodrawer .dropthumb div.toolbar img.favorite {opacity:1.0}
#photodrawer .dropthumb div.toolbar img:hover {opacity:1.0}
#photodrawer .dropthumb.gallery {background-color:#eee;margin-left:3px;border:3px double #6eca5b;}
#photodrawer .dropthumb [class^="fa fa-"],
#photodrawer .dropthumb [class*="fa fa-"] {font-size:10pt;}
#photodrawer .dropthumb [class^="fa fa-"] {margin:0 0 0 5px; }
#photodrawerthumbs {overflow-x:hidden; height:auto;}
#photodrawerthumbs img.thumb {z-index:500}
#photodrawerthumbs .div-scroller {position:absolute;z-index:99; opacity:.7;font-size:3em;top:50%; color: #999; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#photodrawerthumbs .div-scroller.scroll-left {left:0;}
#photodrawerthumbs .div-scroller.scroll-right {right:0;}
.templatebrowsercontainer {width:100%}
.templatethumb,
.coverthumb {zoom:1;display:inline-block;margin-left:5px;vertical-align:text-top;margin-top:5px;width:315px;padding-right:5px;margin-bottom:5px;}
.templatethumb.left {border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-right:1px solid #666; }
.templatethumb.right {border-top:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-left:1px solid #666; }
.templatethumb.ui-draggable:hover {-webkit-box-shadow: 0px 0px 9px 4px rgba(10,190,239,1);-moz-box-shadow: 0px 0px 9px 4px rgba(10,190,239,1);box-shadow: 0px 0px 9px 4px rgb(10, 190, 239); cursor:pointer; }
.templatelist {margin-top:25px;}
.searchform {width:700px;margin:auto;}
.searchbox {width:490px;}
.templatebuttonzone {float:left;width:15px;height:100px;}
img.templatethumb {width:100%; z-index:998;margin:0;padding:0; }
#designer>.templatethumb {width: 100px; cursor:pointer; }
img.ui-draggable-dragging {opacity:0.4;filter:alpha(opacity=40) }
.colorpicker.dropdown-menu {min-width:0; padding:5px; }
#templatechooser {width:62%;margin:0;padding:0; border:1px solid #ccc; }
select.chooserselect {width:90px; }
#template-list .templatewrapper {float:left;height:150px;margin:0px 1% 10px 0;overflow:hidden;width:49%}
#template-list .templatewrapper img {height: 75px; }
#pageshandle,
#templatepageswrapper {overflow-y:auto; overflow-x:hidden; }
.templatelistpagebottom {padding:6px 2% 0 3%;font-size:xx-small;text-align:center; height:24px; }
#pageshandle {border-left:1px solid #ccc;}
.createsplash #pageshandle {height:600px;}
#element-layers {padding:0 0 0 0;font-size:9pt; }
.pagetemplatedata fieldset {padding:10px; }
.pagetemplatedata fieldset h4 {margin-top:0px; }
.pagetemplatedata img.template-thumb {
-moz-box-shadow: 0 1px 8px rgba(64,64,64,.6);
-webkit-box-shadow: 0 1px 8px rgba(64,64,64,.6);
box-shadow: 0 1px 8px rgba(64,64,64,.6);
}
#element-layers img.templatethumb {float:right;width:36px;padding-left:3px;border:1px solid #cccccc;}
.elementrow {padding:8px 0 8px 0;clear:both;}
.element-tools {color:#444;display:inline; font-size:10pt; padding-left:5px; text-shadow:
-1px -1px 0 rgba(255,255,255, 0.35),
1px -1px 0 rgba(255,255,255, 0.35),
-1px 1px 0 rgba(255,255,255, 0.35),
1px 1px 0 rgba(255,255,255, 0.35); }
.element-tools.graphic {display:none}
#element-layers h3 {color:black; }
#element-layers h3.layers {padding:5px 0 5px 15px; margin:10px -5px 0 -15px; }
.page-editor-wrapper {position:relative; padding:0; font-size:9pt}
button .explain {font-weight: normal; font-size:8pt; display:block; }
#pagelayouttoolbar {padding-top:10px; }
.pagelayouthelp {padding:0px 0 10px 0; }
.pagelayouthelp h2 {margin:5px 0 5px 0; }
#edit-zoom-btn.active {background-color:yellow; }
#bookpagestatus {color:#787878; font-size:8pt; padding-left:10px; }
#page-layout-edit a,
#page-layout-edit h1 {}
.canvas-layer {background-color:white; box-shadow: 0 1px 8px rgba(0,0,0,.6);}
.element-layer {outline:1px dotted #cc00ff; }
#outercropguide {top:0; left:0; border-color:red;}
#innercropguide {border-color:orange; }
#innercropguide,
#outercropguide {opacity:.25; z-index:999; pointer-events:none; }
.calendardesignerproduct #innercropguide,
.carddesignerproduct #innercropguide {display:none; }
#croppableImage {max-width:none; }
.cke_combo_text {width:100px; }
.cke_combopanel {width:250px !important; height:300px !important; font-size:16px; }
.vanilla [class^="fa fa-"], [class*="fa fa-"] {font-style: normal; }
.element-layer i {opacity:.65 }
.element-layer .caption-format {}
.element-layer .text-layer {padding:0; margin:0; width:100%; height: 100%; background: transparent; line-height:1.2; }
.canvas-layer .element-layer .element-tools {position:absolute;opacity:.6; top:3px; right:2px; z-index:9999; }
.canvas-layer .element-layer .element-tools.text {top:-10px; }
.element-layer.element-locked {pointer-events: none; }
.element-layer.ui-draggable-dragging {opacity:0.4;filter:alpha(opacity=40) }
.canvas-layer .element-layer .badge {cursor:move; color:black; z-index:999; }
.element-layers .panel-body {padding:2px; }
#layer-list {font-size:10pt; }
.canvas-layer .element-layer.text-layer .badge {background-color:#D9EDF7; }
.canvas-layer .element-layer.image-layer .badge {background-color:#d8f0f0; }
.canvas-layer .element-layer.graphic-layer .badge {background-color:#DDDDDD; }
#layer-list li.active {background-color:#FCF8E3; }
.canvas-layer .element-layer.active .badge {background-color:yellow; color:black; }
#element-layer-dimensions input.element-info-value {margin:0;padding:0;width:5em; }
#layer-list li {vertical-align:middle;list-style-type:none;margin:0;padding:10px;text-align:left;border-top:1px solid #cccccc;}
#layer-list .handle {cursor:move};
#layer-list .actionicon {cursor:pointer;padding-left:5px; }
.canvas-layer .element-layer.show-image-tools .badge {background-color:#65DFFF; opacity:1 }
.canvas-layer .element-layer.element-layer-hover.drop-hover {background-color:#1a7992;}
.canvas-layer .element-layer .hoverbox {display: none;}
.canvas-layer .element-layer.element-layer-hover .hoverbox {display: table;}
.canvas-layer .element-layer .layer-tools {display:none; }
.canvas-layer .element-layer.show-image-tools .layer-tools {display:inline-block; }
.canvas-layer .element-layer.active .layer-tools {display:inline-block; }
.templatedrop {
-moz-box-shadow: 0 1px 8px rgba(0,0,0,.6);
box-shadow: 0 3px 4px rgba(0,0,0,.6);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=315, Color='#000000')"; /* For IE 8 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=315, Color='#000000'); /* For IE 5.5 - 7 */
}
.layflatbook .templatedrop {width: 150px; }
.templatedrop-active {-webkit-box-shadow: 0px 0px 9px 4px rgba(10,190,239,1);-moz-box-shadow: 0px 0px 9px 4px rgba(10,190,239,1);box-shadow: 0px 0px 9px 4px rgb(10, 190, 239);}
.templatedrop-active,
.canvas-layer .element-layer.drop-active {border:1px solid #8deaff; background-color: rgba(3, 169, 244, 0.5); margin:-1px;}
.templatedrop-active img,
.drop-active img {opacity:1;}
.templatedrophover {background-color: rgba(3, 169, 244, 0.7);}
.templatedrophover,
.drop-hover {border:2px solid #8deaff;margin:-2px; }
.templatedrophover img,
.drop-hover img {opacity:.5;background-color: rgba(3, 169, 244, 0.7);}
.canvas-layer .image-layer {text-align:center;}
.element-layer-hover {}
.element-layer-hover img {}
.element-layer-toolbar {display:none; z-index:999; position:absolute;top:8px; left:5px;}
.element-layer-hover .element-layer-toolbar {display:block; }
.carddesignerproduct .crop-guide.hardcover {display:none; }
ul.element-layers li span.element-layer {position:static;display:inline;}
.designer ul.data {padding:0;margin:0}
.designer ul.data li.item {border-top:1px solid #ccc; padding: 5px 0 5px 0;overflow:hidden;}
.popularity {font-weight:bold; background-color:#333; letter-spacing:2px; padding:3px; border:1px solid #FFE; width:auto; display:inline-block; margin:5px 0 5px 0; }
#captionedit {padding:4px;border:2px solid #333;color:black;background-color:#ccc;width:338px;height:40px;}
.floaticon .icon {cursor:pointer}
.bdpanel ul {list-style:none; margin:0px; padding:0px; }
.drawers-wrapper{overflow:auto; height:492px; width:50px; padding:0; margin:0; }
ul#gallerylist {height:540px; overflow-y:auto; overflow-x:hidden; }
ul#gallerylist ul,
ul#gallerylist {list-style:none; padding:0 0 0 10px; margin:0 0 0 0px; margin-bottom:6px; white-space:nowrap; }
ul#gallerylist li,
ul#gallerylist li.listingtitle {padding:3px 0 3px 0; border-bottom:none;list-style:none;}
li.templatelisting:hover{cursor:pointer; background-color:#6ea635;}
li.viobookpage:hover,
#gallerylist li.listingtitle:hover {cursor:pointer; background-color:#6ea635; }
li.viobookpage.selected,
#gallerylist li.selected {background-color:#D1FFA3; color: #333; }
#templatesbutton,
#gallerybutton {display:inline-block; width:50%; padding: 5px 0 5px 0; text-align:center; white-space: nowrap; background:#939393 url('slider_handlebg.png') no-repeat scroll 0pt; background-color:#72839D; background-position:-210px 0pt; cursor:pointer; }
#templatesbutton:hover,
#gallerybutton:hover {text-decoration:underline; }
li.viobookpage {padding:3px; margin:2px; border-bottom:0; }
#designer #progress {clear:both; padding:10px 0 10px 0; }
#upload-well .bw-column-cell {margin-bottom:30px; }
a.uploadbutton,
a.captionbutton {
background:url('/designer/icons/button-bg.jpg') repeat-x #229416;
display:block;
color:#ffffff;
font-size:12px;
border: 1px solid #bdbdbd;
height:24px;
line-height:24px;
margin-bottom:14px;
padding-right:10px;
text-decoration:none;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:auto;
}
a:hover.uploadbutton,
a:hover.captionbutton {border: 1px solid #1b7911; }
/* image order page */
.viopress {width:400px;}
.viopress .control-label {float:left; width:15em; text-align:right; }
.viopress .forminput {margin-left:15.5em; }
.status.designer fieldset {margin-top:30px;width:600px;}
/*************************************/
/* Drawer Styles */
.drawers-wrapper {}
.drawers {}
.drawer {font-size:11px; padding: 0px; margin: 0px; line-height:1.3em; }
.drawer-handle {background:#939393 url('slider_handlebg.png') no-repeat scroll 0pt; color:#333333; cursor:default; height:25px; line-height:25px; text-indent:15px; font-size:12px; width:100%; }
.drawer-handle.open {background-color:#72839D; background-position:-210px 0pt; color:#FFFFFF; }
/* nasty, but it fixes the indent on the first one. */
h2.drawer-handle span {}
.drawer li {border-bottom:1px solid #E5E5E5; line-height:16px; padding:6px 0pt; }
ul#reorderlist li {display:inline-block; padding-right:5px; }
/* Dialog Styles */
#designer .ui-dialog fieldset {background-color: #eee;}
#autofilldialog p {padding-top:15px;}
#autofilldialog .forminput {padding-bottom: 20px;}
.availablesizes {display:none; }
.availablesizes ul {margin:0;padding:6px}
.availablesizes ul li {padding:0 0 6px 0;list-style:none;}
.availablesizes ul li a {text-decoration:none;}
}
/* collapsed sidebar styles */
@media screen and (max-width: 767px) {
.row-offcanvas {position: relative; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.row-offcanvas-right
.sidebar-offcanvas {right: -41.6%; }
.row-offcanvas-left
.sidebar-offcanvas {left: -41.6%; }
.row-offcanvas-right.active {right: 41.6%; }
.row-offcanvas-left.active {left: 41.6%; }
.sidebar-offcanvas {position: absolute; top: 0; width: 41.6%; }
#sidebar {padding-top:0; }
}
.product-row-container h2 {font: bold 1.25em IsidoraSans, Helvetica, Arial, sans; color: #000; font-weight: bold;}
.product-row-container h3 {font: bold 1.3em IsidoraSans, Helvetica, Arial, sans;}
.product-row {padding: 2em .4em 2em .4em; height: auto;}
.product-row>div {padding-left: 0px; padding-right: 0px;}
.template-row h4 {text-align: center;font-size:.8em;font-weight:bold;line-height: 1.2em;}
#designer-create-form h3 {font-size: 1.25em;}
.template-row img {margin-top:1em; margin-bottom:1em; max-height:280px; width:auto; position:relative; top:0; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=4, Color='#444')";filter: url(#drop-shadow);-webkit-filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.4));filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.4));}
.template-block label img {padding:5px;}
/*.template-block .ratio-19 img.center-block {padding: 3% 15% 3% 15%;}
.template-block .ratio-18 img.center-block {padding: 17% 3% 17% 3%;}*/
.template-row img.center-block {max-height:100px;}
.template-row img.ratio-12,
.template-row img.ratio-13,
.template-row img.ratio-14,
.template-row img.ratio-17 {max-height:300px;width:auto;}
.template-holder {background-color: #eee;margin-left:0;margin-right:0;position:relative;max-height:250px;}
.template-holder .template-page-preview {max-height:250px;display:inline-block;position:relative;float:none; padding:0 5px;}
.template-holder .template-page-preview img {max-height:125px;padding:0;margin:0;}
.product-row-container {position: relative;}
.product-row,
.template-row {overflow-x: scroll;white-space: nowrap;}
.template-row > .col-xs-4 {display: inline-block;float: none;}
.template-row > .col-sm-4 {display: inline-block;float: none;}
.template-row > .col-md-3 {display: inline-block;float: none;}
.product-row > .col-xs-4 {display: inline-block;float: none;}
.product-row > .col-sm-4 {display: inline-block;float: none;}
.product-row > .col-md-3 {display: inline-block;float: none;}
.table-always-responsive {width: 100%;margin-bottom: 15px;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
/*.product-row::-webkit-scrollbar,
.template-row::-webkit-scrollbar {-webkit-appearance: none;width: 3px;}
.product-row::-webkit-scrollbar-track,
.template-row::-webkit-scrollbar-track {/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*//*background-color: rgba(0, 0, 0, .15);}*/
/*.product-row::-webkit-scrollbar-thumb,
.template-row::-webkit-scrollbar-thumb {border-radius: 8px;background-color: rgba(0, 157, 224, .75);-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);}
.left-arrow {position:absolute;top:50%;left:2%;}
.right-arrow {position:absolute;top:50%;right:2%;}*/
.template-row img {filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=4, Color='#444')";filter: url(#drop-shadow);-webkit-filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.4));filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.4));}
.fa-magnifying-glass-plus {margin-top: .5em;}
.no-pointer {cursor: default; opacity:.5;}
/*Designer CSS 04-24-18*/
.create-steps ol { display: block; list-style: none; overflow: hidden; counter-reset: numList; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0;}
.create-steps ol li { cursor: pointer; position: relative display:table-cell; vertical-align:middle; min-height: 80px; padding: 15px; width:100%;margin:.6% 0; background: #fafafa; border-radius: 5px; pointer-events:none;}
.create-steps ol li:before {counter-increment: numList;content: counter(numList);float: left;position: absolute;left: 15px;font-size: 24px;text-align: center;color: #0f4e6a;line-height: 42px;width: 48px; height: 48px;-moz-border-radius: 999px;border-radius: 999px;border:4px solid #cccccc;background: #eeeeee;}
.create-steps ol li.active { background: #effafb; border-radius: 5px; padding: 15px; pointer-events:all; }
.create-steps ol li.active:hover { background: #dbf4f6; border-radius: 5px; padding: 15px; }
.create-steps ol li.active:before { border:4px solid #1a9dd6; background: #1a9dd6; color: white; }
.create-steps ol li .path-text { margin: 5px 0px 5px 60px; }
.create-steps li:hover { background-color: #eee; border-radius: 5px; }
.create-steps #step-1-text,
.create-steps #step-2-text,
.create-steps #step-3-text,
#create-steps-create { font-size: 85%; }
#designer-create-form .product-group .product-create-buttons img {padding:5px;}
#designer-create-form .product-group .product-create-buttons {width:50%;display: inline;float:left; position: relative;min-height: 1px;padding-right: 5px;padding-left: 5px;}
#designer-create-form h4 {font-size: 13pt;}
@media only screen and (min-width: 768px) {
.create-steps ol li { padding: 15px; width:32.33%; margin:.66%; }
.create-steps ol li:first-of-type { margin: .66% .66% .66% 0; }
.create-steps ol li:last-of-type { margin: .66% 0 .66% .66%; }
#designer-create-form .product-group .product-create-buttons {width:24.85%;padding-right: 5px;padding-left: 5px;}
#designer-create-form .product-group .product-create-buttons .tag-select {font-size: 10pt;}
}
@media only screen and (min-width: 991px) {
#designer-create-form .product-group .product-create-buttons {width:12.4%;}
}
@media only screen and (min-width: 1200px) {
#designer-create-form .product-group .product-create-buttons .tag-select {font-size: 11.5pt;}
}
/* vim: set ts=50: */