body  {
 --bs-body-bg: #161618;
}

.btn.btn-primary {
 --bs-btn-bg: #35cabe;
}

pngx-root,
ngb-modal-window,
ngb-modal-backdrop {
     --bs-primary: rgb(53, 202, 190) !important;
     --bs-body-color: rgb(242, 242, 242) !important;
     --pngx-primary-darken-5: var(--bs-primary) !important;
}

nav.navbar{
     --bs-primary: rgb(56, 56, 56) !important;
     /*! --bs-light-rgb: rgb(56, 56, 56) !important; */
}

div:has(>pngx-welcome-widget){
     display: none;
}

a.navbar-brand svg {
     display: none;
}

div.custom-title span.byline {
     display: none;
}

div.row:has(> div.col > [formcontrolname="darkModeUseSystem"]),
div.row:has(> div.col > [formcontrolname="themeColor"]) {
     display: none;
}

.btn-outline-primary:active{
     background-color: rgb(38, 38, 38) !important;
     color: rgb(56, 56, 56) !important;
}

.doc-img-container{
     background-color: rgb(53, 202, 190) !important;
}

.badge.bg-primary{
     color: rgb(38, 38, 38);
}

.btn-primary{
     color: rgb(38, 38, 38);
}

tbody tr:hover {
     background-color: rgb(38, 38, 38) !important;
}

.dropdown-item.active{
     color: rgb(38, 38, 38) !important;
}

.table-row-selected {
     background-color: rgb(38, 38, 38) !important;
}

.form-control:focus{
  border-color: rgb(53, 202, 190) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgb(53, 202, 190, 0.5) ;
  outline: 0 none;
}

.btn:active{
  border-color: rgb(53, 202, 190) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgb(53, 202, 190, 0.5) ;
  outline: 0 none;
}

.btn:focus{
  border-color: rgb(53, 202, 190) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgb(53, 202, 190, 0.5) ;
  outline: 0 none;
}

input[type=checkbox]:focus{
     box-shadow: 0 0 2px 3px rgba(53, 202, 190, .50);
}

i-bs:hover{
     color: rgb(53, 202, 190) !important;
}

input:checked + label i-bs{
     color: rgb(38, 38, 38) !important;
}

input:focus + label i-bs{
     border-color: red;
}


.btn-check:checked + .btn-outline-primary{
     color: rgb(38, 38, 38) !important;
}

pngx-document-card-small:hover{
     background-color: rgb(38, 38, 38);
     border-radius: 15px;
}