@charset "utf-8";
/* CSS Document */

:root {
	--text-color: #777777;
	--placeholder-color: #bbbbbb;
	--grey-bg-color: #eeeeee;
	--grey-dark-bg-color: #dddddd;
	--buttons-border-color: #ced4da;
	--orange-color: #F37024;
	--orange-transparent-color: rgba(243, 112, 36, 0.8);
	--orange-more-transparent-color: rgba(243, 112, 36, 0.4);
	--grey-transparent-color: rgba(230, 230, 230, 0.8);
	--grey-more-transparent-color: rgba(230, 230, 230, 0.5);
	--blue-transparent-color: rgba(0, 170, 237, 0.3);
	--white-color: #ffffff;
	--blue-color: #00aaed;
	--light-blue-color: #BFEFFF;
	--blue-color-menu: #def7ff;
	--blue-color-submenu:  #F0F8FF;
	
	--blue-table-head-color:  #adcdec;

	--default-link-color: #0000EE;

	--green-button-color: #C1FFC1;

	--grey-text-color: #73879C;
	--green-color: #1ABB9C;
	--red-color: #E74C3C;

	--main-width: 1250px;

	--icon-ir-color: #1ABB9C;
	--icon-pr-color: #E74C3C;
	--icon-sa-color: #00aaed;
	--icon-tr-color: #ba9200;
	--icon-dv-color: #F37024;
	--icon-bl-color: #c26ac2;

	--red-transparent-color: rgba(231, 76, 60, 0.8);
	--green-transparent-color: rgba(0, 150, 0, 0.7);

	--red-more-transparent-color: rgba(231, 76, 60, 0.25);
	--green-more-transparent-color: rgba(0, 150, 0, 0.15);

	--blue-table-stripe-color: #d7e4f5;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: var(--text-color);
	width: 100%;
	padding: 0px;
	margin: 0px;
}

textarea{
	color: var(--text-color);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	border: 1px solid var(--buttons-border-color);
    border-top-color: rgb(206, 212, 218);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(206, 212, 218);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(206, 212, 218);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(206, 212, 218);
    border-left-style: solid;
    border-left-width: 1px;

    padding: 5px;
}

table{
	font-size: 12px;
}

a:visited, a:hover, a:active {
  color: var(--default-link-color);
}

a:visited{
  color: var(--text-color);
}

.normalLinkClass, .normalLinkClass:visited{
	text-decoration: none;
	color: var(--text-color);
}

.normalLinkClass:hover{
	text-decoration: underline;
	color: var(--default-link-color);
}

#contentDiv{
	width: var(--main-width);
	margin-left: auto;
	margin-right: auto;
}

#containerDBTransfer{
	font-size: 15px;
	text-align: center;
}

#contentDivSirsi{
	width: var(--main-width);
	margin-left: auto;
	margin-right: auto;
}

#contentDivNajSirsi{
	width: var(--main-width);
	margin-left: auto;
	margin-right: auto;
}

.buttonClass, .buttonClass2, .buttonClassDisabled, .sp-container button {
	letter-spacing: 0.3px;
	padding: 5px 10px 5px 10px;
	background: var(--blue-color);
	font-size: 11px;
	color: var(--white-color);
	text-decoration: none;
	cursor: pointer;

	border: 1px solid var(--white-color);


    -webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	min-width: 150px;
}

.buttonClassHalfLeft{
	-webkit-border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;

	width: 120px !important;
	min-width: 120px;
}

.buttonClassHalfRight{
	-webkit-border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;

	width: 120px !important;
	min-width: 120px;
}

.buttonClass2{
	background: var(--green-button-color);
	color: var(--text-color);
}

.buttonClassDisabled{
	background: #C4C4C4;
}

.buttonClass:hover, .buttonClass2:hover, .sp-container button:hover{
	background: var(--orange-color);
	color: var(--white-color);
}

.buttonClassNarrow{
	min-width: 80px;
}

.buttonClassExtraNarrow{
	min-width: 40px;
}

.buttonClassEnota{
	width: 40px !important;
}

.buttonClassImport{
	min-width: 100px;
	width: 100px;
	padding: 5px 7px;
}

.buttonClass2Icon{
	padding-top: 3px;
	padding-bottom: 3px;
}

.buttonClass2Icon i{
	font-size:17px;
}
/* enote button recived start */

.enoteButton{
	letter-spacing: 0.3px;
	padding: 5px 10px 5px 10px;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #ffffff;

    -webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;

	color: var(--white-color);
	background: #cccccc;
}

.enoteButton:hover{
	background: var(--orange-color);
}

.enoteButton2{
	letter-spacing: 0.3px;
	padding: 5px 10px 5px 10px;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #ffffff;

    -webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;

	color: var(--white-color);
	background: #7da7d9;
}

.enoteButton2:hover{
	background: var(--orange-color);
}

/* enote button recived end */

.vertAlignBottom{
	padding-top: 12px;
	padding-bottom: 0px;
	height: 18px;
}

.vertAlignLower{
	padding-top: 6px;
	padding-bottom: 0px;
	height: 24px;
}

/*menu icon start*/
.menuButton {
	cursor: pointer;
    color: var(--blue-color);

	text-shadow: 2px 2px #dddddd;
	display: inline-block;
}

.menuButton:hover{
	cursor:pointer;
	color: var(--orange-color);
}

.menuButton a{
	cursor:pointer;
	color: var(--blue-color) !important;
	font-size: 18px;
	text-decoration: none;
}

.menuButton a:hover{
	color: var(--orange-color) !important;
}

.buttonClassClicked a{
	color: var(--orange-color) !important;
}

.buttonEANClicked{
	background: var(--orange-color) !important;
}

.buttonClassClicked a:hover{
	color: var(--blue-color);
}


.bar1, .bar2, .bar3 {
    width: 20px;
    height: 3px;
    background-color: var(--blue-color);
    margin: 3px 0;
    transition: 0.4s;
    box-shadow: 2px 2px 1px #dddddd;
}

#menuButtonMain:hover .bar1, #menuButtonMain:hover .bar2, #menuButtonMain:hover .bar3{
	background-color: var(--orange-color);
}

/* Rotate first bar */
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-4px, 4px);
    transform: rotate(-45deg) translate(-4px, 4px);
}

/* Fade out the second bar */
.change .bar2 {
    opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-4px, -4px);
    transform: rotate(45deg) translate(-4px, -4px);
    box-shadow: none;
}
/*menu icon end*/

.selectClass{
	width: 150px;
	height: 22px;

	font-family: Helvetica, Geneva, sans-serif;
	font-size: 12px;
	padding: 0px 20px 0px 5px;
	color: var(--text-color);

	background-color: rgba(255, 255, 255, 0.9);
	
	background: #fff url('ikone/select_arrow.png') no-repeat;
	background-size: 18px;
	background-position:  right 5px center;
	-webkit-appearance: none;
	-moz-appearance: none;
    
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	border: 1px solid var(--buttons-border-color);
    border-top-color: rgb(206, 212, 218);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(206, 212, 218);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(206, 212, 218);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(206, 212, 218);
    border-left-style: solid;
    border-left-width: 1px;
}

.selectClassLang{
	width: 90px;
}

.selectClassValuta{
	width: 110px;
}

.selectClassMonthDel{
	width: 138px;
	padding-left: 55px;
}

.selectClassNarrow{
	width: 50px;
}

.selectClassMonth{
	width: 70px;
}

.selectClass:disabled, .crtaDisabled:disabled, .buttonClass:disabled, .buttonClass2:disabled, .sp-container button:disabled{
    background: #C4C4C4;
    color: var(--white-color);
}

.selectClassBD{
	width:300px;
	padding-right:25px;
}

.crtaNew{
	width: 138px;
	height: 20px;

	font-family: Helvetica, Geneva, sans-serif;
	font-size: 12px;
	padding: 0px 5px 0px 5px;
	color: var(--text-color);
	
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	background-color: var(--white-color);
	background: rgba(255, 255, 255, 0.9);

	border: 1px solid var(--buttons-border-color);
    border-top-color: rgb(206, 212, 218);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(206, 212, 218);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(206, 212, 218);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(206, 212, 218);
    border-left-style: solid;
    border-left-width: 1px;
}

.crtaDisabledEracuni:disabled{
    color: var(--text-color);
}

.selectClassEracuni:disabled{
	background: var(--white-color);
    color: var(--text-color);
}

.textareaNew:disabled{
	color: var(--text-color);
}

.crtaNew:focus{
	outline: none;
}

.crtaNew::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: var(--placeholder-color);
	opacity: 1; /* Firefox */
}

.crtaNew:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--placeholder-color);
}

