/* 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;
}

input.s1{ width:10%; }
input.s2{ width:15%; }

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;
}

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

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;
}

.side-nav{
   background-color: #283a4a;
   color: #FFF;
   width: 200px;
}

.side-nav.fixed a {
    color: rgb(223 223 223 / 87%);
}

.side-nav li > a > i, .side-nav li > a > [class^="mdi-"], .side-nav li > a > [class*="mdi-"], .side-nav li > a > i.material-icons {
    color: rgb(217 217 217 / 54%);
}

@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: 110px;
}

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


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;
}

.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: 96% !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; }

.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; }

#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; }






@media only screen and (max-width : 2560px) {
	.container{ max-width: 1680px; }
}




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

@media only screen and (max-width : 992px) {
   .MobileMenu .material-icons {
    color: #000;
    font-size: 35px;
    font-weight: bold;
    position: fixed;
    top: 8px;
    right: 4px;
    left: unset;
   }
	
	
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
  .NoM { display:none; }
  .noM { display:none; }
  .noMno{ font-size:12px; }
  .predmeti_tabela{ margin-bottom:40px; }
  
  #broj1 { width:50%!important; }
  #klase1{ width:30%!important; }
  #organi1{ width:50%!important; }
  #opis{ width:99%!important; }
  input[name="godina"]{ width:30%!important; }
  
  .s10m { width:100% !important; }
  .row .col.s10 { 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; }
  .SednicaPregled { width: 96% !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; }
}

@media only screen and (max-width : 768px) {
	h5 { font-size: 0.8rem; }
	h4 { font-size: 1.0rem; }
	h3 { font-size: 1.1rem; }
	h2 { font-size: 1.2rem; }
	h1 { font-size: 1.4rem; }
	table.predmeti{ font-size:14px; }
	td.predmet_polje{ width:32%!important; }
	.predmeti_tabela{ 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 
	{
    border-bottom: 1px solid #9e9e9e;
    height: 1rem;
    font-size: 0.7rem;
    margin: 0 0 20px 0;
   }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
  .NoM { display:none; }
  .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; }
  h4 { font-size: 1.28rem; }
  .chip i.medium { font-size: 2rem; }
  #waiting { height:150px; margin-top:-150px;  }
}

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