/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

/* bootstrap aditions  */
.fs-7 {
  font-size: 0.85rem !important;
}


/* NUCLEO ICONS STUFF */

.icon {
  position: relative;
  top:  2px;
}

.it-1 {
  top:  1px;
}

.it-2 {
  top:  2px;
}

.it-3 {
  top:  3px;
}

/* GENERAL CSS */

a {
  text-decoration: none;
}

.vertical-nav {
  min-width: 17rem;
  width: 17rem;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.2s;
  overflow-y: scroll;
  background: #062442;
}

.vertical-nav * {
  transition: all 0.2s;
}

.page-content {
  width: calc(100% - 17rem);
  margin-left: 17rem;
  transition: all 0.2s;
  min-height: 100vh;
}


.vertical-nav-hidden {
  margin-left: -17rem;
}

.page-content-full {
  width: 100%;
  margin-left: 0;
}


.vertical-nav-small {
  padding-top:  50px;
  min-width: 4rem;
  width: 4rem;
}

.vertical-nav-small .sidebar-logo,
.vertical-nav-small .nav-item-text {
  display:  none;
}

.vertical-nav-small ul {
  text-align:  center;
}

.vertical-nav-small .sub-nav {
  padding-left: 5px;
}

.page-content-maxed {
  width: calc(100% - 4rem);
  margin-left: 4rem;
}

.js-table-item-edit {
  cursor:  pointer;
}

.sub-nav {
  padding-left: 20px;
  /*display:  none;*/
}

.sub-nav li a.nav-link {
  padding: 0rem 1rem; ;
}

.bootstrap-select>.dropdown-toggle {
  border: 1px solid #ced4da !important;
}

.js-connections-content {
  display: none;
}


/* SCROLL BAR */

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #062442;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}