.space_above_xt{margin-top: 5px;}.space_above_t{margin-top: 10px;}.space_above_s{margin-top: 20px;}.space_above_m{margin-top: 40px;}.space_above_l{margin-top: 60px;}
.space_below_xt{margin-bottom: 5px;}.space_below_t{margin-bottom: 10px;}.space_below_s{margin-bottom: 20px;}.space_below_m{margin-bottom: 40px;}.space_below_l{margin-bottom: 60px;}
.space_left_xt{margin-left: 5px;}.space_left_t{margin-left: 10px;}.space_left_s{margin-left: 20px;}.space_left_m{margin-left: 40px;}.space_left_l{margin-left: 60px;}

.m-0{margin:0!important}
.m-1{margin:.25rem!important}
.m-2{margin:.5rem!important}
.m-3{margin:1rem!important}
.m-4{margin:1.5rem!important}
.m-5{margin:3rem!important}
.m-auto{margin:auto!important}
.mx-0{margin-right:0!important;margin-left:0!important}
.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}
.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}
.mx-3{margin-right:1rem!important;margin-left:1rem!important}
.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}
.mx-5{margin-right:3rem!important;margin-left:3rem!important}
.mx-auto{margin-right:auto!important;margin-left:auto!important}
.my-0{margin-top:0!important;margin-bottom:0!important}
.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}
.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}
.my-3{margin-top:1rem!important;margin-bottom:1rem!important}
.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}
.my-5{margin-top:3rem!important;margin-bottom:3rem!important}
.my-auto{margin-top:auto!important;margin-bottom:auto!important}
.mt-0{margin-top:0!important}
.mt-1{margin-top:.25rem!important}
.mt-2{margin-top:.5rem!important}
.mt-3{margin-top:1rem!important}
.mt-4{margin-top:1.5rem!important}
.mt-5{margin-top:3rem!important}
.mt-auto{margin-top:auto!important}
.me-0{margin-right:0!important}
.me-1{margin-right:.25rem!important}
.me-2{margin-right:.5rem!important}
.me-3{margin-right:1rem!important}
.me-4{margin-right:1.5rem!important}
.me-5{margin-right:3rem!important}
.me-auto{margin-right:auto!important}
.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:.25rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.mb-5{margin-bottom:3rem!important}
.mb-auto{margin-bottom:auto!important}
.ms-0{margin-left:0!important}
.ms-1{margin-left:.25rem!important}
.ms-2{margin-left:.5rem!important}
.ms-3{margin-left:1rem!important}
.ms-4{margin-left:1.5rem!important}
.ms-5{margin-left:3rem!important}
.ms-auto{margin-left:auto!important}
.p-0{padding:0!important}
.p-1{padding:.25rem!important}
.p-2{padding:.5rem!important}
.p-3{padding:1rem!important}
.p-4{padding:1.5rem!important}
.p-5{padding:3rem!important}
.px-0{padding-right:0!important;padding-left:0!important}
.px-1{padding-right:.25rem!important;padding-left:.25rem!important}
.px-2{padding-right:.5rem!important;padding-left:.5rem!important}
.px-3{padding-right:1rem!important;padding-left:1rem!important}
.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-5{padding-right:3rem!important;padding-left:3rem!important}
.py-0{padding-top:0!important;padding-bottom:0!important}
.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-5{padding-top:3rem!important;padding-bottom:3rem!important}
.pt-0{padding-top:0!important}
.pt-1{padding-top:.25rem!important}
.pt-2{padding-top:.5rem!important}
.pt-3{padding-top:1rem!important}
.pt-4{padding-top:1.5rem!important}
.pt-5{padding-top:3rem!important}
.pe-0{padding-right:0!important}
.pe-1{padding-right:.25rem!important}
.pe-2{padding-right:.5rem!important}
.pe-3{padding-right:1rem!important}
.pe-4{padding-right:1.5rem!important}
.pe-5{padding-right:3rem!important}
.pb-0{padding-bottom:0!important}
.pb-1{padding-bottom:.25rem!important}
.pb-2{padding-bottom:.5rem!important}
.pb-3{padding-bottom:1rem!important}
.pb-4{padding-bottom:1.5rem!important}
.pb-5{padding-bottom:3rem!important}
.ps-0{padding-left:0!important}
.ps-1{padding-left:.25rem!important}
.ps-2{padding-left:.5rem!important}
.ps-3{padding-left:1rem!important}
.ps-4{padding-left:1.5rem!important}
.ps-5{padding-left:3rem!important}


