subMenuhtml, body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  background: rgba(0,0,0,0.7);
  padding-top: 20px;
}

div {
  font: 13px Segoe UI,Arial;
}

img {
  vertical-align: middle;
  border: 0;
}

input[type=checkbox] {
  padding: 0;
}

input[type=checkbox].form {
  margin: 0 6px 0 0;
  padding: 0;
  vertical-align: middle;
}

a {
  color: #0087BC;
  cursor: pointer;
  text-decoration: underline;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

.floatRight {
  float: right;
}

.red {
  color: #FF0000;
}

.noMargin {
  margin: 0 !important;
}

.invisible {
  display: none !important;
}

table.form {
  border-collapse: collapse;
}

table.form td {
  padding: 5px;
  font: 13px Segoe UI,Arial;
}

.formLabel {
  font-weight: bold !important;
  width: 100px;
}

.formError {
  color: #FF3000;
}

.formHidden {
  display: none;
}

.formDesc {
  color: #999999;
  font-size: 90%;
}

.formQuantity {
  border: 1px solid #000;
  padding: 0 5px;
}

.formRadios {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 29px;
}

h1,.divTitle,.formTitle {
  font:bold 17px/30px Segoe UI,Arial !important;
  color:#00C6FF;
}

input[type=text].form, input[type=password].form {
  box-sizing: border-box;
  border: 1px solid #aaa;
  border-radius: 4px;
  font: 13px Segoe UI,Arial;
  padding: 5px;
  width: 200px;
}

select.form {
  box-sizing: border-box;
  border: 1px solid #aaa;
  border-radius: 4px;
  font: 13px Segoe UI,Arial;
  padding: 5px;
  width: 200px;
}

input[type=text].formMin {
  width: 50px;
}

select.formMin {
  width: 100px;
}

.formWide {
  width:400px !important;
}

.form100 {
  width:100% !important;
}

input[type=radio].form {
  margin:0 6px 0 0;
  padding:0;
  vertical-align:middle;
}

input[type=radio]:not(:first-child) {
  margin-left:10px;
}

label {
  vertical-align: middle;
}

textarea.form {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  border:1px solid #aaa;
  border-radius:4px;
  font:13px Segoe UI,Arial;
  padding:5px;
  width:400px;
  min-height:75px;
  resize:vertical;
}

input[type=text].formMed, select.formMed {
  width:100px;
}

input[type=submit].form, input[type=button].form, .button {
  display: inline-block;
  min-width: 65px;
  padding: 0 5px;
  border: 0;
  border-radius: 5px;
  background-color: #00C6FF;
  font: bold 13px/31px Segoe UI,Arial;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}

input[type=submit].form:not(:first-child), input[type=button].form:not(:first-child), .button:not(:first-child) {
  margin-top:10px;
}

.formLogin .button {
  margin-top:0;
}

.formLogin tr:nth-child(3) td {
  padding-top:15px;
}

.buttonAdd {
  background-image:url(images/iconAddWhite.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  background-size:18px 18px;
  padding-left:26px;
}

.buttonJSON {
  background-image:url(images/iconJSONWhite.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  background-size:18px 18px;
  padding-left:26px;
}

input[type=text].form:focus {
  border-color:#00c6ff;
}

input[type=text]:read-only {
  opacity: 0.5;
}

.modal {
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  padding:20px;
  background-color:#fff;
  box-shadow:0 0 20px rgba(0,0,0,1);
  box-sizing:border-box;
  max-width:100%;
  display:none;
}

.modalOverlay.modalVisible, .modalVisible {
  display: block;
}

.modalMapEditContainer {
  display: flex;
  justify-content: space-between;
  width: calc(100vw - 120px);
  height: calc(100vh - 200px);
}

.modalEditMapList {
  width: calc(15% - 8px);
  height: 100%;
  overflow: auto;
  background-color: #DDDDDD;
}

.modalEditMapListItem {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4px;
  margin-top: 8px;
  box-shadow: 0px 8px 0px 0px #FFFFFF;
  text-decoration: none;
}

.modalEditMapListItemPlaceholder {
  display: block;
  height: 32px;
  margin-top: 8px;
  background:
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #FFC600 10px,
    #FFC600 20px
  );
  background-color: #FFEE00;
  box-shadow: 0px 8px 0px 0px #FFFFFF;
}

.modalEditMapListItem:hover {
  background-color: #00C6FF;
  color: #FFFFFF;
}

.modalEditMapListItemSelected {
  background-color: #00C6FF;
  color: #FFFFFF;
}

.modalEditMapListItem img {
  display: block;
  height: 24px;
  margin-right: 5px;
}

.modalEditMapListCourier:not(:first-child) {
  margin-top: 8px;
}

.modalEditMapListCourier {

}

.modalEditMapListCourierName {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4px 4px 4px 24px;
  box-shadow: 0px 8px 0px 0px #FFFFFF;
  background-color: #4C4C4C;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  line-height: 24px;
  cursor: pointer;
}

.modalEditMapListCourierNameCopy {
  display: none;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xml:space="preserve"><path d="M11.3 0H2.5c-.8 0-1.4.7-1.4 1.5v10.2h1.5V1.5h8.7V0zm2.2 2.9h-8c-.8 0-1.5.7-1.5 1.5v10.2c0 .7.7 1.4 1.5 1.4h8c.8 0 1.5-.7 1.5-1.5V4.4c-.1-.8-.7-1.5-1.5-1.5zm0 11.6h-8V4.4h8v10.1z" fill="%23fff"/></svg>');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 50% 50%;
  text-decoration: none;
  cursor: pointer;
}

.modalEditMapListCourierNameOrder {
  display: none;
  width: 16px;
  height: 16px;
  margin-left: auto;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xml:space="preserve"><rect id="XMLID_8_" x="1" fill="%23FFF" width="8.2" height="1.5"/><rect id="XMLID_10_" x="1" y="7.2" fill="%23FFF" width="8.2" height="1.5"/><rect id="XMLID_12_" x="1" y="10.9" fill="%23FFF" width="14" height="1.5"/><rect id="XMLID_13_" x="1" y="14.5" fill="%23FFF" width="14" height="1.5"/><rect id="XMLID_11_" x="1" y="3.6" fill="%23FFF" width="5.6" height="1.5"/><polygon id="XMLID_9_" fill="%23FFF" points="10.7,0 12.4,0 12.4,3.7 15,3.7 11.6,8.8 8.2,3.7 10.7,3.7 "/></svg>');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 50% 50%;
  text-decoration: none;
  cursor: pointer;
}

.modalEditMapListCourierNameCopy:active {
  opacity: 0.5;
}

.modalEditMapListCourierDisabled {
  opacity: 0.5;
}

.modalEditMapListCourierSolo .modalEditMapListCourierName {
  background-color: #FF3300;
  padding-left: 4px;
}

.modalEditMapListCourierSolo .modalEditMapListCourierNameCopy, .modalEditMapListCourierSolo .modalEditMapListCourierNameOrder {
  display: block;
}

.modalEditMapListCourierOrders {

}

.modalMapEditMap {
  width: 85%;
  height: 100%;
}

.modalMapEditExpand {
  display: none;
}

.modalMapEditOrderForm textarea {
  display: block;
  min-height: 100px;
}

#modalMap {
  max-width: 640px;
}

.modalMapMap {
  margin-top:10px;
  width:600px;
  height:400px;
}

.modalMapForm {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.modalMapForm > *:last-child {
  margin-left: auto;
}

textarea.modalMapAddress {
  width: 600px;
  max-width: 100%;
  display: block;
  margin: 10px 0;
}

select.modalMapCounty {
  display: block;
  width: 200px;
  height: 31px;
  padding: 0 5px;
  margin-right: 10px;
}

input[type=text].modalMapLocation {
  display: block;
  width: 390px;
}

input[type=text].modalMapCoords, select.modalMapCurier {
  display: block;
  width: 200px;
  margin-right: 10px;
}

.modalMapAddForm .modalClose {
  float:right;
}

.modalNotesForm {
  display: block;
  margin-top: 10px;
}

.modalNotesForm textarea {
  display: block;
  min-height: 100px;
}

.modalNotesNotes {
  max-height: 250px;
  overflow: auto;
}

.modalNotesNote {
  background: #EEEEEE;
  padding: 10px;
}

.modalNotesNote + .modalNotesNote {
  margin-top: 5px;
}

.modalNotesFrom {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 10px;
}

.modalNotesStatus {
  display: flex;
  align-items: center;
}

.modalNotesStatus > div:first-child {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.modalNotesStatus > div:last-child {
  padding-left: 10px;
}

.modalDriversVacation {
  opacity: 0.25;
}

.modalDriversDrivers {
  column-count: 2;
  margin-bottom: 5px;
}

.modalDriversDrivers > div {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.modalColectionsList, .modalEfacturaList {
  width: 500px;
  max-width: 100%;
}

.modalColectionsList > div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: #DDDDDD;
}

.modalColectionsList > div:hover {
  background-color: #777777;
  color: #FFFFFF;
}

.modalColectionsList > div + div {
  margin-top: 8px;
}

.modalColectionsList a:first-child {
  display: block;
  width: 90%;
  min-height: 34px;
  padding: 0 4px;
  line-height: 34px;
  text-decoration: none;
  color: inherit;
}

.modalColectionsList a:last-child {
  width: 10%;
  height: 34px;
  mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M0 12.622V16h3.378l9.778-9.867-3.378-3.377L0 12.622Zm15.733-9.066a.86.86 0 0 0 0-1.245L13.69.267a.86.86 0 0 0-1.245 0l-1.6 1.6 3.378 3.377 1.511-1.688Z"/></svg>') no-repeat calc(100% - 4px) 50%/14px 14px;
  background-color: #000000;
}

.modalColectionsList > div:hover a:last-child {
  background-color: #FFFFFF;
}

.modalEfacturaList > a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 34px;
  padding: 0 4px 0 30px;
  background-color: #DDDDDD;
  line-height: 34px;
  text-decoration: none;
  color: inherit;
}

.modalEfacturaList > a:hover {
  background-color: #777777;
  color: #FFFFFF;
}

.modalEfacturaList > * + * {
  margin-top: 8px;
}

.modalEfacturaLog {
  width: 100%;
  height: 225px;
  box-sizing: border-box;
  resize: none;
  padding: 4px;
  border: 0;
  background-color: #DDDDDD;
  color: #444444;
  white-space: pre;
}

.modalEfacturaXML {
  background: url(images/iconXML.png) no-repeat 8px 50%;
}

.modalEfacturaUpload {
  background: url(images/iconEfactura.png) no-repeat 8px 50%;
}

.modalEfacturaUploadDisabled {
  opacity: 0.5;
}

.modalEfacturaDelete {
  background: url(images/iconDelete.png) no-repeat 8px 50%;
}

.modalEfacturaAddressForm {
  padding: 10px;
  background-color: #DDDDDD;
}

.modalEfacturaAddressForm input.form, .modalEfacturaAddressForm textarea.form {
  display: block;
  width: 100%;
  margin: 0;
}

.modalEfacturaAddressForm *.form + *.form {
  margin-top: 10px;
}

.modalEfacturaAddressFormError {
  border: 2px solid #FF0000;
}

.modalEfacturaAddressForm > div {
  position: relative;
  margin: 30px 0 10px 0;
  padding: 5px;
  border: 1px solid #AAAAAA;
  border-radius: 0 4px 4px 4px;
  white-space: pre-wrap;
}

.modalEfacturaAddressForm > div::before {
  content: 'Original';
  position: absolute;
  top: -21px;
  left: -1px;
  display: block;
  padding: 0 5px;
  border-radius: 4px 4px 0 0;
  background-color: #AAAAAA;
  line-height: 20px;
  font-size: 0.85em;
  text-transform: uppercase;
}

.modalEfacturaAddressSending {
  position: relative;
  background-color: #777777;
  color: #777777;
}

.modalEfacturaAddressSending::after {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  content: 'Ok';
  white-space: nowrap;
  color: #FFFFFF;
}

/* top menu */

.screenNavigation {
  display: flex;
  width: calc(100% - 40px);
  margin: 0 auto;
  justify-content: space-between;
  z-index: 1;
}

.screenNavigationMobile,.screenNavigationMobileClose {
  display: none;
}

.menuOptions {
  display: flex;
}

.menuOption {
  display: block;
  padding: 0 30px;
  margin-right: 15px;
  height: 40px;
  text-decoration: none;
  font: bold 15px/40px Segoe UI,Arial;
  color: #DDDDDD;
}

.menuOption:hover {
  background: linear-gradient(to bottom,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%);
}

.menuOptionSelected:hover {
  background: #FFFFFF;
}


.menuIcons {
  display: flex;
}

.menuIcons .menuOption:last-child {
  margin-right: 0;
}

.menuIcons img {
  width: 16px;
  height: 16px;
}

.menuOptionSelected {
  color: #333333;
  background: #FFFFFF;
}

.menuOptionBubble {
  position: relative;
}

.menuOptionBubble::after {
  content: '';
  position: absolute;
  right: 28px;
  top: 14px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #FF0000;
}

.menuNotificationsShelf {
  visibility: none;
  display: flex;
  box-sizing: border-box;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  transition: left 0.25s;
}

.menuNotificationsShelfContent {
  box-sizing: inherit;
  flex: 0 0 500px;
  padding: 15px;
  background-color: #000000;
  overflow-y: auto;
}

.menuNotificationsShelf::before {
  content: ' ';
  display: block;
  flex: 0 0 calc(100% - 500px);
  height: 100%;
  background-color: rgba(0,0,0,0);
  transition: background-color 0.25s;
}

.menuNotificationsShelfVisible {
  visbility: visible;
  left: 0;
}

.menuNotificationsShelfVisible::before {
  background-color: rgba(0,0,0,0.5);
}

.menuNotificationsShelfClose {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #00C6FF;
  padding: 17px;
  cursor: pointer;
}

.menuNotificationsShelfClose > img {
  display: block;
}

.menuNotificationsNotification {
  background-color: #333333;
  padding: 15px;
}

.menuNotificationsNotification > *:first-child {
  display: flex;
  align-items: center;
  opacity: 0.5;
  margin-bottom: 10px;
  cursor: pointer;
}

.menuNotificationsNotificationNotRead::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-color: #FF0000;
  border-radius: 50%;
  margin-right: 5px;
}

.menuNotificationsNotification + .menuNotificationsNotification {
  margin-top: 15px;
}

.subMenu {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.subMenu img {
  display: block;
  width: 14px;
  height: 14px;
}

.subMenuOption,.subMenuOptionSelected {
  margin-right: 10px;
  font-weight: bold;
  padding: 1px 5px;
  display: inline-block;
}

.subMenuOption:hover {
  text-decoration: none;
}

.subMenuOptionSelected {
  background: #00C6FF;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 3px;
}

/* container */

.container {
  width:calc(100% - 40px);
  padding:20px;
  margin:0 20px 20px 20px;
  background:#FFFFFF;
  box-shadow: 0 0 20px rgba(0,0,0,1);
  z-index:1;
  box-sizing:border-box;
}

.containerBar {
  margin:0 20px 70px 20px;
}

/* table */

.table {
  width:100%;
  margin-top:10px;
  box-sizing:border-box;
}

.table * {
  box-sizing:border-box;
}

.tableRow {
  display:flex;
  width:100%;
}

.tableRowStatus {
  min-width:15px;
  display:block;
  cursor:pointer;
  outline:none;
}

.tableRowCheckbox {
  min-width:26px;
  display:block;
  padding-top:16px;
  text-align:center;
}

.tableRowData {
  min-width:calc(100% - 41px);
  display:flex;
  flex-wrap:wrap;
}

.tableRow:hover .tableRowData {
  box-shadow:0px 0px 0px 2px rgba(0,198,255,1),
             inset 0px 0px 0px 2px rgba(0,198,255,1);
}

.tableCell {
  padding:0 4px;
  border:4px solid transparent;
  background-clip:padding-box;
  background-color:#DDD;
  line-height:34px;
  min-height:34px;

  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.tableCellAction {
  cursor:pointer;
}

.tableCellAction:hover {
  background-color:#DFF;
}

.tableCellMultiRow {
  white-space:normal !important;
  line-height:normal !important;
  text-overflow:clip !important;
  padding:3px 4px;
  display:flex;
  flex-direction:column;
  justify-content: space-between;
}

.tableCellMultiRow::before,.tableCellMultiRow::after {
  content:'';
  display:block;
}

.table select {
  font:13px Segoe UI, Arial;
  padding:0;
  margin:0;
  width:100%;
  background:inherit;
  color:inherit;
  border:0;
}

.table select option {
 background:#fff;
 color:#777;
}

/* comenzi */

.comandaID {
  font-size:1em;
  background:rgba(255,255,255,0.5);
  border-radius:3px;
  padding:0 2px;
  color:#552200;
}

.comandaIDClick {
  cursor:pointer;
}

.comandaChecked {
  background:#FF0000;
  color:#FFFFFF;
}

.comandaCountry > img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
}

.comandaPanglica, .comandaIP {
  cursor: pointer;
  text-decoration: underline;
}

.nepreluata {
  background-color:#ff5000;
}

.confirmata {
  background-color:#80dd50;
}

.inlucru {
  background:repeating-linear-gradient(45deg,#80dd50,#80dd50 5px,#bb80dd 5px,#bb80dd 10px);
}

.anulata {
  background-color:#fff;
}

.livrata {
  background-color:#bb80dd;
}

.finalizata {
  background-color:#000;
}

.produse {
  border-collapse: collapse;
  width: 100%;
}

.produse td {
  line-height: normal;
  padding: 3px;
  vertical-align: top;
}

.produse td:first-child {
  width: 75%;
  white-space: normal;
}

.tags {
  margin-top: 4px;
}

.tags > span {
  display: inline-block;
  border-radius: 3px;
  padding: 0 3px;
  background-color: #00C6FF;
  color: #FFFFFF;
  line-height: 1.5em;
}

.tags > span + span {
  margin-left: 4px;
}

/* columns - OLD */

.comenzi select {
  font:13px Segoe UI, Arial;
  padding:0;
  margin:0;
  width:100%;
  background:inherit;
  color:inherit;
  border:0;
}

.comenzi select option {
 background:#fff;
 color:#777;
}

.comenzi {
  display:table;
  width:100%;
  border-top:10px solid #fff;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
}

.comanda {
  display:table-row;
}

.comandaID {
  font-size:1em;
  background:rgba(255,255,255,0.5);
  border-radius:3px;
  padding:0 2px;
  color:#552200;
}

.comandaIDClick {
  cursor:pointer;
}

.comandaChecked {
  background:#f00;
  color:#fff;
}

.rand {
  display:table-cell;
  border:5px solid #fff;
}

.comanda:hover .rand {
  border:5px solid #00c6ff;
  border-radius:5px;
}

.rand>div:not(:first-child) {
  display:none;
}

.randMultiRow>div:not(:first-child) {
  display:table;
}

.randOpen {
  background:#777 !important;
  color:#fff;
}

.rand>div {
  display:table;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:6px 3px;
  width:100%;
}

.coloana {
  display:table-cell;
  vertical-align:top;
  box-sizing:border-box;

  padding:0 4px;
  border-radius:3px;
  background:#ddd;
  line-height:34px;
  height:34px;

  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.coloanaAction {
  cursor:pointer;
}

.coloanaAction:hover {
  background:#dff;
}

.coloanaMultiRow {
  white-space:normal !important;
  line-height:normal !important;
  text-overflow:clip !important;
  padding:3px 4px;
}

.clear {
  clear:both;
}

.comandaCheckbox {
  width:26px;
  display:table-cell;
  vertical-align:top;
  padding-top:16px;
  text-align:center;
}

.comandaStatus {
  width:15px;
  display:table-cell;
  cursor:pointer;
  outline:none;
}

div.coloanaForm::after {
  content:' ';
  display:block;
  clear:left;
}

input[type=number].coloanaForm {
  -moz-appearance:textfield;
  box-sizing:border-box;
  border:1px solid #aaa;
  border-radius:4px;
  font:11px/24px Segoe UI,Arial;
  padding:0 3px;
  width:50px;
  display:block;
  float:left;
  margin-top:4px;
}

button.coloanaForm {
  font:bold 11px/26px Segoe UI,Arial;
  text-decoration:none;
  text-align:center;
  background-color:#00c6ff;
  color:#fff;
  border:0;
  padding:0 5px;
  border-radius:5px;
  margin:4px 0 0 0;
  min-width:70px;
  display:block;
  float:left;
}

.coloanaForm+.coloanaForm {
  margin-left:5px;
}

/* icons */

.iconError {
  padding-left:20px;
  line-height:16px;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACtklEQVQ4jXWTTUtbYRCF31/govvYnfE20TQIRm4iSZUoWo0GMSSNsSR+NBpCFZSCBUtpt3Uj7kQU3RgaXLaFmquhi/6GIhYsaqv4keTGe2O0TxdRMbY9MJuZOYc578wrxB1sNEhzSoNRU2xGbqLBqG00SHN3e8uwKVe3pF0Wtl6Mkk0soH9Kon9Mon9Kkk0ssPVilLTLwqZc3fJP8lePk8z7RdT5dxxE2tmVDfyw3mNXNnAQaUedf0fm/SJfPc6/RdJOC/kPSU6nhtl3V7PXeJ/il88AFL98Zq/xPvvuak6nhsl/SJJ2WijzvDPzhuyrUQ46rfzy1PGzqYrb+NlUxS9PHQedVrKvRtmZecPNm6RkSVeXZjn22jjqtXPUa+ewrZbi92+lCb5/47Ct9qZ27LWhLs2SkiVdCCGEIj9AezvGid/JSfARJwEXx14b2toyANraMsdeGycBV6nud6K9HUORH5RsKHYz2sRTsiE3mf5WMqEWMn4XudfPAci9fk7G7yrl+1vJhtxoE09R7OYrAUcN+pAHNdJBLtJBLvyYXJ+bbLeNTNtDst02cn3uUj7SgRrpQB/yoDhqSgLrDnNBHexCi3rJD3eTH/SgPmmisLYCQGFtBfVJE/lBD/nhbrSoF3Wwi3WHuSCEEGK1Xlrd9jVTjPvRYz60aA9nfe6yLZz1udGiPegxH8W4n21fM6v10ur1JisVhxl1xMfFeIjzeIDCQGfZBIWBTs7jAS7GQ6gjPhSHGSFE5c0tTEuGWNpp4SwegMkwv8eCXEZ7uBzq4jLaw++xIEyGOYsHSDstTEuG2N1rrpiWDLGU3cROsJ3iRBheRmHqGbyMUpwIsxNsJ2U3XZMr/vWfKoQQdYl6Y2JdNhVSdhMp2UTKbmJdNhUS9caEEKLuf+TbqBRCWK+ar8Na5vkW/gAlzfps6DLp5AAAAABJRU5ErkJggg==') no-repeat 0 50%;
  font-weight:bold;
  color:#ff3000;
}

.formLogin .iconError {
  margin-top:10px;
}

.iconChange {
  margin-left:10px;
  padding-left:20px;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACcElEQVQ4jYWTS0gTcBzH/10Mskv0wC49GBRYk0GXQV1mRCodMoh1soMwejF1Y65NN2fTfCRpHtSaFqUUJJVbtsIQlcBigQd7UB3yuQ1fm3vokj0+HSbkhtIHfpfv///9wJ8/PyE28MQ5SPNTB//LUhjXFpLIy4BcQc/bQdR32uGMIJ6XAadTs0Tedsa1hamygHwb0ddd8KqNnoFhzpVVg+M+MYcN+trpeT+SzOwdxPq7CMhFqsB7SOAvuYB7r8C+Q+DYKfDuF8xkCTxZAnumwJEp8Oxbv3cwTVBv6yYOTPjDzIYiuMNrTIciTAYjTAUjzARXmQ6sMOEPEwNqOh+lChqaWwHwzi/iC4QYHBphKRDCtz4L/mU8cwvMeudIADUtd/ne8IEvjUNJUV1jEwD+5WUUCgVSqZR4IoFcLqeo6DJK5SWWfH7mF5cAuFllYtI+xWjbZ8ZMLxHWugYAgqEQs243MpkMAKVSCUAsAaHVNYKROFqDhRnvHLea6nEaB3Bd7UBUW28DEF5ZAUAqlbLo81FcXEx+fgEV5mpiwKjmAP6fL6iqb+Xd0AjqSj1CiBPCbLECEIn8ASA7O5uNHJWdwmU8Dh8V8PwwP/qslBnMybIQQhgrLQBEo1EAJBIJ/W+c3FBrKFJpGDPLwHUWeo9B5266r0n/lYUQQl9RyWb8dvtx6Y/Ap9xk2bYHmyoHQ01L6jfqjaZNBYHek+BphK8WeLALmyoHAENVbapAXaYb1uqNlGrLKdGWU6LVo9aZeGxV4nxmgW/NPLwio9TUhK6imlKNbjh9nyTrb0oZ0/WL1KoK+HXvPGlnkq0WM52NpS35C2s0LpQyOlooAAAAAElFTkSuQmCC') no-repeat 0 50%;
  color:inherit;
  text-decoration:none;
}

.iconChange:hover {
  text-decoration:underline;
}

.iconCard {
  padding-left:20px;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACT0lEQVQ4jcXTTUiTcQDH8T9kvoH06nxDnZYvR8GLrtTHS7cugRB06NDVsNBnz+YL2iamy7cZGSF6EOqoex5xdohUwhhZgi+bsym61LmVc2JgSS/fDgoFnepQX/jcftefEP+9EkVzGGSNomrHHzHIGiWK5hAGWcPpjeD0hBlbDPP0yNjizk+eHZzuHUbdYUY9h5zeCAZZQxTXqAxOh4ivGudE9SSnjVOcUVwk1rrQmV0kml2cUlzE3X5B9M1JoiufE1P5jMHpIMU1KsIga3RNbhFvnCahbpGTjW/RWZbIsC6Q1TyH3jqLrn6GxdAnZjb2cQf3iasaxz6xjkFWEQZ5BGUsRK/5Cu/rYtmuj2Wg6SpprX5y23zktC2RYvHwawk1UzQ517goq4gLxhFuDG0Tqo0iMm9jd95GpO4YqR3b5HX6ye9cI9u2Qqp1ibONCyQ2zJLU8IZbw6uUGFVEiTJCxeMtHtZXsGU+TtAcRb/lGhn2CPn2IPk9AfK6NsnpeMe5tmX0LV7SLXNcf7JKqaIiShWNS30rxDeuEGMNEt8aQdexi94eRt8TJrM7TGb3B/SdAbLb/aS1+Ei+4+Zy/zJlioooUzQKu5cAmPAfAPAq8I30nl0AXm58B+B14Ctptk0Aptc/U3Tfh6SoCMmkkWvzktTsI7nVT2pHCP2DPXL6Djg/AFn9oH/0hazej+jtYdLubZByd5m8dh+SSUOUmtQ9yaQhKSqS4kAyOpCMw4fkIcqOSMZhypXhw42iUm7SKFXUPSGEKBBCFP6lgn/+vd/6ATSC3R4k2SudAAAAAElFTkSuQmCC') no-repeat 0 90%;
}

.iconRevolut {
  padding-left:20px;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAFuUExURRkcHxkcHxkcHxkcHxkcHxkcHxkcHxkcHxkcHxcaHRUYGxYZHBgbHjc6PHt8fpaYmaKjpKKjpZOUlmRmaCcqLRodIKanqdbX16OlppaXmausrdXW1ra3uDAzNh0gI7q7vH6AgRMWGSwvMkhLTSAiJTY5O8TExZCRkyMmKcfHyGttbxEUF3R2ePHy8mBjZRATF8LDxCEkJhcbHjE0NtTU1VJUVhQXGpWWmP///2VnaXV3eEZIS9fX2Do9P42PkCksLzI0N8XGx42OkGJkZs3OzygrLiwvMRwfIiQmKbm5ur/AwC4xM4OFhre4uRseITM2ObCxsjs+QLS1tpqbnKeoqZeYmUtOUPLy83d5exIVGGdpa9jY2Tc5PCEjJsPExXp8fhATFlteYP39/by9vR8iJcvMzYSGh6ipqtHR0pydnsjJyt/f3+fn56+wsaSmp+Hh4ZKTlDU3OoyNj6Gio4CBgzo9QFlbXZudnpiamxUZHMqz2n0AAAAIdFJOUwRc0fb+69D1Ri8otgAAAAFiS0dEOKAHpdYAAAAHdElNRQfnBBgHLjCPKXcvAAAA6UlEQVQY02NgYGRiZuEAAxZmJkYGBkZWDg5OLm4eHm5uHg4OVkYGNg4OHl4+fgFBIWERTg4ONgZ2Dg5RMXEJfkkpaRlZHg52BqB+OXkFRSVlFVU1dR4OFgagDg1NLW0dXT19HQNDDg6ggJGxiamZuYWlvhVUgNvaxpbHTsDewdGJByzA5eziKurm7uHp5Q0V8PH18w8I9AsKBloLEuAICTULC4+IjIqOAYoArY2Ni09ITEpOcU1N4wRay87hnp6RmZWdk5uXXwByGBsHT2FRcUlpWXmFlj0P0OlAzxlxc4IgZyUPyHPo3gcAEggi63rhKP8AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjMtMDQtMjRUMDc6NDY6NDcrMDA6MDBd2C/5AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIzLTA0LTI0VDA3OjQ2OjQ3KzAwOjAwLIWXRQAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMy0wNC0yNFQwNzo0Njo0OCswMDowMI3YxnMAAAAASUVORK5CYII=') no-repeat 0 50%;
}

.iconPhone {
  padding-left:20px;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACD0lEQVQ4jc2Ty0uUYRTGH8XGxjBRlCQiKjKDvOWl8BaklcnkKJFERf9BtQm6TKsWRtFS2rSw+Whmvq9hjGwVlNqiZhHKTCRYm5giTcEu1lxEGH4t5jOMsV2LHvjBe+A9D4fnPa/0LxSUigLSKUt6akoJS8KSGCkqZli5rNSmFLMk05LOrG52DUtMtLcxe2MAHj9i+fkY84aXWcPLrGEwb3ghMkn8vkHs0mXC27dhZgz3yyeNz3g8cHuA5MEW/BL3JLxrEJBI9XXD3TvMXDiHTxpXQILr10BiTCK2ZxfUVsHuCmhqhK7DUFkBtdVMl5UyJoEEF88TkFBo/QZwd4JDDEmkKneCZZKlBxaL5ZsYksAhcB/ClFBQIuQsxCfxzJnP8umTkErx/e07+vt66e91w8ICLC2RdLl4IuGTCBUUEpSQpAZJDYNSKLplM19rakl5PBB+CVNvMoRfkPJ4+FZXxyvlMCiFVvp+v4Zfin/a18jilavEJGISH2xiEh+Vw8+bt3ifm0dAimftwkOJueKNLE1MkoxESUQiJKJREvY5GY2SHB3lc946LHv0PzQiMVdWAsc7oKMZ6qqhpipD017oauVLeRlzzoK1DUwpPVVaAmePQe8RaG+BtmZobYbOA3DiKD92bOW1w4klpbMMuqUeU0oHJPx20iv4beztS3dLPWt9iXxJ9avS/Rv19t3/RL8AeAd1rMU65YcAAAAASUVORK5CYII=') no-repeat 0 90%;
  text-decoration:none;
  color:inherit;
}

.iconRamburs {
  padding-left:20px;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB1klEQVQ4ja3Ty0tiYRjH8fdPiswbZDSrsEVGGdnCmqWuhiL6C1y0yHM8tmtvLjSJbhNUtOhMG32PMiSjRNYhkhYKooKWyncW2jADQzWXFz6L97n8do8Q//MZmiOZjTrJRZ1ko06y2sBPNUNzJH+7LCP2eHlnktK2my9hF6XYBK3zWVrns5RiE/3atpvyziQyYo//uqzY4497Htq6nyfdz/PlImZimpOQg5OQAzMxzfPlIk+6n7bu53HPg1QGITJiT1aPffRkkJ4McpeY4WLDhZny0ssE6GUCmCkvFxsu7hIzP+aqxz4MzZ4XUrVCYZX73Tn08BgP+wuQX4GrZfj6qe9qGfIrPOwvoIfHuN+dg8IqUrUipDJMp6zTzGo0c5s0c5vUjeiANtD/v/SbWY1OWUcqw4MA84BKcpRqapxK6sOrqqlxKslROubBS4CFzk2M2qGb2tEUtc+e1x1NUTt007mJIRVLP6B7vUXj1EvjbJ7Gme8N8zROvXSvt14CRugWVdq6n5a+REv/+IYl2rqfblFFKiMIqVihuE43HaCTDr5LNx2A4jpSsSIM1Qa3ISiswbd3KqzBbQhDtSGk6qgbqo2M8mcM1YZUHXUhhBgSQlj+0tA/X/B3fZNEyhSXBNYAAAAASUVORK5CYII=') no-repeat 0 90%;
}

.iconSediu {
  padding-left:20px;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAApZJREFUeNqkU19IU1EY/5177+69U5lZo/YyoSAy8MFqzckSamCF2j96iXwNH1dZUZu0Ypk9CAk99FDRQ5AkIkRhpBRCPbgNy/5YJoGDLcGJM2eiJrs7ffdsma/SgcP3nd/3+77znXN+h4HG0wa0kwlgfePW8T4E2YP9cCoMCb7ObEYzy1Gu/PqJWC4H8LUVeJ7BWGHJ/2GrBciXJMSU+aagI3TpJkanPhAqg1M1bhjkypBkRZBzRnYVY5RFC1Q6qhDuaHUobGUJV8PnUTkdQfx5BOUN1dgduoeRcDOSL6KigLO+GrsIe09Yoi+KrUc86N7sgSozSLQlboQ6Mf86gs+9nGwUqlqMDNnRHi5mpoCZsTwnInLMXNFj63U/Dp6ohe0Mg/2YFxZqczvZTc35Q29cg5URx0FcM0dX6DjhsJ9zbvD0corPrKT59OIUT2WSZFM8nZ0T0/Tz2JTgmFwzx8xVJEnGtbaLsI/0YiGWQJGrHBtOt2DmyR0sDE+IDkpc22A/5cdc120sDidQ4nZipuqk6Eoy36LGWwNtLIHZtxz6OBWxlQFfJuAK+LE3cBb4OoHi0jIRm33DoY4lUd/YSE9J6eYpY7F3KNWB6EfARlbVdWgWQFMssGoqijTyNV3EIp8guP39A0IMEqeb9B3wQndXoKWNwereCZkqq3Q/uqrg4bkODMUBmY5qxi4ITgV8vn1/X0HCwMtXaLrSA4Mkx0hx8eS4KKDQDv67QXzrbCecY8flbiFImfDHj+6LDhVDLULdoRpMpuLIFVRooc9hyRJxZVnIV/pNxUg0Pya/5xVK91bXcBiDg0NgXbXUiEFy5aIjGEuA51kKBilUBEzdU/uyakXk6BbIVnMNcXkEi++xB/8x/ggwAKrhG2s1Aep9AAAAAElFTkSuQmCC') no-repeat 0 90%;
}

.iconYes {
  padding-left:20px;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWVJREFUeNpi/P//PwNdgVsnw38QJkuzYxvD/3c/JoIxiE2y5idfmv/P2sQAxk+/NoJdwkKs5sV5zQzbj9QyMLAyMDACxb7/f4eqyB1omjsWvzkBNd/+XPR/1h6G/zOBePZehv+XPsX/d4J4wRiu6MqnOCCGS0DEW4GKPyb8n30Q6OwDQM2HQJoTUDWDbD37we//7GNABUcZ/p967//foZkBjEFskPgsoPgcIH36gz+qZiBggfuHmYHhH1Dqwq2NDLVpNmBJEJuBCehnIFZTsWOomLaRYV8VgwlQ6izMAJB+Y5c2hjOlqboMj59cZvj3j4EBlrYYgbJMQM2yMroMXbMvM+xF0wwCQHsZnt/by7DlheCrNAd7WYYfPz4x/AfZCpRhBsaRiIQsw4Q5t7FqRgcgl/xf+Zz7/9wbDGAMYrug+ZkQMHYFalj9khuMXUnUDDfEExgznp3kaYYbQqxmRkqzM0CAAQBWbMG1YQFlxwAAAABJRU5ErkJggg==') no-repeat 0 90%;
}

.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: normal;
}

.icon > img {
  vertical-align: middle;
  margin: 4px;
}

.iconSelected {
  background: #00C6FF;
  border-radius: 50%;
}

.iconSelectedError {
  background: #FF0000;
  border-radius: 50%;
}

.iconCanceled {
  background: #7F7F7F;
  border-radius: 50%;
}

.iconCalendarInterval {
  padding-left:20px;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAWBJREFUOI3NkjFLXFEQhb+ZXWIlWqfZt/4GOwkiC5IE7nsbldT7RxL9Ka8TQoT3rkSINm6TKj9i0wTSJaWgMymMm7fXJxh3FzLdnXPPmTOcEVoqz4sTMx90OvK6rusvTawoihc3N/JJlfMYq4OUq22CIHuqumbGboqYMVBlFdhvY3ZDKI4a78npaV0mjjIzRgCqlGazAiEUIyCbCorIYWP+GChnKWR///jlvV3ER6Dbd+905QwQdz6a8dNdPrvLxnSckUHnwsx+gX0ApOkOoDurp708H76LsXoLeAihD3J8N1dE3l9fs3N2FtcBCaE4BOnNOM7zoadrmDEBvoNtquqzBL4C/wryHOin3G7aAFAlu12l9QhWQLbaAHjwbJ5eyxa0cYyVxFjJnxP6h96SHCYp2zd3KWF6sL3H91oF56//KxR3eQVcLcRhCG9eingFrDT7TwyFH8B6KtYiOH8tPJTf7Ampapy30PMAAAAASUVORK5CYII=') no-repeat 100% 50%;
  vertical-align:top;
  width:20px;
  height:31px;
  padding:0;
  margin-left:10px;
}

@media (max-width: 1280px) {
  .modalMapEditContainer {
    display: block;
    position: relative;
    width: calc(100vw - 40px);
    overflow: hidden;
  }

  .modalMapEditMap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .modalEditMapList {
    display: block;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 1;
    width: calc(100% - 60px);
    height: 100%;
    border-right: 60px solid rgba(0,0,0,0.7);
    background-clip: padding-box;
    transition:left 0.2s;
  }

  .modalMapEditExpand {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 24px;
    width: 40px;
    height: 40px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    border-radius: 2px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23666666" d="M18.8 10.3L9.2.7C8.3-.2 6.9-.2 6 .7l-.8.8c-.9.9-.9 2.3 0 3.2l7.3 7.3-7.3 7.3c-.9.9-.9 2.3 0 3.2l.8.8c.9.9 2.3.9 3.2 0l9.6-9.6c.5-.5.7-1.1.6-1.7.1-.6-.1-1.3-.6-1.7z"/></svg>');
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 50% 50%;
    background-color: #FFFFFF;
    cursor: pointer;
  }

  .modalMapEditExpandActive > .modalMapEditExpand {
    transform: rotate(180deg);
    box-shadow: rgba(0, 0, 0, 0.3) 0px -1px 4px -1px;
    left: auto;
    right: 10px;
    z-index: 2;
  }

  .modalMapEditExpandActive > .modalEditMapList {
    left: 0;
  }

  .modalMapForm {
    min-width: 200px;
  }

  .optionBar > a {
    overflow: hidden;
    display: inline-block;
    line-height: 50px;
    width: 0;
    margin-right: 0;
    background-position: 50%;
  }
}

/* print */

table.print {
  border-collapse:collapse;
  width:100%;
}

table.print td {
  padding:5px;
  font:13px Segoe UI,Arial;
  vertical-align:top;
}

table.print td:first-child {
  width:400px;
}

table.print td:not(.formTitle) {
  border:1px solid #000;
}

table.print td:nth-child(2) {
  width:50%;
}

.plain {
  background:#fff;
  padding:10px;
}

@media screen {
  .printBreakBefore {
    margin-top:25px;
    border-top:1px dashed #777;
  }
}

@media print {
  .printBreakBefore {
    page-break-before:always;
  }

  .printHidden {
    display: none;
  }
}

/* overlay */

#screenOverlay, .modalOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
}

#notes {
  display:none;
}

#notes textarea {
  min-height:100px;
}

