@charset "UTF-8";
@import "ie10mobile.css";
@import "bootstrap.css";
@import "themes/base/all.css";
@import "themes/base/autocomplete.css";
@import "durandal.css";
@import "toastr.css";
@import "font-awesome.min.css";
@import "featherlight.css";
@import "terminology.css";
@import "select2.css";
@import "chosen.css";
@import "sweetalert.css";
/*
    


    
//
// Reset bootstrap
// --------------------------------------------------
*/
@import "owlCarousel/owl.carousel.css";
@import "jquery.tagit.css";
@import "../App/views/repository/fine-uploader/fine-uploader-new.css";
@import "../Scripts/wunderbaum/wunderbaum.css";
html {
  font-size: 100%;
}
body {
  background-color: transparent;
  color: #555555;
  font-family: unset;
  font-size: 100%;
  font-family: Arial, Helvetica, "sans-serif";
}
a:hover,
a:focus {
  color: #555555;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0 none;
}
a {
  color: #555555;
  text-decoration: none;
  cursor: pointer;
}
option {
  cursor: pointer;
}
.container {
  width: auto;
}
.navbar {
  margin-bottom: 0;
  min-height: 0;
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
  border-width: 1px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: inherit;
  font-family: inherit;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  font-size: 100%;
}
.navbar-right {
  margin-right: 0;
}
.btn-sm,
.btn-group-sm > .btn {
  border-radius: 0;
  font-size: 100%;
  line-height: normal;
  padding: 0;
}
.btn-primary {
  background-color: transparent;
  border-color: transparent;
  color: #555555;
}
.btn {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 100%;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: transparent;
  border-color: transparent;
  color: inherit;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: inherit;
  text-decoration: none;
}
ul,
ol {
  list-style: outside none none;
  margin-bottom: 0;
  margin-top: 0;
}
.pagination {
  border-radius: 0;
  display: inline-block;
  margin: 0;
  padding-left: 0;
}
.pagination > li > a,
.pagination > li > span {
  background-color: transparent;
  border: 1px solid transparent;
  color: inherit;
  float: left;
  line-height: inherit;
  margin-left: 0;
  padding: 0;
  position: relative;
  text-decoration: none;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 0;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: transparent;
  border-color: transparent;
  color: inherit;
}
.form-control {
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  display: block;
  font-size: 100%;
  height: auto;
  line-height: inherit;
  padding: 0;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  width: 100%;
}
.form-control:focus {
  border-color: transparent;
  box-shadow: none;
  outline: 0 none;
}
.img-thumbnail {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0;
  line-height: inherit;
  max-width: 100%;
  padding: 0;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
@font-face {
  font-family: "mpp";
  src: url("applicationStyle/fonts/mpp.eot");
  src: url("applicationStyle/fonts/mpp.eot?#iefix") format("embedded-opentype"), url("applicationStyle/fonts/mpp.woff") format("woff"), url("applicationStyle/fonts/mpp.ttf") format("truetype"), url("applicationStyle/fonts/mpp.svg#mpp") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "mpp" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "mpp" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-save-disk:before {
  content: "\61";
}
.icon-cog-gear:before {
  content: "\62";
}
.icon-folder-add:before {
  content: "\63";
}
.icon-ptint:before {
  content: "\64";
}
.icon-search-find:before {
  content: "\65";
}
.icon-remove:before {
  content: "\66";
}
.icon-home:before {
  content: "\67";
}
.icon-monitor:before {
  content: "\68";
}
.icon-interface-windows:before {
  content: "\69";
}
.icon-download:before {
  content: "\6a";
}
.icon-edit-write:before {
  content: "\6b";
}
.icon-plus:before {
  content: "\6c";
}
.icon-files:before {
  content: "\6d";
}
.icon-thumbnails-large:before {
  content: "\6e";
}
.icon-list-2:before {
  content: "\6f";
}
.icon-trash-bin:before {
  content: "\70";
}
.icon-plus-1:before {
  content: "\71";
}
.icon-undo:before {
  content: "\72";
}
.icon-direction-move-1:before {
  content: "\73";
}
.icon-arrow-1-down:before {
  content: "\74";
}
.icon-arrow-1-up:before {
  content: "\75";
}
.icon-step-forward:before {
  content: "\76";
}
.icon-step-backward:before {
  content: "\77";
}
.icon-refresh:before {
  content: "\78";
}
.icon-fast-backward:before {
  content: "\79";
}
.icon-fast-forward:before {
  content: "\7a";
}
.icon-folder-open:before {
  content: "\41";
}
.icon-power-off:before {
  content: "\42";
}
.icon-ionicons:before {
  content: "\43";
}
.icon-ionicons-1:before {
  content: "\44";
}
.icon-ionicons-2:before {
  content: "\45";
}
.icon-ionicons-3:before {
  content: "\46";
}
.icon-ionicons-4:before {
  content: "\47";
}
.icon-ionicons-5:before {
  content: "\48";
}
.icon-ionicons-6:before {
  content: "\49";
}
.icon-ionicons-7:before {
  content: "\4a";
}
.icon-ionicons-8:before {
  content: "\4b";
}
.icon-ionicons-9:before {
  content: "\4c";
}
.icon-ionicons-10:before {
  content: "\4d";
}
.icon-ionicons-11:before {
  content: "\4e";
}
.icon-ionicons-12:before {
  content: "\4f";
}
.icon-linearicons-free:before {
  content: "\50";
}
.icon-linearicons-free-1:before {
  content: "\51";
}
.icon-linearicons-free-2:before {
  content: "\52";
}
.icon-linearicons-free-3:before {
  content: "\53";
}
.icon-linearicons-free-4:before {
  content: "\54";
}
.icon-linearicons-free-5:before {
  content: "\55";
}
.icon-linearicons-free-6:before {
  content: "\56";
}
.icon-linearicons-free-7:before {
  content: "\57";
}
.icon-ionicons-13:before {
  content: "\58";
}
.icon-ionicons-14:before {
  content: "\59";
}
.icon-ionicons-15:before {
  content: "\5a";
}
.icon-settings-streamline-1:before {
  content: "\30";
}
.icon-settings-streamline-2:before {
  content: "\31";
}
.icon-lock-locker-streamline:before {
  content: "\32";
}
.icon-locker-streamline-unlock:before {
  content: "\33";
}
.icon-ionicons-17:before {
  content: "\35";
}
.icon-ionicons-18:before {
  content: "\36";
}
.icon-ionicons-19:before {
  content: "\37";
}
.icon-ionicons-16:before {
  content: "\34";
}
.icon-window-list:before {
  content: "\38";
}
.icon-ios-compose-outline:before {
  content: "\39";
}
.icon-information:before {
  content: "\21";
}
.icon-ios-help-outline:before {
  content: "\22";
}
.icon-information-circled:before {
  content: "\23";
}
.icon-ios-compose:before {
  content: "\24";
}
.icon-linearicons-free-8:before {
  content: "\25";
}
.icon-check-mark-circle:before {
  content: "\26";
}
.icon-ionicons-20:before {
  content: "\27";
}
.icon-ionicons-21:before {
  content: "\28";
}
.icon-ionicons-22:before {
  content: "\29";
}
.icon-ios-copy-outline:before {
  content: "\2a";
}
.icon-android-funnel:before {
  content: "\2b";
}
.icon-filter:before {
  content: "\2c";
}
.icon-android-more-horizontal:before {
  content: "\2d";
}
.icon-edit:before {
  content: "\2e";
}
.icon-linearicons-free-9:before {
  content: "\2f";
}
.icon-linearicons-free-10:before {
  content: "\3a";
}
.icon-android-clipboard:before {
  content: "\3d";
}
.button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  border-radius: 0;
}
.buttonDefault {
  color: #e8e8e8;
  background-color: #2376af;
  border-color: #1f689a;
}
.buttonDefault:hover,
.buttonDefault:focus,
.buttonDefault.focus,
.buttonDefault:active,
.buttonDefault.active,
.open > .dropdown-toggle.buttonDefault {
  color: #e8e8e8;
  background-color: #1f689a;
  border-color: #1a5680;
  cursor: pointer;
}
.buttonDefault:active,
.buttonDefault.active,
.open > .dropdown-toggle.buttonDefault {
  background-image: none;
}
.buttonDefault.disabled,
.buttonDefault[disabled],
fieldset[disabled] .buttonDefault,
.buttonDefault.disabled:hover,
.buttonDefault[disabled]:hover,
fieldset[disabled] .buttonDefault:hover,
.buttonDefault.disabled:focus,
.buttonDefault[disabled]:focus,
fieldset[disabled] .buttonDefault:focus,
.buttonDefault.disabled.focus,
.buttonDefault[disabled].focus,
fieldset[disabled] .buttonDefault.focus,
.buttonDefault.disabled:active,
.buttonDefault[disabled]:active,
fieldset[disabled] .buttonDefault:active,
.buttonDefault.disabled.active,
.buttonDefault[disabled].active,
fieldset[disabled] .buttonDefault.active {
  background-color: #2376af;
  border-color: #1f689a;
  cursor: not-allowed;
}
.buttonDefault.buttonIconed > .buttonTitle {
  /*border-left:solid 1px darken(@border, 12%);*/
  color: inherit;
}
.buttonDefault.buttonIconed > .icon {
  /*border-right:solid 1px lighten(@border, 12%);*/
  color: inherit;
  display: block;
  padding: 0 15px;
}
.buttonDefault.buttonIconed:hover > .buttonTitle {
  /*border-left:solid 1px darken(@border, 24%); */
}
.buttonDefault.buttonIconed:hover > .icon {
  /*border-right:solid 1px lighten(@border, 1%);*/
}
.buttonSecondary {
  color: #fff;
  background-color: #2c3e50;
  border-color: #233140;
}
.buttonSecondary:hover,
.buttonSecondary:focus,
.buttonSecondary.focus,
.buttonSecondary:active,
.buttonSecondary.active,
.open > .dropdown-toggle.buttonSecondary {
  color: #fff;
  background-color: #233140;
  border-color: #18222c;
  cursor: pointer;
}
.buttonSecondary:active,
.buttonSecondary.active,
.open > .dropdown-toggle.buttonSecondary {
  background-image: none;
}
.buttonSecondary.disabled,
.buttonSecondary[disabled],
fieldset[disabled] .buttonSecondary,
.buttonSecondary.disabled:hover,
.buttonSecondary[disabled]:hover,
fieldset[disabled] .buttonSecondary:hover,
.buttonSecondary.disabled:focus,
.buttonSecondary[disabled]:focus,
fieldset[disabled] .buttonSecondary:focus,
.buttonSecondary.disabled.focus,
.buttonSecondary[disabled].focus,
fieldset[disabled] .buttonSecondary.focus,
.buttonSecondary.disabled:active,
.buttonSecondary[disabled]:active,
fieldset[disabled] .buttonSecondary:active,
.buttonSecondary.disabled.active,
.buttonSecondary[disabled].active,
fieldset[disabled] .buttonSecondary.active {
  background-color: #2c3e50;
  border-color: #233140;
  cursor: not-allowed;
}
.buttonSecondary.buttonIconed > .buttonTitle {
  /*border-left:solid 1px darken(@border, 12%);*/
  color: inherit;
}
.buttonSecondary.buttonIconed > .icon {
  /*border-right:solid 1px lighten(@border, 12%);*/
  color: inherit;
  display: block;
  padding: 0 15px;
}
.buttonSecondary.buttonIconed:hover > .buttonTitle {
  /*border-left:solid 1px darken(@border, 24%); */
}
.buttonSecondary.buttonIconed:hover > .icon {
  /*border-right:solid 1px lighten(@border, 1%);*/
}
.buttonUndoAction {
  color: #e8e8e8;
  background-color: #d9c54f;
  border-color: #d4be3a;
}
.buttonUndoAction:hover,
.buttonUndoAction:focus,
.buttonUndoAction.focus,
.buttonUndoAction:active,
.buttonUndoAction.active,
.open > .dropdown-toggle.buttonUndoAction {
  color: #e8e8e8;
  background-color: #d4be3a;
  border-color: #c5af2b;
  cursor: pointer;
}
.buttonUndoAction:active,
.buttonUndoAction.active,
.open > .dropdown-toggle.buttonUndoAction {
  background-image: none;
}
.buttonUndoAction.disabled,
.buttonUndoAction[disabled],
fieldset[disabled] .buttonUndoAction,
.buttonUndoAction.disabled:hover,
.buttonUndoAction[disabled]:hover,
fieldset[disabled] .buttonUndoAction:hover,
.buttonUndoAction.disabled:focus,
.buttonUndoAction[disabled]:focus,
fieldset[disabled] .buttonUndoAction:focus,
.buttonUndoAction.disabled.focus,
.buttonUndoAction[disabled].focus,
fieldset[disabled] .buttonUndoAction.focus,
.buttonUndoAction.disabled:active,
.buttonUndoAction[disabled]:active,
fieldset[disabled] .buttonUndoAction:active,
.buttonUndoAction.disabled.active,
.buttonUndoAction[disabled].active,
fieldset[disabled] .buttonUndoAction.active {
  background-color: #d9c54f;
  border-color: #d4be3a;
  cursor: not-allowed;
}
.buttonUndoAction.buttonIconed > .buttonTitle {
  /*border-left:solid 1px darken(@border, 12%);*/
  color: inherit;
}
.buttonUndoAction.buttonIconed > .icon {
  /*border-right:solid 1px lighten(@border, 12%);*/
  color: inherit;
  display: block;
  padding: 0 15px;
}
.buttonUndoAction.buttonIconed:hover > .buttonTitle {
  /*border-left:solid 1px darken(@border, 24%); */
}
.buttonUndoAction.buttonIconed:hover > .icon {
  /*border-right:solid 1px lighten(@border, 1%);*/
}
.buttonAction {
  color: #e8e8e8;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.buttonAction:hover,
.buttonAction:focus,
.buttonAction.focus,
.buttonAction:active,
.buttonAction.active,
.open > .dropdown-toggle.buttonAction {
  color: #e8e8e8;
  background-color: #46b8da;
  border-color: #2caed5;
  cursor: pointer;
}
.buttonAction:active,
.buttonAction.active,
.open > .dropdown-toggle.buttonAction {
  background-image: none;
}
.buttonAction.disabled,
.buttonAction[disabled],
fieldset[disabled] .buttonAction,
.buttonAction.disabled:hover,
.buttonAction[disabled]:hover,
fieldset[disabled] .buttonAction:hover,
.buttonAction.disabled:focus,
.buttonAction[disabled]:focus,
fieldset[disabled] .buttonAction:focus,
.buttonAction.disabled.focus,
.buttonAction[disabled].focus,
fieldset[disabled] .buttonAction.focus,
.buttonAction.disabled:active,
.buttonAction[disabled]:active,
fieldset[disabled] .buttonAction:active,
.buttonAction.disabled.active,
.buttonAction[disabled].active,
fieldset[disabled] .buttonAction.active {
  background-color: #5bc0de;
  border-color: #46b8da;
  cursor: not-allowed;
}
.buttonAction.buttonIconed > .buttonTitle {
  /*border-left:solid 1px darken(@border, 12%);*/
  color: inherit;
}
.buttonAction.buttonIconed > .icon {
  /*border-right:solid 1px lighten(@border, 12%);*/
  color: inherit;
  display: block;
  padding: 0 15px;
}
.buttonAction.buttonIconed:hover > .buttonTitle {
  /*border-left:solid 1px darken(@border, 24%); */
}
.buttonAction.buttonIconed:hover > .icon {
  /*border-right:solid 1px lighten(@border, 1%);*/
}
.buttonSuccess {
  color: #e8e8e8;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.buttonSuccess:hover,
.buttonSuccess:focus,
.buttonSuccess.focus,
.buttonSuccess:active,
.buttonSuccess.active,
.open > .dropdown-toggle.buttonSuccess {
  color: #e8e8e8;
  background-color: #4cae4c;
  border-color: #439943;
  cursor: pointer;
}
.buttonSuccess:active,
.buttonSuccess.active,
.open > .dropdown-toggle.buttonSuccess {
  background-image: none;
}
.buttonSuccess.disabled,
.buttonSuccess[disabled],
fieldset[disabled] .buttonSuccess,
.buttonSuccess.disabled:hover,
.buttonSuccess[disabled]:hover,
fieldset[disabled] .buttonSuccess:hover,
.buttonSuccess.disabled:focus,
.buttonSuccess[disabled]:focus,
fieldset[disabled] .buttonSuccess:focus,
.buttonSuccess.disabled.focus,
.buttonSuccess[disabled].focus,
fieldset[disabled] .buttonSuccess.focus,
.buttonSuccess.disabled:active,
.buttonSuccess[disabled]:active,
fieldset[disabled] .buttonSuccess:active,
.buttonSuccess.disabled.active,
.buttonSuccess[disabled].active,
fieldset[disabled] .buttonSuccess.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
  cursor: not-allowed;
}
.buttonSuccess.buttonIconed > .buttonTitle {
  /*border-left:solid 1px darken(@border, 12%);*/
  color: inherit;
}
.buttonSuccess.buttonIconed > .icon {
  /*border-right:solid 1px lighten(@border, 12%);*/
  color: inherit;
  display: block;
  padding: 0 15px;
}
.buttonSuccess.buttonIconed:hover > .buttonTitle {
  /*border-left:solid 1px darken(@border, 24%); */
}
.buttonSuccess.buttonIconed:hover > .icon {
  /*border-right:solid 1px lighten(@border, 1%);*/
}
.buttonAlert {
  color: #e8e8e8;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.buttonAlert:hover,
.buttonAlert:focus,
.buttonAlert.focus,
.buttonAlert:active,
.buttonAlert.active,
.open > .dropdown-toggle.buttonAlert {
  color: #e8e8e8;
  background-color: #d43f3a;
  border-color: #c52f2b;
  cursor: pointer;
}
.buttonAlert:active,
.buttonAlert.active,
.open > .dropdown-toggle.buttonAlert {
  background-image: none;
}
.buttonAlert.disabled,
.buttonAlert[disabled],
fieldset[disabled] .buttonAlert,
.buttonAlert.disabled:hover,
.buttonAlert[disabled]:hover,
fieldset[disabled] .buttonAlert:hover,
.buttonAlert.disabled:focus,
.buttonAlert[disabled]:focus,
fieldset[disabled] .buttonAlert:focus,
.buttonAlert.disabled.focus,
.buttonAlert[disabled].focus,
fieldset[disabled] .buttonAlert.focus,
.buttonAlert.disabled:active,
.buttonAlert[disabled]:active,
fieldset[disabled] .buttonAlert:active,
.buttonAlert.disabled.active,
.buttonAlert[disabled].active,
fieldset[disabled] .buttonAlert.active {
  background-color: #d9534f;
  border-color: #d43f3a;
  cursor: not-allowed;
}
.buttonAlert.buttonIconed > .buttonTitle {
  /*border-left:solid 1px darken(@border, 12%);*/
  color: inherit;
}
.buttonAlert.buttonIconed > .icon {
  /*border-right:solid 1px lighten(@border, 12%);*/
  color: inherit;
  display: block;
  padding: 0 15px;
}
.buttonAlert.buttonIconed:hover > .buttonTitle {
  /*border-left:solid 1px darken(@border, 24%); */
}
.buttonAlert.buttonIconed:hover > .icon {
  /*border-right:solid 1px lighten(@border, 1%);*/
}
.buttonDisabled {
  color: #a2a2a2;
  background-color: #ebebeb;
  border-color: #ebebeb;
  cursor: not-allowed;
}
.buttonDisabled:hover,
.buttonDisabled:focus,
.buttonDisabled.focus,
.buttonDisabled:active,
.buttonDisabled.active,
.open > .dropdown-toggle.buttonDisabled {
  color: #a2a2a2;
  background-color: #ebebeb;
  border-color: #ebebeb;
  cursor: not-allowed !important;
}
.buttonDisabled:active,
.buttonDisabled.active,
.open > .dropdown-toggle.buttonDisabled {
  background-image: none;
}
.buttonDisabled.disabled,
.buttonDisabled[disabled],
fieldset[disabled] .buttonDisabled,
.buttonDisabled.disabled:hover,
.buttonDisabled[disabled]:hover,
fieldset[disabled] .buttonDisabled:hover,
.buttonDisabled.disabled:focus,
.buttonDisabled[disabled]:focus,
fieldset[disabled] .buttonDisabled:focus,
.buttonDisabled.disabled.focus,
.buttonDisabled[disabled].focus,
fieldset[disabled] .buttonDisabled.focus,
.buttonDisabled.disabled:active,
.buttonDisabled[disabled]:active,
fieldset[disabled] .buttonDisabled:active,
.buttonDisabled.disabled.active,
.buttonDisabled[disabled].active,
fieldset[disabled] .buttonDisabled.active {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.buttonDisabled.buttonIconed > .buttonTitle {
  color: inherit;
}
.buttonDisabled.buttonIconed > .icon {
  color: inherit;
  display: block;
  padding: 0 15px;
}
.buttonGray {
  color: #555555;
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.buttonGray:hover,
.buttonGray:focus,
.buttonGray.focus,
.buttonGray:active,
.buttonGray.active,
.open > .dropdown-toggle.buttonGray {
  color: #555555;
  background-color: #dedede;
  border-color: #dcdcdc;
  cursor: pointer;
}
.buttonGray:active,
.buttonGray.active,
.open > .dropdown-toggle.buttonGray {
  background-image: none;
}
.buttonGray.disabled,
.buttonGray[disabled],
fieldset[disabled] .buttonGray,
.buttonGray.disabled:hover,
.buttonGray[disabled]:hover,
fieldset[disabled] .buttonGray:hover,
.buttonGray.disabled:focus,
.buttonGray[disabled]:focus,
fieldset[disabled] .buttonGray:focus,
.buttonGray.disabled.focus,
.buttonGray[disabled].focus,
fieldset[disabled] .buttonGray.focus,
.buttonGray.disabled:active,
.buttonGray[disabled]:active,
fieldset[disabled] .buttonGray:active,
.buttonGray.disabled.active,
.buttonGray[disabled].active,
fieldset[disabled] .buttonGray.active {
  background-color: #ebebeb;
  border-color: #ebebeb;
  cursor: not-allowed;
}
.buttonGray.buttonIconed > .buttonTitle {
  /*border-left:solid 1px darken(@border, 12%);*/
  color: inherit;
}
.buttonGray.buttonIconed > .icon {
  /*border-right:solid 1px lighten(@border, 12%);*/
  color: inherit;
  display: block;
  padding: 0 15px;
}
.buttonGray.buttonIconed:hover > .buttonTitle {
  /*border-left:solid 1px darken(@border, 24%); */
}
.buttonGray.buttonIconed:hover > .icon {
  /*border-right:solid 1px lighten(@border, 1%);*/
}
.buttonIconed {
  padding: 0 0;
}
.buttonIconed > .buttonTitle {
  /*float: left;
          padding: 0 12px;*/
}
.buttonIconed > .icon {
  font-size: 16px;
  padding: 0;
  height: 28px;
}
.buttonBlock {
  display: inline-block;
  width: 100%;
}
.buttonBlock + .buttonBlock {
  margin-top: 6px;
}
.button.buttonDefault.buttonIconed > .icon {
  line-height: 34px;
}
table {
  max-width: 100%;
  background-color: #fcfcfc;
  border-collapse: collapse;
  border-spacing: 0;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  line-height: inherit;
}
.tablica {
  width: 100%;
  margin-bottom: 0px;
}
.tablica th,
.tablica td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
}
.tablica th {
  font-weight: bold;
  padding-bottom: 0!important;
  font-family: "Open Sans", "sans-serif";
}
.tablica thead > tr > th {
  vertical-align: bottom;
  border-bottom: solid 2px #2376af;
}
.tablica caption + thead tr:first-child th,
.tablica caption + thead tr:first-child td,
.tablica colgroup + thead tr:first-child th,
.tablica colgroup + thead tr:first-child td,
.tablica thead:first-child tr:first-child th,
.tablica thead:first-child tr:first-child td {
  border-top: 0;
}
.tablica-condensed th,
.tablica-condensed td {
  padding: 4px 5px;
}
.tablica-bordered {
  border: 1px solid #c4c4c4;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.tablica-bordered th,
.tablica-bordered td {
  border-left: 1px solid #c4c4c4;
}
.tablica-bordered caption + thead tr:first-child th,
.tablica-bordered caption + tbody tr:first-child th,
.tablica-bordered caption + tbody tr:first-child td,
.tablica-bordered colgroup + thead tr:first-child th,
.tablica-bordered colgroup + tbody tr:first-child th,
.tablica-bordered colgroup + tbody tr:first-child td,
.tablica-bordered thead:first-child tr:first-child th,
.tablica-bordered tbody:first-child tr:first-child th,
.tablica-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.tablica-bordered thead:first-child tr:first-child > th:first-child,
.tablica-bordered tbody:first-child tr:first-child > td:first-child,
.tablica-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
}
.tablica-bordered thead:first-child tr:first-child > th:last-child,
.tablica-bordered tbody:first-child tr:first-child > td:last-child,
.tablica-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
}
.tablica-bordered thead:last-child tr:last-child > th:first-child,
.tablica-bordered tbody:last-child tr:last-child > td:first-child,
.tablica-bordered tbody:last-child tr:last-child > th:first-child,
.tablica-bordered tfoot:last-child tr:last-child > td:first-child,
.tablica-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.tablica-bordered thead:last-child tr:last-child > th:last-child,
.tablica-bordered tbody:last-child tr:last-child > td:last-child,
.tablica-bordered tbody:last-child tr:last-child > th:last-child,
.tablica-bordered tfoot:last-child tr:last-child > td:last-child,
.tablica-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.tablica-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.tablica-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.tablica-bordered caption + thead tr:first-child th:first-child,
.tablica-bordered caption + tbody tr:first-child td:first-child,
.tablica-bordered colgroup + thead tr:first-child th:first-child,
.tablica-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
}
.tablica-bordered caption + thead tr:first-child th:last-child,
.tablica-bordered caption + tbody tr:first-child td:last-child,
.tablica-bordered colgroup + thead tr:first-child th:last-child,
.tablica-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
}
.tablica-bordered tbody tr:first-child > td {
  border-top: solid 0 transparent;
}
.tablica-striped tbody > tr:nth-child(odd) > td,
.tablica-striped tbody > tr:nth-child(odd) > th {
  background-color: #f7f7f7;
}
.tablica-hover tbody tr:hover > td,
.tablica-hover tbody tr:hover > th {
  background-color: #ebebeb;
}
table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}
.table tbody tr.odabrano > td {
  background-color: #2376af;
  color: #e8e8e8;
}
.table tbody tr.odabrano > td:first-child {
  border-left: solid 1px #2376af;
}
.table tbody tr.secondary > td {
  background-color: #2c3e50;
  color: #e8e8e8;
}
.table tbody tr.success > td {
  background-color: #5cb85c;
  color: #e8e8e8;
}
.table tbody tr.action > td {
  background-color: #5bc0de;
  color: #e8e8e8;
}
.table tbody tr.alert > td {
  background-color: #d9534f;
  color: #e8e8e8;
}
.table tbody tr.disabled > td {
  background-color: #ebebeb;
  color: #e8e8e8;
}
.tablica-hover tbody tr.odabrano:hover > td {
  background-color: #1f689a;
}
.tablica-hover tbody tr.secondary:hover > td {
  background-color: #233140;
}
.tablica-hover tbody tr.success:hover > td {
  background-color: #4cae4c;
}
.tablica-hover tbody tr.action:hover > td {
  background-color: #46b8da;
}
.tablica-hover tbody tr.alert:hover > td {
  background-color: #d43f3a;
}
.tablica-hover tbody tr.disabled:hover > td {
  background-color: #dedede;
}
td.imgCell {
  max-width: 150px;
  min-width: 150px;
  width: 150px;
  position: relative;
}
.tableHeader,
.tableFooter {
  height: 40px;
  line-height: 40px;
  background-color: #fcfcfc;
  margin-bottom: 1px;
  border: solid 1px #c4c4c4;
  padding: 0;
}
.tableFooter {
  margin-bottom: 0;
  margin-top: 1px;
}
/*
     


    
//
// Constants
// --------------------------------------------------
*/
.bold {
  font-weight: bold;
}
.uppercase {
  text-transform: uppercase;
}
.centered {
  text-align: center;
}
.box {
  display: block;
}
.inlinebox {
  display: inline-block;
}
.right {
  float: right;
}
.left {
  float: left;
}
.mainColor {
  color: #2376af;
}
.bgMainColor {
  background-color: #2376af;
}
.notVisible {
  visibility: hidden !important;
}
.noMargin {
  margin: 0;
}
.margin {
  margin: 11px;
}
.marginDouble {
  margin: 17px;
}
.marginSmall {
  margin: 6px;
}
.marginTop {
  margin-top: 11px;
}
.marginRight {
  margin-right: 11px;
}
.marginBottom {
  margin-bottom: 11px;
}
.marginLeft {
  margin-left: 11px;
}
.marginTopSmall {
  margin-top: 6px;
}
.marginRightSmall {
  margin-right: 6px;
}
.marginBottomSmall {
  margin-bottom: 6px;
}
.marginLeftSmall {
  margin-left: 6px;
}
.marginTopDouble {
  margin-top: 17px;
}
.marginRightDouble {
  margin-right: 17px;
}
.marginBottomDouble {
  margin-bottom: 17px;
}
.marginLeftDouble {
  margin-left: 17px;
}
.noPadding {
  padding: 0;
}
.padding {
  padding: 11px;
}
.paddingDouble {
  padding: 17px;
}
.paddingSmall {
  padding: 6px;
}
.paddingTop {
  padding-top: 11px;
}
.paddingRight {
  padding-right: 11px;
}
.paddingBottom {
  padding-bottom: 11px;
}
.paddingLeft {
  padding-left: 11px;
}
.paddingTopSmall {
  padding-top: 6px;
}
.paddingRightSmall {
  padding-right: 6px;
}
.paddingBottomSmall {
  padding-bottom: 6px;
}
.paddingLeftSmall {
  padding-left: 6px;
}
.paddingTopDouble {
  padding-top: 17px;
}
.paddingRightDouble {
  padding-right: 17px;
}
.paddingBottomDouble {
  padding-bottom: 17px;
}
.paddingLeftDouble {
  padding-left: 17px;
}
.line20 {
  line-height: 20px;
}
.line30 {
  line-height: 30px;
}
.noBorder {
  border: solid 1px transparent;
}
.border1 {
  border: solid 1px transparent;
}
.border2 {
  border: solid 2px transparent;
}
.border3 {
  border: solid 3px transparent;
}
.border4 {
  border: solid 4px transparent;
}
.borderDarker {
  border-color: rgba(0, 0, 0, 0.3);
}
.borderLighter {
  border-color: rgba(255, 255, 255, 0.5);
}
.borderDarkerTop {
  border-top-color: rgba(0, 0, 0, 0.3);
}
.borderDarkerRight {
  border-right-color: rgba(0, 0, 0, 0.3);
}
.borderDarkerBottom {
  border-bottom-color: rgba(0, 0, 0, 0.3);
}
.borderDarkerLeft {
  border-left-color: rgba(0, 0, 0, 0.3);
}
.inverted {
  color: #e8e8e8;
}
.floatRight {
  float: right;
}
.floatLeft {
  float: left;
}
.clear {
  clear: both;
}
/*
    


    
//
// Layout
// --------------------------------------------------
*/
html,
body,
#applicationHost,
#applicationHost > div,
.wrapper,
.wrapper section,
.sidebar-wrapper {
  /*height: 100%;*/
}
html {
  background-color: #f7f7f7;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 12px;
  line-height: 20px;
  min-width: 960px;
}
html {
  background-color: #ffffff;
}
body {
  line-height: 20px;
}
.navbar-default {
  height: 48px;
  background-color: #383838;
  border-bottom: solid 4px #2376af;
}
.wrapper {
  padding-top: 48px;
  padding-left: 287px;
}
.wrapper {
  padding-left: calc(280px + 5px);
}
.sidebar-wrapper {
  width: 280px;
  background-color: #fcfcfc;
  /*border-right: solid 1px @gray-border;*/
  left: 280px;
  margin-left: -280px;
  overflow-y: auto;
  position: fixed;
  z-index: 1000;
  height: auto;
  bottom: 0;
  top: 48px;
  padding-top: 10px;
  border-right: 1px solid #dddddd;
}
.container {
  padding-left: 10px;
  padding-right: 10px;
}
.form-control {
  border: solid 1px #c4c4c4;
  padding: 3px 11px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Open Sans", "sans-serif";
}
h1,
.h1 {
  font-size: 18px;
}
h2,
.h2 {
  font-size: 17px;
}
h3,
.h3 {
  font-size: 16px;
}
h4,
.h4 {
  font-size: 15px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 13px;
}
.Overlay {
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999999;
}
.Overlay.visible {
  display: block;
}
.spinner {
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}
.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: stretchdelay 1.2s infinite ease-in-out;
  -o-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes stretchdelay {
  0%,
  40%,
  100% {
    -moz-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
/*BUTTONS*/
[class^="icon-centered"]::before,
[class*=" icon-centered"]::before {
  left: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
/*SIDEBAR STUFF*/
.sidebar-wrapper .heading {
  height: 30px;
  line-height: 28px;
  border-top: solid 1px rgba(0, 0, 0, 0.3);
  border-bottom: solid 1px rgba(0, 0, 0, 0.3);
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  color: #e8e8e8;
  background-color: #2376af;
}
.sidebar-wrapper .heading {
  border-top: solid 1px transparent;
  border-bottom: solid 1px transparent;
}
/*CONTENT BOX*/
.contentBox {
  margin-bottom: 30px;
}
#divScroll > .contentBox:last-child {
  margin: 0;
}
/*CONTENT BOX HEADER*/
.contentBoxHeader,
.contentBoxFooter {
  height: 30px;
  line-height: 28px;
  background-color: #fcfcfc;
  margin-bottom: 1px;
  border: solid 1px #c4c4c4;
  padding: 0;
}
.contentBoxHeader {
  background-color: #779399;
  background-color: #fcfcfc;
  border: 1px solid #779399;
  color: #efefee;
  margin-bottom: -1px;
}
.contentBoxHeader {
  background-color: #fcfcfc;
  border: 1px solid #c4c4c4;
  color: #efefee;
  margin-bottom: -1px;
}
.contentBoxHeader {
  background-color: #2376af;
  border: 1px solid #2376af;
}
.contentBoxFooter {
  margin-bottom: 1px;
  margin-top: 0;
}
.contentBoxHeader .dropdownLink {
  line-height: 26px;
  border: solid 1px transparent;
}
.contentBoxHeader .dropdownLink.right {
  border-left: solid 1px #c4c4c4;
}
.contentBoxHeader .dropdownLink.left {
  border-right: solid 1px #c4c4c4;
}
.hideIt {
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid transparent;
  cursor: pointer;
  display: block;
  float: right;
  height: 30px;
  line-height: 29px;
  margin-left: 0;
  margin-right: -1px;
  margin-top: -1px;
  padding: 0 15px;
  color: #fff;
}
.hideIt:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-left: 1px solid transparent;
}
.lockIt {
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid transparent;
  cursor: pointer;
  display: block;
  float: right;
  height: 30px;
  line-height: 29px;
  margin-left: 0;
  margin-right: -1px;
  margin-top: -1px;
  padding: 0 15px;
  color: #fff;
}
.lockIt:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-left: 1px solid transparent;
}
span.icon.icon-ios-compose-outline.lockIt,
span.icon.icon-ios-compose.lockIt {
  font-size: 25px;
  margin-top: -2px;
}
.buttonSpanInHeader {
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid transparent;
  cursor: pointer;
  display: block;
  float: right;
  height: 30px;
  line-height: 29px;
  margin-left: 0;
  margin-right: -1px;
  margin-top: -1px;
  padding: 0 15px;
  color: #fff;
}
.sidebar-wrapper .heading .hideIt {
  margin-right: 0;
}
[class^="icon-"]::before,
[class*=" icon-"]::before {
  vertical-align: middle;
}
.contentBoxHeader .subControls {
  float: right;
  margin-top: -1px;
  position: relative;
}
.subControls .buttonAlert {
  background-color: #989898;
  border-color: transparent;
  color: #e8e8e8;
}
.keyValueDeleteButton {
  background-color: #989898;
  border-color: transparent;
  color: #e8e8e8;
  width: 100%;
}
.subControls .buttonAction {
  background-color: #989898;
  border-color: transparent;
  color: #e8e8e8;
}
.subControls .buttonAction:hover,
.subControls .buttonAction:focus,
.subControls .buttonAction.focus,
.subControls .buttonAction:active,
.subControls .buttonAction.active {
  color: #e8e8e8;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.addRemoveHolder .buttonAlert {
  background-color: #989898;
  border-color: transparent;
  color: #e8e8e8;
}
.contentBoxHeader .form-control {
  /*height: @heading-height-xs;*/
  /*line-height: @heading-line-height-xs;*/
  /*margin-top: floor((@base-heading-height - @heading-height-xs)/2);*/
  box-shadow: 0 0 2px #a1a1a1 inset;
  height: 30px;
  line-height: 28px;
  margin-top: -1px;
}
.contentBoxHeader-l {
  height: 36px;
  line-height: 34px;
}
.contentBoxHeader-xl {
  height: 42px;
  line-height: 40px;
}
/*CONTENT BOX HEADER*/
/*CONTENT BOX -- HEADER ELEMENTS */
.contentBoxHeader h2 {
  float: left;
  font-size: 13px;
  line-height: 28px;
}
.headerControls {
  height: 100%;
  text-align: center;
  margin-left: -1px;
  border-left: 1px solid #c4c4c4;
}
.headerControls {
  border-left: 1px solid transparent;
  color: #fff;
  float: left;
  height: auto;
  margin-left: -1px;
  margin-top: -1px;
  text-align: center;
}
.headerControls .button {
  border-color: transparent;
  float: left;
}
.headerControls .button.buttonIconed > .icon {
  font-size: 14px;
  height: 28px;
}
span.mainLink {
  background-color: #2376af;
  color: #e8e8e8;
}
a.mainLink:hover {
  background-color: #2376af;
  color: #e8e8e8;
}
/*CONTENT BOX BODY*/
.contentBoxBody {
  background-color: #fcfcfc;
  border: solid 1px #c4c4c4;
  padding: 17px;
}
.contentBoxBody {
  border-top: solid 1px #779399;
}
.contentBoxBody {
  border-top: solid 1px #c4c4c4;
}
.contentBoxBodySized {
  min-height: 141px;
}
/*.contentBoxBodySized {
    min-height: 147px;
}*/
/*CONTENT BOX BOTTOM*/
.SearchControlsHolder {
  margin: 22px 0 0;
}
.SearchControlsHolder {
  margin: 18px 0 0;
}
.link,
.button {
  cursor: pointer;
}
.link-default {
  color: #2376af;
}
.link-subtle {
  background-color: #ebebeb;
}
.link-subtle:hover,
.link-subtle.opened {
  background-color: #d1d1d1;
}
.dropdownLink:after {
  content: "\25BC";
  position: absolute;
  right: 11px;
}
.dropdownLink.opened:after {
  content: "\25B2";
}
select.form-control:focus {
  border-color: #2376af;
  /*box-shadow: 0px 0px 1px 0px rgba(35, 118, 175,1);*/
}
input.form-control:focus {
  border-color: #2376af;
  /*box-shadow: 0px 0px 1px 0px rgba(35, 118, 175,1);*/
}
.sl-slider-wrapper {
  margin: 0 auto;
  min-height: 88px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.sl-slider {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sl-slide {
  z-index: 1;
}
.img-thumbnail {
  border: solid 1px #c4c4c4;
  max-width: 100%;
}
.invBroj {
  display: block;
  text-align: right;
}
.buttonHolder {
  background-color: inherit;
  border: medium none;
  bottom: 0;
  display: none;
  float: none;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.top,
.bottom {
  font-size: 20px;
  position: relative;
  color: #2376af;
}
.top {
  background-image: none;
  cursor: pointer;
  display: block;
  float: left;
  height: 100%;
  text-align: center;
  width: 50%;
}
.bottom {
  background-image: none;
  cursor: pointer;
  display: block;
  float: left;
  height: 100%;
  position: relative;
  text-align: center;
  width: 50%;
}
.top:hover,
.bottom:hover {
  font-size: 22px;
}
.odabrano .link-default,
.odabrano .top,
.odabrano .bottom {
  color: #e8e8e8;
  text-decoration: underline;
}
input[type="checkbox"],
input[type="radio"] {
  line-height: inherit;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  vertical-align: middle;
}
.chBoxHolder {
  position: relative;
  height: 100%;
}
.tableHeader .chBoxHolder {
  width: 35px;
  float: left;
}
.totalResults {
  font-family: "Open Sans", "sans-serif";
  float: left;
  margin-right: 60px;
  line-height: 38px;
}
.totalResultsNumbers {
  background-color: #dedede;
  margin: 0 4px;
  padding: 5px;
}
.roundedTwo,
.roundedGreen,
.roundedYellow {
  bottom: 7px;
  height: 20px;
  left: 4px;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 20px;
}
.roundedTwo input[type="checkbox"],
.roundedGreen input[type="checkbox"],
.roundedYellow input[type="checkbox"],
.roundedTwo input[type="radio"],
.roundedGreen input[type="radio"],
.roundedYellow input[type="radio"] {
  visibility: hidden;
}
.roundedTwo label,
.roundedGreen label,
.roundedYellow label {
  background: none repeat scroll 0 0 transparent;
  border: 3px solid #5bc0de;
  border-radius: 50px;
  box-shadow: none;
  color: #5bc0de;
  cursor: pointer;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.roundedGreen label {
  border: 3px solid #5cb85c;
  color: #5cb85c;
}
.roundedYellow label {
  border: 3px solid #d9c54f;
  color: #d9c54f;
}
.odabrano .roundedTwo label::after,
.isPublished .roundedGreen label::after,
.isHighlighted .roundedYellow label::after {
  background: none repeat scroll 0 0 transparent;
  border-color: transparent transparent #ebebeb #ebebeb;
  -moz-border-image: none;
  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border-style: none none solid solid;
  border-width: medium medium 3px 3px;
  content: "";
  height: 5px;
  left: 3px;
  position: absolute;
  top: 4px;
  -moz-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  -o-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  width: 8px;
}
.odabrano .roundedTwo label::after,
.odabrano .roundedTwo label::before,
.isPublished .roundedGreen label::after,
.isPublished .roundedGreen label::before,
.isHighlighted .roundedYellow label::after,
.isHighlighted .roundedYellow label::before {
  background: #fff none repeat scroll 0 0;
  border-color: #ebebeb;
  -moz-border-image: none;
  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border-radius: 0;
  border-style: none none solid solid;
  border-width: 2px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  -o-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
  width: 13px;
  opacity: 1;
}
/*.isPublished .roundedGreen label::after, .isPublished .roundedGreen label::before {
    background: #fff none repeat scroll 0 0;
    border-color: #ebebeb;
    -moz-border-image: none;
    -o-border-image: none;
    -webkit-border-image: none;
    border-image: none;
    border-radius: 0;
    border-style: none none solid solid;
    border-width: 2px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%) translateX(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg);
    -o-transform: translateY(-50%) translateX(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
    transform: translateY(-50%) translateX(-50%) rotate(45deg);
    width: 13px;
    opacity: 1;
}*/
.odabrano .roundedTwo label::before,
.isPublished .roundedGreen label::before,
.isHighlighted .roundedYellow label::before {
  left: 50%;
  top: 50%;
  -moz-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  -o-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.odabrano .roundedTwo label {
  border-color: #5bc0de;
  background: #5bc0de;
}
.isPublished .roundedGreen label {
  border-color: #5cb85c;
  background: #5cb85c;
}
.isHighlighted .roundedYellow label {
  border-color: #d9c54f;
  background: #d9c54f;
}
.chBoxHolder .roundedTwo {
  left: 4px;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.roundedTwo.boxedTwo {
  width: auto;
  height: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  padding: 0 5px;
}
.roundedTwo.boxedTwo label {
  border-radius: 0;
  width: auto;
  height: auto;
  top: 0;
  left: 5px;
  right: 5px;
  bottom: 0;
  margin: 0;
}
.roundedTwo.boxedTwo label:after {
  left: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  -o-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.odabrano .roundedTwo.boxedTwo label:after {
  left: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  -o-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.odabrano .roundedTwo.boxedTwo label::before {
  left: 50%;
  top: 50%;
  -moz-transform: translateY(-50%) translateX(-50%) rotate(-135deg);
  -ms-transform: translateY(-50%) translateX(-50%) rotate(-135deg);
  -o-transform: translateY(-50%) translateX(-50%) rotate(-135deg);
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(-135deg);
  transform: translateY(-50%) translateX(-50%) rotate(-135deg);
}
.contentBoxBody .row {
  margin-bottom: 6px;
  float: left;
  width: 100%;
}
.contentBoxBody .row,
.contentBoxBody .row > .col,
.contentBoxBody .row > .col > div {
  height: 30px;
}
.contentBoxBody > div > .row,
.contentBoxBody > div .row > .col,
.contentBoxBody > div .row > .col > div {
  height: 30px;
}
.styled-select {
  overflow: hidden;
  position: relative;
}
.styled-select::after {
  content: "\25BC";
  cursor: pointer;
  height: 30px;
  pointer-events: none;
  position: absolute;
  right: 11px;
  top: 6px;
}
select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #efefef;
  cursor: pointer;
  padding-right: 21px !important;
}
select::-ms-expand {
  display: none;
}
.styled-select .form-control-dropdown {
  background-color: #dedede;
  cursor: pointer;
  height: 30px;
  padding: 4px 5px;
}
.styled-select2 .form-control-dropdown {
  background-color: #dedede;
  cursor: not-allowed;
  height: 30px;
  padding: 2px 5px 0 9px;
}
.contentBoxBody > .row > .col > .col > .form-control,
.contentBoxBody > div > .row > .col > .form-control {
  height: 100%;
}
.addRemoveHolder .button {
  width: 47%;
}
.addRemoveHolder.goToHolder .button {
  width: 100%;
}
.contentBoxBody .addRemoveHolder > .button {
  line-height: 16px;
}
.mainMenuHolder {
  float: left;
  margin-left: 14px;
}
.menuLink {
  background-color: #dfdfdf;
  border-right: 1px solid #c4c4c4;
  box-shadow: 0 -10px 10px -13px #303030 inset;
  display: block;
  float: left;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: bold;
  height: 35px;
  line-height: 44px;
  margin-top: 7px;
  padding: 0 30px 0 40px;
  position: relative;
  -moz-transition: all 50ms linear 0s;
  -o-transition: all 50ms linear 0s;
  -webkit-transition: all 50ms linear 0s;
  transition: all 50ms linear 0s;
}
.menuLink:hover,
.menuLink.active {
  box-shadow: 0 0 0 0 #000000 inset;
  height: 40px;
  background-color: #fcfcfc;
}
.menuLink .icon {
  font-weight: normal;
  left: 20px;
  line-height: 0.1;
  position: absolute;
  top: 17px;
}
.menuLink.vz .icon {
  font-weight: normal;
  left: 10px;
  line-height: 0.1;
  position: absolute;
  top: 8px;
  font-size: 25px;
}
.menuLink .icon.icon-search-find {
  top: 14px;
}
.searchHistoryBox {
  background-color: #fcfcfc;
  bottom: 0;
  color: #c7c7c7;
  display: none;
  height: 0;
  left: 0;
  min-height: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.fullHeightWithBorder {
  border-right: 1px solid;
  height: 100%;
}
.searchHistoryContent {
  background-color: #1e2935;
  height: 100%;
  overflow: auto;
}
.searchHistoryTabs {
  padding: 0;
}
.searchHistoryTabs li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid #ffffff;
  color: #555;
  cursor: pointer;
  font-family: "Open Sans";
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  text-transform: uppercase;
}
.searchHistoryTabs li.Selected,
.searchHistoryTabs li:hover {
  background-color: #4198ab;
  color: #e8e8e8;
}
.searchHistoryTabs li:before {
  content: '\25B8';
}
.pagination > li > a,
.pagination > li > span {
  background-color: transparent;
  border: 1px solid transparent;
  color: inherit;
  display: block;
  float: left;
  line-height: inherit;
  margin-left: 0;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.pagination {
  border-radius: 0;
  display: inline-block;
  line-height: 36px;
  margin: 0;
  padding: 0;
  border-right: solid 1px #0d1318;
  border-left: solid 1px #395067;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
  width: auto;
}
.tableHeader .pagination {
  float: left;
}
.pagination > li {
  background-color: #2c3e50;
  border-left: solid 1px #0d1318;
  border-right: solid 1px #395067;
  font-family: "Open Sans", "sans-serif";
  font-weight: bold;
  min-width: 45px;
  width: auto;
}
.tableHeader .pagination,
.tableFooter .pagination {
  line-height: 36px;
}
.tableFooter .pagination {
  border-right: medium none;
  float: right;
}
.pagination {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-left: solid 1px transparent;
}
.pagination > li {
  background-color: rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid transparent;
  font-family: "Open Sans", "sans-serif";
  font-weight: bold;
  min-width: 45px;
}
.pagination > li.paginationNumber {
  background-color: transparent;
}
.pagination > li:hover {
  background-color: transparent;
}
li.paginationHighlight,
li.paginationHighlight:hover {
  background-color: #2376af;
  border-left: medium none #53a6df;
  color: #efefef;
}
.pagination li.buttonDisabled {
  background-color: #fdfdfd;
  border-right: 1px solid white;
  border-left: 1px solid #d5d5d5;
}
.pagination > li.buttonDisabled > a {
  cursor: not-allowed;
  color: gray;
}
.brand {
  width: 280px;
  color: #2376af;
  font-family: "Open Sans";
  font-size: 36px;
  font-weight: 900;
  line-height: 43px;
  float: left;
  height: 43px;
  padding-left: 10px;
}
.brand:hover,
.brand:focus,
.brand.focus,
.brand:active,
.brand.active {
  color: #4198ab;
}
.brand > span {
  font-size: 36px;
  line-height: 43px;
  vertical-align: top;
  color: #fff;
}
.brand:hover,
.brand:focus,
.brand.focus,
.brand:active,
.brand.active {
  color: #2376af;
}
.breadCrumbsHolder {
  border-left: medium none;
  border-right: medium none;
  border-top: 1px solid #fcfcfc;
  margin-left: -10px;
  margin-right: -10px;
}
.prevCrumb.icon {
  margin-left: 25px;
  position: relative;
}
.viewControls {
  float: right;
  height: 100%;
  margin-right: -1px;
}
.viewControls > span {
  background-color: rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid transparent;
  color: #b8b8b8;
  float: left;
  font-size: 28px;
  height: 39px;
  position: relative;
  width: 45px;
}
.viewControls > span.active,
.viewControls > span:hover {
  background-color: transparent;
  color: #2376af;
  -moz-transition: all 50ms linear 0s;
  -o-transition: all 50ms linear 0s;
  -webkit-transition: all 50ms linear 0s;
  transition: all 50ms linear 0s;
}
.choosePageHolder {
  float: left;
  margin-right: 20px;
}
.choosePageHolder .styled-select {
  float: left;
  margin: 6px 6px 4px 0;
  width: 60px;
}
.choosePageHolder .styled-select .form-control {
  line-height: 20px;
  height: 28px;
}
.choosePageHolder .styled-select::before {
  background: gray none repeat scroll 0 0;
  content: "";
  height: 26px;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 22px;
  border-left: 1px solid #c4c4c4;
  background-color: #dedede;
  pointer-events: none;
}
.choosePageHolder .styled-select::after {
  background: transparent none repeat scroll 0 0;
  content: "▼";
  top: -5px;
  right: 5px;
}
#tabPretrazivanje .row,
.contentBoxBody > div > .row {
  float: left;
  height: 30px;
  width: 100%;
}
.labelsHolder,
.contentBox > .contentBoxBody .labelsHolder {
  color: #afafaf;
  color: #9f9f9f;
  float: left;
  height: 17px !important;
  margin: 0;
  width: 100%;
}
.labelsHolder.advancedLabelsHolder,
.contentBox > .contentBoxBody .labelsHolder.advancedLabelsHolder {
  height: auto !important;
}
.labelsHolder div {
  height: 17px;
}
.labelsHolder .col {
  height: 17px !important;
}
.labelsHolder.advancedLabelsHolder .col {
  height: auto !important;
  line-height: 14px;
}
.shaded > .col {
  margin-bottom: 6px;
}
.shaded .col .form-control {
  height: 30px;
}
.col .form-control {
  height: 30px;
}
.repetitive {
  display: block;
  margin: -17px;
  min-width: 100%;
}
.repetitive > div {
  display: inline-block;
  min-width: 100%;
  padding: 15px;
  vertical-align: top;
}
.repetitive > div:nth-child(2n+2) {
  background-color: #efefef;
  border-bottom: 1px solid #cfcfcf;
  border-top: 1px solid #cfcfcf;
  padding: 15px;
}
.repetitive > div:last-child {
  border-bottom: medium none;
}
.autoHeight {
  height: auto !important;
}
.contentBox textarea {
  width: 100%;
  display: block;
}
/* ROUNDED TWO */
.roundedTwo label:after,
.roundedGreen label:after,
.roundedYellow label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  height: 5px;
  background: transparent;
  border: 3px solid #fcfff4;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-color: -moz-use-text-color -moz-use-text-color #ebebeb #ebebeb;
  border-color: transparent transparent #bbbbbb #bbbbbb;
  border-style: none none solid solid;
  border-width: medium medium 3px 3px;
  left: 3px;
  top: 4px;
  width: 8px;
}
/*.roundedGreen label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    height: 5px;
    background: transparent;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-color: -moz-use-text-color -moz-use-text-color @gray-medium @gray-medium;
    border-color: transparent transparent #bbbbbb #bbbbbb;
    border-style: none none solid solid;
    border-width: medium medium 3px 3px;
    left: 3px;
    top: 4px;
    width: 8px;
}*/
/*.isHighlighted .roundedYellow label {
    border-color: @color-undo;
    background: @color-undo;
}*/
.odabrano .roundedTwo label:hover::after,
.isPublished .roundedGreen label:hover::after,
.isHighlighted .roundedYellow label:hover::after {
  border-color: transparent transparent #efefef #efefef;
}
.roundedTwo1 input[type=checkbox]:checked + label:after,
.roundedTwo1 input[type=checkbox]:not(:checked) + label:after,
.roundedTwo1 input[type=radio]:checked + label:after,
.roundedTwo1 input[type=radio]:not(:checked) + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.roundedTwo input[type=checkbox]:not(:checked) + label:hover::after,
.roundedTwo input[type=checkbox]:not(:checked) + label:hover::before,
.roundedTwo input[type=radio]:not(:checked) + label:hover::after,
.roundedTwo input[type=radio]:not(:checked) + label:hover::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  border-color: transparent transparent #5bc0de #5bc0de;
}
.roundedGreen input[type=checkbox]:not(:checked) + label:hover::after,
.roundedGreen input[type=checkbox]:not(:checked) + label:hover::before,
.roundedGreen input[type=radio]:not(:checked) + label:hover::after,
.roundedGreen input[type=radio]:not(:checked) + label:hover::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  border-color: transparent transparent #5cb85c #5cb85c;
}
.roundedYellow input[type=checkbox]:not(:checked) + label:hover::after,
.roundedYellow input[type=checkbox]:not(:checked) + label:hover::before,
.roundedYellow input[type=radio]:not(:checked) + label:hover::after,
.roundedYellow input[type=radio]:not(:checked) + label:hover::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  border-color: transparent transparent #d9c54f #d9c54f;
}
.roundedTwo input[type=checkbox]:checked + label:hover::after,
.roundedGreen input[type=checkbox]:checked + label:hover::after,
.roundedYellow input[type=checkbox]:checked + label:hover::after,
.roundedTwo input[type=radio]:checked + label:hover::after,
.roundedGreen input[type=radio]:checked + label:hover::after,
.roundedYellow input[type=radio]:checked + label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.roundedTwo.boxedTwo input[type=checkbox]:checked + label:after,
.roundedTwo.boxedTwo input[type=radio]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  content: '';
  position: absolute;
  height: 5px;
  background: transparent;
  border-top: none;
  border-right: none;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  border-color: transparent transparent #fff #fff;
  border-style: none none solid solid;
  border-width: medium medium 3px 3px;
  left: 50%;
  top: 50%;
  width: 8px;
}
.roundedTwo.boxedTwo input[type=checkbox]:checked + label:before,
.roundedTwo.boxedTwo input[type=radio]:checked + label:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.roundedTwo.boxedTwo input[type=checkbox]:checked + label:hover:after,
.roundedTwo.boxedTwo input[type=radio]:checked + label:hover:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  border-color: #ebebeb;
  -moz-border-image: none;
  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border-radius: 0;
  border-style: none none solid solid;
  border-width: 2px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  -o-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  width: 13px;
}
.roundedTwo.boxedTwo input[type=checkbox]:checked + label:hover:before,
.roundedTwo.boxedTwo input[type=radio]:checked + label:hover:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.col.chBoxHolderCol .roundedTwo {
  height: 20px !important;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  left: auto;
  right: -5px;
}
.col.chBoxHolderColNew {
  border: 1px solid #c4c4c4;
  border-left: none;
}
.form-control-noBorder > .form-control {
  border-right: none;
}
.roundedTwo.disabled > label,
.roundedGreen.disabled > label,
.roundedYellow.disabled > label {
  border-color: #c4c4c4;
}
.roundedTwo.disabled:hover,
.roundedTwo.disabled > label:hover,
.roundedGreen.disabled:hover,
.roundedGreen.disabled > label:hover,
.roundedYellow.disabled:hover,
.roundedYellow.disabled > label:hover {
  cursor: no-drop;
}
.roundedTwo.disabled > label:hover::after,
.roundedGreen.disabled > label:hover::after,
.roundedYellow.disabled > label:hover::after {
  cursor: no-drop;
  opacity: 0;
}
.ItemHolder {
  height: 290px;
  background-color: #fff;
  border: solid 1px #dddee4;
  border-left: none;
  border-top: none;
  padding: 20px 15px 15px 5px;
}
.fullBlock {
  bottom: 0;
  color: #c1c1c1;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.yyyGridResultsHolder .chkBoxHolder {
  position: relative;
}
.yyyGridResultsHolder .ItemHolder .col {
  height: 269px;
  padding: 0;
}
.imageHolder {
  text-align: center;
}
.yyyGridResultsHolder .img-thumbnail {
  height: auto;
  max-height: 90%;
  max-width: 90%;
  width: auto;
}
.imageHolder > span {
  display: block;
  text-align: left;
  max-width: 90%;
  margin: 0 auto;
}
.yyyGridResultsHolder .iBroj {
  bottom: 7px;
  color: #48acf0;
  left: 5px;
  position: absolute;
}
.yyyGridResultsHolder .textHolder {
  margin: 0;
  max-height: 240px;
  overflow-y: auto;
  padding-left: 15px;
}
.yyyGridResultsHolder .ItemHolder.odabrano {
  background-color: #2376af;
  color: #e8e8e8;
}
.yyyGridResultsHolder .ItemHolder.odabrano .iBroj {
  color: #e8e8e8;
}
.subHeader {
  background-color: #779399;
  margin-top: -2px;
  margin-right: -10px;
  margin-left: -10px;
  padding: 0 20px;
}
.subHeader {
  background-color: #fcfcfc;
  border-bottom: 1px solid #c4c4c4;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -2px;
  padding: 0 20px;
}
.subHeader {
  border-bottom: 1px solid #c4c4c4;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding: 0 10px;
}
.greyHeader {
  background-color: #779399;
  color: #b8b8b8;
  margin-top: 1px;
}
.greyHeader {
  background-color: #90a8b8;
  color: #efefef;
}
.greyHeader .btn,
.greyHeader > span {
  color: inherit;
}
.greyHeader .btn:hover {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.greyHeader .btn.btn-primary.btn-sm {
  background-color: #779399;
  border-left: solid 1px rgba(0, 0, 0, 0.2);
  height: 100%;
  padding: 6px 0;
  vertical-align: top;
  width: 21%;
}
.greyHeader .btn.btn-primary.btn-sm {
  background-color: transparent;
  border-left: solid 1px rgba(0, 0, 0, 0.2);
  height: 100%;
  padding: 6px 0;
  width: 21%;
  vertical-align: top;
}
.btn:active,
.btn.active {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.125);
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: none;
  outline-offset: 0;
}
.listItem.missing {
  background-color: #d9534f;
  color: #e8e8e8;
}
.listItem.missing:hover {
  background-color: #d43f3a;
  color: #e8e8e8;
}
.mmediaItem {
  margin-bottom: 6px;
}
.rightColumn .mmediaItem {
  border-bottom: 0 solid transparent;
  margin-bottom: 0;
  padding: 0;
  min-height: 250px;
}
.rightColumn > .contentBox > .contentBoxBody {
  border: 0 solid transparent;
  padding: 0;
}
.contentBoxBody > div.contentDiv {
  background-color: #ebebeb;
  border: 1px solid #c4c4c4;
  padding: 7px 9px;
}
.locked .contentBoxBody > div.contentDiv {
  background-color: #ffffff;
  border: 1px solid #c4c4c4;
}
#Kartica {
  margin-bottom: 10px;
}
.mmediaMainHolder {
  min-height: 250px;
  background-color: #383838;
}
.mmediaImgHolder {
  text-align: center;
  border: solid 1px #c4c4c4;
  background-color: #efefef;
  height: 162px;
}
.rightColumn1 .mmediaImgHolder {
  height: auto;
  padding: 0;
  background-color: #383838;
  border: solid 1px transparent;
  max-height: 250px;
}
.rightColumn .mmediaImgHolder {
  background-color: #383838;
  border: 1px solid transparent;
  height: 250px;
  padding: 0;
  min-height: 250px;
}
.rightColumn .mmediaImgHolder.redBg {
  background-color: red;
}
img.mmedia-thumbnail {
  max-width: 100%;
  max-height: 100%;
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  top: 50%;
  left: 50%;
  position: absolute;
}
.rightColumn1 img.mmedia-thumbnail {
  max-width: 100%;
  max-height: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
  top: auto;
  left: auto;
  position: relative;
}
.rightColumn img.mmedia-thumbnail {
  /*left: auto;*/
  max-height: 100%;
  max-width: 100%;
}
.mmediaItem .labelsHolder {
  margin-top: 6px !important;
}
.searchHistory {
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
}
.subHeaderLabel {
  float: left;
  font-family: "Open Sans";
  font-size: 12px;
  line-height: 44px;
  padding: 0 15px;
  text-transform: uppercase;
}
.subHeaderContainer {
  float: left;
}
.subHeaderContainer.styled-select select,
.subHeaderContainer.styled-select input {
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  color: #efefef;
  height: 26px;
  margin: 9px 0;
  max-width: 280px;
  padding-right: 40px;
}
.subHeaderContainer.styled-select::after {
  color: #93afb5;
  font-size: 20px;
  top: 12px;
}
.subHeaderContainer.styled-select.styled-select2::after {
  content: "";
}
.subHeaderContainer.styled-select input {
  text-align: center;
  padding-right: 11px;
}
.subHeaderPagination {
  float: right;
  line-height: 24px;
  margin: 7px 0;
}
.subHeaderControls {
  float: right;
  font-family: "Open Sans";
  font-size: 13px;
  line-height: 28px;
  margin: 7px 0;
  text-transform: uppercase;
  clear: both;
}
.loginHolder .button {
  line-height: 26px;
}
.navbar-form .form-control {
  background-color: #282828;
  border: 1px solid #080808;
  color: #ffffff;
}
.hasFocus {
  background-color: rgba(66, 152, 171, 0.2) !important;
  position: relative;
}
.hasFocus {
  background-color: transparent !important;
  position: relative;
}
.hasFocus::before {
  background-color: inherit;
  content: "\25B6";
  font-size: 15px;
  height: 100%;
  left: -18px;
  position: absolute;
  top: 4px;
  width: 17px;
}
.hasFocus1::after {
  background-color: inherit;
  content: "";
  height: 100%;
  position: absolute;
  right: -17px;
  top: 0;
  width: 17px;
}
.repetitive .hasFocus::before {
  left: -1px;
  top: 37px;
}
.repetitive .hasFocus1::after {
  right: -3px;
  width: 3px;
}
.mmediaItem.hasFocus::before {
  width: 0;
}
.mmediaItem.hasFocus::after {
  width: 0;
}
.breadCrumbsHolder {
  border-left: medium none;
  border-right: medium none;
  border-top: 1px solid #fcfcfc;
  color: #555555;
  float: left;
  line-height: 43px;
  margin-left: 0;
  margin-right: 0;
}
.sidebar-wrapper .form-control {
  background-color: #eeeeee;
}
.list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.list-group-item {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  display: block;
  margin-bottom: -1px;
  padding: 5px 15px 5px 22px;
  position: relative;
  border-right: none;
}
.list-group-item::before {
  bottom: -1px;
  content: "s";
  font-family: "mpp" !important;
  left: -1px;
  line-height: 30px;
  padding: 0 4px;
  position: absolute;
  top: -1px;
  width: 20px;
}
.list-group-item .badge {
  background-color: rgba(0, 0, 0, 0.02);
  border-left: 1px solid #dddddd;
  border-radius: 0;
  color: #4198ab;
  float: right;
  line-height: 24px;
  margin: -5px -15px;
  text-align: center;
  width: 32px;
}
.list-group-item:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.rightColumn {
  padding-right: 8px;
  overflow-x: auto;
}
.slimScrollRail::before {
  background-color: #555;
  border-bottom: 1px solid #555;
  color: #efefef;
  content: "\25B2";
  font-size: 7px;
  height: 15px;
  left: -1px;
  opacity: 1;
  position: absolute;
  right: -1px;
  text-align: center;
  top: -15px;
  z-index: 2000;
}
.slimScrollRail::after {
  background-color: #555;
  border-bottom: 1px solid #555;
  color: #efefef;
  content: "\25BC";
  font-size: 7px;
  height: 15px;
  left: -1px;
  opacity: 1;
  position: absolute;
  right: -1px;
  text-align: center;
  bottom: -15px;
  z-index: 2000;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
  background-color: #ebebeb;
  border: 1px solid #c4c4c4;
  pointer-events: none;
}
.contentBoxBody {
  background-color: #ebebeb;
}
.form-control {
  background-color: #ffffff;
}
.contentBoxBodyInverted {
  background-color: #383838;
  border: none;
}
/*.sidebar-wrapper .contentBoxBodyInverted {
    margin-bottom: 1px;
    padding: 10px;
}*/
.sidebar-wrapper .contentBoxBodyInverted {
  margin-bottom: 1px;
  padding: 10px;
  margin-top: -10px;
}
.databaseChooser {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.databaseChooser span.tabDatabase {
  float: none;
  color: #b6b0b0;
  border: solid 1px #1f1f1f;
  margin-bottom: -1px;
}
.sidebar-wrapper .list-group {
  margin-bottom: 1px;
}
.sidebar-wrapper .contentBoxBodyInverted .labelsHolder {
  margin: 0;
}
.icon {
  position: relative;
}
[class^="icon-"]::before,
[class*=" icon-"]::before {
  font-family: "mpp" !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  left: 50%;
  line-height: 1;
  position: absolute;
  text-transform: none !important;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.iconed {
  padding-left: 30px;
}
.iconed::before {
  left: 20px;
}
.contentBoxBody {
  border-top: 1px solid transparent;
}
.contentBoxBody.insideContentBoxBody {
  margin-bottom: 7px;
}
.marginBottom15 {
  margin-bottom: 15px;
}
.buttonSecondary {
  background-color: #2c3e50;
  border-color: transparent;
}
.buttonTitle {
  padding: 0 15px;
}
.buttonSuccess,
.buttonDisabled.buttonSuccess {
  background-color: #3f8c3f;
  border-color: #357e35;
  color: #e8e8e8;
}
.buttonUndoAction,
.buttonDisabled.buttonUndoAction {
  background-color: #d9c54f;
  border-color: #d4be3a;
  color: #e8e8e8;
}
.buttonDisabled.buttonDefault {
  /*color: #e8e8e8;
    background-color: #2376af;
    border-color: #1f689a;*/
}
.buttonDisabled.buttonSuccess:hover,
.buttonDisabled.buttonSuccess:focus,
.buttonDisabled.buttonSuccess.focus,
.buttonDisabled.buttonSuccess:active,
.buttonDisabled.buttonSuccess.active,
.open > .dropdown-toggle.buttonDisabled.buttonSuccess {
  background-color: #357e35;
  border-color: #2b742b;
  color: #e8e8e8;
  cursor: pointer;
}
.buttonDisabled.buttonUndoAction:hover,
.buttonDisabled.buttonUndoAction:focus,
.buttonDisabled.buttonUndoAction.focus,
.buttonDisabled.buttonUndoAction:active,
.buttonDisabled.buttonUndoAction.active,
.open > .dropdown-toggle.buttonDisabled.buttonUndoAction {
  background-color: #d4be3a;
  border-color: #c5af2b;
  color: #e8e8e8;
  cursor: pointer;
}
.buttonDisabled.buttonDefault:hover,
.buttonDisabled.buttonDefault:focus,
.buttonDisabled.buttonDefault.focus,
.buttonDisabled.buttonDefault:active,
.buttonDisabled.buttonDefault.active,
.open > .dropdown-toggle.buttonDisabled.buttonDefault {
  /*cursor: pointer;
    color: #e8e8e8;
    background-color: #2376af;
    border-color: #1f689a;*/
}
.buttonSecondary:hover,
.buttonSecondary:focus,
.buttonSecondary.focus,
.buttonSecondary:active,
.buttonSecondary.active,
.open > .dropdown-toggle.buttonSecondary,
.buttonSecondary.buttonSecondaryExtreme:hover,
.buttonSecondary.buttonSecondaryExtreme:focus {
  background-color: #3c4e60;
  border-color: transparent;
  color: #ffffff;
  outline: none;
}
.buttonAlert:hover,
.buttonAlert:focus,
.buttonAlert.focus,
.buttonAlert:active,
.buttonAlert.active,
.open > .dropdown-toggle.buttonAlert {
  background-color: #c9433f;
  border-color: transparent;
  color: #e8e8e8;
}
.buttonDisabled:hover,
.buttonDisabled:focus,
.buttonDisabled.focus,
.buttonDisabled:active,
.buttonDisabled.active,
.open > .dropdown-toggle.buttonDisabled {
  /*color: #d4d4d4;
  background-color: #ebebeb;
  border-color: #ebebeb;
  cursor: default;*/
}
[data-disabled="disabled"] {
  /* Styles */
  cursor: not-allowed;
}
.form-control-text-right {
  text-align: right;
}
.subControls .button {
  float: left;
}
.navbar-form .inputForm {
  line-height: 26px;
  float: right;
}
.navbar-form .form-control {
  background-color: #efefef;
  border: 1px solid #efefef;
  color: #080808;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 11px;
}
.buttonCombined .icon {
  padding: 0 15px;
}
.buttonCombined .buttonTitle {
  padding: 0 15px 0 0;
}
.ItemNumber {
  border: 1px solid #bcbcbc;
  display: inline-block;
  line-height: 28px;
  padding: 0 10px;
  vertical-align: bottom;
}
.contentBoxHeader .form-control {
  background-color: rgba(0, 0, 0, 0.1);
  border: medium none;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;
  height: 30px;
  line-height: 28px;
  margin-top: -1px;
}
.contentBoxHeader .form-control {
  background-color: rgba(0, 0, 0, 0.1);
  border: 0 none;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
  height: 30px;
  line-height: 28px;
  margin-top: 0;
}
.contentBoxHeader .dropdownLink.right {
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.contentBoxHeader .dropdownLink.left {
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  border-left: 1px solid transparent;
  line-height: 28px;
  margin: -1px 0 0 -1px;
  border-right: 1px solid transparent;
}
.container.glavni {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}
.container.glavni.scrollable {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
  position: relative;
}
#glavniUpis > div.row {
  margin: 0;
  padding-right: 5px;
  padding-left: 50px;
  padding-left: 5px;
}
.slimScrollDiv {
  padding: 0 15px 0 0;
}
.rightColumn {
  padding-right: 5px;
}
.greyHeader > span.regNumber {
  background-color: transparent;
  color: #e8e8e8;
  display: inline-block;
  padding: 4px 0;
  text-align: center;
  vertical-align: bottom;
  width: 83px;
}
.greyHeader .button {
  background: transparent none repeat scroll 0 0;
  border-color: transparent;
  padding: 0 9px;
}
.menuLink .icon::before {
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
}
.prevCrumb.icon::before {
  font-size: 19px;
  left: -15px;
  position: absolute;
  top: 6px;
}
.subHeader {
  border-bottom: 1px solid #c4c4c4;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding: 0 0 0 10px;
}
.form-control {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.col.shaded {
  padding: 0;
}
.col.shaded > .col {
  padding: 0;
}
.contentBoxBody .row {
  float: none;
  margin-bottom: 6px;
  width: auto;
}
.row.shaded > .col {
  padding: 0;
}
textarea {
  border: 1px solid #c4c4c4;
  padding: 7px 9px;
}
#pretrazivanje {
  padding: 0;
  flex-grow: 1;
}
#pretrazivanje > div.row {
  margin: 0;
  padding-right: 5px;
  padding-left: 0;
}
#pretrazivanje #divScroll {
  padding: 0;
}
#divScroll {
  overflow-x: auto;
}
.contentBox {
  margin-bottom: 10px;
}
.ToolsBar {
  background: #383838 none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  position: absolute;
  top: -11px;
  width: 50px;
  z-index: 1;
  display: none;
}
.headerSearchTitleHolder {
  height: 30px;
  margin-left: -1px;
  margin-top: -1px;
}
.form-control.form-control-2 {
  background: #cfcfcf none repeat scroll 0 0;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 0 !important;
}
.styled-select.styled-select2::after {
  content: '';
}
.form-control.form-control3 {
  background-color: #cfcfcf;
  border: 1px solid transparent;
  padding: 0 !important;
  cursor: pointer;
}
.styled-select.styled-select3::after {
  content: '';
}
.addRemoveHolder .buttonIconed > .icon {
  padding: 0;
}
.chBoxBg > .col {
  background-color: #fff;
}
.SearchControlsHolder > span {
  line-height: 28px;
}
.buttonCombined {
  padding: 0;
  text-align: left;
  line-height: 26px;
}
.buttonCombined > .icon {
  height: 28px;
}
.choosePageHolder .form-control {
  padding-left: 3px !important;
}
.yyyGridResultsHolder > .row {
  margin: 0;
  border-left: solid 1px #dddee4;
  border-top: solid 1px #dddee4;
}
.alatiHolder .button {
  margin-bottom: 5px;
  display: block;
}
.alatiHolder .labelsHolder {
  margin: 10px 0 6px;
}
.modal {
  background-color: rgba(0, 0, 0, 0.1);
}
.modal-dialog1 {
  height: 90%;
  left: 50%;
  margin: 0;
  max-height: 90%;
  min-width: 600px;
  position: absolute;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) !important;
  -ms-transform: translateX(-50%) translateY(-50%) !important;
  -o-transform: translateX(-50%) translateY(-50%) !important;
  -webkit-transform: translateX(-50%) translateY(-50%) !important;
  transform: translateX(-50%) translateY(-50%) !important;
  width: 60%;
}
.modal-content1 {
  border-radius: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.modal-content1 .modal-header {
  background-color: #2376af;
  border: 1px solid #2376af;
  height: 50px;
  line-height: normal;
  margin-bottom: 0;
  padding: 13px 15px;
  color: #efefef;
}
.modal-body1 {
  bottom: 50px;
  float: left;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 50px;
  width: 100%;
}
.modal-footer1 {
  bottom: 0;
  height: 50px;
  left: 0;
  position: absolute;
  right: 0;
}
.rightColumn .contentBoxBody .row {
  margin-bottom: 0;
}
.form-label {
  background-color: #383838;
  border-color: #383838;
  border-style: solid;
  border-width: 0 0 1px 1px;
  color: #afafaf;
  line-height: 30px;
}
.styled-select .form-label {
  background-color: #303030;
  border-color: #303030;
}
.rightColumn .form-control-dropdown {
  background-color: #dfdfdf;
  border: 1px solid #dfdfdf;
}
.form-control-tampered {
  background-color: #efefef;
  border-color: #efefef;
}
.rightColumn .form-control-dropdown {
  background-color: #dfdfdf;
  border: 1px solid #dfdfdf;
}
.rightColumn .contentBoxBodyInverted {
  margin: 10px 0 0;
  padding: 15px 17px 17px;
}
.form-control-tampered {
  background-color: #ffffff;
  border-color: #ffffff;
}
.subInv {
  background-color: #5f5f5f;
  color: #afafaf;
  line-height: 30px;
  text-align: center;
}
.rightColumn .contentBoxBodyInverted .row {
  float: left;
  margin-bottom: 6px;
  width: 100%;
}
.rightColumn .contentBoxBodyInverted .labelsHolder {
  margin-bottom: 5px;
}
.rightColumn .form-control-dropdown {
  background-color: #dfdfdf;
  border: 1px solid #dfdfdf;
}
.rightColumn .mmediaImgHolder a.slika {
  cursor: zoom-in;
}
/*.mmediaControls > span {
    float: left;
    margin-left: -1px;
}

.mmediaControls {
    bottom: 0;
    position: absolute;
    right: 0;
    display: block;
    overflow: hidden;
}

.mmediaControls > span.button {
    width: 31px;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}*/
.mmediaControls .icon {
  /*padding: 25px;
    font-size: 28px;*/
}
.row.mmediaControls {
  width: 100%;
  float: left;
  margin: -1px 0 0;
  display: block;
}
.ControlsItem .form-control.form-control-dropdown {
  border: 1px solid transparent;
}
.ControlsItem .form-control.form-control-tampered {
  line-height: 22px;
}
.ChangeControls .ControlsItem.styled-select {
  margin-right: 5px;
  max-width: 256px;
}
.subInv {
  background-color: #f3f3f3;
  border-color: #41af23;
  border-style: solid;
  border-width: 2px 1px 2px 2px;
  color: #afafaf;
  font-size: 12px;
  line-height: 28px;
  padding: 0 7px;
  text-align: center;
}
.form-control-tampered {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #ffffff;
  border-color: #41af23 #41af23 #41af23 -moz-use-text-color;
  -moz-border-image: none;
  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border-style: solid solid solid none;
  border-width: 2px 2px 2px medium;
  font-size: 15px;
  height: 30px;
  padding: 1px 0 0 6px !important;
  width: 100px;
}
.form-control-tampered:focus {
  border-color: #41af23;
}
.ControlsItem .form-control.form-control-dropdown {
  border: 1px solid #c4c4c4;
  background-color: #efefef;
  cursor: pointer;
  height: 30px;
  padding: 4px 5px;
}
.ControlsTitle {
  line-height: 32px;
  padding: 0 15px 0 0;
}
.ChangeControls .ControlsItem.styled-select {
  margin-right: 0;
  max-width: 296px;
}
.itemsChooserHolder {
  float: left;
  margin-right: 50px;
  width: 300px;
}
.itemsChooserHolder > div {
  float: left;
  height: 28px;
}
.collectionChooserHolder {
  width: 60%;
}
.inventoryChooserHolder {
  width: 40%;
}
.itemsChooserHolder .styled-select {
  height: 100%;
  width: 100%;
}
.itemsChooserHolder .styled-select > div {
  height: 100%;
  width: 100%;
}
.itemsChooserHolder .styled-select > div > select,
.itemsChooserHolder .styled-select > div > input {
  height: 100%;
  width: 100%;
  color: #9f9f9f;
}
.itemsChooserHolder .inventoryChooserHolder input.form-control {
  height: 100%;
  width: 100%;
}
#invOznaka:before {
  content: 'PPMHP';
  background-color: #f3f3f3;
  color: #afafaf;
  border-right: solid 1px #41af23;
}
.ChangeControls {
  margin: 0 0 6px;
}
.ChangeControls > .row {
  margin-bottom: 6px;
}
.ControlsItem {
  max-width: 100% !important;
  padding: 0;
}
#invOznaka {
  padding: 0 0 0 86px !important;
  position: relative;
  width: 100%;
}
.invOznakaParent {
  padding: 0;
}
.invOznakaParent::before {
  background-color: #f3f3f3;
  border: 2px solid #41af23;
  color: #afafaf;
  content: "HPM";
  display: block;
  height: 30px;
  left: 0;
  padding: 4px 0 0 3px;
  position: absolute;
  top: 0;
  width: 83px;
  z-index: 1000;
}
.invOznakaParent[data-institucija]:before {
  content: attr(data-institucija);
  /* no quotes around attribute name! */
}
.ControlsTitle {
  background-color: #2376af;
  color: #efefee;
  font-family: "Open Sans", "sans-serif";
  font-size: 13px;
  line-height: 30px;
  padding: 0 0 0 8px;
}
.ControlsItem {
  max-width: 100% !important;
  padding: 0;
}
.ControlsItem > div {
  height: 100%;
}
.ControlsItem .form-control.form-control-dropdown {
  background-color: #efefef;
  border: 1px solid #c4c4c4;
  cursor: pointer;
  padding: 4px 5px;
  font-size: 15px;
}
.ChangeControls {
  margin: 9px 0;
  padding: 0 5px;
}
.ControlsItem .select2-container {
  width: 100% !important;
}
.BrojUZbirci {
  cursor: pointer;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 3px;
}
.BrojUZbirciHolder:hover .BrojUZbirci .form-control {
  border-color: #2376af;
}
.ControlsTitle {
  background-color: #2376af;
  color: #efefef;
  font-family: "Open Sans", "sans-serif";
  font-size: 13px;
  padding: 0 0 0 8px;
}
.navControls {
  background-color: #2376af;
  padding: 0;
}
.navControls > div {
  padding: 0;
}
.navControls .ItemNumber {
  background-color: #efefef;
  border-color: #9f9f9f transparent #adadad;
  border-style: solid none;
  border-width: 1px 0;
  display: inline-block;
  line-height: 28px;
  padding: 0 10px;
  text-align: center;
  vertical-align: bottom;
}
.ChangeControls {
  background-color: #dfdfdf;
  margin: 0;
  padding: 20px 10px 15px;
}
html,
body,
#applicationHost,
#applicationHost > div,
.wrapper,
.wrapper section,
.sidebar-wrapper {
  /*overflow: hidden;*/
}
.featherlight,
.featherlight:last-of-type {
  background: #181818 none repeat scroll 0 0 !important;
}
.modal-header {
  background-color: #2376af;
  border-bottom: 1px solid #13669f;
  border-radius: 0;
  color: #efefef;
  font-family: "Open Sans";
  font-size: 13px;
  min-height: 16.4286px;
  padding: 15px;
}
.modal-header .close {
  color: #fff;
  font-family: "Arial";
  font-size: 25px;
  font-weight: normal;
  margin-top: -2px;
  opacity: 0.7;
  text-shadow: none;
}
.modal-content {
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  outline: 0 none;
  position: relative;
}
.buttonText {
  padding: 0 25px;
  line-height: 28px;
}
.mmediaItem select.form-control {
  padding: 0 !important;
}
#mover .ko_container.ui-sortable li > div:first-child {
  height: 150px;
}
.rightColumn > .contentBox > .contentBoxBody {
  background-color: transparent;
}
.modal-footer > input {
  float: left;
}
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
  z-index: 6000;
}
tbody > .currentItemTable,
tbody > tr.currentItemTable:hover {
  background-color: #2376af;
  color: #efefef;
}
.table {
  margin-bottom: 0;
}
.panel {
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  margin-bottom: 0;
}
.panel-default > .panel-heading {
  border-color: #dddddd;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #2376af;
  color: #efefef;
}
.btn:hover,
.btn:focus,
.btn.focus {
  background-color: #fff;
  border-color: #fff;
  color: #333;
}
.panel-title {
  color: inherit;
  font-size: 14px;
  line-height: 28px;
}
#divScrollGrid {
  border-bottom: 1px solid #ddd;
  margin-left: 10px;
  margin-right: 10px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-left: 0;
  padding-right: 0;
}
.container.detailHolder {
  height: 280px;
  margin-top: 10px;
}
.itemsChooserHolder {
  float: left;
  margin-right: 0;
  width: 300px;
}
#virtualne .modal-dialog {
  bottom: 0;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
