/* ******************************************************************** General ******************************************************************* */
/*@import url('https://fonts.googleapis.com/css?family=Carlito');*/

html  { margin:0; padding:0; height:100%; }

body { height:100%; margin:0; padding:0; background:rgba(192, 192, 192, 0.25); font:normal 10.5pt Calibri, Arial !important; }

header { position:fixed; z-index:99; top:0; right:0; padding:0 10px 5px 15px; border-radius:20px 0 20px 0; background:transparent; }
header span#logo { display:none; }
header span#info { float:right; display:flex; align-content:center;  padding:5px 0; }
header span#info a { background:transparent; color:#006633; }
header span#info a span#user { padding:0; font-weight:bold; font-size:0.85em; display:block; }
header span#info a span#role { padding:0; font-size:0.75em; display:block; }

nav { background-color: #002000;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'%3E%3Cpath fill='%23002F00' fill-opacity='0.5' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'%3E%3C/path%3E%3C/svg%3E"); }
nav { overflow:hidden !important; white-space:nowrap; }
nav > span { display:block; width:100%; padding:10px 0; text-align:center; color:#006600; border-bottom:2px solid #BBCCCC; }
nav > span.menu-toggle { display:none; }
nav > span.menu-toggle i:hover { cursor:pointer; color:#006633; }
nav img#logo { display:block; width:calc(100% - 2em); margin:0.5em 1em; }
nav a.menu-title { color:#BBCCAA !important; border-bottom:2px solid #113300; }
nav a.menu-title.active { background-color:#113300; color:#EEDDCC !important; }
nav a.menu-item { color:#BBCCAA !important; }
nav a.menu-item.active { color:#EEDDCC !important; }
nav a.menu-item:hover { background-color:#990000; color:#EEDDCC !important; }
nav ul.menu-group { background-color:#224400; }
nav div.dropend:hover a.menu-title { border-bottom:2px solid #990000; }
/*nav div.menu a.menu-group { display:block; color:#BBCCAA; border-bottom:1px solid #224400; padding:0.5em 0; }
nav div.menu a.menu-group i { font-size:1em; padding:0 0.5em; }
nav div.menu a.menu-group span { font-size:1em; font-weight:bold; }
nav div.menu a.menu-group.selected { color:#F0F0F0; }
nav div.menu div.submenu { display:none; }
nav div.menu div.submenu a.menu-item { display:block; color:#BBCCAA; text-align:left; padding:0.25em 1.75em; }
nav div.menu div.submenu a.menu-item:hover { background:#990000; color:#FFFFFF; text-decoration:none; }
nav div.menu div.submenu a.menu-item.selected { color:#F0F0F0; font-weight:bold; }
nav div.menu div.submenu a.menu-item i { display:inline; font-size:1em; }
nav div.menu div.submenu a.menu-item span { display:inline; font-size:1em; }
nav div.menu:hover a.menu-group { background:#990000; color:#FFFFFF; text-decoration:none; }
nav div.menu:hover div.submenu { display:block; background:#113300; }
nav div.menu.selected { background:#113300; }
nav div.menu.selected a.menu-group { font-weight:bold; }
nav div.menu.selected div.submenu { display:block; background:#224400; }
nav div.menu.selected:hover a.menu-group { background:#990000; color:#FFFFFF; text-decoration:none; }
nav div.menu.selected:hover div.submenu { display:block; }
nav div.menu.selected div.submenu a.menu-item:hover { background:#990000; }*/

main { float:right; }
main.unlogged { text-align:center; }
main.unlogged > * { text-align:left; }

section { height:calc(100% - 1px); }
section > h1.title { margin-right:10px; color:#006633; font-size:1.2em; font-weight:bold; }
section > h1.title a.link-default { color:#006633 !important; }
section > h1.title a.link-default i { font-size:0.75em !important; }
section > div { margin:0 auto; padding:0; }

footer { font-size:1.25em; }
footer { display:inline-block; position:fixed; bottom:10px; left:8.5em; z-index:99; }
footer a:hover { opacity:0.5; }
footer span { color:#003300; }

td.product { width:340em !important; font-size:0.8em; }

i { width:1.25em; }

object { display:block; width:100%; }

.actions { text-align:right; }

.action:hover { opacity:0.5; }

.status { font-size:1em !important; }

.global.add { background-color:#33AAAA !important; }
.global.xls { background-color:#117744 !important; }
.global.pdf { background-color:#AA0000 !important; }
.global.edit { background-color:#999933 !important; }
.global.money { background-color:#117744 !important; }
.global.settings { background-color:#999933 !important; }
.global.export { background-color:#117744 !important; }
.global.upload { background-color:#33AAAA !important; }

.local.plus { color:#117744 !important; }
.local.remove { color:#AA0000 !important; }
.local.money { color:#117744 !important; }
.local.view { color:#33AAAA !important; }
.local.lock { color:#AA0000 !important; }
.local.stop { color:#AA0000 !important; }
.local.unlock { color:#009900 !important; }
.local.edit { color:#999933 !important; }
.local.delete { color:#990000 !important; }

a.redirect { color: #198754 !important;}

.enabled { color:#009900 !important; }
.enable { color:#009900 !important; }
.disabled { color:#AA0000 !important; }
.disable { color:#A0A0A0 !important; }
.on { color:#009900 !important; }
.off { color:#A0A0A0 !important; }
.warning { color:#FF9966 !important; }

.income { color:#006600 !important; }
.outcome { color:#990000 !important; }

.available { color:#009900 !important; }
.unavailable { color:#AA0000 !important; text-decoration:line-through; }

.description { display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.description-ss { width:7.5em !important; max-width:7.5em !important; }
.description-xs { width:10em !important; max-width:10em !important; }
.description-sm { width:15em !important; max-width:15em !important; }
.description-md { width:20em !important; max-width:20em !important; }
.description-lg { width:25em !important; max-width:25em !important; }
.description-xl { width:30em !important; max-width:30em !important; }

.meter { display:inline-block;width:92px;height:0.8em;vertical-align:middle;margin-bottom:3px;border:1px solid grey; border-radius:0.5em; }
.meter > div { height:inherit; border-radius:0.4em; }

.global-actions { display:inline-block; z-index:50; }

.hide-on-screen { display:none; }

.quantity { text-align:right; font-weight:bold; white-space:nowrap; }

.table caption { caption-side:top; }
.table thead th { vertical-align:middle; }
.table tbody td { vertical-align:middle; }

.select-content { font-size:0.75em !important; }

.fixed-width-label { display: inline-block; width: 100px; white-space: nowrap; text-align: left; }

.dropdown-menu { width: max-content; }

#info i { font-size:1.5em; }
#form_edit_sections img { width:50%; height:auto; margin:0 auto; display:block; clear:both; }

#section-list button { font-size:0.6em !important; border-bottom:1px solid; width:4.75em !important; }

#products ul li { font-size:0.8em; }
#lines ul { font-size:0.8em; }
#item-list { font-size:0.8em; }

#worker-data .input-group * { font-size:0.85em; }

#handbook-content * { margin:0 !important; padding:0 !important; }
#handbook-content section { margin-bottom:2em !important; }
#handbook-content h1 { margin:1em 0 !important; }
#handbook-content h2 { margin:1em 0 !important; }
#handbook-content h3 { margin:1em 0 !important; }

#notification-collapse { min-width:350px; max-height:calc(100vh - 50px); overflow-y:auto; }
.toggle {
    display: none;
}
/*a { color:#006633; text-decoration:none; cursor:pointer; }
a:hover { color:#006633; }

a.button-link { padding:2px 10px; cursor:pointer; border:none; border-bottom:2px solid; background:#EAEAEA; }
a.button-link:hover { box-shadow:1px 1px 2px #333333; text-decoration:none; }
a.standard-link { color:#117744; }
a.disabled { color:#660000; text-decoration:line-through; }
a.empty { color:#660000; }
a.enabled { color:#003300; }
a.inactive { color:grey; }
a.warning { color:#CC6600; }

button { cursor:pointer; border:none; background:transparent; color:grey; padding:0; border-radius:5px; }
button:disabled { opacity:0.6; }
button:hover { opacity:0.8; box-shadow:1px 1px 2px #333333; }*/

/*button.action { color:#999999; margin:0 auto; font-size:1em; border-radius:10%; padding:2px 4px !important; }
button.action.save { color:#669966; box-shadow:1px 1px 2px #669966; }
button.action i { width:1em; }*/

/*button.category { width:8em; padding-left:2px; text-align:left; border-radius:0; font-size:0.75em; }
button.category.pots { width:10em; }
button.category i { font-size:0.9em; }
button.category.enabled { border-bottom:1px solid #004040; }
button.category.enabled i { color:#004040; }
button.category.disabled i { color:#C9C9C9; }
button.category:hover { opacity:0.8; box-shadow:1px 1px 2px #333333; }
button.category:hover i { opacity:1; box-shadow:none; }

button.delete { color:#AA0000; }
button.delete i { padding:1px 5px !important; }
button.delete i:hover { border-bottom:2px solid #AA0000; }

button.mini { float:right; position:relative; top:0.25em; left:0.25em; }
button.mini:hover { opacity:0.5; cursor:pointer; }
button.mini i.delete { color:#AA0000; }

button.section { width:5em; padding-left:2px; text-align:left; border-radius:0; font-size:0.75em; }
button.section.pots { width:10em; }
button.section i { font-size:0.9em; }
button.section.enabled { border-bottom:1px solid #004040; }
button.section.enabled i { color:#004040; }
button.section.disabled i { color:#C9C9C9; }
button.section:hover { opacity:0.8; box-shadow:1px 1px 2px #333333; }
button.section:hover i { opacity:1; box-shadow:none; }

button.radio { width:9em; padding-left:2px; text-align:left; border-radius:0; font-size:0.75em; }
button.radio i { font-size:0.9em; }
button.radio.enabled { border-bottom:1px solid #004040; }
button.radio.enabled i { color:#004040; }
button.radio.disabled i { color:#C9C9C9; }
button.radio:hover { opacity:0.8; box-shadow:1px 1px 2px #333333; }
button.radio:hover i { opacity:1; box-shadow:none; }

div.card-list { height:inherit; clear:both; text-align:center; }
div.card-list div.card { height:auto; display:inline-block; margin:7px 5px; background:white; box-shadow:3px 3px 5px #c0c0c0; text-align:left; border-radius:0.5em 0 0.5em 0; border:1px solid silver; }
div.card-list div.card.half-width { width:calc(50% - 20px) !important; }
div.card-list div.card fieldset { display:block; }
div.card-list div.card span.card-title { display:block; padding:5px 10px 5px 10px; background:#F3F6F6; border-bottom:1px solid silver; border-radius:15px 0 0 0; }
div.card-list div.card span.card-title { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
div.card-list div.card span.card-title > i { width:16px; text-align:right; margin-right:5px; }
div.card-list div.card span.card-title > h1 { font-weight:bold; }
div.card-list div.card span.card-title form input { vertical-align:middle; }
div.card-list div.card span.card-title form button { vertical-align:middle; }
div.card-list div.card span.card-title form span { vertical-align:middle; }
div.card-list div.card span.card-image { vertical-align: middle; }
div.card-list div.card span.card-image img.photo { margin:1px; }
div.card-list div.card span.card-block { vertical-align: middle; }
div.card-list div.card img.photo { display:block; float:left; width:5em; height:6.75em; background:#F0F0F0; text-align:center; }
div.card-list div.card img.photo.x-sm { width:2.5em; height:3.25em; margin-right:5px; border-radius:0.5em 0 0 0; }
div.card-list div.card img.photo.sm { width:3.25em; height:4em; margin-right:5px; }
div.card-list div.card img.photo.md { width:7.5em; height:11em; margin-right:5px; }
div.card-list div.card img.photo.bg { width:8.75em; height:12.25em; margin-right:5px; }
div.card-list div.card span.card-line { display:block; padding:2px 5px; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
div.card-list div.card span.card-line i { width:24px; text-align:center; }
div.card-list div.card span.card-table { display:block; padding:1px; margin:0 auto; height:164px; overflow:hidden; }
div.card-list div.card span.card-table:hover { overflow:auto; }
div.card-list div.card span.card-actions { display:block; clear:both; text-align:right; background:white; border-top:1px solid silver; padding:5px; border-radius:0 0 20px 0; }
div.card-list div.card.big span.card-table { height:11.5em; }
div.card-list div.card.complete { height:inherit; vertical-align:top; }
div.card-list div.card.complete span.card-title { white-space:normal; }
div.card-list div.card.complete span.card-table { height:calc(100% - 60px); display:block; overflow:auto; }
div.card-list div.card.complete span.card-table.extractions { height:calc(100% - 96px); }
div.card-list div.card.complete span.card-table.referrals { height:calc(100% - 96px); }
div.card-list div.card.complete span.card-table.routes { height:calc(100% - 16px); }
div.card-list div.card.complete span.card-table.sections { height:calc(100% - 164px); }
div.card-list div.card.complete span.card-table.workers { height:calc(100% - 164px); }
div.card-list div.card.complete span.card-table.users { height:calc(100% - 164px); }
div.card-list div.card.complete span.card-table.permissions { height:calc(100% - 164px); }
div.card-list div.card.complete span.card-table.orders { height:calc(100% - 76px); }
div.card-list div.card.complete span.card-table.production { height:calc(100% - 74px); }
div.card-list div.card.complete.form { width:calc(45% - 20px); }
div.card-list div.card.complete.list { width:calc(55% - 20px); }

div.content { display:block; clear:both; }

div.datasheet { margin:0.5em 3px;  max-width:100%; border:2px solid silver; border-radius:5px; }
div.datasheet h1 { font-weight:bold; font-size:1.75em; border-bottom:3px solid silver; }
div.datasheet canvas { display:block; max-width:100%;  }

div.form-action { padding:0; margin:0; display:block; }
div.form-action.inline { padding:0; margin:0 auto; display:inline-block; }
div.form-action > form { max-height:calc(100% - 16px); display:block; margin:0 10px 10px 0; padding:0; border-radius:5px; border:1px solid silver; background:white; box-shadow:3px 3px 6px #c0c0c0; }
div.form-action > form > div.table { max-height:640px; margin:0; padding:0; overflow:auto; }
div.form-action > form label { display:inline-block; margin:10px 15px 0 15px; width:10em; }
div.form-action > form label.small { display:inline-block; margin:10px 15px 0 15px; width:6em; }
div.form-action > form label.top-align { vertical-align:top; }
div.form-action > form label.big { display:inline-block; width:25em;}
div.form-action > form span.form-title { display:block; margin:0 auto; padding:5px 10px; z-index:0; }
div.form-action > form span.form-title {  border-bottom:1px solid silver; background:#F5F5F5; color:#006633; text-align:left; font-weight:bold; }
div.form-action > form span.form-line { display:flex; }
div.form-action > form span.form-line > a { margin-left:15px; }
div.form-action > form span.actions { display:block; margin:0 auto; padding:5px; text-align:right; border-top:1px solid silver; }
div.form-action > form span.select { margin-left:4px; }
div.form-action > form i.label { width:24px; margin:5px; text-align:center; }
div.form-action > form input[type='text'] { margin:5px; }
div.form-action > form input[type='number'] { margin:5px; }
div.form-action > form input[type='password'] { margin:5px; }
div.form-action > form input[type='file'] { margin:5px; }
div.form-action > form input[type='date'] { margin:3px; }
div.form-action > form input[type='datetime'] { margin:3px; }
div.form-action > form input[type='radio'] { margin:5px 0 5px 5px; }
div.form-action > form select { margin:5px; }
div.form-action > form textarea { margin:5px; }
div.form-action > form img { margin:5px; }
div.form-action > form table { margin:5px; width:calc(100% - 30px); }

div.form-filter { float:right; padding:10px 0; margin-right:10px; clear:both; }
div.form-filter form > * { margin:0; border:1px solid silver; }
div.form-filter span.actions i { font-size:1em; }

div.screen-divide-1 div.card.complete span.card-table { display:block; padding:1px; margin:0 auto; height:398px; overflow:auto; }
div.screen-divide-2 div.card.complete span.card-table { display:block; padding:1px; margin:0 auto; height:398px; overflow:auto; }
div.screen-divide-4 div.card.complete span.card-table { display:block; padding:1px; margin:0 auto; height:138px; overflow:auto; }

div.global-actions { display:inline-block; position:fixed; bottom:10px; right:10px; z-index:50; }

div.global-actions.steps-menu { text-align:center; }
div.global-actions.steps-menu > a.step { display:inline-block; padding:5px; font-size:1em; font-weight:bold; vertical-align:middle; color:#004040; }
div.global-actions.steps-menu > a.step.selected { background:#004040; color:white; }
div.global-actions.steps-menu > a.step > span { display:inline-block;  width:6em; }
div.global-actions.steps-menu > a.step > span i.icon {  font-size:1em; }
div.global-actions.steps-menu > a.step > i.arrow { font-size:2.5em; vertical-align:middle; float:right; }

div.handbook-sections { height:calc(100% - 44px); overflow-y:scroll; }
div.handbook-sections.edit { height:calc(100% - 44px); overflow-y:scroll; }
div.handbook-sections section { border-left:1px dotted silver; }
div.handbook-sections section span { display:block; padding:0.1em 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
div.handbook-sections section span a { color:#003300; font-size:0.9em; }
div.handbook-sections section span a:hover { background:#E0E0E0; }
div.handbook-sections section span a.hb-action i { font-size:0.75em; padding:0 2px; }
div.handbook-sections section.chapter { margin-left:0.5em; }
div.handbook-sections section.chapter span a { font-weight:bold; text-transform:uppercase; }
div.handbook-sections section.section { margin-left:1.5em; }
div.handbook-sections section.section span a { font-weight:bold; text-transform:uppercase; }
div.handbook-sections section.subsection { margin-left:1.5em; }
div.handbook-sections section.subsection span a { font-weight:bold; }
div.handbook-sections span.add.chapter { margin-left:0.5em; }
div.handbook-sections span.add.section { margin-left:1.5em; }
div.handbook-sections span.add.subsect { margin-left:1.5em; }
div.handbook-sections form.add { display:none; }
div.handbook-sections form.add > input { display:block; clear:both; }
div.handbook-sections form.edit { display:block; }
div.handbook-sections form.edit > * { margin:0; }
div.handbook-sections form.edit > input[type='number'] { width:3em; }

div.handbook-content {  padding:1cm; height:calc(100% - 2cm); overflow-y:scroll; font-size:1.1em; font-family:Arial; }
div.handbook-content section h1 { text-align:center; text-transform:uppercase; margin-top:2em; }
div.handbook-content section h2 { text-align:left; text-transform:uppercase; margin-top:1em; }
div.handbook-content section h3 { text-align:left; margin-top:1em; }
div.handbook-content section article p { text-align:justify; }
div.handbook-content section article > ul { margin-left:1.5em; list-style:square outside; }
div.handbook-content section article > ul > li {  margin-bottom:1em; }
div.handbook-content section article > ul > li > ul { margin-left:1em; list-style:circle outside; }
div.handbook-content section article img { display:block; margin:0 auto; margin-bottom:1em; width:50%; }

div.meter { display:inline-block;width:92px;height:0.8em;vertical-align:middle;margin-bottom:3px;border:1px solid grey; border-radius:0.5em; }
div.meter > div { height:inherit; border-radius:0.4em; }

div.modal { display:none; position:fixed; z-index:99; padding-top:100px; left:0; top:0; width:100%; height:100%; }
div.modal { background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.6); }

div.modules { margin-top:15px; }

div.modal-box-content { position:fixed; top:10%; left:10%; padding:0; width:80%; background-color:#FEFEFE; }
div.modal-box-content { outline:1px solid silver; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); }
div.modal-box-content { -webkit-animation-name:animatetop; -webkit-animation-duration:0.4s; animation-name:animatetop; animation-duration:0.2s; }
div.modal-box-content div.modal-box-header { padding:2px 16px; background:#F5F5F5; border-bottom:1px solid #006633; }
div.modal-box-content div.modal-box-header span#modal-box-close { float:right; font-size:24px; font-weight:bold; color:#006633; }
div.modal-box-content div.modal-box-header span#modal-box-close:hover { color:#117744; text-decoration:none; cursor:pointer; }
div.modal-box-content div.modal-box-header span#modal-box-close:focus { color:#117744; text-decoration:none; cursor:pointer; }
div.modal-box-content div.modal-box-header > h1#modal-box-title { font-size:1.25em; font-weight:bold; color:#006633; }
div.modal-box-content div.modal-box-body { padding: 2px 16px; height:92%; overflow:auto; }
div.modal-box-content div.modal-box-footer { padding:2px 16px; background:#F5F5F5; }

div#logo { width:100%; background:transparent; color:006633; text-align:center; margin:25px 0; padding:10px 0; }
div#details { padding:5px 15px; }

form { display:inline; margin:0; padding:0; }
form span.form-title { position:sticky; top:0; z-index:10; }
form fieldset { width:calc(50% - 10px); border:1px solid silver; display:inline-block; vertical-align:top; }
form fieldset.width65 { min-width:calc(65% - 10px); width:calc(65% - 10px); }
form fieldset.width60 { min-width:calc(60% - 10px); width:calc(60% - 10px); }
form fieldset.width35 { min-width:calc(35% - 10px); width:calc(35% - 10px); }
form fieldset.width30 { min-width:calc(30% - 10px); width:calc(30% - 10px); }
form fieldset.width40 { min-width:calc(40% - 10px); width:calc(40% - 10px); height:calc(100% - 46px); }
form fieldset.width55 { min-width:calc(55% - 10px); width:calc(55% - 10px); height:calc(100% - 46px); }
form fieldset.width45 { min-width:calc(45% - 10px); width:calc(45% - 10px); height:calc(100% - 46px); }
form fieldset.width33 { margin:0 5px; min-width:calc(33% - 15px); width:calc(33% - 15px); height:calc(100% - 46px); }
form fieldset.full-width { width:100%; }
form fieldset.left { float:left; }
form fieldset.right { float:right; }
form fieldset legend { text-align:center; color:#006600; margin-left:0.5em; }
form input { font-size:0.75em; }

form.in-modal label { display:inline-block; margin:10px 15px 0 15px; width:156px; vertical-align:top; }
form.in-modal span.form-title { display:block; margin:0 auto; padding:10px; }
form.in-modal span.form-title {  border-bottom:1px solid silver; background:#F5F5F5; color:#006633; text-align:left; font-weight:bold; }
form.in-modal span.form-line { display:flex; }
form.in-modal span.form-line > a { margin-left:15px; }
form.in-modal span.actions { display:block; margin:0 auto; text-align:left; }
form.in-modal span.actions { margin:0; padding:5px; text-align:right; border-top:1px solid silver; }
form.in-modal span.options {  margin:5px; }
form.in-modal span.options > span { display:block; }
form.in-modal i.label { width:24px; margin:5px; text-align:center; }
form.in-modal input[type='text'] { margin:5px; }
form.in-modal input[type='number'] { margin:5px; }
form.in-modal input[type='password'] { margin:5px; }
form.in-modal input[type='file'] { margin:5px; }
form.in-modal input[type='date'] { margin:3px; }
form.in-modal input[type='datetime'] { margin:3px; }
form.in-modal input[type='radio'] { margin:5px; }
form.in-modal select { margin:5px 15px; }
form.in-modal textarea { margin:5px 15px; }
form.in-modal img { margin:5px 15px; }
form.in-modal table { margin:5px 15px; width:calc(100% - 30px); }

form#form_contracts { height:100%; }
form#form_contracts > fieldset { height:calc(100% - 50px); }
form#form_contracts > fieldset > div { height:calc(100% - 5px); overflow:auto; }

form#form_execute_sql > div { height:17.5em; overflow:auto; }

form#form_add_inventory_control { display:grid; grid-template-columns:calc(45% - 5px) cal(55% - 5px); grid-template-rows:auto auto; gap:0 0.5em; }
form#form_add_inventory_control div.form-title { border-bottom:1px solid silver; background:#F5F5F5; color:#006633; text-align:left; font-weight:bold; }
form#form_add_inventory_control div.form-title { padding:5px 10px; z-index:0; grid-column: 1 / span 2; }
form#form_add_inventory_control fieldset { min-width:100%; max-width:100%; }
form#form_add_inventory_control fieldset div.item-container { height:17.25em; overflow-y:auto; }
form#form_add_inventory_control fieldset div.task-container { height:31.75em; overflow-y:auto; }
form#form_add_inventory_control fieldset textarea { vertical-align:top;}

form#form_obligation_payments { display:grid; grid-template-columns:calc(40% - 5px) cal(60% - 5px); grid-template-rows:auto auto; gap:0 0.5em; }
form#form_obligation_payments div.form-title { border-bottom:1px solid silver; background:#F5F5F5; color:#006633; text-align:left; font-weight:bold; }
form#form_obligation_payments div.form-title { padding:5px 10px; z-index:0; grid-column: 1 / span 2; }
form#form_obligation_payments fieldset { min-width:100%; max-width:100%; }
form#form_obligation_payments fieldset div.item-container { height:33.75em; overflow-y:auto; }
form#form_obligation_payments fieldset textarea { vertical-align:top;}

form#form_settings { height:37.5em; }
form#form_settings > fieldset#job { height:calc(100% - 43px); width:calc(40% - 10px); }
form#form_settings > fieldset#jobs { height:calc(100% - 43px); float:right; width:calc(60% - 10px); }
form#form_settings > fieldset#jobs > div { height:calc(100% - 5px); overflow:auto; }

form#login { margin-top:128px; }
form#login label { display:block; width:auto; margin:5px 25px; }
form#login input { margin:5px 25px; }
form#login span.actions button { margin:5px 25px; }

h1.status.inactive { color:#660000; }
h1.status.disabled { color:#AA0000; }
h1.status.enabled { color:#009900; }
h1.status.opened { color:#009900; }
h1.status.closed { color:#990000; }
h1.status.warning { color:#FF9966; }
h1.status.updated { color:#AA0000; }
h1.status.approvable { color:#FF9966; }
h1.status.approved { color:#009900; }
h1.status.rejected { color:#999999; }
h1.status.completed { color:#000000; }

h1.high { color:#009900; }
h1.medium { color:#999900; }
h1.low { color:#DD0000; }

hr { margin:10px 0; clear:both; border:2px solid #000000; }
hr.separator { height:4px; border-width:0; color:gray; background-color:gray; }

i.money-sign { font-weight:bold; padding-right:2px; }

/*i.action { padding:8px 10px; }
i.action:hover { box-shadow:1px 1px 2px #333333; opacity: 0.5; }
i.action::after { font:bold 1em Cantarell, Arial, Sans; }
i.action.big { padding:4px 5px; font-size:1.5em; border-radius:5px 0; }
i.action.card { padding:5px 10px; width:16px; margin:2px 5px 2px 0; font-size:16px; border-radius:5px 0; }
i.action.global { width:24px; padding:14px 10px; font-size:16px; color:white; border-radius:50%; text-align:center; }
i.action.filter { font-size:16px; color:white; border-radius:10%; padding:4px 8px; }
i.action.table { font-size:1em; width:1em; color:white; border-radius:10%; padding:4px 8px; }
i.action.toggle { padding:5px; margin:0; border:none; border-radius:0; font-size:22px; }
i.action.toggle:hover { box-shadow:none; }
i.action.small { padding:0.35em 0.5em; }
i.action.back { padding:8px 10px; background:#006633; color:white; border-radius:10%; }

i.action.on { color:green; }
i.action.off { color:silver; }

i.action.pdf { background:#AA3333; }
i.action.xls { background:#33AA33; }
i.action.add { background:#33AAAA; }
i.action.export { background:#33AAAA; }
i.action.import { background:#33AAAA; }
i.action.liquidate { background:#33AA33; }
i.action.jobs { background:#999933; }
i.action.data { background:#999933; }
i.action.settings { background:#999933; }
i.action.move { background:#AA6666; }

i.action.account { color:#999933; box-shadow:1px 1px 2px #999933; }
i.action.cares { color:#009900; box-shadow:1px 1px 2px #009900; }
i.action.deliver { color:#009900; box-shadow:1px 1px 2px #009900; }
i.action.disable { color:#996666; box-shadow:1px 1px 2px #996666; }
i.action.save { color:#669966; box-shadow:1px 1px 2px #669966; }
i.action.delete { color:#996666; box-shadow:1px 1px 2px #996666; }
i.action.edit { color:#999966; box-shadow:1px 1px 2px #999966; }
i.action.enable { color:#66CC66; box-shadow:1px 1px 2px #66CC66; }
i.action.identify { color:#336666; box-shadow:1px 1px 2px #336666; }
i.action.key { color:#CCCC66; box-shadow:1px 1px 2px #CCCC66; }
i.action.like { color:#990000; box-shadow:1px 1px 2px #990000; }
i.action.list { color:#669999; box-shadow:1px 1px 2px #669999; }
i.action.lock { color:#996666; box-shadow:1px 1px 2px #996666; }
i.action.pay { color:#339933; box-shadow:1px 1px 2px #339933; }
i.action.disable-pay { color:#C0C0C0; box-shadow:1px 1px 2px #C0C0C0; }
i.action.plus { color:#339933; box-shadow:1px 1px 2px #339933; }
i.action.report { color:#CC6600; box-shadow:1px 1px 2px #CC6600; }
i.action.request { color:#339933; box-shadow:1px 1px 2px #339933; }
i.action.stop { color:#996666; box-shadow:1px 1px 2px #996666; }
i.action.transfer { color:#996666; box-shadow:1px 1px 2px #996666; }
i.action.unlock { color:#66CC66; box-shadow:1px 1px 2px #66CC66; }
i.action.view { color:#999999; box-shadow:1px 1px 2px #999999; }
i.action.print { color:#669999; box-shadow:1px 1px 2px #999999; }

i.action.pay.with-text::after { content:" PAGAR"; }
i.action.search { background:#AAAAAA; }
i.action.clear { background:#996666; }
i.action.open { background:#33AA33; }
i.action.login { padding:0; margin:5px 5px 0 5px; font-size:24px; background:transparent; }
i.action.logout { padding:0; margin:5px 5px 0 5px; font-size:24px; background:transparent; }
i.action.notifications { padding:0; margin:5px 5px 0 5px; font-size:24px; background:transparent; }
i.action.admin { padding:0; margin:5px 5px 0 5px; font-size:24px; background:transparent; }*/

/*i.button { padding:5px 15px; font-size:16px; color:white; border-radius:3px; }
i.button:hover { box-shadow:1px 1px 2px #333333; opacity: 0.5; }
i.button::after { font:bold 1em Cantarell, Arial, Sans; }
i.button.small { padding:5px; font-size:0.75em; border-radius:2px; }

i.button.add { background:transparent; border-bottom:1px solid #009900; border-left:1px dotted silver; cursor:pointer; }
i.button.add.chapter { color:#009900; }
i.button.add.chapter::after { content:" CAPÍTULO"; }
i.button.add.section { color:#009900; }
i.button.add.section::after { content:" SECCIÓN"; }
i.button.add.subsect { color:#009900; }
i.button.add.subsect::after { content:" SUBSECCIÓN"; }

i.button.close { background:#AA3333; }
i.button.close::after { content:" CERRAR"; }
i.button.execute { background:#AA3333; }
i.button.execute::after { content:" EJECUTAR"; }
i.button.save { background:#009900; }
i.button.save::after { content:" GUARDAR"; }
i.button.update { background:#33AAAA; }
i.button.update::after { content:" ACTUALIZAR"; }
i.button.approve { background:#009900; }
i.button.approve::after { content:" APROBAR"; }
i.button.create { background:#33AAAA; }
i.button.create::after { content:" CREAR"; }
i.button.print { background:#009900; }
i.button.print::after { content:" IMPRIMIR"; }
i.button.send { background:#33AAAA; }
i.button.send::after { content:""; }
i.button.cancel { background:#AA3333; }
i.button.cancel::after { content:""; }
i.button.end { background:#AA3333; }
i.button.end::after { content:""; }
i.button.end.inactive::after { content:" FINALIZAR INCIDENCIA"; }
i.button.plus { background:#33AA33; font-size:0.8em; padding:5px; }
i.button.plus::after { content:""; }
i.button.upload { background:#33AAAA; }
i.button.upload::after { content:" SUBIR"; }
i.button.xls { background:#33AA33; }
i.button.xls::after { content:" XLS"; }
i.button.home { background:#117744; }
i.button.home::after { content:" IR A INICIO"; }
i.button.mail { background:#117744; }
i.button.mail::after { content:" ENVIAR"; }
i.button.login { background:#117744; }
i.button.login::after { content:" INGRESAR"; }
i.button.register { background:#117744; }
i.button.register::after { content:" REGISTRARSE"; }
i.button.payment { background:#117744; }
i.button.payment::after { content:" CALCULAR PAGOS"; }
i.button.pdf { background:#AA3333; }
i.button.pdf::after { content:" PDF"; }
i.button.verify { background:#117744; }
i.button.verify::after { content:" VERIFICAR"; }
i.button.search { background:#AAAAAA; }
i.button.search::after { content:" BUSCAR"; }
i.button.clear { background:#996666; }
i.button.clear::after { content:" BORRAR"; }
i.button.delete { background:#996666; }
i.button.delete::after { content:" BORRAR"; }

i.flag { font-size:1em; }
i.flag.ok { color:#009900; }
i.flag.err { color:#CC0000; }
i.flag.warning { color:#CC9900; }

i.info { color:#448888 !important; font-size:1.1em; margin:0 0.25em; }
i.info:hover { cursor:pointer; }
i.info.small { font-size:0.9em; }

i.status.enabled { color:#006600; }
i.status.warning { color:#CC9900; }
i.status.disabled { color:#CCCCCC; }

img.photo { display:inline-block; width:5cm; height:auto; border:1px solid silver; vertical-align:top; }
img.photo.preview { width:auto; max-height:1.5cm; }

input { font-size:0.9em; }

input.btn-enable { padding-bottom:0; border-bottom:3px solid #00AA00; }
input.btn-disable { padding-bottom:0; border-bottom:3px solid #AA0000; }
input.btn-delete { padding-bottom:0; border-bottom:3px solid #AA0000; }

input.query_value { margin:0 auto; display:none; }

input[type='file'] { padding:2px 10px; border:none; border-bottom:3px solid #000000; background:#EAEAEA; color:#000000; cursor:pointer; }
input[type='file']:hover { box-shadow:1px 1px 2px #AAEEFF; }

input[type='submit'] { padding:2px 5px; border:none; border-bottom:3px solid #006633; background:#EAEAEA; color:#000000; cursor:pointer; }
input[type='submit']:hover { box-shadow:1px 1px 2px #AAEEFF; }

input[type='text'] { padding:3px 0 3px 5px; margin-right:10px; border:none; border-bottom:1px solid silver; }
input[type='text']:hover { box-shadow:1px 1px 2px #AAEEFF; }

input[type='date'] { padding:3px 0 3px 5px; margin-right:10px; border:none; border-bottom:1px solid silver; }
input[type='date']:hover { box-shadow:1px 1px 2px #AAEEFF; }

input[type='datetime'] { padding:1px 0 1px 5px; margin-right:10px; border:none; border-bottom:1px solid silver; }
input[type='datetime']:hover { box-shadow:1px 1px 2px #AAEEFF; }

input[type='number'] { padding:3px 0 3px 5px; margin-right:10px; border:none; border-bottom:1px solid silver; }
input[type='number']:hover { box-shadow:1px 1px 2px #AAEEFF; }

input[type=number]::-webkit-inner-spin-button { opacity: 0.5; }
input[type=number]:focus::-webkit-inner-spin-button { opacity: 1; }
input[type=number]::-webkit-outer-spin-button { opacity: 0.5; }
input[type=number]:focus::-webkit-inner-spin-button { opacity: 1; }

input[type='password'] { padding:2px 5px; margin-right:10px; border:none; border-bottom:1px solid silver; }
input[type='password']:hover { box-shadow:1px 1px 2px #AAEEFF; }

input[readonly] { cursor:not-allowed; background:#FAFAFA; border:1px solid #990000; padding-right:0.5em; }
input[readonly]:hover { box-shadow:none; }

input[name=internal_reference] { max-width:4em; }

label { display:inline-block; padding:2px 0; margin-top:10px; color:#004422; clear:both; }
label.obligatory { color:#AA0000; }
label.obligatory::after { content:' (*)'; }

ol { list-style-type:decimal; }
ol li { margin-left:1.5em; }

select { padding:3px; margin-right:10px; border:none; border-bottom:1px solid silver; font-size:0.8em; }
select:hover { box-shadow:1px 1px 2px #AAEEFF; }

span.comment { display:block; clear:both; max-width:80%; margin:4px; padding:5px 10px; border-radius:5px; background:#E9F9E9; }
span.comment.deleted { text-decoration:line-through; color:#CCAAAA; font-size:0.8em; padding:2px 10px; }
span.comment em.writer { vertical-align:bottom; margin-right:1em; }
span.comment em.deleted { text-decoration:line-through; color:#CCAAAA; }
span.comment i { font-size:1em; margin-right:0.5em; vertical-align:middle; }
span.comment.unread { background:#E9F9E9; border:1px solid #A9E9A9; }
span.comment.read { background:#EFEFEF; }
span.comment.own { float:right; }

span.disabled { color:#660000; text-decoration:line-through; }

span.data > span { display:block; margin-bottom:0.5em; }

span.empty { color:#660000; }
span.enabled { color:#003300; }
span.warning { color:#CC6600; }

span.error { padding:10px 25px; color:#660000; font-size:1.2em; font-weight:bold; }

span.form-field { margin-left:10px; }

span.input { margin-left:5px; padding:2px; border-bottom:1px solid silver; vertical-align:middle; }
span.input i { margin:0; font-size:1em; }
span.input input[type=range] { margin:0; width:7.5em; height:0.75em; }

span.item { display:inline-block; padding:2px 4px; margin:1px 0; font-size:0.8em; border:1px solid silver; border-radius:3px; }
span.item { max-width:14em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
span.item i { font-size:0.7em; padding:2px; color:#330000; }
span.item.small { font-size:0.75em; }
span.item.small i { font-size:0.7em; }

span.item-description { max-width:calc(100% - 8px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

span.item-list { display:flex; flex-wrap:wrap; flex-direction:row; }
span.item-list span.item { margin:0.25em; }
span.item-list span.item.big { display:inline-block; min-width:calc(50% - 1em); vertical-align:middle; font-size:0.85em !important; }
span.item-list span.item.big img { height:2em; vertical-align:middle; float:left; }

span.message { padding:3px 5px; margin:5px 0; float:left; width:99%; clear:both; }
span.message.warning { background:#FFAA55; color:#ffffff; }
span.message.error { background:#FFAA55; color:#ffffff; }

span.obligatory { color:#AA0000; font-size:0.8em; }
span.pseudo-input { padding:3px 0 3px 5px; margin-right:10px; border:none; border-bottom:1px solid silver; }

span.quantity { font-weight:bold; text-align:right; }
span.quantity.big { font-weight:bold; font-size:1.5em; }
span.quantity.small { font-weight:normal; font-size:0.8em; }
span.quantity.income { color:green; }
span.quantity.outcome { color:#AA0000; }

span.record-data > span { margin:5px; padding:0 5px; border-radius:5px; border:1px solid silver; }

span.select { position:relative; display:inline-block; margin-right:10px; width:10em; background-color:white; border:1px solid silver; }
span.select:hover { box-shadow:1px 1px 2px #AAEEFF; }
span.select.big { width:12.5em; }
span.select div.select-title { padding:2px 5px; cursor:pointer; }*/
span.select ul.select-content { display:none; position:absolute; width:calc(100% - 1em); max-height:20em; z-index:25; overflow-y:scroll; background-color:white; outline:1px solid silver; }
/*span.select div.select-content { width:inherit; }
span.select div.select-content > input { margin:2px 5px; }
span.select div.select-content > span { display:block; padding:5px; border:1px solid silver; }
span.select div.select-content > span:nth-child(odd)  { background:#E0E0E0; }
span.select div.select-content > span:hover  { background:#C0C0C0; }
span.select div.select-content > option:nth-child(odd)  { background:#E0E0E0; }
span.select div.select-content > button { display:block; margin:5px; width:calc(100% - 10px); background:#AAAAAA; }
span.select div.select-content > button > i{ display:inline-block; padding:5px; width:calc(100% - 20px); height:auto; font-size:1.25em; }
span.select div.select-content > div { padding:5px; border:1px solid silver; }
span.select div.select-content > div:hover { cursor:pointer; background:silver; }
span.select div.select-content > div:nth-child(odd) { background:#E0E0E0; }
span.select:hover div.select-content { display:block; }

span.select.deliveries { width:25em; padding:0; }
span.select.deliveries div.select-title { float:right; }
span.select.deliveries div.select-title span { margin:0 5px; }
span.select.deliveries div.select-content { width:auto; max-height:auto; margin:0 auto; padding:0; overflow:auto;}
span.select.deliveries div.select-content span { max-width:inherit; width:calc(100% - 13px); text-align:left; }

span.select.list { position:inherit; display:inline-block; padding:0; vertical-align:top; }

span.select.orders { width:25em; padding:0; }
span.select.orders div.select-title { float:right; }
span.select.orders div.select-title span { margin:0 5px; }
span.select.orders div.select-content { width:auto; max-height:auto; margin:0 auto; padding:0; overflow:auto;}
span.select.orders div.select-content span { max-width:calc(100% - 12px); width:100%; padding:2px 5px; text-align:left; }

span.select.products { width:10em; }

span.select.requests { width:25em; padding:0; }
span.select.requests div.select-title { float:right; }
span.select.requests div.select-title > i { float:left; margin-right:0.25em; }
span.select.requests div.select-title > span { margin:0 auto; font-size:0.9em; }
span.select.requests div.select-title > span.quantity { margin-right:0.25em; font-size:1em; }
span.select.requests div.select-content { width:auto; max-height:auto; margin:0 auto; padding:0; overflow:auto; }
span.select.requests div.select-content > span { max-width:inherit; width:calc(100% - 13px); }
span.select.requests div.select-content > span span.quantity { font-size:1em; }

span.select.search { width:auto; border:none; }
span.select.search div.select-title { padding:0; }
span.select.search div.select-title input { margin:0; }
span.select.search div.select-content { width:100%; max-height:192px; overflow:auto; }
span.select.search div.select-content option:hover { background:silver; }
span.select.search:hover div.select-content { display:none; }
span.select.search.workers { position:absolute; display:inline-block; padding:0; vertical-align:top; }
span.select.search.workers div.select-content option:hover { background:silver; cursor:pointer; }

span.select.tasks { width:25em; padding:0; }
span.select.tasks div.select-content { width:auto; max-height:auto; margin:0 auto; padding:0; overflow:auto;}
span.select.tasks div.select-content span { max-width:inherit; width:calc(100% - 12px); }

span.status { margin:1px 5px; border:none; }
span.status > img { width:24px; height:24px; }
span.status.disabled { border-color:#AA0000; }
span.status.enabled { border-color:#00AA00; }
span.status.inactive { border-color:#00AA00; }
span.status.starting { border-color:#AAAA00; }
span.status.running { border-color:#00AA00; }

span.tag { display:inline-block; margin:1px 0; font-size:1em; border:1px solid silver; border-radius:3px; max-width:10em; margin:0.2em; padding:0.1em 0.5em; }
span.tag i { font-size:0.8em; margin-right:0.5em; color:#400000; }
span.tag i:hover { cursor:pointer; color:#800000; }

span#info a:hover { text-decoration:underline; }

span#modal-filter { display:inline-block; margin-right:10px; padding:4px 10px; background-color: white; border:1px solid silver; }

span#notification-count { display:inline-block; width:1.5em; height:1.5em; margin-left:-1em; padding:0; border-radius:0.75em; text-align:center; }
span#notification-count { background:#00C000; color:#F0F0F0; font-weight:bold; font-size:0.85em; }

span#ql-save { float:right; vertical-align:middle; padding:5px; cursor:pointer; }
span#ql-save:hover { color:green; }
/*
table { margin:0; padding:0; }
table.data { width:100%; border-collapse:collapse; background:white; border:1px solid silver; }
table.data thead { position:sticky; top:0; outline:1px solid silver; }
table.data thead tr th { padding:5px; background:#FEFEFE; font-weight:bold; text-transform:uppercase; vertical-align:top; text-align:left; }
table.data thead tr th.small { font-size:0.8em; }
table.data thead tr th.centered { text-align:center; }
table.data thead tr th.quantity { text-align:right; }
table.data thead tr th.actions { text-align:center; }
table.data thead tr th a.sorter { color:black; cursor:pointer; white-space:nowrap; }
table.data thead tr th a.sorter:hover { text-decoration:underline; }
table.data thead tr th span.sorter { font-weight:bold; cursor:pointer; }
table.data thead tr th span.sorter:hover { text-decoration:underline; }
table.data tbody tr { border:1px solid silver; }
table.data tbody tr:hover { background:#D0D3D0; }
table.data tbody tr.important { background:rgba(0, 128, 0, 0.1); }
table.data tbody tr.enabled { background:rgba(0, 128, 0, 0.1); }
table.data tbody tr.disabled { background:rgba(128, 0, 0, 0.1); }
table.data tbody tr.warning { background:rgba(128, 112, 0, 0.1); }
table.data tbody tr.updated { background:rgba(128, 0, 0, 0.1); }
table.data tbody tr.approvable { background:rgba(128, 64, 0, 0.1); }
table.data tbody tr.approved { background:rgba(0, 128, 0, 0.1); }
table.data tbody tr a { vertical-align:middle; }
table.data tbody tr td { padding:4px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
table.data tbody tr td.centered { text-align:center; }
table.data tbody tr td.actions { text-align:center; }
table.data tbody tr td.bold { font-weight:bold; }
table.data tbody tr td.disabled { text-decoration:line-through; opacity:0.5 !important; }
table.data tbody tr td.income { text-align:right; color:#006600; white-space:nowrap; }
table.data tbody tr td.outcome { text-align:right; color:#990000; white-space:nowrap; }
table.data tbody tr td.warning { text-align:right; color:#CC6600; white-space:nowrap; }
table.data tbody tr td.exceed { text-align:right; color:#0066CC; white-space:nowrap; }
table.data tbody tr td.quantity { text-align:right; white-space:nowrap; }
table.data tbody tr td input:not([type='checkbox']) { margin:1px 0 0 1px; padding:1px 0; text-align:right; font-size:0.85em; width:3.5em; }
table.data tbody tr td input[type='text'] { padding-right:0; margin-right:0; width:6em; text-align:left; }
table.data tbody tr td input[type='text'].x-big { width:20em; }
table.data tbody tr td input[type='time'] { width:auto; }
table.data tbody tr td input[type='number'] { text-align:right; }
table.data tbody tr td input[type='number'].big { width:5em; text-align:left; }
table.data tbody tr td button { margin:0; padding:0; }
table.data tbody tr td button i { margin:0; padding:0; }
table.data tbody tr td span:not([class~='select']) { float:left; max-width:15em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
table.data tbody tr td span.name { max-width:12.5em; }
table.data tbody tr td span.observations { max-width:12.5em; }
table.data tbody tr td span.observations.big { max-width:25em; }
table.data tbody tr td span.small_resume { max-width:12.5em; }
table.data tbody tr td span.select { width:15em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
table.data tbody tr td span.select div.select-content { position:relative; width:inherit; }
table.data tbody tr td span.select div.select-content span { font-size:0.85em; }
table.data tbody tr td span.select.search { max-width:25em; width:25em; }
table.data tbody tr td span.sm { max-width:15em; width:15em; }
table.data tbody tr td span.md { max-width:17.5em; width:17.5em; }
table.data tbody tr td span.bg { max-width:25em; width:25em; }
table.data tbody tr td span.lg { max-width:25em; width:25em; }
table.data tfoot { position:sticky; bottom:2px; outline:2px solid silver; }
table.data tfoot tr.subtotals { border-top:4px solid silver; }
table.data tfoot tr td { padding:5px; background:#FEFEFE; font-weight:bold; }
table.data tfoot tr td.totals { text-align:right; white-space:nowrap; }
table.data tfoot tr td.income { color:#006600; }
table.data tfoot tr td.outcome { color:#990000; }
table.data tfoot tr td.warning { color:#CC6600; }
table.data tfoot tr td.quantity { white-space:nowrap; }
table.data tfoot tr td.centered { text-align:center; }

table.inline { display:inline-block; width:auto !important; clear:both; border:none; padding-top:0.5em; }
table.inline tbody tr td input { margin:0 !important; }

table.small { font-size:0.9em; }
table.small tbody tr:nth-child(even) { background:#F9F9F9; }
table.small tbody tr td { padding:3px; }

table#dispatch-resume tbody tr { margin:0; padding:0; }
table#dispatch-resume tbody tr td { margin:0 3px; padding:1px 5px; }
table#dispatch-resume tbody tr td { vertical-align:middle; }
table#dispatch-resume tbody tr td span#product { width:15em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
table#dispatch-resume tbody tr td span#client { width:12em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
table#dispatch-resume tbody tr td input { width:3.5em; padding:3px 0; margin-right:0; vertical-align:middle; }
table#dispatch-resume tbody tr td button i { padding:5px; }

table#extraction-workers tbody tr { border-top:none; border-bottom:none; }

table#extraction_items tbody tr td span.product-description { max-width:25em; width:25em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

table#extraction_tasks td { vertical-align:top; }
table#extraction_tasks td.product-description:hover { max-width:auto; }
table#extraction_tasks thead { z-index:1; }
table#extraction_tasks tbody tr td span.select.products { display:block; clear:both; width:10em; }
table#extraction_tasks tbody tr td span.select.workers { display:block; clear:both; max-width:17.5em; width:17.5em; }

table#inventory tbody tr td > span.quantity { float:right; }
table#inventory tbody tr td > span.select.requests { width:12.5em; }
table#inventory tbody tr td > span.select.orders { width:12.5em; }
table#inventory tbody tr td > span.select.deliveries { width:12.5em; }

table#invoice_taxes td input { border:none; }
table#invoice_taxes td.quantity { text-align:right !important; }
table#invoice_taxes td.quantity span.select { float:right !important; }

table#licenses tbody tr td > span.observations { width:25em; max-width:25em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

table#modules * { margin:0; padding:0; }
table#modules thead tr th { text-align:center; }
table#modules thead tr th i { font-size:1.25em; }
table#modules thead tr th span { font-size:0.5em; }
table#modules thead tr th.module_name { vertical-align:middle; text-align:left; padding-left:5px; }
table#modules tbody tr td { text-align:center; padding:1px; }
table#modules tbody tr.module { border-top:5px solid silver; }
table#modules tbody tr td.module_name { text-align:left; }
table#modules tbody tr td.module_action_name { text-align:left; padding-left:15px; }
table#modules tbody tr td i { width:16px; margin-right:5px; text-align:center; }
table#modules tbody tr td i.action { width:auto; margin:0 auto; padding:0 10px; }

table#payment-records tbody tr td span { max-width:17.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
table#payment-records tbody tr td div.payment { display:block; width:17.5em; float:right; margin:5px; padding:10px; text-align:left; background:#E9F9E9; border-radius:5px; }
table#payment-records tbody tr td div.payment > span { float:left; margin-right:1em; }
table#payment-records tbody tr td div.payment > a { float:right; }

table#pots-requests tbody tr td span.select div.select-title { float:none; }

table#production-items tbody tr td.actions form span.select { max-width:17.5em; width:17.5em; float:right; border:1px solid transparent; }
table#production-items tbody tr td.actions form span.select:hover { border:1px solid silver; }
table#production-items tbody tr td.actions form span.select div.select-title { background:white; }
table#production-items tbody tr td.actions form span.select div.select-content { text-align:left; font-size:0.9em; }
table#production-items tbody tr td.actions form span.select div.select-content div { padding-bottom:10px; border-bottom:2px solid silver; }
table#production-items tbody tr td.actions form span.select div.select-content div span { width:14em; max-width:14em; padding-left:4px; }
table#production-items tbody tr td.actions form span.select div.select-content div input { width:3em; max-width:3em; }
table#production-items tbody tr td.actions form span.select div.select-content div select { width:100%; }
table#production-items tbody tr td.actions form button i { padding:2px 10px; }

table#referral-items td span.id { width:8em; }
table#referral-items td span.long { max-width:25em; width:25em; }
table#referral-items td em { font-size:0.9em; }

table#routes tbody tr td { vertical-align:top; }
table#routes tbody tr td div { width:22.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

table#tasks tbody tr td span { max-width:20em;}

textarea { padding:2px 3px; margin-right:10px; border:1px solid silver; vertical-align:top; }
textarea:hover { box-shadow:1px 1px 2px #AAEEFF; }

ul#treeview { margin:0; padding:0; list-style-type:none; }
ul#treeview ul { list-style-type: none; }
ul#treeview .caret { cursor:pointer; user-select: none; }
ul#treeview .caret::before { content:"+"; color:black; display:inline-block; margin-right:2px; padding:1px 2px; font-weight:bold; }
ul#treeview .caret-down::before { content:"-"; }
ul#treeview .nested { display:none; }
ul#treeview .active { display:block; }
ul#treeview button { padding:1px 10px; }
ul#treeview span { display:block; }
ul#treeview li.first-level { margin-left:0px; padding:2px; background:#F0F0F0; margin-bottom:2px; }
ul#treeview li.second-level { margin-left:25px; padding:2px; background:#F6F6F6; margin-bottom:2px; }
ul#treeview li.third-level { margin-left:25px; padding:2px; background:#FCFCFC; margin-bottom:2px; }

#form_edit_worker span.photo { display:inline-block; width:10.5em; text-align:center; vertical-align:top; overflow-x:hidden; }
#form_edit_worker span.photo img { width:auto; height:11.15em; }
#form_edit_worker span.data { display:inline-block; width:25em; margin-top:0.25em; }
#form_edit_worker div.cv { height:19em; }

#form_view_worker span.photo { display:inline-block; vertical-align:top; }
#form_view_worker span.photo img { width:auto; height:9.55em; }
#form_view_worker span.data { display:inline-block; width:17.5em; margin-top:0.25em; }

div.cv { height:23.15em; padding:0.5em; overflow-y:scroll; font-size:0.95em; }
div.cv p { margin:0.75em; }
div.cv section { margin-bottom:1.5em; }
*/
/*
@-webkit-keyframes animatetop { from {top:-500px; opacity:0}  to {top:0; opacity:1} }
@keyframes animatetop { from {top:-500px; opacity:0} to {top:0; opacity:1} }*/

@media only screen and (max-width: 820px) {

    main > section > div { zoom:80%; overflow-x:scroll !important; }
    main > section > form#filter { zoom:75%; }

    /*div.section-content { text-align:center; }
    h1.section-title { margin-top:25px; }
    a.section-item { display:block; margin:10px; background:#FCFCFC; border:1px solid #eeeeee; border-radius:5px; }
    img.section-icon { margin:25px 5px 25px 5px; width:64px; vertical-align:middle; }
    span.section-item-title { clear:both; }*/

    img.logo.big { width:156px; }

    header { width:100%; right:0; padding:5px; border-radius:0; background:white; }
    header span#logo { display:inline; }
    header span#logo img { height:32px; margin:4px 0 0 15px; padding:0; position:absolute; }

    nav { display:block; width:100%; position:fixed; top:48px; z-index:99; }
    nav img#logo {display:none; }
    nav div.menu-items { display:none; }
    nav:hover div.menu-items { display:block; }

    nav a.menu-item { padding:10px 5px 10px 20px; }

    nav div.menu a.menu-group { display:none; }
    nav div.menu a.menu-group.selected { background:#002010; color:#F0F0F0; }
    nav div.menu span.submenu { display:block; }
    nav div.menu span.submenu a.menu-item { display:block; color:#006633; text-align:center; padding:15px 0; }
    nav div.menu span.submenu a.menu-item:hover { background:#990000; color:#FFFFFF; text-decoration:none; }
    nav div.menu span.submenu a.menu-item.selected { background:#006633; color:#F0F0F0; font-weight:bold; }
    nav div.menu span.submenu a.menu-item i { display:inline; font-size:1em; }
    nav div.menu span.submenu a.menu-item span { display:inline; font-size:1.25em; }

    main { height:calc(100% - 128px); padding:10px; margin-top:72px; border-radius:5px; }
    main#login h1.title { display:none; }
    main > div.modules { max-height:calc(100% - 40px); margin-left:10px; overflow:auto; }
    main > div.content { max-height:calc(100% - 142px); margin-left:10px; overflow:auto; }
    main > div.card-list { max-height:calc(100% - 142px); overflow:auto; }
    main > div.card-list.complete { max-height:calc(100% - 102px); overflow:auto; }
    main > div.form-action { max-height:calc(100% - 24px); overflow:auto; }

    main > section > div.bg-transparent { overflow-x:scroll !important; }

    table { font-size:0.9em; }

    input[type=text] { max-width:22.5em; }
    textarea { max-width:22.5em; }

    .description { word-wrap:normal !important; }

    footer { font-size:1.05em; }
    footer { display:inline-block; position:fixed; bottom:0.5em; left:0.5em; }

    /*form fieldset { margin:0 auto; padding:5px; width:auto; }
    form img.photo { margin:0 auto; text-align:center; }
    form input[type='text'] { margin:0 auto; padding:5px; width:auto; }
    form input[type='password'] { margin:0 auto; padding:5px; width:auto; }
    form input[type='number'] { margin:0 auto; padding:5px; width:auto; }
    form input[type='file'] { margin:0 auto; padding:5px; width:auto; }
    form input[type='date'] { margin:0 auto; padding:5px; width:auto; }
    form input[type='datetime'] { margin:0 auto; padding:5px; width:auto; }
    form label { width:calc(33% - 5px); text-align:left; }
    form select { margin:0 auto; padding:5px; width:auto; }
    form span.data { display:block; }
    form span#modal-filter { margin:0 auto; padding:5px; width:auto; }
    form textarea { margin:0 auto; padding:5px; width:auto; }

    form#login { margin-top:128px; }
    form#login input[type='text'] { width:256px; }
    form#login input[type='password'] { width:256px; }

    div.dashboard > div.row div.half-width { flex:0 1 auto; }

    div.form-filter { margin:0; padding:0; }
    div.form-filter form > * { font-size:0.8em; }
    div.form-filter form > span.actions { margin:5px 15px; }
    div.form-filter form > input { width:auto; margin:5px; border:1px solid red; }
    div.form-filter form > select { width:auto; margin:5px; }
    div.form-filter form > span.select { position:relative; display:inline-block; margin:5px; min-width:auto; text-align:left; background-color:white; }
    div.form-filter form > span.select div.select-content { text-align:center; }
    div.form-filter:hover div.select-content { min-width:100%; }

    span#modal-filter { display:block; width:calc(100% - 55px); clear:both; }

    div.card-list div.card { display:block; width:calc(100%-10px); margin:10px 0; }
    div.card-list div.card.complete { width:calc(100% - 20px); height:auto; }
    div.card-list div.card.complete.form { width:calc(100% - 20px); height:auto; }
    div.card-list div.card.complete.list { width:calc(100% - 20px); height:auto; }

    i.action.pay.with-text::after { content:""; }

    table br { display:initial; }*/
}

@media only screen and (min-width: 821px) {

    /*div.section-content { text-align:center; }
    h1.section-title { margin-top:25px; }
    a.section-item { display:block; margin:10px; background:#FCFCFC; border:1px solid #eeeeee; border-radius:5px;  }
    img.section-icon { margin:25px 5px 25px 5px; width:64px; vertical-align:middle; }
    span.section-item-title { clear:both; }*/

    nav { float:left; width:9.25em; position:fixed; z-index:0; top:0; bottom:0; padding:0; }

    main { width:calc(100% - 9.25em); }
    /*main form span { display:inline-block; }

    div#logo img { width:192px; padding:16px; }

    div.card-list div.card { display:block; width:calc(100%-10px); }*/
}

/*@media only screen and (min-width: 992px) {

    body { font-size:10pt; }

    div.card-list div.card { display:inline-block; width:calc(33% - 15px); }
    div.card-list div.card.big { display:inline-block; width:calc(100% - 30px); }
    div.card-list div.card.complete { display:inline-block; width:calc(100% - 30px); }
    div.card-list div.card.complete span.card-table.users { height:calc(100% - 2em); }
    div.card-list div.card.complete span.card-table.permissions { height:calc(100% - 2em); }
    div.card-list div.card.complete span.card-table.dispatch { height:calc(100% - 128px); }
    div.card-list div.card.complete span.card-table.extractions { height:calc(100% - 62px); }
    div.card-list div.card.complete span.card-table.referrals { height:calc(100% - 96px); }
    div.card-list div.card.complete span.card-table.routes { height:calc(100% - 16px); }
    div.card-list div.card.complete span.card-table.sections { height:calc(100% - 162px); }
    div.card-list div.card.complete span.card-table.workers { height:calc(100% - 16px); }

    div.screen-divide-1 div.card.complete { display:inline-block; width:calc(100% - 30px); }
}*/

/*@media only screen and (min-width: 1280px) {

    body { font-size:11pt; }

    div.card-list div.card { display:inline-block; width:calc(33% - 20px); }
    div.card-list div.card.big { display:inline-block; width:calc(50% - 20px); }
    div.card-list div.card.complete { display:inline-block; width:calc(50% - 20px); }
    div.card-list div.card.complete.sections { display:inline-block; width:calc(50% - 20px); }
    div.card-list div.card.complete.extractions { display:inline-block; width:calc(50% - 20px); }
    div.card-list div.card.complete.workers { display:inline-block; width:calc(40% - 20px); }
    div.card-list div.card.complete.users { display:inline-block; width:calc(30% - 20px); }
    div.card-list div.card.complete.permissions { display:inline-block; width:calc(70% - 20px); }
    div.card-list div.card.complete.referrals { display:inline-block; width:calc(40% - 20px); }
    div.card-list div.card.complete.routes { display:inline-block; width:calc(60% - 20px); }

    div.screen-divide-1 div.card.complete { display:inline-block; width:calc(100% - 30px); }
}*/

/*@media only screen and (min-width: 1440px) {

    body { font-size:12pt; }

    div.card-list div.card { display:inline-block; width:calc(33% - 15px); }
    div.card-list div.card.big { display:inline-block; width:calc(50% - 15px); }
    div.card-list div.card.complete { display:inline-block; width:calc(50% - 20px); }
    div.card-list div.card.complete.sections { display:inline-block; width:calc(50% - 20px); }
    div.card-list div.card.complete.extractions { display:inline-block; width:calc(50% - 20px); }
    div.card-list div.card.complete.workers { display:inline-block; width:calc(40% - 20px); }
    div.card-list div.card.complete.users { display:inline-block; width:calc(30% - 20px); }
    div.card-list div.card.complete.permissions { display:inline-block; width:calc(70% - 20px); }
    div.card-list div.card.complete.referrals { display:inline-block; width:calc(40% - 20px); }
    div.card-list div.card.complete.routes { display:inline-block; width:calc(60% - 20px); }
}*/

/*@media only screen and (min-width: 1920px) {

    body { font-size:13pt;}

    div.content { height:calc(100% - 142px); }

    div.card-list div.card { display:inline-block; width:calc(25% - 20px); }
    div.card-list div.card.big { display:inline-block; width:calc(50% - 20px); }
    div.card-list div.card.complete { display:inline-block; width:calc(50% - 20px); }
    div.card-list div.card.complete.sections { display:inline-block; width:calc(50% - 20px); }
    div.card-list div.card.complete.extractions { display:inline-block; width:calc(50% - 20px); }
    div.card-list div.card.complete.workers { display:inline-block; width:calc(40% - 20px); }
    div.card-list div.card.complete.users { display:inline-block; width:calc(30% - 20px); }
    div.card-list div.card.complete.permissions { display:inline-block; width:calc(70% - 20px); }
    div.card-list div.card.complete.referrals { display:inline-block; width:calc(40% - 20px); }
    div.card-list div.card.complete.routes { display:inline-block; width:calc(60% - 20px); }

    div.screen-divide-1 div.card.complete { display:inline-block; width:calc(100% - 30px); }

    div.screen-divide-1 div.card.complete span.card-table { display:block; padding:1px; margin:0 auto; height:690px; overflow:auto; }
    div.screen-divide-2 div.card.complete span.card-table { display:block; padding:1px; margin:0 auto; height:660px; overflow:auto; }
    div.screen-divide-4 div.card.complete { height:auto; }
    div.screen-divide-4 div.card.complete span.card-table { display:block; padding:1px; margin:0 auto; height:250px; overflow:auto; }

    table#dispatch_resume td { max-width:384px; }

    table#extraction_tasks tbody tr td span { display:block; clear:both; min-width:320px; width:auto; }
    table#extraction_tasks tbody tr td div.select-content { position:relative; z-index:99; width:320px; }
}*/