/* login */
#loginbox .panel-heading {
	color: #fff;
	background-color: brown;
}
#loginbox .panel {
	border-color: brown;
}
#loginbox img {
	width: 100%;
	height: 20rem;
}

.loading:before {
 font-size:20px;
 z-index: 2000;
}
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;
}

 /* COMMON BS4*/
 .d-none {
	display: none !important;
}
.w-100 {
	width: 100% !important;
}
.p-1 {
	padding: 0.5rem !important;
}
.p-2 {
	padding: 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;
}

.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 {
	text-align: center;
	font-size: 2rem;
	color: brown;
}

.table_small caption, .table_modal caption{
	text-align: center;
	font-size: 1.5rem;
	color: brown;
}

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

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

.modal_main .modal-header {
	text-align: center;
	color:#fff; 
	background-color: #990000;
}

.modal_upis .modal-header {
	text-align: center;
	color:#fff; 
	background-color: #5cb85c;
}
.bootstrap-table .filter-control .form-control {
	font-size: 1rem;
}

/* MODAL XL */
.modal-xl {
	width: 400px;
}
@media (min-width: 768px) {
	.modal-xl {
		width: 600px;
	}
}
@media (min-width: 992px) {
	.modal-xl {
		width: 800px;
	}
}
@media (min-width: 1200px) {
	.modal-xl {
		width: 1140px;
	}
}

#main {
	position: relative;
	top: 10em;
	/*background: linear-gradient(to top, white, black);*/
}

#info {
  min-height: 5rem;
  background-color: brown;
  color: #fff;
  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 .nav a {
  text-align: center;
  font-size: 1rem;
}
#navigacija .nav a i {
	font-size: 3rem;
  padding-bottom: 1rem;
  color: brown;
}
#navigacija .nav > .active i {
	color: #fff;
}
#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: #fff;
  background-color: brown;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover {
  background-color: brown;
}
 
.dropdown-menu > li > a:hover {
  color: #fff;
  background-color: brown;
}

.navbar-header>.active {
  color: #fff !important;
  background-color: brown !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: brown;
}
hr {
  border-color: brown;
}

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

/* IMENIK */
.search {
  color: #fff;
  background-color: #5cb85c
}
 /* Fieldeset podaci o članu */
.osnovno .col-md-4 input {
  width: 100%;
}
.osnovno .col-md-6 input {
  width: 160%;
}
.osnovno .input-group {
  margin-bottom: 1rem;
}
.osnovno .input-group-addon {
  width: 50%;
}

.progress-label {
    float: left;
    margin-right: 1em;
}
.face-icon {
	font-size: 10rem;
	margin-left: 5rem;
	color: green;
}

/* KUP ZAHTJEV */
.osnovno2 .input-group {
  margin-bottom: 1rem;
}
.osnovno2 .col-md-4 input, .osnovno2 .col-md-4 select {
  width: 110%;
}
.osnovno2 .col-md-6 input {
  width: 150%;
}
.osnovno2 .input-group-addon {
  width: 55%;
}
.osnovno2 #datepicker_zahtjev_datum label {
	width: 30%
}

#accordion a {
	color: #a94442;
}
#accordion a:focus, #accordion a:hover {
	text-decoration: none;
}
.accordion a:focus, .accordion a:hover {
	text-decoration: none;
}

#accordion .panel-heading {
	padding: 1px 15px;
}
#accordion .panel-icon-left {
	float: left;
}
#accordion input {
	text-align: right;
}
#accordion #fieldset-kup3 input {
	text-align: left;
}

/* 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;
}

/* 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;
}
.progress-bar {
	transition: width 5s ease;
}

/* Analitika form_gk_knjizenje */
#form_gk_knjizenje input {
	text-align: right;
}

/* Evidencija radnog vremena */
.erv_izmjena {
	width: 100%;
	text-align: left;
}

/* 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 {
  -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);}}

.pulsate {
	color: brown;
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.5;
}
@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.3;
    }
    50% { 
        opacity: 1;
    }
    100% { 
        opacity: 0.3;
    }
}

/* LOADINGSPINNER */
#overlay, .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;
}

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