#notesNotes {
  max-height:250px;
  overflow:auto;
  margin-bottom:5px;
}

.notesNote {
  background:#eee;
  border-radius:5px;
  padding:5px;
}

.notesNote+.notesNote {
  margin-top:5px;
}

.notesNoteFrom {
  margin-bottom:5px;
}

.notesNoteStatus {
  display:table;
}

.notesNoteStatus>div:first-child {
  display:table-cell;
  width:25px;
  height:25px;
  border-radius:50%;
}

.notesNoteStatus>div:last-child {
  display:table-cell;
  padding-left:10px;
  vertical-align:middle;
}

#interval {
  display:none;
}

#dialogDay {
  display:none;
}

.felicitariMessage {
  background:#EEEEEE;
  border-radius:5px;
  padding:5px;
  display:block;
  margin-bottom:5px;
  min-height:125px !important;
}

.felicitariMessages {
  width:430px;
  max-height:450px;
  overflow-y:auto;
  overflow-x:hidden;
}

.graficCanvas {
  width: 700px;
  height: 400px;
  max-width: 100%;
}

.modalMessage {

}

.modalFilter {
  margin-bottom: 20px;
}

table.form.modalInterval {
  width: 100%;
}

.deliveriesCanvas {

}

.deliveriesCanvas tr > td:nth-child(2) {
  padding: 0 10px;
}

