html { font-size: 12px; }    
body {padding-top: 60px; min-height: 2400px;   color: #113; margin: 0;  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  background: url('/images/bg-pattern.png');      
}
select {width: 300px; max-width: 300px;}

#evrato .filtering_div input,
#evrato .filtering_div select {min-width: 175px; }
#evrato div.filtering_item input.filter_range  {min-width: width: 125px;}
#evrato form.form-inline {display:initial ; flex-flow: nowrap;}

.vadge { font-size: 13px;  font-style: normal; margin: 2px 4px;}

tr.field_packing_list td.field_edit_value,  tr.field_packing_list td.field_show_value,
tr.processing_list td.field_edit_value,  tr.processing_list td.field_show_value,
tr.field_purchase_shipment_line_list td.field_edit_value,  tr.field_purchase_shipment_line_list td.field_show_value,
tr.field_inventory_item_list td.field_edit_value,  tr.field_inventory_item_list td.field_show_value
{ min-width: 1200px; }

#evrato .navbar-dark  .nav-link { color: #222;}
#evrato .navbar-dark { 
  color: #fefefe; 
  background-color: #1275f496 !important; 
 }
#evrato .navbar-dark .navbar-nav .nav-link:hover { color: #fed;}
#evrato .navbar-nav .dropdown-menu .nav-link { padding-top: .1rem; padding-bottom: 0rem; }
#evrato .navbar-dark .dropdown-item:hover { background: #1275f4; color: #222;}


#div_form_service_request .handsontable .approval-approved {background-color: #afa;}
#div_form_service_request .handsontable .approval-rejected {background-color: #faa;}
#div_form_service_request .handsontable .approval-default {background-color: #fff;}

.service_form td input {height: 27px;}
.service_form td label {font-weight: normal; width: 400px; float: left;  text-align: right; margin-right: 30px; white-space: normal;}

