@charset "UTF-8";
/*
// UKLJUČI kad bude potrebno
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1600px,
  xxxl: 1900px
);
// širi default BS container područje
$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px,
  xxl: 1360px,
  xxxl: 1610px
);
*/
/*
  Sistemi starterkit definicije boja
*/
/*
  Bootstrap definicije boja
  prilagoditi za slučaj da se koriste kroz markup
*/
/*
   bootstrap additional related to grid
*/
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px; } }

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px; } }

.row, .l-addressbook--profiles.l-addressbook, .l-addressbook__results {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .l-addressbook__results .l-addressbook-item--bootstrap-card, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  -webkit-box-flex: 1;
          flex-grow: 1;
  max-width: 100%; }

.row-cols-1 > * {
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%; }

.row-cols-2 > * {
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%; }

.row-cols-3 > * {
  -webkit-box-flex: 0;
          flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.row-cols-4 > * {
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%; }

.row-cols-5 > * {
  -webkit-box-flex: 0;
          flex: 0 0 20%;
  max-width: 20%; }

.row-cols-6 > * {
  -webkit-box-flex: 0;
          flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-auto {
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  -webkit-box-flex: 0;
          flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  -webkit-box-flex: 0;
          flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  -webkit-box-flex: 0;
          flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  -webkit-box-flex: 0;
          flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -webkit-box-flex: 0;
          flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  -webkit-box-flex: 0;
          flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  -webkit-box-flex: 0;
          flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -webkit-box-flex: 0;
          flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  -webkit-box-flex: 0;
          flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12, .l-addressbook__results .l-addressbook-item--bootstrap-card {
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  -webkit-box-ordinal-group: 0;
          order: -1; }

.order-last {
  -webkit-box-ordinal-group: 14;
          order: 13; }

.order-0 {
  -webkit-box-ordinal-group: 1;
          order: 0; }

.order-1 {
  -webkit-box-ordinal-group: 2;
          order: 1; }

.order-2 {
  -webkit-box-ordinal-group: 3;
          order: 2; }

.order-3 {
  -webkit-box-ordinal-group: 4;
          order: 3; }

.order-4 {
  -webkit-box-ordinal-group: 5;
          order: 4; }

.order-5 {
  -webkit-box-ordinal-group: 6;
          order: 5; }

.order-6 {
  -webkit-box-ordinal-group: 7;
          order: 6; }

.order-7 {
  -webkit-box-ordinal-group: 8;
          order: 7; }

.order-8 {
  -webkit-box-ordinal-group: 9;
          order: 8; }

.order-9 {
  -webkit-box-ordinal-group: 10;
          order: 9; }

.order-10 {
  -webkit-box-ordinal-group: 11;
          order: 10; }

.order-11 {
  -webkit-box-ordinal-group: 12;
          order: 11; }

.order-12 {
  -webkit-box-ordinal-group: 13;
          order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-auto {
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    -webkit-box-flex: 0;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    -webkit-box-flex: 0;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    -webkit-box-flex: 0;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    -webkit-box-flex: 0;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    -webkit-box-flex: 0;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    -webkit-box-flex: 0;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
            order: -1; }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
            order: 13; }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
            order: 0; }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
            order: 1; }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
            order: 3; }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
            order: 4; }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
            order: 5; }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
            order: 6; }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
            order: 7; }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
            order: 8; }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
            order: 9; }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
            order: 10; }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
            order: 11; }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
            order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-auto {
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    -webkit-box-flex: 0;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    -webkit-box-flex: 0;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6, .l-addressbook__results .l-addressbook-item--bootstrap-card {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    -webkit-box-flex: 0;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    -webkit-box-flex: 0;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    -webkit-box-flex: 0;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    -webkit-box-flex: 0;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
            order: -1; }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
            order: 13; }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
            order: 0; }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
            order: 1; }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
            order: 3; }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
            order: 4; }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
            order: 5; }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
            order: 6; }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
            order: 7; }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
            order: 8; }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
            order: 9; }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
            order: 10; }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
            order: 11; }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
            order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-auto {
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    -webkit-box-flex: 0;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    -webkit-box-flex: 0;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    -webkit-box-flex: 0;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    -webkit-box-flex: 0;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    -webkit-box-flex: 0;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    -webkit-box-flex: 0;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
            order: -1; }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
            order: 13; }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
            order: 0; }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
            order: 1; }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
            order: 3; }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
            order: 4; }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
            order: 5; }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
            order: 6; }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
            order: 7; }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
            order: 8; }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
            order: 9; }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
            order: 10; }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
            order: 11; }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
            order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-auto {
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    -webkit-box-flex: 0;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4, .l-addressbook__results .l-addressbook-item--bootstrap-card {
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    -webkit-box-flex: 0;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -webkit-box-flex: 0;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    -webkit-box-flex: 0;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -webkit-box-flex: 0;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    -webkit-box-flex: 0;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
            order: -1; }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
            order: 13; }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
            order: 0; }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
            order: 1; }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
            order: 3; }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
            order: 4; }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
            order: 5; }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
            order: 6; }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
            order: 7; }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
            order: 8; }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
            order: 9; }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
            order: 10; }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
            order: 11; }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
            order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.embed-responsive, .l-addressbook--list .c-item__image-wrapper,
