html, body {
    background-color: #ededed;
    color: #3c3c3c;
    height: 100%;
}
.page-background {
    background-image: none;
    background-size: cover;
    background-position: top center;
    background-color: #ededed;
}
.navbar.navbar-transparent {
    background-color: #007dc0;
    background-position: top left;
    background-repeat: no-repeat;
    box-shadow: none;
    border-bottom: 0;
    padding: 0px 0px 0px 0px;
    border-radius: 0px;
    min-height: 10px;
    position: fixed;
    -webkit-box-shadow: 0px 0px 4px 0px #07164f;
    -moz-box-shadow: 0px 0px 4px 0px #07164f;
    box-shadow: 0px 0px 4px 0px #07164f;
}
.main-panel > .content {
    margin-top: 50px;
}
div.mm_footer_menu {
  background-color: #ededed;
  color: #007dc0;
  border-radius: 7px;
  box-shadow: none;
  border: solid #dadada 0px;
  margin: 20px 0px 40px 0px;
  padding: 9px 0px 19px 0px;
  float: left;
  width: 100%;
}
div.mm_footer_menu ul {
  margin: 0;
  padding: 0;
}
div.mm_footer_menu li {
  display: inline-block;
  width: 24%;
  border: solid 0px #ffffff;
  margin: 6px 0px 6px 0px;
  padding: 6px 0px 6px 0px;
  list-style: none;
}
div.mm_footer_menu h1 {
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
  padding: 17px 0px 14px 0px;
  margin: 0;
  color: #007dc0;
}
div.mm_footer_menu p {
  font-size: 12px;
  line-height: 15px;
  font-weight: 300;
  padding: 2px 0px 12px 0px;
  margin: 0;
  color: #a09e9e;
}
/* IKONE Brzi linkovi */
div.ql_home {
  width: 100%;
  background-image: url('../../../ikone/quick_links/home.png');
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}
div.ql_home a{
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #7b7b7b;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 0px 0px;
  text-decoration: none;
}
div.ql_plati {
  width: 100%;
  background-image: url('../../../ikone/quick_links/plati.png');
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}
div.ql_plati a{
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #7b7b7b;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 0px 0px;
  text-decoration: none;
}
div.ql_racuni {
  width: 100%;
  background-image: url('../../../ikone/quick_links/racuni.png');
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}
div.ql_racuni a{
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #7b7b7b;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 0px 0px;
  text-decoration: none;
  text-align: center;
}
div.ql_kartice {
  width: 100%;
  background-image: url('../../../ikone/quick_links/kartice.png');
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}
div.ql_kartice a{
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #7b7b7b;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 0px 0px;
  text-decoration: none;
}
div.ql_transakcije {
  width: 100%;
  background-image: url('../../../ikone/quick_links/transakcije.png');
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}
div.ql_transakcije a{
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #7b7b7b;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 0px 0px;
  text-decoration: none;
}
div.ql_kursna_lista {
  width: 100%;
  background-image: url('../../../ikone/quick_links/kursna_lista.png');
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}
div.ql_kursna_lista a{
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #7b7b7b;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 0px 0px;
  text-decoration: none;
}
div.ql_kursna_k_kalkulator {
  width: 100%;
  background-image: url('../../../ikone/quick_links/kreditni_kalkulator.png');
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}
div.ql_kursna_k_kalkulator a{
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #7b7b7b;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 0px 0px;
  text-decoration: none;
}
div.ql_kursna_d_kalkulator {
  width: 100%;
  background-image: url('../../../ikone/quick_links/depositni_kalkulator.png');
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}
div.ql_kursna_d_kalkulator a{
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #7b7b7b;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 0px 0px;
  text-decoration: none;
}
div.ql_atm_lokacije {
  width: 100%;
  background-image: url('../../../ikone/quick_links/atm_lokacije.png');
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}
div.ql_atm_lokacije a{
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #7b7b7b;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 0px 0px;
  text-decoration: none;
}
div.ql_kontakt {
  width: 100%;
  background-image: url('../../../ikone/quick_links/kontakt.png');
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}
div.ql_kontakt a{
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #7b7b7b;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 0px 0px;
  text-decoration: none;
}
div.ql_odjva {
  width: 100%;
  background-image: url('../../../ikone/quick_links/odjava.png');
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}
div.ql_odjva a{
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #7b7b7b;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 0px 0px;
  text-decoration: none;
}
.alert.alert-info {
    background-color: #ededed;
    color: #3c3c3c;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}
.alert.alert-info h1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 34px;
  color: #3c3c3c;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 8px 4px;
  border-bottom: 1px solid #a61e47;
  background-image: url('img/mm_arrow_blue.png');
  background-position: right;
  background-repeat: no-repeat;
}
.alert.alert-info h2 {
  font-size: 15px;
  font-weight: 400;
  color: #007dc0;
  margin: 0px 0px 7px 0px;
  padding: 0px 0px 0px 4px;
  line-height: 18px;
}
.alert.alert-info h3 {
  font-size: 26px;
  font-weight: 300;
  color: #007dc0;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}
.alert.alert-info p {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin: 0px 0px 0px 6px;
  padding: 0px 0px 6px 0px;
  color: #7b7b7b;
}
div.mm_navbar_back_button { }
div.mm_navbar_title {text-align: center;}
div.mm_navbar_title h1 {
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
  margin: 13px 0px 0px 0px;
  padding: 0;
}
div.mm_navbar_title p {
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
  margin: 2px 0px 13px 60px;
  padding: 0;
}
div.mm_navbar_toggle_button {}




.panel-group .panel-heading {
    border-bottom: 1px solid #ededed;

}
.panel-heading {
    padding: 7px 10px 7px 10px;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #ffffff;
}
.panel-group {
    margin-bottom: 0px;
}
a {
    color: #007dc0;
    font-size: 18px;
    font-weight: 300;
    display: block;
}
a:hover, a:focus {
    color: #007dc0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #ddd;
    background: #ededed;
}
.panel-body {
    padding: 0px 5px 0px 5px;
}
div.mm_panelcell_catch {
  margin-bottom: 0px;
}
div.mm_panelcell_catch_bottom {
  margin-bottom: 50px;
}

div.mm_footer {
  background-color: #007dc0;
  width: 100%;
  color: #ffffff;
  border-radius: 0;
  box-shadow: none;
  border: solid #dadada 1px;
  margin: 25px 0px 0px 0px;
  padding: 0px 0px 30px 0px;
}
div.mm_footer ul {
  margin: 0;
  padding: 0;
}
div.mm_footer li {
  display: inline-block;
  width: 24%;
  border: solid 0px #ffffff;
  margin: 3px 0px 2px 0px;
  padding: 3px 0px 0px 0px;
  list-style: none;
  text-align: center;
}
div.mm_footer h1 {
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  padding: 27px 0px 17px 0px;
  margin: 0;
  color: #ffffff;
}
div.mm_footer h2 {
  font-size: 13px;
  line-height: 15px;
  font-weight: 300;
  padding: 0px 0px 6px 0px;
  margin: 0;
  color: #ffcf31;
}
div.mm_footer p {
  font-size: 13px;
  line-height: 15px;
  font-weight: 300;
  padding: 0px 0px 6px 0px;
  margin: 0;
  color: #ffffff;
}
li.mm_footer_active { color: #ffcf31}
.material-icons {
    font-size: 21px;
  }
span.mm_button_icon {
  margin: 0;
  padding: 0;
}
span.mm_button_text {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
img.mm_icon { width: 60px; height: auto; border: 0}

.card {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 20px 0px 0px 0px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    color: rgba(0,0,0, 0.87);
    background: #fff;
  }

    /* new footer menu */

    .footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      /* Set the fixed height of the footer here */
      height: 55px;
      background-color: #ffffff;
      border-top: 0px solid #ffd047;
      padding: 0;
      margin: 0;
      -webkit-box-shadow: 0px 0px 7px 0px #bdbdbd;
      /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
      -moz-box-shadow: 0px 0px 7px 0px #bdbdbd;
      /* Firefox 3.5 - 3.6 */
      box-shadow: 0px 0px 7px 0px #bdbdbd;
      /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    }

    footer ul li a {
      font-size: 12px;
      font-weight: 400;
      line-height: 16px;
      color: #007dc0;
      display: block;
      margin: 0px 0px 0px 0px;
      padding: 25px 0px 0px 0px;
      text-decoration: none;
      text-transform: none;
    }

    footer ul li a:hover {
      color: #007dc0;
    }

    div.mm_footer_menu {
      background-color: #ffffff;
      color: #007dc0;
      border-radius: 0px;
      box-shadow: none;
      border: solid #dadada 0px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      width: 100%;
      text-align: center;
    }

    div.mm_footer_menu ul {
      margin: 0;
      padding: 0;
    }

    div.mm_footer_menu li {
      display: inline-block;
      width: 24%;
      border: solid 0px #ffffff;
      margin: 5px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style: none;
    }

    div.mm_footer_link_pay {
      width: 100%;
      background-image: url('../../../ikone/footer_links/pay.png');
      background-position: top center;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      text-align: center;
    }

    div.mm_footer_link_racuni {
      width: 100%;
      background-image: url('../../../ikone/footer_links/accounts.png');
      background-position: top center;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      text-align: center;
    }

    div.mm_footer_link_transakcije {
      width: 100%;
      background-image: url('../../../ikone/footer_links/transactions.png');
      background-position: top center;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      text-align: center;
    }

    div.mm_footer_link_kartice {
      width: 100%;
      background-image: url('../../../ikone/footer_links/cards.png');
      background-position: top center;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      text-align: center;
    }

    div.mm_footer_link_home {
      width: 100%;
      background-image: url('../../../ikone/footer_links/home.png');
      background-position: top center;
      background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      text-align: center;
    }

    /* end new footer menu */