.btn {
    margin-bottom:5px;
}
.autocomplete {
  position: relative;
  display: inline-block;
}

/*
.MsoNoSpacing{margin:0;}
.MsoNormal{margin:0;}
p{margin:0;}
*/

.description_custom {
    height: 60vh;
    overflow: auto;
    padding: 10px;
}
.description_custom img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: -webkit-fill-available;
}
.description_custom h1{
    font-size: 2rem;
}
.description_custom h2{
    font-size: 1.5rem;
}
.description_custom h3{
    font-size: 1.25rem;
}
.large_badge{
    padding: 0.6em 0.6em;
    font-size: 100%;
}
.custom_card_box_view_one {
      max-height: 60vh;
      overflow: auto;
      padding: 10px;
}
.custom_card_box_maps_view_one {
      height: 50vh;
      overflow: auto;
      padding: 10px;
}
.custom_card_box_graph_view_one {
      height: 50vh;
      overflow: auto;
      padding: 10px;
}
.custom_card_box_ttps_view_one {
      height: 55vh ;
      overflow: auto;
      padding: 10px;
}
.dashboard_chart {
    height: 60vh;
    overflow: auto;
    padding: 10px;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 50vh;
  overflow-y: scroll;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
  background-color: #e9e9e9;
}

.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.truncate{
    margin-bottom: 5px;
    display: -webkit-box;
    max-width: fit-content;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.truncate_dashboard{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.truncate_one_line{
    display: -webkit-box;
    max-width: fit-content;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.truncate_one_line_node_graph{
    display: -webkit-box;
    max-width: 50vh;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.fixed{
    table-layout: fixed;
}
.td-responsive {
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
}
.line_through{
  text-decoration: line-through;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;
  word-wrap: break-word;
}
.reg-pg {
  -ms-flex-align: center;
  align-items: center;
  background-color: #e9ecef;
  display: -ms-flexbox;
  height: 100vh;
  -ms-flex-pack: center;
  justify-content: center;
}
.wrap {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  background-color:blue;
  height:100%;
}
.div-1 {
        background-color: #EBEBEB;
}
.div-2 {
        background-color: #000000;
    }
.wrap_col {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  height:100%;
}

.wrap_item {
  height:100px;
  margin:10px;
  display: flex;
  flex:1 1 auto;
  flex-direction: column;
  background-color:yellow;
}

.b1 {
    border: none;
    background: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    color: blue;
}
.logo_img {
    height: 50px;
    width: auto;
}
.ellipsis {
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
@media screen
  and (min-device-width: 990px)
  and (-webkit-min-device-pixel-ratio: 1) {
  .messages_custom {
    max-height: 40vh ;
    overflow: auto;
    padding: 10px;
  }
    .node_graph_table {
    height: 60vh ;
    overflow: auto;
    padding: 10px;
  }
  .dashboard_custom {
        height: 15vh ;
        padding: 10px;
      }
  .graph_custom {
    height: 50vh ;
    padding: 5px;
  }
  .max_node_number {
    position:relative;
    left:650px;
    top:2px;
  }
  .description_custom {
      height: 60vh ;
      overflow: auto;
      padding: 10px;
    }
    .intelligence_objects_custom {
      height: 20vh ;
      overflow: auto;
      padding: 10px;
    }
  .sub_plat {
          height: 50vh ;
          overflow: auto;
          padding: 10px;
        }
  .ext {
          height: 50vh ;
          overflow: auto;
          padding: 10px;
        }

  .warnCardDiv1 {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 50vh;
  background: rgba(0, 0, 0, 0.666);
  box-sizing: border-box;
  padding: 1em;
  color: #fff;
  transition-property: opacity;
  transition-duration: 250ms;
  transition-timing-function: ease-out;
  overflow: auto;
  z-index: 1;
  }

}

/* ----------- Retina Screens ----------- */
@media screen
  and (min-device-width: 1601px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {
  .description_custom {
    height: 50vh ;
    overflow: auto;
    padding: 10px;
  }
    .node_graph_table {
    height: 60vh ;
    overflow: auto;
    padding: 10px;
  }
  .messages_custom {
    max-height: 40vh ;
    overflow: auto;
    padding: 10px;
  }
  .dashboard_custom {
      height: 12vh ;
      padding: 10px;
    }
  .max_node_number {
    position:relative;
    left:650px;
    top:2px;
  }
  .graph_custom {
    height: 50vh ;
    padding: 5px;
  }

  .sub_plat {
        height: 50vh ;
        overflow: auto;
        padding: 10px;
      }
  .ext {
          height: 50vh ;
          overflow: auto;
          padding: 10px;
        }
  .warnCardDiv1 {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 31vh;
    background: rgba(0, 0, 0, 0.666);
    box-sizing: border-box;
    padding: 1em;
    color: #fff;
    transition-property: opacity;
    transition-duration: 250ms;
    transition-timing-function: ease-out;
    overflow: auto;
    z-index: 1;
    }
}

@media screen and (min-width: 1900px) {
  .description_custom {
    height: 50vh ;
    overflow: auto;
    padding: 10px;
  }
  .node_graph_table {
    height: 60vh ;
    overflow: auto;
    padding: 10px;
  }
  .messages_custom {
    max-height: 40vh ;
    overflow: auto;
    padding: 10px;
  }
  .dashboard_custom {
        height: 12vh ;
        padding: 10px;
      }
  .max_node_number {
    position:relative;
    left:1250px;
    top:2px;
  }
  .graph_custom {
    height: 50vh ;
    padding: 5px;
  }
  .sub_plat {
        height: 50vh ;
        overflow: auto;
        padding: 10px;
      }
  .ext {
      height: 50vh ;
      overflow: auto;
      padding: 10px;
    }
  .warnCardDiv1 {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      height: 51vh;
      background: rgba(0, 0, 0, 0.666);
      box-sizing: border-box;
      padding: 1em;
      color: #fff;
      transition-property: opacity;
      transition-duration: 250ms;
      transition-timing-function: ease-out;
      overflow: auto;
      z-index: 1;
      }
}


.loader-wrapper{
    width: 100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #242f3f;
    display: flex;
    justify-content: center;
    align-items: center;
}


.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 4px solid #Fff;
  animation: loader 2s infinite ease;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  animation: loader-inner 2s infinite ease-in;
}

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

  25% {
    transform: rotate(180deg);
  }

  50% {
    transform: rotate(180deg);
  }

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

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

@keyframes loader-inner {
  0% {
    height: 0%;
  }

  25% {
    height: 0%;
  }

  50% {
    height: 100%;
  }

  75% {
    height: 100%;
  }

  100% {
    height: 0%;
  }
}