.logo{
  width: auto;
  height: 80px;
}

*{
	outline: unset !important;
}
.card-header{
	border-color: #005986;
	background: #fff;
}
label{
	cursor: pointer;
}
.btn,
.btn:hover,
.btn:focus,
.btn:active{
	border: 0;
	box-shadow: none !important;
}
a{
	text-decoration: none;
	color: #005986;
}
a.btn.btn-link{
	text-decoration: none;
	color: #005986;
}
a.btn.btn-link:hover,
a:hover{
	color: #3490dc;
}
.btn-purple{
	background-color: #b638c1;
	color: #fff;
}
.btn-purple:hover{
	background-color: #a35aa8;
}
.btn.btn-primary{
	background: #005986;
}
.btn.btn-primary:hover{
	background: #3490dc;
}
.form-group.row{
	margin-bottom: 10px;
}
.form-control:focus{
	border-color: #005986;
	box-shadow: 0 0 0 .2rem rgba(0,89,134,.2);
}

.shadow-sm {
    box-shadow: 0 1px 2px #005986 !important;
}
.navbar-expand-md .navbar-nav{
    flex-direction: row !important;
}
.navbar-toggler{
	margin-left: auto;
	border: 0;
	float: right;
}
.navbar-right a{
	float: right;
}
.navbar_icon{
	font-size: 18px;
}
.show-on-mobile{
	display: none;
	width: 100%;
	border-top: 1px solid #fff;
	padding-top: 30px;
}
.show-on-mobile a.btn-link{
	color: #fff;
	display: block;
	width: 100%;
	margin-bottom: 30px;
	padding-left: 60px;
	padding-right: 60px;
}


body{
	position: relative;
}
body footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-left: 85px;
	padding-top: 7px;
}
body footer{
	background: #f8fafc;
	font-size: 14px !important;
}
body footer div{
	line-height: 1;
}
body footer a{
    font-size: 14px !important;
    line-height: 10px;
    padding: 0 !important;
}
body.login_page footer{
	padding-top: 3px;
}


#app > main{
	display: table;
	width: 100%;
}
#app > main > div,
#app > main > nav{
	display: table-cell;
}
#app > main > div{
	width: 100%;
}
.main-content{
	padding-left: 120px;
	padding-right: 30px;
	min-height: 100vh;
}
.row{
	margin: 0;
}
.row-odd{
	background-color: #f9f9f9;
}
.row-even{
	background-color: #fff;
}
.row-odd:hover,
.row-even:hover{
	background-color: #eaeaea;
}
.m-b-10{
	margin-bottom: 10px;
}
.navbar .row{
	width: 100%;
}
.nav__cont {
	/*margin-bottom: -5000px;
	padding-bottom: 5000px;*/
	position: absolute;
	top: 0;
	width: 60px;
	min-height: 100vh;
	z-index: 100;
	background-color: #005986;
	overflow: hidden;
	transition: width .3s ease;
	cursor: pointer;
	box-shadow: 4px 7px 10px rgba(0, 0, 0, 0.4);
	height: auto;
}
.nav__cont .nav__items a{
	display: none;
}
.nav__cont:hover {
	width: 300px;
}
.nav__cont:hover a:not(.btn-link){
	display: block;
}
.nav__cont.active{
	width: 300px !important;
}
.nav__cont.active .nav__items a{
	display: block !important;
}
.nav__items div {
    width: 80px;
    float: left;
}
.nav__items img {
    width: 33px;
    margin: 0 auto;
    display: block;
}
.nav__items:hover a{
    color: #9c9e9f;
}

.nav {
	list-style-type: none;
	color: white;
}
.nav:first-child {
	padding-top: 30px;
}

.nav__items {
	padding-bottom: 30px;
	position: relative;
}
.nav__items.active{

}
.nav__items i{
	font-size: 22px;
	display: flex;
	width: 80px;
	float: left;
}
.nav__items i::before{
	margin: 0 auto;
}
.nav__items a {
	position: relative;
	display: block;
	top: 0;
	padding-left: 25px;
	padding-right: 15px;
	transition: all .3s ease;
	text-decoration: none;
	color: white;
	font-weight: 100;
	font-size: 17px;
	width: calc(100% - 80px);
	float: right;
}





/* Defaults */
/* LOADER */
.pload-div{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999999;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	background: rgba(0,0,0,.3);
}
.pload-div .lds-ring {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto;
}
.pload-div .lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #fff transparent transparent transparent;
}
.pload-div .lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.pload-div .lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.pload-div .lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


body {
	min-height: 100vh;
}
hr{
	border-color: #005986;
}
a.action-icon{
	font-size: 18px;
}
a.action-icon:not(:last-child){
	margin-right: 20px;
}
a[class^='mail-'],
a[class*=' mail-']{
	color: #04b7d5;
}
a[class^='edit-'],
a[class*=' edit-']{
	color: orange;
}
a[class^='remove-'],
a[class*=' remove-']{
	color: red;
}
a[class^='show-']:hover,
a[class*=' show-']:hover,
a[class^='edit-']:hover,
a[class*=' edit-']:hover,
a[class^='remove-']:hover,
a[class*=' remove-']:hover{
	color: #3490dc;
}
.default-status-link .fa-check{
	color: #00c400;
}
.default-status-link .fa-times{
	color: red;
}
.padding0{
	padding: 0;
}
.padding-left-15{
	padding-left: 15px;
}
.padding-left0{
	padding-left: 0;
}
.padding-right0{
	padding-right: 0;
}
.margin-0{
	margin: 0;
}
.margin-top30{
	margin-top: 30px;
}
.margin-bottom10{
	margin-bottom: 10px;
}
.margin-left10{
	margin-left: 10px;
}
.main-content-row{
	/*padding-right: 15px;
	padding-left: 15px;*/
	padding-bottom: 50px;
}
.align-label-input{
	display: inline-block;
	width: 100%;
}
.align-label-input > label{
	float: left;
	padding: 10px 0;
}
.align-label-input > span{
	display: block;
	overflow: hidden;
	padding: 3px 3px 3px 10px;
}
.register-role-row > span{
	padding-left: 10px;
}
.register-role-row span > .row label,
.register-role-row span > .row input{
	display: block;
	float: left;
}
.register-role-row span > .row input{
	width: 30px;
	margin-left: 10px;
}
.register-role-row span > .row label{
    margin: 0;
    padding: 7px 0;
}
.req-field::before{
    content: '*';
    position: relative;
    left: -3px;
    color: red;
}

.form-group.row .input-with-save-button input{
	width: 80%;
	float: left;
}
.form-group.row .input-with-save-button a.btn{
	max-width: 20%;
	float: right;
}


.row.main-header-action > div{
    display: flex;
    align-items: center;
}
.row.main-header-action > div h1{
	margin-bottom: 0;
}
.row.main-header-action > div > a:first-child{
	margin-left: auto;
}
.export-pdf{
	font-size: 26px;
	margin-left: auto;
}

.upload_img_preview{
	text-align: center;
}
.upload_img_preview img{
	max-width: 220px;
	margin-right: 20px;
}
.upload_img_preview .fa-times{
	color: red;
	cursor: pointer;
}




