/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}
  
.collapsible-header {
    font-weight: 700;
    color: #000;
}
.collapsible-body p{
    font-weight: 500;
    color: #000;
}
.center {
  text-align: center;
  vertical-align: middle;
}
.promo-example {
  overflow: hidden;
}
.promo {
  width: 100%;
}

.promo i {
  color: #5C99D0;
  font-size: 7rem;
  display: block;
}

.promo-caption {
  font-size: 1.7rem;
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 0;
}
.promo-body {
  c-olor: #000;
  font-weight: 400;
}
p {
  color: rgba(0, 0, 0, 0.71);
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

*, body {
 font-family: 'Lato', sans-serif;
 font-weight: 400;
 color: #000;
}
input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #5C99D0;
  box-shadow: 0 1px 0 0 #5C99D0;
}
input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #5C99D0;
}

nav.top-nav {
  height: 122px;
  box-shadow: none;
  z-index:1000000;
}
nav.top-nav a.page-title {
  line-height: 122px;
  font-size: 28px;
  font-weight: 300;
  text-align:center;
}

span.badge {
    min-width: 3rem;
    padding: 0 6px;
    text-align: center;
    font-size: 1rem;
    line-height: inherit;
    color: #757575;
    position: unset;
    right: unset;
    box-sizing: border-box;
}

.query_table td, .query_table th{ padding: 2px 2px; }
.inline_input{ display:inline-block; width:320px !important; margin-left:32px !important; }

@media only screen and (max-width : 992px) {
  nav .nav-wrapper {
    text-align: center; }
    nav .nav-wrapper a.page-title {
      font-size: 36px; padding-left: 75px } }

nav a.button-collapse i {
  line-height: 122px;
}

main, header, footer {
  padding-left: 310px;
}

main {
 min-height: calc(100% - 442px);
 position: relative;
}

.input-field label {
    color: #9e9e9e;
    position: absolute;
    top: 0.8rem;
    font-size: 1rem;
    left: 0px;
    cursor: text;
    transition: .2s ease-out;
}

