body {
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

body,
.modal-content {
  background-image: url('/images/bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.navbar {
  background-image: url('/images/nav-bg.jpg');
  background-repeat: no-repeat;
  background-size: fixed;
}

.nav-area {
  height: 90px;
}

a {
  color: #1d69f5;
}

.custom-container {
    margin-right: 20px;
    margin-left: 20px;
}

.flash-message{
  position: sticky;
  top: 10px;
  z-index: 1030;
  margin-left: 15px;
}

.spinner-grow{
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.spinner-border{
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.text-break {
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
 }

.whitelist-ip{
  padding: 1rem 6rem !important;
}

.thumbnail {

  top: -50px;
  left: -35px;
  display: block;
  z-index: 999;
  cursor: pointer;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
}

/*change the number below to scale to the appropriate size*/
.thumbnail:hover {
  box-shadow: 0 0 2px 1px rgba(107, 116, 131, 0.5);
  transform: scale(6);
  align-content: center;

}
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make dropdown sticky*/
  pointer-events: none;
}

.dropdown-menu {
  border-left: 4px solid #1d69f5;
  border-radius: 5px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

.dropdown-menu>a {
  color: rgb(90, 87, 87);
}

.dropdown-menu>a:hover {
  color:  #1d69f5;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-menu>a:active {
  color: #fff;
  background-color: #1d69f5;
}

.login-welcome{
  font-family: 'Tangerine', serif;
  font-size: 60px; 
}

.modems_action{
  padding: 10px 80px !important;
}

.partial-table>table>thead>tr>th {
  position: sticky;
  top: 0;
  /* background-image: url('/images/th.jpg') !important; */
  background-color: whitesmoke;
  background-repeat: no-repeat;
  background-size: cover !important;
}

.partial-table {
  height: 30vh !important;
  width: 98vw !important;
  overflow: scroll;
}

.modems-table{
  overflow-x: visible !important;
}

.unselectable {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.preserve-whitespace {
  white-space: pre;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}