.g-nav {
  background: #607D8B;
  color: #fff;
  width: 200px;
  min-height: 100vh;
}
.g-nav li i {
  padding: 0.5rem 0 0.5rem 1rem;
}
.g-nav li a {
  color: #fff;
  display: inline-block;
  padding: 0.5rem 1rem;
}
.g-nav li a:hover {
  color: #fff;
}
.g-nav .dropdown ul {
  display: none;
  background: #566f7c;
}
.g-nav .dropdown.show ul {
  display: block;
}
.g-nav .dropdown.show ul li a {
  padding: 0.5rem 2rem;
  font-size: 0.9rem;
}
.g-nav .dropdown.show ul li:hover {
  background: #4b626d;
}

.fc-black {
  color: #151515;
}

.bg-black {
  background: #222;
  font-weight: normal;
  color: #FFF;
}

.btn-black {
  background-color: #222;
  border: 0;
  color: #FFF;
}
.btn-black:hover {
  background-color: #151515;
  color: #FFF;
}

.fc-base {
  color: #f2f2f2;
}

.bg-base {
  background: #FFF;
  font-weight: normal;
  color: #FFF;
}

.btn-base {
  background-color: #FFF;
  border: 0;
  color: #FFF;
}
.btn-base:hover {
  background-color: #f2f2f2;
  color: #FFF;
}

.fc-main {
  color: #566f7c;
}

.bg-main {
  background: #607D8B;
  font-weight: normal;
  color: #FFF;
}

.btn-main {
  background-color: #607D8B;
  border: 0;
  color: #FFF;
}
.btn-main:hover {
  background-color: #566f7c;
  color: #FFF;
}

.fc-accent {
  color: #5c8c31;
}

.bg-accent {
  background: #689F38;
  font-weight: normal;
  color: #FFF;
}

.btn-accent {
  background-color: #689F38;
  border: 0;
  color: #FFF;
}
.btn-accent:hover {
  background-color: #5c8c31;
  color: #FFF;
}

.fc-btn {
  color: #566f7c;
}

.bg-btn {
  background: #607D8B;
  font-weight: normal;
  color: #FFF;
}

.btn-btn {
  background-color: #607D8B;
  border: 0;
  color: #FFF;
}
.btn-btn:hover {
  background-color: #566f7c;
  color: #FFF;
}

.fc-cred {
  color: #c11856;
}

.bg-cred {
  background: #d81b60;
  font-weight: normal;
  color: #FFF;
}

.btn-cred {
  background-color: #d81b60;
  border: 0;
  color: #FFF;
}
.btn-cred:hover {
  background-color: #c11856;
  color: #FFF;
}

.fc-cblue {
  color: #148ea1;
}

.bg-cblue {
  background: #17a2b8;
  font-weight: normal;
  color: #FFF;
}

.btn-cblue {
  background-color: #17a2b8;
  border: 0;
  color: #FFF;
}
.btn-cblue:hover {
  background-color: #148ea1;
  color: #FFF;
}

.fc-cgreen {
  color: #6fa03b;
}

.bg-cgreen {
  background: #7cb342;
  font-weight: normal;
  color: #FFF;
}

.btn-cgreen {
  background-color: #7cb342;
  border: 0;
  color: #FFF;
}
.btn-cgreen:hover {
  background-color: #6fa03b;
  color: #FFF;
}

.fc-cyellow {
  color: #fdd31c;
}

.bg-cyellow {
  background: #FDD835;
  font-weight: normal;
  color: #FFF;
}

.btn-cyellow {
  background-color: #FDD835;
  border: 0;
  color: #FFF;
}
.btn-cyellow:hover {
  background-color: #fdd31c;
  color: #FFF;
}

.fc-corange {
  color: #e69000;
}

.bg-corange {
  background: #ffa000;
  font-weight: normal;
  color: #FFF;
}

.btn-corange {
  background-color: #ffa000;
  border: 0;
  color: #FFF;
}
.btn-corange:hover {
  background-color: #e69000;
  color: #FFF;
}

.fc-normal {
  color: #fbb814;
}

.bg-normal {
  background: #FBC02D;
  font-weight: normal;
  color: #FFF;
}

.btn-normal {
  background-color: #FBC02D;
  border: 0;
  color: #FFF;
}
.btn-normal:hover {
  background-color: #fbb814;
  color: #FFF;
}

.fc-cool {
  color: #0d8aee;
}

.bg-cool {
  background: #2196F3;
  font-weight: normal;
  color: #FFF;
}

.btn-cool {
  background-color: #2196F3;
  border: 0;
  color: #FFF;
}
.btn-cool:hover {
  background-color: #0d8aee;
  color: #FFF;
}

.fc-cold {
  color: #3849a2;
}

.bg-cold {
  background: #3F51B5;
  font-weight: normal;
  color: #FFF;
}

.btn-cold {
  background-color: #3F51B5;
  border: 0;
  color: #FFF;
}
.btn-cold:hover {
  background-color: #3849a2;
  color: #FFF;
}

.fc-gray {
  color: #e1e1e1;
}

.bg-gray {
  background: #EEE;
  font-weight: normal;
  color: #FFF;
}

.btn-gray {
  background-color: #EEE;
  border: 0;
  color: #FFF;
}
.btn-gray:hover {
  background-color: #e1e1e1;
  color: #FFF;
}

.alert-danger {
  background-color: #d81b60;
  color: #FFF;
  border: 0;
}

html,
body {
  font-size: 14px;
}

ul {
  list-style: none;
  padding: 0;
}

a {
  text-decoration: none;
  color: #4b626d;
}
a:hover {
  color: #41545e;
}

small {
  font-size: 0.5em;
}

.form-control:focus {
  border: 1px solid #CCC !important;
  box-shadow: none !important;
}

.form-floating label {
  font-size: 0.8rem;
  color: #999;
  padding: 1rem !important;
}
.form-floating label.label-adj01 {
  top: -5px;
}

.form-floating label b {
  color: #E91E63;
  padding-left: 0.2rem;
}

.tagit:hover + .label-adj01 {
  display: none;
}

.badge {
  font-weight: normal;
}

.table-lg td {
  padding: 1.5rem 1rem;
}

.cell-fit {
  width: 50px;
  white-space: nowrap;
}

.drag-area {
  display: inline-block;
  padding: 0 0.5rem;
  background: #FAFAFA;
  border: 1px solid #CCC;
  margin-right: 1rem;
}

.thumb01 {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #CCC;
}
.thumb01:before {
  display: block;
  content: "";
  padding-top: 70%;
}

table th {
  text-align: center;
  background: #607D8B !important;
  color: #FFF !important;
}