body {
  font-family: Arial, Helvetica, sans-serif;
}

#LogoImage{
  /*background-image: url("/files/interface/logo.gif");*/
  /*background-color: #FE001A;*/
  /*background-position: left;*/
  /*background-repeat: no-repeat;*/
  /*background-size: 35px;*/
}

#LogoImage a{
    display:block;
    float: left;
    background-color: #003057;
    padding: 0px 5px 0px 5px;
}

.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #003057;
  position: relative;
}

#Linkovi {
  display: none;
  float: right;
  background-color: #003057;
}

#Linkovi a{
  color: white;
  padding: 14px 40px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  float:left;
  text-align: center;
  display: block;
  width: 100px;
}

.topnav a, .topnav span{
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: #003057;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}


.topnav a:hover, #Linkovi a:hover {
  background-color: #ddd;
  color: black;
}

.active, .topnav span {
  background-color: transparent;
  /*color: #003057;*/
  font-weight: bolder;
  display: block !important;
  text-align: center;
}

.menuDIV {
    /*background-color:#003057;*/
    text-align:center;
    padding: 3px;
    width:auto;
    border:1px solid whitesmoke;
    margin:0px 0px 5px 15px;
    display:block;
    float:left;
/*    position: absolute;
    bottom: 10px;
    left:10px;*/
}

.menuA:link, .menuA:visited, .menuA:active{ 
    color:whitesmoke; 
    text-decoration:none;
    display: block;
    /*padding:10px;*/
    /*font-size: 17px;*/
}
.menuA:hover{
    text-decoration:underline;
}

.dateDIV {
    text-align:center;
    padding:3px;
    border:1px solid whitesmoke;
    margin:0px 0px 5px 15px;
    display:block;
    float:left;
    clear:both;
}

a.productLink {
    color:gold;
    font-weight:bold;
}

#login_form{
    display:block;
    width: 200px;
    padding:15px;
    margin: 50px auto 0px auto;
    border: 2px ridge activeborder;
    background-color: #003057;
    color:whitesmoke;
    /*background-image: url("/files/interface/Logo.gif");*/
}

#nozzle{
    display:none;
    width:100%;
    text-align:center;
    font-size:14pt;
    margin:15px 0px 15px 0px;
    padding:15px;
}

#nozzle > option {
    display: block;
    padding:15px;
}

#ADR{
    display:block;
    width:100%;
    text-align:center;
    font-size:14pt;
    margin:15px 0px 15px 0px;
    padding:15px;
}

#tip_div{
    display: block;
    width:100%;
    /*margin:15px 0px 15px 0px;*/
    clear: both;
}

#tip{
    display:block;
    padding:15px;
    width:100%;
    text-align:center;
    font-size:14pt;
    margin:15px 0px 0px 0px;
    clear: both;
}

#btn_submit{
    display: none;
    width:100%;
    text-align:center;
    font-size:14pt;
    padding:15px;
    margin:15px 0px 15px 0px;
}

#fuel_box{
    display: none;
    width:100%;
    text-align:center;
    font-size:14pt;
    padding:0px;
}

#sum_div{
    display:none;
    width:100%;
    text-align:center;
    font-size:14pt;
    padding:0px;
    margin: 0px;
}

#amount{
    width:100%;
    text-align:center;
    font-size:14pt;
    margin:15px 0px 15px 0px;
    padding:15px;
}

#credit_info{
    display:block;
    background-color: #003057;
    color: whitesmoke;
    padding:15px;
    width: auto;
    margin: 0px;
    font-size: 17px;
    font-weight:bolder;
}

#content_div{
    display:block;
    clear:both;
    border:0px ridge black;
}

.credit{
    background-color: aliceblue;
    color: blue;
}

.credit td:last-child{
    background-color: bisque;
/*     background-color: burlywood; */
}

.cash{
    background-color: aliceblue;
    color:black;
}
.cash td:last-child{
        background-color: burlywood;
}

.invoice{
    background-color: gold;
    color:black;
}
.invoice td:last-child{
        background-color: burlywood;
}

.fuel{
    background-color:aliceblue; /*diesel color code :) */
}
.fuel td:last-child{
    background-color: #322C2B;
    color:whitesmoke;
    text-align: center;
}


.coffee{
    background-color: aliceblue;
}
.coffee td:last-child{
    background-color: brown;
    color:whitesmoke;
    text-align: center;
}

.snacks{
    background-color: aliceblue;
}
.snacks td:last-child{
    background-color:royalblue;
    text-align: center;
    color: whitesmoke;
}
/*.snacks td:last-child{
    background-color: darkturquoise;
    color:whitesmoke;
}*/

.credit td, .coffee td, .fuel td, .snacks td, .cash td, .invoice td, .prepaid_table td {
    /*border: 0px;*/
    /*border: 3px ridge goldenrod;*/
    border: 3px outset;
    padding:10px;
}

.cash td a, .invoice td a {
    color:black;
    font-weight: bold;
}

table th {
    background-color: burlywood;
    padding:10px;
    border: 3px ridge royalblue;
}

#value, #bills, #count, #payments{
    display:block;
    border:3px outset black;
    margin-bottom: 5px;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    background-color: antiquewhite;
}

.credit:hover td, .cash:hover td, .invoice:hover td, .fuel:hover td, .snacks:hover td, 
.coffee:hover td, #value:hover, #bills:hover, #count:hover, #payments:hover, 
.prepaid_table tr:hover{
    background-color: royalblue;
    color:white;
}

#logoutDIV{
    text-align:center;
    padding: 0px;
    width:auto;
    border:1px solid whitesmoke;
    margin:0px;
    display:block;
    float:left;
    background-color: #003057;
    color:white;
}

#logoutDIV a{
    display: block;
    color:white;
    text-decoration: none;
    padding:10px;
}

#logoutDIV a:hover{
    text-decoration: underline;
}

/* input, */
select {
    border-radius: 0;
/*    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input, select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

#logoutDIV{
    text-align:center;
    padding: 0px;
    width:auto;
    border:1px solid whitesmoke;
    margin:0px;
    display:block;
    float:left;
    background-color: #003057;
    color:white;
}

#logoutDIV a{
    display: block;
    color:white;
    text-decoration: none;
    padding:10px;
}

#logoutDIV a:hover{
    text-decoration: underline;
}

#prepaid-user-table td{
    text-align: center;
}

#prepaid-user-table td a{
    display: block;
    padding:5px;
    text-align: center;
    background-color: royalblue;
    color:white;
}

#bills_table, #payments_table, #revenue_table{
    border: 0px;
    border-collapse: collapse;
    width: 100%;
    max-height:208px;
}

#bills_div, #payments_div{
    max-height: 208px;
    overflow: hidden;
}

#revenue_div{
    height:100%;
    overflow:hidden;
}

#notes_count{
    display:none;
    width:50%;
    margin: 5px auto 5px auto;
    background-color: whitesmoke;
}

#notes_count table{
    width: 100%;
}
#notes_count table{
    text-align: center;
}

.bnzMainInput{
    display: block; 
    margin:10px;
    padding:10px;
    border:1px solid white;
    padding:5px;
    margin:5px;
}

.bnzTimes{

}

#SmenaIzvestaj{
    cursor:pointer;
}