body {
  background-color: #f8f9fd;
  /*display: flex;*/
  height: 100%;
  color: #373a3e;
}

.bs-icon {
  --bs-icon-size: .75rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: var(--bs-icon-size);
  width: calc(var(--bs-icon-size) * 2);
  height: calc(var(--bs-icon-size) * 2);
  color: var(--bs-primary);
}

.bs-icon-xs {
  --bs-icon-size: 1rem;
  width: calc(var(--bs-icon-size) * 1.5);
  height: calc(var(--bs-icon-size) * 1.5);
}

.bs-icon-sm {
  --bs-icon-size: 1rem;
}

.bs-icon-md {
  --bs-icon-size: 1.5rem;
}

.bs-icon-lg {
  --bs-icon-size: 2rem;
}

.bs-icon-xl {
  --bs-icon-size: 2.5rem;
}

.bs-icon.bs-icon-primary {
  color: var(--bs-white);
  background: var(--bs-primary);
}

.bs-icon.bs-icon-primary-light {
  color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), .2);
}

.bs-icon.bs-icon-semi-white {
  color: var(--bs-primary);
  background: rgba(255, 255, 255, .5);
}

.bs-icon.bs-icon-rounded {
  border-radius: .5rem;
}

.bs-icon.bs-icon-circle {
  border-radius: 50%;
}

.broadcast-zone {
  /*height: 20vh;*/
  /*border: solid lightslategray 1px;*/
}

.pad-input {
  border-radius: 8px;
  /*width: 100%;*/
  /*height: 100%;*/
  padding: .275rem .55rem !important;
  margin-top: 2px;
}

input {
}

.input-add {
  border-radius: 8px;
  padding: .375rem .75rem;
  /*margin: 0.3rem 0;*/
}

.pad-select {
  padding-left: 0.5px;
}

.pad-input-left {
  padding-left: 0.5px;
}

.pad-button {
  border-radius: 8px;
}

.navbar-bg {
  /*background-color: #1e293b!important;*/
  /*color: white !important;*/
  /*background-color: #f0f2ff !important;*/
  color: white !important;
  background-color: #29587a !important;
}

.navbar-bg2 {
  background-color: #3b5bdb !important;
}

.scroll {
  flex: 1;
  overflow-y: auto;
  max-height: 90vh;
}

.scroll-left {
  height: 90vh;
  overflow-y: auto;
}

.pad-toggler {
  border-radius: 8px;
}

.status-connected {
  background-color: var(--bs-success);
  border-radius: 8px;
  width: 100%;
  text-align: center;
  /*height: 87%;*/
}

.status-disconnected {
  background-color: var(--bs-danger);
  border-radius: 8px;
  width: 100%;
  text-align: center;
}

.div-broadcast {
  width: 100%;
  max-height: 135px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
  border-radius: 8px;
  background-color: white;
}

.border-right {
  border-right: solid #323232 2px;
}

.pad-message {
  padding: 10px;
  border-radius: 8px;
  min-height: 4rem;
}

.pad-text-input {
  /*padding-top: 0.375rem;*/
  /*padding-bottom: 0.375rem;*/
  margin: 0.6rem 0;
}

.pad-reload {
  padding-bottom: 0.475rem;
}

.con-center {
  display: flex;
  /*justify-content: center;*/
  align-items: center;
}

.bg-body {
  background-color: #f8f9fd!important;
}

.pad-hr {
  margin: 0;
}

.bg-message {
  background-color: #f8f9fd !important;
}

.bg-white {
  background-color: white !important;
}

.bg-header-table {
  background-color: #d6d9ff !important;
}

.table.table-striped tbody tr:nth-of-type(odd) > td, .table.table-striped tbody tr:nth-of-type(odd) > th {
  background-color: #eef2ff!important;
  color: #212529 !important;
}

.table-message tbody tr:hover td, .table-message tbody tr:hover th, .table-message tbody tr:hover td * {
  background-color: #f0f2ff !important;
  color: #000000 !important;
  /*background-image: none !important;*/
}

