#body .wrapper.login_wrapper { width:20rem; padding:5rem 0; }

#body a.edit.edit_slovnik { position:absolute; margin:-1rem 0 0 -1rem; color:var(--pink); text-decoration:none; }

#target_main .admin_wrapper { padding-top:5rem; padding-bottom:2rem;  }


#target_main .admin_wrapper form[id] label[for$="_cs"] { background:url('../img/cz.svg') 100% 50% no-repeat; background-size:auto 1.2rem; }
#target_main .admin_wrapper form[id] label[for$="_en"] { background:url('../img/gb.svg') 100% 50% no-repeat; background-size:auto 1.2rem; }

#body form div.tox .tox-mbtn,
#body form div.tox .tox-tbtn { font-size:1rem; padding:0.2em; height:1.2em; line-height:1.2em; min-width:1.2em; color:var(--black) !important; background-color:transparent !important; }
#body form div.tox-tinymce { padding:0; height:auto; border:1px solid var(--gray); border-radius:0; margin:0; }
#body form .tox .tox-editor-container { height:100%; }
#body textarea.tox-textarea { font-size:14px; line-height:1.2em; min-height:100%; }


#target_main .admin_wrapper .upload { display:block; float:left; width:20rem; height:20rem; background:url('../img/upload.svg') 0px 0px repeat; background-size:1rem 1rem; border:1px solid var(--gray); position:relative; overflow:hidden; margin-bottom:1rem; }
#target_main .admin_wrapper .upload img { display:block; max-width:100%; max-height:100%; margin:auto; }
#target_main .admin_wrapper .upload a.button { width:100%; font-weight:normal; border:0; background-color:var(--white) !important; color:var(--black) !important; border-top:1px solid var(--gray); position:absolute; padding:0 0 0 0.5rem; height:2rem; line-height:2rem; bottom:0px; left:0px; z-index:5; text-align:left; overflow:hidden; margin:0; text-indent:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; text-transform:none; opacity:0; transition:opacity 0.3s, color 0.3s, background-color 0.3s; font-variant:small-caps; }
#target_main .admin_wrapper .upload a.button.add { pointer-events:none; }
#target_main .admin_wrapper .upload:hover a.button { opacity:1; }
#target_main .admin_wrapper .upload a.button:hover,
#target_main .admin_wrapper .upload input:hover ~ a.button.add { background:var(--white) !important; color:var(--pink) !important;  }
#target_main .admin_wrapper .upload a.button.remove { display:block; left:auto; right:0; width:2rem; height:2rem; line-height:2rem; text-indent:0; text-align:left; border-left:1px solid var(--gray); font-size:1.2rem; z-index:6; padding:0; text-align:center; }
#target_main .admin_wrapper .upload span { display:block; width:100%; height:0px; position:absolute; bottom:0px; left:0px; z-index:3; background:var(--pink); opacity:0.5; }
#target_main .admin_wrapper .upload input.fileupload { display:block; width:100%; position:absolute; top:0px; left:0px; z-index:4; height:100%; line-height:150px; font-size:200px; opacity:0; padding:0px; border:none; cursor:pointer; }


