.bg-white {
  background-color: #ffffff !important; }

.bg-light {
  background-color: #f9f9f9 !important; }

.bg-dark {
  background-color: #12263f !important; }

.text-dark {
  color: #12263f !important; }

.grey-bg {
  background: #f9f9f9 !important; }

.white-bg {
  background: #ffffff !important; }

.mt-0 {
  margin-top: 0px !important; }

.padding-grid {
  padding: 2em 0em 1.2em 0em !important; }

.fw-300 {
  font-weight: 300; }

.clearfix {
  overflow: auto;
  zoom: 1; }

.bg-dots {
  background-image: url(/public/img/dot.svg);
  background-size: 20px; }

.vc_login_left {
  padding: 0em 8em !important;
  text-align: center; }
  .vc_login_left .header {
    width: 100%;
    text-align: center; }
    .vc_login_left .header img {
      margin: 0 auto; }
  .vc_login_left label {
    text-align: left; }
  .vc_login_left h2 {
    font-size: 1em;
    margin: 0; }

.vc_login_right {
  background-position: center;
  background-size: cover; }

.ui.primary.button, .ui.primary.buttons .button {
  background: #0032ff;
  transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out; }
  .ui.primary.button:hover, .ui.primary.buttons .button:hover {
    background: #0028cc; }

.vc_btn__options a {
  color: rgba(0, 0, 0, 0.6); }
.vc_btn__options .menu > .item {
  font-weight: 800 !important;
  font-size: 0.8em !important; }
  .vc_btn__options .menu > .item i {
    margin-right: 5px; }

.ui.fixed.vertical.inverted.sticky.menu {
  width: 215px;
  bottom: 0px;
  background: #192132 !important; }
  .ui.fixed.vertical.inverted.sticky.menu .item {
    font-size: 1em;
    color: #ffffff9e;
    padding: .9em 1.14285714em;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; }
    .ui.fixed.vertical.inverted.sticky.menu .item > i.icon {
      margin: 0;
      margin-right: .8em;
      float: left;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out; }
    .ui.fixed.vertical.inverted.sticky.menu .item a.item:hover {
      background: rgba(255, 255, 255, 0.22);
      margin-left: 5px;
      border-top-left-radius: 2em !important;
      border-bottom-left-radius: 2em !important;
      color: #ffffff; }
      .ui.fixed.vertical.inverted.sticky.menu .item a.item:hover i {
        color: #ffffff; }
    .ui.fixed.vertical.inverted.sticky.menu .item.active {
      background: #0c1017;
      margin-left: 5px;
      border-top-left-radius: 2em !important;
      border-bottom-left-radius: 2em !important; }
      .ui.fixed.vertical.inverted.sticky.menu .item.active > i.icon {
        color: #00946e !important; }
      .ui.fixed.vertical.inverted.sticky.menu .item.active:hover {
        background: #1E283A; }
  .ui.fixed.vertical.inverted.sticky.menu #site_toggle {
    border-radius: 0;
    width: 100%;
    background: #41907C;
    color: white;
    font-weight: 400; }
    .ui.fixed.vertical.inverted.sticky.menu #site_toggle .dropdown.icon {
      background: none; }

.ui.vertical.menu .item > .header:not(.ui) {
  color: #ffffff4d;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 300;
  letter-spacing: .05em; }

.icon.fab {
  font-family: "Font Awesome 5 Brands" !important; }

.vc_navbar__user {
  position: absolute !important;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.5em 1.14285714em !important; }

.copyright {
  text-align: center;
  width: 100%;
  float: left;
  color: #ffffff40;
  font-size: 0.6em; }

/*
.icon.fa, .icon.far, .icon.fas {
  font-family: "Font Awesome 5 Free"!important;
}
*/
.ui.form .field > label {
  color: #929292;
  font-size: .75em; }

body {
  background: #f9f9f9 !important; }

@media only screen and (max-width: 768px) {
  .ui.fixed.vertical.inverted.sticky.menu .toggle_open {
    display: block;
    background-color: #2185D0;
    width: 35px;
    height: 35px;
    position: absolute;
    right: -36px;
    cursor: pointer; }

  .ui.fixed.vertical.inverted.sticky.menu .toggle_open span {
    position: absolute;
    width: 20px;
    height: 3px;
    background-color: white;
    left: 8px;
    opacity: 1;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out; }

  .ui.fixed.vertical.inverted.sticky.menu .toggle_open span:first-child {
    top: 8px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }

  .ui.fixed.vertical.inverted.sticky.menu .toggle_open.active span:first-child {
    top: 16px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

  .ui.fixed.vertical.inverted.sticky.menu .toggle_open span:nth-child(2) {
    top: 16px; }

  .ui.fixed.vertical.inverted.sticky.menu .toggle_open.active span:nth-child(2) {
    top: 16px;
    opacity: 0; }

  .ui.fixed.vertical.inverted.sticky.menu .toggle_open span:last-child {
    top: 24px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }

  .ui.fixed.vertical.inverted.sticky.menu .toggle_open.active span:last-child {
    top: 16px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

  .ui .grid {
    width: 101%;
    margin: -1rem 0rem; }

  #formListSlider .ui.table {
    min-width: 600px !important; }

  .ui.fixed.vertical.inverted.sticky.menu {
    left: -215px !important; }

  article {
    margin-left: 0 !important; }

  .pusher.open {
    left: 215px !important; }

  .ui.container {
    padding: 0 !important; }

  .ui.grid > [class*="eight wide"].column,
  .ui.grid > [class*="four wide"].column {
    width: 100% !important; }

  .ui.grid > .right {
    text-align: center !important; }

  .ui.attached.segment .sixteen {
    padding-right: 0; }

  .ui.table {
    min-width: none; }

  .ui.table thead th {
    width: 25% !important;
    cursor: auto;
    background: #F9FAFB;
    text-align: inherit;
    color: rgba(0, 0, 0, 0.87);
    padding: .92857143em .78571429em;
    vertical-align: inherit;
    font-style: none;
    font-weight: 700;
    text-transform: none;
    border-bottom: 1px solid rgba(34, 36, 38, 0.1);
    border-left: none; } }