@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
* {
  margin: 0;
  padding: 0; }

html, body {
  height: 100%;
  font: 12px "Roboto", sans-serif;
  color: #555;
  background-color: #F7F7F7;
  font-weight: 400; }

header {
  position: relative;
  height: 50px;
  background-color: #00468C; }
  header .logo {
    float: left;
    width: 131px;
    height: 50px;
    background-image: url(data:image/png;base64,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);
    background-position: 7px center;
    background-repeat: no-repeat; }
  header button {
    float: right;
    width: 100px;
    height: 50px;
    background-color: transparent;
    color: #EEE;
    font-size: 14px;
    padding: 0 7px;
    background-position: 7px center;
    background-repeat: no-repeat;
    background-clip: padding-box; }
    header button#retailer {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDMvMzAvMTaY7RNZAAAAv0lEQVQokY2QwW0CMRBFX1AOPlLClkAJmwriFuiAkuiALWXpwOmA25ubc8isYgFCfOlL9p/x+M+n985GtapN7cmm1rFnRyIiKnABVuAruQKXrP1hmN7UZZyW+qK27b6J+7QwP3kwq/3B0rvYAZRSbsAPcHrSc8raww41bS1pY85zH5P6HCatwBX4Tm64Zu3fUkQcUtwDxyHWY2prRMwAqJN6U8/3CQ12z9kzfagLMJVSDq/SiYgVaNwv9eKXqvZfEXwMCEfx7NAAAAAASUVORK5CYII=);
      width: 250px; }
    header button#logout {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDMvMzAvMTaY7RNZAAAAlklEQVQokaWRwQ3CMBAEF5THlUEJLsGlpAU6oAOgA0pJOnAJlACv3d/xwJaC4zgPVrKss3buVucDSUdfs5nFUgz5PgNIDfMI4LR8KEAys6l2S4o1cNyJ8wSQJF0k3QAAJJ1kdHdsHZKh+Ia6Ze4UGtPeAB57kdb6O1IVb8zxXgDuZjZ1AXxXGlofFyRtAT8qwLUzZV4WH59scL49QvGVAAAAAElFTkSuQmCC); }
    header button:hover {
      background-color: #0053a6; }

main {
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  bottom: 23px;
  overflow: auto; }

footer {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 19px;
  background-color: #DFDFDF;
  height: 23px; }
  footer span {
    display: inline-block;
    float: right;
    line-height: 23px; }
  footer #version {
    float: left;
    margin-right: 12px;
    color: green; }
  footer #resolution {
    float: left;
    margin-right: 12px;
    color: blue; }
  footer #support {
    float: left;
    color: blue; }

