@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');

html,
body {
  font-size: 13.5px !important;
  font-weight: 400 !important;
  font-family: 'Nunito', sans-serif !important;
}

.t-fullscreen {
  position: fixed !important;
  top: 0px !important;
  left: 0px !important;
  z-index: 999 !important;
  width: 100% !important;
  height: 100% !important;
}

.z-index-1000{
  z-index: 1000 !important;
}

.alias {cursor: alias;}
.all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.col-resize {cursor: col-resize;}
.context-menu {cursor: context-menu;}
.copy {cursor: copy;}
.crosshair {cursor: crosshair;}
.default {cursor: default;}
.e-resize {cursor: e-resize;}
.ew-resize {cursor: ew-resize;}
.grab {cursor: -webkit-grab; cursor: grab;}
.grabbing {cursor: -webkit-grabbing; cursor: grabbing;}
.help {cursor: help;}
.move {cursor: move;}
.n-resize {cursor: n-resize;}
.ne-resize {cursor: ne-resize;}
.nesw-resize {cursor: nesw-resize;}
.ns-resize {cursor: ns-resize;}
.nw-resize {cursor: nw-resize;}
.nwse-resize {cursor: nwse-resize;}
.no-drop {cursor: no-drop;}
.none {cursor: none;}
.not-allowed {cursor: not-allowed;}
.pointer {cursor: pointer;}
.progress {cursor: progress;}
.row-resize {cursor: row-resize;}
.s-resize {cursor: s-resize;}
.se-resize {cursor: se-resize;}
.sw-resize {cursor: sw-resize;}
.text {cursor: text;}
.url {cursor: url(myBall.cur),auto;}
.w-resize {cursor: w-resize;}
.wait {cursor: wait;}
.zoom-in {cursor: zoom-in;}
.zoom-out {cursor: zoom-out;}

@media (min-width: 1400px) {
  .login_container {
    padding: 7rem !important
  }
}

.dataTable > thead > tr > th {
  /* border-top: 1px dashed #dddddd !important; */
  /* border-bottom: 1px dashed #dddddd !important; */
  border-right: 1px dashed var(--bs-border-color) !important;
}
 
.dataTable > thead > tr > th:last-child {
  border-right:  none !important;
}

.dataTable.table-striped > tbody > tr.odd > * {
  box-shadow: none !important;
}

.dataTable.table-striped > tbody > tr.even > * {
  box-shadow: none !important; 
}

.dataTable.table-striped > tbody > tr.odd {
  box-shadow: none;
  background: var(--bs-table-striped-bg);
}

.dataTable.table-striped > tbody > tr:hover {
  background: rgb(0 0 0 / 20%);
}

.dataTables_length label > select {
  margin: 0px 4px !important;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 8px !important;
  direction: ltr;
  cursor: pointer;
}

html[data-bs-theme=dark] .dt-button-info {
  background: #2b2b40 !important;
}

html[data-bs-theme=dark] .dt-button-info {
  background: #2b2b40 !important;
}

.card .card-header {
  min-height: 60px !important;
}

.box_icon {
  /* border: 1px solid lightgrey; */
  /* margin: 2px; */
  /* padding: 10px; */
  text-align: center;
  /* border-radius: 5px; */
  overflow: hidden;
  word-wrap: break-word;
  /*max-height: 4.6em*/;
  /* color: #383838; */
}

.box_icon:hover {
  /* background-color: #f1f1f1; */
  cursor: pointer; 
  /* color: #218838; */
} 

.box_icon div {
  max-height: 1.3em;
}

.icon_container{
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: 500px;
  overflow: auto;
}

.input-group span.select2-selection {
  border-left-color: var(--bs-gray-300);
}

.input-group span.select2-selection {
  border-left-color: var(--bs-gray-300);
}

.input-group input.password {
  border-left-color: var(--bs-gray-300) !important;
}

#socket_status > i { color: green; }
#socket_status.disconnected > i { color: red; }