.templatePage{min-height:100vh;position:relative}.takepicsection,.templatePage{margin:0 auto 0 auto}.header{position:fixed;width:100%;top:0;z-index:200;height:52px;margin-left:auto;background-color:var(--cardbackgroundColor);transition:.1s}.mainsection{max-width:1200px;margin-left:auto;margin-right:auto;padding:0 1rem}.takepicsection{margin:auto}.imgTag{width:50%;height:50%;display:block;margin-bottom:10px}.vue-tags-input{text-align:left}.clickable{cursor:pointer}textarea{box-sizing:border-box;max-width:450px;font-size:14px;padding:5px 10px 5px 10px}table,textarea{width:100%}table td,table th{border:1px solid #ddd;padding:8px}table thead{background-color:#f2f2f2}.image-preview{padding:5px 10px 5px 10px}img.preview{height:200px;width:auto;margin:auto;background-color:#fff;border:1px solid #ddd;padding:5px}.img-wrap{position:relative;width:auto;margin-top:3px;max-width:200px;//height:75px}.img-wrap .close{right:0}.placeholder{background:#f0f0f0;width:70px;height:75px;display:flex;justify-content:center;align-items:center;color:#333;font-size:10px;font-weight:strong}.placeholder:hover{background:#e0e0e0}.tag{border-radius:1em;border-color:#17a2b8;background-color:#17a2b8;color:#fff;padding:.2em;font-size:.8em;margin:0 5 0 5;box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}@media only screen and (max-width:600px){.hideOnSmallScreen{white-space:nowrap;display:none!important}.onlyOnSmallScreen{white-space:nowrap;display:inline-block}.smallAddBreak:before{content:"\a";white-space:pre}}@media only screen and (min-width:600px){.onlyOnSmallScreen{display:none!important}.hideOnSmallScreen{white-space:nowrap;display:inline-block}}// image handling .img-wrap{position:relative;width:auto;height:75px}.img-wrap .close{position:absolute;display:inline;cursor:pointer;color:red;top:0;right:12px;z-index:100}.img-placeholder{border-color:#000;border-width:2px;border-style:bold;width:70px;height:70px;justify-content:center;align-items:center;color:#333;font-size:10px;font-weight:strong;box-shadow:1px 1px 5px 5px rgba(0,0,0,.08),1px 1px 5px 5px rgba(0,0,0,.07)!important;margin-top:3px;text-align:center}.img-placeholder:hover{background-color:#f7f7f7}.img-placeholder-small{border-color:#000;border-width:2px;border-style:bold;width:25px;height:25px;justify-content:center;align-items:center;color:#333;font-size:10px;font-weight:strong;box-shadow:1px 1px 5px 5px rgba(0,0,0,.08),1px 1px 5px 5px rgba(0,0,0,.07)!important;margin-top:3px;text-align:center}// select css // ----------- .compact select{--primary-color:#bebefd;width:100%;height:50px;font-size:100%;font-weight:700;cursor:pointer;border-radius:0;background-color:#289292;border:none;color:#fff;appearance:none;padding:10px;padding-right:38px;-webkit-appearance:none;-moz-appearance:none;outline:none;transition:color .3s ease,background-color .3s ease,border-bottom-color .3s ease}select::-ms-expand{display:none}.compact .select-icon{position:absolute;top:15px;right:30px;width:10px;height:10px;pointer-events:none;padding-left:5px;transition:background-color .3s ease,border-color .3s ease}.compact .select-icon svg.icon{transition:fill .3s ease;fill:#8a2be2}.compact select:focus,.compact select:hover{color:#fff;background-color:#8a2be2;border-bottom-color:#dcdcdc}.compact select:focus~.select-icon,.compact select:hover~.select-icon{background-color:var(--primary-color);border-color:#dcdcdc}.compact select:focus~.select-icon svg.icon,.compact select:hover~.select-icon svg.icon{fill:var(--primary-color)}