li{
	list-style: none;
}


a{
	text-decoration: none !important;
	color: white !important;
}

body{
	margin: 0;
	background-color: white !important;
	font-family:Arial Unicode MS;
}
table{
	width: 100% !important;
}

.div-title-button{
	padding-top: 20px;
}

.div-title-button h3{
	margin: 0;
}
#body{
	margin-left: 5px;
	margin-top: 5px;
}
.navigation-ul{
	padding: 0;
}
.navigation-div{
	display: block;
	width: 100%;
	background-color: #242121;
	height: auto;
}

.navigation-ul{
	width: 100%;
	margin-bottom: 0;
}

.navigation-item{
	float: left;
	display: inline;
	margin: 0;
	height: 50px;
}

.navigation-item:hover{
	background-color: #525252;
}
.navigation-item a{
	padding: 12px 10px;
	
}
div#login{
	padding: 50px;
	background-color: #515151;
	border: 2px solid #515151;
	margin: 0 auto;
}
div#login input{
	width: 100%;
	height: 50px;
	padding-left: 10px;
	border: none;
	background-color: #F6F6F6;
	color: #333;
}

.form-title{
	width: 25%;
	margin: 0 auto;
	margin-top: 10%;
	text-align: center;
}

.form-title h2{
	color: #242121;
}
.d-inline{
	float: left;
}

.d-inline-block{
	width: 100%;
}
.div-focus{
	width: 25px;
	height: 50px;
	background-color: #515151;
	margin-top: 34px;
}

.form-div{
	width: calc(100% - 25px);
}
.div-input{
	width: calc(100% - 25px);
	
}

#login form{
	margin-bottom: 0;
}
.form-button{
	width: 100%;
	height: 50px;
	margin-top: 1px;
}
.form-button button{
	width: 50%;
	float: right;
	margin-right: 25px;
	margin-top: 10px;
	background-color: #2D8CBA;
	border: none;
	color: white;
	padding: 10px 10px;
	cursor: pointer;
	font-size: 15px;
}

.form-divs a.button-add, .form-divs span.button-add{
	margin-top: 30px;
	margin-left: 0;
}

.form-button button:hover{
	background-color: #006798;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #515151;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #515151;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #515151;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #515151;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #515151;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #515151;
}

.link-home a{
	font-size: 30px;
	margin-top: 8px;
}

.row{
	width: 100% !important;
}

.form-divs{
	width: 100%;
}

.form-divs input{
	width: 100%;
}

.form-divs label{
	display: block;
}

.button-add{
	float: left;
	margin: 0 10px;
	padding: 5px 10px;
	border: 2px solid #2D8CBA;
	background: #2D8CBA;
	border-radius: 5px;
	color: white !important;
	cursor: pointer;
	font-size: 17px;
	margin-top: 10px;
}

.button-add:hover{
	background-color: #26779d;
}
.dataTables_length label, .dataTables_filter label{
    
    display: block !important;
    text-align: right !important;
}

.dt-links{
	margin-right: 4px;
}

.dt-links .uredi{
	color: #2D8CBA;
}

.dt-links .clanovi{
	color: #333;
}

.dt-links .izbrisi, .izbrisi .fa-trash-o{
	color: #c72125;
	cursor: pointer;
}

.item-korisnik{
	padding: 10px;
}

.item-korisnik .item-korisnik-tip{
	float: right;
	margin-right: 10px;
}

.form-div label{
	margin: 0;
	margin-top: 10px;
	color: whitesmoke;
}

.table td{
	padding: 7px 12px !important;
}

thead th{
	background-color: #444444;
	color: whitesmoke;
}

.pagination li{
	padding: 0 4px;
}

input.form-control, select.form-control{
	padding: 5px 10px !important;
	height: 30px !important;
}

div > h3{
	margin-top: 10px;
}

.form-divs label{
	color: #333;
	margin: 0;
	margin-top: 10px;
	font-weight: bold;
}

.form-divs button{
	margin-top: 30px;
	margin-left: 0;
}

.align-center{
	text-align: center;
}

.list{
	padding: 0;
}

.list{
	margin: 0 auto;
	border: 1px solid #ccc;
}

.list p{
	border-bottom: 1px solid #ccc;
}

.dnevni-red-item:last-child p:last-child{
	border-bottom: 0;
}

.projektor-dnevni-red p{
	font-size: 25px;
}

.podtocka-item{
	margin-left: 20px !important;
}

.fa-eye-slash{
	cursor: pointer;
}

.span-redni-broj{
	width: 40px;
	text-align: center;
}

.list .float-right{
	margin-right: 20px;
}
.naziv-tocki{
	border: 1px solid #ccc;
	border-bottom: 1px solid #333;
	padding: 4px 10px;
}
.naziv-tocki span, .item-redni-broj{
	font-weight: bold;
}

.skupstina-zapocni button{
	height: 48px;
	margin: 4%;
}

.skupstina-zapocni .remodal-suzdrzan{
	background-color: #f9bb5d;
}

.zapocni-skupstinu{
	padding: 10px 20px !important;
}

.zavrsi-skupstinu{
	padding: 10px 20px !important;
}
button[disabled]{
	cursor: no-drop;
}


.dnevni-red-item p{
	margin: 0;
	padding: 5px 0 0 10px;
	cursor: pointer;
}

.zavrsi-glasanje, .zapocni-glasanje, .tajno-glasanje{
	padding: 20px 20px !important;
	margin-left: 20% !important;
	margin-bottom: 20px;
	display: inline;
	float: left;
}

.selected-dnevni-red-item{
	background: #40a7fb !important;
}

.tocka-izglasana{
	background-color: #40a7fb;
}

.tocka-na-glasanju {
  -webkit-animation: pulse 1.5s ease-in-out infinite;
  -ms-animation: pulse 1.5s ease-in-out infinite;
  -moz-animation: pulse 1.5s ease-in-out infinite;
  -o-animation: pulse 1.5s ease-in-out infinite;
  animation: pulse 1.5s ease-in-out infinite;
}
@-webkit-keyframes pulse {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #DFDFDF;
  }
  100% {
    background-color: transparent;
  }
}
@-ms-keyframes pulse {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #DFDFDF;
  }
  100% {
    background-color: transparent;
  }
}
@-moz-keyframes pulse {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #DFDFDF;
  }
  100% {
    background-color: transparent;
  }
}
@-o-keyframes pulse {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #DFDFDF;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes pulse {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #DFDFDF;
  }
  100% {
    background-color: transparent;
  }
}

.pocetna-title{
	margin: 30px;
}

h5.tocka-naziv{
	margin-top: 20px;
}

.remodal-glasaj .remodal-suzdrzan{
	background-color: #f9bb5d;
}
.remodal-glasaj{
	width: 100% !important;
	max-width: none !important;
}
.remodal-glasaj button{
	height: 12vw;
	font-size: 3vw;
	text-align: center;
	vertical-align: middle;
	margin-right: 10px;
}

.nije-za-glasanje{
	background-color: #a8a699;
}

.remodal button{
	padding: 10px 20px !important;
}

.remodal-svi-za{
	height: 150px !important;
	font-size: 2vw !important;
}

.remodal-svi-protiv{
	font-size: 2vw !important;
	height: 150px !important;
}

.dropdown-menu a{
	color: #333 !important;
}

.ul-prijavljeni .dropdown-menu{
	width: 300px !important;
	cursor: pointer;	
}

.dropdown-menu .float-right{
	margin-right: 10px !important;
	margin-top: 4px !important;
}

.dropdown-menu a:hover{
	color: #0080c0!important;
}

.div-rezultati-postoci{
	margin-top: 30px;
}
.div-rezultati-postoci p{
	font-size: 25px;
}

button.projektor{
	padding: 10px 20px;
	margin-top: 20px;
	margin-right: 5px;
}

.prikazi-projektor{
	padding: 0 30px;
}

.projektor-popis-korisnika{
	position: relative;
	top: 50%;
	transform: translateY(50%);
}

p.grey{
	background-color: #c0c0c0;
}

p.silver{
	background-color: #bdbcb3;
}

p.green{
	background-color: #71BA75;	
}

p.red{
	background-color: #e57373;
}