button, input {
  font: 12px "Roboto", sans-serif;
  color: #555; }

button {
  border: none;
  cursor: pointer; }

.md-ui-datepicker {
  display: inline-block; }
  .md-ui-datepicker:focus .picker {
    display: block; }
  .md-ui-datepicker .relwrap {
    position: relative; }
  .md-ui-datepicker .picker {
    display: none;
    position: absolute;
    background-color: #EEE;
    padding: 8px;
    width: 196px; }
  .md-ui-datepicker .c {
    float: left;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer; }
  .md-ui-datepicker .prev-month, .md-ui-datepicker .next-month {
    background-position: center;
    background-repeat: no-repeat; }
  .md-ui-datepicker .prev-month {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNS8xOC8xNkRJXewAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAATElEQVQImVXNQQ2AMBTA0DeCD3AADsDEvg4cgJRJAQVIGqclo8emSVOtVSMiVpShEwdeLCnnPKNga8GIG5OOATueXqY2iogL50/29w/wlBT3JUn81wAAAABJRU5ErkJggg==); }
  .md-ui-datepicker .next-month {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNS8xOC8xNkRJXewAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAUklEQVQImV3JSxGAMBAE0SYVP+AATEzOkYAEsLMqEgUERcuFFJ9XNZceJDVJk7vTF4AROFJKK7dBkvOoQA58zUD5xwos8RV2M9sAInAC2cxafy+VpxqSa4apsAAAAABJRU5ErkJggg==); }
  .md-ui-datepicker .curr-month {
    width: 140px; }
  .md-ui-datepicker .week-day {
    color: #AAA; }
  .md-ui-datepicker .day {
    background-color: #DDFFEE; }
    .md-ui-datepicker .day.other {
      background-color: white; }
    .md-ui-datepicker .day:hover {
      background-color: #91ffc8; }
  .md-ui-datepicker .today {
    width: 196px; }

.sidebar {
  width: 100px;
  height: 100%;
  background-color: #E7E7E7;
  padding-top: 50px;
  box-sizing: border-box; }
  .sidebar .item {
    cursor: pointer;
    background-position: center 19px;
    background-repeat: no-repeat;
    background-clip: padding-box;
    padding: 69px 0 19px 0;
    font-weight: 500;
    text-align: center; }
    .sidebar .item:hover, .sidebar .item.selected {
      color: #00468C;
      background-color: #DFDFDF; }
    .sidebar .item#izvestaji {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAdCAYAAABSZrcyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8wOC8xNt9ef+gAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAA8UlEQVRIie2UwQ2CQBBFH8a7JWgH2gFYxJy1BDtg6cAS9ApFCB1oB9gBVoCHXZLVhFlP7gF+QjIhL/nZ4S1JWZY9kbKIVTyXT7N8OQwikoxBVVUZIAcaEckUrgZSoBARo3A9THntifeTKRQuw67zCVwU7gisgQaoFS7/Lv97lt7cKNwGe6IXcFe4HbDCbqhVuPSjPGCxwa7q/qPtl9l2Lb5w8b758CKQ1Y/c2j1q/PK/33PfdjNGOttToA1wmSuvA1wOs+0207V9r3BH4AA8gJPCnYEtcEW/FbePchGpx0hnMUAX4Do3tgEOmG2PlKgnfwO0W2o13w3VJgAAAABJRU5ErkJggg==); }
      .sidebar .item#izvestaji:hover, .sidebar .item#izvestaji.selected {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAdCAYAAABSZrcyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8wOC8xNt9ef+gAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAA60lEQVRIie2UwQ2CMBSGvxrujqAb6AbgRceQEUwYALhr4gg4BidhA9wAN8AJ6qE1ARNePYEJ/Kd3+JI/ff1axf6sGSmLsYrn8mmWe59B55Hqg9ThkgAxUOo8CgSuAHwg1XmUCJyGKa9dtT6ZVOACzDqfQCZwIbACSqAQuPi7fPB4rbkUuDXmRC+gErgtsMRsqBY4v1PusDjBrKr60fZstl1KW7jB7/xvbB/8nbdtT/pIa7sP1A4usOWFg4thtt1kurbvBC4EjsADOAncFdgAN+RXce+U6zwq+khrMUDj4Bo71g4OmG0fKaOe/A3HmGUztjNqqQAAAABJRU5ErkJggg==); }
    .sidebar .item#grafikon {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDMvMzAvMTaY7RNZAAABkklEQVRIie2Wy1HDMBRFTxj2hA5CBaSDhAogi7fGVEA6wHRgKiDr3E3owOkAKsB0QAew8INojPxhiM0C7ozHlnytI/k9fUbr9foNwMxGDKyDIWGSxmH5cCBoAqRAAuSDwCXNHTqLve8FLmkCZMB5k2/vMZeUAs9t4F7glCO+62LcO9zMXs1s2aUD3465T5clkJtZXuOZANdefADmwNGP4A7OgVPgRhLA1uvCzqz8/kI5vaDM+iJsb9R1hauAm7RlN7UWZraRNDGzomrsFPMI+Ao4BhaUsX0K7B/grYOXwLOk7NsrXAxsZitJUzPbAJvAN/drCiRel/p31+7NO8EbwAlwL+nWzFIvF2Fn/PsVkURrhbeBK/YEmAUJmHryXTYNLhrzBvBFBFzVjPLXt6ou4b6A/XnapdGuqoNnIVjSXqGNcB/pSRDjLObrBe4dKGqSa2+KZrsfAhJasvWnalrhegW3wXvXP/zvwes2lkfgLCi/+n1FsCWyO5ksgXGkPmzjo91PdT7J9KHPkUt6Gxr+qzF/B0bYrDFix4POAAAAAElFTkSuQmCC); }
      .sidebar .item#grafikon:hover, .sidebar .item#grafikon.selected {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDMvMzAvMTaY7RNZAAABnElEQVRIie2WTVLCMBiGnzjuxRvgCeQG4MYslRNYTwAzOYB1b2bwBHIEXGZXbqAnoN6AG8QFHxBr+qNQWOg702mTvs2T5PuSRnH95AG8M4oD6+SQMKVt5+BwpW2itM2BXlh/2jJ0AKRAP/a+FbjStgtMgJsq396nXWmbAos6cCtwViN+bmLcO9w7s/TOjJt04Mcxl+UyBjLvTFbi6QIjKb4CA+BsJ7iAM+ASeFDaAsylLuzMVO4fQCLPKZB/aa/pDlcAV2nOdmkNvTMzpW3XO5MXjY1iHgHfA+fAkFVs3wP7GjwX8BhYKG0nxR2udtpjYO/MVGnb887MgFngG8jVAxKpS+W7kXizRvAKcAK8KG0fvTOplPOwM/L9lEii1cLrwAV7AvSDBEwl+e6qBheNeQX4NgIuqs9q6mtVlnDfwPLci7p/qTL4JAQrbfcKrYTLSC+CGE9ivlbg0oG8JLn2pmi2yyEgoSZbd1XVDtcquA7euv7hfw9e9mN5A66C8lLuU4JfItuTyRjoROrDNtbtbtT4JNOGNvBj6Kgx/wR+GZwGCs2JewAAAABJRU5ErkJggg==); }
    .sidebar .item#novi-cene {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8xNS8xNhBUjoUAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAC80lEQVRYhbXWP2hkVRTH8c+EDSsIJlgIZlmMVsFmo4KWGxTBzlgc0CqTQmGrjZ3dprBbhIiixRaZFBbmWKSxNikUVJBdK6tlRAsFkQRllWUlFu8OeTszbyZ/JgeG+947973v7577u/dO6/Dw0HlEZl7CNbyFJzGNv/AlbkbEj9A6DwGZOYcOXkYLdUgLf+OdiPh8auL0Kj7AK/gHt/A8LuNt/IbH8HFmLky8Apm5gB9wEe9FxM2+/DP4Gk/go/OowJt4BH/gk/5kRNzFZ6ppee1UFcjMRezgqb7UHv7EMr7BF5hFNyI6tfdfwLe4f+IKFPjuELgC+1c1uv+KkBvYzMx2rd+vpZ0+kYAafKahyxXcVTn9cunbi/na9dOlvXdsAceA92KvtHPYwM/lfrHW57nS7h9LwAnhX+EeHkTEvmo/oJqeXrxY2t/HCjgBHGYj4gEulV8dXBfwUmm/G7kKTgjvxWrP8f3vR0QrM5/F96p94tULE4ZTOX4N+7g6JH9NtU90NVVgCPyg3L+umudO+QCVu9dUK2BczOEOHsf7EbE+UIGGke9GxHJmLkbE7SEf7mTmBq6PETCNR/ELPqXvNGwY+UxRvRQR+5k5j3XVsppVVWOj5DpYGSHgIhZwPyJ+ekhAw8hXVXO5WwDtiOgMAd3BUrnuavBNRLT6n10YAYf1iJgvfTZwPTOXIqKdmWoirqh8MNsEd7QhPRRTY9y+Xrvuzf1KZnYioo2tWv6GZg8cqM6FgWhtb2/fNtzBBxExC5nZLR9YxGbJbxXhm0Pe7YcvNZjXVAOcMuLMXFKdfLvl2WrJr5wV3hNwMEpALWZqIrYGep8C3hPQbsj1Tq/uEBGjltqx4TAVETuOylqPq5k5HxFdfNgnYiJwqgooh8cwETslv4Z3NU/XqeAM7oRtg8baw3LZiHYNP2BOBR8QMELEgcp8E4UPFTBCRFOcGk7xQH+M8MRE4Y0CjinizPCRAsaImAh8rICaiDccLcHef4Mzw+F/LHhL70mT86UAAAAASUVORK5CYII=); }
      .sidebar .item#novi-cene:hover, .sidebar .item#novi-cene.selected {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8xNS8xNhBUjoUAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAC/0lEQVRYhbXWMWgkVRjA8d8LF04QzGIhmOMwWgWbiwpaXlDOsTN2WmVTKFx1kWnsLoXdORBRtLDIXnGFYJHGYio3hYIKcmdldaxooSCSoJxynDyLeUvmNjO7m2TzwfJm93sz//+89733NsQYnUWErLiAq3gLT2Ief+FL3Ihl/iOEsxAIWbGIHl5GQB0S8DfeiWX++dzM6VUUeAX/4DM8j4t4G7/hMXwcsmJ55iMQsmIZP+A83otlfmMk/wy+xhP46CxG4E08gj/wyWgylvld3FJNy2snGoGQFSvYxVMjqT38iTV8gy/QwSCWea92/wv4FvePPQIJ3m+AS7B/VW/3XxK5jp2QFd1av19TO38sgRp8oaXLJdxVVfrF1HcYS7Xrp1N7b2qBKeDD2EvtIrbxc/q+UuvzXGr3pxI4Jvwr3MODWOb7qv2AanqG8WJqf58ocAw4dGKZP8CF9KmD6wIvpfa7savgmPBhbAwrfvT+WOYhZMWz+F61T1w5N2M4VcVvYh+XG/JXVfvEQNsINMAP0vfXVfPcSw+gqu5N1QqYFIu4g8fxfizzrSMj0PLm/VjmayErVmKZ3254cC9kxTauTRCYx6P4BZ8ychq2vPlCsl6NZb4fsmIJW6pl1VGNxnbK9bA+RuA8lnE/lvlPDwm0vPmGai77CdCNZd5rAN3BaroeaKmbWOZh9LdzY+CwFct8KfXZxrWQFauxzLshK9QkLqnqoNMGd7ghPSwwodq3atfDuV8PWaFB4noLmGoq15oSwasf3NZcwQexzDsQsmKQHrCCnZS/mcR3Gu4dha+2FK+5FjjpjUNWrKpOvn76bSPl108LHwocjBOoxUJN4uYE8FTwoUC3JTc8vQYNEuOW2tRwmItlvutwWOtxOWTFUizzAT4ckZgJnGoEpMOjSWI35TfxrvbpOhGcozth19HC2sNa2oj6mg+YE8GPCIyROFAV30zhjQJjJNrixHBSDYzGmJqYKbxVYEqJU8PHCkyQmAl8okBN4g2HS3D43+DUcPgfOi9NzXGBg6AAAAAASUVORK5CYII=); }
    .sidebar .item#artikli {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAhCAYAAAAh3nDkAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDMvMzAvMTaY7RNZAAAB00lEQVRYhe2WMXLTUBCGPzF0NOop8A2ihtrKCUjzF1ToBrijjHICfIM4rbZRThDnBnbNwJiho1JOYIq3axQhBmZwMgxoZzRP+7Rvv92n39bLmqbZ891OJa3NLOZOfbwBkJSZWRn+wC4k1Wa29tjSzGrg/Gf5n4wkeTSb4BN8gk/wCT7B/114Fd/j8IHZQ8GfDvw3I/5w7sHg18AH4CXwCfgKvPNnn33sgPVIrp2Pm8FcP7brL8h6x6grX/geuAXmXkwLXAK3kspfdfM7Fseo6PwOWABLOJy/NkAuaWVmC2BuZjOPj24KSZ2f1coozsxaoAQqSa3rqADOJMXag+A2kjpg1avspAdpfZx50rCZF3Q4JJpZ7rdLkoBLB7cMtn2o9oWPF6R3XPGj5YMkS2AbhXgTreeqPabzdWdj8MIrzoGtpJrU9Qt/HotCTBGLA1YO6HwnLt2vSKLLSd3v+vCsaZoWeEUSXAe89U5OSMJrSSK8klQB+FZ2kjbu58BM0sbvi+jY5wqSftYefw6Q7fd7XFwB+wh8AZ4Bz4HXJEEWku5V/qcWai+9w7lffduSVHtUMHjnYf6TuAeXlB0bGvZXfVj+X/hu4G8fE173gHeM/8Mdzb4Bx+i9KrD5NbsAAAAASUVORK5CYII=); }
      .sidebar .item#artikli:hover, .sidebar .item#artikli.selected {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAhCAYAAAAh3nDkAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDMvMzAvMTaY7RNZAAAB30lEQVRYhe2WsU7cQBCGv43S0bhPgd8AN6nPNLiENlX8Bpy0BSWmx8q9AccbOOVWOd7AV0eJLkqXyjzBpNiZi3EcBYkDIfBI1nrWs/PNrP87r+PoUvhjhxL8yhW1zR3q+AVAgneuqHPzB3YhwVeuqFcam7uiroDzf+V/M5LkyWyCT/AJPsEn+AR/ufDSvsfmA+ljwd8O/I8j/nDu0eCfga/Ae+A78As402c/dOyA1UiujY7tYK4f2/UXuN4x6loXfgJugJkW0wBXwI0En/+vm/uYHaOs81tgDixge/5qgUSCX7qingMzV9Spxls3mQTf6Vktt+JcUTdADpQSfKM6yoATCd7WbgXXSvAdsOxVdtCDNDqmmtQs1YK2h0RX1IneLogCzhXcMNj2odrnOl4Q33HJ35YMkiyAtRWiTTSaq9KYTtedjMEzrTgB1hJ8Rex6X5/bIhOTxaKApQI63Ykr9Uui6BJi95s+3HF02QDHRMF1wKl2ckAUXkMU4bUEXwLoVnYSfKt+AqQSfKv3mXWscxlRPyuNPwdwIoKKy2DfgJ/AHvAO+EAUZCbB36n8oWZqz7XDmV59WxNVu1MwaOdbJ/4k7sAleLdrqNmz+rC8Xvhm4K+fEl71gLeM/8PtzH4DKDq09lPzdK0AAAAASUVORK5CYII=); }
    .sidebar .item#all4day {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAfCAYAAACCox+xAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8xOC8xNuI+VlgAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAACy0lEQVRYhbWXy5XaQBBFLxz2JgPkCEwGI0dgvKj1aFZeWhkMGZiJwGI7tWEisIjAIgOIwBABXnQJWo2+HvzO0UH09/Xr+ml0Pp8ZAlWNgAUQ2/OhZtgWKICNiOR91h31JaKqc2AJfOk14YoDsBSR7F1EVHVqBL4PJBBiByQiUgwmYipkwKeWDQ7A3t6nHWMBnurUaSRiJHKabSADchHZh52qGuPsKGmYvxaRpJOIGWRRs8gOSPsaYMe1VpRpIlJwK/HNKfrCFNpwe7DP5aHGNZOWQ0ioaq6qeRsR2ywGTkFXVr5UiJiUaTD4rUOJB3taYd6yCJpnqprcEDESvnwnnMHdBabMS9C8rCMSbpqKyPFeRLyN/SuaqeriQsTcdeYNOHVFw3+BHSxcN/YVmQedm3uTaFk7Hr2+vta5qo+DiERNnap6BhCR0RAm5bwSY269JEQyZIMB2Pl/JiKSq+oaeKwZ/DYgisZhW8fcihNM7DfF+Xjoul1q+fhV09b7usZwseRV0LeqS2g12LY8bagEwUquUdU9zoVbDfS9sFDx22s6NAW0hP+LMNTnFSJmXE99DfQdSEIivWvWe0FVU+CH13QCoomXceOSHc5Qj97kpfUXIpKq6goXibMhacArwH2sROQ4wYVb34IfuH4qlJOfg8lzG5cPIDHF5ZgwRKzAxZGSxFcgwsnmE8ta1o9MLQhUDEg0FeFJOWcMfMaVbBuCaOdVa2FlVeIRp9YzrsatI5HilKur+i7J72KsQdX+gpOsMHKZbbYVkdhKwwfgDXe1P229jyKyt2tY4OzBLy18EonfMDYSU4/EVkRSrvdZcDXkqCztDEVgrJEd6I+R60UCYBKQ2HENNmV94n9izugOdtOG9hPu0zNMJYBTJKd6fxuT/htmP8Da+nYMS4Ql1sC8iQQ4r/FJ+O/LMsJ6Kf4oIoWq9tl8h7veTZ/k+RfCFkBk2j4VQAAAAABJRU5ErkJggg==); }
      .sidebar .item#all4day:hover, .sidebar .item#all4day.selected {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAfCAYAAACCox+xAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8xOC8xNuI+VlgAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAC3UlEQVRYhbWXz5HaMBTGf2K4hw5wKggdrPcSH0MqWO8px3hGBSwFxBO2goUO2KNOMRXEdAAVBCpQDnpehPDfLPlmPBhJT/r06b2nZ2WtZQhUkkfAHIjl+VAzbAuUwMYaXfSaty8RleQzYAF86WVwxgFYWKNX7yKiknwiBL4PJBBiB6TW6HIwEVFhBXxqWeAA7OV90jEW4LFOnUYiQqKg2QdWQGGN3oedKsljnB+lDfZra3TaSUQcsqyZZAdkvR2w/VgvlGkiUnIt8dUu+kIU2nC9sftqU6Mao8UQEirJC5XkRRsRWSwGTkHXqnq5ICJSZsHg1w4l7uRphUTLPGieqiRPr4gICV++E87hbgJR5jloXtQRCRfNrNHHWxHxFvaPaKqSfP5GRMJ16g04dWXDf4FsLJw39hWZBZ2bW5NomTtWfP5RF6o+DtboqKlTJbkFsEarIUwquwojrqMkRDpkgQHY+X/G1uhCJfkaeKgZ/Dogi8ZhW4ftRRCM5TfDxXgYul1q+fhVx6+v8RicJ6skXwJPXt+y7kKrwbbvYgEukuDFXaOSfI8L4VYHfS8kVfz2mg5NCS3l/yJM9cUFEXGux74O+g6kIZHeNeutoJI8A356TScgGns3blyxwznq0TNeSH9pjc7EsWfAasg14BXgPpbW6OMYl259D77j/KlQGT8FxjMZVwwgMcHdMWGKWIIL34rEVyDCyeYTW7XMH4laEKgYkGgqwtPKZgTc40q2DUG286q1sLKq8IBT6wlX49aRyHDK1VV9b5ffm7MGVfszTrJSyK1ksa01OpbS8A54xR3ti8z30Rq9l2OY4/zBLy18EqnfMBISE4/E1hqdcT7PkrMjR1VpJygDZ41kQ3+EXC8SAOOAxI5zsqnqE/8Tc0p3sps0tJ9wn57Lus4R1+e3Eem/If4DrKVvx7CLsMIamDWRABc1Pgn/fVFlWO+KP1qjS5XkfRbf4Y530+fy/AvUlT+Mhne3DAAAAABJRU5ErkJggg==); }

.view {
  position: absolute;
  top: 0;
  left: 100px;
  right: 0;
  bottom: 0; }

.tool-btn {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid #CFCFCF;
  background-color: #EFEFEF;
  padding: 2px 4px;
  margin-right: 4px; }
  .tool-btn:last-of-type {
    margin-right: 0; }

#viewIzvestaji > .header {
  padding: 19px 31px;
  background-color: #EFEFEF; }

#viewIzvestaji .nav {
  padding: 19px 31px;
  background-color: #E7E7E7; }

#viewIzvestaji .toolbar {
  padding: 19px 31px 4px 31px;
  text-align: right;
  width: 741px; }
  #viewIzvestaji .toolbar input {
    margin-right: 4px;
    border: 1px solid #CFCFCF;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-position: 4px center;
    background-repeat: no-repeat;
    background-clip: padding-box;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8zMS8xNiBRdDwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAz0lEQVQokYWRzQ3CMAxGn7tAu0kZAS7kChOUESplADoAkRihbADH3GADVmCETmAOdSD8FD4pimXnOZ9sUVXEhQpo7ZSMugG9Rt+RSVjuKuAM1JYb7E7gQaPfJKCwrrU9XGj0lUZfAWvLNeLCBwCw0ujPqaDRH4Fkp82BEhjyxxm0t7DOgUnZMF5UME6jFBdWX5hk5ZIDvcW9uNCmzuJCB2ytdnz8anvogeaHuwGYa/RXUdXkd8NzxAAn67zHBgPMH8CUxIUZ42JLYPgLvEHcATfcTBHDL7ukAAAAAElFTkSuQmCC);
    padding: 2px 4px 2px 21px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #555;
    width: 150px; }
    #viewIzvestaji .toolbar input::-webkit-input-placeholder {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 12px;
      color: #AAA; }
    #viewIzvestaji .toolbar input:-moz-placeholder {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 12px;
      color: #AAA; }
    #viewIzvestaji .toolbar input::-moz-placeholder {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 12px;
      color: #AAA; }
    #viewIzvestaji .toolbar input:-ms-input-placeholder {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 12px;
      color: #AAA; }

#viewIzvestaji .reports {
  padding: 4px 31px; }

