.row.row-flex {
	display: flex;
	flex-wrap: wrap;
}
/* Zakaj ovo opče imamo? --> KlikUredBundle/Resources/views/layout.html.twig */
div[width="1px"][height="1px"] {
	display: none;
}


.login-inner {
	width: 380px;
	max-width: 100%;
}
.flex-input-group {
	display: flex;
	justify-content: center;
}
#login .input-group-addon {
	width: 30px;
	padding: 0;
	line-height: 30px;
	font-size: 16px;
}
#login_form > * + * {
	margin-top: 10px;
}
.login-inner > img {
	margin-bottom: 10px;
}
#login input {
	border-color: #ccc;
	width: 220px;
	max-width: 90%;
}
#login .checkbox {
	margin-top: 0;
	margin-bottom: 0;
}
#login ::-webkit-input-placeholder {
	color: #999;
}

#login :-moz-placeholder { /* Firefox 18- */
	color: #999;
}

#login ::-moz-placeholder {  /* Firefox 19+ */
	color: #999;
}

#login :-ms-input-placeholder {
	color: #999;
}

body > #preloader {
	display: none !important;
}
.logoVer {
	position: fixed;
	right: 4vw;
	bottom: 6vh;
	text-align: center;
}
.assetVer {
	font-size: 12px;
	color: #fff;
	opacity: 0.5;
}
@media (max-width: 767px) {
	.logoVer {
		left: 4vw;
		text-align: center;
	}
}

/* BS fix */
fieldset label {
	margin: 10px 0 0;
}
fieldset .uneditable-input {
	margin-top: 0;
}

/* Top menu fix */
#top-menu {
	height: 47px;
}
#top-menu > .inner {
	padding-top: 1px;
}
#top-menu a, #top-menu a.glyphicons {
	white-space: nowrap;
	text-decoration: none !important;
}

@media screen and (max-width: 1050px) {
	#top-menu {
		line-height: 16px;
	}
	body #top-menu .inner li a {
		max-width: 140px;
		font-size: 13px;
		line-height: 16px;
		padding-top: 9px;
		/*
		*/
	}
	#top-menu .inner li .glyphicons.home {
		padding-left: 22px;
		padding-bottom: 3px;
	}
	/*
	body #top-menu .inner {
		line-height: 0;
	}
	#top-menu .inner li .glyphicons {
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 13px;
		line-height: 16px;
	}
	*/
	#top-menu .glyphicons.home .icon + span {
		width: 0;
		overflow: hidden;
		display: inline-block;
	}
}

/* Home screen */
.homeInfos .demoCertLi {
	padding-left: 0;
	margin-top: 16px;
}
.demoCertLi .demo_cert {
	background-color: #ca0a19;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	display: flex;
	flex-wrap: wrap;
	border: 0;
}
.homeBox .homeInfos .demo_cert i {
	margin: 1px 10px 0 0;
	width: auto;
	font-size: 32px;
}
.demoCertLi .demo_cert span {
	display: block;
	text-align: left;
}
.demoCertLi .demo_cert > div > span:first-child {
	font-size: 20px;
	line-height: 1;
}

.homeR {
	text-align: right;
	color: #fff;
}
@media(max-width: 767px) {
	* + .homeC {
		margin-top: 25px;
	}
}
@media(max-width: 991px) {
	.homeR {
		display: none;
	}
}
.homeR #day {
	font-size: 12px;
	font-weight: bold;
}
.homeR #date {
	font-size: 20px;
}
.homeR #clock {
	font-size: 64px;
	margin-top: 2px;
}

/* invoices */
.table-primary tbody tr.storno td,
.table-primary tbody tr.storno th {
	background: transparent;
}

/* Z-index fix */
#main-content {
	z-index: 88;
}

table tr.storno {
    background-color: #FAE1E1;
}
.ui-tabs .btn.glyphicons .icon:before, .ui-tabs .btn-action.glyphicons .icon:before {
    left:0;
    top:0px;
}
.ui-tabs .btn.glyphicons .icon, .ui-tabs .btn-action.glyphicons .icon {
    left:0;
    top:4px;
}
.ui-tabs table.dataTable.vAlignMid .glyphicons {
    margin: -9px 0;
}

