/*
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    text-align:left;
    margin-right:-4px;
}
.col-fixed { width:320px; }
.col-min { min-width:320px; }
.col-max {max-width:320px;}
[class*="col-"] { padding-top:10px; padding-bottom:15px; }
[class*="col-"]:before { display:block; position:relative; margin-bottom:8px; }
.item { width:100%; height:100%; padding:16px 8px; }
.item { display:table; }
.content { display:table-cell; vertical-align:middle; text-align:center; }
.noempty { border-color: red; }*/

.scrollbar {
  /*margin-left: 30px;
float: left;
height: 300px;
width: 65px;
background: #fff;
margin-bottom: 25px;*/
  overflow-y: scroll;
}

.force-overflow {
  min-height: 450px;
}

.scrollbar-primary::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.scrollbar-primary::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #4285F4;
}

.scrollbar-danger::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}

.scrollbar-danger::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.scrollbar-danger::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #ff3547;
}

.scrollbar-warning::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}

.scrollbar-warning::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.scrollbar-warning::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #FF8800;
}

.scrollbar-success::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}

.scrollbar-success::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.scrollbar-success::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #00C851;
}

.scrollbar-info::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}

.scrollbar-info::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.scrollbar-info::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #33b5e5;
}

.scrollbar-default::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}

.scrollbar-default::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.scrollbar-default::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #2BBBAD;
}

.scrollbar-secondary::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}

.scrollbar-secondary::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.scrollbar-secondary::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #aa66cc;
}
/*=====================================================================================*/
.color-palette {
  height: 35px;
  line-height: 35px;
  text-align: center;
}

.color-palette-set {
  margin-bottom: 15px;
}

.color-palette span {
  display: none;
  font-size: 12px;
}

.color-palette:hover span {
  display: block;
}

.color-palette-box h4 {
  position: absolute;
  top: 100%;
  left: 25px;
  margin-top: -40px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  display: block;
  z-index: 7;
}
/*=====================================================================================*/
.header-fixed {
  width: 200px;
}

  /* Treat all as divs */
  .header-fixed > thead,
  .header-fixed > tbody,
  .header-fixed > thead > tr,
  .header-fixed > tbody > tr,
  .header-fixed > thead > tr > th,
  .header-fixed > tbody > tr > td {
    display: block;
  }

    /* Prevent header to wrap */
    .header-fixed > thead > tr > th {
      white-space: nowrap;
      background-color: lightgrey;
    }

    .header-fixed > tbody > tr:after,
    .header-fixed > thead > tr:after {
      content: ' ';
      display: block;
      visibility: hidden;
      clear: both;
    }

  .header-fixed > tbody {
    overflow-y: auto;
    height: var(--height-height);
  }

    .header-fixed > tbody > tr > td,
    .header-fixed > thead > tr > th {
      width: var(--cell-width);
      border: thin solid grey;
      float: left;
    }
/*=====================================================================================*/
.alert-warning {
  color: #8a6d3b !important;
  background-color: #fcf8e3 !important;
  border-color: #faebcc !important;
}

.bg-warning {
  background-color: #faebcc !important;
}

/*=====================================================================================*/
.border-black {
  border-color: black !important;
}

.border-black-active {
  border-color: black !important;
}

.border-gray {
  border-color: gray !important;
}

.border-maroon {
  border-color: maroon !important;
}

.border-maroon-active {
  border-color: maroon !important;
}

.border-purple {
  border-color: purple !important;
}

.border-purple-active {
  border-color: purple !important;
}

.border-fuchsia {
  border-color: fuchsia !important;
}

.border-fuchsia-active {
  border-color: fuchsia !important;
}

.border-fuchsia-active {
  border-color: fuchsia !important;
}

.border-red {
  border-color: darkred !important;
}

.border-red-active {
  border-color: red !important;
}

.border-yellow-active {
  border-color: yellow !important;
}

.border-yellow {
  border-color: yellow !important;
}

.border-orange-active {
  border-color: orange !important;
}

.border-teal {
  border-color: teal !important;
}

.border-teal-active {
  border-color: teal !important;
}

.border-blue {
  border-color: darkblue !important;
}

.border-blue-active {
  border-color: blue !important;
}

.border-light-blue {
  border-color: lightblue !important;
}

.border-light-blue-active {
  border-color: lightblue !important;
}

.border-aqua {
  border-color: aqua !important;
}

.border-aqua-active {
  border-color: aquamarine !important;
}

.border-olive {
  border-color: darkolivegreen !important;
}

.border-olive-active {
  border-color: olive !important;
}

.border-green {
  border-color: darkgreen !important;
}

.border-green-active {
  border-color: green !important;
}

.border-lime {
  border-color: limegreen !important;
}

.border-lime-active {
  border-color: lime !important;
}
/*=====================================================================================*/
.box-body-title {
  padding: 6px;
  border-radius: 4px;
  margin-bottom: 15px;
}

.box-body-button {
  font-size: 12px;
  font-weight: 700;
  border: 2px solid transparent;
  float: right !important;
  margin: 0px 4px 0px 4px;
  padding: 0px 4px 0px 4px;
  cursor: pointer;
}

  .box-body-button:hover {
    border-left: 2px solid white;
    border-right: 2px solid white;
    overflow: hidden;
  }

.bg-default {
  color: #333;
  background-color: #ddd;
}

.bg-transparent {
  color: transparent;
  background-color: transparent;
}

a.bg-default:focus, a.bg-default:hover {
  background-color: #f5f5f5
}

.table-row-separate-10px {
  border-collapse: separate;
  border-spacing: 0 10px;
  margin-top: -10px;
}

.table-row-radius-4px td:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.table-row-radius-4px td:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}