@media (min-width: 1400px) {
  main,
  header,
  #main-navbar {
    padding-left: 240px;
  }
}

.header-page{
    /*display: inline;*/
    padding-top: 15px;
}
/*.header-page-title, .header-page-action-btn{
    display: inline-block;
}*/
.header-page {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
}
.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #4f4f4f;
  --bs-table-striped-bg: rgba(0,0,0,0.05);
  --bs-table-active-color: #4f4f4f;
  --bs-table-active-bg: rgba(0,0,0,0.1);
  --bs-table-hover-color: #4f4f4f;
  --bs-table-hover-bg: rgba(0,0,0,0.075);
  color: #4f4f4f;
}
.table > :not(caption) > * > * {
  padding: .5rem;
  background-color: var(--bs-table-bg);
  background-image: -webkit-gradient(linear,left top,left bottom,from(var(--bs-table-accent-bg)),to(var(--bs-table-accent-bg)));
  background-image: linear-gradient(var(--bs-table-accent-bg),var(--bs-table-accent-bg));
  border-bottom-width: 1px;
  font-size: 1rem;
    font-weight: 400;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: currentColor;
}
.table-light {
  --bs-table-bg: #fbfbfb;
  --bs-table-striped-bg: #f0f0f0;
  --bs-table-striped-color: #262626;
  --bs-table-active-bg: #e6e6e6;
  --bs-table-active-color: #262626;
  --bs-table-hover-bg: #ebebeb;
  --bs-table-hover-color: #262626;
  color: #262626;
}
.dropdown-menu-right.dropdown-menu {
    right: 0;
    left: unset;
}
.selected-company{
    cursor:pointer;
    white-space: nowrap;
    font-size: .89rem;
    padding: 1rem 1.5rem;
    margin-right: 1.5rem;
    height: 3rem;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    overflow: hidden;
}
.selected-company::after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255, 0.3), #fff 100%);
}
.doc-member-title, .doc-member-value {
  display: inline-block;
}
.doc-member{
    /*cursor: pointer;*/
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: #000;
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}

.no-fields-area {
    border: 2px dashed #bbb;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 50px;
    text-align: center;
    font: 21pt bold arial;
    color: #bbb;
    height: 100%;
    align-items: center;
    display: grid;
}

.attached-tpl-file {
    border: 2px dashed #bbb !important;
    color: #bbb;
}

.remove-item-wrapper {
    position: relative;
    top: 30px;
    left: -20px;
    display: block;
}

.remove-item {
    cursor:pointer;
    color: red;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #00b74a;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #00b74a transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.doc-member-enter-icon, .doc-member-remove-icon{
    cursor:pointer;
}
.doc-member-rows, .doc-member-enter-icon{
    padding: 1.5rem;
}
.doc-member-remove-icon{
    position: absolute;
    right: -7px;
    top: -13px;
}

.card .list-group-light .list-group-item{
    border: 2px solid #f5f5f5;
    border-radius:0;
    border-width: 2px;
}