.page-footer{ background-color: #283A4A!important }

@media only screen and (max-width : 992px) {
  header, main, footer {
    padding-left: 0; } }

a.button-collapse.top-nav {
  position: absolute;
  text-align: center;
  height: 48px;
  width: 48px;
  left: 7.5%;
  top: 0;
  float: none;
  margin-left: 1.5rem;
  color: #fff;
  font-size: 32px;
  z-index: 2;
}
/********************
  Index Page Styles
********************/
ul.side-nav.fixed li.logo {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 16px;
  border-bottom: 1px solid #ddd; }
  ul.side-nav.fixed li.logo:hover {
    background-color: transparent; }
ul.side-nav.fixed li a {
font-weight: 500;
}

ul.side-nav li { overflow:hidden; }
#logo-container {
  height: 57px;
  margin-bottom: 32px;
  width: 100%;
  box-sizing: border-box;
  margin-left: -15px;
  position: relative;
}

nav ul a,
nav .brand-logo {
  color: #FFF;
}

p {
  line-height: 1.6rem;
}

h4 { font-size: 1.58rem; }

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
.parallax-container .section {
    width: 100%;
}
  
  
.PBar{ /*background-color: #283A4A;*/ color:#fff; position:fixed; top:0; left:21%;padding:5px; width: 62%; z-index: 15; opacity: 0.9; font-size:14px; }
.MobileMenu  .material-icons { color:#000; font-size:25px; font-weight:bold; position:absolute; top:2px; left:-52px; }

.icon-block {
  padding: 0 15px;
}

.input-field label {
  font-size: 0.9rem;
}

.containerLarge{ width: 90% !important; }
.SednicaPregled { width: 70%;
  text-align: left;
  margin-left: 20px; 
  font-size:16px;
  }

.input-field .prefix ~ input, .input-field .prefix ~ textarea {
  border-top: 1px solid #F3F3F3;
}

.blurred { -webkit-filter: blur(3px); }

.PrevPage { width: auto !important; }
.NextPage { width: auto !important; }

.valign { vertical-align:middle; }
.valignWhite { vertical-align:middle; color: #fff; }
.valignBlack { vertical-align:middle; color: #000; }
.valignBIG    { vertical-align:middle; color: #13524C; font-size: 32px !important; }
.Zakazana {
  vertical-align: middle;
  color: #5D789F;
  font-size: 26px !important;
  font-weight: bold;
}
.SaveButton { color: #F0F0F0; background-color: #81CE89; border-radius: 4px; }
.SaveButton:hover { background-color: #61B86A; }
.DeleteButton { color:#C67D7D; }
.DeleteButton:hover { color:#B16969; }
.bold { font-weight:bold; }
.Font_Times { font-family: 'Times New Roman', Arial; }
.material-icons { vertical-align:middle; }
.AktivnaTacka { background-color: #EDF4ED; }
.AktivnaTacka  a { color: #A24F4F !important; }
.imgvalign { vertical-align:middle; }
#BrojFajlova { height:60px; overflow-y:scroll; margin-bottom:4px; }
#modal_glasanje { text-align:center; }
#TvojGlas { margin-top: 10px; height:62px; }
.chip { /*height: 62px; */ }
.vote_icon { vertical-align:bottom; } 
#waiting { position:absolute; margin-top:-62px; width:95%; height:62px; background-color:#e1e1e1; z-index:10000; opacity:0.5; display:none; }
#VremeZaGlasanje { font-size:300%; padding-top:10px; }
#VremeZaKvorum     { font-size:300%; padding-top:10px; }
.GlasanjeSadrzaj { width:60%; margin:0 auto; }
#TackaZaGlasanje { margin-top:16px; font-size:110%; text-align:center; }
#GlasanjeDugme { position:fixed; bottom:32px; right:12%; display:none;  }
#KvorumDugme     { position:fixed; bottom:32px; right:12%; display:none;  }
.prisutan_icon { color:#fff; }
.Prisutan_wrap { margin-top:40px; }

#Temp_Prisutan_wrap { display:none; }

.modal.bottom-sheet {
  height: 80%; 
  max-height:80%;
}

.modal { z-index: 7979; max-height:98%; width:90%;  top:5% !important; }
.mtop16{ margin-top:16px; }
.device_data_info{ margin-bottom:8px; color: #606060; }
.device_data_info b{ color: #606060; }
.device_data_info i { vertical-align:middle; }
.online_0{ color:#ff8e8e; }
.online_1{ color:#00e600; }

.realmAuth{ height:50px; display:none; }

.SednicaStavke { font-weight:800 !important; }
.SednicaStavka { font-weight:800 !important; }
.SednicaStavka a { font-weight:800 !important; }

.GRESKA { color:#ff9c94; font-weight:bold; font-size:16px; }
.PodTacka { margin-left:40px; }
.GlasanjeDugme { height: 56px; line-height: 56px; }

.TackaOpcija { float:right; }
.TackaGlasaci { padding-right:6px; }

.TackaOpcija:hover { color:#37a0f4; }  

.material-tooltip span { color: #fff !important; }

.offline_info { color: #ff0000; }
.online_info   { color:#b1dcfb; } 
.bolded { font-weight: bold; }

.PREGLED_SADRZAJ { font-size:50px; margin-top: 36px; }



.KorisniciRow1 { width:24%; }
.KorisniciRow2 { width:13%; }
.KorisniciRow3 { width:8%; }
.KorisniciRow4 { width:16%; }
.KorisniciRow5 { width:15%; }

.ZahtevWrap { margin: 10px 0; padding: 0; border: 1px solid #efefef; background-color: #fff; }
.ZahtevKorisnickiPodaci { padding: 5px 0; background-color: #f8f8f8; }
.ZahtevOpis { padding: 22px 15px;font-size: 1.1em; line-height: 1.8rem; }

.IzvestajWrap { border:1px solid #ccc; padding:5px; }
.Utoku { background-color: #fff0f0; }
.Azurirano { background-color: #daffdb; }
.SmallFont { font-size:11px; }

.PregledRow1 { width:30%; }
.PregledRow2 { width:30%; }
.PregledRow3 { width:10%; }
.PregledRow4 { width:20%; }
.PregledRow5 { width:5%; }
.PregledRowSmall { width:5%; }
.Odgovora { color:#757575; float:right; } 
#NazivInfo { color: #F44336 ; }

#header-fixed {
    position: fixed;
    top: 0px; display:none;
    background-color:white;
}

#ServerOffline { position:fixed; top:0; left: 5px; height:32px; background-color: #000; color: #fa5f5f; width:340px; z-index:10000; padding-left:20px; border-radius: 4px; display:none; }

.btn, .btn-large, .btn-flat { padding: 0 1.5rem; }



.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.PregledZahteva td, th {
    padding: 6px 5px;
}

td, th{ padding: 6px 5px; }

.daterangepicker .input-mini {
    width: 80% !important;
}

.collapsible-header { color: #31708f; background-color: #d9edf7; border-color: #bce8f1;  }

.button {
    border-radius: 3px;
    cursor: pointer;
	box-shadow: 0 3px #999;
}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 2px #666;
  transform: translateY(2px);
}

.button:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}

#printPredao { display:none; }
#printPrimio { display:none; }
#korisnik_ime { display:none; }
#OstalaOprema  { display:none; }

.kom { width:100px; }
.Polje1 { text-align:right; padding:8px; min-width:100px; }
.Polje2 { text-align:left;  padding:8px; min-width:320px; }
.Polje3 { text-align:left; padding:8px; min-width:90px; }

.Prioritet1 { background-color: #009f51; width:24px; height:24px; border-radius: 50%; }
.Prioritet2 { background-color: #f6ad40; width:24px; height:24px; border-radius: 50%; }
.Prioritet3 { background-color: #e72528; width:24px; height:24px; border-radius: 50%; }

.FloatRight { float:right; }
#date-range0 { font-size:13px; }

[type="checkbox"] + label {
	    padding-left: 24px !important;
}

@media only screen and (max-width : 1536px) {
  .btn, .btn-large, .btn-flat {
    padding: 0 1.0rem;
	font-size:13px;
  }
}

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
  h4 { font-size: 1.28rem; margin: 0.24rem 0 0.212rem 0; }
  .NoM { display:none; }
  .s10m { width:100% !important; }
  .row .col.s10 { width:100% !important; }
  .row .col.s8 {  width:100%!important; }
  .row .col.s6 {  width:100% !important; }
  .row .col.s4 {  width:100% !important; }
  .row .col.s3{   width:100% !important; }
  .row .col.s2 {  width:100% !important; }
  .row .col.s1 {  width:10% !important; }
  .SednicaPregled { width: 96% !important; }
  .containerLarge{ width: 96% !important; }
  .Pregled p {
    font-size: 1.0em;
    line-height: 1.2rem;
	padding-right:5px;
  }
  
  .KorisniciRow1 { width:96%;font-weight:bold; }
  .Logovi td { font-size:13px; }
  main, header, footer {
    padding-left: 20px!important;
  }

  .btn-large { }
  #TackaZaGlasanje { margin-top:8px; font-size:100%; width:100%; }
  #VremeZaGlasanje { font-size:150%; padding-top:5px; }
  html { font-size:22px; }
  p { line-height: 1.3rem; }
  .btn, .btn-large, .btn-flat { padding: 0 1rem; letter-spacing: .1px; height: 34px; line-height: 36px; font-size: 14px; }
  
  input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
	  height: 1.9rem; 
  }
  
  [type="checkbox"] + label { padding-left:20px !important; }
  
  
  .PregledRow1 { width:60%; }
  .PregledRow2 { width:20%; }
  .PregledRow3 { width:8%; }
    #header-fixed { display:none !important; }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
  .NoM { display:none; }
  h4 { font-size: 1.18rem; }
  .containerLarge{ width: 96% !important; }
  .SednicaPregled { width: 96% !important; }
  .btn-large { }
  #TackaZaGlasanje { margin-top:8px; font-size:100%; width:100%; }
  #VremeZaGlasanje { font-size:150%; padding-top:5px; }
  .GlasanjeDugme { display:block; margin-bottom:4px; }
  .chip i.medium { font-size: 2rem; }
  #waiting { height:150px; margin-top:-150px;  }
  
  .SmallFontMoB { font-size:11px; }
  .cke_top { display:none !important; }
  #header-fixed { display:none !important; }
}

.footer-glasanje {  }
.icon-glasanje { vertical-align:top; }
footer.page-footer {
  margin: 0;
}