.crtaNew::-ms-input-placeholder { /* Microsoft Edge */
	color: var(--placeholder-color);
}


.crtaDisabledDiv{
    background: #C4C4C4;
    color: var(--white-color);
}
.crtaDisabledDiv input{
    color: var(--white-color);
}

.noStyleCrta{
	background: none !important;
	background-color: none;
	border:none;
	margin-top:3px;
}

.stevilkaRacuna{
	color: var(--text-color);
	width: calc(100% - 32px);
	
	border: solid 1px transparent;
	padding: 3px 5px 3px 5px;
}

.crtaImeStrankeNew::-moz-placeholder{
	font-weight: bold;
}

.crtaImeStrakeNew::-webkit-input-placeholder{
	font-weight: bold;
}

.crtaImeStrakeNew{
	background: #E0FFFF;
}

.crta{
	border: none;
	border-bottom: 1px solid black;
}

.datumCrta{
	width: 70px;
}

.sifraCrta{
	width: 80px;
}

.sklicCrta{
	
	width: 93px;
}

.narrowCrta{
	width: 53px;
}

.narrowCrta2{
	width: 60px;
}

.extraNarrowCrta{
	width: 30px;
}

.searchCrta{
	width: 200px;
	padding-right: 24px;
}

.valutaCrta{
	padding: 0px 5px 0px 5px;
	width: 20px;
}

.valutaCrta2{
	width: 34px;
}

.datumNarocilaCrta{
	width: 115px;
}

#infSkupaj, #infOsnova, #infKosov, #infRVC{
	float: right;
	padding-left: 5px;
	/*font-weight: bold;*/
}

.payedCrta{
	width: calc(100% - 22px);
}

.avtomCrta{
	width: calc(100% - 22px);
}


.searchTable td, .searchTableSirsi td, .searchTableNajSirsi td{
	vertical-align: middle;
	height: 25px;
}

#icon {
	font-size: 18px;
	display: inline-block;
	color: #B0E2FF;
}

.searchInnTable{
	border-collapse: collapse;
	width:100%;
	background: var(--grey-bg-color);
}

.extraSearchParams{
	/*background: #cccccc;*/
}

.searchInnTable td{
	width: 20%;
	text-align: center;
}

.searchInnTable td button, .searchInnTable td input, .searchInnTable td select{
	width:calc(100% - 5px);
}

.cancelButton a{
	color: #888888 !important;
}


#listDiv td{
	font-size: 10px;
}

.invoiceListTable, #listDiv, .searchTable{
	width: var(--main-width);
}

.invoiceListTable tr:first-child td{
	cursor: pointer;
}

.invoiceListTableSirsi, .searchTableSirsi{
	width: var(--main-width);
}

.invoiceListTableNajSirsi, .searchTableNajSirsi{
	width: var(--main-width);
}

.invoiceListTableSirsi tr:first-child td, .invoiceListTableNajSirsi tr:first-child td{
	vertical-align: middle;
}

.invoiceListTableSirsi tr:first-child td a, .invoiceListTableNajSirsi tr:first-child td a{
	text-decoration: none;
	font-weight: bold;
	color: var(--text-color);
}

.headerOpomba{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	border: solid 1px #cbc9c9;
}

.headerOpomba::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: var(--placeholder-color);
	opacity: 1; /* Firefox */
}


.settingsTable{
	font-size: 12px;
	margin: 0 auto;
	margin-bottom: 15px;
	border-collapse: collapse;
	width: 100%;
}

.settingsTable tr th{
	font-weight: bold;
	padding: 5px 20px 5px 40px;
	background: var(--orange-color);
	color: var(--white-color);
	text-align: left;
}

.settingsTable tr td{
	text-align: left;
	padding: 3px 5px 3px 5px !important;
	background: var(--white-color);
}

.settingsTable tr td:first-child{
	width: 60px;
}

.settingsTable tr td:last-child{
	width: 60px;
	text-align: right;
	margin-right: 10px;
}

.settingsInfoIcon{
	font-size: 20px;
	cursor: pointer;
    color: var(--blue-color);
}

.settingsInfoIconInvoice{
	float: right;
}

.settingsInfoIcon:hover{
	color: var(--orange-color);
}

.settingsInfoDiv{
	font-size: 12px;
	font-weight: normal;
	cursor: pointer;
	text-align: left;
	max-width: 300px;
	position: absolute;

	border: 1px solid #B0E2FF;
	background: var(--white-color);
	padding: 10px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
	box-shadow: 1px 2px 5px rgba(0,0,0,.09);
}

.settingsInfoDivInvoice{
	color: var(--text-color);
}

.settingsTableTh{
	background: var(--orange-color) !important;
}

.settingstitleTd{
	font-weight: bold;
	text-align: center;
	background: var(--blue-table-head-color) !important;
}

.settingstitleLighterTd{
	font-weight: bold;
	text-align: center;
	background: rgba(173, 205, 236, 0.7) !important;
}

.kalorimetriBodyTd{
	font-weight: bold;
	text-align: center;
	background: #dddddd !important;
}

.settingsTableMainTh{
	background: var(--white-color) !important;
	color: var(--text-color) !important;
	font-size: 14px;
	padding: 12px 20px 12px 20px !important;

	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}

.cancelButtonClass a{
	font-size: 22px;
	color: #888888 !important;
}

.iconsButtonClass{
	margin-left: 5px;
}

.iconsButtonClass a{
	font-size: 18px;
}

.iconsButtonClassDelete{
	margin-left: 5px;
}

.iconsButtonClassDelete a{
	color: #888888 !important;
}

.iconsButtonClassAttached{
	margin-left: 5px;
}

.iconsButtonClassAttached a{
	color: #3300FF !important;
}

.iconsButtonClassNotAttached{
	margin-left: 5px;
}

.iconsButtonClassNotAttached a{
	color: #aaaaaa !important;
}

.invoiceTableMain{
	margin: 0px auto;
	width: var(--main-width);
	border-collapse: collapse;
}

.invoiceTableMain td{
	vertical-align: middle;
	padding: 1px 5px 1px 5px;
}

.invoiceFooterTableMain{
	width: 100%;
	border-collapse: collapse;
}

.invoiceFooterTableMain td{
	vertical-align: middle;
	padding: 3px 5px 0px 5px;
	line-height: 30px;
}

#headerDiv{
	width: 100%;
	padding-bottom: 5px;
}

.input-box {
	position: relative;
}

.input-box-input {
	display: block;
	padding-left:72px;
	width: 71px;
}

.input-box-input-obr {
	display: block;
	padding-left:82px;
	width: 30px;
}

.input-box-input-bd{
	display: block;
}

.input-box-unit {
	font-size: 11px;
	position: absolute;
	display: block;
	left: 10px;
	top: 5px;
	z-index: 5;
}

.input-box-unit-end {
	font-size: 11px;
	position: absolute;
	display: block;
	left: 135px;
	top: 5px;
	z-index: 5;
}

.input-box-input-schedule {
	display: block;
	width: 32px;
}

.input-box-unit-schedule-end {
	font-size: 11px;
	position: absolute;
	display: block;
	left: 35px;
	top: 5px;
	z-index: 5;
}

.input-box-input-narrow {
	display: block;
}

.input-box-unit-end-narrow{
	font-size: 10px;
	position: absolute;
	display: block;
	left: 50px;
	top: 5px;
	z-index: 5;
}

.input-box-unit-end-sifra{
	font-size: 11px;
	position: absolute;
	display: block;
	left: 78px;
	top: 5px;
	z-index: 5;
}

.input-box-unit-end-sifra2{
	font-size: 14px;
	position: absolute;
	display: block;
	left: 73px;
	top: 3px;
	z-index: 5;
}

#invoiceListTable{
	width: 99%;
	border-collapse: collapse;
	margin: 0px auto;
}

#additional{
	background: #d7e4f5;
	width: 100%;
	min-width: 900px;
}

#listOther{
	padding: 10px;
	position: absolute;
	top: 75px;
	left: 150px;
	width:70%;
	max-width: 770px;
	height:350px;

    overflow: auto;
	z-index: 50;
	border: 1px solid var(--text-color);
	background: #aaaaaa;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
	box-shadow: 1px 2px 5px rgba(0,0,0,.09);
}

.listOtherRecived{
	width: 80% !important;
	max-width: 1000px !important;
}

.listDocsClassRec td{
	padding: 5px 5px 5px 5px;
}

#searchInactive{
	width: auto;
}

.printBodyTableInvoice {
	width: 100%;
	border-collapse: collapse;
	min-width: 900px;
}