#viewProdaja > .header {
  padding: 19px 31px;
  background-color: #EFEFEF; }

#viewProdaja .toolbar {
  padding: 19px 31px 4px 31px;
  text-align: right;
  width: 669px; }
  #viewProdaja .toolbar #downloadBtn {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  #viewProdaja .toolbar input {
    margin-right: 4px;
    border: 1px solid #CFCFCF;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-position: 4px center;
    background-repeat: no-repeat;
    background-clip: padding-box;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8zMS8xNiBRdDwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAz0lEQVQokYWRzQ3CMAxGn7tAu0kZAS7kChOUESplADoAkRihbADH3GADVmCETmAOdSD8FD4pimXnOZ9sUVXEhQpo7ZSMugG9Rt+RSVjuKuAM1JYb7E7gQaPfJKCwrrU9XGj0lUZfAWvLNeLCBwCw0ujPqaDRH4Fkp82BEhjyxxm0t7DOgUnZMF5UME6jFBdWX5hk5ZIDvcW9uNCmzuJCB2ytdnz8anvogeaHuwGYa/RXUdXkd8NzxAAn67zHBgPMH8CUxIUZ42JLYPgLvEHcATfcTBHDL7ukAAAAAElFTkSuQmCC);
    padding: 2px 4px 2px 21px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #555;
    width: 150px; }
    #viewProdaja .toolbar input::-webkit-input-placeholder {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 12px;
      color: #AAA; }
    #viewProdaja .toolbar input:-moz-placeholder {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 12px;
      color: #AAA; }
    #viewProdaja .toolbar input::-moz-placeholder {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 12px;
      color: #AAA; }
    #viewProdaja .toolbar input:-ms-input-placeholder {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 12px;
      color: #AAA; }

