.topbar {
	margin-bottom: 0rem !important;
}

.sidebar {
	width: 10rem !important;
}
.sidebar .nav-item .collapse .collapse-inner, .sidebar .nav-item .collapsing .collapse-inner {
	min-width: 8rem !important;
}

.auto_centered {
  top: 25% !important;
  left: 65% !important; 
}

.collapse-item-divider {
	margin: 0 !important;
	border: 1px solid #17a673 !important;
}





/* Loading */
.loading:before {
 font-size:20px;
 z-index: 2000;
}

/* LOADINGSPINNER */
#overlay {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	opacity: 0.4;
	filter: alpha(opacity=40);
	z-index: 1999;
}
#loading {
	position: absolute;
	top: 25%;
	left: 25%;
	z-index: 1999;
}

/* Info */
.progress-bar {
	transition: width 5s ease;
}
/* Common */
body, .ease_in, .table, .flash_once {
	-webkit-animation-duration: 4.25s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-delay: 0s;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: none;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	-webkit-animation-name: fadeIn;
	animation-duration: 4.25s;
	animation-timing-function: ease;
	animation-delay: 0s;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-iteration-count: 1;
	animation-play-state: running;
	animation-name: fadeIn;
}
.modal {
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-delay: 0s;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: none;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	-webkit-animation-name: fadeIn;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-delay: 0s;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-iteration-count: 1;
	animation-play-state: running;
	animation-name: fadeIn;
}

.bootbox-confirm {
	top: 10rem;
}
.bootbox-confirm .modal-header{
	color: #fff;
	background-color: brown;
}


/* ********** FORMS ********** */

.filter-control .form-control {
	font-size: 1rem;
}

/* Form small */
.small_form_css .form-group {
	margin-bottom: 0.5rem !important;
}
.is-invalid {
	border-width: 5px !important;
}
.bootstrap-select.is-invalid .dropdown-toggle {
	border-width: 5px !important;
}
.select-text-right .dropdown-toggle .filter-option {
	text-align: right !important;
}

/* ITEMS IMAGES */

#items_images .items_images {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.items_images img {
	width: 100%;
}
.items_images .over-area {
	display: inline-block;
	text-align: center;
	position: absolute;
	z-index: 3;
	padding: 10% 8%;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	color: white;
	opacity: 0;
	background: rgba(0, 0, 0, 0.55);
	-webkit-transition: background 0.5s, opacity 0.5s 0.5s;
	-moz-transition: background 0.5s, opacity 0.5s 0.5s;
	-o-transition: background 0.5s, opacity 0.5s 0.5s;
	-ms-transition: background 0.5s, opacity 0.5s 0.5s;
	transition: background 0.5s, opacity 0.5s 0.5s;
}
.items_images .over-area:hover {
  opacity: 1;
  -webkit-transition: background 0.25s, opacity 0.25s 0s;
  -moz-transition: background 0.25s, opacity 0.25s 0s;
  -o-transition: background 0.25s, opacity 0.25s 0s;
  -ms-transition: background 0.25s, opacity 0.25s 0s;
  transition: background 0.25s, opacity 0.25s 0s;
  transition-delay: 0;
  -webkit-transition-delay: 0;
}
.items_images .content {
	position: relative;
	opacity: 0;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	min-height: 165px;
	word-break: break;
	opacity: 0.5s;
	filter: alpha(opacity=50s);
	-webkit-perspective: 300px;
	-moz-perspective: 300px;
	-o-perspective: 300px;
	-ms-perspective: 300px;
	perspective: 300px;
}
.items_images .over-area:hover .content {
  opacity: 1;
  opacity: 0.2s;
  filter: alpha(opacity=20s);
}

.items_images .content a {
	opacity: 0.8;
	color: white !important;
}
.items_images .content a:hover {
	opacity: 1;
	cursor: pointer !important;
}







/* ********** TABLES ********** */

.legend {
	font-weight: bold !important;
	color: #36b9cc !important;
	padding-bottom: 0.5rem !important;
	margin-bottom: 1.5rem !important;
	border-bottom: 1px solid #36b9cc !important;
}

.table_main {
	font-size: 0.8rem;
}
.table_s_line {
	color: #000 !important;
	line-height: 15px !important;
}

.table_small {
	font-size: 0.6rem;
	text-align: right;
}
.hover {
	cursor: pointer;
}
.table_main caption, .table_small caption {
	text-align: center;
	font-size: 1rem;
	color: #36b9cc;
	font-weight: bold;
	caption-side: top !important;
}
.table_main thead {
	color:#000000; 
	background-color: #36b9cc;
}


.fixed-table-footer  {
	/* overflow: auto !important; */
	/* overflow-y: auto !important; */
}


.table_small thead {
	color: grey; 
	background-color: #ccc;
}

.modal_main .modal-header {
	text-align: center;
	color:#000000; 
	background-color: #36b9cc;
}

