/* ========================================================================
   Theme hooks
 ========================================================================== */

/* General */
html { font: 400 15px / 22px 'Roboto', sans-serif;  /* 2 */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;  /* 3 */ background: #efeff1; color: #62615f; }

/* Removes default margin */
body { margin: 0; }

/* Container */
.uk-container { max-width: 1360px; padding: 0 30px; }
strong { font-weight: 700; }
em { color: #62615f; }
a { color: #c40b2d; text-decoration: none; cursor: pointer; }
.uk-link { color: #c40b2d; text-decoration: underline; cursor: pointer; }
a:hover, a:active, a:focus { text-decoration: none; color: #231f20; }
.uk-link:hover, .uk-link:active, .uk-link:focus { text-decoration: underline; color: #231f20; }

/* plugin highlight */
.highlight { background: #c40b2d; color: #fff; padding: 0px 4px; }

/* Panel variations */
.uk-panel >:not(.uk-panel-title):last-child { margin-bottom: 0px; }
.uk-block-secondary { background: #FFF7F5; }

/* bootstrap nad theme hacking */
.pretraga .controls > .radio:first-child, .pretraga .controls > .checkbox:first-child { padding-top: 0; }
.pretraga .uk-form input[type="radio"], .pretraga .uk-form input[type="checkbox"] { display: inline-block; height: 14px; width: 14px; border: 1px solid #aaaaaa; overflow: hidden; margin-top: 4px; vertical-align: middle; -webkit-appearance: none; outline: 0; background: transparent; }

/* ========================================================================
   Editing Layout
 ========================================================================== */

/* User pages */
.user h2 { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 10px; text-transform: uppercase; }
.user .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; }
.user p { text-align: justify; }
.user .tm-content { background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; }
.user legend { color: #231f20; font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 10px; text-transform: uppercase; }
.user .well { border: none; box-shadow: none; padding: 30px !important; background: #ffffff; overflow: hidden; border-radius: 0; box-shadow: none; }
.user .btn { font-size: 12px; }
.user td.ig_order input { float: right; width: 40px; padding: 2px 5px; border-radius: 0; }

/*.user div.ig_button {background:#fff;border:none;border-radius:0;color:#ffffff;display:block;font-family:'Lato',sans-serif;font-size:10px;line-height:20px;list-style:outside none none;margin:0;padding:3px 12px;text-align:center;text-decoration:none;text-shadow:none;vertical-align:middle;text-transform:uppercase;}
.user div.ig_button:hover {background:#231f20;color:#fff;}
.user div.button_new {background:#c40b2d;border:none;border-radius:0;color:#ffffff;display:block;font-family:'Lato',sans-serif;font-size:10px;line-height:20px;list-style:outside none none;margin:0;padding:3px 12px;text-align:center;text-decoration:none;text-shadow:none;vertical-align:middle;text-transform:uppercase;}*/ 


/* Edit article */
.catEdit { }
span.itemEditLink, span.catItemEditLink, span.userItemEditLink, span.userItemAddLink { float: none; display: block; padding: 0; margin: 0 0 20px; width: 120px; text-align: center; }
span.itemEditLink a, span.catItemEditLink a, span.userItemEditLink a, span.userItemAddLink a { background: #c40b2d; border-radius: 3px; color: #fff; display: block; font-family: 'Lato', sans-serif; font-size: 10px; line-height: 20px; font-weight: 400; list-style: outside none none; margin: 0; padding: 3px 12px; text-align: center; text-decoration: none; text-shadow: none; vertical-align: middle; text-transform: uppercase; }
span.itemEditLink a:hover, span.catItemEditLink a:hover, span.userItemEditLink a:hover, span.userItemAddLink a:hover { background: #231f20; color: #fff; }

/* ========================================================================
   Layout
 ========================================================================== */

 /* topbar */
.topbar-wrap {}
.topbar-wrap .uk-panel {display: block;position: revert;}
.topbar-wrap .ja-promo-bar .inner { height: 55px; background-color: #ffffff; }
.topbar-wrap #ja-promo-bar-269 .buttons span { background-color: #9c1519; color: #fff; }
.ja-promo-bar .inner { box-sizing: border-box; height: 55px; background-color: #ffffff; color: #423d3d; border-bottom: 3px solid #000000; padding: 10px 0; position: relative; text-align: center; font-size: 12px; }
.topbar-wrap .ja-promo-bar .inner .button { border-radius: 3px; padding: 5px 15px; border: 0; font-size: 10px; box-shadow: none; line-height: 15px; letter-spacing: 0.5px; text-shadow: none; text-transform: uppercase; }
.topbar-wrap .ja-promo-bar .buttons span { background-color: #9c1519;  color: #fff; margin-top: 0px; }


/* tm-toolbar */
.tm-toolbar { background: #fff url("../images/topbar-back.jpg") no-repeat right top; box-sizing: border-box; color: #fff; font-size: 15px; height: 80px; padding: 10px 0; }
.tm-toolbar a { color: #fff; font-size: 10px; font-weight: 500; line-height: 16px; text-transform: uppercase; margin: 3px 2px; padding: 3px 8px; display: inline; }
.tm-toolbar a:hover, .tm-toolbar a:focus, .tm-toolbar a:active { background: #ffffff; color: #444; }
.tm-toolbar [class*="uk-icon-"] { margin: 0 3px 0 10px; }
.tm-toolbar a.de-social { background: #bf1e22; border: 1px solid #711014; border-radius: 3px; box-sizing: border-box; color: rgb(254, 254, 254); display: inline-block; font-size: 10px; height: 20px; line-height: 16px; margin: 3px 0; padding: 1px; text-align: center; width: 25px; }
.tm-toolbar a.de-social:hover { background-color: #fff; border: 1px solid rgb(77, 14, 14); color: #444; }
.tm-toolbar a.de-lang { background: #bf1e22; border: 1px solid #711014; border-radius: 3px; box-sizing: border-box; color: rgb(254, 254, 254); display: inline-block; font-size: 10px; height: 20px; line-height: 16px; margin: 3px 0; padding: 1px; text-align: center; width: 38px; }
.tm-toolbar a.de-lang:hover { background-color: #fff; border: 1px solid rgb(77, 14, 14); color: #444; }
.tm-toolbar .uk-float-right .uk-panel { float: right; margin: 0; }
.tm-toolbar .uk-subnav > .uk-active > * { color: #c40b2d; }

/* de-top-meni */
.tm-toolbar .de-top-meni .uk-subnav.uk-subnav-line { margin-left: 0px; }

/* de-toolbar-vsj */
.tm-toolbar .de-toolbar-vsj {color: #fff; font-size: 13px; font-weight: 400; line-height: 16px; text-transform: none; margin: 5px 0; padding: 0 2px; display: inline; }
.tm-toolbar .de-toolbar-vsj a { color: #fff; font-size: 14px; font-weight: 400; line-height: 16px; text-transform: none; margin: 0; padding: 0 4px; display: inline; }
.tm-toolbar .de-toolbar-vsj a:hover, .tm-toolbar .de-toolbar-vsj a:focus, .tm-toolbar .de-toolbar-vsj a:active { background: transparent; color: #fff; }

/* uk-subnav */
.uk-subnav > * > * { display: inline; color: #62615f; }
.uk-subnav-line > *:nth-child(n+2)::before { border-left: 1px solid rgba(225, 225, 225, 0.75); margin-right: 5px; }
.uk-subnav > * { -ms-flex: none; -webkit-flex: none; flex: none; padding-left: 5px; margin-top: 20px; position: relative; }
.uk-subnav > .uk-active > * { background: #fff; }

/* uk-search */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox { background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555555; display: inline; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; }
input#title, input#alias, select#jformig_category { width: 100%; }
input#featured0, input#featured1, input#published0, input#published1 { width: auto; }
.uk-search::before { color: #fcfcff; content: '\e904'; font-family: "Monday"; font-size: 16px; font-weight: bold; left: 0; line-height: 25px; position: absolute; text-align: center; top: 0; width: 30px; }
input.uk-search-field { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid rgba(0, 0, 0, 0); border-radius: 0; box-shadow: none; box-sizing: border-box; color: #ffffff; cursor: pointer; font-size: 15px; height: 25px; line-height: normal; margin: 0; padding: 0 0 0 30px; position: relative; transition: all 0.2s linear 0s; width: 40px; z-index: 1; }
.uk-dropdown-search { width: 350px; margin-top: 0; background: #ffffff; color: #9a9a9c; padding: 20px; }
.uk-nav-search > li > a { color: #444; }
.uk-nav-search > li > a { background: rgba(0, 0, 0, 0); color: #444; outline: none; font-size: 13px; line-height: 16px; padding: 10px; }
.uk-nav-search > li > a > div { font-size: 10px; line-height: 14px; margin: 5px 0 0; }
.uk-nav-search > li.uk-active > a { background: rgba(0, 0, 0, 0.5); color: #fff; }
.uk-nav-search > li.uk-active > a > div { }

/* tm-navbar */
.tm-navbar { margin-bottom: 0px; background: #ffffff url("../images/header-back.png") no-repeat right 25px; }
nav.uk-visible-large{ margin-bottom: 10px; margin-top: 30px; background: #ffffff; }
nav.uk-visible-large #srb.uk-navbar-nav { min-width: 905px; padding-left: 0; }
nav.uk-visible-large #eng.uk-navbar-nav { min-width: 835px; padding-left: 10px; }
.tm-navbar { border-bottom: 4px solid #a00826; position: relative; z-index: 6; }

/* uk-navbar */
.uk-navbar { background: transparent; color: #474538; padding-top: 0px; padding-bottom: 15px; }
.uk-navbar-nav > li { vertical-align: middle !important; }
.uk-navbar-nav > li.uk-parent > a:before { content: "\f107"; font-family: "FontAwesome"; display: block; float: right; margin-left: 10px; }

.uk-navbar-nav > li > a { box-sizing: border-box; color: #CC0000; display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; font-weight: 400; text-decoration: none; text-transform: uppercase; height: 50px; line-height: 16px; max-width: 150px; padding: 0 10px; transition: all 0.3s ease 0s; }
.uk-navbar-nav > li > a.nastavni-kadar { min-width: 110px; max-width: 110px; }
.uk-navbar-nav > li > a.razvoj { min-width: 105px; max-width: 105px; }
.uk-navbar-nav > li > a.naucni-rad { min-width: 120px; max-width: 120px; }
.uk-navbar-nav > li > a.saradnja { min-width: 145px; max-width: 145px; }

/* EN uk-navbar */
.uk-navbar-nav > li > a.about { min-width: 110px; max-width: 110px; }
.uk-navbar-nav > li > a.faculty-staff { min-width: 95px; max-width: 95px; }
.uk-navbar-nav > li > a.teaching-staff { min-width: 105px; max-width: 105px; }
.uk-navbar-nav > li > a.studies { min-width: 105px; max-width: 105px; }
.uk-navbar-nav > li > a.development { min-width: 130px; max-width: 130px; }
.uk-navbar-nav > li > a.scientific { min-width: 110px; max-width: 110px; }
.uk-navbar-nav > li > a.cooperation { min-width: 140px; max-width: 140px; }

/* uk-nav-navbar */
.uk-nav-navbar > li > a { color: #59595e; padding-left: 30px; padding-right: 30px; font-family: 'Roboto Condensed', sans-serif; font-size: 13px; text-transform: uppercase; }
.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus, .uk-nav-navbar > li > a:active { background: #A80000; color: #fff; outline: none; }
.uk-nav-navbar > li.uk-active > a { background: #555; color: #fff; }
.uk-nav-navbar > li.uk-active > a:hover { background: #A80000; color: #fff; }
.uk-nav-navbar .uk-nav-header { color: #111; padding-left: 30px; padding-right: 30px; }
.uk-nav-navbar .uk-nav-divider { border-top: 1px solid #dddddd; }
.uk-nav-navbar ul a { color: #9a9a9c; }
.uk-nav-navbar ul a:hover { color: #111; }
.uk-nav-navbar ul.uk-nav-sub li.uk-active > a { color: #fff; }
.uk-navbar-nav > li.uk-active > a { background-color: rgba(0, 0, 0, 0); color: #444; }

/* uk-dropdown */
.uk-dropdown-navbar { background: #fff; color: #a00826; margin-top: 4px; box-shadow: 0 2px 15px 0 rgba(151, 151, 163, 0.25); }
.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*="uk-width-"]:nth-child(n+2) { border-left: 1px solid rgba(138, 133, 133, 0.25); }

/* Close 3rd-level sub-menu items and make them expand when hovering over their parent */
.uk-nav-navbar > .uk-parent > .uk-nav-sub { display: none; }
.uk-nav-navbar > .uk-parent:hover > .uk-nav-sub { display: block; }

/* Add an "arrow" icon to show that there ARE sub-menu items: */
.uk-nav-navbar > .uk-parent > a:after { content: "\f104"; font-family: "FontAwesome"; display: block; float: right; margin-left: 10px; }

/* Change the arrow icon while the sub-menu items are expanded */
.uk-nav-navbar > .uk-parent:hover > a:after { content: "\f105"; }
.uk-nav-navbar > .uk-parent > .uk-nav-sub { display: none; }
.uk-nav-navbar > .uk-parent > a:after { content: "\f107"; font-family: "FontAwesome"; display: block; float: right; }
.uk-nav-navbar > .uk-parent { position: relative; transition: all 0.3s ease 0s; }
.uk-nav-navbar > .uk-parent:hover > .uk-nav-sub { display: block; background: #A80000; color: #fff; width: 300px; margin-top: -55px; padding: 25px; position: absolute; left: 270px; z-index: 1; transition: all 0.3s ease 0s; }
.uk-nav.uk-nav-navbar .uk-nav-sub { padding-left: 35px; padding-right: 30px; }
.uk-nav-navbar ul a { color: #fff; font-size: 12px; padding-top: 3px; text-transform: uppercase; }
.uk-nav-navbar ul a:hover { color: #f5f5f5; }

/* Sticky */
.header-wrap { z-index: 99; }
.top-wrap-a .tm-top-a { z-index: -1; }
.uk-sticky-placeholder { transition: all 0.32s ease-in-out 0s; max-height: 149px; }
.uk-sticky-placeholder .uk-navbar { transition: all 0.32s ease-in-out 0s; min-height: 100px; }
.uk-sticky-placeholder .tm-navbar .tm-logo { margin-right: 30px; }
.uk-sticky-placeholder .tm-navbar .tm-logo img { transition: all 0.32s ease-in-out 0s; margin-left: 0; margin-top: 0; width: 220px; }
.uk-sticky-placeholder .uk-active .tm-logo { margin-right: 20px; margin-left: 20px; }
.uk-sticky-placeholder .uk-active .tm-logo img { margin-right: 0; margin-top: -5px; width: 150px; transition: all 0.32s ease-in-out 0s; }

/* navbar */
.uk-sticky-placeholder nav.uk-visible-large { margin-left: 0; margin-right: 0; }
.uk-sticky-placeholder .uk-active { transition: all 0.32s ease-in-out 0s; max-height: 90px; }
.uk-sticky-placeholder .uk-active .uk-navbar { padding-bottom: 0; padding-top: 0; transition: all 0.32s ease-in-out 0s; min-height: 80px; }
.uk-sticky-placeholder .uk-active nav.uk-visible-large { margin-bottom: 0; margin-top: 15px; }
.uk-sticky-placeholder .uk-active nav.uk-visible-large #srb.uk-navbar-nav { min-width: 925px; padding-left: 20px; }
.uk-sticky-placeholder .uk-active nav.uk-visible-large #eng.uk-navbar-nav { min-width: 865px; padding-left: 40px; }

/* logo univerzitet */
.de-flex { width: 140px; float: left; text-align: left; }
.uk-sticky-placeholder .tm-navbar .tm-logo-uni { margin-left: 0; float: none; text-align: left;}
.uk-sticky-placeholder .tm-navbar .tm-logo-uni img { transition: all 0.32s ease-in-out 0s; margin-left: 0; margin-top: 0px; width: 101px; }
.uk-sticky-placeholder .uk-active .tm-logo-uni { margin-right: 0; margin-left: 0; float: none; text-align: left;}
.uk-sticky-placeholder .uk-active .tm-logo-uni img { margin-left: 20px; margin-top: -5px; width: 70px; transition: all 0.32s ease-in-out 0s; }

/* VŠJ uk-navbar */
#vsj.uk-navbar-nav { padding-left: 0; min-width: 620px; }
.uk-sticky-placeholder .uk-active #vsj.uk-navbar-nav { padding-left: 20px; min-width: 620px; }
.uk-sticky-placeholder .uk-active #vsj.uk-navbar-nav > li > a { height:  35px; }

/* Middle wrap */
.top-wrap-d { padding-top: 30px; }
.middle-wrap { background: #efeff1; padding-top: 30px; padding-bottom: 30px; }
.bottom-wrap-a .tm-bottom-a { background: #efeff1; padding-top: 30px; padding-bottom: 30px; }
.bottom-wrap-b { background: #efeff1; padding-top: 0; padding-bottom: 30px; }
.bottom-wrap-c { background: #fff; padding-top: 70px; padding-bottom: 70px; }

/* Parallax */
.parallax { background-attachment: fixed; background-clip: initial; background-color: #fff; background-image: url("../images/parallax1.jpg"); background-origin: initial; background-position: center bottom; background-repeat: no-repeat; background-size: cover; box-shadow: 0 0 1px 4px rgba(0, 0, 0, 0.1) inset; float: none; padding: 130px 0; text-align: center; width: 100%; }
.parallax h2 { color: #fff; font-family: "Roboto", sans-serif; font-size: 28px; font-weight: 500; line-height: 34px; text-shadow: 0 2px 4px #000000; text-transform: uppercase; }
.parallax p { color: #fff; font-size: 18px; margin-top: 30px; margin-bottom: 50px; text-shadow: 0 1px 2px #000000; line-height: 26px; padding: 0 20%; }
.button.transp { background: rgba(51, 52, 66, 0.75); border-radius: 3px; color: #fff; font-size: 12px; padding: 12px 24px; text-transform: uppercase; transition: all 0.3s ease 0s; }

/* Block footer */
.block-wrap .uk-block { padding-top: 70px; padding-bottom: 40px; }
.block-wrap .tm-block-footer-bg { background: #fff; margin-top: 0; }
.block-wrap .uk-panel-title { font-family: "Roboto"; font-size: 17px; line-height: 23px; margin-bottom: 35px; margin-top: 0; text-transform: uppercase; }
.block-wrap .uk-article-meta { font-weight: 400; letter-spacing: 0.1px; line-height: 18px; text-align: right; text-transform: uppercase; font-size: 11px; }
.block-wrap .uk-article-meta span { font-size: 14px; }
.tm-block-footer .uk-article-meta { color: #555; }

/* Block footer modules */
.block-footer-border { margin-bottom: 0px; padding: 9px 20px; float: right; width: 240px; text-align: center; }
.block-footer-img-border { border: 1px solid #efece1; margin: -25px 0 0 15px; padding: 9px; }

/* Breadcrumbs */
.breadcrumbs-wrap { height: 65px; background: #efeff1 url("../images/footer-back.jpg") no-repeat left bottom;}
.uk-breadcrumb { font-size: 0.001px; font-weight: 400; letter-spacing: 0; list-style: outside none none; padding: 10px 0 40px; text-transform: uppercase; margin: 0; }
.uk-breadcrumb a { color: #090909; }
.uk-breadcrumb a:hover { color: #62615f; }
.uk-breadcrumb .uk-active > span { color: #62615f; }
.uk-breadcrumb > li { font-size: 11px; vertical-align: top; }
.uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span { display: inline-block; }
.uk-breadcrumb > li:nth-child(n+2):before { content: '||'; display: inline-block; margin: 0 15px; color: #9a9a9c; }

/* Footer */
.footer-wrap { background: #9c1519; margin: 0; }
.tm-footer { background: transparent; box-sizing: border-box; color: #ffffff; font-size: 14px; padding: 25px 0 35px; margin-top: 0px; }
.tm-footer a { color: #ffffff; }
.tm-footer a:hover { color: #f7cfcf; }
.tm-footer .uk-link { color: #fff; cursor: pointer; font-weight: 400; text-decoration: none; }
.tm-footer-left { float: left; text-align: left; width: 50%; }
.tm-footer-right { float: right; padding-bottom: 5px; text-align: right; width: 45%; margin-right: -15px; margin-top: -15px; }

/* Top Scroller */
.tm-footer-top { position: relative; height: 5px; }
.tm-footer-top .tm-totop-scroller { background: #9c1519; border-radius: 0; float: right; font-family: "FontAwesome"; padding: 12px 16px; position: absolute; right: 30px; top: -60px; transition: all 0.2s ease-in-out 0s; z-index: 100; width: 46px; height: 42px; }
.tm-totop-scroller::before { color: #fff; content: "\f077"; font-family: "FontAwesome"; font-size: 16px; }
.tm-footer-top .tm-totop-scroller:hover, .tm-totop-scroller:focus { color: #fff; background: #5f0003; }

/* DENODE */
.denode { float: right; font-size: 10px; margin-bottom: 5px; margin-right: 45px; margin-top: 5px; text-align: right; width: 100%; }

/* ========================================================================
   Modules, tables and buttons
 ========================================================================== */

/* Meni EN - sidebar */
.de-meni-eng h3 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #2d3d51; font-size: 18px; line-height: normal; margin: 0 0 20px; padding-bottom: 15px; position: relative; text-transform: uppercase; }
.de-meni-eng li.uk-parent a { font-size: 13px; text-transform: uppercase; }
.de-meni-eng .uk-parent .uk-nav-sub a { font-size: 11px; line-height: 18px; text-transform: uppercase; }
.de-meni-eng .uk-nav-side > li > a:hover, .de-meni .uk-nav-side > li > a:focus { background: rgba(0, 0, 0, 0); color: #c40b2d; outline: none; }
.de-meni-eng .uk-nav-side > li.uk-active > a { background: rgba(0, 0, 0, 0); color: #c40b2d; }

/* Meni SR - sidebar */
.de-meni h3 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #2d3d51; font-size: 18px; line-height: normal; margin: 0 0 20px; padding-bottom: 15px; position: relative; text-transform: uppercase; }
.de-meni li a { font-size: 13px; text-transform: uppercase; }
.de-meni .uk-parent .uk-nav-sub a { font-size: 11px; line-height: 18px; text-transform: uppercase; }
.de-meni .uk-nav-side > li > a:hover, .de-meni .uk-nav-side > li > a:focus { background: rgba(0, 0, 0, 0); color: #c40b2d; outline: none; }
.de-meni .uk-nav-side > li.uk-active > a { background: rgba(0, 0, 0, 0); color: #c40b2d; }

/* No stripes */
table.nostripes { border: 1px solid #F2F2F2; color: #404040; background: #FFFFFF; border-collapse: collapse; margin-bottom: 10px; }
table.nostripes caption { padding: 6px 0; font-size: 1.2em; font-weight: 500; text-transform: uppercase; text-align: center; }
table.nostripes td.predmet { border: 1px solid #F2F2F2; padding: 0px 10px 0 5px; vertical-align: baseline; }
table.nostripes td { border: 1px solid #F2F2F2; padding: 5px 10px 5px 10px; }
table.nostripes td p { margin: 9px 0px; }
table.stripes th { border: 1px solid #F2F2F2; padding: 5px 10px; }
table.nostripes thead th { border: none; background: #FFFAFA; padding: 4px 10px; color: #696969; text-transform: none; font-family: 'Open Sans', sans-serif; font-size: 11px; }
table.nostripes tbody th, table.nostripes tbody td { text-align: left; vertical-align: center; font-size: 12px; font-weight: 400; }
table.nostripes tbody tr.odd { background-color: #FFFAFA; }
table.nostripes tbody tr.odd a, table.nostripes tbody tr a { }
table.nostripes tbody tr:hover, table.nostripes tbody tr.odd:hover { font-weight: 600; font-weight: bold; }
table.nostripes tbody tr:hover th, table.nostripes tbody tr.odd:hover th { background: #FFFFFF; font-weight: 700; }
table.nostripes tbody tr:hover td, table.nostripes tbody tr.odd:hover td { background: url(../images/grid_bg.png) repeat top center; }
table.nostripes tfoot th, table.nostripes tfoot td { border: none; padding: 4px 10px; background: #FFFFFF url(../images/grad-l1-trans.png) repeat; color: #000000; font-size: 1.1em; }
table.nostripes tfoot td { text-align: left; }

/* custom old buttons - predmeti */
a.de-button3 { margin-top: 3px; border-radius: 0px; border-color: transparent; color: #404040; line-height: 16px; padding: 4px 12px; float: left; vertical-align: baseline; }
a:hover.de-button3 { margin-top: 3px; border-radius: 3px;/*border: 1px solid #CC6633;  */ color: #FFFFFF; display: inline; line-height: 16px; list-style: none outside none; text-align: left; text-decoration: none; float: left; background: #c40b2d; }
a.de-button4 { margin-top: 3px; border-radius: 0px; border-color: transparent; color: #404040; line-height: 16px; padding: 4px 12px; float: left; vertical-align: baseline; }
a:hover.de-button4 { margin-top: 3px; border-radius: 3px;/*border: 1px solid #CC6633;  */ color: #FFFFFF; display: inline; line-height: 16px; list-style: none outside none; text-align: left; text-decoration: none; float: left; background: #c40b2d; }
a.de-button5 { margin-top: 3px; border-radius: 0px; border-color: transparent; color: #404040; line-height: 16px; padding: 4px 12px; float: left; vertical-align: baseline; }
a:hover.de-button5 { margin-top: 3px; border-radius: 3px;/*border: 1px solid #CC6633;  */ color: #FFFFFF; display: inline; line-height: 16px; list-style: none outside none; text-align: left; text-decoration: none; float: left; background: #c40b2d; }

/* Buttons */
.tm-button-arrow:before { font-family: 'Monday'; content: "\e600"; font-size: 11px; line-height: 15px; }
.btn-primary, .btn-info, .btn-inverse { background-color: #c40b2d; color: #ffffff; box-shadow: none; }
.btn-primary:hover, .btn-info:hover, .btn-inverse:hover { background-color: #231f20; color: #ffffff; box-shadow: none; }
.btn-primary:active, .btn-primary.active, .btn-info:active, .btn-info.active, .btn-inverse:active, .btn-inverse.active { background-color: #364b17; color: #ffffff; box-shadow: none; }

/* Readmore button */
.uk-button-readmore { -webkit-appearance: none; margin: 0; border: none; overflow: visible; font: inherit; color: #444; text-transform: uppercase; display: inline-block; box-sizing: border-box; background: #ffffff; vertical-align: middle; line-height: 20px; min-height: 20px; font-size: 10px; text-decoration: none; text-align: center; box-shadow: 0 1px 3px 0px rgba(160, 167, 169, 0.45); font-weight: 500; text-transform: uppercase; letter-spacing: 1px; padding: 4px 12px; float: right; border-radius: 3px; }
.uk-button-readmore:hover, .uk-button-readmore:focus { background: #c40b2d; color: #fff; text-decoration: none; cursor: pointer; }

/* de-button - vazno! nalazi se i u tabelama za studijski program */
.de-button { background: #c40b2d; border-radius: 3px; color: #ffffff; display: block; font-family: 'Lato', sans-serif; font-size: 10px; line-height: 20px; list-style: outside none none; margin: 0; padding: 3px 12px; text-align: center; text-decoration: none; text-shadow: none; vertical-align: middle; text-transform: uppercase; }
.de-button:hover, .de-table .de-button:focus, .de-table .de-button:active { background: #231f20; color: #fff; }

/* de-standard-button */
.de-standard-button { -webkit-appearance: none; background: #c40b2d; margin: 0; border: none; border-radius: 3px; box-shadow: none; font-weight: 500; color: #ffffff; display: inline-block; font-family: 'Lato', sans-serif; font-size: 10px; letter-spacing: 1px; line-height: 20px; min-height: 20px; list-style: outside none none; margin: 0; padding: 5px 15px; text-align: center; text-decoration: none; text-shadow: none; vertical-align: middle; text-transform: uppercase; }
.de-standard-button:hover, .de-standard-button:focus, .de-standard-button:active { background: #231f20; color: #fff; }

/* uk-button i uk-button-primary */
.uk-button { -webkit-appearance: none; margin: 0; border: none; overflow: visible; font: inherit; color: #62615f; text-transform: none; display: inline-block; box-sizing: border-box; background: #ffffff; vertical-align: middle; line-height: 20px; min-height: 20px; font-family: 'Lato', sans-serif; font-size: 10px; text-decoration: none; text-align: center; box-shadow: 0 1px 3px 0px rgba(160, 167, 169, 0.45); font-weight: 500; text-transform: uppercase; letter-spacing: 1px; padding: 5px 15px; border-radius: 3px; transform: none; }
.uk-button-primary { background-color: #c40b2d; box-shadow: none; color: #ffffff; }
.uk-button-primary:hover, .uk-button-primary:focus { background-color: #231f20; box-shadow: none; color: #ffffff; }
.uk-button-primary:active, .uk-button-primary.uk-active { background-color: #c40b2d; box-shadow: none; color: #ffffff; }

/* uk button mini */
.uk-button-mini { min-height: 14px; padding: 0 8px; line-height: 18px; font-size: 8px; margin: 0 5px; }

/* Drustvene mreze */
.uk-icon-button { box-sizing: border-box; display: inline-block; width: 35px; height: 35px; border-radius: 0; background: rgba(0, 0, 0, 0); line-height: 35px; color: #575757; font-size: 15px; text-align: center; border: 1px solid #575757; border-radius: 2px; }
.uk-icon-button:hover, .uk-icon-button:focus { background-color: rgb(172, 15, 15); color: #fff; outline: none; border-color: #c10000; }

/* de-table */
.de-table { border: 1px solid #f5f5f5; }
.de-table thead th { background: #c40b2d; color: #fff; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; padding: 0; }
.de-table tbody th { background: #c40b2d; color: #fff; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; padding: 0; }
.de-table tbody tr { border-bottom: 1px solid #f5f5f5; padding: 0px 10px; }
.de-table td { padding: 8px; line-height: 22px; text-align: left; vertical-align: top; border-top: 1px solid #f5f5f5; }
.de-table td { font-size: 12px; vertical-align: middle; text-transform: uppercase; }
.de-table p { margin: 0 }

/* variacija de-table */
.de-table.header th, .naucni-rad .de-table.header td { padding: 8px 16px; }

/* stackable table */
.de-table td.st-key { display: none; } 
.de-table td.st-val { width: 100%; } 

/* de-studije modul */
.de-studije { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; }
.de-studije h3 { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 20px; text-transform: uppercase; }

/* sidebar module de-brosura */
.de-brosura p { text-align: center; font-size: 13px; line-height: 18px; }

/* ========================================================================
   Pages
 ========================================================================== */

/* General content */
.tm-content .uk-h3 { font-size: 22px; line-height: 22px; text-transform: uppercase; }
.tm-isblog .tm-article.tm-article-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; }
.tm-article.tm-article-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; }
.uk-article-title { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 20px; text-transform: uppercase; }
.tm-article.tm-article-box .line1 { float: left; width: 100%; padding-top: 30px; margin-bottom: 30px; background: url(../images/h-line5.png) no-repeat center bottom; text-align: center; }

/* Alumni kalendar stranica */
.tm-isblog.alumni-kalendar .tm-article.tm-article-box { background: transparent; padding: 0px; border-radius: 0; box-shadow: none; }
.nobosscalendar--model1 { border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); }

.cbPoweredBy {display: none;}

/* Naslovna */
.naslovna .middle-wrap { padding-top: 60px; padding-bottom: 0; }
.naslovna .tm-main-top .uk-panel h3.uk-h3 { font-size: 20px; line-height: 25px; text-transform: uppercase; }
.naslovna h3.uk-panel-title { font-size: 15px; font-weight: normal; line-height: 21px; margin-bottom: 20px; margin-top: 0; text-transform: uppercase; }
.naslovna .de-slideshow .tm-slideshow-panel-monday .uk-panel-body { padding: 30px; font-size: 14px; }

/* de-news modul */
.naslovna .de-news { padding: 0 0 30px; }
.naslovna .de-news .uk-panel-box { padding: 25px; background: #ffffff; color: #62615f; overflow: hidden; background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); }
.naslovna .de-news .uk-overlay-scale { transition-duration: 0.3s; transition-timing-function: ease-out; transition-property: opacity, transform, filter; object-fit: cover; height: 160px; }

/* de-novosti modul */
.naslovna .de-novosti .uk-panel-box { padding: 25px; background: #ffffff; color: #62615f; overflow: hidden; background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); }
.naslovna .de-novosti .uk-overlay-scale { transition-duration: 0.3s; transition-timing-function: ease-out; transition-property: opacity, transform, filter; object-fit: cover; height: 140px; }
.naslovna .de-novosti h3.uk-panel-title { padding: 0; margin: 0; font-size: 15px; line-height: 21px; text-transform: uppercase; color: #62615f; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 42px; }
.naslovna .de-novosti .uk-panel-box .uk-button.uk-button-primary { margin: 30px 0 0; }

/* de-novosti-vsj moduli */
.naslovna .de-novosti-vsj .uk-panel-box { padding: 25px; background: #ffffff; color: #62615f; overflow: hidden; background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); }
.naslovna .de-novosti-vsj .uk-overlay-scale { transition-duration: 0.3s; transition-timing-function: ease-out; transition-property: opacity, transform, filter; object-fit: cover; height: 160px; }
.naslovna .de-novosti-vsj h3.uk-panel-title { padding: 0; margin: 0; font-size: 15px; line-height: 21px; text-transform: uppercase; color: #62615f; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 63px; }

/* sidebar moduli */
.naslovna .uk-badge { display: inline-block; padding: 0 0; background: rgba(0, 0, 0, 0); font-size: 10px; font-weight: 400; line-height: 15px; color: #5b7e26; text-align: center; vertical-align: middle; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 0; text-align: left; }
.naslovna .de-link p { font-size: 12px; line-height: 15px; margin-bottom: 0;}
.naslovna .de-link .uk-width-medium-7-10 { width: 70%; padding-left: 25px; }
.naslovna .de-link .uk-panel-box-hover:hover { color: #9c1519; }

/* video galerija */
.naslovna .igallery_title { font-size: 15px; text-transform: uppercase; }

/* bottom-a moduli */
.naslovna .tm-bottom-a h3.uk-panel-title { font-size: 18px; font-weight: normal; line-height: 24px; margin-bottom: 5px; margin-top: 0; text-transform: uppercase; }

/* Pretraga */
.pretraga .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; }
.pretraga p { text-align: justify; }
.pretraga .de-h5 { line-height: 20px; }
.pretraga .de-small { font-size: 14px; }
.pretraga .uk-badge-info { padding: 0 5px; background: #c40b2d; font-size: 12px; font-weight: 700; line-height: 22px; color: #fff; text-align: center; vertical-align: top; text-transform: uppercase; letter-spacing: 1px; }

/* Bibliotecki fond */
/*.biblioteka .tm-article.tm-article-box .top-box { margin-top: 0px; background: transparent url("../images/article-top.png") no-repeat right top; height: 50px; margin: -50px 0 5px; }*/
.biblioteka .tm-article.tm-article-box h5 { font-size: 14px; line-height: 21px; text-transform: uppercase; margin-top: 0; margin-bottom: 25px; border-bottom: 1px solid #eee; padding-bottom: 5px; }
.biblioteka p { text-align: justify; }
.biblioteka .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 260px; }

/* Biblioteka sidebar info modul */
.biblioteka .de-info { background-color: #a5241a; color: #fff; text-align: center; padding: 25px 20px 35px; }
.biblioteka .de-info .uk-panel-title { color: #fff; text-align: center; }
.biblioteka .de-info h3 { border-bottom: 1px solid rgba(255, 255, 255, 0.35); font-size: 18px; line-height: normal; margin: 0 0 20px; padding-bottom: 15px; }
.biblioteka .de-info p { margin: 25px 5px 0; text-align: center; }
.biblioteka .de-info a { color: #fff; text-align: center; }
.biblioteka .de-info a:hover { color: #f7cfcf; }

/* Bibliotecki fond - tabela fonda */
.biblioteka .de-biblio-table { width: 100%; font-size: 15px; }
.biblioteka table thead tr td div { border-bottom: 2px solid #eee; font-size: 20px; font-weight: normal; margin-bottom: 20px; text-align: left; padding: 0 20px 10px; }
.biblioteka table tr td p { text-align: left; }
.biblioteka table tr td:nth-child(1) { vertical-align: top; padding-right: 5px; width: 50px; }
.biblioteka table tr td:nth-child(1) p { text-align: right; }
.biblioteka table tr td:nth-child(1) p span { font-weight: bolder; }
.biblioteka table tr td:nth-child(1) p span::after { content: "."; }
.biblioteka table tr td:nth-child(2) p span:nth-child(1) { font-weight: bolder; font-size: 15px; color: #a00826; display: inline-block; padding: 0 0 5px; text-transform: uppercase; }
.biblioteka table tr td:nth-child(2) p span:nth-child(3) { display: inline-block; }
.biblioteka table tr td:nth-child(2) p span:nth-child(5) { margin-right: 3px; }
.biblioteka table tr td:nth-child(2) p span:nth-child(5)::after { content: "." }
.biblioteka table tr td:nth-child(2) p span:nth-child(7)::after { content: "." }
.biblioteka table tr td:nth-child(2) p span:nth-child(9)::after { content: "." }
.biblioteka table tr td:nth-child(2) p span:nth-child(11)::after { content: "." }

/* O nama */
.onama .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; }
.onama p { text-align: justify; }
.onama .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 260px; }
.onama .intro-article .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 260px; }

/* Autori */
.de-pravni-autor { font-family: "Roboto", "Arial", sans-serif; color: #666666; font-size: 22px; font-weight: 400; line-height: 1.6; text-align: right; padding-top: 10px; }
.de-pravni-autor-info { color: #666666; font-size: 13px; font-weight: 500; line-height: 1.6; text-align: right; font-style: italic; }

/* Nastavno osoblje + organi upravljanja */
.prof .uk-article-title { font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 10px; text-transform: uppercase; }
.prof .uk-h3 { font-size: 22px; line-height: 22px; text-transform: uppercase; }
.prof .uk-grid-width-large-1-2 > .uk-row-first { width: 40%; }
.prof .uk-grid-width-large-1-2 > .tm-article-container { width: 60%; }
.prof article { border-top: 3px solid #b4111a; }
.prof .tm-article.tm-article-box .uk-row-first .tm-article-image { margin-right: 30px; margin-bottom: -30px; }
.prof .tm-article.tm-article-box .tm-article-image { margin-top: -30px; margin-left: -30px; margin-right: 30px; }
.prof .tm-article.tm-article-box { background: #ffffff none repeat scroll 0 0; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 30px; max-width: 470px; }

/* Profesori slike */
.profesori-slike .img-border { border: 1px solid #efece1; margin: 0 20px 20px 0; padding: 10px; width: 130px; }
.profesori .info { font-size: 15px; line-height: 20px; margin-top: 15px; }
.profesori .kontakt { font-size: 13px; line-height: 18px; }
.profesori .kontakt a { color: #c40b2d; }
.profesori .kontakt a:hover { color: #231f20; }
.profesori .bio { margin-top: 15px; display: inline; }
.profesori .bio .de-button { background: #c40b2d; border-radius: 2px; color: #ffffff; display: inline; font-family: 'Roboto Condensed', sans-serif; font-size: 10px; line-height: normal; list-style: outside none none; margin: 0 2px 2px 0; padding: 7px 17px; text-align: center; text-decoration: none; text-shadow: 0 0 0 rgba(0, 0, 0, 0); min-width: 65px; }
.profesori .bio .de-button:hover { background: #231f20; color: #ffffff; }

/* Studije */
.studije .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; }
.studije p { text-align: justify; }

/* Table - studije */
.studije .de-table { border: 1px solid #f5f5f5; }
.studije .table th { border-top: 1px solid #f5f5f5; }
.studije .de-table thead th { background: #c40b2d; border-top: 1px solid #f5f5f5; color: #fff; font-size: 11px; font-weight: 400; letter-spacing: 0; text-transform: uppercase; padding: 8px; text-align: left; }
.studije .de-table tbody th { background: transparent; color: #231f20; font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: uppercase; padding: 10px; }
.studije .de-table tbody tr { border-bottom: 1px solid #f5f5f5; padding: 0px 10px; }
.studije .de-table td { padding: 8px; line-height: 22px; text-align: left; border-top: 1px solid #f5f5f5; font-size: 12px; vertical-align: middle; text-transform: uppercase; }
.studije .de-table td { }
.studije .de-table td:nth-child(1) { }
.studije .de-table p { margin: 0 }
.studije .de-table .de-button { background: #c40b2d; border-radius: 3px; color: #ffffff; display: block; font-family: 'Lato', sans-serif; font-size: 10px; line-height: 20px; list-style: outside none none; margin: 0; padding: 3px 12px; text-align: center; text-decoration: none; text-shadow: none; vertical-align: middle; text-transform: uppercase; }
.studije .de-button:hover, .studije .de-table .de-button:focus, .studije .de-table .de-button:active { background: #231f20; color: #fff; }
.studije .de-table .de-button:hover, .studije .de-table .de-button:focus, .
.studije .de-table .de-button:active { background: #231f20; color: #fff; }

/* stackable studije table */
.studije .de-table td.st-key { display: block; } 
.studije .de-table td.st-val { width: 75%; } 

/* Studenti */
.studenti .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; }
.studenti p { text-align: justify; }
.studenti .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 260px; }
.studenti .studenti-panel .uk-panel { background: #c40b2d; color: #fff; margin: 15px 0; }
.studenti .studenti-panel .uk-panel .uk-margin { margin-right: 55px; }

/* Upis */
.upis .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; }
.upis p { text-align: justify; }
.upis .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 260px; }
.upis .upis-panel .uk-panel { background: #c40b2d; color: #fff; margin: 15px 0; }
.upis .upis-panel .uk-panel .uk-margin { margin-right: 55px; }

/* Razvoj karijere */
.razvoj .tm-title { font-size: 22px; line-height: 22px; text-transform: uppercase; margin-bottom: 30px; }
.razvoj .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; }
.razvoj p { text-align: justify; }

/* Razvoj karijere - kursevi */
.razvoj .de-prof-grid { margin-top: 30px; }
.razvoj .de-prof-grid-old .profesori { border: 2px solid #f2f2f2; margin: 0 0 25px; padding: 25px; }
.razvoj .profesori .uk-panel-title { margin-top: 10px; margin-bottom: 0; font-size: 15px; line-height: 21px; font-weight: 400; text-transform: uppercase; color: #474538; text-align: left; }
.razvoj .profesori .info { font-size: 14px; line-height: 20px; margin-top: 10px; }
.razvoj .de-form h3 { font-size: 20px; line-height: 26px; text-transform: uppercase; }

/* Naucni i strucni rad */
.naucni-rad .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; }
.naucni-rad p { text-align: justify; }
.naucni-rad .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 260px; }

/* Medjunarodna saradnja */
.saradnja .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; }
.saradnja p { text-align: justify; }
/*.saradnja .tm-article.tm-article-box .top-box { margin-top: 0px; background: transparent url("../images/article-top.png") no-repeat right top; height: 50px; margin: -50px 0 10px; }
.saradnja .intro-article .tm-article.tm-article-box .top-box { margin-top: 0px; background: transparent url("../images/article-top.png") no-repeat center top; height: 50px; margin: -50px 10px 10px; }*/
.saradnja .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 260px; }

/* Table - saradnja Erazmus with th header */
.saradnja .de-table { border: 1px solid #f5f5f5; }
.saradnja .table th { border-top: 1px solid #f5f5f5; }
.saradnja.konkursi .de-table thead th { background: #c40b2d; border-top: 1px solid #f5f5f5; color: #fff; font-size: 11px; font-weight: 400; letter-spacing: 0; text-transform: uppercase; padding: 8px; text-align: left; }

/* Erazmus header */
.saradnja.konkursi.erazmus .uk-article { background: #fff url("../images/memorandum.png") no-repeat top center; padding-top: 130px; }


/* Kancelarije */
.kancelarije .tm-article.tm-article-box h5 { font-size: 14px; line-height: 21px; text-transform: uppercase; }
.kancelarije p { text-align: justify; }
/*.kancelarije .tm-article.tm-article-box .top-box { margin-top: 0px; background: transparent url("../images/article-top.png") no-repeat right top; height: 50px; margin: -50px 0 5px; }*/
.kancelarije .img-border { border: 0 none transparent; padding: 10px; margin: 0; width: 100%; }
.kancelarije .uk-panel.de-info { border: 1px solid #eee; color: #515050; background: #fff; }
.kancelarije .uk-panel.de-info p { padding: 0 15px 15px; }
.kancelarije .de-info.uk-panel-header .uk-panel-title { padding: 8px 15px; border-bottom: 1px solid rgb(183, 183, 183); color: #fff; background: #a00826; }

/* Stipendija */
.stipendija h3 { font-size: 26px; line-height: 34px; text-transform: uppercase; }
.stipendija .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; }
.stipendija p { text-align: justify; }

/* de-tabs stipendija */
.de-tabs img { border: none; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); }
.de-tabs .uk-subnav { display: block; margin: 0 20px; padding: 0; list-style: none; }
.de-tabs .uk-subnav li { display: block; width: 33%; margin: 0; }
.de-tabs .uk-subnav > * > * { display: block; color: #62615f; border: 1px solid #eee; padding: 10px 25px; }
.de-tabs .uk-subnav a { font-size: 14px; text-transform: uppercase; padding: 15px 30px; text-align: center; }
.de-tabs .uk-subnav > .uk-active > * { background: #a00826; color: #fff; border: 1px solid #570515; }
.de-logosi { padding: 0 20px; }

/* tab variation for studije */
.studije .de-tabs .uk-subnav { display: block; margin: 0 0 20px; padding: 0; list-style: none; }
.studije .de-tabs .uk-subnav li { display: block; width: 50%; margin: 0; }

/* Pretprijava */
.pretprijava .middle-wrap { padding-top: 50px; padding-bottom: 50px; }
.pretprijava .tm-article.tm-article-box { background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 0; }
.pretprijava .de-border { border: 1px solid #f4ecec; }

/* Alumni */
.alumni .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; }
.alumni p { text-align: justify; }

/* Form data tables */
.datatable .visforms.visforms-data { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; }
.datatable h1 { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 20px; text-transform: uppercase; margin-top: 0 !important; }
.datatable .de-table thead th { color: #fff; font-size: 11px; font-weight: 400; letter-spacing: 0px; text-transform: uppercase; padding: 10px 5px; line-height: 14px; }
.datatable .de-table thead a { color: #fff; text-decoration: none; cursor: pointer; }
.datatable .de-table tbody td { color: #62615f; text-decoration: none; cursor: pointer; font-size: 13px; text-transform: none; }
.datatable .de-table tbody a { color: #62615f; text-decoration: none; cursor: pointer; font-size: 13px; text-transform: none; }
.datatable .de-table td.st-key { display: table-cell; }


/* Intro article / dve kolone */
.intro-article .uk-article-title { font-size: 18px; font-weight: 400; line-height: 23px; margin-bottom: 10px; text-transform: uppercase; }

/* Widgetkit variations */
.de-h5 { line-height: 20px; }
.de-small { font-size: 14px; }
.de-color { color: #c40b2d; }
.de-color:hover i:before, .de-color:focus { color: #231f20; }
.uk-panel-box-hover:hover i:before, .uk-panel-box-hover:focus i:before { color: #231f20; }

/* Galerije */
.galerije .ig-main-scope-wrapper { }
.galerije .ig-menu-grid-item { background: #ffffff none repeat scroll 0 0; border-radius: 0; box-shadow: 0 2px 5px 2px rgba(160, 167, 169, 0.75); padding: 0; }
.galerije .ig-main-scope-wrapper h3.igallery_title { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 20px; text-transform: uppercase; }
.galerije .itemFullText h3 { margin: 20px 0; padding: 16px 0 4px 0; font-size: 22px; font-weight: 400; line-height: 28px; text-transform: uppercase; }

/* galerije slika */
.galerije .ig-thumbs-grid-block { background: #ffffff none repeat scroll 0 0; border-radius: 0; box-shadow: 0 2px 5px 2px rgba(160, 167, 169, 0.75); padding: 0; }
.galerije .ig-menu-grid-text { padding: 25px; }
.galerije .ig-menu-grid-text h6 { padding: 0; margin: 0; font-size: 15px; line-height: 21px; text-transform: uppercase; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 63px; }

/* video galerije */
.galerije .ig-thumb-text { padding: 25px; margin: 0; font-size: 15px; line-height: 21px; text-transform: uppercase; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 63px; }
.galerije .ig-lightbox-descriptions { padding: 0px; text-transform: uppercase; }

/* play icon za video galerije */
.galerije .ig-grid-play-icon { color: #eee; }

/* privremeno */
.galerije .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; }
.galerije p { text-align: justify; }
.galerije .img-border { border: 1px solid #efece1; margin: 0; padding: 9px; width: 100%; }
.galerije .uk-panel-header { background: #ffffff none repeat scroll 0 0; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); color: #62615f; margin: 0; overflow: hidden; padding: 0; }
.galerije div.student-info3 { display: none; }

/* ========================================================================
   Novosti i obavestenja
 ========================================================================== */

/* k2 */
.novosti .componentheading.novosti { font-size: 28px; line-height: 38px; text-transform: uppercase; margin-bottom: 30px; }
.novosti div.itemListCategory { background: transparent; border: 0px none transparent; border-radius: 0; margin: 0; padding: 0; }
.novosti h2 { font-size: 22px; line-height: 28px; text-transform: uppercase; margin-bottom: 20px;}
.novosti .itemContainerLast { }

/* list leading - 1 column */
.novosti .catItemView.groupLeading.novosti { background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; margin-bottom: 30px; }
.novosti .groupLeading .itemContainerLast { }

/* list primary - 2 columns */
.novosti div#itemListPrimary { }
.novosti .catItemView.groupPrimary.novosti { background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 40px 50px; margin-bottom: 30px; }
.novosti .itemListPrimary .itemContainerLast { max-width: 470px; }

/* full k2 */
.novosti div.catItemBody { padding: 0; margin: 0; }
.novosti div.catItemHeader { min-height: 70px; display: inline-block; }
.novosti div.catItemHeader h3.catItemTitle { padding: 0; margin: 0; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #444; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 45px; }
.novosti div.catItemHeader h3.catItemTitle a { color: #444; }
.novosti div.catItemHeader h3.catItemTitle a:hover { color: #a00826; }
.novosti div.catItemImageBlock { padding: 8px 0 0; margin: 0; float: none; }
.novosti span.catItemImage img { width: 100%; height: auto; padding: 10px; border: 1px solid #ddd; max-width: 100%; object-fit: cover; height: 205px; vertical-align: middle; }
.novosti div.catItemIntroText { font-size: inherit; font-weight: normal; line-height: inherit; padding: 15px 0 12px 0; text-align: justify; }
.novosti .tm-button-arrow::before { font-family: 'Monday'; content: "\e600"; font-size: 11px; line-height: 15px; }
.novosti .uk-button-mini { min-height: 15px; padding: 2px 5px; line-height: 12px; font-size: 9px; text-transform: uppercase; display: inline-block; box-shadow: none; background: #fff; border: 1px solid #eee; font-weight: 500; margin: 0; letter-spacing: 0.3px; border-radius: 3px; }
.novosti .uk-button-mini:hover { background: #62615f; color: #fff; border: 1px solid #62615f; border-radius: 3px; }
.novosti .uk-button-mini.date { min-height: 15px; padding: 2px 5px; line-height: 12px; font-size: 9px; text-transform: uppercase; display: inline-block; box-shadow: none; background: #fff; border: 1px solid #eee; font-weight: 500; margin: 0; letter-spacing: 0.3px; border-radius: 3px; }
.novosti .uk-button-mini.date:hover { background: #fff; color: #62615f; font-size: 9px; border: 1px solid #eee; border-radius: 3px; }

/* VSJ category k2 view */
.novosti.vsj .catItemIntroText { padding: 0; margin: 15px 0; font-size: 15px; line-height: 21px; text-transform: none; color: #62615f; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; min-height: 84px; max-height: 84px; }

/* k2 item */
.novosti #k2Container.itemView.novosti { background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; margin-bottom: 30px; }
.novosti div.itemHeader h2.itemTitle { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 0; text-transform: uppercase; }
.novosti div.itemHeader span.itemDateCreated { color: #62615f; font-size: 9px; border: 1px solid #eee; border-radius: 3px; }
.novosti div.itemHeader span.itemDateCreated:hover { background: #fff; color: #62615f; font-size: 9px; border: 1px solid #eee; border-radius: 3px; }
.novosti span.itemImage img { width: 100%; height: auto; padding: 20px; border: 1px solid #ddd; }
.novosti div.itemIntroText { color: #444; font-size: 15px; font-weight: normal; line-height: 21px; padding: 4px 0 12px 0; text-align: justify; }
.novosti div.itemFullText { color: #444; font-size: 15px; font-weight: normal; line-height: 21px; padding: 0; text-align: justify; }
.novosti .img-border img { border: 1px solid #efece1; padding: 10px; margin: 20px 25px 12px 0px; width: 260px; }
.novosti .img-border .uk-thumbnail-caption { padding: 0 10px; margin: 0 0 22px 0; width: 260px; }

/* Extra fiels group */
.novosti .itemExtraFields h3 { font-size: 16px; line-height: 22px; text-transform: uppercase; }
.novosti .aliasEksternilink { padding: 8px 24px; border: 1px solid #d2d2d2; }
.novosti .aliasEksternilink .itemExtraFieldsLabel { display: block; float: left; font-weight: 500; margin: 0 4px 0 0; width: 115px; font-size: 13px; }
.novosti .aliasEksternilink .itemExtraFieldsValue a {font-weight: bold; font-size: 13px; }

/* Attachment block */
.novosti .itemLinks { margin: 5px 0; padding: 0; }
.novosti .itemAttachmentsBlock { padding: 8px 24px; border: 1px solid #d2d2d2; }
.novosti .itemAttachmentsBlock span { font-weight: 500; color: #555; padding: 0 4px 0 0; font-size: 13px;}
.novosti .itemAttachmentsBlock ul.itemAttachments li a {font-weight: bold; font-size: 13px;}
.novosti .itemAttachmentsBlock ul.itemAttachments li a:hover { }
.novosti .itemAttachmentsBlock ul.itemAttachments li span { font-size: 10px; color: #999; font-weight: normal; }

/* Attachment block u Saradnja */
.saradnja .itemLinks { margin: 5px 0; padding: 0; }
.saradnja .itemAttachmentsBlock { padding: 8px 24px; border: 1px solid #d2d2d2; }
.saradnja .itemAttachmentsBlock span { font-weight: 500; color: #555; padding: 0 4px 0 0; font-size: 13px;}
.saradnja .itemAttachmentsBlock ul.itemAttachments li a {font-weight: bold; font-size: 13px;}
.saradnja .itemAttachmentsBlock ul.itemAttachments li a:hover { }
.saradnja .itemAttachmentsBlock ul.itemAttachments li span { font-size: 10px; color: #999; font-weight: normal; }

/* iGallery title for gallery in k2 */
.novosti .ig-main-scope-wrapper h3.igallery_title { font-size: 18px; font-weight: 400; line-height: 23px; margin-bottom: 20px; text-transform: uppercase; }

/* Video plugin u k2 */
.novosti .itemVideoBlock { margin: 10px 0 16px 0; padding: 8px 24px 22px; background: #fff; color: #eee; border: 1px solid #d2d2d2; }
.novosti .itemVideoBlock h3 { font-size: 16px; line-height: 22px; text-transform: uppercase; margin-top: 5px; }

/* Novosti - kursevi */
.novosti .de-prof-grid { margin-top: 30px; }
.novosti .de-prof-grid-old .profesori { border: 2px solid #f2f2f2; margin: 0 0 25px; padding: 25px; }
.novosti .profesori .uk-panel-title { margin-top: 15px; margin-bottom: 0; font-size: 15px; line-height: 21px; font-weight: 400; text-transform: uppercase; color: #474538; text-align: left; }
.novosti .profesori .info { font-size: 15px; line-height: 20px; margin-top: 0; }

/* Casopis - k2 item - privremeno */
.casopis div.itemListCategory { background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; margin-bottom: 30px; }
.casopis div#itemListLinks { background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; margin-bottom: 30px; }
.casopis div.itemListCategory h2 { font-size: 28px; font-weight: 400; line-height: 36px; margin-bottom: 20px; text-transform: uppercase; }
.casopis div.catItemHeader h3.catItemTitle { padding: 5px 0 5px; margin: 0; font-size: 13px; line-height: 24px; border-bottom: 1px solid #ddd; text-transform: uppercase; font-weight: 500; font-family: 'Roboto', sans-serif; }
.casopis #k2Container.itemView.casopis { background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; margin-bottom: 30px; }
.casopis div.itemHeader h2.itemTitle { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 0; text-transform: uppercase; }
.casopis div.itemIntroText { color: #444; font-size: 15px; line-height: 21px; padding: 0; text-align: justify; }
.casopis div.itemFullText { color: #444; font-size: 15px; line-height: 21px; padding: 0; text-align: justify; }
.casopis #k2Container.itemView h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; text-align: left; }
.casopis .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 170px; }
.casopis div.de-itemFullText { margin-top: 0; text-align: justify; width: 520px; }

/* ========================================================================
   Forme, paginacija i specijalni moduli
 ========================================================================== */

 /* Kontakt component */
.kontakt.visforms { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 40px 50px; }
.kontakt.visforms h1 { font-size: 22px; line-height: 28px; text-transform: uppercase; margin-top: 0px; margin-bottom: 20px; text-align: center; }
.kontakt .de-form h3 { font-size: 20px; line-height: 26px; text-transform: uppercase; }
.kontakt p { text-align: justify; }
.kontakt .uk-alert { margin-bottom: 0; padding: 15px 25px; background: #ffffff; color: #62615f; }
.kontakt .uk-alert.de-alert { margin-bottom: 15px; padding: 25px; background: #f9f9f9; color: #62615f; margin-top: -25px; border: 1px solid #eee; }
.kontakt .uk-alert.de-alert-normal { margin-bottom: 0; padding: 25px; background: #f9f9f9; color: #62615f; margin-top: -5px; border: 1px solid #eee; }
.kontakt i { width: 30px; }

 /* Result page de-form */
.kontakt .tm-article.tm-article-box h3 { font-size: 22px; line-height: 28px; text-transform: uppercase; }
.kontakt .tm-article.tm-article-box h5 { font-size: 15px; line-height: 21px; text-transform: uppercase; }

/* de-form */
.razvoj .uk-panel-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 40px 50px; }
.kontakt .uk-panel-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 40px 50px; }
.kontakt.alumni .uk-panel-box.de-meni { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 30px; }
.de-form input[type="text"] { }
.de-form input[type="text"], .de-form input[type="email"], .de-form input[type="number"], .de-form input[type="select"], .de-form textarea { background: #f9f9f9; border: 1px solid #eee; border-radius: 0; box-shadow: none; color: #555; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: inherit; letter-spacing: 0; line-height: 21px; position: relative; padding-left: 10px; text-transform: none; width: 100%; margin-bottom: 15px; }
.de-form input:focus:invalid:focus, .de-form textarea:focus:invalid:focus { background: #fff; border: 0px none transparent; border-bottom: 2px solid #e9322d; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.de-form textarea { height: 170px; width: 98%; }
.de-form .field45 .label, .de-form .field59 .label { display: none; }
.de-form .field45 .select, .de-form .field55 .select, .de-form .field56 .select, .de-form .field57 .select, .de-form .field65 .select, .de-form .field69 .select, .de-form .field70 .select { width: 100%; background: #f9f9f9; border: 1px solid #eee; border-radius: 0; box-shadow: none; color: #555; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: inherit; letter-spacing: 0; line-height: 21px; position: relative; padding-left: 10px; text-transform: none; width: 100%; margin-bottom: 15px; }
.de-form .field59 .upload { width: 100%; background: #f9f9f9; border: 1px solid #eee; border-radius: 0; box-shadow: none; color: #555; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: inherit; letter-spacing: 0; line-height: 21px; position: relative; padding: 3px 10px; text-transform: none; width: 100%; margin-bottom: 15px; }
.de-form .field55 .label, .de-form .field56 .label, .de-form .field57 .label, .de-form .field65 .label, .de-form .field68 .label, .de-form .field69 .label, .de-form .field70 .label, .de-form .field71 .label, .de-form .field75 .label, .de-form .field76 .label, .de-form .field62 .label { display: block; color: #62615f; font-size: 14px; letter-spacing: 0px; margin-left: 0px; text-transform: uppercase; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; }
.de-form .field75 .label, .de-form .field76 .label { margin-top: 20px; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; }
.de-form .form-actions { padding: 15px 0 20px; margin: 0; }
.de-form .form-actions input[type="submit"] { width: 100%; }
.de-form .form-actions .uk-button-primary { padding: 10px 25px; font-size: 12px; }
.de-form .input-append, .de-form .input-prepend { display: inline-block; margin-bottom: 0px; vertical-align: middle; font-size: 0; white-space: nowrap; width: 90%; }
.de-form .field-calendar .btn { border: 1px solid #eee; text-shadow: none; line-height: 24px; background: #ffffff; color: #62615f; box-shadow: none; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; }
.de-form .span12.field78 { margin-top: 20px; }

/* Error info de-form */
.de-form#mod-visform2 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.de-form#mod-visform4 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.de-form#mod-visform5 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.de-form#mod-visform6 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.de-form#mod-visform7 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.de-form#mod-visform8 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.de-form#mod-visform9 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.de-form#visform10 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.de-form#mod-visform11 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.de-form#visform12 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.visform.de-form:not(.bt4mcindividual):not(.uikit3):not(.uikit2) label.error { font-size: 12px; color: #fff; padding: 10px; background-color: #c40b2d; border-radius: 5px; display: inline-block !important; max-width: 100%; margin: 0 0 20px; }
.de-form .captchacode { max-width: 80%; }
.de-form .captcharefresh4, 
.de-form .captcharefresh2,
.de-form .captcharefresh5,
.de-form .captcharefresh6,
.de-form .captcharefresh7,
.de-form .captcharefresh8 { width: 20px; height: 20px; }

/* email-form */
.email-form .form-horizontal .control-group { float: left; display: inline-block; }
.email-form .form-horizontal .control-group.field1.required { float: left; display: inline-block; }
.email-form .form-horizontal .control-label { float: none; width: 0; padding-top: 0; text-align: none; display: none; }
.email-form .form-horizontal .controls { display: inline-block; padding-right: 10px; margin-left: 0; width: 260px; }
.email-form .form-horizontal input.email { display: inline; padding: 4px 12px; width: 100%; color: #ffffff; background-color: #9c9597; border: 1px solid #706d6e; border-radius: 0; font-size: 11px; height: 22px; border-radius: 0px; box-shadow: none; }
.email-form .form-horizontal input[type="email"]:focus { color: #555; box-shadow: none; border-color: transparent; outline: 0; background: rgba(0, 0, 0, 0); box-shadow: 0 2px 0 0 #62615f; }
.email-form .form-horizontal .uk-button.uk-button-primary { float: none; }
.email-form .form-horizontal .form-actions { padding-left: 0; display: inline; padding: 0; padding-left: 0; margin-top: 0; margin-bottom: 0; background-color: #ffffff; border-top: 0px none transparent; }

/* Error info email-form */
.email-form .form-horizontal:not(.bt4mcindividual):not(.uikit3):not(.uikit2) p.errorcontainer { padding-top: 0; margin-top: 0; margin-bottom: 0; position: absolute; width: 100%; }
.email-form .form-horizontal:not(.bt4mcindividual):not(.uikit3):not(.uikit2) label.error { font-size: 11px; color: #555; padding: 4px 8px; background-color: #fff; border-radius: 0; display: inline-block !important; max-width: 260px; margin: 40px 0 0; position: absolute; }
.email-form .form-horizontal:not(.bt4mcindividual):not(.uikit3):not(.uikit2) p.errorcontainer::after { width: 0; height: 0; display: none; }

/* Pagination gallery */
.ig-thumb-pagination { width: 100% }
.pagination ul { display: inline-block; *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; list-style: none; text-align: center; font-size: 14px; margin: 0; }
.pagination ul > li { display: inline-block; }
.pagination ul > li > a, .pagination ul > li > span { float: left; line-height: 22px; text-decoration: none; background-color: #ffffff; border: none; border-left-width: 0; background: #fff; color: #444; font-size: 14px; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 4px 12px; margin: 0 2px; }
.pagination ul > li > span { background: #c40b2d; border: none; color: #fff; font-size: 14px; box-shadow: 0 2px 5px 0 rgba(74, 74, 74, 0.3); margin: 0 2px; }
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a { background-color: #231f20; color: #fff; box-shadow: 0 2px 5px 0 rgba(74, 74, 74, 0.3); }


/* Pagination category */
.uk-pagination { padding: 0; list-style: none; text-align: center; font-size: 14px; margin: 25px 0; }
.uk-pagination > li > a { background: #fff; color: #444; font-size: 14px; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 4px 12px; }
.uk-pagination > li > span { background: #fff; color: #444; font-size: 14px; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 4px 12px; }
.uk-pagination > li > a:hover, .uk-pagination > li > a:focus { background-color: #231f20; color: #fff; box-shadow: 0 2px 5px 0 rgba(74, 74, 74, 0.3); }
.uk-pagination > .uk-active > span { background: #c40b2d; color: #fff; font-size: 14px; box-shadow: 0 2px 5px 0 rgba(74, 74, 74, 0.3); }

/* Pagination page */
.de-page-nav .uk-pagination { padding: 0; list-style: none; text-align: center; margin: 25px 0 0; }
.de-page-nav .uk-pagination > li > a { background: #efeff1; color: #353535; font-size: 20px; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 6px 18px; }
.de-page-nav .uk-pagination > li > a:hover, .de-page-nav .uk-pagination > li > a:focus { background-color: #c40b2d; color: #fff; box-shadow: 0 2px 5px 0 rgba(74, 74, 74, 0.3); }

/* Pagination k2 */
div.k2Pagination { padding: 8px; margin: 24px 0 4px 0; text-align: center; }
div.k2Pagination ul { text-align: center; padding-left: 0px; margin-bottom: 0; }
div.k2Pagination ul li { display: inline-block; margin: 0; padding: 0; }
div.k2Pagination ul li a { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 0;  font-size: 14px; display: inline-block; margin: 0 1px; padding: 4px 12px; text-decoration: none; vertical-align: middle; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); }
div.k2Pagination ul li a:hover { background: #fafafa; cursor: pointer; }
div.k2Pagination ul li.active a { background: #fafafa; }
div.k2Pagination ul li a span { vertical-align: middle; }
div.k2Pagination ul li span { background: #bf3621; color: #fff; border: 1px solid #ddd; border-radius: 0;  font-size: 14px; display: inline-block; margin: 0 1px; padding: 4px 12px; text-decoration: none; vertical-align: middle; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); }

/* Pagination k2 page */
.novosti .itemNavigation { padding: 0; list-style: none; text-align: center; margin: 25px 0 0; }
.novosti .itemNavigation > a { background: #efeff1; color: #353535; font-size: 20px; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); }
.novosti .itemNavigation a.itemPrevious {float: left; padding: 6px 18px; }
.novosti .itemNavigation a.itemNext {float: right; padding: 6px 18px; }
.novosti .itemNavigation > a:hover, .novosti .itemNavigation > a:focus { background-color: #c40b2d; color: #fff; box-shadow: 0 2px 5px 0 rgba(74, 74, 74, 0.3); }

/* Accordation */
.uk-accordion .uk-accordion-title { background: #fff; color: #111; cursor: pointer; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; line-height: 20px; min-height: 20px; padding: 10px 18px; margin: 0 0 10px; border: 1px solid #ddd; box-shadow: none; }
.uk-accordion .uk-active { color: #fff; background: #c40b2d; cursor: pointer; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; line-height: 20px; min-height: 20px; padding: 10px 18px; margin: 0 0 10px; border: 1px solid #c40b2d; box-shadow: none; }
.uk-accordion-content { padding: 0 30px 0px 30px; }
.uk-accordion .uk-accordion-content { background: #fff; border: 1px solid #ddd; cursor: default; color: #555; font-size: 12px; font-weight: 400; letter-spacing: 0px; text-transform: uppercase; padding: 10px 18px; }
.uk-accordion .uk-accordion-content.uk-active { background: #fff; border: 1px solid #ddd; cursor: default; color: #555; font-size: 12px; font-weight: 400; letter-spacing: 0px; text-transform: uppercase; padding: 10px 18px 0; }

/* Specific modules */
.naslovna .de-meni { color: #2d3d51; position: relative; }
.naslovna .de-meni h5 { font-size: 14px; }
.naslovna .de-video .uk-overlay { display: inline-block; position: relative; max-width: 100%; vertical-align: middle; overflow: hidden; -webkit-transform: translateZ(0); margin: 0; width: 100%; }
.naslovna .de-thumb-tab { padding: 30px 0; }
.naslovna .de-thumb-tab .uk-margin { text-align: justify; }
.naslovna .de-thumb-tab .uk-flex-column { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }
.naslovna .de-slideshow { padding: 0 30px; }
.naslovna .de-slideshow .uk-margin-top { text-align: justify; }
.naslovna .de-slideshow .uk-slidenav { display: inline-block; box-sizing: border-box; width: 30px; height: 30px; line-height: 30px; color: #fff; font-size: 15px; text-align: center; background: #c40b2d; }
.naslovna .de-slideshow .uk-slidenav:hover, .naslovna .de-slideshow .uk-slidenav:focus { outline: none; text-decoration: none; color: #fff; cursor: pointer; background: #231f20; }
.naslovna .de-thumb-tab-en .uk-margin { text-align: justify; }
.naslovna .de-thumb-tab-en .uk-flex-column { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }
.naslovna .de-casopis { padding: 30px 0; }
.naslovna .de-casopis .uk-margin { text-align: justify; }

/* ========================================================================
   Component: Off-canvas
 ========================================================================== */

/* Off-canvas meni */
.uk-offcanvas-bar { position: fixed; top: 0; bottom: 0; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1001; width: 100%; max-width: 100%; background: #ffffff; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; -ms-scroll-chaining: none; }
.uk-nav-offcanvas > li > a { color: #2d3d51; padding: 8px 12px; text-transform: uppercase; font-size: 14px; }
.uk-nav-offcanvas ul a { color: #9a9a9c; text-transform: uppercase; font-size: 12px; padding: 4px 8px; }
html .uk-nav.uk-nav-offcanvas > li.uk-active > a { background: rgba(0, 0, 0, 0.05); color: #c40b2d; }
html .uk-nav-offcanvas li.uk-active li.uk-active > a { background: rgba(0, 0, 0, 0.05); color: #c40b2d; }
.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { background: rgba(0, 0, 0, 0.05); color: #c40b2d; outline: none; }
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: #c40b2d; }

/* Panel in offcanvas */
.uk-offcanvas .uk-panel { margin: 0 0 25px; color: #c40b2d; }
.uk-offcanvas  a.de-lang { background: #fff; border: 1px solid rgb(77, 14, 14); color: #444; border-radius: 2px; box-sizing: border-box; display: inline-block; font-size: 11px; height: 24px; line-height: 16px; margin: 3px 1px; padding: 3px 6px; text-align: center; width: 38px; }
.uk-offcanvas  a.de-lang:hover { background-color: rgb(191, 69, 69); border: 1px solid rgb(138, 36, 36); color: #fff; }

/* Honeypot */
.de-form input.ohnohoney { opacity: 0; position: absolute; top: 0; left: 0; height: 0; width: 0; z-index: -1; background: #f9f9f9; border: 1px solid #eee; border-radius: 0; box-shadow: none; color: #fff; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 0px; font-weight: inherit; letter-spacing: 0; line-height: 0; padding-left: 0; text-transform: none; margin-bottom: 0; min-height: 0; max-height: 0; }

/* Calendar hack */
.nobosscalendar--model1 .nb-calendar {
  max-width: 1110px;
  max-width: 125vh;
  margin: auto;
  box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3);
}

/* Variable */
@media (min-width:1340px) {
	.uk-navbar-toggle.uk-hidden-xlarge { display: none; }
	.tm-logo-uni { margin-left: 0; float: left; text-align: left;}
	.tm-logo-uni-small { display: none; }
}
@media (min-width:1019px) and (max-width:1119px) { }
@media (min-width:960px) and (max-width:1019px) { }
@media (min-width:768px) and (max-width:959px) { }
@media (min-width:960px) { }
@media (min-width:768px) { }
@media (min-width:480px) { }
@media (max-width:1339px) { 
	nav.uk-visible-large { display: none; }
	.tm-logo-uni { display: none; }
	.uk-sticky-placeholder .tm-navbar .tm-logo-uni-small { margin-left: 0; float: left; text-align: left;}
	.uk-sticky-placeholder .tm-navbar .tm-logo-uni-small img { transition: all 0.32s ease-in-out 0s; margin-left: 0; margin-top: 0; width: 101px; }
	.uk-sticky-placeholder .uk-active .tm-logo-uni-small { margin-left: 10px; float: left; text-align: left;}
	.uk-sticky-placeholder .uk-active .tm-logo-uni-small img { margin-left: 0; margin-top: -5px; width: 70px; transition: all 0.32s ease-in-out 0s; }
}
@media (max-width:1150px) {
	.topbar-wrap .ja-promo-bar .inner { height: 85px; padding:0 55px; background-color: #ffffff; }
	.de-tabs .uk-subnav li { display: inline-block; width: 100%; margin: 0; } 
}
@media (max-width:959px) {
	.naslovna .middle-wrap { padding-top: 30px; padding-bottom: 0; }
	.naslovna .de-news .uk-overlay-scale { height: auto; }
	.studenti .studenti-panel .uk-panel .uk-margin { margin-right: 15px; }
	.upis .upis-panel .uk-panel .uk-margin { margin-right: 15px; }
	.header-wrap { max-height: 90px; z-index: 99; }
	.tm-headerbar { min-height: 50px; }
	.uk-sticky-placeholder .uk-navbar { min-height: 50px; }
	.uk-sticky-placeholder .uk-active .uk-navbar { padding-bottom: 15px; padding-top: 15px; transition: all 0.32s ease-out 0s; min-height: 50px; }
	.tm-logo-small { padding: 0 10px; width: 127px; }
	.tm-logo-uni-small { padding: 0 10px; width: 70px; display: block; }
	.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle { height: 50px; }
	.tm-navbar { background: #fff; background-image: none; margin-bottom: 0; }
}
@media (max-width:767px) {
	.topbar-wrap .ja-promo-bar .inner { height: 110px; background-color: #ffffff; }
	.topbar-wrap .ja-promo-bar .inner { padding-left: 35px !important; padding-right: 35px !important; }
	.topbar-wrap .ja-promo-bar .buttons span { background-color: #fff; margin-top: 12px; }
	.galerije .igui-grid { margin-left: 0px; }
	.galerije .igui-grid-small { margin-left: 0px; }
	.uk-navbar { padding-top: 10px; padding-bottom: 10px; }
	.studenti .studenti-panel .uk-panel .uk-margin { margin-right: 25px; }
	.studenti .studenti-panel .uk-panel img { width: 100%; }
	.upis .upis-panel .uk-panel .uk-margin { margin-right: 25px; }
	div.k2Pagination ul li { display: inline-block; margin: 0 1px 10px; padding: 0; }
	.onama .img-border { border: 1px solid #efece1; padding: 10px; margin: 0px 0px 25px 0px; width: 100%; }
	.prof .tm-article.tm-article-box { max-width: 100%; }
	.naslovna .de-slideshow .tm-slideshow-panel-monday .uk-panel-body { padding: 30px 0 0; font-size: 14px; }
	.naslovna .de-thumb-tab .uk-flex-column { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; }
	.naslovna .de-thumb-tab-en .uk-flex-column { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; }
	.de-tabs .uk-subnav li { display: inline-block; width: 100%; margin: 0; }
	.de-tabs img { width: 100%; }
	.parallax p { color: #fff; font-size: 16px; text-shadow: 0 1px 2px #000000; line-height: 21px; padding: 0 20%; }
	.breadcrumbs-wrap { height: auto; }
	.tm-footer-left { float: none; text-align: left; width: 100%; }
	.tm-footer-right { float: none; text-align: center; width: 100%; }
	.tm-footer-top .tm-totop-scroller { top: -45px; }
}
@media (max-width:480px){
	.studenti .studenti-panel .uk-panel .uk-margin { margin-right: 15px; font-size: 13px; line-height: 18px; }
	.upis .upis-panel .uk-panel .uk-margin { margin-right: 15px; font-size: 13px; line-height: 18px; }
	.tm-article.tm-article-box, .tm-isblog .tm-article.tm-article-box { padding: 25px; }
	.novosti .catItemView.groupPrimary.novosti { padding: 25px; }
	.novosti #k2Container.itemView.novosti { padding: 25px; }
	.profesori-slike .img-border { border: 1px solid #efece1; margin: 0 20px 20px 0; padding: 10px; width: 100%; }
	.email-form .form-horizontal .controls { display: inline-block; padding-right: 10px; margin-left: 0; width: 200px; }
	.email-form .form-horizontal:not(.bt4mcindividual):not(.uikit3):not(.uikit2) label.error { font-size: 11px; color: #555; padding: 4px 8px; background-color: #fff; border-radius: 0; display: inline-block !important; max-width: 260px; margin: 40px 0 0; position: absolute; line-height: 14px; }
	.block-footer-border { margin-bottom: 20px; padding: 0; float: right; width: 100%; text-align: center; }
	.block-footer-img-border { border: 1px solid #efece1; margin: -25px 0 0; padding: 9px; width: 100%; }
}
@media (max-width:360px) {}