body{touch-action:none;}.loads:before{ content: 'LOADING'; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255, 0, 0, 0.3); color: #ffffff; font-weight: 500; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; font-size: 27px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: 333; } .barkod_view{height:63mm; max-height: 550px; display: grid ; place-items: center; padding: 15px; background-color: #dddddd; position: relative; border: solid 2px #6c6c6c; overflow: auto; } .etiket{ width: 100mm; height: 50mm; background-color: #ffffff; position: relative; margin: 5px auto; border: solid 1px #828282; } .etiket .kaydir{display: inline-block; position: absolute; left: 0; top: 0; cursor: pointer; z-index: 88; } .etiket .line{ display: block !important; width: 250px; height: 5px; background-color: #000000; position: absolute; left: 10px; top: 10px; cursor: pointer; z-index: 4; } .etiket .cerceve{display: block !important; width: 50px; height: 50px; border: solid 2px #000000; position: absolute; left: 10px; top: 10px; cursor: pointer; z-index: 3; } .etiket .resim{ width: 160px; height: 50px; position: absolute; left: 10px; top: 10px; cursor: move; z-index: 3; } .etiket .metin{ position: absolute; left: 10px; top: 10px; cursor: pointer; line-height: 100%; z-index: 5; } .element_aktif,.element_aktif_2{position: relative !important;} .element_aktif:before{ content: ''; width: 100%; height: 100%; cursor: move !important; border: dashed 1px #df0a0a; position: absolute; left: 0; top: 0; z-index: 4; } .element_aktif_2:before{ content: ''; width: 100%; height: 100%; cursor: move !important; border: dashed 1px #df0a0a; position: absolute; left: -5px; top: -5px; padding: 4px; z-index: 4; } #nesne .col-4:not(.nesne_secim_alan){ display: none; } .ust_btn{ margin: 15px 0 10px; } .ust_btn span{ background-color: #535252; padding: 4px 20px; margin: 2px; display: inline-block; color: #ffffff; cursor: pointer; } .gcs_alan{ display: none; } .gcs_alan .row{ display: flex; flex-wrap: wrap; align-items: stretch; } #barkod_edit .row{ display: none; } #barkod_create{ background-color: #6c6c6c; padding: 8px 10px; border: unset; color: #ffffff; cursor: pointer; } .as_islem_btn input{margin: 0 0 0 8px; position: relative; top: 4px;} .as_islem_btn{display: inline-block; margin: 0 0 -1px; background-color: #6c6c6c; padding: 7px 10px; border: unset; color: #ffffff; cursor: pointer; } .bar_is_sol .as_islem_btn:not(:first-child){ padding: 3px 10px 7px; } .as_islem_btn i{ transform: scale(1.7); position: relative; top: 4px; } /*#sil_btn{ background: #e02d2d; font-size: 13px; padding: 4px 10px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); cursor: pointer; color: #ffffff; }*/ #indir{ background-color: #6c6c6c; padding: 7px 10px; border: unset; color: #ffffff; cursor: pointer; width: 100%; } .ui-resizable-se{ width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid transparent; border-bottom: 6px solid #e05353; position: absolute; right: 4px; bottom: 4px; cursor: se-resize; opacity: 1; } div[data-tip=a4]{ display: none; } input[type=color]{ padding: 1px; min-height: 29px; } input[type=file]{ height: 29px; padding: 3px; } input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } .full_screen{ background: white; position: fixed; width: 100%; height: 100%; left: 0; top: 0; padding: 25px; overflow: auto; z-index: 555; } .yazdir_demo{ width: 0; height: 0; background-color: #ffffff; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; margin: 0 auto; overflow: hidden; } .yazdir_demo img{ width: auto; } .text_alan h3{ font-size: 18px; } .etiket .nesne_kaydir{display: inline-block;}