#viewProdaja .report {
  padding: 4px 31px; }

#viewArtikli {
  padding: 32px; }
  #viewArtikli input[type="file"] {
    display: none; }
  #viewArtikli input[type="text"] {
    margin-left: 16px;
    line-height: 20px; }
  #viewArtikli .tool-btn {
    width: 100px;
    text-align: left; }
  #viewArtikli label {
    border-bottom: 1px solid #CCC;
    margin-right: 8px; }

#viewNoviCene {
  padding: 32px; }
  #viewNoviCene input[type="file"] {
    display: none; }
  #viewNoviCene button {
    float: left;
    width: 100px;
    padding: 4px 7px;
    text-align: left;
    margin-right: 12px; }
  #viewNoviCene label {
    font-style: italic;
    color: #AAA;
    width: 300px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding: 4px 7px;
    border-bottom: 1px solid #DDD; }
    #viewNoviCene label.valid {
      color: green;
      font-style: normal; }
    #viewNoviCene label.invalid {
      color: red;
      font-style: normal; }

#viewAll4Day {
  padding: 32px; }

#chart {
  margin: 16px; }

.mr4 {
  margin-right: 4px; }

.mb4 {
  margin-bottom: 4px; }

.mb8 {
  margin-bottom: 8px; }

#toggleChartBtn {
  background-position: 4px center;
  background-repeat: no-repeat;
  background-clip: padding-box;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8zMS8xNiBRdDwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAi0lEQVQokc2RTQ2EQAyFvyErAAkjAQl7YmzgAQEggPGwNjgBDpAwEsZBuXQI4SdZOPElzctr2rwmhbIbRYQ7lfGAz9YY53OgAGbp66i9LxCkr0Oa2ycVwKCaGIDqkGSct4AFcu1b43wL/M7OS0nVLsECjerl0i1evpT+NKrOwAQE1bjxK4ayizr8NwsKAEAlXih5xAAAAABJRU5ErkJggg==);
  padding: 2px 4px 2px 21px; }