.deliveriesCanvasBar {
  display: flex;
}

.deliveriesCanvasBarDelivered {
  background-color: #000000;
  height: 15px;
}

.deliveriesCanvasBarNotDelivered {
  background-color: #00FF00;
  height: 15px;
}

#stocuriHistory {
  display:none;
}

/* multiple options */

.optionBar {
  box-sizing: border-box;
  position: fixed;
  text-align: right;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 50px;
  background: #00C6FF;
  padding: 0 20px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;

  height: 0;
  overflow: hidden;
  transition: height 0.2s;
}

.optionBarShow {
  display: block;
  height: 50px;
}

.optionBarTotal {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font: bold 17px Segoe UI,Arial;
  color: #FFFFFF;
  cursor: pointer;
}

.iconOkWhite {
  font:bold 17px Segoe UI,Arial;
  padding-left:32px;
  background:url(images/iconOkWhite.png) no-repeat 0 50%;
  color:#fff;
  text-decoration:none;
}

.iconDelete {
  padding-left:20px;
  background:url(images/iconDelete.png) no-repeat 0 50%;
}

.iconDeleteWhite {
  font:bold 17px Segoe UI,Arial;
  padding-left:32px;
  background:url(images/iconDeleteWhite.png) no-repeat 0 50%;
  color:#fff;
  text-decoration:none;
}