.printBodyTableInvoice td {
	border-bottom: 1px solid var(--blue-table-head-color);
	border-left: none;
	border-right: none;
	border-top: none;
	vertical-align: middle;
	line-height: 20px;
}

.printBodyTableInvoice td:first-child{
	padding-left: 15px;
}

.printBodyTableInvoice tr:first-child{
	background: var(--blue-table-head-color);
}

.praznoPoljeIzmena{
	border: none;
	width: 19px;
	color: var(--text-color);
	height: 18px;
	text-align: center;
}

.izmenaDiv{
	display: inline-block;

	color: var(--text-color);
	width: 60px;
	height: 21px;
	background-color: #fff; 
	
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	border: solid 1px #cbc9c9;
	padding: 0px 5px 0px 5px;
}

.invoiceEditLink{
	color: var(--text-color);
	text-decoration: none;
	/*font-weight: bold;*/
}

.invoiceEditLink:hover{
	text-decoration: underline;
}

#listIncluded{
	margin-left: 20px;
}

.userslistTable{
	border-collapse: collapse;
	width: var(--main-width);
}

.userslistTable td{
	padding: 4px;
	font-size: 11px;
}

.userslistTable tr:first-child td{
	font-weight: bold;
	background: var(--blue-table-head-color);
}

.userslistTable tr:first-child td a{
	text-decoration: none;
	color: var(--text-color);
}

.delilnikBodyTable{
	width: 800px;
	margin: 0px auto;
	border-collapse: collapse;
}

.delilnikBodyTable td{
	padding: 3px 5px 0px 5px;
	line-height: 15px;

	border: 1px solid var(--blue-table-head-color);
	vertical-align: middle;
	text-align: right;
}

.delilnikBodyTable td:first-child{
	padding-left: 15px;
}

.delilnikBodyTable tr:first-child{
	background: var(--blue-table-head-color);
}

.delilnikBodyTable th{
	padding: 3px 10px 3px 10px;
	font-weight: normal;
}

.delilnikHeaderTable{
	margin: 0px auto;
	width: 800px;
	border-collapse: collapse;
}

.delilnikHeaderTable td{
	vertical-align: middle;
	padding: 2px 5px 2px 5px;
}

.delilnikHeaderTable tr:first-child td{
	background: var(--blue-table-head-color);
}

.rightAlignCell{
	text-align:right;
}

.infoMessage{
	padding: 8px 60px;
	border: solid 1px #cbc9c9;

	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
	box-shadow: 1px 2px 5px rgba(0,0,0,.09);

    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.infoMessage table{
	width: 100%;
	border-collapse: collapse;
}

.poudarjen {
	background: #d7e4f5;
}

#titleCont, .titleCont {
	font-family:Verdana, Helvetica, sans-serif;
	background-color: #d7e4f5;
	padding: 10px;
	font-size: 18px;
	/*font-weight: bold;*/
	margin-bottom: 15px;

	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;

	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
	box-shadow: 1px 2px 5px rgba(0,0,0,.09);
}

.inTableList{
	width: 100%;	
}

.inTableList tr th{
	font-weight: bold;
	padding: 5px 3px 5px 3px;
	background: var(--blue-table-head-color);
	color: var(--text-color);
	text-align: right;
}

.inTableList tr td{
	padding: 5px 3px 5px 3px;
	text-align: right;
}

.inTableListStroski tr td, .inTableListStroski tr th{
	text-align: left;
}

.clientTableUprEnota{
	width: 80%;	
	border-collapse: collapse;
}

.clientTableUprEnota tr th{
	font-weight: bold;
	padding: 5px 3px 5px 3px;
	background: var(--blue-table-head-color);
	color: var(--text-color);
	text-align: right;
}

.clientTableUprEnota tr td{
	padding: 5px 3px 5px 3px;
}

.clientTableUprEnota tr td:last-child{
	text-align: left;
}

.exported{
	border: 1px solid #3CB371;
	background: #BDECB6;
}

.exportedSepa{
	border: 1px solid #3CB371;
	background: #FFE5B4;
}

.SMDivClient{
	line-height: 25px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	width: 165px;
	display: inline-block;
	background: #d7e4f5;
	padding: 5px 8px 5px 8px;

	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
	box-shadow: 1px 2px 5px rgba(0,0,0,.09);

    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 3px;
}

/*novi stil KONEC*/
















pre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.phpmaker_line{
	text-decoration: line-through;
}

.buttonClassGreen{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;

	background-color: #64FE2E;
	padding: 9px;
	border: solid 1px #D1D3D4;
	color: var(--text-color);
	cursor: hand;
	cursor: pointer;

	border-top-left-radius:2em;
	border-top-right-radius:2em;
	border-bottom-right-radius:2em;
	border-bottom-left-radius:2em;
	box-shadow: 2px 2px 2px #dddddd;
}

.confirmButtonClass {
	background-color: #2cd988;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: var(--text-color);
	text-decoration: none;
	border: solid 1px #000000;
	cursor: hand;
}
.rejectButtonClass {
	background-color: #f15b4e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height:16px;
	color: var(--text-color);
	text-decoration: none;
	border: solid 1px #000000;
	cursor: hand;
}


div.autocomplete {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	position: absolute;
	background-color:white;
	width:350px !important;
	margin:1px;
	padding:1px;
	height: 190px;

	overflow-y: scroll;

	border: solid 1px silver;

	z-index: 10;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
    }
div.autocomplete ul {
	list-style-type:none;
	background-color:white;
	margin:0px;
	padding:0px;


    }
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	border-top: 1px solid grey;
	background-color:white;
	cursor:hand;
   }

/*NOVI STIL TABEL*/

.listTableNew {
	width: 95%;
	font-family:Verdana, Helvetica, sans-serif;
	color:var(--text-color);
	font-size:11px;
	background:#eaebec;
	margin:7px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
.listTableNew th {
	color: var(--text-color);
	padding: 3px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.listTableNew th:first-child {
	text-align: left;
	padding-left:3px;
}
.listTableNew tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.listTableNew tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.listTableNew tr {
	text-align: left;
}
.listTableNew td:first-child {
	text-align: left;
	padding-left:3px;
	border-left: 0;
}
.listTableNew td {
	padding:2px;
	border-top: 1px solid var(--white-color);
	border-bottom:1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.listTableNew tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.listTableNew tr:last-child td {
	border-bottom:0;
}
.listTableNew tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.listTableNew tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.listTableNew tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

.listTableNew th.firstLine{
	font-size: 12px;
	color: var(--text-color);
	background: #BDD3EF;
}

.listTableNew td.sumLine{
	color: var(--text-color);
	font-weight: bold;
	background: #efefef;
	text-align: right;
}


.searchTitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: var(--text-color);
	text-decoration: none;
}

.tabela{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.boldTd{
	padding: 4px;
	font-weight: bold;
}

.listTableNew a {
	text-decoration: none;
	color: #333333;
}

.listTableNew th input.crta{
	background: #ededed;
}

.listTableNew th.emptyLine{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 3px;
	height: 5px;
}

.listTableNew td.liha{
	background: #EDF5FF;
}

.listTableNew td.soda{
	background: #d7e4f5;
}

.listTableNew td.bela{
	background: var(--white-color);
}

.listTableNew td.rdeca{
	background: #FF9999;
}

/* When the pattern is matched */
#transakcijski:valid, #TRR_2:valid, #account_num:valid{
    color: green;
    width:140px;
}

#transakcijski:valid, #TRR_2_2:valid{
    color: green;
    width:140px;
}

#transakcijski:valid, #TRR_2_3:valid {
    color: green;
    width:140px;
}

#transakcijski:valid, #TRR_2_4:valid {
    color: green;
    width:140px;
}

#transakcijski:valid, #TRR_2_5:valid {
    color: green;
    width:140px;
}

/* Unmatched */
#transakcijski:invalid, #TRR_2:invalid, #account_num:invalid{
    color: red;
    width:140px;
}

#transakcijski:invalid, #TRR_2_2:invalid {
    color: red;
    width:140px;
}

#transakcijski:invalid, #TRR_2_3:invalid {
    color: red;
    width:140px;
}

#transakcijski:invalid, #TRR_2_4:invalid {
    color: red;
    width:140px;
}

#transakcijski:invalid, #TRR_2_5:invalid {
    color: red;
    width:140px;
}

#prejemnik_trr:valid, #edit_prejemnik_trr:valid{
    color: green;
    width:150px;
}

#prejemnik_trr:invalid, #edit_prejemnik_trr:invalid{
    color: red;
    width:150px;
}

#prost_pokojninsko_trr_suffix:valid{
    color: green;
    width:150px;
}

#prost_pokojninsko_trr_suffix:invalid{
    color: red;
    width:150px;
}

