@charset "UTF-8";

/**
    Logo that appears on the portal header
    ! - The header is a dark background
    ! - Use a "white or light" colored logo (if available)
*/
.portal-header .brand .logo {
  background-image: url('images/ccci-logo-icon.png');
}

/**
    Logo that appears on the login page.
    ! - The login page is a light background
    ! - Use a "black or bold" colored logo (if available)
*/
.login-logo {
    background-image: url('images/ccci-logo-full.png');
}

/**
    The primary highlight color to use for dashboard charts and text.
*/
.dashboard-chart {
    color: #d1000c;
}


input {
    background: transparent;
    border: none;
    color: rgba(0, 0, 0, 0.8);
    display: block;
    font-size: 12px;
    line-height: 16px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    height: 30px;
    padding:  4px ;
    outline: none;
    width: 100%;
    position: relative;
border-radius: 4px;
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.button.raised  {
    margin-top: 5px !important;
}

body {
  background-color: #e7e7e7; }

.text-muted,
.-mutedtext,
.muted-text {
  color: rgba(0, 0, 0, 0.4); }

.text-primary,
.primary-text {
  color: #f07d36; }

.text-white {
  color: rgba(255, 255, 255, 0.9); }

.text-success,
.text-green {
  color: #15a415; }

.text-danger,
.text-red {
  color: #df0000; }

.bg-primary {
  background-color: #f07d36; }

.bg-green {
  background-color: #15a415; }

.bg-red {
  background-color: #df0000; }

.bg-overlay {
  background-color: rgba(0, 0, 0, 0.6); }

body {
  background-color: #e7e7e7; }

.text-muted,
.-mutedtext,
.muted-text {
  color: rgba(0, 0, 0, 0.4); }

.text-primary,
.primary-text {
  color: #f07d36; }

.text-white {
  color: rgba(255, 255, 255, 0.9); }

.text-success,
.text-green {
  color: #15a415; }

.text-danger,
.text-red {
  color: #df0000; }

.bg-primary {
  background-color: #f07d36; }

.bg-green {
  background-color: #15a415; }

.bg-red {
  background-color: #df0000; }

.bg-overlay {
  background-color: rgba(0, 0, 0, 0.6); }

html {
  font-size: 16px;
  line-height: 1.25; }

body {
  font-family: Verdana, sans-serif;
  color: rgba(0, 0, 0, 0.6); }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: inherit;
  text-decoration: none; }

a:hover,
a:focus {
  color: inherit;
  text-decoration: none; }

a:focus {
  outline: 0; }

hr {
  margin-top: 8px;
  margin-bottom: 8px;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: bold;
  line-height: inherit;
  color: inherit;
  margin: 0; }

h1 > small,
h2 > small,
h3 > small,
h4 > small,
h5 > small,
h6 > small {
  font-size: 0.9em;
  font-weight: inherit;
  line-height: inherit;
  color: rgba(0, 0, 0, 0.4); }

h1 {
  font-size: 1.25rem; }

h2 {
  font-size: 1rem; }

h3,
h4,
h5,
h6 {
  font-size: 0.75rem; }

p {
  margin: 0; }

small {
  font-size: 80%; }

cite {
  font-style: normal; }

label {
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.grid-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  position: relative; }

.grid-row {
  display: block;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-bottom: 0.5rem;
  position: relative; }

.cell-sm-1,
.cell-sm-2,
.cell-sm-3,
.cell-sm-4,
.cell-sm-5,
.cell-sm-6,
.cell-sm-7,
.cell-sm-8,
.cell-sm-9,
.cell-sm-10,
.cell-sm-11,
.cell-sm-12,
.cell-md-1,
.cell-md-2,
.cell-md-3,
.cell-md-4,
.cell-md-5,
.cell-md-6,
.cell-md-7,
.cell-md-8,
.cell-md-9,
.cell-md-10,
.cell-md-11,
.cell-md-12,
.cell-lg-1,
.cell-lg-2,
.cell-lg-3,
.cell-lg-4,
.cell-lg-5,
.cell-lg-6,
.cell-lg-7,
.cell-lg-8,
.cell-lg-9,
.cell-lg-10,
.cell-lg-11,
.cell-lg-12 {
  position: relative;
  padding-right: 0.5rem;
  padding-left: 0.5rem; }

@media (min-width: 48rem) {
  .grid-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .cell-sm-12 {
    width: 100%; }
  .cell-sm-11 {
    width: 91.66666667%; }
  .cell-sm-10 {
    width: 83.33333333%; }
  .cell-sm-9 {
    width: 75%; }
  .cell-sm-8 {
    width: 66.66666667%; }
  .cell-sm-7 {
    width: 58.33333333%; }
  .cell-sm-6 {
    width: 50%; }
  .cell-sm-5 {
    width: 41.66666667%; }
  .cell-sm-4 {
    width: 33.33333333%; }
  .cell-sm-3 {
    width: 25%; }
  .cell-sm-2 {
    width: 16.66666667%; }
  .cell-sm-1 {
    width: 8.33333333%; }
  .cell-sm-order-12 {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .cell-sm-order-11 {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .cell-sm-order-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .cell-sm-order-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .cell-sm-order-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .cell-sm-order-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .cell-sm-order-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .cell-sm-order-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .cell-sm-order-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .cell-sm-order-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .cell-sm-order-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .cell-sm-order-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .cell-sm-offset-12 {
    margin-left: 100%; }
  .cell-sm-offset-11 {
    margin-left: 91.66666667%; }
  .cell-sm-offset-10 {
    margin-left: 83.33333333%; }
  .cell-sm-offset-9 {
    margin-left: 75%; }
  .cell-sm-offset-8 {
    margin-left: 66.66666667%; }
  .cell-sm-offset-7 {
    margin-left: 58.33333333%; }
  .cell-sm-offset-6 {
    margin-left: 50%; }
  .cell-sm-offset-5 {
    margin-left: 41.66666667%; }
  .cell-sm-offset-4 {
    margin-left: 33.33333333%; }
  .cell-sm-offset-3 {
    margin-left: 25%; }
  .cell-sm-offset-2 {
    margin-left: 16.66666667%; }
  .cell-sm-offset-1 {
    margin-left: 8.33333333%; }
  .cell-sm-offset-0 {
    margin-left: 0; } }

@media (min-width: 62rem) {
  .grid-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .cell-md-12 {
    width: 100%; }
  .cell-md-11 {
    width: 91.66666667%; }
  .cell-md-10 {
    width: 83.33333333%; }
  .cell-md-9 {
    width: 75%; }
  .cell-md-8 {
    width: 66.66666667%; }
  .cell-md-7 {
    width: 58.33333333%; }
  .cell-md-6 {
    width: 50%; }
  .cell-md-5 {
    width: 41.66666667%; }
  .cell-md-4 {
    width: 33.33333333%; }
  .cell-md-3 {
    width: 25%; }
  .cell-md-2 {
    width: 16.66666667%; }
  .cell-md-1 {
    width: 8.33333333%; }
  .cell-md-order-12 {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .cell-md-order-11 {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .cell-md-order-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .cell-md-order-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .cell-md-order-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .cell-md-order-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .cell-md-order-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .cell-md-order-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .cell-md-order-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .cell-md-order-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .cell-md-order-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .cell-md-order-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .cell-md-offset-12 {
    margin-left: 100%; }
  .cell-md-offset-11 {
    margin-left: 91.66666667%; }
  .cell-md-offset-10 {
    margin-left: 83.33333333%; }
  .cell-md-offset-9 {
    margin-left: 75%; }
  .cell-md-offset-8 {
    margin-left: 66.66666667%; }
  .cell-md-offset-7 {
    margin-left: 58.33333333%; }
  .cell-md-offset-6 {
    margin-left: 50%; }
  .cell-md-offset-5 {
    margin-left: 41.66666667%; }
  .cell-md-offset-4 {
    margin-left: 33.33333333%; }
  .cell-md-offset-3 {
    margin-left: 25%; }
  .cell-md-offset-2 {
    margin-left: 16.66666667%; }
  .cell-md-offset-1 {
    margin-left: 8.33333333%; }
  .cell-md-offset-0 {
    margin-left: 0; } }

@media (min-width: 75rem) {
  .grid-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .cell-lg-12 {
    width: 100%; }
  .cell-lg-11 {
    width: 91.66666667%; }
  .cell-lg-10 {
    width: 83.33333333%; }
  .cell-lg-9 {
    width: 75%; }
  .cell-lg-8 {
    width: 66.66666667%; }
  .cell-lg-7 {
    width: 58.33333333%; }
  .cell-lg-6 {
    width: 50%; }
  .cell-lg-5 {
    width: 41.66666667%; }
  .cell-lg-4 {
    width: 33.33333333%; }
  .cell-lg-3 {
    width: 25%; }
  .cell-lg-2 {
    width: 16.66666667%; }
  .cell-lg-1 {
    width: 8.33333333%; }
  .cell-lg-order-12 {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .cell-lg-order-11 {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .cell-lg-order-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .cell-lg-order-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .cell-lg-order-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .cell-lg-order-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .cell-lg-order-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .cell-lg-order-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .cell-lg-order-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .cell-lg-order-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .cell-lg-order-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .cell-lg-order-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .cell-lg-offset-12 {
    margin-left: 100%; }
  .cell-lg-offset-11 {
    margin-left: 91.66666667%; }
  .cell-lg-offset-10 {
    margin-left: 83.33333333%; }
  .cell-lg-offset-9 {
    margin-left: 75%; }
  .cell-lg-offset-8 {
    margin-left: 66.66666667%; }
  .cell-lg-offset-7 {
    margin-left: 58.33333333%; }
  .cell-lg-offset-6 {
    margin-left: 50%; }
  .cell-lg-offset-5 {
    margin-left: 41.66666667%; }
  .cell-lg-offset-4 {
    margin-left: 33.33333333%; }
  .cell-lg-offset-3 {
    margin-left: 25%; }
  .cell-lg-offset-2 {
    margin-left: 16.66666667%; }
  .cell-lg-offset-1 {
    margin-left: 8.33333333%; }
  .cell-lg-offset-0 {
    margin-left: 0; } }

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 768px) {
  .container {
    width: 750px; } }

@media (min-width: 992px) {
  .container {
    width: 970px; } }

@media (min-width: 1200px) {
  .container {
    width: 1170px; } }

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  height: 100%;
  min-height: 100%;
  position: relative; }

.row {
  margin-right: -15px;
  margin-left: -15px;
  height: 100%;
  min-height: 100%;
  position: relative; }

.row--padded {
  margin-right: 0;
  margin-left: 0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: 0; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: 0; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-0 {
  margin-left: 0; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-pull-11 {
    right: 91.66666667%; }
  .col-sm-pull-10 {
    right: 83.33333333%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-8 {
    right: 66.66666667%; }
  .col-sm-pull-7 {
    right: 58.33333333%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-5 {
    right: 41.66666667%; }
  .col-sm-pull-4 {
    right: 33.33333333%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-2 {
    right: 16.66666667%; }
  .col-sm-pull-1 {
    right: 8.33333333%; }
  .col-sm-pull-0 {
    right: 0; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-push-11 {
    left: 91.66666667%; }
  .col-sm-push-10 {
    left: 83.33333333%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-8 {
    left: 66.66666667%; }
  .col-sm-push-7 {
    left: 58.33333333%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-5 {
    left: 41.66666667%; }
  .col-sm-push-4 {
    left: 33.33333333%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-2 {
    left: 16.66666667%; }
  .col-sm-push-1 {
    left: 8.33333333%; }
  .col-sm-push-0 {
    left: 0; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-0 {
    margin-left: 0; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-0 {
    right: 0; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-0 {
    left: 0; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-0 {
    margin-left: 0; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-1 {
    width: 8.33333333%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-pull-11 {
    right: 91.66666667%; }
  .col-lg-pull-10 {
    right: 83.33333333%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-8 {
    right: 66.66666667%; }
  .col-lg-pull-7 {
    right: 58.33333333%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-5 {
    right: 41.66666667%; }
  .col-lg-pull-4 {
    right: 33.33333333%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-2 {
    right: 16.66666667%; }
  .col-lg-pull-1 {
    right: 8.33333333%; }
  .col-lg-pull-0 {
    right: 0; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-push-11 {
    left: 91.66666667%; }
  .col-lg-push-10 {
    left: 83.33333333%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-8 {
    left: 66.66666667%; }
  .col-lg-push-7 {
    left: 58.33333333%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-5 {
    left: 41.66666667%; }
  .col-lg-push-4 {
    left: 33.33333333%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-2 {
    left: 16.66666667%; }
  .col-lg-push-1 {
    left: 8.33333333%; }
  .col-lg-push-0 {
    left: 0; }
  .col-lg-offset-12 {
    margin-left: 100%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-0 {
    margin-left: 0; } }

.forms--fieldset-component-880830df {
  display: block;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 0 0 16px;
  outline: 0; }

.forms--fieldset-component-880830df .fieldset-legend {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0 8px 0 0; }

*,
*:before,
*:after,
input[type="search"] {
  box-sizing: border-box; }

.caret {
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  position: relative;
  transition: 50ms; }
  .caret:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: absolute;
    bottom: 0; }
  .caret.-rotate90 {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    transition: 50ms; }

.form-field {
  display: table-row;
  margin: 0;
  padding: 0; }
  .form-field > .fieldlabel {
    display: table-cell;
    font-size: .75rem;
    padding-right: .5rem;
    vertical-align: baseline; }
  .form-field > .fieldcontrol {
    display: table-cell;
    border-radius: 4px;
    width: 100%;
    height: 24px;
    border: none;
    outline: none;
    margin: 0;
    padding: 2px 4px;
    vertical-align: baseline;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transition: 100ms; }
    .form-field > .fieldcontrol:focus {
      background-color: rgba(255, 255, 255, 0.9);
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
      -webkit-transform: translate3d(0, -1px, 0);
              transform: translate3d(0, -1px, 0); }
    .form-field > .fieldcontrol.-lg {
      height: 32px;
      padding: 4px 8px; }
    .form-field > .fieldcontrol.-inset:not(:focus) {
      background-color: rgba(0, 0, 0, 0.01);
      box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2); }
  .form-field > .fielderror {
    color: #df0000;
    display: block;
    font-size: 10px; }

form.lariat-form {
  margin: 0; }

form.lariat-form .form-instructions {
  text-align: right; }

form.lariat-form .form-footer {
  clear: both;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

form.lariat-form .form-footer .btn-submit {
  display: inline-block;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin-left: 2px; }

form.lariat-form .form-footer .btn-cancel {
  display: inline-block;
  margin-right: 2px; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  font-size: 1rem;
  line-height: inherit;
  border: 0; }

label {
  display: block; }

.text-abbr {
  cursor: pointer;
  border-bottom: none; }

.button {
  background-color: transparent;
  display: inline-block;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  min-width: 30px;
  height: 30px;
  padding: 0 8px;
  margin: 0;
  outline: none;
  position: relative;
  vertical-align: middle;
  transition: 150ms; }

.button.raised {
  border: none;
  box-shadow: inset 0 15px 15px #fff, inset 0 -15px 15px #eee, 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); }

.button.green {
  box-shadow: inset 0 15px 15px #0d0, inset 0 -15px 15px #0b0, 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
  color: #fff; }

.button.large {
  border-radius: 6px;
  font-size: 16px;
  line-height: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0 16px; }

.button.large.raised {
  box-shadow: inset 0 20px 20px #fff, inset 0 -20px 20px #eee, 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2); }

.button.large.green {
  box-shadow: inset 0 20px 20px #0d0, inset 0 -20px 20px #0b0, 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3); }

.button.huge {
  border-radius: 6px;
  font-size: 20px;
  line-height: 80px;
  min-width: 100px;
  height: 80px;
  padding: 0 30px; }

.button.huge.raised {
  box-shadow: inset 0 40px 40px #fff, inset 0 -40px 40px #eee, 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2); }

.button.huge.green {
  box-shadow: inset 0 40px 40px #0d0, inset 0 -40px 40px #0b0, 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3); }

a.button.display {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap; }

.button.display {
  border-radius: 6px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 1;
  min-width: 100px;
  min-height: 100px;
  height: auto;
  padding: 16px;
  margin-bottom: 8px; }

.button.display.raised {
  box-shadow: inset 0 50px 50px #fff, inset 0 -50px 50px #eee, 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2); }

.button.display span.fa {
  display: block;
  font-size: 32px;
  margin: auto auto 0; }

.button.display span.button-text {
  display: block;
  font-size: 16px;
  padding: 4px 0;
  margin: auto auto 0; }

.button.display span.button-description {
  display: block;
  font-size: 14px;
  font-weight: normal;
  margin: 0 auto auto; }

.button:hover,
.button:focus {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  outline: none;
  -webkit-transform: translate3d(0, -1px, 0);
          transform: translate3d(0, -1px, 0); }

.button:active {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: box-shadow 50ms ease, background 50ms ease; }

.button.raised:hover,
.button.raised:focus {
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 15px 15px #fff, inset 0 -5px 5px #f7f7f7, 0 0 3px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2); }

.button.green:hover,
.button.green:focus {
  box-shadow: inset 0 25px 25px #0d0, inset 0 -5px 5px #0b0, 0 0 3px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.4); }

.button.large.raised:hover,
.button.large.raised:focus {
  box-shadow: inset 0 20px 20px #fff, inset 0 -5px 5px #f7f7f7, 0 0 3px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2); }

.button.large.green:hover,
.button.large.green:focus {
  box-shadow: inset 0 30px 30px #0d0, inset 0 -10px 10px #0b0, 0 0 3px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.4); }

.button.huge.raised:hover,
.button.huge.raised:focus,
.button.display.raised:hover,
.button.display.raised:focus {
  box-shadow: inset 0 40px 40px #fff, inset 0 -5px 5px #f7f7f7, 0 0 3px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2); }

.button.huge.green:hover,
.button.huge.green:focus {
  box-shadow: inset 0 70px 70px #0d0, inset 0 -10px 10px #0b0, 0 0 3px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.4); }

.button.raised:active,
.button.large.raised:active,
.button.huge.raised:active,
.button.display.raised:active {
  box-shadow: inset 0 0 100px #fff, inset 0 0 50px #e7e7e7, 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2); }

.button.raised.active,
.button.large.raised.active,
.button.huge.raised.active,
.button.display.raised.active {
  background-color: #fff;
  box-shadow: inset 0 0 0 #fff, inset 0 0 0 #fff, 0 0 3px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(0, -1px, 0);
          transform: translate3d(0, -1px, 0); }

.button.raised.up.active {
  border-radius: 0 0 4px 4px; }

.button.raised.down.active {
  border-radius: 4px 4px 0 0; }

.button.raised.left.active {
  border-radius: 0 4px 4px 0; }

.button.raised.right.active {
  border-radius: 4px 0 0 4px; }

.button.blocked {
  display: block;
  width: 100%;
  margin-bottom: 8px; }

.button.listed {
  display: block;
  width: 100%;
  margin-bottom: 4px;
  text-align: left; }

.payment {
  background: linear-gradient(#3edf46, #26972c);
  text-shadow: 0 -1px 1px #3c763d;
  color: #fff; }
  .payment:hover {
    background: #26972c; }

.floating-action-area {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 1000; }

.floating-action-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 1000; }
  .floating-action-grid > .grid-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .floating-action-grid > .grid-row > .grid-cell {
      padding: 2px; }

.primary-action {
  display: block;
  background-color: #f07d36;
  border: none;
  outline: none;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4), 0 2px 2px rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
  height: 36px;
  min-width: 36px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: 100ms; }
  .primary-action:hover:not(:disabled) {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4), 0 4px 4px rgba(0, 0, 0, 0.4);
    -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0); }
  .primary-action:focus {
    outline: 1px solid rgba(0, 0, 0, 0.1);
    outline-offset: 4px; }
  .primary-action:active {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4), 0 2px 2px rgba(0, 0, 0, 0.4);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .primary-action:disabled {
    background-color: #ccc;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.4);
    cursor: not-allowed; }

.active-pointer {
  display: block;
  width: 16px;
  height: 16px;
  padding: 4px 4px 4px 4px;
  line-height: 1;
  overflow: hidden;
  position: absolute;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.active-pointer.up {
  width: 100%;
  padding: 4px 0 0 0;
  left: 0;
  top: -16px; }

.active-pointer.down {
  width: 100%;
  padding: 0 0 4px 0;
  left: 0;
  bottom: -16px; }

.active-pointer.left {
  height: 100%;
  padding: 0 0 0 4px;
  left: -16px;
  top: 0; }

.active-pointer.right {
  height: 100%;
  padding: 0 4px 0 0;
  right: -16px;
  top: 0; }

.active-pointer .pointer {
  -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3));
  -webkit-transform: translate3d(-25px, 0, 0);
          transform: translate3d(-25px, 0, 0);
  transition: -webkit-transform 150ms ease;
  transition: transform 150ms ease;
  transition: transform 150ms ease, -webkit-transform 150ms ease; }

.active-pointer.up .pointer {
  -webkit-transform: translate3d(0, 25px, 0);
          transform: translate3d(0, 25px, 0); }

.active-pointer.down .pointer {
  -webkit-transform: translate3d(0, -25px, 0);
          transform: translate3d(0, -25px, 0); }

.active-pointer.left .pointer {
  -webkit-transform: translate3d(25px, 0, 0);
          transform: translate3d(25px, 0, 0); }

.active .active-pointer .pointer,
.-active .active-pointer .pointer {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.fade {
  opacity: 0;
  transition: opacity .15s linear; }

.fade.in {
  opacity: 1; }

.collapse {
  display: none; }

.collapse.in {
  display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height .35s ease; }

/*--------------------------------------------------------------------------------------------------------------------***  TABS
\*--------------------------------------------------------------------------------------------------------------------*/
.tab-panel {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.tab-panel__tabs {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 200; }

.tab-panel__tabs:after {
  display: table;
  content: '';
  clear: both; }

.tab-panel__tabs li {
  float: left;
  list-style: none;
  margin-bottom: -1px;
  padding: 0; }

.tab-panel__tabs li a {
  display: block;
  background: linear-gradient(#fff, #eee);
  color: rgba(0, 0, 0, 0.5);
  margin-right: 1px;
  padding: 10px 15px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px 10px 0 0;
  font-weight: bold;
  text-decoration: none; }

.tab-panel__tabs li a:hover,
.tab-panel__tabs li a:focus {
  background: linear-gradient(#ddd, #eee); }

.tab-panel__tabs li a.active {
  cursor: default;
  color: rgba(0, 0, 0, 0.6);
  background: #fff;
  border-bottom-color: #fff; }

.tab-panel__content {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0 4px 4px 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  overflow-x: auto;
  z-index: 100; }

.tab-panel__content .lariat-table,
.tab-panel__content .table-data {
  border: none;
  border-radius: 0;
  box-shadow: none; }

.tab-panel__content p.blank-placeholder {
  margin: 15px; }

.nav-pills > li {
  float: left; }

.nav-pills > li > a {
  border-radius: 4px; }

.nav-pills > li + li {
  margin-left: 2px; }

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #428bca; }

.nav-stacked > li {
  float: none; }

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0; }

.nav-justified {
  width: 100%; }

.nav-justified > li {
  float: none; }

.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center; }

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }

@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%; }
  .nav-justified > li > a {
    margin-bottom: 0; } }

.nav-tabs-justified {
  border-bottom: 0; }

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd; }

@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0; }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  max-height: 340px;
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

.navbar-collapse.in {
  overflow-y: auto; }

@media (min-width: 768px) {
  .navbar-collapse {
    border-top: 0;
    box-shadow: none; }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important; }
  .navbar-collapse.in {
    overflow-y: visible; } }

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }

@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left; }

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none; }

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

.navbar-toggle:focus {
  outline: none; }

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px; }

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px; }

@media (min-width: 768px) {
  .navbar-toggle {
    display: none; } }

/*.navbar-nav {
    margin: 7.5px -15px;
}*/
.navbar-nav > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 20px; }

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none; }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none; } }

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0; }
  .navbar-nav > li {
    float: left; }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px; }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important; } }

.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); }

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: baseline; }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: baseline; }
  .navbar-form .input-group > .form-control {
    width: 100%; }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: baseline; }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: baseline; }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0; }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0; } }

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px; } }

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    box-shadow: none; }
  .navbar-form.navbar-right:last-child {
    margin-right: -15px; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px; }

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px; }
  .navbar-text.navbar-right:last-child {
    margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }

.navbar-default .navbar-brand {
  color: #777; }

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent; }

.navbar-default .navbar-text {
  color: #777; }

.navbar-default .navbar-nav > li > a {
  color: #777; }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7; }

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent; }

.navbar-default .navbar-toggle {
  border-color: #ddd; }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888; }

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7; }

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; } }

.navbar-default .navbar-link {
  color: #777; }

.navbar-default .navbar-link:hover {
  color: #333; }

.navbar-inverse {
  background-color: #222;
  border-color: #080808; }

.navbar-inverse .navbar-brand {
  color: #999; }

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent; }

.navbar-inverse .navbar-text {
  color: #999; }

.navbar-inverse .navbar-nav > li > a {
  color: #999; }

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent; }

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808; }

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent; }

.navbar-inverse .navbar-toggle {
  border-color: #333; }

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333; }

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff; }

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010; }

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808; }

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent; } }

.navbar-inverse .navbar-link {
  color: #999; }

.navbar-inverse .navbar-link:hover {
  color: #fff; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }

.breadcrumb > li {
  display: inline-block; }

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0"; }

.breadcrumb > .active {
  color: #999; }

/*--------------------------------------------------------------------------------------------------------------------***  PAGINATION CONTROLS
\*--------------------------------------------------------------------------------------------------------------------*/
.pagination-controls {
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: flex;
  cursor: default;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pagination-controls.is-hidden {
  display: none; }

.pagination-controls ul {
  cursor: pointer;
  list-style: none;
  padding: 0;
  margin: 0; }

.pagination-controls li {
  display: inline-block; }

.pagination-controls a {
  display: block;
  border-radius: 4px;
  cursor: pointer;
  padding: 8px;
  text-decoration: none; }

.pagination-controls a:hover {
  background-color: rgba(0, 0, 0, 0.2); }

.pagination-controls a.active {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  font-weight: bold; }

.pagination-controls a.disabled {
  cursor: not-allowed;
  opacity: .2;
  pointer-events: none; }

.pagination-label {
  font-weight: bold;
  margin: auto 8px; }

/*--------------------------------------------------------------------------------------------------------------------***  LABEL
\*--------------------------------------------------------------------------------------------------------------------*/
.label-flag {
  background-color: rgba(0, 0, 0, 0.6);
  display: inline;
  padding: 2px 4px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 4px; }

.label-flag[href]:hover,
.label-flag[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-flag:empty {
  display: none; }

.btn .label-flag {
  position: relative;
  top: -1px; }

.label-flag-default {
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }

.label-flag-default[href]:hover,
.label-flag-default[href]:focus {
  background-color: #808080; }

.label-flag-primary {
  background-color: #428bca; }

.label-flag-primary[href]:hover,
.label-flag-primary[href]:focus {
  background-color: #3071a9; }

.label-flag-success {
  background-color: #5cb85c; }

.label-flag-success[href]:hover,
.label-flag-success[href]:focus {
  background-color: #449d44; }

.label-flag-info {
  background-color: #5bc0de; }

.label-flag-info[href]:hover,
.label-flag-info[href]:focus {
  background-color: #31b0d5; }

.label-flag-warning {
  background-color: #f0ad4e; }

.label-flag-warning[href]:hover,
.label-flag-warning[href]:focus {
  background-color: #ec971f; }

.label-flag-danger {
  background-color: #d9534f; }

.label-flag-danger[href]:hover,
.label-flag-danger[href]:focus {
  background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999;
  border-radius: 10px; }

.badge:empty {
  display: none; }

.btn .badge {
  position: relative;
  top: -1px; }

.btn-xs .badge {
  top: 0;
  padding: 1px 5px; }

a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #fff; }

.nav-pills > li > a > .badge {
  margin-left: 3px; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

.alert h4 {
  margin-top: 0;
  color: inherit; }

.alert .alert-link {
  font-weight: bold; }

.alert > p,
.alert > ul {
  margin-bottom: 0; }

.alert > p + p {
  margin-top: 5px; }

.alert-dismissable {
  padding-right: 35px; }

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit; }

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.alert-success hr {
  border-top-color: #c9e2b3; }

.alert-success .alert-link {
  color: #2b542c; }

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.alert-info hr {
  border-top-color: #a6e1ec; }

.alert-info .alert-link {
  color: #245269; }

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }

.alert-warning hr {
  border-top-color: #f7e1b5; }

.alert-warning .alert-link {
  color: #66512c; }

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

.alert-danger hr {
  border-top-color: #e4b9c0; }

.alert-danger .alert-link {
  color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

/*--------------------------------------------------------------------------------------------------------------------***  Progress Bars
\*--------------------------------------------------------------------------------------------------------------------*/
.progress {
  height: 20px;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
  padding: 3px; }

.progress-bar {
  border-radius: 3px;
  float: left;
  width: 0;
  height: 100%;
  color: #fff;
  text-align: center;
  background: linear-gradient(#888, #444);
  box-shadow: inset 0 -1px 1 rgba(0, 0, 0, 0.2);
  transition: width .6s ease; }

.progress-striped .progress-bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }

.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }

.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }

.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }

.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media,
.media-body {
  overflow: hidden;
  zoom: 1; }

.media,
.media .media {
  margin-top: 15px; }

.media:first-child {
  margin-top: 0; }

.media-object {
  display: block; }

.media-heading {
  margin: 0 0 5px; }

.media > .pull-left {
  margin-right: 10px; }

.media > .pull-right {
  margin-left: 10px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  padding-left: 0;
  margin-bottom: 20px;
  overflow: hidden; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  background-color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%; }

.list-group-item:last-of-type {
  border-bottom: none; }

.list-group-item > .badge {
  float: right; }

.list-group-item > .badge + .badge {
  margin-right: 5px; }

a.list-group-item {
  color: #555; }

a.list-group-item .list-group-item-heading {
  color: #333; }

a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
  border-top-color: #f5f5f5; }

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #666;
  border-color: #666; }

a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit; }

a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success {
  color: #3c763d; }

a.list-group-item-success .list-group-item-heading {
  color: inherit; }

a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6; }

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info {
  color: #31708f; }

a.list-group-item-info .list-group-item-heading {
  color: inherit; }

a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3; }

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning {
  color: #8a6d3b; }

a.list-group-item-warning .list-group-item-heading {
  color: inherit; }

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc; }

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger {
  color: #a94442; }

a.list-group-item-danger .list-group-item-heading {
  color: inherit; }

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc; }

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

/*--------------------------------------------------------------------------------------------------------------------***  Product Instance Panel
\*--------------------------------------------------------------------------------------------------------------------*/
.product-panel {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  margin: 10px 15px;
  position: relative; }
  .product-panel.is-completed {
    box-shadow: none; }
  .product-panel.is-completed > .product-header > .controls > button {
    pointer-events: none; }
  .product-panel.is-completed > .product-header {
    background: #eee;
    color: rgba(0, 0, 0, 0.4); }
  .product-panel.is-open > .product-content {
    max-height: 1400px; }
  .product-panel > .product-header {
    cursor: pointer;
    background: linear-gradient(#fff, #eee);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-decoration: none;
    height: 150px;
    position: relative; }
    .product-panel > .product-header > .toggle {
      border-right: 1px solid rgba(0, 0, 0, 0.2);
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      padding: 20px;
      vertical-align: middle;
      transition: .1s; }
      .product-panel > .product-header > .toggle:hover {
        background-color: rgba(0, 0, 0, 0.05); }
      .product-panel > .product-header > .toggle > .fa {
        transition: .1s;
        margin: auto; }
    .product-panel > .product-header > .details {
      border-left: 1px solid rgba(255, 255, 255, 0.8);
      border-right: none;
      padding: 16px;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .product-panel > .product-header > .details > h3 {
        margin: 0; }
      .product-panel > .product-header > .details > p {
        margin: 0; }
    .product-panel > .product-header > .debtlist {
      border-left: none;
      border-right: 1px solid rgba(0, 0, 0, 0.2);
      width: 350px;
      padding: 16px;
      overflow: auto;
      position: relative; }
      .product-panel > .product-header > .debtlist > h5 {
        margin: 0;
        padding-bottom: 8px; }
      .product-panel > .product-header > .debtlist > .tag {
        background-color: rgba(0, 0, 0, 0.05);
        display: inline-block;
        padding: 2px 5px;
        margin-bottom: 4px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 4px;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(255, 255, 255, 0.9);
        transition: 150ms; }
        .product-panel > .product-header > .debtlist > .tag:hover {
          background-color: transparent; }
    .product-panel > .product-header > .status {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-flow: column nowrap;
      -webkit-flex-flow: column nowrap;
      flex-flow: column nowrap;
      border-left: 1px solid rgba(255, 255, 255, 0.8);
      border-right: 1px solid rgba(0, 0, 0, 0.2);
      min-width: 150px;
      padding: 16px;
      overflow: hidden;
      position: relative; }
      .product-panel > .product-header > .status > * {
        text-align: center;
        margin: auto; }
    .product-panel > .product-header > .controls {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-flow: column nowrap;
      -webkit-flex-flow: column nowrap;
      flex-flow: column nowrap;
      min-width: 75px; }
      .product-panel > .product-header > .controls > button {
        display: block;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        background-color: transparent;
        border: none;
        border-top: 1px solid rgba(255, 255, 255, 0.8);
        border-left: 1px solid rgba(255, 255, 255, 0.8);
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
        font-weight: bold;
        outline: none;
        padding: 0 15px;
        transition: 100ms ease; }
        .product-panel > .product-header > .controls > button:hover {
          border-top-color: transparent;
          border-left-color: transparent;
          background-color: rgba(0, 0, 0, 0.05); }
        .product-panel > .product-header > .controls > button:active {
          background-color: rgba(0, 0, 0, 0.1);
          transition: 50ms ease; }
        .product-panel > .product-header > .controls > button:first-of-type {
          border-top: none; }
        .product-panel > .product-header > .controls > button:last-of-type {
          border-bottom: none; }
    .product-panel > .product-header > .notification {
      top: 10px;
      left: 10px;
      right: 10px;
      bottom: 10px;
      margin: auto;
      max-height: 230px;
      max-width: 400px; }
    .product-panel > .product-header > .notification .notification__message {
      min-width: 300px;
      max-width: 300px; }
  .product-panel > .product-content {
    transition: max-height .3s;
    max-height: 0;
    overflow: hidden;
    height: auto; }
    .product-panel > .product-content > .product-inner {
      padding: 0 15px; }

.product-process {
  padding: 8px 15px; }

.is-completed .product-inner {
  opacity: 0.6; }

.product-inner {
  border-top: 3px double rgba(0, 0, 0, 0.2); }

.panel-component {
  display: block;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2); }
  .panel-component.-inset {
    background-color: rgba(0, 0, 0, 0.01);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.2); }
  .panel-component.-scrollall {
    overflow: scroll;
    max-width: 100%;
    max-height: 100%; }
  .panel-component.-scrollvert {
    overflow-y: scroll;
    max-height: 100%; }
  .panel-component.-scrollhoriz {
    overflow-x: scroll;
    max-width: 100%; }

/*  Legacy Panel  ----------------------------------------------------------------------------------------------------*/
.legacy-frame {
  background-color: #fff;
  width: 100%;
  overflow: hidden;
  min-height: 100%;
  height: 100%;
  max-height: 100%; }

.legacy-frame iframe {
  display: block;
  height: 100%;
  min-height: 100%;
  width: 100%;
  padding: 0;
  border: none;
  outline: none; }

.portal-page > .display .legacy-frame {
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  height: 600px;
  max-height: 100%; }

.dashboard-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  padding: 16px 12px 12px;
  height: 100%;
  min-height: 100%; }

.dashboard-grid {
  width: 33.33%;
  padding: 4px; }

@media (max-width: 1200px) {
  .dashboard-grid {
    width: 50%; } }

@media (max-width: 700px) {
  .dashboard-grid {
    width: 100%;
    max-width: 100%; } }

.dashboard-widget {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden; }

.dashboard-widget__header {
  background: linear-gradient(#fff, #eee);
  height: 50px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 3px double rgba(0, 0, 0, 0.2);
  color: #666; }

.dashboard-widget__header:after {
  content: '';
  display: table;
  clear: both; }

.dashboard-widget__title {
  display: inline-block;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
  padding: 16px; }

.dashboard-widget__content {
  height: 275px; }

.dashboard-widget__content.vertical-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }

.dashboard-widget__list {
  padding-left: 0; }

.dashboard-widget__list-item {
  cursor: default;
  position: relative;
  display: block;
  padding: 10px 15px;
  background-color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%; }

.dashboard-widget__list-item:hover {
  background-color: #eee; }

.numeral,
.numeral-label {
  line-height: 1;
  font-weight: bold; }

.numeral-primary {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  padding-bottom: 0.5rem;
  font-weight: bold;
  text-align: center; }
  .numeral-primary > .label {
    color: #bbb;
    font-size: 1.25rem;
    margin: 0 auto auto; }
  .numeral-primary > .value {
    font-size: 4.5rem;
    margin: auto auto 0; }

.numeral-secondary {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-weight: bold;
  padding: 0.25rem 0.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .numeral-secondary:hover {
    background-color: rgba(0, 0, 0, 0.02); }
  .numeral-secondary > .label {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left;
    color: rgba(0, 0, 0, 0.4); }
  .numeral-secondary > .value {
    text-align: right; }

/*  Widget  ----------------------------------------------------------------------------------------------------------*/
.main-panel > .panel-body {
  height: calc(100% - 50px);
  overflow-y: scroll; }

.widget-panel {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  height: 100%;
  overflow: hidden; }

.widget-panel > .widget-heading {
  background: linear-gradient(#fff, #eee);
  height: 50px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 3px double rgba(0, 0, 0, 0.2);
  color: #666; }

.widget-panel > .widget-heading:after {
  content: '';
  display: table;
  clear: both; }

.dashboard-chart {
  color: #f07d36; }

/*--------------------------------------------------------------------------------------------------------------------***  BUTTON TOOLBAR
\*--------------------------------------------------------------------------------------------------------------------*/
.button-group {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  overflow: hidden; }

.toolbar {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  height: 100%; }

.toolbar-vertical .btn-block {
  text-align: left;
  margin-bottom: 5px;
  padding: 20px 15px; }

.toolbar-button {
  background: linear-gradient(#fff, #eee);
  border: 0;
  float: left;
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.8);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px 1px white;
  padding: 15px;
  outline: none; }

.toolbar-button:hover {
  background: linear-gradient(#ddd, #eee);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  text-decoration: none; }

.toolbar-button .fa + span {
  padding-left: 5px; }

.toolbar-vertical .toolbar-button {
  display: block;
  float: none;
  height: 100%;
  border-left: none;
  border-right: none;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.toolbar-vertical .toolbar-button:hover {
  background: linear-gradient(#ddd, #eee);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-decoration: none; }

.toolbar-button.payment,
.toolbar-vertical .toolbar-button.payment {
  background: linear-gradient(#3edf46, #26972c);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
  color: #fff; }

.toolbar-button.payment:hover,
.toolbar-vertical .toolbar-button.payment:hover {
  background: #26972c;
  border-left: 1px solid #26972c;
  border-right: 1px solid #26972c;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
  color: #fff; }

.toolbar-button.bold {
  background: linear-gradient(#888, #666);
  border-left: 1px solid transparent;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
  color: #fff; }

.toolbar-button.bold:hover {
  background: #666;
  border-left: 1px solid #666;
  border-right: 1px solid #666; }

.widget-button {
  background: linear-gradient(#fff, #eee);
  border-color: rgba(0, 0, 0, 0.2);
  color: #666;
  padding: 0.5rem 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none; }

.widget-button:hover {
  background: rgba(0, 0, 0, 0.05); }

.widget-title {
  display: inline-block;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
  padding: 15px; }

.widget-title > a {
  color: inherit; }

/*  Chart Widget  */
.chart-widget > .panel-body {
  padding: 0; }

.widget-panel > .widget-heading + .panel-collapse .panel-body {
  border-top-color: rgba(0, 0, 0, 0.2); }

.widget-panel > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: rgba(0, 0, 0, 0.2); }

/*--------------------------------------------------------------------------------------------------------------------***  Popup Dialog
\*--------------------------------------------------------------------------------------------------------------------*/
.confirm-dialog {
  background-color: #666;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 50%;
  left: -200px;
  width: 200px;
  height: 80px;
  overflow: hidden; }

.confirm-dialog-content {
  color: #fff;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
  padding: 8px 8px 8px 35px;
  position: relative; }

.confirm-dialog-content .fa {
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px; }

.confirm-dialog-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.confirm-dialog-footer button {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: rgba(255, 255, 255, 0.05);
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
  min-width: 30px;
  height: 30px;
  padding: 0 5px;
  margin: 0;
  outline: none;
  transition: background-color 150ms ease; }

.confirm-dialog-footer button:hover {
  background-color: rgba(0, 0, 0, 0.05); }

.confirm-dialog-footer button:active {
  background-color: rgba(0, 0, 0, 0.1);
  transition: background-color 50ms ease; }

.confirm-dialog-footer button:first-of-type {
  border-right: 1px solid rgba(0, 0, 0, 0.2); }

.confirm-dialog-footer button:last-of-type {
  border-left: 1px solid rgba(255, 255, 255, 0.3); }

.ember-modal-wrapper {
  position: fixed;
  height: 100vh;
  left: 0;
  right: 0;
  top: 0;
  z-index: 5000; }

.ember-modal-overlay {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-y: scroll;
  position: relative;
  height: 100vh;
  padding: 48px 16px 16px; }
  .ember-modal-overlay.translucent {
    background-color: rgba(0, 0, 0, 0.5); }

.ember-modal-dialog {
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 5px 5px rgba(0, 0, 0, 0.2);
  padding: 0;
  margin: 0 auto auto;
  min-width: 300px;
  width: 100%;
  max-width: 900px;
  position: relative; }

.dialog-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 36px; }
  .dialog-header > .title {
    padding: 8px;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .dialog-header > .close {
    background-color: transparent;
    border: none;
    outline: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    cursor: pointer;
    min-width: 36px;
    height: 36px;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    transition: 150ms;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .dialog-header > .close > .fa {
      margin: auto; }
    .dialog-header > .close:hover {
      color: #f07d36; }

.dialog-body {
  padding: 8px; }

.dialog-section {
  margin-bottom: 4px; }

.dialog-section:not(:first-of-type) {
  margin-top: 16px; }

.dialog-footer {
  margin-top: 8px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.dialog-button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  height: 48px;
  min-width: 48px;
  padding: 16px;
  border: none;
  outline: none; }
  .dialog-button > .buttontext {
    margin: auto;
    transition: 150ms; }
  .dialog-button:hover {
    text-decoration: none; }
    .dialog-button:hover > .buttontext {
      color: #f07d36; }

/*--------------------------------------------------------------------------------------------------------------------***  Modal (TODO: Phase out)
\*--------------------------------------------------------------------------------------------------------------------*/
.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8000;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal.fade .modal-dialog {
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%); }

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

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  z-index: 9000; }

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 10px;
  outline: none;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

server-error .modal-content {
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
  background-color: rgba(225, 0, 0, 0.5);
  box-shadow: inset 0 -50px 70px #e10000, 0 3px 9px rgba(0, 0, 0, 0.5); }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 7000;
  background-color: #000; }

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0; }

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5; }

.modal-header {
  min-height: 15px;
  height: 50px; }

.modal-header .close {
  color: inherit;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
  line-height: 1;
  padding: 6px 10px;
  outline: none; }

.modal-header .close:active {
  background: rgba(0, 0, 0, 0.3); }

.modal-title {
  margin: 0;
  line-height: 1;
  padding: 15px 15px 0; }

.modal-body {
  position: relative;
  padding: 0 15px 15px; }

.modal-footer {
  padding: 0 15px 15px;
  text-align: right; }

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  server-error .modal-dialog {
    width: 600px;
    margin: 80px auto; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0; }

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9; }

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px; }

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px; }

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px; }

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

/*--------------------------------------------------------------------------------------------------------------------***  MINI NOTIFICATION COMPONENT
\*--------------------------------------------------------------------------------------------------------------------*/
.mini-notification__tray {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px; }

.mini-notification {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-right: 16px; }

.mini-notification:last-of-type {
  margin-right: 0; }

.mini-notification .fa {
  font-size: 12px;
  line-height: 16px; }

.mini-notification__content {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 4px;
  position: relative; }

.mini-notification__content__message {
  font-size: 10px;
  font-weight: bold;
  line-height: 16px;
  margin: 0; }

.mini-notification__content__desc {
  font-size: 10px;
  font-weight: bold;
  line-height: 10px;
  margin: 0;
  position: absolute;
  opacity: 0; }

/*--------------------------------------------------------------------------------------------------------------------***  NOTIFICATION COMPONENT
\*--------------------------------------------------------------------------------------------------------------------*/
.notification {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  box-shadow: inset 0 -50px 70px #333, 0 2px 4px rgba(0, 0, 0, 0.6);
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.9);
  position: absolute;
  bottom: 165px;
  left: 25px;
  z-index: 2000; }

.notification.popover:after {
  border-top: 10px solid #333;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  display: block;
  content: '';
  position: absolute;
  bottom: -10px;
  left: calc(50% - 20px); }

.notification__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.notification__icon {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding: 15px; }

.notification__icon * {
  text-align: center;
  margin: auto; }

.notification__message {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding: 15px 15px 15px 0;
  min-width: 200px;
  max-width: 300px; }

.notification__confirmation {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  border-top: 1px solid rgba(0, 0, 0, 0.5); }

.notification__confirmation button {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: transparent;
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0 0 5px 5px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.9);
  min-width: 30px;
  height: 30px;
  padding: 0 5px;
  margin: 0;
  outline: none;
  transition: 150ms ease; }

.notification__confirmation button:hover {
  background-color: rgba(0, 0, 0, 0.4); }

.notification__confirmation button:active {
  background-color: rgba(0, 0, 0, 0.9);
  border-top: 1px solid rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0.7);
  transition: background-color 50ms ease; }

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " "; }

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.affix {
  position: fixed; }

html {
  height: 100%; }

body {
  padding-top: 65px;
  padding-bottom: 25px;
  min-height: 100%;
  height: 100%; }
  body > .ember-view {
    min-height: 100%;
    height: 100%; }

.highcharts {
  width: 100%; }

img {
  width: 100%;
  height: auto; }

.wrap {
  height: 100%;
  min-height: 100%;
  padding: 85px 0 45px;
  overflow: auto; }
  .wrap.noscroll {
    overflow: hidden; }

.portal-header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -ms-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  background: linear-gradient(#555, #444);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 3000;
  transition: 300ms;
  height: 65px;
  margin-bottom: 0; }

.portal-header.hide-ui {
  -webkit-transform: translate3d(0, -70px, 0);
  transform: translate3d(0, -70px, 0); }

.portal-header .banner {
  float: left;
  width: 250px;
  height: 100%;
  position: relative;
  z-index: 5000; }

.portal-header .brand {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  height: 100%;
  max-height: 65px;
  padding: 10px; }

.portal-header .brand .logo {
  background-image: url("../img/logo/lariat/LariatLogoColor.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  max-width: 150px;
  width: 100%;
  height: 100%;
  margin: 0 auto; }

.portal-header .nav-toggle {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.8);
  float: right;
  font-size: 18px;
  line-height: 20px;
  height: 100%;
  padding: 25px 25px 0; }

.portal-header banner.expanded .nav-toggle {
  color: #fff;
  background-color: #333;
  position: relative; }

.portal-header banner.expanded .nav-toggle:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 10px solid #333;
  position: absolute;
  bottom: -10px;
  left: calc(50% - 20px); }

.portal-header .portal-nav {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -ms-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  height: 100%;
  transition: 300ms;
  z-index: 4000; }

.portal-header > .portal-nav .portal-links {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -ms-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  list-style: none;
  height: 100%;
  margin: 0;
  padding: 0; }

.portal-header > .portal-nav .portal-links li {
  list-style: none;
  height: 100%;
  min-width: 75px; }

.portal-header > .portal-nav .portal-link {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  border-bottom: none;
  color: rgba(255, 255, 255, 0.8);
  font-weight: bold;
  display: block;
  height: 100%;
  padding: 0 25px;
  position: relative;
  text-decoration: none; }

.portal-header > .portal-nav .portal-link > .active-pointer.down {
  bottom: -15px;
  z-index: 10; }

.portal-header > .portal-nav .portal-link > span {
  display: inline-block;
  height: 100%;
  line-height: 65px;
  vertical-align: middle; }

.portal-header > .portal-nav .portal-link > span.fa {
  font-size: 20px; }

.portal-header > .portal-nav .portal-link:hover,
.portal-header > .portal-nav .portal-link:focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.1); }

.portal-header > .portal-nav .portal-link.active,
.portal-header > .portal-nav li.active > .portal-link {
  color: #fff;
  background-color: #333;
  position: relative; }

.portal-search-container {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.portal-header > .portal-nav .header-widgets {
  height: 100%;
  float: right; }

.portal-header > .portal-nav .portal-settings {
  cursor: pointer;
  height: 100%; }

/* User Widget -------------------------------------------------------------------------------------------------------*/
user-widget {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: bold;
  text-align: center;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  height: 100%;
  padding: 0 16px; }

user-widget p {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
  overflow: hidden; }

user-widget .user-widget-company {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); }

user-widget .user-widget-username {
  line-height: 20px; }

user-widget .user-widget-logout {
  font-size: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

user-widget > div {
  margin: auto; }

user-widget > div > div {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  font-size: 10px; }

user-widget:hover,
user-widget:focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.1);
  outline: none;
  text-decoration: none; }

/*--------------------------------------------------------------------------------------------------------------------***  LIVE SEARCH
\*--------------------------------------------------------------------------------------------------------------------*/
.live-search {
  background-color: #444;
  border: none;
  border-radius: 6px;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  position: relative;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  margin: 12px 15px 13px;
  transition: background-color 150ms ease, box-shadow 150ms ease; }

.live-search.activated {
  background-color: #333;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 0 6px rgba(0, 0, 0, 0.6);
  outline: 0; }

.live-search__input {
  display: block;
  background: none;
  color: inherit;
  border: 0;
  outline: 0;
  height: 40px;
  padding-left: 40px;
  width: 100%; }

.live-search__icon {
  line-height: 40px;
  padding: 0 13px;
  position: absolute;
  top: 0; }

.live-search__results {
  list-style: none;
  margin: 0;
  padding: 0; }

.live-search__result-item {
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 40px;
  padding: 0 10px;
  max-height: 40px;
  text-decoration: none; }

.live-search__result-item > span.fa {
  font-size: 12px;
  line-height: 40px;
  max-height: 40px; }

.live-search__result-item:hover {
  background-color: rgba(0, 0, 0, 0.2);
  text-decoration: none; }

.live-search .loading {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
  line-height: 30px;
  text-align: left;
  padding: 0 24px; }

.live-search .loading-dot {
  margin: 0 1px;
  background: rgba(255, 255, 255, 0.4); }

.portal-main {
  height: 100%;
  min-height: 100%;
  overflow-y: auto;
  position: relative; }

.portal-page {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 100%; }
  .portal-page > .navigation {
    padding: 16px 8px 16px 16px;
    width: 250px; }
    .portal-page > .navigation > ul {
      list-style: none;
      padding: 0;
      margin: 0; }
  .portal-page > .display {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 16px; }
  .portal-page > .navigation + .display {
    padding: 16px 16px 16px 8px; }

.page-header {
  background: linear-gradient(#fff, #eee);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  height: 40px;
  border-bottom: 3px double rgba(0, 0, 0, 0.2); }
  .page-header > .title {
    margin: 0;
    padding: 0 8px;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold; }

.page-content {
  background-color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden; }

.page-header + .page-content {
  border-radius: 0 0 4px 4px; }

.portal-page__row:after {
  content: '';
  display: table;
  clear: both;
  width: 100%; }

.portal-page__side-nav {
  float: left;
  width: 250px;
  padding: 0 16px; }

.portal-page__side-nav ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.portal-page__side-nav + article {
  float: left;
  width: calc(100% - 250px);
  padding: 0 16px; }

.portal-page__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 -4px 8px;
  min-height: 40px; }

.portal-page__header > * {
  margin: 0 4px; }

.portal-page__header-title {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: linear-gradient(#fff, #eee);
  /*border: 1px solid rgba(0, 0, 0, .2);*/
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  margin: 0 4px;
  padding: 0 16px;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  min-height: 40px;
  text-shadow: 0 1px 1px white; }

.portal-page__header-action {
  background-color: white;
  border: none;
  border-radius: 4px;
  box-shadow: inset 0 -25px 25px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  min-width: 50px;
  margin: 0 4px;
  padding: 0 16px;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px white;
  outline: none;
  transition: 150ms; }

.portal-page__header-action:hover,
.portal-page__header-action:focus {
  box-shadow: inset 0 -18px 18px rgba(0, 0, 0, 0.06), 0 0 3px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  -webkit-transform: translate3d(0, -1px, 0);
          transform: translate3d(0, -1px, 0); }

.portal-page__header-action:active {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 -25px 25px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: 50ms; }

.portal-page__section {
  position: relative; }

.portal-page__section-tabs {
  overflow: hidden;
  margin: 0 -1px;
  position: relative;
  z-index: 2; }

.portal-page__section-tabs ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  list-style: none;
  padding: 1px 0 0;
  margin: 0; }

.portal-page__section-tabs li {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
  margin: 0 1px; }

.portal-page__section-tabs a {
  background-color: #f7f7f7;
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: block;
  padding: 16px;
  border-radius: 8px 8px 0 0;
  box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  -webkit-transform: translate3d(0, 2px, 0);
          transform: translate3d(0, 2px, 0);
  transition: box-shadow 150ms, -webkit-transform 150ms;
  transition: box-shadow 150ms, transform 150ms;
  transition: box-shadow 150ms, transform 150ms, -webkit-transform 150ms; }

.portal-page__section-tabs a:hover {
  box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.portal-page__section-tabs a.active {
  background-color: #fff;
  box-shadow: inset 0 -1px 0 transparent, 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.6);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.portal-page__section-content {
  background: #fff;
  padding: 16px;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 8px;
  position: relative;
  z-index: 1; }

.portal-page__section-tabs + .lariat-table,
.portal-page__section-tabs + .table-data {
  border-radius: 0 0 4px 4px;
  position: relative;
  z-index: 1; }

.portal-page__section-tabs + .portal-page__section-content {
  border-radius: 0 0 4px 4px; }

.portal-page__section-title {
  margin: 0;
  font-size: 20px; }

.portal-page__button-grid > ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  list-style: none;
  padding: 0;
  margin: 0 -4px; }

.portal-page__button-grid > ul > li {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 4px;
  min-width: 16.66666667%;
  max-width: 16.66666667%;
  margin: 0; }

portal-queue {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  max-height: 100%;
  position: relative;
  padding: 20px 16px 16px; }

portal-queue header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 -2px 8px;
  height: 40px; }

portal-queue header .button {
  line-height: 40px;
  min-width: 40px;
  height: 40px;
  margin: 0 2px; }

portal-queue header .queue-banner {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: linear-gradient(#fff, #eee);
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  min-height: 40px;
  margin: 0 2px; }

portal-queue header .queue-title {
  padding: 0 12px;
  font-weight: bold;
  line-height: 40px;
  text-shadow: 0 1px 1px white;
  margin: 0; }

portal-queue .queue-controls {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: linear-gradient(#fff, #eee);
  border-bottom: 3px double rgba(0, 0, 0, 0.1);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2); }

portal-queue .queue-filters {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 4px; }

portal-queue .queue-filter_inputs {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

portal-queue .queue-pagination {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-left: 1px solid rgba(255, 255, 255, 0.9);
  padding: 4px; }

portal-queue .queue-display {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  overflow-y: hidden; }

.admin-processes {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .admin-processes > .listing {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
  .admin-processes > .editing {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    width: 0;
    overflow: hidden;
    transition: 150ms; }
    .admin-processes > .editing.-active {
      width: 350px; }

.process-list {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: scroll;
  padding: 8px 8px 60px; }

process-type {
  cursor: default;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  margin-bottom: 8px;
  box-shadow: 0 0 0 transparent, 0 0 0 transparent;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: 150ms; }
  process-type:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.2); }
  process-type.-expanded, process-type.-active {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.4);
    -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0); }
  process-type > .process-expand {
    background: transparent;
    border: 0;
    outline: 0;
    height: 36px;
    width: 36px; }
    process-type > .process-expand:hover {
      color: #f07d36; }
  process-type > .process-icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: 36px;
    width: 36px; }
    process-type > .process-icon > loading-spinner,
    process-type > .process-icon > .fa {
      margin: auto; }
    process-type > .process-icon.-active {
      color: #f07d36; }
  process-type > .process-controls {
    width: 0;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    opacity: 0;
    white-space: nowrap;
    transition: 50ms; }
    process-type > .process-controls > .delete {
      background-color: transparent;
      border: none;
      outline: none;
      font-size: 16px;
      height: 36px;
      width: 36px; }
      process-type > .process-controls > .delete:hover {
        color: #f07d36; }
      process-type > .process-controls > .delete:disabled {
        color: #ddd; }
  process-type:hover > .process-container > .process-header > .process-controls,
  process-type.-active > .process-container > .process-header > .process-controls,
  process-type.-expanded > .process-container > .process-header > .process-controls {
    width: auto;
    opacity: 1; }
  process-type > .process-container {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    process-type > .process-container > .process-header {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      height: 36px; }
      process-type > .process-container > .process-header > .process-title {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 0 8px 0 0;
        font-size: 16px;
        font-weight: bold;
        margin: auto 0; }
        process-type > .process-container > .process-header > .process-title > .name {
          display: inline-block;
          width: 100%;
          background-color: transparent;
          border-radius: 4px;
          box-shadow: 0 0 0 transparent;
          margin: 0;
          padding: 0 2px;
          outline: 0;
          border: 0;
          height: 30px;
          transition: 100ms; }
          process-type > .process-container > .process-header > .process-title > .name:focus {
            background-color: rgba(0, 0, 0, 0.01);
            border-radius: 4px;
            box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2); }
      process-type > .process-container > .process-header > .process-controls {
        width: 0;
        height: 36px;
        overflow: hidden;
        opacity: 0;
        white-space: nowrap;
        transition: 50ms; }
        process-type > .process-container > .process-header > .process-controls > .delete {
          background-color: transparent;
          border: none;
          border-left: 1px solid rgba(0, 0, 0, 0.1);
          outline: none;
          font-size: 16px;
          height: 36px;
          width: 36px; }
          process-type > .process-container > .process-header > .process-controls > .delete:hover {
            color: #f07d36; }
          process-type > .process-container > .process-header > .process-controls > .delete:disabled {
            color: #ddd; }
        process-type > .process-container > .process-header > .process-controls > .create {
          background-color: transparent;
          border: none;
          border-left: 1px solid rgba(0, 0, 0, 0.1);
          outline: none;
          font-size: 16px;
          font-weight: bold;
          height: 36px;
          margin: auto 0;
          padding: 0 8px; }
          process-type > .process-container > .process-header > .process-controls > .create:hover {
            color: #f07d36; }
          process-type > .process-container > .process-header > .process-controls > .create:disabled {
            color: #ddd; }
    process-type > .process-container > .process-content {
      width: 100% !important; }
    process-type > .process-container > .process-content > div > .process-details {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 0 16px 16px 0;
      font-size: 14px;
      margin: 0; }
      process-type > .process-container > .process-content > div > .process-details > .process-detail {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        process-type > .process-container > .process-content > div > .process-details > .process-detail > .label {
          display: inline-block; }
        process-type > .process-container > .process-content > div > .process-details > .process-detail > .field {
          display: inline-block; }
    process-type > .process-container > .process-content > div > .process-steps {
      padding: 4px 16px 16px 8px; }
      process-type > .process-container > .process-content > div > .process-steps > .header {
        display: inline-block;
        color: #fff;
        background-color: #666;
        font-size: 12px;
        font-weight: bold;
        line-height: 12px;
        padding: 4px 8px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 8px 8px 8px 0; }
        process-type > .process-container > .process-content > div > .process-steps > .header > .ember-power-select {
          color: #666; }
  process-type.-mini {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transition: 150ms; }
    process-type.-mini.-active {
      color: #f07d36; }
    process-type.-mini.-expanded, process-type.-mini.-active {
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.4);
      -webkit-transform: translate3d(0, -2px, 0);
              transform: translate3d(0, -2px, 0); }
    process-type.-mini > .banner {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-size: 14px;
      font-weight: bold; }
      process-type.-mini > .banner > .fa-fw {
        width: 24px;
        height: 24px;
        margin: auto 0; }
    process-type.-mini > .controls {
      width: 0;
      opacity: 0;
      overflow: hidden;
      white-space: nowrap;
      transition: 50ms; }
      process-type.-mini > .controls > .delete {
        background-color: transparent;
        border: none;
        outline: none;
        font-size: 12px;
        padding: 8px; }
        process-type.-mini > .controls > .delete:hover {
          color: #f07d36; }
        process-type.-mini > .controls > .delete:disabled {
          color: #ddd; }
    process-type.-mini:hover > .controls,
    process-type.-mini.-active > .controls,
    process-type.-mini.-expanded > .controls {
      width: auto;
      opacity: 1; }

._fullwidth {
  width: 100% !important; }

step-template {
  display: block;
  border-radius: 8px;
  box-shadow: 0 0 0 transparent, 0 0 0 transparent;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: 150ms; }
  step-template:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.2); }
  step-template.-active .step-header > .banner {
    color: #f07d36; }
  step-template.-expanded, step-template.-active {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.4);
    -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0); }
  step-template .step-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    step-template .step-header > .expand {
      background-color: transparent;
      border: none;
      outline: none;
      display: block;
      width: 32px;
      height: 32px;
      padding: 0;
      opacity: 0;
      -webkit-animation: node-item-fadein 100ms ease-in-out 150ms forwards;
              animation: node-item-fadein 100ms ease-in-out 150ms forwards; }
      step-template .step-header > .expand:hover {
        color: #f07d36; }
    step-template .step-header > .banner {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      step-template .step-header > .banner > .title {
        padding: 8px 8px 8px 0;
        font-size: 14px;
        font-weight: bold;
        margin: 0; }
      step-template .step-header > .banner > .details {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 8px;
        margin: auto 0;
        font-size: 12px; }
    step-template .step-header > .controls {
      width: 0;
      overflow: hidden;
      opacity: 0;
      white-space: nowrap;
      transition: 50ms; }
      step-template .step-header > .controls > .delete {
        background-color: transparent;
        border: none;
        outline: none;
        font-size: 14px;
        padding: 8px; }
        step-template .step-header > .controls > .delete:hover {
          color: #f07d36; }
        step-template .step-header > .controls > .delete:disabled {
          color: #ddd; }
  step-template:hover > .step-header > .controls,
  step-template.-active > .step-header > .controls,
  step-template.-expanded > .step-header > .controls {
    width: auto;
    opacity: 1; }
  step-template .step-content {
    padding: 0 16px 16px 40px; }
    step-template .step-content > .header {
      display: inline-block;
      color: #fff;
      background-color: #666;
      font-size: 12px;
      font-weight: bold;
      line-height: 12px;
      padding: 4px 8px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 8px 8px 8px 0; }

.actions-dropdown,
.arguments-dropdown {
  min-width: 200px; }

action-template {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  box-shadow: 0 0 0 transparent, 0 0 0 transparent;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: 150ms; }
  action-template:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.2); }
  action-template.-active > .banner {
    color: #f07d36; }
  action-template.-expanded, action-template.-active {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.4);
    -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0); }
  action-template > .banner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    action-template > .banner > .title {
      padding: 8px;
      margin: auto 0;
      font-size: 12px;
      font-weight: bold; }
      action-template > .banner > .title > .fa-fw {
        width: 24px; }
    action-template > .banner > .details {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 8px;
      margin: auto 0;
      font-size: 12px; }
  action-template > .controls {
    width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: 50ms; }
    action-template > .controls > .delete {
      background-color: transparent;
      border: none;
      outline: none;
      font-size: 12px;
      padding: 8px; }
      action-template > .controls > .delete:hover {
        color: #f07d36; }
      action-template > .controls > .delete:disabled {
        color: #ddd; }
  action-template:hover > .controls,
  action-template.-active > .controls,
  action-template.-expanded > .controls {
    width: auto;
    opacity: 1; }

.admin-products {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .admin-products > .listing {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
  .admin-products > .editing {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    width: 0;
    overflow: scroll;
    transition: 150ms; }
    .admin-products > .editing.-active {
      width: 350px; }

.product-list {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: scroll;
  padding: 8px 8px 60px; }

product-type .product-processes {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 4px 16px 16px 8px; }
  product-type .product-processes > .header {
    display: inline-block;
    color: #fff;
    background-color: #666;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding: 4px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px 8px 8px 0; }

product-type.accordion-panel {
  cursor: default;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  transition: 150ms; }
  product-type.accordion-panel.-simplerows {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  product-type.accordion-panel.-extruding {
    border-radius: 8px;
    margin-bottom: 8px;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    product-type.accordion-panel.-extruding:hover {
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.2); }
    product-type.accordion-panel.-extruding.-expanded, product-type.accordion-panel.-extruding.-active {
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.4);
      -webkit-transform: translate3d(0, -2px, 0);
              transform: translate3d(0, -2px, 0); }
  product-type.accordion-panel > .accordion-expand {
    cursor: pointer;
    text-align: center;
    line-height: 36px;
    height: 36px;
    width: 36px; }
    product-type.accordion-panel > .accordion-expand:hover {
      color: #f07d36; }
    product-type.accordion-panel > .accordion-expand > .fa {
      transition: 150ms; }
  product-type.accordion-panel .accordion-icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: 36px;
    width: 36px; }
    product-type.accordion-panel .accordion-icon > loading-spinner,
    product-type.accordion-panel .accordion-icon > .fa {
      margin: auto; }
    product-type.accordion-panel .accordion-icon > .label {
      display: inline-block;
      min-height: 20px;
      min-width: 20px;
      margin: auto;
      font-size: 12px;
      text-align: center;
      line-height: 12px;
      font-weight: bold;
      border-radius: 4px;
      color: #eee;
      background-color: rgba(0, 0, 0, 0.6);
      padding: 4px; }
    product-type.accordion-panel .accordion-icon.-active {
      color: #f07d36; }
  product-type.accordion-panel:hover > .accordion-container > .accordion-header > .accordion-controls,
  product-type.accordion-panel.-active > .accordion-container > .accordion-header > .accordion-controls,
  product-type.accordion-panel.-expanded > .accordion-container > .accordion-header > .accordion-controls {
    width: auto;
    opacity: 1; }
  product-type.accordion-panel > .accordion-container {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    product-type.accordion-panel > .accordion-container > .accordion-header {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      height: 36px; }
      product-type.accordion-panel > .accordion-container > .accordion-header > .accordion-title {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 0 8px 0 0;
        font-size: 16px;
        font-weight: bold;
        margin: auto 0; }
        product-type.accordion-panel > .accordion-container > .accordion-header > .accordion-title > .name {
          display: inline-block;
          width: 100%;
          background-color: transparent;
          border-radius: 4px;
          box-shadow: 0 0 0 transparent;
          margin: 0;
          padding: 0 2px;
          outline: 0;
          border: 0;
          height: 30px;
          transition: 100ms; }
          product-type.accordion-panel > .accordion-container > .accordion-header > .accordion-title > .name:focus {
            background-color: rgba(0, 0, 0, 0.01);
            border-radius: 4px;
            box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2); }
      product-type.accordion-panel > .accordion-container > .accordion-header > .accordion-controls {
        width: 0;
        height: 36px;
        overflow: hidden;
        opacity: 0;
        white-space: nowrap;
        transition: 50ms; }
        product-type.accordion-panel > .accordion-container > .accordion-header > .accordion-controls > .control-button {
          background-color: transparent;
          border: none;
          border-left: 1px solid rgba(0, 0, 0, 0.1);
          outline: none;
          font-size: 16px;
          height: 36px;
          min-width: 36px; }
          product-type.accordion-panel > .accordion-container > .accordion-header > .accordion-controls > .control-button:hover {
            color: #f07d36; }
          product-type.accordion-panel > .accordion-container > .accordion-header > .accordion-controls > .control-button:disabled {
            color: #ddd; }
    product-type.accordion-panel > .accordion-container > .accordion-content {
      width: 100% !important; }
    product-type.accordion-panel > .accordion-container > .accordion-content > div > .accordion-details {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 0 16px 16px 0;
      font-size: 14px;
      margin: 0; }
      product-type.accordion-panel > .accordion-container > .accordion-content > div > .accordion-details > .accordion-detail {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        product-type.accordion-panel > .accordion-container > .accordion-content > div > .accordion-details > .accordion-detail > .label {
          display: inline-block; }
        product-type.accordion-panel > .accordion-container > .accordion-content > div > .accordion-details > .accordion-detail > .field {
          display: inline-block; }
    product-type.accordion-panel > .accordion-container > .accordion-content > div > .accordion-section {
      display: block;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      padding: 8px 0 8px 8px;
      font-size: 14px;
      margin: 0; }

context-editor > .title {
  margin: 0;
  padding: 16px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  context-editor > .title > .close {
    background: none;
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0; }

context-editor > .editform {
  padding: 16px; }

.accordion-panel {
  cursor: default;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  transition: 150ms; }
  .accordion-panel.-simplerows {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .accordion-panel.-extruding {
    border-radius: 8px;
    margin-bottom: 8px;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    .accordion-panel.-extruding:hover {
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.2); }
    .accordion-panel.-extruding.-expanded, .accordion-panel.-extruding.-active {
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.4);
      -webkit-transform: translate3d(0, -2px, 0);
              transform: translate3d(0, -2px, 0); }

.accordion-spacer {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100% !important;
  max-width: 100% !important; }

.accordion-panel-wrapper {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.accordion-header {
  position: relative;
  min-height: 36px; }

.accordion-trigger {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  background: none;
  background-color: transparent;
  border: none;
  outline: none;
  display: block;
  cursor: pointer;
  text-align: center;
  width: 36px;
  height: 36px; }
  .accordion-trigger:hover {
    color: #f07d36; }

.accordion-spacer {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100% !important;
  max-width: 100% !important; }

.accordion-section {
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
  margin: 0; }

.accordion-banner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }
  .accordion-banner .accordion-title {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 8px 0 0;
    margin: auto 0; }

.debtsbystatus-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  height: 32px; }
  .debtsbystatus-header > .count {
    display: inline-block;
    height: 16px;
    min-width: 16px;
    margin: auto 0;
    text-align: center;
    line-height: 16px;
    font-weight: bold;
    border-radius: 4px;
    color: #eee;
    background-color: rgba(0, 0, 0, 0.6); }
  .debtsbystatus-header > .title {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0;
    margin: auto 8px; }
  .debtsbystatus-header > .detail {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: auto 0;
    padding: 0 8px; }
    .debtsbystatus-header > .detail > .label {
      color: rgba(0, 0, 0, 0.4); }
    .debtsbystatus-header > .detail > .value {
      font-weight: bold; }

.component-grid {
  display: table;
  border-collapse: collapse; }
  .component-grid.-fixed {
    table-layout: fixed; }
  .component-grid > .grid-row {
    display: table-row; }
    .component-grid > .grid-row > .grid-cell {
      display: table-cell; }

.node-list {
  border-left: 2px solid #666;
  padding: 16px 0 0;
  margin: 0;
  list-style: none; }
  .node-list.-empty {
    border-left-color: transparent; }

.node-item {
  position: relative;
  padding: 4px 0 4px 24px; }
  .node-item:before {
    border-top: 2px solid #666;
    display: block;
    content: '';
    height: 0;
    position: absolute;
    top: 19px;
    left: 0;
    z-index: 150;
    -webkit-animation: node-item-branch 100ms ease-in-out 100ms forwards;
            animation: node-item-branch 100ms ease-in-out 100ms forwards; }
  .node-item > .content {
    position: relative;
    z-index: 100;
    opacity: 0;
    -webkit-animation: node-item-fadein 100ms ease-in-out 200ms forwards;
            animation: node-item-fadein 100ms ease-in-out 200ms forwards; }
  .node-item > .joint {
    background-color: transparent;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: -16px;
    left: -17px;
    width: 32px;
    height: 32px;
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    z-index: 200; }
    .node-item > .joint.-first {
      bottom: auto;
      top: -16px; }
    .node-item > .joint.-only {
      bottom: auto;
      top: -16px; }
    .node-item > .joint.-only > .point {
      background-color: #666;
      color: #fff;
      width: 16px;
      height: 16px; }
    .node-item > .joint > .point {
      color: #666;
      text-align: center;
      font-weight: bold;
      font-size: 16px;
      line-height: 16px;
      letter-spacing: 1px;
      display: block;
      background-color: #666;
      border-radius: 50%;
      width: 6px;
      height: 6px;
      overflow: hidden;
      margin: auto;
      padding: 0;
      transition: 50ms; }
    .node-item > .joint:hover > .point,
    .node-item > .joint.-active > .point {
      background-color: #f07d36;
      color: #fff;
      width: 16px;
      height: 16px; }
    .node-item > .joint > .flag {
      opacity: 0;
      display: block;
      pointer-events: none;
      height: 24px;
      background-color: #f07d36;
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
      padding: 0 4px;
      font-weight: bold;
      line-height: 24px;
      white-space: nowrap;
      border-radius: 0 8px 8px 0;
      position: absolute;
      left: 48px;
      top: calc(50% - 12px);
      transition: 50ms; }
      .node-item > .joint > .flag:before {
        display: block;
        content: '';
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-right: 16px solid #f07d36;
        position: absolute;
        top: 0;
        left: -16px; }
    .node-item > .joint:hover > .flag,
    .node-item > .joint.-active > .flag {
      opacity: 1; }

.node-placeholder {
  position: relative;
  height: 0; }
  .node-placeholder > .joint {
    background-color: transparent;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: -16px;
    left: -17px;
    width: 32px;
    height: 32px;
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    z-index: 200; }
    .node-placeholder > .joint.-first {
      bottom: auto;
      top: -16px; }
    .node-placeholder > .joint.-only {
      bottom: auto;
      top: -16px; }
    .node-placeholder > .joint.-only > .point {
      background-color: #666;
      color: #fff;
      width: 16px;
      height: 16px; }
    .node-placeholder > .joint > .point {
      color: #666;
      text-align: center;
      font-weight: bold;
      font-size: 16px;
      line-height: 16px;
      letter-spacing: 1px;
      display: block;
      background-color: #666;
      border-radius: 50%;
      width: 6px;
      height: 6px;
      overflow: hidden;
      margin: auto;
      padding: 0;
      transition: 50ms; }
    .node-placeholder > .joint:hover > .point,
    .node-placeholder > .joint.-active > .point {
      background-color: #f07d36;
      color: #fff;
      width: 16px;
      height: 16px; }
    .node-placeholder > .joint > .flag {
      opacity: 0;
      display: block;
      pointer-events: none;
      height: 24px;
      background-color: #f07d36;
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
      padding: 0 4px;
      font-weight: bold;
      line-height: 24px;
      white-space: nowrap;
      border-radius: 0 8px 8px 0;
      position: absolute;
      left: 48px;
      top: calc(50% - 12px);
      transition: 50ms; }
      .node-placeholder > .joint > .flag:before {
        display: block;
        content: '';
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-right: 16px solid #f07d36;
        position: absolute;
        top: 0;
        left: -16px; }
    .node-placeholder > .joint:hover > .flag,
    .node-placeholder > .joint.-active > .flag {
      opacity: 1; }
  .node-placeholder > .message {
    display: block;
    margin: 0;
    padding-left: 16px;
    font-style: italic;
    line-height: 24px;
    height: 24px;
    position: absolute;
    top: -12px; }

@-webkit-keyframes node-item-expand {
  0% {
    height: 0; }
  100% {
    height: 32px; } }

@keyframes node-item-expand {
  0% {
    height: 0; }
  100% {
    height: 32px; } }

@-webkit-keyframes node-item-branch {
  0% {
    width: 0; }
  100% {
    width: 24px; } }

@keyframes node-item-branch {
  0% {
    width: 0; }
  100% {
    width: 24px; } }

@-webkit-keyframes node-item-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes node-item-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

portal-callscreen {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  height: 100%;
  max-height: 100%;
  position: relative; }

callscreen-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 8px 0;
  position: relative;
  min-height: 52px; }
  callscreen-header > .button {
    line-height: 36px;
    min-width: 36px;
    height: 36px;
    margin: 0 2px; }
  callscreen-header > .callscreen-banner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: linear-gradient(#fff, #eee);
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
    height: 36px;
    margin: 0 2px; }
    callscreen-header > .callscreen-banner > .header-title {
      padding: 0 12px;
      font-weight: bold;
      line-height: 36px;
      text-shadow: 0 1px 1px white;
      margin: 0; }

callscreen-main {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 4px;
  height: calc(100% - 52px); }

callscreen-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  height: 100%;
  max-width: calc(100% - 100px);
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

callscreen-panel {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  padding: 4px;
  min-height: 50%;
  transition: 150ms; }
  callscreen-panel > .panel-tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    list-style: none;
    min-width: 32px;
    min-height: 32px;
    padding: 1px 1px 0;
    margin: 0 -1px;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    z-index: 2; }
    callscreen-panel > .panel-tabs > .panel-tab {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      background-color: #f7f7f7;
      color: rgba(0, 0, 0, 0.5);
      cursor: pointer;
      position: relative;
      border-radius: 8px 8px 0 0;
      box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
      font-weight: bold;
      overflow: hidden;
      text-decoration: none;
      -webkit-transform: translate3d(0, 2px, 0);
              transform: translate3d(0, 2px, 0);
      transition: width 150ms ease, box-shadow 150ms, -webkit-transform 150ms;
      transition: width 150ms ease, box-shadow 150ms, transform 150ms;
      transition: width 150ms ease, box-shadow 150ms, transform 150ms, -webkit-transform 150ms; }
      callscreen-panel > .panel-tabs > .panel-tab > .icon {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-height: 20px;
        min-width: 20px;
        margin-left: 4px; }
        callscreen-panel > .panel-tabs > .panel-tab > .icon > * {
          margin: auto; }
      callscreen-panel > .panel-tabs > .panel-tab > .text {
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 32px;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      callscreen-panel > .panel-tabs > .panel-tab:hover {
        box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
        text-decoration: none;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
      callscreen-panel > .panel-tabs > .panel-tab.-active {
        background-color: #fff;
        box-shadow: inset 0 1px 0 transparent, 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
        color: rgba(0, 0, 0, 0.6);
        z-index: 10;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
    callscreen-panel > .panel-tabs > .add-tab {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: none;
          -ms-flex: none;
              flex: none;
      padding: 5px 5px 3px 3px;
      min-height: 32px;
      min-width: 32px; }
      callscreen-panel > .panel-tabs > .add-tab.-notabs {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      callscreen-panel > .panel-tabs > .add-tab > .add {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        background-color: #f7f7f7;
        color: rgba(0, 0, 0, 0.5);
        cursor: pointer;
        display: block;
        position: relative;
        padding: 0;
        border: none;
        outline: none;
        border-radius: 4px 12px 4px 0;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
        font-size: 12px;
        font-weight: bold;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        transition: box-shadow 150ms, -webkit-transform 150ms;
        transition: box-shadow 150ms, transform 150ms;
        transition: box-shadow 150ms, transform 150ms, -webkit-transform 150ms; }
        callscreen-panel > .panel-tabs > .add-tab > .add > .add-tab-text {
          display: inline-block;
          white-space: nowrap;
          text-align: center;
          text-overflow: ellipsis; }
          callscreen-panel > .panel-tabs > .add-tab > .add > .add-tab-text.-left, callscreen-panel > .panel-tabs > .add-tab > .add > .add-tab-text.-right {
            text-align: center; }
          callscreen-panel > .panel-tabs > .add-tab > .add > .add-tab-text.-left {
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg); }
          callscreen-panel > .panel-tabs > .add-tab > .add > .add-tab-text.-right {
            -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg); }
        callscreen-panel > .panel-tabs > .add-tab > .add.-left {
          border-radius: 0 4px 12px 4px;
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 1px 3px 5px rgba(0, 0, 0, 0.2); }
          callscreen-panel > .panel-tabs > .add-tab > .add.-left:hover {
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 4px 6px rgba(0, 0, 0, 0.2);
            -webkit-transform: translate3d(1px, 0, 0);
                    transform: translate3d(1px, 0, 0); }
          callscreen-panel > .panel-tabs > .add-tab > .add.-left.-active {
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 3px 5px rgba(0, 0, 0, 0.2);
            -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0); }
        callscreen-panel > .panel-tabs > .add-tab > .add.-right {
          border-radius: 4px 0 4px 12px;
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), -1px 3px 5px rgba(0, 0, 0, 0.2); }
          callscreen-panel > .panel-tabs > .add-tab > .add.-right:hover {
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 4px 6px rgba(0, 0, 0, 0.2);
            -webkit-transform: translate3d(-1px, 0, 0);
                    transform: translate3d(-1px, 0, 0); }
          callscreen-panel > .panel-tabs > .add-tab > .add.-right.-active {
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 3px 5px rgba(0, 0, 0, 0.2);
            -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0); }
        callscreen-panel > .panel-tabs > .add-tab > .add:hover {
          color: rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 3px 5px rgba(0, 0, 0, 0.2);
          -webkit-transform: translate3d(0, -1px, 0);
                  transform: translate3d(0, -1px, 0); }
        callscreen-panel > .panel-tabs > .add-tab > .add.-active {
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
          transition: box-shadow 50ms, -webkit-transform 50ms;
          transition: box-shadow 50ms, transform 50ms;
          transition: box-shadow 50ms, transform 50ms, -webkit-transform 50ms; }
        callscreen-panel > .panel-tabs > .add-tab > .add.-notabs {
          background-color: transparent;
          border: 1px dashed rgba(0, 0, 0, 0.3);
          border-radius: 8px;
          box-shadow: none; }
          callscreen-panel > .panel-tabs > .add-tab > .add.-notabs:hover {
            background-color: rgba(255, 255, 255, 0.1);
            border: 1px dashed rgba(0, 0, 0, 0.4);
            box-shadow: none;
            -webkit-transform: none;
                    transform: none; }
  callscreen-panel > .panel-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    width: auto;
    overflow: hidden;
    z-index: 1;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  callscreen-panel.-left, callscreen-panel.-right {
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    position: relative;
    height: 100%;
    max-width: 348px;
    max-height: 100%; }
    callscreen-panel.-left > .panel-tabs, callscreen-panel.-right > .panel-tabs {
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      margin: -1px 0; }
    callscreen-panel.-left > .panel-content, callscreen-panel.-right > .panel-content {
      width: 300px;
      height: 100%;
      max-height: 100%; }
  callscreen-panel.-left {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
    callscreen-panel.-left > .panel-tabs {
      padding: 1px 1px 1px 0;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
      callscreen-panel.-left > .panel-tabs > .panel-tab {
        border-radius: 0 8px 8px 0;
        box-shadow: inset 3px 0 1px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-transform: translate3d(-2px, 0, 0);
                transform: translate3d(-2px, 0, 0); }
        callscreen-panel.-left > .panel-tabs > .panel-tab:hover {
          box-shadow: inset 3px 0 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0); }
        callscreen-panel.-left > .panel-tabs > .panel-tab.-active {
          box-shadow: inset 1px 0 1px transparent, 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0); }
        callscreen-panel.-left > .panel-tabs > .panel-tab > .text {
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg);
          width: 40px;
          height: 40px;
          position: absolute;
          top: 0;
          left: 0; }
    callscreen-panel.-left > .panel-content {
      border-radius: 4px 0 4px 4px;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; }
  callscreen-panel.-right {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
    callscreen-panel.-right > .panel-tabs {
      padding: 1px 0 1px 1px; }
      callscreen-panel.-right > .panel-tabs > .panel-tab {
        border-radius: 8px 0 0 8px;
        box-shadow: inset -3px 0 1px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-transform: translate3d(2px, 0, 0);
                transform: translate3d(2px, 0, 0); }
        callscreen-panel.-right > .panel-tabs > .panel-tab:hover {
          box-shadow: inset -3px 0 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0); }
        callscreen-panel.-right > .panel-tabs > .panel-tab.-active {
          box-shadow: inset -1px 0 1px transparent, 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0); }
        callscreen-panel.-right > .panel-tabs > .panel-tab > .text {
          -webkit-transform: rotate(-90deg);
                  transform: rotate(-90deg);
          width: 40px;
          height: 40px;
          position: absolute;
          bottom: 0;
          left: 0; }
    callscreen-panel.-right > .panel-content {
      border-radius: 0 4px 4px 4px; }
  callscreen-panel.-collapsed {
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    min-height: 48px; }
    callscreen-panel.-collapsed.-left, callscreen-panel.-collapsed.-right {
      max-width: 48px; }
  callscreen-panel.-notabs {
    min-height: 32px; }
  callscreen-panel .panel-tabs + .panel-content {
    border-radius: 0 4px 4px 4px; }

.callscreen-tab-list {
  list-style: none;
  padding: 0;
  margin: 0; }

.callscreen-tab-list > li {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.callscreen-tab-list-item {
  cursor: pointer;
  display: block;
  padding: 16px;
  text-decoration: none; }

.callscreen-tab-list-item.active {
  font-weight: bold; }

.callscreen-tab-list-item:hover {
  background-color: rgba(0, 0, 0, 0.02);
  text-decoration: none; }

.callscreen-component {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative; }

.component-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  min-height: 32px;
  position: relative;
  z-index: 200; }
  .component-header > .title {
    margin: 0;
    padding-right: 16px; }
    .component-header > .title > .label {
      color: rgba(0, 0, 0, 0.4); }
    .component-header > .title > .value {
      font-weight: bold; }
  .component-header > .detail {
    margin: 0;
    line-height: 16px;
    padding: 0 16px; }
    .component-header > .detail > .label {
      color: rgba(0, 0, 0, 0.4); }
    .component-header > .detail > .value {
      font-weight: bold; }

.component-content {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
  overflow-y: scroll; }

.component-fixed-content {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: .5rem;
  min-height: 32px; }

.component-scroll-content {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
  overflow-y: scroll;
  overflow-x: auto; }

.quick-actions > .debtor-quick-view {
  display: table;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 8px; }

.quick-actions > .debtor-quick-note {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 8px 8px 0; }

.quick-actions > .debtor-activities-log {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8px;
  overflow-y: scroll; }

.activity-log {
  padding: 0;
  margin: 0;
  list-style: none; }
  .activity-log > .activity {
    padding: 8px 0; }

.info-item {
  display: table-row; }
  .info-item > .key {
    display: table-cell;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.4); }
  .info-item > .value {
    display: table-cell;
    text-align: right; }

.general-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding: 0 16px; }

.general-info__header__balance,
.general-info__header__contact-date,
.general-info__header__agent {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin: auto 0;
  padding-left: 16px; }

.general-info__header__balance__label,
.general-info__header__contact-date__label,
.general-info__header__agent__label {
  display: inline;
  color: rgba(0, 0, 0, 0.4); }

.general-info__header__balance__value,
.general-info__header__contact-date__value,
.general-info__header__agent__value {
  font-weight: bold; }

.general-info__content {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto; }

.general-info__content__debtor-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px; }

.general-info__content__debtor-info__misc {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 125px;
  max-width: 250px; }

.general-info__content__debtor-info__attr {
  margin: 0; }

.general-info__content__debtor-info__attr-label {
  color: rgba(0, 0, 0, 0.4);
  display: inline-block;
  min-width: 75px; }

.general-info__content__debtor-info__attr-value {
  display: inline-block;
  padding-left: 4px; }

.general-info__content__debtor-info__addresses,
.general-info__content__debtor-info__phones {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.general-info__content__debtor-info__addresses p,
.general-info__content__debtor-info__phones p {
  margin: 0; }

.general-info__content__udfs {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 8px; }

.general-info__content__udf {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  min-width: 25%;
  margin: 0 0 4px; }

.general-info__content__udf__label {
  color: rgba(0, 0, 0, 0.4);
  display: inline-block;
  width: 100px; }

.general-info__content__udf__value {
  display: inline-block;
  padding-left: 4px; }

@media (max-width: 700px) {
  .general-info__content__debtor-info {
    display: block; }
  .general-info__content__debtor-info__misc,
  .general-info__content__debtor-info__addresses,
  .general-info__content__debtor-info__phones {
    width: 100%;
    padding-bottom: 4px; }
  .general-info__content__debtor-info__addresses,
  .general-info__content__debtor-info__phones {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 4px; } }

/*  Send Letter  -----------------------------------------------------------------------------------------------------*/
.send-letter {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap; }

callscreen-left .send-letter,
callscreen-right .send-letter {
  height: 100%;
  max-height: 100%; }

.send-letter header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.6);
  padding: 8px 8px 8px 16px;
  min-height: 50px; }

.send-letter header h2 {
  display: block;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: auto 0;
  font-weight: bold; }

.send-letter header .button {
  display: block;
  margin: auto 0; }

.send-letter .send-letter-grid {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: scroll; }

.send-letter .send-letter-grid-top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.send-letter .send-letter-grid-bottom {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap; }

.send-letter .send-letter-step {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.send-letter .send-letter-step:last-of-type {
  border-right: none; }

.send-letter .send-letter-step .send-letter-step-header {
  padding: 8px 16px; }

.send-letter .send-letter-step .send-letter-step-header h3 {
  color: rgba(0, 0, 0, 0.6);
  font-weight: bold;
  margin: 0; }

.send-letter .send-letter-step .send-letter-step-content {
  padding: 8px 16px; }

.send-letter .send-letter-grid-right .send-letter-step {
  overflow-y: auto; }

.send-letter-debt-list-options {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px 0;
  border-top: 1px dotted rgba(0, 0, 0, 0.2);
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2); }

/*  Debt Groups  -----------------------------------------------------------------------------------------------------*/
.debt-groups {
  overflow-y: auto; }

callscreen-left .debt-groups,
callscreen-right .debt-groups {
  height: 100%;
  max-height: 100%; }

.debt-group-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 transparent;
  cursor: pointer;
  padding: 12px 16px 4px;
  font-weight: bold;
  position: relative;
  z-index: 100;
  transition: box-shadow 150ms 50ms ease; }

.is-open .debt-group-header {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

.debt-group-header .fa {
  transition: 150ms; }

.debt-group-content {
  overflow: hidden;
  max-height: 0;
  position: relative;
  z-index: 1;
  transition: max-height 500ms ease; }

.is-open .debt-group-content {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  max-height: 99999px; }

/*  Suits Summary  ---------------------------------------------------------------------------------------------------*/
.suits-summary__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap; }

.suits-summary__top {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 0; }

.suits-summary__bottom {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: scroll; }

.suits-summary__content__suit-info__misc {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 33.33333%; }

.suits-summary__content__suit-info__attr {
  margin: 0; }

.suits-summary__content__suit-info__attr-label {
  color: rgba(0, 0, 0, 0.4);
  display: inline-block;
  min-width: 75px; }

.suits-summary__content__suit-info__attr-value {
  display: inline-block;
  padding-left: 4px; }

dropdown-menu {
  display: inline-block;
  height: 100%;
  position: relative;
  outline: 0;
  box-shadow: none; }
  dropdown-menu .menu_display {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 8px 32px 8px 28px;
    transition: box-shadow 150ms; }
    dropdown-menu .menu_display .menu_caret {
      display: block;
      height: 16px;
      width: 16px;
      line-height: 16px;
      text-align: center;
      position: absolute;
      right: 8px;
      top: calc(50% - 8px); }
    dropdown-menu .menu_display .menu_selected-item {
      margin: auto 0;
      position: relative; }
      dropdown-menu .menu_display .menu_selected-item .menu_icon {
        display: block;
        height: 16px;
        width: 16px;
        line-height: 16px;
        text-align: center;
        position: absolute;
        left: -20px;
        top: calc(50% - 8px); }
  dropdown-menu .menu_selection-container {
    background-color: #fff;
    overflow-y: hidden;
    height: 0;
    outline: 0;
    position: relative;
    transition: 150ms; }
    dropdown-menu .menu_selection-container.scrolling {
      overflow-y: scroll; }
    dropdown-menu .menu_selection-container .menu_selection-options {
      margin: 0;
      padding: 0;
      list-style: none; }
      dropdown-menu .menu_selection-container .menu_selection-options button {
        font-size: inherit;
        display: block;
        width: 100%;
        text-align: left;
        background: none;
        padding: 8px 32px 8px 28px;
        border: 0;
        outline: 0; }
        dropdown-menu .menu_selection-container .menu_selection-options button:hover, dropdown-menu .menu_selection-container .menu_selection-options button:focus {
          background-color: rgba(0, 0, 0, 0.02); }
        dropdown-menu .menu_selection-container .menu_selection-options button.active {
          background-color: rgba(0, 0, 0, 0.6);
          color: #eee; }
  dropdown-menu.has-focus .menu_display {
    height: calc(100% + 1px);
    background-color: #fff;
    border-bottom: 1px dotted transparent;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.4);
    z-index: 1000; }
  dropdown-menu.has-focus .menu_selection-container {
    height: auto;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.4);
    z-index: 1000; }

/*--------------------------------------------------------------------------------------------------------------------***  LARIAT PORTAL CONFIG MENUS
\*--------------------------------------------------------------------------------------------------------------------*/
.config-menu__section {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 8px; }

.config-menu__section-title {
  padding: 16px;
  margin: 0;
  font-size: 20px;
  line-height: 20px;
  min-width: 200px;
  max-width: 200px; }

.config-menu__options {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  padding: 0;
  list-style: none; }

.config-menu__options li {
  min-width: 33.33%;
  max-width: 33.33%;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.config-menu__options li a {
  cursor: pointer;
  display: block;
  line-height: 20px;
  padding: 16px;
  text-decoration: none;
  transition: 150ms; }

.config-menu__options li a:hover {
  background-color: rgba(0, 0, 0, 0.05); }

/*--------------------------------------------------------------------------------------------------------------------***  LARIAT AGENCY PORTAL
\*--------------------------------------------------------------------------------------------------------------------*/
.agency-admin-wrap {
  height: 100%;
  min-height: 100%;
  overflow: auto;
  position: relative; }

.config-menu-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding-bottom: 90px; }

.config-menu-section {
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 15px; }

.config-menu-section-header {
  padding: 15px;
  min-width: 300px;
  max-width: 300px; }

.config-menu-section-content {
  background: linear-gradient(#fff, #eee);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden; }

.config-menu-section-content li {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 200px;
  height: 100px; }

.config-menu-section-content li a {
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  display: block;
  height: 100%;
  width: 100%;
  padding: 15px; }

/*--------------------------------------------------------------------------------------------------------------------***  LARIAT SUB-NAV
\*--------------------------------------------------------------------------------------------------------------------*/
.lariat-sub-nav {
  background-color: #fff;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  height: 100%;
  max-height: 100%;
  width: 0;
  float: left;
  position: absolute;
  z-index: 100;
  transition: width 300ms ease; }

.lariat-sub-nav.menu-open {
  width: 300px; }

.lariat-sub-nav > ul {
  display: block;
  float: right;
  overflow: hidden;
  overflow-y: auto;
  width: 300px;
  height: 100%;
  max-height: 100%;
  list-style: none;
  padding: 0; }

.lariat-sub-nav ul {
  list-style: none;
  padding: 0; }

.lariat-sub-nav ul ul li {
  list-style: none;
  padding: 8px 15px; }

.lariat-sub-nav ul ul li:hover {
  background-color: rgba(0, 0, 0, 0.05); }

.lariat-sub-nav__category {
  background: linear-gradient(#fff, #eee);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 3px double rgba(0, 0, 0, 0.2);
  padding: 15px;
  font-weight: bold; }

.lariat-sub-nav li:first-of-type .lariat-sub-nav__category {
  border-top: none; }

.lariat-sub-nav__blade {
  cursor: pointer;
  background: linear-gradient(to right, #eee, #fff);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0 10px 10px 0;
  border-left: 3px double rgba(0, 0, 0, 0.2);
  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 40px;
  position: absolute;
  top: 0;
  right: -40px;
  z-index: 150; }

.lariat-sub-nav__blade:hover {
  background: linear-gradient(to right, #ddd, #eee); }

.lariat-sub-nav__blade p {
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  text-align: center;
  white-space: nowrap;
  width: 200px;
  position: absolute;
  top: calc(50% - 20px);
  left: -92px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

/*--------------------------------------------------------------------------------------------------------------------***  LARIAT PORTAL SIDE NAV
\*--------------------------------------------------------------------------------------------------------------------*/
nav.portal-side-nav {
  width: 250px;
  float: left; }

/*--------------------------------------------------------------------------------------------------------------------***  THE ADD COMPONENTS
\*--------------------------------------------------------------------------------------------------------------------*/
.add-component .row {
  margin-left: -15px;
  margin-right: -15px; }

.add-component .trash-button {
  height: 30px;
  margin: 0 2px;
  padding: 0 8px;
  text-align: center;
  border-radius: 3px; }

.add-component .trash-button:hover {
  color: #a94442; }

.add-component.add-component--contacts .add-component__container,
.add-component.add-component--debts .add-component__container {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin-bottom: 10px; }

.add-component.add-component--phones .fa-ul,
.add-component.add-component--addresses .fa-ul,
.add-component.add-component--debts .fa-ul,
.add-component.add-component--contacts .fa-ul {
  margin-left: 30px; }

.add-component.add-component--phones .fa-li,
.add-component.add-component--addresses .fa-li,
.add-component.add-component--debts .fa-li,
.add-component.add-component--contacts .fa-li {
  left: -30px;
  width: 30px;
  top: 0; }

.add-component.add-component--phones .add-component__container {
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin-bottom: 10px; }

.add-component.add-component--phones .add-component__container__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-left: -2px;
  margin-right: -2px; }

.add-component.add-component--phones .add-component__container__content .phone-type {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 75px;
  padding: 0 2px; }

.add-component.add-component--phones .add-component__container__content .phone-number {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 2px;
  min-width: 120px; }

.add-component.add-component--phones .add-component__container__content .phone-ext {
  padding: 0 2px;
  width: 50px; }

.add-component.add-component--phones .add-component__container__content .phone-status {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 90px;
  padding: 0 2px; }

.add-component.add-component--phones .add-component__container__content .phone-description {
  padding: 0 2px;
  min-width: 200px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

/*--------------------------------------------------------------------------------------------------------------------***  DEBTOR INFO PANEL
\*--------------------------------------------------------------------------------------------------------------------*/
.debtor-info-panel {
  padding-bottom: 25px; }

.debtor-info-panel header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  padding-bottom: 10px; }

.debtor-info-panel header h3 {
  display: inline-block;
  margin: 0 15px 0 0;
  padding: 0;
  vertical-align: baseline; }

.debtor-info-panel header .flash-message {
  float: right;
  padding: 0;
  vertical-align: baseline; }

.debtor-info-panel p {
  margin: 0; }

.debtor-info-panel fieldset legend {
  line-height: 1.42857143;
  margin-top: 2px; }

.form-widget label {
  margin: 0; }

.input-group {
  display: table;
  border-collapse: collapse;
  width: 100%; }

form.lariat-form fieldset {
  display: block;
  margin-bottom: 45px;
  position: relative; }

form.lariat-form legend {
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 18px; }

form.lariat-form .ember-select-choice.btn {
  padding: 0px 6px;
  font-weight: normal;
  width: 100%; }

form.lariat-form .form-group {
  margin-bottom: 5px;
  vertical-align: baseline; }

form.lariat-form .form-group > .control-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/*--------------------------------------------------------------------------------------------------------------------***  LARIAT FORM OPTIONS BOX
\*--------------------------------------------------------------------------------------------------------------------*/
.lariat-form__options-box {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  background: linear-gradient(#fff, #eee);
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
  min-height: 75px; }

.lariat-form__options-box__icon {
  padding: 10px;
  margin: auto;
  min-width: 60px; }

.lariat-form__options-box__content {
  border-left: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px; }

.lariat-form__options-box__content > * {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 50%;
  padding: 0 10px; }

.lariat-form__options-box__content p {
  margin: 0; }

.lariat-form__options-box__content br {
  line-height: 27px; }

/*--------------------------------------------------------------------------------------------------------------------***  LARIAT FORM CONTROLS
\*--------------------------------------------------------------------------------------------------------------------*/
.form-control {
  display: table-row;
  width: 100%;
  border-collapse: collapse; }
  .form-control > .label {
    display: table-cell; }
  .form-control > .control {
    display: table-cell; }

form-input,
form-date,
form-phone,
form-currency,
form-textarea {
  background-color: rgba(0, 0, 0, 0.01);
  cursor: text;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-radius: 4px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 4px;
  transition: 50ms ease; }

form-input.disabled,
form-date.disabled,
form-phone.disabled,
form-currency.disabled,
form-textarea.disabled {
  background-color: transparent;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.1);
  pointer-events: none; }

form-input:hover,
form-date:hover,
form-phone:hover,
form-currency:hover,
form-textarea:hover {
  background-color: rgba(0, 0, 0, 0.02); }

form-input.has-focus,
form-date.has-focus,
form-phone.has-focus,
form-currency.has-focus,
form-textarea.has-focus {
  background-color: white;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); }

form-input .form-label,
form-date .form-label,
form-phone .form-label,
form-currency .form-label {
  cursor: text;
  display: block;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 30px;
  position: relative; }

form-textarea .form-label {
  cursor: text;
  display: block;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 30px;
  position: relative; }

form-input.large .form-label,
form-date.large .form-label,
form-phone.large .form-label,
form-currency.large .form-label {
  height: 40px; }

form-textarea.large .form-label {
  min-height: 40px; }

form-input .form-label-text,
form-date .form-label-text,
form-phone .form-label-text,
form-currency .form-label-text,
form-textarea .form-label-text {
  color: rgba(0, 0, 0, 0.5);
  display: block;
  height: 30px;
  padding: 14px 4px 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  width: 100%;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 50ms ease;
  z-index: 0; }

form-input.disabled .form-label-text,
form-date.disabled .form-label-text,
form-phone.disabled .form-label-text,
form-currency.disabled .form-label-text,
form-textarea.disabled .form-label-text {
  color: rgba(0, 0, 0, 0.3); }

form-input.large .form-label-text,
form-date.large .form-label-text,
form-phone.large .form-label-text,
form-currency.large .form-label-text,
form-textarea.large .form-label-text {
  height: 40px;
  padding: 16px 4px 0;
  font-size: 16px;
  line-height: 24px; }

form-input.has-focus .form-label-text,
form-input.has-value .form-label-text,
form-date.has-focus .form-label-text,
form-date.has-value .form-label-text,
form-phone.has-focus .form-label-text,
form-phone.has-value .form-label-text,
form-currency.has-focus .form-label-text,
form-currency.has-value .form-label-text,
form-textarea.has-focus .form-label-text,
form-textarea.has-value .form-label-text {
  color: rgba(0, 0, 0, 0.3);
  height: 14px;
  padding: 0 4px;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  pointer-events: none; }

form-input.large.has-focus .form-label-text,
form-input.large.has-value .form-label-text,
form-date.large.has-focus .form-label-text,
form-date.large.has-value .form-label-text,
form-phone.large.has-focus .form-label-text,
form-phone.large.has-value .form-label-text,
form-currency.large.has-focus .form-label-text,
form-currency.large.has-value .form-label-text,
form-textarea.large.has-focus .form-label-text,
form-textarea.large.has-value .form-label-text {
  height: 16px;
  padding: 0 4px;
  font-size: 10px;
  line-height: 16px; }

form-input.is-invalid,
form-date.is-invalid,
form-phone.is-invalid,
form-currency.is-invalid,
form-textarea.is-invalid {
  background-color: rgba(225, 0, 0, 0.05); }

form-input.is-invalid .form-label-text,
form-date.is-invalid .form-label-text,
form-phone.is-invalid .form-label-text,
form-currency.is-invalid .form-label-text,
form-textarea.is-invalid .form-label-text {
  color: #e10000; }

form-input .form-label-text abbr,
form-date .form-label-text abbr,
form-phone .form-label-text abbr,
form-currency .form-label-text abbr,
form-textarea .form-label-text abbr {
  color: #e10000;
  border: none; }

form-input input,
form-date input,
form-phone input,
form-currency input {
  background: transparent;
  border: none;
  color: rgba(0, 0, 0, 0.8);
  display: block;
  font-size: 12px;
  line-height: 16px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  height: 30px;
  padding: 14px 4px 0;
  outline: none;
  width: 100%;
  position: relative; }

form-input.large input,
form-date.large input,
form-phone.large input,
form-currency.large input {
  font-size: 16px;
  line-height: 24px;
  height: 40px;
  padding: 16px 4px 0; }

form-textarea textarea {
  background: transparent;
  border: none;
  color: rgba(0, 0, 0, 0.8);
  display: block;
  font-size: 12px;
  line-height: 16px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  height: 30px;
  padding: 14px 4px 0;
  outline: none;
  width: 100%;
  overflow-y: auto;
  resize: none;
  position: relative;
  z-index: 100; }

form-textarea.large textarea {
  font-size: 16px;
  line-height: 24px;
  height: 40px;
  padding: 16px 4px 0; }

/*-----------------------------------------------------* * Ember Selectize Addon
 * selectize.css (v0.12.1) - Lariat Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
\*-----------------------------------------------------*/
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  line-height: 16px; }

.ember-selectize.large .selectize-dropdown,
.ember-selectize.large .selectize-input,
.ember-selectize.large .selectize-input input {
  font-size: 16px;
  line-height: 24px; }

.selectize-input {
  border: none;
  padding: 14px 4px 0;
  min-height: 30px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 4px; }

.ember-selectize.large .selectize-input {
  padding: 16px 4px 0;
  min-height: 40px; }

.selectize-control.single .selectize-input {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.01);
  background-image: none;
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none; }

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border: none;
  border-color: transparent; }

.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 66%;
  right: 8px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent; }

.selectize-control.single .selectize-input.focus {
  background: #ffffff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); }

.selectize-control.single .selectize-input.dropdown-active {
  border-radius: 4px 4px 0 0; }

.selectize-dropdown {
  position: absolute;
  z-index: 8888;
  border: none;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 0 0 4px 4px; }

.selectize-dropdown-content {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 1px; }

.selectize-dropdown .active {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6); }

.selectize-dropdown .active.create {
  color: rgba(0, 0, 0, 0.6); }

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: none;
  border: none; }

.selectize-control.multi .selectize-input > div.active {
  background: none;
  border: none; }

.selectize-control.multi .selectize-input [data-value] {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  background-color: #555555;
  background-image: linear-gradient(to bottom, #555555, #444444);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#444444', GradientType=0);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03); }

.selectize-control.multi .selectize-input [data-value].active {
  background-color: #444444;
  background-image: linear-gradient(to bottom, #444444, #444444);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#444444', GradientType=0); }

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392)*/
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.2);
  border-radius: 0 2px 2px 0;
  box-sizing: border-box; }

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(255, 255, 255, 0.9); }

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: rgba(255, 255, 255, 0.55); }

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none; }

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: rgba(255, 255, 255, 0.7); }

/*.selectize-control.single [data-value] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/
/*--------------------------------------------------------------------------------------------------------------------***  LARIAT FORM FIELDS (TODO: Phasing out...)
\*--------------------------------------------------------------------------------------------------------------------*/
.form-checkbox {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 30px;
  position: relative; }

.form-checkbox .form-checkbox-label {
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 4px 0;
  margin: auto 0; }

.form-checkbox .form-checkbox-control {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute; }

.form-checkbox .form-checkbox-container {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  height: 16px;
  width: 16px;
  position: relative;
  transition: 150ms; }

.form-checkbox.has-focus .form-checkbox-container,
.form-checkbox:hover .form-checkbox-container {
  border: 1px solid rgba(0, 0, 0, 0.6); }

.form-checkbox.slide .form-checkbox-container {
  height: 20px;
  width: 60px; }

.form-checkbox.slide .form-checkbox-container:before,
.form-checkbox.slide .form-checkbox-container:after {
  font-size: 12px;
  line-height: 18px;
  position: absolute;
  top: 0;
  z-index: 0;
  font-weight: bold; }

.form-checkbox.slide .form-checkbox-container:before {
  content: 'ON';
  color: rgba(0, 0, 0, 0.7);
  left: 8px; }

.form-checkbox.slide .form-checkbox-container:after {
  content: 'OFF';
  color: rgba(0, 0, 0, 0.3);
  right: 5px; }

.form-checkbox .form-checkbox-indicator {
  content: '';
  position: absolute;
  width: 10px;
  height: 6px;
  background: transparent;
  top: 3px;
  left: 2px;
  border: 4px solid transparent;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 1; }

.form-checkbox:hover .form-checkbox-indicator {
  border-color: rgba(0, 0, 0, 0.2); }

.form-checkbox.has-value .form-checkbox-indicator {
  border-color: rgba(0, 0, 0, 0.7); }

.form-checkbox.slide .form-checkbox-indicator {
  background: #666;
  border: none;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 24px;
  height: 14px;
  top: 2px;
  left: 2px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease; }

.form-checkbox.slide.has-value .form-checkbox-indicator {
  -webkit-transform: translate3d(30px, 0, 0);
          transform: translate3d(30px, 0, 0); }

.form-checkbox .form-checkbox-label-text {
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  line-height: 16px;
  height: 16px;
  margin-left: 8px;
  transition: color 50ms ease; }

.form-checkbox.slide .form-checkbox-label-text {
  line-height: 20px;
  height: 20px; }

.form-checkbox:hover .form-checkbox-label-text,
.form-checkbox.has-focus .form-checkbox-label-text,
.form-checkbox.has-value .form-checkbox-label-text {
  color: rgba(0, 0, 0, 0.6); }

.form-checkbox .form-checkbox-label-text > abbr {
  border: none;
  color: #e10000; }

.form-checkbox .form-checkbox-message {
  display: block;
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
  padding-top: 4px; }

/*  Contact Info  */
.account-form-name {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin-left: -2px;
  margin-right: -2px; }

.account-form-name > * {
  padding: 0 2px; }

.account-form-name__salutation {
  padding: 0 2px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.account-form-name__first-name {
  padding: 0 2px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.account-form-name__middle-initial {
  padding: 0 2px;
  min-width: 25px;
  max-width: 35px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.account-form-name__last-name {
  padding: 0 2px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

/*  Date  */
.date {
  min-width: 250px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

/*  Debtor Address  */
.add-component.add-component--addresses .add-component__container__content,
.flex-block {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-left: -2px;
  margin-right: -2px; }

.flex-block.no-wrap {
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap; }

.flex-block > * {
  margin: auto 2px; }

.address-street {
  width: 100%;
  padding: 0 2px; }

.address-city {
  padding: 0 2px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.address-state {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 75px;
  padding: 0 2px; }

.address-zip {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 2px;
  min-width: 75px;
  max-width: 85px; }

.address-country {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 95px;
  padding: 0 2px; }

/*  Button Grid ------------------------------------------------------------------------------------------------------*/
.button-grid .btn {
  background: linear-gradient(#fff, #eee);
  border-color: rgba(0, 0, 0, 0.2);
  color: #666;
  padding: 5rem 0; }

.button-grid .btn p {
  font-weight: bold; }

.button-grid .btn:hover {
  background: #ddd; }

.button-grid .btn:active {
  background: #ccc;
  color: #555; }

/*  Lariat Footer  ---------------------------------------------------------------------------------------------------*/
.portal-footer {
  background: linear-gradient(#666, #444);
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
  color: #e7e7e7;
  fill: #e7e7e7;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  width: 100%;
  transition: 300ms; }

.portal-footer.hide-ui {
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0); }

.footer-brand .lariat-logo {
  display: inline-block;
  width: 45px;
  vertical-align: baseline; }

.portal-toolbar {
  display: block;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 3px double rgba(0, 0, 0, 0.2); }

.portal-toolbar:after {
  content: '';
  display: table;
  clear: both; }

.portal-toolbar-item {
  float: left;
  padding: 15px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.2); }

.portal-toolbar-item p {
  margin: 0; }

.footer-brand {
  padding: 15px; }

.portal-footer {
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.3);
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  height: 25px;
  position: fixed;
  bottom: 0px;
  z-index: 4000; }

.portal-toolbar {
  border-bottom: none;
  position: absolute;
  top: 0;
  right: 0; }

.portal-toolbar-item {
  padding: 0 15px; }

.footer-brand {
  padding: 0; }

.canvas {
  height: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden; }

.shift-col {
  position: absolute;
  width: 250px;
  height: 100%;
  min-height: 100%;
  padding: 20px 15px;
  top: 0;
  left: 0;
  z-index: 2500;
  transition: 400ms; }

.is-open .shift-col {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.shift-main {
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding-left: 265px;
  padding-right: 15px;
  margin: 0;
  transition: 400ms; }

.is-open .shift-main {
  padding-left: 15px; }

.main-canvas {
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 20px 330px;
  /*padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 330px;
  padding-right: 330px;*/
  position: relative;
  transition: 400ms;
  z-index: 1000; }

@media (max-width: 1080px) {
  .main-canvas {
    padding-left: 30px;
    padding-right: 30px; } }

.is-left .main-canvas {
  padding-left: 30px; }

.is-right .main-canvas {
  padding-right: 30px; }

.scroll-pane {
  padding: 20px 15px;
  margin: 0;
  overflow-y: auto;
  max-height: 100%; }

.off-canvas-left,
.off-canvas-right {
  background-color: #e7e7e7;
  height: 100%;
  max-height: 100%;
  padding: 20px 15px;
  position: absolute;
  top: 0;
  transition: 400ms; }

.off-canvas-left {
  width: calc(100% + 2px);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0;
  left: 0;
  z-index: 1500; }

.off-canvas-right {
  width: 300px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  right: 0;
  z-index: 1250; }

.is-open .off-canvas-left {
  width: 300px;
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2); }

.is-open .off-canvas-right {
  width: 300px;
  box-shadow: -1px 0 5px rgba(0, 0, 0, 0.2); }

.is-right .off-canvas-right {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.is-left .off-canvas-left {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.left-blade,
.right-blade {
  background: #e7e7e7;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: none;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  display: block;
  font-weight: bold;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 24px;
  width: 200px;
  padding: 0 8px;
  position: absolute;
  top: calc(50% - 12px);
  z-index: 2000; }

.left-blade {
  right: -112px; }

.left-blade {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.right-blade {
  left: -112px; }

.right-blade {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.left-blade:hover,
.right-blade:hover {
  background: linear-gradient(#fff, #e7e7e7);
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none; }

.account-callscreen {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  height: 100%; }

.account-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: linear-gradient(#fff, #eee);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  min-height: 36px;
  border-radius: 4px;
  margin-bottom: 8px; }
  .account-header > .backbutton {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 36px;
    min-width: 36px; }
    .account-header > .backbutton > .fa {
      margin: auto; }
    .account-header > .backbutton:hover {
      background-color: rgba(0, 0, 0, 0.05); }
    .account-header > .backbutton:active {
      background-color: rgba(0, 0, 0, 0.1); }
  .account-header > .title {
    border-left: 1px solid rgba(255, 255, 255, 0.9);
    margin: auto 0;
    padding: 0 8px; }
  .account-header > .infobar {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 8px; }
  .account-header > .actionsbutton {
    background-color: transparent;
    font-weight: bold;
    border: 0;
    outline: none;
    border-left: 1px solid rgba(255, 255, 255, 0.9);
    min-height: 36px;
    min-width: 36px; }
    .account-header > .actionsbutton > .fa {
      margin: auto; }
    .account-header > .actionsbutton:hover {
      background-color: rgba(0, 0, 0, 0.05); }
    .account-header > .actionsbutton:active {
      background-color: rgba(0, 0, 0, 0.1); }

.account-infopanel {
  background-color: #ffffff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin-bottom: 8px; }
  .account-infopanel > .infopanel-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .account-infopanel > .infopanel-header > .title {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 8px; }

.account-notification {
  position: relative;
  padding: 8px;
  cursor: default; }
  .account-notification > .message {
    display: block;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    padding: 8px;
    width: 250px;
    position: absolute;
    visibility: hidden; }
  .account-notification:hover > .message {
    visibility: visible;
    right: 0;
    z-index: 5000; }

.account-tabpanel {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }
  .account-tabpanel > .panel-tabs {
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 200; }
    .account-tabpanel > .panel-tabs:after {
      display: table;
      content: '';
      clear: both; }
    .account-tabpanel > .panel-tabs > .panel-tab {
      float: left;
      list-style: none;
      margin-bottom: -1px;
      padding: 0; }
      .account-tabpanel > .panel-tabs > .panel-tab > .tablink {
        display: block;
        background: linear-gradient(#fff, #eee);
        color: rgba(0, 0, 0, 0.5);
        margin-right: 1px;
        padding: 8px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 8px 8px 0 0;
        font-weight: bold;
        text-decoration: none; }
        .account-tabpanel > .panel-tabs > .panel-tab > .tablink:hover, .account-tabpanel > .panel-tabs > .panel-tab > .tablink:focus {
          background: linear-gradient(#ddd, #eee); }
        .account-tabpanel > .panel-tabs > .panel-tab > .tablink.active {
          cursor: default;
          color: rgba(0, 0, 0, 0.6);
          background: #fff;
          border-bottom-color: #fff; }
  .account-tabpanel > .panel-content {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: auto;
    z-index: 100; }
    .account-tabpanel > .panel-content .lariat-table,
    .account-tabpanel > .panel-content .table-data {
      border: none;
      border-radius: 0;
      box-shadow: none; }
    .account-tabpanel > .panel-content p.blank-placeholder {
      margin: 8px; }

/*--------------------------------------------------------------------------------------------------------------------***  Log In Page
\*--------------------------------------------------------------------------------------------------------------------*/
.lariat-login {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-height: 100%;
  margin: 0;
  position: relative; }

.lariat-login h2 {
  font-size: 1.75rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.2);
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  margin: 0;
  vertical-align: bottom; }

.lariat-login__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  width: 50%;
  min-width: 400px;
  margin: auto; }

.lariat-login__header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  padding: 5px; }

.lariat-login__content-panel {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 10px; }

.login-logo {
  display: block;
  _background-image: url("../img/logo/lariat/LariatLogoColor.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 250px;
  margin: 10px 10px 15px; }

.login-panel {
  width: 200px;
  padding: 10px;
  position: relative; }

.login-panel__errors {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 6px;
  box-shadow: inset 0 -40px 70px #444, 0 2px 8px rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 160px;
  right: calc(50% - 125px);
  padding: 15px;
  width: 250px;
  height: auto;
  z-index: 1000; }

.login-panel__errors:after {
  border-top: 10px solid #444;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  display: block;
  content: '';
  position: absolute;
  bottom: -10px;
  left: calc(50% - 20px); }

.login-panel__errors p {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 5px;
  vertical-align: middle; }

.login-panel__form {
  margin: 30px 0; }

.login-panel__form .action-sm {
  margin-bottom: 0; }

.lariat-login__footer {
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  padding: 5px; }

.lariat-login__footer p {
  color: rgba(0, 0, 0, 0.2);
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  margin-bottom: 5px; }

.lariat-login__footer .lariat-logo {
  display: block;
  width: 100px;
  margin: 0 auto; }

.lariat-login .lariat-logo-points {
  fill: #999; }

.lariat-login .lariat-logo-letters {
  fill: #f07d36; }

.lariat-login__footer .lariat-logo-points,
.lariat-login__footer .lariat-logo-letters {
  fill: rgba(0, 0, 0, 0.2); }

loading-spinner {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 16px;
  height: 16px; }
  loading-spinner:before {
    content: 'Loading...';
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px; }
  loading-spinner:not(:required):before {
    content: '';
    border-radius: 50%;
    border: 4px solid rgba(0, 0, 0, 0.3);
    border-top-color: rgba(0, 0, 0, 0.6);
    animation: spinner .6s linear infinite;
    -webkit-animation: spinner .6s linear infinite; }
  loading-spinner.-active:not(:required):before {
    border: 4px solid rgba(240, 125, 54, 0.5);
    border-top-color: #f07d36; }

@keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg); } }

.loading-indicator {
  color: rgba(0, 0, 0, 0.4);
  text-align: center; }

.loading-indicator.inverted {
  color: rgba(255, 255, 255, 0.7); }

.loading-message {
  margin-bottom: 4px; }

.loading-dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 4px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 1px;
  opacity: 0;
  -webkit-animation: loadingFade .75s infinite;
  animation: loadingFade .75s infinite; }

.inverted .loading-dot {
  background-color: rgba(255, 255, 255, 0.8); }

.loading-dot:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.loading-dot:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.loading-dot:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.loading-dot:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

@-webkit-keyframes loadingFade {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.8; }
  100% {
    opacity: 0; } }

@keyframes loadingFade {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.8; }
  100% {
    opacity: 0; } }

/*--------------------------------------------------------------------------------------------------------------------***  Custom DataTables
\*--------------------------------------------------------------------------------------------------------------------*/
.debtor-list tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

table.debtor-list tbody th,
table.debtor-list tbody td {
  padding: 10px 15px;
  vertical-align: baseline; }

.debtor-list-alt tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

table.debtor-list-alt tbody th,
table.debtor-list-alt tbody td {
  padding: 2px 15px;
  vertical-align: baseline;
  text-align: center; }

.debtor-list-alt th:nth-child(1) {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  width: 100%;
  height: 25px; }

.debtor-list-alt th:nth-child(2) {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  float: left;
  width: 50%;
  height: 25px; }

.debtor-list-alt th:nth-child(3) {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  float: right;
  width: 50%;
  height: 25px; }

.debtor-list-alt td:nth-child(1) {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  width: 100%;
  height: 25px; }

.debtor-list-alt td:nth-child(2) {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  float: left;
  width: 50%;
  height: 25px; }

.debtor-list-alt td:nth-child(3) {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  float: right;
  width: 50%;
  height: 25px; }

/*--------------------------------------------------------------------------------------------------------------------*  SIMPLE GRID
  Cheap, No Frills, Ideal for super simple tasks like aligning inputs, labels, and other data in a table-like way
\*--------------------------------------------------------------------------------------------------------------------*/
.simple-grid {
  display: table;
  width: 100%; }

.simple-grid-row {
  display: table-row; }

.simple-grid-cell {
  display: table-cell;
  padding-right: 4px; }

.able-table-component {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.able-table {
  border-collapse: collapse;
  width: 100%;
  position: relative;
  table-layout: fixed; }

.able-colgroup:not(:last-of-type) {
  border-right: 1px solid rgba(0, 0, 0, 0.05); }

.able-thead {
  border-bottom: 3px double rgba(0, 0, 0, 0.1); }

.able-tbody .able-tr:hover {
  background-color: rgba(0, 0, 0, 0.05); }

.able-tr {
  cursor: default; }
  .able-tr:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, 0.05); }

.able-th {
  font-size: .75rem;
  font-weight: bold;
  text-align: left; }
  .able-th > .cell {
    display: block;
    padding: 16px 8px 4px;
    margin: 0; }

.able-td > .cell {
  display: block;
  padding: 4px 8px;
  margin: 0; }

.bordered-and-spaced {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 8px; }

able-data {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 100%;
  height: 100%;
  max-height: 100%; }
  able-data table-wrapper {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  able-data table.able-data_primary-table {
    border-collapse: collapse;
    width: 100%;
    position: relative;
    table-layout: fixed; }
  able-data tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    width: 100%; }
  able-data tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.03); }
  able-data tbody tr:last-of-type {
    border-bottom: none; }
  able-data thead tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    width: 100%; }
  able-data thead th {
    cursor: pointer;
    padding: 12px 8px 4px;
    text-align: left;
    vertical-align: bottom; }
  able-data td,
  able-data tfoot th {
    vertical-align: top; }
  able-data tfoot th {
    padding: 4px 8px 12px; }
  able-data td {
    cursor: default;
    padding: 4px 8px; }
  able-data .is-key {
    position: absolute;
    opacity: 0; }
  able-data .is-focused {
    background-color: rgba(0, 0, 0, 0.02); }
  able-data .form-checkbox {
    height: auto; }
    able-data .form-checkbox .form-checkbox-label {
      padding: 0; }
  able-data .able-data_tree_1 {
    padding-left: 16px; }

able-data.tree-grid tbody {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
  able-data.tree-grid tbody:hover {
    background-color: rgba(0, 0, 0, 0.02); }
  able-data.tree-grid tbody tr {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.05); }
    able-data.tree-grid tbody tr:hover {
      background-color: rgba(0, 0, 0, 0.02); }

/*--------------------------------------------------------------------------------------------------------------------***  Lariat Table Component (old..)
\*--------------------------------------------------------------------------------------------------------------------*/
.table-data {
  display: block;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  max-height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative; }

.table-data-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.table-data-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.table-data-filters {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 16px; }

.table-data-filters > .blocked {
  margin-top: 12px;
  margin-bottom: 0; }

.table-data-filters > * {
  padding: 0 4px;
  width: 33.333333%; }

.table-data-pagination {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 16px; }

.table-data-grid {
  border-collapse: collapse;
  display: table;
  width: 100%; }

.table-data-grid.no-data {
  display: block;
  width: 100%; }

.table-data-grid.loading-data > .table-data-grid-body {
  opacity: 0.5; }

.table-data-grid-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
  display: table-header-group;
  font-weight: bold;
  position: relative; }

.table-data-grid-header .table-data-grid-cell {
  padding: 20px 16px; }

.table-data-grid-body {
  display: table-row-group;
  transition: 100ms; }

.table-data-grid-body .table-data-grid-row:hover {
  background-color: rgba(0, 0, 0, 0.05);
  cursor: default;
  text-decoration: none; }

.table-data-grid-body a.table-data-grid-row:hover {
  cursor: pointer; }

.table-data-grid-body .table-data-grid-row.active {
  background-color: rgba(0, 0, 0, 0.55);
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  z-index: 100; }

.table-data-grid-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: table-row;
  position: relative; }

.table-data-grid-row:last-of-type {
  border-bottom: none; }

.table-data-grid-cell {
  display: table-cell;
  padding: 12px 16px;
  vertical-align: middle;
  position: relative; }

.table-data-grid-cell.truncate {
  max-width: 100px; }

.table-data-grid-cell.numeric-cell {
  text-align: right; }

.table-data-grid-cell.focus-cell {
  background-color: rgba(0, 0, 0, 0.05); }

.table-data-grid-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
  display: table-row-group;
  font-weight: bold;
  position: relative; }

.table-data-grid-footer .table-data-grid-cell {
  padding: 20px 16px; }

.table-data-grid-placeholder {
  display: block;
  padding: 12px 24px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 16px; }

.table-data-grid-placeholder > * {
  margin: auto; }

.lariat-table,
.lariat-table--fixed {
  background-color: #fff;
  border-collapse: collapse;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  display: table;
  max-height: 100%;
  table-layout: auto;
  width: 100%;
  overflow: hidden;
  position: relative; }

.lariat-table--fixed {
  table-layout: fixed; }

.lariat-table.no-box {
  border-radius: 0;
  box-shadow: none; }

.lariat-table.condensed form-checkbox {
  height: auto; }

.lariat-table.condensed form-checkbox label {
  padding: 0; }

.lariat-table-header {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: table-header-group;
  font-weight: bold;
  position: relative;
  top: 0; }

.lariat-table-header .lariat-table-data {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  padding: 20px 16px;
  vertical-align: bottom; }

.lariat-table.condensed .lariat-table-header .lariat-table-data {
  padding: 8px 16px 4px; }

.lariat-table-body {
  display: table-row-group; }

.lariat-table-footer {
  display: table-row-group; }

.lariat-table-footer .lariat-table-data {
  display: table-cell;
  padding: 12px 16px; }

.lariat-table.condensed .lariat-table-footer .lariat-table-data {
  padding: 8px 16px; }

.lariat-table-footer .lariat-table-data.total {
  font-weight: bold; }

.lariat-table-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: table-row;
  position: relative; }

.lariat-table-row:last-of-type {
  border-bottom: none; }

.lariat-table-body .lariat-table-row:hover {
  background-color: rgba(0, 0, 0, 0.05);
  cursor: default;
  text-decoration: none; }

.lariat-table-body a.lariat-table-row:hover {
  cursor: pointer; }

.lariat-table-body .lariat-table-row.active {
  background-color: rgba(0, 0, 0, 0.55);
  color: #e7e7e7;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  z-index: 100; }

.lariat-table-data {
  display: table-cell;
  padding: 12px 16px;
  position: relative; }

.lariat-table.condensed .lariat-table-data {
  padding: 4px 16px; }

.lariat-table-data.numeric-cell {
  text-align: right; }

.lariat-table-data.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 75px; }

.lariat-table-data.truncate-lg {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 150px; }

.lariat-table p.blank-placeholder,
.lariat-tableless p.blank-placeholder {
  margin: 0;
  padding: 10px 15px; }

.lariat-tableless {
  background-color: #fff;
  display: table;
  position: relative; }

.lariat-tableless .lariat-table-data {
  display: table-cell;
  padding: 0; }

/*--------------------------------------------------------------------------------------------------------------------***  Lariat Currency Widget
\*--------------------------------------------------------------------------------------------------------------------*/
.currency-widget {
  display: block; }

/*--------------------------------------------------------------------------------------------------------------------***  Lariat Interval Progress
\*--------------------------------------------------------------------------------------------------------------------*/
.interval-process {
  position: relative;
  opacity: 1;
  transition: 300ms; }

.interval-process.completed {
  box-shadow: none;
  border: none;
  color: #666;
  opacity: .7; }

.interval-process__container {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  height: 175px;
  padding: 15px;
  position: relative; }

.interval-process:last-of-type .interval-process__container {
  border-bottom: none; }

.interval-process h2 {
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 5px; }

.interval-process h3 {
  font-size: 150%;
  margin: 5px 0 0; }

.interval-process h3 + p {
  margin-left: 25px; }

.interval-process p {
  margin: 0; }

.interval-details {
  margin-bottom: 5px; }

.interval-details:after {
  content: '';
  display: table;
  clear: both; }

.interval-details div {
  float: left; }

.interval-details div + div {
  float: right; }

.interval-process .progress {
  height: 20px;
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px 4px 0 0;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
  padding: 3px; }

.interval-process .progress-bar {
  border-radius: 3px;
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background: linear-gradient(#ff9c20, #f07d36);
  box-shadow: inset 0 -1px 1 rgba(0, 0, 0, 0.2);
  transition: width .6s ease; }

.interval-process.completed .progress-bar {
  background: linear-gradient(#999, #777); }

.interval-process .progress-bar:hover {
  background: #f07d36;
  cursor: pointer; }

.interval-process.completed .progress-bar:hover {
  background: #777; }

.interval-track {
  position: relative; }

.interval-tooltip {
  margin-left: -65px;
  position: absolute;
  top: 0; }

.interval-pause-marker {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 10px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -18px; }

.interval-marker {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, 0.2);
  height: 0;
  width: 0;
  margin: 0 auto; }

.interval-content {
  height: auto;
  max-height: 20px;
  width: 130px;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  padding: 5px;
  position: relative;
  z-index: 500;
  transition: 200ms; }

.interval-content:hover {
  max-height: 100px;
  background: linear-gradient(#fff, #eee);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  z-index: 1000; }

.interval-content h6 {
  margin: 0 0 5px; }

.interval-content p {
  margin: 0;
  font-size: 75%; }

.interval-content h6,
.interval-content p {
  color: rgba(0, 0, 0, 0.6);
  text-align: center; }

.interval-tooltip.left-edge {
  margin-left: -5px; }

.left-edge .interval-marker {
  margin-left: 5px; }

.left-edge .interval-content h6,
.left-edge .interval-content p {
  text-align: left; }

.interval-tooltip.right-edge {
  margin-left: -125px; }

.right-edge .interval-marker {
  margin-right: 5px; }

.right-edge .interval-content h6,
.right-edge .interval-content p {
  text-align: right; }

.paused__mask {
  background: rgba(255, 255, 255, 0.2);
  margin: auto;
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 1000;
  transition: 200ms; }

.paused .paused__mask {
  pointer-events: auto;
  opacity: 1; }

.paused__mask > div {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  color: #fff;
  width: 110px;
  height: 110px;
  margin: auto;
  font-size: 50px;
  text-align: center;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  line-height: 110px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.interval-process p.blank-placeholder {
  padding: 0px; }

.ember-basic-dropdown {
  position: relative; }

.ember-basic-dropdown, .ember-basic-dropdown *, .ember-basic-dropdown-content, .ember-basic-dropdown-content * {
  box-sizing: border-box; }

.ember-basic-dropdown-text-select-disabled {
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff; }

.ember-power-select {
  position: relative; }

.ember-power-select *, .ember-power-select-dropdown * {
  box-sizing: border-box; }

.ember-power-select-trigger {
  border: none;
  border-radius: 0.25rem;
  background-color: #ffffff;
  line-height: 1.75;
  text-overflow: ellipsis;
  min-height: 1.75em;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */ }
  .ember-power-select-trigger:after {
    content: "";
    display: table;
    clear: both; }
  .ember-power-select-trigger:focus {
    border: none;
    box-shadow: none; }
  .ember-power-select.multiple .ember-power-select-trigger {
    height: auto; }
  .ember-power-select:not(.multiple) .ember-power-select-trigger {
    white-space: nowrap; }

.ember-basic-dropdown--below .ember-power-select-trigger[aria-expanded="true"],
.ember-basic-dropdown--in-place .ember-power-select-trigger[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.ember-basic-dropdown--above .ember-power-select-trigger[aria-expanded="true"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ember-power-select-placeholder {
  color: inherit;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: rgba(0, 0, 0, 0.3) transparent transparent transparent; }
  .ember-basic-dropdown-trigger[aria-expanded="true"] .ember-power-select-status-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer; }

.ember-power-select-multiple-trigger {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.ember-power-select-trigger-multiple-input {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: inherit;
  font-size: inherit;
  border: none;
  width: 25px;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent; }
  .ember-power-select-trigger-multiple-input:disabled {
    background-color: rgba(0, 0, 0, 0.1); }

.ember-power-select-multiple-options {
  padding: 0;
  margin: 0; }

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 0.25rem;
  color: inherit;
  background-color: rgba(0, 0, 0, 0.01);
  padding: 0 4px;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 3px 2px 0; }

.ember-power-select-multiple-remove-btn {
  cursor: pointer; }
  .ember-power-select-multiple-remove-btn:not(:hover) {
    opacity: 0.5; }

.ember-power-select-search {
  padding: 4px; }
  .ember-power-select-search input {
    border: none;
    border-radius: 0;
    width: 100%;
    font-size: inherit;
    line-height: inherit;
    padding: 0 5px; }
    .ember-power-select-search input:focus {
      border: 1px solid rgba(0, 0, 0, 0.3);
      box-shadow: none; }

.ember-power-select-dropdown {
  border-left: none;
  border-right: none;
  line-height: 1.75;
  border-radius: 0.25rem;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  color: inherit; }
  .ember-power-select-dropdown.ember-basic-dropdown--above {
    border-top: rgba(0, 0, 0, 0.1);
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .ember-power-select-dropdown.ember-basic-dropdown--below, .ember-basic-dropdown--in-place .ember-power-select-dropdown {
    border-top: none;
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.ember-power-select .ember-power-select-dropdown {
  width: 100%; }

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }
  .ember-power-select-options[role="listbox"] {
    overflow-y: auto;
    max-height: 12.25em; }

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px; }

.ember-power-select-option[aria-disabled="true"] {
  color: rgba(0, 0, 0, 0.4);
  pointer-events: none; }

.ember-power-select-option[aria-selected="true"] {
  background-color: rgba(0, 0, 0, 0.2); }

.ember-power-select-option[aria-current="true"] {
  background-color: rgba(0, 0, 0, 0.05);
  color: none; }

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold; }

.ember-power-select-trigger[aria-disabled=true] {
  background-color: rgba(0, 0, 0, 0.1); }

.ember-power-select-trigger {
  padding: 0 16px 0 8px; }

.ember-power-select-status-icon {
  right: 5px; }

.ember-power-select-clear-btn {
  right: 25px; }

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px; }

.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px; }

.ember-power-select-group .ember-power-select-option {
  padding-left: 24px; }

.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px; }

.ember-power-select[dir=rtl] .ember-power-select-trigger {
  padding: 0 8px 0 16px; }
  .ember-power-select[dir=rtl] .ember-power-select-trigger .ember-power-select-multiple-option {
    float: right; }
  .ember-power-select[dir=rtl] .ember-power-select-trigger .ember-power-select-trigger-multiple-input {
    float: right; }

.ember-power-select[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial; }

.ember-power-select[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px; }

.ember-basic-dropdown-content {
  z-index: 8888 !important; }

.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  width: 240px;
  padding: 8px;
  color: #333;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px; }

.pika-single.is-hidden {
  display: none; }

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.6); }

.pika-title {
  position: relative;
  text-align: center; }

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff; }

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0; }

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0; }

.pika-prev:hover,
.pika-next:hover {
  opacity: 1; }

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0; }

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0; }

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2; }

.pika-select {
  display: inline-block;
  *display: inline; }

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0; }

.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0; }

.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center; }

.pika-button {
  cursor: pointer;
  display: block;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #fff; }

.is-today .pika-button {
  color: #f07d36;
  font-weight: bold; }

.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #f07d36;
  border-radius: 3px; }

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3; }

.pika-button:hover {
  color: #fff !important;
  background: #acacac !important;
  box-shadow: none !important;
  border-radius: 4px !important; }

/*--------------------------------------------------------------------------------------------------------------------***  NProgress
\*--------------------------------------------------------------------------------------------------------------------*/
/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #f07d36;
  border-radius: 0 1px 1px 0;
  position: fixed;
  z-index: 4000;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #f07d36, 0 0 5px #f07d36;
  opacity: 1;
  z-index: 2900;
  -webkit-transform: rotate(2deg) translate(0, -2px);
  transform: rotate(2deg) translate(0, -2px); }

/*#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 4000;
    top: 23px;
    left: 15px;
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;

    border: solid 2px transparent;
    border-top-color: #f07d36;
    border-left-color: #f07d36;
    border-radius: 50%;

    -webkit-animation: nprogress-spinner 500ms linear infinite;
    animation: nprogress-spinner 500ms linear infinite;
}*/
.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }