/*

light #EAFA7F
	
lighter #D6EA52
	
original #E1B93D #E1B93D
	
darker #9CB013
	
dark #757574

*/

body#template{
	min-width: 640px;
} 

body#template .layout-wrapper .topbar{
	min-width: 360px;
}

body#template .ui-button.helpButton{
	background-color:transparent;
	background-color: transparent;
	border: none;
	box-shadow: unset;
	float: right;
	background-color: transparent;
	width: 20px !important;
	height: 20px !important;
	
}

body#template .ui-button.helpButton .ui-icon{
	color: #00695C;
}

.hidden{
	display: none;
}

.Mar5px{margin: 5px;}
.MarLess{margin: 0 -5px;}
.Mar10px{margin: 10px;}
.Mar15px{margin: 15px;}
.Mar20px{margin: 20px;}
.Mar25px{margin: 25px;}

.mLeft5 {margin-left: 5px;}
.mLeft10 {margin-left: 10px;}
.mRight5 {margin-right: 5px;}
.mRight10 {margin-right: 10px;}
.mRight15 {margin-right: 15px;}
.mRight20 {margin-right: 20px;}
.mTop10 {margin-top: 10px;}
.pLeft5 {padding-left: 5px;}
.pRight5 {padding-right: 5px;}
.pRight20 {padding-right: 20px;}
.Fuppercase {text-transform: uppercase;}

.ContainerIndent_5 {
	display: block;
	margin: 0px auto;
	padding: 5px 5px;
}

.ContainerIndent_2_5 {
	display: block;
	margin: 0px auto;
	padding: 2px 5px;
}

.ContainerIndent_5_10 {
	display: block;
	margin: 0px auto;
	padding: 5px 10px;
}

.ContainerIndent_0_10 {
	display: block;
	margin: 0 auto;
	padding: 0 10px;
}

body#template, body#template_card{
	color: #00695C;
}

body a {
    color: #0D7ABD;
}

.icon {
	color:#757575;
}

body#template .ui-growl {
    top: 80px;
	right: 5px;
}
/* ZZI start */

/* custom inputtext height*/
body#template .ui-fluid .ui-inputtext {
    width: 100%;
    height: 28px;
}

body#template .ui-fluid .ui-inputmask {
	width:100%;
	height:28px;
}

body#template .ui-fluid .ui-radiobutton {
	height:28px;
}

/* custom calendar input height*/
body#template .ui-fluid .ui-calendar, .ui-fluid .ui-calendar input {
    width: 100%;
    height: 28px;
}

/* custom calendar input icon height*/
body#template .ui-fluid .ui-calendar .ui-datepicker-trigger.ui-button {
    height: 28px;
    top: -6px;
}

body#template .topbar .layout-menu-tooltip {
    display: none;
}

/* tab menu */

body#template .ui-tabmenu .ui-tabmenu-nav {
	background-color:#757574;
}

body#template .ui-widget-header {
	color:#fff;
}

body#template .ui-dialog-titlebar.ui-widget-header {
	color:#00695C;
	border-bottom: 1px solid #bdbdbd;
}


body#template .ui-widget-header .ui-tabmenuitem{
	color:#757574;
}

body#template .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-active{
	background-color: #E1B93D;
}

body#template .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-active a {
    color: #fff;
}

body#template .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-default a {
    color: #fff;
}

body#template .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-hover {
    background-color: #E1B93D;
    border-color: #E1B93D;
}

body#template .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem{
	transition: background-color 0.5s, border-color 0.5s;
}

/* --------------------------------------------------------------- */
@media (min-width: 1025px) {
	body#template .layout-wrapper .topbar{
		z-index: 999999999;
	}
	
	body#template .layout-wrapper.menu-layout-horizontal .layout-menu{
		z-index: 999999998;
	}
	
	body#template .layout-wrapper.menu-layout-horizontal .layout-menu .nano-content.menu-scroll-content ul > li > ul {
	    max-height: calc(100vh - 110px);
	    overflow-y: auto;
	}
	
	body#template .layout-wrapper.menu-layout-horizontal .layout-menu .nano-content.menu-scroll-content ul > li > ul > li > ul {
	    overflow-y: unset;
	    max-height: unset;
	}
}
/* --------------------------------------------------------------- */
body#template .ui-selectonemenu.ui-state-disabled {
    opacity: 1;
    border: 1px solid rgba(65,65,65,0.15);
    background: none;
}