.select2-container .select2-selection--single{
	height: calc(2.19rem + 2px);
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__rendered{
	height: 2.19rem;
	padding-left: .75rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 2.19rem;
}



.form-group .select2{
	width: calc(100% - 30px) !important;
}
.form-group i.remove-select2-value{
	color: red;
	float: right;
	cursor: pointer;
	font-size: 16px;
	position: relative;
	top: 12px;
}
.form-group.full-width .select2{
    width: 100% !important;
}
.multiple-form-group > span div{
	position: relative;
}
.multiple-form-group > span div input{
	float: left;
	width: calc(100% - 50px);
}
.multiple-form-group.two-fields-in-row > span div input{
	width: calc(52% - 50px);
}
.multiple-form-group.two-fields-in-row label.error{
	position: absolute;
}
.multiple-form-group.two-fields-in-row label.error:nth-child(2){
	left: 0;
	bottom: -30px;
}
.multiple-form-group.two-fields-in-row label.error:nth-child(4),
.multiple-form-group.two-fields-in-row label.error:nth-child(5){
	left: 50%;
	bottom: -30px;
}
.multiple-form-group > span div a{
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	font-size: 22px;
	display: flex;
	align-items: center;
	height: calc(2.19rem + 2px);
}
.multiple-form-group > span div a i{
	margin-left: auto;
}
.multiple-form-group .multiple-input-row{
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
}
.multiple-form-group .multiple-input-row i.fa-minus-square{
	color: red;
}
.multiple-form-group.two-fields-in-row > span div span.separator{
	float: left;
	margin: 4px 15px;
	font-weight: 600;
	font-size: 18px;
}



/*.form-group.two-input-in-row label.error{
	position: absolute;
}
.form-group.two-input-in-row label.error:nth-child(2){
	left: 10px;
	bottom: 10px;
}
.form-group.two-input-in-row label.error:nth-child(3),
.form-group.two-input-in-row label.error:nth-child(4){
	left: calc(50% + 20px);
	bottom: 10px;
}*/


.nav-tabs .nav-item.ml-auto{
	margin-right: 13px;
}



.error{
	color: red;
}
.error_login{
	margin: 0px auto;
	color: red;
	font-size: 18px;
}

/*
 * Datatables
 */
.dataTables_wrapper{
	padding: 0;
}
.dataTables_wrapper .dataTables_length label{
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_filter input{
	display: inline-block;
	width: auto;
}
.dataTables_wrapper .dataTables_length select{
    width: auto;
    display: inline-block;
}
.dataTable thead th:not(:first-child){
	text-align: center;
}
.dataTable tbody td:not(:first-child){
	text-align: center;
}
.page-item.active .page-link{
	background-color: #005986;
	border-color: #005986;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover{
	background: #3490dc;
	border-color: #3490dc;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover a{
	background: #3490dc;
	border-color: #3490dc;
	color: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button a:focus{
	box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	padding: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	padding-right: 0;
}
.dataTable.display tbody tr:hover td{
    background-color: #eaeaea;
}
.dataTable.display tbody tr.odd > .sorting_1,
.dataTable.order-column.stripe tbody tr.odd > .sorting_1{
	background-color: transparent !important;
}
.dataTable.display tbody tr.even > .sorting_1,
.dataTable.order-column.stripe tbody tr.even > .sorting_1{
	background-color: #fff !important;
}
.dataTable.display tbody tr:hover > .sorting_1{
	background-color: #eaeaea !important;
}


/* Modal */
.modal {
    top: 5%;
    padding-top: 30px;
}
.modal.fade.in{
	opacity: 1;
}
.modal-backdrop.fade.in{
	opacity: 0.5;
}
.modal.fade .modal-dialog{
	transform: unset;
}



.disabled-format-input{
	background-color: transparent !important;
	background: transparent;
	border: 0;
	color: #333;
	font-weight: 600;
}
.disabled-format-input-normal{
	background-color: transparent !important;
	background: transparent;
	border: 0;
	color: #333;
}



/* Tabs */
.tab-content{
	padding-top: 25px;
	padding-bottom: 25px;
}






 /**
 *
 * Login
 *
 */
 body.login_page{
	background: #005986;
}
body.login_page #app{
	display: flex;
	min-height: calc(100vh - 25px);
}
body.login_page #app main{
	width: 100%;
	align-self: center;
}
body.login_page .card-header{
	border-bottom: 0;
}
body.login_page .card-header h2{
	margin: 20px auto;
}
body.login_page .card{
	margin-bottom: 60px;
}
body.login_page .logo{
	max-width: 240px;
	height: auto;
	margin-bottom: 10px;
	width: 100%;
}



 /**
 *
 * Dashboard
 *
 */
body.dashboard .main-content > main{
	min-height: calc(100vh - 85px);
}
body.dashboard nav .navbar-brand{
	flex: 0 0 90px;
	max-width: 90px;
}
body.dashboard nav .collapse.navbar-collapse{
	display: inline-block !important;
	flex: 0 0 calc(100% - 106px);
	max-width: calc(100% - 106px);
}
body.dashboard nav .collapse.navbar-collapse > ul{
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}
body.dashboard nav .collapse.navbar-collapse > ul > li{
	margin-left: auto;
}
body.dashboard #app > nav{
	position: fixed;
	width: 100%;
	z-index: 999;
	height: 85px;
	top: 0;
}
body.dashboard #app > main{
	margin-top: 60px;
	overflow: hidden;
	position: relative;
}






/**
 *
 * Home
 *
 */
.home-card{
	padding: 15px;
}
.home-card .home-card-title{
	font-size: 18px;
	font-weight: 600;
}
.home-card .home-card-content{
	box-shadow: 2px 3px 4px #333;
	border: 1px solid #333;
	padding: 15px 5px;
}
.home-card .home-card-content .col-4{
	display: flex;
	align-items: center;
}
.home-cta-create{
	float: right;
	padding: .2rem .75rem;
	margin-bottom: 5px;
}





/**
 *
 * Cjenik
 *
 */
.strojevi-kategorije{
	margin-bottom: 30px;
}
.strojevi-kategorije .cjenik-body .body-column,
.strojevi-kategorije .cjenik-header .header-column{
	text-align: center;
	display: flex;
	align-items: center;
	border: 1px solid #111;
	border-left: 0;
	padding: 0;
	border-bottom: 0;
}
.strojevi-kategorije .cjenik-body .row:last-child .body-column{
	border-bottom: 1px solid #111;
}
.strojevi-kategorije .cjenik-header .header-column{
	border-bottom: 0;
}
.strojevi-kategorije .cjenik-header .header-column:nth-child(1),
.strojevi-kategorije .cjenik-body .body-column:nth-child(1){
	border-left: 1px solid #111;
}
.strojevi-kategorije .cjenik-header .header-column{
	font-weight: 600;
	word-spacing: 100vw;
}
.strojevi-kategorije .cjenik-body .body-column span,
.strojevi-kategorije .cjenik-header .header-column span{
	margin: 0 auto;
	word-wrap: anywhere;
}
.strojevi-kategorije .cjenik-body .empty-column{
	border: 1px solid #111;
}
.strojevi-kategorije .cjenik-body .empty-column,
.strojevi-kategorije .cjenik-body .body-column{
	padding: 8px 10px;
}
.strojevi-kategorije .cjenik-body .body-column .cijena_po_danu{
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
}
.strojevi-kategorije .cjenik-body .body-column .save-cjenik-cijena{
	font-size: 28px;
}
#update-cijena-strojeva-modal h5 span{
	font-weight: 600;
}
.sb{
	font-size: 12px;
}
.cjenik .cpd::after{
	content: attr(data-cpd);
	position: relative;
	left: 5px;
}
.cjenik .cps::after{
	content: attr(data-cps);
	position: relative;
	left: 5px;
}
.cjenik-body .broj-kolona-3{
	flex: 0 0 57.1428%;
	max-width: 57.1428%;
}
.cjenik-body .broj-kolona-5{
	flex: 0 0 85.7142%;
	max-width: 85.7142%;
}





/**
 *
 * Postavke
 *
 */
#postavke-tekstovi-modal textarea{
	width: 100%;
}
#postavke-tekstovi-modal .modal-body .cke_contents{
	min-height: 40vh;
}
.update-postavke-tekstovi a{
	margin-bottom: 10px;
}






/**
 *
 * Kategorije strojeva
 *
 */
.kategorija{
	font-size: 16px;
	line-height: 2;
	padding: 8px 10px;
}
.default-radio-options .opt-div > label,
.kategorije-vrste-ponude .col-sm-10 > label{
	float: left;
	margin: 7px 0;
}
.default-radio-options .opt-div > input,
.kategorije-vrste-ponude .col-sm-10 > input{
	float: left;
	display: block;
	width: 50px;
}

/**
 *
 * Proizvođač strojeva
 *
 */
.proizvodac{
	font-size: 16px;
	line-height: 2;
	padding: 8px 10px;
}





/**
 *
 * Strojevi
 *
 */
#details-stroj-modal .preview-slika-1,
#details-stroj-modal .preview-slika-2{
	/*max-height: 220px;*/
}
#details-stroj-modal .preview-slika-1 img,
#details-stroj-modal .preview-slika-2 img,
#details-stroj-prodaja-modal .preview-slika-1 img,
#details-stroj-prodaja-modal .preview-slika-2 img,
#details-stroj-prodaja-modal .preview-slika-3 img{
	width: 100%;
}
#details-stroj-modal .form-group label,
#details-stroj-prodaja-modal .form-group label{
    padding: 0;
}

#details-stroj-modal .form-group span,
#details-stroj-prodaja-modal .form-group span{
    font-weight: 600;
}
#strojevi-table .update-cjenik-status .fa-check{
	color: #00c400;
}
#strojevi-table .update-cjenik-status .fa-times{
	color: red;
}






/**
 *
 * Ponude
 *
 */
