/* Compass */
/* Variables */
@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/Roboto-regular/Roboto-regular.eot");
  src: url("../fonts/Roboto-regular/Roboto-regular.eot?#iefix") format("embedded-opentype"), local("Roboto"), local("Roboto-regular"), url("../fonts/Roboto-regular/Roboto-regular.woff2") format("woff2"), url("../fonts/Roboto-regular/Roboto-regular.woff") format("woff"), url("../fonts/Roboto-regular/Roboto-regular.ttf") format("truetype"), url("../fonts/Roboto-regular/Roboto-regular.svg#Roboto") format("svg"); }

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/Roboto-700/Roboto-700.eot");
  src: url("../fonts/Roboto-700/Roboto-700.eot?#iefix") format("embedded-opentype"), local("Roboto Bold"), local("Roboto-700"), url("../fonts/Roboto-700/Roboto-700.woff2") format("woff2"), url("../fonts/Roboto-700/Roboto-700.woff") format("woff"), url("../fonts/Roboto-700/Roboto-700.ttf") format("truetype"), url("../fonts/Roboto-700/Roboto-700.svg#Roboto") format("svg"); }

@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/Roboto-italic/Roboto-italic.eot");
  src: url("../fonts/Roboto-italic/Roboto-italic.eot?#iefix") format("embedded-opentype"), local("Roboto Italic"), local("Roboto-italic"), url("../fonts/Roboto-italic/Roboto-italic.woff2") format("woff2"), url("../fonts/Roboto-italic/Roboto-italic.woff") format("woff"), url("../fonts/Roboto-italic/Roboto-italic.ttf") format("truetype"), url("../fonts/Roboto-italic/Roboto-italic.svg#Roboto") format("svg"); }

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: italic;
  src: url("../fonts/Roboto-700italic/Roboto-700italic.eot");
  src: url("../fonts/Roboto-700italic/Roboto-700italic.eot?#iefix") format("embedded-opentype"), local("Roboto Bold Italic"), local("Roboto-700italic"), url("../fonts/Roboto-700italic/Roboto-700italic.woff2") format("woff2"), url("../fonts/Roboto-700italic/Roboto-700italic.woff") format("woff"), url("../fonts/Roboto-700italic/Roboto-700italic.ttf") format("truetype"), url("../fonts/Roboto-700italic/Roboto-700italic.svg#Roboto") format("svg"); }

/* Fonts */
@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/Roboto-regular/Roboto-regular.eot");
  src: url("../fonts/Roboto-regular/Roboto-regular.eot?#iefix") format("embedded-opentype"), local("Roboto"), local("Roboto-regular"), url("../fonts/Roboto-regular/Roboto-regular.woff2") format("woff2"), url("../fonts/Roboto-regular/Roboto-regular.woff") format("woff"), url("../fonts/Roboto-regular/Roboto-regular.ttf") format("truetype"), url("../fonts/Roboto-regular/Roboto-regular.svg#Roboto") format("svg"); }

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/Roboto-700/Roboto-700.eot");
  src: url("../fonts/Roboto-700/Roboto-700.eot?#iefix") format("embedded-opentype"), local("Roboto Bold"), local("Roboto-700"), url("../fonts/Roboto-700/Roboto-700.woff2") format("woff2"), url("../fonts/Roboto-700/Roboto-700.woff") format("woff"), url("../fonts/Roboto-700/Roboto-700.ttf") format("truetype"), url("../fonts/Roboto-700/Roboto-700.svg#Roboto") format("svg"); }

@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/Roboto-italic/Roboto-italic.eot");
  src: url("../fonts/Roboto-italic/Roboto-italic.eot?#iefix") format("embedded-opentype"), local("Roboto Italic"), local("Roboto-italic"), url("../fonts/Roboto-italic/Roboto-italic.woff2") format("woff2"), url("../fonts/Roboto-italic/Roboto-italic.woff") format("woff"), url("../fonts/Roboto-italic/Roboto-italic.ttf") format("truetype"), url("../fonts/Roboto-italic/Roboto-italic.svg#Roboto") format("svg"); }

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: italic;
  src: url("../fonts/Roboto-700italic/Roboto-700italic.eot");
  src: url("../fonts/Roboto-700italic/Roboto-700italic.eot?#iefix") format("embedded-opentype"), local("Roboto Bold Italic"), local("Roboto-700italic"), url("../fonts/Roboto-700italic/Roboto-700italic.woff2") format("woff2"), url("../fonts/Roboto-700italic/Roboto-700italic.woff") format("woff"), url("../fonts/Roboto-700italic/Roboto-700italic.ttf") format("truetype"), url("../fonts/Roboto-700italic/Roboto-700italic.svg#Roboto") format("svg"); }

/* Navigation bar */
.navbar-default {
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0px;
  margin-left: auto;
  margin-right: auto; }

#vertical-nav.expanded + .pusher > .navbar.fixed-top {
  width: calc(100% - 15rem);
  margin-left: 15rem; }

#vertical-nav.collapsed + .pusher > .navbar.fixed-top {
  width: calc(100% - 4rem);
  margin-left: 4rem; }

.login .navbar .navbar-brand {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.navbar {
  height: 50px;
  padding: 0 0.5rem;
  margin-bottom: 0;
  padding-top: 0;
  background-color: #2f3a45;
  border: none !important;
  -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15);
  box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .navbar .navbar-header {
    height: 100%;
    float: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap; }
    .navbar .navbar-header img.headimg {
      height: calc(50px - 1.75rem);
      width: auto; }
      .navbar .navbar-header img.headimg:selected {
        background: transparent !important; }
    .navbar .navbar-header .navbar-toggle {
      margin-top: 8px;
      border: none;
      background-color: #fff; }
      .navbar .navbar-header .navbar-toggle .icon-bar {
        background-color: #1a2127; }
      .navbar .navbar-header .navbar-toggle:hover, .navbar .navbar-header .navbar-toggle:active {
        background-color: #1a2127; }
        .navbar .navbar-header .navbar-toggle:hover .icon-bar, .navbar .navbar-header .navbar-toggle:active .icon-bar {
          background-color: #fff; }
  .navbar .navbar-brand {
    height: 100%;
    font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex: 1 0;
            flex: 1 0;
    padding: 0 1em; }
    .navbar .navbar-brand a {
      color: #fff;
      white-space: nowrap;
      max-width: auto;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.5;
      text-align: center; }
      .navbar .navbar-brand a:hover {
        color: #acbac7; }
      .navbar .navbar-brand a:hover, .navbar .navbar-brand a:active, .navbar .navbar-brand a:focus {
        text-decoration: none; }
    .navbar .navbar-brand.largeimage {
      line-height: 0;
      color: transparent !important; }
      .navbar .navbar-brand.largeimage img {
        padding: 0;
        height: 40px;
        margin: 0 10px; }
    .navbar .navbar-brand.smallimage img {
      display: inline;
      height: 40px;
      margin-top: -5px; }
  .navbar .collapse {
    -webkit-box-flex: 0;
        -ms-flex: 0 1;
            flex: 0 1;
    -ms-flex-line-pack: center;
        align-content: center; }
    .navbar .collapse.right li {
      height: 100%;
      margin: 0; }
  .navbar .navbar-nav {
    margin-left: 0px;
    margin-right: 0px;
    height: 100%;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -ms-flex-item-align: center;
        align-self: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .navbar .sidebar-toggle-right .sl {
    white-space: nowrap;
    max-width: 10em;
    overflow: hidden;
    text-overflow: ellipsis; }
  .navbar ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    vertical-align: middle;
    color: #fff;
    border: 0;
    margin-top: 0;
    padding: 0 0.75em; }
    .navbar ul li a:hover, .navbar ul li a:active, .navbar ul li a:focus {
      text-decoration: none; }
    .navbar ul li a.a-small-text {
      font-size: 12px; }

.no-flex .navbar .navbar-collapse.right {
  display: block !important;
  position: absolute !important;
  right: 0 !important; }
  .no-flex .navbar .navbar-collapse.right li {
    margin: 8px 3px; }
    .no-flex .navbar .navbar-collapse.right li i.dropdown.icon {
      margin-top: -5px; }

@media all {
  .navbar.non-responsive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .navbar.non-responsive .navbar-nav,
    .navbar.non-responsive .navbar-collapse .navbar-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin: 0; }
      .navbar.non-responsive .navbar-nav li,
      .navbar.non-responsive .navbar-collapse .navbar-nav li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .navbar.non-responsive .collapse {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

/* Sidebar */
.sidebar#user-sidebar {
  top: 50px;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-top: 1px solid whitesmoke; }
  .sidebar#user-sidebar.visible {
    z-index: 5000; }

.sidebar ul li a:hover, .sidebar ul li a:focus, .sidebar ul li a:active, #vertical-nav ul li a:hover, #vertical-nav ul li a:focus, #vertical-nav ul li a:active {
  text-decoration: none; }

.sidebar .popover, .sidebar .ui.popup, #vertical-nav .popover, #vertical-nav .ui.popup {
  background: #fff;
  padding: 0.5rem !important;
  border-color: whitesmoke; }
  .sidebar .popover::before, .sidebar .ui.popup::before, #vertical-nav .popover::before, #vertical-nav .ui.popup::before {
    -webkit-box-shadow: -1px 1px 0px 0 #dbdbdb;
    box-shadow: -1px 1px 0px 0 #dbdbdb; }

.sidebar.expanded .popup, #vertical-nav.expanded .popup {
  display: none !important; }

.sidebar.expanded .popup-link + .popup, #vertical-nav.expanded .popup-link + .popup {
  display: block !important; }

.sidebar.ui.menu, #vertical-nav.ui.menu {
  border: none; }

.sidebar .sidebar-header, #vertical-nav .sidebar-header {
  background: #333f4b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  border: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.sidebar .sidebar-pin, #vertical-nav .sidebar-pin {
  position: absolute;
  right: 0;
  padding: 0 1.5em;
  color: #fff; }

.sidebar .ui.item, #vertical-nav .ui.item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .sidebar .ui.item .fa, #vertical-nav .ui.item .fa {
    text-align: center;
    margin-right: .5rem;
    width: 15px; }
  .sidebar .ui.item .sl, #vertical-nav .ui.item .sl {
    width: 100%;
    white-space: nowrap; }

.sidebar .ui.item.profile-picture, #vertical-nav .ui.item.profile-picture {
  padding-bottom: 1.5em;
  font-size: 1.3em; }
  .sidebar .ui.item.profile-picture .gravatar, #vertical-nav .ui.item.profile-picture .gravatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 0.5em 0.5em 0.5em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .sidebar .ui.item.profile-picture .gravatar img, #vertical-nav .ui.item.profile-picture .gravatar img {
      margin-bottom: 1em; }

.sidebar .item.title::after, #vertical-nav .item.title::after {
  position: absolute;
  content: '';
  top: 0%;
  right: 0px;
  height: 1px;
  width: 100%;
  background: rgba(34, 36, 38, 0.1); }

.sidebar .active.title .dropdown.icon, #vertical-nav .active.title .dropdown.icon {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.sidebar .center, #vertical-nav .center {
  text-align: center; }

.sidebar .dropdown-menu-inactive + .ui.popup, #vertical-nav .dropdown-menu-inactive + .ui.popup {
  margin-left: 0; }

.sidebar.expanded .sidebar-header, #vertical-nav.expanded .sidebar-header {
  width: 15rem; }

.sidebar.expanded .sidebar-wrapper, #vertical-nav.expanded .sidebar-wrapper {
  height: calc(100% - 50px);
  overflow-y: auto;
  overflow-x: hidden;
  width: 15rem;
  -webkit-transition: 0.2s ease width;
  transition: 0.2s ease width;
  -ms-overflow-style: scrollbar; }

.sidebar.expanded .ui.item,
.sidebar.expanded .ui.item.title, #vertical-nav.expanded .ui.item,
#vertical-nav.expanded .ui.item.title {
  padding-left: 1.5em !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 1em;
  height: 3rem;
  width: 15rem; }

.sidebar.expanded ul li h4, #vertical-nav.expanded ul li h4 {
  display: none; }

.sidebar.expanded .sidebar-toggle, #vertical-nav.expanded .sidebar-toggle {
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .sidebar.expanded .sidebar-toggle::before, .sidebar.expanded .sidebar-toggle::after, #vertical-nav.expanded .sidebar-toggle::before, #vertical-nav.expanded .sidebar-toggle::after {
    -webkit-transition: -webkit-transform 0.1s ease;
    transition: -webkit-transform 0.1s ease;
    transition: transform 0.1s ease;
    transition: transform 0.1s ease, -webkit-transform 0.1s ease; }

.sidebar.expanded .dropdown-menu-open .active.title .dropdown.icon, #vertical-nav.expanded .dropdown-menu-open .active.title .dropdown.icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.sidebar.collapsed, #vertical-nav.collapsed {
  width: 4rem !important;
  -webkit-transition: 0.1s ease width;
  transition: 0.1s ease width; }
  .sidebar.collapsed .dropdown-menu-open + .ui.popup, #vertical-nav.collapsed .dropdown-menu-open + .ui.popup {
    z-index: 1898; }
  .sidebar.collapsed .dropdown-menu-open .ui.content.active, #vertical-nav.collapsed .dropdown-menu-open .ui.content.active {
    z-index: 1899; }
  .sidebar.collapsed .dropdown-menu-open .active.title .dropdown.icon, #vertical-nav.collapsed .dropdown-menu-open .active.title .dropdown.icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .sidebar.collapsed .sidebar-toggle, #vertical-nav.collapsed .sidebar-toggle {
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: 0.1s ease color;
    transition: 0.1s ease color;
    -webkit-transition: 0.1s ease backround;
    transition: 0.1s ease backround; }
    .sidebar.collapsed .sidebar-toggle::before, #vertical-nav.collapsed .sidebar-toggle::before {
      -webkit-transition: -webkit-transform 0.1s ease;
      transition: -webkit-transform 0.1s ease;
      transition: transform 0.1s ease;
      transition: transform 0.1s ease, -webkit-transform 0.1s ease;
      -webkit-transform: rotate(35deg);
      transform: rotate(35deg); }
    .sidebar.collapsed .sidebar-toggle::after, #vertical-nav.collapsed .sidebar-toggle::after {
      margin-top: 8px;
      -webkit-transition: -webkit-transform 0.1s ease;
      transition: -webkit-transform 0.1s ease;
      transition: transform 0.1s ease;
      transition: transform 0.1s ease, -webkit-transform 0.1s ease;
      -webkit-transform: rotate(-35deg);
      transform: rotate(-35deg); }
  .sidebar.collapsed .sidebar-wrapper, #vertical-nav.collapsed .sidebar-wrapper {
    height: 100%;
    overflow-y: auto;
    width: calc(4rem + 0.75em);
    padding-bottom: 3.5rem; }
    .sidebar.collapsed .sidebar-wrapper > .ui.item,
    .sidebar.collapsed .sidebar-wrapper .ui.item.title, #vertical-nav.collapsed .sidebar-wrapper > .ui.item,
    #vertical-nav.collapsed .sidebar-wrapper .ui.item.title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 1em;
      vertical-align: middle;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      color: #000;
      width: 4rem;
      height: 3rem;
      padding-left: 1.5em; }
      .sidebar.collapsed .sidebar-wrapper > .ui.item .sl,
      .sidebar.collapsed .sidebar-wrapper .ui.item.title .sl, #vertical-nav.collapsed .sidebar-wrapper > .ui.item .sl,
      #vertical-nav.collapsed .sidebar-wrapper .ui.item.title .sl {
        display: none; }
      .sidebar.collapsed .sidebar-wrapper > .ui.item .dropdown.icon,
      .sidebar.collapsed .sidebar-wrapper .ui.item.title .dropdown.icon, #vertical-nav.collapsed .sidebar-wrapper > .ui.item .dropdown.icon,
      #vertical-nav.collapsed .sidebar-wrapper .ui.item.title .dropdown.icon {
        position: absolute;
        right: 0;
        top: 30%; }
  .sidebar.collapsed .ui.vertical.menu, #vertical-nav.collapsed .ui.vertical.menu {
    width: 100%;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    border: 0 transparent solid;
    position: relative; }
    .sidebar.collapsed .ui.vertical.menu .menu.active, #vertical-nav.collapsed .ui.vertical.menu .menu.active {
      position: absolute;
      left: calc(100% + .71428571em); }
      .sidebar.collapsed .ui.vertical.menu .menu.active.fixed, #vertical-nav.collapsed .ui.vertical.menu .menu.active.fixed {
        position: fixed;
        top: auto !important; }
        .sidebar.collapsed .ui.vertical.menu .menu.active.fixed::before, #vertical-nav.collapsed .ui.vertical.menu .menu.active.fixed::before {
          top: 45%; }
      .sidebar.collapsed .ui.vertical.menu .menu.active:not(.fixed), #vertical-nav.collapsed .ui.vertical.menu .menu.active:not(.fixed) {
        top: 0; }
        .sidebar.collapsed .ui.vertical.menu .menu.active:not(.fixed)::before, #vertical-nav.collapsed .ui.vertical.menu .menu.active:not(.fixed)::before {
          top: 1em; }
      .sidebar.collapsed .ui.vertical.menu .menu.active::before, #vertical-nav.collapsed .ui.vertical.menu .menu.active::before {
        left: -0.3em;
        position: absolute;
        content: '';
        width: .71428571em;
        height: .71428571em;
        background: #FFF;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        z-index: 2;
        -webkit-box-shadow: 1px 1px 0 0 #bababc;
                box-shadow: 1px 1px 0 0 #bababc; }
  .sidebar.collapsed .content.active, #vertical-nav.collapsed .content.active {
    min-width: 12rem;
    width: 12rem;
    padding: 0 0 2rem 0;
    position: absolute;
    left: 4rem;
    top: 50px;
    background: #fff;
    border-top: 1px solid whitesmoke;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    height: calc(100vh - 50px);
    overflow: auto;
    z-index: 1901; }
    .sidebar.collapsed .content.active li h4, #vertical-nav.collapsed .content.active li h4 {
      text-align: center;
      padding: .5em 0;
      margin: 0 1.5em .5em 0;
      border-bottom: 1px solid whitesmoke; }

.sidebar-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1; }
  .sidebar-toggle .bar {
    width: 1.5rem;
    content: '';
    display: block;
    height: 2px;
    padding: 1px 0;
    margin: 2px 0;
    -ms-flex-item-align: start;
        align-self: flex-start;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: 0.2s ease background-color;
    transition: 0.2s ease background-color; }
  .sidebar-toggle:hover::after, .sidebar-toggle:hover::before,
  .sidebar-toggle:hover .bar {
    background-color: #8ea0b2;
    -webkit-transition: 0.2s ease background-color;
    transition: 0.2s ease background-color; }

#vertical-nav.collapsed + .pusher #column-left #sticky-wrapper.fixed {
  left: 5.5rem !important; }

#vertical-nav.expanded + .pusher #column-left #sticky-wrapper.fixed {
  left: 16.5rem !important; }

#column-left #sticky-wrapper.fixed,
#column-left #sticky-wrapper.bound {
  overflow-y: auto;
  position: fixed;
  height: auto;
  max-height: calc(100% - 50px) !important; }
  #column-left #sticky-wrapper.fixed .card#filter,
  #column-left #sticky-wrapper.bound .card#filter {
    margin-bottom: 0; }

#column-left #sticky-wrapper[style] {
  max-width: 100% !important; }

@media screen and (min-width: 976px) {
  #column-left #sticky-wrapper:not(.bound) {
    top: -500px; }
  #column-left #sticky-wrapper.fixed.top {
    top: calc(50px + 1rem) !important;
    -webkit-transition: 0.5s ease top;
    transition: 0.5s ease top; }
  #column-left #sticky-wrapper.bound {
    top: auto;
    bottom: calc(53px + 1rem) !important;
    -webkit-transition: 0.5s ease bottom;
    transition: 0.5s ease bottom; } }

@media screen and (max-width: 976px) {
  .element-stuck #column-right {
    margin-top: 250px; }
  #column-left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  #column-left #sticky-wrapper {
    max-width: 100% !important;
    width: 100% !important; }
  #column-left #sticky-wrapper.fixed {
    z-index: 1020;
    background: #fff;
    padding: 2em;
    top: 50px !important;
    max-height: calc(100% - 50px) !important;
    overflow-y: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); }
    #column-left #sticky-wrapper.fixed #actions .card-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      #column-left #sticky-wrapper.fixed #actions .card-body .btn-group-2-1 {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0; }
        #column-left #sticky-wrapper.fixed #actions .card-body .btn-group-2-1 .btn {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 0px;
                  flex: 1 1 0;
          width: auto; }
      #column-left #sticky-wrapper.fixed #actions .card-body .btn {
        width: auto;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 0px;
                flex: 1 1 0; }
        #column-left #sticky-wrapper.fixed #actions .card-body .btn.btn-lg {
          padding: 0.5rem 1rem;
          font-size: 0.9em; }
    #column-left #sticky-wrapper.fixed .card {
      -webkit-box-shadow: 0 0 0 transparent;
      box-shadow: 0 0 0 transparent;
      margin: 0; }
      #column-left #sticky-wrapper.fixed .card .card-body {
        padding: 0; }
      #column-left #sticky-wrapper.fixed .card + .card > .card-body {
        padding-top: 1rem; } }

@media screen and (max-width: 976px) and (min-width: 820px) {
  #vertical-nav.collapsed + .pusher #column-left #sticky-wrapper.fixed {
    width: calc(100% - 4rem) !important;
    left: 4rem !important; }
  #vertical-nav.expanded + .pusher #column-left #sticky-wrapper.fixed {
    left: 15rem !important;
    width: calc(100% - 15rem) !important; } }

@media only screen and (-webkit-max-device-pixel-ratio: 1.23958) and (-webkit-min-device-pixel-ratio: 1.21875), only screen and (-webkit-max-device-pixel-ratio: 1.2395833333333333) and (-webkit-min-device-pixel-ratio: 1.21875), only screen and (max-resolution: 119dpi) and (min-resolution: 117dpi), only screen and (-webkit-max-device-pixel-ratio: 1.38542) and (-webkit-min-device-pixel-ratio: 1.36458), only screen and (-webkit-max-device-pixel-ratio: 1.3854166666666667) and (-webkit-min-device-pixel-ratio: 1.3645833333333333), only screen and (max-resolution: 133dpi) and (min-resolution: 131dpi), only screen and (-webkit-max-device-pixel-ratio: 1.60417) and (-webkit-min-device-pixel-ratio: 1.51042), only screen and (-webkit-max-device-pixel-ratio: 1.6041666666666667) and (-webkit-min-device-pixel-ratio: 1.5104166666666667), only screen and (max-resolution: 154dpi) and (min-resolution: 145dpi), only screen and (-webkit-max-device-pixel-ratio: 1.70833) and (-webkit-min-device-pixel-ratio: 1.6875), only screen and (-webkit-max-device-pixel-ratio: 1.7083333333333333) and (-webkit-min-device-pixel-ratio: 1.6875), only screen and (max-resolution: 164dpi) and (min-resolution: 162dpi), screen and (max-width: 820px) {
  #vertical-nav.collapsed + .pusher #column-left #sticky-wrapper.fixed {
    width: 100% !important;
    left: 0rem !important; }
  #vertical-nav.expanded + .pusher #column-left #sticky-wrapper.fixed {
    left: 0rem !important;
    width: 100% !important; } }

/* Layout */
html {
  overflow: visible !important;
  padding: 0 !important; }

.hide-this {
  display: none; }

.row {
  margin: 0 !important; }

.pull-left, .float-left {
  float: left; }

.pull-right, .float-right {
  float: right; }

.container, .container-fluid {
  margin: 0 auto;
  width: 100%;
  overflow: visible; }
  .container#main, .container-fluid#main {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 50px;
    margin-bottom: calc(1rem + 53px);
    padding: 2rem 1rem 0 1rem; }

@media screen {
  .pusher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #vertical-nav.collapsed + .pusher {
    position: absolute;
    right: 0;
    width: calc(100% - 4rem); }
  #vertical-nav.expanded + .pusher {
    position: absolute;
    right: 0;
    width: calc(100% - 15rem); } }