body#template .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label {
    background: none;
}

body#template .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger{
	display: none;
}
/* --------------------------------------------------------------- */

body#template .ui-tabs.ui-tabs-top > .ui-tabs-nav{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}

body#template .ui-tabs.ui-tabs-top > .ui-tabs-navb{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}

body#template .ui-tabs.ui-tabs-top > .ui-tabs-nav {
    background-color: #757574;
}

body#template .ui-tabs .ui-tabs-nav > li.ui-state-active {
    background-color: #E1B93D;
    border-color: #FFE07E;
}

body#template .ui-tabs .ui-tabs-nav > li.ui-state-default a {
    color: #fff;
}
body#template .ui-tabs .ui-tabs-nav > li.ui-state-active a {
    color: #fff;
}

body#template .ui-tabs .ui-tabs-nav > li.ui-state-hover {
    background-color: #E1B93D;
    border-color: #E1B93D;
}
body#template .ui-tabs .ui-tabs-nav > li {
    transition: background-color 0.5s, border-color 0.5s;
	border-color: #757574;
}

/* --------------------------------------------------------------- */

body#template .ui-state-active, body .ui-state-highlight{
	background-color: #5180ce;
}

body#template .ui-corner-top{
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}
/* left menu title */
body#template .layout-wrapper .layout-menu > .nano > .nano-content > ul.ultima-menu:last-child{
	margin-top: 0;
}

body#template .layout-wrapper .layout-menu > .nano > .nano-content > ul.ultima-menu > li > a.mnuTitle {
	background-color: #03A9F4;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	padding-bottom: 14px;
	padding-top: 16px;	
}

body#template .layout-wrapper .layout-menu > .nano > .nano-content > ul.ultima-menu > li > a.mnuTitle > *{
	color: #fff;
}

body#template .layout-wrapper .layout-menu > .nano > .nano-content > ul.ultima-menu > li > a.mnuTitle > span{
	font-size: 1.4em;
}

body#template .layout-wrapper.menu-layout-horizontal .layout-menu > .nano > .nano-content > ul.ultima-menu > li > a.mnuTitle {
	background-color: unset;
	padding: 8px 16px;
	box-shadow: unset;
}

body#template .layout-wrapper.menu-layout-horizontal .layout-menu > .nano > .nano-content > ul.ultima-menu > li > a.mnuTitle:HOVER {
	background-color: #676767;
}

body#template .layout-wrapper.menu-layout-horizontal .layout-menu > .nano > .nano-content > ul.ultima-menu > li > a.mnuTitle > *{
	color: inherit;
}

body#template .layout-wrapper.menu-layout-horizontal .layout-menu > .nano > .nano-content > ul.ultima-menu > li > a.mnuTitle > span{
	font-size: inherit;
}

/* --------------------- */

.zziInputLabel{
	border-width: 0 0 1px 0;
	padding: 2px 2px 1px 2px;
	border-color: #bdbdbd;
	border-style: solid;
	display: block;
	height: 18px;
}

@media screen and (min-width: 64.063em){
	body.body ul.topbar-items .active-top-menu ul{
		max-height: calc(100vh - 75px);
		overflow-y: auto;
	}
}
@media screen and (max-width: 64.063em){
	body.body ul.topbar-items{
		max-height: calc(100vh - 75px);
		overflow-y: auto;
	}
}

body#template .ui-panel .ui-panel-content{
	overflow: auto;
}

body#template tr.ui-expanded-row-content.ui-widget-content > td {
    padding: 0px 0px 0px 40px !important;
}

body#template .layout-wrapper .ultima-menu li a i:first-child {
    font-size: 21px;
}



.pagetitle .caption {
	float: left;
	padding: 0 0 10px 0;
}

.pagetitle .ui-breadcrumb.breadcrumb {
	float: right;
	border: none;
	background-color: transparent;
	color: #3A4856;
	padding: 0 0 10px 0;
}

.logolink{
	z-index:1000;
	position:relative;
}

.menu-layout-horizontal ul.ultima-menu > li.Separator {
	width: 1px;
	height: 22px;
	border-left: solid 1px #e0e0e0;
	line-height: 18px;
	border-bottom: none;
	clear: none;
	margin: 7px 0;
}