#downloadBtn {
  background-position: 4px center;
  background-repeat: no-repeat;
  background-clip: padding-box;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8zMS8xNiBRdDwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAA3ElEQVQokY2SwQ2DMAxFX6IOwAgdISNwIldGYAQkFsgARGIERuDKjREYgRHYwD3UqdLQSliyFDn/f39bNiJCHsbHCpiAFtiBJ7ABvazD+cGJSAI7rU3AIusQMrEe6IA6ka3x0QGHfrQlCUDWYdLuXao9gEWV9sKyU1Kqz8BsfKyBYIGzJGm0mqnrJuuQ5l2sDn871PZhtf1ifLwloFZd2moA6gKThI6ifgIBEfkkzVjRjE7fgWYM+nY0Y5Vj7Q83s/Gxy6x1vDf6bfnP5WwFrs6vBrh2VEA+74UE8AJNi3aoAwR5DwAAAABJRU5ErkJggg==);
  padding: 2px 4px 2px 20px; }

#sendEmailBtn {
  background-position: 4px center;
  background-repeat: no-repeat;
  background-clip: padding-box;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8wOC8xNt9ef+gAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAmUlEQVQYlZXRwQnCQBRF0TOSAizBDtJC3MStJWgHQgpQ9wYswRLcZmVKSDqxg7j5CUEU9MLAMO++/xeTlJcOud/os5nc4/BFvIaXZzM5xwnboamekDb1EvfIeuRJeRmwRoFjBLsYdAv5jBaPxbhzaKoT9lhF2MZ9HxmYClG6xaYuThFvE5k3hqbqovSRsVCkTf3NGSkg/fsPL9wnKlg9gwI5AAAAAElFTkSuQmCC);
  padding: 2px 4px 2px 21px; }