.l-addressbook--grid .c-item__image-wrapper {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before, .l-addressbook--list .c-item__image-wrapper::before,
  .l-addressbook--grid .c-item__image-wrapper::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item, .l-addressbook--list .c-item__image-wrapper .embed-responsive-item, .l-addressbook--grid .c-item__image-wrapper .embed-responsive-item, .embed-responsive .l-addressbook--list .c-item__image, .l-addressbook--list .embed-responsive .c-item__image, .l-addressbook--list .c-item__image-wrapper .c-item__image,
  .embed-responsive .l-addressbook--grid .c-item__image, .l-addressbook--grid .embed-responsive .c-item__image,
  .l-addressbook--grid .c-item__image-wrapper .c-item__image,
  .embed-responsive iframe,
  .l-addressbook--list .c-item__image-wrapper iframe,
  .l-addressbook--grid .c-item__image-wrapper iframe,
  .embed-responsive embed,
  .l-addressbook--list .c-item__image-wrapper embed,
  .l-addressbook--grid .c-item__image-wrapper embed,
  .embed-responsive object,
  .l-addressbook--list .c-item__image-wrapper object,
  .l-addressbook--grid .c-item__image-wrapper object,
  .embed-responsive video,
  .l-addressbook--list .c-item__image-wrapper video,
  .l-addressbook--grid .c-item__image-wrapper video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before, .embed-responsive-4by3-portrait::before, .l-pane--main .l-addressbook--list .c-item__image-wrapper::before, .l-pane--main .l-addressbook--grid .c-item__image-wrapper::before, .l-addressbook--list .c-item__image-wrapper::before,
.l-addressbook--grid .c-item__image-wrapper::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.card, .l-addressbook-item--bootstrap-card .c-item {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }
  .card > hr, .l-addressbook-item--bootstrap-card .c-item > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group:first-child .list-group-item:first-child, .l-addressbook-item--bootstrap-card .c-item > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .card > .list-group:last-child .list-group-item:last-child, .l-addressbook-item--bootstrap-card .c-item > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }

.card-body, .l-addressbook-item--bootstrap-card .c-item__body {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .card-header:first-child {
    border-radius: subtract(0.25rem, 1px) subtract(0.25rem, 1px) 0 0; }
  .card-header + .list-group .list-group-item:first-child {
    border-top: 0; }

.card-footer, .l-addressbook-item--bootstrap-card .c-item__footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125); }
  .card-footer:last-child, .l-addressbook-item--bootstrap-card .c-item__footer:last-child {
    border-radius: 0 0 subtract(0.25rem, 1px) subtract(0.25rem, 1px); }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%; }

.card-img,
.card-img-top {
  border-top-left-radius: subtract(0.25rem, 1px);
  border-top-right-radius: subtract(0.25rem, 1px); }

.card-img,
.card-img-bottom {
  border-bottom-right-radius: subtract(0.25rem, 1px);
  border-bottom-left-radius: subtract(0.25rem, 1px); }

.card-deck .card, .card-deck .l-addressbook-item--bootstrap-card .c-item, .l-addressbook-item--bootstrap-card .card-deck .c-item {
  margin-bottom: 15px; }

@media (min-width: 576px) {
  .card-deck {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px; }
    .card-deck .card, .card-deck .l-addressbook-item--bootstrap-card .c-item, .l-addressbook-item--bootstrap-card .card-deck .c-item {
      -webkit-box-flex: 1;
              flex: 1 0 0%;
      margin-right: 15px;
      margin-bottom: 0;
      margin-left: 15px; } }

.card-group > .card, .l-addressbook-item--bootstrap-card .card-group > .c-item {
  margin-bottom: 15px; }

