/*
	staroslavenski institut stil
*/
/***********************************************************
	Alert, error i info modal
***********************************************************/
.bootbox.modal.fade.bootbox-alert.show{
	z-index: 4050 !important;
	background-color: rgba(0, 0, 0, 0.5);
}

/***********************************************************
	Povecana kartica
***********************************************************/
.card.maximized-card{
	z-index: 1040 !important;
}


.card.maximized-card > .card-body{
	overflow-y: auto;
}

.card.maximized-card > .card-body > #div-page-number{
	padding-bottom: 2rem;
}

/***********************************************************
	Datatables
***********************************************************/
.dt-responsive tbody > tr > td
{
	white-space: nowrap; 
	padding-top: .2rem;
	padding-bottom: .2rem;
}

.dt-responsive.dataTable tbody td {
	vertical-align: middle;
}

.dt-responsive thead > tr > th
{	
	height: .5rem;
	line-height: 0.5rem;
	white-space: nowrap; 
}

/***********************************************************
	margine na tabovima
***********************************************************/
.tab-pane{
	margin-top: 1.5rem;
	margin-left: 1rem;
	margin-right: 1rem;
}



/***********************************************************
	definicija boja
***********************************************************/
.si, .si-plava{
	color: #0073ea;
}

.si-crvena{
	color: #be4f3c;
}


/***********************************************************
	glavni izbornik
***********************************************************/
.main-header{
	background-color: #be4f3c;
}

.main-header .nav-link,
.main-header .navbar-brand,
.main-header .dropdown-item{
	color: lemonchiffon;
}

.main-header .nav-link:hover,
.main-header .navbar-brand:hover,
.main-header .dropdown-item:hover{
	color: lemonchiffon;
	font-weight: bold;
	text-decoration: underline;
}

.brand-text:hover{
	font-weight: bold !important;
}

.main-header .nav-item.active{
	font-weight: bold;
}
.main-header .nav-item.active a:hover{
	font-weight: bold;
	text-decoration: none;
}

.main-header .dropdown-menu{
	background-color: #be4f3c;
}

.main-header .dropdown-item:hover{
	background-color: #be4f3c;
}

.navbar-toggler{
	border-color: lemonchiffon;
	color: lemonchiffon;
}

.navbar-toggler-icon {
	color: lemonchiffon;
}


#web2py_user_form > form > div > div > .btn-primary,
.btn-outline-si{
    color: #be4f3c;
    background-color: transparent;
    background-image: none;
    border-color: #be4f3c;
}

#web2py_user_form > form > div > div > .btn-primary:hover,
.btn-outline-si:hover{
    color: #fff;
    background-color: #be4f3c;
    border-color: #be4f3c;
}

.btn-outline-si:not(:disabled):not(.disabled).active,
.btn-outline-si:not(:disabled):not(.disabled):active{
    color: #fff !important;
    background-color: #be4f3c !important;
    border-color: #be4f3c !important;
}

.btn-outline-si.active.focus, 
.btn-outline-si.active:focus, 
.btn-outline-si.focus, 
.btn-outline-si.focus:active, 
.btn-outline-si:active:focus, 
.btn-outline-si:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(190, 79, 60,.5);
	box-shadow: 0 0 0 0.2rem rgba(190, 79, 60,.5);
}

.btn-small-si{
     -webkit-transform: scale(0.8);
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }
 

.border-si{
	border-color: #be4f3c;
}

.btn-group-si>.btn{
	border-radius: 1rem;
}


.btn-group-si{
	margin: .2rem .3rem;
}


/***********************************************************
	footer
***********************************************************/
.footer-bar {
	position: absolute;
    bottom: 0;
    width: 100%;
    background: #ed1c24;
    text-align: center;
    padding: 5px 0;
    color: white;
}


/*
	si checkbox
*/
.custom-checkbox .si-checkbox:disabled:checked~.custom-control-label::before,
.custom-checkbox .si-checkbox:checked~.custom-control-label::before{
	color: white;
	background-color: #ed1c24;
}
.si-checkbox:focus ~ .custom-control-label::before {
     box-shadow: 0 0 0 1px #fff, 0 0 0 3px #ed1c24;
}




/*
	si tabovi stil
*/
.nav-tabs-si{
	border-bottom-color: #be4f3c;
}

.nav-tabs .nav-link-si.active {
	border-color: #be4f3c #be4f3c #fff;
	color: #be4f3c;
}
.nav-tabs .nav-link-si:hover {
	border-color: #be4f3c #be4f3c #fff;
}


/*
	hr tag
*/
hr{
	border-top: 1px solid rgba(190, 79, 60,.4);
}

/*
	badge si stil
*/
.badge-si{
	color: #be4f3c;
	border: 1px solid #be4f3c;
	//font-size:1rem;
	margin: .5rem .1rem;
}
.badge-si[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #be4f3c;
}


/*
	si liste
*/
ul.si{
list-style: none;
color: black;
}

