html,body {
  height: 100%;
}

.list-group-small .list-group-item {
  padding: .25rem .75rem;
}

#loadModal {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgb(205, 205, 205);
  background-color: rgba(205, 205, 205, 0.64);
  z-index: 9999999;
  text-align: center;
  padding-top: 150px;
  display: none;
  cursor: not-allowed;
}

.scrollable {
  overflow-y: scroll;
}

.cursor-help {
  cursor: help;
}

.scroll-y-max-200 {
  max-height: 200px;
  overflow-y: auto;
}
.scroll-y-max-300 {
  max-height: 300px;
  overflow-y: auto;
}
.scroll-y-max-350 {
  max-height: 350px;
  overflow-y: auto;
}
.scroll-y-max-400 {
  max-height: 400px;
  overflow-y: auto;
}



/* .fancytree-container {
  border: none !important;
} */


/* #playlistNameDiv input {
  display: none;
}
#playlistNameDiv:hover input {
  display: block;
} */

/* #playlistNameDiv span {
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
} */
/* #playlistNameDiv:hover > * {
  display: none;
}

#playlistBox > ul {
  list-style: none;
  margin: 0;
  padding: 0;
} */

.border-light-secondary {
  border-color: rgb(212, 212, 212);
}

.bg-light-secondary {
  background-color: rgb(239, 239, 239);
}

.pointer {
  cursor: pointer;
}


/* #playlistBox li:hover {
  background-color: #f3f580;
  color: #5c6773;
} */


/* nav {
  background: rgb(34,193,195);
  background: linear-gradient(173deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);
} */


/* .navbar {
  margin-bottom: 20px;
}

.alert > .toggleAlert {
  margin: -6px -14px;
}

.scrollable {
  overflow: scroll;
  max-width: 100%;
  max-height: 500px;
  border: thin #4CAF50 solid;
  padding: .25em;
  border-radius: .25em;
  -webkit-box-shadow: rgba(139, 195, 74, 0.68) 1px 1px 2px 0;
          box-shadow: rgba(139, 195, 74, 0.68) 1px 1px 2px 0;
}

.scrollable-y {
  overflow-y: scroll;
  max-height: 400px;
}

.fixed{
  top:0;
  position:fixed;
  width:auto;
  display:none;
  border:none;
  background-color: #d0e9c6;
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.5);
}

.table-dump-download {
  cursor: pointer;
}

.filtered th,
.filtered td {
  white-space: nowrap;
}

.nowrap {
  white-space: nowrap;
}

.table tr.odd {
  background-color: rgba(0,0,0,.05);
} */


/*
#errorwrap {
  position: fixed;
  top: 50px;
  left: 10%;
  width: 80%;
  z-index: 1000;
}
#errorwrap .alert {
  -webkit-box-shadow: 0px 1px 3px #808080;
  box-shadow: 0px 1px 3px #808080;
}

.floater-box {
  position: fixed;
  z-index: 999999;
  background-color: #fff;
  border: gray thin solid;
  border-radius: 4px;
  -webkit-box-shadow: #777 2px 1px 5px 0;
          box-shadow: #777 2px 1px 5px 0;
  padding: 5px;
  white-space: nowrap;
  display: none;
  font-size: .8em;
}
.floater-box > div {
  position: relative;
}
.floater-box .closewrap {
  position: absolute;
  top: 0;
  right: 0;
}
.floater-box .closewrap .btn {
  padding: .5em;
}
.floater-box p {
  margin-bottom: .3em;
}
.floater-box :last-child {
  padding: 0;
  margin: 0;
}

.ui-draggable {
  cursor: move;
}

.border-bottom {
  border-bottom: 2px #f0ad4e solid;
}
.border-top {
  border-top: 2px #f0ad4e solid;
}

/* .ui-icon-red {
background-image: url("images/ui-icons_cd0a0a_256x240.png");
}
.ui-icon-blue {
background-image: url("images/ui-icons_2e83ff_256x240.png");
} */

/* body {
padding-left: 35px;
} */

/* .float-nav {
  position: fixed;
  z-index: 999999999;
  padding: 30px 30px 30px 0;
  height: 100%;
  top: 0;
  left: -225px;
  width: 260px;
  background-color: #e7e9ec;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 8px 0;
          box-shadow: rgba(0, 0, 0, 0.4) 0 0 8px 0;
  overflow: hidden;
  -webkit-transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s;
  transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s;
}
.float-nav:hover {
  left: 0;
  overflow: auto;
}

.float-nav .float-nav-icon {
  position: absolute;
  top: 4px;
  right: 8px;
}
.float-nav:hover .float-nav-icon {
  display: none;
}

.fa-sm {
  font-size: .8em;
}

.collapse .card-block .row:last-child {
  margin-bottom: 0;
} */

/* .btnIpRange.text-danger {
  text-shadow: 1px 1px 3px #FF5722;
} */

/*
IP Plan specific
*/
/* #ip-content-wrapper {
  padding: 1.5em;
  border: 1px solid #ddd;
  border-top: none;
  margin-bottom: 2.5em;
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

#ip-content-wrapper .progress {
  background-color: #999;
}

.progress-bar span {
  text-shadow: 1px 1px 1px #000;
  color: white;
}

#ipMoveModal .fa {
  color: #e92828;
}



#scrollToTop{
  background-color: rgb(96, 194, 244);
  border: thin rgb(103, 103, 103) solid;
  border-bottom: none;
  position: fixed;
  display: inline;
  bottom: 0;
  right: 30px;
  font-size: 2em;
  opacity: .6;
  color: white;
  padding: 0 8px;
  cursor: pointer;
  -webkit-transition: opacity 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s;
  transition: opacity 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s;
  z-index: 1000;
}

#scrollToTop:hover{
  opacity: 1;
}

.shadow {
  -webkit-box-shadow: 0px 1px 3px #808080;
  box-shadow: 0px 1px 3px #808080;
}

#myTooltip p {
  margin-bottom: 0;
}
#myTooltip {
  position: absolute;
  pointer-events: none;
}
#myTooltip p:first-child {
  font-size: 1.1em;
  font-weight: bold;
}

.hr{
  margin-left: -1.25em;
  margin-right: -1.25em;
  margin-top: 2em;
  margin-bottom: 2em;
}

.tour-backdrop {
  filter: alpha(opacity=60);
  opacity: .6;
}

tr.dhcp {
  background-color: #4b5f5f !important;
}
tr.dhcp,
tr.dhcp a {
  color: #ececec !important;
}

tr.dhcp-static {
  background-color: #b1c134 !important;
}
tr.dhcp-static,
tr.dhcp-static a {
  color: #1d1d1d !important;
}


#mailTable .unread {
  font-weight: bold;
  background-color: #ffdd90;
}


#crudForm input {
    min-height: 28px;
}

.select2-selection {
  border-color: rgba(0,0,0,.15) !important;
} */ */