#target_main .admin_wrapper .admin_table { width:100%; position:relative; -webkit-column-span: all; column-span: all; }
#target_main .admin_wrapper .admin_table > form { display:block; text-align:center; }
#target_main .admin_wrapper .admin_table > form > div { padding:0.5em 0; display:inline-block; }
#target_main .admin_wrapper .admin_table > form > div > label,
#target_main .admin_wrapper .admin_table > form > div > input:not([type]),
#target_main .admin_wrapper .admin_table > form > div > select { display:inline-block; width:auto; margin:0; padding:0 1rem; height:2rem; line-height:2rem; }
#target_main .admin_wrapper .admin_table > form > div > select { padding:0 2.5em 0 0; }
#target_main .admin_wrapper .admin_table > form > div > select.admin_table_limit { width:3rem; text-align:right; }
#target_main .admin_wrapper .admin_table > form > div > label { padding-right:0; font-size:0.75rem; margin:0 0.5rem 0; }
#target_main .admin_wrapper .admin_table > form > div > input[type="checkbox"] + label { padding-top:6px; padding-bottom:6px; }
#target_main .admin_wrapper .admin_table > form > div > input[list] { background-position:right 1rem top 50%; }
#target_main .admin_wrapper .admin_table > form > div.admin_table_search { float:right; }
#target_main .admin_wrapper .admin_table > form > table,
#target_main .admin_wrapper table.admin_table { width:100%; border-collapse:collapse; border-bottom:1px solid #ccc; text-align:left; }
#target_main .admin_wrapper .admin_table > form > table th,
#target_main .admin_wrapper table.admin_table th,
#target_main .admin_wrapper .admin_table > form > table td,
#target_main .admin_wrapper table.admin_table td { padding:0.5rem 0.5rem; font-size:0.75rem; }
#target_main .admin_wrapper .admin_table > form > table th,
#target_main .admin_wrapper table.admin_table th { background:var(--pink); text-align:left; color:var(--white); }
#target_main .admin_wrapper .admin_table > form > table th:first-child,
#target_main .admin_wrapper table.admin_table th:first-child,
#target_main .admin_wrapper .admin_table > form > table td:first-child,
#target_main .admin_wrapper table.admin_table td:first-child { padding-left:1rem; }
#target_main .admin_wrapper .admin_table > form > table th:last-child,
#target_main .admin_wrapper table.admin_table th:last-child,
#target_main .admin_wrapper .admin_table > form > table td:last-child,
#target_main .admin_wrapper table.admin_table td:last-child { text-align:right; }
#target_main .admin_wrapper .admin_table > form > table th > a[class^="icon"],
#target_main .admin_wrapper table.admin_table th > a[class^="icon"],
#target_main .admin_wrapper .admin_table > form > table td > a[class^="icon"],
#target_main .admin_wrapper table.admin_table td > a[class^="icon"] { display:inline-block; vertical-align: middle; font-size:1rem; width:16px; height:16px; text-align:center; line-height:16px; margin:0 0.5rem 0 0; text-decoration:none; color:var(--positive); transition:0.3s color, transform 0.3s; }
#target_main .admin_wrapper .admin_table > form > table th > a[class^="icon"]:hover,
#target_main .admin_wrapper table.admin_table th > a[class^="icon"]:hover,
#target_main .admin_wrapper .admin_table > form > table td > a[class^="icon"]:hover,
#target_main .admin_wrapper table.admin_table td > a[class^="icon"]:hover { transform:scale(1.5); }

#target_main .admin_wrapper .admin_table > form > table th:last-child > a,
#target_main .admin_wrapper table.admin_table th:last-child > a { display:inline-block; font-size:20px; margin-right:0.5rem; width:16px; text-align:center; }

#target_main .admin_wrapper .admin_table > form > table th > label,
#target_main .admin_wrapper table.admin_table th > label { margin:-0.5rem; display:block; width:auto; padding:0.5rem; color:var(--white); font-weight:normal; }
#target_main .admin_wrapper .admin_table > form > table th > input[type="radio"] ~ label { position:relative; color:var(--white); font-weight:normal;}
#target_main .admin_wrapper .admin_table > form > table th > input[type="radio"] ~ label:before { display:none; }
#target_main .admin_wrapper .admin_table > form > table th > input[type="radio"] ~ label:after { display:block; content:"\2c4"; font-family:'icomoon'; font-size:0.5rem; left:-0.3em; width:1em; height:1em; position:absolute; top:0.4em; text-align:middle; line-height:1.5rem; opacity:0; transition:opacity 0.3s; background:none; color:#fff; }
#target_main .admin_wrapper .admin_table > form > table th > input[type="radio"] ~ label:hover:after { opacity:0.5; }
#target_main .admin_wrapper .admin_table > form > table th > input[type="radio"]:checked ~ label:after { opacity:1; }
#target_main .admin_wrapper .admin_table > form > table th > input[type="radio"]:checked + label:after { content:"\2c5"; }
#target_main .admin_wrapper .admin_table > form > table tbody tr:nth-child(2n),
#target_main .admin_wrapper table tbody tr { transition:background-color 0.3s, color 0.3s; }
#target_main .admin_wrapper table tbody tr:nth-child(2n) { background:var(--light); }
#target_main .admin_wrapper table tbody tr:hover > td { background:var(--pink); color:var(--white); }
#target_main .admin_wrapper .admin_table > form > table tr > td:first-child > img { display:block; width:35px; height:35px; margin:-0.5rem 0; object-fit:contain; }
#target_main .admin_wrapper .admin_table > form > p { float:left; display:block; padding:0.5em 1em; text-align:left; font-size:0.75rem; text-align:left; }
#target_main .admin_wrapper .admin_table > form > p + p { float:right; text-align:right; }
#target_main .admin_wrapper .admin_table > form > p > a { display:inline-block; font-weight:bold; margin-left:0.25em; text-decoration:none; color:var(--positive); cursor:pointer; transition:color 0.3s; }
#target_main .admin_wrapper .admin_table > form > p > a.active { color:var(--text);  cursor:default; }
#target_main .admin_wrapper .admin_table > form > p > a[data-page]:hover { color:var(--text); }
#target_main .admin_wrapper .admin_table > form > div.admin_table_custom_type_array { display:block; }
#target_main .admin_wrapper .admin_table > form > div.admin_table_custom_type_array > ul:not(:empty) { display:block; }
#target_main .admin_wrapper .admin_table > form > div.admin_table_custom_type_array > ul > li { display:inline-block; cursor:pointer; padding:0;  }