#virtualne .modal-header {
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
}
#virtualne .close {
  margin: 0;
  padding: 3px 0 0;
}
#virtualne .modal-header > h4 {
  font-size: 13px;
  line-height: 28px;
}
#virtualne .modal-body {
  padding: 0;
}
#virtualne {
  bottom: 0;
  height: 248px;
  left: 0;
  position: absolute;
  right: 0;
  top: auto;
}
.wrapper.Home {
  margin: 0 5px;
  padding-left: 0;
}
.listZbirke {
  padding: 0;
}
.listZbirke li {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #c4c4c4;
  line-height: 28px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 7px;
}
.listZbirke li:last-child {
  margin-bottom: 0;
}
.listZbirke .button.buttonDefault a {
  color: #efefef;
}
.listZbirke .button {
  float: right;
  line-height: 20px;
  margin-left: 5px;
  margin-top: 3px;
  padding: 0 10px;
}
.listZbirke .fa {
  margin-right: 5px;
}
.accordion-toggle {
  background-color: #144466;
  border: 1px solid transparent;
  color: #fff;
  cursor: pointer;
  font-family: "Arial";
  font-size: 13px;
  line-height: 28px;
  margin-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
}
.accordion-content {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  margin-bottom: 5px;
  margin-top: -5px;
  padding: 20px;
  display: none;
}
.accordion-content.default {
  display: block;
}
.accordion-toggle > span {
  float: right;
  font-family: "Open Sans";
  font-size: 11px;
  margin-left: 10px;
  padding-left: 19px;
  position: relative;
}
.accordion-toggle > span::before {
  content: "";
  height: 13px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 13px;
}
.redTag::before {
  background-color: #d9544f;
}
.blueTag::before {
  background-color: #448abb;
}
.accordion-content > p {
  height: 221px;
  margin: 0;
  position: relative;
}
.accordion-content .button {
  bottom: 0;
  display: block;
  float: right;
  position: absolute;
  right: 0;
}
.accordion-content .button > a {
  color: #fff;
}
.searchTab {
  float: left;
  width: 100%;
}
.searchTab.active {
  display: block;
}
.SearchControlsHolder .buttonDisabled {
  background-color: #dbdbdb;
  border-color: #cbcbcb;
  color: #7f7f7f;
}
.SearchControlsHolder .buttonDisabled:hover {
  background-color: #e2e2e2;
  border-color: #cbcbcb;
  color: #7f7f7f;
}
.tabs {
  background-color: #ebebeb;
  border-bottom: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  float: left;
  margin-bottom: 0;
  margin-top: 1px;
  padding: 0;
  width: 100%;
}
.tabs li {
  background-color: #dfdfdf;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
  cursor: pointer;
  float: left;
  line-height: 35px;
  margin-bottom: -1px;
  padding: 0 26px;
  width: 50%;
}
.tabs li:last-child {
  border-right: medium none;
}
.tabs li.active {
  background-color: #ebebeb;
  border-bottom: 1px solid transparent;
}
.contentBoxBodySized {
  min-height: 163px;
}
.searchTab .contentBoxBodySized {
  min-height: 0;
  padding: 30px 20px 10px;
}
.newAutoKomplit {
  background-image: none;
  font-family: Arial;
  font-size: 13px;
  border-top: 0;
  background-color: #ebebeb;
  padding-left: 37px;
}
.test {
  color: #ebebe9;
  background-color: #2376af;
  line-height: 30px;
  margin-top: -1px;
  padding: 0 10px;
  z-index: 6001;
}
.newAutoKomplit li.ui-menu-item,
.newAutoKomplit li.ui-menu-item.ui-state-focus {
  background-color: #fff;
  color: #252525;
  padding-left: 10px;
  margin: 0;
  border: none;
  background-image: none;
}
.newAutoKomplit li.ui-menu-item.ui-state-focus {
  background-color: #ebebeb;
}
.newAutoKomplit .ui-menu-item.kategorija,
.newAutoKomplit .ui-menu-item.ui-state-focus.kategorija {
  color: #b7b7b7;
  line-height: 34px;
  margin: 0;
  padding: 0 0 0 10px;
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
  border-left: none;
  border-right: none;
  background-color: #fff;
}
.newAutoKomplit .ui-menu-item.kategorija + .ui-menu-item.kategorija {
  border-top: 0 none;
}
.newAutoKomplit li.ui-menu-item::before,
.newAutoKomplit li.ui-menu-item.ui-state-focus::before {
  height: 34px;
  left: -37px;
  position: absolute;
  top: 0;
  width: 37px;
  content: "";
}
.ui-menu-item.kategorija.kZapis::before {
  background: transparent url("/Content/images/zapis.png") repeat scroll 0 0 !important;
}
.ui-menu-item.kategorija.kAutor::before {
  background: transparent url("/Content/images/autor.png") repeat scroll 0 0 !important;
}
.ui-menu-item.kategorija.kZbirka::before {
  background: transparent url("/Content/images/zbirka.png") repeat scroll 0 0 !important;
}
.ui-menu-item.kategorija.kVrstanaziv::before {
  background: transparent url("/Content/images/tag.png") repeat scroll 0 0 !important;
}
.ui-menu-item.kategorija.kMjestoizrade::before {
  background: transparent url("/Content/images/mjesto.png") repeat scroll 0 0 !important;
}
.ui-menu-item.kategorija.kSadrzaj::before {
  background: transparent url("/Content/images/sadrzaj.png") repeat scroll 0 0 !important;
}
.ui-menu-item.kategorija.kKljucnerijeci::before {
  background: transparent url("/Content/images/krijec.png") repeat scroll 0 0 !important;
}
.ui-menu-item.kategorija.kNaslovi::before {
  background: transparent url("/Content/images/naslov.png") repeat scroll 0 0 !important;
}
.ui-menu-item.kategorija.kTeme::before {
  background: transparent url("/Content/images/tag.png") repeat scroll 0 0 !important;
}
.ui-menu-item.kategorija.kSvikljucnipodaci::before {
  background: transparent url("/Content/images/naslov.png") repeat scroll 0 0 !important;
}
.ui-menu-item.kategorija.kVrijemedatacija::before {
  background: transparent url("/Content/images/vrijeme.png") repeat scroll 0 0 !important;
}
.ui-menu-item.kategorija.kOpis::before {
  background: transparent url("/Content/images/opis.png") repeat scroll 0 0 !important;
}
.ui-menu-item.kategorija.kTehnika::before {
  background: transparent url("/Content/images/tehnika.png") repeat scroll 0 0 !important;
}
.ui-menu-item.kategorija.kKataloska::before {
  background: transparent url("/Content/images/kataloska.png") repeat scroll 0 0 !important;
}
.ui-menu-item.kategorija.kMaterijal::before {
  background: transparent url("/Content/images/materijal.png") repeat scroll 0 0 !important;
}
.ui-menu-item.kategorija.kSvekljucnonazivlje::before {
  background: transparent url("/Content/images/tag.png") repeat scroll 0 0 !important;
}
.kategorijaName {
  float: left;
}
.kategorijaLink {
  color: #2476b0;
  float: right;
  font-size: 11px;
  padding-right: 15px;
}
.kategorijaName {
  color: #2476b0;
  float: left;
  font-weight: bold;
}
.newAutoKomplit .ui-menu-item.kategorija,
.newAutoKomplit .ui-menu-item.ui-state-focus.kategorija {
  background-color: #fcfcfc;
}
.rBroj {
  display: inline-block;
  padding: 4px 6px;
}
.cBox {
  display: block;
  float: left;
  line-height: 20px;
  margin-right: 3px;
  width: 10px;
}
.box.mainLink {
  float: left;
  width: 100%;
}
.mainLinkTitle {
  display: block;
  float: left;
  width: 135px;
}
.clear.block {
  clear: both;
  display: block;
}
a.mainLink:hover,
.checkedLink {
  background-color: #2376af;
  color: #e8e8e8;
}
.loader {
  border: 1px solid #aaaaaa;
  border-top: 0 solid #aaaaaa;
  height: 230px;
  background-color: #fff;
}
.loader .spinner > div {
  margin-right: 3px;
}
.LoginHolder {
  background-color: #ebebeb;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4999;
}
.Login {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  height: 440px;
  left: 50%;
  position: absolute;
  width: 695px;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.Login h1 {
  color: #2476b0;
  font-family: "Arial";
  font-size: 20px;
  padding: 120px 0 40px;
  text-align: center;
}
.Login .form-control {
  font-size: 14px;
  line-height: 36px;
  margin: 0 auto 10px;
  padding-left: 43px !important;
  width: 250px;
  height: 44px;
}
.form-control.userName {
  background-image: url("/Content/images/korisnik.png");
  background-position: left center;
  background-repeat: no-repeat;
}
.form-control.password {
  background-image: url("/Content/images/password.png");
  background-position: left center;
  background-repeat: no-repeat;
}
.Login > span {
  display: block;
  margin: -10px auto 0;
  text-align: right;
  width: 250px;
}
.Login > span a {
  color: #d7d7d7;
}
.Login input.button {
  display: block;
  font-size: 15px;
  font-weight: normal;
  line-height: 40px;
  margin: 25px auto 0;
  width: 85px;
}
.Login .progress {
  max-width: 80%;
  margin: 0 auto;
  margin-top: 70px;
}
.newAutoKomplit .ui-menu-item strong {
  color: #2376af;
  text-decoration: underline;
}
.searchAll {
  background-color: #2376af;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 20px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
}
.searchAll:hover {
  background-color: #185f8f;
}
#tabPretrazivanjeControls > div > .row > span {
  margin-top: 15px;
}
.buttonCentered {
  text-align: center !important;
}
.buttonCentered [class^="icon-"]::before,
.buttonCentered [class*=" icon-"]::before {
  top: 56%;
}
.buttonCentered .icon {
  font-size: 19px;
  line-height: 19px;
}
.contentBoxBodySized {
  min-height: 109px;
  padding-top: 0;
}
.tabs li {
  background-color: #2376af;
  border-bottom: 1px solid transparent !important;
  border-right: 0 none;
  border-top: 1px solid #2376af;
  color: #ebebeb;
  cursor: pointer;
  float: left;
  font-size: 13px;
  line-height: 35px;
  margin-bottom: -1px;
  padding: 0 26px;
  text-align: center;
  width: 50%;
}
.tabs li.active {
  background-color: #ebebeb;
  border-bottom: 1px solid transparent;
  border-top: 1px solid #bbb;
  color: #636363;
}
.searchTab .contentBoxBodySized {
  min-height: 0;
  padding: 35px 20px 27px;
  float: left;
  width: 100%;
}
.totalResultsNumbers {
  background-color: #2376af;
  color: #fff;
  font-weight: bold;
  margin: 0 4px;
  padding: 5px 10px;
}
.dropdownLink {
  background-color: #1c5e8c;
  color: #ebebeb;
}
.searchHistory {
  font-size: 13px;
  line-height: 29px;
  text-transform: none;
}
.dropdownLink::after {
  background-color: #2376af;
  content: "▼";
  height: 30px;
  padding: 6px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 28px;
}
.link-subtle:hover,
.link-subtle.opened {
  background-color: #1c5e8c;
}
.headerSearchTitleHolder {
  height: 30px;
  margin-left: 2.77778%;
  margin-top: 0;
}
.headerControls {
  border-left: 1px solid transparent;
  color: #fff;
  float: left;
  height: 30px;
  margin-left: 2.77778%;
  margin-top: 0;
}
.headerControls .button {
  border-color: transparent;
  float: none;
}
.buttonCentered a {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.invisibleList {
  display: none;
}
.visibleList {
  display: block;
}
#Kartica > .contentBoxBody {
  padding: 0;
}
.relatedContentHolder .contentBoxBody {
  padding: 0;
  border: 0;
}
.relatedContentHolder .contentBoxBody .relatedContentSubType {
  color: #2376af;
}
.relatedContentHolder .contentBoxBody div.contentDiv {
  background-color: #fff;
  padding: 0;
}
.relatedContentHolder ul.relatedContentList {
  padding: 0;
}
.relatedContentHolder ul.relatedContentList li {
  padding: 7px 15px;
  border-bottom: 1px solid #c4c4c4;
}
.relatedContentHolder ul.relatedContentList li:last-child {
  border-bottom: 0;
}
.sadrzajnaObradaBox .contentBoxBody {
  border: 0;
  padding: 0;
}
.contentBoxBody.newContextBoxBody {
  display: flex;
  padding: 17px;
  flex-wrap: wrap;
  gap: 7px;
}
.contentBoxBody.newContextBoxBody .row.noMargin.autoHeight {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
.contentBoxBody.newContextBoxBody .row.noMargin.autoHeight .col {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.contentBoxBody.newContextBoxBody .buttonSecondaryExtreme {
  margin: 0 5px;
  padding: 7px;
}
.rightColumnScroller {
  overflow-y: auto;
}
.noContent {
  margin-bottom: 7px;
  display: inline-block;
}
.contentDiv.sadrzajnaObradaHolder {
  padding-bottom: 0 !important;
}
.contentDiv.sadrzajnaObradaHolder .row.noMargin.tagsHolder {
  height: auto !important;
}
.contentDiv.sadrzajnaObradaHolder .row.noMargin.tagsHolder .col.col-lg-36 {
  height: auto !important;
}
.tagsInput {
  margin-bottom: 7px !important;
}
.tag {
  background-color: #2376af;
  color: #efefee;
  display: inline-block;
  float: left;
  margin-bottom: 7px;
  margin-right: 20px;
  border-left: solid 5px transparent;
}
.tag.selected {
  border-left: solid 5px #50ea50;
}
.tag > span {
  display: inline-block;
  float: left;
  height: 30px;
  line-height: 30px;
}
.tagClose {
  background-color: #2376af;
  font-size: 20px;
  position: relative;
  width: 15px;
  cursor: pointer;
}
.noRecord {
  display: block;
  text-align: center;
}
.buttonAddRecord {
  display: block;
  font-size: 15px;
  padding: 7px;
  margin-top: 7px;
}
.tagClose.icon.icon-ionicons-6::before {
  left: 10px;
  z-index: 2;
}
.tagClose::after {
  border-color: transparent transparent transparent #2376af;
  border-style: solid;
  border-width: 15px 0 15px 10px;
  content: "";
  height: 30px;
  position: absolute;
  right: -10px;
  width: 0;
  z-index: 1;
}
.tagClose:hover {
  background-color: #d9534f;
}
.tagClose:hover::after {
  border-color: transparent transparent transparent #d9534f;
}
.tagClose.disabled:hover {
  background-color: transparent;
}
.tagClose.disabled {
  cursor: text;
}
.tagClose.disabled:hover::after {
  border-color: transparent transparent transparent #2376af;
}
.tagClose.icon.disabled:before {
  content: '';
}
.sadrzajIcon {
  background-color: #2c3e50;
  height: 30px;
  width: 30px;
  font-size: 20px;
  cursor: pointer;
}
.sadrzajListIcon {
  font-size: 20px;
  margin-left: -30px;
  margin-right: 30px;
}
span.sadrzajIcon[data-vrsta="-1"]:before,
span.sadrzajListIcon[data-vrsta="-1"]:before,
span.sadrzajIcon[data-vrsta="1"]:before,
span.sadrzajListIcon[data-vrsta="1"]:before,
span.sadrzajIcon[data-vrsta="4"]:before,
span.sadrzajListIcon[data-vrsta="4"]:before,
span.sadrzajIcon[data-vrsta="5"]:before,
span.sadrzajListIcon[data-vrsta="5"]:before,
span.sadrzajIcon[data-vrsta="10"]:before,
span.sadrzajListIcon[data-vrsta="11"]:before {
  /*osobe*/
  content: "\35";
}
span.sadrzajIcon[data-vrsta="2"]:before,
span.sadrzajListIcon[data-vrsta="2"]:before {
  /*vrijeme*/
  content: "\36";
}
span.sadrzajIcon[data-vrsta="3"]:before,
span.sadrzajListIcon[data-vrsta="3"]:before {
  /*mjesto*/
  content: "\34";
}
span.sadrzajIcon[data-vrsta="6"]:before,
span.sadrzajListIcon[data-vrsta="6"]:before {
  /*opća tema*/
  content: "\37";
}
span.sadrzajIcon[data-vrsta="7"]:before,
span.sadrzajListIcon[data-vrsta="7"]:before,
span.sadrzajIcon[data-vrsta="9"]:before,
span.sadrzajListIcon[data-vrsta="9"]:before {
  /*Motiv*/
  content: "\27";
}
span.sadrzajIcon[data-vrsta="8"]:before,
span.sadrzajListIcon[data-vrsta="8"]:before {
  /*Ornament*/
  content: "\28";
}
span.sadrzajIcon[data-vrsta="10"]:before,
span.sadrzajListIcon[data-vrsta="10"]:before {
  /*Oblik*/
  content: "\29";
}
span.sadrzajIcon[data-vrsta="11"]:before,
span.sadrzajListIcon[data-vrsta="11"]:before {
  /*Oblik*/
  content: "\3c";
}
.tagText {
  padding: 0 7px;
}
.floatedModal {
  bottom: 0;
  display: none;
  float: right;
  left: auto;
  position: fixed;
  right: 15px;
  top: auto;
  width: 400px;
  overflow: hidden !important;
}
.floatedModal .modal-dialog {
  margin: 0;
  width: 100%;
}
.floatedModal .modal-header {
  height: 30px;
  padding: 0;
}
.floatedModal .modal-body {
  padding: 15px;
}
.floatedModal .tagsHolder {
  height: auto !important;
  overflow-y: auto;
  max-height: 270px;
  min-height: 270px;
}
.floatedModal h4 {
  line-height: 30px;
  padding-left: 15px;
}
.floatedModal .modal-body.loading .tagsHolder {
  background-image: url('/Content/images/loading.gif');
  background-position: center center;
  background-repeat: no-repeat;
}
#popisZbirki li > div:first-child {
  background: #fff none repeat scroll 0 0;
  height: 30px;
  margin-bottom: 2px;
  border-bottom: 1px solid #c4c4c4;
  line-height: 30px;
  padding-left: 15px;
}
.sortable-placeholder-pa-mozda {
  background-color: beige !important;
  border: medium none beige !important;
}
#popisZbirki {
  border-left: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  background-color: #fcfcfc;
}
#popisZbirki ul {
  border: none;
}
#popisZbirki li {
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 0;
  padding: 0;
  border-left: none;
  border-right: none;
  background-color: transparent;
}
#popisZbirki li + li {
  border-top: none;
}
#popisZbirki li:last-child {
  border-bottom: none;
}
#popisZbirki .expander {
  margin-right: 5px;
}
#popisZbirki > li > ul > li > div:first-child .tree-item {
  padding-left: 25px;
}
#popisZbirki > li > ul > li > ul > li > div:first-child .tree-item {
  padding-left: 50px;
}
#popisZbirki > li > ul > li > ul > li > ul > li > div:first-child .tree-item,
#popisZbirki > li > ul > li > ul > li > ul > li > ul > li > div:first-child .tree-item,
#popisZbirki > li > ul > li > ul > li > ul > li > ul > li > ul > li > div:first-child .tree-item {
  padding-left: 75px;
}
.bigIcon {
  height: 140px;
  font-size: 90px;
}
.allDatabaseSearchLabel {
  position: relative !important;
  margin: 0 0 -16px !important;
  text-align: right !important;
  height: 16px !important;
}
.allDatabaseSearchLabel label {
  padding-right: 10px;
}
span.tabDatabase {
  background-color: rgba(0, 0, 0, 0.1);
  line-height: 38px;
  display: block;
  float: left;
  padding: 0 25px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
span.tabDatabase.active,
span.tabDatabase:hover {
  background-color: #2376af;
  color: #efefef;
}
.noBg {
  background-color: transparent !important;
}
.modal-footer.row > .button {
  line-height: 28px;
  text-transform: uppercase;
}
.modal-body {
  padding: 25px 15px;
  position: relative;
}
.modal-body > .row {
  height: 30px;
  margin-bottom: 6px;
}
.modal-body > .row.labelsHolder {
  margin-bottom: 0;
}
.modal-body > .row > div {
  height: 100%;
}
.modal-body > .row > div > .form-control {
  height: 100%;
}
.modal-body .ko_container.ui-sortable {
  float: left;
  padding: 0;
  width: 100%;
}
.modal-body .ko_container.ui-sortable li {
  float: left;
  overflow: hidden;
  /*padding: 10px;
    width: 156px;*/
}
.modal-body .ko_container.ui-sortable .thumb {
  max-height: 100%;
  max-width: 100%;
}
.like-form-control {
  border: solid 1px #c4c4c4;
  padding: 3px 11px;
  background-color: #efefef;
  line-height: 22px;
}
div#extendedProperties .modal-dialog {
  width: 90% !important;
  height: 90% !important;
}
div#extendedProperties .modal-dialog > .modal-content {
  width: 100% !important;
  height: 100% !important;
}
div#extendedProperties .modal-dialog > .modal-content .modal-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  border: none;
  padding-bottom: 0 !important;
}
div#extendedProperties .modal-dialog > .modal-content .modal-body {
  position: absolute;
  top: 65px;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 0;
}
div#extendedProperties .modal-dialog > .modal-content .modal-body > .row {
  height: 100% !important;
}
.extendedTab {
  display: none;
}
.col-label {
  color: #2376af !important;
}
#extendedProperties button.close {
  color: #464646;
  opacity: 1;
}
ul.tabsExtended {
  padding: 0;
}
.tabsExtended li {
  float: left;
  border: solid 1px #c4c4c4;
  margin-right: 10px;
  line-height: 32px;
  color: #2376af !important;
}
.tabsExtended li.active,
.tabsExtended li:hover {
  border-bottom: solid 1px #2376af !important;
}
.tabsExtended li span {
  border-bottom: solid 3px transparent !important;
  padding: 0 20px;
  display: block;
  cursor: pointer;
}
.tabsExtended li.active span,
.tabsExtended li:hover span {
  border-bottom: solid 3px #2376af !important;
}
#extendedProperties .extendedTab .row.autoHeight {
  border-bottom: solid 1px #c4c4c4;
  padding: 0 0 5px;
}
#extendedProperties .contentBoxBody {
  height: 100%;
  overflow-y: auto;
  border-top: solid 1px #c4c4c4;
  padding: 8px 15px 0;
}
.extendedTab > div {
  height: 100%;
  overflow-y: auto;
}
.rightButton {
  float: right;
  display: block;
  height: 28px;
  width: 38px;
  margin-left: -8px;
  cursor: pointer;
  border-left: solid 1px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.12);
}
.rightButton:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.chBoxHolder.advancedKataloskaBox {
  float: right;
  width: auto;
  padding: 0 15px 0 30px;
  line-height: 38px;
}
span.extendedPropertiesHolder {
  display: block;
}
span.extendedPropertiesHolder .spanLink {
  text-decoration: underline;
  color: #2376af;
  cursor: pointer;
}
.odabrano span.extendedPropertiesHolder .spanLink {
  text-decoration: underline;
  color: #ebebeb;
  cursor: pointer;
}
.odabrano span.extendedPropertiesHolder .highligtedTitle {
  color: #fff;
}
span.extendedPropertiesHolder .highligtedTitle {
  color: #2376af;
  cursor: pointer;
  font-weight: bold;
}
.extendedTab .highligtedTitle {
  color: #2376af;
  font-weight: bold;
}
span.extendedPropertiesHolder .spanLink:hover,
span.extendedPropertiesHolder .highligtedTitle:hover,
.extendedTab .highligtedTitle:hover {
  color: #186294;
}
.odabrano span.extendedPropertiesHolder .spanLink:hover,
.odabrano span.extendedPropertiesHolder .highligtedTitle:hover,
.odabrano .extendedTab .highligtedTitle:hover {
  color: #fff;
}
.ItemHolder span.extendedPropertiesHolder span {
  width: 370px;
}
.ItemHolder.ItemHolderSingle.ItemHolderSingleKnjiznica span.extendedPropertiesHolder span.extendedPropertiesTitle {
  width: 16.66666667%;
}
.ItemHolder.ItemHolderSingle.ItemHolderSingleKnjiznica span.extendedPropertiesHolder span.extendedPropertiesContent {
  width: 83.33333333%;
}
.ItemHolder.ItemHolderSingle.ItemHolderSingleKnjiznica span.clear.block {
  padding: 5px 0;
}
.ItemHolder span.extendedPropertiesHolder span .button {
  width: 35px;
  height: 30px;
  font-size: 20px;
}
.ItemHolder span.extendedPropertiesHolder span.extendedPropertiesTitle {
  text-align: right;
  padding-right: 10px;
  width: 130px;
  color: #999;
}
.ItemHolder.ItemHolderSingle {
  height: auto;
}
.ItemHolder.ItemHolderSingle .textHolder {
  max-height: none;
  margin-left: 50px;
  max-width: 500px;
  font-size: 13px;
  line-height: 21px;
}
.ItemHolder.ItemHolderSingle.ItemHolderSingleKnjiznica .textHolder {
  max-width: none;
}
span.button.buttonIconed.buttonBody {
  display: inline-block;
}
span.button.buttonIconed.buttonBody span.icon {
  display: block;
  width: 100%;
  height: 100%;
  color: #555555;
}
p.textHolder span.extendedPropertiesHolder span.button.buttonIconed.buttonBody {
  width: 20px;
  height: 19px;
  font-size: 20px;
  margin-top: -6px;
  margin-left: 3px;
}
p.textHolder span.extendedPropertiesHolder span.button.buttonIconed.buttonBody:hover,
p.textHolder span.extendedPropertiesHolder span.button.buttonIconed.buttonBody.active {
  color: white;
  background-color: #eeeeee;
}
.yyyGridResultsHolder .ItemHolder.ItemHolderSingle .col {
  height: auto;
}
.yyyGridResultsHolder .ItemHolder.ItemHolderSingle .col.chkBoxHolder {
  position: absolute;
  left: 0;
  bottom: 0;
}
.ItemHolderSingle .col.imageHolder {
  background-color: rgba(0, 0, 0, 0.2);
  border: solid 1px rgba(0, 0, 0, 0.2);
  padding: 15px 0;
}
span.extendedPropertiesTitle.col.col-lg-6 {
  width: 120px;
}
span.col.col-lg-30 {
  width: 380px;
}
a.link.link-default.link-special {
  line-height: 28px;
  display: inline-block;
  padding: 0 7px;
  color: #ebebeb;
  border: solid 1px #2376af;
  background-color: #2376af;
  vertical-align: middle;
  margin-right: 10px;
}
a.link.link-default.link-special:hover {
  line-height: 28px;
  display: inline-block;
  padding: 0 7px;
  color: #ebebeb;
  border: solid 1px #ebebeb;
  background-color: #2376af;
  vertical-align: middle;
  margin-right: 10px;
}
.modal-footer .button {
  line-height: 28px;
}
.subControlsExtreme {
  width: 70%;
}
.subControlsExtreme > .generateTitleButton {
  position: absolute;
  left: 0;
  top: 0;
}
.generateTitleButton {
  background-color: #989898;
  border-color: transparent;
  color: #e8e8e8;
}
.generateTitleButton:hover,
.generateTitleButton:active {
  color: #e8e8e8;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.buttonSecondary.buttonSecondaryExtreme {
  background-color: #426282;
  width: 100%;
}
.buttonSecondary.buttonSecondaryExtreme.buttonAction {
  background-color: #5bc0de;
  width: 100%;
}
.buttonSecondary.buttonSecondaryExtreme.buttonSecondaryExtremeHalf {
  width: 50%;
}
.modal-body.ui-front > .row > span {
  line-height: 30px;
}
.modal-body.ui-front > .row.newTermTitle {
  font-size: 16px;
  border-bottom: solid 1px #ccc;
  margin-bottom: 25px;
  padding-bottom: 50px;
  min-height: 30px;
  height: auto;
}
.modal-body.ui-front > .row > span > select.form-control {
  line-height: 22px;
}
.contentBoxHeader > span.icon {
  display: block;
  float: right;
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid transparent;
  cursor: pointer;
  height: 30px;
  line-height: 29px;
  margin-right: -1px;
  padding: 0 15px;
}
.contentBoxHeader > span.icon.generateKataloska {
  font-size: 20px;
  margin-top: -1px;
}
.buttonSoloIcon .icon {
  display: block;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 0 5px;
}
.ControlsTitle > .logicki {
  padding: 0;
}
.logicki .roundedTwo.boxedTwo {
  padding: 0;
}
.logicki .roundedTwo.boxedTwo label {
  left: 0;
  right: 0;
}
.logicki::before {
  content: 'L:';
  position: absolute;
  left: -24px;
  height: 30px;
  font-size: 12px;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.1);
  padding: 0 7px;
}
/* Dropdown Button */
.dropbtn {
  /*background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;*/
}
/* Dropdown button on hover & focus */
.dropbtn:hover,
.dropbtn:focus {
  background-color: #3e8e41;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
/*.dropdown-content {
    display: none;
    position: absolute;
    background-color: #e2e2e2;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}*/
.dropdown-content {
  display: none;
  background-color: #e2e2e2;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  position: absolute;
  top: -1px;
  right: -1px;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  /*background-color: #f1f1f1;*/
  background-color: #e2e2e2;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
  display: block;
}
.searching {
  background-image: url('/Content/images/gears.gif');
  background-repeat: no-repeat;
  background-position: right;
}
.rezultatiPreuzimanja {
  padding: 25px 15px;
  width: 90%;
  margin: 0 auto;
}
.rezultatiPreuzimanja ul,
.rezultatiPreuzimanja ul li {
  width: 100%;
  float: left;
}
.rezultatiPreuzimanja ul li {
  width: 100%;
  float: left;
  margin-bottom: 3px;
}
.rezultatiPreuzimanja .tekst {
  width: 100%;
  float: left;
  border-bottom: solid 1px #cecece;
  padding: 2px 0;
}
.chBoxHolderPreuzimanje {
  width: 20px;
  height: 20px;
  float: left;
  position: relative;
}
.row.startFormHolder {
  margin: 10px 0;
  float: left;
  width: 100%;
}
ul.zbirkeList {
  margin: 0;
  padding: 0;
  background-color: white;
  border: solid 1px #c4c4c4;
  line-height: 28px;
  width: 100%;
  float: left;
}
ul.zbirkeList.izdvojeniPredmetiZaNaslovnicuList {
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.izdvojeniPredmetiZaNaslovnicuList li.ui-sortable-handle {
  display: flex;
}
.izdvojeniPredmetiZaNaslovnicuList li.ui-sortable-handle span.listTitle {
  position: relative;
  left: auto;
  right: auto;
  padding-right: 15px;
  padding-left: 0;
}
.izdvojeniPredmetiZaNaslovnicuList li.ui-sortable-handle span.listTitle:hover {
  background-color: transparent;
}
.izdvojeniPredmetiZaNaslovnicuList li.ui-sortable-handle span.listTitle img.mmedia-thumbnail {
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
  top: auto;
  left: auto;
  position: relative;
}
ul.podZbirkeList {
  display: none;
  width: 100%;
  float: left;
}
ul.zbirkeList li {
  cursor: pointer;
  width: 100%;
  float: left;
  border-bottom: solid 1px #c4c4c4;
}
ul.zbirkeList li ul {
  padding: 0;
  border-top: solid 1px #c4c4c4;
}
/*ul.zbirkeList li:hover {
    background-color:rgba(0,0,0,0.1);
}

ul.zbirkeList li:hover ul {
    background-color:white;
}
ul.zbirkeList li:hover .toggleList {
    background-color: white;
}
span.toggleList:hover {
    background-color:rgba(0,0,0,0.1);
}*/
ul.zbirkeList span.zbirkeListHolder {
  display: block;
  position: relative;
}
ul.podZbirkeList span.zbirkeListHolder {
  padding: 0 30px;
}
ul.podZbirkeList ul.podZbirkeList span.zbirkeListHolder {
  padding-left: 61px;
}
ul.podZbirkeList ul.podZbirkeList ul.podZbirkeList span.zbirkeListHolder {
  padding-left: 91px;
}
span.toggleList {
  width: 30px;
  display: inline-block;
  text-align: center;
  border-right: solid 1px #c4c4c4;
  height: 28px;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
ul.podZbirkeList span.toggleList {
  border-left: solid 1px #c4c4c4;
}
span.toggleList.hasChildren {
  background-image: url('images/toggle-expand-icon.png');
}
span.toggleList.hasChildren.opened {
  background-image: url('images/toggle-collapse-icon.png');
}
span.listTitle {
  float: left;
  display: inline-block;
  padding-left: 15px;
  left: 30px;
  position: absolute;
  right: 113px;
}
.zbirkeList span.toggleList {
  cursor: auto;
}
.zbirkeList span.toggleList.hasChildren {
  cursor: pointer;
}
.virtualneZbirkeListHolder span.listTitle {
  right: 57px;
}
span.listTitle:hover,
.toggleList.hasChildren:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.podZbirkeList span.listTitle {
  left: 62px;
}
.podZbirkeList .podZbirkeList span.listTitle {
  left: 93px;
}
.podZbirkeList .podZbirkeList .podZbirkeList span.listTitle {
  left: 123px;
}
.podZbirkeList .podZbirkeList .podZbirkeList .podZbirkeList span.listTitle {
  left: 135px;
}
li.showChildren > ul.podZbirkeList {
  display: block;
}
ul.zbirkeList li:last-child {
  border: none;
}
.listButton {
  height: 30px;
  background-color: #e4e3e3;
  border: solid 1px #c4c4c4;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 58px;
}
.listButton.goSearchButton {
  right: 56px;
}
.listButton .icon {
  background-color: transparent;
  margin: 0;
  font-size: 24px;
}
.listButton:hover,
.listButton.active {
  background-color: #2376af;
}
.listButton:hover .icon,
.listButton.active .icon {
  color: white;
}
li.isMapa {
  background-color: #fdfdd0;
}
.collectionChooserHolder .select2-selection.select2-selection--single {
  height: 28px;
}
.collectionChooserHolder .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.bigMediaButton {
  border: solid 1px rgba(0, 0, 0, 0.2);
  padding: 30px;
  text-align: center;
  cursor: pointer;
}
.bigMediaButton:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
td.rowControls {
  min-height: 149px;
  position: relative;
  display: block;
}
td.rowControls span.extendedPropertiesHolder {
  position: absolute;
  top: 36px;
  right: 0;
  font-size: 25px;
  padding: 0;
  width: 40px;
}
td.rowControls span.extendedPropertiesHolder .button {
  display: block;
  height: 40px;
  border-color: transparent;
  background-color: transparent;
  color: #999999;
}
td.rowControls span.extendedPropertiesHolder .button:hover,
td.rowControls span.extendedPropertiesHolder .button:focus,
td.rowControls span.extendedPropertiesHolder .button.focus,
td.rowControls span.extendedPropertiesHolder .button:active,
td.rowControls span.extendedPropertiesHolder .button.active {
  color: #555555;
  background-color: #dedede;
  border-color: #dcdcdc;
  cursor: pointer;
}
p.textHolder span.extendedPropertiesHolder {
  margin-bottom: 10px;
}
p.textHolder span.extendedPropertiesHolder span.button {
  width: 35px;
  height: 30px;
  font-size: 20px;
}
.ItemHolderSingle p.textHolder span.extendedPropertiesHolder {
  margin: 0;
}
.inventoryChooserHolder {
  width: 60%;
  position: relative;
}
.collectionChooserHolder {
  width: 40%;
}
.inventoryChooserHolder div {
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 28px;
}
.inventoryChooserHolder div .roundedTwo.boxedTwo {
  height: 28px;
  padding: 0;
  margin: 0;
}
.inventoryChooserHolder div .roundedTwo.boxedTwo label {
  right: 0;
  left: 0;
}
.subControls .chbBoxHolder {
  float: left;
}
.subControls .chbBoxHolder .roundedTwo.boxedTwo {
  position: relative;
  padding: 0;
  width: 30px;
}
.subControls .chbBoxHolder .roundedTwo.boxedTwo label {
  padding: 0;
  left: 0;
  right: 0;
}
.dropdown-content > div {
  float: left;
  background-color: #f9f9f9;
}
.dropdown-content > div.templateControls {
  width: 150px;
  background-color: transparent;
  padding: 10px 15px;
  line-height: 18px;
  color: #555555;
}
.carousel-fade {
  height: 100%;
}
.carousel-fade .carousel-inner {
  height: 100%;
}
.carousel-fade .carousel-inner .item {
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  height: 100%;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}
.carousel-fade .carousel-inner .item a.carousel-link {
  height: 100%;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.trChBoxholder .chBoxHolder {
  position: static;
}
select[multiple] {
  width: 100%;
  height: 30px;
  overflow: hidden;
}
.repositoryActionsHolder a {
  margin-right: 7px;
}
.mmediaControls .refreshThumbs {
  height: 28px;
}
.materijalHolder .row.noMargin.autoHeight .col-lg-18:last-child {
  margin-bottom: 0;
}
.materijalHolder .row.noMargin.autoHeight .col-lg-18 {
  margin-bottom: 7px;
}
.dropDownOptions .inputHolder {
  width: 100%;
}
.inputHolder ul {
  padding: 0;
  margin: 0;
}
.dropDownOptions .inputHolder ul li {
  float: left;
  width: 100%;
  margin-top: -1px;
}
.inputControlsButton {
  position: absolute;
  right: 5px;
  top: 0;
  width: 30px;
  border: solid 1px #c4c4c4;
  height: 30px;
}
#virtualCollectionHolder,
#OLKCollectionHolder {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1001;
  width: 260px;
  padding: 10px 15px;
  background: #2376af;
  color: #cecece;
}
#virtualCollectionHolder .title,
#OLKCollectionHolder .title {
  font-weight: bold;
}
.dropdown-content.dropDownOptions .buttonIconed > .icon {
  height: 26px;
}
#addNewZapis .labelsHolder {
  margin: 0;
}
.uploadImageHolder img {
  max-width: 100%;
}
#tblPredmeti .kataloska p {
  margin: 0;
  min-height: 20px;
}
.treeItemHolder {
  position: relative;
}
.treeItemChildren {
  position: absolute;
  left: 0;
}
.treeItemFolder {
  position: absolute;
  left: 16px;
  top: 5px;
}
.treeItem {
  padding-left: 35px;
  display: inline-block;
  padding-right: 7px;
}
.treeItem:hover {
  background: #dddfe1;
}
.treeItem.currentItemTreeView:hover {
  background: #2376af;
  color: #fff;
}
.treeScroller {
  background: transparent none repeat scroll 0 0;
  padding: 10px 0;
  border: 0;
  overflow-y: auto;
}
.treeScroller ul {
  margin: 0;
  padding: 0;
}
.treeScroller img {
  cursor: pointer;
}
.treeScroller > ul > div {
  padding: 0;
}
.treeScroller .treeItem {
  padding-left: 0;
  display: flex;
  border-bottom: solid 1px #d6d6d6;
  cursor: pointer;
}
.treeGroup .treeGroup .treeItem {
  padding-left: 19px;
}
.treeGroup .treeGroup .treeGroup .treeItem {
  padding-left: 38px;
}
.treeGroup .treeGroup .treeGroup .subTreeHolder .treeItem {
  padding-left: 57px;
}
.txtBoxControlsHolder {
  margin-bottom: 3px;
}
.txtBoxControls {
  float: right;
}
.txtBoxControls label {
  margin-top: 5px;
  margin-bottom: 0;
}
.txtBoxControls button {
  display: block;
  float: left;
  padding: 0 15px;
  margin-left: 5px;
}
.txtBoxControls button.buttonSoloIcon .icon {
  margin: 0;
  padding: 0;
  height: 23px;
}
.treeScroller .treeItem .treeItemTekst {
  flex-grow: 100;
  padding: 4px 0 2px;
}
.treeScroller .treeHandler {
  min-width: 25px;
  max-width: 25px;
  flex-grow: 1;
}
.treeScroller .treeItem > span {
  min-height: 28px;
}
.treeHandler::before {
  top: 14px;
}
.treeScroller .currentItemTreeView {
  border-radius: 0;
}
#ispisi .modal-dialog {
  width: 780px;
}
#ispisi span.listTitle,
#fileDownload span.listTitle,
#manyCollections span.listTitle,
#multiCollections span.listTitle {
  position: relative;
  height: 28px;
  left: 0;
  right: 0;
  width: 100%;
}
#manyCollections,
#multiCollections {
  max-height: 58vh;
  overflow: auto;
}
.seats.ui-sortable {
  min-height: 300px;
  background: gray;
}
#reportOptionsHolder,
#reportOptionsHolderNewM,
#reportOptionsHolderNewS,
#reportOptionsHolderNewK {
  background: #ebebeb;
  padding: 15px;
  float: left;
  width: 100%;
  max-height: 321px;
  overflow-y: auto;
}
#reportSelectedOptionsHolder,
#reportSelectedOptionsHolderNewM,
#reportSelectedOptionsHolderNewS,
#reportSelectedOptionsHolderNewK {
  background: #ebebeb;
  padding: 15px;
  float: left;
  width: 100%;
  height: 321px;
  overflow-y: auto;
}
#reportSelectedOptionsHolder .zbirkeList,
#reportSelectedOptionsHolderNewM .zbirkeList,
#reportSelectedOptionsHolderNewS .zbirkeList,
#reportSelectedOptionsHolderNewK .zbirkeList {
  height: 291px;
}
#reportSelectedOptionsHolder ul.zbirkeList li:last-child,
#reportSelectedOptionsHolderNewM ul.zbirkeList li:last-child,
#reportSelectedOptionsHolderNewS ul.zbirkeList li:last-child,
#reportSelectedOptionsHolderNewK ul.zbirkeList li:last-child {
  border-bottom: solid 1px #c4c4c4;
}
#reportOptionsHolder.noScroll,
#reportOptionsHolderNewM.noScroll,
#reportOptionsHolderNewS.noScroll,
#reportOptionsHolderNewK.noScroll {
  overflow-y: hidden;
  overflow-x: hidden;
}
#reportOptionsHolder span.listTitle,
#reportSelectedOptionsHolder span.listTitle,
#reportOptionsHolderNewM span.listTitle,
#reportSelectedOptionsHolderNewM span.listTitle,
#reportOptionsHolderNewS span.listTitle,
#reportSelectedOptionsHolderNewS span.listTitle,
#reportOptionsHolderNewK span.listTitle,
#reportSelectedOptionsHolderNewK span.listTitle {
  display: inline-block;
  left: 0;
  position: relative;
  width: 100%;
}
#reportSelectedOptionsHolder span.listTitle.shortend,
#reportSelectedOptionsHolderNewM span.listTitle.shortend,
#reportSelectedOptionsHolderNewS span.listTitle.shortend,
#reportSelectedOptionsHolderNewK span.listTitle.shortend {
  width: 85%;
}
#reportOptionsHolder .ui-sortable-placeholder,
#reportSelectedOptionsHolder .ui-sortable-placeholder,
#reportOptionsHolderNewM .ui-sortable-placeholder,
#reportSelectedOptionsHolderNewM .ui-sortable-placeholder,
#reportOptionsHolderNewS .ui-sortable-placeholder,
#reportSelectedOptionsHolderNewS .ui-sortable-placeholder,
#reportOptionsHolderNewK .ui-sortable-placeholder,
#reportSelectedOptionsHolderNewK .ui-sortable-placeholder {
  visibility: visible !important;
}
#reportSelectedOptionsHolder .ui-sortable-placeholder,
#reportSelectedOptionsHolder .ui-sortable-placeholder,
#reportSelectedOptionsHolderNewM .ui-sortable-placeholder,
#reportSelectedOptionsHolderNewM .ui-sortable-placeholder,
#reportSelectedOptionsHolderNewS .ui-sortable-placeholder,
#reportSelectedOptionsHolderNewS .ui-sortable-placeholder,
#reportSelectedOptionsHolderNewK .ui-sortable-placeholder,
#reportSelectedOptionsHolderNewK .ui-sortable-placeholder {
  visibility: visible !important;
}
.napomenaGrid {
  overflow-wrap: break-word;
}
#reportSelectedOptionsHolder .chBoxHolder,
#reportSelectedOptionsHolderNewM .chBoxHolder,
#reportSelectedOptionsHolderNewS .chBoxHolder,
#reportSelectedOptionsHolderNewK.chBoxHolder {
  width: 15%;
  display: inline-block;
  text-align: center;
}
ul.zbirkeList.availableOptions.sortableNewReport.ui-sortable {
  height: 291px;
  overflow-y: auto;
}
#reportSelectedOptionsHolder .zbirkeList,
#reportSelectedOptionsHolderNewM .zbirkeList,
#reportSelectedOptionsHolderNewS .zbirkeList,
#reportSelectedOptionsHolderNewK .zbirkeList {
  overflow-y: auto;
}
#reportSelectedOptionsHolder ul.zbirkeList li:last-child,
#reportSelectedOptionsHolderNewM ul.zbirkeList li:last-child,
#reportSelectedOptionsHolderNewS ul.zbirkeList li:last-child,
#reportSelectedOptionsHolderNewK ul.zbirkeList li:last-child {
  border-bottom: none;
}
.listTitle.active,
.listTitle.active:hover {
  background-color: #0076b0;
  color: white;
}
#katalog .row + .labelsHolder {
  height: 30px !important;
  line-height: 45px;
}
#katalog .catalogueItemsHolder {
  margin-top: 7px;
  border: solid 1px #dddddd;
}
#katalog .catalogueItemsHolder .mmediaImgHolder {
  height: 100px;
  width: 100px;
  position: relative;
  display: inline-block;
}
#katalog .catalogueItemsHolder > .row {
  margin-left: 0;
  margin-right: 0;
  border-bottom: solid 1px #dddddd;
  border-top: none;
  min-height: 149px;
}
#katalog .catalogueItemsHolder > .row > .col {
  border-right: solid 1px #dddddd;
  padding: 10px 7px;
}
#katalog .catalogueItemsHolder > .row > .col:last-child {
  border-right: none;
}
#katalog .catalogueItemsHolder .row.katalogHeader {
  line-height: 35px;
  font-weight: 600;
  background-color: #fcfcfc;
  min-height: unset;
}
#katalog .catalogueItemsHolder .row.katalogHeader > .col {
  padding: 0 7px;
}
#katalog .languageHolder {
  float: right;
  margin-bottom: 7px;
  padding-right: 0;
  text-align: right;
}
#katalog .languageHolder .language {
  background-color: #fcfcfc;
  border: solid 1px #dddddd;
  padding: 7px 10px;
  display: inline-block;
  line-height: 20px;
  cursor: pointer;
}
#katalog .languageHolder .language.selected {
  background-color: #2f8bcb;
  border: solid 1px #11629b;
  color: #fff;
}
#katalog .alatiHolder .button .icon {
  padding: 17px 15px;
}
.equal {
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-row {
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-row > [class*='col-'] {
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.flex-row.row:after,
.flex-row.row:before {
  display: flex;
}
.notPublished {
  color: #c4c4c4;
}
div#mod-progress {
  z-index: 999999;
}
.inlineGoButton {
  padding: 0 10px;
  position: absolute;
}
.inlineGoButton + .form-control {
  width: 100%;
  padding-left: 60px !important;
}
#onlineKatalogModal {
  z-index: 9999999;
}
.likeInput {
  border: 1px solid #c4c4c4;
  padding: 3px 8px;
  float: left;
  width: 100%;
  height: 100px !important;
  overflow: auto;
  background-color: #ebebeb;
}
.zbirkeList.reportOptionsList .roundedTwo.boxedTwo label {
  left: 0;
  right: 0px;
  top: -1px;
  bottom: 0px;
  border: 1px solid #5bc0de;
  height: 30px;
  border-right: 0;
}
.zbirkeList.reportOptionsList .col .form-control {
  border-top: none;
  border-bottom: none;
  height: 28px;
}
.zbirkeList.reportOptionsList input.form-control:focus {
  border-color: #c4c4c4;
}
.customSize .customSizeHolder {
  padding-bottom: 7px;
}
.customSize .customSizeHolder.active {
  background-color: #2376af;
}
.customSize .customSizeHolder.active .labelsHolder {
  color: #e8e8e8;
}
.customSize .customSizeHolder.active .form-control {
  color: #555;
}
.customSizeHolder .labelsHolder {
  margin-bottom: 3px;
  margin-top: -8px;
}
.tableHeader.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.tableHeader.disabled span.tabDatabase {
  background-color: #adadad;
}
.redBox {
  background-color: red;
  padding: 2px 5px;
  color: #f2f2f2;
}
.imagesEditList .listButton.buttonAlert {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.imagesEditList .listButton.buttonAlert:hover,
.imagesEditList .listButton.buttonAlert.active {
  background-color: #c9433f;
}
.imagesEditList .listButton.buttonUndoAction {
  background-color: #d9c54f;
  border-color: #d4be3a;
}
.imagesEditList .listButton.buttonUndoAction:hover,
.imagesEditList .listButton.buttonUndoAction.active {
  background-color: #d4be3a;
}
@media only screen and (max-width: 1408px) {
  .allDatabaseSearchLabel {
    height: auto !important;
  }
}
.singleStatistikaHolder {
  padding: 15px;
  border-bottom: solid 1px;
}
.singleStatistikaHolder h4 {
  margin: 7px 0 3px;
  font-weight: bold;
}
.singleStatistikaHolder .grayText {
  color: #aeabab;
}
.row.tableItems {
  padding: 0;
  margin: 0 0 100px;
}
.tableItems img {
  max-width: 133px;
}
.tableItems h1 {
  font-size: 15px;
}
.tableItems > .col.col-lg-36 {
  border-bottom: solid 1px #c4c4c4;
  padding: 7px 0;
}
.tableItems .col.col-lg-4 {
  text-align: right;
}
.row.dataCategoryHolder {
  margin-bottom: 15px;
}
.dataCategoryVrijednostHolder p {
  margin: 0;
}
.componentsHolder {
  display: flex;
}
.component {
  padding: 15px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 1px 0 0 0 #888, 0 1px 0 0 #888, 1px 1px 0 0 #888, /* Just to fix the corner */ 1px 0 0 0 #888 inset, 0 1px 0 0 #888 inset;
}
.syncHolder {
  display: flex;
  margin-bottom: 7px;
}
.syncHolder:last-child {
  margin-bottom: 25px;
}
.syncHolder div {
  flex-grow: 0;
  width: 260px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.syncHolder div:last-child {
  min-width: 350px;
}
#Nalaziste .labelsHolder {
  height: auto !important;
  display: flex;
  align-items: flex-end;
}
#Nalaziste .labelsHolder .col {
  height: auto !important;
}
.displayFlexColumn {
  display: flex;
  flex-direction: column;
}
.displayFlexRow {
  display: flex;
  flex-direction: row;
}
.displayFlexRow .inputControlsButton {
  position: relative;
  right: auto;
  border-left: none;
}
.contentBoxBody .repetitive > div > .row {
  margin: 0;
}
.contentBoxBody .repetitive > div .row:last-child {
  margin-bottom: 0;
}
#selZbirkaValue {
  height: 30px;
}
.ControlsItem.disabled {
  cursor: not-allowed !important;
}
.styled-select.disabled {
  cursor: not-allowed;
}
.styled-select.disabled:after {
  content: none;
}
.editable-input {
  overflow: hidden;
  height: 30px;
  resize: none;
  width: 100%;
  box-sizing: border-box;
  line-height: 20px;
}
.contentBoxBody.newContextBoxBody .buttonSecondaryExtreme.col-lg-30 {
  width: 50.33%;
  margin: 0;
  flex-grow: 1;
}
.contentBoxBody.newContextBoxBody .buttonSecondaryExtreme.col-lg-33 {
  width: 50.33%;
  margin: 0;
  flex-grow: 1;
}
#katalogAdmin > div.row {
  margin: 0;
  padding-right: 5px;
  padding-left: 0;
}
.adminKatalogCategories {
  padding: 0 20px;
  line-height: 20px;
}
.adminKatalogCategories li {
  cursor: pointer;
}
.adminKatalogCategories li.active,
.adminKatalogCategories li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.hiddenEdit {
  display: none;
  margin-top: 7px;
  background-color: white;
  margin: 0;
  border: solid 1px #c4c4c4;
  padding: 7px 0;
}
.hiddenEdit.shownEdit {
  display: block;
}
.hiddenEdit .listButton {
  top: 0;
  right: auto;
  position: relative;
  display: inline;
  float: none;
}
.hiddenEdit .listButton .icon {
  font-size: 19px;
}
.row.noMargin.katalogItems {
  width: 100%;
  margin-bottom: 0;
  border: solid 1px #c4c4c4;
  border-bottom: none;
  height: auto;
  cursor: pointer;
  background-color: #fff;
  position: relative;
}
.row.noMargin.katalogItems:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.row.noMargin.katalogItems > div.col {
  line-height: 30px;
}
.row.noMargin.katalogItems .listButton {
  top: 0px;
  border-top: none;
  border-bottom: none;
}
.tabNaslovnica .contentBoxHeader .icon {
  font-size: 17px;
  margin-top: -2px;
}
.sortableItem {
  position: relative;
}
.sortableItem::before {
  bottom: -1px;
  content: "s";
  font-family: "mpp" !important;
  left: 3px;
  line-height: 35px;
  padding: 0 4px;
  position: absolute;
  top: -1px;
  width: 20px;
}
.tabNaslovnica .zbirkeListHolder .listButton {
  width: 115px;
}
.alatiHolder.katalogAlati {
  float: left;
  min-width: 238px;
}
.alatiHolder.katalogAlati > .row {
  margin: 0;
}
.katalogAlati .col-md-9.col-sm-9 {
  padding: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.alatiHolder.katalogAlati .button {
  margin-bottom: 0;
}
#katalog .alatiHolder.katalogAlati .button .icon {
  padding: 18px 15px;
}
.newCatalogueTab {
  display: none;
}
.newCatalogueTab.visible {
  display: block;
}
@media (max-width: 1510px) {
  .subHeaderContainer {
    width: 170px;
  }
  .subHeaderContainer.styled-select2 {
    width: 110px;
  }
}