@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700&subset=latin-ext");
@import url("//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css");
@import url("https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css");
/**
 * Foundation for Sites by ZURB
 * Version 6.3.0
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
datepicker a, [datepicker] a, .datepicker a {
  color: inherit;
  text-decoration: none; }

datepicker a:hover, [datepicker] a:hover, .datepicker a:hover {
  text-decoration: none; }

datepicker select, datepicker select:focus, datepicker select:hover,
.datepicker select, .datepicker select:focus, .datepicker select:hover,
[datepicker] select, [datepicker] select:focus, [datepicker] select:hover {
  width: 100%;
  overflow: hidden;
  background: none;
  color: #fff;
  background-color: #138EFA;
  border-radius: 2px;
  border: 0;
  margin-top: 5px; }

datepicker, .datepicker, [datepicker],
._720kb-datepicker-calendar-header,
._720kb-datepicker-calendar-body,
._720kb-datepicker-calendar-days-header,
._720kb-datepicker-calendar-years-pagination-pages {
  font-family: Helvetica Neue, Arial, sans-serif;
  font-size: 13.5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  float: left;
  clear: right;
  position: relative; }

._720kb-datepicker-calendar {
  background: white;
  color: #333;
  position: absolute;
  z-index: 999;
  min-width: 220px;
  margin: 0 auto;
  width: 101%;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  visibility: hidden;
  overflow: hidden;
  margin-left: -0.5%;
  padding: 0 0 2% 0;
  border-radius: 3px; }

._720kb-datepicker-calendar._720kb-datepicker-open, ._720kb-datepicker-calendar._720kb-datepicker-forced-to-open {
  visibility: visible; }

._720kb-datepicker-calendar-header {
  text-align: center;
  font-size: 15px;
  line-height: 40px; }

._720kb-datepicker-calendar-header:nth-child(odd) {
  background: #138EFA; }

._720kb-datepicker-calendar-header:nth-child(even) {
  background: #7BC6FC; }

._720kb-datepicker-calendar-header-left,
._720kb-datepicker-calendar-header-middle,
._720kb-datepicker-calendar-header-right {
  width: 15%;
  float: left; }

._720kb-datepicker-calendar-header-middle {
  width: 70%; }

._720kb-datepicker-calendar-header-closed-pagination::after {
  content: " \25BE"; }

._720kb-datepicker-calendar-header-opened-pagination::after {
  content: " \25BE";
  margin-left: 4px;
  position: relative;
  bottom: -3px;
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

._720kb-datepicker-calendar-body {
  width: 96%;
  margin: 2%;
  text-align: center; }

._720kb-datepicker-calendar-day {
  cursor: pointer;
  font-size: 12.5px;
  width: 12.2%;
  margin: 5px 1%;
  padding: 1.5% 0;
  float: left;
  border-radius: 1px; }

._720kb-datepicker-calendar-day:hover, ._720kb-datepicker-calendar-day._720kb-datepicker-active {
  background: rgba(0, 0, 0, 0.03); }

._720kb-datepicker-calendar-header a, ._720kb-datepicker-calendar-header a:hover {
  text-decoration: none;
  padding: 3% 9% 4% 9%;
  font-size: 13.5px;
  color: rgba(0, 0, 0, 0.55);
  font-weight: bold;
  border-radius: 3px; }

._720kb-datepicker-calendar-header a:hover {
  color: rgba(0, 0, 0, 0.9);
  background: rgba(255, 255, 255, 0.45); }

._720kb-datepicker-calendar-month {
  color: #fff; }

._720kb-datepicker-calendar-month span {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.4); }

._720kb-datepicker-calendar-month a span i {
  font-style: normal;
  font-size: 15px; }

._720kb-datepicker-calendar-month a, ._720kb-datepicker-calendar-month a:hover {
  padding: 3px;
  margin-left: 1%; }

._720kb-datepicker-calendar-years-pagination {
  padding: 2% 0 0 0;
  float: left;
  clear: right;
  width: 100%; }

._720kb-datepicker-calendar-years-pagination a, ._720kb-datepicker-calendar-years-pagination a:hover {
  font-size: 12px;
  padding: 0 7px;
  font-weight: normal;
  margin: 3px 1% 0 1%;
  line-height: 20px;
  display: inline-block; }

._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
  background: rgba(255, 255, 255, 0.45); }

._720kb-datepicker-calendar-years-pagination-pages a, ._720kb-datepicker-calendar-years-pagination-pages a:hover {
  padding: 5px 10px; }

._720kb-datepicker-calendar-days-header {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 2% 0 2%;
  background: rgba(19, 142, 250, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.02); }

._720kb-datepicker-calendar-days-header div {
  width: 14.18%;
  font-weight: 500;
  font-size: 11.5px;
  padding: 10px 0;
  float: left;
  text-align: center;
  color: rgba(0, 0, 0, 0.7); }

._720kb-datepicker-calendar-days
._720kb-datepicker-default-button {
  font-size: 18.5px;
  position: relative;
  bottom: -0.5px; }

._720kb-datepicker-default-button {
  padding: 0 4.5px; }

._720kb-datepicker-calendar-header-middle._720kb-datepicker-mobile-item {
  width: 95%;
  float: none;
  margin: 0 auto; }

._720kb-datepicker-item-hidden {
  visibility: hidden; }

._720kb-datepicker-calendar-day._720kb-datepicker-disabled,
._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover {
  color: rgba(0, 0, 0, 0.2);
  background: rgba(25, 2, 0, 0.02);
  cursor: default; }

html {
  font-size: 16px;
  width: 100%;
  height: 100%; }
  @media screen and (max-width: 74.9375em) {
    html {
      font-size: 16px; } }
  @media screen and (max-width: 63.9375em) {
    html {
      font-size: 14px; } }
  @media screen and (max-width: 39.9375em) {
    html {
      font-size: 12.5px; } }

body {
  font-family: Lato;
  width: 100%;
  background-color: #f5f7fa;
  margin: 0;
  overflow-y: scroll;
  position: relative;
  min-height: 100%;
  color: #383a64; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

main {
  height: 100%; }

img {
  max-width: 100%; }

section {
  max-width: 90rem;
  margin-right: auto;
  margin-left: auto;
  height: 100%;
  margin: 0 auto;
  padding-top: 91px;
  padding-bottom: 46px; }
  section:before, section:after {
    content: "";
    display: table; }
  section:after {
    clear: both; }
  section .notify {
    text-align: center; }
  section.report {
    background-color: #f5f7fa;
    width: 100%;
    max-width: none;
    padding-bottom: 50px; }
    @media screen and (max-width: 63.9375em) {
      section.report {
        padding-bottom: 103px; } }
  @media screen and (max-width: 39.9375em) {
    section {
      padding-top: 130px;
      padding-bottom: 103px; } }
  @media all and (max-height: 500px) {
    section {
      padding-top: 85px;
      padding-bottom: 68px; } }
  @media all and (max-height: 500px) and (max-width: 620px) {
    section {
      padding-top: 144px;
      padding-bottom: 78px; } }

.wrapper {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem; }

.only-mobile {
  display: none; }
  @media screen and (max-width: 39.9375em) {
    .only-mobile {
      display: block; } }
  .only-mobile.details-text {
    font-size: 14px;
    height: 51px;
    text-align: left;
    font-weight: bold;
    padding: 5px 51px 5px 10px; }

.disabled {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .disabled > * {
    opacity: 0.5;
    pointer-events: none; }

h1 {
  font-size: 2.5rem;
  line-height: 1.1; }

h2 {
  font-size: 1.4em;
  line-height: 1.1;
  margin: 0 0 1em; }
  h2.form-title {
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 15px; }

h3 {
  font-size: 17px;
  color: #7a7b8d;
  font-weight: 300;
  margin: 0 0 15px 0; }

h4 {
  font-size: 1em;
  margin: 0;
  padding-bottom: 0.3125rem;
  font-weight: 400; }

h5 {
  font-size: 18px;
  margin: 0; }

h6 {
  font-weight: bold;
  font-size: 16px;
  margin: 0; }
  @media screen and (max-width: 39.9375em) {
    h6 {
      font-size: 11px;
      text-align: center; } }

p {
  font-stretch: normal;
  font-size: 1em;
  line-height: 1em;
  margin: 0; }

a {
  text-decoration: none;
  color: #494c89; }
  a.auth {
    color: #d1137f;
    font-size: 16px;
    cursor: pointer; }
    a.auth:hover {
      -webkit-transition: 0.2s color ease;
      transition: 0.2s color ease;
      color: #552672; }

header {
  -webkit-box-shadow: 0px 6px 19px 0px #dee0e8;
  box-shadow: 0px 6px 19px 0px #dee0e8;
  width: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  background-color: #ffffff; }
  header nav {
    max-width: 90rem;
    margin-right: auto;
    margin-left: auto;
    height: 100%;
    padding: 20px 0; }
    header nav:before, header nav:after {
      content: "";
      display: table; }
    header nav:after {
      clear: both; }

footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: #4a4a5a; }
  footer p, footer i, footer a {
    color: #fff;
    font-size: 16px; }
    @media screen and (max-width: 63.9375em) {
      footer p, footer i, footer a {
        font-size: 14px; } }
  footer .content {
    max-width: 90rem;
    margin-right: auto;
    margin-left: auto;
    padding: 15px 0; }
    footer .content:before, footer .content:after {
      content: "";
      display: table; }
    footer .content:after {
      clear: both; }
    @media screen and (max-width: 39.9375em) {
      footer .content {
        padding: 10px 0; } }
  footer .copyright {
    width: 50%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem; }
    @media print, screen and (min-width: 40em) {
      footer .copyright {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; } }
    footer .copyright:last-child:not(:first-child) {
      float: right; }
    @media screen and (max-width: 39.9375em) {
      footer .copyright {
        width: 100%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
        padding-bottom: 10px;
        text-align: center; } }
  @media screen and (max-width: 39.9375em) and (min-width: 40em) {
    footer .copyright {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
    @media screen and (max-width: 39.9375em) {
        footer .copyright:last-child:not(:first-child) {
          float: right; } }
  footer .contact {
    width: 50%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem; }
    @media print, screen and (min-width: 40em) {
      footer .contact {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; } }
    footer .contact:last-child:not(:first-child) {
      float: right; }
    @media screen and (max-width: 39.9375em) {
      footer .contact {
        width: 100%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem; } }
  @media screen and (max-width: 39.9375em) and (min-width: 40em) {
    footer .contact {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
    @media screen and (max-width: 39.9375em) {
        footer .contact:last-child:not(:first-child) {
          float: right; } }
    footer .contact .group {
      float: right;
      padding-left: 20px; }
      @media screen and (max-width: 63.9375em) {
        footer .contact .group {
          padding-bottom: 5px; } }
      @media screen and (max-width: 39.9375em) {
        footer .contact .group {
          float: none;
          padding: 0;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding-bottom: 5px; }
          footer .contact .group:before, footer .contact .group:after {
            content: "";
            display: table; }
          footer .contact .group:after {
            clear: both; } }
    footer .contact i {
      float: left; }
      @media screen and (max-width: 39.9375em) {
        footer .contact i {
          padding-top: 3px; } }
    footer .contact p {
      float: left;
      padding-left: 10px; }

.logo-section {
  width: 25%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .logo-section {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .logo-section:last-child:not(:first-child) {
    float: right; }
  @media screen and (max-width: 63.9375em) {
    .logo-section {
      width: 33.33333%;
      float: left;
      padding-right: 0.625rem;
      padding-left: 0.625rem; } }
  @media screen and (max-width: 63.9375em) and (min-width: 40em) {
    .logo-section {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  @media screen and (max-width: 63.9375em) {
      .logo-section:last-child:not(:first-child) {
        float: right; } }
  @media screen and (max-width: 39.9375em) {
    .logo-section {
      width: 50%;
      float: left;
      padding-right: 0.625rem;
      padding-left: 0.625rem;
      float: none; } }
  @media screen and (max-width: 39.9375em) and (min-width: 40em) {
    .logo-section {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  @media screen and (max-width: 39.9375em) {
      .logo-section:last-child:not(:first-child) {
        float: right; } }
  .logo-section a {
    max-width: 189px;
    display: block;
    cursor: pointer; }

.select-section {
  width: 33.33333%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .select-section {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .select-section:last-child:not(:first-child) {
    float: right; }
  @media screen and (max-width: 63.9375em) {
    .select-section {
      width: 50%;
      float: left;
      padding-right: 0.625rem;
      padding-left: 0.625rem; } }
  @media screen and (max-width: 63.9375em) and (min-width: 40em) {
    .select-section {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  @media screen and (max-width: 63.9375em) {
      .select-section:last-child:not(:first-child) {
        float: right; } }
  @media screen and (max-width: 39.9375em) {
    .select-section {
      margin: auto;
      display: block;
      width: 100%; } }

.menu-section {
  width: 41.66667%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .menu-section {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .menu-section:last-child:not(:first-child) {
    float: right; }
  @media screen and (max-width: 63.9375em) {
    .menu-section {
      width: 16.66667%;
      float: left;
      padding-right: 0.625rem;
      padding-left: 0.625rem; } }
  @media screen and (max-width: 63.9375em) and (min-width: 40em) {
    .menu-section {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  @media screen and (max-width: 63.9375em) {
      .menu-section:last-child:not(:first-child) {
        float: right; } }
  .menu-section ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0;
    padding: 0; }
    .menu-section ul li {
      float: left;
      list-style-type: none; }
      @media screen and (max-width: 63.9375em) {
        .menu-section ul li {
          float: none; } }
    .menu-section ul a {
      display: block;
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease;
      color: #9c2687;
      border-bottom: 1px solid transparent;
      padding-bottom: 2px; }
      @media screen and (max-width: 63.9375em) {
        .menu-section ul a {
          font-size: 1.0625rem;
          padding: 5px 0; } }
      .menu-section ul a:hover {
        color: #000;
        border-bottom: 1px solid transparent; }
      .menu-section ul a.active {
        color: #000;
        border-bottom: 1px solid #000;
        padding-bottom: 2px; }
        @media screen and (max-width: 63.9375em) {
          .menu-section ul a.active {
            background: -webkit-linear-gradient(45deg, #ce147e 0%, #562672 100%);
            background: linear-gradient(45deg, #ce147e 0%, #562672 100%);
            border: 0;
            color: #ffffff; } }
    @media screen and (max-width: 63.9375em) {
      .menu-section ul {
        position: absolute;
        display: none;
        width: 100%;
        background-color: #fff;
        padding: 0;
        left: 0; } }
    .menu-section ul.active {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 63.9375em) {
        .menu-section ul.active {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          z-index: 11;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          width: 100%;
          margin-top: 65px;
          border-top: 2px solid #9c2687;
          border-bottom: 2px solid #9c2687;
          text-align: center; } }
      @media screen and (max-width: 39.9375em) {
        .menu-section ul.active {
          position: absolute;
          top: 0; } }
  .menu-section .menu-icon {
    text-align: center; }
    .menu-section .menu-icon img {
      width: 25px; }
      .menu-section .menu-icon img.id-menu {
        width: 27px; }
    @media screen and (max-width: 63.9375em) {
      .menu-section .menu-icon {
        display: none; } }
  .menu-section .button-mobile {
    display: none;
    width: 26px; }
    @media screen and (max-width: 63.9375em) {
      .menu-section .button-mobile {
        display: block;
        font-size: 30px;
        float: right;
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 20px; } }

section.auth {
  height: 100vh;
  background: -webkit-linear-gradient(45deg, #24c6dc 0%, #514a9d 100%);
  background: linear-gradient(45deg, #24c6dc 0%, #514a9d 100%);
  overflow: auto;
  max-width: 100%; }
  @media all and (width: 1024px) and (height: 768px) {
    section.auth {
      padding-top: 20px; } }
  @media screen and (max-width: 63.9375em) {
    section.auth {
      padding-top: 91px; } }
  @media screen and (max-width: 39.9375em) {
    section.auth {
      width: 100%;
      padding: 0 0 88px 0; } }
  @media all and (max-height: 500px) and (max-width: 640px) {
    section.auth {
      height: 100%; } }
  @media all and (max-height: 640px) and (max-width: 640px) {
    section.auth.register {
      height: 100%; } }
  @media all and (min-height: 640px) and (max-height: 1024px) and (max-width: 1024px) {
    section.auth.register {
      height: 120vh; } }
  @media all and (max-height: 640px) and (min-width: 640px) and (max-width: 2000px) {
    section.auth.register {
      height: 150vh; } }

.auth-logo {
  width: 15rem;
  margin: auto;
  cursor: pointer;
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
  @media screen and (max-width: 39.9375em) {
    .auth-logo {
      width: 50%;
      text-align: center;
      margin: auto;
      padding: 20px 0;
      position: inherit;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }

.auth-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  background-size: 100%;
  margin: auto;
  width: 452px;
  border-radius: 5px;
  padding: 5px;
  overflow: hidden; }
  @media screen and (max-width: 39.9375em) {
    .auth-box {
      width: 100%;
      padding: 0;
      position: static;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      border-radius: 0; } }

.auth-box.register {
  width: 936px; }
  .auth-box.register .form-divide:before, .auth-box.register .form-divide:after {
    content: "";
    display: table; }
  .auth-box.register .form-divide:after {
    clear: both; }
  .auth-box.register .form-divide .left {
    width: 50%;
    float: left;
    padding-right: 8px; }
  .auth-box.register .form-divide .right {
    width: 50%;
    float: left;
    padding-left: 8px; }
  @media screen and (max-width: 63.9375em) {
    .auth-box.register {
      width: 640px; } }
  @media screen and (max-width: 39.9375em) {
    .auth-box.register {
      width: 100%; }
      .auth-box.register .form-divide .left, .auth-box.register .form-divide .right {
        width: 100%;
        float: none;
        padding: 0; } }

@media screen and (max-height: 500px) {
  section.auth {
    padding: 0 0 141px 0; }
  .auth-box {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  .auth-logo {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: static;
    margin: auto;
    padding: 10px 0; } }

.form-section {
  padding: 1.5625rem; }
  .form-section .form-group {
    position: relative; }
    .form-section .form-group img {
      position: absolute;
      top: 1.5625rem;
      left: 0.9375rem;
      width: 23px; }
      @media screen and (max-width: 39.9375em) {
        .form-section .form-group img {
          top: 1.875rem; } }
  .form-section .form-actions {
    padding: 0.9375rem 0;
    min-height: 78px;
    position: relative; }
    .form-section .form-actions:before, .form-section .form-actions:after {
      content: "";
      display: table; }
    .form-section .form-actions:after {
      clear: both; }
    @media screen and (max-width: 39.9375em) {
      .form-section .form-actions {
        text-align: center; } }
  .form-section .form-others {
    margin-top: 15px;
    border-top: 2px solid #ebecf2;
    padding-top: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around; }

.ui-report-wrapper {
  height: 100%; }

.report {
  height: 100%;
  position: relative;
  max-width: 90rem;
  margin-right: auto;
  margin-left: auto; }
  .report:before, .report:after {
    content: "";
    display: table; }
  .report:after {
    clear: both; }
  .report .list-wrapper {
    width: 100%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem; }
    @media print, screen and (min-width: 40em) {
      .report .list-wrapper {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; } }
    .report .list-wrapper:last-child:not(:first-child) {
      float: right; }

.popup-background {
  position: fixed;
  background-color: #000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
  display: none; }
  .popup-background.active {
    display: block; }

.popup {
  background-color: #ffffff;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #000;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 5px;
  padding: 1.875rem;
  text-align: center; }
  .popup.active {
    z-index: 15;
    display: block; }
  @media all and (max-width: 768px) {
    .popup {
      width: 90%; } }
  .popup h3 {
    font-size: 1.25rem;
    color: #383a64;
    font-weight: bold;
    margin-bottom: 1.875rem; }
  .popup button {
    width: 130px;
    margin: 0 10px; }
    .popup button.back {
      font-size: 17px; }
    @media all and (max-width: 768px) {
      .popup button {
        margin: 10px; } }

.table-row {
  padding: 35px 0; }
  .table-row:before, .table-row:after {
    content: "";
    display: table; }
  .table-row:after {
    clear: both; }
  .table-row h1 {
    float: left;
    margin: 0;
    padding-right: 30px; }
    @media screen and (max-width: 63.9375em) {
      .table-row h1 {
        padding-right: 20px; } }
    @media screen and (max-width: 39.9375em) {
      .table-row h1 {
        margin-bottom: 15px; } }
  .table-row button {
    float: left; }
  .table-row .pagination {
    padding-top: 6px; }
    @media screen and (max-width: 39.9375em) {
      .table-row .pagination {
        padding-top: 20px; } }

.tracking:before, .tracking:after {
  content: "";
  display: table; }

.tracking:after {
  clear: both; }

.tracking-box, .tracking-info {
  padding: 20px 0;
  width: 50%;
  float: left;
  padding-right: 0;
  padding-left: 0; }
  .tracking-box:last-child:not(:first-child), .tracking-info:last-child:not(:first-child) {
    float: right; }
  @media screen and (max-width: 63.9375em) {
    .tracking-box, .tracking-info {
      width: 100%;
      float: left;
      padding-right: 0;
      padding-left: 0;
      padding: 0; }
      .tracking-box:last-child:not(:first-child), .tracking-info:last-child:not(:first-child) {
        float: right; } }

.tracking-box {
  padding-right: 20px; }
  @media screen and (max-width: 63.9375em) {
    .tracking-box {
      padding: 0;
      width: 58.33333%;
      float: left;
      padding-right: 0;
      padding-left: 0;
      margin-right: auto;
      margin-left: auto; }
      .tracking-box:last-child:not(:first-child) {
        float: right; }
      .tracking-box, .tracking-box:last-child:not(:first-child) {
        float: none;
        clear: both; } }
  @media screen and (max-width: 39.9375em) {
    .tracking-box {
      width: 100%;
      float: left;
      padding-right: 0;
      padding-left: 0;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
      .tracking-box:last-child:not(:first-child) {
        float: right; } }
  .tracking-box pre {
    padding: 20px;
    background-color: #fff;
    border-radius: 9px;
    color: #383a64; }
    @media screen and (max-width: 63.9375em) {
      .tracking-box pre {
        font-size: 13px; } }
    @media screen and (max-width: 39.9375em) {
      .tracking-box pre {
        font-size: 11px; } }

.tracking-info {
  padding-left: 20px; }
  .tracking-info h1 {
    margin-bottom: 20px; }
  .tracking-info p {
    line-height: 18px;
    padding-right: 30px; }
  .tracking-info .tracking-buttons {
    padding: 15px 0; }
    @media screen and (max-width: 39.9375em) {
      .tracking-info .tracking-buttons {
        text-align: center; } }
    .tracking-info .tracking-buttons button {
      margin-right: 10px; }
      @media screen and (max-width: 39.9375em) {
        .tracking-info .tracking-buttons button {
          width: 190px;
          margin: 10px 0; } }
      .tracking-info .tracking-buttons button:last-child {
        margin: 0; }
        @media screen and (max-width: 39.9375em) {
          .tracking-info .tracking-buttons button:last-child {
            margin: 10px 0; } }

.wrapper.add {
  -webkit-box-shadow: 0px 0px 29px 5px #dee0e8;
  box-shadow: 0px 0px 29px 5px #dee0e8;
  background-color: #ffffff;
  margin: 20px 0;
  border-radius: 9px;
  overflow: hidden;
  width: 66.66667%;
  float: left;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
  padding: 3.125rem; }
  .wrapper.add:last-child:not(:first-child) {
    float: right; }
  .wrapper.add, .wrapper.add:last-child:not(:first-child) {
    float: none;
    clear: both; }
  @media screen and (max-width: 39.9375em) {
    .wrapper.add {
      width: 91.66667%;
      float: left;
      padding-right: 0;
      padding-left: 0;
      margin-right: auto;
      margin-left: auto;
      padding: 1.875rem;
      margin-bottom: 4.375rem; }
      .wrapper.add:last-child:not(:first-child) {
        float: right; }
      .wrapper.add, .wrapper.add:last-child:not(:first-child) {
        float: none;
        clear: both; } }
  .wrapper.add .form-item {
    position: relative;
    margin: 1.25rem 0 0 0; }
    .wrapper.add .form-item img {
      position: absolute;
      top: 44px;
      left: 15px;
      width: 23px; }
      @media screen and (max-width: 39.9375em) {
        .wrapper.add .form-item img {
          top: 38px;
          left: 10px;
          width: 21px; } }
  .wrapper.add h1, .wrapper.add h2 {
    font-size: 2rem;
    margin: 0 0 1.25rem 0; }
    @media screen and (max-width: 39.9375em) {
      .wrapper.add h1, .wrapper.add h2 {
        font-size: 1.5rem; } }
  .wrapper.add .inputs:before, .wrapper.add .inputs:after {
    content: "";
    display: table; }
  .wrapper.add .inputs:after {
    clear: both; }
  .wrapper.add .left, .wrapper.add .right {
    width: 50%;
    float: left;
    padding: 0 0.9375rem; }
    @media screen and (max-width: 39.9375em) {
      .wrapper.add .left, .wrapper.add .right {
        width: 100%;
        float: none;
        padding: 0; } }
  .wrapper.add .left {
    padding-left: 0; }
  .wrapper.add .right {
    padding-right: 0; }
  .wrapper.add .full {
    clear: both; }
    .wrapper.add .full.single {
      padding: 0.625rem 0 1.875rem 0; }
    .wrapper.add .full span {
      display: block;
      width: 100%; }
  .wrapper.add .radio-section .form-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 39.9375em) {
      .wrapper.add .radio-section .form-item {
        display: block; } }
  .wrapper.add .buttons {
    margin-top: 1.25rem; }
    @media screen and (max-width: 39.9375em) {
      .wrapper.add .buttons {
        text-align: center;
        margin: 0; } }
  .wrapper.add button {
    width: 140px; }
    @media screen and (max-width: 39.9375em) {
      .wrapper.add button {
        margin-top: 20px; } }

input[type="text"], input[type="password"], input[type="name"], input[type="email"], textarea, .select-option {
  width: 100%;
  margin: 10px 0;
  font-size: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  padding: 1rem 0 1rem 3.125rem;
  border: 2px solid #ebecf2;
  border-radius: 5px;
  color: #383a64;
  font-weight: 300;
  font-family: inherit; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="name"]:focus, input[type="email"]:focus, textarea:focus, .select-option:focus {
    outline: none;
    color: #383a64; }
  input[type="text"].ng-invalid, input[type="password"].ng-invalid, input[type="name"].ng-invalid, input[type="email"].ng-invalid, textarea.ng-invalid, .select-option.ng-invalid {
    border: 2px solid #843f06; }
    input[type="text"].ng-invalid.ng-untouched, input[type="password"].ng-invalid.ng-untouched, input[type="name"].ng-invalid.ng-untouched, input[type="email"].ng-invalid.ng-untouched, textarea.ng-invalid.ng-untouched, .select-option.ng-invalid.ng-untouched {
      border: 2px solid #ced1e5; }

input:-webkit-autofill {
  -webkit-text-fill-color: #383a64;
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

input:-moz-autofill {
  -moz-text-fill-color: #383a64;
  -moz-box-shadow: 0 0 0px 1000px white inset; }

input:-o-autofill {
  -o-text-fill-color: #383a64;
  -o-box-shadow: 0 0 0px 1000px white inset; }

input:-khtml-autofill {
  -khtml-text-fill-color: #383a64;
  -khtml-box-shadow: 0 0 0px 1000px white inset; }

.checkbox label {
  display: inline-block;
  position: relative;
  margin: 10px 0;
  cursor: pointer;
  font-size: 1.0625rem;
  padding-left: 10px; }
  @media screen and (max-width: 39.9375em) {
    .checkbox label {
      width: 100%;
      padding: 0 10vw; } }

.checkbox label input {
  display: none; }

.checkbox label span {
  height: 20px;
  width: 20px;
  top: 3px;
  right: 10px;
  border: 2px solid #ced1e5;
  display: inline-block;
  position: relative;
  border-radius: 3px; }

.checkbox [type=checkbox]:checked + span:before {
  position: absolute;
  content: '';
  border: solid #ced1e5;
  left: 5px;
  width: 5px;
  height: 12px;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #eeeeee; }

button {
  width: 160px;
  font-weight: 300;
  color: #eeeeee;
  font-size: 17px;
  font-family: inherit;
  background: -webkit-linear-gradient(45deg, #ce147e 0%, #562672 100%);
  background: linear-gradient(45deg, #ce147e 0%, #562672 100%);
  border: 0;
  border-radius: 25px;
  padding: 13px 0 13px 20px;
  text-align: center;
  position: relative;
  cursor: pointer;
  outline: none; }
  @media screen and (max-width: 63.9375em) {
    button {
      font-size: 14px;
      width: 140px; } }
  button:hover {
    opacity: 0.9;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  button:before {
    content: '';
    width: 15px;
    height: 25px;
    position: absolute;
    left: 25px;
    top: 11px;
    background-size: 100%;
    background-repeat: no-repeat; }
  button.auth {
    float: right; }
    button.auth:before {
      background-image: url("../../extra/img/icons/unlock.png"); }
    @media screen and (max-width: 39.9375em) {
      button.auth {
        float: none;
        margin-top: 8px; } }
    button.auth.recovery {
      width: 190px; }
    button.auth.logout {
      width: 250px; }
    button.auth.register {
      width: 190px; }
  button.btn-details {
    position: absolute;
    top: 30px;
    right: 10px; }
    button.btn-details:before {
      background-image: url("../../extra/img/icons/details.png");
      width: 22px; }
    @media screen and (max-width: 74.9375em) {
      button.btn-details {
        width: 150px; } }
    @media screen and (max-width: 63.9375em) {
      button.btn-details {
        width: 135px; }
        button.btn-details:before {
          left: 19px;
          top: 9px; } }
    @media screen and (max-width: 39.9375em) {
      button.btn-details {
        width: 125px;
        top: 40px; } }
  button.search {
    width: 100%; }
    button.search:before {
      background-image: url("../../extra/img/icons/loop-white.png");
      width: 25px;
      left: 15%; }
    @media screen and (max-width: 39.9375em) {
      button.search {
        width: 160px; } }
  button.add {
    width: 200px; }
    @media screen and (max-width: 63.9375em) {
      button.add {
        width: 185px; } }
    button.add:before {
      background-image: url("../../extra/img/icons/add.png");
      width: 22px;
      left: 13px; }
  button.add-user {
    width: 250px; }
    button.add-user:before {
      background-image: url("../../extra/img/icons/add.png");
      width: 22px;
      left: 13px; }
    @media screen and (max-width: 39.9375em) {
      button.add-user {
        width: 220px; } }
  button.edit-note {
    width: 120px;
    font-size: 14px;
    outline: none; }
    @media screen and (max-width: 63.9375em) {
      button.edit-note {
        font-size: 12px; } }
    button.edit-note:before {
      background-image: url("../../extra/img/icons/checkbox.png");
      width: 22px;
      left: 17px; }
  button.delete-note {
    font-size: 14px; }
    @media screen and (max-width: 39.9375em) {
      button.delete-note {
        font-size: 12px; } }
    button.delete-note:before {
      background-image: url("../../extra/img/icons/checkbox.png");
      width: 22px;
      left: 17px; }
  button.add-note {
    font-size: 14px; }
    @media screen and (max-width: 39.9375em) {
      button.add-note {
        font-size: 12px; } }
    button.add-note:before {
      background-image: url("../../extra/img/icons/add.png");
      width: 22px;
      left: 17px; }
  button.cancel-note {
    width: 120px;
    font-size: 14px; }
    @media screen and (max-width: 39.9375em) {
      button.cancel-note {
        font-size: 12px;
        width: 110px; } }
    button.cancel-note:before {
      background-image: url("../../extra/img/icons/cancel.png");
      width: 22px;
      left: 17px; }
  button.tracking-choose {
    font-size: 14px; }
    button.tracking-choose:before {
      background-image: url("../../extra/img/icons/full-screen.png");
      width: 20px; }
  button.tracking-copy {
    font-size: 14px;
    width: 200px; }
    button.tracking-copy:before {
      background-image: url("../../extra/img/icons/deliver.png");
      width: 20px; }
    button.tracking-copy.big {
      width: 200px; }
  button.report-export {
    font-size: 14px;
    width: 110px; }
    button.report-export:before {
      background-image: url("../../extra/img/icons/deliver.png");
      width: 20px; }
    button.report-export.big {
      width: 200px; }
  button.back {
    font-size: 14px;
    padding: 13px 0;
    text-align: center;
    width: 100px; }
  button.trash:before {
    background-image: url("../../extra/img/icons/bin-white.png");
    width: 23px; }
  button.cancel:before {
    background-image: url("../../extra/img/icons/deliver.png");
    width: 20px;
    top: 13px;
    left: 20px; }
  button:disabled {
    opacity: 0.5; }

.select-section .select {
  width: 100%;
  max-width: 350px;
  background-color: #F2FCFF;
  position: relative;
  border: 2px solid #9c2687;
  border-radius: 7px; }
  @media screen and (max-width: 39.9375em) {
    .select-section .select {
      margin: 20px auto 0; } }
  .select-section .select:after {
    content: '';
    background-color: #9c2687;
    width: 2px;
    height: 100%;
    position: absolute;
    right: 40px;
    top: 0; }
  .select-section .select a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer; }
    .select-section .select a:hover {
      background-color: #9c2687;
      color: #ffffff;
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease;
      opacity: 0.5; }
  .select-section .select a.selected {
    display: block;
    width: 90%;
    padding: 10px 0 10px 50px; }
    .select-section .select a.selected:before {
      content: '';
      width: 22px;
      height: 22px;
      position: absolute;
      left: 17px;
      top: 9px;
      background-size: 100%;
      background-repeat: no-repeat;
      background-image: url("../../extra/img/icons/os.png"); }
      @media screen and (max-width: 39.9375em) {
        .select-section .select a.selected:before {
          top: 8px; } }
    .select-section .select a.selected:hover {
      background: none;
      color: inherit;
      opacity: 1; }

.select-section .arrow {
  position: absolute;
  color: #9c2687;
  right: 8px;
  top: 0;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  font-size: 32px; }
  .select-section .arrow.open {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

.select-section .sites {
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  left: 0;
  top: 45px;
  cursor: pointer;
  z-index: 5;
  border: 2px solid #9c2687;
  border-radius: 7px; }
  .select-section .sites a {
    width: 100%;
    display: block;
    padding: 10px; }
  @media screen and (max-width: 63.9375em) {
    .select-section .sites {
      top: 42px; } }
  @media screen and (max-width: 39.9375em) {
    .select-section .sites {
      top: 40px; } }

.errors {
  text-align: center;
  background-color: #fbe1e3;
  border-color: #fbe1e3;
  border-width: 1px;
  padding: 15px;
  margin-bottom: 10px;
  border-radius: 4px; }
  .errors h5 {
    font-weight: 400;
    font-size: 0.875rem;
    color: #e73d4a; }

.report-error, .notes-error, .logs-error, .report-notify, .report-error-cookies {
  text-align: center;
  max-width: 90rem;
  margin-right: auto;
  margin-left: auto; }
  .report-error:before, .report-error:after, .notes-error:before, .notes-error:after, .logs-error:before, .logs-error:after, .report-notify:before, .report-notify:after, .report-error-cookies:before, .report-error-cookies:after {
    content: "";
    display: table; }
  .report-error:after, .notes-error:after, .logs-error:after, .report-notify:after, .report-error-cookies:after {
    clear: both; }
  .report-error .error-box, .notes-error .error-box, .logs-error .error-box, .report-notify .error-box, .report-error-cookies .error-box {
    width: 66.66667%;
    float: left;
    padding-right: 0;
    padding-left: 0;
    background-color: #ffffff;
    border-radius: 9px;
    margin: 1.5625rem 0;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-shadow: 0px 0px 29px 5px #dee0e8;
    box-shadow: 0px 0px 29px 5px #dee0e8; }
    .report-error .error-box:last-child:not(:first-child), .notes-error .error-box:last-child:not(:first-child), .logs-error .error-box:last-child:not(:first-child), .report-notify .error-box:last-child:not(:first-child), .report-error-cookies .error-box:last-child:not(:first-child) {
      float: right; }
    .report-error .error-box, .report-error .error-box:last-child:not(:first-child), .notes-error .error-box, .notes-error .error-box:last-child:not(:first-child), .logs-error .error-box, .logs-error .error-box:last-child:not(:first-child), .report-notify .error-box, .report-notify .error-box:last-child:not(:first-child), .report-error-cookies .error-box, .report-error-cookies .error-box:last-child:not(:first-child) {
      float: none;
      clear: both; }
    @media screen and (max-width: 63.9375em) {
      .report-error .error-box, .notes-error .error-box, .logs-error .error-box, .report-notify .error-box, .report-error-cookies .error-box {
        width: 83.33333%;
        float: left;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto; }
        .report-error .error-box:last-child:not(:first-child), .notes-error .error-box:last-child:not(:first-child), .logs-error .error-box:last-child:not(:first-child), .report-notify .error-box:last-child:not(:first-child), .report-error-cookies .error-box:last-child:not(:first-child) {
          float: right; }
        .report-error .error-box, .report-error .error-box:last-child:not(:first-child), .notes-error .error-box, .notes-error .error-box:last-child:not(:first-child), .logs-error .error-box, .logs-error .error-box:last-child:not(:first-child), .report-notify .error-box, .report-notify .error-box:last-child:not(:first-child), .report-error-cookies .error-box, .report-error-cookies .error-box:last-child:not(:first-child) {
          float: none;
          clear: both; } }
    @media screen and (max-width: 39.9375em) {
      .report-error .error-box, .notes-error .error-box, .logs-error .error-box, .report-notify .error-box, .report-error-cookies .error-box {
        width: 100%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
        margin-right: auto;
        margin-left: auto; } }
  @media screen and (max-width: 39.9375em) and (min-width: 40em) {
    .report-error .error-box, .notes-error .error-box, .logs-error .error-box, .report-notify .error-box, .report-error-cookies .error-box {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
    @media screen and (max-width: 39.9375em) {
        .report-error .error-box:last-child:not(:first-child), .notes-error .error-box:last-child:not(:first-child), .logs-error .error-box:last-child:not(:first-child), .report-notify .error-box:last-child:not(:first-child), .report-error-cookies .error-box:last-child:not(:first-child) {
          float: right; }
        .report-error .error-box, .report-error .error-box:last-child:not(:first-child), .notes-error .error-box, .notes-error .error-box:last-child:not(:first-child), .logs-error .error-box, .logs-error .error-box:last-child:not(:first-child), .report-notify .error-box, .report-notify .error-box:last-child:not(:first-child), .report-error-cookies .error-box, .report-error-cookies .error-box:last-child:not(:first-child) {
          float: none;
          clear: both; } }
  .report-error h5, .notes-error h5, .logs-error h5, .report-notify h5, .report-error-cookies h5 {
    padding: 1.875rem; }

.report-error-cookies .error-box {
  margin: 1.5625rem auto 0 auto;
  position: relative; }

.report-error-cookies .close {
  position: absolute;
  right: 0.625rem;
  top: 0.3125rem;
  cursor: pointer; }

.notes-error .error-box {
  width: 83.33333%;
  float: left;
  padding-right: 0;
  padding-left: 0;
  float: none; }
  .notes-error .error-box:last-child:not(:first-child) {
    float: right; }

.report-notify {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem; }
  .report-notify .error-box {
    margin: 1.5625rem auto 0 auto; }
  .report-notify h5 {
    padding: 0.625rem;
    font-size: 0.875rem; }

.logs-error {
  border-left: 1px solid #f5f7fa;
  border-top: 1px solid #f5f7fa; }
  .logs-error .error-box {
    width: 66.66667%;
    float: left;
    padding-right: 0;
    padding-left: 0;
    float: none;
    margin: 0.9375rem auto; }
    .logs-error .error-box:last-child:not(:first-child) {
      float: right; }
  .logs-error h5 {
    padding: 0.625rem;
    font-size: 0.875rem; }

.table {
  -webkit-box-shadow: 0px 0px 29px 5px #dee0e8;
  box-shadow: 0px 0px 29px 5px #dee0e8;
  border-radius: 9px; }
  @media screen and (max-width: 39.9375em) {
    .table.sites, .table.account {
      overflow: auto;
      padding-bottom: 15px; } }
  @media screen and (max-width: 39.9375em) {
    .table.account .head, .table.account .content {
      width: 600px; } }
  @media screen and (max-width: 39.9375em) {
    .table.account .name, .table.account .edit, .table.account .delete, .table.account .tracking {
      max-width: 150px; } }
  .table .head, .table .content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 39.9375em) {
      .table .head, .table .content {
        width: 1410px; } }
    .table .head > div, .table .content > div {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: center; }
    .table .head h6, .table .head p, .table .content h6, .table .content p {
      padding: 15px;
      word-wrap: break-word; }
      @media screen and (max-width: 74.9375em) {
        .table .head h6, .table .head p, .table .content h6, .table .content p {
          padding: 10px; } }
    @media screen and (max-width: 63.9375em) {
      .table .head h6, .table .content h6 {
        font-size: 12px; } }
    @media screen and (max-width: 63.9375em) {
      .table .head p, .table .content p {
        font-size: 12px; } }
    .table .head a, .table .content a {
      padding: 15px;
      display: inline-block;
      position: relative; }
      @media all and (max-width: 1439px) {
        .table .head a, .table .content a {
          padding-left: 30px; } }
      @media screen and (max-width: 63.9375em) {
        .table .head a, .table .content a {
          font-size: 12px;
          padding: 10px 0 10px 25px; } }
      .table .head a:before, .table .content a:before {
        content: '';
        height: 25px;
        position: absolute;
        width: 22px;
        left: -15px;
        top: 13px;
        background-size: 100%;
        background-repeat: no-repeat; }
        @media screen and (max-width: 89.9375em) {
          .table .head a:before, .table .content a:before {
            left: -5px; } }
        @media screen and (max-width: 63.9375em) {
          .table .head a:before, .table .content a:before {
            left: 0;
            top: 7px;
            width: 19px; } }
  .table .head {
    border-bottom: 1px solid #e8eef5;
    background-color: #ffffff;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px; }
    @media screen and (max-width: 39.9375em) {
      .table .head:before, .table .head:after {
        content: "";
        display: table; }
      .table .head:after {
        clear: both; } }
    .table .head > div {
      border-right: 1px solid #e8eef5; }
      .table .head > div:last-child {
        bottom: 0; }
  .table .content {
    border-bottom: 1px solid #e8eef5; }
    .table .content:nth-child(odd) {
      background-color: #ffffff; }
    .table .content:last-child {
      border-bottom: 0; }
      @media screen and (max-width: 39.9375em) {
        .table .content:last-child {
          border-bottom: 1px solid #e8eef5; } }
    .table .content > div {
      border-right: 1px solid #e8eef5; }
      .table .content > div:last-child {
        bottom: 0; }
  .table .name, .table .edit, .table .delete, .table .tracking, .table .valid, .table .type {
    min-width: 120px; }
    @media all and (max-width: 1439px) {
      .table .name, .table .edit, .table .delete, .table .tracking, .table .valid, .table .type {
        min-width: 0; } }
    @media screen and (max-width: 39.9375em) {
      .table .name, .table .edit, .table .delete, .table .tracking, .table .valid, .table .type {
        width: inherit; } }
  .table .date {
    min-width: 200px; }
    @media all and (max-width: 1439px) {
      .table .date {
        min-width: 0; } }
    @media screen and (max-width: 39.9375em) {
      .table .date {
        width: inherit; } }
  .table .url {
    min-width: 250px; }
    @media all and (max-width: 1439px) {
      .table .url {
        min-width: 0; } }
    @media screen and (max-width: 39.9375em) {
      .table .url {
        width: inherit; } }
  .table .edit a:before {
    background-image: url(../../extra/img/icons/pencil.png); }
  .table .delete a:before {
    background-image: url(../../extra/img/icons/delete.png); }
  .table .tracking a:before {
    background-image: url(../../extra/img/icons/attach.png); }

.visits-table .head {
  padding: 15px 0;
  background-color: #f5f7fa; }
  .visits-table .head:before, .visits-table .head:after {
    content: "";
    display: table; }
  .visits-table .head:after {
    clear: both; }

.visits-table .date, .visits-table .source, .visits-table .subpages, .visits-table .time, .visits-table .arrow {
  float: left;
  padding-left: 15px; }
  @media screen and (max-width: 39.9375em) {
    .visits-table .date, .visits-table .source, .visits-table .subpages, .visits-table .time, .visits-table .arrow {
      padding: 0; } }

.visits-table .date, .visits-table .subpages, .visits-table .time {
  width: 25%; }

.visits-table .source {
  width: 15%; }

.visits-table .arrow {
  width: 10%; }

@media screen and (max-width: 63.9375em) {
  .visits-table .info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; } }

.visits-table .content {
  background-color: #ffffff;
  max-height: 25rem;
  overflow-y: auto;
  overflow-x: hidden; }
  .visits-table .content:before, .visits-table .content:after {
    content: "";
    display: table; }
  .visits-table .content:after {
    clear: both; }
  @media screen and (max-width: 63.9375em) {
    .visits-table .content {
      max-height: 12.5rem; } }
  @media screen and (max-width: 39.9375em) {
    .visits-table .content {
      max-height: 70vh; } }
  @media all and (max-height: 480px) {
    .visits-table .content {
      max-height: 100%; } }
  .visits-table .content:last-child {
    border-bottom: 1px solid #f5f7fa; }
  .visits-table .content .specyfics {
    border-bottom: 1px solid #f5f7fa; }
  .visits-table .content p, .visits-table .content a {
    font-size: 14px;
    color: #313242; }
    @media screen and (max-width: 39.9375em) {
      .visits-table .content p, .visits-table .content a {
        font-size: 12px;
        text-align: center; } }
  .visits-table .content a {
    color: #494c89; }
  .visits-table .content .date, .visits-table .content .source, .visits-table .content .subpages, .visits-table .content .time {
    border-right: 1px solid #f5f7fa;
    padding: 5px 0 5px 15px; }
    @media screen and (max-width: 39.9375em) {
      .visits-table .content .date, .visits-table .content .source, .visits-table .content .subpages, .visits-table .content .time {
        padding: 0; } }
  .visits-table .content .date {
    border-left: 1px solid #f5f7fa; }
  .visits-table .content .time {
    border: 0; }
  .visits-table .content .arrow {
    text-align: center;
    position: relative;
    color: #383a64;
    font-size: 35px;
    padding: 0; }
    @media screen and (max-width: 63.9375em) {
      .visits-table .content .arrow {
        font-size: 28px; } }
    .visits-table .content .arrow i {
      padding: 0 15px;
      cursor: pointer; }
      @media screen and (max-width: 39.9375em) {
        .visits-table .content .arrow i {
          padding: 0; } }
    .visits-table .content .arrow.open i {
      -webkit-transition: 0.3s all;
      transition: 0.3s all;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

.log-table .log-head {
  background-color: #f2f6f9;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  .log-table .log-head:before, .log-table .log-head:after {
    content: "";
    display: table; }
  .log-table .log-head:after {
    clear: both; }

.log-table .log-date, .log-table .log-subpage, .log-table .log-time, .log-table .log-url {
  padding: 10px 0 10px 15px;
  border-right: 1px solid #e9edf3; }
  @media screen and (max-width: 39.9375em) {
    .log-table .log-date, .log-table .log-subpage, .log-table .log-time, .log-table .log-url {
      padding: 0; } }
  .log-table .log-date:last-child, .log-table .log-subpage:last-child, .log-table .log-time:last-child, .log-table .log-url:last-child {
    border: 0; }
  .log-table .log-date h6, .log-table .log-subpage h6, .log-table .log-time h6, .log-table .log-url h6 {
    font-size: 14px; }
    @media screen and (max-width: 39.9375em) {
      .log-table .log-date h6, .log-table .log-subpage h6, .log-table .log-time h6, .log-table .log-url h6 {
        font-size: 11px;
        text-align: center; } }

.log-table .log-url {
  -webkit-box-flex: 4;
  -moz-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
  min-width: 245px; }
  @media screen and (max-width: 39.9375em) {
    .log-table .log-url {
      min-width: 40%; } }

.log-table .log-date {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 185px; }
  @media screen and (max-width: 39.9375em) {
    .log-table .log-date {
      min-width: 20%; } }

.log-table .log-subpage {
  min-width: 189px;
  word-wrap: break-word;
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -ms-flex: 3;
  flex: 3; }
  @media screen and (max-width: 39.9375em) {
    .log-table .log-subpage {
      min-width: 30%; } }

.log-table .log-time {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 95px;
  max-width: 105px; }
  @media screen and (max-width: 39.9375em) {
    .log-table .log-time {
      min-width: 10%; } }

.log-table .log-content {
  border-bottom: 1px solid #e9edf3;
  background-color: #f8fafc;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  .log-table .log-content:before, .log-table .log-content:after {
    content: "";
    display: table; }
  .log-table .log-content:after {
    clear: both; }
  .log-table .log-content p {
    font-size: 14px;
    color: #313242;
    word-wrap: break-word; }
    @media screen and (max-width: 39.9375em) {
      .log-table .log-content p {
        font-size: 11px;
        padding: 5px 2px; } }
  .log-table .log-content .log-date, .log-table .log-content .log-subpage, .log-table .log-content .log-time, .log-table .log-content .log-url {
    padding: 5px 5px 5px 15px;
    border-right: 1px solid #e9edf3; }
    @media screen and (max-width: 39.9375em) {
      .log-table .log-content .log-date, .log-table .log-content .log-subpage, .log-table .log-content .log-time, .log-table .log-content .log-url {
        padding: 0;
        text-align: center; } }
  .log-table .log-content .log-subpage {
    border-right: 1px solid #e9edf3; }
  .log-table .log-content .log-date {
    border-left: 1px solid #e9edf3; }
  .log-table .log-content .log-time {
    border: 0; }

@media screen and (max-width: 63.9375em) {
  .notes {
    position: relative; } }

.notes-table {
  height: 370px;
  overflow-y: auto; }
  @media screen and (max-width: 63.9375em) {
    .notes-table {
      height: 270px; } }
  .notes-table .notes-head {
    background-color: #f5f7fa;
    padding: 15px 0;
    border-bottom: 1px solid #d9e0eb; }
    .notes-table .notes-head:before, .notes-table .notes-head:after {
      content: "";
      display: table; }
    .notes-table .notes-head:after {
      clear: both; }
    @media screen and (max-width: 39.9375em) {
      .notes-table .notes-head {
        padding: 5px 0;
        text-align: center; } }
  .notes-table .notes-date, .notes-table .notes-text, .notes-table .notes-operations {
    padding-left: 15px;
    float: left; }
    @media screen and (max-width: 39.9375em) {
      .notes-table .notes-date, .notes-table .notes-text, .notes-table .notes-operations {
        padding: 0; } }
  .notes-table .notes-date {
    width: 30%; }
    @media screen and (max-width: 39.9375em) {
      .notes-table .notes-date {
        width: 30%; } }
  .notes-table .notes-text {
    width: 50%; }
    @media screen and (max-width: 39.9375em) {
      .notes-table .notes-text {
        width: 40%; } }
  .notes-table .notes-operations {
    width: 20%; }
    @media screen and (max-width: 39.9375em) {
      .notes-table .notes-operations {
        width: 30%; } }
    .notes-table .notes-operations a {
      display: block;
      padding-left: 35px;
      font-weight: 300;
      position: relative;
      cursor: pointer; }
      @media screen and (max-width: 39.9375em) {
        .notes-table .notes-operations a {
          padding-left: 20px; } }
      .notes-table .notes-operations a:before {
        content: '';
        height: 25px;
        position: absolute;
        width: 22px;
        left: 0;
        top: -3px;
        background-size: 100%;
        background-repeat: no-repeat; }
        @media screen and (max-width: 39.9375em) {
          .notes-table .notes-operations a:before {
            left: 15px;
            top: -2px;
            width: 16px; } }
      .notes-table .notes-operations a.edit {
        margin-bottom: 10px; }
        @media screen and (max-width: 39.9375em) {
          .notes-table .notes-operations a.edit {
            margin: 10px 0; } }
        .notes-table .notes-operations a.edit:before {
          background-image: url(../../extra/img/icons/pencil.png); }
      @media screen and (max-width: 39.9375em) {
        .notes-table .notes-operations a.delete {
          margin: 10px 0; } }
      .notes-table .notes-operations a.delete:before {
        background-image: url(../../extra/img/icons/delete.png); }
  .notes-table .notes-content {
    border-bottom: 1px solid #e8edf4; }
    .notes-table .notes-content:before, .notes-table .notes-content:after {
      content: "";
      display: table; }
    .notes-table .notes-content:after {
      clear: both; }
    @media screen and (max-width: 63.9375em) {
      .notes-table .notes-content .info {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; } }
    .notes-table .notes-content .notes-date, .notes-table .notes-content .notes-text, .notes-table .notes-content .notes-operations {
      border-right: 1px solid #f5f7fa;
      padding: 15px 0 15px 15px; }
      @media screen and (max-width: 39.9375em) {
        .notes-table .notes-content .notes-date, .notes-table .notes-content .notes-text, .notes-table .notes-content .notes-operations {
          padding: 0;
          text-align: center; } }
    .notes-table .notes-content .notes-date {
      background-color: #e8edf4; }
    .notes-table .notes-content .notes-operations {
      background-color: #f5f7fa;
      min-height: 80px; }
      @media screen and (max-width: 63.9375em) {
        .notes-table .notes-content .notes-operations {
          min-height: 0; } }

.notes-edit {
  border-top: 1px solid #e8edf4;
  padding: 15px; }
  .notes-edit textarea {
    border: 1px solid #e8edf4;
    padding: 15px;
    color: #494c89;
    font-size: 15px;
    width: 100%; }

.report-box {
  background-color: #ffffff;
  border-radius: 9px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 2.5rem 0;
  max-width: 90rem;
  margin-right: auto;
  margin-left: auto; }
  .report-box:before, .report-box:after {
    content: "";
    display: table; }
  .report-box:after {
    clear: both; }
  @media screen and (max-width: 39.9375em) {
    .report-box {
      overflow: hidden; } }
  .report-box .specific {
    border: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 63.9375em) {
      .report-box .specific {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .report-box .specific.main {
      border: 0; }
  .report-box .left, .report-box .right {
    width: 50%;
    float: left;
    padding-right: 0;
    padding-left: 0; }
    .report-box .left:last-child:not(:first-child), .report-box .right:last-child:not(:first-child) {
      float: right; }
    @media all and (max-width: 1200px) {
      .report-box .left, .report-box .right {
        width: 55%; } }
    @media screen and (max-width: 63.9375em) {
      .report-box .left, .report-box .right {
        width: 100%;
        float: left;
        padding-right: 0;
        padding-left: 0; }
        .report-box .left:last-child:not(:first-child), .report-box .right:last-child:not(:first-child) {
          float: right; } }
  .report-box .left {
    border-right: 1px solid #ebecf5; }
    @media all and (max-width: 1200px) {
      .report-box .left {
        width: 45%; } }
    @media screen and (max-width: 63.9375em) {
      .report-box .left {
        width: 100%;
        float: left;
        padding-right: 0;
        padding-left: 0;
        border-right: 0;
        border-bottom: 1px solid #ebecf5; }
        .report-box .left:last-child:not(:first-child) {
          float: right; } }
  .report-box .right {
    padding: 0; }
    .report-box .right .comp_data_icon img {
      top: 8px; }
  .report-box .comp_head {
    padding: 1.25rem 1.25rem 0.9375rem 1.25rem; }
    .report-box .comp_head:before, .report-box .comp_head:after {
      content: "";
      display: table; }
    .report-box .comp_head:after {
      clear: both; }
    .report-box .comp_head h5 {
      margin: 0;
      width: 60%;
      float: left; }
      @media screen and (max-width: 39.9375em) {
        .report-box .comp_head h5 {
          width: 100%; } }
    .report-box .comp_head .stars {
      float: left;
      width: 40%;
      text-align: right;
      margin: 0; }
      @media screen and (max-width: 39.9375em) {
        .report-box .comp_head .stars {
          width: 100%;
          text-align: left; } }
  .report-box .comp_address p {
    padding: 0.3125rem 0;
    overflow: hidden;
    font-size: 15px; }
    .report-box .comp_address p:empty {
      display: none; }
  .report-box .comp_data {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1.25rem; }
    .report-box .comp_data:before, .report-box .comp_data:after {
      content: "";
      display: table; }
    .report-box .comp_data:after {
      clear: both; }
    @media screen and (max-width: 63.9375em) {
      .report-box .comp_data {
        padding-bottom: 1.25rem; } }
    @media screen and (max-width: 39.9375em) {
      .report-box .comp_data {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .report-box .comp_data .comp_left, .report-box .comp_data .comp_right {
      width: 50%; }
      @media screen and (max-width: 39.9375em) {
        .report-box .comp_data .comp_left, .report-box .comp_data .comp_right {
          width: 100%; } }
  .report-box .comp_source {
    border-bottom: 1px solid #ebecf5; }
    .report-box .comp_source:before, .report-box .comp_source:after {
      content: "";
      display: table; }
    .report-box .comp_source:after {
      clear: both; }
    .report-box .comp_source > div {
      padding: 1.25rem;
      border-right: 1px solid #ebecf5;
      width: -webkit-calc(100%/3);
      width: calc(100%/3);
      float: left;
      min-height: 115px; }
      @media screen and (max-width: 39.9375em) {
        .report-box .comp_source > div {
          width: 100%;
          border-right: 0;
          min-height: 0; } }
      .report-box .comp_source > div:last-child {
        border-right: 0; }
    .report-box .comp_source span {
      font-size: 14px;
      color: #9799b2; }
    .report-box .comp_source p {
      font-size: 17px;
      color: #313242;
      font-weight: bold; }
  .report-box .comp_button {
    position: relative; }
    .report-box .comp_button:before, .report-box .comp_button:after {
      content: "";
      display: table; }
    .report-box .comp_button:after {
      clear: both; }
    .report-box .comp_button > div {
      padding: 1.25rem;
      min-height: 116px; }
    .report-box .comp_button .first {
      border-right: 1px solid #ebecf5;
      width: -webkit-calc(100%/3);
      width: calc(100%/3);
      float: left; }
      @media screen and (max-width: 39.9375em) {
        .report-box .comp_button .first {
          width: 100%;
          min-height: 0;
          border-right: 0; } }
      .report-box .comp_button .first p {
        font-size: 16px;
        color: #313242;
        font-weight: bold; }
    .report-box .comp_button .second {
      width: -webkit-calc(2*(100%/3));
      width: calc(2*(100%/3));
      float: left;
      padding: 0; }
      @media screen and (max-width: 39.9375em) {
        .report-box .comp_button .second {
          width: 100%;
          position: relative;
          min-height: 0; } }
      .report-box .comp_button .second button {
        right: 10px; }
    .report-box .comp_button span {
      font-size: 14px;
      color: #9799b2; }
  .report-box p {
    padding: 0.625rem 0;
    overflow: hidden;
    font-size: 15px; }
    .report-box p:empty {
      display: none; }

.comp_data_icon {
  padding-left: 2.1875rem;
  position: relative; }
  .comp_data_icon img {
    position: absolute;
    left: 0;
    width: 22px;
    top: 5px; }

.details {
  background-color: #ffffff;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 1420px;
  color: #000;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 5px;
  min-height: 31.25rem;
  max-height: 50rem;
  overflow: hidden; }
  @media all and (max-height: 500px) {
    .details {
      overflow: auto;
      min-height: 90%;
      max-height: 90%; } }
  @media screen and (max-width: 39.9375em) {
    .details {
      width: 100%; } }
  .details.active {
    display: block;
    z-index: 15; }
  .details .details-wrapper:before, .details .details-wrapper:after {
    content: "";
    display: table; }
  .details .details-wrapper:after {
    clear: both; }
  .details .details-data {
    float: left;
    width: 30%;
    padding: 1.5625rem; }
    @media screen and (max-width: 63.9375em) {
      .details .details-data {
        width: 100%;
        float: none;
        position: relative; } }
    @media screen and (max-width: 39.9375em) {
      .details .details-data {
        display: none; } }
  @media screen and (max-width: 63.9375em) {
    .details .details-company-data:before, .details .details-company-data:after {
      content: "";
      display: table; }
    .details .details-company-data:after {
      clear: both; } }
  @media screen and (max-width: 63.9375em) {
    .details .details-company-data .details-basic, .details .details-company-data .details-contact {
      width: 50%;
      float: left; } }
  @media screen and (max-width: 39.9375em) {
    .details .details-company-data .details-basic, .details .details-company-data .details-contact {
      width: 100%;
      float: none; } }
  .details p {
    padding: 0.625rem 0;
    overflow: hidden;
    font-size: 15px; }
    @media screen and (max-width: 39.9375em) {
      .details p {
        font-size: 12px;
        text-align: center; } }
  .details .favs {
    position: absolute;
    bottom: 1.5625rem;
    padding: 0; }
    @media screen and (max-width: 63.9375em) {
      .details .favs {
        position: static; } }
    .details .favs p {
      padding-left: 2.1875rem; }
  .details .details-properties {
    float: left;
    width: 70%; }
    @media screen and (max-width: 63.9375em) {
      .details .details-properties {
        width: 100%;
        float: none; } }
  .details .details-properties-head {
    text-align: center; }
    .details .details-properties-head:before, .details .details-properties-head:after {
      content: "";
      display: table; }
    .details .details-properties-head:after {
      clear: both; }
    .details .details-properties-head .close {
      float: left;
      width: 51px;
      color: #fff;
      background-color: #562672;
      font-size: 17px;
      padding: 15px 0;
      border-left: 1px solid #ebecf2;
      cursor: pointer; }
      @media screen and (max-width: 63.9375em) {
        .details .details-properties-head .close {
          position: absolute;
          top: 0;
          right: 0; } }
  .details .info:before, .details .info:after {
    content: "";
    display: table; }
  .details .info:after {
    clear: both; }
  .details .buttons {
    text-align: right;
    padding: 15px; }
  .details .notes-edit {
    border: 0; }
    @media screen and (max-width: 63.9375em) {
      .details .notes-edit {
        position: absolute;
        top: 0;
        width: 100%;
        background-color: #fff;
        height: 100%;
        z-index: 2; } }
  .details .tab-info {
    padding: 5px 10px; }
    .details .tab-info p {
      text-align: left; }

.properties {
  padding-top: 20px;
  padding-bottom: 10px;
  background-color: #f5f7fa;
  border-bottom: 1px solid #dfdfe8;
  -webkit-box-shadow: 0px 6px 19px 0px #dee0e8;
  box-shadow: 0px 6px 19px 0px #dee0e8;
  position: relative; }
  .properties .properties-data {
    max-width: 90rem;
    margin-right: auto;
    margin-left: auto; }
    .properties .properties-data:before, .properties .properties-data:after {
      content: "";
      display: table; }
    .properties .properties-data:after {
      clear: both; }
  .properties .type {
    width: 29.16667%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    position: relative; }
    @media print, screen and (min-width: 40em) {
      .properties .type {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; } }
    .properties .type:last-child:not(:first-child) {
      float: right; }
    @media screen and (max-width: 63.9375em) {
      .properties .type {
        width: 29.16667%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem; } }
  @media screen and (max-width: 63.9375em) and (min-width: 40em) {
    .properties .type {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
    @media screen and (max-width: 63.9375em) {
        .properties .type:last-child:not(:first-child) {
          float: right; } }
    @media screen and (max-width: 39.9375em) {
      .properties .type {
        width: 75%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0.625rem; } }
  @media screen and (max-width: 39.9375em) and (min-width: 40em) {
    .properties .type {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
    @media screen and (max-width: 39.9375em) {
        .properties .type:last-child:not(:first-child) {
          float: right; }
        .properties .type, .properties .type:last-child:not(:first-child) {
          float: none;
          clear: both; } }
    .properties .type:before {
      content: '';
      width: 22px;
      height: 22px;
      position: absolute;
      left: 30px;
      top: 14px;
      background-size: 100%;
      background-repeat: no-repeat;
      background-image: url("../../extra/img/icons/loop.png"); }
      @media screen and (max-width: 63.9375em) {
        .properties .type:before {
          left: 25px;
          top: 12px; } }
      @media screen and (max-width: 39.9375em) {
        .properties .type:before {
          left: 19px;
          top: 10px; } }
    .properties .type.month:before {
      background-image: url("../../extra/img/icons/calendar.png"); }
    .properties .type input {
      margin: 0;
      padding: 0.75rem 0 0.75rem 3rem;
      font-weight: normal;
      border-radius: 10px; }
      @media screen and (max-width: 63.9375em) {
        .properties .type input {
          font-size: 14px; } }
  .properties .datepicker {
    width: 12.5%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    position: relative; }
    @media print, screen and (min-width: 40em) {
      .properties .datepicker {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; } }
    .properties .datepicker:last-child:not(:first-child) {
      float: right; }
    @media screen and (max-width: 63.9375em) {
      .properties .datepicker {
        width: 22.91667%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem; } }
  @media screen and (max-width: 63.9375em) and (min-width: 40em) {
    .properties .datepicker {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
    @media screen and (max-width: 63.9375em) {
        .properties .datepicker:last-child:not(:first-child) {
          float: right; } }
    @media screen and (max-width: 39.9375em) {
      .properties .datepicker {
        width: 75%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0.625rem; } }
  @media screen and (max-width: 39.9375em) and (min-width: 40em) {
    .properties .datepicker {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
    @media screen and (max-width: 39.9375em) {
        .properties .datepicker:last-child:not(:first-child) {
          float: right; }
        .properties .datepicker, .properties .datepicker:last-child:not(:first-child) {
          float: none;
          clear: both; }
        .properties .datepicker:before, .properties .datepicker:after {
          content: "";
          display: table; }
        .properties .datepicker:after {
          clear: both; } }
    .properties .datepicker input {
      width: 100%;
      margin: 0;
      padding: 0.75rem 0 0.75rem 3rem;
      border-radius: 10px;
      background-repeat: no-repeat;
      background-image: url("../../extra/img/icons/calendar.png");
      background-size: 22px;
      background-position: 12px 10px; }
      @media screen and (max-width: 63.9375em) {
        .properties .datepicker input {
          font-size: 14px; } }
      @media screen and (max-width: 39.9375em) {
        .properties .datepicker input {
          background-size: 18px;
          background-position: 10px 8px; } }
    .properties .datepicker .datepicker:before {
      content: '';
      width: 22px;
      height: 22px;
      position: absolute;
      left: 15px;
      top: 12px;
      background-size: 100%;
      background-repeat: no-repeat;
      background-image: url("../../extra/img/icons/calendar.png"); }
      @media screen and (max-width: 63.9375em) {
        .properties .datepicker .datepicker:before {
          left: 10px;
          top: 10px; } }
      @media screen and (max-width: 63.9375em) {
        .properties .datepicker .datepicker:before {
          width: 20px;
          top: 9px;
          left: 12px; } }
    .properties .datepicker ._720kb-datepicker-calendar {
      top: 50px; }
  .properties .confirm {
    width: 20.83333%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem; }
    @media print, screen and (min-width: 40em) {
      .properties .confirm {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; } }
    .properties .confirm:last-child:not(:first-child) {
      float: right; }
    @media screen and (max-width: 63.9375em) {
      .properties .confirm {
        width: 25%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem; } }
  @media screen and (max-width: 63.9375em) and (min-width: 40em) {
    .properties .confirm {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
    @media screen and (max-width: 63.9375em) {
        .properties .confirm:last-child:not(:first-child) {
          float: right; } }
    @media screen and (max-width: 39.9375em) {
      .properties .confirm {
        width: 50%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
        margin-right: auto;
        margin-left: auto;
        text-align: center; } }
  @media screen and (max-width: 39.9375em) and (min-width: 40em) {
    .properties .confirm {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
    @media screen and (max-width: 39.9375em) {
        .properties .confirm:last-child:not(:first-child) {
          float: right; }
        .properties .confirm, .properties .confirm:last-child:not(:first-child) {
          float: none;
          clear: both; } }
  .properties .country {
    width: 16.66667%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    position: relative; }
    @media print, screen and (min-width: 40em) {
      .properties .country {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; } }
    .properties .country:last-child:not(:first-child) {
      float: right; }
    @media screen and (max-width: 63.9375em) {
      .properties .country {
        width: 22.91667%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem; } }
  @media screen and (max-width: 63.9375em) and (min-width: 40em) {
    .properties .country {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
    @media screen and (max-width: 63.9375em) {
        .properties .country:last-child:not(:first-child) {
          float: right; } }
    @media screen and (max-width: 39.9375em) {
      .properties .country {
        width: 75%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0.625rem; } }
  @media screen and (max-width: 39.9375em) and (min-width: 40em) {
    .properties .country {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
    @media screen and (max-width: 39.9375em) {
        .properties .country:last-child:not(:first-child) {
          float: right; }
        .properties .country, .properties .country:last-child:not(:first-child) {
          float: none;
          clear: both; }
        .properties .country:before, .properties .country:after {
          content: "";
          display: table; }
        .properties .country:after {
          clear: both; } }
    .properties .country label.filtering {
      position: relative; }
      .properties .country label.filtering:after {
        font-family: FontAwesome;
        content: "\f107";
        position: absolute;
        color: #d9d9e4;
        font-weight: bold;
        font-size: 22px;
        right: 0.8125rem;
        border-radius: 3px;
        pointer-events: none;
        top: 0; }
    .properties .country select {
      position: relative;
      padding: 0.75rem 0 0.75rem 1rem;
      border-radius: 10px;
      width: 100%;
      color: #383a64;
      outline: none;
      font-size: 17px;
      margin: 0;
      cursor: pointer;
      border: 2px solid #ebecf2;
      font-family: inherit;
      text-indent: 0.01px;
      text-overflow: '';
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      @media screen and (max-width: 63.9375em) {
        .properties .country select {
          font-size: 14px; } }

.filters {
  padding-top: 20px; }
  .filters:before, .filters:after {
    content: "";
    display: table; }
  .filters:after {
    clear: both; }
  .filters .choose {
    width: 25%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem; }
    @media print, screen and (min-width: 40em) {
      .filters .choose {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; } }
    .filters .choose:last-child:not(:first-child) {
      float: right; }
    @media screen and (max-width: 63.9375em) {
      .filters .choose {
        width: 31.25%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem; } }
  @media screen and (max-width: 63.9375em) and (min-width: 40em) {
    .filters .choose {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
    @media screen and (max-width: 63.9375em) {
        .filters .choose:last-child:not(:first-child) {
          float: right; } }
    @media screen and (max-width: 39.9375em) {
      .filters .choose {
        width: 50%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
        margin-bottom: 0.625rem; } }
  @media screen and (max-width: 39.9375em) and (min-width: 40em) {
    .filters .choose {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
    @media screen and (max-width: 39.9375em) {
        .filters .choose:last-child:not(:first-child) {
          float: right; } }
    @media all and (max-width: 415px) {
      .filters .choose {
        width: 100%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem; } }
    .filters .choose select {
      padding: 0.5rem; }
  .filters .sort {
    max-width: 255px; }
  .filters .items {
    max-width: 170px; }
  .filters label.filtering {
    position: relative; }
    .filters label.filtering:after {
      font-family: FontAwesome;
      content: "\f107";
      position: absolute;
      color: #d9d9e4;
      font-weight: bold;
      font-size: 22px;
      right: 0.8125rem;
      border-radius: 3px;
      pointer-events: none;
      top: 0; }
    .filters label.filtering select {
      position: relative;
      padding: 0.75rem 0 0.75rem 1rem;
      border-radius: 10px;
      width: 100%;
      color: #383a64;
      outline: none;
      font-size: 17px;
      margin: 0;
      cursor: pointer;
      border: 2px solid #ebecf2;
      font-family: inherit;
      text-indent: 0.01px;
      text-overflow: '';
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      @media screen and (max-width: 63.9375em) {
        .filters label.filtering select {
          font-size: 14px; } }

.type.month {
  position: relative; }
  .type.month:after {
    font-family: FontAwesome;
    content: "\f107";
    position: absolute;
    color: #d9d9e4;
    font-weight: bold;
    font-size: 22px;
    border-radius: 3px;
    pointer-events: none;
    top: 0.75rem;
    right: 1.875rem; }
  .type.month select {
    padding: 0.75rem 0 0.75rem 3rem;
    border-radius: 10px;
    width: 100%;
    color: #383a64;
    outline: none;
    font-size: 17px;
    margin: 0;
    cursor: pointer;
    border: 2px solid #ebecf2;
    font-family: inherit;
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 400;
    background-color: #fff; }
    @media screen and (max-width: 63.9375em) {
      .type.month select {
        font-size: 14px; } }

.ui-datepicker-header, .ui-datepicker-calendar {
  background-color: #ffffff; }
  .ui-datepicker-header .ui-datepicker-next, .ui-datepicker-calendar .ui-datepicker-next {
    float: right; }
  .ui-datepicker-header .ui-datepicker-title, .ui-datepicker-calendar .ui-datepicker-title {
    text-align: center; }

.loading {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%; }

.loading-list {
  position: absolute;
  top: 50%;
  left: 50%; }

.loading-fav {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  left: 2px; }
  .loading-fav .sk-circle {
    width: 100%;
    height: 100%;
    margin-top: 0; }

loading-auth .loading-auth {
  width: 45px;
  height: 40px;
  position: absolute;
  top: 20px;
  right: 55px; }
  @media screen and (max-width: 39.9375em) {
    loading-auth .loading-auth {
      left: 50%;
      right: 0;
      -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%); } }
  @media screen and (max-width: 63.9375em) {
    loading-auth .loading-auth {
      top: 20px;
      right: 45px; } }

loading-auth.register .loading-auth {
  right: 70px; }
  @media screen and (max-width: 63.9375em) {
    loading-auth.register .loading-auth {
      top: 60px; } }
  @media screen and (max-width: 39.9375em) {
    loading-auth.register .loading-auth {
      bottom: 15px;
      top: inherit; } }

loading-auth .rect {
  width: 100%;
  height: 100%;
  margin: 0; }

.details .loading-fav {
  left: 2px; }
  @media screen and (max-width: 39.9375em) {
    .details .loading-fav {
      left: 5px; } }

.loading-details {
  margin: auto; }

.rect {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px; }

.rect > div {
  background-color: #562672;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out; }

.rect .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.rect .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

.rect .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.rect .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1); } }

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

.sk-circle {
  margin: 6.25rem auto;
  width: 6.25rem;
  height: 6.25rem;
  position: relative; }

.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }

.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg); }

.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg); }

.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg); }

.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg); }

.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg); }

.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg); }

.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg); }

.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg); }

.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s; }

.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s; }

.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s; }

.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s; }

.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s; }

.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.spinner2 {
  width: 70px;
  text-align: center; }

.spinner2 > div {
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.spinner2 .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinner2 .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.spinner3 {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative; }

.cube1, .cube2 {
  background: -webkit-linear-gradient(45deg, #ce147e 0%, #562672 100%);
  background: linear-gradient(45deg, #ce147e 0%, #562672 100%);
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out; }

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

@-webkit-keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(-360deg); } }

@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); }
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg); } }

.sk-fading-circle {
  margin: 10px auto;
  width: 20px;
  height: 20px;
  position: relative; }
  @media screen and (max-width: 39.9375em) {
    .sk-fading-circle {
      width: 1.25rem;
      height: 1.25rem; } }

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0; }

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg); }

.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg); }

.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg); }

.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg); }

.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg); }

.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg); }

.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg); }

.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg); }

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s; }

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s; }

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s; }

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s; }

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s; }

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

.pagination-wrapper {
  margin: 20px auto; }
  .pagination-wrapper:before, .pagination-wrapper:after {
    content: "";
    display: table; }
  .pagination-wrapper:after {
    clear: both; }
  .pagination-wrapper .pagination {
    margin-right: auto;
    margin-left: auto; }
    .pagination-wrapper .pagination, .pagination-wrapper .pagination:last-child:not(:first-child) {
      float: none;
      clear: both; }

.pagination {
  width: 20.83333%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  text-align: center; }
  @media print, screen and (min-width: 40em) {
    .pagination {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .pagination:last-child:not(:first-child) {
    float: right; }
  @media screen and (max-width: 74.9375em) {
    .pagination {
      width: 29.16667%;
      float: left;
      padding-right: 0.625rem;
      padding-left: 0.625rem; } }
  @media screen and (max-width: 74.9375em) and (min-width: 40em) {
    .pagination {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  @media screen and (max-width: 74.9375em) {
      .pagination:last-child:not(:first-child) {
        float: right; } }
  @media screen and (max-width: 63.9375em) {
    .pagination {
      width: 37.5%;
      float: left;
      padding-right: 0.625rem;
      padding-left: 0.625rem; } }
  @media screen and (max-width: 63.9375em) and (min-width: 40em) {
    .pagination {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  @media screen and (max-width: 63.9375em) {
      .pagination:last-child:not(:first-child) {
        float: right; } }
  @media screen and (max-width: 39.9375em) {
    .pagination {
      width: 66.66667%;
      float: left;
      padding-right: 0.625rem;
      padding-left: 0.625rem;
      margin-right: auto;
      margin-left: auto; } }
  @media screen and (max-width: 39.9375em) and (min-width: 40em) {
    .pagination {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  @media screen and (max-width: 39.9375em) {
      .pagination:last-child:not(:first-child) {
        float: right; }
      .pagination, .pagination:last-child:not(:first-child) {
        float: none;
        clear: both; } }
  .pagination input {
    width: 25%;
    text-align: center;
    padding: 0.5rem 0.75rem;
    margin: 0 5px;
    font-weight: bold; }
    @media screen and (max-width: 63.9375em) {
      .pagination input {
        margin: 0; } }
    .pagination input:focus {
      border-color: #93a1bb;
      -webkit-transition: all .3s;
      transition: all .3s; }
  .pagination a {
    padding: 5px 10px;
    color: #d9d9e4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 25px;
    cursor: pointer; }
    .pagination a:hover {
      -webkit-transition: all .3s;
      transition: all .3s;
      color: #b7b7c1; }
    .pagination a.disabled {
      opacity: 0.5; }
  .pagination span {
    font-size: 17px; }
    @media screen and (max-width: 63.9375em) {
      .pagination span {
        font-size: 14px; } }
    .pagination span.bold {
      font-weight: bold; }

.pagination-wrapper-report {
  position: relative;
  padding-bottom: 15px; }
  .pagination-wrapper-report .prev-page, .pagination-wrapper-report .next-page {
    position: absolute;
    top: 10px;
    font-size: 16px;
    font-weight: bold;
    display: block;
    cursor: pointer; }
    .pagination-wrapper-report .prev-page i, .pagination-wrapper-report .next-page i {
      font-weight: bold; }
    @media screen and (max-width: 39.9375em) {
      .pagination-wrapper-report .prev-page, .pagination-wrapper-report .next-page {
        display: none; } }
  .pagination-wrapper-report .prev-page {
    left: 0; }
    .pagination-wrapper-report .prev-page i {
      padding-right: 10px; }
  .pagination-wrapper-report .next-page {
    right: 0;
    text-align: right; }
    .pagination-wrapper-report .next-page i {
      padding-left: 10px; }
  .pagination-wrapper-report .pagination {
    float: left;
    margin-right: auto;
    margin-left: auto; }
    .pagination-wrapper-report .pagination, .pagination-wrapper-report .pagination:last-child:not(:first-child) {
      float: none;
      clear: both; }

.favs {
  padding: 1.25rem; }
  .favs p {
    padding-left: 2.1875rem;
    position: relative;
    font-size: 14px;
    color: #494c89;
    display: inline-block;
    cursor: pointer; }

.heart, .bin {
  position: relative; }
  .heart:before, .heart:after, .bin:before, .bin:after {
    content: "";
    display: table; }
  .heart:after, .bin:after {
    clear: both; }

.heart-toggle, .bin-toggle {
  position: relative; }
  .heart-toggle:before, .bin-toggle:before {
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 5px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(../../extra/img/icons/heart.png); }
  .heart-toggle.active:before, .bin-toggle.active:before {
    background-image: url(../../extra/img/icons/heart-active.png); }

.bin-toggle:before {
  background-image: url(../../extra/img/icons/bin.png); }

.bin-toggle.active:before {
  background-image: url(../../extra/img/icons/bin-active.png); }

.stars {
  color: gold;
  font-size: 22px;
  margin: 10px 0; }

.options {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 39.9375em) {
    .options {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  @media all and (max-height: 500px) {
    .options {
      margin-bottom: 20px; } }
  .options .option-box {
    width: 24%;
    position: relative;
    -webkit-box-shadow: 0px 0px 28px 5px #dee0e8;
    box-shadow: 0px 0px 28px 5px #dee0e8;
    text-align: center;
    position: relative;
    cursor: pointer;
    background-color: #ffffff; }
    .options .option-box:before {
      display: block;
      content: " ";
      width: 100%;
      padding-top: 100%; }
    .options .option-box > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    @media screen and (max-width: 39.9375em) {
      .options .option-box {
        width: 50%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
        margin: 11px auto; } }
  @media screen and (max-width: 39.9375em) and (min-width: 40em) {
    .options .option-box {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
    @media screen and (max-width: 39.9375em) {
        .options .option-box:last-child:not(:first-child) {
          float: right; } }
    .options .option-box:hover {
      background-color: #dee0e8;
      -webkit-transition: 0.5s all;
      transition: 0.5s all; }
  .options .option-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -70%);
    -ms-transform: translate(-50%, -70%);
    transform: translate(-50%, -50%);
    width: 180px; }
    @media screen and (max-width: 63.9375em) {
      .options .option-text {
        width: 130px; } }
  .options h2 {
    position: relative;
    font-size: 1.25rem;
    color: #383a64;
    padding-top: 100px;
    max-height: 122px; }
    @media screen and (max-width: 74.9375em) {
      .options h2 {
        font-size: 16px; } }
    @media screen and (max-width: 63.9375em) {
      .options h2 {
        font-size: 14px; } }
    @media screen and (max-width: 39.9375em) {
      .options h2 {
        font-size: 13px; } }
    .options h2:before {
      content: '';
      width: 3.75rem;
      height: 3.75rem;
      position: absolute;
      left: 50%;
      top: 40%;
      background-size: 100%;
      background-repeat: no-repeat;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .options h2.id:before {
      background-image: url(../../extra/img/icons/id-big.png); }
    .options h2.lock:before {
      background-image: url(../../extra/img/icons/lock-big.png); }
    .options h2.mail:before {
      background-image: url(../../extra/img/icons/mail-big.png); }
    .options h2.man:before {
      background-image: url(../../extra/img/icons/man-big.png); }

.tabs {
  float: left;
  width: -webkit-calc(100% - 51px);
  width: calc(100% - 51px); }
  @media screen and (max-width: 63.9375em) {
    .tabs {
      width: 100%; } }

.tabs > div {
  float: left;
  width: -webkit-calc(100%/3);
  width: calc(100%/3);
  border-right: 1px solid #ebecf2;
  padding: 15px 0;
  font-size: 17px;
  color: #313242;
  position: relative;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  cursor: pointer; }
  @media screen and (max-width: 63.9375em) {
    .tabs > div {
      width: 50%; } }
  @media screen and (max-width: 39.9375em) {
    .tabs > div {
      width: -webkit-calc(100%/3);
      width: calc(100%/3);
      font-size: 12px; } }
  .tabs > div:last-child {
    border: 0; }
    .tabs > div:last-child.active:after {
      border: 0; }
  .tabs > div.active {
    background: -webkit-linear-gradient(45deg, #ce147e 0%, #562672 100%);
    background: linear-gradient(45deg, #ce147e 0%, #562672 100%);
    color: #fff;
    border: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease; }
    .tabs > div.active:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 50px 9px 0 0;
      border-color: #d6dce6 transparent transparent transparent;
      top: 0;
      right: -9px; }

.ui-datepicker {
  font-family: Lato; }
  .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%; }
  .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content {
    background: none;
    background-color: #f5f7fa; }
  .ui-datepicker .ui-datepicker-header {
    background: -webkit-linear-gradient(45deg, #ce147e 0%, #562672 100%);
    background: linear-gradient(45deg, #ce147e 0%, #562672 100%);
    color: #ffffff; }
  .ui-datepicker .ui-widget-header .ui-icon {
    background: none;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center; }
  .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    background-image: url(../../extra/img/icons/datepicker-arrows.png);
    width: 20px;
    height: 20px;
    background-size: cover;
    margin: 5px;
    right: 0;
    top: 3px;
    background-position: 20px;
    cursor: pointer; }
  .ui-datepicker .ui-datepicker-prev {
    background-image: url(../../extra/img/icons/datepicker-arrows.png);
    left: 0;
    background-position: 0; }
  .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
    border: 0;
    background-color: transparent; }

.ui-widget.ui-widget-content {
  border: 2px solid #ebecf2;
  border-radius: 9px; }

.switcher {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10xp 0; }

.toggle-input {
  max-height: 0;
  max-width: 0;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
  /* Stops flash on tap iOS */
  margin: 0; }