/*NOVI vnosi*/
.listTableNew2 {
	width: 95%;
	font-family:Verdana, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	text-shadow: 1px 1px 0px #fff;
}
.listTableNew2 th {
	text-align: left;
	color: var(--text-color);
	background: var(--white-color);
}

/*popup upravljanje*/
.modalDialog {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 900px;
	height: 550px;
	position: relative;
	margin: 3% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
	overflow: auto;
}

.close {
	font-size: 16px;
	background: #9EED6E;
	color: var(--text-color);
	line-height: 25px;
	position: absolute;
	text-align: center;
	right: 20px;
	width: 40px;
	top: 20px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover{
	background: #80CF50;
}



.modalDialogArchive{
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 5px 10px 10px 10px;
	border: 1px solid #888;
	width: 80%;
	min-height: 300px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.closeDialog {
  color: var(--placeholder-color);
  float: right;
  font-size: 26px;
  font-weight: bold;
}

.closeDialog:hover,
.closeDialog:focus {
  color: var(--text-color);
  text-decoration: none;
  cursor: pointer;
}



.stavba td{
	vertical-align: top;
	border-right: 1px solid #999999;
}

.vhod{
	border-spacing: 0;
}

.vhod td{
	padding: 4px;
	border: none;
}

.vhod th{
	background: #bbbbbb;
	padding: 4px;
}

.vhod_th1{
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;

	-webkit-border-radius: 10px 0px 0px 0px;
	-moz-border-radius: 10px 0px 0px 0px;
	border-radius: 10px 0px 0px 0px;
}

.vhod_th{
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

.vhod_th2{
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;

	-webkit-border-radius: 0px 0px 10px 0px;
	-moz-border-radius: 0px 0px 10px 0px;
	border-radius: 0px 0px 10px 0px;
}



#zgradba_title, .zgradba_title{
	font-size: 20px;
	text-shadow: 2px 2px 2px #bbbbbb;
}

.previewFrame{
	position: absolute;
	top: 7px;
	right: 7px;
	width: 50%;
	height: 900px;
}

.polovica{
	width: 50%;
}

.titleCol {
	-webkit-border-radius: 10px 0px 10px 0px;
	-moz-border-radius: 10px 0px 10px 0px;
	border-radius: 10px 0px 10px 0px;

	-moz-box-shadow: 1px 1px 3px #888888;
	-webkit-box-shadow: 1px 1px 3px #888888;
	box-shadow: 1px 1px 3px #888888;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: var(--text-color);
	text-decoration: none;
	background-color: #7da7d9;
	padding: 5px;
}

.enoteSklopi{
	position: relative;
	height: 100%;
	background: #fff;
	background: -moz-linear-gradient(#fff, #ddd);
	background: -webkit-linear-gradient(#fff, #ddd);
	background: -o-linear-gradient(#fff, #ddd);
}

.sklopi {
	position: absolute;
	top: 20px;
	right: 70px;
}

.upperMenu td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border:1px solid var(--text-color);
	padding: 5px;
	text-align: center;

	-webkit-border-radius: 10px 0px 10px 0px;
	-moz-border-radius: 10px 0px 10px 0px;
	border-radius: 10px 0px 10px 0px;

	-moz-box-shadow: 1px 1px 3px #888888;
	-webkit-box-shadow: 1px 1px 3px #888888;
	box-shadow: 1px 1px 3px #888888;	
}

.upperMenu td a{
	color: #333333;
}

.upperMenu td:hover{
	cursor: hand;
	cursor: pointer;
}

.selectedUpperMenuReal{
	background: #9EED6E;
}

.selectedUpperMenu{
	background: #BDD3EF;
}

.errorMessage{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:red;
	text-shadow: 2px 2px 3px #bbbbbb;
	font-size: 20px;
}

.errorMessage2{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:red;
	text-shadow: 1px 1px 1px #bbbbbb;
	font-size: 16px;
}

.errorMessage3{
	margin-bottom: 10px;
	font-weight: bold;
	color:#ff0000;
	font-size: 14px;
}

.editTitle{
	font-weight: bold;
}

.kadrovska_td:hover{
	cursor: hand;
	cursor: pointer;
}

.colorbox{
  width: 35px;
  height: 22px;
  border: solid 1px #aaaaaa;
  outline: 0;
  background: var(--white-color);

  -moz-border-radius: 10px;
  border-radius:10px;
}

#colorbox:hover{
  cursor: pointer;
}

.miniImage{
	height: 14px;
}

.pojasnilo{
	width: 430px;
	height: 240px;
}

.sumTable{
	border-collapse: collapse;
	border: 1px solid #888888;
	box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

.sumTable td, .sumTable th{
	padding: 5px;
}

.sepa_nalog{
	width: 98%;
	border-collapse: collapse;
	border: 1px solid #999999;
	font-size: 12px;
}

.sepa_prejemnik td, .sepa_prejemnik th{
	background: #ffaaaa;
}

.sepa_placnik td, .sepa_placnik th{
	background: #FFFFCC;
}

.desni{
	font-weight: normal;
	text-align: right;
}

.koledarski_pregled_header{
	width: 100% !important;
	position: fixed;
	top: 0px;
	left:0px;
	right:0px;
	background: var(--white-color);
	z-index: 100000;
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 0px;
}

.koledarski_pregled_headerPN{
	width: 100% !important;
	position: fixed;
	top: 0px;
	left:0px;
	right:0px;
	background: var(--white-color);
	z-index: 100000;
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
}

.koledarski_pregled_header_inner_PN{
	width: 100% !important;
	position: fixed;
	top: 15px;
	left:0px;
	right:0px;
	background: var(--white-color);
	z-index: 100000;
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
}

.contentCellPN{
	font-size: 10px;
	min-width: 96px !important;
	max-width: 96px !important;
	height: 33px;
}

.listTableNew td.closed {
	background: #FFCCCC !important;
}

.listTableNew td.dis {
	background-color: #999999;
}

#slideBoxTop{
	width: 3000px;
	position: fixed;
	top: 109px;
	left:7px;
	background: var(--white-color);
}

#slideBoxTopPN{
	position: fixed;
	top: 118px;
	left:7px;
	background: var(--white-color);
	z-index: 100000;
}

#datum_tabelaPN{
	margin-top: 122px;
}

#potni_nalogi_datumi_div{
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	top: 167px;
	width:63px;
	position: fixed;
	left: 0px;
	padding-left: 7px;
	background: var(--white-color);
}

#potni_nalogi_datumi th{
	height: 33px;
	min-height: 33px;
	max-height: 33px;
	width: 56px !important;
	min-width: 56px !important;
	max-width: 56px !important;
}

#kadrovska_table_ime_priimek_div{
	margin-left: 0px;
	top: 143px;
	width:97px;
	position: fixed;
	left: 0px;
	padding-left: 7px;
	background: var(--white-color);
}

#kadrovska_table_ime_priimek td{
	height: 43px;

	width: 90px !important;
	min-width: 90px !important;
	max-width: 90px !important;
}

.kadrovska_td{
	height: 43px;
	min-height: 43px;
	max-height: 43px;
}

#container{
	width: 600px;
}

#container .errorMessage2{
	font-size: 14px;
	font-weight: normal;
}

.vsota{
	font-weight: bold;
	height: 30px;
}

.navodila li{
	margin-bottom: 20px;
}

.menu1 {
	background-color: var(--blue-table-head-color);
}
.menu2 {
	background-color: #D3E4F5;
}

.titleCell {
	background-color: var(--blue-table-head-color);
	font-weight: bold;
}
.colored {
	background-color: #d7e4f5;
}

#destCont {
	width: 100%;
	height: 200px;
	overflow: auto;
}

#uporabaCont {
	width: 100%;
	height: 70px;
	overflow: auto;
}

.list {
	background-color: var(--blue-table-head-color);
}

.addClients
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: var(--text-color);
	text-decoration: none;
	background-color: #DEDEDE;
	border: 1px solid #000000;
	overflow: auto;
	width: 400px;
	height: 300px;
	position: absolute;
	z-index: 5;
}
.titleLink
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: var(--text-color);
	text-decoration: none;
	background-color: #CCCCCC;
	display: inline-block;
	text-align: center;
	width: 100px;
	padding: 3px;
}
.titleLinkActive{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: var(--text-color);
	text-decoration: none;
	background-color: #00aaad;
	display: inline-block;
	text-align: center;
	width: 100px;
	padding: 3px;
}
.blocker {
	background-color: #CCCCCC;
	position: absolute;
	z-index: 10;
}