.iconDocumentsWhite {
  font:bold 17px Segoe UI,Arial;
  padding-left:32px;
  background:url(images/iconDocumentsWhite.png) no-repeat 0 50%;
  color:#fff;
  text-decoration:none;
  margin-right:24px;
}

.iconStatusWhite {
  font:bold 17px/26px Segoe UI,Arial;
  padding-left:32px;
  background:url(images/iconStatusWhite.png) no-repeat 0 50%;
  color:#fff;
  text-decoration:none;
  margin-right:24px;
  display:inline-block;
}

.iconPaymentWhite {
  font: bold 17px/26px Segoe UI,Arial;
  padding-left: 32px;
  background: url(images/iconPaymentWhite.png) no-repeat 0 50%;
  color: #FFFFFF;
  text-decoration: none;
  margin-right: 24px;
  display: inline-block;
}

.iconMapWhite {
  font:bold 17px/26px Segoe UI,Arial;
  padding-left:32px;
  background:url(images/iconMapWhite.png) no-repeat 0 50%;
  color:#fff;
  text-decoration:none;
  margin-right:24px;
  display:inline-block;
}

.iconMapExportWhite {
  font:bold 17px/26px Segoe UI,Arial;
  padding-left:32px;
  background:url(images/iconMapExportWhite.png) no-repeat 0 50%;
  color:#fff;
  text-decoration:none;
  margin-right:24px;
  display:inline-block;
}

