#id_container{border-radius:3px;border:2px solid #093f7d}#col_create{background-color:#032c5b}#sb_upload{background-color:#093f7d;color:#f9f9f9;max-height:570px;overflow-y:auto}#sb_fields,#sb_gallery{background-color:#093f7d;color:#f9f9f9;max-height:510px;overflow-y:auto}@media all and (max-width:767px){#sb_fields,#sb_gallery,#sb_upload{max-height:none;overflow-y:hidden}}@media all and (max-height:800px){#sb_fields,#sb_gallery,#sb_upload{max-height:none;overflow-y:hidden}}#col_create h3{color:#f9f9f9}#col_create a.nav-link{color:#f9f9f9}#col_create a.nav-link.active{color:#495057}#sb_gallery p.subtitle{font-size:.9rem;color:#ccf}.card-preview{cursor:pointer}.card-preview:hover{background-color:#134f94}.selected_card{background-color:#1d5da7}.selected_card:hover{background-color:#1d5da7}input[type=text]{padding:6px;border-radius:10px;background-color:#f9f9f9;font-size:1.1em;border:2px solid #1e252c;width:100%;margin-bottom:15px}.input_container input{opacity:.8}.input_container input:focus{opacity:1}#tooltip{display:none;font-weight:400;font-size:.8rem;line-height:1rem;margin-bottom:4px}.image-controls b{font-size:.9rem;display:block}a.circle_btn{width:65px;height:65px;text-align:center;border-radius:100%;display:inline-block;position:relative;background-color:#134f94;color:#f9f9f9;cursor:pointer;text-decoration:none}a.circle_btn:hover{background-color:#1d5da7;color:#fff}.zoom_btn{line-height:57px;font-size:3.2em}.rotate_btn svg{height:1.8em;width:1.8em;line-height:1.8em;margin-top:18px;fill:#f9f9f9}#canvasContainer{position:relative;width:200px;height:200px;margin:0 auto 0 auto}#canvasCrop{position:absolute;width:150px;height:180px;top:0;left:22px;border:3px solid #d72626;border-radius:3px;overflow:hidden;cursor:move;background-repeat:no-repeat}#canvasContainer.rotateLeft #canvasCrop{transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg)}#canvasContainer.rotateRight #canvasCrop{transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg)}#canvasContainer.rotateUp #canvasCrop{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg)}p#cropLabel{text-align:center;color:#ccc;font-size:.8em;margin:0 0 20px 0}#js_q_barcode,#js_q_qrcode{cursor:pointer;margin-left:10px;width:20px;height:20px}#chooseafile .inputfile{margin:0 auto}.inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.inputfile+label{border-radius:.25rem;padding:.4em 1em;font-size:1.3em;font-weight:700;white-space:nowrap;color:#f9f9f9;text-decoration:none;transition:all .05s ease-in-out;display:inline-block;cursor:pointer;background-color:#d72626}.inputfile+label:hover,.inputfile:focus+label,.inputfile:hover+label{background-color:#be1818}#js_startWebcam img,.inputfile+label img{width:1em;height:1em;vertical-align:middle;fill:currentColor;margin-top:-.25em;margin-right:.25em}.privacy{color:#f9f9f9;font-size:.9rem;margin:15px}#col_preview{background-color:#86a5c9}#chooseACard{cursor:pointer}.card_preview_container{border-radius:20px;box-shadow:2px 2px 2px rgba(0,0,0,.24);width:390px;background-size:390px;background-repeat:no-repeat;height:245px;margin:15px auto 0 auto}.card_preview_container.card_back{background-position:0 -253px}.card_preview_container.sample{background-image:url(/images/idcards/0.png)}.col_preview .cardtype{opacity:0}#col_download{background-color:#fff}#canvas_download{display:none;width:1px;height:1px}