.md-ui-component {
  margin-right: 12px; }

.md-ui-dropdown {
  display: inline-block;
  cursor: pointer; }
  .md-ui-dropdown:focus {
    outline: none; }
    .md-ui-dropdown:focus .value {
      -webkit-border-top-left-radius: 4px;
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-bottom-left-radius: 0;
      -moz-border-radius-topleft: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 0;
      -moz-border-radius-bottomleft: 0;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8zMS8xNiBRdDwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAATklEQVQImXXJMRGEQBAAwb4vcpDwDkACJtbH67ozgQRwAgqWhCoInsmmumQmaK1NWDBHxAolM5/Q48A3IvZSax0uGN1tmD9/wPVLh5+XTnFLF2BUXsdHAAAAAElFTkSuQmCC); }
    .md-ui-dropdown:focus .rel-wrap {
      display: block; }
  .md-ui-dropdown .value {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 1px solid #CFCFCF;
    background-color: #EFEFEF;
    padding: 4px 15px 2px 4px;
    background-clip: padding-box;
    background-position: 98% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8zMS8xNiBRdDwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAATklEQVQImWXKQQ2EQBQE0ccowMlaGAlc2uRXwzoAB6BguGw2BDqpQ6V6qqoVH+99Gzr2Z0BvSQ4sOH/hxJLkaJBkvR16kg2MMf5U1Xz3C7leJZPgMlAoAAAAAElFTkSuQmCC); }
  .md-ui-dropdown .rel-wrap {
    display: none;
    position: relative; }
  .md-ui-dropdown .spacer {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    border-left: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
    height: 5px;
    background-color: #EFEFEF;
    z-index: 1;
    top: -2px; }
  .md-ui-dropdown .items {
    position: absolute;
    border: 1px solid #CFCFCF;
    top: 2px;
    min-width: 100%;
    min-height: 24px;
    background-color: #EFEFEF;
    overflow-y: auto;
    box-sizing: border-box;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    white-space: nowrap; }
    .md-ui-dropdown .items .item {
      padding: 4px 7px; }
      .md-ui-dropdown .items .item:hover {
        background-color: rgba(0, 70, 140, 0.35); }
      .md-ui-dropdown .items .item.selected {
        display: none; }