.iconProductsWhite {
  font:bold 17px Segoe UI,Arial;
  padding-left:32px;
  background:url(images/iconProductsWhite.png) no-repeat 0 50%;
  color:#fff;
  text-decoration:none;
  margin-right:24px;
}

.iconEditWhite {
  font:bold 17px Segoe UI,Arial;
  padding-left:32px;
  background:url(images/iconEditWhite.png) no-repeat 0 50%;
  color:#fff;
  text-decoration:none;
  margin-right:24px;
}

.iconSummaryWhite {
  font:bold 17px Segoe UI,Arial;
  padding-left:32px;
  background:url(images/iconSummaryWhite.png) no-repeat 0 50%;
  color:#fff;
  text-decoration:none;
  margin-right:24px;
}

.iconCheckedWhite {
  font:bold 17px Segoe UI,Arial;
  padding-left:32px;
  background:url(images/iconCheckedWhite.png) no-repeat 0 50%;
  color:#fff;
  text-decoration:none;
  margin-right:24px;
}

.iconPrintWhite {
  font:bold 17px Segoe UI,Arial;
  padding-left:32px;
  background:url(images/iconPrintWhite.png) no-repeat 0 50%;
  color:#fff;
  text-decoration:none;
  margin-right:24px;
}

.iconCardWhite {
  font:bold 17px Segoe UI,Arial;
  padding-left:32px;
  background:url(images/iconCardWhite.png) no-repeat 0 50%;
  color:#fff;
  text-decoration:none;
  margin-right:24px;
}