body .pagetitle .ui-breadcrumb.breadcrumb.ui-widget-header .ui-icon {
	color: #3A4856;
}
body .pagetitle .ui-breadcrumb.breadcrumb.ui-widget-header .ui-icon.ui-breadcrumb-chevron{
	opacity: .35;
}

body#template .pagetitle .ui-breadcrumb.breadcrumb a span {
	color: #3A4856;
}

body#template {
  /*font-family: "Roboto","Helvetica Neue",sans-serif;*/
  /*color: #546e7a;*/
}

body#template .layout-wrapper .topbar .topbar-right #menu-button{
	background-color: #E1B93D;
	color: #3A4856;
}

/* template */

#template .layout-wrapper{
	height: 100%;
}

#template .layout-main{
	height: calc(100% - 110px);
}

#template .layout-main .content-main {
    min-height: calc(100% - 60px);
    padding-bottom: 10px;
}

#template .layout-main .content-main .content{
	display: block;
	overflow: visible;
}

#template .footer{
	padding: 0;
}

#template .footer > .version{
	position: relative;
}

#template .footer > .version > div{
	position: absolute;
	right: 5px;
	top: -20px;
	color: #e1e1e1;
}

#template .footer .card{
	margin-bottom: 0px;
}

#template_card .footer a {
    color: #d5d0d0;
}

#template .layout-wrapper .topbar .logo {
    display: inline-block;
	width: 200px;
	height: 65px;
    position: relative;
    top: -14px;
    background-size: auto 63px;
}

/* template_card */
#template_card {
 	background-image: url("/uccgTariCG/javax.faces.resource/images/template_card-background.jpg.xhtml?ln=zzi");
 	background-repeat: no-repeat;
	background-color: #000;
	background-size: 100% auto;
	background-position-y: bottom;
}

#template_card .card {
    text-align: center;
    padding: 20px 20px;
    position: fixed;
  	top: 50%;
  	left: 50%;
  	/* bring your own prefixes */
  	transform: translate(-50%, -50%);
  	z-index: 1;
}

#template_card .footer {
	color : white;
    position: absolute;
    bottom: 10px;
    font-size: 16px;
    width: 100%;
    text-align: center;
	position: fixed;
  	left: 50%;
  	/* bring your own prefixes */
  	transform: translate(-50%, -50%);
  	z-index: 0;
}


body#template .ui-button{
	background-color: #6f6f6e;
	color: #f4f4f4;
}

body#template .ui-button.ui-state-hover{
	background-color: #E1B93D;
}

body#template .ui-button .ui-icon{
	color: #f4f4f4;
}

body#template .ui-accordion .ui-accordion-header.ui-state-active,
body#template .ui-accordion .ui-accordion-header.ui-state-active.ui-state-outline{
	background-color: #E1B93D;
}

body#template .ui-calendar .ui-datepicker-trigger .ui-icon{
color: #fff;
}
/* table */

body#template .ui-datatable thead th, 
body#template .ui-treetable thead th, 
body#template .ui-datatable.ui-datatable-scrollable thead tr th {
    background-color: #757574;
    color: #ffffff;
}

body#template .ui-treetable thead th .ui-column-resizer{
	color:transparent;
}

body#template .ui-datatable thead th input, 
body#template .ui-treetable thead th input, 
body#template .ui-datatable.ui-datatable-scrollable thead tr th input {
	color: #3A4856;	
}

body#template .ui-datatable thead th span.ui-sortable-column-icon,
body#template .ui-treetable thead th span.ui-sortable-column-icon {
    color: #ffffff;
}

body#template .ui-datatable tbody tr.ui-state-highlight .ui-inputfield {
 	background: #FCFCFC;
 	/* border: 1px solid #bdbdbd; */
 	padding: 3px;
 	/* margin-bottom: 5px; */
 	color: rgb(0, 105, 92);
}

body#template .ui-datatable .ui-paginator,
body#template .ui-treetable .ui-paginator,
body#template .ui-datagrid .ui-paginator{
	background-color: #E8E8E8;
}

body#template .ui-datatable .ui-widget-header,
body#template .ui-treetable .ui-widget-header,
body#template .ui-datagrid .ui-widget-header{
	border-color:  #cacaca;
	color:#fff;
}

body#template .ui-datatable tbody tr td .ui-row-toggler {
}

