html { overflow-x: hidden; overflow-y: scroll; } body { font-family: Arial, sans-serif; font-size: 12px; color: #333; background: #fff; } body.help * { cursor: help; } .nowrap {white-space:nowrap;} a { text-decoration: none; color: #0B3660; cursor: pointer; } h1 { background: #ffffff; font-weight: bold; padding: 2px 0 0 15px; font-size: 14px; letter-spacing: 0; line-height: 22px; border-bottom: 1px #f0f0f0 solid; color: #000; } /*h1 { font-weight: normal; padding: 6px 0 6px 15px; background: url(/img/h1_bg.png) no-repeat #f6f6f6; font-size: 22px; letter-spacing: -1px; border-bottom: 2px #cfcfcf solid; color: #444; }*/ h2 { font-weight: bold; padding: 6px 0; font-size: 15px; border-bottom: 1px #ccc solid; margin-bottom: 5px; } em { font-style: italic; } strong { font-weight: bold; } .flr {float:right;} .fll {float:left;} .fln {float:none;} .displayNone {display:none;} .talignr {text-align:right;} .talignl {text-align:left;} .talignc {text-align:center;} .posRel {position:relative;} .posAbs {position:absolute;} .mini { font-size: 11px; } a.mini:hover { text-decoration: underline; } .clear {clear:both;} .clrr {clear:right;} .clrl {clear:left;} .ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden;} .ui-autocomplete .autoCompNote {font-size:9px; font-style:italic; color:#999999;} .ui-autocomplete .ui-menu-item-wrapper {white-space:nowrap;} .white_wrapper { background: #fff; border: 1px #ccc solid; padding: 5px; } .filter label {clear:left; float:left; width:150px; line-height:20px; padding-left:3px;} #invoicesFromOmAlertLine {background-color:#ff0000; color:#ffffff; float:left; display:block; margin-left:228px; height:28px; line-height:28px; position:absolute; border:1px solid #f00; border-radius:6px; padding-left:12px; padding-right:12px;} a.button {background:#bfbfbf; border:1px solid #bfbfbf; color:#ffffff; font-weight:100; font-size:1em; font-size:1em; padding:0.4em 1em; white-space:nowrap;} a.button.buttonIcon {padding-left:24px; background-position:4px 50%; background-repeat:no-repeat; background-color:#bfbfbf;} a.button.save {background-color:#218cbd; border:1px solid #218cbd;} a.button.cancel {background:#999999; border:1px solid #999999;} a.button.cancel:hover {background:#cd0a0a; border:1px solid #cd0a0a;} a.button.warning {background-color:#cd0a0a; border:1px solid #cd0a0a;} .numberInCircleInButton {border-radius:50%; width:16px; display:inline-block; height:16px; padding:2px; border:2px solid #ffffff; color:#ffffff; text-align:center; margin-right:6px;} .balanceColorN, .grid_red {color:#FF5252;} .balanceColorI, .grid_green {color:#32C228;} .balanceColorR, .grid_yellow {color:#DCBD0D;} .grid_grey {color:#888;} #help_dialog { width: 300px; position: absolute; top: 0; left: 0; border: 2px #aaa solid; background: #fff; z-index: 100; display: none; } #help_dialog p { padding: 10px 10px 10px 30px; background: url(/css/flexigrid/icons/help.png) 8px 12px no-repeat; } #help_dialog h3 { font-weight: bold; line-height: 24px; } #header { padding-left: 7px; color: #fff; height: 36px; background: url(/img/header_bg_black.png) repeat-x; cursor: default; } #header img.logo { float: left; } #header .om_product_selector { float: left; margin-left: 10px; height: 36px; width: 600px; cursor: pointer; } #header .om_product_selector a { display: block; float: left; border-right: 1px #aaa solid; padding: 0 20px; color: #ccc; font-weight: bold; line-height: 36px; } #header .om_product_selector a:hover { background: #000; color: #fff; } #header .om_product_selector a.active, #header .om_product_selector a.active:hover { background: #ffffff; color: #111; } #header .loggedin { margin-right: 10px; float: right; line-height: 36px; font-size: 11px; color: #fff; } #header .loggedin .separator {margin-left:16px; margin-right:16px; border-left:1px solid #ffffff;} #header .loggedin a { color: #fff; } #header .loggedin a:hover { text-decoration: underline; } #header .loggedin > span.loggedCompUserName {line-height:15px; height:36px; float:left;} #header .loggedin > span.loggedCompUserName > span {float:right; position:relative;} #header .loggedin > span.loggedCompUserName > span:first-child {padding:3px 0px 0px 0px;} #header .loggedin > span.loggedCompUserName .loggedCompName {position:absolute; right:0px; white-space:nowrap;} body > #languageChangerResp {float:right; margin:2px 4px; display:inline-block;} body > #languageChangerResp a {color:#acacac;} body > #languageChangerResp a.active {color:#000000;} #header #languageChangerResp {color:#acacac; display:inline-block;} #header #languageChangerResp a {color:#acacac;} #header #languageChangerResp a.active {color:#ffffff;} #menu {float: right;} #menu ul {float: right;} #menu ul li {white-space: nowrap;} #menu ul li {background: #ffffff; float: left;} #menu a.home_button { background-image: url(/img/nicons/home.png); background-repeat: no-repeat; background-position: 9px 4px; display: block; float: left; width: 34px; height: 24px; } #menu ul li a { color: #222; display: block; font-weight: bold; line-height: 24px; padding: 0 15px; } #menu ul li:hover {background-color: transparent; color: #222;} #menu ul li ul { background-color:transparent; display: none; position: absolute; top: 60px; z-index: 10; } #menu ul li ul li { float: none; max-width: 200px; border-bottom: 1px #f0f0f0 solid; border-left: 1px #f0f0f0 solid; border-right: 1px #f0f0f0 solid; } #menu ul li ul li:last-child {border-radius: 0px 0px 6px 6px;} #menu ul li ul li:hover {background: #218cbd;} #menu ul li ul li:hover a {color: #ffffff;} #menu ul li ul li:hover ul li a {color: #000000;} #menu ul li ul li:hover ul li:hover a {color: #ffffff;} #menu ul li ul li a.separator {border-top: 1px #888888 dashed;} #menu ul li:hover > ul {display: block;} #menu ul li:hover > ul li:hover > ul {display: block;} #menu a span.prof {background-color:#218cbd; color:#ffffff; border-radius:4px; padding:0px 4px 0px 4px;} .om_product_selector .inventory_management {position:relative;} .om_product_selector .inventory_management .prof {position:absolute; bottom:-6px; right:4px; background-color:#218cbd; color:#ffffff; border-radius:4px; padding:0px 4px 0px 4px; line-height:16px;} #header_shadow { background: #ddd url('/img/header_shadow.png') repeat-x; padding: 7px 9px 0px 9px; } #content_wrapper { min-height: 400px; } #dialog_info, #dialog_error, #ajax_error, #ajax_info { margin-right: 5px; } #ajax_error, #ajax_info { margin-bottom: 10px; } #content { padding: 15px; padding-top: 5px; } .search_form { margin-bottom: 10px; border: 1px #ccc solid; padding: 5px 20px 5px 10px; float: left; background: #f6f6f6; } .toolbar { margin-bottom: 8px; height: 33px; width: 100%; clear: both; } .toolbar a { float: left; border: 1px #aaa solid; background: #fff url(/img/toolbar_button_bg.gif); margin-right: 10px; } .toolbar a:hover { display: block; background-color: #f0f0f0; border-color: #777; } /* .toolbar a span { display: block; color: #333; line-height: 28px; font-size: 11px; background-repeat: no-repeat; background-position: 6px 6px; padding: 0 10px 0 26px; } */ div.toolbar-submenu { background-color: #fafafa; border: 1px #888 solid; display: none; position: absolute; max-width: 250px; min-width: 120px; z-index: 1000; } div.toolbar-submenu .submenu-item { background-position: 4px 4px; background-repeat: no-repeat; cursor: pointer; font-size: 11px; padding: 5px 5px 5px 24px; } div.toolbar-submenu .submenu-item:hover { background-color: #ddd; color: #222; } .ui-dialog {min-width:300px; max-width:1000px!important; width:auto!important;} #dialog { overflow: hidden; } #dialog_content { } #dialog_content .error_wrapper, #dialog_content .info_wrapper { background: transparent; border: 0; } #dialog_content .error_wrapper .error, #dialog_content .info_wrapper .info { margin-right: 0; } .footbar { text-align: right; padding: 10px; } input[type=submit].invisible { margin: 0; padding: 0; position: absolute; top: -200px; height: 0; width: 1px; line-height: 0; } .ui-dialog .ui-dialog-content {padding:0px 12px 0px 12px;} .ui-dialog-titlebar-close {display:none;} .ui-tabs { padding: 0; border: 0; } .ui-tabs ul.ui-widget-header { background: transparent; border: 0; border-bottom: 1px #bbb solid; } .ui-tabs .ui-tabs-panel { border: 1px #bbb solid; border-top: 0; padding: 15px 10px; } #dialog .ui-tabs .ui-tabs-panel { border: 0; } .ui-tabs-nav li.ui-state-default { margin-left: 10px; font-size: 11px; font-weight: bold; } table.double, div.double { width: 920px; } table.triple, div.triple { width: 1000px; } table.simple, div.simple { width: 470px; } td.container { width: 450px; vertical-align: top; padding: 0; margin: 0; padding-left: 4px; padding-right: 5px; } td.container:first-child { padding: 0; padding-right: 4px; padding-left: 5px; } .ui-tabs-panel td.container { padding-left: 4px; padding-right: 0px; } .ui-tabs-panel td.container:first-child { padding-right: 4px; padding-left: 0px; } td.container div.input { min-height: 30px; width: 100%; border-bottom: 1px #eee solid; } td.container div.input label { color: #333; text-align: left; display: block; float: left; line-height: 28px; padding-left: 5px; width: 220px; } td.container label span.required { color: red; } td.container fieldset label { text-align: left; line-height: 28px; padding-left: 5px; width: 220px; } td.container input[type=text], td.container input[type=password], td.container select, td.container input[type=number], td.container textarea { border: 1px #ccc solid; margin-top: 3px; width: 200px; padding: 2px; box-sizing: content-box; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } td.container select { width: 202px; border: 1px #ccc solid; } td.container select option { color: #444; } td.container input[type=radio] { width: 30px; line-height: 20px; } td.container input[type=checkbox] { margin: 8px 100px 0 0; float: right; } td.container input[type=text].bank_account_no_part { width: 60px; font-size: 11px; letter-spacing: 0px; padding-left: 0; padding-right: 0; line-height: 16px; } td.container input[type=text].tax_number_part { font-size: 11px; letter-spacing: 0px; padding-left: 0; padding-right: 0; line-height: 16px; } td.container div.input div.error-message { font-size: 10px; color: #b81317; font-weight: bold; text-align: right; padding: 3px; padding-right: 10px; } td.container div.input div.text { display: inline; line-height: 30px; width: 200px; font-size: 11px; letter-spacing: -1px; } td.container div.input label img.toggle { float: right; margin: 6px 4px 0 0; cursor: pointer; } td.container table { width: 100%; } td.container table tr td:first-child { font-weight: bold; width: 50%; } td.container table tr td { padding: 6px 3px 6px 6px; border-bottom: 1px #ddd solid; } fieldset { border: 1px #ccc solid; margin-bottom: 20px; background: url(/img/fieldset_bg.png) repeat-x #fafafa; padding: 5px; } legend { font-weight: bold; color: #333; background: #fff; padding: 3px; border: 1px #ddd solid; } legend a { font-size: 10px; font-style: italic; } td.reg_container fieldset { border: 1px #ccc solid; margin-bottom: 20px; background: url(/img/fieldset_bg.png) repeat-x #fafafa; padding: 5px; } td.reg_container legend { font-weight: bold; color: #fcfcfc; padding: 5px 7px; background: #138acc; } td.reg_container legend a { font-size: 10px; font-style: italic; } div.CrmCustomerDataPanel { margin: 0 5px 5px 5px; padding: 10px; border: 1px #ccc solid; border-top: none; } div.CrmCustomerDataPanel .list { margin-top: 10px; } div.CrmCustomerDataPanel .list table { padding: 0; margin: 0; font-size: 11px; } div.CrmCustomerDataPanel .list table th { font-weight: bold; width: auto; padding: 2px; border-bottom: 1px #ccc solid; } div.CrmCustomerDataPanel .list table td { cursor: pointer; font-weight: normal; width: auto; padding: 4px 2px; border-bottom: 1px #ddd solid; } div.CrmCustomerDataPanel .list table tr td:first-child { font-weight: normal; } div.CrmCustomerDataPanel .list table tr:hover td { background: #ddd; } div.CrmCustomerDataPanel .form label { width: 160px; } div.CrmCustomerDataPanel .form input { width: 170px; } div.CrmCustomerDataPanel .form select { width: 170px; } div.CrmCustomerDataPanel .form input[type=checkbox] { float: right; width: 40px; } #eMailCheckResponse {color:red; clear:both;} #eMailCheckResponse img {background-color:green; border-radius:6px; padding:1px; height:12px; width:12px; margin-left:2px; vertical-align:text-top;} #invoice_items_table { width: 100%; border: #ccc; font-size: 11px; border: 1px #ccc solid; border-right: 0; color: #000; } #invoice_items_table td, #invoice_items_table th { border-right: 1px #ddd solid; padding: 5px; cursor: default; } #invoice_items_table th { border-bottom: 1px #ddd solid; } #invoice_items_table tr:hover td { background: #d9ebf5; } .stockBeforeAfterInv {color:#ffffff; position:absolute; top:1px; right:1px; border-radius:4px; padding:1px 2px; font-size:8px; background-color:#bfbfbf;} .stockBeforeAfterInv.negativeStock {background-color:#880000;} #serials_page table.main { border-bottom: 1px #888 solid; cursor: default; } #serials_page table.main td { } #serials_page table tr.top_header td { padding: 5px; border: 1px #aaa solid; border-left: 0; border-bottom: 0; width: 150px; font-weight: bold; } #serials_page table tr.top_header td:first-child { width: 110px; border: 0; border-right: 1px #aaa solid; } #serials_page table tr.top_header td.last { width: 20px; border: 0; } #serials_page table td.left_header { width: 110px; border: 1px #aaa solid; border-bottom: 0; } #serials_page table td.left_header td { font-weight: bold; } #serials_page table td.right_header { font-weight: bold; text-align: center; width: 20px; border: 1px #888 solid; border-top-color: #aaa; border-bottom: 0; border-left: 0; } #serials_page table td.sub { border: 1px #aaa solid; border-left: 0; border-bottom: 0; position: relative; } #serials_page table.inner { width: 100%; } #serials_page table.inner td { padding: 7px; } #serials_page table.inner tr.even td { background: #eee; } #serials_page a.new { display: block; width: 30px; line-height: 30px; border: 1px #aaa solid; background: #eee; text-align: center; position: absolute; margin: 42px 0 0 60px; color: #333; font-weight: bold; } #serials_page a.new:hover { background: #ddd; border-color: #777; } .placeholder { background-color: #ccc; } ol.categories { margin: 0; width: 300px; } ol.categories ol { margin: 0 0 0 25px; } ol.categories li { margin: 7px 0 0 0; } ol.categories li div { border: 1px solid #aaa; padding: 6px; margin: 0; background: #fff url(/img/toolbar_button_bg.gif); } ol.categories li div:hover { border: 1px solid #333; } ol.categories li div img { cursor: move; } ol.categories li div a { float: right; margin-left: 10px; } ol.categories li div a img { cursor: pointer; } #tm_dashboard { margin-top: 10px; } #tm_dashboard td { vertical-align: top; } #tm_dashboard .drop_panel { min-height: 500px; } #tm_dashboard .drop_panel .placeholder { background: #eee; margin: 0 10px 20px 10px; } #tm_dashboard .drag_panel { background: #fff; border: 1px #ccc solid; margin: 0 10px 20px 10px; } #tm_dashboard .drag_panel .title { background: #fff url(/img/toolbar_button_bg.gif); border-bottom: 1px #ccc solid; cursor: move; font-weight: bold; line-height: 25px; padding: 0 10px; } #tm_dashboard .drag_panel .content { padding: 10px; } #tm_dashboard .drag_panel_classgroup a { border: 1px #fff solid; display: block; padding: 4px 10px; color: #333; } #tm_dashboard .drag_panel_classgroup a.dark { background: #fafafa; } #tm_dashboard .drag_panel_classgroup a:hover { background: #f0f0f0; border: 1px #ccc solid; color: #000; } #tm_dashboard .drag_panel_classgroup a span { float: right; } ol.categories_dashboard { } ol.categories_dashboard ol { margin: 0 0 0 25px; } ol.categories_dashboard li div a { border: 1px #fff solid; display: block; padding: 4px; color: #333; } ol.categories_dashboard li div a:hover { background: #f0f0f0; border: 1px #ccc solid; color: #000; } ol.categories_dashboard li div span { float: right; } #dialogConfirm, #dialogAlert p {font-size:20px; text-align:center; line-height:40px;} /* * TABS */ ul.tabs { clear: both; z-index: 100; margin: 0; padding: 0; float: left; list-style: none; height: 23px; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; height: 22px; line-height: 22px; border: 1px solid #aaa; margin: 0 15px -1px 0; background: #f0f0f0; overflow: hidden; position: relative; } ul.tabs li:first-child { border-left: none; } ul.tabs li a { font-weight: bold; text-decoration: none; color: #222; display: block; font-size: 11px; padding: 0 25px; border: 1px solid #fff; outline: none; color: #555; } ul.tabs li a:hover { background: #ddd; } ul.tabs li.active, ul.tabs li.active a:hover { background: #fff; border-bottom: 1px solid #fff; color: #222; } ul.tabs li.active a { color: #222; } ul.tabs li a:active { background: #f0f0f0; } .tab_container { border: 1px solid #aaa; border-top: none; clear: both; float: left; width: 100%; background: #fff; margin-top: 0; } .tab_content { padding: 15px; font-size: 12px; } .tab_content.hiddenTab { position: absolute; left: -10000px; } .additionalAddressDatasOpen {clear:both; text-align:center; margin-bottom:8px;} .additionalAddressDatasOpen a {margin:6px auto 6px auto; display:inline-block;} .additionalAddressDatas .datas {display:none;} fieldset#billingDatas, fieldset#postingDatas {position:relative; padding-bottom:14px;} table#ptgszlahExportList td {border-bottom:0; width:auto;} table#ptgszlahExportList td input[type="checkbox"] {margin:0px auto 0px auto; cursor:pointer; float:none;} table#ptgszlahExportList tr td {background-color:#bfbfbf;} table#ptgszlahExportList tr td.toExport {background-color:#00ff00;} table#ptgszlahExportList tr td:first-child, table#ptgszlahExportList tr td:nth-child(2) {white-space:nowrap;} table#ptgszlahExportList tr td:nth-child(5) {text-align:center;} div#notifications {font-size:16px; line-height:20px; width:600px;} div#notifications > div {height:70vh; overflow:auto; padding-right:20px;} div#notifications p.confirmRow {text-align:right; line-height:50px;} div#notifications p.confirmRow em {float:left; color:#bfbfbf;} #invoicesFromOm {float:left; margin-left:24px; width:400px;} #invoicesFromOm table {width:100%;} #invoicesFromOm table th {color:#218cbd; font-weight:bold; padding:0px 6px 0px 6px;} #invoicesFromOm table td {padding:0px 6px 0px 6px;} #invoicesFromOm table td a {color:#218cbd;} #invoicesFromOm p {color:#bfbfbf; margin-top:12px;} div#scheduledMarkedToCreateCount {margin-top:12px; margin-bottom:12px;} div.ui-dialog-titlebar {background:#218cbd; border:1px solid #218cbd; color:#ffffff; font-weight:100;} .ui-widget-content .ui-button {background:#bfbfbf; border:1px solid #bfbfbf; color:#ffffff; font-weight:100;} .ui-widget-content .save {background:#218cbd; border:1px solid #218cbd;} .ui-widget-content .cancel {background:#999999; border:1px solid #999999;} .ui-widget-content .cancel:hover {background:#cd0a0a; border:1px solid #cd0a0a;} /* dataTable */ table.dataTable thead tr th {white-space:nowrap;} table.dataTable tr th.talignr {text-align:left;} table.dataTable tr td a {color:#218cbd;} .dataTables_wrapper .dataTables_info {line-height:30px;} .dataTables_wrapper .dataTables_length {line-height: 30px; padding-left:6px; padding-top:0.755em;} .dataTables_wrapper .dataTables_length select {color:#888888;} table.dataTable.stripe tbody>tr.odd.selected, table.dataTable.stripe tbody>tr.odd>.selected, table.dataTable.display tbody>tr.odd.selected, table.dataTable.display tbody>tr.odd>.selected, table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected, table.dataTable.display tbody>tr.selected:hover>.sorting_1, table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1, table.dataTable.display tbody>tr.odd.selected>.sorting_1, table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1, table.dataTable.display tbody>tr.even.selected>.sorting_1, table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1, table.dataTable.display tbody tr.even:hover>.sorting_1, table.dataTable.order-column.stripe tbody tr.even:hover>.sorting_1, table.dataTable.display tbody tr.odd:hover>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd:hover>.sorting_1 { background:#218cbd; color:#ffffff; cursor:pointer; } table.dataTable.hover tbody tr:hover .grid_grey, table.dataTable.display tbody tr:hover .grid_grey, table.dataTable.stripe tbody>tr.odd.selected .grid_grey, table.dataTable.stripe tbody>tr.odd>.selected .grid_grey, table.dataTable.display tbody>tr.odd.selected .grid_grey, table.dataTable.display tbody>tr.odd>.selected .grid_grey, table.dataTable tbody>tr.selected .grid_grey, table.dataTable tbody>tr>.selected .grid_grey, table.dataTable.display tbody>tr.selected:hover>.sorting_1 .grid_grey, table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1 .grid_grey, table.dataTable.display tbody>tr.odd.selected>.sorting_1 .grid_grey, table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1 .grid_grey, table.dataTable.display tbody>tr.even.selected>.sorting_1 .grid_grey, table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1 .grid_grey, table.dataTable tr:hover td a, table.dataTable.stripe tbody>tr.odd.selected td a, table.dataTable.stripe tbody>tr.odd>.selected td a, table.dataTable.display tbody>tr.odd.selected td a, table.dataTable.display tbody>tr.odd>.selected td a, table.dataTable tbody>tr.selected td a, table.dataTable tbody>tr>.selected td a, table.dataTable.display tbody>tr.selected:hover>.sorting_1 td a, table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1 td a, table.dataTable.display tbody>tr.odd.selected>.sorting_1 td a, table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1 td a, table.dataTable.display tbody>tr.even.selected>.sorting_1 td a, table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1 td a { color:#d9ebf5; cursor:pointer; } table.dataTable.hover tbody tr.redRow:hover, table.dataTable.display tbody tr.redRow:hover, table.dataTable.hover tbody tr.redRow:hover.selected, table.dataTable.display tbody tr.redRow:hover.selected { background:#cd0a0a!important; cursor:pointer; } table.dataTable tbody tr.redRow, table.dataTable.display tbody tr.redRow, table.dataTable tbody tr.redRow .grid_grey, table.dataTable.display tbody tr.redRow .grid_grey { color:#bbbbbb; } /*table.dataTable > tbody > tr.child:hover { background:#000000 !important; }*/ table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover, table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background:#218cbd; color:#ffffff; cursor:pointer; } td.dtNoWrap {white-space:nowrap;} td.dtNoWrap .grid_grey {white-space:normal;} .dataTables_wrapper .invoiceRelatedDocumentType99 {pointer-events:none; cursor:default; color:#000000;} .dataTables_wrapper .invoiceRelatedDocumentType99::before {content:":"; margin-right:3px;} .dataTables_filter {width:100%; margin-bottom:6px;} .dataTables_filter label {width:auto; padding-left:0px;} .dataTables_filter input {width:218px; height:30px; line-height:30px;} .dataTables_wrapper .dataTables_filter input {margin:0px;} .dtToolbar {background-color:#ffffff; border-top:4px solid #ffffff; width:100%; z-index:9; clear:both;} .dtToolbar .dt-buttons {width:100%; min-height:30px;} .dtToolbar .dt-buttons .dt-button {margin-bottom:2px;} button.dt-button, div.dt-button, a.dt-button {background:#bfbfbf; border:1px solid #bfbfbf; color:#ffffff; font-weight:100; font-size:1em; padding:0.4em 1em; white-space:nowrap;} button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled), div.dt-button:active:not(.disabled), div.dt-button.active:not(.disabled), a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled), button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled), button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button.active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button.active:not(.disabled):hover:not(.disabled) {box-shadow: none; background-color: #bfbfbf; background-image: none; border:1px solid #bfbfbf;} /* button.dt-button:active, div.dt-button:active, a.dt-button:active, button.dt-button:active:not(.disabled), div.dt-button:active:not(.disabled), a.dt-button:active:not(.disabled), button.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled) */ button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled), div.dt-button:active:not(.disabled), div.dt-button.active:not(.disabled), a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) {background-color:#bfbfbf; border:1px solid #bfbfbf;} button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled), button.dt-button.save, div.dt-button.save, a.dt-button.save, button.dt-button.save:hover, div.dt-button.save:hover, a.dt-button.save:hover, button.dt-button.save.active:not(.disabled), div.dt-button.save.active:not(.disabled), a.dt-button.save.active:not(.disabled) button.dt-button.save.active:not(.disabled):hover:not(.disabled), div.dt-button.save.active:not(.disabled):hover:not(.disabled), a.dt-button.save.active:not(.disabled):hover:not(.disabled) button.dt-button.save:active:not(.disabled):hover:not(.disabled), div.dt-button.save:active:not(.disabled):hover:not(.disabled), a.dt-button.save:active:not(.disabled):hover:not(.disabled) button.dt-button.save:active:not(.disabled), div.dt-button.save:active:not(.disabled), a.dt-button.save:active:not(.disabled) {background-color:#218cbd; border:1px solid #218cbd;} div.dt-button-collection button.dt-button.cancel, div.dt-button-collection div.dt-button.cancel, div.dt-button-collection a.dt-button.cancel, button.dt-button.cancel, div.dt-button.cancel, a.dt-button.cancel {background-color:#999999; border:1px solid #999999;} div.dt-button-collection button.dt-button.cancel:hover, div.dt-button-collection div.dt-button.cancel:hover, div.dt-button-collection a.dt-button.cancel:hover, button.dt-button.cancel:hover, div.dt-button.cancel:hover, a.dt-button.cancel:hover {background-color:#cd0a0a; border:1px solid #cd0a0a;} body .dt-button.icon, body .dt-button.icon:hover, body .dt-button.icon:active {background-repeat:no-repeat; padding:0px 6px 0px 28px; height:30px; background-position:2px 2px; line-height:30px;} body .dt-button.new, body .dt-button.new:hover, body .dt-button.new:active {background-image:url('/img/nicons/new.png')!important;} body .dt-button.edit, body .dt-button.edit:hover, body .dt-button.edit:active {background-image:url('/img/nicons/edit.png')!important;} body .dt-button.delete, body .dt-button.delete:hover, body .dt-button.delete:active {background-image:url('/img/nicons/delete.png')!important;} body .dt-button.pdf, body .dt-button.pdf:hover, body .dt-button.pdf:active {background-image:url('/img/nicons/pdf.png')!important;} body .dt-button.xls, body .dt-button.xls:hover, body .dt-button.xls:active {background-image:url('/img/nicons/xls.png')!important;} body .dt-button.xml, body .dt-button.xml:hover, body .dt-button.xml:active {background-image:url('/img/nicons/xml.png')!important;} body .dt-button.download, body .dt-button.download:hover, body .dt-button.download:active {background-image:url('/img/nicons/download.png')!important;} body .dt-button.open, body .dt-button.open:hover, body .dt-button.open:active {background-image:url('/img/nicons/open.png')!important;} body .dt-button.print, body .dt-button.print:hover, body .dt-button.print:active {background-image:url('/img/nicons/print.png')!important;} body .dt-button.email, body .dt-button.email:hover {background-image:url('/img/nicons/email.png')!important;} body .dt-button.balance, body .dt-button.balance:hover, body .dt-button.balance:active {background-image:url('/img/nicons/balance.png')!important;} body .dt-button.documents, body .dt-button.documents:hover, body .dt-button.documents:active {background-image:url('/img/nicons/documents.png')!important;} body .dt-button.search, body .dt-button.search:hover, body .dt-button.search:active {background-image:url('/img/nicons/search.png')!important;} body .dt-button.info, body .dt-button.info:hover, body .dt-button.info:active {background-image:url('/img/nicons/info.png')!important;} body .dt-button.yes, body .dt-button.yes:hover, body .dt-button.yes:active {background-image:url('/img/nicons/yes.png')!important;} body .dt-button.schedule, body .dt-button.schedule:hover, body .dt-button.schedule:active {background-image:url('/img/nicons/schedule.png')!important;} body .dt-button.inactivate, body .dt-button.inactivate:hover, body .dt-button.inactivate:active {background-image:url('/img/nicons/inactivate.png')!important;} body .dt-button.activate, body .dt-button.activate:hover, body .dt-button.activate:active {background-image:url('/img/nicons/balance.png')!important;} body .dt-button.refresh, body .dt-button.refresh:hover, body .dt-button.refresh:active {background-image:url('/img/nicons/refresh.png')!important;} body .dt-button.customerFind, body .dt-button.customerFind:hover, body .dt-button.customerFind:active {background-image:url('/img/nicons/customer-find.png')!important;} body .dt-button.customerDelete, body .dt-button.customerDelete:hover, body .dt-button.customerDelete:active {background-image:url('/img/nicons/customer-delete.png')!important;} body .dt-button.customerNew, body .dt-button.customerNew:hover, body .dt-button.customerNew:active {background-image:url('/img/nicons/customer-new.png')!important;} body .dt-button.productNew, body .dt-button.productNew:hover, body .dt-button.productNew:active {background-image:url('/img/nicons/product-new.png')!important;} body .dt-button.eye, body .dt-button.eye:hover, body .dt-button.eye:active {background-image:url('/img/nicons/eye.png')!important;} body .dt-button.default, body .dt-button.default:hover, body .dt-button.default:active {background-image:url('/img/nicons/default.png')!important;} body .dt-button.attachment, body .dt-button.attachment:hover, body .dt-button.attachment:hover {background-image:url('/img/nicons/attachment.png')!important;} body .dt-button.settings, body .dt-button.settings:hover, body .dt-button.settings:hover {background-image:url('/img/nicons/settings.png')!important;} div.dt-button-collection {background-color:transparent; border:0px; padding:0px 4px; box-shadow:none; width:auto;} div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button, div.dt-button-collection a.dt-button {box-shadow:3px 3px 5px rgba(0,0,0,0.3);} div.dt-button-collection button.dt-button:hover, div.dt-button-collection div.dt-button:hover, div.dt-button-collection a.dt-button:hover {background:#218cbd; border:1px solid #218cbd;} /*buttons-columnVisibility*/ div.dt-button-collection a.dt-button.active:not(.disabled) {background:#218cbd; border:1px solid #218cbd;} button.dt-button.disabled, div.dt-button.disabled, a.dt-button.disabled, button.dt-button.disabled:hover, div.dt-button.disabled:hover, a.dt-button.disabled:hover, div.dt-button-collection button.dt-button.cancel.disabled, div.dt-button-collection div.dt-button.cancel.disabled, div.dt-button-collection a.dt-button.cancel.disabled, button.dt-button.cancel.disabled, div.dt-button.cancel.disabled, a.dt-button.cancel.disabled, div.dt-button-collection button.dt-button.cancel.disabled:hover, div.dt-button-collection div.dt-button.cancel.disabled:hover, div.dt-button-collection a.dt-button.cancel.disabled:hover, button.dt-button.cancel.disabled:hover, div.dt-button.cancel.disabled:hover, a.dt-button.cancel.disabled:hover {background-color:#bfbfbf; color:#999999; border:1px solid #bfbfbf;} body .dataTables_wrapper .dataTables_paginate .paginate_button.current {background:#218cbd; border:1px solid #218cbd; color:#ffffff!important;} body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {background:#2aa3da; border:1px solid #2aa3da; color:#ffffff!important;} .fixed {position:fixed; top:0px;} .blinkButton {display:none!important;} .blinkButton.blinkButtonShow {display:inline-block!important;} .dataTables_wrapper tfoot input {width: 100%;} .dataTablesFootInputNotEmpty {border:2px solid #218cbd;} .dataTables_wrapper .dt-refresh-button-in-info {margin-top:8px; margin-left:10px; float:left;} /* dataTable END */ #attachmentslist .attachment {background-image:url('/img/attachments-icons/attachment-icon.png'); float:left; padding-left:44px; height:40px; background-repeat:no-repeat; background-position: left center; display:block;} #attachmentslist .attachment input[type="text"], #attachmentslist a.attachment span {height:30px; font-size:20px; font-weight:100; letter-spacing:3px; text-indent:12px;} #attachmentslist .attachment input[type="text"] {height:30px;} #attachmentslist a.attachment span {line-height:38px; padding-right:24px;} #tmTaskOpenTaskAlerts td {width:auto; font-weight:normal;} #tmTaskOpenTaskAlerts td strong {color:#218cbd; font-weight:bold;} #tmTaskOpenComments a.button.save {float:right; margin-top:12px;} #tmTaskOpenComments .ckEditResult {font-weight:normal; padding:0px;} #tmTaskOpenComments .ckEditResult > div {border-bottom:1px solid #ebebeb; margin:12px; padding-bottom:6px;} #tmTaskOpenComments .ckEditResult > div .signature {text-align:right; margin:0px 6px 12px 0px; color:#218cbd; font-weight:bold;} #tmTaskOpenComments .ckEditResult > div .signature span {color:#bfbfbf;} .ckEditResult ol {list-style-type:decimal;} .ckEditResult ul {list-style-type:disc;} .ckEditResult ol, .ckEditResult ul {padding-left:40px;} .ckEditResult p {padding:6px; text-align:left;} .ckEditResult p a {cursor:pointer; color:#218cbd; font-weight:bold; border-bottom:1px dashed #218cbd;} .ckEditResult p a:hover {border-bottom:0px dashed #218cbd;} .ckEditResult p:first-child {padding-top:0px;} .ckEditResult p:last-child {padding-bottom:0px;} .ckEditResult blockquote {border-left:4px solid #bfbfbf; margin:6px 40px 6px 40px; padding-top:6px; padding-bottom:6px; position:relative;} .ckEditResult blockquote::before{content:'\201E'; font-size:30px; top:-26px; position:absolute; color:#bfbfbf; left:1px;} #dtAdvancedFilter .ui-accordion .ui-accordion-header {background:transparent; border:0; border-bottom:1px solid #bfbfbf; border-radius:0px; font-size:19px;} .AdvancedFilter td.advancedFilterTd {width:330px; padding:5px; vertical-align:top;} .AdvancedFilter div.filterButtons {padding:10px 0px 10px 0px; text-align:right;} /* .AdvancedFilter select#frequency_year {width:60px;} .AdvancedFilter select#frequency_month {width:92px;} */ .AdvancedFilter div.filter {margin-bottom:2px; clear:both; height:24px;} .AdvancedFilter div.filter label {font-size:16px; width:200px;} .AdvancedFilter div.filter .inp {float:right; width:200px;} .AdvancedFilter div.filter .inp input, .AdvancedFilter div.filter .inp select, .AdvancedFilter div.filter .inp textarea {width:100%;} .AdvancedFilter div.filter .inp input.between {width:80px;} #dtAdvancedFilterWithTags {width:460px; margin-top:8px; margin-bottom:8px;} #dtAdvancedFilterWithTags span {cursor:not-allowed;} #dtAdvancedFilterWithTags span span {display:inline-block; background:#218cbd; border:1px solid #218cbd; color:#ffffff; font-weight:100; margin:4px 6px; border-radius:4px; padding:2px 8px;} div#checkLedgerNumbersDatesDiv {float:right; line-height:32px; margin-right:4px;} div#checkLedgerNumbersDatesDiv input {width:110px;} div#InvoiceExchangeRateDate a {font-size:9px; color:#bfbfbf; font-style:italic; text-decoration:none; cursor:pointer;} #loginForm {width:100%; z-index:1;} #loginForm a.logo {display:block; height:82px; width:262px; margin:100px auto 20px auto; background-image:url('/img/omnt-szamlazo-logo.png'); background-repeat:no-repeat; background-position:center center; background-color:#ffffff; z-index:1;} #loginForm form {margin:0px auto 0px auto; padding:0px; max-width:360px; width:100%; text-align:center;} #loginForm input[type=text], #loginForm input[type=email], #loginForm input[type=password], #loginForm input[type=submit] {border:1px #bfbfbf solid; width:90%; height:30px; line-height:30px; font-size:22px; margin:4px 0px 4px 0px; border-radius:4px; padding:0px 12px 0px 12px;} #loginForm input[type=submit] {background-color:#218cbd; border:1px #218cdb solid; color:#ffffff; cursor:pointer;} #loginForm .bottomlinks p {margin-top:18px;} #loginForm .bottomlinks p:first-child {text-align:center;} #loginForm .bottomlinks p:first-child a.bottomlink {margin:0px 12px 0px 12px;} #loginForm .g-recaptcha > div {margin10px auto !important; text-align:center; width:auto !important; height:auto !important;} #loginForm .aszf {position:absolute; bottom:8px; left:0px; text-align:center; margin:0px auto; width:100%; z-index:-1;} #loginForm ::-webkit-input-placeholder {color:#bfbfbf;} #loginForm ::-moz-placeholder {color:#bfbfbf;} #loginForm :-ms-input-placeholder {color:#bfbfbf;} #loginForm :-moz-placeholder {color:#bfbfbf;} #loginForm ::placeholder {color:#bfbfbf; opacity:1;} #systemMaintenance {max-width:500px; margin:0px auto;} #systemMaintenance h1 {text-align:center; font-size:42px; margin-top:120px; border:0; color:#218cbd; font-weight:100; font-style:italic;} #systemMaintenance p {margin:24px 0px 0px 0px; text-align:center;} #systemMaintenance p.maintanceEnd {font-size:26px;} #systemMaintenance p.maintanceEnd strong {display:block;} #systemMaintenance p strong {color:#218cbd; font-weight:700;} #systemMaintenance p a {background-color:#218cbd; border:1px #218cdb solid; color:#ffffff; cursor:pointer; padding:12px 24px; border-radius:6px; font-size:18px;} #OmProductChangeDialog {width:600px;} #OmProductChangeDialog p {padding:6px;} #OmProductChangeDialog .note {font-size:10px; color:#bfbfbf;} #OmProductChangeDialog .free {font-weight:bold; color:#91c842;} #OmProductChangeDialog .price {font-weight:bold; color:#218cbd;} #OmProductChangeDialog .packages {margin-left:40px; margin-right:20px;} #OmProductChangeDialog .toolbar {margin-top:6px; margin-bottom:6px;} #OmProductChangeDialog .toolbar a {float:right;} #OmProductChangeDialogChangeList ul {margin-left:70px; list-style-type:circle;} #AccountEditForm .invoiceOmProduct .name {float:left; line-height:23px;} #AccountEditForm #invoiceOmProduct1 .change {float:right; display:block; margin-top:4px; margin-bottom:4px;} #AccountEditForm #invoiceOmProduct2 .change {float:right; line-height:23px;} #AccountEditForm #companyLogo td {text-align:center;} #AccountEditForm #companyLogo img {margin-bottom:12px; max-width:400px;} #AccountEditForm #companyLogo .button {display:inline-block;} .countryBlock {position:relative;} .countryBlock .countryCode {width:40px!important; position:absolute; right:9px; top:0px; text-align:center;} .countryCode {background-color:#e5e5e5;} /**/ #TmTaskIndexDataTable td {position:relative;} .levelOfCompletion {display:inline-block; left:0px; top:7px; color:#ffffff; background-color:#2aa3da; border-radius:6px; position:absolute; height:16px; text-align:center;} .levelOfCompletion span {text-shadow:0px 0px 3px #000000;} form#TmTaskEditForm table#tmTaskAlerts tr td:first-child {font-weight:normal; width:auto;} /**/ #dashboardLogo {position:absolute; bottom:12px; right:12px; width:262px; height:82px; background-image:url('/img/om-logo.png');} .switchButtonContainer {float:right; position:absolute; font-size:12px; bottom: -14px; right:4px; line-height:16px; background:#ffffff; padding:0px 6px; border:1px #ddd solid; border-radius:4px;} .switchButtonContainer .switchButtonLabel {display:inline-block; top:-2px; position:relative;} .switchButtonContainer .switch-wrapper {display:inline-block; position:relative; top:4px; float:none;} .switchButtonContainer .switch-button-background {margin:1px 4px; top:-2px;} .switchButtonContainer .switch-button-label {float:left; font-size:12px; cursor:pointer;} #navInfoAccordionNote {margin:12px 0px; font-size:10px; text-align:center; color:#bfbfbf;} #navInfoAccordionNote a {color:#218cbd;} #StockChangeExchangeRateBlock {white-space:nowrap;} #StockChangeExchangeRateDate {clear:right; float:right;} #StockChangeExchangeRateDate a {color:#888888; font-style:italic;} td.container .userRightsEdit .onlyReadTitle {position:absolute; right:34px; margin-top:-14px; font-size:10px; color:#999999; width:70px; text-align:center;} td.container .userRightsEdit div.input {clear:both; border-top:1px #eee solid; border-bottom:0;} td.container .userRightsEdit div.input label {width:316px;} td.container .userRightsEdit input.onlyRead, td.container .userRightsEdit input.onlyReadDisabled {position:absolute; right:60px; margin:9px 0px 0px 0px;} .userRightsEdit label .desc {font-size:10px; line-height:12px; color:#999999; margin-bottom:6px; display:inline-block;} #OnlineInvoiceInvoiceCheckConnectionsForm {margin-top:24px;} #onlineInvoiceInvoiceCheckResult {clear:both; float:left; margin:0px 12px 12px 12px; padding:6px 12px 6px 12px; border-radius:4px; display:none;} #onlineInvoiceInvoiceCheckResult.exist {border:2px solid #00ff00;} #onlineInvoiceInvoiceCheckResult.noExist {border:2px solid #ff0000;} #billingAddressInNavSystem span.use {color:#0088CC; cursor:pointer; font-style:'italic';} .navStoredInvLCategNote {font-size:8px; font-style:italic; color:#bfbfbf;} /******************** MOBLE ********************/ #menu a.responsiveIcon {font-size:30px!important; z-index:1!important; width:50px!important; text-align:center!important; display:block!important; right:0px!important; position:absolute!important; height:50px!important;} #menu.responsive a.responsiveIcon {padding-top:8px;} #menu .home {display:none;} #menu.responsive .home {display:block;} #menu.responsive .home_button {display:none;} #menu #menuUnderBackground {display:none;} #menu.responsive #menuUnderBackground {display:block; height:600px; position:absolute; background-color:#000000; opacity:0.5; width:100%; z-index:1;} #menu.responsive {float:none; width:100%;} #menu.responsive a.home_button {float:none; width:100%;} #menu.responsive ul {float:none; width:100%;} #menu.responsive ul li {float:none;} #menu.responsive > ul > li:hover {background:#218cbd;} #menu.responsive > ul > li:hover > a {color:#ffffff;} #menu.responsive ul li a {width:100%;} #menu.responsive a {font-size:24px; line-height:30px; height:30px; font-weight:100;} #menu.responsive ul li ul li a.separator {border-top:0px;} #menu.responsive ul li ul {background-color:transparent; display:none; position:absolute; top:60px; z-index:10;} #menu.responsive ul li ul li {max-width:100%; border:0px; padding-left:24px; width:100%;} #menu.responsive ul li > ul.menuExpanded, #menu.responsive ul li:hover > ul.menuExpanded {display:block; position:relative; top:0px;} #menu.responsive > ul {display:block;} #menu.responsive ul li:hover > ul {display:none;} #menu.responsive ul li:hover > ul li:hover > ul {display:none;} .cke_button__insertmarkscustomercompanyname .cke_button_icon {width:96px!important; background-size:auto!important;} .cke_button__insertmarksdeadlinedate_icon {width:117px!important; background-size:auto!important;} .cke_button__insertmarksserialnumber_icon {width:114px!important; background-size:auto!important;} td.container input::-webkit-input-placeholder {color:transparent;} #regTitle {border:0px; text-align:center; font-size:40px; margin-top:48px; margin-bottom:48px; font-family:"Roboto",Helvetica,Arial,sans-serif; font-weight:100; line-height:48px;} #AccountRegForm {margin-bottom:48px;} #AccountRegForm table.double {margin:0px auto 0px auto;} #AccountRegForm td.container {position:relative;} #AccountRegForm input#AccountTaxNumber0 {width:60px;} #AccountRegForm input#AccountTaxNumber1 {width:15px;} #AccountRegForm input#AccountTaxNumber2 {width:30px;} #AccountRegFormButtonBlock {text-align:center; position:absolute; bottom:30px; width:100%;} #AccountRegFormButtonBlock label {width:auto; float:none; display:inline; line-height:normal;} #AccountRegFormButtonBlock label a {color:#218cbd; font-weight:bold; border-bottom:1px dashed #218cbd;} #AccountRegFormButtonBlock label span {font-style:italic; color:#888888;} #AccountRegFormButtonBlock label span.required {color:red;} #AccountRegFormButtonBlock div.input {border-bottom:0px; text-align:center;} #AccountRegFormButtonBlock input[type=checkbox] {float:none; margin:0px; line-height:normal;} form#AccountRegForm #price {border:1px #ccc solid; margin:10px; padding:10px; font-weight:bold; font-size:14px; line-height:28px;} form#AccountRegForm #price span {font-weight:normal;} form#AccountRegForm #priceNote {text-align:center; font-style:italic;} #AccountTrialFormNoteDiv {text-align:center; margin-top:10px; width:470px;} .oiStatus {display:inline-block; height:10px; border-radius:4px; background-color:#ff0000; padding:1px 4px; line-height:10px; height:12px; float:left; font-weight:700; color:#ffffff;} .oiStatus > span {font-size:14px;} .oiStatus.oiStatusRECEIVED {background-color:#00adff;} .oiStatus.oiStatusPROCESSING {background-color:#a1c2d1;} .oiStatus.oiStatusSAVED {background-color:#a1c2d1;} .oiStatus.oiStatusDONE {background-color:#00ff00;} .oiStatus.oiStatusABORTED {background-color:#ff6a00;} .oiStatus.oiStatusOMERROR {background-color:#ff0000;} .oiStatus.oiStatusSent {background-color:#a1c2d1;} .oiStatus.oiStatusABORTEDWAIT {background-color:#00adff;} .oiStatus.oiStatusOMERRORWAIT {background-color:#00adff;} #moreTaxNumberOptions {display:none; float:right; height:20px; background-color:#bfbfbf; color:#ffffff; width:20px; border-radius:12px; text-align:center; line-height:20px; margin-top:4px; font-weight:900; cursor:pointer; font-size:15px; margin-right:10px;} @media screen and (min-width: 999px) { #menu a.responsiveIcon {display:none!important;} .kataStatistics div:first-child, .invoiceLimitStatistics div:first-child {margin-right:6px;} .kataStatistics div, .invoiceLimitStatistics div {margin-right:12px;} .kataStatistics, .invoiceLimitStatistics {position:relative; top:30px; left:220px;} .kataStatistics div, .invoiceLimitStatistics div {padding-left:12px; padding-right:12px;} } @media screen and (max-width: 1000px) { .kataStatistics div, .invoiceLimitStatistics div {margin-right:12px;} .kataStatistics, .invoiceLimitStatistics {height:36px;} .kataStatistics div, .invoiceLimitStatistics div {padding-left:6px; padding-right:6px;} #invoicesFromOmAlertLine {display:none;} #menu > ul {display:none;} #header .om_product_selector {display:none;} #menu a.home_button {display:none;} #content_wrapper > h1 {font-weight:100; font-size:24px; line-height:42px;} .dtToolbar .dt-buttons {text-align:left;} body div#items.tab_content > a.dt-button, body div#customer.tab_content > a.dt-button, #content .toolbar a, .dtToolbar .dt-buttons .blinkButton, .dtToolbar .dt-buttons .dt-button.pdf, .dtToolbar .dt-buttons .dt-button.xls, .dtToolbar .dt-buttons .dt-button.eye, body .dataTables_filter .advancedFilterButton {padding-right:2px;} body div#items.tab_content > a.dt-button span, body div#customer.tab_content > a.dt-button span, #content .toolbar a span, .dtToolbar .dt-buttons .blinkButton span, .dtToolbar .dt-buttons .dt-button.pdf span, .dtToolbar .dt-buttons .dt-button.xls span, .dtToolbar .dt-buttons .dt-button.eye span, label[for="fast_customer_name"], label[for="fast_product_name"] {display:none;} .dtToolbar .dt-buttons .blinkButton.buttons-collection::after {content:'▼';} .dtToolbar .dt-buttons .blinkButton {clear:both;} /*.dtToolbar .dt-buttons .blinkButton.blinkButtonShow {float:left; clear:right;}*/ .dataTables_filter .advancedFilterButton {float:right;} .dataTables_filter .advancedFilterButton span {display:none;} table.double, div.double, table.simple, div.simple {width:auto;} td.container {float:left; width:100%;} td.container div.input {position:relative;} td.container div.input label {display:none; line-height:28px; font-size:22px; padding:0px;} body .dt-button.printAndSave {width:70px; text-align:right; padding-top:2px; font-size:20px;} body .dt-button.printAndSave:before {content:'+'; padding-right:2px;} body .dt-button.printAndSave:after {content:url('/img/nicons/download.png');} .toolbar a {margin-right:6px;} div.tabs {clear:both; padding-top:6px;} .ui-tabs .ui-tabs-nav {padding:0px;} .ui-tabs-nav li.ui-state-default {margin-left:0px;} td.container div.input:has(input:active) {height:400px;} td.container div.input:has(input:active) label {display:block;} fieldset {border:0px;} legend {width:100%; padding:0px; height:28px; line-height:28px; font-size:22px; font-weight:100; color:#ffffff; background-color:#218cbd; border:0px; text-align:center;} #fast_customer_name, #fast_product_name, input#AccountTaxNumber0, input#AccountTaxNumber1, input#AccountTaxNumber2, td.container input#CustomerTaxNumber0, td.container input#CustomerTaxNumber1, td.container input#CustomerTaxNumber2, td.container input[type=text], td.container input[type=password], td.container select, td.container input[type=number], td.container textarea {width:100%; padding:0px; height:28px; line-height:28px; font-size:22px;} td.container input::-webkit-input-placeholder {color:#bfbfbf;} td.container div.input {clear:both;} td.container div.input {border:0px;} td.container input[type=checkbox], input[type=checkbox] {margin:2px 0px 0px 0px; height:28px; width:28px;} td.container input[type=radio], input[type=radio] {height:28px; width:28px;} td.container div.input.checkbox label {display:block; width:85%;} #invoicedPeriodBlock {text-align:right;} #invoicedPeriodBlock div.select > span {white-space:nowrap;} #invoicedPeriodBlock div.select:first-child label {display:block; line-height:28px; font-size:22px; padding:0px;} #InvoiceInvoicedPeriodYear {width:80px!important;} #InvoiceInvoicedPeriodMounths {width:193px!important;} #InvoiceInvoicedPeriodStart, #InvoiceInvoicedPeriodEnd {width:132px!important;} input#ProductClassNo {width:90px!important;} div.input #InvoicePmFeladoTmp {height:170px!important;} input#AccountTaxNumber0, input#CustomerTaxNumber0 {width:114px!important;} input#AccountTaxNumber1, input#CustomerTaxNumber1 {width:15px!important;} input#AccountTaxNumber2, input#CustomerTaxNumber2 {width:30px!important;} div#exchange_rate.input {width:auto; float:right;} select#ProductTax {width:110px; float:right;} td.container div.input label[for="ProductTax"] span.required {display:none;} select#ProductUnit {width:110px!important;} td.container div.input label[for="ProductUnit"] span.required {display:none;} div#items.tab_content div#invoice_items_table_div {overflow-y:hidden; overflow-x:auto;} div#items.tab_content table#invoice_items_table {border-collapse:collapse;} #customer_modify_0, #customer_modify_1, #customer_modify_2, #product_modify_0, #product_modify_1 {margin:0px 6px 0px 0px; float:left;} label[for="customer_modify_0"], label[for="customer_modify_1"], label[for="customer_modify_2"], label[for="product_modify_0"], label[for="product_modify_1"] {line-height:28px;} #ProductForm .footbar, .save_customer_data {margin:24px 0px 24px 0px;} td.container div.input label[for="AccountTaxNumber0"], td.container div.input label[for="Serials0InvoiceSerialComment"], td.container div.input label[for="Serials1InvoiceSerialComment"], td.container div.input label[for="AccountComment"], td.container div.input label[for="CustomerComment"], td.container div.input label[for="CustomerTaxNumber0"], td.container div.input label[for="InvoiceComment"], td.container div.input label[for="ProductClassType"], td.container div.input label[for="ProductUnit"], td.container div.input label[for="ProductComment"], td.container div.input label[for="ProductTax"] {display:block; width:auto;} td.container div.input label[for="ProductComment"] {border-top:1px dashed #bfbfbf; margin-top:8px; width:100%;} td.container div.input div#accountTaxNumberBlock, td.container div.input div#ProductClassTypeInputBlock, td.container div.input div#ProductUnitInputBlock, td.container div.input div#customerTaxNumberBlock, div#ProductClassNoBlock, div#ProductUnitBlock {float:right; white-space:nowrap;} td.container div.input div#ProductUnitInputBlock {width:100%;} td.container div.input div#ProductUnitInputBlock select#ProductUnit, td.container div.input div#ProductUnitInputBlock input#ProductUnitName {width:60%!important; text-align:right;} td.container div.input div#ProductUnitInputBlock select#ProductUnit {text-align-last:right;} td.container div.input div#ProductUnitInputBlock select#ProductUnit option {direction:rtl;} td.container div.input div#ProductUnitInputBlock #new_product_unit, td.container div.input div#ProductUnitInputBlock #undo_new_product_unit {float:right; top:3px; position:relative;} td.container div.input select#ProductForeignCurrency, td.container div.input select#ProductPriceDecimal {text-align-last:right;} td.container div.input textarea {height:60px!important;} /*td.container div.input {width:auto;}*/ td.container div.input label[for="Serials1InvoiceSerialPriceDecimal"], td.container div.input label[for="Serials0InvoiceSerialPriceDecimal"], td.container div.input label[for="Serials0InvoiceSerialCopyCount"], td.container div.input label[for="Serials1InvoiceSerialCopyCount"], td.container div.input label[for="InvoiceSerialFirstNo"], td.container div.input label[for="CustomerGroupName"], td.container div.input label[for="ProductGroupName"], td.container div.input label[for="InvoiceGroupName"], td.container div.input label[for="PaymentMethodName"], td.container div.input label[for="PaymentMethodDeadlineDays"], td.container div.input label[for="VatRateShortName"], td.container div.input label[for="VatRateLongName"], td.container div.input label[for="VatRateRate"], td.container div.input label[for="ProductForeignCurrency"], td.container div.input label[for="CustomerDiscount"], td.container div.input label[for="ProductForeignCurrencyNetPrice"], td.container div.input label[for="ProductForeignCurrencyGrossPrice"], td.container div.input label[for="foreign_currency_tax_amount"], td.container div.input label[for="ProductDiscount"], td.container div.input label[for="ProductPriceDecimalDev"], td.container div.input label[for="InvoiceCopyCount"], td.container div.input label[for="InvoiceItemNetAmountInDev"], td.container div.input label[for="InvoicePriceDecimal"], td.container div.input label[for="InvoiceDocumentDate"], td.container div.input label[for="InvoicePerformanceDate"], td.container div.input label[for="InvoiceDeadlineDate"], td.container div.input label[for="ProductSerial"], td.container div.input label[for="ProductNetPrice"], td.container div.input label[for="ProductGrossPrice"], td.container div.input label[for="tax_amount"], td.container div.input label[for="ProductPriceDecimal"] {display:block; position:absolute; font-size:12px; line-height:14px; right:2px; width:auto; top:4px; color:#9f9f9f;} td.container div.input label[for="Serials1InvoiceSerialPriceDecimal"], td.container div.input label[for="Serials0InvoiceSerialPriceDecimal"], td.container div.input label[for="Serials0InvoiceSerialCopyCount"], td.container div.input label[for="Serials1InvoiceSerialCopyCount"], td.container div.input label[for="ProductForeignCurrency"], td.container div.input label[for="ProductPriceDecimal"], td.container div.input label[for="CustomerDiscount"], td.container div.input label[for="ProductDiscount"], td.container div.input label[for="ProductForeignCurrencyNetPrice"], td.container div.input label[for="ProductForeignCurrencyGrossPrice"], td.container div.input label[for="foreign_currency_tax_amount"], td.container div.input label[for="ProductNetPrice"], td.container div.input label[for="ProductGrossPrice"], td.container div.input label[for="tax_amount"] {left:2px;} td.container div.input label[for="ProductForeignCurrencyNetPrice"] span.required, td.container div.input label[for="ProductForeignCurrencyGrossPrice"] span.required {display:none;} td.container div.input select#Serials1InvoiceSerialPriceDecimal, td.container div.input select#Serials0InvoiceSerialPriceDecimal {text-align-last:right;} .toolbar.dashboard a.productNew, .toolbar.dashboard a[type="new-deliverynote"], .toolbar.dashboard a[type="new-quotation"] {display:none;} div#notifications {width:auto;} div#notifications .confirmRow a.dt-button.icon {padding-right:0px;} div#notifications .confirmRow a.dt-button.icon span {display:none;} #dasboardAddFuncts, #dashboardLogo {display:none;} .groups_selector td {display:inline-block; width:100%!important; padding:0px!important;} .groups_selector td select {width:100%!important; padding:0px!important;} .groups_selector td select option {padding:0px!important;} .groups_selector td:nth-child(2) {margin-top:24px; margin-bottom:24px; display:block; height:50px; position:relative;} .groups_selector td:nth-child(2) input {width:48px; height:48px; border:solid black; border-width:0px 3px 3px 0px; display:inline-block; padding:3px; color:transparent; background:none; position:absolute;} .groups_selector td:nth-child(2) input.groups_right {margin-right:24px; transform:rotate(45deg); -webkit-transform:rotate(45deg); top:-12px; left:12px;} .groups_selector td:nth-child(2) input.groups_left {transform:rotate(-135deg); -webkit-transform:rotate(-135deg); top:18px; right:12px;} .groups_selector td:nth-child(2) br {display:none;} td.container div.input input#CustomerDiscount {text-align:right;} #SettingInvoiceNotifierForm textarea {width:100%!important; margin-left:0px!important;} td.container .userRightsEdit div.input label {max-width:250px;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected {padding-bottom:0; margin-bottom:-1px;} td.container div.input label.frequencyLabelForScheduledForm {display:block; width:100%;} .frequencyBlockForScheduledForm {float:right; text-align:right;} .frequencyBlockForScheduledForm select {width:60%!important;} .frequencyBlockForScheduledForm select:first-child {width:35%!important;} #AccountRegFormButtonBlock {position:relative; bottom:auto;} #AccountRegFormButtonBlock a.button {font-size:22px; line-height:82px;} #AccountTrialFormNoteDiv {width:auto;} td.reg_container fieldset {border:0px;} td.reg_container legend {width:100%; margin:0px auto; padding-right:0; padding-left:0; text-align:center!important;} #AccountTrialForm table {width:100%;} #CustomerInvoiceEditForm .footbar, #ProductEditForm .footbar, #BankAccountEditForm .footbar, #SettingInvoiceNotifierForm .footbar {padding:0px 0px; margin:24px auto;} #SettingInvoiceNotifierForm .footbar {line-height:30px;} } /******************** MOBLE END ********************/ .kataStatistics div div.title, .invoiceLimitStatistics div div.title {font-size:8px; color:#ffffff; background-color:#218cbd; height:10px; line-height:10px; top:-8px; left:4px; border-radius:4px; padding-left:4px; padding-right:4px; position:absolute;} .kataStatistics div, .invoiceLimitStatistics div {float:left; height:26px; line-height:26px; border:2px solid #218cbd; border-radius:4px; position:relative; z-index:1; cursor:pointer;} .kataStatistics div span, .invoiceLimitStatistics div span {right:2px; bottom:-10px; position:absolute; font-size:8px; color:#888888; font-style:italic; display:block;} .kataStatistics div:hover, .invoiceLimitStatistics div:hover {background-color:#218cbd; color:#ffffff;} .kataStatistics div:hover span, .invoiceLimitStatistics div:hover span {background-color:transparent; color:#ffffff;} #xlsExportToBookkeeper table th {padding: 6px 3px 6px 6px; font-weight:bold; text-align:center;} #xlsExportToBookkeeper table th:first-child {text-align:left;} #xlsExportToBookkeeper table td {font-weight:normal; text-align:center;} #xlsExportToBookkeeper table td:first-child {text-align:left;} #xlsExportToBookkeeper table td input.date {width:80px;} #debug { height: 10px; overflow: hidden; } #debug:hover { height: auto; }