.iconXMLWhite {
  font:bold 17px Segoe UI,Arial;
  padding-left:32px;
  background:url(images/iconXMLWhite.png) no-repeat 0 50%;
  color:#fff;
  text-decoration:none;
  margin-right:24px;
}

#documentsMenu, #statusMenu, #paymentMenu {
  display: none;
  background: #555555;
  padding: 20px;
  font: bold 15px/25px Segoe UI,Arial;
  color: #FFFFFF;
  position: fixed;
  bottom: 50px;
  user-select: none;
}

#documentsMenu a, #statusMenu a, #paymentMenu a {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  opacity: 0.7;
}

#documentsMenu a:hover, #statusMenu a:hover, #paymentMenu a:hover {
  opacity: 1;
}

/* filtru */

.filter {
  display:table;
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
}

.filter>div {
  display:table-cell;
  vertical-align:bottom;
}

.filter>div:first-child {
  width:200px;
}

.filter>div+div {
  padding-left:10px;
}

.filterLabel {
  font:bold 13px/20px Segoe UI, Arial;
  display:block;
  margin-bottom:5px;
}

.filterInput {
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  border:1px solid #aaa;
  border-radius:4px;
  font:13px/19px Segoe UI,Arial;
  padding:5px;
}

.filterInput:focus {
  border-color:#00c6ff;
}

.filterSelect {
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  border:1px solid #aaa;
  border-radius:4px;
  font:13px/19px Segoe UI,Arial;
  padding:4px;
  height:31px;
}

.filterSubmit {
  font:bold 13px/31px Segoe UI,Arial;
  border:0;
  padding:0 5px;
  border-radius:5px;
  background:#00c6ff;
  color:#fff;
  margin-top:25px;
  width:100%;
}

.summary {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
}

.breadcrumbs {
  display: flex;
  overflow: hidden;
  width: 100%;
  margin-top: 10px;
  padding: 0;
  background-color: #DDDDDD;
  line-height: 34px;
  font-weight: bold;
}

.breadcrumbs li {
  display: block;
  position: relative;
  list-style: none;
  white-space: nowrap;
}

.breadcrumbs a {
  display: block;
  padding: 0 20px 0 20px;
  background-color: #00C6FF;
  color: #FFFFFF;
  text-decoration: none;
}

.breadcrumbs li + li:not(:last-child)::before {
  content: '';
  position: absolute;
  top: calc(50% - 6px);
  left: -6px;
  width: 12px;
  height: 12px;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M9.02 8 3.467 2.435a1.054 1.054 0 0 1-.307-.749c0-.282.109-.549.307-.747l.63-.631C4.298.11 4.56 0 4.843 0s.546.109.745.307l6.946 6.946c.199.199.308.464.307.746 0 .284-.108.549-.307.748l-6.946 6.946a1.046 1.046 0 0 1-.745.307c-.282 0-.546-.11-.744-.307l-.63-.63a1.043 1.043 0 0 1-.308-.745c0-.282.109-.532.307-.73L9.02 8Z" fill="%23fff" fill-rule="nonzero"/></svg>');
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: 50% 50%;
}

.breadcrumbs li:last-child {
  display: block;
  padding-left: 20px;
}

/* sumar produse */

.productSummary {
  border:1px solid #333;
  border-collapse:collapse;
  clear:left;
  page-break-before:always;
}

.productSummary th {
  padding:5px;
  text-align:left;
  font:bold 15px "Segoe UI",Arial;
  border:1px solid #333;
  border-bottom:3px solid #333;
}

.productSummary td {
  padding:5px;
  font:15px "Segoe UI",Arial;
  border:1px solid #333;
}

.productSummarySupplier {
  font-size:13px;
  margin-right:5px;
  background:#00c6ff;
  color:#fff;
  line-height:17px;
  padding:0 5px;
  border-radius:3px;
}

.productSummaryInput {
  border:1px solid #333;
  font:15px "Segoe UI",Arial;
  width:50px;
}

.productSummaryTotal td {
  padding:5px;
  text-align:left;
  font:bold 15px "Segoe UI",Arial;
  border:1px solid #333;
  border-top:3px solid #333;
}

/* produse */

.productProducts {
  width:50%;
  float:left;
  margin-bottom:10px;
}

.productProducts::after {
  content:' ';
  display:block;
  clear:left;
}

.productProductsQuantity {
  float:left;
  border:1px solid #777;
  width:24px;
  height:24px;
  text-align:center;
  line-height:24px;
  margin-right:10px;
}

.productProductsTitle {
  float:left;
  line-height:24px;
  font-size:1.2em;
}

.productProductsExtraData {
  clear:left;
  padding:5px 0 0 36px;
}

.productProductsImage {
  clear:left;
  padding:5px 0 0 36px;
}

.productProductsImage img {
  height:200px;
}

/* kiosk */

.kiosk {
  padding: 1rem;
  background: #000000;
  box-sizing: border-box;
}

.kiosk * {
  box-sizing: border-box;
}

.kioskNav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.kioskNavLeft, .kioskNavRight {
  display: block;
  width: 3rem;
  height: 3rem;
}

.kioskNavLeft {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path fill="%23FFFFFF" d="M435.019 357.024H92.412l107.703-107.94c5.274-5.27 8.167-12.409 8.167-19.901 0-7.493-2.893-14.582-8.167-19.864l-16.759-16.767c-5.27-5.27-12.292-8.184-19.781-8.184-7.493 0-14.519 2.893-19.789 8.163L-40.837 377.138c-5.291 5.291-8.184 12.338-8.163 19.835-.021 7.538 2.872 14.59 8.163 19.872l184.624 184.624c5.27 5.266 12.292 8.163 19.789 8.163 7.489 0 14.511-2.901 19.781-8.163l16.759-16.767c5.274-5.262 8.167-12.288 8.167-19.781 0-7.489-2.893-14.145-8.167-19.41L91.197 436.967h343.406c15.431 0 28.397-13.3 28.397-28.722v-23.714c0-15.422-13.349-27.681-28.78-27.681"/></svg>');
}

.kioskNavRight {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path fill="%23FFFFFF" d="M-21.019 357.024h342.607l-107.703-107.94c-5.274-5.27-8.167-12.409-8.167-19.901 0-7.493 2.893-14.582 8.167-19.864l16.759-16.767c5.27-5.27 12.292-8.184 19.781-8.184 7.493 0 14.519 2.893 19.789 8.163l184.624 184.607c5.291 5.291 8.184 12.338 8.163 19.835.021 7.538-2.872 14.59-8.163 19.872L270.213 601.469c-5.27 5.266-12.292 8.163-19.789 8.163-7.489 0-14.511-2.901-19.781-8.163l-16.759-16.767c-5.274-5.262-8.167-12.288-8.167-19.781 0-7.489 2.893-14.145 8.167-19.41l108.919-108.544H-20.603c-15.431 0-28.397-13.3-28.397-28.722v-23.714c0-15.422 13.349-27.681 28.78-27.681"/></svg>');
}

.kioskNavMiddle {
  text-decoration: none;
  display: flex;
  align-items: center;
}

