* .loading {
  pointer-events: none; }

.select {
  position: relative; }

.logo {
  margin: auto;
  background: white;
  text-align: center; }
  .logo img {
    width: 100px;
    padding: 10px; }

@keyframes loading {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }
.modal-body {
  min-height: 160px !important; }

.topbar .top-navbar .navbar-header {
  padding-left: 250px;
  background: transparent; }

nav.sidebar-nav {
  padding-top: 50px; }

aside.left-sidebar {
  padding: 0;
  z-index: 99; }

.btn-primary {
  background: #233242;
  border: 0; }
  .btn-primary:focus, .btn-primary:active, .btn-primary:hover {
    background: #233242 !important; }

.loading:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 99;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  border: 3px solid #eee;
  border-radius: 50%;
  border-right-color: #233242;
  animation: loading 0.4s linear infinite; }

.loading:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: wait;
  position: absolute;
  background: rgba(255, 255, 255, 0.6); }

.select.loading-input:after {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 99;
  top: calc(50% - 15px);
  right: 30px;
  border: 3px solid #eee;
  border-radius: 50%;
  border-right-color: #233242;
  animation: loading 0.4s linear infinite; }

a.option-link {
  width: 100px;
  display: inline-block;
  text-align: center;
  padding: 5px 0;
  font-size: 13px;
  margin-left: 3px;
  color: white; }
  a.option-link.see {
    background: #233242; }
  a.option-link.edit {
    background: chocolate; }
  a.option-link span {
    margin-right: 5px; }

.dialog-outer {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  /* overflow: hidden; */
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  left: 0; }
  .dialog-outer dialog.dialog {
    display: none;
    position: absolute;
    background: white;
    top: 10%;
    max-width: 700px;
    width: 90%;
    border: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 8px; }
    .dialog-outer dialog.dialog .dialog-header {
      position: relative;
      padding: 10px 20px;
      border-bottom: 1px solid #ddd; }
      .dialog-outer dialog.dialog .dialog-header h4 {
        margin: 0;
        font-weight: 500;
        font-size: 20px;
        color: #333; }
      .dialog-outer dialog.dialog .dialog-header span.close {
        opacity: 0.4;
        width: 25px;
        height: 25px;
        top: 15px;
        z-index: 99;
        position: absolute;
        right: 20px;
        transform: rotate(45deg); }
        .dialog-outer dialog.dialog .dialog-header span.close:before {
          content: '';
          width: 100%;
          display: block;
          height: 1px;
          border-bottom: 2px solid;
          transform: rotate(90deg);
          top: 10px;
          position: absolute; }
        .dialog-outer dialog.dialog .dialog-header span.close:after {
          content: '';
          display: block;
          width: 100%;
          height: 2px;
          background: black;
          top: 40%;
          position: absolute; }
    .dialog-outer dialog.dialog .dialog-body {
      overflow-y: scroll;
      height: 400px;
      padding: 20px;
      margin-bottom: 10px; }
    .dialog-outer dialog.dialog .dialog-footer {
      padding: 0 10px 10px;
      text-align: right; }

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

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

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

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

/*# sourceMappingURL=main.css.map */