/*
*
* ==========================================
* 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;
}

.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;
}

/*centralizator zilnic*/
.centralizatorTabel {
	text-align: center;
}

.centralizatorTabel .js-apt,
.centralizatorTabel .js-inapt {
    display: none;
}

.centralizatorTabel .toggle {
    cursor: pointer;
}

.centralizatorTabel .table-total {
    background-color: #7ddcf8;
    color: #721c24;
    font-weight: bold;
}

.centralizatorTabel .table-apt {
    background-color: #9be3bd;
    color: #721c24;
    font-weight: bold;
}

.centralizatorTabel .table-inapt {
    background-color: #f8d7da;
    color: #721c24;
    font-weight: bold;
}

/*centralizator Vagoane*/
.js-tip-toggle {
  cursor:  pointer;
}

.js-tip-toggle-content {
  display:  none;
}

/*Others*/
.greutateVagon {
  min-width: 200px;
}

/* animations   */
.pulse-temporary {
    animation: pulseTemp 2s ease-in-out;
}

@keyframes pulseTemp {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.05);
        opacity: 0.9;
    }
}

.pulse-permanent {
    animation: pulsePerm 2s ease-in-out infinite;
}

@keyframes pulsePerm {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.05);
        opacity: 0.9;
    }
}