.widgetHeader, .widget {
    background: rgba(255,255,255,0.8);
    padding: 20px;
    -webkit-box-shadow: inset 0 0 2px black;
    -moz-box-shadow: inset 0 0 2px black;
    box-shadow: inset 0 0 2px black;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* SEARCH FORM */
/* /
.search-form input, .search-form select {
    width: 90%;
}
/*
.search-form thead th {
    text-align: center;
}
/* */
.ui-dialog .ui-dialog-content.search-form {
    padding: 0;
}

.search-form table.dataTable tbody td {
    padding: 1 5px 1 5px;
    margin: 0 ;
    background-color: #fff;
    vertical-align: middle;
    color: #000;
}

table.dataTable tbody td {
    padding: 0 5px 0 5px;
    margin: 0 ;
    background-color: #fff;
    vertical-align: middle;
    color: #000;
}

input[type="checkbox"] {
    padding-top: 10px;
}

table.dataTable:not(.excellTable) tr:nth-child(2n+2) td {
    background-color: #fff;
    color: #000
}

table.dataTable td {
    border-bottom:1px solid #ccc;
    border-left: 1px solid #ccc;
    color: #000;
}

table.dataTable:not(.excellTable) tr:hover td {
    background-color: #eee;
}

div.checker {
	margin-right: 0px !important;
}

.search-form table.dataTable {
    margin-top: 0;
}
.search-form table.dataTable tr > *:first-child {
    display: none;
}

.search-form table.dataTable thead tr:first-child > *:nth-child(2) {
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
}
.search-form table :not(.excellTable) tr.selected td {
    background: #abb9d3;
}

#search_joppd_form4 table tbody tr > *:nth-child(3) {
    text-align: left;
}

/* ITEMS SEARCH FORM */
#search_items_form table tbody tr > *:nth-child(2) {
    text-align: left;
}
#search_items_form table tbody tr > *:nth-child(4), #search_items_form table tbody tr > *:nth-child(5), #search_items_form table tbody tr > *:nth-child(6) {
    text-align: right;
}
/* REPROMATERIAL SEARCH FORM */
#search_items_repro_form table tbody tr > *:nth-child(2) {
    text-align: left;
}
#search_items_repro_form table tbody tr > *:nth-child(4), #search_items_repro_form table tbody tr > *:nth-child(5), #search_items_repro_form table tbody tr > *:nth-child(6) {
    text-align: right;
}

#search_operators_form table.dataTable tr > *:first-child {
    display: none;
}

#search_production_orders_form table tbody tr > *:nth-child(2),
#search_production_orders_form table tbody tr > *:nth-child(6),
#search_production_orders_form table tbody tr > *:nth-child(7),
#search_production_orders_form table tbody tr > *:nth-child(8),
#search_production_orders_form table tbody tr > *:nth-child(9){
    text-align: left;
}

/*#production_order_form table tbody tr > *:nth-child(2) input{
    text-align: center;
}*/

input.color[type="color"] {
    padding:0 !important;
    background: transparent !important;
    border: initial !important;
}

/* search_monthly_prefs_form */
#search_monthly_prefs_form table tbody tr > *:nth-child(2), #search_monthly_prefs_form table tbody tr > *:nth-child(4), #search_monthly_prefs_form table tbody tr > *:nth-child(5) {
    text-align: right;
}

#search_monthly_prefs_form table tbody tr > *:nth-child(3), #search_monthly_prefs_form table tbody tr > *:nth-child(6),
#search_joppd_form5 table tbody tr > *:nth-child(2), #search_joppd_form5 table tbody tr > *:nth-child(3),
#search_joppd_form7 table tbody tr > *:nth-child(2), #search_joppd_form7 table tbody tr > *:nth-child(3),
#search_joppd_form1 table tbody tr > *:nth-child(2), #search_joppd_form1 table tbody tr > *:nth-child(3),
#search_joppd_form6 table tbody tr > *:nth-child(2), #search_joppd_form6 table tbody tr > *:nth-child(3),
#search_joppd_form2 table tbody tr > *:nth-child(2), #search_joppd_form2 table tbody tr > *:nth-child(3),
#search_joppd_form10 table tbody tr > *:nth-child(2), #search_joppd_form10 table tbody tr > *:nth-child(3),
#search_joppd_form11 table tbody tr > *:nth-child(2), #search_joppd_form11 table tbody tr > *:nth-child(3),
#search_joppd_form11 table tbody tr > *:nth-child(2), #search_joppd_form9 table tbody tr > *:nth-child(3)
{
    text-align: left;
}

#search_operators_form table tbody tr > *:first-child, #search_operators_form table thead tr > *:first-child {
    display: block;
}

#main-content div.not-active input,
input:-moz-read-only { /* For Firefox */
    background-image: linear-gradient(to bottom, rgb(199, 199, 199), rgb(182, 181, 181))!important;
    border: 1px solid white!important;
}