body#template .ui-datatable tbody tr td .ui-row-toggler.ui-icon-circle-triangle-e::before{
	content: "";
}

body#template .ui-datatable tbody tr td .ui-row-toggler.ui-icon-circle-triangle-s{
	-webkit-transform: unset;
	-moz-transform: unset;
	-o-transform: unset;
	-ms-transform: unset;
	transform: unset;
}
body#template .ui-datatable tbody tr td .ui-row-toggler.ui-icon-circle-triangle-s::before{
	content: "";
}


body#template .ui-corner-bottom{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

body#template .ui-paginator > a{
	color: #6C6C6C;
}

body#template .ui-spinner .ui-spinner-input{
	margin-bottom: 0;
}

body#template .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container{
	padding-right: 20px;
}

body#template .ui-selectcheckboxmenu-items-wrapper .ui-chkbox-icon.ui-icon::before{
	color: #03A9F4;
}

body#template .ui-paginator .ui-paginator-pages a, 
body#template .ui-paginator .ui-paginator-rpp-options .ui-paginator-numrows{ 
	color: #6C6C6C;
}

body#template .ui-paginator .ui-paginator-pages a.ui-state-active{
	color: #ffffff;
}

body#template .ui-paginator > a.ui-state-hover ,
body#template .ui-paginator .ui-paginator-pages a.ui-state-hover {
    background-color: #E1B93D;
}

body#template .ui-paginator .ui-paginator-current{
	color: #757574;
}

body#template .ui-paginator .ui-paginator-current {
	margin-right: 0;
	float: right;
	padding-right: 0;
}

body#template .ui-paginator .ui-paginator-numrows-label{
	color: #757574;
}

body#template .ui-paginator .ui-paginator-numrows-label {
	margin-right: 0;
	float: left;
	padding: 2px 6px;
}

body#template .ui-paginator .ui-paginator-numrows{
	margin-right: 0;
	float: left;
	padding-right: 0;
}

body#template .ui-datepicker .ui-datepicker-header a{
	color: #fff;	
	font-size: 22px !important;
}

body#template .ui-datepicker .ui-datepicker-buttonpane button{
	background-color: #6f6f6e;
	color: #ffffff;
	border: 0 none;
}

body#template .ui-datepicker .ui-datepicker-buttonpane button:HOVER {

    background-color: #0277BD;

}

body#template .ui-datatable .ui-button,
body#template .ui-treetable .ui-button {
    border-radius: 0px;
    height: 24px !important;
}

body#template .ui-datatable tr td.right,
body#template .ui-treetable tr td.right {
	text-align: right;
}

body#template .ui-datatable tr td.right input,
body#template .ui-treetable tr td.right input{
	text-align: right;
}

body#template .ui-datatable .ui-button .ui-icon,
body#template .ui-treetable .ui-button .ui-icon {
    margin-top: -10px !important;
	font-size: 18px !important;
}

body#template .ui-datatable .ui-button .ui-button-text,
body#template .ui-treetable .ui-button .ui-button-text{
	line-height: inherit;
}


/*  MENU */
body#template .layout-wrapper .ultima-menu li.active-menuitem > a{
	color: rgb(33, 33, 33);
}

body#template .buttons-holder > *, body#template .buttons-holder > span > input {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0 !important;
}

body#template .buttons-holder > span.ui-calendar{
	position: relative;
	padding-right: 10px;
}

body#template .buttons-holder > span.ui-calendar > input{
	vertical-align: text-bottom;
	width: 100%;
	position: relative;
}

body#template .buttons-holder > span.ui-calendar > button{
	right: 0px;
	top: 3px;
	position: absolute;
}

body#template .buttons-holder > span > input{
}


/*--------tabmenu---------------------------------------------------*/
body#template .ui-tabmenu{
	border-width: 0;
}

body#template .ui-tabmenu .ui-tabmenu-nav{
	background-color: #0277BD;
	border-radius: 3px 3px 0px 0px;
}			

body#template .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem{
	border-color: transparent;
}

body#template .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-default.ui-tabmenuitem.ui-state-hover{
	background-color: transparent;
}

body#template .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-default.ui-tabmenuitem.ui-state-hover a{
	color: #FFC107;
}

body#template .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-default a {
    color: #fff;
}

body#template .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-active {
    background-color: transparent;
    border-color: #FFC107;
    border-style: solid;
	color: #fff;
}