#create-ponuda-form #klijent hr{
	margin-top: 35px;
}
#podnozje .cke_contents{
    min-height: 500px;
}
/*#save-radni-nalog,
#update-ponuda,
#save-ponuda{
	margin-top: 5px;
}*/
.ponuda-strojevi{
	margin: 30px 0;
}
#naziv_ponude{
	text-transform: uppercase;
}
.narudzbenica-stavke .narudzbenica-stavke-header .header-column,
.otpremnica-stavke .otpremnica-stavke-header .header-column{
	text-transform: uppercase;
	align-items: center;
}
.ppz-strojevi .ppz-strojevi-body .body-column,
.ppz-strojevi .ppz-strojevi-header .header-column,
.ugovori-strojevi .ugovori-strojevi-body .body-column,
.ugovori-strojevi .ugovori-strojevi-header .header-column,
.predracuni-strojevi .predracuni-strojevi-body .body-column,
.predracuni-strojevi .predracuni-strojevi-header .header-column,
.racuni-strojevi .racuni-strojevi-body .body-column,
.racuni-strojevi .racuni-strojevi-header .header-column,
.radni-nalog-stavke .radni-nalog-stavke-body .body-column,
.radni-nalog-stavke .radni-nalog-stavke-header .header-column,
.narudzbenica-stavke .narudzbenica-stavke-body .body-column,
.narudzbenica-stavke .narudzbenica-stavke-header .header-column,
.otpremnica-stavke .otpremnica-stavke-body .body-column,
.otpremnica-stavke .otpremnica-stavke-header .header-column,
.ponuda-stavke .ponuda-stavke-body .body-column,
.ponuda-stavke .ponuda-stavke-header .header-column,
.ponuda-strojevi .ponuda-strojevi-body .body-column,
.ponuda-strojevi .ponuda-strojevi-header .header-column{
	text-align: center;
	display: flex;
	align-items: center;
	border: 1px solid #111;
	border-left: 0;
	padding: 0;
	border-bottom: 0;
}
/*.radni-nalog-stavke .radni-nalog-stavke-body .body-column,
.radni-nalog-stavke .radni-nalog-stavke-header .header-column,*/
/*.narudzbenica-stavke .narudzbenica-stavke-body .body-column,
.narudzbenica-stavke .narudzbenica-stavke-header .header-column,
.otpremnica-stavke .otpremnica-stavke-body .body-column,
.otpremnica-stavke .otpremnica-stavke-header .header-column,*/
.ponuda-stavke .ponuda-stavke-body .body-column,
.ponuda-stavke .ponuda-stavke-header .header-column{
	align-items: start;
}
.ppz-strojevi .ppz-strojevi-body .row:last-child .body-column,
.ugovori-strojevi .ugovori-strojevi-body .row:last-child .body-column,
.predracuni-strojevi .predracuni-strojevi-body .row:last-child .body-column,
.racuni-strojevi .racuni-strojevi-body .row:last-child .body-column,
.radni-nalog-stavke .radni-nalog-stavke-body .row:last-child .body-column,
.narudzbenica-stavke .narudzbenica-stavke-body .row:last-child .body-column,
.otpremnica-stavke .otpremnica-stavke-body .row:last-child .body-column,
.ponuda-stavke .ponuda-stavke-body .row:last-child .body-column,
.ponuda-strojevi .ponuda-strojevi-body .row:last-child .body-column{
	border-bottom: 1px solid #111;
}
.ppz-strojevi .ppz-strojevi-header .header-column,
.ugovori-strojevi .ugovori-strojevi-header .header-column,
.predracuni-strojevi .predracuni-strojevi-body .body-column,
.racuni-strojevi .racuni-strojevi-body .body-column,
.radni-nalog-stavke .radni-nalog-stavke-header .header-column,
.narudzbenica-stavke .narudzbenica-stavke-header .header-column,
.otpremnica-stavke .otpremnica-stavke-header .header-column,
.ponuda-stavke .ponuda-stavke-header .header-column,
.ponuda-strojevi .ponuda-strojevi-header .header-column{
	border-bottom: 0;
}
.ppz-strojevi .ppz-strojevi-header .header-column:nth-child(1),
.ppz-strojevi .ppz-strojevi-body .body-column:nth-child(1),
.ugovori-strojevi .ugovori-strojevi-header .header-column:nth-child(1),
.ugovori-strojevi .ugovori-strojevi-body .body-column:nth-child(1),
.predracuni-strojevi .predracuni-strojevi-body .body-column:nth-child(1),
.predracuni-strojevi .predracuni-strojevi-header .header-column:nth-child(1),
.racuni-strojevi .racuni-strojevi-body .body-column:nth-child(1),
.racuni-strojevi .racuni-strojevi-header .header-column:nth-child(1),
.radni-nalog-stavke .radni-nalog-stavke-header .header-column:nth-child(1),
.radni-nalog-stavke .radni-nalog-stavke-body .body-column:nth-child(1),
.narudzbenica-stavke .narudzbenica-stavke-header .header-column:nth-child(1),
.narudzbenica-stavke .narudzbenica-stavke-body .body-column:nth-child(1),
.otpremnica-stavke .otpremnica-stavke-header .header-column:nth-child(1),
.otpremnica-stavke .otpremnica-stavke-body .body-column:nth-child(1),
.ponuda-stavke .ponuda-stavke-header .header-column:nth-child(1),
.ponuda-stavke .ponuda-stavke-body .body-column:nth-child(1),
.ponuda-strojevi .ponuda-strojevi-header .header-column:nth-child(1),
.ponuda-strojevi .ponuda-strojevi-body .body-column:nth-child(1){
	border-left: 1px solid #111;
}
.radni-nalog-stavke .radni-nalog-stavke-header .header-column,
.narudzbenica-stavke .narudzbenica-stavke-header .header-column,
.otpremnica-stavke .otpremnica-stavke-header .header-column,
.ponuda-stavke .ponuda-stavke-header .header-column,
.ponuda-strojevi .ponuda-strojevi-header .header-column{
	font-weight: 600;
	word-spacing: 100vw;
}
.ppz-strojevi .ppz-strojevi-header .header-column,
.ugovori-strojevi .ugovori-strojevi-header .header-column{
	font-weight: 600;
}
.ppz-strojevi .ppz-strojevi-body .body-column span,
.ppz-strojevi .ppz-strojevi-header .header-column span,
.ugovori-strojevi .ugovori-strojevi-body .body-column span,
.ugovori-strojevi .ugovori-strojevi-header .header-column span,
.predracuni-strojevi .predracuni-strojevi-body .body-column span,
.predracuni-strojevi .predracuni-strojevi-header .header-column span,
.racuni-strojevi .racuni-strojevi-body .body-column span,
.racuni-strojevi .racuni-strojevi-header .header-column span,
.radni-nalog-stavke .radni-nalog-stavke-body .body-column span,
.radni-nalog-stavke .radni-nalog-stavke-header .header-column span,
.narudzbenica-stavke .narudzbenica-stavke-body .body-column span,
.narudzbenica-stavke .narudzbenica-stavke-header .header-column span,
.otpremnica-stavke .otpremnica-stavke-body .body-column span,
.otpremnica-stavke .otpremnica-stavke-header .header-column span,
.ponuda-stavke .ponuda-stavke-body .body-column span,
.ponuda-stavke .ponuda-stavke-header .header-column span,
.ponuda-strojevi .ponuda-strojevi-body .body-column span,
.ponuda-strojevi .ponuda-strojevi-header .header-column span{
	margin: 0 auto;
	word-wrap: anywhere;
}
.ponuda-strojevi .ponuda-strojevi-body .empty-column{
	border: 1px solid #111;
}
.ponuda-strojevi .ponuda-strojevi-body .empty-column,
.ponuda-strojevi .ponuda-strojevi-body .body-column{
	padding: 8px 10px;
}
.quote-row{
	color: #4f81bd;
	font-size: 18px;
	font-style: italic;
	font-weight: 600;
	margin-top: 30px;
}
.ponuda-stavke .ponuda-stavke-header .header-column{
    padding: 10px 0;
}
.ponuda-stavke .ponuda-stavke-body .body-column .form-group.row{
	margin-top: 10px;
}
.ponuda-stavke .ponuda-stavke-body .body-column .form-group.row select{
	width: auto;
	margin: 0 auto;
}
#create-ponuda-form #stavke .remove-stavka-db,
#create-ponuda-form #stavke .remove-stavka,
#create-ponuda-form #stavke .add-stavka a{
	font-size: 30px;
}
#create-ponuda-form #stavke .add-stavka{
	background-color: #f9f9f9 !important;
}
#create-ponuda-form #stavke .add-stavka a{
	margin-left: 5px;
}
#create-ponuda-form #stavke .add-stavka .col-md-3{
	border: 1px solid #111;
	border-top: 0;
}
.stavke-list .form-group > span {
    padding: 3px 10px;
}


