body {
    margin: 0;
    padding: 0;
    background: #4b4b4b;
    font-size: 14px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    overflow: auto;
    max-height: 100%;
    max-width: 100%;
}

aside .navbar {
  justify-content: center;
}

.border {
  border-color: #aeadad !important;
}

#app.onloading {
    opacity: 0.8;
    z-index: 0;
    pointer-events: none;
}

#loading {
    position: fixed;
    left: 45%;
    top: 50%;
    z-index: 999;
}

#loading >div {
    position: relative;
    top: 50%;
    left: 46%;
    transform: translateY(-50%);
    width: 160px;
    /* height: 30px; */
    font-size: 1.3rem;
    color: #ff8d00;
    background-color: #4b4b4b;
    border-radius: 5px;
    padding: 4px 20px;
    box-shadow: inset 0 0 6px #ff8d00;
}

#loading >div:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4,end) 900ms infinite;
    animation: ellipsis steps(4,end) 900ms infinite;
    content: "\2026"; /* ascii code for the ellipsis character */
    width: 0px;
  }

  @keyframes ellipsis {
    to {
      width: 20px;
    }
  }

  @-webkit-keyframes ellipsis {
    to {
      width: 20px;
    }
}

.error {
  color: red;
}

header {
  position: fixed;
  top: 0;
  background-color: #4b4b4b;
  width: 100vw;
  /* z-index: 9999; */
  z-index: 1038;
}

.content {
  margin-left: 6px;
  position: absolute;
  left: 0;
  top: 0;
  right: 10px;
  overflow-x: hidden;
  height: 100vh;
}

.content.with-left-sidebar {
  left: 140px !important;
}

.main-content {
  margin-top: 58px;
}

input, select, button {
  height: 30px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

input, button, textarea, select {
  border-radius: 0 !important;
}

button {
  color: white;
  background-color: #F01D4B !important;
  border-color: #F01D4B !important;
}

a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

a:hover, a:active {
  color: #F01D4B !important;
  text-decoration: none;
}

ul.pagination li {
  margin: 2px 4px;
  padding: 2px 8px;
  background-color: black;
  border-radius: 3px;
}

ul.pagination li a {
  color: white;
}

ul.pagination li.active a {
  font-weight: bold;
  color: #F01D4B;
}

ul.pagination li a {
  color: white;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  color: whitesmoke;
}

.folder {
  width: 120px;
}

#resetPswModel .btn-close {
  background-color: white !important;
}

.reportsForm {
  margin: auto;
  padding: 10px;
}
#search-result{
  max-height: 250px;
  overflow: auto;
}

.duplicate-resource {
  border-color: #dd5e5e !important;
}
.duplicate-resource::before {
  position: absolute;
  right: 0;
  top: 0;
  content: 'Replacement';
  font-size: 0.5rem;
  background: #f01d4b;
  padding: 0 2px;
}
.prev-resource{
  border-color: #dd5e5e !important;
  border-width: 2px;
}

.prev-resource::before {
  position: absolute;
  right: 0;
  top: 0;
  content: 'Duplicate';
  font-size: 0.5rem;
  background: #f01d4b;
  padding: 0 2px;
  font-weight: bold;
}