body {
  font-size: 14px; }

html, body {
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  color: #444;
  position: relative; }

body {
  min-height: 100vh;
  overflow-x: hidden; }
  body .app {
    min-height: 100vh; }
  body .app-container {
    min-height: 100vh;
    position: relative; }
    body .app-container > div.row, body .app-container > ui-view > div.row, body .app-container > ui-view > ui-view > div.row, body .app-container > ui-view > ui-view > ui-view > div.row {
      padding-left: 30px;
      padding-right: 30px; }
      body .app-container > div.row > [class*="col-"], body .app-container > ui-view > div.row > [class*="col-"], body .app-container > ui-view > ui-view > div.row > [class*="col-"], body .app-container > ui-view > ui-view > ui-view > div.row > [class*="col-"] {
        margin-bottom: 30px; }

.row {
  margin-bottom: 0;
  margin-left: 180px;}
  .row > [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px; }

@media (max-width: 767px) {
  .row {
    margin-left: -10.75px;
    margin-right: -10.75px; }
    .row > [class*="col-"] {
      padding-left: 10.75px;
      padding-right: 10.75px; }
  body .app-container {
    padding-left: 0;
    padding-top: 90px; }
}

.card {
  width: 100%;
  background-color: #FFF;
  border-radius: 3px;}
  .card .card-header {
    padding: 30px;
    font-size: 1.1em;
    font-weight: 400;
    border-bottom: 1px solid #dfe6e8;
    border-left: 0px solid transparent;
    color: #666;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start; }
    .card .card-header .card-title {
      -ms-flex: 1;
          flex: 1; }
  .card .card-body {
    padding: 30px; }
  .card.card-mini .card-header {
    padding: 20px 30px; }
  .card.card-mini .card-body {
    padding: 20px 30px; }
  .card.card-tab .card-header {
    padding: 0;
    background-color: #f0f4f5;
    border-bottom: 0;}
  .card.card-tab .card-header > ul, .card.card-tab ul.nav-tabs {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start;
    width: 100%;
    font-weight: 400;
    border-bottom: 1px solid #dfe6e8; }
    .card.card-tab .card-header > ul > li, .card.card-tab ul.nav-tabs > li {
      display: block;
      margin-bottom: -2px;
      z-index: 10;
      width: 140px;
      min-width: 140px; }
      .card.card-tab .card-header > ul > li a, .card.card-tab ul.nav-tabs > li a {
        padding: 20px 30px;
        width: 100%;
        text-align: center;
        display: block;
        text-decoration: none;
        color: #8d9293;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      .card.card-tab .card-header > ul > li.active, .card.card-tab ul.nav-tabs > li.active {
        border-left: 1px solid #dfe6e8;
        border-right: 1px solid #dfe6e8;
        background-color: #FFF; }
        .card.card-tab .card-header > ul > li.active a, .card.card-tab ul.nav-tabs > li.active a {
          color: #29c75f;
          border-bottom: none !important; }
      .card.card-tab .card-header > ul > li:first-child.active, .card.card-tab ul.nav-tabs > li:first-child.active {
        border-left: 0; }
  .card.card-tab .tab-content {
    padding: 0;
    position: relative;
    transition: all 0.3s ease; }
    .card.card-tab .tab-content .tab-pane {
      position: absolute;
      top: auto;
      left: auto;
      bottom: auto;
      right: auto;
      width: 100%;
      height: auto;
      display: none;
      padding: 10px 30px;
      transition: all 0.3s ease;
      opacity: 0; }
      .card.card-tab .tab-content .tab-pane.active {
        transform: translate(0, 0);
        position: relative;
        opacity: 1;
        display: block; }
  .card.card-tab.card-mini .card-header > li a, .card.card-tab.card-mini ul.nav-tabs > li a {
    padding-top: 20px;
    padding-bottom: 20px; }
  .card.card-banner {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 2px;
    transition: all 0.2s ease; }
    .card.card-banner:hover {
      cursor: pointer;
      text-decoration: none; }
    .card.card-banner .card-header {
      background-color: #FFF; }
    .card.card-banner .card-body {
      padding: 0; }
      .card.card-banner .card-body .icon {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        font-size: 4em;
        color: #444;
        z-index: 0;
        padding: 10px;
        min-height: 100%;
        min-width: 100px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
      .card.card-banner .card-body .content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -ms-flex-align: end;
            align-items: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
        position: relative;
        width: 100%;
        padding: 2rem 1.5rem;
        z-index: 100; }
        .card.card-banner .card-body .content .value {
          font-size: 3em;
          line-height: 3rem;
          font-weight: 200;
          padding-top: 2rem;
          color: #444; }
          .card.card-banner .card-body .content .value .sign {
            font-size: 0.4em;
            font-weight: 200;
            margin-right: 5px;
            opacity: 0.75; }
        .card.card-banner .card-body .content .title {
          font-size: 1em;
          font-weight: 400;
          color: #8d9293;
          text-transform: uppercase; }
      .card.card-banner .card-body::after {
        content: '';
        position: relative;
        display: block;
        clear: both; }
  .card.card-chart .card-header {
    border-bottom: 0; }
    .card.card-chart .card-header .card-title .title {
      background-color: #FFF;
      padding: 6px 12px;
      border-radius: 2px;
      font-weight: 400;
      width: auto;
      display: inline;
      text-transform: uppercase; }
  .card.card-green {
    background-color: #29c75f; }
    .card.card-green .card-body .icon {
      color: #FFF;
      background-color: rgba(255, 255, 255, 0.05); }
    .card.card-green .card-body .content .value {
      color: #FFF; }
    .card.card-green-light {
      background-color: #FFF; }
      .card.card-green-light .card-body .icon {
        color: #29c75f;
        background-color: rgba(41, 199, 95, 0.05); }
      .card.card-green-light .card-body .content .value {
        color: #29c75f; }
      .card.card-green-light:hover {
        background-color: #29c75f; }
        .card.card-green-light:hover .card-body .icon {
          color: #FFF;
          background-color: rgba(255, 255, 255, 0.1); }
        .card.card-green-light:hover .card-body .content .title, .card.card-green-light:hover .card-body .content .value {
          color: #FFF; }
    .card.card-green.card-chart .card-header {
      background-color: #29c75f;
      color: #29c75f; }
  .card.card-blue {
    background-color: #39c3da; }
    .card.card-blue .card-body .icon {
      color: #FFF;
      background-color: rgba(255, 255, 255, 0.05); }
    .card.card-blue .card-body .content .value {
      color: #FFF; }
    .card.card-blue-light {
      background-color: #FFF; }
      .card.card-blue-light .card-body .icon {
        color: #39c3da;
        background-color: rgba(57, 195, 218, 0.05); }
      .card.card-blue-light .card-body .content .value {
        color: #39c3da; }
      .card.card-blue-light:hover {
        background-color: #39c3da; }
        .card.card-blue-light:hover .card-body .icon {
          color: #FFF;
          background-color: rgba(255, 255, 255, 0.1); }
        .card.card-blue-light:hover .card-body .content .title, .card.card-blue-light:hover .card-body .content .value {
          color: #FFF; }
    .card.card-blue.card-chart .card-header {
      background-color: #39c3da;
      color: #39c3da; }
  .card.card-orange {
    background-color: #fc8229; }
    .card.card-orange .card-body .icon {
      color: #FFF;
      background-color: rgba(255, 255, 255, 0.05); }
    .card.card-orange .card-body .content .value {
      color: #FFF; }
    .card.card-orange-light {
      background-color: #FFF; }
      .card.card-orange-light .card-body .icon {
        color: #fc8229;
        background-color: rgba(252, 130, 41, 0.05); }
      .card.card-orange-light .card-body .content .value {
        color: #fc8229; }
      .card.card-orange-light:hover {
        background-color: #fc8229; }
        .card.card-orange-light:hover .card-body .icon {
          color: #FFF;
          background-color: rgba(255, 255, 255, 0.1); }
        .card.card-orange-light:hover .card-body .content .title, .card.card-orange-light:hover .card-body .content .value {
          color: #FFF; }
    .card.card-orange.card-chart .card-header {
      background-color: #fc8229;
      color: #fc8229; }
  .card.card-yellow {
    background-color: #FFBC11; }
    .card.card-yellow .card-body .icon {
      color: #FFF;
      background-color: rgba(255, 255, 255, 0.05); }
    .card.card-yellow .card-body .content .value {
      color: #FFF; }
    .card.card-yellow-light {
      background-color: #FFF; }
      .card.card-yellow-light .card-body .icon {
        color: #FFBC11;
        background-color: rgba(255, 188, 17, 0.05); }
      .card.card-yellow-light .card-body .content .value {
        color: #FFBC11; }
      .card.card-yellow-light:hover {
        background-color: #FFBC11; }
        .card.card-yellow-light:hover .card-body .icon {
          color: #FFF;
          background-color: rgba(255, 255, 255, 0.1); }
        .card.card-yellow-light:hover .card-body .content .title, .card.card-yellow-light:hover .card-body .content .value {
          color: #FFF; }
    .card.card-yellow.card-chart .card-header {
      background-color: #FFBC11;
      color: #FFBC11; }

@media (max-width: 767px) {
  .card .card-header {
    padding: 15px; }
  .card .card-body {
    padding: 15px; }
  .card.card-mini .card-header {
    padding: 15px; }
  .card.card-mini .card-body {
    padding: 15px; }
  .card.card-tab .card-header {
    padding: 0; }
  .card.card-tab .card-body {
    padding: 0; }
  .card.card-tab .tab-content .tab-pane {
    padding: 15px; }
  .card.card-tab.card-mini .card-header > li a, .card.card-tab.card-mini ul.nav-tabs > li a {
    padding-top: 15px;
    padding-bottom: 15px; }
  .card.card-banner .card-body .icon {
    font-size: 3em;
    min-width: 80px; }
  .card.card-banner .card-body .content {
    padding: 1rem; }
    .card.card-banner .card-body .content .value {
      font-size: 3em;
      padding-top: 1rem; }
    .card.card-banner .card-body .content .title {
      font-size: 0.9em; } }

.card-mini table.table.card-table > tbody > tr th, .card-mini table.table.card-table > thead > tr th {
  padding: 15px; }

@media (max-width: 767px) {
  table.table > tbody > tr td, table.table > tbody > tr th, table.table > thead > tr td, table.table > thead > tr th {
    padding: 15px 15px; }
  .card-mini table.table.card-table > tbody > tr td, .card-mini table.table.card-table > thead > tr td {
    padding: 15px 15px; }
  .card-mini table.table.card-table > tbody > tr th, .card-mini table.table.card-table > thead > tr th {
    padding: 15px 15px; } }


.r-text-field{
  --uiTextFieldPlaceholderColor: var(--textFieldPlaceholderColor);

  font-family: inherit;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;

  border-radius: 0;
  border-style: solid;
}

.r-text-field::-webkit-input-placeholder{
  color: var(--uiTextFieldPlaceholderColor);
}

.r-text-field::-moz-placeholder{
  opacity: 1;
  color: var(--uiTextFieldPlaceholderColor);
}

.r-text-field:invalid{
  outline: none;
  box-shadow: none;
}

.r-button{
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;

  font-family: inherit;
  font-size: inherit;
}

.r-button::-moz-focus-inner,
.r-button[type="button"]::-moz-focus-inner,
.r-button[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.a-field{
  --uiaFieldHeight: var(--aFieldHeight);
  --uiaFieldHintFinalCoordinate: var(--aFieldHintFinalCoordinate, var(--uiaFieldHeight));
  --uiaFieldPaddingLeft: var(--aFieldPaddingLeft);

  position: relative;
  padding-top: calc(var(--uiaFieldHintFinalCoordinate) - var(--uiaFieldHeight)); /* 1, 2 */
}

.a-field__input{
  box-sizing: border-box;
  height: var(--uiaFieldHeight); /* 1 */
  padding-top: 0;
  padding-bottom: 0;
}

.a-field__input::-webkit-input-placeholder{
  opacity: 0;
  transition: opacity .2s ease-out;
}

.a-field__input::-moz-placeholder{
  opacity: 0;
}

.a-field__input:focus::-webkit-input-placeholder{
  opacity: 1;
  transition-delay: .2s;
}

.a-field__input:focus::-moz-placeholder{
  opacity: 1;
}

.a-field__input:not(:placeholder-shown) ~ .a-field__label-wrap .a-field__label{
  opacity: 0;
  bottom: 85%;
}

.a-field__input:focus ~ .a-field__label-wrap .a-field__label{
  opacity: 1;
  bottom: var(--uiaFieldHintFinalCoordinate); /* 2 */
}

.search{
  --searchFieldHeight: 50px;
  --searchButtonSize: var(--searchFieldHeight);
  --textFieldPlaceholderColor: #fff;

  --aFieldHeight: var(--searchFieldHeight);
  --aFieldHintFinalCoordinate: calc(var(--searchFieldHeight) + 10px);
  --aFieldPaddingLeft: 30px;

  color: #fff;
  position: relative;
}

.search__input{
  width: 100%;
  border-width: 3px;
  border-color: currentColor; /* 1 */

  border-radius: 25px;
  background-color: transparent;

  font-size: 18px;
  color: currentColor;
}

.search__input:focus{
  outline: none;
}

.search__button{
  color: currentColor;
}

.search__button:focus{
  outline: none;
}

.search__input:not(:placeholder-shown) ~ .search__clear{
  display: block;
}

.search__icon{
  fill: currentColor;
  display: block;

  box-sizing: border-box;
  width: 1.5em;
  height: 1.5em;
  padding: .25em;

  position: absolute;
  top: calc(50% - .75em);
  left: calc(50% - .75em);
}

.search__button:focus .search__icon{
  box-shadow: 0 0 0 3px currentColor;
}

@media (max-width: 640px){

  .search__input{
    padding-right: 50px;
  }

  .search__submit{
    display: block;
    width: 100%;
    padding: 12px 15px;

    background-color: #fff;
    text-transform: uppercase;
    color: #5f27cd;
    border-radius: 25px;
    margin-top: 25px;
  }

  .search__submit:focus{
    box-shadow: 0 0 0 3px currentColor;
    color: #422380;
  }

  .search__icon-search{
    display: none;
  }
}

@media (min-width: 641px){
  .search__submit{
    width: 1em;
    height: 1em;
    font-size: var(--searchButtonSize);

    position: absolute;
    bottom: 0;
    right: 10px;
  }

  .search__submit-label{
    position: absolute;
    clip: rect(0 0 0 0);
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
  }

  .search__icon-search{
    font-size: 22px;
  }
}