@font-face {
  font-family: "Lato-Regular";
  src: url("../fonts/Lato/Lato-Regular.ttf"); }

@font-face {
  font-family: "Lato-Hairline";
  src: url("../fonts/Lato/Lato-Hairline.ttf"); }

@font-face {
  font-family: "Lato-Italic";
  src: url("../fonts/Lato/Lato-Italic.ttf"); }

@font-face {
  font-family: "Lato-Bold";
  src: url("../fonts/Lato/Lato-Bold.ttf"); }

@font-face {
  font-family: "TitilliumWeb-Regular";
  src: url("../fonts/Titillium_Web/TitilliumWeb-Regular.ttf"); }

@font-face {
  font-family: "TitilliumWeb-Light";
  src: url("../fonts/Titillium_Web/TitilliumWeb-Light.ttf"); }

@font-face {
  font-family: "TitilliumWeb-ExtraLight";
  src: url("../fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf"); }

@font-face {
  font-family: "Kalam-Regular";
  src: url("../fonts/Kalam/Kalam-Regular.ttf"); }

@font-face {
  font-family: "Kalam-Light";
  src: url("../fonts/Kalam/Kalam-Light.ttf"); }

@font-face {
  font-family: "Kalam-Bold";
  src: url("../fonts/Kalam/Kalam-Bold.ttf"); }

html {
  position: relative;
  min-height: 100%; }

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

textarea {
  resize: vertical; }

.big-text {
  font-size: 1.3rem; }