#ponude-tabs-content #stavke .body-column,
#ponude-tabs-content #stavke .header-column{
	flex: 0 0 22.5%;
	max-width: 22.5%;
}
#ponude-tabs-content #stavke .body-column.dec-width,
#ponude-tabs-content #stavke .header-column.dec-width{
	flex: 0 0 10%;
	max-width: 10%;
}
#ponude-tabs-content #stavke .add-stavka > div{
	flex: 0 0 22.6%;
	max-width: 22.6%;
}
.ponuda-stavke .ponuda-stavke-body .body-column span > div {
    width: calc(50% - 5px);
    float: left;
}
.ponuda-stavke .ponuda-stavke-body .body-column span > div:first-child{
	margin-right: 5px;
}
.ponuda-stavke .ponuda-stavke-body .body-column span > div:last-child{
	margin-left: 5px;
}
#ponude-tabs-content #stavke .body-column .form-group.two-input-in-row input:first-child{
	margin-right: 10px;
}
#radni-nalozi-tabs-content #stavke .body-column .form-group.rabat-percent-row span > input,
#ponude-tabs-content #stavke .body-column .form-group.rabat-percent-row span > input{
	width: calc(100% - 20px);
	float: left;
}
#radni-nalozi-tabs-content #stavke .body-column .form-group.rabat-percent-row  span > span,
#ponude-tabs-content #stavke .body-column .form-group.rabat-percent-row  span > span{
	position: relative;
	top: 6px;
	font-size: 17px;
	float: right;
	width: 20px;
}
#vrstaPonudeModal .modal-body .col-6:nth-child(1),
#vrstaPonudeModal .modal-body .col-6:nth-child(2){
	margin-bottom: 25px;
}
#vrstaPonudeModal .modal-body a{
    font-size: 18px;
}



/**
 *
 * Otpramnica
 *
 */
.otpremnica-stavke .otpremnica-stavke-header .header-column{
    padding: 10px 0;
}
.otpremnica-stavke .otpremnica-stavke-body .body-column .form-group.row{
	margin-top: 10px;
}
.otpremnica-stavke .otpremnica-stavke-body .body-column .form-group.row select{
	width: auto;
	margin: 0 auto;
}
#create-otpremnica-form #stavke .remove-stavka-db,
#create-otpremnica-form #stavke .remove-stavka,
#create-otpremnica-form #stavke .add-stavka a{
	font-size: 30px;
}
#create-otpremnica-form #stavke .add-stavka{
	background-color: #f9f9f9 !important;
}
#create-otpremnica-form #stavke .add-stavka a{
	margin-left: 5px;
}
#create-otpremnica-form #stavke .add-stavka .col-md-3{
	border: 1px solid #111;
	border-top: 0;
}



/**
 *
 * Narudzbenice
 *
 */
.narudzbenica-stavke .narudzbenica-stavke-header .header-column{
    padding: 10px 0;
}
.narudzbenica-stavke .narudzbenica-stavke-body .body-column .form-group.row{
	margin-top: 10px;
}
.narudzbenica-stavke .narudzbenica-stavke-body .body-column .form-group.row select{
	width: auto;
	margin: 0 auto;
}
#create-narudzbenica-form #stavke .remove-stavka-db,
#create-narudzbenica-form #stavke .remove-stavka,
#create-narudzbenica-form #stavke .add-stavka a{
	font-size: 30px;
}
#create-narudzbenica-form #stavke .add-stavka{
	background-color: #f9f9f9 !important;
}
#create-narudzbenica-form #stavke .add-stavka a{
	/*margin-left: 5px;*/
}
#create-narudzbenica-form #stavke .add-stavka .col-md-3{
	border: 1px solid #111;
	border-top: 0;
	padding: 0;
}



/**
 *
 * Radni nalog
 *
 */
.radni-nalog-stavke .radni-nalog-stavke-body .body-column .form-group.row {
    margin-top: 10px;
}
#create-radni-nalog-form #stavke .remove-stavka-db,
#create-radni-nalog-form #stavke .remove-stavka,
#create-radni-nalog-form #stavke .add-stavka a{
	font-size: 30px;
}
#create-radni-nalog-form #stavke .add-stavka {
    background-color: #f9f9f9 !important;
    margin-bottom: 20px;
}
#create-radni-nalog-form #stavke .add-stavka .col-md-3{
    border: 1px solid #111;
    border-top: 0;
}
.radni-nalog-stavke .radni-nalog-stavke-body .total-rows .body-column:last-child{
	border-top: 0;
	border-bottom: 0;
	border-right: 0;
}
.radni-nalog-stavke .radni-nalog-stavke-body .total-rows .body-column.two-cols-radni-nalog{
	font-weight: 600px;
	text-align: left;
	font-size: 16px;
}


.slike-stroja th,
.slike-stroja td{
	border: 1px solid;
}



/* Ugovori */
#create-ugovori-form #strojevi .remove-stavka-db,
#create-ugovori-form #strojevi .remove-stavka,
#create-ugovori-form #strojevi .add-stavka a,
#create-predracuni-form #strojevi .remove-stavka-db,
#create-predracuni-form #strojevi .remove-stavka,
#create-predracuni-form #strojevi .add-stavka a{
	font-size: 30px;
}
.ppz-strojevi .ppz-strojevi-body .body-column .form-group.row,
.ugovori-strojevi .ugovori-strojevi-body .body-column .form-group.row,
.predracuni-strojevi .predracuni-strojevi-body .body-column .form-group.row,
.racuni-strojevi .racuni-strojevi-body .body-column .form-group.row{
    margin-top: 10px;
}
.ppz-strojevi .ppz-strojevi-body .empty-column,
.ugovori-strojevi .ugovori-strojevi-body .empty-column,
.predracuni-strojevi .predracuni-strojevi-body .empty-column,
.racuni-strojevi .racuni-strojevi-body .empty-column{
	border: 1px solid #111;
	padding: 8px 10px;
}

#ugovori-tabs-content #strojevi .form-group.two-input-in-row span{

}
#ugovori-tabs-content #strojevi .form-group.two-input-in-row span > div:first-child,
.racun .form-group.two-input-in-row span div:first-child{
    margin-right: 10px;
}
#ugovori-tabs-content #strojevi .form-group.two-input-in-row span > div,
#predracuni-tabs-content #strojevi .form-group.two-input-in-row span > div,
.racun .two-input-in-row span div{
    width: calc(50% - 5px);
    float: left;
    position: relative;
}
/*
#ugovori-tabs-content #strojevi .form-group.two-input-in-row label.error{
	position: absolute;
}
#ugovori-tabs-content #strojevi .form-group.two-input-in-row label.error:nth-child(2){
	left: 10px;
	bottom: 10px;
}
#ugovori-tabs-content #strojevi .form-group.two-input-in-row label.error:nth-child(3),
#ugovori-tabs-content #strojevi .form-group.two-input-in-row label.error:nth-child(4){
	left: calc(50% + 20px);
	bottom: 10px;
}
*/


/* PPZ */
.ppz-stanje-goriva{
    margin-top: 30px;
    padding-left: 0;
}
.ppz-oprema .header-column strong,
.ppz-stanje-goriva .header-column strong{
	margin: 0 auto;
}
.ppz-oprema .row:first-child .col-3,
.ppz-stanje-goriva .row:first-child .col-4{
	border-top: 1px solid #111;
}
.ppz-oprema .row .col-3,
.ppz-stanje-goriva .row .col-4{
	display: flex;
	align-items: center;
    border-bottom: 1px solid #111;
    border-right: 1px solid #111;
}
.ppz-oprema .row .col-3:first-child,
.ppz-stanje-goriva .row .col-4:first-child{
	border-left: 1px solid #111;
}
.ppz-oprema .row .col-3 .form-group,
.ppz-stanje-goriva .row .col-4 .form-group{
	margin-top: 10px;
}
.ppz-stanje-goriva .row .col-4:last-child{
	/*border-right: 0;*/
}
.ppz-oprema{
	padding-right: 0;
	margin-top: 30px;
}
.ppz-oprema .oprema-list .row:first-child .col-3{
	border-top: 0;
}
#create-ppz-form #opis .remove-stavka-db,
#create-ppz-form #opis .remove-stavka,
#create-ppz-form #opis .add-stavka a{
	font-size: 30px;
}
#create-ppz-form #opis .add-stavka{
	background-color: #f9f9f9 !important;
}
#create-ppz-form #opis .add-stavka a{
	margin-left: 5px;
}
#create-ppz-form #opis .add-stavka .col-md-4{
	border: 1px solid #111;
	border-top: 0;
}