#main-content div.not-active input,
input:read-only {
    background-image: linear-gradient(to bottom, #dddddd, #dddddd)!important;
}

input[type=text]:disabled {
    background-image: linear-gradient(to bottom, #dddddd, #dddddd)!important;
}

select:disabled {
    background-image: linear-gradient(to bottom, #dddddd, #dddddd)!important;
}
.ui-datepicker-trigger{
	margin-right: 0px;
    marigin-top: 0px;
}

#tb_invoice_items tbody tr.down-payment-row td {
    font-style: italic;
}

/* KPD jsTree */

/* Narrow search input width */
.kpd-search-container {
    width: 250px;
    margin-left: 15px;
}

#kpd_search {
    z-index: 9999;
}

/* Make search button compact */
#kpd_search_btn {
    padding: 5px 10px;
    margin-left: 5px;
}

/* Fix for long text in jsTree nodes */
#jstree_kpd .jstree-anchor {
    white-space: normal !important;
    height: auto !important;
    word-wrap: break-word;
    max-width: 95%;
    line-height: 24px;
}
#jstree_kpd li {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Ensure proper spacing between nodes */
/*
#jstree_kpd .jstree-node {
    margin-bottom: 3px;
}
*/

/* Make selected node more visible */
#jstree_kpd .jstree-wholerow-clicked {
    background: #beebff !important;
}

/* Make alert fit properly */
#selected_kpd_items .alert {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.jstree-default .jstree-anchor[data-level="1"],
.jstree-default .jstree-node[data-level="1"] > .jstree-anchor {
    font-weight: bold !important;
}

.jstree-default .jstree-anchor[data-level="2"],
.jstree-default .jstree-node[data-level="2"] > .jstree-anchor {
    margin-left: 10px;
}

.jstree-default .jstree-node[data-level="1"] {
    margin-top: 8px !important;
    margin-bottom: 4px !important;
}

/***************/
/* 2026 UPDATE */
/***************/
/* Fix for noty messages - Align to top */
#noty_center_layout_container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	top: 126px !important;
}
#noty_center_layout_container li {
	width: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
#action-messagess {
	top: 128px;
	right: 50px;
}
#action-messagess.info {
	background: #185784;
	border-color: #80A7D4;
}
#action-messagess.warning {
	background: #837426;
	border-color: #C3B466;
}
#action-messagess.danger, #action-messagess.error {
	background: #832826;
	border-color: #C36866;
}
#action-messagess i:first-child {
	margin-right: 5px;
}

.modal-dialog.modal-fs {
    width: 98vw;
	height: 98vh;
}
#dynModalUI {
	padding: 0;
}
#dynModal iframe {
	width:100%;
	height:80vh;
}
#dynModalUI iframe {
	width:100%;
	height:100%;
	border: 0;
}

#dynModal .modal-header button.close {
	color: #000 !important;
	font-size: 21px !important;
	position: absolute;
	top: 13px;
	right: 5px;
	width: 32px;
	height: 32px;
	text-align: center;
	opacity: 1;
	border: 0 !important;
}
#dynModal .modal-header button.close:hover {
	opacity: 0.75;
}
#dynModal .modal-body {
	min-height: 188px;
}
.modal-preloader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("/images/loader.gif?2.35.1") no-repeat scroll 50% 50% transparent;
}
/*
#report_body #invoice {
	overflow: hidden;
	width: 910px;
	max-width: 100%;
}
*/
.bubble a:hover {
	text-decoration: none;
}

/* Data tables */
table.dataTable {
	border-width: 0;
}
table.dataTable:not(.excellTable) {
	border-collapse: collapse !important;
}
table.dataTable td {
	border-right: 1px solid #ddd !important;
}
table.dataTable thead tr th:last-child {
	border-right: 0 !important;
}
/* Sorting background images */
table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
	background-position: 100% 50%, 0 0;
	padding-right: 18px !important;
}

table.dataTable td .glyphicons, table.dataTable td .btn-status,
table.dataTable td .btn-action.glyphicons,
#main-content table.dataTable td input[type="checkbox"]:first-child, #main-content table.dataTable td input[type="checkbox"]:first-child ~ input[type="checkbox"] {
	margin-top: 4px;
}
input[type="checkbox"][style^="transform:scale"]{
	width: 18px;
	height: 18px;
	transform-origin: 50% 0;
	transform: none !important;
}

