/* a,
a:hover,
a::before,
a::after {
    color: white;
} */

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');

* {
  font-family: 'Nanum Gothic';
}

body {
  min-width: 980px;
  font-size: .875rem;
  background-color: black;
}

.intro {
  background-image: url('../images/bg.png');
  background-repeat:no-repeat;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  background-position:center;
}

.goService {
  background-color: rgba(0, 0, 0, .7);
  position: absolute;
  width: 1000px;
  height: 650px;
  top: 50%;
  left: 50%;
  margin: -325px 0px 0px -500px;
  border: 1px solid #6f6f6f;
}

.navbar-brand {
  width:180px !important;
  background-color: #454551;
  font-size: 1.8rem;
  font-weight: bold;
}

.breadcrumb {
  position: absolute;
  left: 230px;
  width: 680px;
  padding: 0px;
  margin-left: 10px;
  margin-bottom: 0px;
  background-color: black;
}

.breadcrumb-item,
.breadcrumb-item a {
  color: white;
}

.breadcrumb-item.active {
  color: white;
  font-weight: 600;
}

nav button.btn {
  border: 0px;
}

/*
* Sidebar
*/
.sidebar {
  display: none;
  width: 180px !important;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  /* Behind the navbar */
  padding: 53px 0 0;
  /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar-sticky {
  position: relative;
  background-color: #454551;
  top: 0;
  height: calc(100vh - 119px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto;
  /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar a.nav-link {
  padding: 0px;
  font-weight: 500;
  color: #ffffff;
}

.sidebar a.nav-link:hover {
  font-weight: 700;
  color: #ffffff;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #ffffff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: #999;
}

.sidebar .collapse .list-group-item {
  padding-top: 4px;
  padding-bottom: 0px;
  border: 0px;
}

.sidebar .collapse .nav-link {
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.sidebar .collapse .nav-link.active {
  color: #0dcd92;
  background-color: black;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

.list-group-item {
  background-color: transparent;
  padding-right: 0px;
  border-color: #6f6f6f;
}

/*
   * Content
   */

.bars {
  color: white;
  position: absolute;
  left: 200px;
  font-size: 1.4rem;
  display: block;
  z-index: 1000;
}

.showSidebar {
  display: block;
}

[role="main"] {
  padding-top: 68px;
  margin-left: 0px;
  /* Space for fixed navbar */
  background-color: #000000;
  min-width: 800px;
  width: 100%;
}

@media (min-width: 1000px) {
  [role="main"] {
    padding-top: 68px;
    margin-left: 180px;
    /* Space for fixed navbar */
    background-color: #000000;
    /* height: calc(100vh - 64px); */
    min-width: 800px;
    width: 100%;
  }

  .sidebar {
    display: block;
  }

  .breadcrumb {
    left: 200px;
  }

  .bars {
    display: none;
  }
}

/* main {
  padding-top: 68px;
  margin-left: 180px;
  /* Space for fixed navbar * /
  background-color: #000000;
  min-width: 800px;
  width: 100%;
  /* height: 100vh; * /
} */

main > div.row {
  margin-bottom: 100px;
}

.fixed-bottom ul {
  background-color: #000000;
  float: left;
  width: 180px !important;
  height: 66px;
}

.fixed-bottom a.nav-link {
  color: white;
  text-align: center;
}

.fixed-bottom div {
  /* float: left; */
  /* height: 64px; */
  background-color: #000000;
  padding-top: 18px;
  padding-bottom: 18px;
}

.fixed-bottom div>p {
  margin-bottom: 0px;
  color: #ffffff;
}

.fixed-bottom .footer-logo {
  width: 200px;
  height: 30px;
}

.login-logo {
  width: 350px;
  height: 110px;
}


.table {
  color: #ffffff;
}

.table thead tr th {
  text-align: center;
  color: #0dcd92;
  border: 0px;
  white-space: nowrap;
}

/* .table tbody tr {
  background-color: #454551;
} */

.table tbody tr:first-child td {
  border-top: 0px;
}

.table tbody tr td {
  text-align: center;
  white-space: nowrap;
}

.card-body ul {
  height: 700px;
  overflow-y: scroll;
}

.card-body ul li.list-group-item {
  color: white;
  text-align: center;
}

.card-body ul li.list-group-item.selected {
  background-color: black;
}

.search-area {
  color: white;
}

.search-area .col {
  height: 50px;
  padding-top: 10px;
}

.search-area .searchHeader {
  /* position: fixed; */
  display: block;
  padding-top: 8px;
}

.btn.btn-secondary.wait {
  background-color: #0dcd92;
}

.btn.btn-secondary.working {
  background-color: #eb6607;
}

.btn.btn-secondary.selected {
  background-color: black;
}

.white {
  color: white !important;
}

#modelList .list-group-item {
  padding-left: 0px;
  white-space: nowrap;
}

.modal-xl {
  min-width: 900px;
}

.page-item .page-link.bg-dark {
  border-color: black;
}

.p-2 {
  white-space: normal;
}