html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.left-side-collapsed .custom-nav li a i {
  margin-right: 0;
  font-size: 1.5em !important;
}

.dropdown-toggle::after {
  display: none !important;
}

.table-plan {
  border: 1px solid #CCC;
}

.planProgramRow {
  background-color: #3949AB;
}

.planProjectRow {
  background-color: #1E88E5;
}

.planWellRow {
  background-color: #5C6BC0;
}

.planSectionRow {
  background-color: #42A5F5;
}

.planPhaseRow {
  background-color: #9FA8DA;
}

.planOperationRow {
  background-color: #90CAF9;
}

.planSubOpRow {
  background-color: #B0BBC5;
}

a.list-group-item:hover {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5
}

.btn-xxs {
  font-size: 80%;
}

.tableFixHead {
  overflow-y: auto;
  overflow-x: auto;
  max-height: 70vh;
  display: block;
  min-width: 100%;
}

.tableFixHead thead tr:nth-child(1) th {
  position: sticky;
  top: 0;
  background-color: #FFF;
  border: 1px solid #dee2e6 !important;
  z-index: 10;
}

.tableFixHead thead tr:nth-child(2) th {
  position: sticky;
  top: 30px;
  background-color: #FFF;
  border: 1px solid #dee2e6 !important;
  z-index: 10;
}

.divCalendar {
  position: fixed;
  right: 0px;
  width: 400px;
  background-color: #FFF;
  z-index: 100;
  top: 200px;
  opacity: 1.0;
  border: 1px solid #888888;
  padding-bottom: 20px;
}