.titleCell {
	background-color: var(--blue-table-head-color);	
}
.cell {
	background-color: #d7e4f5;
}
.zakljucenCont {
	background-color: #F7CCCD;
}
.destCell {
	background-color: var(--blue-table-head-color);
}

.kadri_sum_prihodi{
	position: absolute;
	top: 80px;
	right: 35px;
	width: auto;
}

.white_content {
	border-radius: 15px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
	overflow: auto;

	display: block;
	position: absolute;
	top: 10%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 0px;
	z-index:1002;
	overflow: auto;
}

.naslov{
	margin-top: 20px;
	margin-left: 20px;
	font-size: 22px;
	font-weight: bold;
}

.placanTakojLabel{
	font-weight: normal;
	font-size: 12px;
}

.black_overlay{
	display: block;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.mainGumb{
	text-align: center;
	background: #e2e2e2;
	background: -moz-linear-gradient(top,  #e2e2e2 9%, #d1d1d1 44%, #d1d1d1 44%, #dbdbdb 49%, #fefefe 91%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,#e2e2e2), color-stop(44%,#d1d1d1), color-stop(44%,#d1d1d1), color-stop(49%,#dbdbdb), color-stop(91%,#fefefe));
	background: -webkit-linear-gradient(top,  #e2e2e2 9%,#d1d1d1 44%,#d1d1d1 44%,#dbdbdb 49%,#fefefe 91%);
	background: -o-linear-gradient(top,  #e2e2e2 9%,#d1d1d1 44%,#d1d1d1 44%,#dbdbdb 49%,#fefefe 91%);
	background: -ms-linear-gradient(top,  #e2e2e2 9%,#d1d1d1 44%,#d1d1d1 44%,#dbdbdb 49%,#fefefe 91%);
	background: linear-gradient(to bottom,  #e2e2e2 9%,#d1d1d1 44%,#d1d1d1 44%,#dbdbdb 49%,#fefefe 91%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );

	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;

	padding: 13px 5px 13px 5px;
	font-weight: bold;

	word-wrap:break-word;
	font-size: 16px;
	border: solid #666666 2px;
	box-shadow: 1px 2px 3px #999999;

	width: 84%;
	margin-right: 8%;
	margin-left: 8%;
	height: 3em;
}

.mainGumb:hover, .mainGumb:active {
	color: #ff0000;
	border: solid #ff0000 2px;
	cursor: pointer;
}

.zapriButton{
	font-size: 30px;
	font-weight: bold;
	color: #990000;
	border: 5px solid #990000;

	-webkit-border-radius: 40;
	-moz-border-radius: 40;
	border-radius: 40px;

	padding: 5px 5px 5px 5px;

	text-align: center;
	width: 40px;
	height: 40px;
	box-shadow: 1px 2px 3px #999999;
	margin-right: 20px;
}

.zapriButton:hover, .zapriButton:active{
	cursor: pointer;
	background: #FF9999;
}

.poknjizen{
	box-shadow: 2px 2px 2px #ff4d4d;
}

.titleSection_green{
	background: #B6F8BE;
}

.titleSection_red{
	background: #F7C1C2;
}

.titleSection_green, .titleSection_red{
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}



#prejemnik_trr_suffix:valid, #placnik_trr_suffix:valid{
    color: green;
}

#prejemnik_trr_suffix:invalid, #placnik_trr_suffix:invalid{
    color: red;
}



.odprteButton{
	letter-spacing: 0.3px;
	padding: 5px 10px 5px 10px;
	background: var(--blue-color);
	color: var(--white-color);
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #bbbbbb;
	text-align: left;
	font-weight: bold;
	font-size: 12px;


    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	min-width: 170px;

	margin-top: 5px;
	margin-bottom: 5px;
}

.odprteButton:disabled{
    background: #C4C4C4;
    color: var(--white-color);
}

.odprteButton{
	background: var(--green-button-color);
	color: var(--text-color);
}

.odprteButton:hover{
	background: var(--orange-color);
	color: var(--white-color);
}

.odprteButtonSirsi{
	min-width: 320px;
}

.odprteButtonDdv{
	background: var(--blue-color);
	color: var(--white-color);

	border: 1px solid var(--white-color);
	font-size: 11px;
	letter-spacing: 0.3px;
	font-weight: normal;

    -webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;

	padding: 3px 5px 5px 5px;
}

.odprteButtonDdv i{
	color: var(--white-color);
}

.odprteButtonDdv div{
	text-shadow: none;
}



.projectsListTable{

}

.projectsListTable tr{
	display:table-row;
}

.projectsListTable tr td{
	padding: 2px;
	vertical-align: middle;
}

.projectsListTable .titleRow td, .projectsListTable .titleRow th{
	padding: 5px 2px 5px 2px;
	vertical-align: middle;
	background: var(--blue-table-head-color);
}

.listRow{
	background:#E9E9E9;
}

.listRow:hover{
	background: #00ffff;
}

.listRowNalog{
	background: #BDDEF9;
}




.listRowDocs_1{
	background: #d7e4f5;
}

.listRowDocs_0{
	background: var(--white-color);
}

.listRowDocsAcc_1{
	background: #d7e4f5;
}

.listRowDocsAcc_0{
	background: #EDF5FF;
}

.listRowDocs:hover{
	background: #00ffff;
}

.listRowNalogDocs:nth-child(odd){
	background: #cccccc;
}

.listRowNalogDocs:nth-child(even){
	background: var(--grey-bg-color);
}

.listRowNalogDocs:hover, .listRowNalogDocsAcc:hover{
	background: #00ffff;
}

.listRowDocs td, .listRowNalogDocs td{
	border: 1px solid var(--white-color);
}

.listRowNalogDocsAcc .postavkaTd{
	border: 1px solid var(--grey-bg-color) !important;
}

#documentsTableWhole tr td{
	border: 1px solid var(--white-color);
}



.projectsListTable .postavkeRow td{
	padding: 1px;
}

.hideDescProject{
	position: absolute;
	background-color: var(--white-color);
	border: 1px solid #888888;
	font-size: 12px;
	padding: 3px;
	max-width: 250px;
	z-index: 3;
}

.edit_urediShraniTD i{
	font-size: 18px;
}

.selectClassEbay{
	height: 260px;
	overflow-y: scroll;
	overflow-x: scroll;
	/*white-space: nowrap;*/
	color: var(--text-color);
	width: 170px;
	border: 1px solid #888888;
	background: var(--white-color);

	display: inline-block;
	margin-left:5px;
}

.ebayCatIdItem{
	cursor: pointer;
	border-bottom: 1px solid #bbbbbb;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 13px;
	min-width: 100%;
	width: 260px;

	display:inline-block;
}

.ebayCatIdItem:nth-child(even) {
	background-color: #f2f2f2;
}

.selectedEbayCat{
	font-weight: bold;
	background-color: #C8FFD2 !important;
}

.selectedEbayCat{
	font-weight: bold;
	background-color: #C8FFD2 !important;
}

.selectedEbayParentCat{
	font-weight: bold;
	background-color: #FFE5B4 !important;
}

/*SCROLLBAR ZAČETEK*/
.selectClassEbay::-webkit-scrollbar, .protetikaScrollClass::-webkit-scrollbar{
    -webkit-appearance: none;
    width: 8px;
    height: 8px;
}

.selectClassEbay::-webkit-scrollbar-track, .protetikaScrollClass::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.selectClassEbay::-webkit-scrollbar-thumb, .protetikaScrollClass::-webkit-scrollbar-thumb{
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: rgba(30,144,255,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.selectClassEbay::-webkit-scrollbar-thumb:window-inactive, .protetikaScrollClass::-webkit-scrollbar-thumb:window-inactive{
  background: rgba(30,144,255,0.4); 
}
/*SCROLLBAR KONEC*/


.inlineFormVariation{
	display: inline-block;
	padding: 5px;

	/*border: 1px solid #ff0000 !important;*/
}

.inlineFormVariationLine{
	margin-top: 5px;
	border-top: 1px solid #cccccc;
}

#sortable, #sortableCharts {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #73879C;
}

#sortable .ui-state-default{
	background: var(--white-color);
	color: #73879C;
	float: left;
	width: 200px;
	min-height: 115px;

	border:none;
	/*border-bottom: 1px solid #D9DEE4;
	border-top: 1px solid #D9DEE4;*/
    padding: 0 10px 0 20px;
    position: relative;
}

#sortable .ui-state-default:not(:first-child):before {
    content: "";
    position: absolute;
    left: 0;
    height: 90px;
    border-left: 2px solid #ADB2B5;
    margin-top: 10px;
}

#sortable .count_top{
	margin-top:8px;
	font-size: 13px;
	color: #73879C;
}

#sortable .data_info_exp{
	font-size: 10px;
}