#logtable {
  /*table-layout: fixed;*/
  width: 100%;
  /*display: block;*/
  /*word-wrap: normal;*/
  /*white-space: normal;*/
}

th, td {
  /*white-space: normal;*/
  /*word-break: normal;*/
  /*overflow-wrap: break-word;*/
  /*text-align: left;*/
  /*vertical-align: top;*/
  /*padding: 8px;*/
}

.class05 {
  width: 5%;
}

.class10 {
  width: 10%;
}

.class15 {
  width: 15%;
}

.class20 {
  width: 20%;
}

.class25 {
  width: 25%;
}

.class50 {
  width: 50%;
}

.card-left {
  border-radius: 8px;
}

.card-border {
  border-radius: 8px;
  border: none;
}

.btn-select {
  border: 1px solid #1888d7;
  background-color: #1888d7;
  color: white;
}

.p-login {
  text-align: left;
  font-weight: 600;
  margin-bottom: 0;
  color: #3E4C66;
}

.table-fixed {
  table-layout: fixed;
}

.full-show {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

.full-show th {
  background-color: #f5f5f5;
}

.btn-save:hover {
  background-color: #3b5bdb;
}

.btn-logout {
  background-color: #CF6679;
  color: #fff;
}

.btn-save {
  background-color: #5DADE2;
  color: #fff;
}

.btn-selectall {
  background-color: #3d91b5;
  color: #fff;
}

.btn-selectall:hover {
  background-color: #007eb4;
  color: #fff;
}

.btn-deselectall {
  background-color: #e47575;
  color: #fff;
}

.btn-deselectall:hover {
  background-color: #dd0606;
  color: #fff;
}

.btn-reload {
  /*background-color: #084ed5;*/
  /*color: #fff;*/
  background-color: #3e6fcd;
  color: #fff;
}

.btn-reload:hover {
  /*background-color: #053185;*/
  /*color: #fff;*/
  background-color: #5080d9;
  color: #fff;
}

.btn-broadcast {
  background-color: #9c8bbb;
  color: #fff;
}

.btn-login:hover {
  color: #2c2b2b;
}

.btn-login {
  background-color: #366396;
  color: #fff;
}

.btn-disable {
  color: white;
  background-color: var(--bs-red);
}

.btn-enable {
  color: white;
  background-color: #36d636;
}

.btn-logout {
  background-color: #4280ab;
  color: #fff;
}

.btn-logout:hover {
  background-color: #fefefe;
  color: #1e293b;
}

.pad-top {
  padding-top: 2rem;
}

.pad-nav {
  padding-top: 7px;
}

.text-darkblue {
  /*color: #24285b;*/
}

#log {
}

.text-white {
  color: white;
}

.head-title {
  border-radius: 8px;
}

input#dt-search-0 {
  border-radius: 8px;
  border: 1px solid gray;
}

.pad-icon {
  margin-top: -2px;
}

.pad-row-input {
  margin-top: 0.3rem;
}

/* width */

::-webkit-scrollbar {
  width: 5px;
}

/* Track */

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */

::-webkit-scrollbar-thumb {
  background: #d4d4d4;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#table_message thead th {
  position: sticky;
  top: 0;
  background-color: #f8f9fa;
  z-index: 2;
}

.btn-broadcast {
  /*background-color: #0d6efd;*/
  /*color: white;*/
  background-color: #437a9e;
  /*background-color: #0a3349;*/
  color: white;
  border: none;
}

.btn-broadcast:hover {
  /*background-color: #3b5bdb;*/
  /*color: white;*/
  background-color: #5088ab;
  color: white;
}

.pad-flight {
  margin-bottom: 0;
  /*margin-top: 1rem;*/
}

.header-bg {
  background-color: #efeff8!important;
  color: #282828 !important;
}

.header-broadcast {
  background-color: #f5f5f5;
  border: solid 1px #eeeeee;
}

.pad-card {
  margin-top: 1rem;
  border: solid 1px #dfdfdf;
}

.pad-right {
  margin-top: 1rem;
}

.pad-left {
  margin-bottom: 1rem;
}