.dataTables_wrapper .container-fluid {
	margin-bottom: 10px;
}
.dataTables_wrapper .container-fluid .span3 {
	float: left;
}

.dataTables_wrapper > .container-fluid {
	padding-left: 0;
	padding-right: 0;
}
@media (max-width: 575px) {
	.dataTables_wrapper > .container-fluid > .span3 + .span9.right {
		float: left;
		clear: both;
	}
}
.dataTables_filter label {
	display: flex;
	white-space: nowrap;
	justify-content: end;
	margin-left: auto;
}
.dataTables_filter label i {
	width: 30px;
	line-height: 28px;
	text-align: center;
	background: #ccc;
	border: 1px solid #aaa;
	margin-right: -1px;
}
.dataTables_filter {
	position: relative;
}
.dataTables_filter > label .fa-times/*:first-child*/ {
	display: none;
	background: transparent !important;
	position: absolute;
	border-color: transparent;
	cursor: pointer;
}
#main-content .dataTables_filter input {
	padding-right: 30px;
}
.dataTables_filter input[type="search"]:not(:placeholder-shown) + .fa-times {
	display: block;
}

.js-search-btn:not(.disabled), .js-search-btn:not([disabled]) {
	cursor: pointer;
}

.btn:not(.glyphicons) {
	line-height: 20px;
	border-color: rgba(0,0,0,0.1) !important
}
.btn-register .btn {
	border-color: #fff !important;
}
.btn-action:not(.glyphicons)
{
	display: inline-block;
	text-decoration: none;
	width: 24px;
	height: 24px;
	line-height: 23px !important;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid transparent;
	font-size: 16px;
	/*
	padding: 0;
	background: #666;
	border: 1px solid #666;
    border-top-color: rgb(102, 102, 102);
    border-right-color: rgb(102, 102, 102);
    border-bottom-color: rgb(102, 102, 102);
    border-left-color: rgb(102, 102, 102);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9) inset;
	-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9) inset;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9) inset;
	*/
}
.btn-default:not(.glyphicons) {
	overflow: visible !important;
}
.btn-action:hover {
	opacity: 0.9;
}
.btn-action.disabled {
	opacity: 0.5;
}
.btn-action.disabled, .btn-action[disabled] {
	cursor: not-allowed;
}
.btn-action.success, .btn-action.green {
	background: #2F7E2A;
	color: #fff !important;
}
.bg-success {
	background: #2F7E2A !important;
	color: #fff !important;
}
.btn-action.success:hover, .btn-action.green:hover {
	border-color: #225B1E;
}
.btn-action.warn, .btn-action.warning, .btn-action.yellow,
.bg-warn, .bg-warning, .bg-yellow {
	background: #837426;
	color: #fff !important;
}
.bg-warn, .bg-warning, .bg-yellow {
	background: #837426 !important;
}
.btn-action.warn:hover, .btn-action.warning:hover, .btn-action.yellow:hover {
	border-color: #5E541B;
}
.btn-action.danger, .btn-action.error,
.bg-danger, .bg-error {
	background: #832826;
	color: #fff !important;
}
.bg-danger, .bg-error {
	background: #832826 !important;
}
.btn-action.danger:hover, .btn-action.error:hover {
	border-color: #5E1C1B;
}
.btn-action.info,
.bg-info {
	background: #3A6685;
	color: #fff !important;
}
.bg-info {
	background: #3A6685 !important;
}
.btn-action.info:hover {
	border-color: #193E56;
}
.btn-action.default, .btn-action.muted,
.bg-default, .bg-muted {
	background: #666;
	color: #fff !important;
}
.bg-default, .bg-muted {
	background: #666 !important;
}
.btn-action.default:hover, .btn-action.muted:hover {
	border-color: #333;
}
.btn-action.bright_yellow,
.bg-bright_yellow {
	background: #FFEB00;
	border-color: #5E541B;
	border-color: rgba(0,0,0,0.2);
	color: #5E541B !important;
}
.bg-bright_yellow {
	background: #FFEB00 !important;
}
.btn.btn-only {
	background: transparent !important;
	border-color: transparent !important;
}

/* btn-icon */
.btn.btn-icon:not(.glyphicons) {
	padding-left: 44px;
	text-align: left;
	line-height: 20px;
	position: relative;
}
.btn.btn-icon .fa, .btn.btn-icon .fal, .btn.btn-icon .far, .btn.btn-icon .fas {
	width: 34px;
	line-height: 32px;
	text-align: center;
	background: #666; /* Success */
	border-right: 1px solid rgba(255,255,255,0.75);
	font-size: 16px;

	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}