#sortable .count{
	font-size: 26px;
	line-height: 47px;
    color: #73879C;
}

#sortable .count_bottom{
	font-size: 13px;
	color: #73879C;
}
#sortable .green{
	color: #1ABB9C;
}

#sortable .red {
    color: #E74C3C;
}

/* ONLY TOGGLE "TIMES" */
.toggleDiv, .toggleDivEdit{
	display: inline-flex;
	float: right;
	border-radius: 8px;
}

.toggleDiv a{
	font-size: 18px;
	color: #FF0000 !important;
}

.toggleDiv a:hover{
	color: var(--orange-color) !important;
}

.toggleDivEdit{
	margin-right: 5px;
}



.toggleDivRefresh{
	display: inline-flex;
	border-radius: 8px;
	font-size: 16px;
	width: 14px;
}

.dash_exp_icon{
	font-size: 12px;
}

.toggleDivEdit a{
	font-size: 18px;
	color: var(--blue-color) !important;
}

.toggleDivRefresh a{
	color: var(--blue-color) !important;
}

.toggleDivEdit a:hover, .toggleDivRefresh a:hover{
	color: var(--orange-color) !important;
}

.count_bottom_text{
	font-size: 10px;
	color: #bbbbbb;
}


.list-group-item-success{
	background: var(--white-color) !important;
}

.editDivDash{
	border: 1px solid #aaaaaa;
	background: var(--white-color);
}

.editDivDash .selectClass{
	margin-top:5px;
	width: calc(100% - 8px);
	margin: 3px;
}

.closeEditDash{
	color: #73879C;
	cursor: pointer;
	margin-top: 10px;
	width: 100%;
	background: #dddddd;
	text-align: center;
	font-size: 15px;

	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
	box-shadow: 1px 2px 5px rgba(0,0,0,.09);
}



#sortableCharts canvas{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#sortableCharts .ui-state-chart-default{
	
	color: #73879C;
	float: left;
	width: 1100px;
	height: 350px;

	/*border:1px solid #D9DEE4;*/
    padding: 0px 10px 10px 10px;
    position: relative;
}

.chart-main{
	width: calc(100% - 52px);
	height: calc(100% - 52px);
	position: absolute;
	top: 0px;
	left: 25px;
	border: 1px solid transparent;
	background: var(--white-color);
}

.chart-slider{
	width: calc(100% - 52px);
	height: 40px;
	position: absolute;
	bottom: 10px;
	left: 25px;
	background: var(--grey-bg-color);
	border: 1px solid transparent;
}

.range-slider{
	color: var(--white-color);
	text-shadow: -0.5px 0 #555555, 0 0.5px #555555, 0.5px 0 #555555, 0 -0.5px #555555;
	width: calc(100% - 20px);
	position: absolute;
	bottom: 10px;
}

.ui-rangeSlider {
    height: 40px;
}

.ui-rangeSlider .ui-rangeSlider-bar {
    background: none;
    height: 40px;
}

.ui-rangeSlider .ui-rangeSlider-innerBar {
    /*background: rgba(200, 200, 200, 0.2);*/
    background: none;
    height: 40px;

    margin: 3px 0px;
}

.ui-rangeSlider-arrow.ui-rangeSlider-rightArrow, .ui-rangeSlider-arrow.ui-rangeSlider-leftArrow {
	height: 40px;
}

.ui-rangeSlider .ui-ruler-scale{
	margin-top: 22px;
	font-size: 11px;
	font-weight: bold;
}

.ui-rangeSlider .ui-rangeSlider-handle{
    width: 5px;
    height: 40px;
    background: #555555;
    /*background: rgba(90,90,90, 0.6);*/
    top: -1px !important;
}

.ui-rangeSlider-label {
    margin: 0 2px 2px;
    /*background-image: url(icons-classic/label.png);
    background-position: bottom center;
    background-repeat: no-repeat;*/
    white-space: nowrap;
    bottom: 40px;
}

.ui-ruler-tick-inner{
	text-align: center;
}

.ui-rangeSlider-label.ui-rangeSlider-leftLabel, .ui-rangeSlider-label.ui-rangeSlider-rightLabel{
	font-weight: bold;
}

.ui-rangeSlider .ui-rangeSlider-bar {
    display: inline;
}

.ui-state-chart-default .overlay-left{
	position: absolute;
	width: 0px;
	height: 40px;
	background: rgba(230, 230, 230, 0.5);
	bottom: 11px;
	left: 26px;
}

.ui-state-chart-default .overlay-right{
	position: absolute;
	width: 0px;
	height: 40px;
	background: rgba(230, 230, 230, 0.5);
	bottom: 11px;
	right: 26px;
}


/* new emty icon in input field START */

.cancelButtonInside {
	display: inline-flex;
	position: relative;
	cursor: pointer;
    color: var(--placeholder-color);
    left: -25px;
    top: 1px;
}

.cancelButtonInside a{
	cursor: pointer;
	color: var(--placeholder-color);
	font-size: 16px;
	text-decoration: none;
}

.cancelButtonInside a:hover{
	color: var(--orange-color) !important;
}


/* new emty icon in input field END */



#multiRowCheckboxForm{
	float: right;
	margin-left: 25px;
}

div.multiRowCheckboxMenu {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid var(--placeholder-color);
	cursor:default;
	outline:medium none;
	padding:1px 1px 1px 1px;
	text-align:left;
	vertical-align:middle;
	white-space:nowrap;
	position: relative;
	float: left;
	overflow: visible;
}


div.multiRowCheckboxMenu label {
	float: left;
	margin: 0;
}

div.multiRowCheckboxMenu input.selectAll {
	height:13px;
}

div.multiRowCheckboxMenu input.selectAll.semiSelect {
	opacity: 0.5;
}

div.multiRowCheckboxMenu span.selectedItem {
    float:left;
    margin:1px 5px;
}

div.multiRowCheckboxMenu a.menu {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	margin-left: 3px;
	
	text-indent: -9999px;
	display: block;
	width: 19px;
	height: 16px;
	background: var(--white-color) url(ikone/select_arrow.png) no-repeat;
	background-size: 18px;
	background-position: 0px 0px;
	outline: none;
    float: right;
}

div.multiRowCheckboxMenu a.menu:hover{
	background: var(--grey-transparent-color) url(ikone/select_arrow.png) no-repeat;
	background-size: 18px;
	background-position: 0px 0px;
}
.labelMultiRowCheckboxMenu{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.labelMultiRowCheckboxMenu:hover{
	background: var(--grey-transparent-color);
}

div.multiRowCheckboxMenu ul {
	background-color:var(--white-color);
	border:1px solid var(--placeholder-color);
	left:-1px;
	list-style:none outside none;
	margin:0;
	position:absolute;
	top:21px;
	display: none;
	padding: 0;
    z-index: 999;
}

div.multiRowCheckboxMenu ul.wide {
    width: 300px;
}

div.multiRowCheckboxMenu ul.wide li {
    float: left;
}

div.multiRowCheckboxMenu ul li{
	padding: 0;
	margin: 2px;
	font-size: 14px;
	padding: 5px;
	font-size: 12px;
}

div.multiRowCheckboxMenu ul li:hover {
	background-color: var(--orange-color);
	cursor: pointer;
	color: var(--white-color);
}


.invalidField{
	background-color: rgba(255,153,153, 0.7);
}

.invalidField::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: var(--white-color);
	opacity: 1; /* Firefox */
}

.invalidField:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--white-color);
}

.invalidField::-ms-input-placeholder { /* Microsoft Edge */
	color: var(--white-color);
}

.dm-uploader {
	cursor: default;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	height: 100px;
	width: 400px;

	border: 1px solid #00aaed;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.dm-uploader.active {
	border-color: #f37024;
	border-style: solid;
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background-color: #007bff;
  transition: width 0.6s ease;

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;

  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;

  background-color: #17a2b8 !important;
}

#files{
	border-collapse: collapse;
	width: 100%;
}

#files td{
	border: 1px solid #dddddd;
	width: 180px;
	padding: 3px;
	height: 26px;
}

#files td:first-child{
	width: 300px;
	font-weight: bold;
}
#files td:last-child{
	width: 30px;
	text-align: right;
}

#files tbody tr:nth-child(even) {
	background: #d7e4f5;
}

#files tbody td:first-child{
	cursor: pointer;
}

#files thead tr td {
	background: var(--blue-table-head-color);
	font-weight: bold;
}