p.orange{
	background-color: #f9bb5d;
}

p.blue{
	background-color: #40a7fb;
}

p.height-10{
	padding: 5px 0;
	font-size: 18px;
	text-align: center;
	border-radius: 5px;
}
p.height-20{
	padding: 10px 0;
	font-size: 18px;
	text-align: center;
	border-radius: 5px;
}
p.height-50{
	padding: 15px 0;
	font-size: 25px;
	text-align: center;
	border-radius: 5px;
}

div.projektor{
	padding: 10px 80px;
}

.projektor-popis-korisnika .col-md-4, .projektor-popis-prisutnih .col-md-4{
	width: calc(33.333333% - 6px) !important;
	margin: 3px;
}

.projektor-popis-korisnika .col-md-3, .projektor-popis-prisutnih .col-md-3{
	width: calc(25% - 6px) !important;
	margin: 3px;
}

.projektor-dijagram canvas{
	width: 600px !important;
	height: 450px !importants;
}

#pie{
	height: 450px !important;
}

.projektor-tocka-na-glasanju{
	font-size: 35px;
	text-align: center;
	width: 90%;
	margin: 0 auto;
}

.projektor-tocke{
	display: table;
    position: absolute;
    height: 550px;
    width: 100%;
}

.projektor-naziv-tocke{
	margin-top: 5%;
    vertical-align: middle;
    width: 100%;
}

.projektor-tocka-na-glasanju-tekst{
	font-size: 22px;
	text-align: justify;
	width: 80%;
	margin: 0 auto;
	word-wrap: break-word;
	white-space: pre-wrap;
}

#tekst{
	white-space: pre-wrap;
}

.projektor .div-rezultati-postoci p{
	font-size: 40px;
}

.progress{
	margin: 0 auto;
}

.progress-bar{
	height: 30px !important;
}

.progress-bar-za{
	background-color: #71BA75 !important;	
}
.div-progress h4{
	margin-top: 25px;
	text-align: center;	
}

.remodal-glasaj button{
	margin-top: 10px !important;
}

.li-odjava .dropdown-menu{
	height: 40px;
	padding: 0 !important;
}

.dropdown-menu{
	border-radius: 5px !important;
	min-width: 0 !important;
}

a.odjava{
	padding: 6px 15px;
}

.remodal-confirm:disabled{
	background-color: #C0DBC1;
}

.remodal-cancel:disabled{
	background-color: #DB9F9F;
}

.remodal-suzdrzan:disabled{
	background-color: #fcd8a3;
}

footer{
	background-color: #242121;
	position:fixed;
    left:0px;
    bottom:0px;
    width: 100%;
    height: 40px;
}

footer p{
	padding: 5px;
	color: whitesmoke;
}

span.progress-postotak{
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}

div.projektor-rezultati{
	margin: 0 auto;
}
span.postoci-postoci{
	width: 100px;	
	text-align: right;
}
span.postoci-broj{
	width: 60px;
	text-align: right;
}

span.crtica{
	width: 40px;
	text-align: center;
}

.li-tocka{
	width: calc(100% - 800px);
	margin-left: 40px;
	text-overflow: ellipsis;
    overflow: hidden; 
    white-space: nowrap;
    text-align: center;
}

.li-tocka a{
	padding: 3px 20px;
	font-size: 30px;
}

@media screen and (max-width: 1280px) {
    .projektor .div-rezultati-postoci p {
	    font-size: 30px;
	}
}

@media screen and (max-width: 1160px) {
    span.postoci-postoci{
		width: 60px;	
	}
	span.postoci-broj{
		width: 40px;
	}
	
	span.crtica{
		width: 20px;
	}
}

.nav-grb{
	height: 40px;
	margin-right: 10px;
	margin-top: -3px;
}

.margin-center{
	margin: 0 auto;
}

.projektor-pocetna-slika img{
	height: 250px;
	display: block;
	margin-top: 100px;
}

.projektor-pocetna-poruka p{
	text-align: center;
	font-size: 40px;
	width: 70%;
	margin: 0 auto;
}

.projektor-dnevni-red{
	border: 4px solid white;
	background-color: white;
	margin-top: 10px;
	border-radius: 10px;
}

