@charset "utf-8";

/* *** BOOTSTRAP OVERRIDE *** */
/*body { margin: 10px auto; max-width: 90em; }*/

select { -webkit-appearance: none; -moz-appearance: none; } /* ovime section rjesavamo duplih strelica u firefoxu */

@media print {
	.modal-body { max-height: none; margin: 0; padding: 0 !important; }
}

.nav-link i { font-size: 1.2rem; }
.spinner-border { vertical-align: middle; }

/* --- CSS Variables --- */
:root { --bs-bg-green: #d0e9c6; }

.form-control-plaintext { font-weight: bold; }


.modal-dialog { border: 1px solid #999; }

.modal-height-full { min-height: 60rem; }
.modal-xl { min-width: 1500px; }

/* bootstrap additions, might be obsolete in future */


.margin-submenu-top { margin-top: .8rem; }
/*.nav-link span { display: none; }*/
.nav-link.active span { display: inline-block; }

.btn:focus, [role='tab']:focus { outline: none; }



/* SIZING */
.w-1 { width: 8.333%; }
.w-2 { width: 16.664%; }
.w-3 { width: 25%; }
.w-4 { width: 33.328%; }
.w-5 { width: 41.66%; }
.w-6 { width: 50%; }
.w-7 { width: 58.324%; }
.w-8 { width: 66.656%; }
.w-9 { width: 75%; }
.w-10 { width: 83.32%; }
.w-11 { width: 91.652%; }
.w-12 { width: 100%; }

.font-size-sm { font-size: .6rem; }
.font-size-md { font-size: 1rem; }
.font-size-lg { font-size: 1.4rem; }
.font-size-xl { font-size: 1.8rem; }


.help-block { font-style: italic; }

.section-title { border-bottom: 1px solid #ccc; } /* underlining title of page section */

/* APP OBJECTS */

.app-thumbnail { max-width: 200px; max-height: 200px; overflow: hidden; }
.app-logo { width: 144px; height: 44px; }
.app-paging { margin-top: .4rem; }
.page-number { max-width: 6rem !important; text-align: right; }


.app-thumbnail-32x32 { height: 32px; width: 32px; }
.app-thumbnail-48x48 { height: 48px; width: 48px; }
.app-thumbnail-64x64 { height: 64px; width: 64px; }
.app-thumbnail-250x250 { max-height: 250px; width: 250px; }

/* *** HTML OVERRIDES *** */





/* uklanjanje fokus okvira */
/*.nav-item > active > a, .nav-item.active.a:hover { outline:none; }*/

/* file extension icons */
a[href$='.doc']::before, a[href$='.docx']::before, a[href$='.docm']::before { color: #3b5998; font-family: 'icoMoon'; content: '\ef40'; margin-right: .3rem; text-decoration: none; }
a[href$='.xls']::before, a[href$='.xlsx']::before { color: #a7c210; font-family: 'icoMoon'; content: '\ef41'; margin-right: .3rem; text-decoration: none; }
a[href$='.jpg']::before, a[href$='.jpeg']:before, a[href$='.png']::before { font-family: 'icoMoon'; content: '\e9af'; margin-right: .3rem; }
a[href$='.pdf']::before, a[href$='.PDF']::before { color: #e00; font-family: 'icoMoon'; content: '\ef3e'; margin-right: .3rem; text-decoration: none !important; }
a[href$='.ppt']::before, a[href$='.pptx']::before { color: #a7c210; font-family: 'icoMoon'; content: '\e9bf'; margin-right: .3rem; text-decoration: none; }
a[href$='.txt']::before, a[href$='.dwg']::before, a[href$='.ptx']::before, a[href$='.pnl']::before { color: #cf9000; font-family: 'icoMoon'; content: '\e99b'; margin-right: .3rem; }
a[href$='.zip']::before, a[href$='.rar']::before, a[href$='.elg']::before { color: #cf9000; font-family: 'icoMoon'; content: '\e9b9'; margin-right: .3rem; }
a[href$='.mp4']::before, a[href$='.avi']::before, a[href$='.mkv']::before { color: #cf9000; font-family: 'icoMoon'; content: '\e9b5'; margin-right: .3rem; }
a[href$='.mp3']::before, a[href$='.m4a']::before, a[href$='.aac']::before { color: #cf9000; font-family: 'icoMoon'; content: '\e9b1'; margin-right: .3rem; }

/* COLORS */

.bg-primary { background-color: #2b2c50; }
.bg-light { background-color: #f5f6f6; }

.bg-pelsis-blue { background-color: #3553a1 !important; }

.text-white { color: #fff; }

.text-primary { color: #2b2c50; }
.text-secondary { color: #ef5b29; }


.container-refreshing { opacity: 0.5; }

/* fonts */

.fs-1 { font-size: 5rem; }
.fs-2 { font-size: 4.5rem; }
.fs-3 { font-size: 4rem; }
.fs-4 { font-size: 3.5rem; }
.fs-5 { font-size: 3rem; }
.fs-6 { font-size: 2.5rem; }
.fs-7 { font-size: 2rem; }
.fs-8 { font-size: 1.5rem; }

.fw-bold { font-weight: bold; }

.font-italic { font-style: italic; }

.strong { font-weight: bold; }
.not-strong { font-weight: normal; }

	/* other */
/*[data-toggle='popover'] { cursor: pointer; border-bottom: 1px dashed #0bf; } */
.action-user-details, .action-client-details { cursor: pointer; border-bottom: 1px dashed #0bf; } /* underline user details modal */

.border-bottom { border-bottom: 1px solid #ccc; }
.cursor-hand { cursor: pointer; }
.cursor-question { cursor: help; }

/* global classes - positioning */

.mt-btn-inline { margin-top: 1.9rem; }
.mt-chk-inline { margin-top: 2.4rem; }


.hidden { display: none !important; }
.visible { display: block; }


.hoverable div { display: none; }
.hoverable:hover div { display: inline-block; }

.required:after { content: " *"; color: red; }

.spinner { opacity: 0.3; } /* zasivljavanje containera koji se ucitava */
.saving  { background-color: var(--bs-bg-green); opacity: 0.3; } /* kod spremanja se polje zazeleni */


/* --- INPUT FIELDS --- */

/* remove spinners for number field */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; } /* firefox */


/* --- DISPLAY DATE --- */
.date-box { cursor: help; line-height: .9rem; display: inline-block; margin-right: .8rem; text-align: center; }
.date-box-year { font-size: x-small; font-weight: bold; }
.date-box-month { font-size: x-small; font-weight: bold; margin-top: 2px; text-transform: uppercase; }
.date-box-day { font-size: large; font-weight: bold; }




/* ******* PLUGINS ******* */



/* --- POPPER --- */

.link-anchor {
  position: relative;
  width: 0;
  font-size: .8em;
  opacity: 0;
  transition: opacity .2s ease-in-out;
}
.anchor-wrapper {
  border: none;
}
.anchor-wrapper:hover .link-anchor {
  opacity: 1;
}

section h1[id]:focus,
section h2[id]:focus,
section h3[id]:focus,
section h4[id]:focus,
section h5[id]:focus {
  outline: 0;
}

p.thin {
    font-weight: 100;
    margin: 0;
    line-height: 1.2em;
}

p.bold {
    font-weight: 900;
    margin: 0;
    margin-top: -5px;
}

.rel {
    width: 30%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 20px;
    border-style: dotted;
    border-color: white;
    border-width: medium;
}

/* --- END POPPER --- */



/* --- ICOMOON --- */

@font-face {
	font-family: 'icomoon';
	src: url('/assets/_app/font/');
	src: url('/assets/_app/font/icomoon.eot?6psvqo#iefix') format('embedded-opentype'), url('/assets/_app/font/icomoon.ttf?6psvqo') format('truetype'), url('/assets/_app/font/icomoon.woff?6psvqo') format('woff'), url('/assets/_app/font/icomoon.svg?6psvqo#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-file-text:before {
  content: "\e99b";
}
.icon-file-empty-dark:before {
  content: "\e99e";
}
.icon-files-empty:before {
  content: "\e99f";
}
.icon-file-plus:before {
  content: "\e9a1";
}
.icon-file-minus:before {
  content: "\e9a3";
}
.icon-file-download:before {
  content: "\e9a5";
}
.icon-file-music:before {
  content: "\e9b1";
}
.icon-copy:before {
  content: "\e9b7";
}
.icon-file-zip:before {
  content: "\e9b9";
}
.icon-file-presentation:before {
  content: "\e9bf";
}
.icon-hammer-wrench:before {
  content: "\eb69";
}
.icon-send:before {
  content: "\ec09";
}
.icon-switch:before {
	content: "\ec4b";
}
.icon-youtube:before {
  content: "\eefc";
}
.icon-file-pdf:before {
  content: "\ef3e";
}
.icon-file-word:before {
  content: "\ef40";
}
.icon-file-excel:before {
  content: "\ef41";
}
.icon-bubbles:before {
  content: "\eaca";
}
.icon-stack-text:before {
  content: "\ed44";
}
.icon-embed:before {
  content: "\eecd";
}
.icon-messages:before {
  content: "\eac9";
}
.icon-edit:before {
  content: "\e90e";
}
.icon-file-picture:before {
  content: "\e9af";
}
.icon-file-video:before {
  content: "\e9b5";
}
.icon-coins:before {
  content: "\ea0a";
}
.icon-credit-card:before {
  content: "\ea15";
}
.icon-phone:before {
  content: "\ea1c";
}
.icon-location:before {
  content: "\ea3a";
}
.icon-alarm:before {
  content: "\ea53";
}
.icon-calendar-empty:before {
  content: "\ea64";
}
.icon-calendar-day:before {
  content: "\ea65";
}
.icon-calendar-week:before {
  content: "\ea66";
}
.icon-printer:before {
  content: "\ea67";
}
.icon-display:before {
  content: "\ea75";
}
.icon-mobile:before {
  content: "\ea78";
}
.icon-undo:before {
  content: "\eabf";
}
.icon-user:before {
  content: "\eaf7";
}
.icon-users:before {
  content: "\eaf8";
}
.icon-user-network:before {
  content: "\eb10";
}
.icon-vcard:before {
  content: "\eb11";
}
.icon-search:before {
  content: "\eb36";
}
.icon-preferences:before {
  content: "\eb5c";
}
.icon-settings:before {
  content: "\eb60";
}
.icon-chart:before {
  content: "\eb8f";
}
.icon-list:before {
  content: "\ec59";
}
.icon-tree:before {
  content: "\ec66";
}
.icon-warning:before {
  content: "\ed4f";
}
.icon-notification:before {
  content: "\ed51";
}
.icon-question:before {
  content: "\ed55";
}
.icon-add:before {
  content: "\ed59";
}
.icon-minus:before {
  content: "\ed5a";
}
.icon-cancel:before {
  content: "\ed65";
}
.icon-blocked:before {
  content: "\ed67";
}
.icon-delete:before {
  content: "\ed6c";
}
.icon-success:before {
  content: "\ed6f";
}
.icon-next:before {
  content: "\edbb";
}
.icon-down:before {
  content: "\edbf";
}
.icon-prev:before {
  content: "\edc3";
}
.icon-chevron-up:before {
  content: "\edc7";
}
.icon-chevron-right:before {
  content: "\edc8";
}
.icon-chevron-down:before {
  content: "\edc9";
}
.icon-locked:before {
  content: "\eb55";
}
.icon-unlocked:before {
  content: "\eb56";
}
.icon-group:before {
  content: "\e014";
}
.icon-business-person:before {
  content: "\e04a";
}
.icon-hand-up:before {
  content: "\e901";
}
.icon-mobile-menu:before {
  content: "\f394";
}


/* --- END ICOMOON -- */