a, a:visited, a:active {
  color: #00B7FF;
  text-decoration: none; }
  a:hover {
    color: #7edbff; }

hr:not(.regular) {
  margin-top: 0;
  margin-bottom: 1em;
  background: linear-gradient(to right, #00B7FF, #333);
  height: .2em;
  border: 0; }

.btn-link {
  color: #00B7FF; }
  .btn-link:hover {
    color: #7edbff; }

.red-text, .remove-file {
  color: #ff4a4d; }

.yellow-text {
  color: #FFFF00; }

.green-text {
  color: #0ac50a; }

.pre-wrap {
  white-space: pre-wrap;
  overflow-y: hidden; }

.navbar-inverse {
  /*background-color: #535c69;*/
  /* Margin bottom by footer height */
  background: #545c69;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#545c69, #101010);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#545c69, #101010);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#545c69, #101010);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#545c69, #101010);
  /* Standard syntax */
  border: none; }

.navbar-inverse .navbar-nav > li > a {
  color: #f2f2f2; }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  background-color: #00B7FF;
  font-weight: bold; }

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
  background-color: #00B7FF;
  font-weight: bold; }

footer .navbar {
  min-height: unset;
  height: 30px; }

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
  max-height: 100%; }

.nav-pills {
  margin-bottom: 10px; }

.nav-pills > li:not(.active) > a {
  color: #999;
  background-color: transparent; }

.nav-pills > li:not(.active) > a:focus, .nav-pills > li:not(.active) > a:hover {
  color: #fff;
  background-color: #535c69; }

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  color: #fff;
  background-color: #00B7FF; }

.dropdown-menu {
  color: #f2f2f2;
  padding: 0;
  background-color: #333; }
  .dropdown-menu > li > a {
    color: #f2f2f2;
    padding: 5px 20px; }
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
      background-color: #00B7FF; }
  .dropdown-menu .divider {
    margin: 1px 0;
    background-color: #666; }

.container {
  padding-top: 70px;
  padding-bottom: 70px; }

.container-login {
  max-width: 900px; }

.body-background {
  background-image: url("../images/background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover; }

.login-form {
  padding: 25px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0); }

.login-form .heading {
  font-family: 'TitilliumWeb-ExtraLight', Arial, sans-serif;
  font-weight: normal;
  font-size: 2.1rem;
  position: relative;
  color: #333; }

.body-background .login-form {
  background: rgba(255, 255, 255, 0.9); }

.login-error {
  color: red; }

.dark_theme {
  color: #eee;
  background-color: #333; }
  .dark_theme .datepicker {
    background-color: #343434; }
  .dark_theme .datepicker table tr td.day:hover, .dark_theme .datepicker table tr td.focused, .dark_theme .datepicker .datepicker-switch:hover, .dark_theme .datepicker .next:hover, .dark_theme .datepicker .prev:hover, .dark_theme .datepicker tfoot tr th:hover {
    background: #999; }
  .dark_theme .datepicker-dropdown.datepicker-dropdown:after {
    border-bottom-color: #343434; }
  .dark_theme .datepicker-dropdown.datepicker-orient-top:after {
    border-top: 6px solid #fff; }
  .dark_theme .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #00B7FF !important; }
  .dark_theme .dataTables_wrapper select {
    color: #eee;
    background-color: transparent; }

.modal-content {
  background: #333; }
  .modal-content button.close {
    color: #fff;
    opacity: .75; }

.margin-top-10 {
  margin-top: 1rem; }

.margin-top-20 {
  margin-top: 2rem; }

.margin-right-10 {
  margin-right: 1rem; }

.margin-right-20 {
  margin-right: 2rem; }

.margin-bottom-10 {
  margin-bottom: 1rem; }

.margin-bottom-20 {
  margin-bottom: 2rem; }

.margin-left-10, .remove-file {
  margin-left: 1rem; }

.padding-top-0 {
  padding-top: 0; }

.padding-top-10 {
  padding-top: 1rem; }

.padding-left-20 {
  padding-left: 2rem; }

.width-100 {
  width: 100%; }

.width-55 {
  width: 55px; }

.width-65 {
  width: 65px; }

.width-75 {
  width: 75px; }

.width-95 {
  width: 95px; }

.width-250 {
  width: 250px; }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: #c3c3c3; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: linear-gradient(to bottom, #999 0%, #333 100%);
  border: 0; }

table.dataTable thead th, table.dataTable thead td {
  padding: 10px 20px 10px 10px; }

table.dataTable tbody tr {
  background-color: transparent; }
  table.dataTable tbody tr.even {
    background: #3f3f3f; }
  table.dataTable tbody tr:hover {
    background: #666666; }

table.dataTable .actions-cell.debit {
  width: 115px; }

table.dataTable .actions-cell:not(.debit) {
  width: 100px; }

table.dataTable .actions-cell a:not(:last-child) {
  margin-right: 2px; }

table.dataTable tfoot td {
  padding: 10px; }

.dataTables_filter input, .dataTables_length select {
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  color: #555;
  height: 30px;
  margin-top: 10px; }

.kpo-page {
  width: 210mm;
  height: 297mm;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  font-size: 12px;
  background: #fff;
  color: #000;
  padding: 40px 60px 0;
  position: relative; }

#exchangeRatesTable td {
  border: 1px solid transparent; }

#exchangeRatesTable td:not(:first-child), #exchangeRatesTable th:not(:first-child) {
  text-align: center;
  padding: 5px 0; }

#exchangeRatesTable .selected {
  box-shadow: 0 0 7px #337ab7;
  background-color: rgba(102, 102, 102, 0.4); }

.pointer, .remove-file {
  cursor: pointer; }

.progress {
  background-color: transparent;
  border: 1px solid #666666; }

.parsley-errors-list {
  list-style-type: none;
  -webkit-padding-start: 5px; }

.parsley-errors-list li {
  color: #f08469;
  font-size: 1rem; }

#notes-container ul {
  overflow: hidden;
  padding: 2em; }
  #notes-container ul li {
    list-style: none;
    margin: 1.25em;
    float: left;
    position: relative; }
    #notes-container ul li div {
      text-decoration: none;
      color: #000;
      display: block;
      height: 16em;
      width: 16em;
      padding: .75em;
      -moz-box-shadow: 5px 5px 7px #212121;
      -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
      box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
      -moz-transition: -moz-transform .15s linear;
      -o-transition: -o-transform .15s linear;
      -webkit-transition: -webkit-transform .15s linear;
      -webkit-transform: rotate(-3deg);
      -o-transform: rotate(-3deg);
      -moz-transform: rotate(-3deg);
      background: #c1ffd5; }
      #notes-container ul li div.orange {
        background: #ffb9a5; }
      #notes-container ul li div.green {
        background: #c1ffd5; }
      #notes-container ul li div.blue {
        background: #7afcff; }
      #notes-container ul li div.pink {
        background: #ffb4d6; }
      #notes-container ul li div.yellow {
        background: #feffc5; }
      #notes-container ul li div.disabled {
        background: #d3d3d3; }
        #notes-container ul li div.disabled h2 {
          text-decoration: line-through; }
    #notes-container ul li h2 {
      font-family: "Kalam-Bold",arial,sans-serif;
      font-size: 1.2em;
      font-weight: bold;
      padding-bottom: 10px;
      margin: 0 1em; }
      #notes-container ul li h2 .glyphicon-move {
        cursor: grab;
        position: absolute;
        top: .5em;
        left: .5em; }
      #notes-container ul li h2 .glyphicon-edit {
        cursor: pointer;
        position: absolute;
        top: .5em;
        right: .5em; }
    #notes-container ul li p {
      font-family: "Kalam-Regular",arial,sans-serif;
      font-size: 1.1em;
      height: 12em; }
      #notes-container ul li p:hover {
        overflow-y: auto; }
    #notes-container ul li.selected div img.checkmark_img {
      position: absolute;
      top: 20%;
      left: 20%;
      width: 60%;
      height: 60%;
      z-index: 6; }
    #notes-container ul li:not(.selected) div img.checkmark_img {
      display: none; }
    #notes-container ul li:nth-child(even) div {
      -o-transform: rotate(2deg);
      -webkit-transform: rotate(2deg);
      -moz-transform: rotate(2deg);
      position: relative;
      top: 5px; }
    #notes-container ul li:nth-child(3n) div {
      -o-transform: rotate(-1.5deg);
      -webkit-transform: rotate(-1.5deg);
      -moz-transform: rotate(-1.5deg);
      position: relative;
      top: -5px; }
    #notes-container ul li:nth-child(5n) div {
      -o-transform: rotate(-2.5deg);
      -webkit-transform: rotate(-2.5deg);
      -moz-transform: rotate(-2.5deg);
      position: relative;
      top: -10px; }

#notes-container ul li div:hover, #notes-container ul li div:focus {
  box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.7);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  position: relative;
  z-index: 5; }