.btn.btn-icon.bg-success .fa, .btn.btn-icon.bg-success .fal, .btn.btn-icon.bg-success .far, .btn.btn-icon.bg-success .fas {
	background: #225b1e; /* Success */
}
.btn.btn-icon.bg-info .fa, .btn.btn-icon.bg-info .fal, .btn.btn-icon.bg-info .far, .btn.btn-icon.bg-info .fas {
	background: #193e56; /* Info */
}
.btn.btn-icon.bg-warn .fa, .btn.btn-icon.bg-warn .fal, .btn.btn-icon.bg-warn .far, .btn.btn-icon.bg-warn .fas,
.btn.btn-icon.bg-yellow .fa, .btn.btn-icon.bg-yellow .fal, .btn.btn-icon.bg-yellow .far, .btn.btn-icon.bg-yellow .fas {
	background: #635406;
}
.btn.btn-icon.bg-danger .fa, .btn.btn-icon.bg-danger .fal, .btn.btn-icon.bg-danger .far, .btn.btn-icon.bg-danger .fas {
	background: #630806; /* Danger */
}

/* Global icons */
.btn-action .fa-edit::before,
button.btn:not(.glyphicons) .fa-edit::before {
	position: relative;
	left: 2px;

	font-size: 15px;
	top: -1px;
}
/* Data tables */
.dataTables_filter label {
	display: flex;
	white-space: nowrap;
	justify-content: end;
	margin-left: auto;
}

.btn-action .fa-paper-plane {
	position: relative;
	left: -1px;
}
.btn-action .fa-file-export {
	position: relative;
	left: 1px;
}

/* jQuery UI */
.ui-dialog .ui-dialog-titlebar-close {
	width: 34px;
	height: 34px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}
.ui-widget-header .ui-icon-closethick {
	background: transparent;
	margin: 0;
}
.ui-widget-header .ui-icon-closethick::before {
	content: "\f00d";
	font-weight: 600;
	font-family: "Font Awesome 5 Pro";
	display: block;
	font-size: 16px;
	line-height: 34px;
	text-indent: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}

tbody[data-prototype] td .btn-action:not(.glyphicons) {
	/*
	width: 30px;
	height: 30px;
	line-height: 30px !important;
	*/
	margin-top: 3px;
}

.btn-action.glyphicons {
	text-decoration: none !important;
}
table.dataTable td .glyphicons[class*="btn-"] .icon {
	line-height: 18px !important;
}
table.dataTable td .glyphicons[class*="btn-"] {
	transform: translateY(-2px);
}
table.dataTable td .glyphicons.check[class*="btn-"] .icon {
	transform: translate(1px, -2px);
}

/* jQuery UI */
.ui-dialog .ui-dialog-titlebar-close {
	width: 34px;
	height: 34px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}
.ui-widget-header .ui-icon-closethick {
	background: transparent;
	margin: 0;
}
.ui-widget-header .ui-icon-closethick::before {
	content: "\f00d";
	font-weight: 600;
	font-family: "Font Awesome 5 Pro";
	display: block;
	font-size: 16px;
	line-height: 34px;
	text-indent: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}
.ui-dialog-content.row {
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
}

/* BS3 More colors */
.text-orange {
	color: #FFAB23 !important;
}
.text-darkgreen {
	color: #346553 !important;
}
.text-purple {
	color: #c584f3 !important;
}
.text-error {
	color: #832826 !important;
}

/* BS3 Badge colors */
.badge.badge-info {
	background: #31708f;
}
.badge.badge-warning {
	background: #8a6d3b;
}
.badge.badge-success {
	background: #3c763d;
}
.badge.badge-error, .badge.badge-danger {
	background: #843534;
}
.badge.badge-purple {
	background: #C584F3;
}

/* Fiscalization statuses */
.btn-status {
	font-size: 18px;
	text-align: center;
	color: #666;
}
/*
.btn-color {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 24px;
	height: 24px;
}
.btn-color span {
	border: 1px solid rgba(255,255,255,0.5);
	display: block;
	width: 22px;
	height: 22px;
	margin: 1px;
	border-radius: 4px;
}

.btn-text {
	width: 24px;
	height: 24px;
	display: inline-block;
	line-height: 24px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border-radius: 4px;
}
*/



/* Font Awesome inception */
.fa-inception {
	position: relative;
}
.fa-incepted {
	font-size: 12px;
	position: absolute;
	text-shadow: -1px 0 0 white;
	right: -6px;
	top: -1px;
}
.fa-incepted[class*="circle"] {
	border-radius: 50%;
	background: #fff;
}