.toggle-input + label {
  cursor: pointer;
  display: block;
  position: relative;
  -webkit-box-shadow: inset 0 0 0px 1px #d5d5d5;
  box-shadow: inset 0 0 0px 1px #d5d5d5;
  text-indent: -5000px;
  height: 30px;
  width: 50px;
  border-radius: 15px;
  margin: 0 15px; }

.toggle-input + label:before {
  content: '';
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background: rgba(19, 191, 17, 0);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

.toggle-input + label:after {
  content: '';
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background: white;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

.toggle-input:checked + label:before {
  width: 50px;
  background: #13bf11; }

.toggle-input:checked + label:after {
  left: 20px;
  -webkit-box-shadow: inset 0 0 0 1px #13bf11, 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px #13bf11, 0 2px 4px rgba(0, 0, 0, 0.2); }

.radio-head {
  display: inline-block;
  min-width: 40%; }
  @media screen and (max-width: 63.9375em) {
    .radio-head {
      min-width: 50%;
      padding-right: 0.9375rem; } }

.radio {
  display: inline-block; }
  @media screen and (max-width: 39.9375em) {
    .radio {
      display: block;
      margin: 0.9375rem 0 0.3125rem 0; } }
  .radio label {
    display: inline-block;
    color: inherit;
    margin-right: 0.3125rem; }
    .radio label:last-of-type {
      margin-bottom: 0; }
  .radio label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    top: -4.16667px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid #562672;
    -webkit-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    cursor: pointer;
    display: inline-block;
    outline: none;
    margin-right: 0.3125rem;
    z-index: 1000; }
    .radio label input:checked {
      background: #562672;
      border: 1px solid #562672; }
      .radio label input:checked:before {
        position: absolute;
        height: 14px;
        width: 14px;
        border-radius: 50%;
        content: '';
        display: block;
        background: transparent;
        border: 2px solid white; }
      .radio label input:checked + p {
        color: #3ca12e;
        margin-bottom: 0px; }
  .radio label input,
  .radio label input:checked,
  .radio label input + span {
    float: left; }

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