@import url(https://fonts.googleapis.com/css?family=Lato:400i,90);@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600);*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body,button,input{font-family:Proxima,Helvetica,Arial;font-family:Poppins,Helvetica,Arial,sans-serif;font-size:12px}a{color:#22a7f0;text-decoration:none}a.small{font-size:11px}h1,h2{margin-bottom:20px}h3{margin-bottom:15px}h4{margin-bottom:10px}table{width:100%}form svg{max-height:100px;max-width:100%}table svg{max-height:30px}table .image.large svg{max-height:50px}td,th{text-align:left;padding:7px 10px}td.image,th.image{width:100px;text-align:center}td.image.large,th.image.large{width:150px}td.copy-column,td.delete-column{width:30px;text-align:center}td.copy-column a,td.delete-column a{cursor:pointer}tr:nth-child(odd) td{background:#f8f8f8}input[type=checkbox]{margin-right:3px}input[type=password],input[type=text],select,textarea{padding:5px 10px;width:100%}select,textarea{border:1px solid #ccc;background:#fff;height:35px;font-size:12px}textarea{height:75px}ul.members{margin-left:20px}button{background:#22a7f0;color:#fff;padding:10px;min-width:200px;border:0;border-radius:5px;opacity:.9;cursor:pointer}button:hover{opacity:1}p{margin-bottom:25px}ul.menu{display:inline-block}ul.menu a{margin:0}ul.menu li{position:relative;display:inline-block;margin:0 5px;cursor:default}ul.menu li span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}ul.menu li span img{width:20px;margin-bottom:1px;margin-right:-5px}ul.menu li ul{position:absolute;display:none;min-width:150px;-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.1);box-shadow:0 8px 16px 0 rgba(0,0,0,.1);z-index:99;background:#fff;padding:10px}ul.menu li ul li{display:block;line-height:1.8em}ul.menu li:hover ul{display:block}.header{padding:10px 20px;border-bottom:1px solid #e5e5e5;margin-bottom:10px}.header a{margin:0 5px;color:#000}.breadcrumb{font-size:11px;margin-bottom:30px}.overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:hsla(0,0%,100%,.95);padding:50px 100px;z-index:100;overflow:auto;display:none}.overlay>div{background:#fff}.close-overlay{font-size:30px;color:#aaa;position:fixed;top:0;right:30px;cursor:pointer}.content{padding:20px 50px}.field{margin-bottom:15px}label{margin-bottom:5px;display:block}.columns{display:-webkit-box;display:-ms-flexbox;display:flex}.divider{margin-top:30px;border-top:2px solid #eee;padding-top:30px}.columns.center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.column{display:block;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.column.spaced{padding:0 50px}.column.spaced-small{padding:0 10px}.space-above{margin-top:50px}.error,.status{margin:0 20px;background-color:rgba(34,167,240,.2);padding:10px;color:#22a7f0;text-align:center}.error{color:red;background-color:rgba(255,0,0,.1)}form .delete,form .delete-shape{float:right;color:red;padding-top:8px;cursor:pointer}form .copy{float:right;padding-top:8px;cursor:pointer;margin-right:20px}.delete-image{display:block;margin:10px 0;cursor:pointer}.actions{margin-top:30px;background:#f5f5f5;padding:20px;position:relative;border-radius:5px}.color{height:100%}.text-center{text-align:center}.member-option{margin:10px 5px 0}.members .member{cursor:pointer}.template-input{margin-bottom:10px}.template-input .name{cursor:pointer}.template-input .config{padding:10px;margin-top:5px;background:#f5f5f5;width:220px;border-radius:5px;display:none}.template-input.active .config{display:block}.template-input.active .name{font-weight:700}.template-input .config label{margin-bottom:5px;display:block}.option{margin-top:20px}.clear{clear:both}.option-selection{display:none}.option-value,.selected-option{position:relative;text-align:center;padding:20px 10px;border-radius:5px;margin:2px;border:1px solid #eee;background:#f8f8f8;color:#555;width:150px;height:150px;float:left;line-height:1.5em;overflow:hidden}.option-value input[type=text],.selected-option input[type=text]{position:absolute;bottom:0;left:0;width:90%;margin:0 5% 10px;text-align:center}.meta{font-weight:700}.selected-option{height:auto;width:auto}.option-value.selected,.selected-option{border:1px solid #22a7f0;background:rgba(34,167,240,.1)}.option-selection svg{max-height:30px;margin-bottom:10px}.selected-options{margin-top:10px}.selected-options .selected-option{font-size:11px;font-weight:400;padding:5px 8px}#pending-changes{margin-top:10px;opacity:.8;font-size:10px;display:none}.toggle-options{cursor:pointer}#saved-layout-result,#saved-result{margin-top:10px;color:green;display:none}.overlay .save-options{position:fixed;left:10px;top:10px;min-width:auto;padding:5px 10px}.review-option svg{width:50px}.note{color:#888}.note.small{font-weight:400;font-size:12px}.layer{margin-bottom:20px}.clickable{cursor:pointer}.filename{font-size:10px;color:#888}.svg-preview{position:relative;margin-top:10px;min-height:75px;border:2px dotted #ddd;padding:30px;height:300px}.svg-preview svg:first-child{fill:#000}.svg-preview svg:nth-child(2){fill:#888}.svg-preview svg:nth-child(3){fill:#ccc}.preview svg,.svg-preview svg{position:absolute;left:0;top:0}#canvas{padding:0;height:300px;position:relative;-webkit-box-flex:1;-ms-flex:1 0;flex:1 0;background-size:5px 5px;background-image:linear-gradient(90deg,#eee 1px,transparent 0),linear-gradient(180deg,#eee 1px,transparent 0)}.shape-page #canvas{height:500px;border:1px solid #eee}.shape-page #canvas #image svg:first-child{fill:#000}.shape-page #canvas #image svg:nth-child(2){fill:#888}.shape-page #canvas #image svg:nth-child(3){fill:#ccc}.resizable{display:inline-block;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.resizable.selected{background-color:rgba(34,167,240,.3)}.component{background:#fff;border:1px solid #ccc;width:50px;height:50px;opacity:.7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:11px;text-align:center;display:none}.component.visible{display:inline-block}.positioning{padding-right:20px;padding-top:50px}.selected-option input{width:100px;padding:3px;display:block;text-align:center;margin:auto;margin-top:5px;margin-bottom:2px}.text-component{width:auto}#image{display:inline-block}.slidecontainer{width:100%}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:200px;height:15px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;-webkit-transition:opacity .2s;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:#22a7f0;cursor:pointer}.slider::-moz-range-thumb{width:15px;height:15px;background:#22a7f0;cursor:pointer}.font-option{margin-bottom:10px;margin-top:10px;font-size:20px}#canvas.pack-layout{height:400px}.ui-rotatable-handle{position:absolute;top:0;right:0;bottom:auto;left:auto}.option-ordering{padding-left:20px}.option-ordering ul{margin-top:10px;list-style-type:none;font-size:13px}.option-ordering ul li{margin-bottom:5px}.text-options{margin-bottom:15px}.text-options select{width:160px;margin-right:5px}.text-options button{width:50px;min-width:50px;padding:7px}#login-form{display:inline;margin-left:30px}#login-form input{display:inline-block;width:200px;margin-right:20px;border:1px solid #ddd;padding:10px;border-radius:5px}