/*--------OSNOVNI OBJEKTI---------------------------------------------------*/
body#template input,body#template textarea {
	color: inherit;
}

body#template .ui-treetable thead th {
	border: 1px solid #bdbdbd;
}

body#template .ui-corner-all {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

body#template .ui-inputfield {
	background: RGBA(245,245,230,0.80);
	border: 1px solid #bdbdbd;
	padding: 3px;
	margin-bottom: 5px;
}

body#template .ui-chkbox {
	background: RGBA(245,245,230,0.80);
}

body#template .ui-state-error, body#template .ui-widget.ui-state-error, 
body#template .ui-widget-content .ui-state-error, body#template .ui-widget-header .ui-state-error {
    border-color: #e62a10;
}

body#template .ui-inputfield.ui-state-focus {
	padding-bottom: 3px;
	border: 1px solid #03A9F4;/*03A9F4 9BD27E*/
}

body#template .ui-selectonemenu-panel .ui-selectonemenu-filter-container{
	width: calc(100% - 5px);
}

body#template .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper{
	max-height: 250px !important;
	border:none;
}

body#template .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-inputfield{
	width: calc(100% - 40px);
}

body#template .ui-selectonemenu,
body#template .ui-selectcheckboxmenu {
	background: RGBA(245,245,230,0.80);
	border: 1px solid #bdbdbd;
	margin-bottom: 5px;
}

body#template .ui-selectonemenu .ui-selectonemenu-label,
body#template .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
	padding: 3px;
	line-height: 20px;
	margin-bottom: 0;
	border: none;
}

body#template .ui-selectcheckboxmenu-multiple-container{
	border: none;
	margin-bottom:0px;
}

body#template.layout-compact .ui-calendar .ui-inputfield,
body#template.layout-compact .ui-selectonemenu .ui-selectonemenu-label
{
	line-height: 18px;
}
body#template .ui-selectonemenu-panel .ui-selectonemenu-table, body#template .ui-selectonemenu-panel .ui-selectonemenu-table tr, body#template .ui-selectonemenu-panel .ui-selectonemenu-table tr td{
	border: none;
}
body#template.layout-compact .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label
{
	line-height: 20px;
}

body#template .ui-selectonemenu .ui-selectonemenu-trigger {
	top: 5px;
}

body#template .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{
	margin-top: -1px;
}


body#template .ui-selectonemenu.ui-widget {
	min-width: auto !important;
}

body#template .ui-fluid .ui-calendar .ui-datepicker-trigger.ui-button .ui-button-icon-left
	{
	margin-top: -10px;
}
body#template .paddingChildrenRight10 > *{
	padding-right: 10px;
}

body#template .separator15{
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 30px;
}

body#template .MarLess .separator15{
	margin-right: -10px;
}

body#template .separator10{
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 20px;
}
body#template .separator5{
	margin-left: -5px;
	margin-right: 0;
	padding-left: 10px;
}
/*-----------------------------------------------------------*/
body#template .ui-separator.ui-state-default {
	border-color: #E0E0E0;
	width: 100%;
	overflow: hidden;
	margin: 10px 0px !important;
	clear: both;
	border-width: 1px 0px 0px 0px;
	opacity: 0.3;
}

body#template.layout-compact .ui-widget-content .ui-fieldset-content{
	margin-top: -10px;
}

body#template .ui-fieldset {
	min-width: 0;
	box-sizing: border-box;
}


/*-----------------------------------------------------------*/
.ButtonSmallRight,.ButtonSmallRight input {
	width: calc(100% - 34px) !important;
}

.ButtonSmallRight.ui-button{
	height: 26px !important;
}
.ButtonSmallRight.ui-button .ui-icon{
	margin-top: -11px !important;
}
.ButtonSmallRight.ui-button .ui-button-text{
	line-height: 18px !important;
}

/* --ButtonRight------------------------------------------- */
.fieldpreview .ButtonRight {
	border: 1px solid #b0bec5;
	height: 22px !important;
	margin: 0 2px;
	min-width: 25px !important;
	width: 22px !important;
}

table .ButtonRight {
	height: 25px !important;
	min-height: 25px !important;
	width: 25px !important;
	min-width: 25px !important;
}

.ui-column-title .ButtonRight .ui-button-text.ui-c {
	padding: 0 !important;
}