.projektor-dnevni-red ul{
	border: 0;
}

.dnevni-red-item a{
	color: black !important;
}


.tocka-dnevnog-reda-click{
	display:inline-block;
    width: calc(100% - 100px);
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

.podtocka-dnevnog-reda-click{
	display:inline-block;
    width: calc(100% - 120px);
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

.list{
	max-height: 350px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.div-odluka{
	margin-bottom: 35px;
}

span.pregled{
	color: #151515;
}

.li-statistika p{
	padding: 12px;
	font-size: 18px;
}

span.akcija-testiraj{
	color: #151515;
	cursor: pointer;
}

.fa-info-circle{
	color: #0080ff;
	cursor: pointer;
}

div.main{
	margin-bottom: 100px !important;
}

.dt-links.float-right{
	margin-right: 5px;
}

.odjavi-sve-tekst{
	text-decoration: underline;
}

.tocka-tekst{
	text-align: justify;
	word-wrap: break-word;
	white-space: pre-wrap;
}

div.prikazi-projektor .col-md-3{
	padding: 0 2px !important;
}
button.btn-dnevni-red{
	padding: 5px 20px;
	font-size: 18px;
	font-weight: normal;
}

p.nema-kvoruma{
	color: red;
	font-weight: bold;
}

.remodal-pregled-tocke{
	max-width: 90% !important;
	height: auto;
}

.pregled-tocke-nije-izglasano{
	width: 100%;
	text-align: center;
	margin-top: 100px;
	color: red;
	font-size: 30px;
}

.required label:after{
	content: ' *';
	color: red;
}

.button-add.d-block{
	margin-top: 10px !important;
	float: none !important;
	width: 180px;
	text-align: center;
}

.active-item{
	background: #707070;
}

 
.class-warning:before {
    content: "\f071";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
 }
 
.class-success:before {
    content: "\f00c";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
 }
 
.alert{
 	width: auto !important;

 }
 .alert [data-notify="message"]{
  	margin: 0 5px;
 }
 
.dataTables_paginate a{
	color: #2D8CBA !important;
}

.li-odjava .dropdown-menu{
	right: 0;
}

option{
	width: 500px;
}

.select2{
	width: 100% !important;
}

@media (min-width: 1270px){
	.navbar-expand-lg .navbar-nav {
	    display: inline-block !important;
	}
	.navbar-expand-lg .navbar-toggler {
	    display: none !important;
	}
	.collapse{
		display: block !important;
	}
	.navigation-div{
		height: 50px;
	}
}

@media (min-width: 800px){
	.navbar-expand-lg .navbar-collapse {
	    -ms-flex-preferred-size: auto;
	    flex-basis: auto;
	}
}

.navbar{
	background-color: #242121;
	padding: 0 !important;
}

.navbar-toggler-icon i{
	margin-top: 5px;
	color: #c0c0c0;
	cursor: pointer;
}
.navbar-toggler-icon{
	border: 1px solid grey;
	border-radius: 5px;
}

.pagination li{
	border-top: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	border-left: 1px solid #ccc !important;
	padding: 4px 10px !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

.pagination li:first-of-type{
	border-radius: 5px 0 0 5px !important;
}

.pagination li:last-of-type{
	border-right: 1px solid #ccc !important;
	border-radius: 0 5px 5px 0 !important;
}

.select2-container .select2-selection--single {
	height: 30px !important;
    border: 1px solid #ccc !important;
}

#dionicar{
	text-transform: uppercase;
}

.nav-tabs>li>a {
    color: #08c !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #151515 !important;
}

.dionicar-naziv{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 30px;
}

.dionicar-broj_dionica{
	font-weight: normal;
	font-style: italic;
}

.btn-xs {
    padding  : .45rem .8rem !important;
    font-size  : .875rem !important;
    line-height  : .5 !important;
    border-radius : .2rem !important;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1 !important;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 80px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 105%; 
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.item-glasovi{
	text-align: center;
	padding: 0 10px;
	color: white;
	margin-right: 10px;
	margin-left: 10px;
}

.item-glasovi p{
	margin: 0;
}

.inside{
	text-align: center;
}