/* COMMON BS4*/
 .d-none {
	display: none !important;
}
.w-100 {
	width: 100% !important;
}
.p-1 {
	padding: 0.5rem !important;
}
.p-2 {
	padding: 1rem !important;
}
.pt-2 {
	padding-top: 1rem !important;
}
.p-3 {
	padding: 1.5rem !important;
}
.p-4 {
	padding: 2rem !important;
}

.bg-info {
	background-color: #c5d6f6 !important;
}
.bg-success {
	background-color: #c7efc7 !important;
}
.bg-warning {
	background-color: #f6dac5 !important;
}
.bg-danger {
	background-color: #fed2d2 !important;
}

/* Loading */
.loading {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	opacity: 0.4;
	filter: alpha(opacity=40);
	z-index: 1999;
}
.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: 50%;
	left: 40%;
	margin: -28px 0 0 -25px;
	z-index: 1999;
}

/* login */
.panel-heading {
	background-color: #ccac00;
	color: #000000;
}
.panel {
	border-color: #ccac00;
}
#loginbox img {
	width: 100%;
	height: 20rem;
}
/* Info */
.progress-bar {
	transition: width 5s ease;
}
/* Common */
body, .table {
	-webkit-animation-duration: 2.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: 2.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;
}

.table_main, .table_small, .table_modal  {
	font-size: 1rem;
}
.table_small, .table_modal {
	text-align: right;
}
.hover {
	cursor: pointer;
}
.table_main caption, .table_small caption, .table_modal caption {
	text-align: center;
	font-size: 2rem;
	color: #ccac00;
	font-weight: bold;
}
.table_main thead {
	color:#000000; 
	background-color: #ccac00;
}


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


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

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

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

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

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

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

#info #info_message {
  font-size: 2rem;
	margin-top: 0.5rem;
}
#info #datum_vrijeme, #info #poslovnica {
	font-size: 1rem
}

/* Navigacija */
#navigacija .nav a {
  text-align: center;
  font-size: 1rem;
}
#navigacija .nav a i {
	font-size: 3rem;
  padding-bottom: 1rem;
  color: #ccac00;
}
#navigacija .nav > .active i {
	color: #000000;
}
#navigacija .navbar {
  margin-bottom: 0;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
  color: #000000;
  background-color: #CCAC00;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover {
  background-color: #CCAC00;
}
 
.dropdown-menu > li > a:hover {
  color: #fff;
  background-color: #CCAC00;
}

.navbar-header>.active {
  color: #000000 !important;
  background-color: #CCAC00 !important;
}

.dropdown-header {
	font-weight: bold;
}

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

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

.legend {
  color: #ccac00;
}
hr {
  border-color: #ccac00;
}

/* Table head & action icons */
.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: #CCAC00;
}

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

.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: #fcd900;
  color: #000000;
}

.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;
}

/* FORM IS-INVALID */
.is-invalid {
	border-color: #c9302c;
	border-width: 2px;
}