table  {empty-cells: show;}
textarea {background:#ddf;}
textarea#code {width: 100%;}
textarea#document_template_body {min-height: 500px;}

a,li,p,td,th,input {font-size: 12px;}
div.main input {height:auto;}
div.main {min-height:2400px; }

div.flash {padding: 4px;   text-align: center;}
div.flash h4 {display:none;}
div.error {background:red;}
div.warning { background:yellow;}
div.info {background:#aaf;}
div.success{background:#afa;}
.field_value_short {width:30px;}
.field_value_short img {max-width: none;}
.field_value img {max-width: none;}
.show_panel td.field_value {min-width: 400px; max-width: 600px;}

ul.multiple li {float: left; list-style: none;}
ul.multiple li label {float: right; width: 200px;}


div.header { padding: 5px;}
div.actions_div div {display:inline-block; margin: 20px 0px; clear: both; }

th.field_header {background: #ddd; }
th.field_title {text-align: right; }

.refresh_button  {display: inline-block;}
div.ordering_div {display: inline-block;}
div.paging_div_select {display: inline-block; margin-left: 50px;}


div.filters {clear: both;padding: 10px;background: #eee; border:1px dotted #000;max-width: 1280px;}
div.filterbox {min-width: 400px; display:inline-block;}
div.filterbox label {width: 120px; text-align: right;}
div.filterbox p {display:inline;}
div.filterbox input,div.filterbox select {width: 160px;}

div.filtering_div {clear: both;padding: 10px;background: #eee; border:1px dotted #000; max-width: 1280px;}
div.filtering_div>label {display:none;}
div.filtering_item {width: 400px; display:inline-block;}
div.filtering_item label {width: 120px; text-align: right;}
div.filterbox input,div.filterbox select, .form-inline select.form-control {width: 160px;}
div.filtering_item input.filter_range  {width: 120px;}


tr.just_updated td.field_value {color: #005;}
tr.just_created td.field_value {color: #050;}
td.center {text-align: center;}
td.left {text-align: left;}
td.right {text-align: right;}


div.box { top: 10%; z-index: 30; padding: 0px; position: absolute;  min-height: 300px; border: 1px solid #888; background: #fff; min-width: 800px; }
div.box h2 {line-height: 2.6rem; font-size: 1.3rem; }
div.box div.toolbar {float: left;  margin-right: 10px;}

div.accordion h3 {font-size: 18px; margin: 0 0 0 10px; padding: 5px 5px; color: #008;}
div.accordion .ui-icon {margin: 0px 0 0 -25px;}

th.header_short {width: 20px;}
td.header_short {width: 20px;}



div.comment h4 { background: #ffa; border-bottom: 1px dotted black; border-top: 1px dotted #fcc; width: 300px;display: inline;}
div.comment h5 { background: #ffa; border-bottom: 1px dotted black; border-top: 1px dotted #fcc; width: 300px; display: inline;}
div.comment pre {background: #ffc; display: block; padding: 10px; margin: 0px 0 5px 0; width: 900px;  white-space: pre-wrap;}
div.comment textarea {background:#ffc;}

div.error {color: #a33; font-weight: bold; background: #fff; padding: 20px 50px;}
td.verror, .verror {border:1px dashed #f00; background: #faa;} 


div.picture h4 { background: #ffa; border-bottom: 1px dotted black; border-top: 1px dotted #fcc; width: 300px;display: inline;}
div.picture h5 { background: #ffa; border-bottom: 1px dotted black; border-top: 1px dotted #fcc; width: 300px; display: inline;}
div.picture pre {background: #ffc; display: block; padding: 10px; margin: 0px 0 5px 0;}
div.picture textarea {background:#ffc;}

div.attachment h3 { background: #fff; padding: 0; margin: 0px 0 20px 0; color: #00f; font-style: italic;}
div.attachment h3 a {color: #00f;}
div.attachment h4 { background: #ffa; border-bottom: 1px dotted black; border-top: 1px dotted #fcc; width: 300px;display: inline;}
div.attachment h5 { background: #ffa; border-bottom: 1px dotted black; border-top: 1px dotted #fcc; width: 300px; display: inline;}
div.attachment textarea {background:#ffc;}


div.requestfield label {float: left; width: 100px;text-align: right;}
div.request label {float: left; width: 100px;text-align: right;}
div.request h4 { background: #ffa; border-bottom: 1px dotted black; border-top: 1px dotted #fcc; width: 300px;display: inline;}
div.request h5 { background: #ffa; border-bottom: 1px dotted black; border-top: 1px dotted #fcc; width: 300px; display: inline;}
div.request pre {background: #ffc; display: block; padding: 10px; margin: 0px 0 5px 0;}
div.request textarea {background:#ffc;}
.ui-autocomplete {max-width: 400px;}


.report th, .report td {border-bottom: 1px dotted #000; border-right: 1px dotted #000; padding: 4px 4px; }
.report th {text-align: center; background: #bbb;}
.report table  {empty-cells: show;}
.report h1 {font-size: 20px; padding: 10px 0 10px 0px; color : #008}
.report h2 {font-size: 17px; padding: 10px 0 10px 0px; color : #008}


.pricing th, .report td {border-bottom: 1px dotted #000; border-right: 1px dotted #000; padding: 10px 5px; }
.pricing th {text-align: center; background: #eee;}
.pricing h1 {font-size: 20px; padding: 20px 0 10px 0px; color : #008}
.pricing h2 {font-size: 17px; padding: 20px 0 10px 0px; color : #008}
.pricing td {border-bottom: 1px dotted #008;}


div.field label {float: left; width: 120px;text-align: right; padding-right: 10px;}
div.field {clear: both;}

div.section {width:41%; float: left;  min-height: 250px; }
div.section h2 {border-bottom: 1px solid #008; width: 80%; margin-bottom: 10px;}

div.lsection {width: 95%; float: left;  min-height: 250px; }
div.lsection h2 {border-bottom: 1px solid #008; width: 80%; margin-bottom: 10px;}

.neg {color: #800;}
.pos {color: #222;}

td.subtotal {text-align: right; font-family:'Lucida Console', Monaco, monospace;padding: 0 20px;}
td.calculation {text-align: left; font-family:'Lucida Console', Monaco, monospace; padding: 0 50px;}

#costing td {padding: 2px 4px; border-bottom: 1px dotted #aaa;}

.pricing select {width: 150px;}


.ui-accordion .ui-accordion-content{ overflow:visible !important; }


#main ul.ui-tabs-nav li {margin-bottom: 5px;}
.show_panel {min-height: 200px;}

#main .ui-tabs .ui-tabs-nav li.ui-tabs-selected {margin-bottom: 4px;}
#main div.pricing_interest_npv_inflation {overflow: auto;}
#main div.pricing_interest_npv_inflation th {text-align: right; font-family:'Lucida Console',Monaco, monospace;padding: 2px 2px; border: 1px dotted #fff; background: #aad; white-space: nowrap; font-size: 10px;}
#main div.pricing_interest_npv_inflation td {text-align: right; font-family:'Lucida Console',Monaco, monospace;padding: 2px 2px; border: 1px dotted #ccc; font-size: 10px; white-space: nowrap;}

#main div.pricing_interest_npv_inflation tr.in td {color: #000;}
#main div.pricing_interest_npv_inflation tr.out td {color: #800;}
#main div.pricing_interest_npv_inflation tr.total td {color: #008;}


#main div.pricing_interest_npv_inflation tr.in th {background: #efe; color: #000;}
#main div.pricing_interest_npv_inflation tr.out th {background: #fee; color: #000;}
#main div.pricing_interest_npv_inflation tr.total th {background: #eee;color: #000;}

#main div.pricing_interest_npv_inflation tr.cash th, #main div.pricing_interest_npv_inflation tr.cash td  {background: #aca; }
#main div.pricing_interest_npv_inflation tr.vat th, #main div.pricing_interest_npv_inflation tr.vat td {background: #cca; }
#main div.pricing_interest_npv_inflation tr.zero th, #main div.pricing_interest_npv_inflation tr.zero td  {background: #caa; }
#main div.pricing_interest_npv_inflation tr.infor th, #main div.pricing_interest_npv_inflation tr.infor td  {background: #acc; }

#main tr.manual td {color: #800;}

div.approval h4 { background: #ffa; border-bottom: 1px dotted black; border-top: 1px dotted #fcc; width: 300px;display: inline;}
div.approval h5 { background: #ffa; border-bottom: 1px dotted black; border-top: 1px dotted #fcc; width: 300px; display: inline;}
div.approval pre {background: #ffc; display: block; padding: 10px; margin: 0px 0 5px 0; width: 900px;  white-space: pre-wrap; }
div.approval textarea {background:#ffc;}


div.calendar_event { width: 90%; max-width: 900px; }
div.calendar_event * { font-size: 13px; }
div.calendar_events h2 {background: #fee;  border-bottom:1px solid #000; margin: 0px; width: 300px; font-size: 15px;  line-height: 24px;}
div.calendar_event h3 { display: inline; font-weight: normal;}
div.calendar_event h4 { display: inline; }
div.calendar_event h5 { display: inline; background: #ffa; border-bottom: 1px dotted black; border-top: 1px dotted #fcc; }
div.calendar_event h6 { display: inline; font-size: 13px; padding: 0 5px; color: #000;font-weight: normal; }
div.calendar_event pre {background: #ffc; display: block; padding: 5px; margin: 0px 0 5px 0; width: 900px;  white-space: pre-wrap; }


tr.field_rent_fee  td {font-weight: bold; color: #00a}
tr.field_rent_fee_suggested  td, tr.field_rent_fee input {font-weight: bold; color: #00a}
tr.field_rent_fee_discount  td {font-weight: bold; color: #00a}

td.field_show_value {text-align: right; padding-top: 8px; border-bottom: 1px dotted #888; min-width: 320px;}
.field_title, .field_show_value {white-space: nowrap;}
.field_top_title .field_title  {white-space: normal;}
.ui-widget-content a {color: #fff;}
td.field_value {white-space: nowrap;}
td.field_value .chosen-results {white-space: normal;}
.field_value pre {min-width: 300px; max-width: 600px; }
.field_show_value pre {min-width: 300px; max-width: 600px; white-space: normal;}

div.activities {max-width: 500px; background: #fffecc; line-height: 12px; border: 1px solid #000; font-size: 12px;}
div.activities ul li {border-bottom: 1px dotted #0af;padding: 6px; min-height: 30px; line-height: 12px; }
div.activities ul li div.who {min-width: 50px; font-weight: bold; width: 50%; display: inline;}
div.activities ul li div.what {display: inline; width: 50%;}
div.activities ul li div.when {text-align: right;}
div.activities ul li div.image {float: left; margin: 2px;}
div#hot_activities {position: fixed; top: 50px; right: 5px; width: 300px; overflow: auto; max-height: 640px; }
a.activities_menu {float: right;}
.activities pre.more {max-height: 200px; overflow: auto; line-height: 12px; font-size: 12px;}


div.p label {display: inline-block; width: 200px;}
table.km_life {width: 100%;}
table.km_life td {text-align: right;}

ul.work_queues li {list-style: none;  padding: 25px; width: 320px; display:inline-block; border: 1px solid #eee; min-height: 40px;}
ul.work_queues li a {}
ul.work_queues li a:hover {text-decoration: none; background: #fff;}
ul.work_queues li.queue0 a {color: #0a0;}
ul.work_queues li.queue1 a {color: #200;}
ul.work_queues li.queue2 a {color: #400;}
ul.work_queues li.queue3 a {color: #600;}
ul.work_queues li.queue4 a {color: #800;}
ul.work_queues li.queue5 a {color: #a00;}
ul.work_queues li.queue6 a {color: #c00;}
ul.work_queues li.queue7 a {color: #f00;}
ul.work_queues li b {display: block; float:left; text-align: center; font-size: 60px; margin: 5px;}

.document_expense th.field_header {height: 180px;}
.document_expense th.field_header span {    display: inline-block; white-space: nowrap; margin-left: 10px;      -moz-transform:rotate(270deg);      -moz-transform-origin: 0;      -webkit-transform: rotate(270deg);     -webkit-transform-origin: 0;     width: 20px;}

.summary_div {display: inline-block; margin-left: 50px;}
.summary_div .summary_item {font-size: 12px; font-weight: bold; line-height: 20px; text-align: left; width: 200px; display:inline-block; white-space: nowrap;}
.summary_div .summary_item label {display: inline-block; border-bottom: 1px dotted #aaa;}
.reporting table th {text-align: center;}
.reporting table td {text-align: right; white-space: nowrap; }
.reporting table {width: auto;}
div.multiple_div table {width: auto;}

.purchase_delivery_vehicle th.field_header {height: 180px;}
.purchase_delivery_vehicle th.field_header span {    display: inline-block; white-space: nowrap; margin-left: 10px;      -moz-transform:rotate(270deg);      -moz-transform-origin: 0;      -webkit-transform: rotate(270deg);     -webkit-transform-origin: 0;     width: 20px;}

#main textarea.long_sheet { font-family: courier new; width: 240px; font-size: 11px; min-height:9600px;}


.tablesorter-default th, .tablesorter-default thead td {
font: bold 12px/18px Arial, Sans-serif;
color: #000;
background-color: #fff;
border-collapse: collapse;
border-bottom: #ccc 2px solid;
padding: 0;
}
.tablesorter-default tfoot th, .tablesorter-default tfoot td { border: 0;}
.tablesorter-default .header,.tablesorter-default .tablesorter-header {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
background-position: center right;    background-repeat: no-repeat;cursor: pointer;    white-space: normal;	padding: 4px 20px 4px 4px;}
.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
border-bottom: #000 2px solid;}
.tablesorter-default thead .headerSortDown,.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
border-bottom: #000 2px solid;}
.tablesorter-default thead .sorter-false {background-image: none;padding: 4px;}

.accordion-heading  a {background-color: #ff8; font-weight: bold;}

@media print {
a[href]:after { content: none; } 
}

.logo-image {height : 35px; }
.image_removed { color: red; text-decoration: line-through; }

.service_form td { font-weight: bold; }
.service_form td em { font-weight: normal;}
.brand img {max-height: 30px;}
#erm-modal-image {max-width: 90%; width: 1200px;}
td.divider-column {text-align: center; padding-top: 12px; font-style: italic; background-color: rgb(255, 170, 102);}
tr.divider-row {border-bottom: 2px dotted #888;  }

.diagram-wrapper th {text-align: left;}
.diagram-wrapper .target-span-focus { transform: scale(1.3); z-index: 30 !important;}
.diagram-wrapper .image-focus { transform: scale(1.3); z-index: 25 !important;
-webkit-filter: drop-shadow(0px 0px 10px yellow);  filter: drop-shadow(0px 0px 10px yellow);}

.diagram-wrapper .arrow { font-size: 18px;}
.diagram-wrapper { width: 1200px; height: 900px;}
.dropdown-submenu .nav-link+ul { display:none; }

#evrato .dropdown-submenu .nav-link:focus+ul, 
#evrato .dropdown-submenu .nav-link:hover+ul,
#evrato .dropdown-submenu ul:hover
{
display:block;
padding: 5px 12px;	
position: absolute;
margin-left: 40px;	
margin-top: -40px;
background: #1275f4;
min-height: 100px;
}

.dropdown-submenu ul li { list-style: none;}
.login_box { margin: 20px auto; max-width: 800px;   background: url('/bg-concept.jpg'); padding: 250px 40px 40px 40px; }
.login_box fieldset { background: rgba(0, 0, 0, 0.3); margin: 0; padding: 20px 20px; color: #fff; font-weight: bold; }

tr.is_deleted  td { text-decoration: line-through;}


#report_table.hasStickyHeaders .tablesorter-stickyHeader:first-child {padding-top: 50px; }
.tablesorter-stickyHeader {background: #1275f4; color: #fff;}

.multiple_div {clear: both;}


.show_panel .open-pricing .field_title,
.show_panel .open-pricing .field_value, 
.show_panel .open-pricing .field_show_value { max-width: 400px; min-width: 120px;  }


tr.inventory-item-sold  td { color: #800!important;} 
tr.inventory-item-processing  td { color: #862!important;}