/*
	Theme Name: UNIN v2.0
	Description: Sveučilište Sjever / University North
*/
span.translate2 { display: block; }
body {
	font-family: "uninsans-regular", Arial, sans-serif;
	font-size: 10pt;
	color: #000;
	background-color: #fff;
}
.img-gray {
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: grayscale(100%);
    filter: url('https://www.unin.hr/wp-content/themes/unin-cacic/img/gray.svg#grayscale');
    filter: gray;
}
.red-overlay {  
	position: relative;  
	float: left;  
	cursor: pointer; 
	max-width: 100%;
} 
.red-overlay:after {  
	background: none;
	-moz-transition: background .3s ease-in-out;  
	-webkit-transition: background .3s ease-in-out;  
	-o-transition: background .3s ease-in-out;  
	transition: background .3s ease-in-out;  
}
.red-overlay:hover:after {  
	content: "";  
	display: block;  
	position: absolute;  
	top: 0;
	left: 0;  
	right: 0;
	bottom: 0;
	background: rgba(255,0,0, 0.5);  
}
.img-color {
	-webkit-filter: grayscale(0%);
	-webkit-filter: grayscale(0);
	filter: grayscale(0%); 
}
a {
	color: #000;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #cc0000;
	text-decoration: none;
}

/*********** Generic classes ***********/
.full-width {
	width: 100%;
}
.no-border { /* All screen sizes */
	border: 0 !important;
}
.no-padding-top {
	padding-top: 0 !important;
}
.margin-top-10px {
	margin-top: 10px;
}
@media screen and (max-width: 767px) { /* XS */
	.no-border-xs {
		border: 0 !important;
	}
	.no-margin-xs {
		margin: 0 !important;
	}
	.margin-top-10px-xs {
		margin-top: 10px !important;
	}
	.full-width-xs {
		width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width:991px) { /* SM */
	.no-border-sm {
		border: 0 !important;
	}
	.margin-top-10px-sm {
		margin-top: 10px !important;
	}
	.full-width-sm {
		width: 100%;
	}
}
@media screen and (min-width: 992px) { /* MD */
	.no-border-md {
		border: 0 !important;
	}
	.margin-right-10px-md {
		margin-right: 10px !important;
	}
	.margin-right-5px-md {
		margin-right: 10px !important;
	}
	.btn-md {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}	
}

/****** Custom breakpoint - XXS < 320 ******/
@media screen and (max-width: 320px) {
	.visible-xxs-block {
		display: block !important;
	}
	.hidden-xxs {
		display: none !important;
	}	
}
@media screen and (min-width: 321px) {
	.visible-xxs-block {
		display: none !important;
	}
}
/*************************************/

/*********** Thematic break ***********/
.thematic-break {
	text-align: center;
	line-height: 1;
	margin-bottom: 10px;
	border-bottom: 1px solid #000;
	padding-bottom: 1px;
}
.thematic-break.border-top {
	border-bottom: 0 !important;
	border-top: 1px solid #000;
	margin-bottom: 0 !important;
}
	.thematic-break.break-line span:before {
		content:"\a";
		white-space: pre;
	}
@media screen and (max-width: 767px) { /* XS */
	.thematic-break span {
		float: left;
	}
}
/*************************************/

/*********** Main wrapper ***********/
@media screen and (max-width: 767px) {
	.main-wrapper {
		padding: 45px 35px 47px 37px;
	}
}
@media screen and (min-width: 767px) {
	.main-wrapper {
		padding-top: 65px;
		padding-bottom: 65px;
	}
}
@media screen and (min-width: 768px) and (max-width: 825px) {
	.main-wrapper {
		padding-left: 55px;
		padding-right: 55px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1102px) {
	.main-wrapper {
		padding-left: 55px;
		padding-right: 55px;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1310px) {
	.main-wrapper {
		padding-left: 55px;
		padding-right: 55px;
	}
}
/*************************************/

/*********** Buttons ***********/
.btn {
	font-size: 10pt;
	line-height: 1;
	/*padding: 9px 10px;*/
	padding: 6px 10px;
}
.btn-default {
	color: #000;
	background-color: #fff;
	border: 0;
	border-radius: 0;
	border-top: 1px solid rgb(0,0,0);
	border-bottom: 1px solid rgb(0,0,0);
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	/*color: #fff;*/
	color: #cc0000;
	background-color: #fff;
	/*background-color: #cc0000;*/
	border-color: #cc0000;
	transition: all 0.2s linear;
}
/*************************************/

/*********** Typography ***********/
.smallcaps{
	font-family: uninsans-regular-sc;
	text-transform: uppercase;
	font-weight: normal;
}
	.smallcaps.medium {
		font-family: uninsans-medium-sc !important;
	}
strong {
	font-family: uninsans-medium;
	font-weight: normal;	
}
h1, h2, h3, h4 {
	font-family: unin-regular;
}
@media screen and (max-width: 300px) {
	h1, h2, h3, h4 {
		font-size: 14pt;
	}
}
@media screen and (min-width: 301px) {
	h1, h2, h3, h4 {
		font-size: 18pt;
	}
}
/*************************************/

/*********** Forms ***********/
.form-group {
	margin-bottom: 10px;
}
button[type="submit"].btn-primary {
	font-family: uninsans-regular-sc;
	text-transform: uppercase;
}
.form-control {
	line-height: 1;
	font-size: 10pt;
	color: #000;
	border: 0;
	/*height: 33px;*/
	height: 27px;
	padding: 5px 10px;
	border-radius: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
	border-color: rgba(204, 0, 0, 0.8);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0 none;
}
	/*********** Search Form ***********/
	.search-form .form-control {
		width: 100% !important;
	}
	.col-xs-12.search-form {
		padding: 0;
	}
	@media screen and (max-width: 767px) {
		.search-form .col-xs-12 {
			padding: 0;
		}
	}	
	.search-form .col-sm-10 {
		padding-left: 0;
	}
	.search-form .col-sm-2 {
		padding: 0;
	}	
	/*************************************/

/****************** Site Header *******************/
.site-header {
	width: 100%;
	font-family: unin-regular;
	line-height: 1;
	padding-top: 20px;
	padding-bottom: 20px;
}
	.site-header a {
		color: #cc0000;
		font-size: 32pt;
	}
@media screen and (max-width: 767px) { /* XS < 768px */
	.site-header a {
		font-size: 24pt;
	}
}
/*************************************/

/* ********** Carousel - Begin ********** */
.carousel {
	z-index: 0;
	margin-bottom: 20px;
}
.carousel-caption {
	background-color: rgba(0,0,0,0.5);
	border-radius: 10px;
}
.carousel .item .red-overlay {
	cursor: default !important;	
}
/* Carousel - End */

/* ********** Articles ********** */
.featured-articles,
.news {
	margin-bottom: 10px;
}
.attachments {
	text-align: right;
}
.article {
	background-color: #fff;	
	border: 0;
	border-top: 1px solid #000;
	border-radius: 0;
	line-height: 1;
	color: #000;
	padding: 10px 0;
}
.article p {
	line-height: 16px;
}
.article a {
	text-decoration: none;
}
.article h1 a, .article h2 a {
	color: #000;
}
.article h1 a:hover, .article h2 a:hover {
	color: #cc0000;
}
.article h1 {
	margin-top: 0;
}
.article h2 {
	margin: 0 0 10px 0;
}
.article ul.meta {
	padding: 0;
	margin: 0;
	color: #000;
}
	.article ul.meta li {
		list-style-type: none;
		display: inline-block;
		padding-right: 10px;
	}
	.article ul.meta span {
		color: #000;
		font-family: uninsans-medium-sc;
		text-transform: uppercase;
	}
	.article ul.meta a, 
	.article ul.meta a, 
	.article ul.meta a {
		font-family: uninsans-regular-sc;
		text-transform: uppercase;
	}
	.article ul.meta.top {
		padding-bottom: 10px;
	}
	.article ul.meta.bottom {
		padding-top: 10px;
	}
	
/***************** Breadcrumb ********************/
.breadcrumb {
	font-family: uninsans-regular-sc;
	font-size: 10pt;
	margin: 0 0 20px 0;
	background-color: rgb(230,230,230);
	text-transform: uppercase;
	border-radius: 0;
}
.breadcrumb a {
	color: #000;
}
.breadcrumb a:hover {
	color: #cc0000;
	text-decoration: none;
}
.breadcrumb .active {
	color: #cc0000;
	font-family: uninsans-medium-sc;
}
@media screen and (max-width:767px) {
	.breadcrumb {
		background-color: #fff;
		padding: 0;
	}
	.breadcrumb li {
		display: block;
		margin-top: 1px;
		background-color: rgb(230,230,230);
	}
	.breadcrumb li a,
	.breadcrumb li span {
		width: 100%;
		display: block;
		padding: 7px 15px;
	}
	.breadcrumb > li + li:before {
		content: "";
		padding: 0;
	}
}
/*************************************************/

.studijski-programi {
	list-style-type: none;
	padding: 0;
	text-align: left;
}
.studijski-programi li.dropdown {
	clear: both;
	
}
.studijski-programi .dropdown-menu {
	margin-top: 0 !important;
}
.studijski-programi .dropdown.open .dropdown-menu {
	display: block;
	position: static;
	border-radius: 0;
	border: 0;
	font-size: 10pt;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0;
	width: 100%;
	padding-left: 20px;
}
.studijski-programi .dropdown.open .dropdown-menu a {
	padding: 0;
	color: #000;
	line-height: 12pt;
}
.studijski-programi .dropdown.open .dropdown-menu a:hover,
.studijski-programi .dropdown.open .dropdown-menu a:focus,
.studijski-programi .dropdown.open .dropdown-menu a:active {
	text-decoration: none;
	background: none;
}

/* Footer - Begin */
.footer {
	margin-top: 10px;
	background-color: #000;
	color: #fff;
}
.footer a {
	color: rgb(150,150,150);
}
.footer a:hover,
.footer a:focus {
	color: #fff;
	text-decoration: none;
}
.footer a.active {
	color: #fff;
}
.footer li ul {
	margin-left: 10px;
}
.footer ul {
	padding: 0;
}
.footer ul li {
	list-style-type: none;
	line-height: 12pt;
}
.footer li.dropdown {
	clear: both;
}
.footer .copyright {
	border-top: 1px solid rgb(150,150,150);
	color: rgb(150,150,150);
	line-height: 1;
	padding-top: 10px;
}
.footer .dropdown-menu {
	margin-top: 0 !important;
}
.footer .dropdown.open .dropdown-menu {
	display: block;
	position: static;
	border-radius: 0;
	border: 0;
	font-size: 10pt;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: #000;
	padding: 0;
	width: 100%;
}
.footer .dropdown.open .dropdown-menu a {
	padding: 0;
	color: rgb(150,150,150);
	line-height: 12pt;
}
.footer .dropdown.open .dropdown-menu a:hover,
.footer .dropdown.open .dropdown-menu a:focus,
.footer .dropdown.open .dropdown-menu a:active {
	color: #fff;
	text-decoration: none;
	background-color: #000;
}
@media screen and (max-width: 767px) {
	.footer .copyright {
		margin-top: 10px;
	}
	.footer {
		padding: 20px 10px;
	}
}
@media screen and (min-width: 768px) {
	.footer {
		padding: 30px;
	}
}
/* Footer - End */

/* ********** Modal ********** */
.modal {
	/*margin-top: 100px;*/	
}
.modal-dialog {
	/*margin-top: 10px;*/
}
.modal-content {
	box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
	border: 0;
}
.modal-content {
	border-radius: 0 !important;
}
.modal {
	padding-right: 0 !important;
}

/* ********** Navigation ********** */
.navbar {
	margin: 0;
}
.navbar-main {
	margin-bottom: 20px;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
	background-color: #fff;
}

.navbar-top .dropdown-menu > .active > a, 
.navbar-top .dropdown-menu > .active > a:hover, 
.navbar-top .dropdown-menu > .active > a:focus {
	background-color: #cc0000;
	color: #fff !important;
}

.dropdown-menu > li > a {
	white-space: normal !important;
}

/* XS devices */
@media screen and (max-width: 767px) {
	
	.dropdown-menu > li > a {
		white-space: normal !important;
	}

	/*************** Navbar Top ***************/
	.navbar-top .dropdown-menu .dropdown-menu li a {
		margin-left: 10px;
	}
		
	.navbar-top.secondary .navbar-default {
		border-bottom: 0 !important;
	} 
	.navbar-top .navbar-nav {
		margin: 0 -15px;
	}
	.navbar-top .navbar-collapse {
		border-color: rgb(200,200,200);
	}
	.navbar-top .navbar-default {
		border: 0;
		border-top: 1px solid rgb(200,200,200);
		border-bottom: 1px solid rgb(200,200,200);
		border-radius: 0;
		background-color: #fff;
		font-size: 10pt;
	}
	.navbar-top .navbar-default .open > a {
		background-color: #cc0000 !important;
		color: #fff !important;
	}
	.navbar-top .navbar-default a {
		color: #000 !important;
	}
	.navbar-top .navbar-default .dropdown-menu {
		border-radius: 0;
		border: 0;
		font-size: 10pt;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background-color: #fff;
		padding-top: 0;
		padding-bottom: 0;
	}
	.navbar-top .navbar-default .navbar-nav > li {
		margin-top: 1px;
		background-color: rgb(230,230,230);
	}
	.navbar-top .navbar-default .navbar-nav li.yamm-content {
		background-color: #fff;
		padding: 15px;
	}
	.navbar-top .navbar-default .dropdown-menu li {
		margin-top: 1px;
		background-color: rgb(230,230,230);
	}
	.navbar-top .navbar-default .dropdown-menu li a,
	.navbar-top .navbar-default .navbar-nav > li a {
		color: #000;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.navbar-top .navbar-toggle {
		padding: 0;
		margin: 0;
		line-height: 1;
		height: 50px;
		border: 0;
		margin-right: 20px;
	}
	.navbar-top .navbar-toggle:hover,
	.navbar-top .navbar-toggle:focus,
	.navbar-top .navbar-toggle:active {
		background-color: #fff;
	}
	.navbar-top .navbar-toggle:hover a,
	.navbar-top .navbar-toggle:focus a,
	.navbar-top .navbar-toggle:active a {
		color: #cc0000 !important;
	}
	.navbar-top .navbar-toggle:hover .icon-bar,
	.navbar-top .navbar-toggle:focus .icon-bar,
	.navbar-top .navbar-toggle:active  .icon-bar{
		background-color: #cc0000;
	}
	.navbar-top .navbar-toggle .icon-bar {
		background-color: #000;
	}
	/*********************************************/
	
	/*************** Navbar Main *****************/
	.navbar-main.secondary .navbar-default {
		border-bottom: 0 !important;
	} 
	.navbar-main .navbar-nav {
		margin: 0 -15px;
	}
	.navbar-main .navbar-collapse {
		border-color: rgb(200,200,200);
	}
	.navbar-main .navbar-default {
		border: 0;
		border-top: 1px solid rgb(200,200,200);
		border-bottom: 1px solid rgb(200,200,200);
		border-radius: 0;
		background-color: #fff;
		font-size: 10pt;
	}
	.navbar-main .navbar-default .open > a {
		background-color: #cc0000 !important;
		color: #fff !important;
	}
	.navbar-main .navbar-default a {
		color: #000 !important;
	}
	.navbar-main .navbar-default .dropdown-menu {
		border-radius: 0;
		border: 0;
		font-size: 10pt;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background-color: #fff;
		padding-top: 0;
		padding-bottom: 0;
	}
	.navbar-main .navbar-default .navbar-nav > li {
		margin-top: 1px;
		background-color: rgb(230,230,230);
		font-size: 14pt;
	}
	.navbar-main .navbar-default .navbar-nav li.yamm-content {
		background-color: #fff;
		padding: 15px;
	}
	.navbar-main .navbar-default .dropdown-menu li {
		margin-top: 1px;
		background-color: rgb(230,230,230);
	}
	.navbar-main .navbar-default .dropdown-menu li a,
	.navbar-main .navbar-default .navbar-nav > li a {
		color: #000;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.navbar-main .navbar-default .dropdown-menu .dropdown-menu li a {
		margin-left: 10px;
	}
	.navbar-main .navbar-toggle {
		padding: 0;
		margin: 0;
		line-height: 1;
		height: 50px;
		border: 0;
		margin-right: 20px;
	}
	.navbar-main .navbar-toggle:hover,
	.navbar-main .navbar-toggle:focus,
	.navbar-main .navbar-toggle:active {
		background-color: #fff;
	}
	.navbar-main .navbar-toggle:hover a,
	.navbar-main .navbar-toggle:focus a,
	.navbar-main .navbar-toggle:active a {
		color: #cc0000 !important;
	}
	.navbar-main .navbar-toggle:hover .icon-bar,
	.navbar-main .navbar-toggle:focus .icon-bar,
	.navbar-main .navbar-toggle:active  .icon-bar{
		background-color: #cc0000;
	}
	.navbar-main .navbar-toggle .icon-bar {
		background-color: #000;
	}
	/*********************************************/
}
/* SM, MD, LG devices */
@media screen and (min-width: 768px) {

	/*************** Navbar Top ***************/
	
	.navbar-top.secondary .navbar  {
		border-bottom: 0 !important;
	}
	.navbar-top .navbar-default {
		border: 0;
		border-top: 1px solid rgb(200,200,200);
		border-bottom: 1px solid rgb(200,200,200);
		border-radius: 0;
		background-color: #fff;
	}
	.navbar-top .navbar-default .open > a {
		background-color: #fff !important;
		color: #cc0000 !important;
	}
	.navbar-top .navbar-default a {
		color: #000 !important;
	}
	.navbar-top .navbar-default .divider {
		visibility: hidden;
	}
	.navbar-top .navbar-default .dropdown-menu {
		margin-top: 1px !important;
		border-radius: 0;
		border: 0;
		padding: 10px;
		font-size: 10pt;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: 230px;
		border-bottom: 1px solid rgb(200,200,200);
	}
	
	/* Update izbornika zbog Alumni */
	.navbar-top .navbar-default .dropdown-menu .dropdown-menu { 
		margin-top: 0 !important;
		position: relative;
		padding: 0;
		width: 100%;
		border-bottom: 1px solid #fff;
	}
	.navbar-top .navbar-default .dropdown-menu .dropdown-menu a { 
		padding-left: 20px;
	}
	.navbar-top .navbar-default .open .open > a {
		background-color: #cc0000 !important;
		color: #fff !important;
	}
	/* Update izbornika zbog Alumni */
	
	.navbar-top .navbar-default .dropdown-menu li {
		margin-top: 1px;
		background-color: rgb(230,230,230);
	}
	.navbar-top .navbar-default .dropdown-menu li a {
		color: #000;
		padding: 7px 10px;
	}
	.navbar-top .navbar-default .dropdown-menu li a:hover,
	.navbar-top .navbar-default .dropdown-menu li a:focus {
		background-color: #cc0000;
		color: #fff !important;
		transition: all 0.2s linear;
	}

	.navbar-top .yamm .yamm-content {
		padding: 0;
		background-color: #fff !important;
	}
	.navbar-top .navbar-nav > li > a {
		padding: 0;
		padding: 13px 20px 13px 0;
	}
	.navbar-top .navbar-right {
		margin: 0;
	}
		.navbar-top .navbar-right .navbar-nav > li > a {
			padding: 13px 0 13px 20px !important;
		}
		.navbar-top .navbar-right li:last-of-type a {
			padding-right: 0;
		}
	.navbar-top .navbar {
		min-height: 0 !important;
		margin-bottom: 0;
		padding: 3px 0;
	}
	.navbar-top .navbar-collapse {
		padding: 0;
	}
	/*********************************************/
		
	/***************** Navbar Main *******************/
	.navbar-main .navbar-default {
		border: 0;
		border-top: 4px solid rgb(200,200,200);
		border-bottom: 1px solid rgb(200,200,200);
		border-radius: 0;
		background-color: #fff;
	}
	.navbar-main .navbar-default .open > a {
		background-color: #fff !important;
		color: #cc0000 !important;
	}
	.navbar-main .navbar-default a {
		color: #000 !important;
	}
	.navbar-main .navbar-default .divider {
		visibility: hidden;
	}
	.navbar-main .navbar-default .dropdown-menu {
		margin-top: 1px !important;
		border-radius: 0;
		border: 0;
		padding: 0;
		padding: 10px 0px 10px 0;
		width: 100%;
		font-size: 10pt;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		min-width: 230px;
		border-bottom: 1px solid rgb(200,200,200);
		left: 0;
	}
	.navbar-main .navbar-default .dropdown-menu li {
		margin-top: 1px;
		background-color: #fff;
	}
	.navbar-main .navbar-default .dropdown-menu li a {
		color: #000;
		padding: 7px 15px 7px 0;
	}
	.navbar-main .navbar-default .dropdown-menu li a:hover,
	.navbar-main .navbar-default .dropdown-menu li a:focus {
		background-color: #fff;
		color: #cc0000 !important;
		transition: all 0.2s linear;
	}
	.navbar-main .navbar-default .dropdown-menu li.open > a:hover,
	.navbar-main .navbar-default .dropdown-menu li.open a:focus {
		background-color: #fff;
		color: #cc0000 !important;
		transition: all 0.2s linear;
	}
	.navbar-main .yamm .yamm-content {
		padding: 0;
		background-color: #fff !important;
	}
	.navbar-main .navbar-nav > li > a {
		padding: 0;
		padding: 20px 20px 20px 0;
	}
	.navbar-main .navbar-right {
		margin: 0;
	}
	.navbar-main .navbar-right .glyphicon {
		font-size: 14pt;
	}
		.navbar-main .navbar-right .navbar-nav > li > a {
			padding: 13px 0 13px 20px !important;
		}
		.navbar-main .navbar-right li:last-of-type a {
			padding-right: 0;
		}
	
	.navbar-main .navbar {
		min-height: 0 !important;
		margin-bottom: 0;
		padding: 3px 0;
		/*font-size: 18pt;*/
		font-size: 14pt;
	}
	.navbar-main .navbar-collapse {
		padding: 0;
	}
	
	.navbar-main li {
		display: inline-block;
	}
	.navbar-main .last-level {
		border-bottom: 4px solid rgb(200,200,200) !important;
	}
	.divider-vertical {
		border-left: 1px solid rgb(200,200,200);
		padding-left: 20px;
	}
	
	.navbar-top .dropdown-menu .dropdown-menu.last-level {
		border-bottom: 1px solid #fff !important;
	}	
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-main .navbar {
		font-size: 10pt;
	}
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
	.navbar-main .navbar {
		font-size: 14pt;
	}
}
/*********************************************/

/***************** Nav Pills **************/
.nav.nav-pills.nav-stacked li {
	margin-top: 1px;
}
.nav.nav-pills.nav-stacked li a {
	color: #000;
	background-color: rgb(230,230,230);
	border-radius: 0;
	padding: 7px 10px;
}
.nav.nav-pills.nav-stacked li.active a,
.nav.nav-pills.nav-stacked li a:hover,
.nav.nav-pills.nav-stacked li a:focus,
.nav.nav-pills.nav-stacked li a:active {
	color: #fff;
	background-color: #cc0000 !important;
	border-radius: 0;
}

/*********************************************/

.navbar-top .navbar-default a.active {
	color: #cc0000 !important;
}

/***************** Attachments & Gallery **************/
.file {
    display: table;
    padding-bottom: 6px;
    vertical-align: middle;
}
.files {
	padding-left: 0;
}
.attachment-thumbnail {
    display: block;
    height: 16px;
    margin-right: 7px;
    width: 16px;
}
.file-text {
    display: table-cell;
    font-family: uninsans-regular-sc;
    font-size: 12px;
    margin-bottom: 3px;
    text-transform: uppercase;
    vertical-align: middle;
}
.attachements-header {
    background-color: #FFFFFF;
    display: inline-block;
    font-family: uninsans-regular-sc;
    font-size: 13px;
    margin-left: 10px;
    margin-top: -8px;
    padding-left: 9px;
    padding-right: 9px;
    position: absolute;
    text-transform: uppercase;
}
.attachements-files.show-line {
    border-top: 1px solid #EEEEEE;
    padding-top: 10px;
}
.attachements-content {
    margin-bottom: 20px;
    margin-top: 20px;
}
.gallery {
	list-style: none;
	padding: 0 0 0 15px;
}
.gallery li {
    float: left;
	margin: 0 3px 3px 0;
}
iframe {
	border:0;
}

/***************** Accordion **************/
.style-3 .accordion-group {
    margin-bottom: 16px;
}
.style-2 .accordion-group {
    margin-bottom: 11px;
}
.style-3 .accordion-group:last-child,
.style-2 .accordion-group:last-child {
    margin-bottom: 0;
}
.style-3 .accordion-heading,
.style-2 .accordion-heading {
    border: none;
    padding-left: 30px;
}
.style-3 .accordion-heading .accordion-toggle,
.style-2 .accordion-heading .accordion-toggle {
    font-size: 14px;
}
.style-3 .accordion-minus:before {
    background: url(img/accordion-minus-invert.png) 0 center no-repeat;
    background-color: #c5141a;
    background-position: center center;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    top: 0;
    left: 0;
}
.style-2 .accordion-minus:before {
    background-position: center center;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    border: 2px solid #c5141a;
    top: 2px;
    left: 0;
}
.style-3 .accordion-plus:before {
    background: url(img/accordion-plus-invert.png) 0 center no-repeat;
    background-color: #212c43;
    background-position: center center;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    top: 0;
    left: 0;
}
.style-2 .accordion-plus:before {
    background-position: center center;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    border: 2px solid #212c43;
    top: 2px;
    left: 0;
}
.style-3 .accordion-inner,
.style-2 .accordion-inner {
    padding-bottom: 0;
}
.accordion-minus:before {
    content:'';
    background: url(../img/accordion-minus.png) 0 center no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 7px;
    left: -20px;
}
.accordion-plus:before {
    content:'';
    background: url(../img/accordion-plus.png) 0 center no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 7px;
    left: -20px;
}
a.accordion-toggle.accordion-plus {
    font-size: 13px;
    color: #212c43;
    padding: 4px 15px;
}
a.accordion-toggle.accordion-minus {
    font-size: 13px;
    color: #c5141a;
    padding: 4px 15px;
}
.accordion-group {
    border: none;
    border-radius: 0;
    margin-bottom: 1px;
}
.accordion-heading {
    border: 3px solid #f3f5f7;
    border-left: 30px solid #f3f5f7;
    position: relative;
}
.accordion-inner {
    font-size: 12px;
    color: #212c43;
    border: none;
    padding: 9px 15px 9px 45px;
}
.accordion-heading .accordion-toggle {
    display: block;
}
.accordion-group .collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}
.accordion-group .collapse.in {
  height: auto;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: #fff;
}
.korisni-linkovi td {
	padding: 10px 0 10px 0;
}
.edit-label {
	font-family: uninsans-regular-sc;
	text-transform: uppercase;
}
.dropdown-backdrop {
    position: static !important;
}

/***************** Profili **************/
.user-profile-short {
	margin-bottom: 25px;
	background-color: #fafafa;
	float: left;
	width: 100%;
	padding: 0 20px 20px 0;
	border-bottom: 1px solid #000;	
}
.user-profile-short p {
	margin-bottom: 2px;
}
.user-profile-image {
	float: left;
}
.user-profile-image {
	margin: 20px 20px 0 20px;	
}
.user-profile-image img {
	border-radius: 5px;
	max-width: 110px;
}
.user-profile-more-details-link a {
	text-transform: uppercase;
	font-family: uninsans-medium-sc;
	color: #cc0000;
	font-weight: normal;
	font-size: 12pt;
}
.user-profile-details {
	overflow: hidden;
}
.user-profile-details strong {
	text-transform: uppercase;
	font-family: uninsans-medium-sc;
	font-weight: normal;
}

.detail-profile p {
	margin-bottom: 0 !important;
	line-height: 120% !important;
}
.detail-profile input {
	background-color: #fff !important;
	border-bottom: 0;
	box-sizing: content-box;
	padding: 10px;
}
.detail-profile input.form-control {
	height: auto !important;
}
.detail-profile input.form-control[disabled], .detail-profile fieldset[disabled] .form-control {
    cursor: default !important; 
}
.detail-profile textarea {
	border: 0;
	border-top: 1px solid #000;
	width: 100%;
	resize: none;
	background-color: #fff !important;
	border-bottom: 0;
	padding: 10px;
}
.detail-profile textarea:focus {
	border-color: #cc0000;
}
.detail-profile .input-placeholder {
	border-top: 1px solid #000;
	background-color: #fff !important;
	padding: 10px;
	min-height: 37px;
}
.detail-profile input[type="submit"] {
	border-bottom: 1px solid #000;
}
.detail-profile input[type="submit"]:hover {
	border-color: #cc0000;
}
.detail-profile input, .detail-profile textarea {
	line-height: 120% !important;
}


/***************** Accordion **************/
button.mc-accordion-toggle {
    background-color: #eee;
	color: #000;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
	padding: 8px 15px;
	font-family: uninsans-regular-sc;
    font-size: 10pt;
    background-color: rgb(230,230,230);
    text-transform: uppercase;
    border-radius: 0;
	line-height: 1;
	
}
button.mc-accordion-toggle.active, button.mc-accordion-toggle:hover {
    background-color: #ddd;
}
div.mc-accordion-panel {
    padding: 0 18px;
    background-color: white;
    display: none;
}

/***************** Kolegiji - 16/09/2018 **************/
table.kolegiji {
	width: 400px; 
	font-size: 13px; 
	line-height: 20px;
}
table.kolegiji th {
	font-weight: normal;
	font-family: 'uninsans-medium-sc';
}
table.kolegiji th.semestar {
	background-color: #e8e8e8;
	font-family: 'uninsans-medium-sc';
	color: #c5141a;
}
table.kolegiji th.zaglavlje {
	background-color: #f7f7f7;
}
table.kolegiji td.predmet {
	width: 250px;
}
table.kolegiji td.predmet {
	color: #000;
}
table.kolegiji td.predmet a {
	color: #000;
	text-decoration: none;
}
table.kolegiji td.predmet a:hover {
	color: #c5141a;
	text-decoration: underline;
}

.site-header #translate a {
	font-size: 10pt !important;
	color: #000 !important;
	line-height: 40px;
	font-family: "uninsans-regular", Arial, sans-serif;
}