/* New bakcground */
html body {
	background: #00020d;
	background: radial-gradient(ellipse at center,  #052740 0%,#00020d 100%);
	background-size: 100vw 100vw;
	background-position: 50% 50%;
}
.bgs {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	transform-origin: right top;
	/* */
	transform: skew(-45deg);
	right: -48.6vw;
	/* */
}
@media (max-width: 1199px) {
	.bgs {
		right: -70vw;
	}
}
@media (max-width: 767px) {
	.bgs {
		right: -100vw;
	}
}
@media (max-width: 640px) {
	.bgs {
		right: -120vw;
	}
}
@media (max-width: 575px) {
	.bgs {
		right: -130vw;
	}
}
@media (max-width: 412px) {
	.bgs {
		/* right: -188vw; */
		transform: skew(-25deg);
	}
}
.bg1, .bg2, .bg3, .bg4, .bg5, .bg6 {
	display: block;
	position: absolute;
	height: 0;
	transition: all 250ms;
}
.bg1 {
	background: linear-gradient(to right,  rgba(15,87,145,0.9) 0%,rgba(7,43,69,0.9) 4%,rgba(7,43,69,0.9) 96%,rgba(15,87,145,0.9) 100%);
	background: linear-gradient(to right,  rgba(15,87,145,0.8) 0%,rgba(7,43,69,0.8) 4%,rgba(7,43,69,0.8) 96%,rgba(15,87,145,0.8) 100%);
	background: linear-gradient(to right,  rgba(7,43,69,0.8) 0%,rgba(7,43,69,0.8) 4%,rgba(7,43,69,0.8) 85%,rgba(15,87,145,0.8) 100%);
	background: linear-gradient(to right, rgba(7,43,69,0.8) 0%,rgba(7,43,69,0.8) 4%,rgba(7,43,69,0.3) 85%,rgba(15,87,145,0.5) 100%);

	width: 254px;
	top: 44px;
	right: 53.3vw;
	filter: blur(1px);
	filter: blur(6px);
}
.bg2 {
	background: rgba(255,0,0,0.5);
	background: linear-gradient(225deg,  rgba(39,89,193,0) 30%,rgba(39,89,193,1) 100%);
	width: 239px;
	top: 44px;
	right: 60.2vw;
	transition-delay: 150ms;
}
.bg3 {
	background: rgba(255, 238, 140,0.5);
	background: linear-gradient(45deg,  rgba(39,89,193,0) 0%,rgba(39,89,193,1) 100%);
	width: 200px;
	bottom: 0;
	right: 53.3vw;
	transition-delay: 300ms;
}
.bg4 {
	background: rgba(238, 255, 100,0.5);
	background: linear-gradient(90deg,  rgba(255,255,255,0.02) 0%,rgba(245,245,245,0.1) 4%,rgba(0,0,0,0) 60%);

	width: 200px;
	bottom: 0;
	right: 37vw;
	filter: blur(8px);
}
.bg5 {
	background: rgba(100, 100, 0,0.5);
	background: linear-gradient(25deg, rgb(7, 17, 39) 0%,rgb(26, 63, 134) 80%);
	width: 218px;
	bottom: 0;
	right: 30.8vw;
	filter: blur(8px);
	transition-delay: 150ms;
}
.bg6 {
	background: rgba(255, 200, 200,0.5);
	background: linear-gradient(25deg, rgb(7, 17, 39) 0%,rgb(26, 63, 134) 80%);
	width: 30.8vw;
	bottom: 0;
	right: 0;
	transition-delay: 300ms;
}
.bgShine {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(90deg,
		rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 3%, rgba(255, 255, 255, 0) 6%,
		rgba(255, 255, 255, 0) 94%, rgba(255, 255, 255, 0.1) 96%, rgba(255, 255, 255, 0.05) 100%
		)
}


.bgAnimateIn .bg1 {
	height: 100vh;
}
.bgAnimateIn .bg2 {
	height: 61.31vh;
}
.bgAnimateIn .bg3 {
	height: 53vh;
}
.bgAnimateIn .bg4 {
	height: 100vh;
}
.bgAnimateIn .bg5 {
	height: 100vh;
}
.bgAnimateIn .bg6 {
	height: 100vh;
}

.homeBox {
	display: inline-block;
	padding: 30px 30px 30px 97px;
	margin-left: -50px;
	background: rgba(255,255,255,0.05);

	box-shadow: 0 12px 20px rgba(0,0,0,0.28);
	box-sizing: border-box;
	border-width: 0.5px;
	border-style: solid;
	border-color: rgba(234,235,238,0.1);

}
/*
.homeBox::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(28, 29, 33, 0.18);
	backdrop-filter: blur(10px) saturate(1.2);
	backdrop-filter: saturate(1.2);
	z-index: -1;
	pointer-events: none;
	border-radius: inherit;
	box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.15) inset,
	  -2px -2px 0.5px -2px rgba(255, 255, 255, 0.1) inset,
	  0 0 8px 1px rgba(255, 255, 255, 0.06) inset,
	  0 0 2px 0 rgba(0, 0, 0, 0.18);
}
*/
.homeL > *, .homeC > *, .homeR > * {
	transition: transform 250ms, opacity 250ms;
	transition-delay: 500ms;
	opacity: 0;
}
.homeL > * {
	transform: translateX(-100%);
}
.homeC > * {
	transform: translateY(100px);
}
.homeR > * {
	transform: translateX(100%);
}
/*
.homeBox ~ * {
	opacity: 0;
	transition: opacity 250ms;
	transition-delay: 700ms;
}
*/
.bgAnimateIn .homeL > *, .bgAnimateIn .homeR > * {
	transform: translateX(0);
	opacity: 1;
}
.bgAnimateIn .homeC > * {
	transform: translateY(0);
	opacity: 1;
}
.homeBox {
	color: #fff;
}
.homeBox h1, .homeBox h2 {
	font-size: 26px;
	font-weight: bold;
	margin: 0;
}
.homeBox h2 {
	font-size: 22px;
}
.homeBox .fa-building {
	display: inline-block;
	width: 28px;
	margin-left: -36px;
}
.homeBox li {
	font-size: 14px;
	font-weight: normal;
	margin-top: 6px;
}
.homeBox .homeInfos {
	margin-top: 2px;
	margin-bottom: 0;
}
.homeBox .homeInfos i {
	margin-right: 4px;
	position: relative;
	top: -1px;
	width: 14px;
	text-align: right;
	margin-left: -24px;
}

.userWrap {
	display: flex;
}
.uAvatar {
	font-size: 44px;
	margin-right: 10px;
}
.userWrap .uName {
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
}
.userWrap .cName {
	font-size: 13px;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ucWrap {
	max-width: calc(100% - 54px);
}
.linksWrap {
	list-style-type: none;
	padding: 0;
	margin: 15px 0 0 44px;
	border-top: 1px solid #ccc;
}

.homeInfos {
	list-style-type: none;
}
.homeInfos li {
	margin: 0;
	padding-left: 24px;
}
.homeInfos li {
	margin-top: 4px;
}
.homeInfos li.logoLi {
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	margin-top: 16px;
}
.homeInfos li.logoLi img {
	width: 216px;
}
.homeBox .importers {
	margin: 10px -5px 0;
}
.homeBox .importers a {
	margin: 0 5px 10px;
}

#top-menu .linksWrap li {
	margin: 6px 0 0;
	float: none;
	border: 0;
}
#top-menu #btnLogout {
	padding: 4px 8px;
	color: #fff !important;
	margin-top: 8px;
	font-weight: normal !important;
}
#top-menu .linksWrap li a {
	display: block;
	font-weight: normal !important;
	text-shadow: none;
	padding: 4px 8px;
	font-size: 14px;
	line-height: 20px;
	border: 0;
}
#btnSettings i {
	width: 20px;
	margin-right: 5px;
}
#btnLogout {
	background: #005c8b;
	border-color: #003c6b;
}

