.focus_btn {
  border-style: solid;
  border-color: red;
  border-width: 2px;
  box-shadow: 0px 0px 10px 1px red;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  user-drag: none;
  -webkit-user-drag: none;
}

.app-icon {
  width: 35px;
  height: 35px;
}

#appsList>tr>td {
  vertical-align: middle;
}

.icn {
  font-size: 15px;
}

.icon-col {
  width: 0;
}

.addrBar {
  border-style: solid;
  padding: 2px 15px 2px 5px;
  border-radius: 2px 10px 10px 2px;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-left: 2px;
  align-items: center;
  display: flex;
  border-width: 3px;
}

hr {
  background-color: var(--bs-dark);
}

.row-highlight {
  cursor: pointer;
}

.row-highlight:hover {
  background-color: rgba(var(--bs-primary-rgb), 0.6);
}

.ctx-item {
  display: block;
  width: 100%;
}

.ctx-head {
  clear: both;
  display: block;
  width: 100%;
  padding: 0.25rem 0rem 0rem 1rem;
  color: invert(var(--bs-body-bg)) !important;
  font-weight: bold;
}

.ctx-item-danger:hover {
  background-color: var(--bs-red);
}

#contextMenu a {
  text-decoration: none !important;
  color: invert(var(--bs-body-bg)) !important;
}

.dropdown-toggle::after {
  display: none;
}

.dropright .dropdown-toggle::after {
  display: none;
}

#init_wait {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  height: 100vh;
}

#init_wait .logo_wrapper {
  position: relative;
  width: 150px;
  height: auto;
  margin: 0 auto;
}

#init_wait .logo_wrapper .logo_fg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  transform-origin: center 65px;
  animation: spin 2s linear infinite;
}

#init_wait .static_logo {
  width: 150px;
  margin-bottom: 1rem !important;
}

#upload_pBar_lbl {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  color: var(--bs-white);
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* Drop File Style Code */

#drop-area {
  border: 2px dashed var(--bs-dark);
  border-radius: 20px;
  font-family: sans-serif;
  margin: auto;
  padding: 20px;
}

.badge {
  padding: 6px;
  margin: 2px;
}

#drop-area.highlight {
  border-color: var(--bs-purple);
}

#uploadFile {
  display: none;
}

/* Loader Code */
.loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 3px solid;
  border-color: var(--bs-dark) var(--bs-dark) transparent transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

.loader::after,
.loader::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid;
  border-color: transparent transparent var(--bs-primary) var(--bs-primary);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotationBack 0.5s linear infinite;
  transform-origin: center center;
}

.loader::before {
  width: 32px;
  height: 32px;
  border-color: var(--bs-dark) var(--bs-dark) transparent transparent;
  animation: rotation 1.5s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

input[type='checkbox'] {
  float: none !important;
}

#appsList .d-flex {
  justify-content: space-between !important;
}

#appsList .appInfo {
  display: flex;
  align-items: center;
  overflow-wrap: anywhere;
}

#appsList .apk-dwl-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#bat_p,
#bat_plg {
  pointer-events: none !important;
}

.notyf_info {
  background-color: var(--bs-light);
  color: var(--bs-dark);
}

#imgPreview {
  max-height: 90vh;
}

@media only screen and (min-width: 576px) {
  #imgViewModel .modal-dialog {
    max-width: 80vw !important;
  }
}

.image_view_header {
  z-index: 100;
  right: 0;
}

.image_view_header button {
  background-color: #00000070;
  color: #fff;
}

.image_view_header button:hover {
  background-color: black;
}

.image_view_header button.btn-col-info:hover {
  color: var(--bs-info);
}
.image_view_header button.btn-col-danger:hover {
  color: var(--bs-danger);
}