.pusher {
  min-height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .pusher > footer {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

html, body {
  min-height: 100%; }

body {
  min-height: 550px !important;
  position: relative;
  word-wrap: break-word; }
  body h3 {
    font-size: 21px; }

p {
  font-size: 15px;
  margin: .5rem 0; }

p:first-child {
  margin-top: .5rem; }

a {
  -webkit-transition: all ease false;
  -webkit-transition-delay: 0.2s;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s; }
  a:hover, a:focus, a:active {
    outline: 0;
    -webkit-transition: all ease false;
    -webkit-transition-delay: 0.2s;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s; }
  a.popover-item:hover, a.popover-item:focus, a.popover-item:active {
    text-decoration: none; }
  a[class^="sidebar"], a .btn {
    cursor: pointer; }

#main .col-lg-1,
#main .col-md-1,
#main .col-sm-1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

#main .col-lg-2,
#main .col-md-2,
#main .col-sm-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

#main .col-lg-3,
#main .col-md-3,
#main .col-sm-3 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

#main .col-lg-4,
#main .col-md-4,
#main .col-sm-4 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

#main .col-lg-5,
#main .col-md-5,
#main .col-sm-5 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

#main .col-lg-6,
#main .col-md-6,
#main .col-sm-6 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

#main .col-lg-7,
#main .col-md-7,
#main .col-sm-7 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

#main .col-lg-8,
#main .col-md-8,
#main .col-sm-8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

#main .col-lg-9,
#main .col-md-9,
#main .col-sm-9 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

#main .col-lg-10,
#main .col-md-10,
#main .col-sm-10 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

#main .col-lg-11,
#main .col-md-11,
#main .col-sm-11 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

#main .col-lg-12,
#main .col-md-12,
#main .col-sm-12 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.panel, .well {
  margin: 0 0 1rem 0; }
  .panel .panel-heading, .well .panel-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    vertical-align: middle;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.5rem 1rem; }
    .panel .panel-heading .pull-right, .well .panel-heading .pull-right {
      margin-left: auto; }
  .panel .panel-body, .well .panel-body {
    padding: 1rem; }
    .panel .panel-body.flex, .well .panel-body.flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.well {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 1rem 0; }

.spacer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 1em; }

abbr[title] {
  text-decoration: none; }

.dropdown-menu {
  -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15);
  box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15); }
  .dropdown-menu li a {
    float: left;
    width: 100%;
    text-align: center; }

.selection-toggle-label input[type="checkbox"] {
  display: none; }