/* Temp fix - ovo maknuti kad izbacimo glyphicons */
.btn-action.glyphicons.email_invoice_pdf {
	position: relative;
	top: 1px;
}

.btn-action.glyphicons .fa-paper-plane,
.btn-action.glyphicons .fa-spinner {
	width: 22px;
	height: 19px;
	color: #fff;
	left: 0px;
	top: 1px;
}
.btn-action.glyphicons.faIconWrap {
	top: 2px;
	height: 24px;
}
.btn-action.glyphicons .fa-spinner {
	line-height: 18px;
}


/* jQuery UI icons */
.ui-tabs .ui-tabs-nav li .glyphicons .icon::before {
	top: 8px;
	left: 8px;
	font-size: 18px;
}
.input-group-addon.glyphicon.glyphicon-search
/* , .input-group-addon.glyphicon OVO JE SAMO PRIPREMA */
{
	top: 0;
	border: 0;
	background: #666;
	color: #fff;
}

.homeC .fiscal_menus {
	padding: 0;
}
.homeC .fiscal_menus {
	margin-top: 0;
}
.homeC * + .fiscal_menus {
	margin-top: 15px;
}
.homeDashBoard {
	margin-top: 15px;
}

.settings_form > .row {
	margin-left: 0;
	margin-right: 0;
}
.input-append.date-append {
	clear: both;
	overflow: hidden;
}
.input-append.date-append .add-on.calendar {
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
}