.ButtonRight {
	background-color: #f5f5f5;
	color: #546e7a;
	border-color: #c6d6df #c6d6df #b0bec5;
	border-radius: 0px !important;
	border-width: 0 0 1px;
	border-style: solid;
	display: block;
	float: right;
	margin-right: 0;
	height: 26px !important;
	box-shadow: unset !important;
}

body#template .ui-button.ButtonRight {
	padding: 14px 0;
	width: 32px;
}

.ButtonRight .ui-button-icon-left {
	font-size: 18px !important;
	padding-top: 1px;
}

.ButtonRight.ui-state-hover,.GrayButton.ui-state-focus {
	background-color: #eeeeee;
}

.ButtonRight.ui-state-active {
	background-color: #bdbdbd;
}

/* --ButtonSmall------------------------------------------- */
body#template .ui-button.ButtonSmall {
	padding: 0 5px;
	width: auto !important;
	float: right;
	background-color: #eceff1;
	color: #455a64;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
	height: unset;
}

body#template .ui-button.ButtonSmall .ui-button-text {
	line-height: 18px;
}

.ButtonSmall.ui-state-active {
	background-color: #bdbdbd;
}

.ButtonSmall.ui-state-hover,.ButtonSmall.ui-state-focus {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
	background-color: #eeeeee;
}

.ButtonSmall2Right,.ButtonSmal2Right input {
	width: calc(100% -   78px) !important;
}

.ButtonSmall .ui-icon.fa.ui-button-icon-left {
	left: -4px;
	margin-top: -5px !important;
}

.ButtonSmall.ui-button-text-only  .ui-button-text {
	padding: 0 0 0 0 !important;
}

.ButtonSmall .ui-button-text {
	padding: 0 0 0 35px !important;
}

/* --p:fieldset------------------------------------------- */
body#template.layout-compact .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
    padding: 1px;
    margin-top: -1px;
    margin-right: 5px;
    margin-left: 2px;
}

body#template.layout-compact .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler:hover {
   background-color: #E1B93D;
}


body#template.layout-compact .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
    background-color: #757574;
}
/* --pe:triStateCheckbox------------------------------------------- */
body#template .ui-chkbox.ui-widget,body#template .ui-chkbox.ui-widget.twoStateCheckbox
	{
	width: auto;
	/*height: unset;*/
}

.ui-chkbox-icon.ui-c {
	background-image: none;
	border: medium none;
	font-family: "Material Icons" !important;
	font-weight: 900;
	text-indent: 0;
	transform: none;
	transition: all 0.3s ease 0s;
}

.ui-chkbox-icon.ui-c:before {
	font-family: "Material Icons" !important;
	content: " ";
}

body#template .ui-chkbox .ui-chkbox-box.ui-state-active {
	border: 2px solid #757575;
	background-color: inherit;
}

.ui-chkbox-icon.ui-c.ui-icon.ui-icon-check:before {
	content: "";
	color: #43a047;
	font-size: 29px;
	margin-left: -3px;
	margin-top: -9px;
	position: absolute;
	transition: all 0.3s ease 0s;
}

.ui-chkbox-icon.ui-c.ui-icon.ui-icon-closethick:before,.twoStateCheckbox .ui-chkbox-icon.ui-c.ui-icon.ui-icon-blank:before
	{
	content: "";
	color: #e53935;
	font-size: 18px;
	margin: 0;
	position: absolute;
	transition: all 0.3s ease 0s;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
	white-space:pre-wrap;
}

.ui-selectcheckboxmenu-token {
	white-space: pre-wrap;
}

/* Anze Umek hide disabled items in selectOneMenu for component deklaracijaVrstaTipField----------------------*/

body .hideDisabledItems .ui-state-disabled{
	display: none !important;
}

/* Anze Umek Growl messages text overflow fix----------------------*/

.ui-growl-message {
    word-break: break-word;
}

/* Anze Umek Datatable row storno collor----------------------*/

.stornoRow {
	color:red !important;
}

/* Tomaz Marincic - SelectOneMenu in editable dataTable label not seen - color white FIX, Chrome calBtnJump */
body#template .ui-datatable tbody .ui-inputfield{
	color:black;
	
	
body#template .ui-calendar .ui-datepicker-trigger .ink.animate{
    display:none;
}
}