#notes-container ol {
  text-align: center; }
  #notes-container ol li {
    display: inline;
    padding-right: 1em; }
    #notes-container ol li a {
      color: #fff; }

.todo-box {
  font-family: "Kalam-Regular",arial,sans-serif;
  font-size: 1.1em;
  -webkit-border-radius: .25em;
  -moz-border-radius: .25em;
  border-radius: .25em;
  margin: .5em 0;
  padding: .8em;
  color: #000;
  min-height: 5em;
  position: relative;
  cursor: move; }
  .todo-box .glyphicon-edit {
    position: absolute;
    top: .8em;
    right: .8em;
    cursor: pointer; }

#inprogress, #done {
  min-height: 5em;
  margin-bottom: 20px; }

#inprogress .todo-box {
  background-color: #ffb9a5; }

#done .todo-box {
  background-color: #c1ffd5; }

.due-invoice-box {
  border: 1px solid #999;
  border-radius: .25em;
  margin-bottom: 30px;
  padding: .8em;
  position: relative; }
  .due-invoice-box p {
    margin: 0 auto; }
  .due-invoice-box a {
    position: absolute;
    bottom: .8em;
    right: .8em; }

.one-line-text, #notes-container ul li h2 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.panel-title > a, .panel-title > a:active {
  display: block;
  padding: 15px 0;
  color: #eee;
  font-size: 24px;
  text-decoration: none; }

.panel-heading {
  padding: 15px 0; }
  .panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s; }

.panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg); }

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
  border: 0; }

.panel-body {
  padding: 0; }

#filesContainer p:not(:last-child) {
  margin-bottom: 0; }

.remove-file {
  vertical-align: middle; }

#kpo-page #obveznik {
  font-size: 12px;
  width: 470px; }
  #kpo-page #obveznik td {
    vertical-align: top; }

#kpo-page #kpo-table thead {
  font-size: 11px; }

#kpo-page .table-row {
  height: 25px;
  vertical-align: middle; }
  #kpo-page .table-row td {
    padding: 0 10px; }

table.dt-rowReorder-float {
  position: absolute !important;
  opacity: 0.8;
  table-layout: fixed;
  outline: 2px solid #888;
  outline-offset: -2px;
  z-index: 2001; }

tr.dt-rowReorder-moving {
  outline: 2px solid #555;
  outline-offset: -2px; }

body.dt-rowReorder-noOverflow {
  overflow-x: hidden; }

table.dataTable td.reorder {
  cursor: move; }

@media (max-width: 375px) {
  .login-form {
    width: 300px; } }

@media (min-width: 376px) {
  .login-form {
    width: 350px; } }

@media (max-width: 768px) {
  html {
    font-size: 12px; } }

@media (min-width: 769px) {
  html {
    font-size: 12px; }
  .login-form {
    width: 350px; } }

@media (min-width: 769px) and (max-width: 991px) {
  html {
    font-size: 11px; } }

@media (min-width: 992px) {
  html {
    font-size: 12px; } }

@page {
  size: A4; }

@media print {
  a[href]:after {
    content: ""; }
  .container {
    padding-top: 0;
    padding-bottom: 0; }
  .kpo-page {
    page-break-inside: avoid;
    page-break-before: always; }
  .no-print, .no-print * {
    display: none !important; }
  .print {
    display: block !important; } }

/*# sourceMappingURL=style.css.map */