.modal_small .modal-header {
	text-align: center;
	color: #fff; 
	background-color: #5cb85c;
}

/* Table very small */
#bulid_table {
	margin-bottom: 1rem !important;
}
#bulid_table .table_very_small {
	font-size: 0.5rem !important;
}
#bulid_table .bootstrap-table .fixed-table-container thead th .th-inner {
	white-space: normal !important;
	padding: 1px !important;
}
/* Table izvjestaj */
#table_izvjestaj_1 .bootstrap-table .fixed-table-container thead th .th-inner {
	white-space: normal !important;
}

.row-bold {
	font-weight: bold !important;
}



#main {
	position: relative;
	top: 0em;
}

#info {
	min-height: 5rem;
	background-color: #36b9cc;
	color: #000000;
	text-align: center;
	padding: 1rem;
	margin: 0;
}

#info #info_message {
	font-size: 1.5rem;
	padding-top: 1.5rem;
}
#info #datum_vrijeme, #info #poslovnica {
	font-size: 1rem
}



.right {
  float: right;
}
.left {
  float: left;
}
.number_right {
  text-align: right;
}

.form-group {
  margin-bottom: 1rem;
}
.form-inline .form-group {
  margin-bottom: 1rem;
}




/* Table head & action icons */
.fixed-table-body .table th {
	text-align: center !important;
}
.dokumenti-delete {
	color: #c9302c
}
.dokumenti-print {
	color: #449d44
}

/* UGOVORI */
.nav-pills > li.active > a, .nav-pills > li.active > a:focus {
    color: black;
    background-color: #36b9cc;
}

.nav-pills > li.active > a:hover {
    background-color: #fcd900;
    color: #000000;
}
.nav-pills a {
	color: #36b9cc;
}



.osnovno5 .input-group {
  margin-bottom: 1rem;
}
.osnovno5 .input-group-addon {
  width: 35%;
}
.osnovno5 input {
  text-align: right;
}

/* KONTNI PLAN */
.padding-sm {
	padding-left: 1px;
	padding-right: 1px;
}
.padding-sm input {
 text-align: center;
}
.class_autocomplete {
	color: blue;
	font-size: 1rem;
}

/* ZIRO AZ */
.osnovno3 .input-group {
  margin-bottom: 1rem;
}
.osnovno3 .input-group-addon {
  width: 20%;
}
.osnovno3 select {
	font-size: 1rem;
}
.sm_font {
	font-size: 1rem !important;
}

/* BLAGAJNA */
.osnovno4 .input-group-addon {
  background-color: #d9534f; 
  color: #fff;
}
.osnovno4 select {
	font-size: 1rem;
}
.osnovno4 .selectpicker-sm {
	font-size: 1rem;
}
.osnovno4 .bootstrap-select button span {
	font-size: 1rem;
}

#modal_blagajna_print_ira .input-group-btn button {
	width: 8rem;
}
#modal_blagajna_print_ira .input-group input {
	font-size: 1rem;
}

/* SCROLL TOP */
#scroll-to-top {
	position: fixed;
	right: 0.5em;
	bottom: 4.5em;
	font-size: 2em;
	cursor: pointer;
	text-decoration: none;
	outline: none;
}
#scroll-to-bottom {
	position: fixed;
	right: 0.5em;
	bottom: 3em;
	font-size: 2em;
	cursor: pointer;
	text-decoration: none;
	outline: none;
}
/* FLASH */
#table_zalog_dodaj, #datum_valute, .flash {
	animation-duration: 5s;
	-moz-animation-duration: 5s;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: 3;
   animation-iteration-count: 3;
}


/* POMOC button pulse */
.pulse-button {
	box-shadow: 0 0 0 0 #449d44;
  -webkit-animation: pulse 4s infinite cubic-bezier(0.5, 0, 0, 1);
  -moz-animation: pulse 4s infinite cubic-bezier(0.5, 0, 0, 1);
  -ms-animation: pulse 4s infinite cubic-bezier(0.5, 0, 0, 1);
  animation: pulse 4s infinite cubic-bezier(0.5, 0, 0, 1);
}
.pulse-button:hover {
	animation: none;-moz-animation: none;-ms-animation: none;animation: none;
	-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}

/* TEXT pulsate */
.pulsate {
	color: red;
	animation: pulsate 1s ease-out;
	animation-iteration-count: infinite;
	-webkit-animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite; 
}
@keyframes pulsate {
	0% { opacity: 0.2; }
	50% { opacity: 1; }
	100% { opacity: 0.2; }
}
@-webkit-keyframes pulsate {
	0% { opacity: 0.2; }
	50% { opacity: 1; }
	100% { opacity: 0.2; }
}
.pulsate:hover {
	animation: none;-moz-animation: none;-ms-animation: none;animation: none;
	-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}