.kioskNavControls {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 0.8rem;
}

.kioskNavControlsUser {
  width: 3rem;
  height: 3rem;
  border: 0.2rem solid #000000;
  border-radius: 50%;
  margin: 0 0.1rem;
  line-height: 2.6rem;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
}

.kioskNavControlsUserSelected {
  border-color: #FFFFFF;
}

.kioskNavMidTime {

}

.kioskNavMidClock {
  width: 50px;
  height: 50px;
  margin-left: 0.8rem;
  border: 0.2rem solid #555555;
  border-radius: 50%;
  cursor: pointer;
}

.kioskNavMidTime > div:first-child {
  color: #00C6FF;
  text-align: center;
  font-size: 1.1rem;
  white-space: nowrap;
}

.kioskNavMidTime > div:last-child {
  color: #FFFFFF;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  white-space: nowrap;
}

.kioskMainProducts {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 2vh;
  justify-content: space-between;
}

.kioskMainProducts + .kioskMainProducts {
  margin-top: 2vh;
}

.kioskCourier {
  color: #FFFFFF;
  font-size: 1.3rem;
  font-weight: bold;
  grid-column: span 5;
}

.kioskProduct {
  display: block;
  position: relative;
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 0.5rem;
  cursor: pointer;
}

.kioskProductDone {
  opacity: 50%;
}

.kioskProductHasFooter {
  padding-bottom: 3.8rem;
}

.kioskProduct > header {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.5rem;
}

.kioskProduct > header > * + * {
  margin-left: 0.5rem;
}

.kioskProductStatus {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  line-height: 2rem;
  flex-shrink: 0;
}

.kioskProductTitle {
  font-size: 1rem;
}

.kioskMain {
  display: flex;
}

.kioskProductImage {
  width: 45%;
}

.kioskProductImage > img {
  width: 100%;
}

.kioskProductExtraData {
  padding-left: 0.5rem;
  width: 55%;
}

.kioskProduct > footer {
  display: flex;
  position: absolute;
  bottom: 0.8rem;
  right: 0.8rem;
  height: 2.6rem;
}

.kioskProduct > footer > div {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  line-height: 2.6rem;
  text-align: center;
  color: #FFFFFF;
  background-color: #777777;
}

.kioskProduct > footer > select {
  background-color: #E1E1E1;
  padding: 0 0.4rem;
  border: 0;
  border-radius: 1.3rem;
}

.kioskProduct > footer > * + * {
  margin-left: 0.4rem;
}

.kioskProduct > footer > div.kioskProductBubbleImporant {
  background-color: #FF0000;
}

.kioskNavMid { /* nefolosit */
  text-decoration: none;
}

.kioskNavMid > div:first-child { /* nefolosit */
  color: #00C6FF;
  text-align: center;
  font-size: 1.1rem;
}

.kioskNavMid > div:last-child { /* nefolosit */
  color: #FFFFFF;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
}

.kioskProducts { /* nefolosit */
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, 19%);
  grid-gap: 2vh 0;
  justify-content: space-between;
}

.kioskDriver { /* nefolosit */
  color: #FFFFFF;
  font-size: 1.3rem;
  font-weight: bold;
  grid-column-start: 1;
  grid-column-end: 6;
}

.kioskProductQuantity { /* nefolosit */
  width:2rem;
  height:2rem;
  border-radius:50%;
  line-height:2rem;
  font-size:1.1rem;
  font-weight:bold;
  text-align:center;
  background-color:#00C6FF;
  color:#FFFFFF;
  flex-shrink:0;
}

.kioskProductInterval { /* nefolosit */
  position: absolute;
  bottom: 0.8rem;
  right: 3.8rem;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background-color: #FF0000;
  line-height: 2.6rem;
  text-align: center;
  color: #FFFFFF;
}

.kioskProductFlorist { /* nefolosit */
  position: absolute;
  bottom: 0.8rem;
  right: 0.8rem;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  line-height: 2.6rem;
  text-align: center;
  color: #FFFFFF;
}