/* Tomaz Marincic - izgled dropdown ; SelectOneMenu opcije text overflow se zlomi namesto da gre v neskoncnost */
body#template .ui-selectonemenu-panel .ui-selectonemenu-list-item{
	white-space: normal;
}
body#template .ui-selectonemenu-panel{
	max-width: 60%;
}
body#template .ui-autocomplete-panel{
	max-width: 60%;
}

body#template .ui-selectcheckboxmenu-panel{
	max-width: 60%;
}

/* Tomaz Marincic - readonly inputText*/

body#template input[readonly="readonly"] {
    border: 1px solid rgba(65,65,65,0.15);
	background: none;
}

body#template input[readonly=""] {
    border: 1px solid rgba(65,65,65,0.15);
	background: none;
}

body#template textarea[readonly="readonly"] {
    border: 1px solid rgba(65,65,65,0.15);
	background: none;
}

/* Tomaz Marincic - izgled Deklaracije - document-content */

body#template .document-content .ui-calendar .ui-inputfield:read-only{
	border: 1px solid #aaa;
}
body#template .document-content .ui-calendar .ui-inputfield:-moz-read-only {
	border: 1px solid #aaa;
}

body#template .DocumentItemFont{
	font-size: 16px;
	font-weight:bold;
}

body#template .document-content .ui-outputlabel {
	margin-right: 10px;
}
body#template .preLabel label {
	white-space: pre-wrap;
}
body#template .document-content .ui-inputfield {
	margin-bottom: -1px;
	border: 1px solid #aaa;
	height: 25px;
	color: #333;
	background-color: transparent;
	font-size: 16px;
}
body#template .document-content .ui-selectonemenu {
	margin-bottom: -1px;
	border: 1px solid #aaa;
	height: 25px;
	color: #333;
	background-color: inherit;
}
body#template .document-content .ui-selectonemenu-label {
	border: none;
	line-height: 15px !important;
}
body#template .document-content .ui-selectonemenu-trigger {
	top: 3px;
}
body#template .document-content .ui-fieldset {
	background-color: #f4f4f4;
	margin: 5px 10px;
	padding: 10px 20px;
	border: none;
}
body#template .document-content .ui-fieldset-legend {
	background-color: inherit;
	
	color: #D23D1B;
	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
	font-size: 15px;
}
body#template .document-content .ui-calendar .ui-datepicker-trigger.ui-button{
	height:24px;
	margin-right: 2px;
	margin-top: 1px;
}

body#template .document-content .ui-state-active {
	background-color: #5180ce88;
}
body#template .document-content .ui-state-highlight {
	background-color: #5180ce88;
	color: #333;
}

body#template .document-content .ui-widget-content .ui-state-error{
	border-color: #e62a10 !important;
}

/* Tomaz Marincic izgled Deklaracije - document-content End */


/* Tomaz Marincic izgled deklaracij tabel -excel */

body#template .excel.ui-datatable td{
	padding: 0px;
	border: 1px solid #aaa;
}
body#template .excel.ui-datatable .ui-paginator{
	padding: 0px 14px;
	border: 1px transparent;
	background-color:inherit;
}
body#template .excel.ui-datatable thead th{
	padding: 0px 0px;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	background-color:inherit;
	border:inherit;
}

body#template .excel.ui-datatable tbody .ui-inputfield{
	color: #333;
}

body#template .excel.ui-datatable .ui-datatable-tablewrapper{
	overflow: visible;
}


body#template .excel.ui-datatable .ui-paginator-first,
body#template .excel.ui-datatable .ui-paginator-rpp-options,
body#template .excel.ui-datatable .ui-paginator-last{
	display: none;
}
body#template .excel.ui-datatable .ui-paginator-pages{
	margin: 0px 0px;
}


body#template .excel.ui-datatable .ui-selectonemenu {
	border:1px transparent;
}

body#template .excel.ui-datatable .ui-inputfield {
	border:1px transparent;
}


body#template .excel.ui-datatable .ui-button .ui-icon{
	color: #666;
}
body#template .excel.ui-datatable .ui-button {
    background-color: transparent;
    color: #212121;
    width: 100%;
}
body#template .excel.ui-datatable .ui-button.ui-state-hover{
    background-color: #E1B93D;
}

body#template .excel.ui-datatable input:focus{
	background-color: #FFC107;
}

/* Tomaz Marincic izgled deklaracij tabel - excel end*/