/* ---pravila--- */
/*
#MainContainer>* {
    padding: 2rem;
}
*/
/*
.maincontainer div.column02 {
	background-color: var(--neutral) !important;
}
*/

.app-scrollable::-webkit-scrollbar-track, 
app-scrollable::-webkit-scrollbar-track {
	background-color: var(--secondary-darkest) !important; 
}

div[controltype=HtmlText] table td.cPanelHeader {
  background-color: var(--neutral) !important;
  color: #000000  !important;
  font-size: 2.5rem !important;  
  border-top: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
}

.spletni-oglas {
	color: black;
}

.spletni-oglas hr {
	color: gray;
	border-style: inset;
    border-width: 1px;
}

body:not(.mobile) [controltype="HtmlText"],
body:not(.mobile) [controltype="Oglas"],
.spletni-oglas {
	background-color: var(--neutral) !important;
	width: 100%;
    padding: 2rem;
}

body.mobile iplus-portal-spletni-dokument [controltype="HtmlText"] {
	padding: 0;
}

body:not(.mobile) [controltype="HtmlText"] .links {
	font-size: 1.25rem !important;
	line-height: 1.75rem !important;
	/*background-color: var(--secondary-trans-100) !important;*/
	color: var(--secondary-darkest) !important;
	padding: 0;
	margin: 1rem 0;
	border: 1px solid var(--secondary-darkest);
	border-radius: 3px;
}

body:not(.mobile) [controltype="HtmlText"] .links>a {
	display: block;
	color: var(--secondary-darkest) !important;
	text-decoration: none !important;
	width: 100%;
	padding: 1rem;
}

body:not(.mobile) [controltype="HtmlText"] .links>a:hover {
	text-decoration: underline !important;
	background-color: var(--secondary-trans-100) !important;
}

body:not(.mobile) [controltype="HtmlText"] .instruct {
	font-size: 0.875 !important;
	line-height: 1.25rem !important;
	background-color: var(--secondary-trans-100) !important;
	color: var(--secondary) !important;
	padding: 1rem;
	margin: 1rem 0;
	border: 1px solid var(--secondary-darkest);
	border-radius: 3px;
}

body:not(.mobile) [controltype="HtmlText"] h1,
body:not(.mobile) [controltype="Oglas"] h1,
.spletni-oglas h1 {
	margin-top: 2rem !important;
	margin-bottom: 0.5rem !important;
	font-size: 2.5rem !important;
}

body:not(.mobile) [controltype="HtmlText"] h2,
body:not(.mobile) [controltype="Oglas"] h2,
.spletni-oglas h2 {
	margin-top: 2rem !important;
	margin-bottom: 0.5rem !important;
	font-size: 2rem !important;
}

body:not(.mobile) [controltype="HtmlText"] h3,
body:not(.mobile) [controltype="Oglas"] h3,
.spletni-oglas h3 {
	margin-top: 2rem !important;
	margin-bottom: 0.5rem !important;
	font-size: 1.5rem !important;
}

body:not(.mobile) [controltype="HtmlText"] h4,
body:not(.mobile) [controltype="Oglas"] h4,
.spletni-oglas h4 {
	margin-top: 1.5rem !important;
	margin-bottom: 0.5rem !important;
	font-size: 1.25rem !important;
}

body:not(.mobile) [controltype="HtmlText"] p,
body:not(.mobile) [controltype="Oglas"] p,
.spletni-oglas p {
	margin-top: 1rem !important;
	margin-bottom: 0.5rem !important;
	font-size: 1rem !important;
	line-height: 1.5rem !important;
}

body:not(.mobile) [controltype="HtmlText"] p strong,
body:not(.mobile) [controltype="Oglas"] p strong,
.spletni-oglas p strong {
	font-weight: bold !important;
}

body:not(.mobile) [controltype="HtmlText"] ul, 
body:not(.mobile) [controltype="HtmlText"] ol,
body:not(.mobile) [controltype="Oglas"] ul, 
body:not(.mobile) [controltype="Oglas"] ol,
.spletni-oglas ul,
.spletni-oglas ol
{
	list-style-type: circle !important;
	list-style: inside !important;
}


body:not(.mobile) [controltype="HtmlText"] .pdf {
	padding: 0;
	margin: 1rem 0;
	border: 1px solid var(--secondary-darkest);
	border-radius: 3px;
}

body:not(.mobile) [controltype="HtmlText"] .pdf>a {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	width: 100%;
	padding: 1rem;
}

body:not(.mobile) [controltype="HtmlText"] .pdf>a:hover {
	text-decoration: underline;
	color: var(--secondary-darkest);
	background-color: var(--secondary-trans-100) !important;
}

body:not(.mobile) [controltype="HtmlText"] .pdf>a>span {
	font-size: 1.25rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	text-decoration: none !important;
	color: var(--secondary-darkest);
	margin-top: -0.25rem;
}

body:not(.mobile) [controltype="HtmlText"] .pdf p { 
	padding: 0 1rem !important;
	margin: 0 !important;
	font-size: 0.675rem !important;
	line-height: 1.25rem !important;
	color: var(--secondary-trans-800);
}

body:not(.mobile) [controltype="HtmlText"] .pdf p a {
	font-size: 0.875rem !important;
	line-height: 1.25rem;
	color: var(--secondary);
}

/* Izjava o zasebnosti - cookies setup */

.ZasebnostCookies div.cPanelHeader {
	background-color: none !important;
}

.ZasebnostCookies div.cPanelContent {
	background-color: none !important;
}	

.item-option {
    padding: 0.5rem;
    margin: 1rem;
}

ul, ol {
	list-style-type: circle !important;
	list-style: outside !important;
    text-indent: 0 !important;
    line-height: 1.5rem !important;
    padding-left: 2rem !important;
}
/* ---Mobile aplikacija--- */
body {
  position: initial !important;
}

#FormPortal {
  overflow-y: scroll;
}