@media (min-width: 576px) {
  .card-group {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap; }
    .card-group > .card, .l-addressbook-item--bootstrap-card .card-group > .c-item {
      -webkit-box-flex: 1;
              flex: 1 0 0%;
      margin-bottom: 0; }
      .card-group > .card + .card, .l-addressbook-item--bootstrap-card .card-group > .c-item + .card, .l-addressbook-item--bootstrap-card .card-group > .card + .c-item, .l-addressbook-item--bootstrap-card .card-group > .c-item + .c-item {
        margin-left: 0;
        border-left: 0; }
      .card-group > .card:not(:last-child), .l-addressbook-item--bootstrap-card .card-group > .c-item:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
        .card-group > .card:not(:last-child) .card-img-top, .l-addressbook-item--bootstrap-card .card-group > .c-item:not(:last-child) .card-img-top,
        .card-group > .card:not(:last-child) .card-header,
        .l-addressbook-item--bootstrap-card .card-group > .c-item:not(:last-child) .card-header {
          border-top-right-radius: 0; }
        .card-group > .card:not(:last-child) .card-img-bottom, .l-addressbook-item--bootstrap-card .card-group > .c-item:not(:last-child) .card-img-bottom,
        .card-group > .card:not(:last-child) .card-footer,
        .l-addressbook-item--bootstrap-card .card-group > .c-item:not(:last-child) .card-footer,
        .card-group > .card:not(:last-child) .l-addressbook-item--bootstrap-card .c-item__footer,
        .l-addressbook-item--bootstrap-card .card-group > .card:not(:last-child) .c-item__footer,
        .l-addressbook-item--bootstrap-card .card-group > .c-item:not(:last-child) .c-item__footer {
          border-bottom-right-radius: 0; }
      .card-group > .card:not(:first-child), .l-addressbook-item--bootstrap-card .card-group > .c-item:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
        .card-group > .card:not(:first-child) .card-img-top, .l-addressbook-item--bootstrap-card .card-group > .c-item:not(:first-child) .card-img-top,
        .card-group > .card:not(:first-child) .card-header,
        .l-addressbook-item--bootstrap-card .card-group > .c-item:not(:first-child) .card-header {
          border-top-left-radius: 0; }
        .card-group > .card:not(:first-child) .card-img-bottom, .l-addressbook-item--bootstrap-card .card-group > .c-item:not(:first-child) .card-img-bottom,
        .card-group > .card:not(:first-child) .card-footer,
        .l-addressbook-item--bootstrap-card .card-group > .c-item:not(:first-child) .card-footer,
        .card-group > .card:not(:first-child) .l-addressbook-item--bootstrap-card .c-item__footer,
        .l-addressbook-item--bootstrap-card .card-group > .card:not(:first-child) .c-item__footer,
        .l-addressbook-item--bootstrap-card .card-group > .c-item:not(:first-child) .c-item__footer {
          border-bottom-left-radius: 0; } }

.card-columns .card, .card-columns .l-addressbook-item--bootstrap-card .c-item, .l-addressbook-item--bootstrap-card .card-columns .c-item {
  margin-bottom: 0.75rem; }

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
    orphans: 1;
    widows: 1; }
    .card-columns .card, .card-columns .l-addressbook-item--bootstrap-card .c-item, .l-addressbook-item--bootstrap-card .card-columns .c-item {
      display: inline-block;
      width: 100%; } }

.accordion > .card, .l-addressbook-item--bootstrap-card .accordion > .c-item {
  overflow: hidden; }
  .accordion > .card:not(:last-of-type), .l-addressbook-item--bootstrap-card .accordion > .c-item:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .accordion > .card:not(:first-of-type), .l-addressbook-item--bootstrap-card .accordion > .c-item:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .accordion > .card > .card-header, .l-addressbook-item--bootstrap-card .accordion > .c-item > .card-header {
    border-radius: 0;
    margin-bottom: -1px; }

/* ==========================================================================
   COMPONENTS / #TYPOGRAPHY
   ========================================================================== */
/**
 * In order to divorce our semantic decisions from our stylistic ones, we only
 * define opinionated typographical styles against classes, NOT against
 * typographic HTML elements.
 *
 * https://csswizardry.com/2016/02/managing-typography-on-large-apps/
 *
 * Using the properties defined in toolkit-core/settings/typography,
 * the loop below will generate us a suite of mobile-first responsive
 * typographical component classes:
 *
 *   Heading-level Typography
 *   ---------------------------------
 *   .o-heading-alpha
 *   .o-heading-bravo
 *   .o-heading-charlie
 *   .o-heading-delta
 *
 *   Text-level Typography
 *   ---------------------------------
 *   .o-text-lead
 *   .o-text-body
 *   .o-text-smallprint
 */
.o-heading-alpha {
  font-size: 1.875rem;
  line-height: 1.16; }
  @media (min-width: 768px) {
    .o-heading-alpha {
      font-size: 3.125rem;
      line-height: 1.2; } }

.o-heading-bravo {
  font-size: 1.5625rem;
  line-height: 1.1; }
  @media (min-width: 768px) {
    .o-heading-bravo {
      font-size: 2.0625rem;
      line-height: 1.2; } }

