:root {
  --z-control-border: #ced4da;
  --z-border-card: #dfdfdf;
  --z-border-inner: #c9c9c9;
  --z-caption-bg: #e6e6e6;
  --z-purple: #985ef6;
  --z-dark: #304157;
  --z-offwhite: #eaecee;
}




.navbar-nav .dropdown-menu {
  z-index:10000;
}

body.zViewer {
    background-color: #000000;
}

.zViewerOuter {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
  
.zViewerMiddle {
    display: table-cell;
    vertical-align: middle;
}
  
.zViewerInner {
    margin-left: auto;
    margin-right: auto;
    /*width: 400px;*/
    text-align:center;
}

.tt{
    font-family: monospace;
}
.ttsmall {
  font-size:0.9em;
}
.ttmanyrows {
  height:400px;
  width:100%;
}

/***********************/
/* XXX flytta till triptech-symbund!! */

.multi-select-container {
    display: block;
    position: relative;
  }
  
  .multi-select-menu {
    position: absolute;
    left: 0;
    top: 0.8em;
    float: left;
    min-width: 100%;
    background: #fff;
    margin: 1em 0;
    padding: 0.4em 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
    z-index:200;
  }
  
  .multi-select-menu input {
    margin-right: 0.3em;
    vertical-align: 0.1em;
  }

  .multi-select-menu.right {
    right:0;
    left:auto;
  }
  
  .multi-select-button {
    display: inline-block;
    height: calc(1.5em + .5rem + 2px);
    font-size: 0.875em;
      padding: .25rem .5rem;
    padding-right: 1rem;
    min-width: 4em;
      white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -0.5em;
    color: #495057;
      cursor: default;
      --bs-form-select-bg-img:  none !important;
      background-image:  none !important;
    
  }

  .multi-select-button.form-control:not(.form-control-sm) {
    font-size: 1rem;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
}

.multi-select-button:after {
  content: "\25BC";
  display: inline-block;
  width: 0;
  height: 0;
  border: none;
  color: #999;
  margin-left: 0.4em;
  position: absolute;
  right: 1.2em;
  top: 0.4em;
  --bs-form-select-bg-img:  none !important;
}

.multi-select-container--open .multi-select-menu { display: block; }

.multi-select-container--open .multi-select-button:after {
  content: "\25B2";
  color: #999;
}

label.multi-select-menuitem {
    display: block;
    color: #495057;
    font-weight:normal;
    font-size: 0.875rem;
    white-space: nowrap;
    padding-left:0.5rem;
    padding-right:0.5rem;
}

.navbar {
  padding-top:0;
  padding-bottom:0;
}
.nav-item {
  font-size:1.2em;
  padding-right:1em;
}
.nav-item i {
  margin-right:0.3em;
}


@media (min-width: 525px) {
  nav.navbar {
    padding-left: 0;
    padding-right:0;
  }
  nav.navbar > .container-fluid {
    padding-left: 4rem;
    padding-right:4rem;
  }
  nav.navbar .nav-item.nav-item-last {
    padding-right:0;
  }
  #content > .container-fluid {
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top:3rem;
    padding-bottom:2rem;
  }
  div.zCaptionRow h1 {
    margin-bottom:1.5rem;
  }
  div.zCaptionRow button {
    margin-top:1rem;
  }
}


/******************* DATATABLES ***********************/


table.saDataTable {
  border:none;
  border-radius:0px;
  margin-top:0px !important;
  margin-bottom:0px !important;
  border: 1px solid var(--z-border-card);
  border-radius: .25rem;
}

table.saDataTable.saDataTableWithBar {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

table.saDataTable thead th {
  background-color: var(--z-caption-bg) !important;
  /*color: #808080;*/
  /*font-size: 0.875rem;
  font-weight: bold;*/
  vertical-align: middle !important;
  padding: 8px 10px;
  border-bottom: 2px solid var(--z-border-card);
  border-top: 1px solid var(--z-border-card);
  position: relative;
  background-image: none !important;
}

table.saDataTable.saDataTableWithBar thead th {
  border-top: none;
}


.saDataTable td {
  /* background-color: #ffffff; */
  color: #000000;
  /*font-size: 12px;*/
  font-size:0.875rem;
  font-weight: normal !important;
  vertical-align: middle;
  cursor: pointer;
}

.saDataTable .r {
  text-align: right !important;
  max-width: 120px;
}

.saDataTable .ct {
  text-align: center !important;
}

.saDataTable td {
  border: none;
}

.saDataTableSub, .saDataTableSub td, .saDataTableSub tr {
  background: none;
  white-space:normal;
}

.dataTables_paginate {
  font-size: 0.875rem;
}

.dataTables_paginate .page-item:not(.disabled) > a.page-link {
  color: var(--cv-blue);
}

.dataTables_paginate .page-item.active > a.page-link {
  color: #ffffff;
  background-color: var(--cv-gray);
  border-color: var(--cv-gray);
}

.dataTables_paginate .page-item > .page-link {
  padding: 0.35rem 0.50rem !important;
  font-size: 0.75rem !important;
}

.saDataTableClean tr.odd, .saDataTableClean tr.odd > td,
.saDataTableClean tr.even, .saDataTableClean tr.even > td,
.cvNoTouch .saDataTableClean tr.odd:hover, .cvNoTouch .saDataTableClean tr.odd:hover > td,
.cvNoTouch .saDataTableClean tr.even:hover, .cvNoTouch .saDataTableClean tr.even:hover > td {
  background-color: #ffffff;
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
  padding: 0.40rem;
}

.table-extra-condensed>tbody>tr>td,
.table-extra-condensed>tbody>tr>th,
.table-extra-condensed>tfoot>tr>td,
.table-extra-condensed>tfoot>tr>th,
.table-extra-condensed>thead>tr>td,
.table-extra-condensed>thead>tr>th {
  padding: 2px;
}

.dataTables_filter label {
  padding-left:20px;
}

div.dataTables_wrapper {
  background-color:white;
}

div.dataTables_wrapper div.dataTables_info {
  font-size: 0.7rem;
  padding-top:0.08em;
}

.card > div.dataTables_wrapper div.dataTables_info {
  padding-left :1em;
  padding-bottom :1em;
}

.card > div.dataTables_wrapper div.dataTables_paginate {
  padding-right :1em;
  padding-bottom :1em;
}


.saDtAppend input::placeholder,  .saDtAppend input::-webkit-input-placeholder {
  color: #c0c0c0;
}

.saDtAppend .saMobileIcon .input-group-append .input-group-text {
  background:none;
  padding:0rem 0.3rem;
  font-weight:normal;
  font-size:0.875rem;
  color:#808080;
  max-width:10rem;
}

@media (max-width: 250px), (min-width: 767px) {
  .saDtAppend .saMobileIcon input {
      border-top-right-radius: 0.2rem !important;
      border-bottom-right-radius: 0.2rem !important;
  }
  .saDtAppend .saMobileIcon .input-group-append {
      display:none;
  }
}