/**
 * In this file we create our default styles and variables we use in our
 * application
 */
/*=================
 * Fonts
=================*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700");
/*=================
 * End fonts
=================*/
/*=================
 * Colors
=================*/
/*=================
 * End Colors
=================*/
/**================
 * Mixins
=================*/
/*=================
 * End Mixins
=================*/
/*=================
 * Resets
=================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

strong {
  font-weight: 400; }

/*=================
 * End Resets
=================*/
/*=================
 * Typography
=================*/
body {
  color: #0c1e30;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 22px;
  background-color: #fafbfc;
  max-width: 100vw; }
  body h1, body h2, body h3 {
    color: #245d96;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0; }
    body h1._panelTitle, body h2._panelTitle, body h3._panelTitle {
      padding: 0 20px; }
      @media screen and (max-width: 768px) {
        body h1._panelTitle, body h2._panelTitle, body h3._panelTitle {
          padding: 0 15px; } }
      @media screen and (max-width: 530px) {
        body h1._panelTitle, body h2._panelTitle, body h3._panelTitle {
          padding: 0 10px; } }
  body h1 {
    font-size: 20px;
    font-weight: 400;
    margin: 4px 0; }
    body h1._pageTitle {
      margin: 0;
      line-height: 34px; }
      body h1._pageTitle._table {
        margin-left: 20px; }
      body h1._pageTitle._panelTitle {
        margin: 20px 0; }
      body h1._pageTitle._largeSp {
        margin-top: 57px; }
    @media screen and (max-width: 425px) {
      body h1 {
        font-size: 16px; } }
  body h2 {
    font-size: 14px;
    font-weight: 300;
    line-height: 54px;
    text-transform: uppercase; }
    body h2.__title {
      font-size: 16px;
      line-height: 42px;
      text-transform: none; }
      @media screen and (max-width: 480px) {
        body h2.__title {
          font-size: 14px;
          line-height: 24px; } }
    body h2._subTitle {
      font-size: 16px;
      font-weight: 400;
      text-transform: none;
      line-height: 22px;
      margin-top: 20px;
      margin-bottom: 15px; }
    body h2.alert-heading {
      text-transform: unset; }
  body h3 {
    font-size: 16px;
    font-weight: 400; }
  body a {
    color: #0c1e30; }
    body a:hover {
      text-decoration: underline; }
    body a._secondary {
      color: #245d96;
      text-decoration: underline; }
      body a._secondary:hover {
        text-decoration: none; }
  body input, body button, body select, body textarea {
    font-family: "Open Sans", sans-serif;
    font-weight: 300; }
  body span.fa._success, body i.fa._success,
  body span.fas._success, body i.fas._success,
  body span.far._success, body i.far._success {
    color: #009900; }
  body span.fa._error, body i.fa._error,
  body span.fas._error, body i.fas._error,
  body span.far._error, body i.far._error {
    color: #b10000; }
  body span.fa._blue, body i.fa._blue,
  body span.fas._blue, body i.fas._blue,
  body span.far._blue, body i.far._blue {
    color: #245d96; }
  body .__lSpacer {
    margin-left: 10px; }
  body .__tSpacer {
    margin-top: 10px; }
  body *._bold {
    font-weight: 700; }

/*=================
 * End Typography
=================*/
/*=================
 * Notes
=================*/
.note {
  display: inline-block;
  width: auto;
  padding: 1px 5px;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  .note._small {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px; }
  .note._neutral {
    color: #0c1e30;
    background: #dfe2e5; }
  .note._info {
    color: #307dca;
    background: #fff; }
  .note._infoOption {
    color: #0c1e30;
    font-size: 12px;
    font-weight: 300;
    background: #fafbfc; }
  .note._error, .note._danger {
    background: #b10000; }
  .note._success {
    background: #009900; }
  .note._warning {
    background: #fe8e00; }
  .note._status {
    color: #0c1e30;
    background: transparent;
    border-left: 2px solid #f5f7fa; }
    .note._status > i {
      color: #245d96; }
    .note._status:first-child {
      border-left: none; }
    .note._status._noVisibility {
      visibility: hidden; }
      .note._status._noVisibility + ._status {
        border-left: 2px solid transparent; }
  .note._circle {
    position: relative;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 1px solid #dfe2e5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    .note._circle:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: none;
      border: 2px solid #fff;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
    .note._circle._small {
      width: 10px;
      height: 10px;
      border: none; }
      .note._circle._small:before {
        display: none; }
      @media screen and (max-width: 768px) {
        .note._circle._small {
          width: 5px;
          height: 5px; } }

/*=================
 * End Notes
=================*/
/*=================
 * Default Classes
=================*/
*._rSep {
  border-right: 2px solid #f5f7fa;
  padding-right: 5px;
  margin-right: 5px; }
*._tCenter {
  text-align: center; }

button.btn, a.btn,
table.table tr td a.btn,
input[type="submit"] {
  outline: none !important;
  padding: 7px 15px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  border: 1px solid #dfe2e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  button.btn:active, button.btn.active, button.btn:focus, button.btn.focus, a.btn:active, a.btn.active, a.btn:focus, a.btn.focus,
  table.table tr td a.btn:active,
  table.table tr td a.btn.active,
  table.table tr td a.btn:focus,
  table.table tr td a.btn.focus,
  input[type="submit"]:active,
  input[type="submit"].active,
  input[type="submit"]:focus,
  input[type="submit"].focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none; }
  button.btn._primary, a.btn._primary,
  table.table tr td a.btn._primary,
  input[type="submit"]._primary {
    color: #fff;
    text-shadow: 0px 2px 1px rgba(12, 30, 48, 0.25);
    background: #307dca;
    border-color: #307dca; }
    button.btn._primary:hover, button.btn._primary:focus, a.btn._primary:hover, a.btn._primary:focus,
    table.table tr td a.btn._primary:hover,
    table.table tr td a.btn._primary:focus,
    input[type="submit"]._primary:hover,
    input[type="submit"]._primary:focus {
      text-decoration: none;
      background: #245d96;
      border-color: #245d96; }
    button.btn._primary._filter, a.btn._primary._filter,
    table.table tr td a.btn._primary._filter,
    input[type="submit"]._primary._filter {
      height: 34px; }
  button.btn._secondary, a.btn._secondary,
  table.table tr td a.btn._secondary,
  input[type="submit"]._secondary {
    height: 34px;
    color: #0c1e30;
    text-decoration: none;
    background: transparent;
    border: none; }
    button.btn._secondary:hover, button.btn._secondary:focus, a.btn._secondary:hover, a.btn._secondary:focus,
    table.table tr td a.btn._secondary:hover,
    table.table tr td a.btn._secondary:focus,
    input[type="submit"]._secondary:hover,
    input[type="submit"]._secondary:focus {
      color: #307dca;
      text-decoration: none;
      background: transparent; }
  button.btn._tertiary, a.btn._tertiary,
  table.table tr td a.btn._tertiary,
  input[type="submit"]._tertiary {
    height: 34px;
    color: #245d96;
    background: #fff;
    border-color: #dfe2e5; }
    button.btn._tertiary:hover, button.btn._tertiary:focus, a.btn._tertiary:hover, a.btn._tertiary:focus,
    table.table tr td a.btn._tertiary:hover,
    table.table tr td a.btn._tertiary:focus,
    input[type="submit"]._tertiary:hover,
    input[type="submit"]._tertiary:focus {
      text-decoration: none;
      border-color: #245d96; }
    button.btn._tertiary._alt, a.btn._tertiary._alt,
    table.table tr td a.btn._tertiary._alt,
    input[type="submit"]._tertiary._alt {
      color: #0c1e30; }
      button.btn._tertiary._alt > span,
      button.btn._tertiary._alt > i, a.btn._tertiary._alt > span,
      a.btn._tertiary._alt > i,
      table.table tr td a.btn._tertiary._alt > span,
      table.table tr td a.btn._tertiary._alt > i,
      input[type="submit"]._tertiary._alt > span,
      input[type="submit"]._tertiary._alt > i {
        color: #009900; }
  button.btn._quaternary, a.btn._quaternary,
  table.table tr td a.btn._quaternary,
  input[type="submit"]._quaternary {
    width: 100%;
    padding: 10px 15px;
    color: #fff;
    text-shadow: 0px 2px 1px rgba(12, 30, 48, 0.25);
    background-color: #245d96;
    border: none; }
    button.btn._quaternary:hover, button.btn._quaternary :focus, a.btn._quaternary:hover, a.btn._quaternary :focus,
    table.table tr td a.btn._quaternary:hover,
    table.table tr td a.btn._quaternary :focus,
    input[type="submit"]._quaternary:hover,
    input[type="submit"]._quaternary :focus {
      text-decoration: none;
      background-color: #307dca; }
  button.btn._quinary, a.btn._quinary,
  table.table tr td a.btn._quinary,
  input[type="submit"]._quinary {
    width: 100%;
    padding: 15px;
    color: #adb0b3;
    background: transparent;
    border: 2px dashed #ececec; }
    button.btn._quinary._file, a.btn._quinary._file,
    table.table tr td a.btn._quinary._file,
    input[type="submit"]._quinary._file {
      color: #0c1e30; }
  button.btn._fullWidth, a.btn._fullWidth,
  table.table tr td a.btn._fullWidth,
  input[type="submit"]._fullWidth {
    width: 100%; }
  button.btn._fixedW, a.btn._fixedW,
  table.table tr td a.btn._fixedW,
  input[type="submit"]._fixedW {
    width: 120px; }
  button.btn > span, a.btn > span,
  table.table tr td a.btn > span,
  input[type="submit"] > span {
    margin-right: 7px; }
    button.btn > span.icon-publish, button.btn > span.icon-unpublish, a.btn > span.icon-publish, a.btn > span.icon-unpublish,
    table.table tr td a.btn > span.icon-publish,
    table.table tr td a.btn > span.icon-unpublish,
    input[type="submit"] > span.icon-publish,
    input[type="submit"] > span.icon-unpublish {
      margin-right: 0; }
    @media screen and (max-width: 855px) {
      button.btn > span.__hMed, a.btn > span.__hMed,
      table.table tr td a.btn > span.__hMed,
      input[type="submit"] > span.__hMed {
        display: none; } }
    @media screen and (max-width: 625px) {
      button.btn > span.__hSmall, a.btn > span.__hSmall,
      table.table tr td a.btn > span.__hSmall,
      input[type="submit"] > span.__hSmall {
        display: none; } }
  button.btn > i, a.btn > i,
  table.table tr td a.btn > i,
  input[type="submit"] > i {
    font-size: 14px;
    margin-right: 3px; }
  button.btn._small, a.btn._small,
  table.table tr td a.btn._small,
  input[type="submit"]._small {
    padding: 4px 9px;
    font-size: 13px; }
    button.btn._small > i, a.btn._small > i,
    table.table tr td a.btn._small > i,
    input[type="submit"]._small > i {
      margin: 0;
      font-size: 13px; }
  button.btn._medium, a.btn._medium,
  table.table tr td a.btn._medium,
  input[type="submit"]._medium {
    padding: 4px 11px;
    font-size: 14px; }
    button.btn._medium > i, a.btn._medium > i,
    table.table tr td a.btn._medium > i,
    input[type="submit"]._medium > i {
      margin: 0;
      font-size: 14px; }
  button.btn.btn-micro, a.btn.btn-micro,
  table.table tr td a.btn.btn-micro,
  input[type="submit"].btn-micro {
    background-color: transparent;
    border: none; }
    button.btn.btn-micro .icon-unpublish, a.btn.btn-micro .icon-unpublish,
    table.table tr td a.btn.btn-micro .icon-unpublish,
    input[type="submit"].btn-micro .icon-unpublish {
      font-size: 15px; }
      button.btn.btn-micro .icon-unpublish:before, a.btn.btn-micro .icon-unpublish:before,
      table.table tr td a.btn.btn-micro .icon-unpublish:before,
      input[type="submit"].btn-micro .icon-unpublish:before {
        color: #b10000; }
    button.btn.btn-micro .icon-publish, a.btn.btn-micro .icon-publish,
    table.table tr td a.btn.btn-micro .icon-publish,
    input[type="submit"].btn-micro .icon-publish {
      padding: 1px 1px 0 0;
      font-size: 9px;
      line-height: 16px;
      background: #009900;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
      button.btn.btn-micro .icon-publish:before, a.btn.btn-micro .icon-publish:before,
      table.table tr td a.btn.btn-micro .icon-publish:before,
      input[type="submit"].btn-micro .icon-publish:before {
        color: #fff; }
  button.btn._noStyle, a.btn._noStyle,
  table.table tr td a.btn._noStyle,
  input[type="submit"]._noStyle {
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #0c1e30; }
  button.btn._sMed, a.btn._sMed,
  table.table tr td a.btn._sMed,
  input[type="submit"]._sMed {
    display: none; }
  @media screen and (max-width: 768px) {
    button.btn._hMed, a.btn._hMed,
    table.table tr td a.btn._hMed,
    input[type="submit"]._hMed {
      display: none; }
    button.btn._sMed, a.btn._sMed,
    table.table tr td a.btn._sMed,
    input[type="submit"]._sMed {
      display: inline-block; } }
  @media screen and (max-width: 600px) {
    button.btn._secSmall, a.btn._secSmall,
    table.table tr td a.btn._secSmall,
    input[type="submit"]._secSmall {
      height: 34px;
      font-size: 16px;
      font-weight: 400;
      line-height: 21.7px;
      text-decoration: none;
      background: transparent;
      border: none; }
      button.btn._secSmall:hover, button.btn._secSmall:focus, a.btn._secSmall:hover, a.btn._secSmall:focus,
      table.table tr td a.btn._secSmall:hover,
      table.table tr td a.btn._secSmall:focus,
      input[type="submit"]._secSmall:hover,
      input[type="submit"]._secSmall:focus {
        text-decoration: none;
        background: transparent; } }

.btn-toolbar#toolbar {
  margin-top: 14px;
  margin-bottom: 0; }
  .btn-toolbar#toolbar .btn-wrapper {
    margin-bottom: 14px; }
    .btn-toolbar#toolbar .btn-wrapper button {
      min-width: 0;
      padding: 3px 15px;
      color: #0c1e30;
      font-family: "Open Sans", sans-serif;
      font-size: 13px;
      font-weight: 300;
      border: 1px solid #dfe2e5;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background: #fff;
      -webkit-transition: border-color 0.2s ease-in-out;
      -moz-transition: border-color 0.2s ease-in-out;
      transition: border-color 0.2s ease-in-out; }
      .btn-toolbar#toolbar .btn-wrapper button:hover, .btn-toolbar#toolbar .btn-wrapper button:focus {
        border-color: #245d96; }

.subhead-fixed .btn-toolbar#toolbar {
  margin-top: 10px;
  margin-bottom: 0; }
  .subhead-fixed .btn-toolbar#toolbar .btn-wrapper {
    margin-bottom: 10px; }

.login .btn.btn-primary {
  outline: none !important;
  width: 90px;
  margin: 0;
  padding: 6px 15px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 300;
  text-align: center;
  border: 1px solid #307dca;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-transition: border-color 0.2s ease-in-out;
  -moz-transition: border-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
  text-shadow: 0px 2px 1px rgba(12, 30, 48, 0.25);
  background: #307dca; }

/**=====================
 * Mixins Flex specific
======================*/
/*=================
 * End Mixins
=================*/
.wrapper {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-flow: column wrap;
  width: 100%;
  max-width: 1330px;
  margin: 0 auto;
  padding: 0 15px; }
  .wrapper._footer {
    padding-bottom: 40px; }
  @media screen and (max-width: 425px) {
    .wrapper {
      padding: 5px 10px 0 10px; } }
  .wrapper._noPadding {
    padding: 0; }
  .wrapper > .__row {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: inline-flex;
    flex-flow: row wrap;
    -webkit-box-flex: 1 1 auto;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1 1 auto;
    /* OLD - Firefox 19- */
    -webkit-flex: 1 1 auto;
    /* Chrome */
    -ms-flex: 1 1 auto;
    /* IE 10 */
    flex: 1 1 auto;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    max-width: calc(100vw - 32px); }
    @media screen and (max-width: 425px) {
      .wrapper > .__row {
        max-width: calc(100vw - 20px); } }
    .wrapper > .__row .__flex {
      -webkit-box-flex: 1 1 auto;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex: 1 1 auto;
      /* OLD - Firefox 19- */
      -webkit-flex: 1 1 auto;
      /* Chrome */
      -ms-flex: 1 1 auto;
      /* IE 10 */
      flex: 1 1 auto;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
      .wrapper > .__row .__flex._aCenter {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        align-items: center; }
      .wrapper > .__row .__flex._wSidebar {
        flex-basis: calc(1300px - 661px); }
        @media screen and (max-width: 1023px) {
          .wrapper > .__row .__flex._wSidebar {
            flex-basis: 1300px; } }
    .wrapper > .__row._fit {
      margin: 0 -10px;
      max-width: 100vw; }
      .wrapper > .__row._fit._4th {
        margin: 0 -15px; }
        @media screen and (max-width: 970px) {
          .wrapper > .__row._fit._4th {
            margin: 0 -10px; } }
    .wrapper > .__row > .__third {
      width: calc((100% / 3) - 20px);
      margin: 0 10px 20px;
      min-width: 290px; }
      @media screen and (max-width: 960px) {
        .wrapper > .__row > .__third {
          width: calc(50% - 20px); } }
      @media screen and (max-width: 645px) {
        .wrapper > .__row > .__third {
          width: calc(100% - 20px);
          margin-bottom: 10px; } }
    .wrapper > .__row > .__fourth {
      width: calc(25% - 30px);
      min-width: 250px;
      margin: 0 15px 40px; }
      @media screen and (max-width: 1290px) {
        .wrapper > .__row > .__fourth {
          width: calc((100% / 3) - 30px); } }
      @media screen and (max-width: 970px) {
        .wrapper > .__row > .__fourth {
          width: calc(50% - 20px);
          margin: 0 10px 20px; } }
      @media screen and (max-width: 650px) {
        .wrapper > .__row > .__fourth {
          width: calc(100% - 20px); } }
    .wrapper > .__row .__sidebar {
      width: 295px;
      margin-left: 60px; }
      @media screen and (max-width: 1023px) {
        .wrapper > .__row .__sidebar {
          width: 100%;
          margin-top: 20px;
          margin-left: 0;
          padding: 0 15px; } }
  @media screen and (max-width: 1023px) and (min-width: 426px) {
    .wrapper > .__row .__sidebar .content._fColumns {
      flex-direction: row !important; }
      .wrapper > .__row .__sidebar .content._fColumns > .__block {
        -webkit-box-flex: 1 1 50%;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 1 1 50%;
        /* OLD - Firefox 19- */
        -webkit-flex: 1 1 50%;
        /* Chrome */
        -ms-flex: 1 1 50%;
        /* IE 10 */
        flex: 1 1 50%;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */ } }

    .wrapper > .__row._fixedW {
      width: 620px; }
      .wrapper > .__row._fixedW._aCenter {
        margin: 0 auto; }
      @media screen and (max-width: 768px) {
        .wrapper > .__row._fixedW {
          max-width: 100%; }
          .wrapper > .__row._fixedW .__section {
            max-width: 530px;
            margin: 0 auto; } }
    @media screen and (max-width: 768px) {
      .wrapper > .__row._mCol {
        flex-direction: column; }
        .wrapper > .__row._mCol .form._filter {
          padding-top: 10px; } }
    @media screen and (max-width: 768px) and (max-width: 425px) {
      .wrapper > .__row._mCol .form._filter {
        padding-top: 5px; } }

  .wrapper._fRows {
    flex-flow: row wrap; }
  .wrapper > .__divider {
    margin-top: 20px;
    border-bottom: 1px solid #eee; }
    .wrapper > .__divider._footer {
      margin-top: 0px; }
    .wrapper > .__divider._lFooter {
      margin-top: 40px; }
    @media screen and (max-width: 425px) {
      .wrapper > .__divider {
        margin: 20px -10px 0; } }

*._f1 {
  -webkit-box-flex: 1 1 auto;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1 1 auto;
  /* OLD - Firefox 19- */
  -webkit-flex: 1 1 auto;
  /* Chrome */
  -ms-flex: 1 1 auto;
  /* IE 10 */
  flex: 1 1 auto;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
*._fColumns {
  flex-direction: column !important; }
*._fRows {
  flex-direction: row !important; }
*._jSpaceBetween {
  justify-content: space-between; }
*._jCenter {
  justify-content: center; }
*._jRight {
  justify-content: flex-end; }
*._aCenter {
  align-items: center; }
*._aStart {
  align-items: flex-start !important; }
*._aEnd {
  align-items: flex-end !important; }
* span.truncate {
  display: block; }
*.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
*._noFlex {
  -webkit-box-flex: none !important;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: none !important;
  /* OLD - Firefox 19- */
  -webkit-flex: none !important;
  /* Chrome */
  -ms-flex: none !important;
  /* IE 10 */
  flex: none !important;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

/**=======================
 * Default section mixins
========================*/
header {
  height: 120px;
  margin-bottom: 25px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(12, 30, 48, 0.1);
  -moz-box-shadow: 0px 0px 3px rgba(12, 30, 48, 0.1);
  box-shadow: 0px 0px 3px rgba(12, 30, 48, 0.1); }
  @media screen and (max-width: 480px) {
    header {
      height: 100px; } }
  header .header {
    position: relative;
    height: 100%; }
    header .header .user {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      flex-flow: row-reverse nowrap;
      align-items: center; }
      header .header .user .menu {
        float: right;
        font-size: 32px;
        padding: 15px 0 15px 20px;
        border-left: 1px solid #eee; }
        @media screen and (max-width: 480px) {
          header .header .user .menu {
            padding-right: 10px; } }
      header .header .user .name {
        float: right;
        padding: 15px 20px;
        text-align: right;
        color: #5c6166;
        font-size: 14px;
        font-weight: 300; }
        header .header .user .name > strong {
          font-weight: 400; }
        @media screen and (max-width: 480px) {
          header .header .user .name {
            display: none; } }
  @media screen and (max-width: 425px) {
    header {
      margin-bottom: 20px; } }

body .tooltip {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  right: 0;
  font-size: 14px;
  font-weight: 300;
  width: 280px;
  max-width: 280px;
  border: none;
  background-color: #fff; }
  body .tooltip.in {
    opacity: 1; }
  body .tooltip.top {
    padding: 0; }
    body .tooltip.top .tooltip-inner, body .tooltip.top .popover-content {
      margin: 0;
      padding: 10px;
      color: #0c1e30;
      background: #fff;
      border: 1px solid #f5f7fa;
      -webkit-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
      -moz-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
      box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05); }
      body .tooltip.top .tooltip-inner i.toolStatus, body .tooltip.top .popover-content i.toolStatus {
        position: absolute;
        top: 1px;
        left: 1px;
        bottom: 2px;
        width: 3px; }
        body .tooltip.top .tooltip-inner i.toolStatus._warning, body .tooltip.top .popover-content i.toolStatus._warning {
          background: #b10000; }
        body .tooltip.top .tooltip-inner i.toolStatus._success, body .tooltip.top .popover-content i.toolStatus._success {
          background: #009900; }
    body .tooltip.top .tooltip-arrow {
      position: absolute;
      bottom: -5px;
      left: calc(50% - 15px) !important;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 15px solid #fff; }
body #fancybox-overlay {
  background-color: black !important; }
body #fancybox-wrap {
  padding: 0;
  min-width: 405px; }
  @media screen and (max-width: 450px) {
    body #fancybox-wrap {
      left: 10px !important;
      right: 10px !important;
      padding: 0;
      min-width: calc(100% - 20px); } }
  body #fancybox-wrap #fancybox-outer {
    padding: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden; }
    body #fancybox-wrap #fancybox-outer .fancybox-bg {
      display: none; }
    body #fancybox-wrap #fancybox-outer #fancybox-content {
      min-width: 385px;
      background: #fff;
      border-width: 0px !important; }
      @media screen and (max-width: 450px) {
        body #fancybox-wrap #fancybox-outer #fancybox-content {
          min-width: 100%; } }
      body #fancybox-wrap #fancybox-outer #fancybox-content .popupTitle {
        width: 100%;
        height: 50px;
        padding: 0 50px 0 25px;
        color: #fafbfc;
        font-size: 16px;
        font-weight: 400;
        line-height: 50px;
        background: #307dca; }
      body #fancybox-wrap #fancybox-outer #fancybox-content h4 {
        margin: 40px 25px 30px; }
      body #fancybox-wrap #fancybox-outer #fancybox-content .popupContent {
        padding: 32px 25px 30px;
        font-size: 14px; }
      body #fancybox-wrap #fancybox-outer #fancybox-content .popupFooter {
        padding: 25px 25px 23px;
        background: #fafbfc; }
        body #fancybox-wrap #fancybox-outer #fancybox-content .popupFooter .btn {
          height: 36px; }
          @media screen and (max-width: 450px) {
            body #fancybox-wrap #fancybox-outer #fancybox-content .popupFooter .btn {
              padding-left: 10px;
              padding-right: 10px; } }
        body #fancybox-wrap #fancybox-outer #fancybox-content .popupFooter .showcart {
          float: right; }
      body #fancybox-wrap #fancybox-outer #fancybox-content .popupAlert {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        padding: 20px 25px 17px;
        color: #0c1e30;
        font-size: 14px; }
        body #fancybox-wrap #fancybox-outer #fancybox-content .popupAlert._divider {
          border-top: 1px solid #f5f7fa; }
        body #fancybox-wrap #fancybox-outer #fancybox-content .popupAlert .__icon {
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          min-width: 40px;
          max-width: 40px;
          height: 40px;
          font-size: 14px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%; }
        body #fancybox-wrap #fancybox-outer #fancybox-content .popupAlert .__message {
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          display: inline-flex;
          flex-flow: column wrap;
          -webkit-box-flex: 1 1 auto;
          /* OLD - iOS 6-, Safari 3.1-6 */
          -moz-box-flex: 1 1 auto;
          /* OLD - Firefox 19- */
          -webkit-flex: 1 1 auto;
          /* Chrome */
          -ms-flex: 1 1 auto;
          /* IE 10 */
          flex: 1 1 auto;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          padding: 0 0 0 15px; }
          body #fancybox-wrap #fancybox-outer #fancybox-content .popupAlert .__message h2 {
            font-weight: 700;
            line-height: 22px;
            text-transform: none; }
        body #fancybox-wrap #fancybox-outer #fancybox-content .popupAlert._success .__icon {
          color: #cfe6cf;
          background: #009900; }
        body #fancybox-wrap #fancybox-outer #fancybox-content .popupAlert._success h2 {
          color: #009900; }
        body #fancybox-wrap #fancybox-outer #fancybox-content .popupAlert._error .__icon {
          color: #ffe5e5;
          background: #b10000; }
        body #fancybox-wrap #fancybox-outer #fancybox-content .popupAlert._error h2 {
          color: #b10000; }
        body #fancybox-wrap #fancybox-outer #fancybox-content .popupAlert._warning .__icon {
          color: #fff4e5;
          background: #fe8e00; }
        body #fancybox-wrap #fancybox-outer #fancybox-content .popupAlert._warning h2 {
          color: #fe8e00; }
        body #fancybox-wrap #fancybox-outer #fancybox-content .popupAlert._info .__icon {
          color: #cfdce5;
          background: #0061a6; }
        body #fancybox-wrap #fancybox-outer #fancybox-content .popupAlert._info h2 {
          color: #0061a6; }
    body #fancybox-wrap #fancybox-outer #fancybox-close {
      top: 0;
      right: 0;
      width: 50px;
      height: 50px;
      text-align: center;
      background: #307dca;
      border-left: 1px solid #fafbfc; }
      body #fancybox-wrap #fancybox-outer #fancybox-close:before {
        color: #fafbfc;
        font-family: 'Font Awesome 5 Pro';
        font-size: 24px;
        font-weight: 400;
        line-height: 50px;
        content: '\f00d'; }
      body #fancybox-wrap #fancybox-outer #fancybox-close:hover {
        text-decoration: none; }
    body #fancybox-wrap #fancybox-outer #fancybox-left,
    body #fancybox-wrap #fancybox-outer #fancybox-right {
      visibility: visible; }
      body #fancybox-wrap #fancybox-outer #fancybox-left span,
      body #fancybox-wrap #fancybox-outer #fancybox-right span {
        left: 20px;
        width: 35px;
        height: 35px;
        text-align: center;
        background: #fff;
        border: 1px solid #307dca;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
        body #fancybox-wrap #fancybox-outer #fancybox-left span:before,
        body #fancybox-wrap #fancybox-outer #fancybox-right span:before {
          color: #307dca;
          font-family: 'Font Awesome 5 Pro';
          font-size: 16px;
          font-weight: 400;
          line-height: 35px;
          content: '\f053'; }
    body #fancybox-wrap #fancybox-outer #fancybox-right span {
      left: auto;
      right: 20px; }
      body #fancybox-wrap #fancybox-outer #fancybox-right span:before {
        content: '\f054'; }
  body #fancybox-wrap .fancybox-title-float {
    display: none !important; }
body .loading {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  z-index: 3;
  background: rgba(0, 0, 0, 0.85); }

#system-message-container.cAlertWrapper {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-flow: column wrap;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 0 15px;
  text-align: left;
  z-index: 1; }
  #system-message-container.cAlertWrapper._special {
    right: 21.290608%; }

.centerBlock #system-message-container.cAlertWrapper {
  max-width: 390px; }
  .centerBlock #system-message-container.cAlertWrapper .cAlert .__icon {
    min-width: 40px; }

.cAlert {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  margin-right: 0;
  margin-bottom: 20px;
  color: #0c1e30;
  font-size: 14px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
  -moz-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
  box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05); }
  .cAlert .__icon {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    font-size: 24px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px; }
  .cAlert .__message {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: inline-flex;
    flex-flow: column wrap;
    -webkit-box-flex: 1 1 auto;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1 1 auto;
    /* OLD - Firefox 19- */
    -webkit-flex: 1 1 auto;
    /* Chrome */
    -ms-flex: 1 1 auto;
    /* IE 10 */
    flex: 1 1 auto;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    padding: 13px 20px; }
    .cAlert .__message h2 {
      font-weight: 700;
      line-height: 22px; }
  .cAlert .__close {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: inline-flex;
    align-items: flex-start;
    width: 14px;
    height: 14px;
    margin: 10px 15px 10px 0;
    color: #adb0b3;
    border: none;
    background: transparent; }
    .cAlert .__close:focus {
      outline: none; }
  .cAlert._success .__icon, .cAlert._alert-success .__icon {
    color: #cfe6cf;
    background: #009900; }
  .cAlert._success h2, .cAlert._alert-success h2 {
    color: #009900; }
  .cAlert._error .__icon {
    color: #ffe5e5;
    background: #b10000; }
  .cAlert._error h2 {
    color: #b10000; }
  .cAlert._warning .__icon {
    color: #fff4e5;
    background: #fe8e00; }
  .cAlert._warning h2 {
    color: #fe8e00; }
  .cAlert._info .__icon {
    color: #cfdce5;
    background: #0061a6; }
  .cAlert._info h2 {
    color: #0061a6; }
  .cAlert:first-child {
    margin-top: 30px; }

.sys_message_placeholder {
  display: block;
  height: 90px;
  background: transparent;
  z-index: -1; }

.logo._login {
  max-width: 360px;
  margin: 100px 0 70px; }
  .logo._login img {
    width: 100%;
    height: auto; }
.logo._header, .logo._owner {
  width: auto;
  height: 40px;
  align-self: center; }
  .logo._header > a > img,
  .logo._header > img, .logo._owner > a > img,
  .logo._owner > img {
    width: auto;
    height: 40px; }
  @media screen and (max-width: 480px) {
    .logo._header, .logo._owner {
      height: 30px; }
      .logo._header > a > img,
      .logo._header > img, .logo._owner > a > img,
      .logo._owner > img {
        height: 30px; } }

.nav._main {
  display: none;
  position: absolute;
  right: 0;
  top: 83%;
  padding: 20px 0;
  font-size: 14px;
  background: #fff;
  border: 1px solid #f5f7fa;
  -webkit-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
  -moz-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
  box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
  z-index: 3; }
  .nav._main:before {
    content: '';
    position: absolute;
    top: -7px;
    right: 21px;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #f5f7fa transparent; }
  .nav._main:after {
    content: '';
    position: absolute;
    top: -6px;
    right: 22px;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #fff transparent; }
  .nav._main > li > a {
    display: block;
    margin: 0;
    padding: 4px 20px;
    color: #000; }
    .nav._main > li > a:hover, .nav._main > li > a:focus {
      text-decoration: none;
      background-color: #fafbfc; }
  .nav._main > li.active > a {
    color: #fff;
    background-color: #0c1e30; }
  .nav._main > li.divider {
    height: 0px;
    margin: 10px 0;
    border-bottom: 1px solid #eee; }
    .nav._main > li.divider .separator {
      display: none; }
  @media screen and (max-width: 768px) {
    .nav._main {
      right: 0;
      left: 0; }
      .nav._main > li > a {
        padding: 10px 15px; }
      .nav._main:after {
        right: 20px; } }

.menu.open .nav._main {
  display: block; }

.form {
  width: 100%; }
  .form select,
  .form textarea,
  .form input[type="text"],
  .form input[type="password"],
  .form input[type="datetime"],
  .form input[type="datetime-local"],
  .form input[type="date"],
  .form input[type="month"],
  .form input[type="time"],
  .form input[type="week"],
  .form input[type="number"],
  .form input[type="email"],
  .form input[type="url"],
  .form input[type="search"],
  .form input[type="tel"],
  .form input[type="color"] {
    height: 34px;
    padding: 7px 6px;
    font-size: 13px;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    .form select:focus,
    .form textarea:focus,
    .form input[type="text"]:focus,
    .form input[type="password"]:focus,
    .form input[type="datetime"]:focus,
    .form input[type="datetime-local"]:focus,
    .form input[type="date"]:focus,
    .form input[type="month"]:focus,
    .form input[type="time"]:focus,
    .form input[type="week"]:focus,
    .form input[type="number"]:focus,
    .form input[type="email"]:focus,
    .form input[type="url"]:focus,
    .form input[type="search"]:focus,
    .form input[type="tel"]:focus,
    .form input[type="color"]:focus {
      outline: 0;
      border-color: #307dca; }
  .form._panel {
    margin: 0;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
    -moz-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
    box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05); }
    .form._panel._fixedW,
    .form._panel > .__fixedW {
      max-width: 620px; }
      @media screen and (max-width: 768px) {
        .form._panel._fixedW,
        .form._panel > .__fixedW {
          max-width: 530px;
          margin: 0 auto; } }
    .form._panel .__section {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      width: 100%;
      padding-left: 50px;
      padding-right: 60px; }
      .form._panel .__section:first-child {
        padding-top: 10px; }
      .form._panel .__section > .__block {
        margin: 0;
        padding: 30px 0; }
        .form._panel .__section > .__block._last {
          padding-top: 0; }
      @media screen and (max-width: 768px) {
        .form._panel .__section {
          padding-left: 10px;
          padding-right: 10px; } }
      @media screen and (max-width: 480px) {
        .form._panel .__section {
          flex-direction: column; }
          .form._panel .__section:first-child {
            padding-top: 0; }
          .form._panel .__section:last-child {
            padding-bottom: 45px; }
          .form._panel .__section > .__block {
            margin: 0;
            padding: 15px 0 0; }
            .form._panel .__section > .__block._last {
              padding-top: 15px; }
            .form._panel .__section > .__block._inputs {
              padding-top: 0; } }
    .form._panel._center {
      position: relative;
      max-width: 360px;
      margin: 0 0 30px; }
      .form._panel._center .__image {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        justify-content: center;
        width: 100%;
        margin: 30px 0; }
        .form._panel._center .__image > img {
          width: auto;
          max-width: 250px;
          height: auto; }
      .form._panel._center > div > ul > li > a {
        position: absolute;
        left: calc(50% - 72px);
        bottom: -45px; }
    .form._panel .login, .form._panel .reset, .form._panel .reset-confirm, .form._panel .reset-complete,
    .form._panel .profile-edit {
      margin: 0 45px 50px; }
      .form._panel .login .__content, .form._panel .reset .__content, .form._panel .reset-confirm .__content, .form._panel .reset-complete .__content,
      .form._panel .profile-edit .__content {
        line-height: 20px; }
      .form._panel .login .login-fields, .form._panel .reset .login-fields, .form._panel .reset-confirm .login-fields, .form._panel .reset-complete .login-fields,
      .form._panel .profile-edit .login-fields {
        margin-bottom: 10px; }
        .form._panel .login .login-fields > input, .form._panel .reset .login-fields > input, .form._panel .reset-confirm .login-fields > input, .form._panel .reset-complete .login-fields > input,
        .form._panel .profile-edit .login-fields > input {
          width: 100%; }
        .form._panel .login .login-fields .checkbox, .form._panel .reset .login-fields .checkbox, .form._panel .reset-confirm .login-fields .checkbox, .form._panel .reset-complete .login-fields .checkbox,
        .form._panel .profile-edit .login-fields .checkbox {
          float: left; }
        .form._panel .login .login-fields button.btn-primary, .form._panel .reset .login-fields button.btn-primary, .form._panel .reset-confirm .login-fields button.btn-primary, .form._panel .reset-complete .login-fields button.btn-primary,
        .form._panel .profile-edit .login-fields button.btn-primary {
          float: right; }
  .form._filter {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex: 1 1 0%;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1 1 0%;
    /* OLD - Firefox 19- */
    -webkit-flex: 1 1 0%;
    /* Chrome */
    -ms-flex: 1 1 0%;
    /* IE 10 */
    flex: 1 1 0%;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: flex-end;
    padding: 0 0 0 10px; }
    @media screen and (max-width: 768px) {
      .form._filter {
        padding-left: 0; } }
    .form._filter input, .form._filter select {
      max-width: 270px;
      -webkit-box-flex: 1 1 183px;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex: 1 1 183px;
      /* OLD - Firefox 19- */
      -webkit-flex: 1 1 183px;
      /* Chrome */
      -ms-flex: 1 1 183px;
      /* IE 10 */
      flex: 1 1 183px;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
      .form._filter input + input, .form._filter input + select, .form._filter select + input, .form._filter select + select {
        margin-left: 10px; }
      @media screen and (max-width: 768px) {
        .form._filter input.search, .form._filter select.search {
          max-width: none; } }
      @media screen and (max-width: 440px) {
        .form._filter input, .form._filter select {
          max-width: 100%;
          flex-basis: 100%; }
          .form._filter input + input, .form._filter input + select, .form._filter select + input, .form._filter select + select {
            margin: 5px 0 0;
            max-width: calc(100% - 74px); } }
    .form._filter._department .__group {
      flex-wrap: nowrap; }
    @media screen and (max-width: 768px) {
      .form._filter._department .__group {
        justify-content: space-between; } }
    @media screen and (max-width: 440px) {
      .form._filter._department .__group {
        flex-wrap: wrap; } }
    .form._filter._start {
      -webkit-box-flex: 1 1 0%;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex: 1 1 0%;
      /* OLD - Firefox 19- */
      -webkit-flex: 1 1 0%;
      /* Chrome */
      -ms-flex: 1 1 0%;
      /* IE 10 */
      flex: 1 1 0%;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      justify-content: flex-start;
      padding: 0; }
    @media screen and (max-width: 440px) {
      .form._filter .btn._secondary._search,
      .form._filter .btn._primary._filter {
        margin-top: 5px; } }
    .form._filter .__group {
      align-items: flex-end; }
    .form._filter > .__group + .__group {
      margin-top: 0; }
    .form._filter._sMed {
      display: none; }
    @media screen and (max-width: 545px) {
      .form._filter._hMed {
        display: none; }
      .form._filter._sMed {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */ } }
  .form .__block {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-flow: column;
    width: 100%; }
    .form .__block._fRows {
      flex-flow: row nowrap; }
    .form .__block > .__group + .__group {
      margin-top: 20px; }
      @media screen and (max-width: 480px) {
        .form .__block > .__group + .__group {
          margin-top: 10px; } }
    .form .__block._inputs {
      min-width: 330px; }
    .form .__block._divider {
      border-bottom: 2px solid #f5f7fa; }
    @media screen and (max-width: 480px) {
      .form .__block._divider {
        border-bottom: none; }
      .form .__block._inputs {
        min-width: auto; } }
  .form .__group {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-flow: row wrap; }
    .form .__group + .__group {
      margin-top: 15px; }
      .form .__group + .__group._feedbackRule._f1 {
        margin-top: 0; }
    .form .__group._fHalf {
      max-width: 50%; }
      @media screen and (max-width: 768px) {
        .form .__group._fHalf {
          max-width: 100%; } }
    .form .__group._panelPadding {
      padding-left: 20px;
      padding-right: 20px; }
      @media screen and (max-width: 768px) {
        .form .__group._panelPadding {
          padding-left: 0;
          padding-right: 0; } }
    .form .__group > .__row {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      flex-flow: row wrap;
      width: 100%; }
      .form .__group > .__row + .__row {
        margin-top: 6px; }
      .form .__group > .__row .__control._select {
        width: 190px; }
      .form .__group > .__row .__control._textarea {
        width: 100%;
        line-height: 1.5em;
        min-height: 200px;
        resize: none; }
      .form .__group > .__row > label {
        -webkit-box-flex: 1 1 auto;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 1 1 auto;
        /* OLD - Firefox 19- */
        -webkit-flex: 1 1 auto;
        /* Chrome */
        -ms-flex: 1 1 auto;
        /* IE 10 */
        flex: 1 1 auto;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        align-self: center;
        line-height: 22px; }
      .form .__group > .__row .preselect {
        height: 33px;
        line-height: 33px; }
      .form .__group > .__row._info ul {
        list-style: disc;
        margin: 0 0 10px 28px; }
    .form .__group > label {
      -webkit-box-flex: 1 1 auto;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex: 1 1 auto;
      /* OLD - Firefox 19- */
      -webkit-flex: 1 1 auto;
      /* Chrome */
      -ms-flex: 1 1 auto;
      /* IE 10 */
      flex: 1 1 auto;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      align-self: center; }
    .form .__group .__control._flex {
      -webkit-box-flex: 1 1 190px;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex: 1 1 190px;
      /* OLD - Firefox 19- */
      -webkit-flex: 1 1 190px;
      /* Chrome */
      -ms-flex: 1 1 190px;
      /* IE 10 */
      flex: 1 1 190px;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
    .form .__group .__control._small {
      min-width: 0;
      max-width: 50px;
      line-height: 28px; }
    .form .__group .__control._error:focus {
      border-color: #b10000; }
    .form .__group .__control._switch {
      position: relative;
      display: inline-block;
      width: 35px;
      height: 13px;
      margin-left: 10px;
      padding: 0;
      flex: none; }
      .form .__group .__control._switch > input {
        opacity: 0;
        width: 0;
        height: 0; }
      .form .__group .__control._switch .__slider {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        cursor: pointer;
        background-color: #f5f7fa;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        transition: 0.4s; }
        .form .__group .__control._switch .__slider:before {
          content: "";
          position: absolute;
          left: 0px;
          bottom: -2px;
          width: 17px;
          height: 17px;
          background-color: #dfe2e5;
          -webkit-transition: 0.4s;
          -moz-transition: 0.4s;
          transition: 0.4s; }
        .form .__group .__control._switch .__slider._round {
          -webkit-border-radius: 35px;
          -moz-border-radius: 35px;
          border-radius: 35px; }
          .form .__group .__control._switch .__slider._round:before {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%; }
      .form .__group .__control._switch input[type="checkbox"]:checked + .__slider {
        background-color: #cfdce5; }
        .form .__group .__control._switch input[type="checkbox"]:checked + .__slider:before {
          background-color: #245d96; }
      .form .__group .__control._switch input[type="checkbox"]:focus + .__slider {
        -webkit-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
        -moz-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
        box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05); }
      .form .__group .__control._switch input[type="checkbox"]:checked + .__slider:before {
        -webkit-transform: translateX(19px);
        -moz-transform: translateX(19px);
        -ms-transform: translateX(19px);
        transform: translateX(19px); }
      .form .__group .__control._switch._reversed .__slider {
        background-color: #cfdce5; }
        .form .__group .__control._switch._reversed .__slider:before {
          left: 19px;
          background-color: #245d96; }
      .form .__group .__control._switch._reversed input[type="checkbox"]:checked + .__slider {
        background-color: #f5f7fa; }
        .form .__group .__control._switch._reversed input[type="checkbox"]:checked + .__slider:before {
          background-color: #dfe2e5; }
      .form .__group .__control._switch._reversed input[type="checkbox"]:focus + .__slider {
        -webkit-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
        -moz-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
        box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05); }
      .form .__group .__control._switch._reversed input[type="checkbox"]:checked + .__slider:before {
        -webkit-transform: translateX(-19px);
        -moz-transform: translateX(-19px);
        -ms-transform: translateX(-19px);
        transform: translateX(-19px); }
    .form .__group .__control._media .__preview {
      float: left;
      overflow: hidden;
      width: 38px;
      height: 38px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
      .form .__group .__control._media .__preview > img {
        width: 100%;
        height: 100%; }
    .form .__group .__control._media .__input {
      display: none;
      float: left;
      padding: 7px 0px 4px 20px;
      max-width: 80%; }
      .form .__group .__control._media .__input > strong {
        white-space: pre; }
      .form .__group .__control._media .__input > br {
        display: none; }
    .form .__group .__control._media .input-prepend .media-preview {
      float: left;
      overflow: hidden;
      width: 38px;
      height: 38px;
      margin-right: 20px;
      border-radius: 50%; }
    .form .__group .__control._media .input-prepend > input[type="text"] {
      display: none; }
    .form .__group .__control._media .input-prepend a.modal.btn {
      outline: none !important;
      padding: 7px 15px;
      font-family: "Open Sans", sans-serif;
      font-size: 13px;
      font-weight: 300;
      text-align: center;
      -webkit-border-top-left-radius: 3px;
      -moz-border-radius-topleft: 3px;
      border-top-left-radius: 3px;
      -webkit-border-bottom-left-radius: 3px;
      -moz-border-radius-bottomleft: 3px;
      border-bottom-left-radius: 3px;
      -webkit-border-top-right-radius: 0;
      -moz-border-radius-topright: 0;
      border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      -moz-border-radius-bottomright: 0;
      border-bottom-right-radius: 0;
      -webkit-transition: background-color 0.2s ease-in-out;
      -moz-transition: background-color 0.2s ease-in-out;
      transition: background-color 0.2s ease-in-out;
      -webkit-transition: border-color 0.2s ease-in-out;
      -moz-transition: border-color 0.2s ease-in-out;
      transition: border-color 0.2s ease-in-out;
      -webkit-transition: color 0.2s ease-in-out;
      -moz-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      color: #245d96;
      background: #fff;
      border-color: #dfe2e5; }
      .form .__group .__control._media .input-prepend a.modal.btn:hover, .form .__group .__control._media .input-prepend a.modal.btn:focus {
        text-decoration: none;
        border-color: #245d96; }
    .form .__group .__control._media .input-prepend a.btn.hasTooltip {
      border-left: 0;
      -webkit-border-top-left-radius: 0;
      -moz-border-radius-topleft: 0;
      border-top-left-radius: 0;
      -webkit-border-bottom-left-radius: 0;
      -moz-border-radius-bottomleft: 0;
      border-bottom-left-radius: 0;
      -webkit-border-top-right-radius: 3px;
      -moz-border-radius-topright: 3px;
      border-top-right-radius: 3px;
      -webkit-border-bottom-right-radius: 3px;
      -moz-border-radius-bottomright: 3px;
      border-bottom-right-radius: 3px; }
      .form .__group .__control._media .input-prepend a.btn.hasTooltip .icon-remove {
        margin: 0;
        color: #0c1e30; }
        .form .__group .__control._media .input-prepend a.btn.hasTooltip .icon-remove:before {
          font-family: 'Font Awesome 5 Pro';
          font-weight: 900;
          content: "\f00d"; }
    @media screen and (max-width: 380px) {
      .form .__group .__control._media .btn {
        font-size: 13px; }
        .form .__group .__control._media .btn._primary {
          padding: 7px 10px;
          margin-right: 10px; }
        .form .__group .__control._media .btn._secondary {
          padding: 7px 0; } }
    .form .__group._feedbackRule .__control {
      position: relative;
      -webkit-box-flex: 1 1 auto;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex: 1 1 auto;
      /* OLD - Firefox 19- */
      -webkit-flex: 1 1 auto;
      /* Chrome */
      -ms-flex: 1 1 auto;
      /* IE 10 */
      flex: 1 1 auto;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
      .form .__group._feedbackRule .__control._input > input {
        width: 100%;
        height: 54px;
        padding: 25px 20px 7px 20px; }
        .form .__group._feedbackRule .__control._input > input:focus {
          border-color: #0061a6; }
          .form .__group._feedbackRule .__control._input > input:focus + .__fbLabel {
            top: 7px;
            font-size: 12px; }
      .form .__group._feedbackRule .__control .__fbLabel {
        position: absolute;
        top: 16px;
        left: 20px;
        color: #5c6166;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .form .__group._feedbackRule .__control .__fbLabel:hover, .form .__group._feedbackRule .__control .__fbLabel:focus {
          cursor: text; }
      .form .__group._feedbackRule .__control._fieldZip {
        max-width: 150px; }
    .form .__group._feedbackRule._notEmpty .__fbLabel {
      top: 7px;
      font-size: 12px; }
    .form .__group._radio > label {
      align-self: start; }
  .form .__pagination {
    margin-top: 15px;
    margin-bottom: 35px; }
    .form .__pagination .__flex {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
      .form .__pagination .__flex ul.pagination {
        margin: 4px 0; }
    @media screen and (max-width: 640px) {
      .form .__pagination .__control span {
        display: none; } }
  .form .__options {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
    .form .__options .__selector {
      margin-right: 4px;
      font-size: 10px; }
      .form .__options .__selector:hover, .form .__options .__selector:focus {
        cursor: pointer; }
    .form .__options .__infoLabels {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex: 1 1 auto;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex: 1 1 auto;
      /* OLD - Firefox 19- */
      -webkit-flex: 1 1 auto;
      /* Chrome */
      -ms-flex: 1 1 auto;
      /* IE 10 */
      flex: 1 1 auto;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      flex-flow: row wrap; }
      .form .__options .__infoLabels > span {
        margin-right: 5px; }

.content {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: center; }
  .content._middleAlignment {
    margin-top: 180px; }
  .content._panel {
    margin: 0;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
    -moz-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
    box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05); }
    .content._panel._fixedW,
    .content._panel > .__fixedW {
      max-width: 620px; }
      @media screen and (max-width: 768px) {
        .content._panel._fixedW,
        .content._panel > .__fixedW {
          max-width: 530px;
          margin: 0 auto; } }
    .content._panel .__image {
      overflow: hidden;
      position: relative;
      width: 60px;
      height: 60px;
      margin: 15px 20px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
      .content._panel .__image > img,
      .content._panel .__image > a > img {
        width: 60px;
        position: absolute;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto; }
    .content._panel .__body {
      -webkit-box-flex: 1 1 0;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex: 1 1 0;
      /* OLD - Firefox 19- */
      -webkit-flex: 1 1 0;
      /* Chrome */
      -ms-flex: 1 1 0;
      /* IE 10 */
      flex: 1 1 0;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      min-width: 0;
      padding: 0 20px;
      line-height: 18px;
      border-left: 3px solid #fecc00; }
      .content._panel .__body .__title {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        font-size: 14px;
        font-weight: 400; }
        .content._panel .__body .__title .__infoIcon {
          align-self: center;
          color: #5c6166;
          font-size: 16px; }
      .content._panel .__body .__subTitle {
        margin-top: 5px;
        color: #5c6166; }
    .content._panel .__employee {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      width: 100%;
      position: relative; }
      .content._panel .__employee .__body {
        margin: 25px 0;
        font-size: 14px; }
        .content._panel .__employee .__body .__name {
          font-weight: 400;
          color: #5c6166; }
        .content._panel .__employee .__body .__jobTitle {
          font-weight: 300;
          color: #5c6166; }
      .content._panel .__employee > a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }
        .content._panel .__employee > a:hover, .content._panel .__employee > a:focus {
          -webkit-box-shadow: 0 0 10px 0 rgba(12, 30, 48, 0.05);
          -moz-box-shadow: 0 0 10px 0 rgba(12, 30, 48, 0.05);
          box-shadow: 0 0 10px 0 rgba(12, 30, 48, 0.05); }
    .content._panel._smallHeight {
      max-height: 90px; }
    .content._panel._card {
      position: relative;
      flex-flow: column nowrap;
      padding: 20px 25px; }
      .content._panel._card .__cat_budget_label {
        position: absolute;
        top: 0;
        left: 0;
        padding: 7px 15px;
        color: #0c1e30;
        font-weight: 600;
        font-size: 14px;
        line-height: 1.5;
        -webkit-border-radius: 5px 0 5px 0;
        -moz-border-radius: 5px 0 5px 0;
        border-radius: 5px 0 5px 0;
        background: #fecc00;
        z-index: 1; }
      .content._panel._card > form.form {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-flow: column nowrap;
        -webkit-box-flex: 1 1 auto;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 1 1 auto;
        /* OLD - Firefox 19- */
        -webkit-flex: 1 1 auto;
        /* Chrome */
        -ms-flex: 1 1 auto;
        /* IE 10 */
        flex: 1 1 auto;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        height: 100%;
        width: 250px; }
      .content._panel._card .__header {
        position: relative;
        width: 100%; }
        .content._panel._card .__header .__status {
          position: absolute;
          top: 5px;
          right: 0; }
        .content._panel._card .__header .__additional-image {
          position: absolute;
          bottom: 10px;
          right: 5px; }
          .content._panel._card .__header .__additional-image > img {
            width: 20px; }
      .content._panel._card .__image {
        position: relative;
        width: 150px;
        height: 150px;
        margin: 0 auto 20px auto;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0; }
        .content._panel._card .__image > a {
          display: block;
          position: relative;
          width: 150px;
          height: 150px; }
        .content._panel._card .__image > img,
        .content._panel._card .__image > a > img {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: auto;
          height: auto;
          max-width: 150px;
          max-height: 150px;
          margin: auto; }
      .content._panel._card .__body {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-flow: column nowrap;
        -webkit-box-flex: 1 1 auto;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 1 1 auto;
        /* OLD - Firefox 19- */
        -webkit-flex: 1 1 auto;
        /* Chrome */
        -ms-flex: 1 1 auto;
        /* IE 10 */
        flex: 1 1 auto;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        padding: 25px 0 0;
        border-top: 1px solid #f5f7fa;
        border-left: none; }
        .content._panel._card .__body > .__filler {
          -webkit-box-flex: 1 1 auto;
          /* OLD - iOS 6-, Safari 3.1-6 */
          -moz-box-flex: 1 1 auto;
          /* OLD - Firefox 19- */
          -webkit-flex: 1 1 auto;
          /* Chrome */
          -ms-flex: 1 1 auto;
          /* IE 10 */
          flex: 1 1 auto;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          justify-content: space-between; }
          .content._panel._card .__body > .__filler .__row > .__control {
            width: 50%; }
  .content .__block {
    padding: 0 0 20px; }
    .content .__block._noPadding {
      padding-top: 0; }
    .content .__block .__group {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      flex-flow: row wrap;
      width: 100%;
      margin: 0; }
      .content .__block .__group > span {
        line-height: 22px; }
      .content .__block .__group .__title {
        font-weight: 400; }
      .content .__block .__group .__label {
        width: 100%;
        font-weight: 300; }
        .content .__block .__group .__label > i {
          color: #245d96;
          margin-right: 10px; }
        .content .__block .__group .__label a {
          color: #245d96; }
      .content .__block .__group .__value {
        -webkit-box-flex: 1 1 auto;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 1 1 auto;
        /* OLD - Firefox 19- */
        -webkit-flex: 1 1 auto;
        /* Chrome */
        -ms-flex: 1 1 auto;
        /* IE 10 */
        flex: 1 1 auto;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        font-weight: 400; }
      .content .__block .__group + .__group {
        margin-top: 6px; }
        .content .__block .__group + .__group._lonely {
          margin-top: 0; }
      .content .__block .__group._lgSpacer {
        margin-top: 30px; }
  .content .icon {
    margin: 5px 10px 5px 5px;
    color: #5c6166;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px; }

.contentHeader {
  padding: 17px 0 20px; }
  .contentHeader._panelHeader {
    padding-left: 20px;
    padding-right: 20px; }
    @media screen and (max-width: 768px) {
      .contentHeader._panelHeader {
        padding-left: 0;
        padding-right: 0; } }
  .contentHeader._secondHeader {
    padding-top: 0;
    padding-bottom: 30px; }
  .contentHeader._table {
    padding-top: 25px; }
    @media screen and (max-width: 768px) {
      .contentHeader._table {
        padding: 25px 0 20px; } }
  .contentHeader._footer {
    margin-bottom: 35px; }
  @media screen and (max-width: 480px) {
    .contentHeader._noEmp {
      padding-top: 0;
      margin-top: -11px; } }

.more {
  position: relative;
  display: inline-block; }
  .more .__infoIcon {
    color: #5c6166;
    font-size: 14px; }
  .more a.__infoIcon:hover,
  .more a.__infoIcon:focus {
    cursor: pointer;
    text-decoration: none; }
  .more > .__details {
    position: absolute;
    bottom: 40px;
    right: -20px;
    display: none;
    width: 250px;
    padding: 15px;
    margin: 0;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
    -moz-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
    box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05); }
    .more > .__details._fixedW,
    .more > .__details > .__fixedW {
      max-width: 620px; }
      @media screen and (max-width: 768px) {
        .more > .__details._fixedW,
        .more > .__details > .__fixedW {
          max-width: 530px;
          margin: 0 auto; } }
    .more > .__details .__close {
      position: absolute;
      top: 10px;
      right: 10px;
      color: #adb0b3;
      font-size: 14px; }
    .more > .__details .__arrow {
      position: absolute;
      bottom: -10px;
      right: 17px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #fff;
      -webkit-box-shadow: 0px 10px 22px -6px rgba(12, 30, 48, 0.05);
      -moz-box-shadow: 0px 10px 22px -6px rgba(12, 30, 48, 0.05);
      box-shadow: 0px 10px 22px -6px rgba(12, 30, 48, 0.05); }
  .more._active > .__details {
    display: block;
    z-index: 1; }

.companyLogo .companyLogoImage {
  width: auto;
  height: auto;
  max-height: 44px; }
@media screen and (max-width: 700px) {
  .companyLogo {
    display: none !important; } }

.employee {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: center; }
  .employee .__image {
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin: 7px 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    .employee .__image > img {
      width: 30px;
      height: 30px; }
  .employee._border {
    border-left: 3px solid #fecc00; }
    .employee._border .__image {
      margin: 0 10px; }
  .employee .__body {
    padding: 0 10px;
    color: #5c6166;
    font-size: 13px;
    font-weight: 300;
    border-left: 2px solid #fecc00; }
    .employee .__body._noBorder {
      border-left: none; }
    .employee .__body > .__name {
      font-weight: 400; }
  .employee .__budget {
    margin-left: 50px; }
    @media screen and (max-width: 425px) {
      .employee .__budget {
        margin-left: 0; } }

.table {
  position: relative;
  display: table;
  max-width: 100%;
  overflow-x: auto; }
  @media screen and (max-width: 1024px) {
    .table {
      display: block; } }
  .table._panel {
    margin: 0;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
    -moz-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
    box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
    width: 100%; }
    .table._panel._fixedW,
    .table._panel > .__fixedW {
      max-width: 620px; }
      @media screen and (max-width: 768px) {
        .table._panel._fixedW,
        .table._panel > .__fixedW {
          max-width: 530px;
          margin: 0 auto; } }
  .table .__header th, .table .__header .__cel {
    padding: 16px 5px;
    letter-spacing: .3px;
    text-transform: uppercase;
    white-space: nowrap;
    border-top: none;
    border-bottom: 1px solid #f5f7fa; }
    .table .__header th._date, .table .__header .__cel._date {
      width: 150px; }
    .table .__header th._status, .table .__header .__cel._status {
      width: 150px; }
    .table .__header th._sort a > span, .table .__header .__cel._sort a > span {
      margin-left: 5px; }
  .table .__row td, .table .__row .__cel {
    font-weight: 400;
    white-space: nowrap;
    width: 100vw; }
    .table .__row td .vm-customfield-cart > span, .table .__row .__cel .vm-customfield-cart > span {
      display: inline-block;
      color: #5c6166;
      font-size: 10px;
      font-weight: 300;
      letter-spacing: 0;
      white-space: nowrap; }
    .table .__row td .vm-customfield-cart br, .table .__row .__cel .vm-customfield-cart br {
      display: none; }
  .table .__row .__titleCel {
    display: table-cell; }
  .table > tbody > tr > td, .table > tbody > tr > th, .table > tbody > tr .__cel, .table > thead > tr > td, .table > thead > tr > th, .table > thead > tr .__cel, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > tfoot > tr .__cel, .table > .__row > td, .table > .__row > th, .table > .__row .__cel, .table > .__header > td, .table > .__header > th, .table > .__header .__cel {
    padding: 14px 5px;
    border-top: 1px solid #f5f7fa;
    vertical-align: middle; }
    .table > tbody > tr > td .__image, .table > tbody > tr > th .__image, .table > tbody > tr .__cel .__image, .table > thead > tr > td .__image, .table > thead > tr > th .__image, .table > thead > tr .__cel .__image, .table > tfoot > tr > td .__image, .table > tfoot > tr > th .__image, .table > tfoot > tr .__cel .__image, .table > .__row > td .__image, .table > .__row > th .__image, .table > .__row .__cel .__image, .table > .__header > td .__image, .table > .__header > th .__image, .table > .__header .__cel .__image {
      overflow: hidden; }
      .table > tbody > tr > td .__image > img,
      .table > tbody > tr > td .__image > a > img, .table > tbody > tr > th .__image > img,
      .table > tbody > tr > th .__image > a > img, .table > tbody > tr .__cel .__image > img,
      .table > tbody > tr .__cel .__image > a > img, .table > thead > tr > td .__image > img,
      .table > thead > tr > td .__image > a > img, .table > thead > tr > th .__image > img,
      .table > thead > tr > th .__image > a > img, .table > thead > tr .__cel .__image > img,
      .table > thead > tr .__cel .__image > a > img, .table > tfoot > tr > td .__image > img,
      .table > tfoot > tr > td .__image > a > img, .table > tfoot > tr > th .__image > img,
      .table > tfoot > tr > th .__image > a > img, .table > tfoot > tr .__cel .__image > img,
      .table > tfoot > tr .__cel .__image > a > img, .table > .__row > td .__image > img,
      .table > .__row > td .__image > a > img, .table > .__row > th .__image > img,
      .table > .__row > th .__image > a > img, .table > .__row .__cel .__image > img,
      .table > .__row .__cel .__image > a > img, .table > .__header > td .__image > img,
      .table > .__header > td .__image > a > img, .table > .__header > th .__image > img,
      .table > .__header > th .__image > a > img, .table > .__header .__cel .__image > img,
      .table > .__header .__cel .__image > a > img {
        width: 100%;
        height: 100%; }
      .table > tbody > tr > td .__image._small, .table > tbody > tr > th .__image._small, .table > tbody > tr .__cel .__image._small, .table > thead > tr > td .__image._small, .table > thead > tr > th .__image._small, .table > thead > tr .__cel .__image._small, .table > tfoot > tr > td .__image._small, .table > tfoot > tr > th .__image._small, .table > tfoot > tr .__cel .__image._small, .table > .__row > td .__image._small, .table > .__row > th .__image._small, .table > .__row .__cel .__image._small, .table > .__header > td .__image._small, .table > .__header > th .__image._small, .table > .__header .__cel .__image._small {
        position: relative;
        width: 25px;
        height: 25px; }
        .table > tbody > tr > td .__image._small > a, .table > tbody > tr > th .__image._small > a, .table > tbody > tr .__cel .__image._small > a, .table > thead > tr > td .__image._small > a, .table > thead > tr > th .__image._small > a, .table > thead > tr .__cel .__image._small > a, .table > tfoot > tr > td .__image._small > a, .table > tfoot > tr > th .__image._small > a, .table > tfoot > tr .__cel .__image._small > a, .table > .__row > td .__image._small > a, .table > .__row > th .__image._small > a, .table > .__row .__cel .__image._small > a, .table > .__header > td .__image._small > a, .table > .__header > th .__image._small > a, .table > .__header .__cel .__image._small > a {
          display: block;
          position: relative;
          width: 25px;
          height: 25px; }
        .table > tbody > tr > td .__image._small > img,
        .table > tbody > tr > td .__image._small > a > img, .table > tbody > tr > th .__image._small > img,
        .table > tbody > tr > th .__image._small > a > img, .table > tbody > tr .__cel .__image._small > img,
        .table > tbody > tr .__cel .__image._small > a > img, .table > thead > tr > td .__image._small > img,
        .table > thead > tr > td .__image._small > a > img, .table > thead > tr > th .__image._small > img,
        .table > thead > tr > th .__image._small > a > img, .table > thead > tr .__cel .__image._small > img,
        .table > thead > tr .__cel .__image._small > a > img, .table > tfoot > tr > td .__image._small > img,
        .table > tfoot > tr > td .__image._small > a > img, .table > tfoot > tr > th .__image._small > img,
        .table > tfoot > tr > th .__image._small > a > img, .table > tfoot > tr .__cel .__image._small > img,
        .table > tfoot > tr .__cel .__image._small > a > img, .table > .__row > td .__image._small > img,
        .table > .__row > td .__image._small > a > img, .table > .__row > th .__image._small > img,
        .table > .__row > th .__image._small > a > img, .table > .__row .__cel .__image._small > img,
        .table > .__row .__cel .__image._small > a > img, .table > .__header > td .__image._small > img,
        .table > .__header > td .__image._small > a > img, .table > .__header > th .__image._small > img,
        .table > .__header > th .__image._small > a > img, .table > .__header .__cel .__image._small > img,
        .table > .__header .__cel .__image._small > a > img {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: auto;
          height: auto;
          max-width: 25px;
          max-height: 25px;
          margin: auto; }
    .table > tbody > tr > td._aRight, .table > tbody > tr > th._aRight, .table > tbody > tr .__cel._aRight, .table > thead > tr > td._aRight, .table > thead > tr > th._aRight, .table > thead > tr .__cel._aRight, .table > tfoot > tr > td._aRight, .table > tfoot > tr > th._aRight, .table > tfoot > tr .__cel._aRight, .table > .__row > td._aRight, .table > .__row > th._aRight, .table > .__row .__cel._aRight, .table > .__header > td._aRight, .table > .__header > th._aRight, .table > .__header .__cel._aRight {
      text-align: right; }
    .table > tbody > tr > td._tableForm > .__group .__control, .table > tbody > tr > td._tableForm > .__group .btn, .table > tbody > tr > th._tableForm > .__group .__control, .table > tbody > tr > th._tableForm > .__group .btn, .table > tbody > tr .__cel._tableForm > .__group .__control, .table > tbody > tr .__cel._tableForm > .__group .btn, .table > thead > tr > td._tableForm > .__group .__control, .table > thead > tr > td._tableForm > .__group .btn, .table > thead > tr > th._tableForm > .__group .__control, .table > thead > tr > th._tableForm > .__group .btn, .table > thead > tr .__cel._tableForm > .__group .__control, .table > thead > tr .__cel._tableForm > .__group .btn, .table > tfoot > tr > td._tableForm > .__group .__control, .table > tfoot > tr > td._tableForm > .__group .btn, .table > tfoot > tr > th._tableForm > .__group .__control, .table > tfoot > tr > th._tableForm > .__group .btn, .table > tfoot > tr .__cel._tableForm > .__group .__control, .table > tfoot > tr .__cel._tableForm > .__group .btn, .table > .__row > td._tableForm > .__group .__control, .table > .__row > td._tableForm > .__group .btn, .table > .__row > th._tableForm > .__group .__control, .table > .__row > th._tableForm > .__group .btn, .table > .__row .__cel._tableForm > .__group .__control, .table > .__row .__cel._tableForm > .__group .btn, .table > .__header > td._tableForm > .__group .__control, .table > .__header > td._tableForm > .__group .btn, .table > .__header > th._tableForm > .__group .__control, .table > .__header > th._tableForm > .__group .btn, .table > .__header .__cel._tableForm > .__group .__control, .table > .__header .__cel._tableForm > .__group .btn {
      height: 28px;
      margin: 0 5px 0 0; }
    .table > tbody > tr > td.__extraNote, .table > tbody > tr > th.__extraNote, .table > tbody > tr .__cel.__extraNote, .table > thead > tr > td.__extraNote, .table > thead > tr > th.__extraNote, .table > thead > tr .__cel.__extraNote, .table > tfoot > tr > td.__extraNote, .table > tfoot > tr > th.__extraNote, .table > tfoot > tr .__cel.__extraNote, .table > .__row > td.__extraNote, .table > .__row > th.__extraNote, .table > .__row .__cel.__extraNote, .table > .__header > td.__extraNote, .table > .__header > th.__extraNote, .table > .__header .__cel.__extraNote {
      width: 10px; }
    .table > tbody > tr > td.__actions, .table > tbody > tr > th.__actions, .table > tbody > tr .__cel.__actions, .table > thead > tr > td.__actions, .table > thead > tr > th.__actions, .table > thead > tr .__cel.__actions, .table > tfoot > tr > td.__actions, .table > tfoot > tr > th.__actions, .table > tfoot > tr .__cel.__actions, .table > .__row > td.__actions, .table > .__row > th.__actions, .table > .__row .__cel.__actions, .table > .__header > td.__actions, .table > .__header > th.__actions, .table > .__header .__cel.__actions {
      text-align: right;
      width: 60px; }
      .table > tbody > tr > td.__actions .icon, .table > tbody > tr > th.__actions .icon, .table > tbody > tr .__cel.__actions .icon, .table > thead > tr > td.__actions .icon, .table > thead > tr > th.__actions .icon, .table > thead > tr .__cel.__actions .icon, .table > tfoot > tr > td.__actions .icon, .table > tfoot > tr > th.__actions .icon, .table > tfoot > tr .__cel.__actions .icon, .table > .__row > td.__actions .icon, .table > .__row > th.__actions .icon, .table > .__row .__cel.__actions .icon, .table > .__header > td.__actions .icon, .table > .__header > th.__actions .icon, .table > .__header .__cel.__actions .icon {
        color: #245d96; }
    .table > tbody > tr > td.__number, .table > tbody > tr > th.__number, .table > tbody > tr .__cel.__number, .table > thead > tr > td.__number, .table > thead > tr > th.__number, .table > thead > tr .__cel.__number, .table > tfoot > tr > td.__number, .table > tfoot > tr > th.__number, .table > tfoot > tr .__cel.__number, .table > .__row > td.__number, .table > .__row > th.__number, .table > .__row .__cel.__number, .table > .__header > td.__number, .table > .__header > th.__number, .table > .__header .__cel.__number {
      text-align: right;
      white-space: nowrap; }
    .table > tbody > tr > td.__order_total, .table > tbody > tr > th.__order_total, .table > tbody > tr .__cel.__order_total, .table > thead > tr > td.__order_total, .table > thead > tr > th.__order_total, .table > thead > tr .__cel.__order_total, .table > tfoot > tr > td.__order_total, .table > tfoot > tr > th.__order_total, .table > tfoot > tr .__cel.__order_total, .table > .__row > td.__order_total, .table > .__row > th.__order_total, .table > .__row .__cel.__order_total, .table > .__header > td.__order_total, .table > .__header > th.__order_total, .table > .__header .__cel.__order_total {
      white-space: nowrap; }
    .table > tbody > tr > td._options, .table > tbody > tr > th._options, .table > tbody > tr .__cel._options, .table > thead > tr > td._options, .table > thead > tr > th._options, .table > thead > tr .__cel._options, .table > tfoot > tr > td._options, .table > tfoot > tr > th._options, .table > tfoot > tr .__cel._options, .table > .__row > td._options, .table > .__row > th._options, .table > .__row .__cel._options, .table > .__header > td._options, .table > .__header > th._options, .table > .__header .__cel._options {
      min-width: 250px; }
    .table > tbody > tr > td .__options .__infoLabels, .table > tbody > tr > th .__options .__infoLabels, .table > tbody > tr .__cel .__options .__infoLabels, .table > thead > tr > td .__options .__infoLabels, .table > thead > tr > th .__options .__infoLabels, .table > thead > tr .__cel .__options .__infoLabels, .table > tfoot > tr > td .__options .__infoLabels, .table > tfoot > tr > th .__options .__infoLabels, .table > tfoot > tr .__cel .__options .__infoLabels, .table > .__row > td .__options .__infoLabels, .table > .__row > th .__options .__infoLabels, .table > .__row .__cel .__options .__infoLabels, .table > .__header > td .__options .__infoLabels, .table > .__header > th .__options .__infoLabels, .table > .__header .__cel .__options .__infoLabels {
      margin: -2.5px 0; }
      .table > tbody > tr > td .__options .__infoLabels > span, .table > tbody > tr > th .__options .__infoLabels > span, .table > tbody > tr .__cel .__options .__infoLabels > span, .table > thead > tr > td .__options .__infoLabels > span, .table > thead > tr > th .__options .__infoLabels > span, .table > thead > tr .__cel .__options .__infoLabels > span, .table > tfoot > tr > td .__options .__infoLabels > span, .table > tfoot > tr > th .__options .__infoLabels > span, .table > tfoot > tr .__cel .__options .__infoLabels > span, .table > .__row > td .__options .__infoLabels > span, .table > .__row > th .__options .__infoLabels > span, .table > .__row .__cel .__options .__infoLabels > span, .table > .__header > td .__options .__infoLabels > span, .table > .__header > th .__options .__infoLabels > span, .table > .__header .__cel .__options .__infoLabels > span {
        margin: 1.5px 2.5px; }
    .table > tbody > tr > td:first-child, .table > tbody > tr > th:first-child, .table > tbody > tr .__cel:first-child, .table > thead > tr > td:first-child, .table > thead > tr > th:first-child, .table > thead > tr .__cel:first-child, .table > tfoot > tr > td:first-child, .table > tfoot > tr > th:first-child, .table > tfoot > tr .__cel:first-child, .table > .__row > td:first-child, .table > .__row > th:first-child, .table > .__row .__cel:first-child, .table > .__header > td:first-child, .table > .__header > th:first-child, .table > .__header .__cel:first-child {
      padding-left: 20px; }
      @media screen and (max-width: 768px) {
        .table > tbody > tr > td:first-child, .table > tbody > tr > th:first-child, .table > tbody > tr .__cel:first-child, .table > thead > tr > td:first-child, .table > thead > tr > th:first-child, .table > thead > tr .__cel:first-child, .table > tfoot > tr > td:first-child, .table > tfoot > tr > th:first-child, .table > tfoot > tr .__cel:first-child, .table > .__row > td:first-child, .table > .__row > th:first-child, .table > .__row .__cel:first-child, .table > .__header > td:first-child, .table > .__header > th:first-child, .table > .__header .__cel:first-child {
          padding-left: 15px; } }
    .table > tbody > tr > td:last-child, .table > tbody > tr > th:last-child, .table > tbody > tr .__cel:last-child, .table > thead > tr > td:last-child, .table > thead > tr > th:last-child, .table > thead > tr .__cel:last-child, .table > tfoot > tr > td:last-child, .table > tfoot > tr > th:last-child, .table > tfoot > tr .__cel:last-child, .table > .__row > td:last-child, .table > .__row > th:last-child, .table > .__row .__cel:last-child, .table > .__header > td:last-child, .table > .__header > th:last-child, .table > .__header .__cel:last-child {
      padding-right: 20px; }
      @media screen and (max-width: 768px) {
        .table > tbody > tr > td:last-child, .table > tbody > tr > th:last-child, .table > tbody > tr .__cel:last-child, .table > thead > tr > td:last-child, .table > thead > tr > th:last-child, .table > thead > tr .__cel:last-child, .table > tfoot > tr > td:last-child, .table > tfoot > tr > th:last-child, .table > tfoot > tr .__cel:last-child, .table > .__row > td:last-child, .table > .__row > th:last-child, .table > .__row .__cel:last-child, .table > .__header > td:last-child, .table > .__header > th:last-child, .table > .__header .__cel:last-child {
          padding-right: 15px; } }
    .table > tbody > tr > td._fCel, .table > tbody > tr > th._fCel, .table > tbody > tr .__cel._fCel, .table > thead > tr > td._fCel, .table > thead > tr > th._fCel, .table > thead > tr .__cel._fCel, .table > tfoot > tr > td._fCel, .table > tfoot > tr > th._fCel, .table > tfoot > tr .__cel._fCel, .table > .__row > td._fCel, .table > .__row > th._fCel, .table > .__row .__cel._fCel, .table > .__header > td._fCel, .table > .__header > th._fCel, .table > .__header .__cel._fCel {
      position: -webkit-sticky;
      position: sticky;
      right: 0;
      z-index: 2;
      background: #fff; }
      .table > tbody > tr > td._fCel._shadow, .table > tbody > tr > th._fCel._shadow, .table > tbody > tr .__cel._fCel._shadow, .table > thead > tr > td._fCel._shadow, .table > thead > tr > th._fCel._shadow, .table > thead > tr .__cel._fCel._shadow, .table > tfoot > tr > td._fCel._shadow, .table > tfoot > tr > th._fCel._shadow, .table > tfoot > tr .__cel._fCel._shadow, .table > .__row > td._fCel._shadow, .table > .__row > th._fCel._shadow, .table > .__row .__cel._fCel._shadow, .table > .__header > td._fCel._shadow, .table > .__header > th._fCel._shadow, .table > .__header .__cel._fCel._shadow {
        -webkit-box-shadow: 0px 4px 22px 2px rgba(12, 30, 48, 0.05);
        -moz-box-shadow: 0px 4px 22px 2px rgba(12, 30, 48, 0.05);
        box-shadow: 0px 4px 22px 2px rgba(12, 30, 48, 0.05);
        padding-left: 10px; }
    .table > tbody > tr > td.__total, .table > tbody > tr > th.__total, .table > tbody > tr .__cel.__total, .table > thead > tr > td.__total, .table > thead > tr > th.__total, .table > thead > tr .__cel.__total, .table > tfoot > tr > td.__total, .table > tfoot > tr > th.__total, .table > tfoot > tr .__cel.__total, .table > .__row > td.__total, .table > .__row > th.__total, .table > .__row .__cel.__total, .table > .__header > td.__total, .table > .__header > th.__total, .table > .__header .__cel.__total {
      font-weight: 700; }
    .table > tbody > tr > td.comment, .table > tbody > tr > td.no-comment, .table > tbody > tr > th.comment, .table > tbody > tr > th.no-comment, .table > tbody > tr .__cel.comment, .table > tbody > tr .__cel.no-comment, .table > thead > tr > td.comment, .table > thead > tr > td.no-comment, .table > thead > tr > th.comment, .table > thead > tr > th.no-comment, .table > thead > tr .__cel.comment, .table > thead > tr .__cel.no-comment, .table > tfoot > tr > td.comment, .table > tfoot > tr > td.no-comment, .table > tfoot > tr > th.comment, .table > tfoot > tr > th.no-comment, .table > tfoot > tr .__cel.comment, .table > tfoot > tr .__cel.no-comment, .table > .__row > td.comment, .table > .__row > td.no-comment, .table > .__row > th.comment, .table > .__row > th.no-comment, .table > .__row .__cel.comment, .table > .__row .__cel.no-comment, .table > .__header > td.comment, .table > .__header > td.no-comment, .table > .__header > th.comment, .table > .__header > th.no-comment, .table > .__header .__cel.comment, .table > .__header .__cel.no-comment {
      min-width: 300px;
      white-space: normal; }
    @media screen and (max-width: 768px) {
      .table > tbody > tr > td._noTextSmall > span, .table > tbody > tr > th._noTextSmall > span, .table > tbody > tr .__cel._noTextSmall > span, .table > thead > tr > td._noTextSmall > span, .table > thead > tr > th._noTextSmall > span, .table > thead > tr .__cel._noTextSmall > span, .table > tfoot > tr > td._noTextSmall > span, .table > tfoot > tr > th._noTextSmall > span, .table > tfoot > tr .__cel._noTextSmall > span, .table > .__row > td._noTextSmall > span, .table > .__row > th._noTextSmall > span, .table > .__row .__cel._noTextSmall > span, .table > .__header > td._noTextSmall > span, .table > .__header > th._noTextSmall > span, .table > .__header .__cel._noTextSmall > span {
        display: none; } }
  .table > tbody > tr._categoryTitle, .table > thead > tr._categoryTitle, .table > tfoot > tr._categoryTitle, .table > .__row._categoryTitle, .table > .__header._categoryTitle {
    background: #f5f7fa; }
    .table > tbody > tr._categoryTitle .__cel, .table > thead > tr._categoryTitle .__cel, .table > tfoot > tr._categoryTitle .__cel, .table > .__row._categoryTitle .__cel, .table > .__header._categoryTitle .__cel {
      padding-top: 5px;
      padding-bottom: 5px;
      font-size: 10px;
      line-height: 1.5;
      font-weight: 600; }
      .table > tbody > tr._categoryTitle .__cel._cIcon, .table > thead > tr._categoryTitle .__cel._cIcon, .table > tfoot > tr._categoryTitle .__cel._cIcon, .table > .__row._categoryTitle .__cel._cIcon, .table > .__header._categoryTitle .__cel._cIcon {
        color: #245d96;
        font-size: 13px; }
      .table > tbody > tr._categoryTitle .__cel._fCel, .table > thead > tr._categoryTitle .__cel._fCel, .table > tfoot > tr._categoryTitle .__cel._fCel, .table > .__row._categoryTitle .__cel._fCel, .table > .__header._categoryTitle .__cel._fCel {
        background: #f5f7fa; }
  @media screen and (max-width: 530px) {
    .table.tableCollapse {
      display: none; } }

.collapsed {
  display: none;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
  -moz-box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05);
  box-shadow: 0px 0px 22px 2px rgba(12, 30, 48, 0.05); }
  .collapsed .__block {
    padding: 20px 10px; }
    .collapsed .__block + .__block {
      border-top: 1px solid #f5f7fa; }
    .collapsed .__block .__row {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      flex-direction: row;
      width: 100%;
      margin-bottom: 0; }
      .collapsed .__block .__row._header {
        margin-top: 10px; }
        .collapsed .__block .__row._header .__head {
          -webkit-box-flex: 1 1 50%;
          /* OLD - iOS 6-, Safari 3.1-6 */
          -moz-box-flex: 1 1 50%;
          /* OLD - Firefox 19- */
          -webkit-flex: 1 1 50%;
          /* Chrome */
          -ms-flex: 1 1 50%;
          /* IE 10 */
          flex: 1 1 50%;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          font-size: 10px;
          color: #5c6166;
          text-transform: uppercase;
          letter-spacing: .3px; }
      .collapsed .__block .__row._footer {
        margin: 20px 0 0;
        justify-content: space-between;
        align-items: center; }
      .collapsed .__block .__row .__main {
        font-size: 14px;
        font-weight: 400; }
      .collapsed .__block .__row .__sub {
        font-size: 12px;
        font-weight: 300;
        color: #5c6166;
        padding-right: 5px; }
      .collapsed .__block .__row ._sep {
        border-left: 2px solid #f5f7fa;
        padding-left: 5px; }
      .collapsed .__block .__row .__col {
        -webkit-box-flex: 1 1 50%;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 1 1 50%;
        /* OLD - Firefox 19- */
        -webkit-flex: 1 1 50%;
        /* Chrome */
        -ms-flex: 1 1 50%;
        /* IE 10 */
        flex: 1 1 50%;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
        .collapsed .__block .__row .__col .note._status:first-child {
          padding-left: 0; }
        .collapsed .__block .__row .__col ._rSep {
          border: none;
          margin-right: 0; }
      .collapsed .__block .__row .__price {
        width: 75px;
        font-weight: 400;
        text-align: right;
        word-break: keep-all; }
  @media screen and (max-width: 530px) {
    .collapsed {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */ } }

div.table form.__row,
div.table div.__header,
div.table div.__footer {
  display: table-row; }
  div.table form.__row .__cel,
  div.table div.__header .__cel,
  div.table div.__footer .__cel {
    display: table-cell; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: calc(50% - 150px);
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 9999; }
  .modal:focus {
    outline: none; }
  .modal._optionModal {
    width: 300px;
    left: calc(50% - 150px); }
  .modal._infoBox {
    width: 380px;
    left: calc(50% - 190px); }
  .modal .modal-header {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 100%;
    height: 50px;
    background: #307dca; }
    .modal .modal-header h3 {
      -webkit-box-flex: 1 1 auto;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex: 1 1 auto;
      /* OLD - Firefox 19- */
      -webkit-flex: 1 1 auto;
      /* Chrome */
      -ms-flex: 1 1 auto;
      /* IE 10 */
      flex: 1 1 auto;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      padding: 0 15px;
      color: #cfdce5;
      line-height: 50px; }
      .modal .modal-header h3 > .icon {
        color: #cfdce5; }
    .modal .modal-header .close {
      display: inline-block;
      width: 50px;
      height: 50px;
      color: #cfdce5;
      font-size: 24px;
      line-height: 50px;
      text-align: center;
      border-left: 1px solid #cfdce5;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      transition: all 0.2s ease;
      opacity: 1; }
      .modal .modal-header .close:hover, .modal .modal-header .close:focus {
        color: #fff;
        border-color: #fff; }
  .modal .modal-content {
    padding: 30px; }
    .modal .modal-content .__block + .__block {
      margin-top: 20px; }
    .modal .modal-content p {
      margin-bottom: 10px; }
    .modal .modal-content ul {
      list-style: disc;
      margin: 0 0px 10px 18px; }
  @media screen and (max-width: 425px) {
    .modal {
      width: 100% !important;
      left: 0 !important; } }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 2; }

ul.pagination {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  ul.pagination > li > a, ul.pagination > li > span {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 10px;
    color: #245d96;
    line-height: 28px;
    border-color: #f1f1f1; }
    ul.pagination > li > a span.fal, ul.pagination > li > span span.fal {
      font-size: 9px; }
    ul.pagination > li > a:hover, ul.pagination > li > span:hover {
      text-decoration: none;
      background-color: #f7fafc; }
  ul.pagination > li.active > a, ul.pagination > li.active > span {
    color: #307dca;
    background-color: #f7fafc;
    border-left: 1px solid;
    border-color: #b5bfc9; }
  ul.pagination > li.disabled > a, ul.pagination > li.disabled > span {
    background-color: #eee;
    color: #adb0b3; }
  ul.pagination .limit span {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle; }

.calculated-version {
  font-size: 11px; }

.with-calculated-version {
  padding: 13px 20px;
  text-align: center; }

/*# sourceMappingURL=screen.css.map */