@charset "UTF-8";
/**
 * Tink default theme
 */
/**
 * Prerequisites
 * ----------------------------------------------------------------
 * Open Sans
 * Font Awesome
 */
@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800");
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
/**
 * Tabula rasa
 */

.datepickerrange{
	margin-top: 45px !important;
	font-size: 15px !important;
	margin-left: -10px;
}

/**
 * Core
 */
/**
 * Colors
 * --------------------------------------------------
 */
.tink-text-black {
  color: #000 !important; }

.tink-bg-black {
  background-color: #000 !important; }

.tink-text-blue {
  color: #81d4fa !important; }

.tink-bg-blue {
  background-color: #81d4fa !important; }

.tink-text-brand {
  color: #347ea6 !important; }

.tink-bg-brand {
  background-color: #347ea6 !important; }

.tink-text-brand-light {
  color: #5fb1d6 !important; }

.tink-bg-brand-light {
  background-color: #5fb1d6 !important; }

.tink-text-brown {
  color: #a1887f !important; }

.tink-bg-brown {
  background-color: #a1887f !important; }

.tink-text-cyan {
  color: #80deea !important; }

.tink-bg-cyan {
  background-color: #80deea !important; }

.tink-text-danger {
  color: #e60038 !important; }

.tink-bg-danger {
  background-color: #e60038 !important; }

.tink-text-grass {
  color: #c5e1a5 !important; }

.tink-bg-grass {
  background-color: #c5e1a5 !important; }

.tink-text-gray {
  color: #888 !important; }

.tink-bg-gray {
  background-color: #888 !important; }

.tink-text-gray-darker {
  color: #141414 !important; }

.tink-bg-gray-darker {
  background-color: #141414 !important; }

.tink-text-gray-dark {
  color: #333 !important; }

.tink-bg-gray-dark {
  background-color: #333 !important; }

.tink-text-gray-light {
  color: #bbb !important; }

.tink-bg-gray-light {
  background-color: #bbb !important; }

.tink-text-gray-lighter {
  color: #eaeaea !important; }

.tink-bg-gray-lighter {
  background-color: #eaeaea !important; }

.tink-text-gray-lightest {
  color: #f7f7f7 !important; }

.tink-bg-gray-lightest {
  background-color: #f7f7f7 !important; }

.tink-text-green {
  color: #a5d6a7 !important; }

.tink-bg-green {
  background-color: #a5d6a7 !important; }

.tink-text-info {
  color: #76b9f4 !important; }

.tink-bg-info {
  background-color: #76b9f4 !important; }

.tink-text-lime {
  color: #d4e157 !important; }

.tink-bg-lime {
  background-color: #d4e157 !important; }

.tink-text-orange {
  color: #ffb74d !important; }

.tink-bg-orange {
  background-color: #ffb74d !important; }

.tink-text-pink {
  color: #f8bbd0 !important; }

.tink-bg-pink {
  background-color: #f8bbd0 !important; }

.tink-text-purple {
  color: #ce93d8 !important; }

.tink-bg-purple {
  background-color: #ce93d8 !important; }

.tink-text-red {
  color: #ff8a65 !important; }

.tink-bg-red {
  background-color: #ff8a65 !important; }

.tink-text-success {
  color: #4a921f !important; }

.tink-bg-success {
  background-color: #4a921f !important; }

.tink-text-teal {
  color: #80cbc4 !important; }

.tink-bg-teal {
  background-color: #80cbc4 !important; }

.tink-text-warning {
  color: #ff8d00 !important; }

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

.tink-text-white {
  color: #fff !important; }

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

.tink-text-yellow {
  color: #fff176 !important; }

.tink-bg-yellow {
  background-color: #fff176 !important; }


 
 
 

/**
 * Component: datepicker
 * --------------------------------------------------
 * - single
 * - range
 */
.datepicker-input-fields {
  min-width: 7.8571428571rem ;
  position: relative; }
  .datepicker-input-fields .datepicker-icon {
    right: 1px;
    z-index: 2; }
  .datepicker-input-fields .faux-input {
    position: relative;
    overflow-y: visible;
    text-align: left; }
    .datepicker-input-fields .faux-input:focus {
      z-index: 1; }
  @media (min-width: 768px) {
    .datepicker-input-fields #firstDateElem .faux-input {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
    .datepicker-input-fields #lastDateElem .faux-input {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0; } }

.datepicker-icon {
  bottom: 1px;
  color: #5c5c5c;
  cursor: pointer;
  padding: 0.4285714286rem 0.5714285714rem ;
  position: absolute;
  right: 1px;
  top: 1px;
  transition: color 0.1s linear; }
  .datepicker-icon:hover, .datepicker-icon:active {
    color: #333; }

.datepicker,
.datepickerrange {
  background: #fff;
  border-radius: 0.2142857143rem ;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  color: #333;
  margin-top: 2px;
  position: relative;
  top: 2.4285714286rem ;
  z-index: 5; }
  .datepicker .btn, .datepicker a.filter-bar-item,
  .datepickerrange .btn,
  .datepickerrange a.filter-bar-item {
    background: #fff;
    border: 1px solid transparent;
    color: #888;
    min-width: 20px;
    padding: 0.1428571429rem ;
    width: 100%; }
    @media (min-width: 992px) {
      .datepicker .btn, .datepicker a.filter-bar-item,
      .datepickerrange .btn,
      .datepickerrange a.filter-bar-item {
        min-width: 38px; } }
    .datepicker .btn:hover, .datepicker a.filter-bar-item:hover,
    .datepickerrange .btn:hover,
    .datepickerrange a.filter-bar-item:hover {
      background: rgba(0, 0, 0, 0.07);
      border-color: transparent;
      color: #347ea6; }
    .datepicker .btn.btn-today, .datepicker a.btn-today.filter-bar-item,
    .datepickerrange .btn.btn-today,
    .datepickerrange a.btn-today.filter-bar-item {
      background: #dbebf4;
      border-color: #acd1e5;
      color: #347ea6; }
      .datepicker .btn.btn-today:hover, .datepicker a.btn-today.filter-bar-item:hover,
      .datepickerrange .btn.btn-today:hover,
      .datepickerrange a.btn-today.filter-bar-item:hover {
        background: #bcdaea;
        border-color: #acd1e5;
        color: #2a6687; }
    .datepicker .btn.btn-selected, .datepicker a.btn-selected.filter-bar-item,
    .datepickerrange .btn.btn-selected,
    .datepickerrange a.btn-selected.filter-bar-item {
      background: #347ea6;
      border-color: transparent;
      color: #fff; }
      .datepicker .btn.btn-selected-clicked, .datepicker a.btn-selected-clicked.filter-bar-item,
      .datepickerrange .btn.btn-selected-clicked,
      .datepickerrange a.btn-selected-clicked.filter-bar-item {
        background: #2a6687;
        border-color: transparent;
        color: #fff; }
    .datepicker .btn.btn-info, .datepicker a.btn-info.filter-bar-item,
    .datepickerrange .btn.btn-info,
    .datepickerrange a.btn-info.filter-bar-item {
      background: #347ea6;
      border-color: transparent;
      color: #fff; }
    .datepicker .btn.btn-grayed, .datepicker a.btn-grayed.filter-bar-item,
    .datepickerrange .btn.btn-grayed,
    .datepickerrange a.btn-grayed.filter-bar-item {
      background: #fff;
      border-color: transparent;
      color: #bbb; }
      .datepicker .btn.btn-grayed:hover, .datepicker a.btn-grayed.filter-bar-item:hover,
      .datepickerrange .btn.btn-grayed:hover,
      .datepickerrange a.btn-grayed.filter-bar-item:hover {
        background: rgba(0, 0, 0, 0.07);
        border-color: transparent;
        color: #888; }
      .datepicker .btn.btn-grayed-selected, .datepicker a.btn-grayed-selected.filter-bar-item,
      .datepickerrange .btn.btn-grayed-selected,
      .datepickerrange a.btn-grayed-selected.filter-bar-item {
        background: #888;
        border-color: transparent;
        color: #fff; }
        .datepicker .btn.btn-grayed-selected-clicked, .datepicker a.btn-grayed-selected-clicked.filter-bar-item,
        .datepickerrange .btn.btn-grayed-selected-clicked,
        .datepickerrange a.btn-grayed-selected-clicked.filter-bar-item {
          background: #747474;
          border-color: transparent;
          color: #fff; }
  .datepicker table,
  .datepickerrange table {
    background: #fff;
    margin-bottom: 0;
    table-layout: fixed; }
  .datepicker .table-responsive,
  .datepickerrange .table-responsive {
    border: none; }
  .datepicker td,
  .datepicker th,
  .datepickerrange td,
  .datepickerrange th {
    background: none;
    border: none;
    color: #888;
    font-size: 0.9285714286rem ;
    padding: 0.0952380952rem ;
    text-align: center; }
    .datepicker td button,
    .datepicker th button,
    .datepickerrange td button,
    .datepickerrange th button {
      font-size: 0.9285714286rem  !important; }
    .datepicker td .text-strong,
    .datepicker th .text-strong,
    .datepickerrange td .text-strong,
    .datepickerrange th .text-strong {
      color: #000; }

.datepicker {
  padding: 0.8571428571rem ;
  position: absolute;
  width: 18.5714285714rem ; }
  .datepicker.aligns-right {
    right: 0; }

.datepickerrange {
  position: relative; }
  @media (min-width: 480px) {
    .datepickerrange {
      min-width: 400px; } }
  @media (min-width: 768px) {
    .datepickerrange {
      min-width: 520px; } }
  @media (min-width: 992px) {
    .datepickerrange {
      min-width: 640px; } }

.datepicker-days th {
  border-bottom: 0.2857142857rem  solid #fff;
  padding: 0.2857142857rem 0rem ;
  background-color: #f7f7f7; }

.datepickerrange-header-left,
.datepickerrange-header-right {
  line-height: 1.7142857143rem ;
  overflow: hidden;
  padding: 0.1428571429rem ; }

.datepickerrange-left,
.datepickerrange-right {
  padding: 1.5%;
  width: 100%; }
  @media (min-width: 480px) {
    .datepickerrange-left,
    .datepickerrange-right {
      padding: 1.5% 2.5%;
      width: 50%; } }

.datepicker-nav {
  border-bottom: 0.7142857143rem  solid #fff; }

.selects-current-date {
  border-top: 0.7142857143rem  solid #fff; }
  .selects-current-date > tr {
    text-align: center; }
    .selects-current-date > tr button {
      padding: 0.1428571429rem 0.5714285714rem ; }

.table-sort-options {
  overflow: auto; }

.table-sort-info {
  display: block;
  margin: 1.4285714286rem 0.5714285714rem 1.4285714286rem 0rem ;
  text-align: center; }
  @media (min-width: 992px) {
    .table-sort-info {
      display: inline-block;
      float: left; } }
  .table-sort-info .select {
    border-left: 1px solid;
    display: inline-block;
    margin: 0rem 0rem 0rem 0.5714285714rem ;
    padding: 0rem 0rem 0rem 0.8571428571rem ; }
    .table-sort-info .select select {
      display: inline-block;
      height: auto;
      margin-right: 0.1428571429rem ;
      padding: 0.2380952381rem 1.4285714286rem 0.2380952381rem 0.4761904762rem ;
      width: auto; }

/**
 * Right
 */
.table-sort-pagination {
  margin: 1.4285714286rem 0rem ;
  text-align: center; }
  @media (min-width: 992px) {
    .table-sort-pagination {
      float: right; } }
  .table-sort-pagination .btn, .table-sort-pagination a.filter-bar-item {
    /**
     * Hide some stuff on mobile
     */ }
    .table-sort-pagination .btn:hover, .table-sort-pagination a.filter-bar-item:hover, .table-sort-pagination .btn:active, .table-sort-pagination a.filter-bar-item:active, .table-sort-pagination .btn:focus, .table-sort-pagination a.filter-bar-item:focus {
      background-color: rgba(0, 0, 0, 0.05);
      color: #369dcc; }
    .table-sort-pagination .btn.active, .table-sort-pagination a.active.filter-bar-item {
      background-color: #347ea6;
      border-color: #347ea6;
      color: #fff;
      cursor: default;
      z-index: 3; }
    @media (max-width: 992px) {
      .table-sort-pagination .btn, .table-sort-pagination a.filter-bar-item {
        display: none; }
        .table-sort-pagination .btn.prev, .table-sort-pagination a.prev.filter-bar-item, .table-sort-pagination .btn.next, .table-sort-pagination a.next.filter-bar-item, .table-sort-pagination .btn.active, .table-sort-pagination a.active.filter-bar-item {
          display: block; } }
    @media (max-width: 768px) {
      .table-sort-pagination .btn.prev span, .table-sort-pagination a.prev.filter-bar-item span, .table-sort-pagination .btn.next span, .table-sort-pagination a.next.filter-bar-item span {
        display: none; } }
  .table-sort-pagination .prev:before,
  .table-sort-pagination .next:after {
    font-family: 'FontAwesome';
    line-height: 1; }
  .table-sort-pagination .prev:before {
    content: '\f104  '; }
  .table-sort-pagination .next:after {
    content: ' \f105'; }

/**
 * Table interactive
 * --------------------------------------------------
 * Basic styling is already done on the table element by the _table.scss
 * .table-interactive adds interactive styling elements
 */
.table-interactive.is-loading {
  cursor: not-allowed;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .table-interactive.is-loading:before, .table-interactive.is-loading:after {
    cursor: not-allowed;
    position: absolute;
    top: 0;
    z-index: 2; }
  .table-interactive.is-loading:before {
    background: rgba(255, 255, 255, 0.8);
    bottom: 0;
    content: '';
    left: 0;
    right: 0; }
  .table-interactive.is-loading:after {
    content: '';
    left: 50%;
    margin-left: -1.2857142857rem ;
    pointer-events: none;
    top: 3.5714285714rem ; }

.table-interactive > thead > tr > th {
  transition: background-color 0.1s linear, color 0.1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.table-interactive th.has-checkbox {
  width: 2.5rem ; }

.table-interactive th.is-sortable {
  position: relative; }
  .table-interactive th.is-sortable:hover {
    color: #333;
    cursor: pointer; }
  .table-interactive th.is-sortable:after {
    content: '\f0dc';
    font-family: 'FontAwesome';
    font-size: .65em;
    line-height: 1.2857142857rem ;
    margin-left: 0.2857142857rem ; }
  .table-interactive th.is-sortable.sort-asc, .table-interactive th.is-sortable.sort-desc {
    color: #333;
    font-weight: 600; }
  .table-interactive th.is-sortable.sort-asc:after {
    content: '\f0dd'; }
  .table-interactive th.is-sortable.sort-desc:after {
    content: '\f0de'; }

.table-interactive > tbody > tr > td,
.table-interactive > tbody > tr > th {
  transition: background-color 0.1s linear, color 0.1s linear; }

.table-interactive > tbody > tr.is-hoverable:hover > td,
.table-interactive > tbody > tr.is-hoverable:hover > th, .table-interactive > tbody > tr.is-hoverable:active > td,
.table-interactive > tbody > tr.is-hoverable:active > th, .table-interactive > tbody > tr.is-hoverable:focus > td,
.table-interactive > tbody > tr.is-hoverable:focus > th {
  background-color: #ebf4f9 !important;
  color: #333 !important;
  cursor: pointer; }

.table-interactive > tbody > tr.is-selected > td,
.table-interactive > tbody > tr.is-selected > th {
  background-color: #e3eff6 !important;
  color: #333 !important; }

/**
 * Action styling
 * --------------------------------
 */
.table-interactive-bar {
  margin: 0rem 0rem 0.3571428571rem ; }

.table-interactive-actions li {
  padding-bottom: 0.3571428571rem ;
  padding-right: 0 !important; }
  .table-interactive-actions li.hr {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    position: relative;
    width: 10px; }
    .table-interactive-actions li.hr:before {
      background: #eaeaea;
      bottom: 0.3571428571rem ;
      content: '';
      margin-left: 0.2857142857rem ;
      left: calc(50% - 2px);
      position: absolute;
      top: 0;
      width: 1px; }

/**
 * Sort styling
 * --------------------------------
 */
.table-interactive-options {
  overflow: visible;
  text-align: left; }
  .table-interactive-options .is-selectable {
    padding-left: 0.2857142857rem ;
    padding-right: 0.2857142857rem ;
    transition: background-color 0.1s linear; }
    .table-interactive-options .is-selectable.selected {
      background-color: #e3eff6; }
    .table-interactive-options .is-selectable label {
      display: block; }
      .table-interactive-options .is-selectable label > span {
        display: block;
        margin: -0.1428571429rem -0.2857142857rem 0rem -0.4285714286rem ;
        padding: 0.1428571429rem 0.4285714286rem 0.1428571429rem 0.4285714286rem ; }
  .table-interactive-options .is-draggable:hover label > span {
    cursor: -webkit-grab;
    cursor: grab; }
  .table-interactive-options .is-draggable:not(.selected):hover {
    background-color: rgba(0, 0, 0, 0.05); }
  .table-interactive-options .is-draggable:active label > span {
    cursor: -webkit-grabbing;
    cursor: grabbing; }
  .table-interactive-options .draggable-placeholder > div {
    opacity: .32;
    position: relative; }
    .table-interactive-options .draggable-placeholder > div:before {
      background: #fff;
      border: 1px dashed #347ea6;
      border-radius: 3px;
      bottom: 0;
      content: "";
      left: 0;
      opacity: 1;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 2; }

.table-interactive-sort {
  padding: 0.3571428571rem ;
  text-align: right; }
  .table-interactive-sort .btn-borderless {
    border: none;
    cursor: pointer;
    padding: 0 0 0 0.2857142857rem ; }
    .table-interactive-sort .btn-borderless[disabled] {
      opacity: .32;
      pointer-events: none; }
  .table-interactive-sort i {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .table-interactive-sort i:first-child {
      margin-right: 0.2857142857rem ; }

.table-interactive-cols {
  display: block;
  margin: 0.3571428571rem 0rem ;
  max-height: 10.7142857143rem ;
  overflow: hidden;
  overflow-y: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .table-interactive-cols:focus {
    outline: none; }
  .table-interactive-cols li {
    overflow: hidden; }

.table-interactive .draggable-elem:focus {
  outline: none; }

.table-interactive button i {
  position: relative;
  z-index: 0; }

/**
 * Table alternative heading -> this will be added to the table css when finished
 */
/**
 * Navigation
 * --------------------------------------------------
 * - navigation behaviour states
 * - top navigation
 * - side navigation:
 *   - left navigation
 *   - right navigation
 * - bar
 * - back-to top
 */
/**
 * Breakpoints to import into JavaScript
 */
body:before {
  content: "phone-view";
  display: none;
  /* Prevent from displaying. */ }

@media (min-width: 768px) {
  body:before {
    content: "tablet-view"; } }

@media (min-width: 992px) {
  body:before {
    content: "desktop-view"; } }

@media (min-width: 1200px) {
  body:before {
    content: "widescreen-view"; } }

/**
 * HTML behaviour when side navigation is open
 */
@media (max-width: 767px) {
  html.nav-left-open body,
  html.nav-right-open body {
    overflow-x: hidden; } }

@media (max-width: 767px) {
  html.nav-left-open .main {
    -webkit-transform: translate(15.7142857143rem , 0);
    -ms-transform: translate(15.7142857143rem , 0);
    transform: translate(15.7142857143rem , 0); }
  html.nav-left-open .nav-left {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@media (max-width: 767px) {
  html.nav-right-open .main {
    -webkit-transform: translate(-15.7142857143rem , 0);
    -ms-transform: translate(-15.7142857143rem , 0);
    transform: translate(-15.7142857143rem , 0); }
  html.nav-right-open .nav-right {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

/**
 * Default behaviour is that there is a fixed nav-top,
 * so we need to 'fix' the body's padding
 */
html {
  /**
   * If the nav-top for some reason needs to scroll with the page
   */ }
  html.has-nav-left {
    /**
     * If the left nav can always be closed we need some more styling
     */
    /**
     * The left nav can always be closed and starts open on desktop
     */ }
    @media (min-width: 768px) {
      html.has-nav-left .main {
        padding-left: 15.7142857143rem ; } }
    @media (min-width: 768px) {
      html.has-nav-left.nav-left-can-always-close .main {
        padding-left: 0; }
      html.has-nav-left.nav-left-can-always-close .nav-left {
        -webkit-transform: translate(-15.7142857143rem , 0);
        -ms-transform: translate(-15.7142857143rem , 0);
        transform: translate(-15.7142857143rem , 0); } }
    @media (min-width: 768px) {
      html.has-nav-left.nav-left-can-always-close.nav-left-open .main {
        padding-left: 15.7142857143rem ; }
      html.has-nav-left.nav-left-can-always-close.nav-left-open .nav-left {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0); } }
    @media (min-width: 768px) {
      html.has-nav-left.nav-left-can-always-close .nav-top-toggle {
        display: inline-block; } }
    @media (min-width: 768px) {
      html.has-nav-left.nav-left-can-always-close-and-starts-open .main {
        padding-left: 15.7142857143rem ; }
      html.has-nav-left.nav-left-can-always-close-and-starts-open .nav-left {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0); } }
    @media (min-width: 768px) {
      html.has-nav-left.nav-left-can-always-close-and-starts-open.nav-left-open .main {
        padding-left: 0; }
      html.has-nav-left.nav-left-can-always-close-and-starts-open.nav-left-open .nav-left {
        -webkit-transform: translate(-15.7142857143rem , 0);
        -ms-transform: translate(-15.7142857143rem , 0);
        transform: translate(-15.7142857143rem , 0); } }
    @media (min-width: 768px) {
      html.has-nav-left.nav-left-can-always-close-and-starts-open .nav-top-toggle {
        display: inline-block; } }
  html.has-nav-right {
    /**
     * If the right nav can always be closed we need some more styling
     */
    /**
     * The right nav can always be closed and starts open on desktop
     */ }
    @media (min-width: 768px) {
      html.has-nav-right .main {
        padding-right: 15.7142857143rem ; } }
    @media (min-width: 768px) {
      html.has-nav-right.nav-right-can-always-close .main {
        padding-right: 0; }
      html.has-nav-right.nav-right-can-always-close .nav-right {
        -webkit-transform: translate(15.7142857143rem , 0);
        -ms-transform: translate(15.7142857143rem , 0);
        transform: translate(15.7142857143rem , 0); } }
    @media (min-width: 768px) {
      html.has-nav-right.nav-right-can-always-close.nav-right-open .main {
        padding-right: 15.7142857143rem ; }
      html.has-nav-right.nav-right-can-always-close.nav-right-open .nav-right {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0); } }
    @media (min-width: 768px) {
      html.has-nav-right.nav-right-can-always-close .nav-top-toggle {
        display: inline-block; } }
    @media (min-width: 768px) {
      html.has-nav-right.nav-right-can-always-close-and-starts-open .main {
        padding-right: 15.7142857143rem ; }
      html.has-nav-right.nav-right-can-always-close-and-starts-open .nav-right {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0); } }
    @media (min-width: 768px) {
      html.has-nav-right.nav-right-can-always-close-and-starts-open.nav-right-open .main {
        padding-right: 0; }
      html.has-nav-right.nav-right-can-always-close-and-starts-open.nav-right-open .nav-right {
        -webkit-transform: translate(15.7142857143rem , 0);
        -ms-transform: translate(15.7142857143rem , 0);
        transform: translate(15.7142857143rem , 0); } }
    @media (min-width: 768px) {
      html.has-nav-right.nav-right-can-always-close-and-starts-open .nav-top-toggle {
        display: inline-block; } }
  html.has-relative-nav-top .nav-top {
    position: relative; }

.main {
  position: absolute;
  transition: opacity 0.2s linear, padding 0.1s linear, -webkit-transform 0.1s linear;
  transition: opacity 0.2s linear, padding 0.1s linear, transform 0.1s linear;
  width: 100%;
  /**
   * ng-animate classes
   */ }
  .main.ng-enter {
    opacity: 0; }
  .main.ng-leave {
    opacity: 1; }
  .main.ng-enter.ng-enter-active {
    opacity: 1; }
  .main.ng-leave.ng-leave-active {
    opacity: 0; }

/**
 * Top navigation
 * --------------------------------------------------
 */
.nav-top {
  background-color: #141414;
  color: #fff;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 19; }
  .nav-top a.btn, .nav-top a.filter-bar-item,
  .nav-top button,
  .nav-top input {
    border: none;
    font-weight: normal; }
  .nav-top-right {
    margin-right: 0; }
  @media (min-width: 768px) {
    .nav-top > ul > li.nav-top-toggle {
      display: none; } }
  @media (max-width: 767px) {
    .nav-top > ul > li.nav-top-app {
      display: none; } }
  .nav-top-logo {
    overflow: hidden; }
    .nav-top-logo a {
      background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkRpZ2lwb2xpcyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAyNCAxMDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI4MS4xNDkyIiB5MT0iMTA3MC44NSIgeDI9IjQzMC44NTE2IiB5Mj0iNDY1LjE0NzUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMiAwIDAgLTIgMCAyMDQ4KSI+Cgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojNUZCMUQ2Ii8+Cgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojMzQ3RUE2Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IGZpbGw9InVybCgjU1ZHSURfMV8pIiB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0Ii8+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04NjIsNTEyYzAsMTkzLjMtMTU2LjcsMzUwLTM1MCwzNTBjLTE5My4zLDAtMzUwLTE1Ni43LTM1MC0zNTBzMTU2LjctMzUwLDM1MC0zNTAKCUM3MDUuMywxNjIsODYyLDMxOC43LDg2Miw1MTJ6IE01MTIsMjQ5LjFjLTE0NS4yLDAtMjYyLjksMTE3LjctMjYyLjksMjYyLjlTMzY2LjgsNzc0LjksNTEyLDc3NC45YzE0NS4yLDAsMjYyLjktMTE3LjcsMjYyLjktMjYyLjkKCVM2NTcuMiwyNDkuMSw1MTIsMjQ5LjF6Ii8+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02NDcuNiw2NzEuMUgzNzguNWMwLDAtMzAuMi0wLjctMzAuMi0zMC44YzAtMzAsMC0xODguMywwLTE4OC4zczEuNi0zMC44LDMwLjItMzAuOHMxODIuNywwLDE4Mi43LDB2LTkwLjUKCWMwLDAtMC42LTQuNywzLjgtNC43czgzLjUsMCw4My41LDBzMy45LDAuMywzLjksNS43czAsMTUwLjYsMCwxNTAuNnMtMi4zLDI5LjItMjkuMiwyOS4yYy0yNi45LDAtMTg0LDAtMTg0LDB2NjkuNkg2NDgKCWMwLDAsNC40LTAuMSw0LjQsNC40YzAsNC41LDAsODIuMywwLDgyLjNTNjUyLjcsNjcxLjEsNjQ3LjYsNjcxLjF6Ii8+Cjwvc3ZnPgo=") no-repeat center center;
      background-size: cover;
      display: inline-block;
      height: 3.5714285714rem ;
      margin: 0rem 0.8571428571rem 0rem 0rem ;
      vertical-align: middle;
      width: 3.5714285714rem ; }
  .nav-top-toggle {
    cursor: pointer;
    margin-right: 0.4285714286rem ; }
    .nav-top-toggle a {
      color: #fff;
      text-decoration: none; }
      .nav-top-toggle a:hover, .nav-top-toggle a:active, .nav-top-toggle a:focus {
        color: #eaeaea; }
  .nav-top-app a {
    color: #fff;
    margin: 0rem 0.8571428571rem 0rem 0rem ;
    text-decoration: none; }
    .nav-top-app a:hover, .nav-top-app a:active, .nav-top-app a:focus {
      color: #eaeaea; }
  .nav-top-app h1 {
    font-size: 1rem ;
    font-weight: 700;
    line-height: 3.5714285714rem ;
    margin: 0; }
    .nav-top-app h1 span {
      font-weight: 400; }

/**
 * Side navigation (styling for both left and right navigation)
 * --------------------------------------------------
 */
.nav-aside {
  background: #fff;
  bottom: 0;
  position: fixed;
  top: 3.5714285714rem ;
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  width: 15.7142857143rem ;
  z-index: 4;
  /**
   * Styling for semi-transparent line
   */
  /**
   * For semantics & correct scrolling behaviour
   */ }
  .nav-aside:before {
    background: rgba(0, 0, 0, 0.12);
    bottom: 0;
    content: '';
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2px;
    z-index: 2; }
  .nav-aside > aside {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: -blackberry-touch; }
  .nav-aside-title {
    color: #bbb;
    font-size: 90%;
    font-weight: 600;
    margin-top: 0.3571428571rem ;
    padding: 0rem 1.0714285714rem ;
    text-transform: uppercase; }
    .nav-aside-title:first-letter {
      font-size: 110%; }
    .nav-aside-title + ul {
      margin-top: -0.7142857143rem ; }
  .nav-aside-section {
    padding: 0.7142857143rem 0rem ;
    position: relative;
    /**
     * section bottom border
     */
    /**
     * Menu: all levels
     */
    /**
     * Menu first level
     */ }
    .nav-aside-section:not(:last-child):after {
      background: #eaeaea;
      bottom: 0;
      content: '';
      height: 1px;
      left: 1.0714285714rem ;
      position: absolute;
      right: 1.0714285714rem ; }
    .nav-aside-section li a {
      color: #525252;
      display: table;
      padding: 0.7142857143rem 1.0714285714rem ;
      text-decoration: none;
      width: 100%; }
      .nav-aside-section li a:hover, .nav-aside-section li a:active, .nav-aside-section li a:focus {
        background-color: rgba(0, 0, 0, 0.05);
        color: #347ea6; }
        .nav-aside-section li a:hover .badge, .nav-aside-section li a:active .badge, .nav-aside-section li a:focus .badge {
          background-color: #fff;
          color: #347ea6; }
      .nav-aside-section li a:focus {
        box-shadow: none; }
      .nav-aside-section li a > * {
        display: table-cell;
        vertical-align: middle; }
      .nav-aside-section li a > i {
        padding: 0.2142857143rem 0.7142857143rem 0rem 0rem ;
        vertical-align: top; }
    .nav-aside-section li.active a {
      color: #347ea6;
      font-weight: 700; }
      .nav-aside-section li.active a + ul a {
        color: #525252;
        font-weight: normal; }
        .nav-aside-section li.active a + ul a:hover, .nav-aside-section li.active a + ul a:active, .nav-aside-section li.active a + ul a:focus {
          background-color: rgba(0, 0, 0, 0.05);
          color: #347ea6; }
    .nav-aside-section > ul {
      /**
       * Menu second level
       */ }
      .nav-aside-section > ul > li {
        border-bottom: 1px solid transparent;
        height: auto;
        overflow: hidden;
        position: relative; }
        .nav-aside-section > ul > li.can-open:before {
          content: "\f0d7";
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          pointer-events: none;
          position: absolute;
          right: 1.0714285714rem ;
          text-decoration: inherit;
          top: 0.7142857143rem ;
          transition: color 0.1s linear, -webkit-transform 0.1s linear;
          transition: color 0.1s linear, transform 0.1s linear;
          z-index: 2; }
        .nav-aside-section > ul > li.can-open.open {
          border-bottom: 1px solid #fff;
          background: #f7f7f7; }
          .nav-aside-section > ul > li.can-open.open:before {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
          .nav-aside-section > ul > li.can-open.open > a {
            font-weight: 700; }
        .nav-aside-section > ul > li.can-open > a {
          padding-right: 2.1428571429rem ; }
        .nav-aside-section > ul > li.has-active-item > a {
          font-weight: 700; }
      .nav-aside-section > ul ul {
        display: none; }
        .nav-aside-section > ul ul li a {
          padding: 0.5rem 1.0714285714rem 0.5rem 2.1428571429rem ; }
        .nav-aside-section > ul ul li.active a:hover .badge, .nav-aside-section > ul ul li.active a:active .badge, .nav-aside-section > ul ul li.active a:focus .badge {
          background: #347ea6;
          color: #fff; }
        .nav-aside-section > ul ul li.active .badge {
          background: #347ea6;
          color: #fff; }
  .nav-aside .badge {
    background-color: #eaeaea;
    color: #333; }
  .nav-aside .badge,
  .nav-aside .badge-danger,
  .nav-aside .badge-info,
  .nav-aside .badge-primary,
  .nav-aside .badge-success,
  .nav-aside .badge-warning {
    float: right;
    margin-top: 0.2142857143rem ;
    transition: background 0.1s linear, color 0.1s linear; }

/**
 * Left navigation
 * (add-on for .nav-aside)
 */
.nav-left {
  left: 0;
  -webkit-transform: translate(-15.7142857143rem , 0);
  -ms-transform: translate(-15.7142857143rem , 0);
  transform: translate(-15.7142857143rem , 0); }
  @media (min-width: 768px) {
    .nav-left {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); } }
  .nav-left:before {
    right: 0; }

/**
 * Right navigation
 * (add-on for .nav-aside)
 */
.nav-right {
  right: 0;
  -webkit-transform: translate(15.7142857143rem , 0);
  -ms-transform: translate(15.7142857143rem , 0);
  transform: translate(15.7142857143rem , 0); }
  @media (min-width: 768px) {
    .nav-right {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); } }
  .nav-right:before {
    left: 0; }

/**
 * Bar -- See separate _bar.scss file
 */
/**
 * Back to top
 */
.back-to-top {
  background-color: rgba(52, 126, 166, 0.4);
  border: none;
  bottom: -3.1428571429rem ;
  color: #fff;
  line-height: 0;
  opacity: 0;
  padding: 1.0714285714rem 0.8571428571rem 1.2142857143rem ;
  position: fixed;
  right: 1.1428571429rem ;
  transition: background 0.1s linear, opacity 0.1s linear, bottom 0.1s linear;
  z-index: 3; }
  .back-to-top:after {
    color: #fff;
    content: '\f077';
    font-family: 'FontAwesome';
    font-weight: normal; }
  .back-to-top:hover, .back-to-top:active, .back-to-top:focus {
    background-color: rgba(52, 126, 166, 0.8);
    color: #fff; }
  .back-to-top.is-visible {
    bottom: 1.1428571429rem ;
    opacity: 1; }

/**
 * Popovers
 * --------------------------------------------------
 * Arrows are moved to a separate component
 */
.popover {
  background-color: #fcfcfc;
  background-clip: padding-box;
  border: 1px solid #bbb;
  border-radius: 4px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem ;
  font-weight: normal;
  line-height: 1.428571429;
  padding: 0.4285714286rem ;
  position: relative;
  white-space: normal;
  z-index: 5; }
  .popover.arrow-top:before {
    margin-top: -11px;
    margin-left: -11px;
    border-bottom: 11px #bbb solid;
    border-left: 11px transparent solid;
    border-right: 11px transparent solid; }
  .popover.arrow-top:after {
    margin-top: -10.5px;
    margin-left: -11px;
    border-bottom: 11px #fcfcfc solid;
    border-left: 11px transparent solid;
    border-right: 11px transparent solid; }
  .popover.arrow-top-left:before {
    margin-top: -11px;
    margin-left: -11px;
    border-bottom: 11px #bbb solid;
    border-left: 11px transparent solid;
    border-right: 11px transparent solid; }
  .popover.arrow-top-left:after {
    margin-top: -10.5px;
    margin-left: -11px;
    border-bottom: 11px #fcfcfc solid;
    border-left: 11px transparent solid;
    border-right: 11px transparent solid; }
  .popover.arrow-top-left:before, .popover.arrow-top-left:after {
    left: 27px; }
  .popover.arrow-top-right:before {
    margin-top: -11px;
    margin-left: -11px;
    border-bottom: 11px #bbb solid;
    border-left: 11px transparent solid;
    border-right: 11px transparent solid; }
  .popover.arrow-top-right:after {
    margin-top: -10.5px;
    margin-left: -11px;
    border-bottom: 11px #fcfcfc solid;
    border-left: 11px transparent solid;
    border-right: 11px transparent solid; }
  .popover.arrow-top-right:before, .popover.arrow-top-right:after {
    right: 16px; }
  .popover.arrow-right:before {
    margin-top: -11px;
    margin-right: -11px;
    border-left: 11px #bbb solid;
    border-top: 11px transparent solid;
    border-bottom: 11px transparent solid; }
  .popover.arrow-right:after {
    margin-top: -11px;
    margin-right: -10.5px;
    border-left: 11px #fcfcfc solid;
    border-top: 11px transparent solid;
    border-bottom: 11px transparent solid; }
  .popover.arrow-right-top:before {
    margin-top: -11px;
    margin-right: -11px;
    border-left: 11px #bbb solid;
    border-top: 11px transparent solid;
    border-bottom: 11px transparent solid; }
  .popover.arrow-right-top:after {
    margin-top: -11px;
    margin-right: -10.5px;
    border-left: 11px #fcfcfc solid;
    border-top: 11px transparent solid;
    border-bottom: 11px transparent solid; }
  .popover.arrow-right-top:before, .popover.arrow-right-top:after {
    top: 27px; }
  .popover.arrow-right-bottom:before {
    margin-top: -11px;
    margin-right: -11px;
    border-left: 11px #bbb solid;
    border-top: 11px transparent solid;
    border-bottom: 11px transparent solid; }
  .popover.arrow-right-bottom:after {
    margin-top: -11px;
    margin-right: -10.5px;
    border-left: 11px #fcfcfc solid;
    border-top: 11px transparent solid;
    border-bottom: 11px transparent solid; }
  .popover.arrow-right-bottom:before, .popover.arrow-right-bottom:after {
    bottom: 16px; }
  .popover.arrow-bottom:before {
    margin-bottom: -11px;
    margin-left: -11px;
    border-top: 11px #bbb solid;
    border-left: 11px transparent solid;
    border-right: 11px transparent solid; }
  .popover.arrow-bottom:after {
    margin-bottom: -10.5px;
    margin-left: -11px;
    border-top: 11px #fcfcfc solid;
    border-left: 11px transparent solid;
    border-right: 11px transparent solid; }
  .popover.arrow-bottom-left:before {
    margin-bottom: -11px;
    margin-left: -11px;
    border-top: 11px #bbb solid;
    border-left: 11px transparent solid;
    border-right: 11px transparent solid; }
  .popover.arrow-bottom-left:after {
    margin-bottom: -10.5px;
    margin-left: -11px;
    border-top: 11px #fcfcfc solid;
    border-left: 11px transparent solid;
    border-right: 11px transparent solid; }
  .popover.arrow-bottom-left:before, .popover.arrow-bottom-left:after {
    left: 27px; }
  .popover.arrow-bottom-right:before {
    margin-bottom: -11px;
    margin-left: -11px;
    border-top: 11px #bbb solid;
    border-left: 11px transparent solid;
    border-right: 11px transparent solid; }
  .popover.arrow-bottom-right:after {
    margin-bottom: -10.5px;
    margin-left: -11px;
    border-top: 11px #fcfcfc solid;
    border-left: 11px transparent solid;
    border-right: 11px transparent solid; }
  .popover.arrow-bottom-right:before, .popover.arrow-bottom-right:after {
    right: 16px; }
  .popover.arrow-left:before {
    margin-top: -11px;
    margin-left: -11px;
    border-right: 11px #bbb solid;
    border-top: 11px transparent solid;
    border-bottom: 11px transparent solid; }
  .popover.arrow-left:after {
    margin-top: -11px;
    margin-left: -10.5px;
    border-right: 11px #fcfcfc solid;
    border-top: 11px transparent solid;
    border-bottom: 11px transparent solid; }
  .popover.arrow-left-top:before {
    margin-top: -11px;
    margin-left: -11px;
    border-right: 11px #bbb solid;
    border-top: 11px transparent solid;
    border-bottom: 11px transparent solid; }
  .popover.arrow-left-top:after {
    margin-top: -11px;
    margin-left: -10.5px;
    border-right: 11px #fcfcfc solid;
    border-top: 11px transparent solid;
    border-bottom: 11px transparent solid; }
  .popover.arrow-left-top:before, .popover.arrow-left-top:after {
    top: 27px; }
  .popover.arrow-left-bottom:before {
    margin-top: -11px;
    margin-left: -11px;
    border-right: 11px #bbb solid;
    border-top: 11px transparent solid;
    border-bottom: 11px transparent solid; }
  .popover.arrow-left-bottom:after {
    margin-top: -11px;
    margin-left: -10.5px;
    border-right: 11px #fcfcfc solid;
    border-top: 11px transparent solid;
    border-bottom: 11px transparent solid; }
  .popover.arrow-left-bottom:before, .popover.arrow-left-bottom:after {
    bottom: 16px; }
  .popover-animation {
    transition: bottom 0.1s linear, left 0.1s linear, right 0.1s linear, top 0.1s linear; }
  .popover-header {
    margin: 0.4285714286rem 0rem 0.8571428571rem ;
    text-align: center; }
  .popover-header-avatar {
    width: 3.5714285714rem ; }
  .popover-header-title {
    font-size: 14px;
    font-weight: bold;
    margin: 0.4285714286rem 0rem 0rem ; }
  .popover-list-buttons {
    list-style: none;
    margin: 0;
    padding-left: 0;
    text-align: left; }
    .popover-list-buttons li {
      margin-bottom: 0.3571428571rem ; }
      .popover-list-buttons li:last-child {
        margin-bottom: 0; }
      .popover-list-buttons li a {
        background: #f7f7f7;
        color: #525252;
        display: block;
        padding: 6px 12px;
        text-decoration: none; }
        .popover-list-buttons li a:hover {
          background-color: rgba(0, 0, 0, 0.05); }
  .popover-menu-list ul > hr {
    border-top-color: #eaeaea;
    margin: 0.3571428571rem  0; }
  .popover-menu-list ul li {
    padding: 0.3571428571rem ; }
    .popover-menu-list ul li:hover:not([disabled]) {
      background-color: rgba(0, 0, 0, 0.05);
      cursor: pointer;
      transition: background-color linear 0.1s; }
    .popover-menu-list ul li[disabled] {
      color: #bbb;
      cursor: not-allowed;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }

/**
 * Stick to top
 * --------------------------------------------------
 * Make some elements stick to the top of the viewport
 */
.is-sticky {
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  z-index: 18; }

/**
 * Fixes when a navigation menu is present
 */
@media (min-width: 768px) {
  .has-nav-left .is-sticky {
    left: 15.7142857143rem ; } }

@media (min-width: 768px) {
  .has-nav-left.nav-left-can-always-close:not(.nav-left-open) .is-sticky {
    left: 0; } }

@media (min-width: 768px) {
  .has-nav-right .is-sticky {
    right: 15.7142857143rem ; } }

@media (min-width: 768px) {
  .has-nav-right.nav-right-can-always-close:not(.nav-right-open) .is-sticky {
    right: 0; } }

/**
 * Component: timepicker
 * --------------------------------------------------
 */
.timepicker {
  position: relative; }
  .timepicker .timepicker-later,
  .timepicker .timepicker-earlier {
    border-left: 1px solid #bbb;
    cursor: pointer;
    display: block;
    height: 50%;
    position: absolute;
    right: 0;
    transition: border-color linear 0.1s;
    width: 1.4285714286rem ;
    z-index: 2; }
    .timepicker .timepicker-later:before,
    .timepicker .timepicker-earlier:before {
      border-style: solid;
      content: "";
      height: 0;
      position: absolute;
      right: 0.4285714286rem ;
      transition: border-color 0.1s linear;
      width: 0; }
  .timepicker .timepicker-later {
    top: 0; }
    .timepicker .timepicker-later:before {
      border-color: transparent transparent #bbb;
      border-width: 0.2857142857rem 0.2857142857rem 0.4285714286rem 0.2857142857rem ;
      top: 1px; }
  .timepicker .timepicker-earlier {
    bottom: 0; }
    .timepicker .timepicker-earlier:before {
      border-color: #bbb transparent transparent;
      border-width: 0.4285714286rem 0.2857142857rem 0.2857142857rem 0.2857142857rem ;
      bottom: 1px; }
  .timepicker input {
    padding-right: 2.2857142857rem ; }
    .timepicker input:focus ~ .timepicker-later,
    .timepicker input:focus ~ .timepicker-earlier {
      border-left-color: #5fb1d6; }
    .timepicker input:focus ~ .timepicker-later:before {
      border-color: transparent transparent #5fb1d6; }
    .timepicker input:focus ~ .timepicker-later:hover:before, .timepicker input:focus ~ .timepicker-later:active:before {
      border-color: transparent transparent #3398c5; }
    .timepicker input:focus ~ .timepicker-earlier:before {
      border-color: #5fb1d6 transparent transparent; }
    .timepicker input:focus ~ .timepicker-earlier:hover:before, .timepicker input:focus ~ .timepicker-earlier:active:before {
      border-color: #3398c5 transparent transparent; }
  .timepicker .upload-btn-delete {
    bottom: 0;
    margin-top: -0.5rem ;
    position: absolute;
    right: 2rem ;
    top: 50%; }


@-ms-viewport {
  width: device-width; }

.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }


@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

.btn-grayed span{
	font-size: 15px;
    color: #bbbbbb !important;
}

#secondCal span{
	font-size: 15px;
    color: #333;
}
.datepicker-days th {
	font-size: 15px;
	font-weight: bold;
    color: #333;
}