#target_main .admin_wrapper .admin_table > form > div.admin_table_custom_type_picker { display:inline-block; width:20rem; background:var(--body); }
#target_main .admin_wrapper .admin_table > form > div.admin_table_custom_type_picker > ul:not(:empty) { display:block; padding-top:0.5rem; margin-left:3.75rem; width:15.5rem;}
#target_main .admin_wrapper .admin_table > form > div.admin_table_custom_type_picker > ul > li { display:block; cursor:pointer; padding:0 0.5rem 0 1rem; width:max-content; max-width:14rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#target_main .admin_wrapper .admin_table > form > div.admin_table_custom_type_picker > ul > li:hover { text-decoration:line-through; color:var(--negative); }
#target_main .admin_wrapper .admin_table > form > div.admin_table_custom_type_ts_range > input,
#target_main .admin_wrapper .admin_table > form > div.admin_table_custom_type_date_range > input { display:inline-block; vertical-align:middle; max-width:calc(50% - 5.75em); margin:0; height:2em; background-size:3em 3em; background-position:top -0.5em right -0.5em; padding-right:2em; }
#target_main .admin_wrapper .admin_table > form > div.admin_table_custom_type_ts_range > input + label,
#target_main .admin_wrapper .admin_table > form > div.admin_table_custom_type_date_range > input + label { display:inline-block; vertical-align:middle; margin:0; width:2em; padding-left:0; text-align:center; whz}
#target_main .admin_wrapper .admin_table > form > .admin_table_paging { float:left; padding-left:0.5rem; }
#target_main .admin_wrapper .admin_table > form > .admin_table_custom_filter { white-space:nowrap; margin-right:2em; }


#target_main .admin_wrapper form .button.save { float:right; }
#target_main .admin_wrapper form .button.save + .button.save { margin-right:2rem; }
#target_main .admin_wrapper form .button.back { float:left; }

#target_main #form_edit_slovnik fieldset { width:calc(50% - 1rem); display:inline-block; }
#target_main #form_edit_slovnik fieldset + fieldset { margin-left:2rem; }
#target_main #form_edit_slovnik textarea { height:calc(50vh - 5rem); min-height:3.6em; line-height:1.2em; }


#target_main .admin_table_article td > strong { display:block; }


#target_main #form_edit_article fieldset { display:inline-block; width:calc(50% - 1rem); }
#target_main #form_edit_article fieldset + fieldset { margin-left:2rem; }
#target_main #form_edit_article fieldset textarea { height:calc(100vh - 10rem); min-height:3.6em; line-height:1.2em;  }
#target_main #form_edit_article fieldset textarea[id^="a_perex_"] { height:4.5rem; }
#target_main #form_edit_article .upload { width:calc(40vw - 1rem - 2px); height:calc(20vw - 0.5rem - 1px); }

#target_main .admin_table_product td > strong { display:block; }

#target_main #form_edit_product fieldset { display:inline-block; width:calc(50% - 1rem); }
#target_main #form_edit_product fieldset + fieldset { margin-left:2rem; }
#target_main #form_edit_product fieldset.prices { display:block; width:auto; }
#target_main #form_edit_product fieldset.prices label[for="p_stock"]:not(.dec):not(.inc),
#target_main #form_edit_product fieldset.prices label[for="p_pack_size"]:not(.dec):not(.inc) { margin-left:16.33rem; }
#target_main #form_edit_product fieldset.prices label:not(.inc):not(.dec) { display:inline-block; width:8rem; margin-right:-1rem; }
#target_main #form_edit_product fieldset.prices label[for="p_price_czk"]:not(.inc):not(.dec),
#target_main #form_edit_product fieldset.prices label[for="p_price_eur"]:not(.inc):not(.dec) { position:absolute; margin-top:-2rem; margin-left:2rem; }
#target_main #form_edit_product fieldset.prices input[type="number"] { padding-right:3rem; margin-left:1rem; }
#target_main #form_edit_product fieldset.prices label.unit { margin-left:-3rem; width:3rem !important; pointer-events:none; color:var(--gray); }
#target_main #form_edit_product fieldset.prices label.short { width:3rem !important; }
#target_main #form_edit_product fieldset.prices select { width:5.5rem; display:inline-block; margin-left:1rem; }
#target_main #form_edit_product fieldset textarea[id^="p_perex_"] { min-height:4.5rem; }
#target_main #form_edit_product fieldset textarea[id^="p_text_"] { height:20rem; }