#objekat, #kasa {
  margin-right: 16px; }

#mesec {
  width: 100px; }

#objekat {
  width: 100px; }
  #objekat .items {
    width: 350px; }
  #objekat span {
    display: inline-block;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap; }
  #objekat span.descr {
    width: 50px;
    margin-right: 4px; }
  #objekat span.adresa {
    width: 250px; }

#kasa {
  width: 450px; }
  #kasa .ibfm, #kasa .mpo_descr, #kasa .loc_ops {
    margin-right: 7px; }

.md-ui-data-table {
  border: 1px solid #CCC; }
  .md-ui-data-table .body {
    border-top: 1px solid #CCC;
    overflow-y: auto;
    max-height: 474px; }
  .md-ui-data-table .row:not(:last-child) {
    border-bottom: 1px solid #CCC; }
  .md-ui-data-table .row {
    cursor: pointer; }
    .md-ui-data-table .row:hover {
      background-color: rgba(0, 70, 140, 0.25); }
  .md-ui-data-table .cell {
    display: inline-block;
    padding: 4px 7px;
    border-right: 1px solid #CCC; }
  .md-ui-data-table .header .cell {
    text-align: center;
    cursor: pointer;
    background-color: #DDD;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap; }
    .md-ui-data-table .header .cell.sort {
      background-repeat: no-repeat;
      background-position: 95% center;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8zMS8xNiBRdDwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAATklEQVQImXXJMRGEQBAAwb4vcpDwDkACJtbH67ozgQRwAgqWhCoInsmmumQmaK1NWDBHxAolM5/Q48A3IvZSax0uGN1tmD9/wPVLh5+XTnFLF2BUXsdHAAAAAElFTkSuQmCC); }

#zetTable {
  width: 741px; }
  #zetTable .cell:nth-child(1) {
    width: 32px; }
  #zetTable .cell:nth-child(2) {
    width: 8px; }
  #zetTable .cell:nth-child(3) {
    width: 66px; }
  #zetTable .cell:nth-child(4) {
    width: 44px; }
  #zetTable .cell:nth-child(5) {
    width: 32px; }
  #zetTable .cell:nth-child(6) {
    width: 32px; }
  #zetTable .cell:nth-child(7) {
    width: 90px; }
  #zetTable .cell:nth-child(8) {
    width: 90px; }
  #zetTable .cell:nth-child(9) {
    width: 90px; }
  #zetTable .cell:nth-child(10) {
    width: 90px; }
  #zetTable .datum, #zetTable .vreme {
    text-align: center; }
  #zetTable .broj_di, #zetTable .items, #zetTable .rn_count, #zetTable .tax_0_sum, #zetTable .tax_1_sum, #zetTable .tax_3_sum, #zetTable .tax_4_sum, #zetTable .zet_total {
    text-align: right; }

#saleTable {
  width: 669px; }
  #saleTable .cell:nth-child(1) {
    width: 32px; }
  #saleTable .cell:nth-child(2) {
    width: 95px; }
  #saleTable .cell:nth-child(3) {
    width: 20px; }
  #saleTable .cell:nth-child(4) {
    width: 175px; }
  #saleTable .cell:nth-child(5) {
    width: 64px; }
  #saleTable .cell:nth-child(6) {
    width: 72px; }
  #saleTable .cell:nth-child(7) {
    width: 89px; }
  #saleTable .art_plu, #saleTable .art_ean, #saleTable .art_descr {
    text-align: left; }
  #saleTable .art_tax {
    text-align: center; }
  #saleTable .act_price, #saleTable .act_qty, #saleTable .act_amount {
    text-align: right; }
  #saleTable .body {
    max-height: 500px; }

#artTable {
  width: 462px; }
  #artTable .cell:nth-child(1) {
    width: 50px; }
  #artTable .cell:nth-child(2) {
    width: 100px; }
  #artTable .cell:nth-child(3) {
    width: 20px; }
  #artTable .cell:nth-child(4) {
    width: 150px; }
  #artTable .cell:nth-child(5) {
    width: 50px; }
  #artTable .tax, #artTable .price_t {
    text-align: center; }
  #artTable .price {
    text-align: right; }

#tabelaNoviCene {
  width: 694px; }
  #tabelaNoviCene .cell:nth-child(1) {
    width: 30px; }
  #tabelaNoviCene .cell:nth-child(2) {
    width: 32px; }
  #tabelaNoviCene .cell:nth-child(3) {
    width: 100px; }
  #tabelaNoviCene .cell:nth-child(4) {
    width: 30px; }
  #tabelaNoviCene .cell:nth-child(5) {
    width: 250px; }
  #tabelaNoviCene .cell:nth-child(6) {
    width: 100px; }
  #tabelaNoviCene .cell:nth-child(7) {
    width: 30px; }
  #tabelaNoviCene .body {
    min-height: 300px; }
  #tabelaNoviCene .type, #tabelaNoviCene .vat, #tabelaNoviCene .typeprc {
    text-align: center; }
  #tabelaNoviCene .prc {
    text-align: right; }

label {
  margin-right: 4px; }