.o-heading-charlie, .c-pane--main .DnnModule-DNN_HTML .l-mc--main-title .Head {
  font-size: 1.25rem;
  line-height: 1.1; }
  @media (min-width: 768px) {
    .o-heading-charlie, .c-pane--main .DnnModule-DNN_HTML .l-mc--main-title .Head {
      font-size: 1.5rem;
      line-height: 1.18; } }

.o-heading-delta, .l-mc__title {
  font-size: 1.125rem;
  line-height: 1.1; }
  @media (min-width: 768px) {
    .o-heading-delta, .l-mc__title {
      font-size: 1.25rem;
      line-height: 1.2; } }

.o-heading-echo {
  font-size: 1.0625rem;
  line-height: 1.1; }
  @media (min-width: 768px) {
    .o-heading-echo {
      font-size: 1.1875rem;
      line-height: 1.2; } }

.o-text-lead {
  font-size: 1rem;
  line-height: 1.2; }
  @media (min-width: 768px) {
    .o-text-lead {
      font-size: 1.125rem;
      line-height: 1.2; } }

.o-text-body {
  font-size: 0.875rem;
  line-height: 1.714; }
  @media (min-width: 768px) {
    .o-text-body {
      font-size: 1rem;
      line-height: 1.2; } }

.o-text-tables {
  font-size: 0.8125rem;
  line-height: 1.714; }
  @media (min-width: 768px) {
    .o-text-tables {
      font-size: 0.9375rem;
      line-height: 1.2; } }

.o-text-smallprint {
  font-size: 0.75rem;
  line-height: 1.714; }
  @media (min-width: 768px) {
    .o-text-smallprint {
      font-size: 0.875rem;
      line-height: 1.714; } }

.is-largefont .o-heading-alpha {
  font-size: 2rem;
  line-height: 1.16; }
  @media (min-width: 768px) {
    .is-largefont .o-heading-alpha {
      font-size: 3.25rem;
      line-height: 1.2; } }

.is-largefont .o-heading-bravo {
  font-size: 1.6875rem;
  line-height: 1.1; }
  @media (min-width: 768px) {
    .is-largefont .o-heading-bravo {
      font-size: 2.25rem;
      line-height: 1.2; } }

.is-largefont .o-heading-charlie, .is-largefont .c-pane--main .DnnModule-DNN_HTML .l-mc--main-title .Head, .c-pane--main .DnnModule-DNN_HTML .l-mc--main-title .is-largefont .Head {
  font-size: 1.375rem;
  line-height: 1.24; }
  @media (min-width: 768px) {
    .is-largefont .o-heading-charlie, .is-largefont .c-pane--main .DnnModule-DNN_HTML .l-mc--main-title .Head, .c-pane--main .DnnModule-DNN_HTML .l-mc--main-title .is-largefont .Head {
      font-size: 1.625rem;
      line-height: 1.18; } }

.is-largefont .o-heading-delta, .is-largefont .l-mc__title {
  font-size: 1.25rem;
  line-height: 1.1; }
  @media (min-width: 768px) {
    .is-largefont .o-heading-delta, .is-largefont .l-mc__title {
      font-size: 1.375rem;
      line-height: 1.2; } }

.is-largefont .o-heading-echo {
  font-size: 1.1875rem;
  line-height: 1.1; }
  @media (min-width: 768px) {
    .is-largefont .o-heading-echo {
      font-size: 1.3125rem;
      line-height: 1.2; } }

.is-largefont .o-text-lead {
  font-size: 1.125rem;
  line-height: 1.2; }
  @media (min-width: 768px) {
    .is-largefont .o-text-lead {
      font-size: 1.25rem;
      line-height: 1.2; } }

.is-largefont .o-text-body {
  font-size: 1rem;
  line-height: 1.714; }
  @media (min-width: 768px) {
    .is-largefont .o-text-body {
      font-size: 1.125rem;
      line-height: 1.2; } }

.is-largefont .o-text-tables {
  font-size: 0.9375rem;
  line-height: 1.714; }
  @media (min-width: 768px) {
    .is-largefont .o-text-tables {
      font-size: 1.0625rem;
      line-height: 1.2; } }

.is-largefont .o-text-smallprint {
  font-size: 0.875rem;
  line-height: 1.714; }
  @media (min-width: 768px) {
    .is-largefont .o-text-smallprint {
      font-size: 1rem;
      line-height: 1.5; } }

.c-pane--main .DnnModule-DNN_HTML .l-mc--main-title .Head {
  font-weight: 500;
  text-transform: uppercase;
  color: #143C62;
  margin-bottom: 1rem;
  padding-bottom: 0.25rem;
  padding-right: 1.5rem;
  border-bottom: 1px solid silver; }