.redactor-box .redactor-toolbar {
  border-top: 0; }
  .redactor-box .redactor-toolbar .re-cannedresponse {
    padding: 6px; }
    .redactor-box .redactor-toolbar .re-cannedresponse .ui.selection.dropdown {
      height: 100%;
      min-height: 2em;
      min-width: 13em;
      width: 100%; }
    .redactor-box .redactor-toolbar .re-cannedresponse:hover {
      background: #fff; }

.redactor-box .redactor-layer {
  min-height: 350px !important;
  border-left: 0;
  border-right: 0; }

.redactor-styles table.table td,
.redactor-styles table.table th {
  padding: .75rem !important;
  vertical-align: middle; }

.dropdown {
  border-radius: 0 !important; }

span.warning {
  color: #e79e12; }

span.success {
  color: #8fc849; }

span.danger {
  color: #C62828; }

.dropdown .popup.bottom {
  padding: 0;
  margin: 0 !important;
  border-radius: 0 0 5px 5px; }
  .dropdown .popup.bottom a {
    width: 100%;
    float: left;
    padding: 0.5rem; }
  .dropdown .popup.bottom:before {
    display: none; }

.accordion ul {
  width: 100%;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0; }
  .accordion ul li a {
    display: block;
    width: 100%;
    padding: 5px 18px;
    color: dimgray; }
    .accordion ul li a:hover {
      background: #fafafa; }

.ui.list .item,
.ui.list .fa {
  display: table-cell;
  margin: 0;
  padding-top: .07142857em;
  padding-right: .28571429em;
  vertical-align: top; }
  .ui.list .item + .content,
  .ui.list .fa + .content {
    display: table-cell;
    padding: 0 0 0 .5em;
    vertical-align: top; }

.ui.list .header {
  line-height: 1.5; }

.ui.list .list, .ui.list .list .list {
  padding: .25em 0 .25em .25em; }

.ui.list.file-list .header, .ui.list.file-list .description {
  float: left; }

.breadcrumb {
  background: #fff;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15);
  box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15); }
  .breadcrumb li {
    float: left;
    background: #fff; }
    .breadcrumb li + li::before {
      content: '>';
      color: rgba(0, 0, 0, 0.2);
      display: block;
      float: left;
      margin: 0 0.5rem; }

.tabular.menu {
  margin-bottom: 0 !important;
  border: 0 !important; }
  .tabular.menu .item {
    border: 0 !important; }
    .tabular.menu .item.active {
      border-radius: 0 !important;
      -webkit-box-shadow: 0 0 2px rgba(90, 90, 90, 0.2) !important;
      box-shadow: 0 0 2px rgba(90, 90, 90, 0.2) !important; }

.tab {
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.2) !important;
  box-shadow: 0 1px 2px rgba(90, 90, 90, 0.2) !important;
  border: none !important; }

.modal-backdrop.in {
  background: rgba(0, 0, 0, 0.6); }

.modal-dialog {
  margin-top: calc(50px + 2rem) !important; }
  .modal-dialog .modal-header .modal-title {
    float: left; }
  .modal-dialog .modal-header .close {
    float: right; }
  .modal-dialog .modal-footer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

form.flex, form.form-inline {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

abbr:not(.select2-search-choice-close) {
  float: left;
  border-bottom: 1px dotted #dbdbdb !important; }
  abbr:not(.select2-search-choice-close):hover {
    cursor: question !important; }

.print_only {
  display: none !important; }

.nopad-left {
  padding-left: 0 !important; }

.nopad-right {
  padding-right: 0 !important; }

.noborder {
  border: 0 !important; }

.noborder-top {
  border-top: 0 !important; }

.noborder-right {
  border-right: 0 !important; }

.noborder-bottom {
  border-bottom: 0 !important; }

.noborder-left {
  border-left: 0 !important; }

.nomargin {
  margin: 0 !important; }

.nomargin-top {
  margin: 0 !important; }

.nomargin-right {
  margin-right: 0 !important; }

.nomargin-bottom {
  margin-bottom: 0 !important; }

.nomargin-left {
  margin-left: 0 !important; }

.well {
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.2);
  box-shadow: 0 1px 2px rgba(90, 90, 90, 0.2);
  border-radius: 0; }

.well {
  border: none; }

.well .left-result, .well .right-result, .panel .left-result, .panel .right-result, .card .left-result, .card .right-result {
  line-height: 30px; }

.well .right-result, .panel .right-result, .card .right-result {
  clear: right; }

.card {
  margin-bottom: 1rem; }

.panel, .card, .modal-content {
  -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15);
  box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15);
  background: #fff;
  border-radius: 0;
  border: none; }
  .panel h1.panel-title, .card h1.panel-title, .modal-content h1.panel-title {
    font-size: 1.071rem; }
  .panel .panel-heading, .panel .card-header, .panel .modal-header, .card .panel-heading, .card .card-header, .card .modal-header, .modal-content .panel-heading, .modal-content .card-header, .modal-content .modal-header {
    position: relative;
    border: 0;
    color: #121b23;
    background: #fcfcfc; }
    .panel .panel-heading i.fa, .panel .panel-heading .fa, .panel .card-header i.fa, .panel .card-header .fa, .panel .modal-header i.fa, .panel .modal-header .fa, .card .panel-heading i.fa, .card .panel-heading .fa, .card .card-header i.fa, .card .card-header .fa, .card .modal-header i.fa, .card .modal-header .fa, .modal-content .panel-heading i.fa, .modal-content .panel-heading .fa, .modal-content .card-header i.fa, .modal-content .card-header .fa, .modal-content .modal-header i.fa, .modal-content .modal-header .fa {
      padding: 0.75rem; }
    .panel .panel-heading .form-control, .panel .card-header .form-control, .panel .modal-header .form-control, .card .panel-heading .form-control, .card .card-header .form-control, .card .modal-header .form-control, .modal-content .panel-heading .form-control, .modal-content .card-header .form-control, .modal-content .modal-header .form-control {
      width: 100%; }
    .panel .panel-heading h1, .panel .panel-heading h2, .panel .panel-heading h3, .panel .panel-heading h4, .panel .card-header h1, .panel .card-header h2, .panel .card-header h3, .panel .card-header h4, .panel .modal-header h1, .panel .modal-header h2, .panel .modal-header h3, .panel .modal-header h4, .card .panel-heading h1, .card .panel-heading h2, .card .panel-heading h3, .card .panel-heading h4, .card .card-header h1, .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .modal-header h1, .card .modal-header h2, .card .modal-header h3, .card .modal-header h4, .modal-content .panel-heading h1, .modal-content .panel-heading h2, .modal-content .panel-heading h3, .modal-content .panel-heading h4, .modal-content .card-header h1, .modal-content .card-header h2, .modal-content .card-header h3, .modal-content .card-header h4, .modal-content .modal-header h1, .modal-content .modal-header h2, .modal-content .modal-header h3, .modal-content .modal-header h4 {
      line-height: 35px;
      margin-top: 0;
      margin-bottom: 0; }
    .panel .panel-heading p, .panel .card-header p, .panel .modal-header p, .card .panel-heading p, .card .card-header p, .card .modal-header p, .modal-content .panel-heading p, .modal-content .card-header p, .modal-content .modal-header p {
      margin-bottom: 0; }
    .panel .panel-heading .float-left .btn, .panel .panel-heading .float-right .btn, .panel .panel-heading .pull-left .btn, .panel .panel-heading .pull-right .btn, .panel .card-header .float-left .btn, .panel .card-header .float-right .btn, .panel .card-header .pull-left .btn, .panel .card-header .pull-right .btn, .panel .modal-header .float-left .btn, .panel .modal-header .float-right .btn, .panel .modal-header .pull-left .btn, .panel .modal-header .pull-right .btn, .card .panel-heading .float-left .btn, .card .panel-heading .float-right .btn, .card .panel-heading .pull-left .btn, .card .panel-heading .pull-right .btn, .card .card-header .float-left .btn, .card .card-header .float-right .btn, .card .card-header .pull-left .btn, .card .card-header .pull-right .btn, .card .modal-header .float-left .btn, .card .modal-header .float-right .btn, .card .modal-header .pull-left .btn, .card .modal-header .pull-right .btn, .modal-content .panel-heading .float-left .btn, .modal-content .panel-heading .float-right .btn, .modal-content .panel-heading .pull-left .btn, .modal-content .panel-heading .pull-right .btn, .modal-content .card-header .float-left .btn, .modal-content .card-header .float-right .btn, .modal-content .card-header .pull-left .btn, .modal-content .card-header .pull-right .btn, .modal-content .modal-header .float-left .btn, .modal-content .modal-header .float-right .btn, .modal-content .modal-header .pull-left .btn, .modal-content .modal-header .pull-right .btn {
      line-height: 35px;
      padding-top: 0;
      padding-bottom: 0; }
  .panel .panel-body + hr, .card .panel-body + hr, .modal-content .panel-body + hr {
    margin-top: 0;
    margin-bottom: 0; }
  .panel .modal-footer, .card .modal-footer, .modal-content .modal-footer {
    background: #fff; }
  .panel .panel-heading + .panel-body, .panel .panel-body + .panel-heading,
  .panel .card-header + .card-body, .panel .card-body + .card-header,
  .panel .card-header + .form-group, .card .panel-heading + .panel-body, .card .panel-body + .panel-heading,
  .card .card-header + .card-body, .card .card-body + .card-header,
  .card .card-header + .form-group, .modal-content .panel-heading + .panel-body, .modal-content .panel-body + .panel-heading,
  .modal-content .card-header + .card-body, .modal-content .card-body + .card-header,
  .modal-content .card-header + .form-group {
    border-top: 1px solid whitesmoke; }
  .panel .panel-body, .panel .card-body, .panel.card-body, .panel .modal-body, .card .panel-body, .card .card-body, .card.card-body, .card .modal-body, .modal-content .panel-body, .modal-content .card-body, .modal-content.card-body, .modal-content .modal-body {
    width: 100%; }
    .panel .panel-body *[class^="col"], .panel .card-body *[class^="col"], .panel.card-body *[class^="col"], .panel .modal-body *[class^="col"], .card .panel-body *[class^="col"], .card .card-body *[class^="col"], .card.card-body *[class^="col"], .card .modal-body *[class^="col"], .modal-content .panel-body *[class^="col"], .modal-content .card-body *[class^="col"], .modal-content.card-body *[class^="col"], .modal-content .modal-body *[class^="col"] {
      float: left; }
    .panel .panel-body h3, .panel .card-body h3, .panel.card-body h3, .panel .modal-body h3, .card .panel-body h3, .card .card-body h3, .card.card-body h3, .card .modal-body h3, .modal-content .panel-body h3, .modal-content .card-body h3, .modal-content.card-body h3, .modal-content .modal-body h3 {
      margin-top: 0; }
    .panel .panel-body .panel-right, .panel .card-body .panel-right, .panel.card-body .panel-right, .panel .modal-body .panel-right, .card .panel-body .panel-right, .card .card-body .panel-right, .card.card-body .panel-right, .card .modal-body .panel-right, .modal-content .panel-body .panel-right, .modal-content .card-body .panel-right, .modal-content.card-body .panel-right, .modal-content .modal-body .panel-right {
      float: right; }
    .panel .panel-body > .btn-100 + *, .panel .card-body > .btn-100 + *, .panel.card-body > .btn-100 + *, .panel .modal-body > .btn-100 + *, .card .panel-body > .btn-100 + *, .card .card-body > .btn-100 + *, .card.card-body > .btn-100 + *, .card .modal-body > .btn-100 + *, .modal-content .panel-body > .btn-100 + *, .modal-content .card-body > .btn-100 + *, .modal-content.card-body > .btn-100 + *, .modal-content .modal-body > .btn-100 + * {
      margin-top: 1rem; }
    .panel .panel-body .btn-100 + .pull-right,
    .panel .panel-body .btn-group + .pull-right,
    .panel .panel-body .btn-group-50 + .pull-right,
    .panel .panel-body .btn-group-1-2 + .pull-right,
    .panel .panel-body .btn-group-2-1 + .pull-right,
    .panel .panel-body .btn-group-2-2 + .pull-right, .panel .card-body .btn-100 + .pull-right,
    .panel .card-body .btn-group + .pull-right,
    .panel .card-body .btn-group-50 + .pull-right,
    .panel .card-body .btn-group-1-2 + .pull-right,
    .panel .card-body .btn-group-2-1 + .pull-right,
    .panel .card-body .btn-group-2-2 + .pull-right, .panel.card-body .btn-100 + .pull-right,
    .panel.card-body .btn-group + .pull-right,
    .panel.card-body .btn-group-50 + .pull-right,
    .panel.card-body .btn-group-1-2 + .pull-right,
    .panel.card-body .btn-group-2-1 + .pull-right,
    .panel.card-body .btn-group-2-2 + .pull-right, .panel .modal-body .btn-100 + .pull-right,
    .panel .modal-body .btn-group + .pull-right,
    .panel .modal-body .btn-group-50 + .pull-right,
    .panel .modal-body .btn-group-1-2 + .pull-right,
    .panel .modal-body .btn-group-2-1 + .pull-right,
    .panel .modal-body .btn-group-2-2 + .pull-right, .card .panel-body .btn-100 + .pull-right,
    .card .panel-body .btn-group + .pull-right,
    .card .panel-body .btn-group-50 + .pull-right,
    .card .panel-body .btn-group-1-2 + .pull-right,
    .card .panel-body .btn-group-2-1 + .pull-right,
    .card .panel-body .btn-group-2-2 + .pull-right, .card .card-body .btn-100 + .pull-right,
    .card .card-body .btn-group + .pull-right,
    .card .card-body .btn-group-50 + .pull-right,
    .card .card-body .btn-group-1-2 + .pull-right,
    .card .card-body .btn-group-2-1 + .pull-right,
    .card .card-body .btn-group-2-2 + .pull-right, .card.card-body .btn-100 + .pull-right,
    .card.card-body .btn-group + .pull-right,
    .card.card-body .btn-group-50 + .pull-right,
    .card.card-body .btn-group-1-2 + .pull-right,
    .card.card-body .btn-group-2-1 + .pull-right,
    .card.card-body .btn-group-2-2 + .pull-right, .card .modal-body .btn-100 + .pull-right,
    .card .modal-body .btn-group + .pull-right,
    .card .modal-body .btn-group-50 + .pull-right,
    .card .modal-body .btn-group-1-2 + .pull-right,
    .card .modal-body .btn-group-2-1 + .pull-right,
    .card .modal-body .btn-group-2-2 + .pull-right, .modal-content .panel-body .btn-100 + .pull-right,
    .modal-content .panel-body .btn-group + .pull-right,
    .modal-content .panel-body .btn-group-50 + .pull-right,
    .modal-content .panel-body .btn-group-1-2 + .pull-right,
    .modal-content .panel-body .btn-group-2-1 + .pull-right,
    .modal-content .panel-body .btn-group-2-2 + .pull-right, .modal-content .card-body .btn-100 + .pull-right,
    .modal-content .card-body .btn-group + .pull-right,
    .modal-content .card-body .btn-group-50 + .pull-right,
    .modal-content .card-body .btn-group-1-2 + .pull-right,
    .modal-content .card-body .btn-group-2-1 + .pull-right,
    .modal-content .card-body .btn-group-2-2 + .pull-right, .modal-content.card-body .btn-100 + .pull-right,
    .modal-content.card-body .btn-group + .pull-right,
    .modal-content.card-body .btn-group-50 + .pull-right,
    .modal-content.card-body .btn-group-1-2 + .pull-right,
    .modal-content.card-body .btn-group-2-1 + .pull-right,
    .modal-content.card-body .btn-group-2-2 + .pull-right, .modal-content .modal-body .btn-100 + .pull-right,
    .modal-content .modal-body .btn-group + .pull-right,
    .modal-content .modal-body .btn-group-50 + .pull-right,
    .modal-content .modal-body .btn-group-1-2 + .pull-right,
    .modal-content .modal-body .btn-group-2-1 + .pull-right,
    .modal-content .modal-body .btn-group-2-2 + .pull-right {
      margin-top: 1em; }
    .panel .panel-body .panel-left, .panel .card-body .panel-left, .panel.card-body .panel-left, .panel .modal-body .panel-left, .card .panel-body .panel-left, .card .card-body .panel-left, .card.card-body .panel-left, .card .modal-body .panel-left, .modal-content .panel-body .panel-left, .modal-content .card-body .panel-left, .modal-content.card-body .panel-left, .modal-content .modal-body .panel-left {
      float: left; }
    .panel .panel-body .col-md-2, .panel .card-body .col-md-2, .panel.card-body .col-md-2, .panel .modal-body .col-md-2, .card .panel-body .col-md-2, .card .card-body .col-md-2, .card.card-body .col-md-2, .card .modal-body .col-md-2, .modal-content .panel-body .col-md-2, .modal-content .card-body .col-md-2, .modal-content.card-body .col-md-2, .modal-content .modal-body .col-md-2 {
      margin-bottom: 10px; }
      .panel .panel-body .col-md-2 .nopad-left, .panel .card-body .col-md-2 .nopad-left, .panel.card-body .col-md-2 .nopad-left, .panel .modal-body .col-md-2 .nopad-left, .card .panel-body .col-md-2 .nopad-left, .card .card-body .col-md-2 .nopad-left, .card.card-body .col-md-2 .nopad-left, .card .modal-body .col-md-2 .nopad-left, .modal-content .panel-body .col-md-2 .nopad-left, .modal-content .card-body .col-md-2 .nopad-left, .modal-content.card-body .col-md-2 .nopad-left, .modal-content .modal-body .col-md-2 .nopad-left {
        padding-left: 0; }
      .panel .panel-body .col-md-2 .select2-container, .panel .card-body .col-md-2 .select2-container, .panel.card-body .col-md-2 .select2-container, .panel .modal-body .col-md-2 .select2-container, .card .panel-body .col-md-2 .select2-container, .card .card-body .col-md-2 .select2-container, .card.card-body .col-md-2 .select2-container, .card .modal-body .col-md-2 .select2-container, .modal-content .panel-body .col-md-2 .select2-container, .modal-content .card-body .col-md-2 .select2-container, .modal-content.card-body .col-md-2 .select2-container, .modal-content .modal-body .col-md-2 .select2-container {
        width: 100% !important; }
        .panel .panel-body .col-md-2 .select2-container .select2-choice, .panel .card-body .col-md-2 .select2-container .select2-choice, .panel.card-body .col-md-2 .select2-container .select2-choice, .panel .modal-body .col-md-2 .select2-container .select2-choice, .card .panel-body .col-md-2 .select2-container .select2-choice, .card .card-body .col-md-2 .select2-container .select2-choice, .card.card-body .col-md-2 .select2-container .select2-choice, .card .modal-body .col-md-2 .select2-container .select2-choice, .modal-content .panel-body .col-md-2 .select2-container .select2-choice, .modal-content .card-body .col-md-2 .select2-container .select2-choice, .modal-content.card-body .col-md-2 .select2-container .select2-choice, .modal-content .modal-body .col-md-2 .select2-container .select2-choice {
          height: 30px; }
      .panel .panel-body .col-md-2 select + .btn, .panel .card-body .col-md-2 select + .btn, .panel.card-body .col-md-2 select + .btn, .panel .modal-body .col-md-2 select + .btn, .card .panel-body .col-md-2 select + .btn, .card .card-body .col-md-2 select + .btn, .card.card-body .col-md-2 select + .btn, .card .modal-body .col-md-2 select + .btn, .modal-content .panel-body .col-md-2 select + .btn, .modal-content .card-body .col-md-2 select + .btn, .modal-content.card-body .col-md-2 select + .btn, .modal-content .modal-body .col-md-2 select + .btn {
        margin-top: 10px;
        width: 100%; }
      .panel .panel-body .col-md-2 i[data-placement="right"], .panel .card-body .col-md-2 i[data-placement="right"], .panel.card-body .col-md-2 i[data-placement="right"], .panel .modal-body .col-md-2 i[data-placement="right"], .card .panel-body .col-md-2 i[data-placement="right"], .card .card-body .col-md-2 i[data-placement="right"], .card.card-body .col-md-2 i[data-placement="right"], .card .modal-body .col-md-2 i[data-placement="right"], .modal-content .panel-body .col-md-2 i[data-placement="right"], .modal-content .card-body .col-md-2 i[data-placement="right"], .modal-content.card-body .col-md-2 i[data-placement="right"], .modal-content .modal-body .col-md-2 i[data-placement="right"] {
        position: absolute;
        right: 8px;
        padding: 5px;
        top: 1.5em;
        background: #fff; }
      .panel .panel-body .col-md-2 input.form-control, .panel .card-body .col-md-2 input.form-control, .panel.card-body .col-md-2 input.form-control, .panel .modal-body .col-md-2 input.form-control, .card .panel-body .col-md-2 input.form-control, .card .card-body .col-md-2 input.form-control, .card.card-body .col-md-2 input.form-control, .card .modal-body .col-md-2 input.form-control, .modal-content .panel-body .col-md-2 input.form-control, .modal-content .card-body .col-md-2 input.form-control, .modal-content.card-body .col-md-2 input.form-control, .modal-content .modal-body .col-md-2 input.form-control {
        width: 100%; }
    .panel .panel-body.border-bottom, .panel .card-body.border-bottom, .panel.card-body.border-bottom, .panel .modal-body.border-bottom, .card .panel-body.border-bottom, .card .card-body.border-bottom, .card.card-body.border-bottom, .card .modal-body.border-bottom, .modal-content .panel-body.border-bottom, .modal-content .card-body.border-bottom, .modal-content.card-body.border-bottom, .modal-content .modal-body.border-bottom {
      border-bottom: 1px solid #dbdbdb; }
  .panel .panel-footer, .panel .card-footer, .card .panel-footer, .card .card-footer, .modal-content .panel-footer, .modal-content .card-footer {
    color: #a8a8a8;
    background-color: #fafafa;
    border-top: 1px solid whitesmoke; }
    .panel .panel-footer .btn-group .btn, .panel .card-footer .btn-group .btn, .card .panel-footer .btn-group .btn, .card .card-footer .btn-group .btn, .modal-content .panel-footer .btn-group .btn, .modal-content .card-footer .btn-group .btn {
      margin-left: 0;
      margin-right: 0; }
    .panel .panel-footer .btn, .panel .card-footer .btn, .card .panel-footer .btn, .card .card-footer .btn, .modal-content .panel-footer .btn, .modal-content .card-footer .btn {
      height: 100%; }
    .panel .panel-footer .btn.float-left, .panel .card-footer .btn.float-left, .card .panel-footer .btn.float-left, .card .card-footer .btn.float-left, .modal-content .panel-footer .btn.float-left, .modal-content .card-footer .btn.float-left {
      margin-right: 1rem; }

.card-columns .card .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.card-columns .float-right,
.card-columns .pull-right {
  margin-left: auto; }

.panel-btn {
  width: 100%; }

.label-default {
  line-height: 1.25 !important;
  font-size: 0.75em;
  background: dimgray;
  color: #fff;
  padding: 0.6rem; }

.well-buttons .btn, .panel-buttons .btn {
  width: 100%;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all; }

.well-buttons .col-md-12, .panel-buttons .col-md-12 {
  padding-top: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dbdbdb; }

.well-buttons .col-md-6, .panel-buttons .col-md-6 {
  padding-top: 10px;
  padding-bottom: 5px; }

.well-buttons .col-md-6:nth-child(2), .panel-buttons .col-md-6:nth-child(2) {
  padding-right: 3px; }

.well-buttons .col-md-6:nth-child(3), .panel-buttons .col-md-6:nth-child(3) {
  padding-left: 3px; }

.well-buttons .col-md-4, .panel-buttons .col-md-4 {
  padding: 3px; }

.login-container {
  width: 100%;
  min-height: calc(100% - 103px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1rem; }
  .login-container > form {
    min-width: 350px; }

.login-box {
  border-top: #58c5b9 2px solid;
  border-bottom: #58c5b9 2px solid; }
  .login-box h2 {
    text-align: center;
    color: #233445;
    margin: 0 0 1rem 0 !important; }
  .login-box .form-group {
    width: 100% !important;
    padding: 0 15px 0 15px; }
    .login-box .form-group input {
      background: #fff !important; }
    .login-box .form-group input, .login-box .form-group .btn {
      border-radius: 0px;
      margin: 0.5rem 0; }
  .login-box button[name="submit"] {
    margin-bottom: 10px; }
  .login-box .btn.facebook-login {
    color: #fff;
    background: #4c70ba;
    border-color: #8b9dc3; }
    .login-box .btn.facebook-login:hover {
      background: #3b5998;
      border-color: #8b9dc3; }
  .login-box .forgot {
    padding: 0 0 10px 0;
    float: left;
    width: 100%; }
    .login-box .forgot .btn {
      font-size: 75%;
      width: 100%;
      text-transform: none; }
    .login-box .forgot .login-alert {
      color: #e79e12;
      margin-top: 5px; }

.pagination {
  margin: 0; }
  .pagination span {
    display: none !important; }

.nopadding, .nopad {
  padding: 0 !important;
  margin: 0 !important; }

.nopad-top {
  padding-top: 0; }

.nopad-bottom {
  padding-bottom: 0; }

.nopad-left {
  padding-left: 0; }

.nopad-right {
  padding-right: 0; }

.marginless {
  margin-left: 0 !important;
  margin-right: 15px !important; }

.nav-tabs > li {
  margin-left: 0.25rem; }
  .nav-tabs > li > a {
    border-radius: 0; }

.delete {
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #da4747;
  font-size: 1.5em; }
  .delete:hover, .delete:active, .delete:focus {
    color: #C62828;
    -webkit-transition: 0.2s ease color;
    transition: 0.2s ease color; }

.modal-dialog .modal-content {
  border-radius: 2px !important;
  border: none; }
  .modal-dialog .modal-content .nav-tabs {
    border-bottom: 0; }
    .modal-dialog .modal-content .nav-tabs li a {
      margin-bottom: 1px; }
    .modal-dialog .modal-content .nav-tabs li a:hover {
      background: whitesmoke;
      border-color: #c2c2c2; }
    .modal-dialog .modal-content .nav-tabs li.active a {
      border-color: #c2c2c2; }
    .modal-dialog .modal-content .nav-tabs li:nth-child(2).active a {
      background: #fff; }
  .modal-dialog .modal-content .tab-content {
    border-color: #c2c2c2; }

.modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  margin-right: 0; }

body.modal-open {
  margin-right: 0; }

.modal.fade.in {
  background-color: rgba(0, 0, 0, 0.7); }

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px); }

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px); }

.splitscreen .well-sm .col-md-6 {
  margin-left: -15px !important;
  margin-bottom: 10px; }

.splitscreen .well-sm .form-control {
  margin-top: 3px; }

.splitscreen .well-sm .left-result {
  width: 100px; }

.popover {
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent; }

.gravatar img {
  border-radius: 50%;
  border: 1px solid #dbdbdb; }

footer {
  z-index: 100;
  height: 53px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 7pt;
  color: #fff;
  padding: 1rem 2rem;
  border: 0;
  background: url(../img/footimg_dk.png) no-repeat 350px -70px; }
  footer .text-muted, footer a {
    color: #999 !important; }

.forum h4 {
  margin: .5rem 0 !important; }

.modal .modal-header {
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  border-radius: 0; }
  .modal .modal-header h1, .modal .modal-header h2, .modal .modal-header h3, .modal .modal-header h4, .modal .modal-header h5 {
    margin: 0; }

.modal .modal-body.has-sections {
  padding: 0; }

.modal .modal-body section {
  padding: 1.5rem 1rem; }
  .modal .modal-body section .title {
    margin: 0 0 .5rem 0; }
  .modal .modal-body section .table {
    margin-bottom: 0; }
  .modal .modal-body section + section {
    border-top: 1px solid whitesmoke; }

/* Custom Scrollbars */
.pusher ::-webkit-scrollbar {
  width: 0.75em;
  height: 0.75em; }

.pusher ::-webkit-scrollbar-thumb {
  background: #a8a8a8;
  -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15);
  box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15);
  border-radius: 0.375em; }
  .pusher ::-webkit-scrollbar-thumb:hover {
    background: #b5b5b5; }

.pusher ::-webkit-scrollbar-track {
  background-color: #fff;
  border: 1px solid #fff; }

.pusher body {
  scrollbar-face-color: #a8a8a8;
  scrollbar-track-color: #fff; }

/* Buttons */
.btn {
  -webkit-transition: background ease false;
  -webkit-transition-delay: 0.1s;
  -webkit-transition: background ease 0.1s;
  transition: background ease 0.1s;
  border-right: none !important;
  border-left: none !important;
  border-top: none !important;
  border-radius: 0;
  font-weight: 300;
  font-size: 0.9em;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; }
  .btn .fa, .btn .glyphicon {
    margin: 0 4px; }
  .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.focus {
    outline: 0 !important;
    -webkit-transition: background ease 0.3s;
    -webkit-transition-delay: !important;
    transition: background ease 0.3s !important; }
    .btn:hover:not(.btn-default):not(.btn-outline-info):not(.btn-outline-success):not(.btn-outline-warning):not(.btn-outline-danger):not(.btn-outline-primary):not(.btn-outline-default), .btn:focus:not(.btn-default):not(.btn-outline-info):not(.btn-outline-success):not(.btn-outline-warning):not(.btn-outline-danger):not(.btn-outline-primary):not(.btn-outline-default), .btn:active:not(.btn-default):not(.btn-outline-info):not(.btn-outline-success):not(.btn-outline-warning):not(.btn-outline-danger):not(.btn-outline-primary):not(.btn-outline-default), .btn.active:not(.btn-default):not(.btn-outline-info):not(.btn-outline-success):not(.btn-outline-warning):not(.btn-outline-danger):not(.btn-outline-primary):not(.btn-outline-default), .btn.focus:not(.btn-default):not(.btn-outline-info):not(.btn-outline-success):not(.btn-outline-warning):not(.btn-outline-danger):not(.btn-outline-primary):not(.btn-outline-default) {
      color: #fff; }
  .btn:active, .btn.active {
    -webkit-box-shadow: 0 2px 1px rgba(194, 194, 194, 0.5) !important;
    box-shadow: 0 2px 1px rgba(194, 194, 194, 0.5) !important; }
  .btn.focus {
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent; }
  .btn.circle {
    text-align: center;
    padding: 1rem;
    width: 4rem;
    height: 4rem;
    line-height: 2rem;
    border-radius: 50%; }
  .btn.btn-wide {
    padding: 5px 35px; }
  .btn[disabled] {
    opacity: .55;
    cursor: not-allowed !important; }

.btn-toolbar .btn:hover, .btn-toolbar .btn:focus, .btn-toolbar .btn:active, .btn-toolbar .btn.active, .btn-toolbar .btn.focus {
  overflow: hidden !important; }

.btn-group .btn {
  padding: 5px 10px 5px 10px; }
  .btn-group .btn:active, .btn-group .btn.active {
    -webkit-box-shadow: 0 0 0 transparent !important;
    box-shadow: 0 0 0 transparent !important; }

.btn-group .btn-default {
  background: #f0f0f0;
  border: 0px solid transparent !important; }
  .btn-group .btn-default:hover {
    background: #e5e5e5; }

.btn-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .btn-toolbar .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0; }
    .btn-toolbar .btn.active, .btn-toolbar .btn:active, .btn-toolbar .btn:focus {
      -webkit-box-shadow: 0 0 0 transparent !important;
      box-shadow: 0 0 0 transparent !important; }
  .btn-toolbar .btn.btn-default {
    background: #fff;
    border: 1px solid #f0f0f0 !important; }
    .btn-toolbar .btn.btn-default:hover {
      background-color: #82be39;
      border-color: #68972d;
      color: #fff; }
  .btn-toolbar .btn.btn-success, .btn-toolbar .ticket-view .panel-heading .btn.label.label-success, .ticket-view .panel-heading .btn-toolbar .btn.label.label-success, .btn-toolbar
  .ticket-view .panel-footer .btn.label.label-success,
  .ticket-view .panel-footer .btn-toolbar .btn.label.label-success {
    background-color: #82be39 !important;
    color: #fff !important; }
  .btn-toolbar .btn.btn-hover-success {
    -webkit-transition: none false false;
    -webkit-transition: none;
    transition: none; }
    .btn-toolbar .btn.btn-hover-success:hover, .btn-toolbar .btn.btn-hover-success:active, .btn-toolbar .btn.btn-hover-success:focus {
      background-color: #a7d470;
      color: #fff;
      -webkit-transition: none false false;
      -webkit-transition: none;
      transition: none; }
  .btn-toolbar .btn.btn-hover-danger:hover, .btn-toolbar .btn.btn-hover-danger:active, .btn-toolbar .btn.btn-hover-danger:focus {
    background-color: #e27272;
    border-color: #da4747;
    color: #fff; }
  .btn-toolbar .btn.btn-hover-warning:hover, .btn-toolbar .btn.btn-hover-warning:active, .btn-toolbar .btn.btn-hover-warning:focus {
    background: #f0b23c;
    border-color: #e79e12;
    color: #fff; }
  .btn-toolbar .btn.btn-hover-primary:hover, .btn-toolbar .btn.btn-hover-primary:active, .btn-toolbar .btn.btn-hover-primary:focus {
    background: #456789;
    color: #fff;
    border-color: #344e67; }
  .btn-toolbar .btn.btn-hover-default:hover, .btn-toolbar .btn.btn-hover-default:active, .btn-toolbar .btn.btn-hover-default:focus {
    background: #fff;
    border-color: #8f8f8f;
    color: dimgray; }

.pagination, .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  vertical-align: center;
  margin: 0.5em 0; }
  .pagination a:not(.btn), .actions a:not(.btn) {
    background: #fff;
    padding: 0.5rem;
    color: #456789;
    -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15);
    box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15); }
    .pagination a:not(.btn):hover, .pagination a:not(.btn):active, .pagination a:not(.btn):focus, .actions a:not(.btn):hover, .actions a:not(.btn):active, .actions a:not(.btn):focus {
      background: #fafafa;
      color: #688db2; }

.pagination .btn {
  height: 2.5rem;
  font-size: 0.9rem;
  line-height: 1rem;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: center; }
  .pagination .btn span, .pagination .btn i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0.2rem; }
  .pagination .btn:hover {
    color: #c2c2c2;
    background: #fff; }
  .pagination .btn:first-child {
    border-right: none !important; }
  .pagination .btn:last-child {
    border-left: none !important; }

.pagination *:first-child + .btn {
  border-right: none !important; }

.close {
  color: inherit;
  text-shadow: none;
  font-size: 2rem;
  line-height: 1.75; }
  .close:hover, .close:focus {
    color: inherit;
    opacity: 1; }

.btn-100 {
  width: 100%; }

.btn-75 {
  width: calc(75% - 0.5rem); }

.btn-50 {
  width: calc(50% - 0.5rem); }

.btn-25 {
  width: calc(25% - 0.5rem); }

.btn-33 {
  width: calc(33% - 0.5rem); }

.btn-l, .btn.l {
  float: left;
  margin-right: 0.5rem; }

.btn-r, .btn.r {
  float: right;
  margin-left: 0.5rem; }

.btn-group {
  clear: both; }
  .btn-group .btn-50, .btn-group .btn-25, .btn-group .btn-33, .btn-group .btn {
    margin: none !important; }

.btn-group-50,
.btn-group-33,
.btn-group-25 {
  float: left;
  width: 100%; }
  .btn-group-50 .btn,
  .btn-group-33 .btn,
  .btn-group-25 .btn {
    float: left; }

.btn-group-50 .btn {
  width: 50%; }
  .btn-group-50 .btn + .btn {
    margin-left: -1px;
    border-left: none; }

.btn-group-33 .btn {
  width: 33%; }

.btn-group-25 .btn {
  width: 25%; }

@media all and (min-width: 1381px) {
  .btn-group-1-2 {
    clear: both; }
    .btn-group-1-2 .btn:first-child {
      width: 100%;
      border-bottom-width: 1px; }
      .btn-group-1-2 .btn:first-child:active, .btn-group-1-2 .btn:first-child:focus {
        -webkit-box-shadow: 0 0 0 transparent !important;
        box-shadow: 0 0 0 transparent !important; }
    .btn-group-1-2 .btn:nth-child(2),
    .btn-group-1-2 .btn:nth-child(3) {
      width: 50%; }
    .btn-group-1-2 .btn:nth-child(2) {
      border-top: 0;
      float: left; }
    .btn-group-1-2 .btn:nth-child(3) {
      border-top: 0;
      margin-left: -1px;
      border-left: 0;
      float: right; }
  .btn-group-2-1 {
    clear: both; }
    .btn-group-2-1 .btn {
      float: left; }
    .btn-group-2-1 .btn:first-child,
    .btn-group-2-1 .btn:nth-child(2) {
      width: 50%;
      border-bottom: 0; }
    .btn-group-2-1 .btn:nth-child(2) {
      border-top: 0;
      border-left: 0 !important;
      float: right; }
    .btn-group-2-1 .btn:nth-child(3) {
      width: 100%;
      border-top: 0; }
  .btn-group-2-2 {
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .btn-group-2-2 .btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border: 0;
      padding: 0.5rem;
      margin: 0 !important; } }

@media all and (min-width: 992px) and (max-width: 1380px) {
  .btn-group-1-2 .btn:nth-child(odd),
  .btn-group-1-2 .btn:nth-child(even) {
    width: 100% !important;
    border-width: 1px !important; } }

@media all and (min-width: 421px) and (max-width: 991px) {
  .btn-group-1-2 {
    clear: both; }
    .btn-group-1-2 .btn:first-child {
      width: 100%;
      border-bottom-width: 1px; }
      .btn-group-1-2 .btn:first-child:active, .btn-group-1-2 .btn:first-child:focus {
        -webkit-box-shadow: 0 0 0 transparent !important;
        box-shadow: 0 0 0 transparent !important; }
    .btn-group-1-2 .btn:nth-child(2),
    .btn-group-1-2 .btn:nth-child(3) {
      width: 50%; }
    .btn-group-1-2 .btn:nth-child(2) {
      border-top: 0;
      float: left; }
    .btn-group-1-2 .btn:nth-child(3) {
      border-top: 0;
      margin-left: -1px;
      border-left: 0;
      float: right; }
  .btn-group-2-1 {
    clear: both; }
    .btn-group-2-1 .btn {
      float: left; }
    .btn-group-2-1 .btn:first-child,
    .btn-group-2-1 .btn:nth-child(2) {
      width: 50%;
      border-bottom: 0; }
    .btn-group-2-1 .btn:nth-child(2) {
      border-top: 0;
      border-left: 0 !important;
      float: right; }
    .btn-group-2-1 .btn:nth-child(3) {
      width: 100%;
      border-top: 0; }
  .btn-group-2-2 {
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .btn-group-2-2 .btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border: 0;
      padding: 0.5rem;
      margin: 0 !important; } }

@media all and (max-width: 420px) {
  .btn-group-1-2 .btn:nth-child(odd),
  .btn-group-1-2 .btn:nth-child(even) {
    width: 100% !important;
    border-width: 1px !important; } }

@media all and (max-width: 976px) {
  .btn-100-m {
    width: 100%;
    clear: both; }
  .btn-50-m {
    width: 49%;
    clear: both; }
  .btn-25-m {
    width: 24%;
    clear: both; }
  .btn-33-m {
    width: 32%;
    clear: both; }
  .btn-group-50-m,
  .btn-group-33-m,
  .btn-group-25-m {
    clear: both;
    width: 100%; }
    .btn-group-50-m .btn,
    .btn-group-33-m .btn,
    .btn-group-25-m .btn {
      float: left; }
  .btn-group-50-m {
    clear: both; }
    .btn-group-50-m .btn {
      width: 49%; }
  .btn-group-33-m {
    clear: both; }
    .btn-group-33-m .btn {
      width: 32%;
      margin: 0 !important; }
      .btn-group-33-m .btn:first-child {
        margin: 0 2% 0 0 !important; }
      .btn-group-33-m .btn:last-child {
        margin: 0 0 0 2% !important; }
  .btn-group-25-m {
    clear: both; }
    .btn-group-25-m .btn {
      width: 24%; } }

td[data-title="Select"] {
  padding: 0 3px 0 3px !important;
  vertical-align: middle !important; }
  td[data-title="Select"] .btn-group .btn:active {
    -webkit-transition: all 0.1s ease;
    -webkit-transition-delay: !important;
    transition: all 0.1s ease !important; }
  td[data-title="Select"] .btn-group .btn-success.btn-default:hover, td[data-title="Select"] .btn-group .ticket-view .panel-heading .btn-default.label.label-success:hover, .ticket-view .panel-heading td[data-title="Select"] .btn-group .btn-default.label.label-success:hover, td[data-title="Select"] .btn-group
  .ticket-view .panel-footer .btn-default.label.label-success:hover,
  .ticket-view .panel-footer td[data-title="Select"] .btn-group .btn-default.label.label-success:hover {
    color: #fff !important; }

/* Tables */
#no-more-tables th.thin-column {
  width: 65px; }

#no-more-tables .btn-group {
  float: none; }

.well .table, .panel .table, .card .table, .tab .table {
  background: #fff;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent; }

.fc td {
  cursor: pointer; }

.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #dbdbdb;
  outline: 0;
  padding: 10px;
  margin-top: 5px;
  margin-right: 5px; }

.dataTables_wrapper .dataTables_info {
  padding: 10px; }

table.dataTable {
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-bottom: 0 !important; }
  table.dataTable thead th {
    border-bottom: 0 !important; }

.table {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.2);
  box-shadow: 0 1px 1px rgba(90, 90, 90, 0.2);
  border-radius: 0;
  table-layout: fixed; }
  .table:not(.table-bordered) thead th {
    border-top: none; }
  .table th, .table td {
    max-width: 25em;
    text-align: center; }
    .table th abbr, .table td abbr {
      float: none; }
  .table tr:first-child td {
    border-top: 0px !important; }
  .table tr:nth-child(odd) {
    background: #fff; }
  .table tr:nth-child(even) {
    background: #fff; }
  .table.table-striped tr:nth-child(even) {
    background: #fafafa; }
  .table.table-striped tr:nth-child(odd) {
    background: #fff; }
  .table thead tr th {
    border-width: 1px !important;
    border-left: 0 !important;
    border-right: 0 !important; }
  .table tfoot tr th {
    border-width: 1px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important; }
  .table tbody tr td[style^="background-color: #"], .table tbody tr td[class*="btn"] {
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important; }
  .table tbody tr td:first-child {
    border-left: 0; }
  .table tbody tr td:last-child {
    border-right: 0; }
  .table tbody tr td[data-title="Select"] .btn-toolbar {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 .25em; }
    .table tbody tr td[data-title="Select"] .btn-toolbar .btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%;
      padding: .5em 1em;
      -ms-flex-line-pack: center;
          align-content: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border: none !important;
      -webkit-box-shadow: 0 0 1px #c2c2c2;
      box-shadow: 0 0 1px #c2c2c2; }
    .table tbody tr td[data-title="Select"] .btn-toolbar input {
      display: none; }
  .table.table-hover tbody tr:hover:not(.no-hover) {
    background: #f9fafb !important; }
    .table.table-hover tbody tr:hover:not(.no-hover) td:not([class]) {
      background: transparent; }
      .table.table-hover tbody tr:hover:not(.no-hover) td:not([class]):not([data-title="Select"]) {
        cursor: pointer; }

.modal .table, .card .table {
  -webkit-box-shadow: none;
  box-shadow: none; }

.table-bed {
  border: 1px solid #c2c2c2; }

.invoice-list table tbody tr th,
.invoice-list table tbody tr td, .invoice-list table thead tr th,
.invoice-list table thead tr td, .invoice-list table tfoot tr th,
.invoice-list table tfoot tr td, .ticket-list table tbody tr th,
.ticket-list table tbody tr td, .ticket-list table thead tr th,
.ticket-list table thead tr td, .ticket-list table tfoot tr th,
.ticket-list table tfoot tr td {
  word-break: break-word; }

td {
  max-width: 35em;
  word-wrap: break-word; }

.table-bed > thead > tr > th {
  border-bottom: 0; }

/* Tickets & Panels */
#main.tickets {
  padding-top: 0; }

.ticket-container table, .invoice-list table {
  display: block;
  min-width: 100%;
  overflow: auto;
  position: relative; }
  .ticket-container table tbody, .ticket-container table thead, .ticket-container table tfoot, .invoice-list table tbody, .invoice-list table thead, .invoice-list table tfoot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .ticket-container table tbody tr, .ticket-container table tbody tr:nth-child(even), .ticket-container table thead tr, .ticket-container table thead tr:nth-child(even), .ticket-container table tfoot tr, .ticket-container table tfoot tr:nth-child(even), .invoice-list table tbody tr, .invoice-list table tbody tr:nth-child(even), .invoice-list table thead tr, .invoice-list table thead tr:nth-child(even), .invoice-list table tfoot tr, .invoice-list table tfoot tr:nth-child(even) {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative; }
      .ticket-container table tbody tr td, .ticket-container table tbody tr th, .ticket-container table tbody tr:nth-child(even) td, .ticket-container table tbody tr:nth-child(even) th, .ticket-container table thead tr td, .ticket-container table thead tr th, .ticket-container table thead tr:nth-child(even) td, .ticket-container table thead tr:nth-child(even) th, .ticket-container table tfoot tr td, .ticket-container table tfoot tr th, .ticket-container table tfoot tr:nth-child(even) td, .ticket-container table tfoot tr:nth-child(even) th, .invoice-list table tbody tr td, .invoice-list table tbody tr th, .invoice-list table tbody tr:nth-child(even) td, .invoice-list table tbody tr:nth-child(even) th, .invoice-list table thead tr td, .invoice-list table thead tr th, .invoice-list table thead tr:nth-child(even) td, .invoice-list table thead tr:nth-child(even) th, .invoice-list table tfoot tr td, .invoice-list table tfoot tr th, .invoice-list table tfoot tr:nth-child(even) td, .invoice-list table tfoot tr:nth-child(even) th {
        padding: .75em .5em;
        max-width: none !important;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 80px;
                flex: 1 0 80px;
        word-wrap: break-word;
        white-space: pre-line; }
        .ticket-container table tbody tr td[title], .ticket-container table tbody tr th[title], .ticket-container table tbody tr:nth-child(even) td[title], .ticket-container table tbody tr:nth-child(even) th[title], .ticket-container table thead tr td[title], .ticket-container table thead tr th[title], .ticket-container table thead tr:nth-child(even) td[title], .ticket-container table thead tr:nth-child(even) th[title], .ticket-container table tfoot tr td[title], .ticket-container table tfoot tr th[title], .ticket-container table tfoot tr:nth-child(even) td[title], .ticket-container table tfoot tr:nth-child(even) th[title], .invoice-list table tbody tr td[title], .invoice-list table tbody tr th[title], .invoice-list table tbody tr:nth-child(even) td[title], .invoice-list table tbody tr:nth-child(even) th[title], .invoice-list table thead tr td[title], .invoice-list table thead tr th[title], .invoice-list table thead tr:nth-child(even) td[title], .invoice-list table thead tr:nth-child(even) th[title], .invoice-list table tfoot tr td[title], .invoice-list table tfoot tr th[title], .invoice-list table tfoot tr:nth-child(even) td[title], .invoice-list table tfoot tr:nth-child(even) th[title] {
          pointer-events: initial; }
        .ticket-container table tbody tr td[onclick], .ticket-container table tbody tr th[onclick], .ticket-container table tbody tr:nth-child(even) td[onclick], .ticket-container table tbody tr:nth-child(even) th[onclick], .ticket-container table thead tr td[onclick], .ticket-container table thead tr th[onclick], .ticket-container table thead tr:nth-child(even) td[onclick], .ticket-container table thead tr:nth-child(even) th[onclick], .ticket-container table tfoot tr td[onclick], .ticket-container table tfoot tr th[onclick], .ticket-container table tfoot tr:nth-child(even) td[onclick], .ticket-container table tfoot tr:nth-child(even) th[onclick], .invoice-list table tbody tr td[onclick], .invoice-list table tbody tr th[onclick], .invoice-list table tbody tr:nth-child(even) td[onclick], .invoice-list table tbody tr:nth-child(even) th[onclick], .invoice-list table thead tr td[onclick], .invoice-list table thead tr th[onclick], .invoice-list table thead tr:nth-child(even) td[onclick], .invoice-list table thead tr:nth-child(even) th[onclick], .invoice-list table tfoot tr td[onclick], .invoice-list table tfoot tr th[onclick], .invoice-list table tfoot tr:nth-child(even) td[onclick], .invoice-list table tfoot tr:nth-child(even) th[onclick] {
          cursor: pointer; }
        .ticket-container table tbody tr td a:hover, .ticket-container table tbody tr td a:focus, .ticket-container table tbody tr td a:active, .ticket-container table tbody tr th a:hover, .ticket-container table tbody tr th a:focus, .ticket-container table tbody tr th a:active, .ticket-container table tbody tr:nth-child(even) td a:hover, .ticket-container table tbody tr:nth-child(even) td a:focus, .ticket-container table tbody tr:nth-child(even) td a:active, .ticket-container table tbody tr:nth-child(even) th a:hover, .ticket-container table tbody tr:nth-child(even) th a:focus, .ticket-container table tbody tr:nth-child(even) th a:active, .ticket-container table thead tr td a:hover, .ticket-container table thead tr td a:focus, .ticket-container table thead tr td a:active, .ticket-container table thead tr th a:hover, .ticket-container table thead tr th a:focus, .ticket-container table thead tr th a:active, .ticket-container table thead tr:nth-child(even) td a:hover, .ticket-container table thead tr:nth-child(even) td a:focus, .ticket-container table thead tr:nth-child(even) td a:active, .ticket-container table thead tr:nth-child(even) th a:hover, .ticket-container table thead tr:nth-child(even) th a:focus, .ticket-container table thead tr:nth-child(even) th a:active, .ticket-container table tfoot tr td a:hover, .ticket-container table tfoot tr td a:focus, .ticket-container table tfoot tr td a:active, .ticket-container table tfoot tr th a:hover, .ticket-container table tfoot tr th a:focus, .ticket-container table tfoot tr th a:active, .ticket-container table tfoot tr:nth-child(even) td a:hover, .ticket-container table tfoot tr:nth-child(even) td a:focus, .ticket-container table tfoot tr:nth-child(even) td a:active, .ticket-container table tfoot tr:nth-child(even) th a:hover, .ticket-container table tfoot tr:nth-child(even) th a:focus, .ticket-container table tfoot tr:nth-child(even) th a:active, .invoice-list table tbody tr td a:hover, .invoice-list table tbody tr td a:focus, .invoice-list table tbody tr td a:active, .invoice-list table tbody tr th a:hover, .invoice-list table tbody tr th a:focus, .invoice-list table tbody tr th a:active, .invoice-list table tbody tr:nth-child(even) td a:hover, .invoice-list table tbody tr:nth-child(even) td a:focus, .invoice-list table tbody tr:nth-child(even) td a:active, .invoice-list table tbody tr:nth-child(even) th a:hover, .invoice-list table tbody tr:nth-child(even) th a:focus, .invoice-list table tbody tr:nth-child(even) th a:active, .invoice-list table thead tr td a:hover, .invoice-list table thead tr td a:focus, .invoice-list table thead tr td a:active, .invoice-list table thead tr th a:hover, .invoice-list table thead tr th a:focus, .invoice-list table thead tr th a:active, .invoice-list table thead tr:nth-child(even) td a:hover, .invoice-list table thead tr:nth-child(even) td a:focus, .invoice-list table thead tr:nth-child(even) td a:active, .invoice-list table thead tr:nth-child(even) th a:hover, .invoice-list table thead tr:nth-child(even) th a:focus, .invoice-list table thead tr:nth-child(even) th a:active, .invoice-list table tfoot tr td a:hover, .invoice-list table tfoot tr td a:focus, .invoice-list table tfoot tr td a:active, .invoice-list table tfoot tr th a:hover, .invoice-list table tfoot tr th a:focus, .invoice-list table tfoot tr th a:active, .invoice-list table tfoot tr:nth-child(even) td a:hover, .invoice-list table tfoot tr:nth-child(even) td a:focus, .invoice-list table tfoot tr:nth-child(even) td a:active, .invoice-list table tfoot tr:nth-child(even) th a:hover, .invoice-list table tfoot tr:nth-child(even) th a:focus, .invoice-list table tfoot tr:nth-child(even) th a:active {
          text-decoration: none; }
      .ticket-container table tbody tr td[data-title="Select"],
      .ticket-container table tbody tr th.column-toggle, .ticket-container table tbody tr:nth-child(even) td[data-title="Select"],
      .ticket-container table tbody tr:nth-child(even) th.column-toggle, .ticket-container table thead tr td[data-title="Select"],
      .ticket-container table thead tr th.column-toggle, .ticket-container table thead tr:nth-child(even) td[data-title="Select"],
      .ticket-container table thead tr:nth-child(even) th.column-toggle, .ticket-container table tfoot tr td[data-title="Select"],
      .ticket-container table tfoot tr th.column-toggle, .ticket-container table tfoot tr:nth-child(even) td[data-title="Select"],
      .ticket-container table tfoot tr:nth-child(even) th.column-toggle, .invoice-list table tbody tr td[data-title="Select"],
      .invoice-list table tbody tr th.column-toggle, .invoice-list table tbody tr:nth-child(even) td[data-title="Select"],
      .invoice-list table tbody tr:nth-child(even) th.column-toggle, .invoice-list table thead tr td[data-title="Select"],
      .invoice-list table thead tr th.column-toggle, .invoice-list table thead tr:nth-child(even) td[data-title="Select"],
      .invoice-list table thead tr:nth-child(even) th.column-toggle, .invoice-list table tfoot tr td[data-title="Select"],
      .invoice-list table tfoot tr th.column-toggle, .invoice-list table tfoot tr:nth-child(even) td[data-title="Select"],
      .invoice-list table tfoot tr:nth-child(even) th.column-toggle {
        padding: 0 0; }
      .ticket-container table tbody tr td[data-title="Owner"],
      .ticket-container table tbody tr th[data-title="Owner"], .ticket-container table tbody tr:nth-child(even) td[data-title="Owner"],
      .ticket-container table tbody tr:nth-child(even) th[data-title="Owner"], .ticket-container table thead tr td[data-title="Owner"],
      .ticket-container table thead tr th[data-title="Owner"], .ticket-container table thead tr:nth-child(even) td[data-title="Owner"],
      .ticket-container table thead tr:nth-child(even) th[data-title="Owner"], .ticket-container table tfoot tr td[data-title="Owner"],
      .ticket-container table tfoot tr th[data-title="Owner"], .ticket-container table tfoot tr:nth-child(even) td[data-title="Owner"],
      .ticket-container table tfoot tr:nth-child(even) th[data-title="Owner"], .invoice-list table tbody tr td[data-title="Owner"],
      .invoice-list table tbody tr th[data-title="Owner"], .invoice-list table tbody tr:nth-child(even) td[data-title="Owner"],
      .invoice-list table tbody tr:nth-child(even) th[data-title="Owner"], .invoice-list table thead tr td[data-title="Owner"],
      .invoice-list table thead tr th[data-title="Owner"], .invoice-list table thead tr:nth-child(even) td[data-title="Owner"],
      .invoice-list table thead tr:nth-child(even) th[data-title="Owner"], .invoice-list table tfoot tr td[data-title="Owner"],
      .invoice-list table tfoot tr th[data-title="Owner"], .invoice-list table tfoot tr:nth-child(even) td[data-title="Owner"],
      .invoice-list table tfoot tr:nth-child(even) th[data-title="Owner"] {
        max-width: 10em;
        max-height: auto;
        min-width: 0; }
        .ticket-container table tbody tr td[data-title="Owner"] span,
        .ticket-container table tbody tr th[data-title="Owner"] span, .ticket-container table tbody tr:nth-child(even) td[data-title="Owner"] span,
        .ticket-container table tbody tr:nth-child(even) th[data-title="Owner"] span, .ticket-container table thead tr td[data-title="Owner"] span,
        .ticket-container table thead tr th[data-title="Owner"] span, .ticket-container table thead tr:nth-child(even) td[data-title="Owner"] span,
        .ticket-container table thead tr:nth-child(even) th[data-title="Owner"] span, .ticket-container table tfoot tr td[data-title="Owner"] span,
        .ticket-container table tfoot tr th[data-title="Owner"] span, .ticket-container table tfoot tr:nth-child(even) td[data-title="Owner"] span,
        .ticket-container table tfoot tr:nth-child(even) th[data-title="Owner"] span, .invoice-list table tbody tr td[data-title="Owner"] span,
        .invoice-list table tbody tr th[data-title="Owner"] span, .invoice-list table tbody tr:nth-child(even) td[data-title="Owner"] span,
        .invoice-list table tbody tr:nth-child(even) th[data-title="Owner"] span, .invoice-list table thead tr td[data-title="Owner"] span,
        .invoice-list table thead tr th[data-title="Owner"] span, .invoice-list table thead tr:nth-child(even) td[data-title="Owner"] span,
        .invoice-list table thead tr:nth-child(even) th[data-title="Owner"] span, .invoice-list table tfoot tr td[data-title="Owner"] span,
        .invoice-list table tfoot tr th[data-title="Owner"] span, .invoice-list table tfoot tr:nth-child(even) td[data-title="Owner"] span,
        .invoice-list table tfoot tr:nth-child(even) th[data-title="Owner"] span {
          min-width: 0; }
      .ticket-container table tbody tr th[data-title="Assigned"] span,
      .ticket-container table tbody tr td[data-title="Assigned"] span, .ticket-container table tbody tr:nth-child(even) th[data-title="Assigned"] span,
      .ticket-container table tbody tr:nth-child(even) td[data-title="Assigned"] span, .ticket-container table thead tr th[data-title="Assigned"] span,
      .ticket-container table thead tr td[data-title="Assigned"] span, .ticket-container table thead tr:nth-child(even) th[data-title="Assigned"] span,
      .ticket-container table thead tr:nth-child(even) td[data-title="Assigned"] span, .ticket-container table tfoot tr th[data-title="Assigned"] span,
      .ticket-container table tfoot tr td[data-title="Assigned"] span, .ticket-container table tfoot tr:nth-child(even) th[data-title="Assigned"] span,
      .ticket-container table tfoot tr:nth-child(even) td[data-title="Assigned"] span, .invoice-list table tbody tr th[data-title="Assigned"] span,
      .invoice-list table tbody tr td[data-title="Assigned"] span, .invoice-list table tbody tr:nth-child(even) th[data-title="Assigned"] span,
      .invoice-list table tbody tr:nth-child(even) td[data-title="Assigned"] span, .invoice-list table thead tr th[data-title="Assigned"] span,
      .invoice-list table thead tr td[data-title="Assigned"] span, .invoice-list table thead tr:nth-child(even) th[data-title="Assigned"] span,
      .invoice-list table thead tr:nth-child(even) td[data-title="Assigned"] span, .invoice-list table tfoot tr th[data-title="Assigned"] span,
      .invoice-list table tfoot tr td[data-title="Assigned"] span, .invoice-list table tfoot tr:nth-child(even) th[data-title="Assigned"] span,
      .invoice-list table tfoot tr:nth-child(even) td[data-title="Assigned"] span {
        white-space: pre-wrap;
        word-break: break-word;
        word-wrap: normal; }
      .ticket-container table tbody tr td[data-title="Subject"],
      .ticket-container table tbody tr th[data-title="Subject"], .ticket-container table tbody tr:nth-child(even) td[data-title="Subject"],
      .ticket-container table tbody tr:nth-child(even) th[data-title="Subject"], .ticket-container table thead tr td[data-title="Subject"],
      .ticket-container table thead tr th[data-title="Subject"], .ticket-container table thead tr:nth-child(even) td[data-title="Subject"],
      .ticket-container table thead tr:nth-child(even) th[data-title="Subject"], .ticket-container table tfoot tr td[data-title="Subject"],
      .ticket-container table tfoot tr th[data-title="Subject"], .ticket-container table tfoot tr:nth-child(even) td[data-title="Subject"],
      .ticket-container table tfoot tr:nth-child(even) th[data-title="Subject"], .invoice-list table tbody tr td[data-title="Subject"],
      .invoice-list table tbody tr th[data-title="Subject"], .invoice-list table tbody tr:nth-child(even) td[data-title="Subject"],
      .invoice-list table tbody tr:nth-child(even) th[data-title="Subject"], .invoice-list table thead tr td[data-title="Subject"],
      .invoice-list table thead tr th[data-title="Subject"], .invoice-list table thead tr:nth-child(even) td[data-title="Subject"],
      .invoice-list table thead tr:nth-child(even) th[data-title="Subject"], .invoice-list table tfoot tr td[data-title="Subject"],
      .invoice-list table tfoot tr th[data-title="Subject"], .invoice-list table tfoot tr:nth-child(even) td[data-title="Subject"],
      .invoice-list table tfoot tr:nth-child(even) th[data-title="Subject"] {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 20em;
                flex: 1 0 20em;
        max-width: 30em !important; }
  .ticket-container table tbody, .invoice-list table tbody {
    position: relative;
    display: block;
    width: 100%; }
    .ticket-container table tbody tr, .ticket-container table tbody tr:nth-child(even), .invoice-list table tbody tr, .invoice-list table tbody tr:nth-child(even) {
      -webkit-transform: translateZ(0);
      transform: translateZ(0); }
      .ticket-container table tbody tr.ticket-highlight, .ticket-container table tbody tr:nth-child(even).ticket-highlight, .invoice-list table tbody tr.ticket-highlight, .invoice-list table tbody tr:nth-child(even).ticket-highlight {
        background: #f6f8f4 !important; }
      .ticket-container table tbody tr:hover td:not([class]), .ticket-container table tbody tr:nth-child(even):hover td:not([class]), .invoice-list table tbody tr:hover td:not([class]), .invoice-list table tbody tr:nth-child(even):hover td:not([class]) {
        background: transparent; }
        .ticket-container table tbody tr:hover td:not([class]):not([data-title="Select"]), .ticket-container table tbody tr:nth-child(even):hover td:not([class]):not([data-title="Select"]), .invoice-list table tbody tr:hover td:not([class]):not([data-title="Select"]), .invoice-list table tbody tr:nth-child(even):hover td:not([class]):not([data-title="Select"]) {
          cursor: pointer; }
      .ticket-container table tbody tr td:hover, .ticket-container table tbody tr:nth-child(even) td:hover, .invoice-list table tbody tr td:hover, .invoice-list table tbody tr:nth-child(even) td:hover {
        cursor: pointer; }

#reply.expanded {
  position: fixed;
  top: 50px !important;
  left: 0;
  z-index: 5001;
  width: 100%;
  height: 100%;
  padding: 2rem 2rem 5rem 5rem;
  background: rgba(0, 0, 0, 0.6); }
  #reply.expanded #reply-content > .card, #reply.expanded #reply-options > .card {
    height: 90%; }
  #reply.expanded #reply-buttons {
    color: #fff;
    height: 10%; }

#reply #reply-options, #reply #reply-content {
  padding-bottom: 1rem; }

#reply #reply-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #reply #reply-buttons .reply-alert {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 .5rem 0  0;
    height: 1.7rem;
    margin: .5rem 0; }
    #reply #reply-buttons .reply-alert i {
      padding: 0 0.5rem 0 0; }
  #reply #reply-buttons .btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    margin-left: auto; }

#reply .card .card-footer {
  width: 100%;
  position: absolute;
  bottom: 0; }

#reply #reply-options .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  #reply #reply-options .card-body #ticket_attach_file_form,
  #reply #reply-options .card-body #ticket_carbon_copy_form,
  #reply #reply-options .card-body #ticket_transfer_department_form,
  #reply #reply-options .card-body #attach-file-area {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%; }
  #reply #reply-options .card-body .files-attached #attach_file_area {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  #reply #reply-options .card-body .files-attached .file-input {
    margin: 0 .5em; }
  #reply #reply-options .card-body .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%; }
    #reply #reply-options .card-body .form-group .select2-container {
      width: 100% !important;
      max-width: 100% !important; }
    #reply #reply-options .card-body .form-group h4 {
      width: 100%;
      margin: 0 0 .2em 0; }
    #reply #reply-options .card-body .form-group .pull-right, #reply #reply-options .card-body .form-group .pull-left {
      -webkit-box-flex: 1 !important;
          -ms-flex: 1 0 50% !important;
              flex: 1 0 50% !important; }
    #reply #reply-options .card-body .form-group .pull-right {
      text-align: right; }
    #reply #reply-options .card-body .form-group.col-md-6 {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    #reply #reply-options .card-body .form-group.col-md-12 {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 100%;
              flex: 1 0 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding: 0; }
      #reply #reply-options .card-body .form-group.col-md-12 > h4 {
        padding: 0 0.5em;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%; }
      #reply #reply-options .card-body .form-group.col-md-12 > .col-md-6 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 calc(50% - 1em);
                flex: 1 0 calc(50% - 1em); }
      #reply #reply-options .card-body .form-group.col-md-12 input[name="cc"] {
        margin: 0 0.5em; }
      #reply #reply-options .card-body .form-group.col-md-12 .select2-container .select2-choice {
        line-height: 1.4; }
    #reply #reply-options .card-body .form-group input {
      height: 2rem; }

#reply #add-reply {
  min-width: 240px; }

#reply #reply-content.private .redactor-toolbar {
  background: #688db2 !important;
  color: #fff !important;
  border-bottom-color: #456789 !important; }
  #reply #reply-content.private .redactor-toolbar li > a {
    color: #fff; }
    #reply #reply-content.private .redactor-toolbar li > a:hover {
      background: #456789;
      color: #fff; }
    #reply #reply-content.private .redactor-toolbar li > a .ui.selection.dropdown {
      background: #8aa7c4; }
      #reply #reply-content.private .redactor-toolbar li > a .ui.selection.dropdown .text, #reply #reply-content.private .redactor-toolbar li > a .ui.selection.dropdown .icon {
        color: #fff; }

#reply_type span {
  float: left;
  margin: 0 0.25em; }

#reply_type .reply_type_icon.fa {
  font-size: 2em;
  line-height: 0.5em; }
  #reply_type .reply_type_icon.fa.fa-email {
    right: 3.5em; }

.ticket-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .ticket-controls.bottom {
    margin-bottom: .5rem; }
  .ticket-controls.top {
    margin-top: .5rem;
    margin-bottom: .5rem; }
  .ticket-controls .ticket-action {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
    .ticket-controls .ticket-action .select2-container {
      height: 100%; }
    .ticket-controls .ticket-action p {
      margin: 0; }
    .ticket-controls .ticket-action label {
      color: #a8a8a8;
      font-weight: normal;
      line-height: 15px;
      margin-top: 0;
      margin-bottom: 0; }
    .ticket-controls .ticket-action .select2-container {
      height: 26px; }
      .ticket-controls .ticket-action .select2-container .select2-default, .ticket-controls .ticket-action .select2-container .select2-choice {
        color: #a8a8a8;
        height: 26px !important;
        line-height: 1.8;
        padding-top: 0 !important; }
        .ticket-controls .ticket-action .select2-container .select2-default .select2-search-choice-close, .ticket-controls .ticket-action .select2-container .select2-choice .select2-search-choice-close {
          margin-top: -3px !important; }
    .ticket-controls .ticket-action .select2-container .select2-choice .select2-arrow b {
      background-position: 0 -2px; }
    .ticket-controls .ticket-action .btn.btn-sm {
      padding: 2px 6px 2px 6px;
      height: 26px;
      line-height: 0.5; }
  .ticket-controls .ticket-pagination {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    justify-self: flex-end; }
    .ticket-controls .ticket-pagination .pagination {
      padding: 0;
      margin: 0; }
  .ticket-controls .grow {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }

.ticket-view abbr {
  float: left;
  border-bottom: 1px dotted #dbdbdb !important; }

.ticket-view .panel-heading .btn .fa,
.ticket-view .panel-footer .btn .fa {
  font-size: 16px;
  width: 15px; }

.ticket-view .panel-heading .label,
.ticket-view .panel-footer .label {
  padding-top: 5px;
  padding-bottom: 5px; }

.ticket-view .ticket-row .ticket-header {
  background: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15);
  box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15);
  border-left: 3px solid #58c5b9 !important; }
  .ticket-view .ticket-row .ticket-header.forum-header {
    border-left-color: #a87fe8 !important; }
  .ticket-view .ticket-row .ticket-header h1 {
    font-weight: 400;
    font-size: 2rem;
    margin: 1rem 0; }
  .ticket-view .ticket-row .ticket-header .row > .flex-start {
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
    .ticket-view .ticket-row .ticket-header .row > .flex-start > span {
      margin-right: .5em; }
  .ticket-view .ticket-row .ticket-header .row > .flex-end {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
  .ticket-view .ticket-row .ticket-header .row > div {
    padding: 0 !important; }
    .ticket-view .ticket-row .ticket-header .row > div .float-right {
      margin-left: 1rem;
      margin-right: 0; }
  .ticket-view .ticket-row .ticket-header span, .ticket-view .ticket-row .ticket-header abbr {
    color: #b5b5b5;
    font-size: 1rem;
    font-weight: 200;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 0; }
    .ticket-view .ticket-row .ticket-header span > span, .ticket-view .ticket-row .ticket-header abbr > span {
      padding-left: 0.25rem;
      padding-right: 0; }

.ticket-view .ticket-row .card .card-body {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .ticket-view .ticket-row .card .card-body .content:not(.empty) {
    padding: 2rem; }
  .ticket-view .ticket-row .card .card-body .content {
    -webkit-box-flex: 1;
        -ms-flex: 1 0;
            flex: 1 0;
    max-width: calc(100% - 140px); }
    .ticket-view .ticket-row .card .card-body .content p:last-child {
      margin-bottom: 0; }
  .ticket-view .ticket-row .card .card-body .profile {
    width: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: dimgray;
    text-align: center;
    overflow: visible !important; }
    .ticket-view .ticket-row .card .card-body .profile #profile-wrapper {
      width: 100%;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .ticket-view .ticket-row .card .card-body .profile a:not(.btn), .ticket-view .ticket-row .card .card-body .profile #profile-wrapper {
      color: #233445;
      padding: 1rem 2rem;
      -webkit-transition: 0.3s ease all;
      transition: 0.3s ease all;
      line-height: 1; }
    .ticket-view .ticket-row .card .card-body .profile a:not(.btn):hover, .ticket-view .ticket-row .card .card-body .profile a:not(.btn):active {
      color: #58c5b9;
      background: #fafafa;
      -webkit-transition: 0.3s ease all;
      transition: 0.3s ease all; }
    .ticket-view .ticket-row .card .card-body .profile a:not(.btn):hover, .ticket-view .ticket-row .card .card-body .profile a:not(.btn):active, .ticket-view .ticket-row .card .card-body .profile a:not(.btn):focus {
      text-decoration: none; }
    .ticket-view .ticket-row .card .card-body .profile p {
      margin: 0.25rem 0; }
    .ticket-view .ticket-row .card .card-body .profile span, .ticket-view .ticket-row .card .card-body .profile abbr {
      text-decoration: none;
      font-size: 0.8rem; }
    .ticket-view .ticket-row .card .card-body .profile .toolbar {
      width: 100%;
      margin: 0.5rem 1rem 1rem 1rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      .ticket-view .ticket-row .card .card-body .profile .toolbar .btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
        height: 3rem;
        line-height: 3rem;
        border-radius: 50%; }
      .ticket-view .ticket-row .card .card-body .profile .toolbar a:hover:not(.css-tooltip-disabled), .ticket-view .ticket-row .card .card-body .profile .toolbar a:active:not(.css-tooltip-disabled) {
        position: relative; }
        .ticket-view .ticket-row .card .card-body .profile .toolbar a:hover:not(.css-tooltip-disabled)::before, .ticket-view .ticket-row .card .card-body .profile .toolbar a:active:not(.css-tooltip-disabled)::before {
          content: attr(data-css-tooltip);
          display: block;
          background: #000;
          color: #fff;
          position: absolute;
          padding: .25rem;
          bottom: calc(100% + .5rem);
          left: 0;
          border-radius: 3px;
          text-align: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: .9rem;
          z-index: 999;
          opacity: .9; }
        .ticket-view .ticket-row .card .card-body .profile .toolbar a:hover:not(.css-tooltip-disabled)::after, .ticket-view .ticket-row .card .card-body .profile .toolbar a:active:not(.css-tooltip-disabled)::after {
          display: block;
          content: '';
          width: 0px;
          height: 0px;
          position: absolute;
          top: -.5rem;
          border-top: 0.5rem solid #000;
          border-left: .5rem solid transparent;
          border-right: .5rem solid transparent;
          z-index: 999;
          opacity: .9; }

.ticket-view .ticket-row .card .card-footer {
  padding: 0.5rem;
  background: transparent;
  border-top: 0; }
  .ticket-view .ticket-row .card .card-footer abbr {
    line-height: 2.5;
    font-size: 0.75em;
    margin: 0 0.5em; }
  .ticket-view .ticket-row .card .card-footer span {
    margin: 0 0.5em; }
  .ticket-view .ticket-row .card .card-footer .flex {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -webkit-box-flex: 1; }
    .ticket-view .ticket-row .card .card-footer .flex .left, .ticket-view .ticket-row .card .card-footer .flex .right {
      max-width: 100%; }
      .ticket-view .ticket-row .card .card-footer .flex .left > .btn,
      .ticket-view .ticket-row .card .card-footer .flex .left > span, .ticket-view .ticket-row .card .card-footer .flex .right > .btn,
      .ticket-view .ticket-row .card .card-footer .flex .right > span {
        max-width: 100%;
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0.25em;
        height: auto; }
    .ticket-view .ticket-row .card .card-footer .flex .left {
      -ms-flex-item-align: end;
          align-self: flex-end;
      -webkit-box-flex: 3;
          -ms-flex: 3;
              flex: 3;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .ticket-view .ticket-row .card .card-footer .flex .right {
      min-width: 130px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: dimgray;
      text-align: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end; }
    .ticket-view .ticket-row .card .card-footer .flex + .flex {
      margin-top: 0.5rem; }

.ticket-view .ticket-reply:not(.private) .card-body, .ticket-view .ticket-reply:not(.private) .card-footer {
  border-left: 3px solid #fff; }

.ticket-view .ticket-reply.private .card-body, .ticket-view .ticket-reply.private .card-footer {
  border-left: 3px solid #c7d1dc; }

.ticket-view .ticket-reply .redactor-box .redactor-layer {
  min-height: 400px !important; }

.ticket-view .ticket-reply .card-footer span {
  color: gray; }

.ticket-view .ticket-reply .card-footer .btn .fa {
  font-size: 12px; }

.ticket-view .ticket-reply .card-footer .private-icon {
  padding: 0 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .ticket-view .ticket-reply .card-footer .private-icon i {
    font-size: 2em; }

.ticket-view .ticket-reply .well {
  margin-bottom: 0; }

.ticket-view p.MsoListParagraph {
  text-indent: 0 !important; }

.page-header {
  margin: 2em 0 1em 0;
  padding: 0;
  border-bottom: none; }

.ticket-list table, .ticket-list .table {
  border: 0px !important; }
  .ticket-list table td, .ticket-list .table td {
    vertical-align: middle; }

.redactor-box .redactor-editor {
  min-height: 250px !important;
  border: 0;
  padding: 10px; }

.redactor-box .redactor-toolbar {
  border-bottom: 1px solid whitesmoke;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent; }
  .redactor-box .redactor-toolbar li > a:hover {
    background: #fff;
    color: #3caea1; }

.panel .panel-heading + .form-group, .card .panel-heading + .form-group {
  border-top: 1px solid #dbdbdb; }

.panel .panel-body .redactor-box, .panel .card-body .redactor-box, .card .panel-body .redactor-box, .card .card-body .redactor-box {
  border: 1px solid whitesmoke;
  margin: 0.5rem 0; }

.panel.panel-default .redactor-box {
  overflow: hidden; }

.tab-content {
  background: #fff;
  border: 1px solid #688db2;
  border-radius: 0 2px 2px 2px; }
  .tab-content .well {
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    background: transparent;
    padding: 10px 0; }
  .tab-content.bg-light-gray {
    background: whitesmoke;
    border: 1px solid #eb9c9c; }
    .tab-content.bg-light-gray .reply-options {
      background: #ededed; }
  .tab-content .reply-options {
    border-left: 1px solid #dbdbdb;
    padding-bottom: 5px;
    float: right;
    height: 100%;
    background: whitesmoke; }
    .tab-content .reply-options .col-md-6 {
      padding-right: 0; }
    .tab-content .reply-options h4 {
      margin-bottom: 5px; }
    .tab-content .reply-options .select2-container, .tab-content .reply-options input {
      width: 100% !important; }

#show-filter-button {
  width: 100%; }

#show-filter-button.btn-100 {
  width: 100% !important;
  margin-top: 0; }

.reply-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  float: left;
  padding: 0; }
  .reply-row.card-footer {
    background: #fff;
    border-top: none; }
  .reply-row .dropdown {
    -webkit-box-flex: 0.5;
        -ms-flex: 0.5;
            flex: 0.5; }
  .reply-row .alert {
    line-height: 1.25;
    padding: 0.4rem;
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    text-align: center;
    margin-bottom: 0; }
  .reply-row > *:not(:last-child) {
    margin-right: 1rem; }

.nav-tabs {
  border-bottom-color: transparent; }
  .nav-tabs li {
    margin-bottom: -2px !important;
    z-index: 5; }
    .nav-tabs li a {
      border: 1px solid transparent;
      border-bottom-color: transparent !important; }
    .nav-tabs li:first-child a:hover, .nav-tabs li:first-child a:active, .nav-tabs li:first-child a:focus {
      background: whitesmoke;
      border-color: #688db2; }
    .nav-tabs li:first-child.active a {
      background: #fff;
      border-color: #688db2; }
      .nav-tabs li:first-child.active a:hover, .nav-tabs li:first-child.active a:active, .nav-tabs li:first-child.active a:focus {
        background: #fff; }
    .nav-tabs li:nth-child(2) a:hover, .nav-tabs li:nth-child(2) a:active, .nav-tabs li:nth-child(2) a:focus {
      background: #fff;
      border-color: #eb9c9c; }
    .nav-tabs li:nth-child(2).active a {
      background: whitesmoke;
      border-color: #eb9c9c; }
      .nav-tabs li:nth-child(2).active a:hover, .nav-tabs li:nth-child(2).active a:active, .nav-tabs li:nth-child(2).active a:focus {
        background: whitesmoke; }

.panel.panel-private {
  border: 1px solid #456789;
  background: whitesmoke; }
  .panel.panel-private .panel-footer {
    border-top: 1px solid #c2c2c2;
    background-color: #dbdbdb; }

.panel.panel-good {
  border: 1px solid #bfe097; }
  .panel.panel-good .panel-footer {
    border-top: 1px solid #bfe097; }

.panel.panel-bad {
  border: 1px solid #da4747; }
  .panel.panel-bad .panel-footer {
    border-top: 1px solid #da4747; }

.top-controls {
  padding-left: 0; }
  .top-controls .text-muted {
    margin-left: 0;
    margin-bottom: 0; }

.bottom-controls {
  float: left;
  width: 100%;
  margin-top: -10px; }

.btn-group > .dropdown-menu {
  margin-top: 0px;
  background-color: #fff;
  border: 1px solid whitesmoke !important;
  border-radius: 0 0 2px 2px; }

a#cannedresponse {
  max-width: 200px; }
  a#cannedresponse .ui.dropdown {
    width: 100%; }
    a#cannedresponse .ui.dropdown.selection .text {
      width: 100%;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    a#cannedresponse .ui.dropdown .menu .item {
      overflow: hidden;
      white-space: nowrap; }

.ticket-note-1 {
  border: 1px solid #ccc; }

.ticket-note-2 {
  background-color: #def2fb;
  border: 1px solid #ccc; }

tr.ticket-highlight {
  background: #f0f3f6 !important; }

/* Alerts */
.alert {
  border: 0;
  border-radius: 0;
  padding: 1em; }
  .alert.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .alert img {
    max-width: 100%; }
  .alert .close {
    font-size: 32px;
    font-weight: bold;
    line-height: inherit;
    text-shadow: 0 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
    opacity: 0.65;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all; }
    .alert .close:hover {
      -webkit-transition: 0.1s ease all;
      transition: 0.1s ease all;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
  .alert.alert-success {
    background: rgba(167, 212, 112, 0.5);
    color: #4d7022;
    border-color: rgba(167, 212, 112, 0.8); }
    .alert.alert-success .close {
      color: #4d7022; }
  .alert.alert-danger {
    background: rgba(198, 40, 40, 0.5);
    color: #9c1f1f;
    border-color: rgba(198, 40, 40, 0.6); }
    .alert.alert-danger .close {
      color: #711717; }
  .alert.alert-warning {
    background: rgba(255, 225, 100, 0.5);
    color: #7e6500;
    border-color: rgba(177, 142, 0, 0.5); }
    .alert.alert-warning .close {
      color: #977a00; }

/* Time & date picker */
.timepicker {
  background: #333; }

.timepicker-hour,
.timepicker-minute,
.timepicker .separator,
.timepicker .glyphicon {
  color: #fff; }

.timepicker-hour:hover,
.timepicker-minute:hover,
.timepicker .glyphicon:hover {
  background: #233445 !important;
  color: #fff;
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out; }

.timepicker .separator {
  font-size: 16pt; }

@media screen and (max-width: 768px) {
  li.picker-switch.accordion-toggle {
    display: none !important; }
  .datepicker .datepicker-days table {
    float: none !important;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    width: 100% !important; }
    .datepicker .datepicker-days table tbody {
      float: none !important;
      background-color: #fff !important; }
      .datepicker .datepicker-days table tbody tr {
        padding: 0 !important;
        overflow: visible !important;
        position: none !important;
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
        border-radius: 0;
        background: #fff !important; }
        .datepicker .datepicker-days table tbody tr td.day {
          width: 32px !important; }
        .datepicker .datepicker-days table tbody tr td.day:hover {
          border-radius: 0; } }

.bootstrap-datetimepicker-widget {
  border: 0;
  background: #fff;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.25); }
  .bootstrap-datetimepicker-widget.bottom {
    margin-top: 7px !important; }
    .bootstrap-datetimepicker-widget.bottom:before {
      border-bottom-color: transparent !important; }
  .bootstrap-datetimepicker-widget .collapse {
    width: 100%;
    -webkit-transition: 0.3s ease height;
    transition: 0.3s ease height; }
  .bootstrap-datetimepicker-widget .timepicker, .bootstrap-datetimepicker-widget .datepicker {
    background: #fff !important; }
  .bootstrap-datetimepicker-widget .timepicker {
    background: #fff;
    color: #000;
    width: 100%; }
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table td a,
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table td span,
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table td,
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table .separator, .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table.table-condensed td a,
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table.table-condensed td span,
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table.table-condensed td,
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table.table-condensed .separator {
      color: #344e67 !important;
      border: none !important; }
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table td a:hover,
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table td span:hover,
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table td.separator:hover, .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table.table-condensed td a:hover,
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table.table-condensed td span:hover,
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table.table-condensed td.separator:hover {
      background: transparent; }
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table .timepicker-hour:hover,
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table .timepicker-minute:hover, .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table.table-condensed .timepicker-hour:hover,
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table.table-condensed .timepicker-minute:hover {
      background: transparent !important; }
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table td:hover:not(.separator), .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table th:hover:not(.separator), .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table.table-condensed td:hover:not(.separator), .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table.table-condensed th:hover:not(.separator) {
      background: whitesmoke !important;
      -webkit-transition: 0.2s ease all;
      transition: 0.2s ease all; }
  .bootstrap-datetimepicker-widget table td span {
    text-align: center !important; }
  .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
    padding: 0.5rem;
    border-radius: 0 !important;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all; }
    .bootstrap-datetimepicker-widget table td span, .bootstrap-datetimepicker-widget table th span {
      -webkit-transition: 0.3s ease all;
      transition: 0.3s ease all; }
    .bootstrap-datetimepicker-widget table td.dow, .bootstrap-datetimepicker-widget table th.dow {
      color: #688db2; }
    .bootstrap-datetimepicker-widget table td.prev, .bootstrap-datetimepicker-widget table td.next, .bootstrap-datetimepicker-widget table td.picker-switch, .bootstrap-datetimepicker-widget table th.prev, .bootstrap-datetimepicker-widget table th.next, .bootstrap-datetimepicker-widget table th.picker-switch {
      color: #344e67; }
    .bootstrap-datetimepicker-widget table td.today, .bootstrap-datetimepicker-widget table td span.today, .bootstrap-datetimepicker-widget table th.today, .bootstrap-datetimepicker-widget table th span.today {
      background: rgba(104, 141, 178, 0.3) !important; }
      .bootstrap-datetimepicker-widget table td.today:hover, .bootstrap-datetimepicker-widget table td span.today:hover, .bootstrap-datetimepicker-widget table th.today:hover, .bootstrap-datetimepicker-widget table th span.today:hover {
        background: rgba(69, 103, 137, 0.3) !important; }
      .bootstrap-datetimepicker-widget table td.today::before, .bootstrap-datetimepicker-widget table td span.today::before, .bootstrap-datetimepicker-widget table th.today::before, .bootstrap-datetimepicker-widget table th span.today::before {
        border-bottom-color: #233445 !important; }
    .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td span.active, .bootstrap-datetimepicker-widget table th.active, .bootstrap-datetimepicker-widget table th span.active {
      background: #456789 !important; }
      .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active:hover, .bootstrap-datetimepicker-widget table th.active:hover, .bootstrap-datetimepicker-widget table th span.active:hover {
        background: #344e67 !important; }
      .bootstrap-datetimepicker-widget table td.active::before, .bootstrap-datetimepicker-widget table td span.active::before, .bootstrap-datetimepicker-widget table th.active::before, .bootstrap-datetimepicker-widget table th span.active::before {
        border-bottom-color: #fff !important; }
    .bootstrap-datetimepicker-widget table td:not(.dow):not(.active):hover, .bootstrap-datetimepicker-widget table th:not(.dow):not(.active):hover {
      background: whitesmoke !important;
      -webkit-transition: 0.2s ease all;
      transition: 0.2s ease all; }
    .bootstrap-datetimepicker-widget table td .fa, .bootstrap-datetimepicker-widget table th .fa {
      color: #688db2 !important; }

/* Timesheets module */
.timesheets {
  width: 100%; }

.timesheets-summary .ui.tab.active {
  border-radius: 0 !important;
  -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15);
  box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15);
  margin-bottom: 1rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  max-height: 284px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden; }

.timesheets-summary .content:not(.active) {
  display: none; }

.timesheets-summary span {
  margin: 0 0.5em;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 0 50%;
  min-height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid whitesmoke; }
  .timesheets-summary span:last-child {
    border-bottom-width: 0px; }
  .timesheets-summary span b {
    font-size: 1.8em;
    margin: 0 0.5em; }

.card-header.nomargin {
  margin-bottom: 0 !important; }

.panel-timesheet {
  padding: 1rem 0; }
  .panel-timesheet.flex {
    margin-top: 0 !important;
    overflow-x: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.new_invoice_item,
.timesheet_item_current,
.new_timesheet_item,
.invoice_item_existing {
  clear: both;
  padding: 0 1rem 0.5rem 1rem;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.1s false false, ease false false, all false false;
  -webkit-transition: 0.1s, ease, all;
  transition: 0.1s, ease, all; }
  .new_invoice_item.flex,
  .timesheet_item_current.flex,
  .new_timesheet_item.flex,
  .invoice_item_existing.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    .new_invoice_item.flex .form-group,
    .timesheet_item_current.flex .form-group,
    .new_timesheet_item.flex .form-group,
    .invoice_item_existing.flex .form-group {
      width: auto !important;
      -ms-flex-item-align: start;
          align-self: flex-start;
      padding: 0 !important;
      float: none !important;
      margin: 0 0.25em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 60px;
              flex: 1 1 60px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 0; }
      .new_invoice_item.flex .form-group input[type="number"],
      .timesheet_item_current.flex .form-group input[type="number"],
      .new_timesheet_item.flex .form-group input[type="number"],
      .invoice_item_existing.flex .form-group input[type="number"] {
        padding-right: .2rem !important; }
      .new_invoice_item.flex .form-group select,
      .timesheet_item_current.flex .form-group select,
      .new_timesheet_item.flex .form-group select,
      .invoice_item_existing.flex .form-group select {
        font-size: .9em;
        line-height: 2;
        padding: 0 .25em; }
      .new_invoice_item.flex .form-group select[disabled],
      .timesheet_item_current.flex .form-group select[disabled],
      .new_timesheet_item.flex .form-group select[disabled],
      .invoice_item_existing.flex .form-group select[disabled] {
        -webkit-appearance: none !important; }
      .new_invoice_item.flex .form-group label,
      .timesheet_item_current.flex .form-group label,
      .new_timesheet_item.flex .form-group label,
      .invoice_item_existing.flex .form-group label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin-bottom: 0; }
      .new_invoice_item.flex .form-group.item-actions,
      .timesheet_item_current.flex .form-group.item-actions,
      .new_timesheet_item.flex .form-group.item-actions,
      .invoice_item_existing.flex .form-group.item-actions {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 170px;
                flex: 1 1 170px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        margin-top: 1.15em; }
        .new_invoice_item.flex .form-group.item-actions.item-actions-larger,
        .timesheet_item_current.flex .form-group.item-actions.item-actions-larger,
        .new_timesheet_item.flex .form-group.item-actions.item-actions-larger,
        .invoice_item_existing.flex .form-group.item-actions.item-actions-larger {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 140px;
                  flex: 1 1 140px; }
          .new_invoice_item.flex .form-group.item-actions.item-actions-larger .btn,
          .timesheet_item_current.flex .form-group.item-actions.item-actions-larger .btn,
          .new_timesheet_item.flex .form-group.item-actions.item-actions-larger .btn,
          .invoice_item_existing.flex .form-group.item-actions.item-actions-larger .btn {
            min-width: 60px; }
        .new_invoice_item.flex .form-group.item-actions .btn,
        .timesheet_item_current.flex .form-group.item-actions .btn,
        .new_timesheet_item.flex .form-group.item-actions .btn,
        .invoice_item_existing.flex .form-group.item-actions .btn {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 33%;
                  flex: 1 0 33%;
          border: none !important;
          min-width: 25px;
          text-align: center;
          padding: 0.5em 0.25em; }
          .new_invoice_item.flex .form-group.item-actions .btn.btn-default,
          .timesheet_item_current.flex .form-group.item-actions .btn.btn-default,
          .new_timesheet_item.flex .form-group.item-actions .btn.btn-default,
          .invoice_item_existing.flex .form-group.item-actions .btn.btn-default {
            background: #f0f0f0;
            border: 0px solid transparent !important; }
            .new_invoice_item.flex .form-group.item-actions .btn.btn-default:hover,
            .timesheet_item_current.flex .form-group.item-actions .btn.btn-default:hover,
            .new_timesheet_item.flex .form-group.item-actions .btn.btn-default:hover,
            .invoice_item_existing.flex .form-group.item-actions .btn.btn-default:hover {
              background: #e5e5e5; }
      .new_invoice_item.flex .form-group.datepicker,
      .timesheet_item_current.flex .form-group.datepicker,
      .new_timesheet_item.flex .form-group.datepicker,
      .invoice_item_existing.flex .form-group.datepicker {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 93px;
                flex: 1 1 93px;
        min-width: 93px; }
      .new_invoice_item.flex .form-group.hours_contain,
      .timesheet_item_current.flex .form-group.hours_contain,
      .new_timesheet_item.flex .form-group.hours_contain,
      .invoice_item_existing.flex .form-group.hours_contain {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 54px;
                flex: 1 1 54px; }
      .new_invoice_item.flex .form-group select,
      .timesheet_item_current.flex .form-group select,
      .new_timesheet_item.flex .form-group select,
      .invoice_item_existing.flex .form-group select {
        max-width: 100% !important; }
      .new_invoice_item.flex .form-group.dropdown,
      .timesheet_item_current.flex .form-group.dropdown,
      .new_timesheet_item.flex .form-group.dropdown,
      .invoice_item_existing.flex .form-group.dropdown {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 160px;
                flex: 1 1 160px;
        min-width: 160px; }
        .new_invoice_item.flex .form-group.dropdown .select2-container .select2-choice,
        .timesheet_item_current.flex .form-group.dropdown .select2-container .select2-choice,
        .new_timesheet_item.flex .form-group.dropdown .select2-container .select2-choice,
        .invoice_item_existing.flex .form-group.dropdown .select2-container .select2-choice {
          line-height: 2;
          white-space: nowrap;
          max-width: auto;
          overflow: hidden;
          text-overflow: ellipsis; }
      .new_invoice_item.flex .form-group.dropdown-small,
      .timesheet_item_current.flex .form-group.dropdown-small,
      .new_timesheet_item.flex .form-group.dropdown-small,
      .invoice_item_existing.flex .form-group.dropdown-small {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 100px;
                flex: 1 1 100px;
        min-width: 100px; }
        .new_invoice_item.flex .form-group.dropdown-small .select2-container .select2-choice,
        .timesheet_item_current.flex .form-group.dropdown-small .select2-container .select2-choice,
        .new_timesheet_item.flex .form-group.dropdown-small .select2-container .select2-choice,
        .invoice_item_existing.flex .form-group.dropdown-small .select2-container .select2-choice {
          line-height: 2;
          white-space: nowrap;
          max-width: auto;
          overflow: hidden;
          text-overflow: ellipsis; }
      .new_invoice_item.flex .form-group.description,
      .timesheet_item_current.flex .form-group.description,
      .new_timesheet_item.flex .form-group.description,
      .invoice_item_existing.flex .form-group.description {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 240px;
                flex: 1 0 240px;
        min-width: 140px; }
  .new_invoice_item .control-group input,
  .new_invoice_item .control-group .select2-container,
  .timesheet_item_current .control-group input,
  .timesheet_item_current .control-group .select2-container,
  .new_timesheet_item .control-group input,
  .new_timesheet_item .control-group .select2-container,
  .invoice_item_existing .control-group input,
  .invoice_item_existing .control-group .select2-container {
    height: 2rem; }
  .new_invoice_item .select2-container,
  .timesheet_item_current .select2-container,
  .new_timesheet_item .select2-container,
  .invoice_item_existing .select2-container {
    max-width: 130px; }
    .new_invoice_item .select2-container .select2-choice,
    .timesheet_item_current .select2-container .select2-choice,
    .new_timesheet_item .select2-container .select2-choice,
    .invoice_item_existing .select2-container .select2-choice {
      height: 2rem; }
  .new_invoice_item .form-group,
  .timesheet_item_current .form-group,
  .new_timesheet_item .form-group,
  .invoice_item_existing .form-group {
    width: 6.4%;
    float: left;
    margin: 0 0.25%; }
    .new_invoice_item .form-group.description,
    .timesheet_item_current .form-group.description,
    .new_timesheet_item .form-group.description,
    .invoice_item_existing .form-group.description {
      width: 12%; }
    .new_invoice_item .form-group.dropdown,
    .timesheet_item_current .form-group.dropdown,
    .new_timesheet_item .form-group.dropdown,
    .invoice_item_existing .form-group.dropdown {
      width: 12%; }
    .new_invoice_item .form-group label,
    .timesheet_item_current .form-group label,
    .new_timesheet_item .form-group label,
    .invoice_item_existing .form-group label {
      line-height: 1rem;
      max-height: 1rem;
      white-space: nowrap;
      font-size: 11px; }
    .new_invoice_item .form-group.item-actions,
    .timesheet_item_current .form-group.item-actions,
    .new_timesheet_item .form-group.item-actions,
    .invoice_item_existing .form-group.item-actions {
      width: 8%; }
      .new_invoice_item .form-group.item-actions .timesheet_buttons,
      .timesheet_item_current .form-group.item-actions .timesheet_buttons,
      .new_timesheet_item .form-group.item-actions .timesheet_buttons,
      .invoice_item_existing .form-group.item-actions .timesheet_buttons {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 16px; }
    .new_invoice_item .form-group:first-child,
    .timesheet_item_current .form-group:first-child,
    .new_timesheet_item .form-group:first-child,
    .invoice_item_existing .form-group:first-child {
      padding-left: 0; }
    .new_invoice_item .form-group:last-child,
    .timesheet_item_current .form-group:last-child,
    .new_timesheet_item .form-group:last-child,
    .invoice_item_existing .form-group:last-child {
      padding-right: 0; }
    .new_invoice_item .form-group input,
    .timesheet_item_current .form-group input,
    .new_timesheet_item .form-group input,
    .invoice_item_existing .form-group input {
      width: 100%; }
      .new_invoice_item .form-group input:focus,
      .timesheet_item_current .form-group input:focus,
      .new_timesheet_item .form-group input:focus,
      .invoice_item_existing .form-group input:focus {
        border: 1px solid #58c5b9; }
    .new_invoice_item .form-group input,
    .new_invoice_item .form-group .select2-container,
    .timesheet_item_current .form-group input,
    .timesheet_item_current .form-group .select2-container,
    .new_timesheet_item .form-group input,
    .new_timesheet_item .form-group .select2-container,
    .invoice_item_existing .form-group input,
    .invoice_item_existing .form-group .select2-container {
      width: 100% !important;
      max-width: 100%; }
      .new_invoice_item .form-group input .select2-choice,
      .new_invoice_item .form-group .select2-container .select2-choice,
      .timesheet_item_current .form-group input .select2-choice,
      .timesheet_item_current .form-group .select2-container .select2-choice,
      .new_timesheet_item .form-group input .select2-choice,
      .new_timesheet_item .form-group .select2-container .select2-choice,
      .invoice_item_existing .form-group input .select2-choice,
      .invoice_item_existing .form-group .select2-container .select2-choice {
        height: 30px !important;
        width: 100%; }
    .new_invoice_item .form-group .timesheet_buttons,
    .timesheet_item_current .form-group .timesheet_buttons,
    .new_timesheet_item .form-group .timesheet_buttons,
    .invoice_item_existing .form-group .timesheet_buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .new_invoice_item .form-group span,
    .timesheet_item_current .form-group span,
    .new_timesheet_item .form-group span,
    .invoice_item_existing .form-group span {
      text-align: left; }

.approval .new_invoice_item .form-group.item-actions select,
.approval .new_invoice_item .form-group.dropdown select,
.approval .timesheet_item_current .form-group.item-actions select,
.approval .timesheet_item_current .form-group.dropdown select,
.approval .new_timesheet_item .form-group.item-actions select,
.approval .new_timesheet_item .form-group.dropdown select,
.approval .invoice_item_existing .form-group.item-actions select,
.approval .invoice_item_existing .form-group.dropdown select {
  width: 100% !important; }

@media all and (min-width: 976px) {
  .approval .new_invoice_item .form-group.item-actions,
  .approval .timesheet_item_current .form-group.item-actions,
  .approval .new_timesheet_item .form-group.item-actions,
  .approval .invoice_item_existing .form-group.item-actions {
    width: auto; }
  .approval .new_invoice_item .form-group.dropdown,
  .approval .timesheet_item_current .form-group.dropdown,
  .approval .new_timesheet_item .form-group.dropdown,
  .approval .invoice_item_existing .form-group.dropdown {
    width: 6.4%; }
  .approval .new_invoice_item .form-group.description,
  .approval .timesheet_item_current .form-group.description,
  .approval .new_timesheet_item .form-group.description,
  .approval .invoice_item_existing .form-group.description {
    width: 18%; } }

.calendar-user .left-result {
  width: 9% !important; }
  .calendar-user .left-result .circle {
    margin: 0.25em;
    width: 1.5em;
    height: 1.5em;
    display: block;
    border-radius: 50%; }

.calendar-user .right-result {
  width: 89% !important; }

.form-inline .panel .panel-footer {
  background: #fff; }

/* Dashboard display */
.dashboard .col-md-9 {
  padding-left: 0;
  padding-right: 0; }

.dashboard .user-info .panel-body {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0; }

.dashboard .panel .panel-heading {
  line-height: 35px;
  vertical-align: middle; }

.dashboard .panel .panel-body {
  height: 100%;
  display: inline-block;
  vertical-align: middle; }
  .dashboard .panel .panel-body .col-md-12, .dashboard .panel .panel-body .col-md-11, .dashboard .panel .panel-body .col-md-10, .dashboard .panel .panel-body .col-md-9, .dashboard .panel .panel-body .col-md-8 {
    padding: 0; }
  .dashboard .panel .panel-body .panel-btn {
    width: 100%;
    float: left;
    padding: 5px 0 15px; }
    .dashboard .panel .panel-body .panel-btn .btn-group {
      width: 100%;
      display: block;
      float: left; }
  .dashboard .panel .panel-body .panel-buttons {
    float: left;
    padding: 15px 0 15px 0;
    clear: both;
    width: 100%; }
    .dashboard .panel .panel-body .panel-buttons i.fa {
      float: right;
      font-size: 300%;
      margin: 0 10px 0 10px;
      padding: 4px 6px 4px 6px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      border-radius: 25px; }
  .dashboard .panel .panel-body .panel-avatar {
    width: 30%;
    height: 80px;
    white-space: nowrap;
    text-align: center;
    margin: 1em 0; }
    .dashboard .panel .panel-body .panel-avatar .middle-spacer {
      height: 100%;
      display: inline-block;
      vertical-align: middle; }
    .dashboard .panel .panel-body .panel-avatar img {
      border: 2px solid #dbdbdb;
      vertical-align: middle;
      width: 80px;
      height: 80px;
      border-radius: 40px; }

.dashboard .panel .panel-right {
  width: 70%; }

.dashboard .panel .panel-footer {
  padding: 5px 20px 5px 20px;
  width: 100%;
  background: white;
  border-top: 2px solid #f2f2f2 !important;
  border: none; }
  .dashboard .panel .panel-footer ul {
    padding: 0;
    list-style: none; }
    .dashboard .panel .panel-footer ul li {
      border-bottom: 1px solid #b5b5b5;
      margin-top: 5px; }
  .dashboard .panel .panel-footer .left-result, .dashboard .panel .panel-footer .right-result {
    color: #b5b5b5;
    line-height: 35px;
    width: 50%;
    padding: 0;
    margin: 0; }
  .dashboard .panel .panel-footer .left-result {
    font-size: 120%;
    line-height: 50px;
    vertical-align: middle; }
  .dashboard .panel .panel-footer .right-result {
    text-align: right;
    font-size: 350%;
    line-height: 50px;
    vertical-align: middle;
    margin-bottom: 5px; }
    .dashboard .panel .panel-footer .right-result a {
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      padding: 3px 5px 3px 5px; }
      .dashboard .panel .panel-footer .right-result a:hover, .dashboard .panel .panel-footer .right-result a:active, .dashboard .panel .panel-footer .right-result a:focus {
        text-decoration: none; }
    .dashboard .panel .panel-footer .right-result a span {
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .dashboard .panel .panel-footer .right-result .red {
      color: #da4747; }
      .dashboard .panel .panel-footer .right-result .red:hover, .dashboard .panel .panel-footer .right-result .red:active, .dashboard .panel .panel-footer .right-result .red:focus {
        color: #e27272; }
    .dashboard .panel .panel-footer .right-result .green {
      color: #a7d470; }
      .dashboard .panel .panel-footer .right-result .green:hover, .dashboard .panel .panel-footer .right-result .green:active, .dashboard .panel .panel-footer .right-result .green:focus {
        color: #bfe097; }
    .dashboard .panel .panel-footer .right-result .yellow {
      color: #ffd731; }
      .dashboard .panel .panel-footer .right-result .yellow:hover, .dashboard .panel .panel-footer .right-result .yellow:active, .dashboard .panel .panel-footer .right-result .yellow:focus {
        color: #ffeb97; }
    .dashboard .panel .panel-footer .right-result .orange {
      color: #f0b23c; }
      .dashboard .panel .panel-footer .right-result .orange:hover, .dashboard .panel .panel-footer .right-result .orange:active, .dashboard .panel .panel-footer .right-result .orange:focus {
        color: #f4c56b; }

.dashboard .panel-pink .panel-heading {
  background-color: #ec407a;
  color: #fff;
  font-weight: bold;
  border-bottom-color: #e2175b; }
  .dashboard .panel-pink .panel-heading .btn-default {
    border: 1px solid #fff;
    background-color: #ec407a;
    color: #fff;
    -webkit-box-shadow: 0, 0, 0;
    box-shadow: 0, 0, 0; }
    .dashboard .panel-pink .panel-heading .btn-default:hover, .dashboard .panel-pink .panel-heading .btn-default:focus {
      color: #ec407a;
      background-color: #fff; }

.dashboard .panel-pink a .fa {
  color: #fff;
  background: #ec407a; }
  .dashboard .panel-pink a .fa:hover {
    color: #fff; }

.dashboard .panel-pink .panel-footer .right-result a {
  color: #ec407a; }

.dashboard .panel-lightblue .panel-heading {
  background-color: #688ac1;
  color: #fff;
  font-weight: bold;
  border-bottom-color: #486fae; }
  .dashboard .panel-lightblue .panel-heading .btn {
    border: 1px solid #fff !important;
    color: #fff;
    -webkit-box-shadow: 0, 0, 0;
    box-shadow: 0, 0, 0; }

.dashboard .panel-lightblue .panel-body {
  background: #8ca6d0; }

.dashboard .panel-green .panel-heading {
  background-color: #82be39;
  color: #fff;
  font-weight: bold;
  border-bottom-color: #4d7022; }
  .dashboard .panel-green .panel-heading .btn {
    border: 1px solid #fff !important;
    color: #fff;
    -webkit-box-shadow: 0, 0, 0;
    box-shadow: 0, 0, 0; }

.dashboard .panel-green .panel-body {
  background-color: #a7d470; }
  .dashboard .panel-green .panel-body h4 {
    color: #fff;
    padding-top: 10px;
    margin-bottom: 3px; }

.dashboard .panel-green .panel-divider {
  padding-left: 18px;
  background-color: #a7d470;
  border-top: #bfe097 1px solid;
  padding: 5px 0 5px; }

.dashboard .panel-green .table,
.dashboard .panel-green thead,
.dashboard .panel-green tr,
.dashboard .panel-green th {
  background: #8fc849 !important; }

.dashboard .panel-green .table {
  border: 0 !important; }
  .dashboard .panel-green .table td {
    border-color: #bfe097; }
    .dashboard .panel-green .table td a {
      color: #fff; }

/* Forms */
.row > form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

select {
  font-size: 80%;
  width: 170px;
  border-radius: 0; }

select, input {
  height: 2rem;
  border-radius: 0;
  border: 1px solid #dbdbdb; }
  select:disabled, input:disabled {
    cursor: not-allowed;
    background: whitesmoke !important; }

input[type="radio"],
input[type="checkbox"] {
  height: auto; }

.checkbox label {
  line-height: 36px; }

.checkbox input[type="checkbox"] {
  position: relative;
  float: left;
  margin-top: -4px;
  margin-left: 0;
  margin-right: 3px; }
  .checkbox input[type="checkbox"].checkbox {
    display: none; }

input.checkbox {
  display: none; }
  input.checkbox + label {
    position: relative; }
    input.checkbox + label:hover {
      cursor: pointer; }
    input.checkbox + label:before {
      z-index: 1;
      display: block;
      content: '';
      float: left;
      width: 22px;
      height: 22px;
      border-radius: 3px;
      border: 2px solid #c2c2c2;
      margin-right: 5px;
      background: transparent;
      -webkit-transition: 0.4s ease all;
      transition: 0.4s ease all; }
  input.checkbox:checked + label:before {
    border-color: #a7d470; }
  input.checkbox:checked + label:after {
    z-index: 2;
    font-size: 18px;
    line-height: 22px;
    content: '\2713';
    color: #a7d470;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    width: 22px;
    text-align: center;
    position: absolute;
    left: 0; }

.control-group {
  width: 100%; }
  .control-group .select2-container {
    height: 2rem;
    border-radius: 0; }
    .control-group .select2-container .select2-choice {
      height: 100%; }

.label {
  border-radius: 0; }

.card > .form-group {
  margin-bottom: 0; }

.form-group br {
  line-height: 22px; }

.form-control {
  color: #000;
  height: 2rem;
  font-size: 14px !important;
  border-radius: 0;
  border: 1px solid #dbdbdb; }
  .form-control:focus, .form-control:active {
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    border-color: #58c5b9; }

input[type="text"].form-control,
input[type="password"].form-control,
.select2-container {
  line-height: 1 !important; }

.form-100 {
  width: 100% !important; }

.form-50 {
  width: 50% !important; }

.panel input.form-control {
  width: auto;
  max-width: 100%; }

a.select2-choice.select2-default {
  border-radius: 0; }

.toggle-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.5rem;
  right: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  line-height: 35px; }

.toggle {
  display: none;
  margin: 0;
  font-size: 16px; }
  .toggle, .toggle:after, .toggle:before,
  .toggle *,
  .toggle *:after,
  .toggle *:before,
  .toggle + .toggle-button {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .toggle::-moz-selection, .toggle:after::-moz-selection, .toggle:before::-moz-selection,
    .toggle *::-moz-selection,
    .toggle *:after::-moz-selection,
    .toggle *:before::-moz-selection,
    .toggle + .toggle-button::-moz-selection {
      background: none; }
    .toggle::selection, .toggle:after::selection, .toggle:before::selection,
    .toggle *::selection,
    .toggle *:after::selection,
    .toggle *:before::selection,
    .toggle + .toggle-button::selection {
      background: none; }
  .toggle + .toggle-button {
    outline: 0;
    display: block;
    width: 50px;
    height: 25px;
    margin: 5px 0.5rem;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -ms-flex-item-align: start;
        align-self: flex-start; }
    .toggle + .toggle-button:after {
      position: relative;
      display: block;
      content: "";
      width: 50%;
      height: 100%; }
  .toggle:after {
    left: 0; }
  .toggle:before {
    display: none; }
  .toggle:checked + .toggle-button:after {
    left: 50%;
    -webkit-transition: all ease false;
    -webkit-transition-delay: 1.5s;
    -webkit-transition: all ease 1.5s;
    transition: all ease 1.5s; }
  .toggle:hover + .toggle-button::after {
    -webkit-transition: all ease false;
    -webkit-transition-delay: 0.5s;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s; }
  .toggle + .toggle-button {
    background: #dbdbdb;
    border-radius: 2em;
    padding: 2px;
    left: 0;
    -webkit-transition: all ease false;
    -webkit-transition-delay: 0.5s;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    .toggle + .toggle-button:after {
      border-radius: 50%;
      background: #fff;
      -webkit-transition: 0.5s ease all;
      transition: 0.5s ease all; }
  .toggle:checked + .toggle-button {
    background: #a7d470; }
    .toggle:checked + .toggle-button.danger {
      -webkit-transition: all ease false;
      -webkit-transition-delay: 0.5s;
      -webkit-transition: all ease 0.5s;
      transition: all ease 0.5s;
      background: #e27272; }

.select2-search input[type="text"] {
  margin-top: 5px;
  background: #fff; }

.select2-container {
  height: 2rem; }
  .select2-container .select2-choice {
    height: 2rem;
    line-height: 1.65; }
  .select2-container ul.select2-choices {
    background: #fff;
    border-color: #dbdbdb; }
    .select2-container ul.select2-choices .select2-search-choice {
      padding: 5px 5px 5px 20px;
      line-height: 15px;
      border-radius: 0;
      background: whitesmoke;
      border: 1px solid #58c5b9; }
      .select2-container ul.select2-choices .select2-search-choice .select2-search-choice-close {
        left: 5px;
        -webkit-transition: 0s ease none;
        transition: 0s ease none; }
        .select2-container ul.select2-choices .select2-search-choice .select2-search-choice-close:hover {
          -webkit-transition: 0s ease none;
          transition: 0s ease none; }

.auto label {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.auto .select2-container {
  height: auto;
  width: auto !important;
  min-width: 170px;
  max-width: 100%; }

.select2-drop {
  margin-top: -2px; }

.select2-dropdown-open .select2-choice,
.select2-choice {
  border-color: #dbdbdb !important;
  background-image: none !important;
  background-color: #fff !important; }

.select2-search-choice-close {
  top: 6px !important; }

.select2-container,
.select2-choice,
.select2-drop {
  border-radius: 0 !important; }

.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-drop-active {
  border-color: #58c5b9 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

.select2-container .select2-choice .select2-arrow {
  border-left-color: #dbdbdb !important;
  background: #fff !important;
  color: #fff;
  border-radius: 0 !important; }

.select2-results li {
  -webkit-transition: all ease 0.3s;
  -webkit-transition-delay: !important;
  transition: all ease 0.3s !important; }

.select2-results .select2-highlighted {
  -webkit-transition: all ease 0.1s;
  -webkit-transition-delay: !important;
  transition: all ease 0.1s !important; }

.col-md-9 .select2-container .select2-choice {
  height: 2rem;
  border-radius: 0;
  padding: 3px 0 0 8px; }
  .col-md-9 .select2-container .select2-choice .select2-search-choice-close {
    top: 8px !important; }

.card .card-body p input, .card .card-body p .form-control {
  margin: 0.25rem 0 0 0; }

.left-result {
  line-height: 30px;
  padding: 0 .5rem 0 0;
  float: left;
  width: 40%;
  font-weight: bold;
  margin: 0; }

.right-result {
  line-height: 30px;
  float: right;
  width: 60%;
  padding: 0 0 0 .5rem;
  margin: 0; }
  .right-result .select2-container,
  .right-result .select2-choice {
    width: 100% !important; }

.show-filter {
  display: none; }

.filter {
  display: block; }

.input-group-addon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  border: 1px solid whitesmoke;
  background: #f2f2f2;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  border-radius: 0; }

.input-group + .btn {
  margin-top: 1rem; }

input[type="file"] {
  padding: .5rem;
  height: auto;
  border: dashed 2px #dbdbdb;
  -webkit-transition: 0.5s ease all;
  transition: 0.5s ease all; }
  input[type="file"]:hover {
    border-color: #c2c2c2;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all; }

input[name="like_search"], .card-body input[name="like_search"] {
  color: #000;
  line-height: 1.5;
  padding: 0.75rem 1rem;
  border: 1px solid whitesmoke;
  background: whitesmoke;
  height: auto;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all; }
  input[name="like_search"]:focus, .card-body input[name="like_search"]:focus {
    background: #fff;
    border-color: whitesmoke;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all; }

.panel .dropzone {
  border: 1px solid #c2c2c2; }

#my-dropzone {
  border: 2px dashed #379df0;
  min-height: 0;
  padding: 0;
  -webkit-transition: 0.5s ease all;
  transition: 0.5s ease all;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 16px; }
  #my-dropzone:hover {
    border: 2px dashed #87c6fa;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all; }

#my-dropzone .ds-success-mark svg {
  fill: green !important;
  stroke: green !important; }

#my-dropzone .dz-preview .dz-progress .dz-upload {
  background: #4dbeeb; }

#attach_file_area {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #attach_file_area + .file-input .file-input {
    margin-top: .5em; }

.file-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 1em);
          flex: 1 0 calc(100% - 1em);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .file-input input[type="file"] {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
  .file-input label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    cursor: pointer;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .file-input a#remove_this_file,
  .file-input a#remove_files {
    margin: 2px 0 2px .5em;
    -ms-flex-item-align: start;
        align-self: flex-start;
    height: 2em;
    width: 2em;
    padding: .5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    background: #da4747;
    border-radius: 50%; }
    .file-input a#remove_this_file:hover,
    .file-input a#remove_files:hover {
      background: #C62828; }

/* Media / Mobile settings */
#filter-toggle {
  display: none; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.21875) and (-webkit-max-device-pixel-ratio: 1.2395833333333333), only screen and (min-resolution: 117dpi) and (max-resolution: 119dpi), only screen and (-webkit-min-device-pixel-ratio: 1.3645833333333333) and (-webkit-max-device-pixel-ratio: 1.3854166666666667), only screen and (min-resolution: 131dpi) and (max-resolution: 133dpi), only screen and (-webkit-min-device-pixel-ratio: 1.5104166666666667) and (-webkit-max-device-pixel-ratio: 1.6041666666666667), only screen and (min-resolution: 145dpi) and (max-resolution: 154dpi), only screen and (-webkit-min-device-pixel-ratio: 1.6875) and (-webkit-max-device-pixel-ratio: 1.7083333333333333), only screen and (min-resolution: 162dpi) and (max-resolution: 164dpi), screen and (max-width: 820px) {
  body.pushable {
    overflow-x: auto; }
    body.pushable.has-sidebar-expanded {
      overflow-y: hidden; }
  .login-box .btn-info {
    margin-top: 0 !important; }
  .login-box .btn-success, .login-box .ticket-view .panel-heading .label.label-success, .ticket-view .panel-heading .login-box .label.label-success, .login-box
  .ticket-view .panel-footer .label.label-success,
  .ticket-view .panel-footer .login-box .label.label-success {
    margin-bottom: 0 !important; }
  .login-box .btn-group-50 {
    margin: .5rem 0; }
  .ticket-row .ticket-header .row > div {
    margin: 0.5rem 0; }
    .ticket-row .ticket-header .row > div .float-right {
      float: none !important;
      margin-right: 1rem !important;
      margin-left: 0 !important; }
  .ticket-row .card.ticket .card-body,
  .ticket-row .card.ticket-reply .card-body {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .ticket-row .card.ticket .card-body .profile, .ticket-row .card.ticket .card-body .content,
    .ticket-row .card.ticket-reply .card-body .profile,
    .ticket-row .card.ticket-reply .card-body .content {
      overflow: auto;
      max-width: 100%; }
    .ticket-row .card.ticket .card-body .profile,
    .ticket-row .card.ticket-reply .card-body .profile {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 100%;
              flex: 1 0 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
      .ticket-row .card.ticket .card-body .profile #profile-wrapper, .ticket-row .card.ticket .card-body .profile .toolbar,
      .ticket-row .card.ticket-reply .card-body .profile #profile-wrapper,
      .ticket-row .card.ticket-reply .card-body .profile .toolbar {
        max-width: 100%;
        width: auto;
        height: auto;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .ticket-row .card.ticket .card-body .profile #profile-wrapper p, .ticket-row .card.ticket .card-body .profile .toolbar p,
        .ticket-row .card.ticket-reply .card-body .profile #profile-wrapper p,
        .ticket-row .card.ticket-reply .card-body .profile .toolbar p {
          margin: .25rem .5rem; }
    .ticket-row .card.ticket .card-body .content:not(.empty) + .profile,
    .ticket-row .card.ticket-reply .card-body .content:not(.empty) + .profile {
      border-top: 1px solid whitesmoke; }
    .ticket-row .card.ticket .card-body .profile,
    .ticket-row .card.ticket-reply .card-body .profile {
      border-bottom: 1px solid whitesmoke; }
  .ticket-row .card.ticket .card-footer .flex,
  .ticket-row .card.ticket-reply .card-footer .flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .ticket-row .card.ticket .card-footer .flex .left, .ticket-row .card.ticket .card-footer .flex .right,
    .ticket-row .card.ticket-reply .card-footer .flex .left,
    .ticket-row .card.ticket-reply .card-footer .flex .right {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  #vertical-nav {
    -webkit-transition: 0s ease none;
    -webkit-transition-delay: !important;
    transition: 0s ease none !important; }
    #vertical-nav .sidebar-wrapper .popup {
      display: none !important;
      visibility: hidden !important; }
  #vertical-nav.collapsed {
    height: 50px;
    -webkit-transition: 0s ease none;
    -webkit-transition-delay: !important;
    transition: 0s ease none !important; }
    #vertical-nav.collapsed .sidebar-wrapper {
      display: none; }
    #vertical-nav.collapsed + .pusher {
      width: 100%;
      margin-left: 0 !important; }
    #vertical-nav.collapsed .sidebar-header .bar {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: 0.2s ease all;
      transition: 0.2s ease all; }
  #user-sidebar.visible {
    width: 100%;
    z-index: 5;
    -webkit-transition: 0s ease none;
    transition: 0s ease none; }
  #vertical-nav.expanded {
    width: 100%;
    background: transparent;
    top: 0; }
    #vertical-nav.expanded .sidebar-header {
      width: 100%;
      position: absolute;
      left: 0;
      top: 0; }
      #vertical-nav.expanded .sidebar-header .sidebar-toggle .bar {
        -webkit-transition: 0.4s ease all;
        transition: 0.4s ease all; }
        #vertical-nav.expanded .sidebar-header .sidebar-toggle .bar:nth-child(1) {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        #vertical-nav.expanded .sidebar-header .sidebar-toggle .bar:nth-child(2) {
          display: none; }
        #vertical-nav.expanded .sidebar-header .sidebar-toggle .bar:nth-child(3) {
          margin-top: -4px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    #vertical-nav.expanded .sidebar-wrapper {
      background: #fff;
      width: 100%;
      position: absolute;
      top: 50px;
      height: 100%;
      overflow-y: auto; }
      #vertical-nav.expanded .sidebar-wrapper .ui.item,
      #vertical-nav.expanded .sidebar-wrapper .ui.item.title {
        width: 100%; }
  #user-sidebar.animating:not(.visible) {
    display: none; }
  #vertical-nav.expanded + .pusher {
    position: absolute;
    right: 0;
    width: 100%;
    margin-left: 0; }
  #vertical-nav.expanded + .pusher > .navbar.fixed-top {
    width: calc(100% - 4rem);
    margin-left: 4rem; }
  .navbar .navbar-header {
    display: none; }
  .navbar .navbar-brand {
    padding: 0 0.5rem; } }

@media screen and (max-width: 767px) {
  .card #no-more-tables td {
    padding-left: 6px !important;
    padding-top: 2rem; }
  .row > *:not(.ticket-list) > #no-more-tables td {
    padding: 2em 1em 1em 1em; }
    .row > *:not(.ticket-list) > #no-more-tables td:before {
      padding-left: .5em; }
  .row > *:not(.ticket-list) .card #no-more-tables tr {
    margin: .5em 0;
    padding: .5em;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    border: 1px solid whitesmoke !important; }
    .row > *:not(.ticket-list) .card #no-more-tables tr:not(:last-child) {
      border-bottom: none !important; }
  .card-body > .col-sm-1.nopad-left {
    padding-left: 0.5rem !important; }
  .card-body > .col-sm-1.nopad-right {
    padding-right: 0.5rem !important; }
  .card-body > .col-sm-2.nopad-left {
    padding-left: 0.5rem !important; }
  .card-body > .col-sm-2.nopad-right {
    padding-right: 0.5rem !important; }
  .card-body > .col-sm-3.nopad-left {
    padding-left: 0.5rem !important; }
  .card-body > .col-sm-3.nopad-right {
    padding-right: 0.5rem !important; }
  .card-body > .col-sm-4.nopad-left {
    padding-left: 0.5rem !important; }
  .card-body > .col-sm-4.nopad-right {
    padding-right: 0.5rem !important; }
  .card-body > .col-sm-5.nopad-left {
    padding-left: 0.5rem !important; }
  .card-body > .col-sm-5.nopad-right {
    padding-right: 0.5rem !important; }
  .card-body > .col-sm-6.nopad-left {
    padding-left: 0.5rem !important; }
  .card-body > .col-sm-6.nopad-right {
    padding-right: 0.5rem !important; }
  .card-body > .col-sm-7.nopad-left {
    padding-left: 0.5rem !important; }
  .card-body > .col-sm-7.nopad-right {
    padding-right: 0.5rem !important; }
  .card-body > .col-sm-8.nopad-left {
    padding-left: 0.5rem !important; }
  .card-body > .col-sm-8.nopad-right {
    padding-right: 0.5rem !important; }
  .card-body > .col-sm-9.nopad-left {
    padding-left: 0.5rem !important; }
  .card-body > .col-sm-9.nopad-right {
    padding-right: 0.5rem !important; }
  .card-body > .col-sm-10.nopad-left {
    padding-left: 0.5rem !important; }
  .card-body > .col-sm-10.nopad-right {
    padding-right: 0.5rem !important; }
  .card-body > .col-sm-11.nopad-left {
    padding-left: 0.5rem !important; }
  .card-body > .col-sm-11.nopad-right {
    padding-right: 0.5rem !important; }
  .card-body > .col-sm-12.nopad-left {
    padding-left: 0.5rem !important; }
  .card-body > .col-sm-12.nopad-right {
    padding-right: 0.5rem !important; }
  .navbar img.headimg {
    display: none; }
  .navbar .navbar-brand {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .container#main {
    padding: 2rem 1.5rem 0 1.5rem; }
  .timesheets-summary .tab span {
    width: 100%; }
  .btn-50 {
    width: 100%;
    margin-bottom: 5px;
    border-bottom-width: 1px; }
  .dropdown-menu {
    border: none !important; }
  .well {
    padding: 14px; }
  #no-more-tables td:before {
    top: 8px !important; }
  .table:not(.no-responsive) {
    float: left; }
    .table:not(.no-responsive) tr, .table:not(.no-responsive) tbody {
      float: left;
      width: 100%; }
    .table:not(.no-responsive) td {
      min-width: 100%;
      float: left;
      margin: 0; }
    .table:not(.no-responsive) td:last-child {
      border-bottom: 0 !important; }
  .well, .panel {
    background: #fff; }
    .well .panel-body, .panel .panel-body {
      padding-left: 15px; }
      .well .panel-body .panel-right, .panel .panel-body .panel-right {
        width: 100%; }
    .well .table-striped:not(.no-responsive) tr td:nth-child(odd), .panel .table-striped:not(.no-responsive) tr td:nth-child(odd) {
      background: #fff; }
    .well .table-striped:not(.no-responsive) tr td:nth-child(even), .panel .table-striped:not(.no-responsive) tr td:nth-child(even) {
      background: whitesmoke; }
  .table:not(.no-responsive) {
    -webkit-box-shadow: 0 0 0 transparent !important;
    box-shadow: 0 0 0 transparent !important;
    background: transparent;
    float: left;
    border: 0; }
    .table:not(.no-responsive) thead, .table:not(.no-responsive) thead tr {
      display: none; }
    .table:not(.no-responsive) tbody {
      float: left; }
      .table:not(.no-responsive) tbody tr {
        position: relative;
        border: none !important;
        padding: 20px 20px 5px 20px;
        margin: 0 !important;
        background: #fff;
        -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.2);
        box-shadow: 0 1px 2px rgba(90, 90, 90, 0.2);
        float: left;
        overflow: hidden; }
      .table:not(.no-responsive) tbody td {
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important; }
    .table:not(.no-responsive) #no-more-tables td {
      background: #fff;
      padding-left: 120px !important;
      padding-bottom: 4px;
      padding-top: 7px;
      width: 50%;
      float: left;
      border-bottom: 1px solid #e2e2e2 !important; }
  .ticket-list .table, .invoice-list .table {
    min-width: 0 !important; }
    .ticket-list .table thead, .ticket-list .table tbody, .ticket-list .table tfoot, .invoice-list .table thead, .invoice-list .table tbody, .invoice-list .table tfoot {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .ticket-list .table thead tr, .ticket-list .table thead tr:nth-child(even), .ticket-list .table tbody tr, .ticket-list .table tbody tr:nth-child(even), .ticket-list .table tfoot tr, .ticket-list .table tfoot tr:nth-child(even), .invoice-list .table thead tr, .invoice-list .table thead tr:nth-child(even), .invoice-list .table tbody tr, .invoice-list .table tbody tr:nth-child(even), .invoice-list .table tfoot tr, .invoice-list .table tfoot tr:nth-child(even) {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        border: none !important;
        padding: 2em;
        margin-bottom: 1.5rem !important;
        background: #fff;
        -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.2);
        box-shadow: 0 1px 2px rgba(90, 90, 90, 0.2);
        overflow: hidden; }
        .ticket-list .table thead tr td, .ticket-list .table thead tr:nth-child(even) td, .ticket-list .table tbody tr td, .ticket-list .table tbody tr:nth-child(even) td, .ticket-list .table tfoot tr td, .ticket-list .table tfoot tr:nth-child(even) td, .invoice-list .table thead tr td, .invoice-list .table thead tr:nth-child(even) td, .invoice-list .table tbody tr td, .invoice-list .table tbody tr:nth-child(even) td, .invoice-list .table tfoot tr td, .invoice-list .table tfoot tr:nth-child(even) td {
          -webkit-box-flex: 0 !important;
              -ms-flex: 0 0 auto !important;
                  flex: 0 0 auto !important;
          padding-left: 90px !important;
          padding-bottom: 4px;
          padding-top: 7px;
          border-bottom: 1px solid #e2e2e2 !important; }
          .ticket-list .table thead tr td:nth-child(2), .ticket-list .table thead tr:nth-child(even) td:nth-child(2), .ticket-list .table tbody tr td:nth-child(2), .ticket-list .table tbody tr:nth-child(even) td:nth-child(2), .ticket-list .table tfoot tr td:nth-child(2), .ticket-list .table tfoot tr:nth-child(even) td:nth-child(2), .invoice-list .table thead tr td:nth-child(2), .invoice-list .table thead tr:nth-child(even) td:nth-child(2), .invoice-list .table tbody tr td:nth-child(2), .invoice-list .table tbody tr:nth-child(even) td:nth-child(2), .invoice-list .table tfoot tr td:nth-child(2), .invoice-list .table tfoot tr:nth-child(even) td:nth-child(2) {
            float: left; }
          .ticket-list .table thead tr td:last-child, .ticket-list .table thead tr:nth-child(even) td:last-child, .ticket-list .table tbody tr td:last-child, .ticket-list .table tbody tr:nth-child(even) td:last-child, .ticket-list .table tfoot tr td:last-child, .ticket-list .table tfoot tr:nth-child(even) td:last-child, .invoice-list .table thead tr td:last-child, .invoice-list .table thead tr:nth-child(even) td:last-child, .invoice-list .table tbody tr td:last-child, .invoice-list .table tbody tr:nth-child(even) td:last-child, .invoice-list .table tfoot tr td:last-child, .invoice-list .table tfoot tr:nth-child(even) td:last-child {
            margin-bottom: 2rem !important; }
        .ticket-list .table thead tr td[data-title="Select"], .ticket-list .table thead tr:nth-child(even) td[data-title="Select"], .ticket-list .table tbody tr td[data-title="Select"], .ticket-list .table tbody tr:nth-child(even) td[data-title="Select"], .ticket-list .table tfoot tr td[data-title="Select"], .ticket-list .table tfoot tr:nth-child(even) td[data-title="Select"], .invoice-list .table thead tr td[data-title="Select"], .invoice-list .table thead tr:nth-child(even) td[data-title="Select"], .invoice-list .table tbody tr td[data-title="Select"], .invoice-list .table tbody tr:nth-child(even) td[data-title="Select"], .invoice-list .table tfoot tr td[data-title="Select"], .invoice-list .table tfoot tr:nth-child(even) td[data-title="Select"] {
          -webkit-box-ordinal-group: 100;
              -ms-flex-order: 99;
                  order: 99;
          padding: 1rem !important;
          border: none !important; }
          .ticket-list .table thead tr td[data-title="Select"]::before, .ticket-list .table thead tr:nth-child(even) td[data-title="Select"]::before, .ticket-list .table tbody tr td[data-title="Select"]::before, .ticket-list .table tbody tr:nth-child(even) td[data-title="Select"]::before, .ticket-list .table tfoot tr td[data-title="Select"]::before, .ticket-list .table tfoot tr:nth-child(even) td[data-title="Select"]::before, .invoice-list .table thead tr td[data-title="Select"]::before, .invoice-list .table thead tr:nth-child(even) td[data-title="Select"]::before, .invoice-list .table tbody tr td[data-title="Select"]::before, .invoice-list .table tbody tr:nth-child(even) td[data-title="Select"]::before, .invoice-list .table tfoot tr td[data-title="Select"]::before, .invoice-list .table tfoot tr:nth-child(even) td[data-title="Select"]::before {
            display: none; }
          .ticket-list .table thead tr td[data-title="Select"] .btn-toolbar .btn, .ticket-list .table thead tr:nth-child(even) td[data-title="Select"] .btn-toolbar .btn, .ticket-list .table tbody tr td[data-title="Select"] .btn-toolbar .btn, .ticket-list .table tbody tr:nth-child(even) td[data-title="Select"] .btn-toolbar .btn, .ticket-list .table tfoot tr td[data-title="Select"] .btn-toolbar .btn, .ticket-list .table tfoot tr:nth-child(even) td[data-title="Select"] .btn-toolbar .btn, .invoice-list .table thead tr td[data-title="Select"] .btn-toolbar .btn, .invoice-list .table thead tr:nth-child(even) td[data-title="Select"] .btn-toolbar .btn, .invoice-list .table tbody tr td[data-title="Select"] .btn-toolbar .btn, .invoice-list .table tbody tr:nth-child(even) td[data-title="Select"] .btn-toolbar .btn, .invoice-list .table tfoot tr td[data-title="Select"] .btn-toolbar .btn, .invoice-list .table tfoot tr:nth-child(even) td[data-title="Select"] .btn-toolbar .btn {
            padding: 1rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
                -ms-flex: 1 0 auto;
                    flex: 1 0 auto;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            .ticket-list .table thead tr td[data-title="Select"] .btn-toolbar .btn + .btn, .ticket-list .table thead tr:nth-child(even) td[data-title="Select"] .btn-toolbar .btn + .btn, .ticket-list .table tbody tr td[data-title="Select"] .btn-toolbar .btn + .btn, .ticket-list .table tbody tr:nth-child(even) td[data-title="Select"] .btn-toolbar .btn + .btn, .ticket-list .table tfoot tr td[data-title="Select"] .btn-toolbar .btn + .btn, .ticket-list .table tfoot tr:nth-child(even) td[data-title="Select"] .btn-toolbar .btn + .btn, .invoice-list .table thead tr td[data-title="Select"] .btn-toolbar .btn + .btn, .invoice-list .table thead tr:nth-child(even) td[data-title="Select"] .btn-toolbar .btn + .btn, .invoice-list .table tbody tr td[data-title="Select"] .btn-toolbar .btn + .btn, .invoice-list .table tbody tr:nth-child(even) td[data-title="Select"] .btn-toolbar .btn + .btn, .invoice-list .table tfoot tr td[data-title="Select"] .btn-toolbar .btn + .btn, .invoice-list .table tfoot tr:nth-child(even) td[data-title="Select"] .btn-toolbar .btn + .btn {
              border-left: none !important; }
        .ticket-list .table thead tr td[data-title="Updated"], .ticket-list .table thead tr:nth-child(even) td[data-title="Updated"], .ticket-list .table tbody tr td[data-title="Updated"], .ticket-list .table tbody tr:nth-child(even) td[data-title="Updated"], .ticket-list .table tfoot tr td[data-title="Updated"], .ticket-list .table tfoot tr:nth-child(even) td[data-title="Updated"], .invoice-list .table thead tr td[data-title="Updated"], .invoice-list .table thead tr:nth-child(even) td[data-title="Updated"], .invoice-list .table tbody tr td[data-title="Updated"], .invoice-list .table tbody tr:nth-child(even) td[data-title="Updated"], .invoice-list .table tfoot tr td[data-title="Updated"], .invoice-list .table tfoot tr:nth-child(even) td[data-title="Updated"] {
          border-bottom: 0 !important; }
        .ticket-list .table thead tr td[data-title="Subject"], .ticket-list .table thead tr:nth-child(even) td[data-title="Subject"], .ticket-list .table tbody tr td[data-title="Subject"], .ticket-list .table tbody tr:nth-child(even) td[data-title="Subject"], .ticket-list .table tfoot tr td[data-title="Subject"], .ticket-list .table tfoot tr:nth-child(even) td[data-title="Subject"], .invoice-list .table thead tr td[data-title="Subject"], .invoice-list .table thead tr:nth-child(even) td[data-title="Subject"], .invoice-list .table tbody tr td[data-title="Subject"], .invoice-list .table tbody tr:nth-child(even) td[data-title="Subject"], .invoice-list .table tfoot tr td[data-title="Subject"], .invoice-list .table tfoot tr:nth-child(even) td[data-title="Subject"] {
          -webkit-box-flex: 0 !important;
              -ms-flex: 0 0 auto !important;
                  flex: 0 0 auto !important;
          -webkit-box-ordinal-group: 0;
              -ms-flex-order: -1;
                  order: -1;
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important;
          text-align: center !important;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          white-space: nowrap;
          padding: 0 !important;
          border-bottom: none !important;
          overflow: visible; }
          .ticket-list .table thead tr td[data-title="Subject"]::before, .ticket-list .table thead tr:nth-child(even) td[data-title="Subject"]::before, .ticket-list .table tbody tr td[data-title="Subject"]::before, .ticket-list .table tbody tr:nth-child(even) td[data-title="Subject"]::before, .ticket-list .table tfoot tr td[data-title="Subject"]::before, .ticket-list .table tfoot tr:nth-child(even) td[data-title="Subject"]::before, .invoice-list .table thead tr td[data-title="Subject"]::before, .invoice-list .table thead tr:nth-child(even) td[data-title="Subject"]::before, .invoice-list .table tbody tr td[data-title="Subject"]::before, .invoice-list .table tbody tr:nth-child(even) td[data-title="Subject"]::before, .invoice-list .table tfoot tr td[data-title="Subject"]::before, .invoice-list .table tfoot tr:nth-child(even) td[data-title="Subject"]::before {
            display: none; }
          .ticket-list .table thead tr td[data-title="Subject"] a, .ticket-list .table thead tr:nth-child(even) td[data-title="Subject"] a, .ticket-list .table tbody tr td[data-title="Subject"] a, .ticket-list .table tbody tr:nth-child(even) td[data-title="Subject"] a, .ticket-list .table tfoot tr td[data-title="Subject"] a, .ticket-list .table tfoot tr:nth-child(even) td[data-title="Subject"] a, .invoice-list .table thead tr td[data-title="Subject"] a, .invoice-list .table thead tr:nth-child(even) td[data-title="Subject"] a, .invoice-list .table tbody tr td[data-title="Subject"] a, .invoice-list .table tbody tr:nth-child(even) td[data-title="Subject"] a, .invoice-list .table tfoot tr td[data-title="Subject"] a, .invoice-list .table tfoot tr:nth-child(even) td[data-title="Subject"] a {
            width: 100%;
            -ms-flex-item-align: start;
                align-self: flex-start;
            padding: 0 1em;
            font-size: 130%;
            line-height: 1.5em; } }

@media screen and (max-width: 650px) {
  .navbar .nav li a .sl {
    display: none; }
  .login-container {
    position: relative !important; } }

@media screen and (max-height: 550px) {
  .login-container {
    position: relative !important; } }

@media (min-width: 520px) {
  .splitscreen .well-sm .bottom-button {
    margin-top: -36px; } }

@media (max-width: 500px) {
  table tbody tr td {
    min-width: 100% !important; } }

@media screen and (min-width: 1200px) {
  .ticket-filter {
    margin-top: 4rem; } }

@media screen and (max-width: 1150px) {
  .panel-timesheet {
    -webkit-box-shadow: 0 0 0 transparent !important;
    box-shadow: 0 0 0 transparent !important;
    background: transparent; }
    .panel-timesheet .card-header {
      background: #fff;
      -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15);
      box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15);
      margin-bottom: 0.5rem; }
    .panel-timesheet .timesheet_item_current:not(.flex),
    .panel-timesheet .new_timesheet_item:not(.flex),
    .panel-timesheet .new_invoice_item:not(.flex) {
      padding: 1em;
      margin: 1em 0 0 0;
      background: #fff;
      -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15);
      box-shadow: 0 1px 2px rgba(90, 90, 90, 0.15); }
      .panel-timesheet .timesheet_item_current:not(.flex) .form-group,
      .panel-timesheet .new_timesheet_item:not(.flex) .form-group,
      .panel-timesheet .new_invoice_item:not(.flex) .form-group {
        width: 31%;
        padding: 1.15%; }
        .panel-timesheet .timesheet_item_current:not(.flex) .form-group.description, .panel-timesheet .timesheet_item_current:not(.flex) .form-group.item-actions,
        .panel-timesheet .new_timesheet_item:not(.flex) .form-group.description,
        .panel-timesheet .new_timesheet_item:not(.flex) .form-group.item-actions,
        .panel-timesheet .new_invoice_item:not(.flex) .form-group.description,
        .panel-timesheet .new_invoice_item:not(.flex) .form-group.item-actions {
          width: 97.7%;
          margin: 1% 1.15%; }
          .panel-timesheet .timesheet_item_current:not(.flex) .form-group.description .btn, .panel-timesheet .timesheet_item_current:not(.flex) .form-group.item-actions .btn,
          .panel-timesheet .new_timesheet_item:not(.flex) .form-group.description .btn,
          .panel-timesheet .new_timesheet_item:not(.flex) .form-group.item-actions .btn,
          .panel-timesheet .new_invoice_item:not(.flex) .form-group.description .btn,
          .panel-timesheet .new_invoice_item:not(.flex) .form-group.item-actions .btn {
            width: 33.3%; }
    .panel-timesheet .timesheet_item_current.flex,
    .panel-timesheet .new_timesheet_item.flex,
    .panel-timesheet .new_invoice_item.flex {
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 2rem;
      -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.2);
      box-shadow: 0 1px 2px rgba(90, 90, 90, 0.2);
      margin-top: 1rem; }
      .panel-timesheet .timesheet_item_current.flex:nth-child(2),
      .panel-timesheet .new_timesheet_item.flex:nth-child(2),
      .panel-timesheet .new_invoice_item.flex:nth-child(2) {
        margin-top: 0; }
      .panel-timesheet .timesheet_item_current.flex .form-group,
      .panel-timesheet .new_timesheet_item.flex .form-group,
      .panel-timesheet .new_invoice_item.flex .form-group {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 calc(50% - 1em);
                flex: 1 0 calc(50% - 1em);
        -webkit-flex: 1 0 calc(50% - 1em);
        margin: 0.5em; }
        .panel-timesheet .timesheet_item_current.flex .form-group.item-actions, .panel-timesheet .timesheet_item_current.flex .form-group.description,
        .panel-timesheet .new_timesheet_item.flex .form-group.item-actions,
        .panel-timesheet .new_timesheet_item.flex .form-group.description,
        .panel-timesheet .new_invoice_item.flex .form-group.item-actions,
        .panel-timesheet .new_invoice_item.flex .form-group.description {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 100%;
                  flex: 1 1 100%;
          -webkit-flex: 1 1 100%; } }

@media (max-width: 1150px) {
  #reply #reply-buttons .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 25%;
            flex: 1 0 25%; } }

@media (max-width: 1250px) and (min-width: 991px) {
  .btn-50 {
    width: 100%;
    margin-bottom: 10px; } }

@media screen and (max-width: 1550px) and (min-width: 1350px) {
  .ticket-container table tbody tr:nth-child(even) td[data-title="Subject"],
  .ticket-container table tbody tr:nth-child(even) th[data-title="Subject"],
  .ticket-container table tbody tr:nth-child(odd) td[data-title="Subject"],
  .ticket-container table tbody tr:nth-child(odd) th[data-title="Subject"], .ticket-container table thead tr:nth-child(even) td[data-title="Subject"],
  .ticket-container table thead tr:nth-child(even) th[data-title="Subject"],
  .ticket-container table thead tr:nth-child(odd) td[data-title="Subject"],
  .ticket-container table thead tr:nth-child(odd) th[data-title="Subject"], .ticket-container table tfoot tr:nth-child(even) td[data-title="Subject"],
  .ticket-container table tfoot tr:nth-child(even) th[data-title="Subject"],
  .ticket-container table tfoot tr:nth-child(odd) td[data-title="Subject"],
  .ticket-container table tfoot tr:nth-child(odd) th[data-title="Subject"], .invoice-list table tbody tr:nth-child(even) td[data-title="Subject"],
  .invoice-list table tbody tr:nth-child(even) th[data-title="Subject"],
  .invoice-list table tbody tr:nth-child(odd) td[data-title="Subject"],
  .invoice-list table tbody tr:nth-child(odd) th[data-title="Subject"], .invoice-list table thead tr:nth-child(even) td[data-title="Subject"],
  .invoice-list table thead tr:nth-child(even) th[data-title="Subject"],
  .invoice-list table thead tr:nth-child(odd) td[data-title="Subject"],
  .invoice-list table thead tr:nth-child(odd) th[data-title="Subject"], .invoice-list table tfoot tr:nth-child(even) td[data-title="Subject"],
  .invoice-list table tfoot tr:nth-child(even) th[data-title="Subject"],
  .invoice-list table tfoot tr:nth-child(odd) td[data-title="Subject"],
  .invoice-list table tfoot tr:nth-child(odd) th[data-title="Subject"] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 15em;
            flex: 1 0 15em; }
  #vertical-nav.expanded + .pusher .ticket-container table tbody tr:nth-child(even) td[data-title="Subject"],
  #vertical-nav.expanded + .pusher .ticket-container table tbody tr:nth-child(even) th[data-title="Subject"],
  #vertical-nav.expanded + .pusher .ticket-container table tbody tr:nth-child(odd) td[data-title="Subject"],
  #vertical-nav.expanded + .pusher .ticket-container table tbody tr:nth-child(odd) th[data-title="Subject"], #vertical-nav.expanded + .pusher .ticket-container table thead tr:nth-child(even) td[data-title="Subject"],
  #vertical-nav.expanded + .pusher .ticket-container table thead tr:nth-child(even) th[data-title="Subject"],
  #vertical-nav.expanded + .pusher .ticket-container table thead tr:nth-child(odd) td[data-title="Subject"],
  #vertical-nav.expanded + .pusher .ticket-container table thead tr:nth-child(odd) th[data-title="Subject"], #vertical-nav.expanded + .pusher .ticket-container table tfoot tr:nth-child(even) td[data-title="Subject"],
  #vertical-nav.expanded + .pusher .ticket-container table tfoot tr:nth-child(even) th[data-title="Subject"],
  #vertical-nav.expanded + .pusher .ticket-container table tfoot tr:nth-child(odd) td[data-title="Subject"],
  #vertical-nav.expanded + .pusher .ticket-container table tfoot tr:nth-child(odd) th[data-title="Subject"], #vertical-nav.expanded + .pusher .invoice-list table tbody tr:nth-child(even) td[data-title="Subject"],
  #vertical-nav.expanded + .pusher .invoice-list table tbody tr:nth-child(even) th[data-title="Subject"],
  #vertical-nav.expanded + .pusher .invoice-list table tbody tr:nth-child(odd) td[data-title="Subject"],
  #vertical-nav.expanded + .pusher .invoice-list table tbody tr:nth-child(odd) th[data-title="Subject"], #vertical-nav.expanded + .pusher .invoice-list table thead tr:nth-child(even) td[data-title="Subject"],
  #vertical-nav.expanded + .pusher .invoice-list table thead tr:nth-child(even) th[data-title="Subject"],
  #vertical-nav.expanded + .pusher .invoice-list table thead tr:nth-child(odd) td[data-title="Subject"],
  #vertical-nav.expanded + .pusher .invoice-list table thead tr:nth-child(odd) th[data-title="Subject"], #vertical-nav.expanded + .pusher .invoice-list table tfoot tr:nth-child(even) td[data-title="Subject"],
  #vertical-nav.expanded + .pusher .invoice-list table tfoot tr:nth-child(even) th[data-title="Subject"],
  #vertical-nav.expanded + .pusher .invoice-list table tfoot tr:nth-child(odd) td[data-title="Subject"],
  #vertical-nav.expanded + .pusher .invoice-list table tfoot tr:nth-child(odd) th[data-title="Subject"] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 10em;
            flex: 1 0 10em; } }

@media (max-width: 1350px) {
  .left-result,
  .right-result {
    width: 100% !important;
    margin: 0;
    padding: 0; }
  .ticket-container table tbody tr:nth-child(even) td[data-title="Subject"],
  .ticket-container table tbody tr:nth-child(even) th[data-title="Subject"],
  .ticket-container table tbody tr:nth-child(odd) td[data-title="Subject"],
  .ticket-container table tbody tr:nth-child(odd) th[data-title="Subject"], .ticket-container table thead tr:nth-child(even) td[data-title="Subject"],
  .ticket-container table thead tr:nth-child(even) th[data-title="Subject"],
  .ticket-container table thead tr:nth-child(odd) td[data-title="Subject"],
  .ticket-container table thead tr:nth-child(odd) th[data-title="Subject"], .ticket-container table tfoot tr:nth-child(even) td[data-title="Subject"],
  .ticket-container table tfoot tr:nth-child(even) th[data-title="Subject"],
  .ticket-container table tfoot tr:nth-child(odd) td[data-title="Subject"],
  .ticket-container table tfoot tr:nth-child(odd) th[data-title="Subject"], .invoice-list table tbody tr:nth-child(even) td[data-title="Subject"],
  .invoice-list table tbody tr:nth-child(even) th[data-title="Subject"],
  .invoice-list table tbody tr:nth-child(odd) td[data-title="Subject"],
  .invoice-list table tbody tr:nth-child(odd) th[data-title="Subject"], .invoice-list table thead tr:nth-child(even) td[data-title="Subject"],
  .invoice-list table thead tr:nth-child(even) th[data-title="Subject"],
  .invoice-list table thead tr:nth-child(odd) td[data-title="Subject"],
  .invoice-list table thead tr:nth-child(odd) th[data-title="Subject"], .invoice-list table tfoot tr:nth-child(even) td[data-title="Subject"],
  .invoice-list table tfoot tr:nth-child(even) th[data-title="Subject"],
  .invoice-list table tfoot tr:nth-child(odd) td[data-title="Subject"],
  .invoice-list table tfoot tr:nth-child(odd) th[data-title="Subject"] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 12em;
            flex: 1 0 12em; }
  .ticket-container table tbody tr:nth-child(even) td, .ticket-container table tbody tr:nth-child(even) th,
  .ticket-container table tbody tr:nth-child(odd) td,
  .ticket-container table tbody tr:nth-child(odd) th, .ticket-container table thead tr:nth-child(even) td, .ticket-container table thead tr:nth-child(even) th,
  .ticket-container table thead tr:nth-child(odd) td,
  .ticket-container table thead tr:nth-child(odd) th, .ticket-container table tfoot tr:nth-child(even) td, .ticket-container table tfoot tr:nth-child(even) th,
  .ticket-container table tfoot tr:nth-child(odd) td,
  .ticket-container table tfoot tr:nth-child(odd) th, .invoice-list table tbody tr:nth-child(even) td, .invoice-list table tbody tr:nth-child(even) th,
  .invoice-list table tbody tr:nth-child(odd) td,
  .invoice-list table tbody tr:nth-child(odd) th, .invoice-list table thead tr:nth-child(even) td, .invoice-list table thead tr:nth-child(even) th,
  .invoice-list table thead tr:nth-child(odd) td,
  .invoice-list table thead tr:nth-child(odd) th, .invoice-list table tfoot tr:nth-child(even) td, .invoice-list table tfoot tr:nth-child(even) th,
  .invoice-list table tfoot tr:nth-child(odd) td,
  .invoice-list table tfoot tr:nth-child(odd) th {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 60px;
            flex: 1 0 60px;
    font-size: .9rem; } }

@media (max-width: 1380px) {
  [class^="btn-group"]:not(.pagination) {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    [class^="btn-group"]:not(.pagination) .btn {
      width: 100% !important;
      border: 0 solid !important;
      margin: 0 !important; } }

@media (max-width: 991px) and (min-width: 767px) {
  .left-result,
  .right-result {
    width: 100% !important;
    margin: 0; }
  .ticket-container table tbody tr:nth-child(even) td[data-title="Subject"],
  .ticket-container table tbody tr:nth-child(even) th[data-title="Subject"],
  .ticket-container table tbody tr:nth-child(odd) td[data-title="Subject"],
  .ticket-container table tbody tr:nth-child(odd) th[data-title="Subject"], .ticket-container table thead tr:nth-child(even) td[data-title="Subject"],
  .ticket-container table thead tr:nth-child(even) th[data-title="Subject"],
  .ticket-container table thead tr:nth-child(odd) td[data-title="Subject"],
  .ticket-container table thead tr:nth-child(odd) th[data-title="Subject"], .ticket-container table tfoot tr:nth-child(even) td[data-title="Subject"],
  .ticket-container table tfoot tr:nth-child(even) th[data-title="Subject"],
  .ticket-container table tfoot tr:nth-child(odd) td[data-title="Subject"],
  .ticket-container table tfoot tr:nth-child(odd) th[data-title="Subject"], .invoice-list table tbody tr:nth-child(even) td[data-title="Subject"],
  .invoice-list table tbody tr:nth-child(even) th[data-title="Subject"],
  .invoice-list table tbody tr:nth-child(odd) td[data-title="Subject"],
  .invoice-list table tbody tr:nth-child(odd) th[data-title="Subject"], .invoice-list table thead tr:nth-child(even) td[data-title="Subject"],
  .invoice-list table thead tr:nth-child(even) th[data-title="Subject"],
  .invoice-list table thead tr:nth-child(odd) td[data-title="Subject"],
  .invoice-list table thead tr:nth-child(odd) th[data-title="Subject"], .invoice-list table tfoot tr:nth-child(even) td[data-title="Subject"],
  .invoice-list table tfoot tr:nth-child(even) th[data-title="Subject"],
  .invoice-list table tfoot tr:nth-child(odd) td[data-title="Subject"],
  .invoice-list table tfoot tr:nth-child(odd) th[data-title="Subject"] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 10em;
            flex: 1 0 10em; } }

@media all and (min-width: 991px) {
  .ticket-container .ticket-header {
    margin-top: 34px; }
  .filter {
    display: block !important; } }

@media (max-width: 991px) {
  .panel .nopad-left {
    padding-left: 15px !important; }
  .bottom-controls .pull-left, .bottom-controls .pull-right {
    width: 100%; }
  .filter {
    display: none; }
  .show-filter {
    display: block; }
  .top-controls {
    padding-left: 15px; }
  .ticket-view .ticket-reply {
    padding-left: 0; }
    .ticket-view .ticket-reply .well {
      padding: 0;
      margin-bottom: 5px; }
    .ticket-view .ticket-reply .redactor-box .redactor-toolbar {
      border-top: 0; }
    .ticket-view .ticket-reply .redactor-box .redactor-editor, .ticket-view .ticket-reply .redactor-box .redactor-layer {
      border-left: 0;
      border-right: 0; }
  .ticket-view .reply-options {
    width: 100%; }
    .ticket-view .reply-options .form-control {
      margin-bottom: 10px; }
  .tab-content .ticket-reply {
    padding-bottom: 1em;
    min-height: 0; }
  .tab-content .reply-options {
    border-left: 0;
    border-top: 1px solid #dbdbdb; }
    .tab-content .reply-options .well {
      width: 100%; }
      .tab-content .reply-options .well .col-md-6 {
        float: left;
        width: 50%; } }

@media screen and (max-width: 1860px) {
  .tab-content .reply-options h4 {
    font-size: 13px; } }

@media screen and (min-width: 991px) and (max-width: 1860px) {
  .tab-content .reply-options .well .col-md-6 {
    width: 100%; }
    .tab-content .reply-options .well .col-md-6 input#timesheet_billable {
      margin-bottom: 0.5em; } }

@media screen and (max-width: 767px) {
  .left-result {
    width: 40% !important; }
  .right-result {
    width: 60% !important; }
  .tab-content .reply-options .well .col-md-6 {
    width: 100%; }
  .panel-timesheet .timesheet_item_current:not(.flex),
  .panel-timesheet .new_timesheet_item:not(.flex),
  .panel-timesheet .new_invoice_item:not(.flex) {
    display: block;
    float: left;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 1rem !important;
    background: #fff !important;
    margin-top: 10px;
    -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.2);
    box-shadow: 0 1px 2px rgba(90, 90, 90, 0.2);
    border-radius: 2px; }
    .panel-timesheet .timesheet_item_current:not(.flex) .form-group,
    .panel-timesheet .new_timesheet_item:not(.flex) .form-group,
    .panel-timesheet .new_invoice_item:not(.flex) .form-group {
      width: 48%;
      margin: 0 0.5%;
      display: block !important;
      float: left; }
      .panel-timesheet .timesheet_item_current:not(.flex) .form-group .control-group input,
      .panel-timesheet .timesheet_item_current:not(.flex) .form-group input,
      .panel-timesheet .timesheet_item_current:not(.flex) .form-group .select2-container, .panel-timesheet .timesheet_item_current:not(.flex) .form-group label,
      .panel-timesheet .new_timesheet_item:not(.flex) .form-group .control-group input,
      .panel-timesheet .new_timesheet_item:not(.flex) .form-group input,
      .panel-timesheet .new_timesheet_item:not(.flex) .form-group .select2-container,
      .panel-timesheet .new_timesheet_item:not(.flex) .form-group label,
      .panel-timesheet .new_invoice_item:not(.flex) .form-group .control-group input,
      .panel-timesheet .new_invoice_item:not(.flex) .form-group input,
      .panel-timesheet .new_invoice_item:not(.flex) .form-group .select2-container,
      .panel-timesheet .new_invoice_item:not(.flex) .form-group label {
        width: 100%;
        margin-bottom: 0.25em; }
      .panel-timesheet .timesheet_item_current:not(.flex) .form-group .select2-container,
      .panel-timesheet .new_timesheet_item:not(.flex) .form-group .select2-container,
      .panel-timesheet .new_invoice_item:not(.flex) .form-group .select2-container {
        width: 100% !important; }
      .panel-timesheet .timesheet_item_current:not(.flex) .form-group.item-actions,
      .panel-timesheet .new_timesheet_item:not(.flex) .form-group.item-actions,
      .panel-timesheet .new_invoice_item:not(.flex) .form-group.item-actions {
        width: 100%;
        margin-right: 0 !important; }
        .panel-timesheet .timesheet_item_current:not(.flex) .form-group.item-actions .btn,
        .panel-timesheet .new_timesheet_item:not(.flex) .form-group.item-actions .btn,
        .panel-timesheet .new_invoice_item:not(.flex) .form-group.item-actions .btn {
          width: 33.333333333333%; }
  .panel-timesheet .new_invoice_item.flex .form-group,
  .panel-timesheet .timesheet_item_current.flex .form-group,
  .panel-timesheet .new_invoice_item.flex .form-group {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    margin: .5em 0; }
    .panel-timesheet .new_invoice_item.flex .form-group.description,
    .panel-timesheet .timesheet_item_current.flex .form-group.description,
    .panel-timesheet .new_invoice_item.flex .form-group.description {
      margin-bottom: 1em; }
  .timesheet-single .panel-body {
    float: left;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 10px 20px 10px 20px !important;
    background: #fff;
    margin-top: 10px;
    -webkit-box-shadow: 0 1px 2px rgba(90, 90, 90, 0.2);
    box-shadow: 0 1px 2px rgba(90, 90, 90, 0.2);
    border-radius: 2px; } }

@media screen and (max-width: 1430px) and (min-width: 976px) {
  .filter .form-group {
    width: 100%; }
  .panel-timesheet .panel-body {
    padding: 0; } }

@media screen and (max-width: 976px) {
  .timesheet_item_current .form-group,
  .new_timesheet_item .form-group,
  .new_invoice_item .form-group {
    width: 49%;
    margin-right: 1% !important; }
  .ticket-container section#no-more-tables, .invoice-list section#no-more-tables {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .ticket-container .ticket-controls, .invoice-list .ticket-controls {
    height: auto; }
    .ticket-container .ticket-controls .ticket-action,
    .ticket-container .ticket-controls .ticket-pagination, .invoice-list .ticket-controls .ticket-action,
    .invoice-list .ticket-controls .ticket-pagination {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-bottom: .5rem; }
      .ticket-container .ticket-controls .ticket-action .select2-container,
      .ticket-container .ticket-controls .ticket-pagination .select2-container, .invoice-list .ticket-controls .ticket-action .select2-container,
      .invoice-list .ticket-controls .ticket-pagination .select2-container {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto;
        margin-right: .5rem;
        width: auto !important; }
  .ticket-view .ticket-row .ticket-header .row > .flex-end,
  .ticket-view .ticket-row .ticket-header .row > .flex-start {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around; } }

@media screen and (max-width: 468px) {
  .panel-timesheet .timesheet_item_current .form-group,
  .panel-timesheet .new_timesheet_item .form-group,
  .panel-timesheet .new_invoice_item .form-group {
    width: 100%; } }

@media screen and (max-width: 1350px) and (min-width: 767px) {
  td[data-title="Select"] {
    vertical-align: left; } }

/* Print settings */
@media print {
  .container, .container-fluid {
    padding: 0 !important;
    margin: 0 !important; }
  html, body {
    height: auto !important;
    min-height: none !important; }
  body, body.pushable, .pushable {
    background: transparent !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    position: relative !important;
    z-index: 1 !important;
    padding-top: 0; }
  .pushable .pusher {
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
    height: auto !important;
    min-height: auto !important;
    width: 100% !important; }
  #main {
    height: auto !important;
    z-index: 5555555 !important; }
    #main .row {
      position: relative !important;
      height: auto !important; }
    #main .col-md-12 {
      padding: 0; }
    #main form {
      display: block; }
    #main .row.ticket-view > .col-md-9.nopad {
      width: 100%; }
    #main .row.ticket-view .ticket-header .col-md-3, #main .row.ticket-view .ticket-header .col-md-9 {
      width: 100%; }
      #main .row.ticket-view .ticket-header .col-md-3 .float-right, #main .row.ticket-view .ticket-header .col-md-9 .float-right {
        float: left !important;
        border-bottom: none !important; }
        #main .row.ticket-view .ticket-header .col-md-3 .float-right:first-child, #main .row.ticket-view .ticket-header .col-md-9 .float-right:first-child {
          margin-left: 0; }
          #main .row.ticket-view .ticket-header .col-md-3 .float-right:first-child + .float-right, #main .row.ticket-view .ticket-header .col-md-9 .float-right:first-child + .float-right {
            margin-left: 2em; }
    #main .row.ticket-view .ticket-row {
      width: 100%; }
      #main .row.ticket-view .ticket-row .card {
        display: block !important;
        float: none !important;
        -webkit-box-flex: 0 !important;
            -ms-flex: none !important;
                flex: none !important;
        width: 100%;
        border-bottom: 1px solid whitesmoke;
        margin-bottom: 0;
        page-break-inside: avoid !important;
        page-break-after: auto;
        page-break-before: auto; }
        #main .row.ticket-view .ticket-row .card .content {
          float: left;
          width: 80%;
          padding: 1rem 2rem 0 2rem; }
        #main .row.ticket-view .ticket-row .card .profile {
          float: right;
          width: 180px;
          max-width: 20% !important; }
        #main .row.ticket-view .ticket-row .card .card-footer {
          display: block !important; }
          #main .row.ticket-view .ticket-row .card .card-footer .flex {
            display: block !important; }
            #main .row.ticket-view .ticket-row .card .card-footer .flex .left {
              display: none; }
            #main .row.ticket-view .ticket-row .card .card-footer .flex .right {
              margin-top: -2rem;
              display: block;
              float: right;
              -webkit-box-flex: 0;
                  -ms-flex: none;
                      flex: none; }
              #main .row.ticket-view .ticket-row .card .card-footer .flex .right span {
                font-size: .75em;
                color: #a8a8a8; }
              #main .row.ticket-view .ticket-row .card .card-footer .flex .right abbr {
                border: none !important; }
          #main .row.ticket-view .ticket-row .card .card-footer .btn {
            border: 1px solid !important;
            max-width: 8rem;
            overflow: hidden;
            text-overflow: ellipsis; }
    #main .ticket-filter#column-left {
      display: none; }
    #main .ticket-container#column-right {
      width: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      max-width: 100%; }
    #main .ticket .content blockquote, #main .ticket-reply .content blockquote {
      border: none !important; }
    #main .ticket .card-footer .flex .left .pull-left a, #main .ticket-reply .card-footer .flex .left .pull-left a {
      margin-top: 4px; }
  ::first-letter {
    line-height: 1em;
    margin-top: 0; }
  .no_print,
  .noprint,
  #actions,
  #reply-content,
  #reply-options,
  #colorbox,
  #cboxOverlay,
  #heightchecker,
  #user-sidebar,
  .select-hidden-accessible,
  #ticket_reply_form,
  #ajax_ticket_views_header,
  .ui.popup {
    display: none !important;
    visibility: hidden !important; }
  * {
    overflow: visible !important;
    page-break-inside: auto !important;
    position: relative !important; }
  .print_only, .printonly, .print-only {
    display: block !important; } }

/*# sourceMappingURL=theme.min.css.map */