.md-ui-dateswitcher {
  display: inline-block; }
  .md-ui-dateswitcher button {
    color: #AAA; }
    .md-ui-dateswitcher button.active {
      color: #555; }
  .md-ui-dateswitcher .years {
    margin-right: 12px; }

.pgnav {
  display: inline-block; }
  .pgnav div {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    text-align: center;
    background-color: #dddddd;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    padding: 2px 4px; }
    .pgnav div:before {
      content: " ";
      display: inline-block; }
  .pgnav button {
    background-position: center;
    background-repeat: no-repeat;
    padding: 2px 4px;
    border: 1px solid #CCC;
    box-sizing: border-box;
    vertical-align: middle;
    width: 30px; }
    .pgnav button#first-page {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8xMy8xNjU/0VkAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAqklEQVQokZWSsQ3CMBBFny0GYAPYgGwAVdLCBIQZskAGSCRGMBukTckEhBEYgQmOgoTCuSPySZas5/+kb8uICNYib2qLr1DGFe0a6IA9UGvcK1IGDKNkch8dlsAD2CxxJyJThStwVprfNO7Im+3Ye6dI5nggpEqTeATuqaITke+maAMJd/y9qvRVCVzigMV9FArACXgv8dkHkL7qgAPw+sdn4hgagAx4WvwDid5gY+1eIJgAAAAASUVORK5CYII=); }
    .pgnav button#prev-page {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8xMy8xNjU/0VkAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAi0lEQVQYlXXQsRGCUBCE4e8xFEAH2IF2QCapViDWYAMWIDOWQAmkZlqBtmIFz0BwVHgX3v6ze7chxig1oW6PeUIo0KPKZsQVHqgg+xMb3FGOu/zL8ozdxNH6tBjylnP3ZOhS4ghscEsBYewh1G03d8Pni3g5NNgngQHqsMVzEvGT+y6rRzkLDFCB6wusgCU5w6XfKwAAAABJRU5ErkJggg==); }
    .pgnav button#next-page {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8xMy8xNjU/0VkAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAjklEQVQYlX2OsQ2DMBBFny16skkYgcq0jEAmSOE1jMQKmSC07sgGyQjZIExwNDZC6JyTTqfTf/r/gwsTLlxEBG0tcAcW040Nyth0rwnqSwBADTxNN05HwOCCKM4voJfofyUAYAVaWxBz5PIP+ABtVRD3DhrwkOiH/JwjbkcRIDuswCDRz2e7CvimvLdWZgPHRTg3N6cEEwAAAABJRU5ErkJggg==); }
    .pgnav button#last-page {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8xMy8xNjU/0VkAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAr0lEQVQokZ2RwQ2CQBBF3xLu2Il2ICe4UgJW4GHbgIQWrECve4MOsAQ7gArGg2hk2VkTfzKZ5M287CYDRdNRNDsR4bs0/q4EOAO9KdsD62gcgGTp+2Wp8uYa/4gAGXA1Zdt5O0FuKBoJ/GQAjgqvxNlJE2OZgTz5ubZNBvT/iPfYi0OE5+LsGBIv4myucXF2gvU5AE7ibB2QNjxd+gzU4uzNEzROCjx43Wb0ZhoH4Am8N1+ywhChVAAAAABJRU5ErkJggg==); }
    .pgnav button:first-of-type {
      -webkit-border-top-left-radius: 4px;
      -webkit-border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-radius-topleft: 4px;
      -moz-border-radius-topright: 0;
      -moz-border-radius-bottomright: 0;
      -moz-border-radius-bottomleft: 4px;
      border-top-left-radius: 4px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 4px; }
    .pgnav button:last-of-type {
      -webkit-border-top-left-radius: 0;
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 0;
      -moz-border-radius-topleft: 0;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 0; }
    .pgnav button:before {
      content: ".";
      display: inline-block; }

.md-modal-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.85); }

.md-modal-form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
  background-color: #EEE;
  min-width: 400px;
  min-height: 200px; }
  .md-modal-form h1 {
    position: relative;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 500;
    background-color: #00468C;
    color: white; }

button.btn-close-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  float: right;
  border: none;
  background-color: transparent;
  display: inline-block;
  width: 23px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8xNS8xNhBUjoUAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAABPklEQVQ4ja2U0XGDMAyGP1gg1QbdoNkg7gQdIXSDjMIGhQ3aCQobwAaZwAoT0AcE5whyTXP9Xzj/On0Wlq1sHEe8VDUAJyAAuyQ0AA1Qikjj87IUpqrPQAUcVjus1QKFiJxXMFXd2667rcwbGoAgIt0Cs4q6P4JS4F5EzrkZ1YMgLK8CyO2w/Rn1gAC182vze+cfVDVkMcZP4M0FRUQuAKpaAUegFpHCvCdAXc5XztR+rzKhFsD7DPLxRCGLMa4vmv2SA+AqXSnfMk1HVb2C2XoT9BusFpEqNWztm3IFG26AlqrSCs3fAg450633OiWgCviw7yqeqMlijAH4doGeqcsl12dUG6gBXlzO6/ycGu573LfUikiYG1CwfXb3aLD8qZs2RsIDwHlqnBeYATtgzzSn7lHLNC262cj+c9L+AJRYit5cyFkcAAAAAElFTkSuQmCC);
  opacity: 0.5; }
  button.btn-close-modal:focus {
    outline: none; }
  button.btn-close-modal:hover {
    opacity: 0.65; }

.hs7 {
  margin-bottom: 7px; }

.hs {
  display: block;
  height: 23px;
  line-height: 23px;
  margin-bottom: 7px; }

#download-daily-zet, #download-daily-sales {
  display: inline-block;
  width: 121px;
  height: 23px;
  line-height: 23px;
  text-align: left;
  padding: 0 7px; }