/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


 */


.ui-helper-hidden-accessible { display:none; }

.pagination_info {
  float:left;
  line-height:28px;
  margin-bottom:15px;
}

table.qr {
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff;
  border-collapse: collapse;
  margin: 10px;
}
table.qr td {
  border-width: 0;
  border-style: none;
  border-color: #0000ff;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 10px;
  height: 10px;
}
table.qr td.black { background-color: #000; }
table.qr td.white { background-color: #ffffff; }

.ui-autocomplete {
  border-radius: 4px;
  margin-top: 2px;
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.196);
  border-radius: 5px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.196);
  display: none;
  float: left;
  left: 0px;
  list-style: none outside none;
  margin: 1px 0px 0px;
  min-width: 160px;
  padding: 4px 0px;
  position: absolute;
  top: 100%;
  z-index: 2000 !important;
}
.ui-autocomplete li {
  line-height: 18px;
  display: list-item;
}
.ui-autocomplete a {
  clear: both;
  color: #333333;
  display: block;
  font-weight: 400;
  line-height: 18px;
  padding: 3px 15px;
  white-space: nowrap;
  cursor:pointer;
}
.ui-autocomplete li a.ui-state-hover,
.ui-autocomplete li a:hover {
  background-color: #0088CC;
  color: #FFFFFF;
  text-decoration: none;
}

.autocomplete-quick-search {
  background-image:url(/assets/quick_search_back.png);
  background-repeat:repeat-y;
  background-position:103px 0;
}
.autocomplete-quick-search .autocomplete-item a {
  background-image:url(/assets/quick_search_item_back.png);
  background-repeat:repeat-y;
  background-position:104px 0;
}
.autocomplete-quick-search .autocomplete-item table td:first-child {
  width:80px;
  text-align:right;
  padding-right:8px;
  color:#888;
  vertical-align:top;
}
.autocomplete-item a.ui-state-hover table td:first-child,
.autocomplete-quick-search .autocomplete-item a:hover table td:first-child {
  color:#DDD;
}
.autocomplete-quick-search .autocomplete-item table td + td {
  vertical-align:top;
  padding-left:8px;
}
.autocomplete-quick-search .autocomplete-item table td + td + td {
  padding-left:3px;
}
.autocomplete-quick-search li.first {padding-top:5px;}
.autocomplete-quick-search li.first:first-child {padding-top:0;}

.inline-edit {
  display:none;
}
.inline-edit div {
  display:inline;
}
.inline-edit input:first-child, .inline-edit select {
  width:50%;
}
.inline-edit-value {
  width:100%;
  cursor:pointer;
}

table.table-ips tr td {border:none; padding:0 0 3px 0;}
table.table-ips tr td + td {text-align:right;}

table tr.not-active {color:silver;}
table tr.not-active a {color:#9DBDD2;}

/* differ pro finance */
ins.differ {
  text-decoration: none;
  background-color: rgb(221, 255, 221);
  color: black;
}

del.differ {
  text-decoration: none;
  background-color: rgb(255, 221, 221);
  color: black;
}


/* Napoveda (side menu + drobnosti)
-------------------------------------------------- */

.help section {
  margin-bottom: 0px;
  padding-top: 60px;
}

.help .page-header {
  padding-bottom: 0px;
}

.help .alert-block h4 {
  font-size: 17.5px;
}

/* START: FIX BOOTSTRAP*/
.affix {
  position: fixed;
}
[class*="span"] {
  min-height: 1px;
}
/* KONEC: FIX BOOTSTRAP*/

.nav-list.side-menu {
  width: 228px;
  padding-left: 0px;
  -webkit-font-smoothing: subpixel-antialiased;
}

.side-menu.affix {
  top: 57px;
}

.nav-list.side-menu > li > a {
  display: block;
  margin: 0 0 -1px;
  padding: 5px 15px;
  width: 190px \9;
  margin-left: 0px;
  margin-right: 0px;
}

.nav-list.side-menu .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}

.nav-list.side-menu a:hover .icon-chevron-right {
  opacity: .5;
}

@media (min-width: 1200px) {
  .nav-list.side-menu {
    width: 258px;
  }
  .nav-list.side-menu > li > a {
    width: 230px \9; /* Override the previous IE8-9 hack */
  }
}
@media (max-width: 980px) {
  .nav-list.side-menu {
    width: 218px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .nav-list.side-menu {
    width: 166px;
  }
  .side-menu.affix {
    top: 0;
  }
}
@media (max-width: 767px) {
  .nav-list.side-menu {
    width: auto;
    margin-bottom: 20px;
  }
  .side-menu.affix {
    position: static;
    width: auto;
    top: 0;
  }
}

/* Fix UserButtonu a QuickSerch pro mobily */
@media (max-width: 520px) {
  .navbar .not-for-mobile {
    display: none;
  }
  .navbar .quick-search {
    width: 90px!important;
  }
}