.l-mc__title {
  font-weight: 500;
  text-transform: uppercase;
  color: #143C62; }

/*
   HELPERS

  - absolute position
  - list unstyled (ako nema bootstrapa)
  - no decoration (element and underlaying a)
  - disabled object
  - image sizes
  - ellipsis text set/unset

  helpers are added as classes for markup include
  and % var for propper sass @include
*/
/*
   Settings
*/
/*
   Definitions
*/
.h-absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.h-list-unstyled, .l-categories__list--dropdown .c-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.h-no-decoration, .h-no-decoration:hover, .h-no-decoration a, .h-no-decoration:hover a {
  text-decoration: none; }

.h-disabled {
  pointer-events: none !important;
  cursor: default !important; }

.h-image--landscape, .l-addressbook--list .c-item__image-wrapper img,
.l-addressbook--grid .c-item__image-wrapper img {
  width: 100%;
  height: auto; }

.h-image--portrait, .l-pane--main .l-addressbook--list .c-item__image-wrapper img, .l-pane--main .l-addressbook--grid .c-item__image-wrapper img {
  height: 100%;
  width: auto;
  padding-left: 50%;
  margin-left: -50%; }

.embed-responsive-4by3-portrait, .l-pane--main .l-addressbook--list .c-item__image-wrapper, .l-pane--main .l-addressbook--grid .c-item__image-wrapper {
  padding-bottom: 75%; }

.ellipsis-text {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ellipsis-text--unset {
  white-space: normal;
  white-space: unset;
  overflow: unset;
  text-overflow: unset; }

/* 
   Arrows
   basic usage: .class:after { @extend %arrow-right }
*/
.l-addressbook--profiles.l-addressbook .l-addressbook-item {
  margin-bottom: 30px;
  max-height: 25vh; }

.l-addressbook .c-item__wrapper {
  display: block;
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid silver;
  border-radius: 0.5rem;
  overflow: hidden; }

.l-addressbook .c-item__body {
  margin: 0.5rem; }

.l-addressbook--list .l-addressbook-item,
.l-addressbook--grid .l-addressbook-item {
  margin-bottom: 15px; }

.l-addressbook--list .c-item__image-wrapper img,
.l-addressbook--grid .c-item__image-wrapper img {
  width: 100% !important;
  height: auto !important; }

.l-addressbook--profiles .c-item {
  display: -webkit-box;
  display: flex;
  height: 100%; }
  .l-addressbook--profiles .c-item__image {
    width: auto;
    height: 100%;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    .l-addressbook--profiles .c-item__image-wrapper {
      width: 40%;
      height: 100%;
      overflow: hidden; }
  .l-addressbook--profiles .c-item__body {
    width: 60%;
    overflow-x: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: justify;
            justify-content: space-between; }

/* 
   Addressbook Administration styles 
*/
.app-addressbook__table .c-table__foot input, .app-addressbook .dataTables_filter label input {
  border: 1px solid #aaa;
  border-radius: 6px;
  padding: 0 0.25rem;
  width: 100%; }

/*
   Layout
*/
.app-addressbook {
  /*
   Koristi se na admin formi
   importati UNUTAR KLASE!
*/
  margin-bottom: 4rem; }
  .app-addressbook .dataTables_paginate {
    /*
      Layout
   */
    margin-bottom: 1rem; }
    .app-addressbook .dataTables_paginate .paginate_button,
    .app-addressbook .dataTables_paginate .ellipsis {
      width: 36px;
      height: 36px;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
              justify-content: center;
      font-size: 0.875rem;
      line-height: 1.714;
      line-height: 36px;
      margin: 0;
      padding: 0;
      border-width: 1px;
      border-style: solid;
      border-color: #143C62;
      margin-right: 0.25rem;
      cursor: pointer; }
    .app-addressbook .dataTables_paginate .current,
    .app-addressbook .dataTables_paginate .ellipsis, .app-addressbook .dataTables_paginate .disabled {
      cursor: default;
      pointer-events: none; }
    .app-addressbook .dataTables_paginate,
    .app-addressbook .dataTables_paginate span {
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center; }
    .app-addressbook .dataTables_paginate .current {
      background: #2570b7;
      color: white;
      border-color: transparent; }
    .app-addressbook .dataTables_paginate .ellipsis {
      border-color: transparent; }
    .app-addressbook .dataTables_paginate .disabled {
      color: silver; }
    .app-addressbook .dataTables_paginate .previous,
    .app-addressbook .dataTables_paginate .next,
    .app-addressbook .dataTables_paginate .ellipsis {
      text-indent: -9999px;
      line-height: 0; }
      .app-addressbook .dataTables_paginate .previous:after,
      .app-addressbook .dataTables_paginate .next:after,
      .app-addressbook .dataTables_paginate .ellipsis:after {
        display: block;
        text-indent: 0;
        line-height: 0;
        font-size: 24px; }
    .app-addressbook .dataTables_paginate .previous:after {
      content: "‹"; }
    .app-addressbook .dataTables_paginate .next:after {
      content: "›"; }
    .app-addressbook .dataTables_paginate .ellipsis:after {
      content: "..."; }
    .app-addressbook .dataTables_paginate .paginate_button:hover {
      background-color: #143C62;
      color: white; }
    .app-addressbook .dataTables_paginate .paginate_button:last-child {
      border-right-width: 1px; }
  .app-addressbook__admin-controls {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    text-align: right;
    border-bottom: 1px dashed #e1e1e1; }
  .app-addressbook__table {
    margin-bottom: 0 !important; }
    .app-addressbook__table-row-controls .btn:not(:last-child) {
      margin-right: 0.25rem; }
    .app-addressbook__table .c-table__foot .cell-title {
      display: none; }
    .app-addressbook__table .c-table__foot .cell-uredi {
      min-width: 200px; }
      .app-addressbook__table .c-table__foot .cell-uredi input {
        display: none; }
  .app-addressbook .dataTables_wrapper {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap; }
  .app-addressbook .dataTables_length {
    -webkit-box-flex: 0;
            flex: 0 0 50%; }
  .app-addressbook .dataTables_filter {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    text-align: right; }
    .app-addressbook .dataTables_filter label input {
      margin-left: 0.25rem;
      width: auto; }
  .app-addressbook .dataTables_info {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    margin-bottom: 1rem; }
  .app-addressbook .dataTables_paginate {
    -webkit-box-flex: 0;
            flex: 0 0 100%; }

/*
   Ostalo
   - alert form
   - modal form popup
*/
.app-addressbook,
.c-addressbook-admin-popup {
  position: relative;
  /*
      override theme a link for table view
      & admin page specifics
   */
  /*
   // centriranje magnific modala
   .mfp-wrap, .mfp-bg {
      z-index: 961970 !important;
   }
   .mfp-container {
      position: relative;
      width: 70vw !important;
      margin: 5vh auto !important;
      // left: 15vw !important;
      // boje labela forme
      label {
         color: silver;
      }
   }
   .mfp-content {
      padding: 5vh 0;
   }
   .mfp-close-btn-in .mfp-close {
      color: white;
   }
   */ }
  .app-addressbook .alert,
  .c-addressbook-admin-popup .alert {
    display: none;
    padding: 10px 20px;
    margin-bottom: 10px; }
  .app-addressbook .alert-warning,
  .c-addressbook-admin-popup .alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba; }
  .app-addressbook .alert-success,
  .c-addressbook-admin-popup .alert-success {
    color: #155724;
    border-color: #c3e6cb;
    background-color: #d4edda; }
  .app-addressbook .alert-danger,
  .c-addressbook-admin-popup .alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb; }
  .app-addressbook .smk-error-msg,
  .c-addressbook-admin-popup .smk-error-msg {
    font-size: 16px;
    color: red;
    font-variant: all-small-caps; }
  .app-addressbook .smk-error-msg:before,
  .c-addressbook-admin-popup .smk-error-msg:before {
    content: "* "; }
  .mfp-content .app-addressbook, .mfp-content
  .c-addressbook-admin-popup {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto; }
    .mfp-content .app-addressbook .app-jqfs-wrapper, .mfp-content
    .c-addressbook-admin-popup .app-jqfs-wrapper {
      background: white;
      padding: 24px;
      border-radius: 8px; }

/* 
   sa čistoće
   ... možda još nešto bude trebalo

.sc-content-block-menu { display: none!important; }

.btn-toolbar { margin-bottom: 10px; }

.btn-group { margin: $l-spacing-small 0; }

.dataTables_wrapper .dataTables_paginate .paginate_button {
   padding: 0!important;
}


.admin-list {
   &__table {
      width: 100%;
   }

   tfoot th .form-control {
      width: 100%;
   }

   tfoot th:first-child .form-control {
      display: none;
   }
}

.table {
   &__cell--edit {
      white-space: nowrap;
   }

   &__row--deleted {
      background-color: #ffe0e0!important
   }

   &__row--unconfirmed {
      background-color: #bfdef2!important
   }
}
.c-eracun-tablica {
   .admin-list__table tfoot th input {
      width: 100%;
   }

   a {
      color: white;
   }

   .table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
      background-color: #2980D9;
      line-height: 20px;
      top: 9px;
      left: 3px;
      height: 20px;
      width: 20px;
   }
}

.dtr-modal-content tbody tr:last-child {
  display: none;
}

.c-table__foot.c-table__foot th {
  padding: 4px 7px 4px 3px;
}

// problem s botunima na administraciji
.table__cell--status {
   text-align: right;
   .btn:last-child {
      margin-left: 10px;
   }
   
}

*/
/*
   Layout
*/
.l-addressbook-item--bootstrap-card {
  margin-bottom: 30px;
  display: -webkit-box;
  display: flex; }
  .l-addressbook-item--bootstrap-card .c-item {
    width: 100%; }
    .l-addressbook-item--bootstrap-card .c-item__body {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column; }
      .l-addressbook-item--bootstrap-card .c-item__body-title {
        -webkit-box-flex: 1;
                flex: 1 1 auto; }
    .l-addressbook-item--bootstrap-card .c-item__footer {
      overflow: hidden;
      padding-left: 0.5rem;
      padding-right: 0.5rem; }

/*
   Styles
*/
.l-addressbook-item--bootstrap-card .c-item {
  overflow: hidden; }
  .l-addressbook-item--bootstrap-card .c-item__contact-detail {
    white-space: nowrap;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    line-height: 17px; }
    .l-addressbook-item--bootstrap-card .c-item__contact-detail--function {
      margin-bottom: 0.5rem;
      color: #777;
      font-size: 0.875rem;
      line-height: 1.714;
      line-height: 1.1;
      text-transform: uppercase; }
    .l-addressbook-item--bootstrap-card .c-item__contact-detail--name {
      font-size: 1.125rem;
      line-height: 1.2;
      margin-bottom: 1rem; }
      .l-addressbook-item--bootstrap-card .c-item__contact-detail--name .c-item__fname {
        font-weight: 400; }
    .l-addressbook-item--bootstrap-card .c-item__contact-detail--titula {
      font-size: 80%;
      font-weight: 200; }
      .l-addressbook-item--bootstrap-card .c-item__contact-detail--titula:after {
        content: " "; }
    .l-addressbook-item--bootstrap-card .c-item__contact-detail--zvanje {
      font-size: 80%;
      font-weight: 200; }
      .l-addressbook-item--bootstrap-card .c-item__contact-detail--zvanje:before {
        content: ", "; }
    .l-addressbook-item--bootstrap-card .c-item__contact-detail--email {
      margin-bottom: 0.5rem; }
    .l-addressbook-item--bootstrap-card .c-item__contact-detail--phone, .l-addressbook-item--bootstrap-card .c-item__contact-detail--fax {
      list-style: none;
      margin: 0;
      padding: 0;
      margin-bottom: 0.25rem; }
      .l-addressbook-item--bootstrap-card .c-item__contact-detail--phone li, .l-addressbook-item--bootstrap-card .c-item__contact-detail--fax li {
        margin-right: 0.25rem; }
    .l-addressbook-item--bootstrap-card .c-item__contact-detail--department {
      font-size: 0.875rem;
      line-height: 1.714;
      font-size: 11px;
      line-height: 1;
      text-transform: uppercase;
      color: #888888 !important; }
    .l-addressbook-item--bootstrap-card .c-item__contact-detail .sistemi-icon {
      display: inline-block;
      margin-right: 0.5rem; }
      .l-addressbook-item--bootstrap-card .c-item__contact-detail .sistemi-icon svg {
        height: 17px;
        width: auto;
        fill: #bbb; }
        .ie .l-addressbook-item--bootstrap-card .c-item__contact-detail .sistemi-icon svg {
          width: 17px; }

/*
   ID card
*/
.l-addressbook--grid-id .l-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap; }
  .l-addressbook--grid-id .l-item__media {
    -webkit-box-flex: 0;
            flex: 0 0 33%; }
    .l-addressbook--grid-id .l-item__media .c-item__image {
      height: 100% !important;
      width: auto !important;
      margin-left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      padding-top: 10%; }

.l-addressbook--grid-id .c-item__body {
  -webkit-box-flex: 1;
          flex: 1 1 60%; }

.l-addressbook--grid-id .c-item__footer {
  -webkit-box-flex: 0;
          flex: 0 0 100%; }

/*
   Dark mode
*/
.is-darkmode .c-categories-list__selector.is-darkmode .c-categories-list__selector .c-categories-list__selected-title,
.is-darkmode .c-categories-list__selector.is-darkmode .c-categories-list__selector .c-title {
  color: white; }

.is-darkmode .l-addressbook-item--bootstrap-card .c-item {
  background: black;
  border-color: white; }
  .is-darkmode .l-addressbook-item--bootstrap-card .c-item__contact-detail--function {
    color: white; }
  .is-darkmode .l-addressbook-item--bootstrap-card .c-item__contact-detail--department {
    color: black !important; }
  .is-darkmode .l-addressbook-item--bootstrap-card .c-item__footer {
    background-color: white; }

/*
   Dropdown categories list
*/
.l-categories__list--dropdown {
  position: relative;
  /*
      js related functionality
   */
  /*
      styles
   */ }
  .l-categories__list--dropdown .js-categories {
    display: none; }
    .l-categories__list--dropdown .js-categories.is-open {
      display: block; }
  .l-categories__list--dropdown .c-categories-list {
    z-index: 1;
    position: absolute;
    width: 100%;
    max-height: 40vh;
    overflow-y: scroll;
    padding: 0.5rem;
    background: white;
    border: 2px solid #143C62; }
    .is-darkmode .l-categories__list--dropdown .c-categories-list {
      background: black;
      border: 2px solid; }
    .l-categories__list--dropdown .c-categories-list__selector {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      margin-bottom: 0.5rem; }
      @media (max-width: 767.98px) {
        .l-categories__list--dropdown .c-categories-list__selector {
          flex-wrap: wrap; } }
      .l-categories__list--dropdown .c-categories-list__selector button {
        -webkit-box-flex: 0;
                flex: 0 1 140px;
        margin-right: 0.5rem; }
        @media (max-width: 767.98px) {
          .l-categories__list--dropdown .c-categories-list__selector button {
            -webkit-box-flex: 0;
                    flex: 0 0 100%;
            margin-bottom: 0.5rem; } }
    .l-categories__list--dropdown .c-categories-list__selected-title {
      color: #555;
      line-height: 1.15; }
      @media (max-width: 767.98px) {
        .l-categories__list--dropdown .c-categories-list__selected-title {
          padding-left: 0.5rem;
          padding-right: 0.5rem; } }
      .l-categories__list--dropdown .c-categories-list__selected-title .c-title {
        color: black;
        font-weight: bold; }
      .is-darkmode .l-categories__list--dropdown .c-categories-list__selected-title, .is-darkmode .l-categories__list--dropdown .c-categories-list__selected-title .c-title {
        color: white; }
  .l-categories__list--dropdown .c-list {
    padding-left: 1rem; }
    .l-categories__list--dropdown .c-list--main {
      margin: 0;
      padding: 0; }
    .l-categories__list--dropdown .c-list .c-item__link {
      cursor: pointer;
      display: inline-block;
      padding: 0.25rem 0.5rem; }
      .l-categories__list--dropdown .c-list .c-item__link:hover {
        background-color: #e2eef9; }
        .is-darkmode .l-categories__list--dropdown .c-list .c-item__link:hover {
          background-color: white;
          color: black !important; }

/*
   Search all view
*/
/*
   Layout
*/
.l-addressbook-search .l-addresbook-search__controls {
  margin-bottom: 1rem; }

.l-addressbook-search .l-categories__list {
  margin-bottom: 1rem; }

.l-addressbook-search #resetButton,
.l-addressbook-search__controls #resetButton {
  position: relative; }
  .l-addressbook-search #resetButton .form-control__clear,
  .l-addressbook-search__controls #resetButton .form-control__clear {
    z-index: 5;
    position: absolute;
    width: 28px;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    right: 0;
    cursor: pointer; }
    .l-addressbook-search #resetButton .form-control__clear:hover,
    .l-addressbook-search__controls #resetButton .form-control__clear:hover {
      color: red; }
    .is-darkmode .l-addressbook-search #resetButton .form-control__clear, .is-darkmode
    .l-addressbook-search__controls #resetButton .form-control__clear {
      color: black !important; }

.l-addressbook-search #searchButton .icon,
.l-addressbook-search__controls #searchButton .icon {
  display: -webkit-box;
  display: flex; }
  .l-addressbook-search #searchButton .icon svg,
  .l-addressbook-search__controls #searchButton .icon svg {
    height: 18px;
    width: auto;
    fill: rgba(255, 255, 255, 0.7); }
    .ie .l-addressbook-search #searchButton .icon svg, .ie
    .l-addressbook-search__controls #searchButton .icon svg {
      width: 18px; }
    .is-darkmode .l-addressbook-search #searchButton .icon svg, .is-darkmode
    .l-addressbook-search__controls #searchButton .icon svg {
      fill: black !important; }

.l-addressbook__results .c-item.has-email--false .c-item__contact-detail--email {
  display: none; }

.l-addressbook__results .c-item.has-phone--false .c-item__contact-detail--phone {
  display: none; }

.l-addressbook__results .c-item.has-fax--false .c-item__contact-detail--fax {
  display: none; }

/*
.app-addressbook 
{
   .sc-element { margin-bottom: $spacer-3; }
   pre { display: none; }
}
body.role-editor {
   .app-addressbook 
   {
      pre {
         color: red;
         display: block;
      }
   }
}
*/

/*# sourceMappingURL=bs4.css.map */