.previewPDFFrame{
	width: 99%;
	height: 500px;

	background-color: var(--grey-bg-color);
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
	background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.04) 50%, transparent 50%, transparent);
	background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	-moz-background-size: 50px 50px;
	background-size: 30px 14px;
	-moz-box-shadow: 1px 1px 4px gray;
	-webkit-box-shadow: 1px 1px 4px gray;
	box-shadow: 1px 1px 4px gray;
}

.ignore{
	color: #ff0000;
	font-size: 20px;
}

.send{
	color: #FFA500;
	font-size: 20px;
}

.sending{
	color: #0059FF;
	font-size: 20px;
}

.sent{
	color: #009900;
	font-size: 20px;
}

.crtaNewPreview{
	width: 245px;
	min-height: 14px;
	max-height: 42px;

	overflow-y: auto;

	font-family: Helvetica, Geneva, sans-serif;
	font-size: 12px;
	padding: 3px 5px 3px 5px;
	color: var(--text-color);
	
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	background-color: var(--white-color);
	background: rgba(255, 255, 255, 0.9);

	border: 1px solid var(--buttons-border-color);
    border-top-color: rgb(206, 212, 218);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(206, 212, 218);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(206, 212, 218);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(206, 212, 218);
    border-left-style: solid;
    border-left-width: 1px;
}

.crtaNewPreviewDate{
	width: 120px;
}

.crtaNewPreview::-webkit-scrollbar{
    -webkit-appearance: none;
    width: 8px;
}

.crtaNewPreview::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.crtaNewPreview::-webkit-scrollbar-thumb {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: rgba(30,144,255,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.crtaNewPreview::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(30,144,255,0.4); 
}


#productsInEditFrame{
	padding: 0px;
	margin: 0px;
	width:100%;
	height: 525px;
	border: none;
}

/********/

#pegasusProductTable{
	border-collapse: collapse;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.pegasusTitleLine{
	text-align: left;
	font-weight: bold;
}

#pegasusProductTable th, #pegasusProductTable td{
	padding: 3px;
}


/* responsive za orodja na poslovni.si START */

#contentDivResponsive{
	width:100%;
	max-width: var(--main-width);
	margin-left: auto;
	margin-right: auto;
}


.settingsTableResponsive{
	font-size: 12px;
	margin: 0 auto;
	margin-bottom: 0px;
	border-collapse: collapse;
	width: 100%;
}

.settingsTableResponsive .orangeLine{
	font-weight: bold;
	padding: 5px 20px 5px 40px;
	background: var(--orange-color);
	color: var(--white-color);
	text-align: left;
}

.settingsTableResponsive tr td{
	text-align: left;
	padding: 3px 5px 3px 5px !important;
	background: var(--white-color);
}

.settingsTableResponsive tr td:first-child{
	width: 20px;
}

.settingsTableResponsive tr td:last-child{
	width: 60px;
	text-align: right;
	margin-right: 10px;
}

.settingsTableResponsiveTh{
	background: var(--orange-color) !important;
}

.settingsTableResponsiveMainTh{
	text-align: left;
	background: var(--white-color) !important;
	color: var(--text-color) !important;
	font-size: 14px;
	padding: 12px 20px 12px 20px !important;

	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}


/* responsive za orodja na poslovni.si END */

.headerOpombaSifrant{
	padding: 5px;
	width:330px;
	float: right;
	margin-top:16px;
	height: 60px;
	overflow-y: scroll;
}

.headerOpombaSifrant::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
    height: 8px;
}

.headerOpombaSifrant::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.headerOpombaSifrant::-webkit-scrollbar-thumb {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: rgba(30,144,255,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.headerOpombaSifrant::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(30,144,255,0.4); 
}

.showNotesDiv{
	padding: 5px;
}

.notification-tick{
	top: 12px;
	left: calc(50% + 75px);
	position: absolute;
	line-height: 13px;
	width: 13px;
	height: 13px;

	font-size: 10px;
	
	background: rgba(255, 0, 0, 0.8);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
}

/* settings start */
.settingsBodyCont{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.settings-search-line{
	padding-top: 10px;
	padding-bottom: 10px;
	/*background: var(--blue-color-menu);*/
	padding-left: 5%;
	border-bottom: 1px solid var(--orange-color);
}

.settings-button{
	display: inline-block;
	cursor: pointer;
	width: 20px;
	height: 20px;
	line-height: 20px;

	font-size: 14px;

	border: 1px solid  var(--placeholder-color);
	text-align: center;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.settings-button:hover{
	color: var(--orange-color);
	border: 1px solid  var(--orange-color);
}

.settings-search-div{
	display: inline-block;
	margin-left:7px;
}

.settingSearchCrta{
	padding-left: 27px;
}

.settingSearchIcon{
	color: var(--placeholder-color);
	position: relative;
	left: 25px;
}

.settingsRow{

}

.settingsDiv{
	margin-top: 20px;
	min-width: 210px;
	width: calc(25% - 10px);
	display: inline-block;
	vertical-align: top;
	padding-right: 10px;
}

.settings-upper-logo{
	display: inline-block;
	color: var(--white-color);
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 40px;
	border: 2px solid  var(--placeholder-color);
	text-align: center;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.settings-upper-text{
	display: inline-block;
    height: 20px;
    padding-top: 16px;
    font-size: 14px;
    vertical-align: top;
}

.settings-content{
	margin-top: -5px;
	padding-left: 49px;
}


.second-level{
	margin-top: 3px;
	padding-bottom: 7px;
}

.second-level-icon{
	color: var(--text-color);
	font-size: 5px !important;
	margin-right: 3px;
	width: 8px;
	
	height: 100%;
	vertical-align: top;
	padding-top: 5px;
}

.second-level-icon-angle{
	color: var(--text-color);
	font-size: 14px !important;
	margin-right: 3px;
	width: 8px;

	height: 100%;
	vertical-align: top;
}

.second-level a{
	text-decoration: none;
	color: var(--blue-color);
}

.second-level a:hover{
	text-decoration: underline;
}

.settings-third-level{

}

.third-level{
	margin-left: 15px;
	margin-top: 3px;
	padding-bottom: 2px;
}

.third-level-icon{
	color: var(--text-color);
	font-size: 5px !important;
	margin-right: 5px;

	height: 100%;
	vertical-align: top;
	padding-top: 5px;
}

.third-level a{
	text-decoration: none;
	color: var(--blue-color);
}

.third-level a:hover{
	text-decoration: underline;
}


.bolded{
	font-weight: bold;
}

.underlined{
	border-bottom: 1px solid var(--blue-color);
}

.inline-link{
	display:inline-block;
	width: calc(100% - 20px);
}

.inline-link-checkbox-div{
	float: right;
	margin-top: -2px;
}

.inline-link-checkbox-div a:hover, .clickIconSettings:hover{
	color: var(--orange-color) !important;
}

.settings-checkbox-checked{
	color: var(--orange-color) !important;
}

.clickIconSettings{
	color: var(--blue-color);
	padding-right: 3px;
}

.clickIconSettingsBigger{
	margin-right: -2px;
	font-size: 16px;
}

/* settings end */

.calendar-icon-a{
	height: 40px;
	vertical-align: bottom;
}

.calendar-icon-a:hover, .calendar-icon-a:hover *{
	color: var(--orange-color);
	text-decoration: none;
}

.calendar-icon-frame{
	color: var(--blue-color);
	font-size: 50px;
	width: 50px;
	height: 50px;
}

.calendar-icon-month{
	line-height: 14px;
	width: 40px;
	text-align: center;
	font-size: 9px;
	color: var(--text-color);
	display: inline-block;
	position: absolute;
	left: 6px;
	top: 16px;
}

.calendar-icon-day{
	line-height: 29px;
	width: 40px;
	text-align: center;
	font-size: 19px;
	color: var(--text-color);
	display: inline-block;
	position: absolute;
	left: 6px;
	top: 22px;
}


/* EDIT TABLE RESPONSIVE START */

.loadingSpinner{
	color: var(--text-color);
	font-size: 0.8rem;
	margin-top: 3px;
	margin-bottom: 3px;
}

.editTableTitleLine{
	font-weight: bold;
	height: 50px;
	line-height: 50px;
}

.editTableOrangeLine{
	font-weight: bold;
	color: var(--white-color);
	background: var(--orange-color);
	height: 30px;
	line-height: 30px;
}

.editTableBlueLine{
	font-weight: bold;
	background: var(--blue-table-head-color);
	height: 30px;
	line-height: 30px;
}

.editTableGreyLine{
	background: var(--grey-bg-color);
}

.editTableNormalRow{
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 38px;
}

.osnDataCol{
	/*background: #BFEFFF;*/
	background: #EBF4FA;
}

.dodDataCol{
	/*background: #BFEFFF;*/
	background: #d7e4f5;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 3px;
    padding-left: 3px;
}

.noPadding{
	padding: 0px;
}

.status_div{
	min-height: 46px;
	line-height: 46px;
}

.selectArrow, .selectArrow2{
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 7px;
	z-index: 10000;
}

.selectArrow svg, .selectArrow2 svg{
	fill: var(--text-color);
	width: 9px;
}

.table{
	color: var(--text-color);
}

.table thead tr{
	background: var(--blue-table-head-color);
}

.table thead th {
	vertical-align: top;
}

.table td, .table th {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

/*Extra large devices (desktops, more than 1200px)*/
.fontSizeAdjust{
	font-size: 12px;
}

.fontSizeAdjustBigger{
	font-size: 14px;
}

.fontSizeAdjustBig{
	font-size: 23px;
}

.textRightWide{
	text-align: right;
}

.zahtevanDiv{
	color: var(--red-color);
	position: absolute;
	left: 7px;
	top: -4px;
}

.wholeWidthMargin{
	width: 98%;
	margin-left: 1%;
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px){
	.fontSizeAdjust{
		font-size: 12px;
	}

	.fontSizeAdjustBigger{
		font-size: 14px;
	}

	.fontSizeAdjustBig{
		font-size: 30px;
	}

	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	    padding-right: 3px;
	    padding-left: 3px;
	}

	.noPadding{
		padding: 0px;
	}

	.textRightWide{
		text-align: right;
	}

	.invoiceTableMain{
		width: auto;
		max-width: var(--main-width);
	}
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px){
	.fontSizeAdjust{
		font-size: 0.8rem;
	}

	.fontSizeAdjustBigger{
		font-size: 0.9rem;
	}

	.fontSizeAdjustBig{
		font-size: 20px;
	}

	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	    padding-right: 15px;
	    padding-left: 15px;
	}

	.noPadding{
		padding: 0px;
	}

	.textRightWide{
		text-align: left;
	}

	.selectArrow, .selectArrow2{
		right: 20px;
	}

	.zahtevanDiv{
		left: 19px;
	}

	.calendar-icon-month{
		left: 18px;
	}

	.calendar-icon-day{
		left: 18px;
	}
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px){
	.fontSizeAdjust{
		font-size: 0.8rem;
	}

	.fontSizeAdjustBigger{
		font-size: 0.9rem;
	}

	.fontSizeAdjustBig{
		font-size: 20px;
	}

	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	    padding-right: 15px;
	    padding-left: 15px;
	}

	.noPadding{
		padding: 0px;
	}

	.textRightWide{
		text-align: left;
	}

	.selectArrow, .selectArrow2{
		right: 20px;
	}

	.zahtevanDiv{
		left: 19px;
	}

	.calendar-icon-month{
		left: 18px;
	}

	.calendar-icon-day{
		left: 18px;
	}
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px){
	.fontSizeAdjust{
		font-size: 0.8rem;
	}

	.fontSizeAdjustBigger{
		font-size: 0.9rem;
	}

	.fontSizeAdjustBig{
		font-size: 20px;
	}

	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	    padding-right: 15px;
	    padding-left: 15px;
	}

	.noPadding{
		padding: 0px;
	}

	.textRightWide{
		text-align: left;
	}

	.selectArrow, .selectArrow2{
		right: 20px;
	}

	.zahtevanDiv{
		left: 19px;
	}

	.calendar-icon-month{
		left: 18px;
	}

	.calendar-icon-day{
		left: 18px;
	}

	.wholeWidthMargin{
		width: 100%;
		margin-left: 0px;
	}
}



/* EDIT TABLE RESPONSIVE END */

.helpButtonNew, .helpButtonNew a{
	z-index: 20000;
	font-size: 1.8rem;
	cursor: pointer;
	color: var(--blue-color);
	display: inline-block;
}

.helpButtonNew a{
	font-size: 1.2rem;
}

.helpButtonNew:hover, .helpButtonNew a:hover{
	cursor:pointer;
	color: var(--orange-color);
}

.helpMainDiv{
	width: 100%;
	height: 100%;
}

.helpMainDivImg{
	width: 100%;
	height: 100%;
}

.hiddenOnStart{
	box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.5), 0 6px 16px 0 rgba(0, 0, 0, 0.5);
	display: none;
	background: var(--white-color);
	z-index: 2000;
}