/* Pregled najma */
.pregled-najma.home .select-pregled-najma-month .multiple-input-row{
	width: auto;
}
.pregled-najma-stroj-details > .form-group,
.pregled-najma-klijent-details > .form-group{
	margin-bottom: 0;
}
.pregled-najma-klijent-details > .form-group span,
.pregled-najma-stroj-details > .form-group span{
	padding-top: 0;
	padding-bottom: 0;
}
.pregled-najma-klijent-details > .form-group p,
.pregled-najma-klijent-details > .form-group label,
.pregled-najma-stroj-details > .form-group label{
	padding: 0;
}
.pregled-najma-klijent-details > .form-group textarea,
.pregled-najma-klijent-details > .form-group input,
.pregled-najma-stroj-details > .form-group input{
	height: auto;
	padding: 0;
}



.pregled-najma .pregled-najma-strojevi{
	min-width: 2600px;
}
.pregled-najma .pregled-najma-strojevi .pregled-najma-strojevi-body .body-column,
.pregled-najma .pregled-najma-strojevi .pregled-najma-strojevi-header .header-column{
	display: flex;
	align-items: center;
	border: 1px solid #111;
	border-left: 0;
	padding: 0;
	border-bottom: 0;
	padding: 0 2px;
}
.pregled-najma .pregled-najma-strojevi .pregled-najma-strojevi-header .header-column{
	text-align: center;
}
.pregled-najma .pregled-najma-strojevi .pregled-najma-strojevi-body .row:last-child .body-column{
	border-bottom: 1px solid #111;
}
.pregled-najma .pregled-najma-strojevi .pregled-najma-strojevi-header .header-column{
	border-bottom: 0;
}
.pregled-najma .pregled-najma-strojevi .header-column:nth-child(1),
.pregled-najma .pregled-najma-strojevi .body-column:nth-child(1){
	border-left: 1px solid #111;
}
.pregled-najma .pregled-najma-strojevi .header-column{
	font-weight: 600;
	word-spacing: 100vh;
}
.pregled-najma .pregled-najma-strojevi .header-column span{
    margin: 0 auto;
    word-wrap: anywhere;
}
.pregled-najma .pregled-najma-strojevi .header-column,
.pregled-najma .pregled-najma-strojevi .body-column{
	flex: 0 0 5%;
	max-width: 14.2857%;
}
.pregled-najma .pregled-najma-strojevi .header-column.day-column,
.pregled-najma .pregled-najma-strojevi .body-column.day-column{
	flex: 0 0 1.2%;
	max-width: 14.2857%;
}
.pregled-najma .pregled-najma-strojevi .body-column.day-column span{
	margin: 0 auto;
}
.pregled-najma .pregled-najma-strojevi .body-column{
	font-size: 12px;
}
.pregled-najma .pregled-najma-strojevi .header-column.dec-column,
.pregled-najma .pregled-najma-strojevi .body-column.dec-column{
	flex: 0 0 2.5%;
	max-width: 14.2857%;
}
.pregled-najma .pregled-najma-strojevi .header-column.model-column,
.pregled-najma .pregled-najma-strojevi .body-column.model-column{
	flex: 0 0 5.5%;
	max-width: 14.2857%;
}
.pregled-najma .pregled-najma-strojevi .header-column.serijski-broj-column,
.pregled-najma .pregled-najma-strojevi .header-column.klijent-lokacija-column{
	word-spacing: normal;
}
.pregled-najma .pregled-najma-strojevi .body-column.serijski-broj-column{
	word-wrap: anywhere;
}
.pregled-najma .pregled-najma-strojevi .header-column.trosak-nadopune-goriva-column,
.pregled-najma .pregled-najma-strojevi .body-column.trosak-nadopune-goriva-column{
	flex: 0 0 3.7%;
	max-width: 14.2857%;
}
.pregled-najma .pregled-najma-strojevi .header-column.serijski-broj-column,
.pregled-najma .pregled-najma-strojevi .body-column.serijski-broj-column{
	flex: 0 0 3.5%;
	max-width: 14.2857%;
}
.pregled-najma .pregled-najma-strojevi .header-column.valuta-racuna-column,
.pregled-najma .pregled-najma-strojevi .body-column.valuta-racuna-column{
	flex: 0 0 3.4%;
	max-width: 14.2857%;
}
.pregled-najma .pregled-najma-strojevi .header-column.ugovor-column,
.pregled-najma .pregled-najma-strojevi .body-column.ugovor-column{
	flex: 0 0 2.8%;
	max-width: 14.2857%;
}
.pregled-najma .pregled-najma-strojevi .header-column.cijena-column,
.pregled-najma .pregled-najma-strojevi .body-column.cijena-column{
	flex: 0 0 3.5%;
	max-width: 14.2857%;
}
.pregled-najma .pregled-najma-strojevi .body-column.valuta-column span{
	margin: 0 auto;
}
.pregled-najma .pregled-najma-strojevi .header-column.napomena-column,
.pregled-najma .pregled-najma-strojevi .body-column.napomena-column{
	flex: 0 0 3.5%;
	max-width: 14.2857%;
}
.pregled-najma .pregled-najma-strojevi .header-column.klijent-lokacija-column,
.pregled-najma .pregled-najma-strojevi .body-column.klijent-lokacija-column{
	flex: 0 0 7.6%;
	max-width: 14.2857%;
}
.pregled-najma .pregled-najma-strojevi .header-column.dms-column,
.pregled-najma .pregled-najma-strojevi .body-column.dms-column{
	flex: 0 0 2.2%;
	max-width: 14.2857%;
}
.pregled-najma .pregled-najma-strojevi .header-column.pdv-iznos-column,
.pregled-najma .pregled-najma-strojevi .body-column.pdv-iznos-column,
.pregled-najma .pregled-najma-strojevi .header-column.transport-column,
.pregled-najma .pregled-najma-strojevi .body-column.transport-column,
.pregled-najma .pregled-najma-strojevi .header-column.ukupno-column,
.pregled-najma .pregled-najma-strojevi .body-column.ukupno-column{
	flex: 0 0 4.2%;
	max-width: 14.2857%;
}
.pregled-najma .pregled-najma-strojevi .body-column.pdv-column span{
	margin: 0 auto;
}
.klijent-lokacija-separator{
	font-size: 19px;
	margin: 0 5px;
	font-weight: 500;
}

.pregled-najma .pregled-najma-strojevi .body-column.trosak-nadopune-goriva-column span:after,
.pregled-najma .pregled-najma-strojevi .body-column.ukupno-faktura-column span:after,
.pregled-najma .pregled-najma-strojevi .body-column.cijena-column span:after,
.pregled-najma .pregled-najma-strojevi .body-column.pdv-iznos-column span:after,
.pregled-najma .pregled-najma-strojevi .body-column.transport-column span:after,
.pregled-najma .pregled-najma-strojevi .body-column.ukupno-column span:after{
  content: attr(data-v);
  position: relative;
  left: 1px;
}
.pregled-najma-strojevi-list > .row{
    min-height: 40px;
}
.pregled-najma .pregled-najma-content{
	background-color: #fff;
}
.pregled-najma .pregled-najma-strojevi .body-column:hover{
	background-color: #eae6e6;
	cursor: pointer;
}
.pregled-najma-strojevi-list .empty-column{
	border: 1px solid #111;
	padding-top: 7px;
}
.pregled-najma-strojevi-list .fakturirano{
	background-color: #63db63;
}
.pregled-najma-strojevi-list .za-fakturirati{
	background-color: #74b0ec;
}
.pregled-najma-strojevi-list .new-row{
	background-color: #b638c1;
	color: #fff;
}
.popover.fade.in{
    opacity: 1 !important;
}
.hide{
	display: none;
}
.pregled-najma .pregled-najma-strojevi .body-column{
	position: relative;
}
.pregled-najma .pregled-najma-strojevi .body-column .custom-edit-overlayer .popover.in,
.pregled-najma .pregled-najma-strojevi .body-column.day-column span.edit-day-status-col .popover.in{
	left: 100% !important;
}
.pregled-najma .pregled-najma-strojevi .body-column.napomena-column .custom-edit-overlayer .popover.in,
.pregled-najma .pregled-najma-strojevi .body-column.valuta-racuna-column .custom-edit-overlayer .popover.in{
	left: unset !important;
	right: 100% !important;
}

