html,
body {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.main-panel > .content {
  min-height: calc(100vh - 100px);
}
.navbar .alert {
  top: 0;
}
.alert-dismissable .close,
.alert-dismissible .close {
  right: 0;
}
.main-panel > .content {
  padding: 0 15px;
  margin-top: 60px;
}
.btn.btn-xs,
.xs .btn,
.navbar .navbar-nav > li > a.btn.btn-xs,
.btn-group-xs .navbar .navbar-nav > li > a.btn {
  padding: 7px 7px 3px;
  font-size: 11px;
  margin: 5px 1px;
}
.btn.btn-outline {
  border: 2px solid black;
  background-color: white !important;
  color: black;
  cursor: pointer;
}
.btn.btn-outline-success {
  border-color: #4CAF50;
  color: green;
}
.btn.btn-outline-success:hover {
  background-color: #4CAF50 !important;
  color: white;
}
.btn.btn-outline-info {
  border-color: #2196F3;
  color: dodgerblue;
}
.btn.btn-outline-info:hover {
  background-color: #2196F3 !important;
  color: white;
}
.btn.btn-outline-warning {
  border-color: #ff9800;
  color: orange;
}
.btn.btn-outline-warning:hover {
  background-color: #ff9800 !important;
  color: white;
}
.btn.btn-outline-danger {
  border-color: #f44336;
  color: red;
}
.btn.btn-outline-danger:hover {
  background-color: #f44336 !important;
  color: white;
}
.btn.btn-outline-default {
  border-color: #e7e7e7;
  color: black;
}
.btn.btn-outline-default:hover {
  background-color: #e7e7e7 !important;
}
.btn.btn-outline-secondary {
  border-color: #999;
  color: #999;
}
.btn.btn-outline-secondary:hover {
  background-color: #999 !important;
  color: white;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #9B8C9C;
}
.progress-bar.bg-secondary {
  background-color: #6c757d !important;
}
.no-gutter {
  padding-right: 0;
  padding-left: 0;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col.no-gutters {
  margin-right: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  align-items: center;
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.blocked {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 100;
  top: 0;
  left: 0;
}
a.btn.btn-simple.btn-xs.open-new-document {
  margin: 0;
}
.trk_icon .material-icons {
  font-size: 24px;
  line-height: 1.4;
}
.trk_icon.trk_icon_resume a {
  color: #7CAC74;
}
.trk_icon.trk_icon_stop a {
  color: #ED6666;
}
.media-left,
.media-right,
.media-body {
  vertical-align: middle;
}
.btn-link,
.btn-link:hover,
.btn-link:focus {
  color: lightslategray;
}
#container-trk {
  height: 330px;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
}
#container-trk:hover {
  background-color: #f2f2f2;
}
#container-trk .col {
  padding-left: 0;
  padding-right: 10px;
}
#container-trk .col:nth-child(1) {
  padding-left: 10px;
}
#container-trk .col-first {
  padding-left: 0;
  padding-right: 0;
}
#container-trk .row {
  margin-bottom: 5px;
}
.trk_block .trk_block_inner {
  border: 2px solid #9B8C9C;
  color: #9B8C9C;
}
.trk_block .trk_block_inner .trk_row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.trk_block .trk_block_inner .trk_row .trk_nozzle.active,
.trk_block .trk_block_inner .trk_row .trk_nozzle.active_manual {
  color: black;
}
.trk_block .trk_block_inner .trk_row .trk_progress .progress {
  margin-bottom: 0;
}
.trk_block.active .trk_block_inner,
.trk_block.active_manual .trk_block_inner {
  border: 2px solid black;
}
.trk_block.active .trk_row .number,
.trk_block.active_manual .trk_row .number {
  color: black;
}
.trk_block.nozzle_up.active .trk_block_inner,
.trk_block.active .trk_block_inner,
.trk_block.active_manual .trk_block_inner {
  background-color: white;
}
.trk_block.wait .trk_block_inner {
  border: 2px solid #9B8C9C;
  color: #9B8C9C;
}
.trk_block.wait .trk_block_inner .trk_icon {
  fill: #9B8C9C;
}
.trk_block.wait .trk_block_inner .trk_progress .progress {
  height: 4px;
}
.trk_block.wait .trk_block_inner .trk_fuel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.trk_block.wait.active .trk_block_inner,
.trk_block.wait.active_manual .trk_block_inner {
  border: 2px solid black;
}
.trk_block.wait.active .trk_row .number,
.trk_block.wait.active_manual .trk_row .number {
  color: black;
}
.trk_block.fuel_supply_up .trk_block_inner {
  border: 2px solid black;
  color: #9B8C9C;
}
.trk_block.fuel_supply_up .trk_block_inner .trk_icon {
  fill: #9B8C9C;
}
.trk_block.fuel_supply_up .trk_block_inner .trk_progress .progress {
  outline: 2px solid #ffc107;
  outline-offset: 2px;
}
.trk_block.fuel_supply_down .trk_block_inner {
  border: 2px solid #9B8C9C;
  color: #9B8C9C;
}
.trk_block.fuel_supply_down .trk_block_inner .trk_icon {
  fill: #9B8C9C;
}
.trk_block.fuel_supply_down .trk_block_inner .trk_progress .progress {
  outline: 2px solid #9B8C9C;
  outline-offset: 2px;
}
.trk_block.tech_supply_down .trk_block_inner {
  border: 2px solid #9B8C9C;
  color: #9B8C9C;
}
.trk_block.tech_supply_down .trk_block_inner .trk_icon {
  fill: #9B8C9C;
}
.trk_block.tech_supply_down .trk_block_inner .trk_progress .progress {
  outline: 2px solid #CEB7EC;
  outline-offset: 2px;
}
.trk_block.danger .trk_block_inner {
  border: 2px solid #ED6677;
  color: #E9354B;
}
.trk_block.danger .trk_block_inner .trk_icon {
  fill: #E9354B;
}
.trk_block.danger .trk_block_inner .trk_progress .progress {
  height: 4px;
}
.trk_block.disconnect .trk_block_inner {
  border: 2px solid #FF9264;
  color: #FF9264;
}
.trk_block.disconnect .trk_block_inner .trk_icon {
  fill: #FF9264;
}
.trk_block.disconnect .trk_block_inner .trk_progress .progress {
  height: 2px;
}
.trk_block.disconnect .trk_block_inner .trk_progress .progress .progress-bar {
  background-color: #FF9264;
}
.trk_block.lock .trk_block_inner {
  border: 2px solid #9B8C9C;
  color: #9B8C9C;
}
.trk_block.lock .trk_block_inner .trk_icon {
  fill: #9B8C9C;
}
.trk_block.lock .trk_block_inner .trk_progress .progress {
  height: 2px;
}
.trk_block.lock .trk_block_inner .trk_progress .progress .progress-bar {
  background-color: #9B8C9C;
}
.trk_block.off .trk_block_inner {
  border: 2px solid #9B8C9C;
  color: #9B8C9C;
}
.trk_block.off .trk_block_inner .trk_icon {
  fill: #9B8C9C;
}
.trk_block.off .trk_block_inner .trk_progress .progress {
  height: 2px;
}
.trk_block.off .trk_block_inner .trk_progress .progress .progress-bar {
  background-color: #9B8C9C;
}
.trk_block {
  padding: 10px 0 0;
  position: relative;
}
.trk_block .row {
  width: 100%;
}
.trk_block .trk_block_hint {
  position: absolute;
  border: 2px solid #9B8C9C;
  width: 26px;
  height: 26px;
  text-align: center;
  border-radius: 9px;
  right: 1px;
  top: 35px;
}
.trk_block .trk_block_inner {
  border-radius: 10px;
  min-height: 72px;
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.trk_block .trk_block_inner .number {
  padding-left: 8px;
  font-size: 48px;
  justify-content: center;
  display: flex;
  align-items: center;
}
.trk_block .trk_block_inner .trk_icon {
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  align-items: center;
}
.trk_block .trk_block_inner .trk_fuel {
  flex-direction: column;
  display: flex;
  justify-content: center;
  position: relative;
}
.trk_block .trk_block_inner .trk_fuel .trk_block_hint {
  position: absolute;
  border: 2px solid #9B8C9C;
  width: 26px;
  height: 26px;
  text-align: center;
  border-radius: 9px;
  right: 0;
  top: 50%;
  margin-top: -13px;
  display: none;
}
.trk_block .trk_block_inner .trk_fuel .trk_fuel_name {
  display: flex;
  justify-content: center;
  font-size: 15px;
  text-align: center;
}
.trk_block .trk_block_inner .trk_fuel .trk_payment_method {
  display: flex;
  justify-content: center;
  font-size: 13px;
  color: rgba(124, 104, 125, 0.75);
}
.trk_block .trk_block_inner .trk_fuel .trk_price_method {
  display: flex;
  justify-content: center;
  font-size: 13px;
  color: rgba(124, 104, 125, 0.75);
}
.trk_block .trk_block_inner .trk_progress {
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.trk_block .trk_block_inner .trk_progress.trk_progress_with_numbers {
  flex-direction: column;
}
.trk_block .trk_block_inner .trk_progress.trk_progress_with_numbers .row {
  margin-bottom: 4px;
  height: 50%;
}
.trk_block .trk_block_inner .trk_progress.trk_progress_with_numbers .row:nth-child(1) {
  align-content: center;
  padding-left: 8px;
  font-size: 14px;
  padding-right: 8px;
}
.trk_block .trk_block_inner .trk_progress.trk_progress_with_numbers .row:nth-child(2) {
  align-content: flex-start;
}
.trk_block .trk_block_inner .trk_progress .progress {
  width: 100%;
  height: 25px;
}
.trk_block .trk_block_inner .trk_progress .progress .progress-bar {
  text-align: left;
  padding-top: 3px;
}
.trk_block .trk_block_inner .trk_progress .progress .progress-bar span {
  padding-left: 10px;
}
.trk_block .trk_block_inner .trk_status_icon {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.trk_block .trk_block_inner .trk_status {
  font-size: 16px;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.col.right-0 {
  padding-left: 0;
}
.col.right-0 .button-block {
  border: 2px solid #9B8C9C;
  margin: 10px 0 20px;
  padding: 12px;
  border-radius: 10px;
  background-color: #ffffff;
  min-height: 348px;
  position: relative;
}
.col.right-0 .button-block.status-message {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 35px;
}
.col.right-0 .button-block .calc-hr {
  margin: 40px 0;
}
.col.right-0 .button-block .btn-hint {
  position: absolute;
  top: -10px;
  right: -10px;
  border: 2px solid #9B8C9C;
  height: 26px;
  text-align: center;
  border-radius: 9px;
  padding: 0 5px;
  background: black;
}
.col.right-0 .data-message {
  border: 2px solid #9B8C9C;
  background-color: #ffffff;
  padding: 8px;
  border-radius: 10px;
  overflow: hidden;
}
.col.right-0 .data-message p {
  margin-bottom: 0;
}
.col.right-0 .data-message .calc-hr {
  margin: 10px 0;
}
.col.right-0 .data-message button.calc-button {
  margin-left: 0;
}
.col.right-0 .data-message button svg {
  vertical-align: baseline !important;
}
.col.right-0 .calc-block {
  border: 2px solid #9B8C9C;
  background-color: #ffffff;
  margin: 10px 0;
  padding: 8px;
  border-radius: 10px;
}
.col.right-0 .calc-block .calc-hr {
  margin: 10px 0;
}
.col.right-0 .calc-block input[type=text].calc-sum {
  border: 0;
  border-bottom: 2px solid;
  text-align: center;
  outline: 0;
  margin-bottom: 20px;
}
.col.right-0 .calc-block .calc-sum {
  font-size: 28px;
}
.col.right-0 .calc-buttons .calc-button {
  margin-left: 10px;
  padding: 10px 0 6px;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.col.right-0 .calc-buttons .calc-button .btn-hint {
  position: absolute;
  top: -10px;
  right: -10px;
  border: 2px solid #9B8C9C;
  height: 26px;
  text-align: center;
  border-radius: 9px;
  padding: 0 5px;
  background: black;
}
.col.right-0 .calc-buttons .calc-button-action:hover svg path {
  fill: white;
}
.col.right-0 .calc-buttons .calc-button-action svg path {
  fill: #545b62;
}
.col.right-0 .calc-buttons .calc-button-action.btn-outline-danger:hover svg path {
  fill: white;
}
.col.right-0 .calc-buttons .calc-button-action.btn-outline-danger svg path {
  fill: #dc3545;
}
.col.right-0 .calc-buttons .calc-button-empty {
  margin-left: 14px;
  height: 68.8px;
}
.col.right-0 .calc-buttons .calc-button:nth-child(1) {
  margin-left: 0;
}
.col.right-0 .calc-buttons-with-text {
  margin-top: 15px;
}
.col.right-0 .calc-buttons-with-text .btn-lg {
  padding: 1.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.col.right-0 .calc-buttons-with-text .calc-button {
  margin-left: 20px;
  padding: 10px;
  min-height: 45px;
  margin-top: 0;
}
.bill-block-outer {
  height: 50vh;
  padding-top: 15px;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
}
.bill-block-outer .bill-block {
  border: 2px solid #9B8C9C;
  margin: 10px 0;
  padding: 15px;
  border-radius: 10px;
  position: relative;
  height: 97%;
}
.bill-block-outer .bill-block .table > thead > tr > th,
.bill-block-outer .bill-block .table > tbody > tr > th,
.bill-block-outer .bill-block .table > tfoot > tr > th,
.bill-block-outer .bill-block .table > thead > tr > td,
.bill-block-outer .bill-block .table > tbody > tr > td,
.bill-block-outer .bill-block .table > tfoot > tr > td {
  padding: 4px;
}
.bill-block-outer .bill-block .table {
  margin-bottom: 0;
}
.bill-block-outer .bill-block .table tbody {
  overflow-y: auto;
  overflow-x: hidden;
}
.loyalty-js .button-block-inner {
  width: 100%;
}
.loyalty-js .form-label {
  font-size: 12px;
}
.loyalty-js .form-control {
  font-size: 16px;
}
.tank-block {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.tank-block .tank-block-inner {
  border-radius: 10px;
  border: 2px solid #9B8C9C;
  background-color: #9B8C9C;
}
.tank-block .tank-block-inner.danger {
  border: 2px solid #ED6677;
  background-color: #E9354B;
}
.tank-block .tank-block-inner .tank-name {
  color: white;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tank-block .tank-block-inner .tank-block-indication {
  border-radius: 10px;
}
.tank-block .tank-block-inner .tank-block-indication p {
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}
h4.w-100 {
  color: #0a0a0a;
  font-weight: bolder;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .content .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .content .container-fluid [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }
}
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
}
/** loader **/
.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}
.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent transparent #df1a54 transparent;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}
/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }
}
@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
}
.lt {
  font-family: 'Roboto', sans-serif;
  margin: 30px auto;
  text-align: center;
  font-weight: bolder;
  letter-spacing: 5px;
}
/*# sourceMappingURL=style.css.map */