.hiddenOnStart img{
	width: 100%;
	height: 100%;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index: 3000;
}

.clickableInvisibleDiv{
	z-index: 1000;
}

.clickableInvisibleDiv:hover{
	cursor: pointer;
}

.menuButtonMobile{
	font-size: 1.5rem;
	cursor: pointer;
	color: var(--blue-color);
	display: inline-block;
}

.menuButtonMobile:hover{
	cursor:pointer;
	color: var(--orange-color);
}

.helpButtonPh{
	font-size: 22px;
}

.show_more_div_ph{
	border: 1px solid var(--white-color);

    -webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;

	padding-left: 5px;
	padding-right: 5px;

	line-height: 20px;
	font-size: 8px;
	color: var(--blue-color);
}

.show_more_div_ph_clicked{
	border: 1px solid var(--white-color);
	background: var(--orange-color);
	color: var(--white-color) !important;
}

.show_more_div_ph_clicked:active, .show_more_div_ph_clicked:active *, .show_more_div_ph_clicked:hover, .show_more_div_ph_clicked:hover *{
	background: var(--orange-color);
	color: var(--white-color) !important;
}

.show_more_div_ph:hover, .show_more_div_ph:hover *{
	cursor:pointer;
	color: var(--orange-color);
}

.optionSub{

}

.iconArchiveCRM{
	bottom: 0px;
	right: 1px;
	position: absolute;
	font-size: 12px !important;
}

.buttonShowDeleted{
	float: right;
	margin-right: 15px;
	font-size: 22px;
	cursor: pointer;
	color: var(--blue-color);
	display: inline-block;

	border: 1px solid var(--white-color);

  	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	line-height: 22px;

	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
}

.buttonShowDeleted:hover{
	color: var(--orange-color);
}

.buttonShowDeleted_clicked, .buttonShowDeleted_clicked:active, .buttonShowDeleted_clicked:active *, .buttonShowDeleted_clicked:hover, .buttonShowDeleted_clicked:hover *{
	background: var(--orange-color);
	color: var(--white-color);
}

.modalIframe{
	width: 100%;
	height: 100%;
	min-height: 400px;
	border: none;
}

.CRMThTableCell{
	line-height: 26px;
}

.iconCRMListToggle{
	margin-top: 2px;
	line-height: 1;
	float: right;

	cursor: pointer;
	text-align: center;
	width: 35px;
	padding: 3px;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.iconCRMListToggleClicked{
	margin-top: 1px;
	background: var(--orange-color);
	border: 1px solid var(--white-color);
	color: var(--white-color);
}

.iconCRMListToggle img{
	height: 16px;
}

.iconCRMListToggle i{
	font-size: 16px;
}

.redDate{
	color: #aa0000;
}



.addDiagnozaButtonCont{
	padding-right: 10px;
	height: 200px;
	overflow-y: scroll;
}

.addDiagnozaButton{
	cursor: pointer;
	border: 2px solid var(--text-color);
	margin: 5px 5px 5px 5px;

	padding: 5px 15px 5px 15px;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-weight: bold;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.addDiagnozaButton:hover{
	color: var(--white-color) !important;
	background: var(--orange-color) !important;
	border: 2px solid var(--grey-more-transparent-color) !important;
}

.addDiagnozaButtonSmaller{
	padding: 5px 10px 5px 10px;
	font-size: 10px;
}

.addDiagnozaButtonSelected{
	border: 2px solid var(--orange-color) !important;
	background: #FF9999 !important;
	color: var(--text-color) !important;
}

#productTypes{
	height: 200px;
	display: inline-block;
	width: 35%;
	overflow-y: scroll;
}

#productsProducts{
	height: 200px;
	display: inline-block;
	width: calc(65% - 5px);
	overflow-y: scroll;
}

.pomembno{
  text-align: center;
  font-size:12px;
  width:400px;
  margin-left: auto;
  margin-right: auto;
  background:#f37024;
  color:#ffffff;
  -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
  -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
  box-shadow: 1px 2px 5px rgba(0,0,0,.09);
  padding: 15px;
  border-radius: 10px; 
}

.borderedTable{
	border-collapse: collapse;
}

.borderedTable td{
	padding: 3px;
	border: 1px solid var(--grey-dark-bg-color);
}

#chooseExpoDiv{
	position: absolute;
	margin-left: 482px;
	margin-top: -27px;
}

.ddv_info_div{
	display: inline-block;
	font-size: 10px;
}