pandorafms/pandora_console/include/styles/general_tactical_view.css

#welcome-message {
  margin-bottom: 30px;
}

.message-welcome {
  color: #161628;
  font-size: 32px;
  line-height: 38px;
  text-align: left;
  font-weight: 700;
}

.subtitle-welcome-message {
  color: #8a96a6;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  margin-left: 5px;
}
.row {
  display: flex;
  width: 100%;
}
.col-6,
.col-xl-6 {
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
.col-7 {
  width: 58%;
}
.col-8 {
  width: 66.6%;
}
.col-4 {
  width: 33%;
}
.col-5 {
  width: 42%;
}
.col-3,
.col-md-3 {
  width: 25%;
}
.col-9,
.col-md-9 {
  width: 75%;
}
.container {
  background-color: white;
  border: 1px solid #e5e9ed;
  border-radius: 10px;
  margin: 5px;
  max-width: 100%;
}
.br-l {
  border-left: 1px solid #e5e9ed;
}
.br-t {
  border-top: 1px solid #e5e9ed;
}
.br-r {
  border-right: 1px solid #e5e9ed;
}
.br-b {
  border-bottom: 1px solid #e5e9ed;
}
.title {
  font-size: 18px !important;
  color: #161628;
  text-align: center !important;
  font-weight: bold !important;
  padding: 15px 0px !important;
}
.subtitle {
  font-size: 13px;
  color: #161628;
  padding-bottom: 10px;
}
.subtitle.link {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.subtitle.link a {
  color: #14524f;
  font-size: 13px;
  font-weight: 800;
}
.absolute-link::after {
  content: "→";
}
.status-text {
  color: #6e7079;
  font-size: 13px;
  margin-left: 6px;
}
.text-xl {
  font-size: 40px;
  color: #6c7587;
  font-weight: bold;
  padding-left: 8px;
  margin-bottom: 8px;
  line-height: initial;
}
.text-l {
  font-size: 27px;
  color: #6c7587;
  font-weight: bold;
  margin-bottom: 8px;
  line-height: initial;
}
#news-board {
  min-width: 530px;
  width: 100%;
  max-height: 639px;
  overflow-y: auto;
}

#database .subtitle,
#logStorage .subtitle,
#SNMPTraps .subtitle,
#Alerts .subtitle,
#Agents .subtitle {
  padding: 10px 10px 5px 10px;
}

.indicative-text {
  color: #6e7079;
  font-size: 12px;
  line-height: 13px;
  text-align: left;
  padding: 0px 10px 10px 10px;
}

.dataTables_paginate a {
  background: none !important;
  border: 0px;
  font-size: 13px;
}
.pandora_pagination.next,
.pandora_pagination.previous {
  border-right: 0px !important;
  border-left: 0px !important;
}

a.pandora_pagination {
  border-radius: 3px;
  padding: 6px;
}

.info_table > tbody > tr:nth-child(even) {
  background-color: #f9f9f9;
}

.pandora_pagination.current {
  background-color: #1d7874 !important;
}

a.pandora_pagination:first-child {
  border-left: 0px !important;
}

.info_table {
  border: 1px solid #c0ccdc;
  border-bottom: 1px solid #c0ccdc !important;
  border-collapse: collapse;
}

.info_table td:nth-child(1) {
  border-top: 0px;
}

.info_table td {
  border-top: 1px solid #c0ccdc !important;
}

.info_table th {
  border: 0px !important;
}

.admin {
  color: #ec7176;
}

.user {
  color: #8a96a6;
}

#Alerts {
  padding-bottom: 20px;
}

.mini-criticity {
  width: 6px !important;
  min-width: auto !important;
  max-width: auto !important;
  height: 28px !important;
  border-radius: 9px !important;
  margin-left: 7px !important;
}

#datatable_events .datatables_thead_tr th:nth-child(1) {
  width: 10.3333px !important;
  padding: 20px 0px 20px 15px !important;
}

.info_table td {
  font-size: 13px !important;
}

table.dataTable thead th {
  padding: 0px 18px !important;
}

#list_downtime_wrapper {
  margin: 28px 0px;
}

.square {
  width: 20px;
  height: 20px;
  margin-left: 20px;
}
.running {
  background-color: #82b92e;
}
.stop {
  background-color: #ec7176;
}

@media (max-width: 1636px) {
  .col-xl-6 {
    width: 100%;
  }
  .col-6 {
    width: 49%;
  }
  .col-3 {
    width: 21%;
  }
  .col-4 {
    width: 30%;
  }
  .row {
    flex-wrap: wrap;
  }

  .flex-nowrap {
    flex-wrap: nowrap !important;
  }
}

@media (max-width: 1300px) {
  .col-md-9,
  .col-md-3 {
    width: 100%;
  }
  .col-6 {
    width: 49%;
  }
}