ul.si > li::before {
	content: "\f02e"; /* FontAwesome Unicode */
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
	padding-right: .5rem;
    text-align: right;
    width: 1.5rem;
    color: #be4f3c !important;
    vertical-align: -0.125rem;
}


ul.informaticari{
list-style: none;
color: black;
}

ul.informaticari > li::before{
	content: "\f109"; /* FontAwesome Unicode */
	font-family: "FontAwesome";
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
	padding-right: .5rem;
    text-align: right;
    width: 1.5rem;
    color: #be4f3c !important;
    vertical-align: -0.125rem;
}



/*
	fancytree
*/

ul.fancytree-container {
    //border: solid 1px #ed1c24;
    min-height: 10rem;
    max-height: 42rem;
    overflow: scroll;
}
.fancytree-custom-icon.fa-exclamation-triangle,
.fancytree-icon{
	line-height: 1.3rem;
	color: #0073ea;
}
span .fancytree-expander {
/* 	padding-top: .25rem; */
	cursor: pointer;
}


/***********************************************************
	Digitalizirana knjiga
***********************************************************/
#tekst_stranice	{
	font-size: 1.3rem;
	line-height: 2;
	white-space: pre-wrap;
}

#tekst_stranice .psalam,
#tekst_stranice .vers{
	color: gray;
}

#tekst_stranice table{
	line-height: 1;
}

/* brojac listi druge boje */
.digitalizirana-knjiga-tekst {
	padding-left: 0px;
	list-style: none;
	counter-reset: brojac-retka;
}

.digitalizirana-knjiga-tekst li {
/* 	padding-left: 1.1rem; */
	counter-increment: brojac-retka;
}

.digitalizirana-knjiga-tekst li::before {
	content: counter(brojac-retka) ". ";
	color: #be4f3c;
	font-weight: bold;
	display: inline-block; 
	width: 2.5rem; 
	margin-left: -1.5rem;
    margin-right: 1rem; 
    text-align: right;
}



/***********************************************************
	Konkordancija
***********************************************************/
.konkordancija-rezultati-div td, .konkordancija-rezultati-div th{
	padding: .35rem;
}

.konkordancija-rezultati-div th{
/* 	border-right: 1px solid #dee2e6; */
	color: #be4f3c;
}

.konkordancija-rezultati-div p{
	margin-bottom: 0rem;
}

.konkordancija-table-head th{
	border-top: none;
}


/***********************************************************
	autocompleate
***********************************************************/
.twitter-typeahead, .tt-hint, .tt-input, .tt-menu { width: 100%; }

.tt-menu {
    max-height: 20rem;
  	overflow-y: auto;
}


/***********************************************************
	o projektu
***********************************************************/
.timeline > div > .broj{
	background-color: #be4f3c;
	color: lemonchiffon;
	font-style: italic;
	border-radius: 50%;
	font-size: 15px;
	height: 30px;
	left: 18px;
	line-height: 30px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 30px;
}

.timeline-footer{
	border-top: 1px rgba(0,0,0,.125) solid;
	font-size: small;
}

.timeline-footer i{
	color: #be4f3c;
}

.naziv_skupa, .naziv_casopisa{
	font-style: italic;
}

.profile-card {
	font-family: 'Open Sans', Arial, sans-serif;
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	text-align: center;
	height:368px;
	border:none;
}
.profile-card .background-block {
    float: left;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.profile-card .background-block .background {
	width:100%;
	vertical-align: top;
	opacity: 0.9;
	-webkit-filter: blur(0.1px);
	filter: blur(0.1px);
	 -webkit-transform: scale(1.8);
	transform: scale(2.3);
}
.profile-card .card-content {
	width: 100%;
	padding: 15px 25px;
	color:#232323;
	float:left;
	background:#efefef;
	height:50%;
	border-radius:0 0 5px 5px;
	position: relative;
	z-index: 9999;
}
.profile-card .card-content::before {
	content: '';
	background: #efefef;
	width: 120%;
	height: 100%;
	left: 11px;
	bottom: 51px;
	position: absolute;
	z-index: -1;
	transform: rotate(-13deg);
}
.profile-card .profile {
	border-radius: 50%;
	position: absolute;
	bottom: 50%;
	left: 50%;
	max-width: 100px;
	opacity: 1;
	box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
	border: 2px solid rgba(255, 255, 255, 1);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	z-index:99999;
}
.profile-card h2 {
	margin: 0 0 5px;
	font-weight: 600;
	font-size:25px;
}
.profile-card h2 small {
	display: block;
	font-size: 15px;
	margin-top:10px;
}

.profile-card span{
	color:#be4f3c !important; 
}

.profile-card .icon-block{
    float:left;
    width:100%;
    margin-top:15px;
}
.profile-card .icon-block a{
    text-decoration:none;
}
.profile-card span:hover {
	color:#41b0c3 !important; 
	text-decoration:none;
}




