/* Framma.net Custom App Skin */ @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic); body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 400; font-size: 14px; } /* Common use shortcuts */ .clear { clear: both; } .invisible { display: none; } .fl-left { float:left !important; } .fl-right { float:right !important; } .al-left { text-align: left !important; } .al-right { text-align: right !important; } .al-center { text-align: center !important; } td.highlight-red { color: red; } td.highlight-green { color: limegreen; } td.highlight-bold { font-weight: bold; } th.small-title { font-size: 0.7em; } td.small-text { font-size: 0.85em; color: #999; vertical-align: middle !important; } td.underlined { text-decoration: underline; } th.narrow-padding, td.narrow-padding { padding-left: 2px !important; padding-right: 2px !important; } tbody>tr.row-green { background-color: #f1fff1; } .table-hover>tbody>tr.row-green:hover { background-color: #e2fde2; } tbody>tr.row-blue { background-color: #f1feff; } .table-hover>tbody>tr.row-blue:hover { background-color: #e1fcfe; } tbody>tr.row-purple { background-color: #f1ecff; } .table-hover>tbody>tr.row-purple:hover { background-color: #ebe4ff; } tbody>tr.row-yellow { background-color: #fdf5ea; } .table-hover>tbody>tr.row-yellow:hover { background-color: #faeddb; } th.col-green, tr:not(.selected) td.col-green { background-color: #f1fff1; } .table-hover tr:not(.selected):hover td.col-green { background-color: #e2fde2; } th.col-blue, tr:not(.selected) td.col-blue { background-color: #f1feff; } .table-hover tr:not(.selected):hover td.col-blue { background-color: #e1fcfe; } th.col-yellow, tr:not(.selected) td.col-yellow { background-color: #fdf5ea; } .table-hover tr:not(.selected):hover td.col-yellow { background-color: #faeddb; } th a.deselect-all { display: block; height: 35px; padding-top: 9px; text-align: center; } tbody .dt-flex-columns { display: flex; justify-content: space-between; } .thead-tooltip { border-bottom: 1px dashed #777; } td.text-gray { color: #81848c !important; } hr.line-blue { background-color: #7dabd2; height: 2px; border: none; } .nowrap { white-space: nowrap; } .not-bold { font-weight: normal !important; } .cell-alert { background-color: orangered; color: white; display: block; } .abs-in-block { position: absolute; display: inline-block; } .flex-label { display: flex; } .flex-label label { flex-shrink:0; } .d-block { display: block; } .text-white { color: #fff !important; } .text-yellow { color: yellow !important; } .void-watermark { display: none; } .DTE.void .void-watermark { display: block; position: absolute; top: 180px; left: 64px; width: 80%; font-size: 130px; font-weight: bold; color: darkred; opacity: 0.7; transform: rotate(-20deg); text-align: center; } .DTE.void.locked .void-watermark { display: none; } td.void/*, td.void div*/ { color: #d89898; text-decoration: line-through; background-color: #efefef; } td.void:hover { text-decoration: none; } td.void { background-image: linear-gradient(45deg, rgba(255,255,255,.55) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.55) 50%, rgba(255,255,255,.55) 75%, transparent 75%, transparent); background-size: 10px 10px; } /* td.void div { background: transparent; } td.void div.tooltip.in { background: none !important; } td.void div.tooltip-inner { background-color: #000 !important; border-radius: 4px; color: #fff !important; xtext-decoration: none !important; } */ span.order-products-prd-void { color: firebrick; text-decoration:line-through !important; } td.locked { color: #0085c7; } tr.selected td.locked { color: #b9def1; } td.correction { color: #00a65a; } td.locked.moNr { text-decoration: underline; } .dataTables_empty { font-size: 15px; color: #dd4b39; } /* Framma - red=dev | blue=live - generic skin customizations */ .skin-yellow a { color:#00a65a; } .skin-yellow a:hover,.skin-yellow a:active { color:#89D559; } .skin-red .text-success, .skin-blue .text-success { color:#00a65a; } .skin-red .text-danger, .skin-blue .text-danger { color:#dc3545; } .skin-red .text-warning, .skin-blue .text-warning { color:#ff5100; } .skin-red .text-purple, .skin-blue .text-purple { color:#d721cb !important; } .skin-red .text-muted, .skin-blue .text-muted { color:#bbb; } .skin-red .main-header .navbar, .skin-blue .main-header .navbar { height: 50px; } .skin-red .main-header .logo, .skin-blue .main-header .logo { background-color: #fff; height: 60px; } .skin-red .main-header .logo:hover, .skin-blue .main-header .logo:hover { background-color: #fff; } .skin-red .main-header .logo-lg img, .skin-blue .main-header .logo-lg img { width: 150px; } .skin-red .main-header .logo-mini img, .skin-blue .main-header .logo-mini img { width: 60px; } .skin-red .main-sidebar, .skin-blue .main-sidebar { padding-top: 60px; } .skin-red .sidebar-menu>li.header, .skin-blue .sidebar-menu>li.header { display: none; } .skin-red .sidebar-menu li.menu-active>a { color: #dd4b39; /* #FF5100; */ } .skin-blue .sidebar-menu li.menu-active>a { color: #25a1f4; } .skin-red .btn-primary:not(.btn-secondary) { background-color: #dd4b39; border-color: #dd4b39; color: #fff; } .skin-red .btn-primary:not(.btn-secondary):hover { background-color: #ff7433; border-color: #ff7433;; color: #fff; } .skin-red table.dataTable tr.group td, .skin-blue table.dataTable tr.group td { background-color: #d0efbd; } /* #A6E081 */ .skin-red table.dataTable tr.group td span, .skin-blue table.dataTable tr.group td span { font-weight: normal; } /* .skin-red table.dataTable td.inline-editable { background-color: #fffcd9; } .skin-red table.dataTable tr:hover td.inline-editable { background-color: #efecd9; } */ .skin-red .pagination>.active>a, .skin-red .pagination>.active>a:focus, .skin-red .pagination>.active>a:hover, .skin-red .pagination>.active>span, .skin-red .pagination>.active>span:focus, .skin-red .pagination>.active>span:hover { background-color: #dd4b39; border-color: #dd4b39; } .skin-red code, .skin-blue code { color: #20549e; background-color: #f2f5f9; } .sidebar-menu .menu-open { display: block; } section.content-header { display: none; } section.content-header h1 { color: #777; font-size: 24px; } h1.page-title { float: left; color: #fff; font-size: 22px; line-height: 10px; } .table-box { margin-bottom: 0; } footer.main-footer { font-size: 11px; padding: 4px 15px; border-top: none; outline: 1px solid #d2d6de; } caption.badge { caption-side: bottom; display: table-caption; position: absolute; bottom: 13px; right: 15px; /* margin-left: 205px; */ padding: 5px 10px; max-width: calc(100% - 200px); text-overflow: ellipsis; overflow: hidden; background-color: rgba(36,136,223,0.7) /* #2488dfad */; } /* Buttons */ .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .dt-buttons .btn.btn-default, .DTE_Form_Buttons .btn.btn-default:not(.btn-secondary) { background-color: #12689b; color: #fff; } .dt-buttons .btn.btn-default:hover, .DTE_Form_Buttons .btn.btn-default:not(.btn-secondary):hover { background-color: #2488df } .dt-buttons .btn-info, .DTE_Form_Buttons .btn-info { background-color: #12689b; border-color: #12689b; } .dt-buttons .btn-info:hover, .DTE_Form_Buttons .btn-info:hover { background-color: #2488df; } .dt-buttons .btn-label { cursor: default; } .dt-buttons .btn-label.focus, .dt-buttons .btn-label:focus { outline: none; } .dt-buttons .btn.btn-default.active, .dt-buttons .btn.btn-default:active { background-color: #25a1f4; } .dt-buttons .btn-separator { margin-right: 5px;} .DTE_Header_Content { font-size: 24px; color: #12689b; } .modal-dialog { border-top-color: #2488df !important; } .modal-title span { color: #12689b !important; font-size: 22px; } #modalConfirmation .modal-title b { font-weight: normal; } #modalConfirmation .modal-title span { font-size: 20px; } .modal-header .close small { display: block; float: left; margin-top: 1px; margin-right: 10px; font-weight: 600; } .modal-header .close span { display: block; float: right; } button i { font-style: normal; } #maxWidthButton { background-color: #fff; color: #aaa; border: 1px solid #ccc; float: right; padding: 4px 8px 2px 8px; } #maxWidthButton:hover, #maxWidthButton:active { background-color: #eee; } .main { clear: both; overflow: auto; background-color: rgba(255,255,255,0.9); /* #f8f8f8; */ padding-top: 10px; padding-bottom: 16px; border: 1px solid #eee; border-radius: 10px; box-shadow: 4px 6px 7px rgba(0,0,0,0.2); } .page-container { min-height: 500px; } .page-container.max-width { width: 98%; } .page-container { width: calc(100% - 585px); } /* h1 { color: #12689b; } section.content-header h1 { color: #12689b; font-size: 26px; margin-left: 16px; } */ /* Disabled Admin Interface Features - unused/non-implemented */ /* .messages-menu, .notifications-menu, .tasks-menu, .control-sidebar-toggle, .user-menu .user-header p small, .user-menu .user-body { display: none !important; } */ /* Login pages */ body.page-login { /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */ padding-top: 100px; font-size: 15px; } .page-login .panel-primary a { color: #fff; } .page-login .logo { display: block; margin: 0 auto; } .page-login .login-head img { margin-top: 15px !important; } .page-login footer { font-size: 0.8em; margin: 20px auto; } .page-login footer { position: absolute; bottom: 0; left: 50%; } .page-login footer p { text-align: center; color: #ccc; } .page-login footer p { position: relative; left: -50%; } #loginbox { margin-top: 50px; margin-bottom: 200px; } #loginbox .panel-title-right { float: right; font-size: 80%; position: relative; top: -18px; } #loginbox .panel-body { padding-top: 35px; } #loginbox .panel-body>.alert-info { margin-bottom: 30px; } #loginbox .input-group { margin-bottom: 30px; } #loginbox .form-group { margin-top:10px; } #btn-login { background-color: #2488df; border-color: #2488df; margin-top: 0; margin-bottom: 5px; } /* Horizontal Navbar Fixed Top - Login pages */ .navbar-default { background-color:#f0f0f0; border-bottom: 4px solid #dd4b39 !important; min-height: 80px; box-shadow: 4px 6px 7px rgba(0,0,0,0.2) } .skin-blue .navbar-default { border-bottom: 4px solid #2488df !important; } .navbar-default .nav.navbar-nav { margin-top: 32px; } .navbar-default li a, footer { font-family:"Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .navbar-default li a { font-weight: 600; padding: 15px 8px 0 8px !important; } .navbar-default ul.nav li a { border-bottom: 3px solid #f0f0f0; } .navbar-default ul.nav li.menu-active a, .navbar-default ul.nav li.menu-active a:hover, .navbar-default ul.nav li.menu-active a:active { font-weight: bold; border-bottom: 3px solid darkgray; background-color: #12689b; color: #fff; border-radius: 4px; padding-top: 8px !important; margin-top: 7px; padding-bottom: 5px !important; } .navbar-default ul.nav li span { display: inline-block; position: absolute; width: 250px; top: -18px; right: 6px; text-align: right; color: rgba(18, 104, 155, 0.4); } @media (max-width: 775px) { aside.main-sidebar { z-index: 1030; margin-top: 60px; } } body.app-single-view .main-header .logo, body.app-single-view .main-sidebar { display: none; } body.app-single-view .main-header .navbar, body.app-single-view .content-wrapper { margin-left: 0 !important; } body.app-single-view .main-header .sidebar-toggle:before { content: "\f00d" !important; } /* End navbars */ .nav-panel { font-size: 1.8em; text-align: center; width: 60%; padding: 0; margin: 0 auto 40px auto; box-shadow: 4px 6px 7px rgba(0,0,0,0.3); } .nav-panel i { margin-right: 10px; } .nav-panel a { display: block; padding: 10px 0; } .nav-panel a:hover { text-decoration: none; background-color: lightgray; } /* Editor form field hint buttons, field units, field buttons */ .DTE_Field .input-group-btn .btn { color: #777; height: 34px; } .DTE_Field .input-group-btn .btn-success { color: #fff; } .DTE_Field .DTE_unit { position: absolute; top: 8px; right: 16px; color: #aaa; } .DTE_Field .DTE_unit.with-field-btn { right: 50px; z-index: 20; } .DTE_Field.dt-right-unit input[type='text'] { text-align: right; padding-right: 40px; } .DTE_hint { display: none; } .DTE_Field .DTE_hint { display: block; position: absolute; right: -20px; top: 7px; width: 20px; text-align: center; background: #b8d0e4; border-radius: 10px; color: #fff; font-weight: bold; cursor: help; z-index: 1000; } .DTE_Field .DTE_hint:hover, .DTE_Field .DTE_hint:active { text-decoration: none; background-color: #5ca8e8; } .DTE_Field .tooltip-inner { color: #fff !important; max-width: 100%; } .DTE_Field .DTE_addon { display: block; position: absolute; right: 0; top: -3px; width: 20px; } .DTE_Field .DTE_addon i { color: #4b8cb3; } input.clearable { padding-right: 24px !important; } i.clearable-button { position: absolute; top: 12px; right: 16px; color: #b3bdc6; /* #89aa; */ cursor: pointer; } i.clearable-button:hover { color: #dd4b39; } /* Home page widgets */ .widget .wg-details { display: none; } .widget.wg-expanded .wg-expand i { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .widget .subicon { font-size: 40px;position: relative;right: -20px;bottom: -10px; } .badge-KT { background-color: darkred; } #report-home th { text-align: center; vertical-align: middle; } #report-home td b { color: #0d6aad; } #report-home .drop-number { font-size: 3rem; line-height: 2.5rem; font-weight: bold; color: gray; } #report-home td:first-child { border-right: none; } #report-home td:nth-child(2), #report-home th:nth-child(2) { border-left: none; } /* Page descriptions removable widgets - hidden by default */ .page-description { display: none; } .navbar .help-page { display: none; } .navbar .wiki-page { display: none; } .navbar .fr-cart-shipments { display: none; } .navbar .fr-cart-shipments .footer { text-align: center; padding-top: 6px; padding-bottom: 8px; } .navbar .fr-cart-shipments ul.menu { overflow-y: scroll !important; } .navbar-nav>.fr-cart-shipments>.dropdown-menu>li .menu>li>a { padding: 4px 10px; } /* Nav-tabs alert badges */ .nav-tabs li a .label { display: none; position: absolute; top: 5px; right: 2px; text-align: center; font-size: 11px; padding: 2px 3px; line-height: .9; } .nav-tabs li a.alert { margin-bottom: 0; } .nav-tabs li:not(.active) a.alert { border-bottom: 1px dashed #dc3545; height: 34px; } .nav-tabs li a.alert i.fa { color: #dc3545; } .nav-tabs li a.alert .label { display: block; } .modal-description { display: none; } .modal-description .box-body { padding-top: 5px; padding-bottom: 5px; } .modal-description .box-icon { display: block; margin: 0 6px 6px -6px; } .modal-description .box-icon.pull-right { margin: 0 -6px 6px 6px; } .modal-description .box-icon i { color: orange; font-size: 30px; } /* Remove horizontal scroll (caused by vertical scroll) on longer tables, specific pages */ table#contragents, table#items, table#elements, table#materials, table#processings, table#finishes, table#packing-primary, table#packing-gross, table#packing-materials, table#offers, table#purchase-orders, table#mfg-orders, table#invoices { width: 100% !important; } /* Hidden fields/components on disabled tables / void editor forms */ .DTE.locked .DTE_Form_Buttons .btn-primary, .DTE.void .DTE_Form_Buttons .btn-default { display: none; } .DTE.locked .DTE_Form_Buttons .btn-primary.btn-secondary, .DTE.locked .DTE_Form_Buttons .btn-default.btn-secondary { display: inline-block; } .DTE.void .void-hidden { display: none !important; } .DTE.void .form-control[disabled], .DTE.void .form-control[readonly], .DTE.locked .form-control[disabled], .DTE.locked .select2-container--default.select2-container--disabled .select2-selection--single, .DTE.void .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #fff; } .DTE_Field_Type_readonly.not-grayed .form-control[readonly] { background-color: inherit; } .hide-buttons .dataTables_wrapper .dt-buttons, .hide-buttons.dataTables_wrapper .dt-buttons, .hide-buttons .dataTables_wrapper .intable-controls, .hide-buttons.dataTables_wrapper .intable-controls { display: none !important; } /* Locations modal window - multiple pages */ #locationsModal .modal-dialog { width: 750px !important; } #locationsModal .mt-col-1 { width: 180px; } #locationsModal .mt-col-2 { width: 80px; } #locationsModal .mt-col-3 { width: 330px; } #locationsModal .mt-select2 { padding-bottom: 0; } #locationsModal th { text-align: center; } #locationsModal .intable-controls-column { width: 70px !important; } #locationsModal .locationSetBtn { margin-top: -2px; margin-bottom: -2px; } #locationsModal .add-new-location .row { padding-left: 15px; padding-right: 15px; } #locationsModal .add-new-location .col { padding-left: 1px; padding-right: 1px; } #locationsModal .add-new-location select.location-regionCode { padding-left: 4px; padding-right: 0; } #locationsModal .add-new-location input { padding-left: 8px; padding-right: 8px; } /* Specific pages - tables */ .page-contragents table#contragents>tbody>tr>td { padding-top: 5px; padding-bottom: 5px; } .page-contragents .tooltip-inner { min-width: 150px; max-width: 100%; } .page-contragents .modal-body div.dt-buttons { margin-top: 27px; } .page-offers .col-offerProducts, .page-purchase-orders .col-orderProducts, .page-mfg-orders .col-orderProducts { display: inline-block; width: 300px !important; overflow: hidden; } .page-mfg-orders .col-orderProducts { width: 250px !important; } .page-offers table.dataTable .tooltip-inner, .page-purchase-orders table#purchase-orders .tooltip-inner, .page-mfg-orders table#mfg-orders .tooltip-inner, .page-messages table#messages .tooltip-inner { min-width: 300px; max-width: 100%; text-align: left; } .page-users table#companies, .page-users table#clients { font-size: 0.9em; width: 100% !important; } .page-users .dataTables_paginate, .page-pricelist .dataTables_paginate, .page-report-dates .dataTables_paginate { font-size: 0.8em; margin-top: 2px !important; } .page-report-orders #inPageTableWrapper { padding-bottom: 5px; } .page-report-orders section.content { padding-bottom: 5px; } .page-report-orders .dataTables_info { padding-top: 8px !important; } .page-report-orders .dataTables_length { margin: 2px 5px 0 !important; } .page-report-orders .dataTables_paginate { font-size: 0.9em; margin-top: 0 !important; } .page-report-orders .dataTables_paginate li a { padding: 4px 10px; } .page-users label.clients-filter { float: right; margin-left: 10px; padding-top: 5px; font-weight: normal; } /* Build up new class to apply to all compact report pages, rather than describe them page-by-page */ /* Currently applies to report-transport */ .compact-report #inPageTableWrapper { padding-bottom: 5px; } .compact-report section.content { padding-bottom: 5px; } .compact-report .dataTables_info { padding-top: 8px !important; } .compact-report .dataTables_length { margin: 2px 5px 0 !important; } .compact-report .dataTables_paginate { font-size: 0.9em; margin-top: 0 !important; } .compact-report .dataTables_paginate li a { padding: 4px 10px; } .compact-report table.dataTable.compact { font-size: 13px; } .compact-report table.dataTable.compact tbody th, .compact-report table.dataTable.compact tbody td { padding: 1px 4px !important; } .compact-report table.dataTable.compact th, .compact-report table.dataTable.compact td { font-family: 'Calibri','Source Sans Pro',Helvetica,Arial,sans-serif; } .compact-report table.dataTable.compact th { text-align: center; } .page-report-orders table.dataTable.compact, .page-report-dates table.dataTable.compact, .page-report-assortment table.dataTable.compact, .page-report-intrastat table.dataTable.compact, .page-report-fsc table.dataTable.compact, .page-report-invoices-acct table.dataTable.compact, .page-expenses table.dataTable.compact, .page-invoices table.dataTable.compact, .page-payments table.dataTable.compact, .page-pricelist table.dataTable.compact, .page-service-orders table.dataTable.compact, .page-storage table.dataTable.compact, .page-report-shipments table.dataTable.compact, .page-report-transport table.dataTable.compact, .page-transport-docs table.dataTable.compact, .page-report-orders-received table.dataTable.compact, #poFinStatModal table.dataTable.compact { font-size: 13px; } .page-report-orders table.dataTable.compact tbody th, .page-report-orders table.dataTable.compact tbody td, .page-report-dates table.dataTable.compact tbody th, .page-report-dates table.dataTable.compact tbody td, .page-report-assortment table.dataTable.compact tbody th, .page-report-assortment table.dataTable.compact tbody td, .page-report-intrastat table.dataTable.compact tbody th, .page-report-intrastat table.dataTable.compact tbody td, .page-report-fsc table.dataTable.compact tbody th, .page-report-fsc table.dataTable.compact tbody td, .page-report-invoices-acct table.dataTable.compact tbody th, .page-report-invoices-acct table.dataTable.compact tbody td, .page-invoices table.dataTable.compact tbody th, .page-invoices table.dataTable.compact tbody td, .page-pricelist table.dataTable.compact tbody th, .page-pricelist table.dataTable.compact tbody td, .page-service-orders table.dataTable.compact tbody th, .page-service-orders table.dataTable.compact tbody td, .page-storage table.dataTable.compact tbody th, .page-storage table.dataTable.compact tbody td, .page-report-shipments table.dataTable.compact tbody th, .page-report-shipments table.dataTable.compact tbody td, .page-report-transport table.dataTable.compact tbody th, .page-report-transport table.dataTable.compact tbody td, .page-report-orders-received table.dataTable.compact tbody th, .page-report-orders-received table.dataTable.compact tbody td { padding: 1px 4px !important; } .page-expenses table.dataTable.compact tbody th, .page-expenses table.dataTable.compact tbody td, .page-transport-docs table.dataTable.compact tbody th, .page-transport-docs table.dataTable.compact tbody td, .page-payments table.dataTable.compact tfoot th, .page-payments table.dataTable.compact tbody td { padding: 3px 7px !important; } .page-expenses table.dataTable.compact th.col-check, .page-expenses table.dataTable.compact td.col-check, .page-transport-docs table.dataTable.compact th.col-check, .page-transport-docs table.dataTable.compact td.col-check { padding: 3px 3px !important; } .page-report-orders table.dataTable th, .page-report-orders table.dataTable td, .page-report-dates table.dataTable th, .page-report-dates table.dataTable td, .page-report-assortment table.dataTable th, .page-report-assortment table.dataTable td, .page-report-intrastat table.dataTable th, .page-report-intrastat table.dataTable td, .page-report-fsc table.dataTable th, .page-report-fsc table.dataTable td, .page-report-invoices-acct table.dataTable th, .page-report-invoices-acct table.dataTable td, .page-expenses table.dataTable.compact th, .page-expenses table.dataTable.compact td, .page-invoices table.dataTable.compact th, .page-invoices table.dataTable.compact td, .page-payments table.dataTable th, .page-pricelist table.dataTable td, .page-pricelist table.dataTable th, .page-pricelist table.dataTable td, .page-service-orders table.dataTable th, .page-service-orders table.dataTable td, .page-storage table.dataTable th, .page-storage table.dataTable td, .page-report-shipments table.dataTable th, .page-report-shipments table.dataTable td, .page-report-transport table.dataTable th, .page-report-transport table.dataTable td, .page-transport-docs table.dataTable.compact th, .page-transport-docs table.dataTable.compact td, .page-report-orders-received table.dataTable.compact th, .page-report-orders-received table.dataTable.compact td, #poFinStatModal table.dataTable th, #poFinStatModal table.dataTable td { font-family: 'Calibri','Source Sans Pro',Helvetica,Arial,sans-serif; } .page-report-orders table.dataTable th, .page-report-dates table.dataTable th, .page-report-assortment table.dataTable th, .page-report-intrastat table.dataTable th, .page-report-fsc table.dataTable thead th, .page-report-invoices-acct table.dataTable th, .page-invoices table.dataTable.compact th, .page-payments table.dataTable.compact th, .page-storage table.dataTable.compact th, .page-report-shipments table.dataTable.compact th, .page-report-transport table.dataTable.compact th, .page-report-orders-received table.dataTable.compact th { text-align: center; } .page-report-orders table.dataTable>thead>tr:first-child>th { text-transform: uppercase; border-bottom: none; } .page-report-orders table.dataTable tr:not(.selected) th.g-1, .page-report-orders table.dataTable tr:not(.selected) td.g-1, .page-report-orders table.dataTable tr:not(.selected) th.g-4, .page-report-orders table.dataTable tr:not(.selected) td.g-4, .page-report-orders table.dataTable tr:not(.selected) th.g-8, .page-report-orders table.dataTable tr:not(.selected) td.g-8 { background-color: #f1fff1; } .page-report-orders table.dataTable tr:not(.selected) th.g-2, .page-report-orders table.dataTable tr:not(.selected) td.g-2, .page-report-orders table.dataTable tr:not(.selected) th.g-5, .page-report-orders table.dataTable tr:not(.selected) td.g-5, .page-report-orders table.dataTable tr:not(.selected) th.g-7, .page-report-orders table.dataTable tr:not(.selected) td.g-7 { background-color: #fdf5ea; } .page-report-orders table.dataTable tr:not(.selected) th.g-3, .page-report-orders table.dataTable tr:not(.selected) td.g-3 { background-color: #f1feff; } .page-report-orders table.dataTable tr:not(.selected):hover td.g-1, .page-report-orders table.dataTable tr:not(.selected):hover td.g-4, .page-report-orders table.dataTable tr:not(.selected):hover td.g-8 { background-color: #e2fde2; } .page-report-orders table.dataTable tr:not(.selected):hover td.g-2, .page-report-orders table.dataTable tr:not(.selected):hover td.g-5, .page-report-orders table.dataTable tr:not(.selected):hover td.g-7 { background-color: #faeddb; } .page-report-orders table.dataTable tr:not(.selected):hover td.g-3 { background-color: #e1fcfe; } .page-report-orders th.g-9.poc-comment, .page-report-orders td.g-9.poc-comment { width: 250px !important; overflow-x: hidden; text-overflow: ellipsis; } .page-report-orders td.g-9.poc-comment { display: table-caption; } .page-report-orders #filters { float: left; margin-top: 8px; } .page-report-orders #filters label { font-weight: normal; } .page-report-orders #modalFilters .box-description { display: block; margin-left: 22px; } .page-report-orders #modalFilters .box-primary .box-text b { color: #12689b; } .page-report-orders-monthly tr.rowgroup-0:not(.selected) { background-color: #C6E0B4; } .page-report-orders-monthly tr.rowgroup-0:not(.selected):hover { background-color: #A9D08E; } .page-report-orders-monthly tr.rowgroup-1:not(.selected) { background-color: #FFE699; } .page-report-orders-monthly tr.rowgroup-1:not(.selected):hover { background-color: #FFD966; } .page-report-orders-monthly tr.rowgroup-2:not(.selected) { background-color: #3BDAFF; } .page-report-orders-monthly tr.rowgroup-2:not(.selected):hover { background-color: #00CCFF; } .page-report-orders-monthly tr.rowgroup-3:not(.selected) { background-color: #F8CBAD; } .page-report-orders-monthly tr.rowgroup-3:not(.selected):hover { background-color: #F4B084; } .page-report-orders-monthly tr.rowgroup-4:not(.selected) { background-color: #BDD7EE; } .page-report-orders-monthly tr.rowgroup-4:not(.selected):hover { background-color: #9BC2E6; } .page-report-orders-monthly tr.rowgroup-5:not(.selected) { background-color: #FF66FF; } .page-report-orders-monthly tr.rowgroup-5:not(.selected):hover { background-color: #FF4BFF; } .page-report-orders-monthly tr.rowgroup-6:not(.selected) { background-color: #92D050; } .page-report-orders-monthly tr.rowgroup-6:not(.selected):hover { background-color: #80C535; } .page-report-orders-monthly tr.rowgroup-7:not(.selected) { background-color: #FA6666; } .page-report-orders-monthly tr.rowgroup-7:not(.selected):hover { background-color: #F95555; } .page-report-orders-monthly tr.rowgroup-8:not(.selected) { background-color: #B4C6E7; } .page-report-orders-monthly tr.rowgroup-8:not(.selected):hover { background-color: #8EA9DB; } .page-report-orders-monthly tr.rowgroup-9:not(.selected) { background-color: #CC99FF; } .page-report-orders-monthly tr.rowgroup-9:not(.selected):hover { background-color: #C489FF; } .page-report-orders-monthly tr.rowgroup-10:not(.selected) { background-color: #DBDBDB; } .page-report-orders-monthly tr.rowgroup-10:not(.selected):hover { background-color: #C9C9C9; } .page-report-orders-monthly tr.rowgroup-11:not(.selected) { background-color: #69B4FF; } .page-report-orders-monthly tr.rowgroup-11:not(.selected):hover { background-color: #47A3FF; } .page-report-orders-monthly tr.rowgroup-12:not(.selected) { background-color: #FFFF66; } .page-report-orders-monthly tr.rowgroup-12:not(.selected):hover { background-color: #FFFF0D; } .page-report-orders-monthly tr.rowgroup-13:not(.selected) { background-color: #66FF66; } .page-report-orders-monthly tr.rowgroup-13:not(.selected):hover { background-color: #33FF33; } .page-report-orders-monthly tr.rowgroup-14:not(.selected) { background-color: #FFB601; } .page-report-orders-monthly tr.rowgroup-14:not(.selected):hover { background-color: #F2AD00; } .page-report-orders-monthly tr.rowgroup-15:not(.selected) { background-color: #CCCC00; } .page-report-orders-monthly tr.rowgroup-15:not(.selected):hover { background-color: #C5C000; } .page-report-orders-monthly td.select-checkbox { background-color: white; } .page-report-orders-monthly tr.selected td.select-checkbox { background-color: inherit; } .page-invoices table.dataTable tr:not(.selected) td.highlight { background-color: #f1fff1; color: darkgreen; font-weight: bold; } .page-invoices table.dataTable tr:not(.selected):hover td.highlight { background-color: #e2fde2; } .page-expenses table.dataTable tr:not(.selected) td.highlight { background-color: #fdf5ea; color: darkred; /*font-weight: bold;*/ } .page-expenses table.dataTable tr:not(.selected):hover td.highlight { background-color: #faeddb; } .page-transport-docs table.dataTable tr:not(.selected) td.highlight { background-color: #f1feff; color: #12689b; font-weight: bold; } .page-transport-docs table.dataTable tr:not(.selected):hover td.highlight { background-color: #e1fcfe; } .page-expenses th.small-title, .page-invoices th.small-title, .page-transport-docs th.small-title, .page-pricelist th.small-title { font-size: 0.9em; } .page-invoices #invoiceProducts_wrapper tr:not(.selected) td.editable, .page-invoices #invoiceProducts_wrapper tr:not(.selected) th.editable { background-color: #fff8dd; } .page-invoices #invoiceProducts_wrapper tr:not(.selected) td.editable.highlight { background-color: #f8ffdd; } .page-invoices #invoiceProducts_wrapper tr:not(.selected):hover td.editable { background-color: #fff2c5; } td.shorten-d div { width: 280px !important; overflow-x: hidden; text-overflow: ellipsis; display: block; } .page-invoices td.shorten, .page-pricelist td.shorten { font-weight: normal !important; } .page-invoices th.shorten, .page-invoices td.shorten { width: 250px !important; overflow-x: hidden; text-overflow: ellipsis; display: table-caption; } .page-expenses td.shorten, .page-transport-docs td.shorten { width: 230px !important; overflow-x: hidden; text-overflow: ellipsis; display: table-caption; } .page-expenses th.shorten, .page-transport-docs th.shorten { width: 230px !important; } .page-expenses #expenseShipments_wrapper th.shorten, .page-expenses #expenseShipments_wrapper td.shorten, .page-transport-docs #tdShipments_wrapper th.shorten, .page-transport-docs #tdShipments_wrapper td.shorten { width: 110px !important; } .page-pricelist th.shorten, .page-pricelist td.shorten { width: 300px !important; overflow-x: hidden; text-overflow: ellipsis; display: table-caption; } .page-shipments td.shorten, .page-storage td.shorten { width: 280px !important; overflow-x: hidden; text-overflow: ellipsis; display: table-caption; } .page-shipments th.shorten, .page-storage th.shorten { width: 280px !important; } .page-report-orders td div.shorten { width: 300px !important; overflow-x: hidden; text-overflow: ellipsis; display: block; } .page-pricelist .price-memo { width:100px !important; overflow: hidden; text-overflow:ellipsis; display:inline-block; } .page-pricelist .intable-controls-column { white-space: normal !important; } #priceHistory .modal-title span { font-size: 16px; } .page-products .col-product-name { max-width: 350px; overflow: hidden; text-overflow: ellipsis; display: inline-block; } .page-report-transport td.col-parcels-summary { min-width: 135px; } .page-report-transport .footerAvgPrice { font-size: 13px; display: inline-block; border: 1px solid #12689b; border-radius: 4px; padding: 2px 6px; margin-left: 16px; background-color: #ebebeb; } .page-report-transport-summary table.dataTable tbody>tr.selected, .page-report-transport-summary table.dataTable tbody>tr>.selected { background-color: #e7f7ff; color: inherit; } .page-report-transport-summary table.dataTable.stripe tbody>tr.odd.selected, .page-report-transport-summary table.dataTable.stripe tbody>tr.odd>.selected, .page-report-transport-summary table.dataTable.display tbody>tr.odd.selected, .page-report-transport-summary table.dataTable.display tbody>tr.odd>.selected { background-color: #e7f7ff; } .page-report-transport-summary table.dataTable.hover tbody>tr.selected:hover, .page-report-transport-summary table.dataTable.hover tbody>tr>.selected:hover, .page-report-transport-summary table.dataTable.display tbody>tr.selected:hover, .page-report-transport-summary table.dataTable.display tbody>tr>.selected:hover { background-color: #c1eaff; } /* Custom form templates */ .DTE_Form_Content .form-wrapper { display: inline-block; position: relative; width: 100%; } .modal-dialog .empty-control { height: 44px; } .DTE_Form_Content .panel-form-info { padding: 4px 6px 6px; margin: 4px 0 -8px 0; color: #337ab7; } .DTE_Form_Content .panel-form-info p { margin-bottom: 0; } @media (min-width: 1000px) { .DTE_Form_Content .form-col { float: left; width: 50% } .page-items .modal-dialog { width:75%; } .page-products .modal-dialog { width:75%; } .page-offers .modal-dialog { width:75%; } .page-offers #priceHistory .modal-dialog { width:700px; } .page-contragents .modal-dialog { width:75%; max-width: 1150px; } .page-purchase-orders .modal-dialog { width:700px; } .page-purchase-orders #priceHistory .modal-dialog { width:760px; } .page-mfg-orders .modal-dialog { width:700px; } .page-mfg-orders .modal-dialog.form-poc-dates { width:500px; } .page-invoices .modal-dialog { width:700px; } .page-service-orders .modal-dialog { width:700px; } .page-report-shipments .modal-dialog { /*width:fit-content;*/ min-width: 900px; } /*.page-storage .modal-dialog { width:75%; }*/ } .preview-frame { margin-top: 10px; width: 100%; height: calc(100vh - 295px); border: none; } .DTE.locked .preview-frame { height: calc(100vh - 263px); } .page-contragents .modal-dialog .tab-content { border: 1px solid #dddddd; border-top-style: none; } .page-contragents .modal-dialog .tab-pane { padding-top: 16px; min-height: 430px; } .page-contragents .modal-dialog h4 { font-weight: bold; color: #12689b; padding-left: 14px; } .page-items table#itemRecipe, .page-items table#itemRecipeLoose { font-size: 0.9em; } .page-items table#itemRecipe .form-control, .page-items table#itemRecipeLoose .form-control { font-size: 1em; } .page-items table#itemRecipe td.focus .DTE_Inline_Field select, .page-items table#itemRecipeLoose td.focus .DTE_Inline_Field select { margin: -4px 0 -2px -4px; } .page-items .editor_upload .rendered img { max-height: 120px; } .page-products .modal-body { padding-top: 10px; padding-bottom: 0; } .page-products .modal-header { padding: 10px 15px; } .page-products .modal-dialog .tab-content { border: 1px solid #dddddd; border-top-style: none; } .page-products .modal-dialog .tab-pane { padding-top: 16px; min-height: 515px; } .page-products .modal-dialog h4 { font-weight: bold; color: #12689b; padding-left: 14px; } .page-products .select2-results span.sel2.col-0 { width: 100px !important; white-space: nowrap; overflow: hidden; } .page-products .select2-selection span.sel2.col-0 { width: auto; padding-right: 8px; } .page-products .select2-results span.sel2.col-1 { width: 480px !important; white-space: nowrap; overflow: hidden; } .page-products .select2-results span.sel2.col-2, .page-products .select2-selection span.sel2.col-2 { display: none; } /*.page-products .select2-dropdown { width: 700px !important; }*/ /*.page-products .DTE_Field_Name_packingNotes textarea { height: 180px; }*/ .page-products .DTE_Field_Name_packingNotes button { float: right; margin-bottom: 4px; margin-top: -5px; } .page-products .DTE_Field_Name_packingLoose button { float: right; margin-bottom: 4px; margin-top: -5px; } .page-products .DTE_Field_Name_paletStacking .DTE_Field_InputControl label { max-width: 80% } .page-products .DTE_Field_Type_checkbox .controls { margin-top: 9px; margin-bottom: 3px; } .page-products .tooltip-inner { font-size: 16px; background-color: #92d050; color: #000 !important; min-width: 150px; max-width: 100%; } .page-products .DTE_Field .DTE_hint { right: -12px; } .page-products .DTE_Field_Name_packingByVendor .help-block { display: none; } .page-products .modal-dialog table.dataTable tr.dtrg-group td { background-color: #e0e0e0; text-align: left; } .page-products .modal-dialog table.dataTable tr.dtrg-group i.center { margin-left: 240px; } .page-products .modal-dialog table.dataTable tr.dtrg-group b { width: 250px; display: inline-block; font-weight: normal; font-size: 13px; padding-top: 4px; margin-top: 6px; color: #777; } .page-products .modal-dialog table.dataTable tr.dtrg-group b.document-name { width: 160px; } .page-products .modal-dialog table.dataTable td.disabled { display: none; } /* Hide table head */ .page-products .modal-dialog thead th { height: 1px; overflow: hidden; border: none !important; padding: 0 !important; margin: 0; line-height: 1px !important; font-size: 1px; color: #ffffff; } .page-offers section.content>div>div>div.box { margin-bottom: 0; } .page-offers .modal-dialog .tab-pane { padding-top: 32px; } .page-offers .modal-dialog .tab-pane.preview-tab { padding-top: 8px; } .page-offers .modal-dialog .tab-pane hr { margin-top: 0px; } .page-offers .modal-dialog .control-label { width: 170px !important; } .page-offers .modal-dialog .controls { width: calc(100% - 170px) !important; } .page-offers #offerProductsss { width: 90%; max-width: 900px !important; } .page-offers #offerProducts .controls { width: 100% !important; } .page-offers #offerProducts .col-offer-product { width: 500px !important; } .page-offers .preview-frame { width: 100%; height: calc(100vh - 310px); border: none; } /*.page-offers .editor_upload.multi .cell.upload, .page-offers .editor_upload .cell .drop { max-width: 350px; }*/ .page-offers div.DTE div.editor_upload.multi ul li button { font-size: 18px; line-height: 6px; font-weight: bold; margin-top: -12px; color: darkred; width: 24px; padding: 6px; border-radius: 12px; } .page-offers div.DTE div.editor_upload.multi ul li { border-bottom: 1px solid #ebebeb; } .page-offers div.DTE div.editor_upload.multi ul li i.fa { color: #2488df; } .page-offers #priceHistory .modal-title span { font-size: 1em; display: block; } /* Product selector - .page-offers, .page-purchase-orders and eventually others */ /* .page-pricelist, .page-purchase-orders, .page-report-dates, .page-report-assortment */ #select2-DTE_Field_product_id-results span.sel2.col-0 { width: 70px !important; white-space: nowrap; overflow: hidden; } #select2-DTE_Field_product_id-container span.sel2.col-0 { width: auto; padding-right: 8px; } #select2-DTE_Field_product_id-results span.sel2.col-1 { width: 80px !important; white-space: nowrap; overflow: hidden; border-right: 1px solid lightgray; margin-right: 5px; } #select2-DTE_Field_product_id-container span.sel2.col-1 { width: auto; padding-right: 8px; border-right: 1px solid lightgray; margin-right: 5px; } #select2-DTE_Field_product_id-results span.sel2.col-2 { width: 480px !important; white-space: nowrap; overflow: hidden; } #select2-DTE_Field_product_id-results span.sel2.col-3, #select2-DTE_Field_product_id-container span.sel2.col-3 { display: none; } #select2-DTE_Field_product_id-results span.sel2.col-4, #select2-DTE_Field_product_id-container span.sel2.col-4 { display: none; } /* Copy of the above group, for the Related Product - POP */ #select2-DTE_Field_rel_pop_id-results span.sel2.col-0 { width: 70px !important; white-space: nowrap; overflow: hidden; } #select2-DTE_Field_rel_pop_id-container span.sel2.col-0 { width: auto; padding-right: 8px; } #select2-DTE_Field_rel_pop_id-results span.sel2.col-1 { width: 80px !important; white-space: nowrap; overflow: hidden; border-right: 1px solid lightgray; margin-right: 5px; } #select2-DTE_Field_rel_pop_id-container span.sel2.col-1 { width: auto; padding-right: 8px; border-right: 1px solid lightgray; margin-right: 5px; } #select2-DTE_Field_rel_pop_id-results span.sel2.col-2 { width: 480px !important; white-space: nowrap; overflow: hidden; } #select2-DTE_Field_rel_pop_id-results span.sel2.col-3, #select2-DTE_Field_rel_pop_id-container span.sel2.col-3 { display: none; } #select2-DTE_Field_rel_pop_id-results span.sel2.col-4, #select2-DTE_Field_rel_pop_id-container span.sel2.col-4 { display: none; } .page-offers #select2-DTE_Field_product_id-results span.sel2.col-1 { width: 480px !important; white-space: nowrap; overflow: hidden; border-right: none; } .page-offers #select2-DTE_Field_product_id-results span.sel2.col-2, .page-offers #select2-DTE_Field_product_id-container span.sel2.col-2 { display: none; } .page-report-assortment #select2-DTE_Field_product_id-results span.sel2.col-2 { width: 180px !important; } .page-report-dates #select2-DTE_Field_product_id-results span.sel2.col-2 { width: 180px !important; } .page-report-dates #select2-DTE_Field_mo_id-results span.sel2.col-0, .page-report-dates #select2-DTE_Field_mo_id-container span.sel2.col-0 { width: 130px !important; display: inline-block; } .page-shipments #select2-DTE_Field_mo_id-results span.sel2.col-0, .page-shipments #select2-DTE_Field_mo_id-container span.sel2.col-0 { width: 130px !important; display: inline-block; } .page-shipments #select2-DTE_Field_mo_id-results span.sel2.col-1, .page-shipments #select2-DTE_Field_mo_id-container span.sel2.col-1 { width: 70px !important; display: inline-block; border-right: 1px solid lightgray; margin-right: 5px; } .page-purchase-orders #select2-DTE_Field_pricelist1-results span.sel2.col-0, .page-purchase-orders #select2-DTE_Field_pricelist-results span.sel2.col-0, .page-mfg-orders #select2-DTE_Field_pricelist-results span.sel2.col-0, .page-expenses #select2-DTE_Field_pricelist-results span.sel2.col-0 { width: 90px !important; white-space: nowrap; overflow: hidden; padding-right: 8px; text-align: right; } .page-purchase-orders #select2-DTE_Field_pricelist1-container span.sel2.col-0, .page-purchase-orders #select2-DTE_Field_pricelist-container span.sel2.col-0, .page-mfg-orders #select2-DTE_Field_pricelist-container span.sel2.col-0, .page-expenses #select2-DTE_Field_pricelist-container span.sel2.col-0 { width: 94px; display: inline-block; padding-right: 8px; text-align: right; } .page-purchase-orders #select2-DTE_Field_pricelist1-results span.sel2.col-1, .page-purchase-orders #select2-DTE_Field_pricelist-results span.sel2.col-1, .page-mfg-orders #select2-DTE_Field_pricelist-results span.sel2.col-1, .page-expenses #select2-DTE_Field_pricelist-results span.sel2.col-1 { width: 60px !important; white-space: nowrap; overflow: hidden; padding-right: 8px; text-align: right; border-right: 1px solid lightgray; margin-right: 5px; } .page-purchase-orders #select2-DTE_Field_pricelist1-container span.sel2.col-1, .page-purchase-orders #select2-DTE_Field_pricelist-container span.sel2.col-1, .page-mfg-orders #select2-DTE_Field_pricelist-container span.sel2.col-1, .page-expenses #select2-DTE_Field_pricelist-container span.sel2.col-1 { width: 60px; display: inline-block; padding-right: 8px; text-align: right; border-right: 1px solid lightgray; margin-right: 5px; } .page-purchase-orders #select2-DTE_Field_pricelist1-results span.sel2.col-2, .page-purchase-orders #select2-DTE_Field_pricelist-results span.sel2.col-2, .page-mfg-orders #select2-DTE_Field_pricelist-results span.sel2.col-2, .page-expenses #select2-DTE_Field_pricelist-results span.sel2.col-2 { width: 80px !important; white-space: nowrap; overflow: hidden; padding-right: 8px; text-align: right; border-right: 1px solid lightgray; margin-right: 5px; } .page-purchase-orders #select2-DTE_Field_pricelist1-container span.sel2.col-2, .page-purchase-orders #select2-DTE_Field_pricelist-container span.sel2.col-2, .page-mfg-orders #select2-DTE_Field_pricelist-container span.sel2.col-2, .page-expenses #select2-DTE_Field_pricelist-container span.sel2.col-2 { width: 80px; display: inline-block; padding-right: 8px; text-align: right; border-right: 1px solid lightgray; margin-right: 5px; } .page-purchase-orders #select2-DTE_Field_pricelist1-results span.sel2.col-3, .page-purchase-orders #select2-DTE_Field_pricelist-results span.sel2.col-3, .page-mfg-orders #select2-DTE_Field_pricelist-results span.sel2.col-3, .page-expenses #select2-DTE_Field_pricelist-results span.sel2.col-3 { min-width: 80px !important; white-space: nowrap; overflow: hidden; text-align: right; } .page-purchase-orders #select2-DTE_Field_pricelist1-container span.sel2.col-3, .page-purchase-orders #select2-DTE_Field_pricelist-container span.sel2.col-3, .page-mfg-orders #select2-DTE_Field_pricelist-container span.sel2.col-3, .page-expenses #select2-DTE_Field_pricelist-container span.sel2.col-3 { min-width: 80px; } .page-invoices #select2-DTE_Field_purchase_order_id-results span.sel2.col-0 { width: 150px !important; white-space: nowrap; overflow: hidden; } .page-invoices #select2-DTE_Field_purchase_order_id-container span.sel2.col-0 { width: 150px; display: inline-block; padding-right: 8px; } .page-invoices #select2-DTE_Field_purchase_order_id-results span.sel2.col-1 { width: 100px !important; white-space: nowrap; overflow: hidden; } .page-invoices #select2-DTE_Field_purchase_order_id-container span.sel2.col-1 { width: 100px; } .page-invoices #select2-DTE_Field_mfg_order_id-results span.sel2.col-0 { width: 150px !important; white-space: nowrap; overflow: hidden; } .page-invoices #select2-DTE_Field_mfg_order_id-container span.sel2.col-0 { width: 150px; display: inline-block; padding-right: 8px; } .page-invoices #select2-DTE_Field_mfg_order_id-results span.sel2.col-1 { width: 100px !important; white-space: nowrap; overflow: hidden; } .page-invoices #select2-DTE_Field_mfg_order_id-container span.sel2.col-1 { width: 100px; } .page-invoices #select2-DTE_Field_ref_invoice_id-results span.sel2.col-0, .page-expenses #select2-DTE_Field_ref_expense_id-results span.sel2.col-0 { width: 80px !important; white-space: nowrap; overflow: hidden; } .page-invoices #select2-DTE_Field_ref_invoice_id-container span.sel2.col-0, .page-expenses #select2-DTE_Field_ref_expense_id-container span.sel2.col-0 { width: 84px; display: inline-block; padding-right: 8px; } .page-invoices #select2-DTE_Field_ref_invoice_id-results span.sel2.col-1, .page-expenses #select2-DTE_Field_ref_expense_id-results span.sel2.col-1 { width: 76px !important; white-space: nowrap; overflow: hidden; border-right: 1px solid lightgray; margin-right: 5px; } .page-invoices #select2-DTE_Field_ref_invoice_id-container span.sel2.col-1, .page-expenses #select2-DTE_Field_ref_expense_id-container span.sel2.col-1 { width: 76px; display: inline-block; border-right: 1px solid lightgray; margin-right: 5px; } .page-invoices #select2-DTE_Field_ref_invoice_id-results span.sel2.col-3, .page-invoices #select2-DTE_Field_ref_invoice_id-container span.sel2.col-3, .page-expenses #select2-DTE_Field_ref_expense_id-results span.sel2.col-3, .page-expenses #select2-DTE_Field_ref_expense_id-container span.sel2.col-3, .page-invoices #select2-DTE_Field_ref_invoice_id-results span.sel2.col-4, .page-invoices #select2-DTE_Field_ref_invoice_id-container span.sel2.col-4, .page-expenses #select2-DTE_Field_ref_expense_id-results span.sel2.col-4, .page-expenses #select2-DTE_Field_ref_expense_id-container span.sel2.col-4, .page-expenses #select2-DTE_Field_ref_expense_id-results span.sel2.col-5, .page-expenses #select2-DTE_Field_ref_expense_id-container span.sel2.col-5 { display: none; } .page-payments #select2-DTE_Field_multipleDocsIn-results span.sel2.col-0, .page-payments #select2-DTE_Field_multipleDocsEx-results span.sel2.col-0 { width: 160px !important; white-space: nowrap; overflow: hidden; border-right: 1px solid lightgray; margin-right: 5px; } .page-payments #select2-DTE_Field_multipleDocsIn-results span.sel2.col-1, .page-payments #select2-DTE_Field_multipleDocsEx-results span.sel2.col-1 { width: 30px !important; white-space: nowrap; overflow: hidden; border-right: 1px solid lightgray; margin-right: 5px; } .page-payments #select2-DTE_Field_multipleDocsIn-results span.sel2.col-2, .page-payments #select2-DTE_Field_multipleDocsEx-results span.sel2.col-2 { width: 80px !important; text-align: right; } .page-payments .DTE_Field_Name_multipleDocsIn .select2-selection span.sel2.col-0, .page-payments .DTE_Field_Name_multipleDocsEx .select2-selection span.sel2.col-0 { border-right: none; } .page-payments .DTE_Field_Name_multipleDocsIn .select2-selection span.sel2, .page-payments .DTE_Field_Name_multipleDocsEx .select2-selection span.sel2 { margin-right: 5px; } .page-payments .DTE_Field_Name_multipleDocsIn .select2-search__field.form-control, .page-payments .DTE_Field_Name_multipleDocsEx .select2-search__field.form-control { height: inherit; } .page-payments ul.select2-results__options li:last-child { height: 30px; } .page-storage #select2-DTE_Field_item_id-results span.sel2.col-0 { width: 100px !important; white-space: nowrap; overflow: hidden; } .page-storage #select2-DTE_Field_item_id-container span.sel2.col-0 { width: 104px; display: inline-block; padding-right: 8px; } .page-storage #select2-DTE_Field_item_id-results span.sel2.col-1 { width: 480px !important; white-space: nowrap; overflow: hidden; } .page-storage #select2-DTE_Field_item_id-results span.sel2.col-2, .page-storage #select2-DTE_Field_item_id-container span.sel2.col-2 { display: none; } .page-transport-docs #select2-DTE_Field_fromExpenseDoc-results span.sel2.col-0, .page-transport-docs #select2-DTE_Field_fromExpenseDoc-results span.sel2.col-1 { width: 80px !important; white-space: nowrap; overflow: hidden; border-right: 1px solid lightgray; margin-right: 5px; } .page-transport-docs #select2-DTE_Field_fromExpenseDoc-container span.sel2.col-0, .page-transport-docs #select2-DTE_Field_fromExpenseDoc-container span.sel2.col-1 { width: 84px; display: inline-block; padding-right: 8px; } /* InPageEditor - page-offers, page-purchase-orders... */ #inPageEditorWrapper { display: none; } #inPageEditorWrapper.modal-dialog { width: 100%; margin-top: -3px; margin-bottom: 0; } #inPageEditorWrapper .tab-content { border: 1px solid #dddddd; border-top-style: none; } #inPageEditorWrapper .modal-header { padding: 10px 15px; } #inPageEditorWrapper .modal-header .DTE_Header_Content { line-height: 0.8; } #inPageEditorWrapper .modal-body { padding-bottom: 0; } #inPageEditorWrapper .modal-footer { padding: 6px 0 16px 0; border-top: none; } #inPageEditorWrapper .foot-wrapper .modal-footer { padding: 0; border-top: none; } #modalTableWrapper h4, #secondTableWrapper h4, #storageTableWrapper h4 { font-weight: bold; color: #12689b; } #modalTableWrapper h5, #secondTableWrapper h5, #storageTableWrapper h5 { font-weight: bold; color: #12689b; } #inPageEditorWrapper .subform-heading { font-weight: bold; color: #12689b; border-bottom: 1px solid #ccc; padding-bottom: 4px; } .page-purchase-orders .modal-dialog .tab-pane { padding-top: 16px; padding-bottom: 20px; } .page-purchase-orders .modal-dialog .tab-pane.preview-tab { padding: 8px 8px 3px 8px; } .page-purchase-orders .modal-dialog .tab-pane hr { margin-top: 0px; } /* .page-purchase-orders #po_tab_1 .row { margin-right: 15px; } */ .page-purchase-orders #po_tab_1 h4, .page-purchase-orders #po_tab_3 h4 { font-weight: bold; color: #12689b; margin-left: 28px; margin-bottom: 28px; } .page-purchase-orders #po_tab_6 h4 { font-weight: bold; color: #12689b; font-size: 16px; text-decoration: underline; margin-top: 16px; } /* .page-purchase-orders #modalTableWrapper, .page-purchase-orders #secondTableWrapper { margin-left: 0; margin-right: 0; } */ .page-purchase-orders #purchase-orders th { text-align: center; vertical-align: middle; } .page-purchase-orders section.content>div>div>div.box { margin-bottom: 0; } .page-purchase-orders .modal-dialog .col { padding-left: 10px; padding-right: 10px; } .page-purchase-orders .modal-dialog .control-label { width: 150px !important; padding-left: 5px; padding-right: 5px; } .page-purchase-orders .modal-dialog .controls { width: calc(100% - 150px) !important; padding-left: 5px; padding-right: 5px; } .page-purchase-orders .modal-dialog .form-col-3 .control-label { width: 130px !important; } .page-purchase-orders .modal-dialog .form-col-3 .controls { width: calc(100% - 140px) !important; } .page-purchase-orders #inPageEditorWrapper .modal-footer { float: right; margin-right: 16px; margin-top: -14px; padding-bottom: 0; } .page-purchase-orders #orderProducts, .page-purchase-orders #productContractors { width: 99% !important; max-width: 1050px !important; } .page-purchase-orders #orderProducts td, .page-purchase-orders #productContractors td { padding: 3px 4px !important; } .page-purchase-orders #orderProducts th, .page-purchase-orders #productContractors th { padding: 8px 4px !important; text-align: center; vertical-align: middle; } .page-purchase-orders .form-order-products .control-label { width: 220px !important; padding-left: 5px; padding-right: 5px; } .page-purchase-orders .form-order-products .controls { width: calc(100% - 240px) !important; } .page-purchase-orders .form-order-products .DTE_hint { right: 0; } .page-purchase-orders .form-product-contractors .control-label { width: 200px !important; padding-left: 5px; padding-right: 5px; } .page-purchase-orders .form-product-contractors .controls { width: calc(100% - 220px) !important; } .page-purchase-orders .form-product-contractors .DTE_hint { right: 0; } .page-purchase-orders #tab_priceHistory .intable-controls-column { width: 70px !important; } .page-purchase-orders #tab_priceHistory .intable-controls .btn { margin-top: -4px; } .page-purchase-orders #tab_poStorageModal .intable-controls .btn { margin-top: -4px; line-height: 1.4; } .page-purchase-orders .DTE_Field_Name_tally { position: absolute; right: 10px; } .page-purchase-orders .DTE_Field_Name_tally label { text-decoration: underline; cursor: pointer; } .page-purchase-orders #DTE_Field_tally { width: 100px; padding-right: 33px; cursor: pointer; } .page-purchase-orders .modal-dialog .DTE_Field_Name_master_id.disabled, .page-purchase-orders .modal-dialog .DTE_Field_Name_company_id.disabled, .page-purchase-orders .modal-dialog .DTE_Field_Name_poNr.disabled, .page-purchase-orders .modal-dialog .DTE_Field_Name_poDate.disabled { opacity: 0.9; } .page-purchase-orders .modal-dialog .DTE_Field_Name_product_id.disabled, .page-purchase-orders .modal-dialog .DTE_Field_Name_qty.disabled, .page-purchase-orders .modal-dialog .DTE_Field_Name_pricelist1.disabled, .page-purchase-orders .modal-dialog .DTE_Field_Name_pricelist.disabled, .page-purchase-orders .modal-dialog .DTE_Field_Name_unitPrice.disabled, .page-purchase-orders .modal-dialog .DTE_Field_Name_buyPricePrd.disabled { opacity: 0.7; } .page-purchase-orders #poStorageModal .modal-title span { font-size: 16px; } .page-purchase-orders #orderProducts_wrapper, .page-purchase-orders #productContractors_wrapper { overflow-x: auto; } .page-purchase-orders #poPdfPreviewFrame { height: calc(100vh - 264px);} .page-purchase-orders #transdocFrame { height: calc(100vh - 235px); position: relative; right: -13px; top: -18px; margin-bottom: -28px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .page-purchase-orders #orderProducts tr.slave:not(.selected) { background-color: #eeffff; } .page-purchase-orders #orderProducts tr.slave:not(.selected):hover { background-color: #dbffff; } .page-purchase-orders #orderProducts tr.slave td:nth-child(4) { padding-left: 25px !important; position: relative; } .page-purchase-orders #orderProducts tr.slave td:nth-child(4)::before { content: "└─ "; /* Injects the L-shaped tree symbol */ position: absolute; left: 8px; /* Aligns it neatly inside the padding */ top: 50%; transform: translateY(-50%); color: #888; /* Making it slightly lighter often looks cleaner */ font-family: monospace; /* Optional: ensures perfect geometric rendering */ } table#productsFromStorage td.editable, table#productsFromStorage th.editable { background-color: #fff8dd; } table#productsFromStorage tr:hover td.editable { background-color: #fff2c5; } table#productsFromStorage .DTE_Inline_Field input { min-width: 60px; padding: 0px 6px; position: absolute; left: -7px; top: 1px; } table#productsFromStorage .DTE_Inline_Field .DTE_Form_Error, table#productsFromStorage .DTE_Inline_Field .help-block { position: absolute; background: #fff7b3; padding: 4px; border: 1px solid darkred; border-radius: 6px; left: 50px; top: -30px; } .page-storage-orders table#productsFromStorage .DTE_Inline_Field .controls, .page-storage-orders table#splitColli .DTE_Inline_Field .controls { width: 100% !important; padding: 0; } .page-storage-orders table#productsFromStorage .DTE_Inline_Field input, .page-storage-orders table#splitColli .DTE_Inline_Field input { width: 100%; position: inherit; padding: 0; } .page-storage-orders table#productsFromStorage .DTE_Inline_Field .DTE_Form_Error, .page-storage-orders table#splitColli .DTE_Inline_Field .DTE_Form_Error { left: auto; right: -7px; top: -45px; } .page-mfg-orders .modal-dialog .tab-pane { padding-top: 16px; padding-bottom: 20px; } .page-mfg-orders .modal-dialog .tab-pane.preview-tab { padding: 8px 8px 3px 8px; } .page-mfg-orders .modal-dialog .tab-pane hr { margin-top: 0px; } .page-mfg-orders #ord_tab_3 h4, .page-mfg-orders #ord_tab_4 h4 { font-weight: normal; color: #12689b; margin-left: 28px; margin-bottom: 10px; } .page-mfg-orders section.content>div>div>div.box { margin-bottom: 0; } .page-mfg-orders .modal-dialog .col { padding-left: 10px; padding-right: 10px; } .page-mfg-orders .modal-dialog .control-label { width: 200px !important; padding-left: 5px; padding-right: 5px; } .page-mfg-orders .modal-dialog .controls { width: calc(100% - 200px) !important; padding-left: 5px; padding-right: 5px; } .page-mfg-orders #inPageEditorWrapper .modal-footer { float: right; margin-right: 16px; margin-top: -14px; padding-bottom: 0; } .page-mfg-orders table#orderProducts, .page-mfg-orders table#orderCorrection { max-width: 1100px !important; } .page-mfg-orders .DTE_Field_Name_message label { position: absolute; top: -44px; left: 0; } .page-mfg-orders .DTE_Field_Name_message textarea { height: 78px !important;} .page-mfg-orders .DTE_Field_Name_message .controls { width: 100% !important; } .page-mfg-orders .DTE_Field_Name_attachDrawings .DTE_Field_InputControl label { max-width: 80% } .page-mfg-orders .DTE_Field_Name_curRate .controls { max-width: 130px; } .page-mfg-orders .DTE_Field_Name_currency .controls { max-width: 130px; } .page-mfg-orders .DTE_Field_Name_created_by { z-index: 100; } .page-mfg-orders #orderCorrection td.void { background: inherit; } .page-mfg-orders #orderCorrection tr.selected td.void, .page-mfg-orders #orderCorrection tr.selected td.locked, .page-mfg-orders #orderCorrection tr.selected td.correction { color: inherit; } .page-mfg-orders .form-product-contractors .control-label { width: 200px !important; padding-left: 5px; padding-right: 5px; } .page-mfg-orders .form-product-contractors .controls { width: calc(100% - 220px) !important; } .page-mfg-orders .form-product-contractors .DTE_hint { right: 0; } .page-messages a.editor_edit { display: block; color: #333; } .page-messages a.editor_edit:hover { text-decoration: none; color: #12689b; } .page-messages #inPageEditorWrapper .modal-footer { float: right; margin-right: 16px; margin-top: -14px; padding-bottom: 0; } .page-messages #inPageEditorWrapper .modal-body { padding-top: 5px; } .page-messages .DTE_Field_Name_subject { margin-top: 15px; } .page-messages .DTE_Field_Name_subject label { width: 100px; text-align: left; padding-left: 0; padding-right: 0; } .page-messages .DTE_Field_Name_subject .controls { width: calc(100% - 100px) !important; padding-right: 0; } .page-messages .message-info span { color: #12689b; } .page-messages .message-subject-row { font-size: 1.4em; } .page-messages .message-subject { font-weight: bold; font-size: 1.2em; } .page-messages .row.message-properties { margin-top: 10px; } .page-messages .row.message-properties .box { background-color: #f3f3f3; } .page-messages .row.message-properties div.DTE_Field > label { float: none; clear: both; width: 100%; padding-top: 0; text-align: left; padding-left: 0; padding-right: 2px;} .page-messages .row.message-properties div.DTE_Field > div.controls { float: none; clear: both; width: 100%; padding-left: 0; padding-right: 2px; } .page-messages .row.message-properties input[type=checkbox]+label { vertical-align: top; } .page-messages .row.message-properties .DTE_Field.disabled { opacity: 0.8; } .page-messages .row.message-properties .DTE_Field.disabled .select2-selection { cursor: not-allowed; background-color: #fefefe; } .page-messages .select2-results span.sel2, .page-messages .select2-selection span.sel2 { padding: 12px 0; margin: -6px 0 -12px 0; } .page-messages .select2-results span.sel2.col-0, .page-messages .select2-selection span.sel2.col-0 { width: 24px; margin-right: 5px; } .page-messages .select2-results__option[aria-selected=true] span.sel2.col-1 { width: auto; } .page-messages .select2-results__option { padding: 0 8px; } .page-messages .direct-chat-name { font-size: 14px; color: #12689b; } .page-messages .direct-chat-text { background-color: #f3f3f3; border-color: #f3f3f3; } .page-messages .direct-chat-text:after, .page-messages .direct-chat-text:before { border-right-color: #f3f3f3; } .page-messages .message-reply .box-title { cursor: pointer; display: block; font-size: 16px; } .page-messages .message-reply .box-body { padding: 0; } .page-messages .message-reply .box-footer { box-shadow: 0px -1px 6px rgba(0,0,0,0.2); } .page-messages .message-reply .control-label { display: none; } .page-messages .message-reply .controls { padding: 0; } .page-messages .message-reply .mce-container { border: none; box-shadow: none; } .page-messages .message-reply .DTE_Field_Name_send_email { width: 200px; } .page-messages .message-reply input[type=checkbox]+label { vertical-align: top; } .page-messages .message-posts .box-header { height: 4px; overflow: hidden; padding: 0; } .page-messages .message-posts .direct-chat-messages { height: auto; overflow: auto; } .page-messages .message-posts .direct-chat-timestamp { padding-top: 3px; } /* .page-report-orders .modal-dialog.form-poc-comment .control-label { width: 100px !important; } .page-report-orders .modal-dialog.form-poc-comment .controls { width: calc(100% - 100px) !important; } */ .page-invoices .modal-dialog .tab-pane { padding-top: 16px; padding-bottom: 20px; } .page-invoices .modal-dialog .tab-pane.preview-tab { padding: 8px 8px 3px 8px; } .page-invoices .modal-dialog .tab-pane hr { margin-top: 0px; } .page-invoices #inv_tab_1 h4, .page-invoices #inv_tab_4 h4 { font-weight: normal; color: #12689b; margin-left: 28px; margin-bottom: 28px; } .page-invoices #inv_tab_1 hr { background-color: #7dabd2; margin: 4px 28px 12px; height: 2px; border: none; } .page-invoices #inv_tab_2 { min-height: 400px; } .page-invoices #inv_tab_2 h4 { font-weight: normal; color: #12689b; } .page-invoices #invoices th { text-align: center; vertical-align: middle; } .page-invoices section.content>div>div>div.box { margin-bottom: 0; } .page-invoices .modal-dialog .col { padding-left: 10px; padding-right: 10px; } .page-invoices .modal-dialog .control-label, .page-invoices .modal-dialog .controls { padding-left: 5px; padding-right: 5px; } @media (min-width: 1400px) { .page-invoices .modal-dialog .control-label { width: 150px !important; } .page-invoices .modal-dialog .controls { width: calc(100% - 150px) !important; } .page-invoices .modal-dialog .form-col-2 .control-label { width: 130px !important; } .page-invoices .modal-dialog .form-col-2 .controls { width: calc(100% - 130px) !important; } .page-invoices .modal-dialog .form-col-3 .control-label { width: 165px !important; } .page-invoices .modal-dialog .form-col-3 .controls { width: calc(100% - 165px) !important; } } .page-invoices .modal-dialog input[type=checkbox]+label { vertical-align: top; } .page-invoices #inPageEditorWrapper .modal-footer { float: right; margin-right: 16px; margin-top: -14px; padding-bottom: 0; } /* customized fields */ .page-invoices .modal-dialog #DTE_Field_comments { height: 160px; width: calc(100% - 12px); resize: none; overflow: auto; } .page-invoices .modal-dialog .DTE_Field_Name_advance.disabled.checked { opacity: 1; } .page-invoices .modal-dialog .DTE_Field_Name_advance.disabled.checked label:not(.control-label) { font-weight: bold; color: #12689b; } .page-invoices .modal-dialog .DTE_Field_Name_master_id.disabled { opacity: 0.9; } .page-invoices .modal-dialog .DTE_Field_Name_company_id.disabled { opacity: 0.9; } .page-invoices .modal-dialog .DTE_Field_Name_exportDeclar>label.control-label { width: 345px !important; } .page-invoices .modal-dialog .DTE_Field_Name_exportDeclar .controls { width: 280px !important; } .page-invoices .modal-dialog .DTE_Field_Name_taricSpec>label.control-label, .page-invoices .modal-dialog .DTE_Field_Name_fsc>label.control-label { width: 345px !important; } .page-invoices .modal-dialog .DTE_Field_Name_taricSpec .controls, .page-invoices .modal-dialog .DTE_Field_Name_fsc .controls { width: 180px !important; padding-left: 15px; } .page-invoices .modal-dialog .DTE_Field_Name_grounds .DTE_Field_InputControl>div>div:last-child { display: none; } .page-invoices .preview-frame { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .page-invoices .hide-buttons #invoiceProducts_wrapper .dt-buttons { display: inherit !important; } .page-expenses .modal-dialog .tab-pane { padding-top: 16px; padding-bottom: 20px; } .page-expenses .modal-dialog #exp_tab_2 { padding-top: 10px; padding-bottom: 0; } .page-expenses .modal-dialog .tab-pane.preview-tab { padding: 8px 8px 3px 8px; } .page-expenses .modal-dialog .tab-content { padding-right: 10px; } .page-expenses .modal-dialog .tab-pane hr { margin-top: 0; } .page-expenses #exp_tab_1 h4, .page-expenses #inv_tab_4 h4 { font-weight: normal; color: #12689b; margin-left: 28px; margin-bottom: 28px; } .page-expenses #exp_tab_1 hr { background-color: #7dabd2; margin: 4px 14px 12px 28px; height: 2px; border: none; } .page-expenses #exp_tab_2 { min-height: 400px; } .page-expenses #exp_tab_2 h4 { font-weight: normal; color: #12689b; } .page-expenses #expenses th { text-align: center; vertical-align: middle; } .page-expenses section.content>div>div>div.box { margin-bottom: 0; } .page-expenses .modal-dialog .col { padding-left: 10px; padding-right: 10px; } .page-expenses .modal-dialog .control-label { width: 135px !important; padding-left: 5px; padding-right: 5px; } .page-expenses .modal-dialog .controls { width: calc(100% - 135px) !important; padding-left: 5px; padding-right: 5px; } .page-expenses .modal-dialog .col-sm-4 .control-label { width: 100px !important; } .page-expenses .modal-dialog .col-sm-4 .controls { width: calc(100% - 100px) !important; } .page-expenses .modal-dialog .form-col-3 .control-label { width: 165px !important; } .page-expenses .modal-dialog .form-col-3 .controls { width: calc(100% - 165px) !important; } .page-expenses .modal-dialog input[type=checkbox]+label { vertical-align: top; } .page-expenses #inPageEditorWrapper .modal-footer { float: right; margin-right: 16px; margin-top: -14px; padding-bottom: 0; } .page-expenses .modal-dialog .DTE_Field_Name_master_id.disabled, .page-expenses .modal-dialog .DTE_Field_Name_company_id.disabled, .page-expenses .modal-dialog .DTE_Field_Name_docType.disabled { opacity: 0.9; } .page-expenses .modal-dialog .DTE_Field_Name_grounds .DTE_Field_InputControl>div>div:first-child { display: none; } .page-expenses .modal-dialog .DTE_Field_Name_grounds .help-block { display: none; } .page-expenses .modal-dialog .DTE_Field_Name_grounds .control-label { display: none; } .page-expenses .modal-dialog .dt-buttons.btn-group { float: right; margin-bottom: 0; margin-right: 16px; } .page-expenses .modal-dialog td.small-text { color: #999 !important; } .page-expenses #vat20Btn { position: absolute; right: -24px; top: 51px; padding: 1px 5px; z-index: 1000; font-weight: bold; } .page-expenses .orders-tally { margin: 10px 0 0; padding: 6px 10px; } .page-expenses .orders-tally dt { display: inline; color: #12689b; } .page-expenses .orders-tally dt.text-danger { display: inline; color: #dc3545; } .page-expenses .orders-tally dd { display: inline; padding: 0 12px 0 3px; } .page-expenses .preview-frame { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); height: calc(100vh - 215px); } .page-expenses #transdocFrame { height: calc(100vh - 315px); position: relative; right: -13px; top: -18px; margin-bottom: -28px; } .page-expenses #expenseOrders_filter { position: absolute; right: 26px; top: 33px; z-index: 1000; } .page-expenses #expenseOrders_filter label { font-size: 1px; color: #fff; } .page-expenses #expenseOrders_filter input { background-color: aliceblue; } .page-expenses #expenseOrders_wrapper, .page-expenses #expenseUnits_wrapper, .page-expenses #expenseShipments_wrapper { border-bottom: 1px solid #ddd; box-shadow: inset -8px -10px 10px 0 rgba(0, 0, 0, 0.1); } .page-expenses #expense_oth_grounds { margin-top: 10px; } .page-expenses #expense_oth_grounds .control-label { width: 100px !important; } .page-expenses #expense_oth_grounds .controls { width: calc(100% - 100px) !important; } @media (min-width: 1000px) { .page-expenses .expenseOrdersWrapper { top: -32px; margin-bottom: -32px; } .page-expenses #expenseUnits_wrapper, .page-expenses #expenseShipments_wrapper { top: -32px; margin-bottom: -32px; position: relative; } .page-expenses #expense_ord_grounds>div:first-child { z-index: 1000; max-width: calc(100% - 190px); padding-right: 0; } } .page-expenses .DTE.locked .expenseOrdersWrapper, .page-expenses .DTE.locked #expenseUnits_wrapper, .page-expenses .DTE.locked #expenseShipments_wrapper { top: unset; margin-bottom: unset; } .page-expenses .DTE.locked .dataTables_filter { display: none; } .page-expenses .DTE.locked table.dataTable tr:not(.selected) td.highlight { background: none; } .page-expenses .DTE.locked table.dataTable.compact th.col-check, .page-expenses .DTE.locked table.dataTable.compact td.col-check { display: none; } .page-payments .DTE_Field .DTE_unit { right: 25px; } .page-payments .DTE_hint { right: -10px; } .page-payments #payments-in_wrapper tfoot tr th { background-color: #e2fde2; box-shadow: inset 0 4px 4px 0 rgba(0,0,0,.1); } .page-payments #payments-out_wrapper tfoot tr th { background-color: #faeddb; vertical-align: middle; box-shadow: inset 0 4px 4px 0 rgba(0,0,0,.1); } .page-payments .dataTable tr.selected td span.highlight { color: white !important; } .page-payments .dataTable td small.label { display: inline-block; min-width: 36px; } .page-payments .dataTable td a.pdf-link { color: inherit; text-decoration: underline; } .page-payments .dataTable td a.pdf-link:hover { color: #337ab7; } .page-payments .dataTable td a.order-finstat { color: inherit; } .page-payments .DTE_Field_Name_comments label { padding: 0; } .page-payments .DTE_Field_Name_comments .controls { padding: 0; } .page-payments .DTE_Field_Name_comments textarea { width: 100% !important; } .page-payments .DTE_Field_Name_newPayment.disabled { opacity: 1 !important; } .page-payments #DTE_Field_newPayment { color: #000 !important; font-weight: bold; } .page-payments #paymentDetails { height: auto; min-height: 165px; width: 100%; margin-bottom: 10px; background-color: #eee; } .page-payments #paymentDetails p { margin: 0; } .page-payments #paymentDetails .fa-clone { scale: 70% 90%; } .page-payments .expenses-tally span { font-size: 15px; } #poFinStatModal .modal-dialog { max-width: 670px; } #poFinStatModal .modal-title span { font-size: 20px; padding-left: 5px; } #poFinStatModal tr.outlined { outline: 2px solid brown; outline-offset: -1px; } #poFinStatModal #ttl_dueAmount { background-color: #eee; outline: 2px solid #aaa; } #poFinStatModal #ttl_dueAmount.text-danger { outline-color: #dc3545; } @media (min-width: 1200px) { .page-payments .modal-dialog.form-expenses { width:800px; } .page-payments .modal-dialog.form-expenses .control-label { width: 155px !important; } .page-payments .modal-dialog.form-expenses .controls { width: calc(100% - 155px) !important; padding-right: 0; } .page-payments .modal-dialog.form-expenses .DTE_Field .DTE_unit { right: 10px; } } .page-transport-docs .modal-dialog .tab-pane { padding-top: 16px; padding-bottom: 20px; } .page-transport-docs .modal-dialog #td_tab_2 { padding-top: 10px; padding-bottom: 0; } .page-transport-docs .modal-dialog .tab-pane.preview-tab { padding: 8px 8px 3px 8px; } .page-transport-docs .modal-dialog .tab-content { padding-right: 10px; } .page-transport-docs .modal-dialog .tab-pane hr { margin-top: 0; } .page-transport-docs #td_tab_1 h4 { font-weight: normal; color: #12689b; margin-left: 28px; margin-bottom: 28px; } .page-transport-docs #td_tab_1 hr { background-color: #7dabd2; margin: 4px 14px 12px 28px; height: 2px; border: none; } .page-transport-docs #td_tab_2 { min-height: 400px; } .page-transport-docs #td_tab_2 h4 { font-weight: normal; color: #12689b; } .page-transport-docs #transport-docs th { text-align: center; vertical-align: middle; } .page-transport-docs section.content>div>div>div.box { margin-bottom: 0; } .page-transport-docs .modal-dialog .col { padding-left: 10px; padding-right: 10px; } .page-transport-docs .modal-dialog .control-label { width: 135px !important; padding-left: 5px; padding-right: 5px; } .page-transport-docs .modal-dialog .controls { width: calc(100% - 135px) !important; padding-left: 5px; padding-right: 5px; } .page-transport-docs .modal-dialog .col-sm-4 .control-label { width: 100px !important; } .page-transport-docs .modal-dialog .col-sm-4 .controls { width: calc(100% - 100px) !important; } .page-transport-docs .modal-dialog .form-col-3 .control-label { width: 165px !important; } .page-transport-docs .modal-dialog .form-col-3 .controls { width: calc(100% - 165px) !important; } .page-transport-docs .modal-dialog input[type=checkbox]+label { vertical-align: top; } .page-transport-docs #inPageEditorWrapper .modal-footer { float: right; margin-right: 16px; margin-top: -14px; padding-bottom: 0; } .page-transport-docs .modal-dialog .DTE_Field_Name_master_id.disabled, .page-transport-docs .modal-dialog .DTE_Field_Name_company_id.disabled { opacity: 0.9; } .page-transport-docs .modal-dialog .dt-buttons.btn-group { /*float: right;*/ margin-bottom: 0; margin-right: 16px; } .page-transport-docs .modal-dialog td.small-text { color: #999 !important; } .page-transport-docs .preview-frame { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); height: calc(100vh - 215px); } .page-transport-docs #tdShipments_filter { position: absolute; right: 26px; /*top: 33px; */z-index: 1000; } .page-transport-docs #tdShipments_filter label { font-size: 1px; color: #fff; } .page-transport-docs #tdShipments_filter input { background-color: aliceblue; } .page-transport-docs #tdShipments_wrapper { border-bottom: 1px solid #ddd; box-shadow: inset -8px -10px 10px 0 rgba(0, 0, 0, 0.1); } @media (min-width: 1000px) { .page-transport-docs .expenseOrdersWrapper { top: -32px; margin-bottom: -32px; } .page-transport-docs #expenseUnits_wrapper, .page-transport-docs #expenseShipments_wrapper { top: -32px; margin-bottom: -32px; position: relative; } .page-transport-docs #expense_ord_grounds>div:first-child { z-index: 1000; max-width: calc(100% - 190px); padding-right: 0; } } .page-transport-docs .DTE.locked .expenseOrdersWrapper, .page-transport-docs .DTE.locked #expenseUnits_wrapper, .page-transport-docs .DTE.locked #expenseShipments_wrapper { top: unset; margin-bottom: unset; } .page-transport-docs .DTE.locked .dataTables_filter { display: none; } .page-transport-docs .DTE.locked table.dataTable tr:not(.selected) td.highlight { background: none; } .page-transport-docs .DTE.locked table.dataTable.compact th.col-check, .page-transport-docs .DTE.locked table.dataTable.compact td.col-check { display: none; } ul#transportDocuments { margin-bottom: 30px; } ul#transportDocuments li { margin-bottom: 10px; } ul#transportDocuments i { font-size: 13px; } ul#transportDocuments b { color: #8f97aa; font-weight: 600; } .page-service-orders h4 { font-weight: bold; color: #12689b; } .page-service-orders .modal-dialog .tab-pane { padding-top: 16px; padding-bottom: 20px; } .page-service-orders .modal-dialog .tab-pane.preview-tab { padding: 8px 8px 3px 8px; } .page-service-orders .modal-dialog .tab-pane hr { margin-top: 0; } .page-service-orders section.content>div>div>div.box { margin-bottom: 0; } .page-service-orders .modal-dialog .col { padding-left: 10px; padding-right: 10px; } .page-service-orders .modal-dialog .control-label { width: 150px !important; padding-left: 5px; padding-right: 5px; } .page-service-orders .modal-dialog .controls { width: calc(100% - 150px) !important; padding-left: 5px; padding-right: 5px; } .page-service-orders .modal-dialog .storage-conditions .control-label { width: 200px !important; } .page-service-orders .modal-dialog .storage-conditions .controls { width: calc(100% - 200px) !important; } .page-service-orders #inPageEditorWrapper .modal-footer { float: right; margin-right: 16px; margin-top: -14px; padding-bottom: 0; } .page-service-orders .shipmentSelector { width:100%; margin-bottom: 8px; } .page-service-orders .shipmentSelector select, .page-service-orders .shipmentSelector button { width: 100%; } .page-service-orders .modal-dialog .DTE_Field_Name_master_id.disabled, .page-service-orders .modal-dialog .DTE_Field_Name_store_id.disabled, .page-service-orders .modal-dialog .DTE_Field_Name_soNr.disabled, .page-service-orders .modal-dialog .DTE_Field_Name_soDate.disabled { opacity: 0.9; } .page-shipments #filters>div { display: inline-block; } .page-shipments #filters .filters { margin-left: 20px; padding: 2px 10px; border: 1px solid #ccc; border-radius: 4px; background-color: #ecf0f5; } .page-shipments #filters .filters label { margin-left: 10px; } .page-shipments #filters .filters input[type=radio] { top: 2px; position: relative; } .page-shipments h4 { margin-top: 0; } .page-shipments hr { margin-bottom: 8px; } .page-shipments .shipment-details .control-label { width: 100px !important; text-align: left; padding-top: 0 !important; } .page-shipments .shipment-details .controls { width: calc(100% - 100px) !important; } .page-shipments .shipment-details .form-control[readonly] { background: none; border: none; box-shadow: none; padding: 0; height: auto; } .page-shipments .colli-actions { display: inline-flex; justify-content: space-between; width: calc(100% - 100px); margin-left: 20px; } .page-shipments .colli-actions .btn:focus { outline: none; } .page-shipments .colli-actions .btn-group { padding-top: 7px; } .page-shipments .colli-actions .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .page-shipments .colli-actions .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .page-shipments .shipment-unit-actions { margin-top: 6px; display: inline-block; } .page-shipments .shipment-unit-actions button { padding: 2px 8px; margin-left: 10px; } .page-shipments .shipment-unit-actions>div { float: left; border-radius: 6px; border: 1px solid #ddd; background-color: #ebebeb; padding: 0 8px 6px; margin-right: 20px; } .page-shipments .shipment-unit-actions>div:first-child { line-height: 2px; padding-top: 7px; } .page-shipments .shipment-unit-actions .form-control { display: inline-block; width: 65px; height: 26px; padding: 1px 6px; margin: 6px 4px 0 4px; text-align: right; } .page-shipments #colliWrapper { background-color: #ecf0f5; padding: 10px; border-radius: 6px; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; max-height: 400px; overflow-y: auto; border-top: 2px solid #ecf0f5; border-bottom: 2px solid #ddd; } .page-shipments .collo-box .colli-units li { clear: both; } .page-shipments .collo-box { width: 330px; } .page-shipments .collo-box { box-shadow: 1px 1px 6px rgba(0,0,0,0.2); } .page-shipments .collo-box.highlight { box-shadow: 6px 6px 10px rgba(0,0,0,0.4); top: -3px; left: -3px; } .page-shipments .collo-box.highlight li.highlight { background-color: #d0f0fa; padding-bottom: 20px; margin-bottom: -10px; } .page-shipments .collo-box .box-title { display: flex; flex-direction: row; justify-content: space-between; padding-right: 40px; font-size: 16px; } .page-shipments .collo-box .collo-id { font-weight: bold; } .page-shipments .collo-box ol { padding-inline-start: 10px; } .page-shipments .collo-box var { font-style: normal; } .page-shipments .collo-box span.contains { float: right; } .page-shipments .collo-box .box-header { padding: 8px; } .page-shipments .collo-box .box-body { padding: 6px 10px; } .page-shipments .collo-box .box-footer { columns: 2; padding: 4px 6px; font-size: 13px; } .page-shipments .collo-box .box-footer label { margin-bottom: 0; } .page-shipments #shipmentFormWrapper .weight-dimensions { background-color: #fff8dd; padding: 8px 0 8px 10px; border-radius: 6px; } .page-shipments #shipmentFormWrapper .weight-dimensions p { margin: 0; } .page-shipments #shipmentFormWrapper .weight-dimensions dl { display: inline-block; margin-bottom: 0; margin-top: 3px; } .page-shipments #shipmentFormWrapper .weight-dimensions dt.col { padding: 0; margin-bottom: 3px; } #shipmentFormWrapper .form-control { display: inline-block; width: 60px; height: 26px; padding: 1px 6px; margin: 6px 4px 0 0; text-align: right; } #shipmentUnitsWrapper dt { color: #12689b; clear: both; } #shipmentUnitsWrapper dt.col-sm-5, #shipmentUnitsWrapper dd.col-sm-7 { height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #shipmentUnitsWrapper dt.col-sm-4, #shipmentUnitsWrapper dd.col-sm-8 { height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #shipmentUnits td.editable, #shipmentUnitsWrapper th.editable { background-color: #fff8dd; } #shipmentUnits tr:hover td.editable { background-color: #fff2c5; } /* dd.inline-field { float: none; display: inline-block; font-weight: normal; } */ #shipmentFormWrapper .dates-terms dt { padding: 9px 0 0 0; } #shipmentFormWrapper .dates-terms input.form-control { width: 100% !important; min-width: 80px; } #shipmentFormWrapper .dates-terms dd:nth-child(2), #shipmentFormWrapper .dates-terms dd:nth-child(6) { margin-bottom: 10px; } #shipmentFormWrapper .dates-terms #shipLoadingDateError { display:none; font-size: 13px; line-height: 15px; margin-top: 14px; } #shipmentFormWrapper .dates-terms.in-error #shipLoadingDateError { display:inline-block; } #shipmentFormWrapper .dates-terms.in-error dt:first-child, #shipmentFormWrapper .dates-terms.in-error dd:nth-child(2) input { color: #dc3545; text-decoration: wavy underline red; } #shipmentFormWrapper .shipment-parcels { background-color: #fdf5ea; } #shipmentFormWrapper .weight-dimensions { background-color: #fff2c5; } #shipmentFormWrapper .transport-relation { background-color: #f1feff; } #shipmentFormWrapper .shipment-route { background-color: #f1feff; } #shipmentFormWrapper .dates-terms { background-color: #f1fff1; } #shipmentFormWrapper>.col { min-height: 310px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #fff; border-right: 1px solid #bbb; } #shipmentFormWrapper .transport-relation { border-right: none; border-left: 5px solid #708090; } #shipmentFormWrapper .shipment-heading { min-height: 0; text-align: center; font-style: italic; font-size: small; } #shipmentFormWrapper .shipment-heading.shipment-parcels { background-image: linear-gradient(to right, #fdf5ea , #fff2c5, #f1fff1); } #shipmentFormWrapper .shipment-heading.transport-relation { background-image: linear-gradient(to right, #d0e3ea, #f1feff); } #shipmentFormWrapper #parcels td { padding: 2px 6px; } #shipmentFormWrapper #parcels th { padding: 2px 6px !important; } #shipmentFormWrapper #parcels thead .sorting_asc:after { content: none; } #shipmentFormWrapper #parcels .DTE_Field_Name_packing_parcel_id select { margin: -2px 0 0 -2px; padding: 0; width: 100%; height: auto; max-width: 203px; text-align: left; } #shipmentFormWrapper #parcels .DTE_Field_Name_qty input { margin: -2px 0 0 -2px; padding: 0; width: auto; height: auto; max-width: 24px; } #shipmentFormWrapper #parcels .DTE_Inline .DTE_Field_Name_packing_parcel_id .controls { padding: 0; width: 100% !important; } #shipmentFormWrapper #parcels .DTE_Inline .DTE_Field_Name_qty .controls { padding: 0; } #shipmentFormWrapper .shipment-parcels dl { display: inline-block; margin-bottom: 0; } #shipmentFormWrapper .shipment-parcels dt, #shipmentFormWrapper .shipment-parcels dd { background-color: #ddd; padding: 2px 8px;} #shipmentFormWrapper .shipment-parcels dt:nth-of-type(even) { background-color: #eee; } #shipmentFormWrapper .shipment-parcels dd:nth-of-type(even) { background-color: #eee; } #shipmentFormWrapper .storage-shipment-data, #shipmentFormWrapper .storage-conditions { min-height: 250px; border: none; } #shipmentFormWrapper .storage-shipment-data dt { padding-top: 8px; } #shipmentFormWrapper .storage-shipment-data input.form-control, #shipmentFormWrapper .storage-conditions input.form-control { width: 100% !important; min-width: 80px; text-align: left; } #shipmentFormWrapper input[type='radio'] { position: relative; top: 2px; } #shipmentFormWrapper .shipment-route h4 i.fa { float: right; } #shipmentFormWrapper .shipment-route h5 { margin-bottom: 4px; } #shipmentFormWrapper .shipment-route dl { margin-bottom: 0; } #shipmentFormWrapper .shipment-route dd { display: inline-block; margin-left: 22px; } /*#shipmentFormWrapper .shipment-route label { font-weight: normal; width: 70px; }*/ #shipmentFormWrapper .shipment-route .form-control { width: 100%; padding: 6px 12px; background-color: #fff; height: auto; margin: 0; text-align: left; } #shipmentFormWrapper .shipment-route .input-group { margin-top: 6px; } #shipmentFormWrapper .shipment-route .input-group .form-control { display: table-cell; } #shipmentFormWrapper .shipment-route .input-group select { width: 50px; padding-left: 6px; padding-right: 4px; height: 33.96px; border-right: none; } #shipmentFormWrapper .shipment-route .input-group input { width: calc(100% - 50px); padding-left: 6px; padding-right: 6px; } #shipmentFormWrapper div.DTE_Field.input-group:after { content: none; } .page-shipments .modal-dialog .shipment-file .col { padding-left: 16px; } .page-shipments .shipment-file .modal-header { padding-bottom: 10px; } .page-shipments .shipment-file .shipment-status { padding-top: 10px; padding-bottom: 5px; margin-bottom: 10px; margin-top: -20px; box-shadow: 0 3px 3px rgba(0,0,0,0.1); background-color: #ebebeb; } .page-shipments .shipment-file .shipment-status.locked { background-color: #fff8dd; } .page-shipments .shipment-file .shipment-status.active { background-color: #f1fff1; } .page-shipments .shipment-file .shipment-status.void { background-color: #fadbdb; } .page-shipments .shipment-file .shipment-status.transit { background-color: #e1fcfe; } .page-shipments .shipment-file .shipment-status.stock { background-color: #fff8dd; } .page-shipments .shipment-file h3 { font-size: 22px; color: #12689b; } .page-shipments .shipment-file hr { margin-top: 0; } .page-shipments .shipment-file label { width: 105px; } .page-shipments .shipment-file s { color: #d89898; } .page-storage-in .storage-out { display: none; } .page-storage-out .storage-in { display: none; } .page-storage-transit .storage-stock { display: none; } .page-storage-stock .storage-transit { display: none; } .page-storage-out.page-storage-transit .storage-products { display: none; } .page-storage-in .storage-shipments { display: block; } .page-storage-out.page-storage-transit .storage-shipments { display: block; } .page-storage-out.page-storage-stock .storage-shipments { display: none; } .page-storage-out.page-storage-stock .DTE_Field_Name_paymentType { display: none; } .page-storage-split-merge.page-storage-split .storage-shipments { display: none; } .page-storage-split-merge.page-storage-merge .storage-colli { display: none; } .page-storage-orders .DTE_Header_Content small { font-size: 65%; color: #999; font-style: italic; text-transform: uppercase; } .page-storage-orders .DTE_Field_Type_datetime input, .page-storage-orders input[name='shipStorageInDate'] { max-width: 100px; } .page-storage-orders input#DTE_Field_storageExpeditionDateTime, .page-storage-orders input#DTE_Field_storageTransportDateTime { max-width: 150px; width: 150px; } .page-storage-orders #shipmentFormWrapper>.col { min-height: 170px; } /* .page-storage-orders #ord_tab_3 .control-label { margin-bottom: 12px; } .page-storage-orders .DTE_Field_Type_radio.DTE_Field_Name_storageType .controls input[type='radio'] { margin-top: 6px; } .page-storage-orders .DTE_Field_Type_radio.DTE_Field_Name_storageType .controls label { margin-top: -6px; } */ .page-storage #inPageEditorWrapper .modal-footer { float: right; margin-right: 16px; margin-top: -14px; padding-bottom: 0; } .page-storage #storage-transit-modal .modal-title span { font-size: 16px; } .page-storage #storage-transit-modal .dt-buttons.btn-group { float: right;bottom: -31px;margin-left: 16px; } @media (min-width: 1200px) { .page-storage #inventoryForm .DTE_Field_Name_comments .control-label { width: 16%; } .page-storage #inventoryForm .DTE_Field_Name_comments .controls { width: 84%; } } .page-storage-split #splitColli td hr { margin-bottom: 6px; } .page-storage-split #splitColli th hr { margin-bottom: 0; } .page-storage-split #splitColli th.qi { padding: 2px 8px; } .page-storage-split #splitColli th[rowspan="2"] { vertical-align: middle; } .page-storage-split #splitColli th[colspan] { text-align: center; border-bottom: none; } .page-storage-split #splitColli th s { color: #1268b5; font-size: 90%; border-top: 1px solid #b6c8d8; text-decoration: none; } .page-storage-split #splitColli .text-muted { background-color: #f7f7f7; } .page-storage-split #splitColli .colli-parcel { float: right; border: 1px solid #aaa; border-radius: 6px; display: inline-block; padding: 2px 6px; line-height: 1; font-size: smaller; color: #777; background-color: linen; } .page-storage-split #splitColli .colli-product { color: #8b8f97; } .page-storage-split #shipmentSplitWrapper { font-size: small; } .page-storage-split #shipmentSplitWrapper dt { margin-bottom: 6px; } .page-storage #filterDateRange {} .page-storage .dtrg-group.dtrg-start.dtrg-level-1 .row { margin-left: 0; font-size: 1.3rem; } .page-storage #storage-operations_wrapper .dt-buttons.btn-group { margin-top: 5px; } .page-pricelist #tab_priceHistory .intable-controls-column { width: 85px !important; } .page-pricelist #tab_priceHistory .intable-controls .btn { margin-top: -4px; } .page-report-dates input#DTE_Field_completionDate { min-width: 74px; padding: 0 6px; position: absolute; left: -7px; font-size: 13px; } .page-report-dates td.editable, .page-report-dates th.editable { background-color: #fff8dd; } .page-report-dates tr:hover td.editable { background-color: #fff2c5; } .page-report-dates table.dataTable tbody tr.selected td.editable { color: #333; } .page-report-dates table.dataTable.compact tbody td.dataTables_empty, .page-report-assortment table.dataTable.compact tbody td.dataTables_empty, .page-report-intrastat table.dataTable.compact tbody td.dataTables_empty, .page-report-fsc table.dataTable.compact tbody td.dataTables_empty, .page-report-invoices-acct table.dataTable.compact tbody td.dataTables_empty, .page-report-orders-received table.dataTable.compact tbody td.dataTables_empty { padding: 16px !important; } .page-report-intrastat #intrastat-raw_wrapper table.dataTable th, .page-report-fsc #fsc-units_wrapper table.dataTable th, .page-report-invoices-acct #report-invoices-acct_wrapper table.dataTable th, .page-report-invoices-acct #report-invoices-exp_wrapper table.dataTable th, .page-report-invoices-acct #report-expenses-mfg_wrapper table.dataTable th { color: #333 !important; } .page-report-intrastat #intrastat-grp_wrapper table.dataTable th { font-size: 12px; } .page-report-intrastat #intrastat-grp_wrapper table.dataTable tfoot th { background-color: #ffe0a7; color: #333; font-weight: normal !important; font-size: 13px; } .page-report-intrastat div.dt-buttons.btn-group, .page-report-fsc div.dt-buttons.btn-group, .page-report-invoices-acct div.dt-buttons.btn-group { margin-top: 8px; margin-bottom: 0; } .page-report-intrastat div.dataTables_info, .page-report-fsc div.dataTables_info, .page-report-invoices-acct div.dataTables_info { padding-top: 18px !important; } #filtersForm .form-control { min-width: 95px; } #filtersForm div.dataTables_filter {float: right; margin-right: 25px; padding-top: 2px;} #filtersForm div.dataTables_filter label { margin-bottom: 0; } #filtersForm div.dataTables_filter input { font-weight: normal; } /* style for tooltip box in left nav - must be after (overriding) all other page definitions */ .treeview-menu .tooltip-inner { min-width: 100px !important; max-width: 200px !important; text-align: center !important; font-size: 14px !important; background-color: #98deef !important; color: #004075 !important; } .treeview-menu .tooltip-arrow { border-top-color: #98deef !important; border-bottom-color: #98deef !important; } .treeview-menu .tooltip.in { filter: alpha(opacity=95); opacity: 0.95; } /* className="dt-label2" - editor form label span on two lines */ div.DTE_Field.dt-label2 label { padding-top: 0; margin-top: 0; line-height: 1.1em; } /* className="dt-cb-label2" - editor checkbox field labels span on two lines */ div.DTE_Field.dt-cb-label2 .DTE_Field_InputControl label { position: absolute; top: 2px; vertical-align: top; line-height: 1.2; } div.DTE_Field label small { font-size: 90%; font-weight: normal; } /* className="dt-label-stacked" - stacked label above control */ div.DTE_Field.dt-label-stacked > label { float: none; clear: both; width: 100% !important; text-align: left; } div.DTE_Field.dt-label-stacked > div.controls { float: none; clear: both; width: 100% !important; } .page-service-orders div.DTE_Field.dt-label-stacked > label { width: 100% !important; } /* className="dt-label-none" - hidden label, control takes full width */ div.DTE_Field.dt-label-none > label { display:none; } div.DTE_Field.dt-label-none > div.controls { float: none; clear: both; width: 100% !important; } div.DTE_Field.dt-label-none.DTE_Field_Type_checkbox .DTE_Field_InputControl label { vertical-align: top; } /* className="dt-linear" - Editor radio buttons on one line */ div.DTE_Field_Type_radio.dt-linear { margin-bottom: 6px; } div.DTE_Field_Type_radio.dt-linear div div div { display: inline; padding: 0 20px 0 5px; } div.DTE_Field_Type_radio.dt-linear div div div label { margin-top: -4px; } @media (min-width: 990px) { div.DTE_Field_Type_radio.dt-linear-lg { margin-bottom: 6px; } div.DTE_Field_Type_radio.dt-linear-lg div div div { display: inline; padding: 0 20px 0 5px; } div.DTE_Field_Type_radio.dt-linear-lg div div div label { margin-top: -4px; } } /* custom checkbox group on one line */ .linear-checkbox-wrapper .controls { width: 100% !important; padding: 0; } .linear-checkbox-wrapper .DTE_Field .control-label { display: none; } .linear-checkbox-wrapper .DTE_Field_InputControl label { margin-top: -4px; } /* disabled/locked fields */ .DTE_Field.disabled { opacity: 0.4; } .DTE.void .DTE_Field.disabled { opacity: 1; } .DTE.locked .DTE_Field.disabled { opacity: 0.8; } .DTE_Field_Name_deliveryCountry.disabled, .DTE_Field_Name_dispatchCountry.disabled, .DTE_Field_Name_labelCountry.disabled, .DTE_Field_Name_stoCountry.disabled { opacity: 0.9; } #sendDocuments { color: #337ab7; z-index: 20; } #sendDocuments.sending { /*noinspection CssUnknownTarget*/ background: url(../images/ajax-loader.gif); background-repeat: no-repeat; background-position: center; background-size: 200px 70px; font-weight: bold; opacity: 1 !important; } .mask { background: rgba(255,255,255,0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; } .gradient { background-image: -webkit-linear-gradient(left, #73263C 0%, #E7327A 100%); background-image: -moz-linear-gradient(left, #73263C 0%, #E7327A 100%); background-image: -ms-linear-gradient(left, #73263C 0%, #E7327A 100%); background-image: linear-gradient(to right, #73263C 0%, #E7327A 100%); } /* Collapsible panel */ .panel-heading .accordion-toggle { display: block; text-decoration: none; } .panel-heading .accordion-toggle.collapsed { opacity: 0.4; } .panel-heading .accordion-toggle:after { /* symbol for "opening" panels */ font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */ content: "\e114"; /* adjust as needed, taken from bootstrap.css */ float: right; /* adjust as needed */ color: #ebebeb; /* adjust as needed */ } .panel-heading .accordion-toggle.collapsed:after { /* symbol for "collapsed" panels */ content: "\e080"; /* adjust as needed, taken from bootstrap.css */ } /* --------------------------------------------------------------------------- */ /* .skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side { background-color: #05415D; } .skin-blue .sidebar-menu>li>.treeview-menu { background: #055C84; border-left: 2px solid #3c8dbc; border-bottom: 1px solid #3c8dbc; } .skin-blue .treeview-menu>li>a { color: #AECDDB; } .skin-blue .main-header .logo { background-color: #BFE1F4; } .skin-blue .main-header .logo img{ width: 100%; } */ .sidebar-menu .treeview-menu .divider { height: 1px; margin: 6px 36px 6px 10px; background-color: #777; } .sidebar-menu li>a>.fa-angle-right{ right: 5px; } .sidebar-menu li.active>a>.fa-angle-right{ right: 10px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); margin-top: 0; } .sidebar-menu .menu-disabled a { opacity: 0.3; cursor: not-allowed; } .box-body.with-border { border-bottom: 1px solid #f4f4f4; } .contact-form fieldset { margin: -8px -8px 0 -8px; } .contact-form .form-group { margin-left: 0; margin-right: 0; } .contact-form legend { padding: 10px; background-color: #d9edf7; color: #004075; } .contact-form textarea { overflow-x: hidden; } /* DataTables - missing default styling... */ .dt-right { text-align: right; } .dt-center { text-align: center; } .dt-top { vertical-align: top; } .dt-wrap { white-space: normal !important; } .DTE_Field.dt-right input { text-align: right; } .float-left { float: left; } table.dataTable.compact thead th, table.dataTable.compact thead td, table.dataTable.compact tbody th, table.dataTable.compact tbody td, table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { border-top: 3px double #ccc; } /* Wrap a table manually into such wrapper to provide horizontal scroll (table without buttons), w/o using the built-in scrollX option */ .datatable-scroll-wrapper { overflow: auto; width: 100%; position: relative; } /* DataTables customizations */ .dataTable input::-webkit-input-placeholder { text-align: center; } .dataTable input:-moz-placeholder { text-align: center; /* Firefox 18- */ } .dataTable input::-moz-placeholder { text-align: center; /* Firefox 19+ */ } .dataTable input:-ms-input-placeholder { text-align: center; } /* Processing Spinner */ div.dataTables_wrapper div.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; border-radius: 40px; margin-left: -60px; margin-top: -26px; padding: 1em 0; padding-top: 20px; text-align: center; background: rgba(240,248,255,1); box-shadow: 4px 6px 10px rgba(0,0,0,0.4); z-index: 100; } div.dataTables_wrapper div.dataTables_processing .spinner-loading { position: absolute; top: 30px; left: 9px; font-weight: bold; text-transform: uppercase; background: rgba(240,248,255,0.6); } /* Custom Intable Row Controls - show on hover */ .table-hover.dataTable .intable-controls { width: 50px; display: block; } .table-hover.dataTable .intable-controls .display-hover { display: none; } .table-hover.dataTable>tbody>tr:hover .intable-controls .display-hover { display: block; } .dataTable tfoot input, .dataTable thead input { font-weight: normal; width: 100%; font-size: 0.8em; line-height: 2em; border-radius: 4px; border: 1px solid #ccc; } .dataTables_paginate.paging_simple_numbers { float: right; } .dataTables_wrapper .dataTables_length { float: right; margin-top: 5px; margin-right: 5px; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } .dataTables_wrapper .dataTables_filter label { margin-top: 6px; margin-bottom: 0; } .dataTables_wrapper .dataTables_filter label input { margin-top: -4px; } div.dt-buttons.btn-group { float: left; margin-right: 8px; margin-bottom: 8px; } .modal-body div.dt-buttons { /* margin-top: 27px; */ } .modal-dialog { border-radius: 5px; border-top: 5px solid #00c0ef; box-shadow: 0 3px 3px rgba(0,0,0,0.1); } .modal-dialog .modal-content { border-radius: 0; border: none; } .modal-title span { color: #00c0ef; } .dataTables_info { float: left; font-size: 0.8em; padding-top: 12px !important; } .dataTables_length { font-size: 0.8em; } .dataTables_length select { width: 50px !important; padding-right: 0 !important; padding-left: 5px !important; text-align: center !important; } #ajax_info { border: 1px solid green; border-radius: 3px; padding: 5px; background-color: #BAE664; display: block; float: right; } .cell-border-red { border: 1px dotted red !important; } /* Editor customized styles */ label.DTE_Label { font-family: 'Calibri', 'Arial', 'Helvetica', sans-serif; font-size: 1.1em; font-weight: normal; } .DTE_Field_Type_radio .DTE_Field_InputControl label { font-weight: normal; } .DTE_Field_Type_select select { width: 100%; padding: 6px 4px; } .DTE_Inline .DTE_Field_Info { background-color: white; display: inline; position: relative; top: -6px; } .dt-right .DTE_Inline .DTE_Inline_Field .DTE_Field input { text-align: right; } table.dataTable td { outline-color: rgba(255,255,255,0); } table.dataTable td.focus .DTE_Inline_Field input { border: none; box-shadow: none; padding: 0; margin-top: -9px; height: 20px; } table.dataTable td.focus .DTE_Inline_Field select { border: none; box-shadow: none; padding: 0; margin: -4px 0 0 -4px; height: 20px; width: calc(100% + 6px); } table.dataTable td.focus .DTE_Inline_Field .DTE_Field_Type_select2 { margin: -8px -18px -8px -8px; width: calc(100% + 14px); } table.dataTable td.focus { outline-color: #66afe9; background-color: #fff !important; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s,outline-color ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,outline-color ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,outline-color ease-in-out .15s; } .DTE_Field span.label-description-lg { font-weight: normal; font-size: 0.8em; margin-right: -380px; display: block; text-align: left; } .DTE_Field_Type_text span.label-description-lg { margin-top: 12px; margin-bottom: 4px; } .DTE_Field.has-error span.label-description-lg { color: #fff; } div.DTE_Field.label-indent label { padding-left: 20px; } div.DTE_Field.column-break { margin-bottom: 59px; } /* DataTablesEditor modal box over Bootstrap modals */ div.DTED_Lightbox_Background { z-index: 10010; } div.DTED_Lightbox_Wrapper { z-index: 10011; } div.editor-datetime { z-index: 12050; } .modal-open .select2-dropdown { z-index: 10051; } /* DTEditor 2-column forms */ div.DTED_Lightbox_Wrapper.columns2 { margin-left: -510px; } .DTE.columns2 .DTE_Body { width: 1000px; } .DTE.columns2 .DTE_Form_Content { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .DTE.columns2 div.DTE_Body div.DTE_Body_Content div.DTE_Field { padding-right: 2%; padding-left: 3%; } .DTE.columns2 div.DTE_Body div.DTE_Body_Content div.DTE_Field.full { padding-right: 10px; padding-left: 14px; -webkit-column-span: all; column-span: all; /* moz-column-span: not supported in Firefox... */ } /* DateRange Picker */ .date-range-picker { cursor: pointer; /* The rest is coming from .form-control background: #fff; padding: 5px 10px; border: 1px solid #ccc; width: 100% */ } #labelDateRange { display: inline-block; float: left; padding: 6px 6px 0 10px; /*font-weight: normal;*/ } /* Select2 */ .select2-container .select2-selection--single { height: 34px; } .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single { padding: 6px 0px; height: 34px; } .select2-container--default .select2-selection--multiple { border-color:#ddd; /* #2488df; */ } .select2-container--default.select2-container .select2-selection { border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .select2-container--default.select2-container--focus .select2-selection, .select2-container--default.select2-container--open .select2-selection { border-color: #66afe9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); } .select2-container--default .select2-selection--multiple .select2-selection__choice { color: #337ab7; } /* Select2 multi-column */ .select2-results span.sel2, .select2-selection span.sel2 { display: inline-block; height: 36px; padding: 12px 0; margin: -6px 0 -12px 0; line-height: 12px; white-space: nowrap; overflow: hidden; } .select2-selection span.sel2 { display: inline; } .select2-results span.sel2.col-x, .select2-selection span.sel2.col-x { display: none; } .select2-results span.sel2.col-0, .select2-selection span.sel2.col-0, .select2-results span.sel2.col-0c, .select2-selection span.sel2.col-0c { width: 30px; border-right: 1px solid lightgray; margin-right: 5px; } /* First column - inverse highlighted */ .select2-results span.sel2.col-0c { background-color: #d2e7f9; text-align: center; margin-left: -12px; } .select2-selection span.sel2.col-0c { background-color: #4486c1; color: #fff; text-align: center; position: absolute; height: 32px; margin: -2px 5px -2px -8px; padding-top: 10px; border-radius: 3px; } .select2-selection span.sel2.col-0c + span.sel2 { margin-left: 28px; padding-top: 14px; } .select2-selection__placeholder span.sel2.col-0c { display: none; } .select2-results__option[aria-selected=true] span.sel2.col-0c { color: #4486c1; /* font-weight: bold; */ } .select2-results__option--highlighted[aria-selected] span.sel2.col-0c { color: #5897fb; } .select2-results__option[aria-selected=true] span.sel2.col-1 { width: 180px; } .select2-results__option { padding: 0 12px; } .select2-results__option--highlighted span.sel2.text-success { color: #a4ffa6; } .select2-results__option--highlighted span.sel2.text-danger { color: #ffd6c9; } /* EDITOR/DATATABLES - UPGRADES & PATCHES */ div.DTE_Body div.DTE_Body_Content div.DTE_Field.full { padding: 5px 0 5px 20%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>label { width: 30%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>div.DTE_Field_Input { float: none; clear: both; width: 100%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.wide-area>div.controls { width: 100% !important; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.wide-area>label { width: 100% !important; text-align: left; float: none; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.wide-area>label small { font-weight: normal; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.wide-area textarea { width: 100%; /*height: 300px;*/ float: none; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.wide-select>div.controls { width: 100% !important; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.wide-select>label { width: 100% !important; text-align: left; float: none; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.wide-select>label small { font-weight: normal; } table.dataTable.compact tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before { margin-top: -9px; border: 1px solid #bbb; } table.dataTable.compact tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after { margin-top: -15px; } div.DTE div.editor_upload input[type=file] { cursor: pointer; } ::-webkit-file-upload-button { cursor:pointer; } /* Bootstrap patches and additions */ .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } /* Custom clear button, appended on table.initComplete() */ .dataTables_filter .dt-clear-filter { position: absolute; right: 0; top: 3px; padding: 0 8px; font-size: 20px; color: gray; cursor: pointer; } .DTE_Field.monospace select option { font-family: Consolas, Courier, monospace; font-size: 9pt; white-space: pre; } .DTE_Field .list-head { display: inline-block; width: 100%; padding: 2px 18px 0 6px; font-family: Consolas, Courier, monospace; font-size: 9pt; font-weight: normal; white-space: pre; border: 1px solid #ccc; border-bottom: none; border-radius: 4px; background: #d5eaff; }