.pregled-najma .pregled-najma-strojevi .body-column.day-column span.edit-day-status-col{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.pregled-najma .pregled-najma-strojevi .header-column.nedjelja,
.pregled-najma .pregled-najma-strojevi .body-column.nedjelja .custom-content-backlayer{
	color: #fff;
}
.pregled-najma .pregled-najma-strojevi .header-column.nedjelja,
.pregled-najma .pregled-najma-strojevi .body-column.nedjelja{
	background-color: #c9211e;
}
.pregled-najma .pregled-najma-strojevi .body-column.disabled-edit-column{
	background-color: #c4c4c4;
}
.pregled-najma-dodaj-stroj{
	margin-top: 25px;
}
.s-nedjelja{
	width: 20px;
	height: 20px;
	background-color: #c9211e;
	margin-top: 2px;
	float: left;
}
.s-rezervacija{
	width: 20px;
	height: 20px;
	background-color: #74b0ec;
	margin-top: 2px;
	float: left;
}
.s-fakturirano{
	width: 20px;
	height: 20px;
	background-color: #63db63;
	margin-top: 2px;
	float: left;
}
.pregled-najma .pregled-najma-strojevi .body-column.status-rezervacija{
	background-color: #74b0ec;
}
.pregled-najma .pregled-najma-strojevi .body-column.status-fakturirano{
	background-color: #63db63;
}
.float-left{
	float: left;
}
.width-auto{
	width: auto;
}
.pregled-najma .valuta-racuna-col{
	text-align: center;
}


.pregled-najma .popover{
	max-width: 300px;
}
.pregled-najma .day-numbers-popover .form-group,
.pregled-najma .numbers-popover .form-group,
.pregled-najma .text-popover .form-group{
	width: calc(100% - 40px);
}
.pregled-najma .popover-content input[type="radio"]{
	display: none;
}
.pregled-najma .popover-content input:checked + label{
    color: #38c172;
}
.pregled-najma .popover-content{
	width: 300px;
}
.pregled-najma .popover-content label:nth-child(2){
	margin-top: 10px;
}
.pregled-najma .popover-content label{
	/*margin-right: 10px;*/
	display: block;
	margin-bottom: 10px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
/*.pregled-najma .popover-content label[for="ss"]{
    font-size: 22px;
}*/
.hide-popover{
	position: absolute;
	top: 8px;
	right: 15px;
}
.hide-popover{
	text-decoration: none !important;
}
.body-column.current-edit{
	background-color: #d7f3e3;
}
.pregled-najma .pregled-najma-strojevi .body-column span.custom-content-backlayer{
	margin: 0 auto;
}
.pregled-najma .pregled-najma-strojevi .body-column span.custom-edit-overlayer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#detalji-pregled-najma-stroj-modal .modal-body .row > .col-sm-6.text-right{
	display: flex;
}
#detalji-pregled-najma-stroj-modal .modal-body .row button{
	margin-left: auto;
	align-self: center;
}
.export-pregled-najma{
	/*position: fixed;
	right: 45px;*/
	margin-left: 50px;
	margin-top: 8px;
}
.export-pregled-najma i{
	font-size: 26px;
}



.nav__cont{
	position: relative;
}
#app > main > div{
	width: auto;
}
body.dashboard #app > main{
	padding-top: 0 !important;
	padding-bottom: 0 !important
}
.main-content{
	padding-left: 30px;
}
.mobile-nav.nav__cont{
	position: absolute;
}



/* Evidencija transporta */
.evidencija-transporta.home .select-evidencija-transporta-month .multiple-input-row{
    width: auto;
}
.evidencija-transporta-stroj-details > .form-group,
.evidencija-transporta-klijent-details > .form-group{
    margin-bottom: 0;
}
.evidencija-transporta-klijent-details > .form-group span,
.evidencija-transporta-stroj-details > .form-group span{
    padding-top: 0;
    padding-bottom: 0;
}
.evidencija-transporta-klijent-details > .form-group p,
.evidencija-transporta-klijent-details > .form-group label,
.evidencija-transporta-stroj-details > .form-group label{
    padding: 0;
}
.evidencija-transporta-klijent-details > .form-group textarea,
.evidencija-transporta-klijent-details > .form-group input,
.evidencija-transporta-stroj-details > .form-group input{
    height: auto;
    padding: 0;
}

.evidencija-transporta .evidencija-transporta-strojevi{
    min-width: 2300px;
}
.evidencija-transporta .evidencija-transporta-strojevi .evidencija-transporta-strojevi-body .body-column,
.evidencija-transporta .evidencija-transporta-strojevi .evidencija-transporta-strojevi-header .header-column{
    display: flex;
    align-items: center;
    border: 1px solid #111;
    border-left: 0;
    border-bottom: 0;
}
.evidencija-transporta .evidencija-transporta-strojevi .evidencija-transporta-strojevi-header .header-column{
    text-align: center;
}
.evidencija-transporta .evidencija-transporta-strojevi .evidencija-transporta-strojevi-body .row:last-child .body-column{
    border-bottom: 1px solid #111;
}
.evidencija-transporta .evidencija-transporta-strojevi .evidencija-transporta-strojevi-header .header-column{
    border-bottom: 0;
}
.evidencija-transporta .evidencija-transporta-strojevi .header-column:nth-child(1),
.evidencija-transporta .evidencija-transporta-strojevi .body-column:nth-child(1){
    border-left: 1px solid #111;
}
.evidencija-transporta .evidencija-transporta-strojevi .header-column{
    font-weight: 600;
    word-spacing: 100vh;
}
.evidencija-transporta .evidencija-transporta-strojevi .header-column span{
    margin: 0 auto;
    word-wrap: anywhere;
}
.evidencija-transporta .evidencija-transporta-strojevi .body-column.day-column span{
    margin: 0 auto;
}
.evidencija-transporta .evidencija-transporta-strojevi .body-column{
    font-size: 12px;
    text-align: center;
}

/*start*/
.evidencija-transporta .header-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex: 0 0 20%;
}

.evidencija-transporta .header-group span {
    font-weight: bold;
}

.evidencija-transporta .group-content {
    display: flex;
    /*flex-direction: row;*/
    justify-content: end;
    width: 100%;
    height: 100%;
}

.evidencija-transporta .group-content .part {
    flex: 1 1 100%;
    padding: 10px 5px;
    text-align: center;
    border: solid black;
    border-width: 1px 1px 0 0;
    height: 100%;
}

.part-no-right-border {
    border-right: 0 !important;
}
/*.evidencija-transporta .header-group .part {*/
/*    flex: 0 0 33%;*/
/*    text-align: center;*/
/*}*/


/* model-column, serijski-broj, klijent-lokacija, ugovor, transport-odvoz, transport-dovoz, valuta, transport, iznos, datum, transport, iznos, datum, razlika-naplate, gorivo */
.evidencija-transporta .evidencija-transporta-strojevi .header-column.model-column,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.model-column{
    flex: 0 0 5.5%;
    max-width: 14.2857%;
}
.evidencija-transporta .evidencija-transporta-strojevi .header-column.serijski-broj-column,
.evidencija-transporta .evidencija-transporta-strojevi .header-column.klijent-lokacija-column{
    word-spacing: normal;
}
.evidencija-transporta .evidencija-transporta-strojevi .body-column.serijski-broj-column{
    word-wrap: anywhere;
}
.evidencija-transporta .evidencija-transporta-strojevi .header-column.serijski-broj-column,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.serijski-broj-column{
    flex: 0 0 5.5%;
    max-width: 14.2857%;
}
.evidencija-transporta .evidencija-transporta-strojevi .header-column.klijent-lokacija-column,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.klijent-lokacija-column{
    flex: 0 0 7.6%;
    max-width: 14.2857%;
}
.evidencija-transporta .evidencija-transporta-strojevi .header-column.ugovor-column,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.ugovor-column{
    flex: 0 0 2.8%;
    max-width: 14.2857%;
}
.evidencija-transporta .evidencija-transporta-strojevi .header-column.transport-odvoz-column,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.transport-odvoz-column{
    flex: 0 0 3.5%;
    max-width: 14.2857%;
}
.evidencija-transporta .evidencija-transporta-strojevi .header-column.transport-dovoz-column,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.transport-dovoz-column{
    flex: 0 0 3.5%;
    max-width: 14.2857%;
}
.evidencija-transporta .evidencija-transporta-strojevi .header-column.valuta-column,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.valuta-column{
    flex: 0 0 3.4%;
    max-width: 14.2857%;
}

.evidencija-transporta .evidencija-transporta-strojevi .body-column.valuta-column span{
    margin: 0 auto;
}

.evidencija-transporta .evidencija-transporta-strojevi .header-column.odvoz-column,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.odvoz-column{
    flex: 0 0 8.4% !important;
    max-width: 25.2857% !important;
}