@media (max-width:1280px) {
  .kioskProducts { /* nefolosit */
    grid-template-columns:repeat(auto-fill,24%);
  }

  .kioskCourier {
    grid-column: span 4;
  }

  .kioskMainProducts {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width:960px) {
  .kioskProducts { /* nefolosit */
    grid-template-columns:repeat(auto-fill,32%);
  }

  .kioskCourier {
    grid-column: span 3;
  }

  .kioskMainProducts {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width:720px) {
  .kioskProducts { /* nefolosit */
    grid-template-columns:repeat(auto-fill,49%);
  }

  .kioskCourier {
    grid-column: span 2;
  }

  .kioskMainProducts {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width:480px) {
  .kioskProducts { /* nefolosit */
    grid-template-columns:repeat(auto-fill,100%);
  }

  .kioskMainProducts {
    grid-template-columns: repeat(auto-fill, 100%);
  }

  .kioskNavLeft, .kioskNavRight {
    width: 2rem;
    height: 2rem;
  }
}

/* photo uploader */

.puFile {
  display:block;
  margin-bottom:10px;
}

.puImage {
  float:left;
  margin:0 15px 15px 0;
  position:relative;
}

.puImage img {
  border-radius:5px;
}

.puImage input[type=checkbox] {
  position:absolute;
  vertical-align:top;
  top:10px;
  left:10px;
}

/* products (edit order) */

.product {
  margin-bottom: 10px;
  padding: 10px;
}

.product:nth-child(2n+1) {
  background-color: #EEEEEE;
}

.product > * + * {
  margin-top: 10px;
}

.productProperties {
  display: flex;
  align-items: flex-start;
}

.productProperties > * + *, .productAttribute > * + * {
  margin-left: 10px;
}

.productProperties > * > :first-child, .productLabel {
  font-weight: bold;
  margin-bottom: 5px;
}

.productProperties input, .productProperties select {
  background-color: #ffffcc;
  height: 29px;
}

.productProperties input[type=checkbox] {
  padding: 0;
  margin: 0;
}

.productAttribute {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.productOptions > a {
  text-decoration: none;
}

.productOptions > a + a {
  margin-left: 10px;
}

.productOptions > a > span {
  text-decoration: underline;
  margin-left: 5px;
}

.productOptions > a:hover > span {
  text-decoration: none;
}

#modalProduct {
  width: 600px;
  max-width: 100%;
  box-sizing: border-box;
}

.modalProductResults {
  margin-top: 10px;
  width: 100%;
  height: 400px;
  box-sizing: border-box;
  border: 1px solid #aaa;
  border-radius: 4px;
  font: 13px Segoe UI,Arial;
  padding: 5px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.modalProductResults > div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  cursor: pointer;
}

.modalProductResults > div:hover {
  background-color: #00C6FF;
  color: #FFFFFF;
}

.modalProductResults > div > :first-child {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modalProductResultsAlt {
  background-color: #EEEEEE;
}

/* invoices */

.invoicesPerson, .invoicesCompany {
  display: flex;
  align-items: center;
  height: 100%;
  line-height: normal;
}

.invoicesPerson::after, .invoicesCompany::after {
  display: inline-block;
  margin-left: 5px;
  background-color: #BBBBBB;
  border-radius: 50%;
  width: 22px;
  line-height: 22px;
  text-align: center;
}

.invoicesPerson::after {
  content:'PF';
}

.invoicesCompany::after {
  content:'PJ';
  background-color: #80DD50;
}

.invoicesHasReceipt {
  background: url(images/iconReceipt.png) no-repeat 0 50%;
  padding-left: 22px;
}

/* invoices (edit invoice) */

.formMultiTable {
  table-layout: fixed;
  width: 100% !important;
}

.multiTableContainer {
  width: 100%;
  overflow-x: auto;
}

.multiTable input[type=text].form {
  width: 200px;
}

.multiTable input[type=text].formMin {
  width: 50px;
}

.multiTable select.form {
  width: 200px;
}

.multiTable select.formMin {
  width: 100px;
}

.multiTable {
  padding: 0;
  border-collapse: collapse;
}

.multiTableTemplate {
  display: none;
}

.multiTable th {
  text-align: left;
  padding: 0 10px 10px 0;
}

.multiTable input, .multiTable select {
  background-color: #FFFFCC;
}

table.multiTable td {
  padding: 0 10px 10px 0;
}

table.multiTable td:last-child, table.multiTable th:last-child {
  padding-right: 0;
}

/* expenses */

.expensesTotal {
  float: right;
  box-sizing: border-box;
  width: 50px;
  padding: 5px;
  border: 1px solid #AAAAAA;
  border-radius: 4px;
  font: bold 13px "Segoe UI", Arial;
}

.expensesDate {
  position: relative;
}

.expensesIncrementDate {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 16px;
  top: calc(50% - 13px);
  background-image: url(images/iconAdd.png);
}

/* form designer */

.fdElement {
  border:1px solid #ddd;
  padding:5px;
  border-radius:4px;
  margin-bottom:5px;
}

.fdElement:hover {
  border-color:#00C6FF;
}

.fdProp {
  margin-bottom:5px;
}

.fdDelete {
  float:right;
}

/* notifications */

.notificare {
  position:fixed;
  top:20px;
  right:20px;
  background:#fff;
  padding:10px;
  border-radius:5px;
  color:#4C4C4C;
  max-width:250px;
  box-shadow:0 0 20px rgba(0,0,0,1);
}

.notificareClose {
  position:absolute;
  right:10px;
  top:10px;
  cursor:pointer;
}

/* tools */

.tableData {
  border-collapse:collapse;
  width:100%;
}

.tableData th {
  text-align:left;
  border:1px solid #aaa;
  font-weight:bold;
  padding:5px !important;
}

.tableData td {
  border:1px solid #aaa;
  padding:5px !important;
}

/* calendar */

.calendar::after,.calendarMonth::after {
  content:' ';
  display:block;
  clear:both;
}

.calendarMonthTitle {
  width:228px;
  height:30px;
  text-align:center;
  line-height:30px;
  background:#00C6FF;
  color:#FFFFFF;
  font-weight:bold;
  float:left;
  margin:0 3px 3px 0;
}

.calendarMonth {
  width:231px;
  height:231px;
  float:left;
  margin:0 30px 30px 0;
}

.calendarDay {
  width:30px;
  height:30px;
  text-align:center;
  line-height:30px;
  background:#DDDDDD;
  float:left;
  margin:0 3px 3px 0;
  cursor:pointer;
}

.calendarToday {
  border:3px solid #00C6FF;
  box-sizing:border-box;
  line-height:24px;
}

.calendarDay:hover {
  background:#BBBBBB;
}

.calendarVacation {
  background:#FF5000;
  color:#FFFFFF;
}

.calendarVacationHalf {
  background:linear-gradient(135deg,#FF5000 0%,#FF5000 50%,#DDDDDD 50%,#DDDDDD 100%);
  color:#FFFFFF;
}

.calendarMedical {
  background:#00C6FF;
  color:#fff;
}

.calendarUnpaid {
  background:#000000;
  color:#FFFFFF;
}

.calendarExtra {
  background-color: #BB80DD;
  color: #FFFFFF;
}

.calendarOv {
  background:#80DD50;
  color:#FFFFFF;
}

.calendarOvM {
  background:linear-gradient(135deg,#80DD50 0%,#80DD50 50%,#DDDDDD 50%,#DDDDDD 100%);
}

.calendarOvE {
  background:linear-gradient(135deg,#DDDDDD 0%,#DDDDDD 50%,#80DD50 50%,#80DD50 100%);
}

.calendarNav {
  display:table;
  margin-bottom:20px;
}

.calendarNav>* {
  display:table-cell;
  vertical-align:middle;
}

.calendarNavIcon>img {
  height:16px;
}

.calendarNavIcon:hover {
  opacity:0.5;
}

.calendarNavYear {
  font:bold 17px/30px Segoe UI,Arial !important;
  padding:0 30px;
}

.filterOpen {
  display:none;
}

/* stocuri */

.modalStocuriHistoryList {
  max-height:400px;
  width:500px;
  overflow:auto;
  margin-bottom:5px;
}

.modalStocuriHistoryListTable {
  width:100%;
  border-collapse:collapse;
}

.modalStocuriHistoryListTable th {
  text-align:left;
  padding:5px;
  background:#DDDDDD;
}

.modalStocuriHistoryListTable td {
  padding:5px;
}

.modalStocuriHistoryListTable tr:nth-child(n+3) td {
  border-top:1px solid #4C4C4C;
}

/* harti */

.modalMapPlayground {
  width:1000px;
  height:600px;
  position:relative;
}

/* utilizatori */

.userCurierIcon {
  height: 16px;
  margin-left: 10px;
}

/* auto */

.autoUserDisabled {
  color: #AAAAAA;
}

.autoService {
  display: flex;
  align-items: center;
}

.autoService + .autoService {
  margin-top: 10px;
}

.autoService > * + * {
  margin-left: 10px;
}

.autoService img {
  margin: 0;
}

/* small screen */

@media (min-width:961px) and (max-width:1440px) {
  .icon {
    width: 20px;
    height: 20px;
  }

  .icon > img {
    width: 14px;
    margin: 3px;
  }

  .menuOption {
    padding: 0 25px;
  }
}

/* mobile */

@media (max-width:640px) {
  body {
    background: #333333;
  }

  .modal {
    width: 100%;
  }

  .modalMapMap {
    width: 100%;
    height: calc(100vh - 370px);
    max-height: 400px;
  }

  .modalMapSearch {
    height: 31px;
  }

  select.modalMapCounty, input.modalMapLocation, input[type=text].modalMapCoords {
    margin: 0 0 10px 0;
    height: 31px;
  }

  select.modalMapCurier {
    margin: 0;
  }

  table.form {
    width:auto;
  }

  .formLabel {
    width:80px;
  }

  input.form[type="text"],input.form[type="password"] {
    width: 100%;
  }

  select.form {
    width: 100%;
  }

  textarea.form {
    width: 100%;
  }

  .formRadios {
    margin-top: -5px;
  }

  input[type="radio"].form {
    display: none;
  }

  input[type="radio"].form + label {
    cursor: pointer;
    padding: 0 5px;
    border-radius: 3px;
    border: 1px solid #00C6FF;
    line-height: 1.8em;
    display: inline-block;
    margin: 0 5px 5px 0;
  }

  input[type="radio"].form:checked + label {
    background-color: #00C6FF;
    color: #FFFFFF;
  }

  .filter {
    display:block;
  }

  .filter>div {
    display:block;
  }

  .filter>div+div {
    padding:0;
  }

  .filter>div:first-child {
    width:auto;
  }

  .filterOpen {
    display:block;
    cursor:pointer;
    font:bold 13px Segoe UI,Arial;
    border:0;
    padding:5px;
    border-radius:5px;
    background-color:#313131;
    color:#fff;
    text-decoration:none;
    text-align:center;
    margin-bottom:10px;
  }

  .filter {
    display:none;
  }

  .optionBar {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
  }

  .optionBarTotal {
    position: static;
    transform: none;
    line-height: 50px;
    font-size: 15px;
  }

  .optionBarShow {
    height: 50px;
  }

  .summary {
    display:block;
  }

  /* product (edit order) */

  .productProperties {
    display: block;
  }

  .productProperties > * + *, .productAttribute > * + * {
    margin: 5px 0 0 0;
  }

  .productAttribute {
    display: block;
  }

  .productAttribute > * {
    display: block;
  }

  /* hide on mobile*/

  .noMobile {
    display:none;
  }
}

@media (max-width:960px) {
  body {
    padding-top: 0;
  }

  /* top menu */

  .screenNavigationMobile {
    display: block;
  }

  .screenNavigationMobile > img {
    cursor: pointer;
    display: block;
    padding: 18px 18px 17px 18px;
  }

  .screenNavigationMobileClose {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #00C6FF;
    padding: 17px;
    cursor: pointer;
  }

  .screenNavigationMobileClose > img {
    display: block;
  }

  .screenNavigation {
    flex-direction: column;
    position: fixed;
    top: 0;
    left: -100vw;
    width: 90vw;
    height: 100vh;
    border-right: 10vw solid rgba(0,0,0,0.5);
    margin: 0;
    background-color: #000000;
    background-clip: padding-box;
    transition: left 0.25s;
  }

  .screenNavigationVisible {
    left: 0;
  }

  .menuOptions {
    flex-direction: column;
  }

  .menuIcons > a {
    padding: 0 17px;
    background-color: #777777;
    margin: 0 0 15px 15px;
  }

  .menuOption {
    display: block;
    padding: 0 15px;
    font-size: 16px;
    margin-right: 0;
    height: 50px;
    line-height: 50px;
  }

  .menuOption:hover {
    border-radius: 0;
    padding: 0 15px;
    background: #444444;
  }

  .menuOptionSelected {
    font-size: 16px;
    border-radius: 0;
    margin-right: 0;
    background-color: #000000;
    color: #00C6FF;
  }

  .menuNotificationsShelf {
    top: 100%;
    left: 0;
    transition: top 0.25s;
  }

  .menuNotificationsShelfClose {
    right: 10vw;
  }

  .menuNotificationsShelfContent {
    flex: 0 0 calc(100% - 10vw);
  }

  .menuNotificationsShelfVisible {
    top: 0;
  }

  .menuNotificationsShelf::before {
    content: none;
  }

  /* container */

  .container {
    margin: 0;
    width: 100%;
    padding: 15px;
  }

  .containerBar {
    margin-bottom: 50px;
  }

  .rand>div {
    border-spacing:2px 1px;
  }

  .rand {
    border:3px solid #fff;
  }

  .rand::after {
    content:' ';
    display:block;
    clear:left;
  }

  .comanda:hover .rand {
    border:3px solid #00c6ff;
    border-radius:5px;
  }
}