/* Touch računi */
.full_touch_remove_marpad #message {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 30px;
	right: 152px;
}
.full_touch_remove_marpad .alert-block {
	position: fixed;
	left: 2px;
	right: 287px;
	z-index: 88;
	top: 65px;
	margin: 0;
	min-height: 98px;
	border-radius: 8px;
	padding-right: 150px;
	background: #fff;
}
.full_touch_remove_marpad .alert-block button.close {
	margin: 7px -127px 0 0;
	background: #832826;
	border: 1px solid #d5b4b2;
	opacity: 1;
}
/* Redizajn */
.full_touch_remove_marpad .widget {
	background: transparent;
}

/* Button boje */
#items_color_class .touchButton {
	color: #fff !important;
	box-shadow: none;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);

	border: 1px solid rgba(0,0,0,0.25);
	box-shadow: 0 0 1px rgba(0,0,0,0.25);

	border-radius: 4px;
}

#items_color_class .touchButton.whity
, #items_color_class .touchButton.orange
{
	color: rgba(0,0,0,0.85) !important;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
}


#items_color_class .touchButton.whity {
	background: #ebebeb;
}
#items_color_class .touchButton.lightGrey {
	background: #666;
}
#items_color_class .touchButton.lightGreen {
	background: #7a9814;
}
#items_color_class .touchButton.greenify {
	background: #4a8029;
}
#items_color_class .touchButton.darkGreen {
	background: #345620;
}
#items_color_class .touchButton.lightOrange {
	background: #de7e00;
}
#items_color_class .touchButton.orange {
	background: #ffc600;
}
#items_color_class .touchButton.redify {
	background: #bd2d20;
}
#items_color_class .touchButton.pink {
	background: #db0b77;
}
#items_color_class .touchButton.purply {
	background: #9110a8;
}
#items_color_class .touchButton.blueGradient {
	background: #193850;
}
#items_color_class .touchButton.lightRed {
	background: #e76221;
}
#items_color_class .touchButton.lightBlue {
	background: #3d7ab1;
}
#items_color_class .touchButton.purple {
	background: #472f8c;
}
#items_color_class .touchButton.olive {
	background: #758765;
}
#items_color_class .touchButton.lavander {
	background: #9b57d0;
}
#items_color_class .touchButton.tan {
	background: #a56d44;
}
#items_color_class .touchButton.darkAquamarin {
	background: #25a494;
}
#items_color_class .touchButton.roseBudCherry {
	background: #8d0049;
}
/* */
#items_color_class .touchButton[class$="touchButton"][class^="touchButton"] {
	color: #333 !important;
}
#items_color_class .touchButton {
	padding: 8px 8px 8px 26px;
	font-size: 13px;
	line-height: 1.2;
	text-align: left;
	font-weight: bold;
}
#items_color_class .touchButton input {
	float: left;
	margin-left: -20px;
	position: relative;
	top: -4px;
}
/* Ikon picker */
.selector-wrap {
	height: 34px;
}
div .icons-selector .selected-icon i {
	line-height: 32px;
	font-size: 23px;
}
div .icons-selector .selector-button i {
	line-height: 34px;
}
div .icons-selector.fip-bootstrap .selector-button {
	width: 32px;
}
.icons-selector .fip-box {
	font-size: 25px;
}
.icons-selector .fip-box:hover {
	transform: scale(1.15);
}

.tooltip-inner {
	padding: 3px 8px 4px;
}
.tooltip-inner hr {
	margin: 4px 0 2px;
}

#f2_payments_list table td {
    border: 1px solid black;
    padding: 5px;
}
#f2_payments_list table {
    width: 100%;
}
#f2_payments_list table thead td {
    font-weight: bold;
    background: lightcyan;
}
#f2_payments_list table tr:hover {
    background: lightgray;
}
#f2_payments_list table tbody tr > :nth-child(2),
#f2_payments_list tbody tr > :nth-child(3),
#f2_payments_list table tbody tr > :nth-child(4){
    text-align: left;
}