.form * { -moz-box-sizing: border-box; box-sizing: border-box; }
.form-row > label { font-size: 11px; padding: 8px 5px 4px 0; float: left; width: 20%; text-align: right; }
.form-row > label em { padding: 0 3px 0 0; color: red; font-style: normal; }
.form-row.required > label { font-weight: bold; }
.form-field { font-size: 11px; padding: 4px 0; float: left; width: 80%; }
.form-field input, .form-field select, .form-field textarea { width: 100%; max-width: 100%; font-family: Tahoma; font-size: 11px; }
.form-field input[type=file] { width: auto; }
.form-field select, .form-field input[type=checkbox], .form-field input[type=radio], .form-field input[type=submit] { width: auto; }
.form-field input[type=checkbox], .form-field input[type=radio], input + label { float: left; margin: 0 5px 0 0; }
input + label { float: left; height: 16px; line-height: 16px; }
.form-field input[type=text], .form-field input[type=password] { line-height: 17px !important; }
.form-field textarea { height: 150px; padding: 2px 3px; }
.form-field textarea.wysiwyg { height: 250px; }
.form-field input[type=text], .form-field input[type=password], .form input[type=submit], .form select { padding: 2px 3px; }
.form input[type=submit] { border: 1px #aaa solid; border-bottom: #555; border-right: #555; background: #8f8f8f; color: #fff; height: 23px; padding: 0 10px; }
.form input[type=submit]:hover { border: 1px #555 solid; border-bottom: #aaa; border-right: #aaa; background: #666; }
.form-row input[type=submit] { margin: 3px; float: right; }
.form-row { clear: both; border-top: 1px solid #bbb; overflow: hidden; min-height: 32px; }
.form-row:first-child { border: none; }
input[type=hidden]:first-child + .form-row { border: none; }
.form-row input, .form-row select { padding: 1px 3px; }
.form-row.lang > label, .change_lang label { background-position: 0% 70%; background-repeat: no-repeat; }
.form-row.submit { float: right; clear: none; }
.change_lang { position: fixed; top: 0; right: 0; }
.change_lang div { border: 1px #eee solid; border-radius: 2px 0 0 2px; background: #fff; padding: 3px; }
.change_lang label { text-indent: -999em; overflow: hidden; display: block; width: 16px; height: 16px; margin: 0 0 1px 0; cursor: pointer; }
.form-row.lang + .form-row.lang:not(.pl) { border: none; }
.form-row.lang + .form-row.lang:not(.pl) > label { text-indent: -999em; overflow: hidden; padding-top: 5px; }
.form-row.lang + .form-row.lang:not(.pl) .form-field { padding-top: 1px; }
.image .form-field label, .file .form-field label { float: none; padding: 0 0 0 35px; }
.image .form-field label ~ label, .file .form-field label ~ label { display: none; }
.admin .image .form-field label ~ label, .admin .file .form-field label ~ label { display: block; }
.image .form-field input[type=file], .file .form-field input[type=file] { width: 250px; }
.image .form-field input[type=text], .file .form-field input[type=text] { width: 250px; }
.image .form-field input[type=checkbox], .file .form-field input[type=checkbox] { float: none; }
.form-separator > div { float: left; margin-top: 3px; }
.form-separator input { float: right; }
.form-separator { position: relative; border-bottom: 1px solid #e7e7e7; overflow: hidden; clear: both; background: #2a2722 url(../img/bar.png) repeat-x; font-weight: bold; font-size: 11px; padding: 8px 8px 4px; cursor: pointer; color: #eee; }
.form-tooltip { background-color: #eaeaea; border: 1px #acacac solid; padding: 2px; float: left; width: 200px; max-width: 200px; overflow: hidden; }
.type-header { width: 300px; background-color: #eee; font-weight: bold; font-size: 12px; color: #454545; border: 2px gray dotted; padding: 3px 10px; min-height: 17px; line-height: 17px; -height: 23px; margin: 10px 0; }
.thumb { border: 1px #333 solid; float: left; margin: 0 0 5px 0; text-align: center; }
.thumb span { background: #7ca51b; height: 20px; line-height: 20px; color: #000; display: block; border-top: 1px #333 solid; }
.thumb + div { clear: both; }
.form .table td, .form .table th { border-top: 1px solid #e7e7e7; height: 20px; vertical-align: middle; padding: 2px 5px; }
.form .table th { text-align: left; border-top: none; white-space: nowrap; }
.add-row, .del-row { width: 16px; height: 16px; background: url(../img/plus.gif) no-repeat; position: absolute; right: 25px; top: 2px; cursor: pointer; }
.del-row { background-image: url(../img/minus.gif); }
.textbox { }
.form .tbl { padding-top: 4px; }
.form .table th.id, .form .table th.action, form .table th.order, form .table th.t-datetime { width: 1% !important; }
.form .table th { border: 1px solid #a2a2a2; padding: 4px 5px; color: #333; font-size: 12px; height: 27px; background: #bfbfbf; background: -moz-linear-gradient(top, #cfcfcf, #afafaf); }
.form .table th input, .form .table th select { display: block; width: 100%; margin-top: 2px; padding: 2px 3px; box-sizing: border-box; -moz-box-sizing: border-box; }
.form .table th:first-child { border-left: none; }
.form .table th.image { width: 1%; }
.form .table th a { color: inherit; display: block; margin: -4px -5px; padding: 4px 5px; }
.form .table th a:hover { color: #558; }
.form .table tr:nth-child(2n+1) td { background: #fafafa; }
.form .table.dataTable tr.odd td.sorting_1 { background: #f9fab1; }
.form .table.dataTable tr.even td.sorting_1 { background: #feffc6; }
.form .table tr:hover td { background: #ddd; cursor: pointer; }
.form .table td { border-left: 1px solid #e7e7e7; vertical-align: top; }
.form .table td:first-child { border-left: none; }
.form .table td:last-child { white-space: nowrap; width: 1%; }
.form .table tfoot td { background: #322E27; color: #000; font-weight: bold; }
.form .table span.on, .form .table span.off { display: block; overflow: hidden; text-indent: -999em; width: 16px; height: 16px; background: url(../img/tick.png) no-repeat; }
.form .table span.off, .change_lang .off { background-image: url(../img/cross.png); }
.form .dataTables_processing { top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; opacity: 0.5; margin: 0; padding: 0; border: none; }
.form .dataTables_info, .form table ~ .dataTables_paginate { width: 50%; padding: 5px 0 0; margin: 5px 0 0; border-top: 1px #eee solid; border-bottom: none; min-height: 22px; }
.form .dataTables_length, .form .dataTables_filter, .form .dataTables_paginate { width: 50%; padding: 0 0 5px; margin: 0 0 5px; border-bottom: 1px #eee solid; min-height: 22px; }
.form .dataTables_filter input { padding: 3px 5px; }
.form > .info { margin: 0 0 15px; }
.info { clear: both; overflow: hidden; }
.form-row .info { padding: 0 0 0 20%; }
.form-row .info li { float: left; }
.info li { border: 1px #7db1e6 solid; background: #a0d8f6 url(../img/info.png) no-repeat 7px 50%; color: #0a55a9; font-weight: bold; padding: 5px 10px 5px 30px; margin: 0 2px 2px 0; }
.info li em { cursor: help; text-decoration: underline; font-style: normal; }
.info li.error { border-color: #cd2524; background-color: #f2a7a2; background-image: url(../img/error.png); color: #b81c1f; }
.error { border: 1px #cd2524 solid !important; }
.mceLayout { width: 600px !important; }
input.order { width: 30px; }
div.radio { margin: 0 0 2px 0; }
div.radio input { float: left; margin: 0 5px 0 0; }
div.checkbox { clear: none; float: left; width: 33%; }
div.checkbox label { padding-right: 30px; position: relative; white-space: nowrap; width: 69%; }
div.checkbox input[type=checkbox] { position: absolute; left: 187px; }
.form .droppable { padding: 10px 10px 100px; background: #eee; border: 1px #ccc solid; font-weight: bold; text-align: center; position: relative; cursor: pointer; overflow: hidden; }
.form .droppable.dropzone_over { background: #e0e0e0; border: 1px #999 solid; }
.form .droppable > span { position: absolute; bottom: 45px; left: 0; width: 100%; }
.form .form-field > .progress_bar { background: #ccc; margin: 3px 0; border-radius: 3px; overflow: hidden; }
.form .form-field > .progress_bar em { height: 13px; background: #aaa; margin: 2px; border-radius: 3px; display: block; width: 0; text-align: right; font-weight: bold; line-height: 13px; color: #fff; white-space: pre; }
.form .dropzone_item { height: 120px; width: 133px; background: #f3f3f3; border: 1px #ccc solid; margin: 5px; float: left; position: relative; overflow: hidden; position: relative; }
.form .dropzone_item > div { height: 120px; width: 133px; position: absolute; left: 0; top: 0; z-index: 2000; }
.form .dropzone_item div.progress { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.form .dropzone_item div.progress div { background: #fff; opacity: 0.6; height: 100%; }
.form .dropzone_item div.progress em { position: absolute; font-style: normal; top: 45%; left: 40%; }
.form .dropzone_item span { display: block; position: absolute; top: 100px; width: 123px; left: 5px; text-align: center; overflow: hidden; }
.form .dropzone_item span, .form .dropzone_item div.progress em { text-shadow: #000 -1px -1px 0, #000 1px 1px 0, #000 -1px 1px 0, #000 1px -1px 0; color: #fff; }
.form .dropzone_item p.actions { position: absolute; right: 0; top: 0; display: block; background: #fff; opacity: 0.8; overflow: hidden; padding: 2px; }
.form .dropzone_item a.edit, .form .dropzone_item a.del { background: url(../img/pencil.png) no-repeat; width: 16px; height: 16px; text-indent: -999em; overflow: hidden; float: left; }
.form .dropzone_item a.del { background-image: url(../img/cross.png); }
.form .dropzone_item img { position: absolute; left: 0; top: 0; height: 120px; }
.form .dropzone_item img.h { width: 133px; }
.form .images_list { padding: 10px; border: 1px #ccc solid; overflow: hidden; }