/* FORM FIELDS VALIDATION */
form.ui.form input.is-invalid, form.ui.form select.is-invalid{
	border-color: #dc3545;
	color: #dc3545;
	padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
form.ui.form select.is-invalid{
	background-position: right calc(0.375em + 1.5rem) center !important;
}
.form-check-inline .form-check-input ~ .invalid-feedback {
	margin-left: 0.5em;
}
.invalid-feedback {
	display: none;
	width: 100%;
	margin-top: 0.25rem;
	font-size: 0.875em;
	color: #dc3545;
}
.is-invalid ~ .invalid-feedback{
	display: block;
}

/*   PRIJAVA     */

body.construction{
	border: none;
	background: none;
	background-color: #fff;
	font-size: 11px;
	font-weight: 200;
	letter-spacing: 2px;
	line-height: 14px;
	text-transform: uppercase;
}
.construction h1{
	position: absolute;
	z-index: 1;
	top: 40%;
	left: 50%;
	margin:-70px 0 0 -75px;
}
.construction .login{
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	margin:-100px 0 0 -150px;
	
}
.construction_logo{
	position: absolute;
	z-index: 0;
	top: -30%;
	right: -15%;
}
.construction_logo > svg{
	height: 1200px;
	width: 1200px;
}
.construction hr.fixed_top{
	position: absolute;
	top: -6px;
	width: 100%;
	height: 5px;
	background-color: #000;
}
.construction .copyright{
	position: absolute;
	width: 100%;
	bottom: 15px;
	text-align: center;
}
.construction hr.bottom{
	position: absolute;
	bottom: 0;
	width: 100%;
}
.construction a{
	color: #888;
	text-decoration: none;
}
.construction a:hover{
	color: #000;
}
.construction .container{
	width: 100%;
	box-shadow: 0px -5px 0 0px #000 inset, 0px 5px 0 0px #000 inset;
}
.construction .middle{
	width: 900px;
	height: 111px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -56px 0 0 -455px;
	background: #fff;
}
.construction .middle:before, .construction .not_found_logo:before{
	content: '';
	position: fixed;
	left: 30px;
	right: 30px;
	height: 2px;
	background: #000;
	top: 50%;
	z-index: -1;
}


/* page layout */

body.pushable>.pusher{
	background: rgba(23,226,104,.2) url("../img/background.8eae913086a9.jpg") repeat fixed;
}
.main img.logo{
	height: 100%;
	position: fixed;
	top: 50%;
	left: 50%;
	height: 50em;
	width: 50em;
	margin-top: -25em;
	margin-left: -25em;
	z-index: -1;
}
.main p{
	font-size:1.2em;
	line-height:2;
}
p.errors{
	display: inline;
	color: red;
	font-size: 12px;
	text-transform: uppercase;
}
div.error > label{
	display: block;
	font-size:1em;
	background-color:rgba(255,0,0,0.6);
	font-weight:bold;
	color:white;
	padding: 6px 6px;
}

table.dataTable.table thead th{
	background-color: #456;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}
table.dataTable.table tfoot th{
	background-color: #456;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}
.dataTables_length > label, .dataTables_info{
	float:left;
}
table.dataTable.table tbody td{
	vertical-align: middle;
	text-align: center !important;
	font-size: 13px;
	color: #44546a;
}
table.dataTable.table tbody td a{
	font-weight: bold;
	text-align: left;
}
table.dataTable.table tbody tr:nth-child(odd), section.financial table tbody tr:nth-child(odd){
	background-color: #ededed !important;
} 
.dt-button-background{
	/* u suprotnom dropdown menu sa sakrivenim kolonama neće biti funkcionalan */
	z-index:0 !important;
} 
.dt-buttons{
	float:left;
	background-color: #fff !important;
}
section.saradnici .dt-buttons, section.zaposleni .dt-buttons{
	margin-left: 20px !important;
}
.ui.input input {
	color: red;
}
#dd_zaposleni{
	background-color: #fffff5;
}
.ui.form .field.error label{
	color:white !important;
}
/***********
**NASTAVA**
***********/
section.angazovanje_ias  table{
	margin: 20px auto 0 auto;
	width: 310px;
	box-shadow: none;
}
section.angazovanje_ias table thead{
	margin-bottom: 10px;
	border-spacing: 0;
	cursor: pointer;
}
section.angazovanje_ias table thead th{
	padding:5px 5px;
	border-spacing: 10px 50px;
	background-color: #456;
	color: #fff;
	border-collapse: separate;
	font-size: 11px;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
section.angazovanje_ias table tbody td{
	font-size: 11px;
}
section.angazovanje_ias table tbody td p{
	margin-left: 1.5em;
	font-size: 12px;
}

section.angazovanje_ias table tbody tr{
	background-color: rgba(200, 200, 200, .3) !important;
}
section.angazovanje_ias table tbody tr.subject td{
	/*background-color: rgba(125, 250, 76, .5);*/
	background-color: rgba(255, 252, 169, 0.5);
	color: #676425;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
section.angazovanje_ias table tbody tr.asistent{
	
}
section.angazovanje_ias table tbody tr.profesor{
	
}
section.angazovanje_ias  .POSLEDNJI_RED table tbody tr:last-child{
	background-color: #000;
	color: #fff;
}
section.finansije-izmena .ui.form .disabled.field, section.finansije-izmena .ui.form .disabled.fields .field, section.finansije-izmena .ui.form .field :disabled{
	opacity: .8;
}
section.finansije-izmena .ui.form .field.disabled>label, section.finansije-izmena .ui.form .fields.disabled>label{
	opacity: .9;
}
/***********
**USLUGE**
***********/
section.usluge-izvestaji table.ui.celled.table.small{
	font-size: 11px;
}
.delete_button{
	padding: 6px 10px;
	background-color: rgba(200,5,5,.25);
	display: inline-block;
	margin-top: 0px;
	color: #fff;
}
.delete_button:hover{
	background-color: #d00505;
	color: #fff;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	
}
.form_set, .add_button{
	display: block;
	clear: both;
}
.add_button{
	padding: 6px 10px;
	background-color: rgba(20,200,5,.25);
	display: inline-block;
	margin-top: 20px;
	color: #fff;
}
.add_button:hover{
	background-color: #13d005;
	color: #fff;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
section.nastava-izmena div.list {
	height:300px;
	overflow-y:scroll;
	overflow-x:hidden;
}
section.nastava-izmena div.list > a{
	display: block;
	padding: 10px 0;
	margin: 5px 0;
	background-color: rgba(239,239,239,.6);
}

/* 
////////////
DRAG-DROP UPLOAD
////////////
*/
.drop-zone {
	max-width: 960px;
	height: 100px;
	padding: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: 500;
	font-size: 20px;
	cursor: pointer;
	color: #cccccc;
	border: 4px dashed #009578;
	border-radius: 10px;
}

.drop-zone--over {
	border-style: solid;
}

.drop-zone__input {
	display: none;
}

.drop-zone__thumb {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	background-color: #cccccc;
	background-size: cover;
	position: relative;
}

.drop-zone__thumb::after {
	content: attr(data-label);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px 0;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.75);
	font-size: 14px;
	text-align: center;
}


section.unos-studenta .ui.toggle.checkbox label {
	padding-left:0;
	padding-right:4em;
}

section.unos-studenta .ui.checkbox input,
section.unos-studenta .ui.toggle.checkbox label:before {
	left:auto;
	right:0;
}

section.unos-studenta .ui.toggle.checkbox label:after {
	left:auto;
	right:1.75em;
	transition:background 0.3s ease 0s, right 0.3s ease 0s;
}

section.unos-studenta .ui.toggle.checkbox input:checked + label:after {
	left:auto;
	right:0.5em;
	transition:background 0.3s ease 0s, right 0.3s ease 0s;
}


/*
##############################################
###               ŠKOLARINE                ###
##############################################
*/

.highlighted {
    background-color: #fff8d5 !important;  /* soft yellow */
    transition: background-color 1s ease;
}

.faded {
    background-color: white !important;
}

/* Skini zabranu selekcije teksta u dropdownu */
section.xml-results.ui.dropdown .text,
section.xml-results.ui.selection.dropdown > .text {
		-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;

}

.ui.search.dropdown.active>input.search, .ui.search.dropdown.visible>input.search{
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}