.cdk-overlay-container{
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 100% !important;
}

.show-sidebar {
    margin-left: 17.25rem;
    overflow-y: scroll;
}


.navbar-vertical.navbar-expand-xs .navbar-collapse {
    height:  calc(86vh);
}

#wrapper {
    position: fixed !important;
    top: 30px !important;
    width: 60% !important;
    left: 20% !important;
}

tr, td, tbody, table.dataTable.no-footer {
  border-color: #e9ecef !important;
}

table.dataTable td.dataTables_empty {
    display: none;
}

table.dataTable.no-footer {
  border: 0 !important;
}

.dataTables_info {
  color: #344767 !important;
  font-size: 0.75rem !important;
  padding: 1rem !important;
  opacity: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background-image: linear-gradient(310deg, #ffb100 0%, #ff8f00 100%) !important;
  border: 0 !important;
  color: white !important;
  border-radius: 5px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-image: linear-gradient(310deg, #ffb100 0%, #ff8f00 100%) !important;
  border: 0 !important;
  color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  background-image: transparent !important;
  border: 1px #e9ecef !important;
  color: #666 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: transparent !important;
  border: solid 1px #e9ecef !important;
  border-radius: 5px !important;
}

.dataTables_wrapper .dataTables_paginate{
  padding-top: 1rem !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.dataTables_wrapper .dataTables_length select {
  border-color: #e9ecef !important;
}



.dataTables_filter, .dataTables_length {
    padding: 10px !important;
}

.dataTables_wrapper .dataTables_filter input {
  border-color: #e9ecef !important;
}

.page-item.active .page-link {
  background-image: linear-gradient(310deg, #ffb100 0%, #ff8f00 100%) !important;
  border: 0;
}

::-webkit-file-upload-button {
    background: #4e73df;
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 1px .75rem;
    font-size: 1rem;
    height: 90%;
    line-height: 1.5;
    border-radius: .35rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


@media (max-width: 1199px) {
  .show-sidebar {
    margin-left: 0 !important;
  }

  #wrapper {
    position: fixed;
    top: 5px !important;
    width: 90% !important;
    left: 5% !important;
  }

  #cdk-overlay-0 {
    max-width: 100% !important;
  }


}