.evidencija-transporta .evidencija-transporta-strojevi .header-column.prijevoznik-column,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.prijevoznik-column,
.evidencija-transporta .evidencija-transporta-strojevi .header-column.iznos-column,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.iznos-column,
.evidencija-transporta .evidencija-transporta-strojevi .header-column.datum-column,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.datum-column{
    flex: 0 0 6.67%;
    max-width: 14.2857%;
    word-spacing: 0 !important;
}
.evidencija-transporta .evidencija-transporta-strojevi .header-column.razlika-naplate-column,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.razlika-naplate-column{
    flex: 0 0 3.7%;
    max-width: 14.2857%;
}
.evidencija-transporta .evidencija-transporta-strojevi .header-column.gorivo-column,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.gorivo-column{
    flex: 0 0 3.7%;
    max-width: 14.2857%;
}
.evidencija-transporta .evidencija-transporta-strojevi .body-column.pdv-column span{
    margin: 0 auto;
}
.klijent-lokacija-separator{
    font-size: 19px;
    margin: 0 5px;
    font-weight: 500;
}

.evidencija-transporta .evidencija-transporta-strojevi .body-column.transport-odvoz-column span:after,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.transport-dovoz-column span:after,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.iznos-column span:after,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.razlika-naplate-column span:after
{
    content: attr(data-v);
    position: relative;
    left: 1px;
}
.evidencija-transporta-strojevi-list > .row{
    min-height: 40px;
}
.evidencija-transporta .evidencija-transporta-content{
    background-color: #fff;
}
.evidencija-transporta .evidencija-transporta-strojevi .body-column:hover{
    background-color: #eae6e6;
    cursor: pointer;
}
.evidencija-transporta-strojevi-list .empty-column{
    border: 1px solid #111;
    padding-top: 7px;
}
.evidencija-transporta-strojevi-list .fakturirano{
    background-color: #63db63;
}
.evidencija-transporta-strojevi-list .za-fakturirati{
    background-color: #74b0ec;
}
.evidencija-transporta-strojevi-list .new-row{
    background-color: #b638c1;
    color: #fff;
}
.popover.fade.in{
    opacity: 1 !important;
}
.hide{
    display: none;
}
.evidencija-transporta .evidencija-transporta-strojevi .body-column{
    position: relative;
}
.evidencija-transporta .evidencija-transporta-strojevi .body-column .custom-edit-overlayer .popover.in,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.day-column span.edit-day-status-col .popover.in{
    left: 100% !important;
}
.evidencija-transporta .evidencija-transporta-strojevi .body-column.napomena-column .custom-edit-overlayer .popover.in,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.valuta-racuna-column .custom-edit-overlayer .popover.in{
    left: unset !important;
    right: 100% !important;
}

.evidencija-transporta .evidencija-transporta-strojevi .body-column.day-column span.edit-day-status-col{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.evidencija-transporta .evidencija-transporta-strojevi .header-column.nedjelja,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.nedjelja .custom-content-backlayer{
    color: #fff;
}
.evidencija-transporta .evidencija-transporta-strojevi .header-column.nedjelja,
.evidencija-transporta .evidencija-transporta-strojevi .body-column.nedjelja{
    background-color: #c9211e;
}
.evidencija-transporta .evidencija-transporta-strojevi .body-column.disabled-edit-column{
    background-color: #c4c4c4;
}
.s-nedjelja{
    width: 20px;
    height: 20px;
    background-color: #c9211e;
    margin-top: 2px;
    float: left;
}
.s-rezervacija{
    width: 20px;
    height: 20px;
    background-color: #74b0ec;
    margin-top: 2px;
    float: left;
}
.s-fakturirano{
    width: 20px;
    height: 20px;
    background-color: #63db63;
    margin-top: 2px;
    float: left;
}
.evidencija-transporta .evidencija-transporta-strojevi .body-column.status-rezervacija{
    background-color: #74b0ec;
}
.evidencija-transporta .evidencija-transporta-strojevi .body-column.status-fakturirano{
    background-color: #63db63;
}
.float-left{
    float: left;
}
.width-auto{
    width: auto;
}
.evidencija-transporta .valuta-racuna-col{
    text-align: center;
}


.evidencija-transporta .popover{
    max-width: 300px;
}
.evidencija-transporta .day-numbers-popover .form-group,
.evidencija-transporta .numbers-popover .form-group,
.evidencija-transporta .text-popover .form-group{
    width: calc(100% - 40px);
}
.evidencija-transporta .popover-content input[type="radio"]{
    display: none;
}
.evidencija-transporta .popover-content input:checked + label{
    color: #38c172;
}
.evidencija-transporta .popover-content{
    width: 300px;
}
.evidencija-transporta .popover-content label:nth-child(2){
    margin-top: 10px;
}
.evidencija-transporta .popover-content label{
    /*margin-right: 10px;*/
    display: block;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
/*.evidencija-transporta .popover-content label[for="ss"]{
    font-size: 22px;
}*/
.hide-popover{
    position: absolute;
    top: 8px;
    right: 15px;
}
.hide-popover{
    text-decoration: none !important;
}
.body-column.current-edit{
    background-color: #d7f3e3;
}
.evidencija-transporta .evidencija-transporta-strojevi .body-column span.custom-content-backlayer{
    margin: 0 auto;
}
.evidencija-transporta .evidencija-transporta-strojevi .body-column span.custom-edit-overlayer{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#detalji-evidencija-transporta-stroj-modal .modal-body .row > .col-sm-6.text-right{
    display: flex;
}
#detalji-evidencija-transporta-stroj-modal .modal-body .row button{
    margin-left: auto;
    align-self: center;
}
.export-evidencija-transporta{
    /*position: fixed;
    right: 45px;*/
    margin-left: 50px;
    margin-top: 8px;
}
.export-evidencija-transporta i{
    font-size: 26px;
}



#ponude-tabs-content #stavke .body-column.dec-width,
#ponude-tabs-content #stavke .header-column.dec-width{
    flex: 0 0 26%;
    max-width: 26%;
}
#ponude-tabs-content #stavke .body-column:last-child,
#ponude-tabs-content #stavke .header-column:last-child{
    flex: 0 0 6.5%;
    max-width: 6.5%;
}
#ponude-tabs-content #stavke .add-stavka > div{
    flex: 0 0 6.6%;
    max-width: 6.6%;
    padding: 0;
}

/*.ugovori-strojevi .ugovori-strojevi-body .body-column,
.ugovori-strojevi .ugovori-strojevi-header .header-column{
    flex: 0 0 23%;
    max-width: 23%;
}*/
.ugovori-strojevi .ugovori-strojevi-body .body-column:last-child,
.ugovori-strojevi .ugovori-strojevi-header .header-column:last-child,
.predracuni-strojevi .predracuni-strojevi-body .body-column:last-child,
.predracuni-strojevi .predracuni-strojevi-header .header-column:last-child,
.racuni-strojevi .racuni-strojevi-body .body-column:last-child,
.racuni-strojevi .racuni-strojevi-header .header-column:last-child{
    flex: 0 0 7%;
    max-width: 7%;
}

.predracuni-strojevi .predracuni-strojevi-body .body-column:nth-child(5),
.predracuni-strojevi .predracuni-strojevi-header .header-column:nth-child(5),
.predracuni-strojevi .predracuni-strojevi-body .body-column:nth-child(6),
.predracuni-strojevi .predracuni-strojevi-header .header-column:nth-child(6),
.predracuni-strojevi .predracuni-strojevi-body .body-column:nth-child(7),
.predracuni-strojevi .predracuni-strojevi-header .header-column:nth-child(7){
	flex: 0 0 7%;
    max-width: 7%;
}


.racuni-strojevi .racuni-strojevi-body .body-column:nth-child(5),
.racuni-strojevi .racuni-strojevi-header .header-column:nth-child(5),
.racuni-strojevi .racuni-strojevi-body .body-column:nth-child(6),
.racuni-strojevi .racuni-strojevi-header .header-column:nth-child(6),
.racuni-strojevi .racuni-strojevi-body .body-column:nth-child(7),
.racuni-strojevi .racuni-strojevi-header .header-column:nth-child(7),
.racuni-strojevi .racuni-strojevi-body .body-column:nth-child(8),
.racuni-strojevi .racuni-strojevi-header .header-column:nth-child(8){
	flex: 0 0 8.5%;
    max-width: 8.5%;
}

.radni-nalog-stavke .radni-nalog-stavke-body .body-column:last-child,
.radni-nalog-stavke .radni-nalog-stavke-header .header-column:last-child,
.narudzbenica-stavke .narudzbenica-stavke-body .body-column:last-child,
.narudzbenica-stavke .narudzbenica-stavke-header .header-column:last-child,
.otpremnica-stavke .otpremnica-stavke-body .body-column:last-child,
.otpremnica-stavke .otpremnica-stavke-header .header-column:last-child{
    flex: 0 0 5.5%;
    max-width: 5.5%;
}
.radni-nalog-stavke .radni-nalog-stavke-body .add-stavka > div:last-child,
.narudzbenica-stavke .narudzbenica-stavke-body .add-stavka > div:last-child,
.otpremnica-stavke .otpremnica-stavke-body .add-stavka > div:last-child{
	flex: 0 0 5.7%;
    max-width: 5.7%;
}




@media screen and (min-width: 1024px){
	.navbar-expand-md .navbar-toggler{
	    /*display: none !important;*/
	}
	.mobile-nav.nav__cont{
		display: none !important;
	}
	.nav__cont {
		width: 80px;
	}

	body.pregled-najma .navbar-expand-md .navbar-toggler,
	body.evidencija-transporta .navbar-expand-md .navbar-toggler {
	    display: block !important;
	}
	body.pregled-najma .mobile-nav.nav__cont,
	body.evidencija-transporta .mobile-nav.nav__cont {
		display: block !important;
	}
	body.pregled-najma .nav__cont,
	body.evidencija-transporta .nav__cont {
		display: none !important;
	}
	body.pregled-najma .mobile-nav.nav__cont,
	body.evidencija-transporta .mobile-nav.nav__cont {
		width: 0;
		height: auto !important;
	}
	body.pregled-najma .mobile-nav.nav__cont.active,
	body.evidencija-transporta .mobile-nav.nav__cont.active {
		width: 100% !important;
	}
	body.pregled-najma .mobile-nav.nav__cont .nav__items,
	body.evidencija-transporta .mobile-nav.nav__cont .nav__items {
		width: 100% !important;
	}
	body.pregled-najma main,
	body.evidencija-transporta main {
		padding-top: 30px;
	}
}

@media screen and (max-width: 1023px){
	.nav__cont{
		display: none !important;
		height: 100%;
		width: 70px ;
	}
	.mobile-nav.nav__cont{
		display: block !important;
	}
	table.display {
	    font-size: 12px;
	}
	.main-content{
		padding-left: 90px;
		padding-top: 30px;
	}
	.nav__items div{
		width: 70px;
	}
	.nav__items img{
		width: 27px;
	}
	.nav__items i{
		font-size: 18px;
		width: 70px;
	}
	.nav__items a{
		font-size: 14px;
	}
}

@media screen and (max-width: 992px){
	/*.navbar-toggler{
		display: inline-block !important;
	}
	.collapse.navbar-collapse{
		display: inline-block !important;
	}*/
}

@media screen and (min-width: 768px){
	.vrsta-ponude-vilicari .ponuda-strojevi .ponuda-strojevi-body .body-column,
	.vrsta-ponude-vilicari .ponuda-strojevi .ponuda-strojevi-header .header-column,
	.vrsta-ponude-autodizalice .ponuda-strojevi .ponuda-strojevi-body .body-column,
	.vrsta-ponude-autodizalice .ponuda-strojevi .ponuda-strojevi-header .header-column{
		flex: 0 0 25%;
		max-width: 25%;
	}
	.vrsta-ponude-autodizalice .ponuda-strojevi .ponuda-strojevi-body .body-column,
	.vrsta-ponude-autodizalice .ponuda-strojevi .ponuda-strojevi-header .header-column{
		flex: 0 0 25%;
		max-width: 25%;
	}
	.vrsta-ponude-platforme .ponuda-strojevi .ponuda-strojevi-body .body-column,
	.vrsta-ponude-platforme .ponuda-strojevi .ponuda-strojevi-header .header-column,
	.strojevi-kategorije .cjenik-body .body-column,
	.strojevi-kategorije .cjenik-header .header-column{
		flex: 0 0 14.2857%;
		max-width: 14.2857%;
	}
	.radni-nalog-stavke .radni-nalog-stavke-body .body-column,
	.radni-nalog-stavke .radni-nalog-stavke-header .header-column,
	.narudzbenica-stavke .narudzbenica-stavke-body .body-column,
	.narudzbenica-stavke .narudzbenica-stavke-header .header-column,
	.otpremnica-stavke .otpremnica-stavke-body .body-column,
	.otpremnica-stavke .otpremnica-stavke-header .header-column{
		flex: 0 0 14.83%;
		max-width: 14.83%;
	}
	.radni-nalog-stavke .radni-nalog-stavke-body .add-stavka > div,
	.narudzbenica-stavke .narudzbenica-stavke-body .add-stavka > div,
	.otpremnica-stavke .otpremnica-stavke-body .add-stavka > div{
		flex: 0 0 12.55%;
		max-width: 12.55%;
	}
	.radni-nalog-stavke .radni-nalog-stavke-body .body-column.dec-width,
	.radni-nalog-stavke .radni-nalog-stavke-header .header-column.dec-width{
		flex: 0 0 8.75%;
		max-width: 8.75%;
	}
	.narudzbenica-stavke .narudzbenica-stavke-body .body-column.dec-width,
	.narudzbenica-stavke .narudzbenica-stavke-header .header-column.dec-width,
	.otpremnica-stavke .otpremnica-stavke-body .body-column.dec-width,
	.otpremnica-stavke .otpremnica-stavke-header .header-column.dec-width{
		flex: 0 0 7.5%;
		max-width: 7.5%;
	}
	.radni-nalog-stavke .radni-nalog-stavke-body .body-column.lg-inc-width,
	.radni-nalog-stavke .radni-nalog-stavke-header .header-column.lg-inc-width,
	.narudzbenica-stavke .narudzbenica-stavke-body .body-column.lg-inc-width,
	.narudzbenica-stavke .narudzbenica-stavke-header .header-column.lg-inc-width,
	.otpremnica-stavke .otpremnica-stavke-body .body-column.lg-inc-width,
	.otpremnica-stavke .otpremnica-stavke-header .header-column.lg-inc-width{
		flex: 0 0 27.5%;
		max-width: 27.5%;
	}
	.radni-nalog-stavke .radni-nalog-stavke-body .total-rows .body-column.two-cols-radni-nalog{
		flex: 0 0 21.25%;
		max-width: 21.25%;
	}

	.ugovori-strojevi .ugovori-strojevi-body .body-column,
	.ugovori-strojevi .ugovori-strojevi-header .header-column{
		flex: 0 0 23.25%;
		max-width: 23.25%;
	}

	.predracuni-strojevi .predracuni-strojevi-body .body-column,
	.predracuni-strojevi .predracuni-strojevi-header .header-column{
		flex: 0 0 18%;
		max-width: 18%;
	}
	.racuni-strojevi .racuni-strojevi-body .body-column,
	.racuni-strojevi .racuni-strojevi-header .header-column{
		flex: 0 0 15%;
		max-width: 12%;
	}
	.racuni-strojevi .racuni-strojevi-body .body-column:last-child,
	.racuni-strojevi .racuni-strojevi-header .header-column:last-child{
		flex: 0 0 6%;
		max-width: 3%;
	}
	.navbar-expand-md .navbar-toggler{
	    display: block;
	}

}
@media screen and (max-width: 767px) {
	.main-content-row{
		padding-bottom: 100px;
	}
	ul.pagination{
		margin-top: 15px;
	}
	ul.pagination > li:first-child{
		margin-left: auto !important;
	}
	ul.pagination > li:last-child{
		margin-right: auto !important;
	}
	body footer{
		padding-left: 0;
	}
	body footer > div.col-md-6{
		text-align: center !important;
		margin-bottom: 5px;
	}

	.dashboard .logo{
	    height: 65px;
	}


	.mobile-nav.nav__cont{
		width: 0;
		height: auto !important;
	}
	.mobile-nav.nav__cont.active{
		width: 100% !important;
	}
	.mobile-nav.nav__cont .nav__items{
		width: 100% !important;
	}
	.main-content{
		padding-left: 30px;
	}
}
@media screen and (max-width: 600px) {
	/*.nav__cont i{
		font-size: 20px;
		width: 60px;
	}
	.nav__cont img{
		width: 27px;
	}
	.nav__items div{
		width: 60px;
	}
	.dashboard .logo {
	    width: auto;
	    height: 45px;
	}
	.show-on-mobile{
		display: block;
	}
	.hide-on-mobile{
		display: none;
	}
	.main-content{
		padding-left: 90px;
	}*/
}
@media screen and (min-width: 600px) {
	/*.nav__cont {
		width: 80px;
	}*/
}

@media screen and (max-width: 450px) {
	/*.nav__cont{
		width: 0;
	}
	.nav__cont.active{
		width: 100% !important;
	}
	.nav__cont .nav__items{
		width: 100% !important;
	}
	.main-content{
		padding-left: 30px;
	}*/
}
.disabled {
    pointer-events: none;
    opacity: 0.5;
}
.max-width-7{
	max-width: 9% !important;
}
.min-width-14{
	min-width: 15% !important;
}
.hidden-span {
    display: none !important;
}