@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/main.scss */
body {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
}

/* line 7, sass/main.scss */
a, a:visited, a:hover {
  text-decoration: none;
  color: #2c3e50;
}

/* line 12, sass/main.scss */
html, body, #app {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: #f2f2f3;
}

/* line 20, sass/main.scss */
.loader {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  transform: translateZ(0);
  z-index: 100;
  display: none;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-color: white;
  background-image: repeating-linear-gradient(135deg, white, #979797 1px, white 2px, white 16px);
}
/* line 40, sass/main.scss */
.loader svg {
  width: 373px;
  height: 191px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -186px;
  margin-top: -95px;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* line 56, sass/main.scss */
.spinner {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.95s ease-in-out;
  -webkit-transition: opacity 0.95s ease-in-out;
  -moz-transition: opacity 0.9s ease-in-out;
  -ms-transition: opacity 0.95s ease-in-out;
  -o-transition: opacity 0.95s ease-in-out;
  background-color: rgba(44, 62, 80, 0.8);
  z-index: 17;
}
/* line 74, sass/main.scss */
.spinner:before {
  content: '';
  display: block;
  position: absolute;
  width: 100px;
  height: 8px;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -4px;
  border-radius: 4px;
  background-color: #00a3e0;
  animation-name: spin;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
/* line 103, sass/main.scss */
.spinner.show {
  z-index: 17;
  opacity: 1;
  transition: opacity 0.25s ease;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
}
/* line 114, sass/main.scss */
.spinner.overall {
  z-index: 21;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: scaleX(0) translateX(0);
    -ms-transform: scaleX(0) translateX(0);
    -o-transform: scaleX(0) translateX(0);
    transform: scaleX(0) translateX(0);
  }
  to {
    -webkit-transform: scaleX(1) translateX(0);
    -ms-transform: scaleX(1) translateX(0);
    -o-transform: scaleX(1) translateX(0);
    transform: scaleX(1) translateX(0);
  }
}
@keyframes spin {
  from {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  to {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
  }
}
/* line 150, sass/main.scss */
.invisible {
  opacity: 0;
}

/* line 154, sass/main.scss */
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

/* line 162, sass/main.scss */
#app {
  width: 100%;
  height: calc(100% - 136px);
  position: relative;
  float: left;
}
/* line 169, sass/main.scss */
#app #side-menu {
  height: 100%;
  width: 230px;
  position: relative;
  float: left;
}
/* line 175, sass/main.scss */
#app #side-menu.close {
  width: 24px;
}
/* line 180, sass/main.scss */
#app #popUp-container {
  max-width: 360px;
  position: absolute;
  right: 50px;
  bottom: 20px;
  z-index: 10;
}
/* line 189, sass/main.scss */
#app #content-wrapper {
  width: calc( 100% - 230px);
  height: 100%;
  position: relative;
  float: left;
  overflow: hidden;
  overflow-y: scroll;
  box-sizing: border-box;
  padding: 15px 73px 0 63px;
  transition: all 0.5s ease-out;
}
/* line 201, sass/main.scss */
#app #content-wrapper > div {
  transition: all 0.5s ease-out;
}
/* line 205, sass/main.scss */
#app #content-wrapper.menu-close {
  width: calc( 100% - 24px);
}
/* line 210, sass/main.scss */
#app #app-content {
  width: 100%;
  float: left;
}
/* line 215, sass/main.scss */
#app #fixed-buttons-bottom-wrapper {
  height: 100px;
  width: calc( 100% - 233px);
  position: absolute;
  bottom: 0;
  right: 1px;
  z-index: 1;
  padding: 5px 60px;
  box-sizing: border-box;
  background-color: white;
  box-shadow: -1px -2px 7px gray;
  -webkit-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
/* line 235, sass/main.scss */
#app #fixed-buttons-bottom-wrapper.menu-close {
  width: calc( 100% - 28px);
}
/* line 239, sass/main.scss */
#app #fixed-buttons-bottom-wrapper.hide {
  display: block;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
}
/* line 248, sass/main.scss */
#app #footer {
  width: 100%;
  float: left;
  text-align: right;
}
/* line 254, sass/main.scss */
#app #footer .pub-wrapper {
  height: 159px;
  margin: 50px auto 0 auto;
  background-color: white;
}
/* line 261, sass/main.scss */
#app #footer .pub-wrapper .text {
  height: 116px;
  width: 429px;
  float: left;
  margin: 43px 58px 0 258px;
  text-align: left;
}
/* line 268, sass/main.scss */
#app #footer .pub-wrapper .text .title {
  height: 38px;
  font-size: 27px;
  color: #00a3e0;
}
/* line 275, sass/main.scss */
#app #footer .pub-wrapper .text .excerpt {
  height: 42px;
  font-size: 16px;
  color: #2c3e50;
}
/* line 282, sass/main.scss */
#app #footer .pub-wrapper .button-class {
  margin: 61px 56px 64px 0;
}
/* line 287, sass/main.scss */
#app #footer .rights-wrapper {
  min-width: 900px;
  height: 24px;
  margin: 31px 0 51px 0;
  font-size: 9px;
  color: #a5bacf;
}
/* line 295, sass/main.scss */
#app #footer .rights-wrapper .print {
  height: 100%;
  width: 24px;
  float: left;
}
/* line 301, sass/main.scss */
#app #footer .rights-wrapper .print svg g {
  fill: #a5bacf;
}
/* line 307, sass/main.scss */
#app #footer .rights-wrapper .portal {
  height: 100%;
  width: 304px;
  float: left;
  text-align: left;
  cursor: pointer;
}
/* line 316, sass/main.scss */
#app #footer .rights-wrapper .text {
  height: 100%;
  float: right;
}
@media (max-width: 1180px) {
  /* line 324, sass/main.scss */
  #app #side-menu {
    position: absolute;
    z-index: 15;
  }
  /* line 329, sass/main.scss */
  #app #content-wrapper {
    width: calc( 100% - 24px);
    margin-left: 24px;
    padding: 29px 43px 0 33px;
    transition: none;
    overflow-x: scroll;
    white-space: nowrap;
  }
  /* line 340, sass/main.scss */
  #app #content-wrapper.menu-close {
    width: calc( 100% - 24px);
    margin-left: 24px;
  }
}

@media (max-width: 1024px) {
  /* line 351, sass/main.scss */
  #app #footer .rights-wrapper {
    min-width: unset;
  }
}
/* line 7, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage #goUp {
  background-color: #061a2d;
  width: 35px;
  height: 35px;
  position: fixed;
  left: 7px;
  bottom: 7px;
  z-index: 1;
  border-radius: 50%;
  border: solid 2px white;
  opacity: 0.8;
  cursor: pointer;
}
/* line 20, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage #goUp:hover {
  opacity: 1;
}
/* line 24, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage #goUp:before {
  content: '';
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
  border-right: solid 2px white;
  border-top: solid 2px white;
  left: 10px;
  top: 14px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
/* line 41, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage .section a {
  text-decoration: none;
  color: #fff;
}
/* line 48, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage .section:first-child .navBar {
  display: block;
  width: 100%;
  height: 80px;
}
/* line 53, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage .section:first-child .navBar img {
  position: relative;
  margin-left: 20%;
  top: 15px;
  display: inline-block;
  transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
/* line 64, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage .section:first-child .navBar ul.menu {
  display: inline-block;
  list-style: none;
  height: 80px;
  line-height: 50px;
  float: right;
  margin-right: 15%;
  overflow: hidden;
  text-align: center;
}
/* line 74, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage .section:first-child .navBar ul.menu li {
  display: inline-block;
  min-width: 100px;
  line-height: 110px;
  cursor: pointer;
}
/* line 81, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage .section:first-child .navBar ul.menu li:hover {
  background-color: #3f9fc9;
}
/* line 87, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage .section:first-child .navBar .mobileMenu {
  float: right;
  top: 0;
  right: 0;
  position: fixed;
  z-index: 2;
  display: none;
}
/* line 95, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage .section:first-child .navBar .mobileMenu .icon {
  background: url("../../images/landingpage/mobile.png") no-repeat 18px;
  background-size: 50%;
  position: absolute;
  width: 66px;
  height: 66px;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
/* line 106, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage .section:first-child .navBar .mobileMenu ul {
  text-align: right;
  line-height: 40px;
  margin-top: 76px;
  background-color: rgba(6, 26, 45, 0.9);
  display: none;
  list-style: none;
  padding: 0;
}
/* line 115, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage .section:first-child .navBar .mobileMenu ul li {
  padding: 0 10px;
  border-bottom: solid 1px white;
  cursor: pointer;
}
/* line 119, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage .section:first-child .navBar .mobileMenu ul li:active, .landingStyles #landingPage .section:first-child .navBar .mobileMenu ul li:hover {
  background-color: #3f9fc9;
}
/* line 128, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage #footer {
  height: 120px;
  background-color: #061a2d;
}
/* line 132, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage #footer span {
  float: none;
  font-size: 0.8em;
  width: 80%;
  margin: 50px auto 0 auto;
  text-align: center;
  display: block;
  margin: 0 auto 0 auto;
  padding-top: 60px;
}
@media only screen and (max-width: 1050px) {
  /* line 149, sass/landingpage/commonLanding.scss */
  .landingStyles #landingPage .section:first-child .navBar img {
    margin-left: 15%;
  }
}
@media only screen and (max-width: 980px) {
  /* line 157, sass/landingpage/commonLanding.scss */
  .landingStyles #landingPage .section:first-child .navBar ul.menu {
    display: none;
  }
  /* line 161, sass/landingpage/commonLanding.scss */
  .landingStyles #landingPage .section:first-child .navBar .mobileMenu {
    display: block;
  }
}
@media only screen and (max-width: 400px) {
  /* line 178, sass/landingpage/commonLanding.scss */
  .landingStyles #landingPage .section:first-child .navBar img {
    width: 100px;
  }
}
/* line 189, sass/landingpage/commonLanding.scss */
.landingStyles #landingPage .touch .tittleWrapper .title:hover .arrow {
  border-left: none;
  border-bottom: none;
  margin-right: none;
}

/* line 3, sass/landingpage/detailsLanding.scss */
.landingStyles {
  /* HTML5 display-role reset for older browsers */
}
/* line 5, sass/landingpage/detailsLanding.scss */
.landingStyles html, .landingStyles body, .landingStyles div, .landingStyles span, .landingStyles applet, .landingStyles object, .landingStyles iframe,
.landingStyles h1, .landingStyles h2, .landingStyles h3, .landingStyles h4, .landingStyles h5, .landingStyles h6, .landingStyles p, .landingStyles blockquote, .landingStyles pre,
.landingStyles a, .landingStyles abbr, .landingStyles acronym, .landingStyles address, .landingStyles big, .landingStyles cite, .landingStyles code,
.landingStyles del, .landingStyles dfn, .landingStyles em, .landingStyles img, .landingStyles ins, .landingStyles kbd, .landingStyles q, .landingStyles s, .landingStyles samp,
.landingStyles small, .landingStyles strike, .landingStyles strong, .landingStyles sub, .landingStyles sup, .landingStyles tt, .landingStyles var,
.landingStyles b, .landingStyles u, .landingStyles i, .landingStyles center,
.landingStyles dl, .landingStyles dt, .landingStyles dd, .landingStyles ol, .landingStyles ul, .landingStyles li,
.landingStyles fieldset, .landingStyles form, .landingStyles label, .landingStyles legend,
.landingStyles table, .landingStyles caption, .landingStyles tbody, .landingStyles tfoot, .landingStyles thead, .landingStyles tr, .landingStyles th, .landingStyles td,
.landingStyles article, .landingStyles aside, .landingStyles canvas, .landingStyles details, .landingStyles embed,
.landingStyles figure, .landingStyles figcaption, .landingStyles footer, .landingStyles header, .landingStyles hgroup,
.landingStyles menu, .landingStyles nav, .landingStyles output, .landingStyles ruby, .landingStyles section, .landingStyles summary,
.landingStyles time, .landingStyles mark, .landingStyles audio, .landingStyles video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* line 26, sass/landingpage/detailsLanding.scss */
.landingStyles article, .landingStyles aside, .landingStyles details, .landingStyles figcaption, .landingStyles figure,
.landingStyles footer, .landingStyles header, .landingStyles hgroup, .landingStyles menu, .landingStyles nav, .landingStyles section {
  display: block;
}
/* line 30, sass/landingpage/detailsLanding.scss */
.landingStyles body {
  line-height: 1;
}
/* line 33, sass/landingpage/detailsLanding.scss */
.landingStyles ol, .landingStyles ul {
  list-style: none;
}
/* line 36, sass/landingpage/detailsLanding.scss */
.landingStyles blockquote, .landingStyles q {
  quotes: none;
}
/* line 39, sass/landingpage/detailsLanding.scss */
.landingStyles blockquote:before, .landingStyles blockquote:after,
.landingStyles q:before, .landingStyles q:after {
  content: '';
  content: none;
}
/* line 44, sass/landingpage/detailsLanding.scss */
.landingStyles table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* line 49, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage {
  font-family: "Trebuchet MS", sans-serif;
  color: #fff;
  height: 100%;
}
/* line 54, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section {
  position: relative;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 40px;
  background-color: #5db0ea;
}
/* line 62, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section.sms {
  background-color: #5092c0;
}
/* line 65, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section.sms .arrowWrapper .arrow {
  background-color: #5092c0;
}
/* line 70, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section .contentWrapper {
  display: block;
  position: relative;
  overflow: hidden;
}
/* line 75, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section .contentWrapper.closed {
  height: 70px;
}
/* line 78, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section .contentWrapper.closed .titleWrapper .title .arrow {
  margin-top: -35px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
/* line 88, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section .arrowWrapper {
  position: absolute;
  width: 101px;
  height: 52px;
  overflow: hidden;
  top: -1px;
  left: 50%;
  margin-left: -50px;
}
/* line 97, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section .arrowWrapper .arrow {
  width: 70px;
  height: 70px;
  left: 50%;
  margin-left: -36px;
  top: -36px;
  border-left: solid 1px white;
  border-bottom: solid 1px white;
  display: block;
  position: relative;
  background-color: #5db0ea;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
/* line 116, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section .titleWrapper {
  display: block;
  text-align: center;
}
/* line 119, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section .titleWrapper .title {
  font-size: 1.5em;
  display: inline-block;
  text-align: center;
  margin-bottom: 20px;
  cursor: pointer;
}
/* line 127, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section .titleWrapper .title:hover .arrow {
  border-left: solid 3px white;
  border-bottom: solid 3px white;
  margin-right: -201px;
}
/* line 134, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section .titleWrapper .title .arrow {
  width: 30px;
  height: 30px;
  border-left: solid 1px white;
  border-bottom: solid 1px white;
  display: inline-block;
  position: absolute;
  right: 50%;
  margin-right: -200px;
  margin-top: -15px;
  cursor: pointer;
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
/* line 155, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section .bigTitle {
  font-size: 1.8em;
  display: block;
  text-align: center;
  margin-top: 130px;
}
/* line 162, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section img {
  display: block;
  margin: 0 auto;
}
/* line 167, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section .text {
  font-size: 1em;
  width: 80%;
  max-width: 420px;
  text-align: center;
  margin: 0 auto;
}
/* line 175, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section .bigText {
  font-size: 1.5em;
  width: 500px;
  text-align: center;
  margin: 0 auto;
}
/* line 183, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section .header {
  font-size: 1.1em;
  text-align: left;
  display: block;
  width: 60%;
  margin: 70px auto 0px auto;
}
/* line 191, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section .header:before {
  content: '';
  width: 10px;
  height: 10px;
  border-right: solid 1px white;
  border-bottom: solid 1px white;
  display: block;
  position: absolute;
  margin-left: -20px;
  margin-top: 3px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
/* line 208, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section .header:after {
  content: '';
  background: url("../images/landingpage/gradient.png") no-repeat;
  background-size: contain;
  width: 100%;
  height: 1px;
  margin-top: 5px;
  display: block;
  position: relative;
}
/* line 220, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section .subText {
  font-size: 1em;
  text-align: center;
  display: block;
  width: 80%;
  max-width: 650px;
  margin: 20px auto 0 auto;
}
/* line 230, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section:first-child {
  padding-top: 0px;
  border: none;
}
/* line 237, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section:first-child .navBar ul.menu li:hover {
  background-color: #061a2d;
}
/* line 249, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section:first-child .navBar .mobileMenu ul li:active, .landingStyles #landingPage .section:first-child .navBar .mobileMenu ul li:hover {
  background-color: #061a2d;
}
/* line 256, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section:first-child .navBar .mobileMenu.darker ul {
  background-color: rgba(80, 146, 192, 0.9);
}
/* line 264, sass/landingpage/detailsLanding.scss */
.landingStyles #landingPage .section:nth-child(2) {
  padding-top: 100px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 400px) {
  /* line 312, sass/landingpage/detailsLanding.scss */
  .landingStyles #landingPage .section:not(:first-child) .titleWrapper .title {
    font-size: 1.3em;
  }
  /* line 315, sass/landingpage/detailsLanding.scss */
  .landingStyles #landingPage .section:not(:first-child) .titleWrapper .title .arrow {
    margin-right: -15px;
    margin-top: 25px;
  }
  /* line 325, sass/landingpage/detailsLanding.scss */
  .landingStyles #landingPage .section:not(:first-child) .contentWrapper.closed .titleWrapper .title .arrow {
    margin-top: 0px;
  }
}

/* line 5, sass/landingpage/mainLanding.scss */
.landingStyles {
  /* http://meyerweb.com/eric/tools/css/reset/
     v2.0 | 20110126
     License: none (public domain)
  */
  /* HTML5 display-role reset for older browsers */
}
/* line 15, sass/landingpage/mainLanding.scss */
.landingStyles html, .landingStyles body, .landingStyles div, .landingStyles span, .landingStyles applet, .landingStyles object, .landingStyles iframe,
.landingStyles h1, .landingStyles h2, .landingStyles h3, .landingStyles h4, .landingStyles h5, .landingStyles h6, .landingStyles p, .landingStyles blockquote, .landingStyles pre,
.landingStyles a, .landingStyles abbr, .landingStyles acronym, .landingStyles address, .landingStyles big, .landingStyles cite, .landingStyles code,
.landingStyles del, .landingStyles dfn, .landingStyles em, .landingStyles img, .landingStyles ins, .landingStyles kbd, .landingStyles q, .landingStyles s, .landingStyles samp,
.landingStyles small, .landingStyles strike, .landingStyles strong, .landingStyles sub, .landingStyles sup, .landingStyles tt, .landingStyles var,
.landingStyles b, .landingStyles u, .landingStyles i, .landingStyles center,
.landingStyles dl, .landingStyles dt, .landingStyles dd, .landingStyles ol, .landingStyles ul, .landingStyles li,
.landingStyles fieldset, .landingStyles form, .landingStyles label, .landingStyles legend,
.landingStyles table, .landingStyles caption, .landingStyles tbody, .landingStyles tfoot, .landingStyles thead, .landingStyles tr, .landingStyles th, .landingStyles td,
.landingStyles article, .landingStyles aside, .landingStyles canvas, .landingStyles details, .landingStyles embed,
.landingStyles figure, .landingStyles figcaption, .landingStyles footer, .landingStyles header, .landingStyles hgroup,
.landingStyles menu, .landingStyles nav, .landingStyles output, .landingStyles ruby, .landingStyles section, .landingStyles summary,
.landingStyles time, .landingStyles mark, .landingStyles audio, .landingStyles video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* line 36, sass/landingpage/mainLanding.scss */
.landingStyles article, .landingStyles aside, .landingStyles details, .landingStyles figcaption, .landingStyles figure,
.landingStyles footer, .landingStyles header, .landingStyles hgroup, .landingStyles menu, .landingStyles nav, .landingStyles section {
  display: block;
}
/* line 40, sass/landingpage/mainLanding.scss */
.landingStyles body {
  line-height: 1;
}
/* line 43, sass/landingpage/mainLanding.scss */
.landingStyles ol, .landingStyles ul {
  list-style: none;
}
/* line 46, sass/landingpage/mainLanding.scss */
.landingStyles blockquote, .landingStyles q {
  quotes: none;
}
/* line 49, sass/landingpage/mainLanding.scss */
.landingStyles blockquote:before, .landingStyles blockquote:after,
.landingStyles q:before, .landingStyles q:after {
  content: '';
  content: none;
}
/* line 54, sass/landingpage/mainLanding.scss */
.landingStyles table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* line 59, sass/landingpage/mainLanding.scss */
.landingStyles #app {
  height: 100% !important;
  overflow: auto !important;
  line-height: 1 !important;
}
/* line 65, sass/landingpage/mainLanding.scss */
.landingStyles #side-menu, .landingStyles #content-wrapper {
  display: none;
}
/* line 69, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage {
  font-family: "Trebuchet MS", sans-serif;
  color: #fff;
  height: 100%;
  transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
/* line 78, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section {
  position: relative;
  min-height: 100%;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 40px;
}
/* line 85, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left: -50px;
  z-index: 1;
  border-left: solid 50px transparent;
  border-top: solid 40px #061a2d;
  border-right: solid 50px transparent;
}
/* line 98, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section .title {
  font-size: 1.5em;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
/* line 105, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section .bottomButton {
  display: block;
  width: 130px;
  height: 40px;
  text-align: center;
  background-position: 25% center;
  background-repeat: no-repeat;
  margin: 40px auto 0 auto;
  padding: 5px 15px;
  border-radius: 8px;
  cursor: pointer;
  line-height: 40px;
  border: 2px solid #fff;
  border-radius: 8px;
}
/* line 122, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section .text {
  display: block;
  margin: 20px auto 0 auto;
  width: 90%;
  max-width: 315px;
  text-align: center;
}
/* line 129, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section .text .bold {
  font-weight: bold !important;
}
/* line 134, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section img {
  display: block;
  margin: 0 auto;
}
/* line 139, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:first-child {
  padding-top: 0px;
  background: url(../../images/landingpage/header.png) no-repeat center center;
}
/* line 143, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:first-child h1 {
  font-size: 4em;
  max-width: 340px;
  text-align: center;
  margin: 10% auto 0 auto;
  transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
/* line 153, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:first-child h2 {
  font-size: 1.2em;
  width: 80%;
  max-width: 485px;
  margin: 3% auto 120px auto;
  text-align: center;
}
/* line 161, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:first-child .arrow {
  width: 80px;
  height: 80px;
  left: 50%;
  margin-left: -40px;
  margin-top: -80px;
  border-left: solid 2px white;
  border-bottom: solid 2px white;
  display: block;
  position: absolute;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
/* line 176, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:first-child .arrow:before {
  content: '';
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  border-left: solid 1px white;
  border-bottom: solid 1px white;
  left: 15%;
  bottom: 15%;
}
/* line 188, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:first-child .arrow:after {
  content: '';
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  border-left: solid 1px white;
  border-bottom: solid 1px white;
  left: 31%;
  bottom: 31%;
}
/* line 202, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(2) {
  background-color: #7dc0ed;
}
/* line 205, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(2):after {
  border-top: solid 40px #7dc0ed;
}
/* line 209, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(2) .ios {
  width: 250px;
  height: 450px;
  background-color: #e9e9e9;
  border-radius: 30px;
  border: solid 4px #d4d9df;
  margin: 0 auto;
}
/* line 217, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(2) .ios .onButton {
  display: block;
  position: absolute;
  width: 35px;
  height: 1px;
  background-color: #e9e9e9;
  margin-top: -5px;
  margin-left: 175px;
}
/* line 227, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(2) .ios .speaker {
  position: absolute;
  width: 50px;
  height: 10px;
  background-color: #2e3337;
  margin-top: 20px;
  margin-left: -25px;
  left: 50%;
  border-radius: 5px;
}
/* line 238, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(2) .ios .speaker:before {
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #a6a8ab;
  border: solid 3px #d4d9df;
  border-radius: 5px;
  left: -20px;
}
/* line 251, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(2) .ios .screen {
  width: 227px;
  height: 338px;
  background: url("../../images/landingpage/iOSScreen2.png") no-repeat center center;
  background-size: 210px 338px;
  margin: 45px auto 0 auto;
}
/* line 259, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(2) .ios .button {
  width: 40px;
  height: 40px;
  background-color: #d4d9df;
  border-radius: 20px;
  margin: 10px auto 0 auto;
  float: none;
  min-width: 40px;
  padding: 0;
}
/* line 269, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(2) .ios .button:before {
  content: '';
  display: block;
  position: relative;
  width: 12px;
  height: 12px;
  border: solid 2px #c1c5cb;
  top: 12px;
  left: 12px;
  border-radius: 4px;
}
/* line 287, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(2) .bottomButton:hover {
  background-color: #061a2d;
}
/* line 293, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(3) {
  background-color: #5db0ea;
}
/* line 296, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(3):after {
  border-top: solid 40px #5db0ea;
}
/* line 300, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(3) .android {
  width: 240px;
  height: 470px;
  background-color: #e9e9e9;
  border-radius: 30px;
  border: solid 4px #d4d9df;
  margin: 0 auto;
}
/* line 308, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(3) .android .onButton {
  display: block;
  position: absolute;
  width: 35px;
  height: 1px;
  background-color: #e9e9e9;
  margin-top: -5px;
  margin-left: 175px;
}
/* line 318, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(3) .android .speaker {
  position: absolute;
  width: 55px;
  height: 7px;
  background-color: #d4d9df;
  margin-top: 20px;
  margin-left: -27px;
  left: 50%;
  border-radius: 5px;
}
/* line 329, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(3) .android .speaker:before {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #2e3337;
  border-radius: 5px;
  left: -12px;
  top: -3px;
}
/* line 342, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(3) .android .camera {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #2e3337;
  border-radius: 5px;
  right: -12px;
  top: -3px;
}
/* line 352, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(3) .android .camera:before {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #2e3337;
  border-radius: 5px;
  right: -12px;
}
/* line 363, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(3) .android .camera:after {
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #2e3337;
  border-radius: 2px;
  right: -40px;
  top: 5px;
}
/* line 376, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(3) .android .screen {
  width: 217px;
  height: 380px;
  background: url("../../images/landingpage/androidScreen2.png") no-repeat center center;
  background-size: 217px 380px;
  margin: 45px auto 0 auto;
}
/* line 389, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(3) .bottomButton:hover {
  background-color: #061a2d;
}
/* line 395, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(4) {
  background-color: #5092c0;
}
/* line 398, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(4):after {
  border-top: solid 40px #5092c0;
}
/* line 408, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(4) .bottomButton:hover {
  background-color: #061a2d;
}
/* line 414, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(5) {
  background-color: #3e749a;
}
/* line 417, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(5):after {
  display: none;
}
/* line 427, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section:nth-child(5) .bottomButton:hover {
  background-color: #061a2d;
}
/* line 433, sass/landingpage/mainLanding.scss */
.landingStyles #landingPage .section .left-text {
  text-align: left !important;
}
@media only screen and (max-width: 400px) {
  /* line 441, sass/landingpage/mainLanding.scss */
  .landingStyles #landingPage .section:first-child h1 {
    font-size: 2em;
  }
  /* line 442, sass/landingpage/mainLanding.scss */
  .landingStyles #landingPage .section:first-child h2 {
    font-size: 1em;
  }
}

/*************** SCROLLBAR BASE CSS ***************/
/* line 3, sass/scrollbar.scss */
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

/* line 9, sass/scrollbar.scss */
.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

/* line 24, sass/scrollbar.scss */
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/* line 29, sass/scrollbar.scss */
.scroll-element {
  display: none;
}

/* line 32, sass/scrollbar.scss */
.scroll-element, .scroll-element div {
  box-sizing: content-box;
}

/* line 36, sass/scrollbar.scss */
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

/* line 41, sass/scrollbar.scss */
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

/* line 46, sass/scrollbar.scss */
.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}

/* line 50, sass/scrollbar.scss */
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

/* line 53, sass/scrollbar.scss */
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 0;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

/* line 67, sass/scrollbar.scss */
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
/* line 77, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

/* line 87, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element {
  background-color: transparent;
}

/* line 91, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/* line 99, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

/* line 106, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 8px;
}

/* line 113, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}

/* line 114, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 100%;
}

/* line 116, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

/* line 117, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #e4ecef;
}

/* line 119, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/* line 127, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #00a3e0;
}

/* line 128, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #a5bacf;
}

/* line 129, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #00a3e0;
}

/* scrollbar height/width & offset from container borders */
/* line 134, sass/scrollbar.scss */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -3px;
  margin-left: 2px;
}

/* line 135, sass/scrollbar.scss */
.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}

/* line 137, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}

/* line 138, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
  /*max-height: 75px;*/
}

/* update scrollbar offset if both scrolls are visible */
/* line 143, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}

/* line 144, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}

/* line 146, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}

/* line 147, sass/scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 5, sass/header.scss */
header .header {
  width: 100%;
  height: 135px;
  position: relative;
  float: left;
  z-index: 15;
  box-shadow: -1px -2px 7px gray;
  background-color: white;
}
/* line 15, sass/header.scss */
header .header .avatar {
  width: 230px;
  height: 100%;
  float: left;
  position: relative;
}
/* line 22, sass/header.scss */
header .header .avatar .change-pic {
  position: absolute;
  right: 15px;
  top: 5px;
  z-index: 10;
  cursor: pointer;
}
/* line 31, sass/header.scss */
header .header .avatar .change-pic svg {
  fill: white;
}
/* line 36, sass/header.scss */
header .header .avatar .gradient {
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  z-index: 2;
  background: -webkit-linear-gradient(rgba(14, 50, 92, 0) 0%, #0e325c 100%);
  background: -o-linear-gradient(rgba(14, 50, 92, 0) 0%, #0e325c 100%);
  background: -moz-linear-gradient(rgba(14, 50, 92, 0) 0%, #0e325c 100%);
  background: linear-gradient(rgba(14, 50, 92, 0) 0%, #0e325c 100%);
}
/* line 50, sass/header.scss */
header .header .avatar .user-big-pic {
  height: 100%;
  width: 100%;
  position: absolute;
  background-image: url("../images/pic-avatar.png");
  background-color: #4B91E2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* line 62, sass/header.scss */
header .header .avatar .user-info-wrapper {
  height: 100%;
  width: 100%;
  padding: 90px 0 0 20px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  z-index: 5;
}
/* line 71, sass/header.scss */
header .header .avatar .user-info-wrapper .mini-pic {
  width: 26px;
  height: 26px;
  float: left;
  border-radius: 50%;
  background-size: 140%;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 26px;
  color: white;
  font-size: 10px;
  letter-spacing: 1px;
}
/* line 91, sass/header.scss */
header .header .avatar .user-info-wrapper .user-info {
  width: 132px;
  height: 26px;
  float: left;
  padding-left: 16px;
  color: white;
}
/* line 98, sass/header.scss */
header .header .avatar .user-info-wrapper .user-info label {
  width: 100%;
  height: 13px;
  float: left;
  font-size: 13px;
  line-height: 13px;
  margin-bottom: 2px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 112, sass/header.scss */
header .header .avatar .user-info-wrapper .switch-user {
  width: 20px;
  height: 20px;
  float: left;
  cursor: pointer;
  margin-top: 6px;
}
/* line 119, sass/header.scss */
header .header .avatar .user-info-wrapper .switch-user:before {
  content: '';
  display: block;
  position: absolute;
  border-top: 6px solid white;
  border-left: solid 6px transparent;
  border-right: solid 6px transparent;
  right: 20px;
  bottom: 25px;
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  cursor: pointer;
}
/* line 137, sass/header.scss */
header .header .avatar .user-info-wrapper .switch-user.open:before {
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
/* line 150, sass/header.scss */
header .header .avatar .users-wrapper {
  opacity: 0;
  height: 0;
  overflow: hidden;
  background-color: rgba(44, 62, 80, 0.8);
  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  -webkit-transform: scaleY(0) translateZ(0);
  -ms-transform: scaleY(0) translateZ(0);
  -o-transform: scaleY(0) translateZ(0);
  transform: scaleY(0) translateZ(0);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}
/* line 172, sass/header.scss */
header .header .avatar .users-wrapper .user {
  width: 100%;
  height: 52px;
  position: relative;
  padding: 12px 0 0 20px;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
  cursor: pointer;
  border-bottom: solid 1px #f2f2f3;
}
/* line 186, sass/header.scss */
header .header .avatar .users-wrapper .user .mini-pic {
  width: 26px;
  height: 26px;
  float: left;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  text-align: center;
  line-height: 26px;
  color: white;
  font-size: 10px;
  letter-spacing: 1px;
}
/* line 207, sass/header.scss */
header .header .avatar .users-wrapper .user .user-info {
  width: calc( 100% - 50px);
  height: 26px;
  float: left;
  padding-left: 16px;
}
/* line 213, sass/header.scss */
header .header .avatar .users-wrapper .user .user-info label {
  width: 100%;
  height: 16px;
  float: left;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 2px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 226, sass/header.scss */
header .header .avatar .users-wrapper .user .user-info label:last-of-type {
  font-size: 10px;
}
/* line 232, sass/header.scss */
header .header .avatar .users-wrapper .user:hover {
  background-color: #00a3e0;
  color: white;
}
/* line 236, sass/header.scss */
header .header .avatar .users-wrapper .user:hover:last-of-type {
  border: none;
}
/* line 242, sass/header.scss */
header .header .avatar .users-wrapper.show {
  opacity: 1;
  max-height: 1000px;
  -webkit-transform: scaleY(1) translateZ(0);
  -ms-transform: scaleY(1) translateZ(0);
  -o-transform: scaleY(1) translateZ(0);
  transform: scaleY(1) translateZ(0);
}
/* line 253, sass/header.scss */
header .header .content {
  width: calc(100% - 230px);
  height: 100%;
  float: left;
  padding: 0 45px;
  box-sizing: border-box;
  position: relative;
}
/* line 263, sass/header.scss */
header .header .content .top-part {
  width: 100%;
  height: 67px;
  padding-right: 5px;
  box-sizing: border-box;
}
/* line 270, sass/header.scss */
header .header .content .top-part .logo {
  height: 100%;
  width: 108px;
  float: left;
  background-image: url("../images/logo_bai_new.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* line 281, sass/header.scss */
header .header .content .top-part .session-bar {
  height: 100%;
  float: right;
  margin-right: 10px;
  padding: 16px 0;
  box-sizing: border-box;
}
/* line 288, sass/header.scss */
header .header .content .top-part .session-bar .icon {
  height: 36px;
  width: 36px;
  display: block;
  position: relative;
  float: left;
  margin-right: 20px;
  border-radius: 50%;
  cursor: pointer;
}
/* line 300, sass/header.scss */
header .header .content .top-part .session-bar .icon#logout-button {
  line-height: 66px;
  color: #00a3e0;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
}
/* line 308, sass/header.scss */
header .header .content .top-part .session-bar .icon svg {
  position: absolute;
  fill: #00a3e0;
}
/* line 315, sass/header.scss */
header .header .content .top-part .session-bar .icon.alerts {
  display: none;
}
/* line 320, sass/header.scss */
header .header .content .top-part .session-bar .icon.favorites svg {
  top: 7px;
  left: 6px;
  height: 18px;
}
/* line 328, sass/header.scss */
header .header .content .top-part .session-bar .icon.approvals svg {
  top: 7px;
  left: 2px;
  height: 22px;
}
/* line 333, sass/header.scss */
header .header .content .top-part .session-bar .icon.approvals svg path {
  fill: #00a3e0;
}
/* line 340, sass/header.scss */
header .header .content .top-part .session-bar .icon.message svg {
  top: 3px;
  left: 6px;
  height: 27px;
}
/* line 347, sass/header.scss */
header .header .content .top-part .session-bar .icon.logout {
  float: right;
  margin-right: 0;
}
/* line 351, sass/header.scss */
header .header .content .top-part .session-bar .icon.logout svg {
  height: 15px;
  width: 15px;
  top: 10px;
  left: 12px;
}
/* line 360, sass/header.scss */
header .header .content .top-part .session-bar .icon.hide {
  display: none;
}
/* line 364, sass/header.scss */
header .header .content .top-part .session-bar .icon #unread-messages,
header .header .content .top-part .session-bar .icon #pending-approvals {
  display: none;
  height: 15px;
  min-width: 15px;
  line-height: 14px;
  position: absolute;
  padding: 0 3px;
  box-sizing: border-box;
  z-index: 2;
  right: 3px;
  top: 0;
  text-align: center;
  font-size: 9px;
  font-weight: 600;
  color: white;
  border-radius: 50%;
  background-color: #ff2d55;
}
/* line 388, sass/header.scss */
header .header .content .top-part .session-bar .session-timer {
  width: 80px;
  height: 24px;
  float: left;
  margin-top: 6px;
  margin-right: 30px;
  box-sizing: border-box;
  color: #00a3e0;
  background-color: #e7edef;
  border-radius: 16px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
}
/* line 405, sass/header.scss */
header .header .content .top-part .session-bar .session-timer .tooltip-icons {
  transform: translate(-50%, -10px);
}
/* line 409, sass/header.scss */
header .header .content .top-part .session-bar .session-timer svg {
  position: absolute;
  margin-left: 15px;
  margin-top: 4px;
  display: block;
  float: left;
}
/* line 417, sass/header.scss */
header .header .content .top-part .session-bar .session-timer span {
  margin-left: 20px;
}
/* line 424, sass/header.scss */
header .header .content .bottom-part {
  height: 67px;
  box-sizing: border-box;
  width: 100%;
  float: left;
  border-top: 1px solid #f2f2f3;
}
/* line 432, sass/header.scss */
header .header .content .bottom-part .left-arrow, header .header .content .bottom-part .right-arrow {
  background: white;
  position: absolute;
  width: 40px;
  height: 44px;
  cursor: pointer;
  bottom: 2px;
  z-index: 1;
}
/* line 445, sass/header.scss */
header .header .content .bottom-part .left-arrow:after {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
  width: 50px;
  height: 44px;
  left: 40px;
  bottom: 0;
  background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
  /* IE6-9 */
}
/* line 463, sass/header.scss */
header .header .content .bottom-part .left-arrow:before {
  content: '';
  display: block;
  position: absolute;
  border-left: solid 2px #00a3e0;
  border-bottom: solid 2px #00a3e0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  top: 16px;
  left: 16px;
}
/* line 484, sass/header.scss */
header .header .content .bottom-part .right-arrow {
  right: 10%;
}
/* line 487, sass/header.scss */
header .header .content .bottom-part .right-arrow:after {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
  width: 50px;
  height: 44px;
  right: 40px;
  bottom: 0;
  background: -moz-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
  /* IE6-9 */
}
/* line 505, sass/header.scss */
header .header .content .bottom-part .right-arrow:before {
  content: '';
  display: block;
  position: absolute;
  border-right: solid 2px #00a3e0;
  border-bottom: solid 2px #00a3e0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 10px;
  height: 10px;
  top: 16px;
  left: 12px;
}
/* line 524, sass/header.scss */
header .header .content .bottom-part .menu-bar {
  margin-top: 22px;
  width: 90%;
  overflow: hidden;
  position: relative;
}
/* line 531, sass/header.scss */
header .header .content .bottom-part .menu-bar .inner-wrapper {
  white-space: nowrap;
  margin: 0 40px;
}
/* line 534, sass/header.scss */
header .header .content .bottom-part .menu-bar .inner-wrapper.on-hover {
  height: 1000px;
}
/* line 539, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item {
  height: 43px;
  line-height: 43px;
  margin-right: -5px;
  padding: 0 2%;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: white;
  color: #2c3e50;
}
/* line 557, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item.active {
  border-bottom: 2px solid #00a3e0;
}
/* line 561, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item.submenu-open {
  background-color: #00a3e0;
  color: white;
}
/* line 566, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .menu-title {
  width: 100%;
  height: 100%;
}
/* line 571, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list {
  position: absolute;
  width: 550px;
  min-height: 230px;
  z-index: 1;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  top: 43px;
  left: 1px;
  padding: 30px 40px;
  background-color: white;
  font-size: 13px;
  line-height: normal;
  box-shadow: 0px 1px 5px #c2c2c2;
  transition: transform 0.2s ease;
  transform-origin: 15px top;
  cursor: auto;
}
/* line 591, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list .sub-list {
  width: 175px;
  float: left;
  margin-bottom: 20px;
  margin-right: 10px;
}
/* line 598, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list .sub-list .subtitle {
  white-space: normal;
  color: #2c3e50;
}
/* line 602, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list .sub-list .subtitle.selected {
  color: #00a3e0;
  font-weight: 600;
}
/* line 608, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list .sub-list .subtitle.hover-effect:hover {
  color: #00a3e0;
}
/* line 614, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list .sub-list .list {
  width: 100%;
  box-sizing: border-box;
  padding-left: 20px;
  font-size: 11px;
  text-transform: none;
}
/* line 621, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list .sub-list .list .object {
  float: left;
  width: 100%;
  padding-top: 10px;
}
/* line 626, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list .sub-list .list .object:hover {
  color: #00a3e0;
}
/* line 630, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list .sub-list .list .object.selected {
  color: #00a3e0;
  font-weight: 700;
}
/* line 638, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list .advertising {
  width: 100%;
  height: 140px;
  float: left;
  bottom: 30px;
  right: 40px;
  cursor: pointer;
  border: 1px solid #f2f2f3;
  background-image: url(../images/baners/baner_03.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.2);
}
/* line 656, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list .advertising .text {
  height: 70px;
  margin-top: 35px;
  padding: 10px;
  font-size: 16px;
  line-height: 25px;
  box-sizing: border-box;
  opacity: 0.7;
  text-transform: none;
  color: #000;
  text-align: center;
}
/* line 668, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list .advertising .text span {
  font-size: 12px;
  text-transform: uppercase;
}
/* line 675, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list.oneCol {
  width: 210px;
}
/* line 678, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list.oneCol .sub-list {
  width: 180px;
  height: auto;
}
/* line 682, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list.oneCol .sub-list .list {
  padding-left: 0;
}
/* line 688, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list.twoCol {
  width: 380px;
}
/* line 691, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list.twoCol .advertising {
  float: right;
}
/* line 696, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list.show {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* line 703, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list.shortcuts {
  width: 210px;
}
/* line 706, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .objects-list.shortcuts .sub-list {
  height: 10px;
}
/* line 712, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
/* line 718, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .before:before {
  content: '';
  display: block;
  position: absolute;
  border-left: 10px solid white;
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  left: 10px;
  top: -15px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/* line 735, sass/header.scss */
header .header .content .bottom-part .menu-bar .menu-item .before.show {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* line 745, sass/header.scss */
header .header .content .bottom-part .search-bar {
  width: 98px;
  height: 60px;
  float: right;
  z-index: 1;
  overflow: visible;
  position: absolute;
  top: 75px;
  right: 0px;
  padding: 17px 25px 0 10px;
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, width 0.5s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, width 0.5s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, width 0.5s ease-in-out;
}
/* line 765, sass/header.scss */
header .header .content .bottom-part .search-bar .icon {
  width: 22px;
  height: 22px;
  position: relative;
  float: left;
  cursor: pointer;
}
/* line 772, sass/header.scss */
header .header .content .bottom-part .search-bar .icon svg {
  fill: #00a3e0;
  height: 22px;
  width: 22px;
}
/* line 778, sass/header.scss */
header .header .content .bottom-part .search-bar .icon .tooltip-icons {
  transform: translate(-50%, -10px);
}
/* line 782, sass/header.scss */
header .header .content .bottom-part .search-bar .icon.close {
  position: absolute;
  right: 45px;
  -webkit-transform: translateX(100px);
  -ms-transform: translateX(100px);
  -o-transform: translateX(100px);
  transform: translateX(100px);
  -webkit-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
/* line 795, sass/header.scss */
header .header .content .bottom-part .search-bar .icon.close:before, header .header .content .bottom-part .search-bar .icon.close:after {
  content: "";
  display: block;
  position: relative;
  width: 22px;
  height: 2px;
  top: 10px;
  left: 0px;
  background-color: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 813, sass/header.scss */
header .header .content .bottom-part .search-bar .icon.close:after {
  top: 8px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 822, sass/header.scss */
header .header .content .bottom-part .search-bar input {
  display: none;
}
/* line 826, sass/header.scss */
header .header .content .bottom-part .search-bar .options-wrapper {
  width: 100%;
  max-height: 300px;
  overflow: hidden;
  position: relative;
  top: 21px;
  pointer-events: none;
  box-sizing: border-box;
  background-color: white;
  box-shadow: 0px 2px 4px #c2c2c2;
  color: #2c3e50;
  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
/* line 853, sass/header.scss */
header .header .content .bottom-part .search-bar .options-wrapper .link {
  margin-bottom: 10px;
  font-size: 13px;
  margin-left: 20px;
  text-transform: uppercase;
}
/* line 859, sass/header.scss */
header .header .content .bottom-part .search-bar .options-wrapper .link:last-of-type {
  margin-bottom: 0;
}
/* line 864, sass/header.scss */
header .header .content .bottom-part .search-bar .options-wrapper .scroll-content {
  top: 0;
}
/* line 868, sass/header.scss */
header .header .content .bottom-part .search-bar .options-wrapper .frequent-visited {
  width: calc(100% - 20px);
  margin: 10px 0;
  float: left;
}
/* line 873, sass/header.scss */
header .header .content .bottom-part .search-bar .options-wrapper .frequent-visited .title {
  font-size: 12px;
  margin-bottom: 10px;
}
/* line 878, sass/header.scss */
header .header .content .bottom-part .search-bar .options-wrapper .frequent-visited .link {
  margin-bottom: 10px;
  font-size: 13px;
  margin-left: 20px;
  text-transform: uppercase;
  cursor: pointer;
  float: left;
  clear: both;
}
/* line 887, sass/header.scss */
header .header .content .bottom-part .search-bar .options-wrapper .frequent-visited .link:hover {
  text-decoration: underline;
}
/* line 891, sass/header.scss */
header .header .content .bottom-part .search-bar .options-wrapper .frequent-visited .link:last-of-type {
  margin-bottom: 0;
}
/* line 896, sass/header.scss */
header .header .content .bottom-part .search-bar .options-wrapper .frequent-visited .empty-state {
  width: 100%;
  float: left;
  display: none;
  padding: 40px 0;
  box-sizing: border-box;
}
/* line 903, sass/header.scss */
header .header .content .bottom-part .search-bar .options-wrapper .frequent-visited .empty-state .message {
  height: 22px;
  float: left;
  line-height: 22px;
  text-align: center;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #2c3e50;
}
/* line 916, sass/header.scss */
header .header .content .bottom-part .search-bar .options-wrapper.show {
  max-height: 300px;
  pointer-events: all;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* line 929, sass/header.scss */
header .header .content .bottom-part .search-bar.bg-color {
  background-color: #00a3e0;
  color: white;
  -webkit-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
}
/* line 939, sass/header.scss */
header .header .content .bottom-part .search-bar.bg-color .icon svg {
  fill: white;
}
/* line 945, sass/header.scss */
header .header .content .bottom-part .search-bar.expanded {
  width: 100%;
  overflow: visible;
  right: 0;
}
/* line 950, sass/header.scss */
header .header .content .bottom-part .search-bar.expanded .icon.close {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
/* line 958, sass/header.scss */
header .header .content .bottom-part .search-bar.expanded input {
  display: block;
  width: calc(100% - 64px);
  height: 20px;
  float: left;
  border: none;
  outline: none;
  border-bottom: none;
  padding-left: 20px;
  font-size: 12px;
  color: white;
  background-color: #00a3e0;
}
/* line 973, sass/header.scss */
header .header .content .bottom-part .search-bar.expanded input::-webkit-input-placeholder {
  color: white;
  opacity: 0.7;
}
/* line 977, sass/header.scss */
header .header .content .bottom-part .search-bar.expanded input:-moz-placeholder {
  color: white;
  opacity: 0.7;
}
/* line 981, sass/header.scss */
header .header .content .bottom-part .search-bar.expanded input::-moz-placeholder {
  color: white;
  opacity: 0.7;
}
/* line 985, sass/header.scss */
header .header .content .bottom-part .search-bar.expanded input:-ms-input-placeholder {
  color: white;
  opacity: 0.7;
}
@media (max-width: 1040px) {
  /* line 996, sass/header.scss */
  header .header .content .bottom-part .menu-bar .menu-item {
    font-size: 1.1vw;
  }
}
@media (max-width: 950px) {
  /* line 1002, sass/header.scss */
  header .header .content {
    padding: 0 15px;
  }
  /* line 1005, sass/header.scss */
  header .header .content .bottom-part .menu-bar .menu-item {
    font-size: 1vw;
  }
  /* line 1009, sass/header.scss */
  header .header .content .bottom-part .search-bar {
    width: 70px;
  }
}
@media (max-width: 800px) {
  /* line 1017, sass/header.scss */
  header .header .content .top-part {
    position: relative;
  }
  /* line 1020, sass/header.scss */
  header .header .content .top-part .session-bar .session-timer {
    position: absolute;
    left: 0px;
    top: 80px;
  }
  /* line 1027, sass/header.scss */
  header .header .content .bottom-part .menu-bar {
    display: none;
  }
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/sideMenu.scss */
#side-menu {
  transition: all 0.5s ease-out;
}
/* line 7, sass/sideMenu.scss */
#side-menu .inner-wrapper {
  width: 230px;
  height: 100%;
  background-color: white;
  box-shadow: -3px 4px 10px #2c3e50;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.25s;
}
/* line 17, sass/sideMenu.scss */
#side-menu .inner-wrapper .content {
  width: 206px;
  height: 100%;
  border-right: 1px solid #f2f2f3;
  box-sizing: border-box;
}
/* line 24, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown {
  height: auto;
  overflow: hidden;
  border-bottom: 1px solid #f2f2f3;
  cursor: pointer;
}
/* line 32, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown .item-title {
  width: 100%;
  display: block;
  box-sizing: border-box;
  min-height: 40px;
  position: relative;
  padding: 11px 25px 11px 15px;
  box-sizing: border-box;
  padding-left: 16px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* line 47, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown .item-title.selected {
  color: #00a3e0;
  font-weight: 700;
}
/* line 52, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown .item-title svg {
  position: absolute;
  top: 33%;
  float: right;
  right: 10px;
  fill: #00a3e0;
  height: 15px;
  width: 15px;
}
/* line 61, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown .item-title svg:last-of-type {
  display: none;
}
/* line 68, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown .objects-list {
  width: 100%;
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 15px;
  height: 0px;
  overflow: hidden;
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
/* line 82, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown .objects-list .sub-list {
  width: 100%;
  padding-bottom: 13px;
}
/* line 86, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown .objects-list .sub-list .subtitle {
  width: 100%;
  font-size: 13px;
  padding-bottom: 10px;
  float: left;
}
/* line 92, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown .objects-list .sub-list .subtitle.selected {
  color: #00a3e0;
  font-weight: 600;
}
/* line 98, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown .objects-list .sub-list .subtitle.hover-effect:hover {
  color: #00a3e0;
}
/* line 103, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown .objects-list .sub-list .subtitle span {
  float: left;
}
/* line 107, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown .objects-list .sub-list .subtitle .pending-operations {
  display: none;
  float: left;
  margin-left: 20px;
  min-width: 15px;
  height: 15px;
  padding: 0 3px;
  box-sizing: border-box;
  text-align: center;
  line-height: 16px;
  font-size: 10px;
  background-color: #ff2d55;
  color: #fff;
  border-radius: 5px;
}
/* line 125, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown .objects-list .sub-list .list {
  width: 100%;
  box-sizing: border-box;
  padding-left: 20px;
}
/* line 130, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown .objects-list .sub-list .list .object {
  width: 100%;
  float: left;
  height: auto;
  line-height: normal;
  padding-bottom: 10px;
  font-size: 11px;
}
/* line 139, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown .objects-list .sub-list .list .object:hover {
  color: #00a3e0;
}
/* line 143, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown .objects-list .sub-list .list .object.selected {
  color: #00a3e0;
  font-weight: 700;
}
/* line 156, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown.open .item-title svg:first-of-type {
  display: none;
}
/* line 160, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown.open .item-title svg:last-of-type {
  display: block;
}
/* line 167, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown.close {
  color: #2c3e50;
  background-color: white;
}
/* line 172, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown.shortcuts {
  color: white;
  background-color: #00a3e0;
}
/* line 177, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown.shortcuts .item-title svg {
  fill: white;
}
/* line 182, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown.shortcuts .objects-list {
  color: white;
  padding: 0;
}
/* line 187, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown.shortcuts .objects-list .sub-list {
  float: left;
  width: 100%;
  padding-bottom: 0;
}
/* line 192, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown.shortcuts .objects-list .sub-list .subtitle {
  padding-top: 5px;
  padding-left: 26px;
  box-sizing: border-box;
  color: white;
}
/* line 198, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown.shortcuts .objects-list .sub-list .subtitle svg {
  position: relative;
  top: 0px;
  float: right;
  right: -5px;
  fill: white;
  height: 15px;
  width: 15px;
}
/* line 210, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown.shortcuts .objects-list .config {
  float: left;
  width: 100%;
  margin-top: 10px;
}
/* line 215, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown.shortcuts .objects-list .config .config-subtitle {
  padding-left: 26px;
  box-sizing: border-box;
  color: white;
  border-top: 1px solid white;
  width: 100%;
  font-size: 13px;
  padding-top: 15px;
  padding-bottom: 15px;
  float: left;
}
/* line 226, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .menu-item-dropdown.shortcuts .objects-list .config .config-subtitle svg {
  position: relative;
  float: right;
  fill: white;
  height: 15px;
  width: 15px;
  top: 2px;
  right: 8%;
}
/* line 241, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .advertising {
  width: 100%;
  height: 180px;
  float: left;
  bottom: 30px;
  right: 40px;
  cursor: pointer;
  border: 1px solid #f2f2f3;
  box-sizing: border-box;
  background-image: url("../images/baners/baner_05_square_new.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* line 259, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .advertising .text {
  height: 45px;
  margin-top: 135px;
  padding: 10px;
  font-size: 16px;
  line-height: 25px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0.7;
  text-transform: none;
  color: white;
  text-align: center;
}
/* line 274, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .advertising .text span {
  font-size: 12px;
  text-transform: uppercase;
}
/* line 281, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .contacts {
  width: 100%;
  height: 70px;
  float: left;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 30px 0;
  font-size: 10px;
  letter-spacing: 1px;
  color: #2c3e50;
}
/* line 295, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .contacts label {
  width: 100%;
  min-height: 10px;
  line-height: normal;
  float: left;
}
/* line 302, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .contacts .info {
  width: 100%;
  height: 10px;
  line-height: 10px;
  color: #00a3e0;
  float: left;
}
/* line 309, sass/sideMenu.scss */
#side-menu .inner-wrapper .content .contacts .info:first-of-type {
  margin-bottom: 10px;
}
/* line 317, sass/sideMenu.scss */
#side-menu .inner-wrapper .toggle-handler {
  width: 23px;
  height: 100%;
  float: right;
  padding-top: 10px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
/* line 330, sass/sideMenu.scss */
#side-menu .inner-wrapper .toggle-handler svg {
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  transform: translateZ(0px);
}
/* line 343, sass/sideMenu.scss */
#side-menu.close .inner-wrapper {
  transform: translateX(-205px);
  -webkit-transform: translateX(-205px);
  -moz-transform: translateX(-205px);
}
/* line 350, sass/sideMenu.scss */
#side-menu.close .inner-wrapper .toggle-handler svg {
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}

/* line 1, sass/widgets/resumeWidget.scss */
#resume-widget {
  height: 100%;
  width: 100%;
}
/* line 5, sass/widgets/resumeWidget.scss */
#resume-widget .widget-title {
  height: 5%;
  padding: 7% 20px;
  font-size: 0.9vw;
  text-transform: uppercase;
  border-bottom: 1px solid #d5e3f1;
}
/* line 15, sass/widgets/resumeWidget.scss */
#resume-widget #info-container {
  width: 100%;
  height: 85%;
  float: left;
  position: relative;
}
/* line 22, sass/widgets/resumeWidget.scss */
#resume-widget #info-container.error {
  text-align: center;
}
/* line 26, sass/widgets/resumeWidget.scss */
#resume-widget #info-container .spinner {
  height: 85%;
  background-color: #fff;
}
/* line 32, sass/widgets/resumeWidget.scss */
#resume-widget .error-message {
  width: 100%;
  text-align: center;
  padding: 20% 0;
  box-sizing: border-box;
  font-size: 1vw;
}
/* line 40, sass/widgets/resumeWidget.scss */
#resume-widget .button {
  width: 190px;
  display: inline-block;
  text-align: center;
  font-size: 0.6vw;
  color: #00a3e0;
  text-transform: uppercase;
  float: none;
}
/* line 50, sass/widgets/resumeWidget.scss */
#resume-widget .transfer-count,
#resume-widget .alerts-count,
#resume-widget .log-ins-count {
  height: 21%;
  width: 100%;
  padding: 4% 0 2% 0;
}
/* line 57, sass/widgets/resumeWidget.scss */
#resume-widget .transfer-count .count-number,
#resume-widget .alerts-count .count-number,
#resume-widget .log-ins-count .count-number {
  height: 100%;
  width: 16%;
  float: left;
  padding: 3px 4% 0 2%;
  font-size: 1.1vw;
  text-align: right;
  color: #00a3e0;
}
/* line 67, sass/widgets/resumeWidget.scss */
#resume-widget .transfer-count .count-number.too-many,
#resume-widget .alerts-count .count-number.too-many,
#resume-widget .log-ins-count .count-number.too-many {
  position: relative;
  padding: 0 6% 0 0;
}
/* line 71, sass/widgets/resumeWidget.scss */
#resume-widget .transfer-count .count-number.too-many:after,
#resume-widget .alerts-count .count-number.too-many:after,
#resume-widget .log-ins-count .count-number.too-many:after {
  content: '+ ';
  display: inline;
  height: 10px;
  width: 10px;
  color: #00a3e0;
  position: absolute;
  top: 0;
  font-size: 16px;
}
/* line 84, sass/widgets/resumeWidget.scss */
#resume-widget .transfer-count .info-wrapper,
#resume-widget .alerts-count .info-wrapper,
#resume-widget .log-ins-count .info-wrapper {
  width: 74%;
  height: 100%;
  padding-right: 4%;
  float: left;
  color: #2c3e50;
}
/* line 92, sass/widgets/resumeWidget.scss */
#resume-widget .transfer-count .info-wrapper .title,
#resume-widget .alerts-count .info-wrapper .title,
#resume-widget .log-ins-count .info-wrapper .title {
  height: 30%;
  width: 100%;
  margin-top: 3%;
  font-size: 0.9vw;
}
/* line 101, sass/widgets/resumeWidget.scss */
#resume-widget .transfer-count .info-wrapper .info-container,
#resume-widget .alerts-count .info-wrapper .info-container,
#resume-widget .log-ins-count .info-wrapper .info-container {
  height: 48%;
  width: 100%;
  margin-top: 2%;
}
/* line 106, sass/widgets/resumeWidget.scss */
#resume-widget .transfer-count .info-wrapper .info-container .subtitle,
#resume-widget .alerts-count .info-wrapper .info-container .subtitle,
#resume-widget .log-ins-count .info-wrapper .info-container .subtitle {
  width: 60px;
  height: 100%;
  float: left;
  margin-top: 3%;
  font-size: 0.7vw;
  color: #00a3e0;
}
/* line 117, sass/widgets/resumeWidget.scss */
#resume-widget .transfer-count .info-wrapper .info-container .info,
#resume-widget .alerts-count .info-wrapper .info-container .info,
#resume-widget .log-ins-count .info-wrapper .info-container .info {
  width: calc(100% - 60px);
  height: 100%;
  float: left;
  font-size: 0.8vw;
  font-weight: 600;
  line-height: 28px;
  text-align: right;
  color: #00a3e0;
}
/* line 130, sass/widgets/resumeWidget.scss */
#resume-widget .transfer-count .info-wrapper .info-container.fullW .subtitle,
#resume-widget .alerts-count .info-wrapper .info-container.fullW .subtitle,
#resume-widget .log-ins-count .info-wrapper .info-container.fullW .subtitle {
  height: 60%;
}
/* line 146, sass/widgets/resumeWidget.scss */
#resume-widget .transfer-count {
  margin-top: 3%;
}
/* line 150, sass/widgets/resumeWidget.scss */
#resume-widget .alerts-count {
  height: 12%;
}
@media (max-width: 1024px) {
  /* line 155, sass/widgets/resumeWidget.scss */
  #resume-widget .widget-title {
    font-size: 1.4vw;
  }
  /* line 163, sass/widgets/resumeWidget.scss */
  #resume-widget .transfer-count .count-number,
  #resume-widget .alerts-count .count-number,
  #resume-widget .log-ins-count .count-number {
    font-size: 2vw;
  }
  /* line 168, sass/widgets/resumeWidget.scss */
  #resume-widget .transfer-count .info-wrapper .title,
  #resume-widget .alerts-count .info-wrapper .title,
  #resume-widget .log-ins-count .info-wrapper .title {
    font-size: 1.4vw;
    margin-top: 1%;
  }
  /* line 174, sass/widgets/resumeWidget.scss */
  #resume-widget .transfer-count .info-wrapper .info-container .subtitle,
  #resume-widget .alerts-count .info-wrapper .info-container .subtitle,
  #resume-widget .log-ins-count .info-wrapper .info-container .subtitle {
    font-size: 1.2vw;
  }
  /* line 178, sass/widgets/resumeWidget.scss */
  #resume-widget .transfer-count .info-wrapper .info-container .info,
  #resume-widget .alerts-count .info-wrapper .info-container .info,
  #resume-widget .log-ins-count .info-wrapper .info-container .info {
    font-size: 1.3vw;
  }
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/widgets/accountsWidget.scss */
#accounts-widget {
  height: 100%;
  width: 100%;
}
/* line 7, sass/widgets/accountsWidget.scss */
#accounts-widget .widget-title {
  height: 5%;
  padding: 3.5% 4%;
  font-size: 0.9vw;
  text-transform: uppercase;
  border-bottom: 1px solid #d5e3f1;
}
/* line 17, sass/widgets/accountsWidget.scss */
#accounts-widget .currency-list {
  min-width: 18%;
  height: 5%;
  padding: 3.5% 2%;
  position: absolute;
  top: 0;
  right: 4%;
}
/* line 25, sass/widgets/accountsWidget.scss */
#accounts-widget .currency-list .currency {
  height: 100%;
  float: left;
  padding-left: 10%;
  text-transform: uppercase;
  font-size: 0.7vw;
  color: #2c3e50;
  cursor: pointer;
}
/* line 36, sass/widgets/accountsWidget.scss */
#accounts-widget .currency-list .currency.active, #accounts-widget .currency-list .currency:hover {
  color: #00a3e0;
}
/* line 42, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table {
  height: 76%;
  padding: 2% 0 0 2%;
}
/* line 46, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .title-row {
  height: 8%;
  padding: 2% 0;
  margin-bottom: 1%;
}
/* line 51, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .title-row .column {
  height: 100%;
  width: 30%;
  float: left;
  padding-left: 4%;
  box-sizing: border-box;
  font-size: 0.8vw;
  color: #00a3e0;
}
/* line 63, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .title-row .column.w2 {
  width: 37%;
  padding-left: 0;
  padding-right: 5%;
  text-align: right;
}
/* line 73, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list {
  height: 76%;
  padding: 0 1% 0 0;
  overflow: hidden;
  overflow-y: scroll;
}
/* line 80, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list .account-row {
  height: 42px;
  line-height: 42px;
  margin-bottom: 10px;
  position: relative;
  background-color: #f2f2f3;
}
/* line 88, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list .account-row .account {
  width: 30%;
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  font-size: 0.9vw;
}
/* line 97, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list .account-row .account.name {
  color: #00a3e0;
  background-color: rgba(213, 227, 241, 0.5);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 106, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list .account-row .account.type {
  widows: 25%;
  position: relative;
  padding-left: 4%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: rgba(213, 227, 241, 0.5);
}
/* line 118, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list .account-row .account.balance {
  width: 37%;
  padding-left: 19px;
  padding-right: 4%;
  text-align: right;
  font-size: 1vw;
  color: #00a3e0;
  position: relative;
}
/* line 129, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list .account-row .account.balance:before {
  content: '';
  display: block;
  position: absolute;
  border-left: 19px solid rgba(213, 227, 241, 0.5);
  border-top: solid 22px transparent;
  border-bottom: solid 22px transparent;
  left: 0;
  top: -1px;
}
/* line 140, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list .account-row .account.balance span {
  white-space: nowrap;
}
/* line 144, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list .account-row .account.balance svg {
  fill: #00a3e0;
  position: absolute;
  height: 20px;
  right: -5px;
  top: 12px;
}
/* line 154, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list .account-row .tooltip {
  position: absolute;
  top: 0;
  z-index: 10;
  line-height: initial !important;
  height: 35px;
  min-height: 35px;
  background-color: transparent;
  cursor: pointer;
}
/* line 165, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list .account-row .tooltip svg {
  position: absolute;
  width: 13px;
  height: 13px;
  left: 7px;
  top: 13px;
}
/* line 173, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list .account-row .tooltip .message {
  display: none;
  position: absolute;
  top: 35px;
  left: 5px;
  padding: 5px 5px 5px 5px;
  box-sizing: border-box;
  font-size: 10px;
  text-overflow: ellipsis;
  max-height: 150px;
  overflow: auto;
  white-space: nowrap;
  color: white;
  box-shadow: 0px 1px 5px #c2c2c2;
  background-color: #efa800;
}
/* line 192, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list .account-row .tooltip:before {
  content: '';
  display: none;
  position: absolute;
  height: 10px;
  width: 10px;
  background-color: #efa800;
  box-shadow: 0px 1px 5px #c2c2c2;
  left: 10px;
  top: 30px;
  -webkit-transform: rotate(-137deg);
  -moz-transform: rotate(-137deg);
  -ms-transform: rotate(-137deg);
  -o-transform: rotate(-137deg);
  transform: rotate(-137deg);
}
/* line 211, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list .account-row .tooltip:hover {
  max-height: 150px;
  z-index: 20;
  height: auto;
}
/* line 216, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list .account-row .tooltip:hover .message {
  display: block;
}
/* line 220, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list .account-row .tooltip:hover:before {
  display: block;
}
/* line 226, sass/widgets/accountsWidget.scss */
#accounts-widget .accounts-info-table .accounts-list .account-row:last-of-type {
  margin-bottom: 0px;
}
@media (max-width: 1024px) {
  /* line 235, sass/widgets/accountsWidget.scss */
  #accounts-widget .widget-title {
    font-size: 1.4vw;
  }
  /* line 239, sass/widgets/accountsWidget.scss */
  #accounts-widget .currency-list .currency {
    font-size: 1.2vw;
  }
  /* line 244, sass/widgets/accountsWidget.scss */
  #accounts-widget .accounts-info-table .title-row .column {
    font-size: 1.3vw;
  }
  /* line 248, sass/widgets/accountsWidget.scss */
  #accounts-widget .accounts-info-table .accounts-list .account-row .account {
    font-size: 1.3vw;
  }
  /* line 251, sass/widgets/accountsWidget.scss */
  #accounts-widget .accounts-info-table .accounts-list .account-row .account.name, #accounts-widget .accounts-info-table .accounts-list .account-row .account.type, #accounts-widget .accounts-info-table .accounts-list .account-row .account.balance {
    font-size: 1.3vw;
  }
}

/* line 1, sass/widgets/movementsWidget.scss */
#movements-widget {
  height: 100%;
  width: 100%;
}
/* line 5, sass/widgets/movementsWidget.scss */
#movements-widget .widget-title {
  height: 2.3%;
  padding: 7% 20px;
  font-size: 0.9vw;
  text-transform: uppercase;
  border-bottom: 1px solid #d5e3f1;
}
/* line 15, sass/widgets/movementsWidget.scss */
#movements-widget > .movements-list {
  height: 86%;
  margin: 4% 0;
  overflow: hidden;
  overflow-y: scroll;
}
/* line 23, sass/widgets/movementsWidget.scss */
#movements-widget > .movements-list.beforeBar:before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 0;
  top: 0;
  left: 8%;
  border-left: 1px solid #d5e3f1;
}
/* line 36, sass/widgets/movementsWidget.scss */
#movements-widget > .movements-list .movement {
  height: 80px;
  width: 80%;
  margin-right: 2%;
  padding: 10px 0 10px 12%;
  position: relative;
  text-align: left;
}
/* line 45, sass/widgets/movementsWidget.scss */
#movements-widget > .movements-list .movement:before {
  content: '';
  display: block;
  position: absolute;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  top: calc( 50% - 5px);
  left: 8%;
  border: 1px solid #00a3e0;
  background-color: white;
}
/* line 60, sass/widgets/movementsWidget.scss */
#movements-widget > .movements-list .movement:after {
  content: '';
  display: block;
  position: absolute;
  height: 0px;
  width: auto;
  border-bottom: 1px solid #d5e3f1;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: calc(12% + 10px);
}
/* line 74, sass/widgets/movementsWidget.scss */
#movements-widget > .movements-list .movement:last-of-type {
  border-bottom: none;
}
/* line 78, sass/widgets/movementsWidget.scss */
#movements-widget > .movements-list .movement .name {
  height: 20px;
  line-height: 16px;
  padding-left: 10px;
  font-size: 1vw;
  color: #00a3e0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 91, sass/widgets/movementsWidget.scss */
#movements-widget > .movements-list .movement .type {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 97, sass/widgets/movementsWidget.scss */
#movements-widget > .movements-list .movement .type,
#movements-widget > .movements-list .movement .when {
  height: 15px;
  line-height: 15px;
  padding-left: 10px;
  font-size: 0.7vw;
}
/* line 106, sass/widgets/movementsWidget.scss */
#movements-widget > .movements-list .movement .value {
  height: 18px;
  line-height: 18px;
  padding-left: 10px;
  margin: 7px 0;
  font-size: 1.2vw;
  color: #00a3e0;
}
/* line 116, sass/widgets/movementsWidget.scss */
#movements-widget > .movements-list .movement .when {
  color: #a5bacf;
  display: inline-block;
  cursor: default;
}
/* line 122, sass/widgets/movementsWidget.scss */
#movements-widget > .movements-list .movement .when-hover {
  display: none;
  height: 15px;
  line-height: 15px;
  padding: 0 5px;
  margin-left: 8px;
  position: relative;
  font-size: 0.6vw;
  color: white;
  background-color: #2c3e50;
}
/* line 134, sass/widgets/movementsWidget.scss */
#movements-widget > .movements-list .movement .when-hover:after {
  content: '';
  display: block;
  position: absolute;
  border-right: 5px solid #2c3e50;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  left: -4px;
  top: 3px;
}
/* line 145, sass/widgets/movementsWidget.scss */
#movements-widget > .movements-list .movement .when-hover.show {
  display: inline-block;
}
/* line 151, sass/widgets/movementsWidget.scss */
#movements-widget > .movements-list .no-data {
  width: 105px;
  height: 70px;
  text-align: center;
  font-weight: 700;
  margin: 0 auto;
  color: #00a3e0;
  white-space: normal;
}
@media (max-width: 1024px) {
  /* line 163, sass/widgets/movementsWidget.scss */
  #movements-widget .widget-title {
    font-size: 1.4vw;
  }
  /* line 168, sass/widgets/movementsWidget.scss */
  #movements-widget .movements-list .movement .name {
    font-size: 1.4vw;
  }
  /* line 172, sass/widgets/movementsWidget.scss */
  #movements-widget .movements-list .movement .type,
  #movements-widget .movements-list .movement .when {
    font-size: 1.1vw;
  }
  /* line 177, sass/widgets/movementsWidget.scss */
  #movements-widget .movements-list .movement .value {
    font-size: 1.6vw;
  }
  /* line 181, sass/widgets/movementsWidget.scss */
  #movements-widget .movements-list .movement .when-hover {
    font-size: 1vw;
  }
}

/* line 1, sass/widgets/positionWidget.scss */
#position-widget {
  height: 100%;
  width: 100%;
  position: relative;
}
/* line 6, sass/widgets/positionWidget.scss */
#position-widget .widget-title {
  height: 5%;
  padding: 7% 8%;
  font-size: 0.9vw;
  text-transform: uppercase;
  border-bottom: 1px solid #d5e3f1;
}
/* line 15, sass/widgets/positionWidget.scss */
#position-widget .widget-title .tooltip {
  position: absolute;
  top: 3.5%;
  right: 0;
  z-index: 10;
  line-height: initial !important;
  height: 35px;
  min-height: 35px;
  background-color: transparent;
  cursor: pointer;
}
/* line 27, sass/widgets/positionWidget.scss */
#position-widget .widget-title .tooltip svg {
  position: absolute;
  width: 17px;
  height: 17px;
  right: 30px;
  top: 10px;
}
/* line 35, sass/widgets/positionWidget.scss */
#position-widget .widget-title .tooltip .message {
  display: none;
  position: absolute;
  width: 200px;
  max-height: 150px;
  top: 40px;
  right: 10px;
  padding: 10px 15px;
  box-sizing: border-box;
  font-size: 10px;
  text-overflow: ellipsis;
  text-transform: none;
  overflow: auto;
  white-space: normal;
  color: white;
  box-shadow: 0px 1px 5px #c2c2c2;
  background-color: #efa800;
}
/* line 57, sass/widgets/positionWidget.scss */
#position-widget .widget-title .tooltip:before {
  content: '';
  display: none;
  position: absolute;
  height: 10px;
  width: 10px;
  background-color: #efa800;
  box-shadow: 0px 1px 5px #c2c2c2;
  right: 34px;
  top: 35px;
  -webkit-transform: rotate(-137deg);
  -moz-transform: rotate(-137deg);
  -ms-transform: rotate(-137deg);
  -o-transform: rotate(-137deg);
  transform: rotate(-137deg);
}
/* line 76, sass/widgets/positionWidget.scss */
#position-widget .widget-title .tooltip:hover {
  max-height: 150px;
  z-index: 20;
  height: auto;
}
/* line 81, sass/widgets/positionWidget.scss */
#position-widget .widget-title .tooltip:hover .message {
  display: block;
}
/* line 85, sass/widgets/positionWidget.scss */
#position-widget .widget-title .tooltip:hover:before {
  display: block;
}
/* line 92, sass/widgets/positionWidget.scss */
#position-widget .currency-list {
  min-width: 34%;
  height: 5%;
  padding: 7% 2%;
  position: absolute;
  top: 0;
  right: 0;
}
/* line 100, sass/widgets/positionWidget.scss */
#position-widget .currency-list .currency {
  height: 100%;
  float: left;
  padding-left: 10%;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 0.7vw;
  color: #2c3e50;
}
/* line 111, sass/widgets/positionWidget.scss */
#position-widget .currency-list .currency.active, #position-widget .currency-list .currency:hover {
  color: #00a3e0;
}
/* line 117, sass/widgets/positionWidget.scss */
#position-widget .type-picker {
  width: 108px;
  height: 20px;
  margin-top: 15px;
  margin-left: 8%;
  display: inline-block;
}
/* line 124, sass/widgets/positionWidget.scss */
#position-widget .type-picker .picker {
  width: 54px;
  float: left;
  text-align: center;
  font-size: 9px;
  cursor: pointer;
  opacity: 0.5;
}
/* line 134, sass/widgets/positionWidget.scss */
#position-widget .type-picker .picker .title {
  height: 15px;
  line-height: 15px;
  font-weight: 600;
  color: #00a3e0;
  margin-bottom: 2px;
  text-transform: uppercase;
}
/* line 143, sass/widgets/positionWidget.scss */
#position-widget .type-picker .picker.selected {
  opacity: 1;
}
/* line 148, sass/widgets/positionWidget.scss */
#position-widget .type-picker .bar {
  width: 108px;
  height: 3px;
  border-radius: 9px;
  box-sizing: border-box;
  margin-bottom: 8px;
  float: left;
  border: 1px solid #c2c2c2;
  background-color: rgba(213, 227, 241, 0.3);
  cursor: pointer;
}
/* line 160, sass/widgets/positionWidget.scss */
#position-widget .type-picker .bar:before {
  content: "";
  display: block;
  position: relative;
  transition: all 1s ease;
  width: 54px;
  height: 2px;
  border-radius: 9px;
  background-color: #00a3e0;
}
/* line 174, sass/widgets/positionWidget.scss */
#position-widget .type-picker .bar.active:before {
  left: 0;
}
/* line 180, sass/widgets/positionWidget.scss */
#position-widget .type-picker .bar.passive:before {
  left: 52px;
}
/* line 187, sass/widgets/positionWidget.scss */
#position-widget .totals-box {
  display: none;
  text-transform: uppercase;
}
/* line 191, sass/widgets/positionWidget.scss */
#position-widget .totals-box.selected {
  display: block;
}
/* line 196, sass/widgets/positionWidget.scss */
#position-widget .balance {
  height: 15%;
  padding: 3% 8%;
}
/* line 200, sass/widgets/positionWidget.scss */
#position-widget .balance .title {
  height: 40%;
  font-size: 0.7vw;
}
/* line 204, sass/widgets/positionWidget.scss */
#position-widget .balance .money {
  height: 60%;
  font-size: 1.1vw;
  color: #00a3e0;
}
/* line 212, sass/widgets/positionWidget.scss */
#position-widget .balance-detail {
  height: 34%;
  padding: 6% 8%;
}
/* line 216, sass/widgets/positionWidget.scss */
#position-widget .balance-detail .active-title,
#position-widget .balance-detail .passive-title {
  height: 20%;
  font-size: 0.9vw;
}
/* line 222, sass/widgets/positionWidget.scss */
#position-widget .balance-detail .balance-money {
  height: 30%;
  font-size: 1.3vw;
  color: #00a3e0;
}
@media (max-width: 1024px) {
  /* line 231, sass/widgets/positionWidget.scss */
  #position-widget .widget-title {
    font-size: 1.4vw;
  }
  /* line 235, sass/widgets/positionWidget.scss */
  #position-widget .currency-list .currency {
    font-size: 1.2vw;
  }
  /* line 240, sass/widgets/positionWidget.scss */
  #position-widget .balance .title {
    font-size: 1.2vw;
  }
  /* line 244, sass/widgets/positionWidget.scss */
  #position-widget .balance .money {
    font-size: 1.6vw;
  }
  /* line 250, sass/widgets/positionWidget.scss */
  #position-widget .balance-detail .active-title,
  #position-widget .balance-detail .passive-title {
    font-size: 1.4vw;
  }
  /* line 255, sass/widgets/positionWidget.scss */
  #position-widget .balance-detail .balance-money {
    font-size: 1.8vw;
  }
}

/* line 1, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget {
  height: 100%;
  width: 100%;
  position: relative;
}
/* line 6, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .widget-title {
  height: 5%;
  padding: 3.5% 4%;
  font-size: 0.9vw;
  text-transform: uppercase;
  border-bottom: 1px solid #d5e3f1;
}
/* line 15, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .widget-title .tooltip {
  position: absolute;
  top: 3.5%;
  right: 0;
  z-index: 10;
  line-height: initial !important;
  height: 35px;
  min-height: 35px;
  background-color: transparent;
  cursor: pointer;
}
/* line 27, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .widget-title .tooltip svg {
  position: absolute;
  width: 17px;
  height: 17px;
  right: 30px;
  top: 10px;
}
/* line 35, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .widget-title .tooltip .message {
  display: none;
  position: absolute;
  width: 200px;
  max-height: 150px;
  top: 40px;
  right: 10px;
  padding: 10px 15px;
  box-sizing: border-box;
  font-size: 10px;
  text-overflow: ellipsis;
  text-transform: none;
  overflow: auto;
  white-space: normal;
  color: white;
  box-shadow: 0px 1px 5px #c2c2c2;
  background-color: #efa800;
}
/* line 57, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .widget-title .tooltip:before {
  content: '';
  display: none;
  position: absolute;
  height: 10px;
  width: 10px;
  background-color: #efa800;
  box-shadow: 0px 1px 5px #c2c2c2;
  right: 34px;
  top: 35px;
  -webkit-transform: rotate(-137deg);
  -moz-transform: rotate(-137deg);
  -ms-transform: rotate(-137deg);
  -o-transform: rotate(-137deg);
  transform: rotate(-137deg);
}
/* line 76, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .widget-title .tooltip:hover {
  max-height: 150px;
  z-index: 20;
  height: auto;
}
/* line 81, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .widget-title .tooltip:hover .message {
  display: block;
}
/* line 85, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .widget-title .tooltip:hover:before {
  display: block;
}
/* line 92, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper {
  width: 100%;
  height: 95%;
  max-height: 190px;
  float: left;
}
/* line 98, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container {
  width: 100%;
  height: 100%;
  float: left;
}
/* line 103, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side {
  width: 200px;
  height: 100%;
  float: left;
}
/* line 108, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker {
  width: 108px;
  height: 20px;
  margin-top: 15px;
  margin-left: 50px;
  display: inline-block;
}
/* line 115, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker .picker {
  width: 54px;
  float: left;
  text-align: center;
  font-size: 9px;
  cursor: pointer;
  opacity: 0.5;
}
/* line 125, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker .picker .title {
  height: 15px;
  line-height: 15px;
  font-weight: 600;
  color: #00a3e0;
  margin-bottom: 2px;
  text-transform: uppercase;
}
/* line 134, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker .picker.selected {
  opacity: 1;
}
/* line 139, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker .bar {
  width: 108px;
  height: 3px;
  border-radius: 9px;
  box-sizing: border-box;
  margin-bottom: 8px;
  float: left;
  border: 1px solid #c2c2c2;
  background-color: rgba(213, 227, 241, 0.3);
  cursor: pointer;
}
/* line 151, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker .bar:before {
  content: "";
  display: block;
  position: relative;
  transition: all 1s ease;
  width: 54px;
  height: 2px;
  border-radius: 9px;
  background-color: #00a3e0;
}
/* line 165, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker .bar.active:before {
  left: 0;
}
/* line 171, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker .bar.passive:before {
  left: 52px;
}
/* line 178, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-slider {
  width: 100%;
  height: 150px;
  margin: 0;
  float: left;
  position: relative;
  transition: all 1s ease-in-out;
}
/* line 186, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-slider .graphic {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
  transition: all 1s ease;
}
/* line 193, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-slider .graphic .pie-label {
  position: absolute;
  width: 90px;
  height: 40px;
  top: 45%;
  left: 80%;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #2c3e50;
}
/* line 204, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-slider .graphic .pie-label span {
  font-size: 13px;
  color: #00a3e0;
}
/* line 210, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-slider .graphic .info-message {
  height: 100%;
  line-height: 23px;
  padding: 100px 70px;
  box-sizing: border-box;
  text-align: center;
  color: #00a3e0;
}
/* line 220, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-slider .graphic.selected {
  height: 100%;
  display: block;
  -webkit-transform: translateX(0%) scale(1);
  -ms-transform: translateX(0%) scale(1);
  -o-transform: translateX(0%) scale(1);
  transform: translateX(0%) scale(1);
}
/* line 228, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-slider .graphic.selected .info-message {
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  height: 135px;
  padding-top: 50px;
}
/* line 238, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-slider .graphic svg {
  position: relative;
  display: block;
  margin: 20px auto;
  overflow: visible;
}
/* line 244, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-slider .graphic svg text {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 2px;
}
/* line 252, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-slider .graphic svg text.medium {
  fill: #00a3e0;
  font-size: 14px;
  text-transform: none;
}
/* line 258, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-slider .graphic svg text.small {
  fill: #00a3e0;
  font-size: 12px;
  text-transform: none;
}
/* line 269, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .right-side {
  width: calc(100% - 200px);
  height: 100%;
  float: left;
}
/* line 274, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .right-side .subtitle-box {
  float: right;
  width: 100%;
  display: none;
  margin-top: 15px;
  margin-bottom: 20px;
  text-align: center;
  color: black;
  text-transform: uppercase;
}
/* line 284, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .right-side .subtitle-box .subtitle {
  height: 15px;
  line-height: 15px;
  font-size: 10px;
}
/* line 290, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .right-side .subtitle-box .money {
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
}
/* line 297, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper .graphic-container .right-side .subtitle-box.selected {
  display: inline-block;
}
/* line 304, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel {
  width: 100%;
  height: 100%;
  max-height: 80px;
  float: right;
  position: relative;
  margin-top: 60px;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  box-sizing: border-box;
}
/* line 316, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel .info-container {
  display: none;
  height: 100%;
  width: 240px;
  line-height: 15px;
  font-size: 10px;
  margin: 0 auto;
  position: relative;
}
/* line 327, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel .info-container .info-message {
  margin-top: 25px;
}
/* line 331, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel .info-container .account {
  position: absolute;
  display: block;
  width: 240px;
  opacity: 0;
  -webkit-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
/* line 341, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel .info-container .account .account-number {
  margin-bottom: 7px;
}
/* line 345, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel .info-container .account span {
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  display: block;
}
/* line 353, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel .info-container .account.current {
  opacity: 1;
}
/* line 357, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel .info-container .account.at-left {
  -webkit-transform: translateX(-120px);
  -ms-transform: translateX(-120px);
  -o-transform: translateX(-120px);
  transform: translateX(-120px);
}
/* line 364, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel .info-container .account.at-right {
  -webkit-transform: translateX(120px);
  -ms-transform: translateX(120px);
  -o-transform: translateX(120px);
  transform: translateX(120px);
}
/* line 372, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel .info-container.selected {
  display: block;
}
/* line 379, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel #assets-info span {
  color: #39ca74;
}
/* line 386, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel #liabilities-info span {
  color: #e54d42;
}
/* line 391, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel .arrow {
  width: 28px;
  height: 33px;
  position: absolute;
  top: calc(50% - 8px);
  cursor: pointer;
  z-index: 2;
}
/* line 399, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel .arrow svg {
  height: 13px;
  width: 8px;
  margin-top: 10px;
}
/* line 405, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel .arrow svg g g {
  fill: #979797;
  stroke-width: 4;
}
/* line 415, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel .arrow:hover svg g g {
  fill: #666666;
}
/* line 422, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel .arrow.hidden {
  display: none;
}
/* line 427, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel #left-arrow {
  left: 15px;
}
/* line 431, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel #right-arrow {
  right: 15px;
}
/* line 434, sass/widgets/assetsLiabilitiesWidget.scss */
#assets-liabilities-widget .graphic-wrapper #account-caroussel #right-arrow svg {
  transform: rotate(180deg);
}
@media (min-width: 1500px) {
  /* line 442, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker {
    width: 200px;
    margin-left: 50px;
    margin-bottom: 10px;
  }
  /* line 447, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker .picker {
    font-size: 12px;
    width: 100px;
  }
  /* line 452, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker .bar {
    width: 200px;
  }
  /* line 455, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker .bar:before {
    width: 100px;
  }
  /* line 460, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker .bar.passive:before {
    left: 98px;
  }
  /* line 468, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .right-side .subtitle-box {
    margin-top: 65px;
  }
  /* line 471, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .right-side .subtitle-box .subtitle {
    font-size: 11px;
  }
  /* line 475, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .right-side .subtitle-box .money {
    font-size: 14px;
  }
  /* line 482, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .right-side #account-caroussel .info-container {
    margin: 0 auto;
    position: relative;
    font-size: 10px;
  }
  /* line 488, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .right-side #account-caroussel .info-container .account .account-number span {
    font-size: 16px;
    font-weight: 400;
  }
  /* line 493, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .right-side #account-caroussel .info-container .account .balance span {
    font-size: 18px;
    font-weight: 700px;
  }
}
@media (max-width: 1024px) {
  /* line 504, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .widget-title {
    font-size: 1.4vw;
  }
  /* line 508, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .currency-list .currency {
    font-size: 1.2vw;
  }
  /* line 512, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper {
    max-height: 300px;
    padding: 30px;
    box-sizing: border-box;
  }
  /* line 520, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker {
    width: 200px;
    margin-left: 50px;
    margin-bottom: 10px;
  }
  /* line 525, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker .picker {
    font-size: 12px;
    width: 100px;
  }
  /* line 530, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker .bar {
    width: 200px;
  }
  /* line 533, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker .bar:before {
    width: 100px;
  }
  /* line 538, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-picker .bar.passive:before {
    left: 98px;
  }
  /* line 545, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-slider {
    width: 100%;
    height: 250px;
  }
  /* line 549, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .left-side .graphic-slider svg {
    margin-top: 30px;
  }
  /* line 556, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .right-side .subtitle-box {
    margin-top: 65px;
  }
  /* line 559, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .right-side .subtitle-box .subtitle {
    font-size: 11px;
  }
  /* line 563, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper .graphic-container .right-side .subtitle-box .money {
    font-size: 14px;
  }
  /* line 572, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper #account-caroussel .info-container {
    margin: 0 auto;
    position: relative;
    font-size: 12px;
  }
  /* line 577, sass/widgets/assetsLiabilitiesWidget.scss */
  #assets-liabilities-widget .graphic-wrapper #account-caroussel .info-container .account span {
    font-size: 15px;
  }
}

/* line 7, sass/widgets/widget.scss */
.widget-wrapper {
  position: relative;
  max-width: 1400px;
}
/* line 11, sass/widgets/widget.scss */
.widget-wrapper.w1 {
  width: 25%;
}
/* line 15, sass/widgets/widget.scss */
.widget-wrapper.w2 {
  width: 50%;
}
/* line 19, sass/widgets/widget.scss */
.widget-wrapper.w3 {
  width: 75%;
}
/* line 23, sass/widgets/widget.scss */
.widget-wrapper.w4 {
  width: 100%;
}
/* line 27, sass/widgets/widget.scss */
.widget-wrapper.h1 {
  padding-bottom: 25%;
}
/* line 31, sass/widgets/widget.scss */
.widget-wrapper.h2 {
  padding-bottom: 50%;
}
/* line 35, sass/widgets/widget.scss */
.widget-wrapper.h3 {
  padding-bottom: 75%;
}
/* line 39, sass/widgets/widget.scss */
.widget-wrapper.h4 {
  padding-bottom: 100%;
}
/* line 43, sass/widgets/widget.scss */
.widget-wrapper.left {
  float: left;
}
/* line 47, sass/widgets/widget.scss */
.widget-wrapper.right {
  float: right;
  text-align: left;
}
/* line 52, sass/widgets/widget.scss */
.widget-wrapper .content {
  background-color: white;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 10px;
  left: 0;
}
/* line 60, sass/widgets/widget.scss */
.widget-wrapper .content.noRightPad {
  right: 0;
}

@media (max-width: 1024px) {
  /* line 67, sass/widgets/widget.scss */
  .widget-wrapper {
    position: relative;
    max-width: 1400px;
  }
  /* line 71, sass/widgets/widget.scss */
  .widget-wrapper.w1 {
    width: 50%;
  }
  /* line 75, sass/widgets/widget.scss */
  .widget-wrapper.w2 {
    width: 100%;
  }
  /* line 79, sass/widgets/widget.scss */
  .widget-wrapper.w4 {
    width: 100%;
  }
  /* line 83, sass/widgets/widget.scss */
  .widget-wrapper.h1 {
    padding-bottom: 50%;
  }
  /* line 87, sass/widgets/widget.scss */
  .widget-wrapper.h2 {
    padding-bottom: 100%;
  }
  /* line 91, sass/widgets/widget.scss */
  .widget-wrapper.h4 {
    padding-bottom: 100%;
  }
}
/* line 1, sass/home.scss */
#home {
  margin-bottom: 0;
}
/* line 4, sass/home.scss */
#home .welcome-title {
  width: 100%;
  height: 30px;
  float: left;
  margin-bottom: 17px;
  font-size: 21px;
  letter-spacing: 1px;
  color: #00a3e0;
}
/* line 15, sass/home.scss */
#home .widgets-area {
  height: 100%;
  box-sizing: border-box;
}

/* line 1, sass/modals/overlay.scss */
#overlay-wrapper {
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  z-index: 20;
  background-image: url(../images/blur.png);
}
/* line 14, sass/modals/overlay.scss */
#overlay-wrapper.show {
  height: 100%;
  width: 100%;
}
/* line 20, sass/modals/overlay.scss */
#overlay-wrapper.with-before:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(44, 62, 80, 0.8);
}
/* line 31, sass/modals/overlay.scss */
#overlay-wrapper #login-wrapper {
  width: 100%;
  height: 100%;
  margin: 0;
  max-height: none;
  border: none;
}
/* line 40, sass/modals/overlay.scss */
#overlay-wrapper > div {
  width: 920px;
  max-height: 600px;
  margin: 0 auto;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
  border: 1px solid #d5e3f1;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 58, sass/modals/overlay.scss */
#overlay-wrapper > div#code-modal-wrapper {
  max-height: 700px;
}
/* line 62, sass/modals/overlay.scss */
#overlay-wrapper > div#favorites-list-wrapper {
  width: 100%;
  background-color: transparent;
  max-height: none;
  border: none;
  top: 0;
  left: 0;
  transform: none;
}
/* line 74, sass/modals/overlay.scss */
#overlay-wrapper > div#requests-detail-modal-detail-wrapper {
  width: 800px;
}
/* line 78, sass/modals/overlay.scss */
#overlay-wrapper > div .button-class {
  margin-bottom: 20px;
}
/* line 82, sass/modals/overlay.scss */
#overlay-wrapper > div .modal-header {
  width: 100%;
  text-align: center;
  height: 45px;
  line-height: 45px;
  position: relative;
}
/* line 89, sass/modals/overlay.scss */
#overlay-wrapper > div .modal-header .close {
  position: absolute;
  height: 100%;
  top: 0;
  right: 40px;
  cursor: pointer;
}
/* line 97, sass/modals/overlay.scss */
#overlay-wrapper > div .modal-header .close:before, #overlay-wrapper > div .modal-header .close:after {
  content: "";
  display: block;
  position: relative;
  width: 22px;
  height: 2px;
  top: 20px;
  left: -7px;
  background-color: #2c3e50;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 115, sass/modals/overlay.scss */
#overlay-wrapper > div .modal-header .close:after {
  top: 18px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 124, sass/modals/overlay.scss */
#overlay-wrapper > div .settings-icon {
  position: absolute;
  top: 11px;
  right: 11px;
}
/* line 129, sass/modals/overlay.scss */
#overlay-wrapper > div .settings-icon svg {
  fill: #00a3e0;
  height: 16px;
  width: 16px;
}
/* line 136, sass/modals/overlay.scss */
#overlay-wrapper > div .modal-footer {
  width: 100%;
  height: 48px;
  float: left;
  padding: 15px 5px 15px 45px;
  box-sizing: border-box;
}
/* line 144, sass/modals/overlay.scss */
#overlay-wrapper > div .modal-footer .fav-icon {
  width: calc(100% - 80px);
  float: left;
  position: relative;
  margin-top: 0;
  padding-left: 30px;
  box-sizing: border-box;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: #00a3e0;
  display: none;
}
/* line 160, sass/modals/overlay.scss */
#overlay-wrapper > div .modal-footer .fav-icon svg {
  position: absolute;
  left: 0;
  fill: #00a3e0;
}
/* line 166, sass/modals/overlay.scss */
#overlay-wrapper > div .modal-footer .fav-icon.create {
  display: block;
}
/* line 169, sass/modals/overlay.scss */
#overlay-wrapper > div .modal-footer .fav-icon.create svg {
  top: -3px;
}
/* line 174, sass/modals/overlay.scss */
#overlay-wrapper > div .modal-footer .fav-icon.added {
  display: none;
}
/* line 178, sass/modals/overlay.scss */
#overlay-wrapper > div .modal-footer .fav-icon.isFavorit {
  display: block;
}
/* line 183, sass/modals/overlay.scss */
#overlay-wrapper > div .modal-footer .icon {
  width: 40px;
  float: right;
  cursor: pointer;
}
/* line 188, sass/modals/overlay.scss */
#overlay-wrapper > div .modal-footer .icon.hide {
  display: none;
}
/* line 195, sass/modals/overlay.scss */
#overlay-wrapper #new-account-container {
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
/* line 201, sass/modals/overlay.scss */
#overlay-wrapper #new-account-container.closed {
  width: 0;
  height: 0;
  transition: all 1s linear;
}
/* line 207, sass/modals/overlay.scss */
#overlay-wrapper #new-account-container.closed > * {
  opacity: 0;
  transition: opacity 1s linear;
}
/* line 214, sass/modals/overlay.scss */
#overlay-wrapper #code-modal-wrapper {
  width: 650px;
}
/* line 218, sass/modals/overlay.scss */
#overlay-wrapper #alert-wrapper {
  width: 496px;
  min-height: 300px;
  z-index: 2;
}
/* line 223, sass/modals/overlay.scss */
#overlay-wrapper #alert-wrapper.deleteBeneficiary {
  height: 320px;
}
/* line 227, sass/modals/overlay.scss */
#overlay-wrapper #alert-wrapper.suspended {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
}
/* line 236, sass/modals/overlay.scss */
#overlay-wrapper #alert-wrapper .buttons-wrapper {
  width: 100%;
  text-align: center;
}
/* line 240, sass/modals/overlay.scss */
#overlay-wrapper #alert-wrapper .buttons-wrapper .button-class {
  display: inline-block;
  float: none;
  margin: 0 10px;
  min-width: 145px;
}
/* line 249, sass/modals/overlay.scss */
#overlay-wrapper #time-alert {
  width: 690px;
  height: 470px;
}
/* line 253, sass/modals/overlay.scss */
#overlay-wrapper #time-alert .modal-header {
  margin-top: 45px;
  height: 30px;
  line-height: 30px;
  font-size: 22px;
  font-weight: 600;
}
/* line 261, sass/modals/overlay.scss */
#overlay-wrapper #time-alert .modal-header .close {
  top: -7px;
}
/* line 266, sass/modals/overlay.scss */
#overlay-wrapper #time-alert .buttons-wrapper {
  width: 100%;
  text-align: center;
}
/* line 270, sass/modals/overlay.scss */
#overlay-wrapper #time-alert .buttons-wrapper .button-class {
  display: inline-block;
  float: none;
  min-width: 145px;
}
/* line 278, sass/modals/overlay.scss */
#overlay-wrapper #custom-avatar-wrapper {
  width: 710px;
  height: 460px;
}
/* line 283, sass/modals/overlay.scss */
#overlay-wrapper #validation-modal-wrapper {
  width: 750px;
  height: 450px;
}
/* line 288, sass/modals/overlay.scss */
#overlay-wrapper #transfers-modal-detail-wrapper {
  width: 680px;
  max-height: 545px;
}
/* line 292, sass/modals/overlay.scss */
#overlay-wrapper #transfers-modal-detail-wrapper.is-approval-detail {
  width: 900px;
  max-height: 90%;
}
/* line 297, sass/modals/overlay.scss */
#overlay-wrapper #transfers-modal-detail-wrapper .modal-footer {
  float: none;
}
/* line 302, sass/modals/overlay.scss */
#overlay-wrapper #file-detail-wrapper {
  max-height: 630px;
}
/* line 306, sass/modals/overlay.scss */
#overlay-wrapper #deposit-detail {
  width: 800px;
  overflow: hidden;
  max-height: 630px;
}
/* line 312, sass/modals/overlay.scss */
#overlay-wrapper #credit-movements-modal-wrapper {
  width: 680px;
  overflow: hidden;
  height: 495px;
}
/* line 317, sass/modals/overlay.scss */
#overlay-wrapper #credit-movements-modal-wrapper .info-box {
  height: 400px;
}
/* line 322, sass/modals/overlay.scss */
#overlay-wrapper #credit-accounts-modal-wrapper {
  width: 860px;
  overflow: hidden;
}
/* line 326, sass/modals/overlay.scss */
#overlay-wrapper #credit-accounts-modal-wrapper .modal-footer {
  width: 100%;
  height: 66px;
  float: left;
  padding: 15px 25px;
  box-sizing: border-box;
  margin-top: 30px;
  border-top: 1px solid rgba(44, 62, 80, 0.1);
}
/* line 336, sass/modals/overlay.scss */
#overlay-wrapper #credit-accounts-modal-wrapper .buttons-wrapper {
  height: 35px;
  float: right;
}
/* line 341, sass/modals/overlay.scss */
#overlay-wrapper #credit-accounts-modal-wrapper .icon {
  width: 20px;
  float: right;
  padding-top: 8px;
  cursor: pointer;
  margin-right: 20px;
}
/* line 349, sass/modals/overlay.scss */
#overlay-wrapper #credit-accounts-modal-wrapper .search {
  cursor: pointer;
}
/* line 352, sass/modals/overlay.scss */
#overlay-wrapper #credit-accounts-modal-wrapper .search svg {
  fill: #00a3e0;
}
/* line 358, sass/modals/overlay.scss */
#overlay-wrapper #favorites-list-wrapper {
  width: 100%;
  height: 69px;
  max-height: 800px;
  border: none;
  border-bottom: 1px solid #d5e3f1;
}
/* line 367, sass/modals/overlay.scss */
#overlay-wrapper #payment-entity-modal {
  width: 500px;
  height: 320px;
}
/* line 372, sass/modals/overlay.scss */
#overlay-wrapper.darkBg {
  background-image: none;
  background-color: rgba(44, 62, 80, 0.8);
}
/* line 377, sass/modals/overlay.scss */
#overlay-wrapper.transparentBg {
  background-image: none;
  background-color: transparent;
}

/* line 3, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .title {
  width: 400px;
  height: 28px;
  margin: 25px auto 0 auto;
  font-size: 21px;
  letter-spacing: 1px;
  text-align: center;
  color: #00a3e0;
}
/* line 14, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .name {
  width: 400px;
  height: 43px;
  margin: 0 auto 55px auto;
  font-size: 32px;
  text-align: center;
  color: #2c3e50;
}
/* line 24, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .drag-message {
  width: 600px;
  height: 16px;
  margin: 25px 0 14px 23px;
  color: #a5bacf;
  font-size: 12px;
  line-height: 12px;
}
/* line 36, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .rapid-access-picks,
#custom-rapid-access-wrapper .possible-picks {
  width: 100%;
  height: 156px;
}
/* line 43, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .rapid-access-picks .subtitle,
#custom-rapid-access-wrapper .possible-picks .subtitle {
  width: 600px;
  height: 14px;
  float: left;
  margin-left: 23px;
  margin-bottom: 12px;
  font-size: 12px;
  color: #00a3e0;
  text-transform: uppercase;
}
/* line 56, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .rapid-access-picks .item-list,
#custom-rapid-access-wrapper .possible-picks .item-list {
  width: 888px;
  height: 130px;
  margin: 0 15px;
  box-sizing: border-box;
  float: left;
  position: relative;
  z-index: 2;
  border: 1px dashed transparent;
}
/* line 68, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .rapid-access-picks .item-list .item,
#custom-rapid-access-wrapper .possible-picks .item-list .item {
  width: 165px;
  height: 52px;
  overflow: hidden;
  float: left;
  margin: 6px;
  padding: 9px 15px;
  box-sizing: border-box;
  font-size: 12px;
  letter-spacing: 1px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  cursor: move;
  border: 1px solid #00a3e0;
}
/* line 87, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .rapid-access-picks .item-list .item.active,
#custom-rapid-access-wrapper .possible-picks .item-list .item.active {
  background-color: #00a3e0;
}
/* line 91, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .rapid-access-picks .item-list .item.to-pick,
#custom-rapid-access-wrapper .possible-picks .item-list .item.to-pick {
  color: #a5bacf;
  background-color: white;
  border: 1px solid #a5bacf;
}
/* line 98, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .rapid-access-picks .item-list .item.go-to-other,
#custom-rapid-access-wrapper .possible-picks .item-list .item.go-to-other {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
/* line 107, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .rapid-access-picks .item-list-grid,
#custom-rapid-access-wrapper .possible-picks .item-list-grid {
  width: 888px;
  height: 130px;
  margin: 0 15px;
  top: 177px;
  box-sizing: border-box;
  float: left;
  position: absolute;
  display: none;
  border: 1px dashed #C2C2C2;
}
/* line 119, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .rapid-access-picks .item-list-grid.place,
#custom-rapid-access-wrapper .possible-picks .item-list-grid.place {
  display: block;
}
/* line 123, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .rapid-access-picks .item-list-grid .item-grid,
#custom-rapid-access-wrapper .possible-picks .item-list-grid .item-grid {
  width: 165px;
  height: 52px;
  text-align: center;
  line-height: 33px;
  float: left;
  margin: 6px;
  padding: 9px 15px;
  box-sizing: border-box;
  font-size: 12px;
  letter-spacing: 1px;
  color: #979797;
  text-align: center;
  text-transform: uppercase;
  background-color: white;
  border: 1px dashed #979797;
}
/* line 145, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .carousel-wrapper {
  height: 156px;
  width: 918px;
  position: relative;
}
/* line 151, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .carousel-wrapper .arrows-wrapper {
  width: 40px;
  height: 14px;
  float: right;
  margin-right: 23px;
  position: absolute;
  z-index: 2;
  right: 0;
  cursor: pointer;
}
/* line 162, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .carousel-wrapper .arrows-wrapper .left,
#custom-rapid-access-wrapper .carousel-wrapper .arrows-wrapper .right {
  width: 15px;
  height: 14px;
  float: left;
  margin-left: 5px;
}
/* line 169, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .carousel-wrapper .arrows-wrapper .left svg,
#custom-rapid-access-wrapper .carousel-wrapper .arrows-wrapper .right svg {
  fill: #a5bacf;
}
/* line 175, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .carousel-wrapper .arrows-wrapper .right svg {
  fill: #00a3e0;
}
/* line 181, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .carousel-wrapper .possible-picks {
  position: absolute;
  display: inline-block;
  opacity: 0;
}
/* line 186, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .carousel-wrapper .possible-picks.current {
  opacity: 1;
  z-index: 1;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
/* line 195, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .carousel-wrapper .possible-picks.next {
  opacity: 0;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
/* line 203, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .carousel-wrapper .possible-picks.prev {
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
/* line 213, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .buttons-wrapper {
  position: absolute;
  bottom: -55px;
  right: 0;
}
/* line 218, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .buttons-wrapper .button {
  height: 43px;
  width: 100px;
  line-height: 43px;
  float: left;
  text-align: center;
  font-size: 13px;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
}
/* line 232, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .buttons-wrapper .button.wBox {
  width: 130px;
  line-height: 35px;
  font-size: 14px;
  color: #00a3e0;
  background-color: white;
  border: 3px solid #00a3e0;
}
/* line 242, sass/modals/rapidAccess.scss */
#custom-rapid-access-wrapper .buttons-wrapper .button.wBox:hover {
  background-color: #00a3e0;
  color: white;
}

/* line 3, sass/modals/addPic.scss */
#custom-add-pic-wrapper .title {
  width: 400px;
  height: 28px;
  margin: 25px auto 0 auto;
  font-size: 21px;
  letter-spacing: 1px;
  text-align: center;
  color: #00a3e0;
}
/* line 14, sass/modals/addPic.scss */
#custom-add-pic-wrapper .name {
  width: 400px;
  height: 43px;
  margin: 0 auto 55px auto;
  font-size: 32px;
  text-align: center;
  color: #2c3e50;
}
/* line 24, sass/modals/addPic.scss */
#custom-add-pic-wrapper .subtitle {
  width: 342px;
  height: 14px;
  margin: 15px auto 12px auto;
  font-size: 12px;
  color: #00a3e0;
  text-transform: uppercase;
}
/* line 33, sass/modals/addPic.scss */
#custom-add-pic-wrapper .pic-placeholder {
  width: 342px;
  height: 200px;
  margin: 0 auto;
  margin-bottom: 60px;
  border: 1px dashed #979797;
  		/*.upload-button{
  			width: 230px;
  			height: 30px;
  
  			margin: 0 auto;
  			text-align: center;
  			color: palette(blue, darkBlue);
  			font-weight: 700;
  
  			font-size: 11px;
  			line-height: 28px;
  			
  			border: 1px solid #cfcfcf;
  			background-color: #f5f5f5;
  		}*/
}
/* line 42, sass/modals/addPic.scss */
#custom-add-pic-wrapper .pic-placeholder .icon {
  height: 50px;
  width: 50px;
  margin: 32px auto 15px auto;
}
/* line 47, sass/modals/addPic.scss */
#custom-add-pic-wrapper .pic-placeholder .icon svg {
  fill: #979797;
  width: 50px;
  height: 50px;
}
/* line 54, sass/modals/addPic.scss */
#custom-add-pic-wrapper .pic-placeholder .text {
  width: 257px;
  height: 18px;
  margin: 0 auto 32px auto;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
  color: #2c3e50;
}
/* line 84, sass/modals/addPic.scss */
#custom-add-pic-wrapper .buttons-wrapper {
  position: absolute;
  bottom: -55px;
  right: 0;
}
/* line 89, sass/modals/addPic.scss */
#custom-add-pic-wrapper .buttons-wrapper .button {
  height: 43px;
  width: 100px;
  line-height: 43px;
  float: left;
  text-align: center;
  font-size: 13px;
  color: #979797;
  box-sizing: border-box;
  cursor: pointer;
}
/* line 103, sass/modals/addPic.scss */
#custom-add-pic-wrapper .buttons-wrapper .button.wBox {
  width: 130px;
  line-height: 35px;
  font-size: 14px;
  color: #00a3e0;
  background-color: white;
  border: 3px solid #00a3e0;
}
/* line 113, sass/modals/addPic.scss */
#custom-add-pic-wrapper .buttons-wrapper .button.wBox:hover {
  background-color: #00a3e0;
  color: white;
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/modals/alert.scss */
#alert-wrapper {
  color: #2c3e50;
  text-align: center;
  padding: 0 30px;
  box-sizing: border-box;
}
/* line 9, sass/modals/alert.scss */
#alert-wrapper .icon {
  width: 100%;
  height: 100px;
  float: left;
  padding: 20px;
  box-sizing: border-box;
}
/* line 16, sass/modals/alert.scss */
#alert-wrapper .icon.error {
  margin: 7px 34px 8px 16px;
}
/* line 19, sass/modals/alert.scss */
#alert-wrapper .icon.error:before, #alert-wrapper .icon.error:after {
  content: "";
  display: block;
  position: relative;
  width: 62px;
  height: 7px;
  top: 23px;
  left: 150px;
  background-color: #d0021b;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 37, sass/modals/alert.scss */
#alert-wrapper .icon.error:after {
  top: 16px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 47, sass/modals/alert.scss */
#alert-wrapper .icon.success svg {
  height: 80px;
  width: 80px;
  fill: #63a31d;
}
/* line 55, sass/modals/alert.scss */
#alert-wrapper .icon.pending svg {
  height: 80px;
  width: 80px;
}
/* line 59, sass/modals/alert.scss */
#alert-wrapper .icon.pending svg path {
  fill: #e1dc27;
}
/* line 65, sass/modals/alert.scss */
#alert-wrapper .icon.close {
  position: absolute;
  height: 20px;
  padding: 0;
  width: 20px;
  right: 10px;
  top: 10px;
}
/* line 75, sass/modals/alert.scss */
#alert-wrapper .icon.alert svg {
  height: 80px;
  width: 80px;
}
/* line 82, sass/modals/alert.scss */
#alert-wrapper .session-type-title {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
/* line 94, sass/modals/alert.scss */
#alert-wrapper .session-message {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  padding: 0 46px;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
}
/* line 105, sass/modals/alert.scss */
#alert-wrapper .session-note {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  padding: 0 46px;
  box-sizing: border-box;
  text-align: center;
  font-size: 11px;
}
/* line 116, sass/modals/alert.scss */
#alert-wrapper .button-class {
  min-width: 115px;
  clear: both;
  float: none;
}
/* line 125, sass/modals/alert.scss */
#alert-wrapper.deleteBeneficiary .session-type-title {
  line-height: 55px;
}
/* line 132, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper {
  width: 400px;
  min-height: 400px;
  box-sizing: border-box;
  text-align: initial;
  padding: 0 20px;
  margin: 0 auto;
  background-color: white;
  border: 1px solid #d5e3f1;
}
/* line 144, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .hint-icon {
  position: absolute;
  right: 11px;
  top: 11px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
/* line 153, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .hint-icon svg {
  fill: #a5bacf;
  height: 20px;
  width: 20px;
}
/* line 161, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .icon {
  text-align: center;
}
/* line 165, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .session-type-title {
  font-size: 36px;
}
/* line 169, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .error-wrapper {
  display: none;
  height: 70px;
  width: 342px;
  margin: 0 auto 10px auto;
  border: 2px solid #d0021b;
  box-sizing: border-box;
  background-color: rgba(208, 2, 27, 0.2);
}
/* line 180, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .error-wrapper .icon {
  height: 50px;
  float: left;
  width: 50px;
  margin: 7px 34px 8px 16px;
}
/* line 186, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .error-wrapper .icon:before, #alert-wrapper.suspended .session-login-wrapper .error-wrapper .icon:after {
  content: "";
  display: block;
  position: relative;
  width: 62px;
  height: 7px;
  top: 23px;
  left: -7px;
  background-color: #d0021b;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 204, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .error-wrapper .icon:after {
  top: 16px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 212, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .error-wrapper .message {
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 68px;
}
/* line 218, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .error-wrapper.show {
  display: block;
}
/* line 223, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .input-wrapper {
  width: calc(100% - 38px);
  height: 39px;
  float: left;
  line-height: 39px;
  margin: 0 19px 14px 19px;
  transition: scale 1s ease-out;
}
/* line 232, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .input-wrapper label {
  font-size: 11.9px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #2c3e50;
}
/* line 240, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .input-wrapper .custom-input {
  width: 218px;
  float: right;
  position: relative;
}
/* line 148, sass/variables.scss */
#alert-wrapper.suspended .session-login-wrapper .input-wrapper .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 218px;
  height: 1px;
  left: 0;
  top: 41px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#alert-wrapper.suspended .session-login-wrapper .input-wrapper .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#alert-wrapper.suspended .session-login-wrapper .input-wrapper .custom-input input {
  width: 218px;
  height: 39px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#alert-wrapper.suspended .session-login-wrapper .input-wrapper .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#alert-wrapper.suspended .session-login-wrapper .input-wrapper .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 246, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .input-wrapper .custom-input input {
  color: #2c3e50;
}
/* line 252, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .input-wrapper.password {
  margin-bottom: 23px;
}
/* line 258, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .active-keyboard {
  height: 15px;
  float: left;
  line-height: 15px;
  margin: 0 19px 51px 19px;
}
/* line 264, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .active-keyboard input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 0 14px 0 0;
  cursor: pointer;
}
/* line 81, sass/variables.scss */
#alert-wrapper.suspended .session-login-wrapper .active-keyboard input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
#alert-wrapper.suspended .session-login-wrapper .active-keyboard input:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 272, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .active-keyboard label {
  width: 276.6px;
  float: left;
  font-size: 12px;
  letter-spacing: 1px;
  color: #2c3e50;
  cursor: pointer;
}
/* line 284, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .keyboard-wrapper {
  display: block;
  height: 0px;
  width: 330px;
  margin: 0 auto 0 auto;
  overflow: hidden;
  box-sizing: border-box;
  transition: all 0.5s ease;
  opacity: 0;
}
/* line 295, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .keyboard-wrapper.active {
  height: 189px;
  opacity: 1;
}
/* line 300, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .keyboard-wrapper .key {
  width: 31px;
  height: 31px;
  float: left;
  margin: 1px;
  text-align: center;
  line-height: 31px;
  font-size: 14px;
  color: #2c3e50;
  background-color: #d5e3f1;
  cursor: pointer;
}
/* line 315, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .keyboard-wrapper .key.size3 {
  width: 97px;
}
/* line 319, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .keyboard-wrapper .key.size4 {
  width: 130px;
}
/* line 323, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .keyboard-wrapper .key.uppercase {
  text-transform: uppercase;
}
/* line 329, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .login-button {
  width: 324px;
  height: 43px;
  line-height: 43px;
  margin: 0 auto;
  margin-bottom: 11px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #00a3e0;
  text-transform: uppercase;
  border: 3px solid #00a3e0;
  cursor: pointer;
}
/* line 348, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .login-button:hover {
  color: white;
  background-color: #00a3e0;
}
/* line 354, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .login-button:hover:active {
  color: white;
  background-color: rgba(0, 163, 224, 0.9);
}
/* line 361, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .hint-wrapper {
  width: 220px;
  height: auto;
  padding: 20px;
  box-sizing: content-box;
  position: absolute;
  top: 0;
  left: 420px;
  font-size: 12px;
  background-color: white;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
/* line 378, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .hint-wrapper:before {
  content: '';
  display: block;
  position: absolute;
  border-right: 10px solid white;
  border-top: solid 12px transparent;
  border-bottom: solid 12px transparent;
  left: -10px;
  top: 10px;
}
/* line 390, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .help {
  display: none;
  width: 220px;
  height: auto;
  padding: 20px;
  box-sizing: content-box;
  position: absolute;
  bottom: -45px;
  font-size: 12px;
  color: white;
  cursor: pointer;
}
/* line 405, sass/modals/alert.scss */
#alert-wrapper.suspended .session-login-wrapper .help.show {
  display: block;
}

/* line 3, sass/modals/timeAlert.scss */
#time-alert .modal-content,
#suspended-modal .modal-content {
  width: 100%;
  height: calc(100% - 180px);
  float: left;
}
/* line 8, sass/modals/timeAlert.scss */
#time-alert .modal-content .text-small,
#time-alert .modal-content .text,
#suspended-modal .modal-content .text-small,
#suspended-modal .modal-content .text {
  width: 100%;
  float: left;
  text-align: center;
  letter-spacing: 0.3px;
}
/* line 16, sass/modals/timeAlert.scss */
#time-alert .modal-content .text-small,
#suspended-modal .modal-content .text-small {
  margin-top: 65px;
  font-size: 14px;
}
/* line 21, sass/modals/timeAlert.scss */
#time-alert .modal-content .text,
#suspended-modal .modal-content .text {
  margin-top: 17px;
  font-size: 18px;
}
/* line 26, sass/modals/timeAlert.scss */
#time-alert .modal-content #session-timer-modal,
#suspended-modal .modal-content #session-timer-modal {
  width: 180px;
  height: 48px;
  float: left;
  margin: 18px 255px;
  box-sizing: border-box;
  color: #00a3e0;
  background-color: #e7edef;
  border-radius: 32px;
  text-align: center;
  color: #00a3e0;
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
}
/* line 44, sass/modals/timeAlert.scss */
#time-alert .modal-content #session-timer-modal svg,
#suspended-modal .modal-content #session-timer-modal svg {
  width: 32px;
  height: 32px;
  position: absolute;
  margin-left: 30px;
  margin-top: 8px;
  display: block;
  float: left;
}
/* line 55, sass/modals/timeAlert.scss */
#time-alert .modal-content #session-timer-modal span,
#suspended-modal .modal-content #session-timer-modal span {
  margin-left: 40px;
}

/* line 63, sass/modals/timeAlert.scss */
#suspended-modal .modal-content {
  padding-top: 100px;
  box-sizing: border-box;
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 5, sass/modals/infoModals.scss */
#last-transfers-wrapper .grids-wrapper {
  float: none;
}
/* line 9, sass/modals/infoModals.scss */
#last-transfers-wrapper .grids-wrapper .grid .row .col {
  padding-right: 10px;
}
/* line 13, sass/modals/infoModals.scss */
#last-transfers-wrapper .grids-wrapper .grid .row .date-move {
  width: 12%;
  float: left;
}
/* line 18, sass/modals/infoModals.scss */
#last-transfers-wrapper .grids-wrapper .grid .row .description {
  width: 17%;
  float: left;
}
/* line 23, sass/modals/infoModals.scss */
#last-transfers-wrapper .grids-wrapper .grid .row .origin-account {
  width: 17%;
  float: left;
}
/* line 28, sass/modals/infoModals.scss */
#last-transfers-wrapper .grids-wrapper .grid .row .destination-account {
  width: 27%;
  float: left;
}
/* line 33, sass/modals/infoModals.scss */
#last-transfers-wrapper .grids-wrapper .grid .row .money-amount {
  width: 27%;
  float: left;
  text-align: right;
}
/* line 39, sass/modals/infoModals.scss */
#last-transfers-wrapper .grids-wrapper .grid .row .phone-number {
  display: none;
}
/* line 48, sass/modals/infoModals.scss */
#last-transfers-wrapper .grids-wrapper .grid .row-wrapper .row:first-of-type:hover {
  background-color: #00a3e0;
  color: white;
  cursor: pointer;
}
/* line 55, sass/modals/infoModals.scss */
#last-transfers-wrapper .grids-wrapper .grid .row-wrapper .row.no-content {
  cursor: auto;
  pointer-events: none;
  height: 70px;
  line-height: 70px;
}
/* line 61, sass/modals/infoModals.scss */
#last-transfers-wrapper .grids-wrapper .grid .row-wrapper .row.no-content .empty {
  width: 100%;
  float: left;
  text-align: center;
}
/* line 74, sass/modals/infoModals.scss */
#last-transfers-wrapper .grids-wrapper.show-phone-number .grid .row .destination-account {
  width: 20%;
  float: left;
}
/* line 79, sass/modals/infoModals.scss */
#last-transfers-wrapper .grids-wrapper.show-phone-number .grid .row .money-amount {
  width: 20%;
  float: left;
  text-align: right;
}
/* line 85, sass/modals/infoModals.scss */
#last-transfers-wrapper .grids-wrapper.show-phone-number .grid .row .phone-number {
  width: 14%;
  float: left;
  display: block;
}
/* line 95, sass/modals/infoModals.scss */
#last-transfers-wrapper #transfers-filters-wrapper {
  padding-top: 10px;
}

/* line 101, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper .info-box {
  width: 100%;
  height: 430px;
  padding: 0 40px;
  box-sizing: border-box;
  border-top: 1px solid rgba(44, 62, 80, 0.1);
  border-bottom: 1px solid rgba(44, 62, 80, 0.1);
}
/* line 110, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper .info-box .title {
  float: left;
}
/* line 114, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper .info-box .field-type {
  min-height: 20px;
}
/* line 117, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper .info-box .field-type label {
  padding-top: 15px;
  font-size: 12px;
}
/* line 122, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper .info-box .field-type p {
  width: 300px;
  font-size: 12px;
  color: #00a3e0;
}
/* line 129, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper .info-box .receipt-text {
  width: 100%;
  float: left;
  font-size: 11px;
}
/* line 137, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.instructions-modal .info-box {
  height: 440px;
}
/* line 141, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.instructions-modal .modal-footer {
  height: 58px;
  padding: 15px 35px 15px 35px;
}
/* line 145, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.instructions-modal .modal-footer .buttons-wrapper {
  width: 100%;
}
/* line 148, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.instructions-modal .modal-footer .buttons-wrapper .button-class {
  float: right;
}
/* line 151, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.instructions-modal .modal-footer .buttons-wrapper .button-class:first-of-type {
  min-width: 160px;
  float: left;
}
/* line 156, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.instructions-modal .modal-footer .buttons-wrapper .button-class#edit-button {
  min-width: 100px;
}
/* line 165, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail {
  width: 900px;
}
/* line 168, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .info-box {
  height: 500px;
}
/* line 172, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container {
  width: 100%;
  float: left;
}
/* line 176, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box {
  padding: 0;
  border-top: none;
  border-bottom: none;
  height: auto;
  float: left;
  margin-bottom: 20px;
}
/* line 184, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box .title {
  width: 100%;
}
/* line 188, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box .grids-wrapper {
  padding: 30px 0;
}
/* line 191, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box .grids-wrapper .signatures {
  width: 25%;
}
/* line 195, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box .grids-wrapper .weight {
  width: calc(20% - 10px);
  padding-left: 40px;
  position: relative;
  margin-left: 10px;
}
/* line 201, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box .grids-wrapper .weight .small-graph {
  position: absolute;
  top: 8px;
  left: 0;
}
/* line 207, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box .grids-wrapper .weight.title-row {
  padding-left: 0;
}
/* line 212, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box .grids-wrapper .status {
  width: 15%;
}
/* line 215, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box .grids-wrapper .date, #transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box .grids-wrapper .time {
  width: 12.5%;
}
/* line 219, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box .grids-wrapper .chanel {
  width: 15%;
}
/* line 224, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box .resume-wrapper {
  width: 400px;
  height: 100px;
  margin: 20px auto 20px auto;
}
/* line 229, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box .resume-wrapper #big-graph {
  width: 80px;
  height: 80px;
  float: left;
}
/* line 235, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box .resume-wrapper .text {
  width: 280px;
  height: 80px;
  line-height: 40px;
  float: left;
  margin-left: 40px;
  text-transform: uppercase;
  font-size: 13px;
}
/* line 245, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box .resume-wrapper .text label {
  width: 100%;
  float: left;
}
/* line 250, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box .resume-wrapper .text .signed,
#transfers-modal-detail-wrapper.is-approval-detail .approvals-detail-container .info-box .resume-wrapper .text .unsigned {
  float: right;
}
/* line 259, sass/modals/infoModals.scss */
#transfers-modal-detail-wrapper.is-approval-detail .button-class {
  float: right;
}

/* line 266, sass/modals/infoModals.scss */
#credit-movements-modal-wrapper .info-box, #credit-accounts-modal-wrapper .info-box {
  width: 100%;
  height: 500px;
  float: left;
  padding: 0 40px;
  box-sizing: border-box;
  border-top: 1px solid rgba(44, 62, 80, 0.1);
  border-bottom: 1px solid rgba(44, 62, 80, 0.1);
}
/* line 275, sass/modals/infoModals.scss */
#credit-movements-modal-wrapper .info-box .title, #credit-accounts-modal-wrapper .info-box .title {
  margin-bottom: 10px;
  float: left;
  margin-top: 15px;
}
/* line 281, sass/modals/infoModals.scss */
#credit-movements-modal-wrapper .info-box .field-type, #credit-accounts-modal-wrapper .info-box .field-type {
  min-height: 20px;
  float: left;
}
/* line 285, sass/modals/infoModals.scss */
#credit-movements-modal-wrapper .info-box .field-type.last-field, #credit-accounts-modal-wrapper .info-box .field-type.last-field {
  margin-bottom: 35px;
}
/* line 289, sass/modals/infoModals.scss */
#credit-movements-modal-wrapper .info-box .field-type .dashed input, #credit-accounts-modal-wrapper .info-box .field-type .dashed input {
  padding-top: 4px;
  font-size: 12px;
}
/* line 294, sass/modals/infoModals.scss */
#credit-movements-modal-wrapper .info-box .field-type label, #credit-accounts-modal-wrapper .info-box .field-type label {
  padding-top: 15px;
  font-size: 14px;
}
/* line 299, sass/modals/infoModals.scss */
#credit-movements-modal-wrapper .info-box .field-type p, #credit-accounts-modal-wrapper .info-box .field-type p {
  width: 300px;
  font-size: 12px;
  padding-top: 3px;
  color: #00a3e0;
}
/* line 307, sass/modals/infoModals.scss */
#credit-movements-modal-wrapper .info-box .grids-wrapper, #credit-accounts-modal-wrapper .info-box .grids-wrapper {
  padding: 0;
}
/* line 312, sass/modals/infoModals.scss */
#credit-movements-modal-wrapper .info-box .grids-wrapper .grid .row, #credit-accounts-modal-wrapper .info-box .grids-wrapper .grid .row {
  padding-left: 0;
}
/* line 315, sass/modals/infoModals.scss */
#credit-movements-modal-wrapper .info-box .grids-wrapper .grid .row .number-cell, #credit-accounts-modal-wrapper .info-box .grids-wrapper .grid .row .number-cell {
  width: 5%;
  text-align: center;
}
/* line 320, sass/modals/infoModals.scss */
#credit-movements-modal-wrapper .info-box .grids-wrapper .grid .row .date-cell, #credit-accounts-modal-wrapper .info-box .grids-wrapper .grid .row .date-cell {
  width: 17%;
}
/* line 324, sass/modals/infoModals.scss */
#credit-movements-modal-wrapper .info-box .grids-wrapper .grid .row .installment-amount, #credit-accounts-modal-wrapper .info-box .grids-wrapper .grid .row .installment-amount {
  width: 20%;
}
/* line 328, sass/modals/infoModals.scss */
#credit-movements-modal-wrapper .info-box .grids-wrapper .grid .row .amortization, #credit-accounts-modal-wrapper .info-box .grids-wrapper .grid .row .amortization {
  width: 20%;
}
/* line 332, sass/modals/infoModals.scss */
#credit-movements-modal-wrapper .info-box .grids-wrapper .grid .row .ammount-owed, #credit-accounts-modal-wrapper .info-box .grids-wrapper .grid .row .ammount-owed {
  width: 20%;
  text-align: right;
}
/* line 337, sass/modals/infoModals.scss */
#credit-movements-modal-wrapper .info-box .grids-wrapper .grid .row .tan, #credit-accounts-modal-wrapper .info-box .grids-wrapper .grid .row .tan {
  width: 14%;
  text-align: right;
}

/* line 347, sass/modals/infoModals.scss */
#beneficiary-list-wrapper {
  max-height: 450px;
}
/* line 350, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .modal-header {
  border-bottom: 1px solid rgba(44, 62, 80, 0.1);
}
/* line 354, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper {
  float: none;
}
/* line 357, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row {
  height: 48px;
}
/* line 360, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row .name {
  width: 35%;
}
/* line 364, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row .contact {
  width: 20%;
}
/* line 368, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row .account {
  width: 40%;
}
/* line 376, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row {
  height: 75px;
  padding: 10px 0;
  text-transform: none;
  cursor: pointer;
}
/* line 382, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .name,
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .contact,
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .description,
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .account {
  padding-left: 15px;
  box-sizing: border-box;
}
/* line 389, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .name label,
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .contact label,
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .description label,
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .account label {
  width: 100%;
  height: 25px;
  line-height: 25px;
  float: left;
  font-size: 12px;
  text-transform: none;
  cursor: pointer;
}
/* line 403, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .contact {
  position: relative;
}
/* line 406, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .contact .icon {
  position: absolute;
}
/* line 409, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .contact .icon.email {
  top: -10px;
  left: -16px;
}
/* line 413, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .contact .icon.email svg {
  height: 10px;
}
/* line 417, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .contact .icon.email svg g g g g g g path:first-of-type {
  fill: #808b90;
}
/* line 424, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .contact .icon.phone {
  top: 17px;
  left: -15px;
}
/* line 428, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .contact .icon.phone svg {
  width: 15px;
  height: 15px;
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
}
/* line 435, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .contact .icon.phone svg g {
  fill: #808b90;
}
/* line 443, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .contact,
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .account {
  padding-left: 8px;
}
/* line 448, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row .description {
  padding-left: 12px;
}
/* line 456, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row:hover .contact .icon.email svg g g g g g g path:first-of-type {
  fill: white;
}
/* line 463, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row:hover .contact .icon.phone svg g {
  fill: white;
}
/* line 471, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .row-wrapper .row:first-of-type:hover {
  background-color: #00a3e0;
  color: white;
  cursor: pointer;
}
/* line 480, sass/modals/infoModals.scss */
#beneficiary-list-wrapper .grids-wrapper .grid .empty-notification {
  height: 160px;
  line-height: 110px;
  text-align: center;
  font-weight: 700;
  color: #00a3e0;
}

/* line 491, sass/modals/infoModals.scss */
#validation-modal-wrapper {
  position: relative;
}
/* line 494, sass/modals/infoModals.scss */
#validation-modal-wrapper .info-wrapper {
  height: 180px;
  padding: 20px 40px 0px 40px;
  box-sizing: border-box;
  border-top: 1px solid rgba(44, 62, 80, 0.1);
  border-bottom: 1px solid rgba(44, 62, 80, 0.1);
}
/* line 503, sass/modals/infoModals.scss */
#validation-modal-wrapper .info-wrapper .subtitle {
  font-size: 13px;
  font-weight: 600;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
/* line 511, sass/modals/infoModals.scss */
#validation-modal-wrapper .info-wrapper .field-type {
  min-height: 40px;
  width: 50%;
}
/* line 515, sass/modals/infoModals.scss */
#validation-modal-wrapper .info-wrapper .field-type label {
  width: 100px;
  font-size: 11px;
}
/* line 519, sass/modals/infoModals.scss */
#validation-modal-wrapper .info-wrapper .field-type label.data {
  width: calc( 100% - 140px);
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
}
/* line 532, sass/modals/infoModals.scss */
#validation-modal-wrapper .sms-code-wrapper label {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 600;
  color: #00a3e0;
}
/* line 543, sass/modals/infoModals.scss */
#validation-modal-wrapper .validations-second-buttons {
  height: 40px;
  width: 280px;
  position: absolute;
  right: 24px;
  top: 270px;
  display: none;
}
/* line 553, sass/modals/infoModals.scss */
#validation-modal-wrapper .validations-second-buttons .button-class {
  float: right;
  margin-left: 20px;
  min-width: 120px;
}
/* line 559, sass/modals/infoModals.scss */
#validation-modal-wrapper .validations-second-buttons.show {
  display: block;
}

/* line 567, sass/modals/infoModals.scss */
#file-detail-wrapper .file-info-wrapper {
  width: 100%;
  height: 150px;
  box-sizing: border-box;
  padding: 0 25px;
  background-color: #d5e3f1;
}
/* line 574, sass/modals/infoModals.scss */
#file-detail-wrapper .file-info-wrapper .half-wrapper {
  width: 50%;
  float: left;
}
/* line 578, sass/modals/infoModals.scss */
#file-detail-wrapper .file-info-wrapper .half-wrapper .text-wrapper {
  width: calc(100% - 220px);
  float: left;
  padding-top: 15px;
  color: #00a3e0;
}
/* line 587, sass/modals/infoModals.scss */
#file-detail-wrapper .file-sum-wrapper {
  width: 100%;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  padding: 0 25px;
  background-color: #d5e3f1;
}
/* line 595, sass/modals/infoModals.scss */
#file-detail-wrapper .file-sum-wrapper .file-sum-info {
  width: 50%;
  height: 100%;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
}
/* line 603, sass/modals/infoModals.scss */
#file-detail-wrapper .file-sum-wrapper .file-sum-info span {
  padding-left: 15px;
  color: #00a3e0;
}
/* line 608, sass/modals/infoModals.scss */
#file-detail-wrapper .file-sum-wrapper .file-sum-info.total-amount {
  width: calc(50% - 75px);
}
/* line 613, sass/modals/infoModals.scss */
#file-detail-wrapper .file-sum-wrapper .buttons-wrapper {
  padding-top: 8px;
}
/* line 616, sass/modals/infoModals.scss */
#file-detail-wrapper .file-sum-wrapper .buttons-wrapper .icon svg {
  position: absolute;
  top: 11px;
  left: 10px;
}
/* line 625, sass/modals/infoModals.scss */
#file-detail-wrapper .grids-wrapper {
  float: none;
  padding: 0;
  margin-bottom: 0;
}
/* line 632, sass/modals/infoModals.scss */
#file-detail-wrapper .grids-wrapper .grid .row-wrapper {
  width: 100%;
  max-height: 325px;
  overflow: hidden;
}
/* line 637, sass/modals/infoModals.scss */
#file-detail-wrapper .grids-wrapper .grid .row-wrapper .no-content {
  text-align: center;
  padding: 0;
}
/* line 641, sass/modals/infoModals.scss */
#file-detail-wrapper .grids-wrapper .grid .row-wrapper .no-content .empty {
  width: 100%;
}
/* line 646, sass/modals/infoModals.scss */
#file-detail-wrapper .grids-wrapper .grid .row-wrapper .row.with-detail {
  background-color: rgba(213, 227, 241, 0.3);
  padding-left: 20px;
  color: #2c3e50;
}
/* line 652, sass/modals/infoModals.scss */
#file-detail-wrapper .grids-wrapper .grid .row-wrapper .detail-container {
  position: absolute;
  width: calc(100% - 10px);
  padding-top: 35px;
  top: 5px;
  left: 5px;
  z-index: 1;
  display: none;
  color: #2c3e50;
  box-shadow: 0px 1px 5px #c2c2c2;
}
/* line 663, sass/modals/infoModals.scss */
#file-detail-wrapper .grids-wrapper .grid .row-wrapper .detail-container.show {
  display: block;
}
/* line 667, sass/modals/infoModals.scss */
#file-detail-wrapper .grids-wrapper .grid .row-wrapper .detail-container .content {
  background-color: white;
  height: 150px;
  padding: 0 15px;
  box-sizing: border-box;
}
/* line 673, sass/modals/infoModals.scss */
#file-detail-wrapper .grids-wrapper .grid .row-wrapper .detail-container .content .field-type {
  width: 50%;
  min-height: 30px;
  line-height: 30px;
}
/* line 678, sass/modals/infoModals.scss */
#file-detail-wrapper .grids-wrapper .grid .row-wrapper .detail-container .content .field-type label {
  padding-top: 0;
}
/* line 682, sass/modals/infoModals.scss */
#file-detail-wrapper .grids-wrapper .grid .row-wrapper .detail-container .content .field-type .text-wrapper {
  text-transform: none;
}
/* line 687, sass/modals/infoModals.scss */
#file-detail-wrapper .grids-wrapper .grid .row-wrapper .detail-container .content .close-detail {
  width: 100%;
  float: left;
  height: 50px;
  line-height: 50px;
  margin-top: 10px;
  text-align: center;
  font-weight: 700;
  color: #00a3e0;
  text-transform: capitalize;
  border-top: 2px solid rgba(194, 194, 194, 0.5);
  cursor: pointer;
}
/* line 705, sass/modals/infoModals.scss */
#file-detail-wrapper .grids-wrapper .grid .empty-notification {
  height: 160px;
  line-height: 110px;
  text-align: center;
  font-weight: 700;
  color: #00a3e0;
}

/* line 1, sass/modals/customAvatar.scss */
#custom-avatar-wrapper {
  color: #2c3e50;
}
/* line 4, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .wrapper-header {
  width: 100%;
  height: 53px;
  line-height: 0;
  float: left;
  padding: 27px 0 9px 25px;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 12px;
}
/* line 16, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .wrapper-header .close {
  position: absolute;
  height: 100%;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
/* line 24, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .wrapper-header .close:before, #custom-avatar-wrapper .wrapper-header .close:after {
  content: "";
  display: block;
  position: relative;
  width: 22px;
  height: 2px;
  top: 20px;
  left: -7px;
  background-color: #00a3e0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 42, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .wrapper-header .close:after {
  top: 18px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 51, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .buttons-wrapper {
  margin-right: 15px;
}
/* line 55, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content,
#custom-avatar-wrapper .content-not-supported {
  overflow: hidden;
  width: 100%;
  height: 350px;
  float: left;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 20px 30px;
  background-color: #d5e3f1;
}
/* line 68, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width,
#custom-avatar-wrapper .content-not-supported .half-width {
  width: 50%;
  height: 100%;
  float: left;
}
/* line 73, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .title,
#custom-avatar-wrapper .content-not-supported .half-width .title {
  width: 100%;
  float: left;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  font-weight: 700;
  color: #00a3e0;
}
/* line 84, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .subtitle,
#custom-avatar-wrapper .content-not-supported .half-width .subtitle {
  width: 100%;
  float: left;
  height: 18px;
  line-height: 18px;
  margin-bottom: 10px;
  font-size: 10px;
}
/* line 95, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .preview-half-width,
#custom-avatar-wrapper .content-not-supported .half-width .preview-half-width {
  width: 50%;
  float: left;
  position: relative;
}
/* line 100, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .preview-half-width .preview,
#custom-avatar-wrapper .content-not-supported .half-width .preview-half-width .preview {
  width: 70px;
  height: 70px;
  float: left;
  overflow: hidden;
  position: absolute;
  background-color: #00a3e0;
  top: 30px;
  left: 25px;
}
/* line 110, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .preview-half-width .preview .preview-inner,
#custom-avatar-wrapper .content-not-supported .half-width .preview-half-width .preview .preview-inner {
  width: 119px;
  height: 70px;
  position: absolute;
  left: -25px;
}
/* line 116, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .preview-half-width .preview .preview-inner svg,
#custom-avatar-wrapper .content-not-supported .half-width .preview-half-width .preview .preview-inner svg {
  position: absolute;
  width: 119px;
  height: 100%;
}
/* line 121, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .preview-half-width .preview .preview-inner svg:last-of-type,
#custom-avatar-wrapper .content-not-supported .half-width .preview-half-width .preview .preview-inner svg:last-of-type {
  height: 60px;
  bottom: 0px;
}
/* line 128, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .preview-half-width .preview.mobile,
#custom-avatar-wrapper .content-not-supported .half-width .preview-half-width .preview.mobile {
  border-radius: 50%;
}
/* line 132, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .preview-half-width .preview.with-overlay,
#custom-avatar-wrapper .content-not-supported .half-width .preview-half-width .preview.with-overlay {
  width: 119px;
  height: 70px;
  left: 0;
}
/* line 137, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .preview-half-width .preview.with-overlay .preview-inner,
#custom-avatar-wrapper .content-not-supported .half-width .preview-half-width .preview.with-overlay .preview-inner {
  left: 0;
}
/* line 141, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .preview-half-width .preview.with-overlay:after,
#custom-avatar-wrapper .content-not-supported .half-width .preview-half-width .preview.with-overlay:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
}
/* line 154, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .preview-half-width label,
#custom-avatar-wrapper .content-not-supported .half-width .preview-half-width label {
  width: 100%;
  float: left;
  font-size: 10px;
  top: -20px;
  left: 0;
}
/* line 163, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .pic-status,
#custom-avatar-wrapper .content-not-supported .half-width .pic-status {
  width: 100%;
  float: left;
  height: 36px;
  margin-bottom: 32px;
  margin-top: 5px;
  font-size: 12px;
}
/* line 172, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .pic-status.error,
#custom-avatar-wrapper .content-not-supported .half-width .pic-status.error {
  padding: 0 30px;
  overflow: hidden;
  color: red;
  word-break: break-word;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-image: url("../images/ic_alert.svg");
}
/* line 183, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .default-pics-wrapper,
#custom-avatar-wrapper .content-not-supported .half-width .default-pics-wrapper {
  width: 100%;
  float: left;
  padding: 20px 20px 0 0;
  box-sizing: border-box;
}
/* line 190, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .default-pics-wrapper .pic,
#custom-avatar-wrapper .content-not-supported .half-width .default-pics-wrapper .pic {
  width: 52px;
  height: 42px;
  float: left;
  position: relative;
  margin: 0 15px 15px 0;
  background-color: #00a3e0;
  background-size: cover;
  cursor: pointer;
}
/* line 202, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .default-pics-wrapper .pic svg,
#custom-avatar-wrapper .content-not-supported .half-width .default-pics-wrapper .pic svg {
  position: absolute;
  top: -1px;
  height: 45px;
  width: 53px;
}
/* line 211, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .pic-wrapper,
#custom-avatar-wrapper .content-not-supported .half-width .pic-wrapper {
  width: 230px;
  height: 135px;
  margin-bottom: 35px;
  float: left;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 219, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .pic-wrapper svg,
#custom-avatar-wrapper .content-not-supported .half-width .pic-wrapper svg {
  position: absolute;
  width: 230px;
}
/* line 223, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .pic-wrapper svg:last-of-type,
#custom-avatar-wrapper .content-not-supported .half-width .pic-wrapper svg:last-of-type {
  height: 110px;
  bottom: 3px;
}
/* line 232, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .pic-wrapper #user-avatar,
#custom-avatar-wrapper .content-not-supported .half-width .pic-wrapper #user-avatar {
  max-width: 100%;
}
/* line 237, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .zoom-icons-wrapper,
#custom-avatar-wrapper .content-not-supported .half-width .zoom-icons-wrapper {
  width: 60px;
  height: 60px;
  float: left;
  margin-top: 5px;
  text-align: center;
  display: none;
}
/* line 245, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .zoom-icons-wrapper .icon,
#custom-avatar-wrapper .content-not-supported .half-width .zoom-icons-wrapper .icon {
  width: 30px;
  height: 25px;
  display: inline-block;
  cursor: pointer;
}
/* line 250, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .zoom-icons-wrapper .icon svg,
#custom-avatar-wrapper .content-not-supported .half-width .zoom-icons-wrapper .icon svg {
  height: 20px;
  width: 15px;
  fill: #a5bacf;
}
/* line 259, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .zoom-icons-wrapper .icon:first-of-type,
#custom-avatar-wrapper .content-not-supported .half-width .zoom-icons-wrapper .icon:first-of-type {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  margin-bottom: 5px;
}
/* line 268, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .rotate-icons-wrapper,
#custom-avatar-wrapper .content-not-supported .half-width .rotate-icons-wrapper {
  width: 60px;
  height: 60px;
  float: left;
  margin-top: 15px;
  text-align: center;
  display: none;
}
/* line 276, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .rotate-icons-wrapper .icon,
#custom-avatar-wrapper .content-not-supported .half-width .rotate-icons-wrapper .icon {
  width: 30px;
  height: 25px;
  display: inline-block;
  cursor: pointer;
}
/* line 281, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .rotate-icons-wrapper .icon svg,
#custom-avatar-wrapper .content-not-supported .half-width .rotate-icons-wrapper .icon svg {
  height: 20px;
  width: 15px;
  fill: #a5bacf;
}
/* line 290, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .rotate-icons-wrapper .icon:first-of-type,
#custom-avatar-wrapper .content-not-supported .half-width .rotate-icons-wrapper .icon:first-of-type {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  margin-bottom: 5px;
}
/* line 299, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content .half-width .buttons-wrapper,
#custom-avatar-wrapper .content-not-supported .half-width .buttons-wrapper {
  margin-top: 40px;
  margin-right: 93px;
}
/* line 306, sass/modals/customAvatar.scss */
#custom-avatar-wrapper .content-not-supported {
  position: absolute;
  z-index: 2;
  opacity: 0.9;
  top: 54px;
  height: 405px;
  text-align: center;
  padding: 170px 100px;
  font-size: 18px;
  font-weight: 600;
  color: #00a3e0;
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/modals/favoritesList.scss */
#favorites-list-wrapper {
  width: 100%;
  background-color: none;
}
/* line 7, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorite-list-header {
  width: 100%;
  height: 68px;
  float: left;
  background-color: white;
  padding-left: 275px;
  box-sizing: border-box;
  border-bottom: 1px solid #f2f2f3;
}
/* line 18, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorite-list-header .logo {
  height: 100%;
  width: 108px;
  float: left;
  background-image: url("../images/logo_bai_new.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* line 29, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorite-list-header .favorites {
  width: 20px;
  height: 20px;
  padding-top: 23px;
  z-index: 1;
  float: right;
  margin-right: 236px;
  background-color: white;
  text-align: center;
  cursor: pointer;
}
/* line 44, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorite-list-header .favorites svg {
  height: 18px;
}
/* line 49, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorite-list-header .icon.close {
  position: absolute;
  right: 0;
  margin: 25px;
  cursor: pointer;
}
/* line 57, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list {
  width: 100%;
  float: left;
  height: 0;
  overflow: hidden;
  position: relative;
  padding: 0 65px 0 275px;
  box-sizing: border-box;
  background-color: white;
  text-align: center;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
/* line 75, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .title {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
}
/* line 85, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .arrow {
  position: absolute;
  width: 30px;
  top: 180px;
  cursor: pointer;
}
/* line 92, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .arrow.left {
  left: 370px;
}
/* line 96, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .arrow.right {
  right: 160px;
}
/* line 99, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .arrow.right svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* line 106, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .arrow g {
  fill: #00a3e0;
}
/* line 111, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item-group {
  width: 78%;
  height: calc( 100% - 60px);
  margin: 0 auto;
}
/* line 116, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item-group .spinner {
  position: relative;
  background-color: white;
}
/* line 122, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item {
  height: 40px;
  display: inline-block;
  padding: 0 15px;
  margin: 15px;
  box-sizing: border-box;
  color: #2c3e50;
  border: 1px solid rgba(44, 62, 80, 0.1);
  border-bottom: 2px solid #00a3e0;
  cursor: pointer;
}
/* line 137, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item .name {
  width: calc( 100% - 60px);
  float: left;
  margin-right: 10px;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 40px;
  padding-top: 8px;
  position: relative;
}
/* line 148, sass/variables.scss */
#favorites-list-wrapper .favorites-list .favorite-item .name .underline {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  left: 0;
  top: 22px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#favorites-list-wrapper .favorites-list .favorite-item .name .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#favorites-list-wrapper .favorites-list .favorite-item .name input {
  width: 100%;
  height: 20px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#favorites-list-wrapper .favorites-list .favorite-item .name input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#favorites-list-wrapper .favorites-list .favorite-item .name input:focus + .underline {
  transform: scaleX(1);
}
/* line 149, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item .name input {
  color: #2c3e50;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 154, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item .name input:disabled {
  color: #2c3e50;
  background-color: transparent;
  border: none;
  pointer-events: none;
  cursor: pointer;
}
/* line 165, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper {
  width: 50px;
  height: 40px;
  float: left;
}
/* line 170, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper .icon {
  width: 20px;
  height: 20px;
  margin: 10px 0;
  float: left;
  cursor: pointer;
}
/* line 178, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper .icon svg {
  height: 16px;
  width: 14px;
}
/* line 182, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper .icon svg g g {
  fill: #a5bacf;
}
/* line 190, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper .icon.blue svg g g {
  fill: #00a3e0;
}
/* line 196, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper .icon.check {
  margin: 3px 0;
}
/* line 199, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper .icon.check svg {
  height: 30px;
  width: 25px;
  fill: #00a3e0;
}
/* line 207, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper .icon.check, #favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper .icon.delete {
  margin-left: 10px;
}
/* line 212, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper .icon.close, #favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper .icon.check {
  display: none;
}
/* line 217, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper .icon.edit, #favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper .icon.delete {
  display: block;
}
/* line 225, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper.edit-mode .icon.close, #favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper.edit-mode .icon.check {
  display: block;
}
/* line 230, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper.edit-mode .icon.edit, #favorites-list-wrapper .favorites-list .favorite-item .icons-wrapper.edit-mode .icon.delete {
  display: none;
}
/* line 239, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list.show {
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
/* line 245, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .no-favorites {
  font-weight: 700;
  color: #00a3e0;
}
/* line 250, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .slider-circle-picker {
  width: calc(100% - 275px);
  height: 20px;
  position: absolute;
  bottom: 10px;
  left: 240px;
  text-align: center;
  margin: 0 auto;
}
/* line 261, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .slider-circle-picker .circle-picker {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  background-color: #f2f2f3;
}
/* line 272, sass/modals/favoritesList.scss */
#favorites-list-wrapper .favorites-list .slider-circle-picker .circle-picker.active {
  background-color: #00a3e0;
}
@media (max-width: 1100px) {
  /* line 281, sass/modals/favoritesList.scss */
  #favorites-list-wrapper .favorites-list .favorite-item-group {
    width: 90%;
  }
  /* line 284, sass/modals/favoritesList.scss */
  #favorites-list-wrapper .favorites-list .favorite-item-group .favorite-item {
    width: calc(50% - 40px);
  }
  /* line 289, sass/modals/favoritesList.scss */
  #favorites-list-wrapper .favorites-list .arrow.right {
    right: 40px;
  }
  /* line 293, sass/modals/favoritesList.scss */
  #favorites-list-wrapper .favorites-list .arrow.left {
    left: 240px;
  }
}
@media (max-width: 900px) {
  /* line 300, sass/modals/favoritesList.scss */
  #favorites-list-wrapper .favorite-list-header {
    padding-left: 245px;
  }
}
@media (max-width: 750px) {
  /* line 307, sass/modals/favoritesList.scss */
  #favorites-list-wrapper .favorite-list-header .favorites {
    left: 53%;
  }
}

/* line 1, sass/modals/blockNumber.scss */
#block-number-modal {
  height: 315px;
  padding: 0 50px 60px 50px;
}
/* line 5, sass/modals/blockNumber.scss */
#block-number-modal .header {
  height: 90px;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 90px;
  text-align: center;
  color: #2c3e50;
}
/* line 15, sass/modals/blockNumber.scss */
#block-number-modal .content {
  width: 100%;
  float: left;
  padding-left: 50px;
  box-sizing: border-box;
}
/* line 20, sass/modals/blockNumber.scss */
#block-number-modal .content .input-search {
  width: 100%;
  float: left;
  height: 80px;
  margin-bottom: 50px;
  line-height: normal;
  box-sizing: border-box;
  font-size: 12px;
  text-transform: uppercase;
  color: #2c3e50;
}
/* line 31, sass/modals/blockNumber.scss */
#block-number-modal .content .input-search label {
  width: auto;
  float: left;
  padding: 40px 0;
  padding-right: 25px;
  padding-top: 15px;
}
/* line 39, sass/modals/blockNumber.scss */
#block-number-modal .content .input-search .info {
  width: 65%;
  margin: 0;
  margin-bottom: 20px;
  font-size: 18px;
  text-transform: none;
}
/* line 47, sass/modals/blockNumber.scss */
#block-number-modal .content .input-search .custom-input {
  float: left;
  width: 220px;
  position: relative;
}
/* line 52, sass/modals/blockNumber.scss */
#block-number-modal .content .input-search .custom-input input {
  width: 220px;
  height: 33px;
  float: left;
  line-height: 45px;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 65, sass/modals/blockNumber.scss */
#block-number-modal .content .input-search .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 70, sass/modals/blockNumber.scss */
#block-number-modal .content .input-search .custom-input input[type="number"]::-webkit-outer-spin-button,
#block-number-modal .content .input-search .custom-input input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* line 76, sass/modals/blockNumber.scss */
#block-number-modal .content .input-search .custom-input input[type="number"] {
  -moz-appearance: textfield;
}
/* line 80, sass/modals/blockNumber.scss */
#block-number-modal .content .input-search .custom-input .underline {
  top: 35px;
  line-height: 44px;
  content: "";
  display: block;
  position: relative;
  width: 220px;
  height: 1px;
  left: 0;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 95, sass/modals/blockNumber.scss */
#block-number-modal .content .input-search .custom-input .tooltip-wrapper {
  top: 70px;
}
/* line 102, sass/modals/blockNumber.scss */
#block-number-modal .buttons-wrapper {
  width: 100%;
  float: left;
  padding-left: 50px;
  box-sizing: border-box;
}
/* line 108, sass/modals/blockNumber.scss */
#block-number-modal .buttons-wrapper #close-modal {
  margin: 0;
}
/* line 112, sass/modals/blockNumber.scss */
#block-number-modal .buttons-wrapper #confirm {
  float: right;
  margin: 0;
  background-color: #ec4f4f;
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/login.scss */
#login-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url("../images/new_login_pic.jpg");
  background-size: cover;
  background-position: top center;
}
/* line 12, sass/login.scss */
#login-wrapper .main-container {
  width: 100%;
  height: 100%;
}
/* line 16, sass/login.scss */
#login-wrapper .main-container .pub-container {
  width: 370px;
  position: absolute;
  left: 108px;
  top: 60px;
  color: white;
  font-family: 'Aaux', 'Open Sans', sans-serif;
}
/* line 25, sass/login.scss */
#login-wrapper .main-container .pub-container .title {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 100;
}
/* line 30, sass/login.scss */
#login-wrapper .main-container .pub-container .title span {
  font-weight: 700;
}
/* line 35, sass/login.scss */
#login-wrapper .main-container .pub-container .excerpt {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 600;
  top: 60px;
}
/* line 42, sass/login.scss */
#login-wrapper .main-container .pub-container .excerpt2 {
  text-transform: uppercase;
  margin-top: 50px;
  font-size: 25px;
  font-weight: 400;
}
@media screen and (max-width: 1100px) {
  /* line 16, sass/login.scss */
  #login-wrapper .main-container .pub-container {
    width: 630px;
    left: 38px;
    top: 20px;
  }
  /* line 54, sass/login.scss */
  #login-wrapper .main-container .pub-container .excerpt {
    font-size: 22px;
  }
}
/* line 60, sass/login.scss */
#login-wrapper .main-container .logo-login {
  width: 200px;
  height: 100px;
  position: absolute;
  left: 108px;
  bottom: 60px;
  background-image: url("../images/logo_login.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1100px) {
  /* line 60, sass/login.scss */
  #login-wrapper .main-container .logo-login {
    width: 160px;
    left: 38px;
    bottom: -7px;
  }
}
/* line 78, sass/login.scss */
#login-wrapper .main-container #login-container.darkBg {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(44, 62, 80, 0.8);
}
/* line 86, sass/login.scss */
#login-wrapper .main-container #login-container #suspended-modal {
  width: 690px;
  height: 470px;
  background-color: white;
  border: 1px solid #d5e3f1;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 101, sass/login.scss */
#login-wrapper .main-container #login-container #suspended-modal .modal-header {
  margin-top: 45px;
  height: 30px;
  line-height: 30px;
  font-size: 22px;
  font-weight: 600;
}
/* line 109, sass/login.scss */
#login-wrapper .main-container #login-container #suspended-modal .modal-header .close {
  top: -7px;
}
/* line 114, sass/login.scss */
#login-wrapper .main-container #login-container #suspended-modal .buttons-wrapper {
  width: 100%;
  text-align: center;
}
/* line 118, sass/login.scss */
#login-wrapper .main-container #login-container #suspended-modal .buttons-wrapper .button-class {
  display: inline-block;
  float: none;
  min-width: 145px;
}
/* line 127, sass/login.scss */
#login-wrapper .main-container .login-container {
  width: 360px;
  min-height: 350px;
  background-color: white;
  border: 1px solid #d5e3f1;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  top: 50%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 144, sass/login.scss */
#login-wrapper .main-container .login-container .hint-icon {
  position: absolute;
  right: 11px;
  top: 11px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
/* line 153, sass/login.scss */
#login-wrapper .main-container .login-container .hint-icon svg {
  fill: #a5bacf;
  height: 20px;
  width: 20px;
}
/* line 161, sass/login.scss */
#login-wrapper .main-container .login-container .logo-wrapper {
  height: 75px;
  background-image: url("../images/logo_bai.png");
  background-repeat: no-repeat;
  background-position: center;
}
/* line 169, sass/login.scss */
#login-wrapper .main-container .login-container .title-wrapper {
  height: 55px;
  margin-top: 19px;
  text-align: center;
  font-size: 32px;
  color: #2c3e50;
}
/* line 177, sass/login.scss */
#login-wrapper .main-container .login-container .title-wrapper.step2 {
  height: 45px;
}
/* line 182, sass/login.scss */
#login-wrapper .main-container .login-container .tabs-wrapper {
  width: 100%;
  height: 25px;
  float: left;
  position: relative;
  margin-bottom: 10px;
  border-bottom: 2px solid #e6e6e6;
}
/* line 191, sass/login.scss */
#login-wrapper .main-container .login-container .tabs-wrapper .tab {
  width: 50%;
  height: 100%;
  float: left;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  color: #7D8FA1;
  cursor: pointer;
}
/* line 204, sass/login.scss */
#login-wrapper .main-container .login-container .tabs-wrapper .tab.active {
  color: #00a3e0;
}
/* line 209, sass/login.scss */
#login-wrapper .main-container .login-container .tabs-wrapper .tabs-bar {
  width: 50%;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 0;
  background-color: #00a3e0;
  transition: all 0.3s linear;
}
/* line 219, sass/login.scss */
#login-wrapper .main-container .login-container .tabs-wrapper .tabs-bar.right {
  left: 50%;
  transition: all 0.3s linear;
}
/* line 226, sass/login.scss */
#login-wrapper .main-container .login-container .error-wrapper {
  float: left;
  display: none;
  min-height: 70px;
  width: 342px;
  margin: 0 auto 10px 10px;
  border: 2px solid #d0021b;
  box-sizing: border-box;
  background-color: rgba(208, 2, 27, 0.2);
}
/* line 238, sass/login.scss */
#login-wrapper .main-container .login-container .error-wrapper .icon {
  height: 50px;
  float: left;
  width: 50px;
  margin: 7px 34px 8px 16px;
}
/* line 244, sass/login.scss */
#login-wrapper .main-container .login-container .error-wrapper .icon:before, #login-wrapper .main-container .login-container .error-wrapper .icon:after {
  content: "";
  display: block;
  position: relative;
  width: 62px;
  height: 7px;
  top: 23px;
  left: -7px;
  background-color: #d0021b;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 262, sass/login.scss */
#login-wrapper .main-container .login-container .error-wrapper .icon:after {
  top: 16px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 270, sass/login.scss */
#login-wrapper .main-container .login-container .error-wrapper .message {
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  padding-top: 15px;
  line-height: 15px;
}
/* line 278, sass/login.scss */
#login-wrapper .main-container .login-container .error-wrapper.show {
  display: block;
}
/* line 283, sass/login.scss */
#login-wrapper .main-container .login-container .expired-info-wrapper {
  display: none;
  float: left;
  height: 70px;
  width: 342px;
  margin: 0 auto 10px 10px;
}
/* line 290, sass/login.scss */
#login-wrapper .main-container .login-container .expired-info-wrapper .icon {
  text-align: center;
  float: left;
  width: 100%;
  height: 50px;
  margin-bottom: 20px;
}
/* line 298, sass/login.scss */
#login-wrapper .main-container .login-container .expired-info-wrapper .message {
  font-size: 15px;
  float: left;
  margin-bottom: 0px;
  text-align: center;
}
/* line 305, sass/login.scss */
#login-wrapper .main-container .login-container .expired-info-wrapper.show {
  display: block;
}
/* line 310, sass/login.scss */
#login-wrapper .main-container .login-container .input-wrapper {
  width: calc(100% - 38px);
  height: 39px;
  float: left;
  line-height: 39px;
  margin: 0 19px 14px 19px;
  transition: scale 1s ease-out;
}
/* line 319, sass/login.scss */
#login-wrapper .main-container .login-container .input-wrapper label {
  font-size: 11.9px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #2c3e50;
}
/* line 327, sass/login.scss */
#login-wrapper .main-container .login-container .input-wrapper .custom-input {
  width: 190px;
  float: right;
  position: relative;
}
/* line 148, sass/variables.scss */
#login-wrapper .main-container .login-container .input-wrapper .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 190px;
  height: 1px;
  left: 0;
  top: 38px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#login-wrapper .main-container .login-container .input-wrapper .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#login-wrapper .main-container .login-container .input-wrapper .custom-input input {
  width: 190px;
  height: 39px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#login-wrapper .main-container .login-container .input-wrapper .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#login-wrapper .main-container .login-container .input-wrapper .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 333, sass/login.scss */
#login-wrapper .main-container .login-container .input-wrapper .custom-input input {
  padding: 0 10px;
  box-sizing: border-box;
  color: #2c3e50;
}
/* line 340, sass/login.scss */
#login-wrapper .main-container .login-container .input-wrapper.password {
  margin-bottom: 23px;
}
/* line 344, sass/login.scss */
#login-wrapper .main-container .login-container .input-wrapper.step2 {
  margin-bottom: 20px;
}
/* line 347, sass/login.scss */
#login-wrapper .main-container .login-container .input-wrapper.step2 .custom-input {
  width: 158px;
  position: relative;
}
/* line 148, sass/variables.scss */
#login-wrapper .main-container .login-container .input-wrapper.step2 .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 158px;
  height: 1px;
  left: 0;
  top: 38px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#login-wrapper .main-container .login-container .input-wrapper.step2 .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#login-wrapper .main-container .login-container .input-wrapper.step2 .custom-input input {
  width: 158px;
  height: 39px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#login-wrapper .main-container .login-container .input-wrapper.step2 .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#login-wrapper .main-container .login-container .input-wrapper.step2 .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 356, sass/login.scss */
#login-wrapper .main-container .login-container .active-keyboard {
  height: 15px;
  line-height: 15px;
  margin: 0 19px 51px 19px;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
/* line 364, sass/login.scss */
#login-wrapper .main-container .login-container .active-keyboard input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 0 14px 0 0;
  cursor: pointer;
  pointer-events: none;
}
/* line 81, sass/variables.scss */
#login-wrapper .main-container .login-container .active-keyboard input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
#login-wrapper .main-container .login-container .active-keyboard input:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 372, sass/login.scss */
#login-wrapper .main-container .login-container .active-keyboard input.hide-for-ie {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}
/* line 378, sass/login.scss */
#login-wrapper .main-container .login-container .active-keyboard .ie-checkbox {
  pointer-events: none;
  width: 13px;
  height: 13px;
  float: left;
  position: absolute;
  left: -1px;
  top: -1px;
  box-shadow: border-box;
  border: 2px solid;
  border-radius: 3px;
  background-color: white;
  border-color: rgba(0, 163, 224, 0.5);
}
/* line 393, sass/login.scss */
#login-wrapper .main-container .login-container .active-keyboard .ie-checkbox.checked {
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 401, sass/login.scss */
#login-wrapper .main-container .login-container .active-keyboard label {
  float: left;
  font-size: 12px;
  letter-spacing: 1px;
  color: #2c3e50;
  cursor: pointer;
}
/* line 411, sass/login.scss */
#login-wrapper .main-container .login-container .active-keyboard.step2 {
  margin-bottom: 21px;
}
/* line 416, sass/login.scss */
#login-wrapper .main-container .login-container .keyboard-wrapper {
  display: block;
  height: 0px;
  width: 330px;
  margin: 0 auto 0 auto;
  overflow: hidden;
  box-sizing: border-box;
  transition: all 0.5s ease;
  opacity: 0;
}
/* line 427, sass/login.scss */
#login-wrapper .main-container .login-container .keyboard-wrapper.active {
  height: 189px;
  opacity: 1;
}
/* line 431, sass/login.scss */
#login-wrapper .main-container .login-container .keyboard-wrapper.active.numeric {
  height: 95px;
}
/* line 436, sass/login.scss */
#login-wrapper .main-container .login-container .keyboard-wrapper .key {
  width: 31px;
  height: 31px;
  float: left;
  margin: 1px;
  text-align: center;
  line-height: 31px;
  font-size: 14px;
  color: #2c3e50;
  background-color: #d5e3f1;
  cursor: pointer;
}
/* line 451, sass/login.scss */
#login-wrapper .main-container .login-container .keyboard-wrapper .key.size3 {
  width: 97px;
  position: relative;
}
/* line 455, sass/login.scss */
#login-wrapper .main-container .login-container .keyboard-wrapper .key.size3 svg {
  right: 38px;
  top: 5px;
  position: absolute;
  fill: #2c3e50;
}
/* line 463, sass/login.scss */
#login-wrapper .main-container .login-container .keyboard-wrapper .key.size4 {
  width: 130px;
}
/* line 467, sass/login.scss */
#login-wrapper .main-container .login-container .keyboard-wrapper .key.uppercase {
  text-transform: uppercase;
}
/* line 473, sass/login.scss */
#login-wrapper .main-container .login-container .login-button, #login-wrapper .main-container .login-container .new-account-button {
  width: 324px;
  height: 43px;
  line-height: 43px;
  margin: 0 auto;
  margin-bottom: 11px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  color: white;
  text-transform: uppercase;
  border-radius: 3px;
  background-color: #00a3e0;
  cursor: pointer;
}
/* line 493, sass/login.scss */
#login-wrapper .main-container .login-container .login-button:hover, #login-wrapper .main-container .login-container .new-account-button:hover {
  background-color: #00a3e0;
  box-shadow: 1px 3px 7px gray;
}
/* line 497, sass/login.scss */
#login-wrapper .main-container .login-container .login-button:hover:active, #login-wrapper .main-container .login-container .new-account-button:hover:active {
  color: white;
  background-color: rgba(0, 163, 224, 0.9);
}
/* line 504, sass/login.scss */
#login-wrapper .main-container .login-container .new-account-button {
  float: left;
  margin: 25px 17px 0 17px;
}
/* line 509, sass/login.scss */
#login-wrapper .main-container .login-container .hint-wrapper {
  max-height: 450px;
  overflow-y: scroll;
  width: 220px;
  padding: 20px;
  box-sizing: content-box;
  position: absolute;
  top: 0;
  left: 400px;
  font-size: 12px;
  background-color: white;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
/* line 527, sass/login.scss */
#login-wrapper .main-container .login-container .hint-wrapper:before {
  content: '';
  display: block;
  position: absolute;
  border-right: 10px solid white;
  border-top: solid 12px transparent;
  border-bottom: solid 12px transparent;
  left: -10px;
  top: 10px;
}
/* line 539, sass/login.scss */
#login-wrapper .main-container .login-container .help {
  display: none;
  width: 220px;
  height: auto;
  padding: 20px;
  box-sizing: content-box;
  position: absolute;
  bottom: -45px;
  font-size: 12px;
  color: white;
  cursor: pointer;
}
/* line 554, sass/login.scss */
#login-wrapper .main-container .login-container .help.show {
  display: block;
}
/* line 559, sass/login.scss */
#login-wrapper .main-container .login-container .message {
  width: 100%;
  font-size: 14px;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: justify;
  margin-bottom: 10px;
}
/* line 567, sass/login.scss */
#login-wrapper .main-container .login-container .message.step2 {
  margin-bottom: 10px;
}
/* line 572, sass/login.scss */
#login-wrapper .main-container .login-container .number-label,
#login-wrapper .main-container .login-container .phone-label {
  width: 100%;
  font-size: 13px;
  text-align: center;
  margin-bottom: 50px;
  text-transform: uppercase;
}
/* line 580, sass/login.scss */
#login-wrapper .main-container .login-container .number-label span,
#login-wrapper .main-container .login-container .phone-label span {
  font-weight: 600;
  margin-left: 20px;
}
/* line 585, sass/login.scss */
#login-wrapper .main-container .login-container .number-label.step2,
#login-wrapper .main-container .login-container .phone-label.step2 {
  margin-bottom: 10px;
  padding-left: 20px;
  text-align: left;
}
/* line 592, sass/login.scss */
#login-wrapper .main-container .login-container .number-label {
  margin-bottom: 70px;
}
/* line 597, sass/login.scss */
#login-wrapper .main-container .login-container .phone-label span {
  float: right;
  width: 50%;
  text-align: left;
}
/* line 604, sass/login.scss */
#login-wrapper .main-container .login-container.terms-and-conditions {
  width: 750px;
  height: 600px;
}
/* line 608, sass/login.scss */
#login-wrapper .main-container .login-container.terms-and-conditions .title {
  width: 100%;
  height: 65px;
  line-height: 65px;
  font-size: 30px;
  text-align: center;
  float: left;
  color: #2c3e50;
  background-color: white;
  border-bottom: 3px solid #00a3e0;
}
/* line 621, sass/login.scss */
#login-wrapper .main-container .login-container.terms-and-conditions .text-wrapper {
  width: 100%;
  max-height: 470px;
  border-bottom: 2px solid #d5e3f1;
  margin-bottom: 15px;
  padding: 20px 40px;
  box-sizing: border-box;
  overflow: scroll;
}
/* line 631, sass/login.scss */
#login-wrapper .main-container .login-container.terms-and-conditions .text-wrapper .paragraph {
  width: 100%;
  float: left;
  margin: 0 0 30px 0;
  text-align: justify;
}
/* line 637, sass/login.scss */
#login-wrapper .main-container .login-container.terms-and-conditions .text-wrapper .paragraph .subtitle {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-size: 15px;
  color: #00a3e0;
}
/* line 645, sass/login.scss */
#login-wrapper .main-container .login-container.terms-and-conditions .text-wrapper .paragraph .text {
  width: 100%;
  float: left;
  font-size: 14px;
  padding-left: 20px;
  box-sizing: border-box;
}
/* line 653, sass/login.scss */
#login-wrapper .main-container .login-container.terms-and-conditions .text-wrapper .paragraph:last-of-type {
  margin-bottom: 40px;
}
/* line 659, sass/login.scss */
#login-wrapper .main-container .login-container.terms-and-conditions .buttons-wrapper {
  padding-right: 15px;
}
/* line 662, sass/login.scss */
#login-wrapper .main-container .login-container.terms-and-conditions .buttons-wrapper .button-class.inactive {
  background-color: rgba(128, 139, 144, 0.7);
  cursor: default;
  box-shadow: none;
}
/* line 669, sass/login.scss */
#login-wrapper .main-container .login-container.terms-and-conditions label {
  font-size: 11px;
  font-weight: 600;
}
/* line 674, sass/login.scss */
#login-wrapper .main-container .login-container.terms-and-conditions input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 7px 15px;
  cursor: pointer;
}
/* line 81, sass/variables.scss */
#login-wrapper .main-container .login-container.terms-and-conditions input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
#login-wrapper .main-container .login-container.terms-and-conditions input:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 682, sass/login.scss */
#login-wrapper .main-container .login-container.terms-and-conditions .ie-checkbox {
  pointer-events: none;
  width: 13px;
  height: 13px;
  float: left;
  position: absolute;
  left: -1px;
  top: -1px;
  box-shadow: border-box;
  border: 2px solid;
  border-radius: 3px;
  background-color: white;
  border-color: rgba(0, 163, 224, 0.5);
}
/* line 697, sass/login.scss */
#login-wrapper .main-container .login-container.terms-and-conditions .ie-checkbox.checked {
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 705, sass/login.scss */
#login-wrapper .main-container .login-container.terms-and-conditions #read-label {
  cursor: pointer;
}
/* line 711, sass/login.scss */
#login-wrapper .main-container .rights {
  position: absolute;
  bottom: 20px;
  right: 30px;
  font-size: 12px;
  color: white;
}

@media (max-width: 1040px) {
  /* line 723, sass/login.scss */
  .active-keyboard {
    display: none !important;
  }
}
@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/commonStyles.scss */
.hidden {
  display: none !important;
}

/* line 7, sass/commonStyles.scss */
.no-show {
  display: none !important;
}

/* line 11, sass/commonStyles.scss */
.left {
  float: left !important;
}

/* line 15, sass/commonStyles.scss */
.half-width {
  width: 50% !important;
}

/* line 19, sass/commonStyles.scss */
.blue {
  color: #00a3e0 !important;
}

/* line 24, sass/commonStyles.scss */
.empty-state {
  height: 100px;
  line-height: 100px;
  text-align: center;
  font-weight: 700;
  color: #00a3e0;
  background-color: white;
}

/* line 36, sass/commonStyles.scss */
#popUp-container .pop-up {
  width: 350px;
  height: 128px;
  overflow: hidden;
  margin-top: 20px;
  padding: 15px;
  box-sizing: border-box;
  background-color: white;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #00a3e0;
  font-size: 12px;
  letter-spacing: 0.4px;
  color: #2c3e50;
}
/* line 52, sass/commonStyles.scss */
#popUp-container .pop-up .icon {
  width: 35px;
  height: 35px;
  float: left;
  margin-right: 15px;
}
/* line 59, sass/commonStyles.scss */
#popUp-container .pop-up .icon svg g path:last-of-type {
  fill: #a5bacf;
}
/* line 65, sass/commonStyles.scss */
#popUp-container .pop-up#duePayments {
  height: auto;
  min-height: 128px;
}
/* line 68, sass/commonStyles.scss */
#popUp-container .pop-up#duePayments .text {
  height: auto;
  margin-bottom: 0;
}
/* line 74, sass/commonStyles.scss */
#popUp-container .pop-up .text {
  width: 240px;
  height: 60px;
  float: left;
  margin-bottom: 20px;
}
/* line 80, sass/commonStyles.scss */
#popUp-container .pop-up .text .title {
  font-weight: 700;
}
/* line 85, sass/commonStyles.scss */
#popUp-container .pop-up .key {
  float: left;
  clear: both;
  font-weight: 700;
}
/* line 91, sass/commonStyles.scss */
#popUp-container .pop-up .val {
  float: right;
  color: #00a3e0;
}
/* line 96, sass/commonStyles.scss */
#popUp-container .pop-up .close {
  position: relative;
  height: 20px;
  width: 20px;
  float: left;
  cursor: pointer;
}
/* line 104, sass/commonStyles.scss */
#popUp-container .pop-up .close:before, #popUp-container .pop-up .close:after {
  content: "";
  display: block;
  position: relative;
  width: 18px;
  height: 2px;
  top: 8px;
  left: 0px;
  background-color: #a5bacf;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 122, sass/commonStyles.scss */
#popUp-container .pop-up .close:after {
  top: 6px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 130, sass/commonStyles.scss */
#popUp-container .pop-up .button-popUp {
  width: auto;
  height: 20px;
  float: right;
  padding: 0 10px;
  cursor: pointer;
  text-transform: uppercase;
}
/* line 139, sass/commonStyles.scss */
#popUp-container .pop-up .button-popUp.first-level {
  color: #00a3e0;
  font-weight: 700;
}
/* line 144, sass/commonStyles.scss */
#popUp-container .pop-up .button-popUp.third-level {
  color: #bebebe;
}

/* line 152, sass/commonStyles.scss */
.buttons-wrapper {
  height: 45px;
  float: right;
}
/* line 156, sass/commonStyles.scss */
.buttons-wrapper.hide {
  display: none;
}

/* line 161, sass/commonStyles.scss */
.button,
.button-class {
  height: 35px;
  padding: 0 15px;
  float: left;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 700;
  line-height: 37px;
  font-size: 13px;
  color: #979797;
  min-width: 70px;
}
/* line 175, sass/commonStyles.scss */
.button.disabled,
.button-class.disabled {
  pointer-events: none;
  background-color: white !important;
  color: #979797 !important;
  box-shadow: none !important;
  cursor: default;
  font-weight: 400 !important;
}
/* line 182, sass/commonStyles.scss */
.button.disabled:hover,
.button-class.disabled:hover {
  background-color: white !important;
  box-shadow: none !important;
}
/* line 188, sass/commonStyles.scss */
.button.wBox, .button.first-level, .button.second-level, .button.third-level,
.button-class.wBox,
.button-class.first-level,
.button-class.second-level,
.button-class.third-level {
        /*line-height: 32px;
        font-size: 12px;

        background-color: palette(backgrounds, white);
        border: 2px solid palette(blue);
        */
  margin-left: 5px;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #2c3e50;
  -webkit-transition: box-shadow 0.1s linear;
  -o-transition: box-shadow 0.1s linear;
  -moz-transition: box-shadow 0.1s linear;
  -ms-transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear;
}
/* line 211, sass/commonStyles.scss */
.button.wBox:hover, .button.first-level:hover, .button.second-level:hover, .button.third-level:hover,
.button-class.wBox:hover,
.button-class.first-level:hover,
.button-class.second-level:hover,
.button-class.third-level:hover {
  background-color: #f2f2f3;
}
/* line 215, sass/commonStyles.scss */
.button.wBox.hide, .button.first-level.hide, .button.second-level.hide, .button.third-level.hide,
.button-class.wBox.hide,
.button-class.first-level.hide,
.button-class.second-level.hide,
.button-class.third-level.hide {
  display: none;
}
/* line 219, sass/commonStyles.scss */
.button.wBox.blue, .button.first-level.blue, .button.second-level.blue, .button.third-level.blue,
.button-class.wBox.blue,
.button-class.first-level.blue,
.button-class.second-level.blue,
.button-class.third-level.blue {
  color: #00a3e0;
}
/* line 224, sass/commonStyles.scss */
.button.first-level, .button.second-level,
.button-class.first-level,
.button-class.second-level {
  min-width: 180px;
  line-height: 35px;
  font-weight: 400;
  font-size: 10px;
  letter-spacing: 2px;
  color: white;
  border: none;
  border-radius: 3px;
  background-color: #00a3e0;
  box-shadow: 0px 1px 3px gray;
}
/* line 240, sass/commonStyles.scss */
.button.first-level:hover, .button.second-level:hover,
.button-class.first-level:hover,
.button-class.second-level:hover {
  background-color: #00a3e0;
  box-shadow: 1px 3px 7px gray;
}
/* line 246, sass/commonStyles.scss */
.button.second-level,
.button-class.second-level {
  background-color: white;
  color: #00a3e0;
  font-weight: 700;
}
/* line 252, sass/commonStyles.scss */
.button.second-level:hover,
.button-class.second-level:hover {
  background-color: white;
  color: #00a3e0;
  font-weight: 700;
  box-shadow: 1px 3px 7px gray;
}
/* line 261, sass/commonStyles.scss */
.button.second-level svg,
.button-class.second-level svg {
  position: relative;
  height: 14px;
  width: 14px;
  top: 4px;
  left: 8px;
}
/* line 270, sass/commonStyles.scss */
.button.center,
.button-class.center {
  float: none;
}

/* line 275, sass/commonStyles.scss */
.show-more-wrapper {
  width: 100%;
  margin-top: 10px;
  float: left;
  text-align: center;
}
/* line 281, sass/commonStyles.scss */
.show-more-wrapper .button-class {
  width: 600px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  float: none;
}

/* line 290, sass/commonStyles.scss */
.onlyOne {
  width: 100%;
  display: none;
}
/* line 294, sass/commonStyles.scss */
.onlyOne .button {
  float: right;
}
/* line 298, sass/commonStyles.scss */
.onlyOne.show {
  display: block;
}

/* line 303, sass/commonStyles.scss */
.sms-button,
.call-button {
  float: right;
    /*text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 700;
    line-height: 32px;
    font-size: 12px;
    color: palette(blue);
    background-color: palette(backgrounds, white);
    border: 2px solid palette(blue);
    text-transform: uppercase;

    box-shadow: 0px 1px 3px gray;

    -webkit-transition: box-shadow 0.1s linear;
    -o-transition: box-shadow 0.1s linear;
    -moz-transition: box-shadow 0.1s linear;
    -ms-transition: box-shadow 0.1s linear;
    transition: box-shadow 0.1s linear;

    &:hover {
        background-color: palette(blue);
        color: palette(backgrounds, white);

        box-shadow: 1px 3px 7px gray;
    }*/
  display: none;
}
/* line 334, sass/commonStyles.scss */
.sms-button.show,
.call-button.show {
  display: block;
}

/* line 339, sass/commonStyles.scss */
.call-button {
  margin-right: 10px;
}

/* line 343, sass/commonStyles.scss */
.fav-icon {
  width: 200px;
  float: left;
  position: relative;
  margin-top: 15px;
  padding-left: 30px;
  box-sizing: border-box;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: #00a3e0;
  display: none;
  cursor: pointer;
}
/* line 361, sass/commonStyles.scss */
.fav-icon svg {
  position: absolute;
  left: 0;
  fill: #00a3e0;
}
/* line 367, sass/commonStyles.scss */
.fav-icon.create {
  display: block;
}
/* line 370, sass/commonStyles.scss */
.fav-icon.create svg {
  top: -3px;
}
/* line 375, sass/commonStyles.scss */
.fav-icon.added {
  display: none;
}
/* line 379, sass/commonStyles.scss */
.fav-icon.isFavorit {
  display: block;
}

/* line 385, sass/commonStyles.scss */
.icon.icon-effect {
  height: 36px;
  width: 36px;
  display: block;
  position: relative;
  float: left;
  margin-right: 30px;
  border-radius: 50%;
  cursor: pointer;
}
/* line 395, sass/commonStyles.scss */
.icon.icon-effect:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #f2f2f3;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.5s ease;
}
/* line 409, sass/commonStyles.scss */
.icon.icon-effect.white:before {
  background-color: white;
}
/* line 416, sass/commonStyles.scss */
.icon.icon-effect:hover:before, .icon.icon-effect.selected:before {
  transform: scale(1);
}
/* line 421, sass/commonStyles.scss */
.icon.icon-effect.hide {
  display: none;
}

/* line 427, sass/commonStyles.scss */
.main-wrapper {
  width: 100%;
  float: left;
}
/* line 432, sass/commonStyles.scss */
.main-wrapper .section-title {
  height: 30px;
  line-height: 30px;
  float: left;
  margin-bottom: 17px;
  font-size: 21px;
  letter-spacing: 1px;
  color: #00a3e0;
}
/* line 443, sass/commonStyles.scss */
.main-wrapper .section-title.full {
  width: 100%;
}
/* line 448, sass/commonStyles.scss */
.main-wrapper .section-subtitle {
  height: 30px;
  line-height: 34px;
  float: left;
  margin-bottom: 17px;
  font-size: 15px;
  margin-left: 30px;
  letter-spacing: 1px;
  color: #c2c2c2;
}
/* line 461, sass/commonStyles.scss */
.main-wrapper .subsection-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
/* line 467, sass/commonStyles.scss */
.main-wrapper .subsection-title {
  height: 100%;
  float: left;
  line-height: 25px;
  margin-right: 20px;
  margin-bottom: 10px;
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
  color: #00a3e0;
  cursor: pointer;
}
/* line 481, sass/commonStyles.scss */
.main-wrapper .subsection-title.selected {
  color: white;
  border-radius: 8px;
  background-color: #00a3e0;
}

/* line 492, sass/commonStyles.scss */
.steps-wrapper {
  width: 100%;
  height: 28px;
  float: left;
  border-bottom: 1px solid #c2c2c2;
  margin-bottom: 20px;
}
/* line 499, sass/commonStyles.scss */
.steps-wrapper .step-button {
  width: auto;
  height: 100%;
  float: left;
  line-height: 28px;
  font-size: 12px;
  color: #c2c2c2;
  text-transform: uppercase;
  padding: 0 20px;
  box-sizing: border-box;
  border-top: 1px solid #c2c2c2;
  border-left: 1px solid #c2c2c2;
}
/* line 514, sass/commonStyles.scss */
.steps-wrapper .step-button:last-of-type {
  border-right: 1px solid #c2c2c2;
}
/* line 518, sass/commonStyles.scss */
.steps-wrapper .step-button.selected {
  background-color: #00a3e0;
  color: white;
  border: none;
}
/* line 524, sass/commonStyles.scss */
.steps-wrapper .step-button.done {
  background-color: #d5e3f1;
  color: #00a3e0;
}

/* line 533, sass/commonStyles.scss */
.account-picker-wrapper,
.card-picker-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  background-color: white;
}
/* line 543, sass/commonStyles.scss */
.account-picker-wrapper .info,
.card-picker-wrapper .info {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-size: 12px;
}
/* line 550, sass/commonStyles.scss */
.account-picker-wrapper .info .dropdown-type,
.card-picker-wrapper .info .dropdown-type {
  width: 180px;
  padding: 15px 0 13px 0;
  float: left;
  text-transform: uppercase;
}
/* line 558, sass/commonStyles.scss */
.account-picker-wrapper .info .custom-dropdown,
.card-picker-wrapper .info .custom-dropdown {
  width: 280px;
  float: left;
  height: 44px;
  color: #4B91E2;
}
/* line 566, sass/commonStyles.scss */
.account-picker-wrapper .account-card-info,
.account-picker-wrapper .card-info,
.card-picker-wrapper .account-card-info,
.card-picker-wrapper .card-info {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 25px;
}
/* line 573, sass/commonStyles.scss */
.account-picker-wrapper .account-card-info .info,
.account-picker-wrapper .card-info .info,
.card-picker-wrapper .account-card-info .info,
.card-picker-wrapper .card-info .info {
  width: 50%;
  float: left;
  margin-bottom: 10px;
  font-size: 12px;
}
/* line 580, sass/commonStyles.scss */
.account-picker-wrapper .account-card-info .info label,
.account-picker-wrapper .card-info .info label,
.card-picker-wrapper .account-card-info .info label,
.card-picker-wrapper .card-info .info label {
  width: 160px;
  float: left;
}
/* line 585, sass/commonStyles.scss */
.account-picker-wrapper .account-card-info .info .uppercase-type,
.account-picker-wrapper .card-info .info .uppercase-type,
.card-picker-wrapper .account-card-info .info .uppercase-type,
.card-picker-wrapper .card-info .info .uppercase-type {
  text-transform: uppercase;
  width: 190px;
}

/* line 595, sass/commonStyles.scss */
.card-picker-wrapper .info .dropdown-type {
  width: 120px;
}

/* line 603, sass/commonStyles.scss */
.grids-wrapper {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding: 30px 89px 30px 69px;
  margin-bottom: 10px;
  background-color: white;
}
/* line 613, sass/commonStyles.scss */
.grids-wrapper .grid {
  width: 100%;
  overflow: hidden;
        /*&.with-pdf{
            overflow: visible;

            &.row{
                position: relative;
                width: calc(100% - 30px);
            }
        }*/
}
/* line 617, sass/commonStyles.scss */
.grids-wrapper .grid.hidden {
  display: none;
}
/* line 621, sass/commonStyles.scss */
.grids-wrapper .grid .scrollbar-outer {
  max-height: 480px;
  width: 100%;
}
/* line 625, sass/commonStyles.scss */
.grids-wrapper .grid .scrollbar-outer .empty-notification {
  text-align: center;
}
/* line 630, sass/commonStyles.scss */
.grids-wrapper .grid .row {
  height: 48px;
  width: 100%;
  float: left;
  line-height: 48px;
  font-size: 0.9vw;
  padding-left: 15px;
  box-sizing: border-box;
  text-align: left;
  color: #2c3e50;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/* line 644, sass/commonStyles.scss */
.grids-wrapper .grid .row > div {
  float: left;
  box-sizing: border-box;
  height: 100%;
}
/* line 649, sass/commonStyles.scss */
.grids-wrapper .grid .row > div:not(.complex) {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 655, sass/commonStyles.scss */
.grids-wrapper .grid .row > div label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 662, sass/commonStyles.scss */
.grids-wrapper .grid .row.head-row {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
/* line 668, sass/commonStyles.scss */
.grids-wrapper .grid .row:nth-of-type(even) {
  background-color: rgba(213, 227, 241, 0.3);
}
/* line 672, sass/commonStyles.scss */
.grids-wrapper .grid .row.total {
  background-color: rgba(213, 227, 241, 0.3);
}
/* line 676, sass/commonStyles.scss */
.grids-wrapper .grid .row .pdf-button {
  width: 25px;
  height: 15px;
  position: absolute;
  top: 16px;
  right: 12px;
  line-height: 15px;
  text-align: center;
  color: white;
  font-size: 9px;
  text-transform: uppercase;
  border-radius: 5px;
  background-color: #a5bacf;
  cursor: pointer;
}
/* line 691, sass/commonStyles.scss */
.grids-wrapper .grid .row .pdf-button:hover {
  background-color: #00a3e0;
}
/* line 696, sass/commonStyles.scss */
.grids-wrapper .grid .row .currency {
  text-transform: none;
}
/* line 700, sass/commonStyles.scss */
.grids-wrapper .grid .row .cancel {
  position: absolute;
  font-weight: 600;
  text-align: center;
  line-height: 20px;
  font-size: 10px;
  width: 85px;
  height: 20px;
  text-align: center;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  color: #00a3e0;
  right: 16px;
  top: 14px;
  -webkit-transform: translateX(105px);
  -ms-transform: translateX(105px);
  transform: translateX(105px);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 727, sass/commonStyles.scss */
.grids-wrapper .grid .no-data {
  float: left;
  text-align: center;
  width: 100%;
  font-size: 12px;
  margin-top: 30px;
}
/* line 737, sass/commonStyles.scss */
.grids-wrapper .grid.with-hover .row {
  cursor: pointer;
}
/* line 740, sass/commonStyles.scss */
.grids-wrapper .grid.with-hover .row.empty-row {
  cursor: auto;
  pointer-events: none;
  padding: 0;
}
/* line 745, sass/commonStyles.scss */
.grids-wrapper .grid.with-hover .row.empty-row .no-content {
  text-align: center;
  width: 100%;
}
/* line 752, sass/commonStyles.scss */
.grids-wrapper .grid.with-hover .row.head-row:hover {
  background-color: white;
  color: #2c3e50;
  cursor: default;
}
/* line 759, sass/commonStyles.scss */
.grids-wrapper .grid.with-hover .row:nth-of-type(even) {
  background-color: rgba(213, 227, 241, 0.3);
}
/* line 762, sass/commonStyles.scss */
.grids-wrapper .grid.with-hover .row:nth-of-type(even):hover {
  background-color: #00a3e0;
  color: white;
  cursor: pointer;
}
/* line 769, sass/commonStyles.scss */
.grids-wrapper .grid.with-hover .row:hover, .grids-wrapper .grid.with-hover .row.active {
  background-color: #00a3e0;
  color: white;
}
/* line 774, sass/commonStyles.scss */
.grids-wrapper .grid.with-hover .row:hover .pdf-button:hover, .grids-wrapper .grid.with-hover .row.active .pdf-button:hover {
  background-color: white;
  color: #2c3e50;
}
/* line 782, sass/commonStyles.scss */
.grids-wrapper .grid.with-hover .row.active .cancel {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}
/* line 801, sass/commonStyles.scss */
.grids-wrapper.overlay {
  padding: 0;
  margin-bottom: 0;
}
/* line 807, sass/commonStyles.scss */
.grids-wrapper.overlay .grid .row-wrapper {
  width: 100%;
  max-height: 275px;
  overflow: hidden;
}

/* line 817, sass/commonStyles.scss */
.filters-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px 0px 60px;
  box-sizing: border-box;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
  background-color: #d5e3f1;
}
/* line 831, sass/commonStyles.scss */
.filters-wrapper.white-bkg {
  background-color: white;
}
/* line 835, sass/commonStyles.scss */
.filters-wrapper.overlay {
  padding: 0 13px;
  margin-bottom: 0;
}

/* line 843, sass/commonStyles.scss */
input, textarea {
  background-image: none !important;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  border-radius: 0 !important;
}

/* line 853, sass/commonStyles.scss */
.field-type {
  min-height: 50px;
  width: 100%;
  float: left;
  line-height: normal;
  font-size: 12px;
  text-transform: uppercase;
  color: #2c3e50;
}
/* line 863, sass/commonStyles.scss */
.field-type label {
  width: 200px;
  float: left;
  font-size: 12px;
  padding-top: 15px;
  margin-right: 20px;
}
/* line 871, sass/commonStyles.scss */
.field-type .text-box {
  font-size: 14px;
  padding-top: 15px;
}
/* line 876, sass/commonStyles.scss */
.field-type .custom-input {
  float: left;
  width: 260px;
  position: relative;
}
/* line 148, sass/variables.scss */
.field-type .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  left: 0;
  top: 42px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
.field-type .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
.field-type .custom-input input {
  width: 100%;
  height: 40px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
.field-type .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
.field-type .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 882, sass/commonStyles.scss */
.field-type .custom-input.blue input {
  color: #00a3e0;
}
/* line 887, sass/commonStyles.scss */
.field-type .custom-input.dashed {
  position: relative;
}
/* line 890, sass/commonStyles.scss */
.field-type .custom-input.dashed input {
  padding-top: 8px;
  box-sizing: border-box;
  border-bottom: 1px solid #c2c2c2;
  color: #2c3e50;
}
/* line 898, sass/commonStyles.scss */
.field-type .custom-input.dashed input:disabled {
  color: #2c3e50;
  background-color: transparent;
  border-bottom: 1px dashed #c2c2c2;
}
/* line 904, sass/commonStyles.scss */
.field-type .custom-input.dashed input::-ms-clear {
  display: none;
}
/* line 909, sass/commonStyles.scss */
.field-type .custom-input.dashed .underline {
  top: 39px;
}
/* line 913, sass/commonStyles.scss */
.field-type .custom-input.dashed .edit-field,
.field-type .custom-input.dashed .save-field {
  position: absolute;
  right: 0;
  margin-top: 13px;
  display: block;
  float: right;
  width: 20px;
  height: 25px;
  text-align: center;
  background: white;
  cursor: pointer;
}
/* line 929, sass/commonStyles.scss */
.field-type .custom-input.dashed .edit-field.hide,
.field-type .custom-input.dashed .save-field.hide {
  display: none;
}
/* line 934, sass/commonStyles.scss */
.field-type .custom-input.dashed .save-field {
  margin-top: 11px;
}
/* line 937, sass/commonStyles.scss */
.field-type .custom-input.dashed .save-field svg {
  fill: #00a3e0;
}
/* line 943, sass/commonStyles.scss */
.field-type .custom-input input {
  font-size: 14px;
}
/* line 947, sass/commonStyles.scss */
.field-type .custom-input .character-counter {
  width: 100%;
  text-align: center;
  padding-top: 5px;
  color: #00a3e0;
}
/* line 955, sass/commonStyles.scss */
.field-type p {
  text-transform: none;
  color: #000;
  font-size: 14px;
}
/* line 961, sass/commonStyles.scss */
.field-type .dropdown-type {
  padding-bottom: 13px;
}
/* line 966, sass/commonStyles.scss */
.field-type .custom-dropdown {
  width: 260px;
  float: left;
  height: 44px;
  color: #00a3e0;
}
/* line 974, sass/commonStyles.scss */
.field-type .own-account-checkbox {
  width: 200px;
  float: left;
  padding-top: 15px;
  margin-left: 20px;
}
/* line 980, sass/commonStyles.scss */
.field-type .own-account-checkbox input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 1px 5px 0 0;
  cursor: pointer;
}
/* line 81, sass/variables.scss */
.field-type .own-account-checkbox input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
.field-type .own-account-checkbox input:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 988, sass/commonStyles.scss */
.field-type .own-account-checkbox label {
  width: 165px;
  float: left;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: none;
  padding-top: 0px;
  color: #2c3e50;
}

/* line 1003, sass/commonStyles.scss */
.info-box > .title {
  font-size: 12px;
  font-weight: bold;
  color: #00a3e0;
  margin-top: 25px;
  text-transform: uppercase;
}
/* line 1012, sass/commonStyles.scss */
.info-box .fields {
  padding-top: 15px;
  padding-left: 75px;
  display: inline-block;
}
/* line 1018, sass/commonStyles.scss */
.info-box .field-type, .info-box input {
  font-size: 12px;
}
/* line 1021, sass/commonStyles.scss */
.info-box .field-type > p, .info-box input > p {
  display: inline-block;
  float: left;
  font-size: 14px;
}
/* line 1028, sass/commonStyles.scss */
.info-box .same-line-box {
  float: left;
  margin-right: 30px;
}
/* line 1032, sass/commonStyles.scss */
.info-box .same-line-box input.radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #00a3e0;
  border-radius: 50% !important;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 16px 3px 0 0;
  cursor: pointer;
}
/* line 121, sass/variables.scss */
.info-box .same-line-box input.radio:checked {
  border: none;
  width: 17px;
  height: 17px;
}
/* line 127, sass/variables.scss */
.info-box .same-line-box input.radio:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("../images/radio-selected.svg");
}

/* line 1046, sass/commonStyles.scss */
.security-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  color: #2c3e50;
  background-color: white;
  display: none;
}
/* line 1057, sass/commonStyles.scss */
.security-wrapper.show {
  display: block;
}
/* line 1061, sass/commonStyles.scss */
.security-wrapper .security-type {
  width: 180px;
  float: left;
  margin-bottom: 60px;
  height: 15px;
  line-height: 15px;
  font-size: 12px;
}
/* line 1071, sass/commonStyles.scss */
.security-wrapper .security-type input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #00a3e0;
  border-radius: 50% !important;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 0 14px 0 0;
  cursor: pointer;
}
/* line 121, sass/variables.scss */
.security-wrapper .security-type input:checked {
  border: none;
  width: 17px;
  height: 17px;
}
/* line 127, sass/variables.scss */
.security-wrapper .security-type input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("../images/radio-selected.svg");
}
/* line 1079, sass/commonStyles.scss */
.security-wrapper .security-type label {
  width: 150px;
  float: left;
  font-size: 12px;
  letter-spacing: 1px;
  color: #2c3e50;
}

/* line 1091, sass/commonStyles.scss */
.sms-wrapper,
.matriz-wrapper {
  width: 100%;
  float: left;
  height: 200px;
  overflow: hidden;
  display: none;
}
/* line 1099, sass/commonStyles.scss */
.sms-wrapper .icon-text,
.matriz-wrapper .icon-text {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  padding: 20px 10px 20px 60px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(44, 62, 80, 0.1);
}
/* line 1109, sass/commonStyles.scss */
.sms-wrapper .icon-text .icon,
.matriz-wrapper .icon-text .icon {
  width: 70px;
  float: left;
}
/* line 1113, sass/commonStyles.scss */
.sms-wrapper .icon-text .icon svg,
.matriz-wrapper .icon-text .icon svg {
  width: 100%;
}
/* line 1118, sass/commonStyles.scss */
.sms-wrapper .icon-text .icon.email svg,
.matriz-wrapper .icon-text .icon.email svg {
  width: 100%;
  height: 55px;
  margin-left: -5px;
}
/* line 1126, sass/commonStyles.scss */
.sms-wrapper .icon-text span,
.matriz-wrapper .icon-text span {
  width: 70px;
  float: left;
  line-height: 25px;
  color: #00a3e0;
  font-size: 25px;
  font-weight: 700;
}
/* line 1135, sass/commonStyles.scss */
.sms-wrapper .icon-text label,
.matriz-wrapper .icon-text label {
  width: 400px;
  float: left;
  font-size: 13px;
  font-weight: 600;
  margin-left: 30px;
  margin-top: 15px;
  line-height: 20px;
}
/* line 1146, sass/commonStyles.scss */
.sms-wrapper .validations-buttons,
.matriz-wrapper .validations-buttons {
  width: 100%;
  float: left;
  padding: 0 25px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
/* line 1156, sass/commonStyles.scss */
.sms-wrapper.inline,
.matriz-wrapper.inline {
  height: 100px;
  margin-bottom: 0;
}
/* line 1160, sass/commonStyles.scss */
.sms-wrapper.inline .icon-text,
.matriz-wrapper.inline .icon-text {
  width: 65%;
  padding: 0 10px 0 60px;
  border-bottom: none;
  border-top: 1px solid rgba(44, 62, 80, 0.1);
}
/* line 1166, sass/commonStyles.scss */
.sms-wrapper.inline .icon-text .icon,
.matriz-wrapper.inline .icon-text .icon {
  width: 30px;
}
/* line 1170, sass/commonStyles.scss */
.sms-wrapper.inline .icon-text span,
.matriz-wrapper.inline .icon-text span {
  line-height: 65px;
  font-size: 15px;
}
/* line 1175, sass/commonStyles.scss */
.sms-wrapper.inline .icon-text label,
.matriz-wrapper.inline .icon-text label {
  width: 300px;
  font-size: 12px;
  font-weight: 400;
  margin-left: 0;
}
/* line 1183, sass/commonStyles.scss */
.sms-wrapper.inline .validations-buttons,
.matriz-wrapper.inline .validations-buttons {
  width: 35%;
  margin-top: 0;
  padding: 33px 15px 0 15px;
  border-top: 1px solid rgba(44, 62, 80, 0.1);
}
/* line 1190, sass/commonStyles.scss */
.sms-wrapper.inline .validations-buttons .sms-button,
.sms-wrapper.inline .validations-buttons .call-button,
.matriz-wrapper.inline .validations-buttons .sms-button,
.matriz-wrapper.inline .validations-buttons .call-button {
  width: 100%;
  font-size: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  height: 32px;
  line-height: 26px;
}
/* line 1201, sass/commonStyles.scss */
.sms-wrapper.inline .validations-buttons .sms-button,
.matriz-wrapper.inline .validations-buttons .sms-button {
  line-height: 32px;
}
/* line 1207, sass/commonStyles.scss */
.sms-wrapper.selected,
.matriz-wrapper.selected {
  display: block;
}

/* line 1212, sass/commonStyles.scss */
.matriz-wrapper {
  height: 130px;
}
/* line 1215, sass/commonStyles.scss */
.matriz-wrapper .icon {
  margin-top: 55px;
  width: 90px;
}
/* line 1219, sass/commonStyles.scss */
.matriz-wrapper .icon svg {
  width: 90px;
}
/* line 1224, sass/commonStyles.scss */
.matriz-wrapper span {
  margin-top: 60px;
}
/* line 1228, sass/commonStyles.scss */
.matriz-wrapper .coordinates-wrapper {
  margin-left: 30px;
  width: 350px;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
}
/* line 1235, sass/commonStyles.scss */
.matriz-wrapper .coordinates-wrapper .row {
  width: 100%;
  height: 20px;
  line-height: 20px;
  float: left;
  margin-bottom: 10px;
}
/* line 1242, sass/commonStyles.scss */
.matriz-wrapper .coordinates-wrapper .row .coordinate,
.matriz-wrapper .coordinates-wrapper .row .position,
.matriz-wrapper .coordinates-wrapper .row .custom-input {
  width: 100px;
  height: 100%;
  float: left;
  text-align: center;
}
/* line 1251, sass/commonStyles.scss */
.matriz-wrapper .coordinates-wrapper .row .custom-input {
  width: 60px;
  margin-left: 20px;
  position: relative;
}
/* line 148, sass/variables.scss */
.matriz-wrapper .coordinates-wrapper .row .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 60px;
  height: 1px;
  left: 0;
  top: 17px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
.matriz-wrapper .coordinates-wrapper .row .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
.matriz-wrapper .coordinates-wrapper .row .custom-input input {
  width: 60px;
  height: 15px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
.matriz-wrapper .coordinates-wrapper .row .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
.matriz-wrapper .coordinates-wrapper .row .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 1256, sass/commonStyles.scss */
.matriz-wrapper .coordinates-wrapper .row .custom-input input {
  color: #00a3e0;
  text-align: center;
}

/* line 1265, sass/commonStyles.scss */
.sms-wrapper {
  background-color: white;
}

/* line 1269, sass/commonStyles.scss */
.sms-code-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  color: #2c3e50;
  display: none;
  background-color: white;
}
/* line 1280, sass/commonStyles.scss */
.sms-code-wrapper label {
  height: 40px;
  float: left;
  font-size: 12px;
  line-height: 35px;
  margin-right: 20px;
}
/* line 1288, sass/commonStyles.scss */
.sms-code-wrapper .custom-input {
  float: left;
  position: relative;
}
/* line 148, sass/variables.scss */
.sms-code-wrapper .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 180px;
  height: 1px;
  left: 0;
  top: 32px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
.sms-code-wrapper .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
.sms-code-wrapper .custom-input input {
  width: 180px;
  height: 30px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
.sms-code-wrapper .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
.sms-code-wrapper .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 1292, sass/commonStyles.scss */
.sms-code-wrapper .custom-input input {
  color: #00a3e0;
}
/* line 1297, sass/commonStyles.scss */
.sms-code-wrapper.show {
  display: block;
}

/* line 1302, sass/commonStyles.scss */
.blue-text {
  color: #00a3e0;
  font-size: 14px;
}

/* line 1307, sass/commonStyles.scss */
.right {
  text-align: right;
}

/* line 1312, sass/commonStyles.scss */
#confirmation-box {
  width: 100%;
  float: left;
  height: 70px;
  margin: 25px 0;
  padding: 0 0 0 10px;
  box-sizing: border-box;
}
/* line 1321, sass/commonStyles.scss */
#confirmation-box .icon {
  width: 65px;
  height: 100%;
  float: left;
}
/* line 1327, sass/commonStyles.scss */
#confirmation-box .text {
  width: calc(100% - 120px);
  height: 100%;
  float: left;
  padding: 15px 0;
  box-sizing: border-box;
  border: none;
}
/* line 1336, sass/commonStyles.scss */
#confirmation-box .text .title {
  font-weight: 700;
  font-size: 12px;
  padding-bottom: 5px;
  border: none;
}
/* line 1343, sass/commonStyles.scss */
#confirmation-box .text .title.big {
  font-size: 14px;
  margin-top: 5px;
}
/* line 1348, sass/commonStyles.scss */
#confirmation-box .text .title.subtitle {
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.4px;
}
/* line 1355, sass/commonStyles.scss */
#confirmation-box .text .transfers-info {
  font-size: 10px;
  float: left;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #63a31d;
}
/* line 1363, sass/commonStyles.scss */
#confirmation-box .text .transfers-info:last-of-type {
  border: none;
}
/* line 1368, sass/commonStyles.scss */
#confirmation-box .text .profile-info {
  font-size: 10px;
  float: left;
  padding-right: 20px;
  margin-right: 20px;
}
/* line 1375, sass/commonStyles.scss */
#confirmation-box .text .profile-info:last-of-type {
  border: none;
}
/* line 1381, sass/commonStyles.scss */
#confirmation-box.success {
  border: 2px solid #63a31d;
  background-color: rgba(99, 163, 29, 0.2);
}
/* line 1386, sass/commonStyles.scss */
#confirmation-box.success .icon svg {
  width: 60px;
  height: 60px;
  fill: #63a31d;
}
/* line 1394, sass/commonStyles.scss */
#confirmation-box.error {
  border: 2px solid #d0021b;
  background-color: rgba(208, 2, 27, 0.2);
}
/* line 1399, sass/commonStyles.scss */
#confirmation-box.error .icon svg {
  margin-top: 10px;
  width: 40px;
  height: 40px;
}
/* line 1405, sass/commonStyles.scss */
#confirmation-box.error .icon svg g g {
  fill: #d0021b;
}
/* line 1413, sass/commonStyles.scss */
#confirmation-box.standBy {
  border: 2px solid #e1dc27;
  background-color: rgba(225, 220, 39, 0.2);
}
/* line 1417, sass/commonStyles.scss */
#confirmation-box.standBy .icon {
  position: relative;
}
/* line 1419, sass/commonStyles.scss */
#confirmation-box.standBy .icon:before, #confirmation-box.standBy .icon:after {
  display: block;
  content: '';
  position: absolute;
  width: 6px;
  height: 24px;
  background-color: #f8ca1c;
  left: 20px;
  top: 20px;
}
/* line 1430, sass/commonStyles.scss */
#confirmation-box.standBy .icon:before {
  left: 33px;
}
/* line 1436, sass/commonStyles.scss */
#confirmation-box.info {
  border: 2px solid #00a3e0;
  background-color: rgba(0, 163, 224, 0.03);
}
/* line 1440, sass/commonStyles.scss */
#confirmation-box.info .icon {
  background-image: url("../images/icon_pendente.png");
  background-repeat: no-repeat;
  background-position: center center;
}
/* line 1446, sass/commonStyles.scss */
#confirmation-box.info .text {
  font-size: 12px;
}

/* line 1452, sass/commonStyles.scss */
.autoNumeric {
  text-transform: none;
}
/* line 1456, sass/commonStyles.scss */
.autoNumeric.positive.colorVar {
  color: #63a31d;
}
/* line 1460, sass/commonStyles.scss */
.autoNumeric.positive:before {
  display: inline;
  content: '+ ';
  color: #63a31d;
}
/* line 1468, sass/commonStyles.scss */
.autoNumeric.negative.colorVar {
  color: #d0021b;
}
/* line 1472, sass/commonStyles.scss */
.autoNumeric.negative:before {
  display: inline;
  content: '- ';
  color: #d0021b;
}

/* line 1480, sass/commonStyles.scss */
.tooltip-wrapper {
  position: absolute;
  top: 50px;
  z-index: 10;
  line-height: initial !important;
  height: 35px;
  min-height: 35px;
  padding: 6px 10px 4px 40px;
  box-sizing: border-box;
  background-color: white;
  box-shadow: 0px 1px 5px #c2c2c2;
}
/* line 1494, sass/commonStyles.scss */
.tooltip-wrapper svg {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 8px;
  top: 7px;
}
/* line 1503, sass/commonStyles.scss */
.tooltip-wrapper p {
  width: 100% !important;
  max-height: 30px;
  margin: 0;
  padding: 5px 0;
  font-size: 10px;
  line-height: inherit;
  text-overflow: ellipsis;
  text-transform: none;
  overflow: hidden;
  white-space: nowrap;
  letter-spacing: initial;
  color: #2c3e50;
}
/* line 1519, sass/commonStyles.scss */
.tooltip-wrapper:before {
  content: '';
  display: block;
  position: absolute;
  height: 10px;
  width: 10px;
  background-color: white;
  box-shadow: 0px 1px 5px #c2c2c2;
  left: 40px;
  top: -5px;
  -webkit-transform: rotate(-137deg);
  -moz-transform: rotate(-137deg);
  -ms-transform: rotate(-137deg);
  -o-transform: rotate(-137deg);
  transform: rotate(-137deg);
}
/* line 1538, sass/commonStyles.scss */
.tooltip-wrapper:after {
  content: '';
  display: block;
  position: absolute;
  height: 8px;
  width: 30px;
  background-color: white;
  left: 26px;
  top: 0px;
}
/* line 1550, sass/commonStyles.scss */
.tooltip-wrapper:hover {
  max-height: 150px;
  z-index: 20;
  height: auto;
}
/* line 1555, sass/commonStyles.scss */
.tooltip-wrapper:hover p {
  max-height: 150px;
  overflow: auto;
  white-space: normal;
}

/* line 1563, sass/commonStyles.scss */
.tooltip-icons {
  display: none;
  position: absolute;
  z-index: 10;
  line-height: initial !important;
  height: auto;
  min-height: 15px;
  min-width: 60px;
  top: 100%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 5px);
  padding: 6px 10px 4px 10px;
  font-size: 10px;
  text-align: center;
  text-transform: none;
  width: auto;
  box-sizing: content-box;
  color: white;
  background-color: #2c3e50;
  box-shadow: 0px 1px 5px #c2c2c2;
}
/* line 1588, sass/commonStyles.scss */
.tooltip-icons:before {
  content: '';
  display: block;
  position: absolute;
  height: 10px;
  width: 10px;
  background-color: #2c3e50;
  top: -5px;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 0) rotate(-137deg);
  -moz-transform: translate(-50%, 0) rotate(-137deg);
  -ms-transform: translate(-50%, 0) rotate(-137deg);
  -o-transform: translate(-50%, 0) rotate(-137deg);
  transform: translate(-50%, 0) rotate(-137deg);
}
/* line 1608, sass/commonStyles.scss */
.tooltip-icons:after {
  content: '';
  display: block;
  position: absolute;
  height: 8px;
  width: 30px;
  background-color: #2c3e50;
  left: 26px;
  top: 0px;
}

/* line 1621, sass/commonStyles.scss */
.with-tooltip:hover .tooltip-icons {
  position: relative;
  display: block;
  z-index: 19;
}

/* line 1628, sass/commonStyles.scss */
.toast {
  position: absolute;
  z-index: 10000;
  margin: 0 auto;
  width: 500px;
  background: #0e3561;
  left: 50%;
  margin-left: -250px;
  bottom: 3px;
  padding: 12px 15px;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  display: none;
}

/* line 1644, sass/commonStyles.scss */
.switch-button {
  width: 40px;
  height: 15px;
  margin: 20px auto 0 auto;
  position: relative;
  border-radius: 10px;
  background-color: rgba(194, 194, 194, 0.5);
  border-right: none;
  cursor: pointer;
}
/* line 1656, sass/commonStyles.scss */
.switch-button:before {
  content: "";
  width: 20px;
  height: 20px;
  top: -3px;
  left: 0;
  display: block;
  position: absolute;
  border-radius: 50%;
  background-color: #d0021b;
  box-shadow: 1px 3px 7px gray;
  transition: all 0.2s ease-in-out;
}
/* line 1673, sass/commonStyles.scss */
.switch-button.active {
  background-color: #c2c2c2;
}
/* line 1676, sass/commonStyles.scss */
.switch-button.active:before {
  left: 20px;
  background-color: #63a31d;
}

/* line 1684, sass/commonStyles.scss */
.switch-button-v2 {
  width: 34px;
  height: 15px;
  margin: 20px auto 0 auto;
  position: relative;
  border-radius: 10px;
  background-color: #f1f1f1;
  border-right: none;
  cursor: pointer;
}
/* line 1696, sass/commonStyles.scss */
.switch-button-v2:before {
  content: "";
  width: 20px;
  height: 20px;
  top: -3px;
  left: 0;
  display: block;
  position: absolute;
  border-radius: 50%;
  background-color: #f1f1f1;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 0 1px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.2s ease-in-out;
}
/* line 1713, sass/commonStyles.scss */
.switch-button-v2.active {
  background-color: rgba(41, 187, 156, 0.5);
}
/* line 1716, sass/commonStyles.scss */
.switch-button-v2.active:before {
  left: 20px;
  background-color: #29bb9c;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 0 1px 0 rgba(0, 0, 0, 0.12);
}

@media screen and (max-width: 768px) {
  /* line 1739, sass/commonStyles.scss */
  .main-wrapper .subsection-title {
    margin-top: 10px;
  }

  /* line 1744, sass/commonStyles.scss */
  .grids-wrapper {
    padding: 30px;
  }
  /* line 1749, sass/commonStyles.scss */
  .grids-wrapper .grid .row {
    font-size: 1.3vw;
  }
  /* line 1752, sass/commonStyles.scss */
  .grids-wrapper .grid .row:first-of-type {
    line-height: normal;
  }
}
/* line 1, sass/dropdowns.scss */
#dropdown-wrapper {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #c2c2c2;
  cursor: pointer;
  position: relative;
}
/* line 9, sass/dropdowns.scss */
#dropdown-wrapper.label-border {
  border-bottom: none;
}
/* line 12, sass/dropdowns.scss */
#dropdown-wrapper.label-border:before {
  content: "";
  display: block;
  position: absolute;
  width: calc( 100% + 180px);
  height: 1px;
  box-sizing: border-box;
  top: 100%;
  left: -180px;
  border-bottom: 1px solid #c2c2c2;
}
/* line 27, sass/dropdowns.scss */
#dropdown-wrapper.label-border-simple {
  border-bottom: none;
}
/* line 30, sass/dropdowns.scss */
#dropdown-wrapper.label-border-simple:before {
  content: "";
  display: block;
  position: absolute;
  width: calc( 100% + 120px);
  height: 1px;
  box-sizing: border-box;
  top: 100%;
  left: -120px;
  border-bottom: 1px solid #c2c2c2;
}
/* line 45, sass/dropdowns.scss */
#dropdown-wrapper.ie {
  height: calc(100% - 1px);
}
/* line 48, sass/dropdowns.scss */
#dropdown-wrapper.ie.simple {
  height: 100% !important;
}
/* line 53, sass/dropdowns.scss */
#dropdown-wrapper .selected-option,
#dropdown-wrapper .empty-message {
  width: calc(100% - 30px);
  height: 100%;
  float: left;
  padding-left: 12px;
  box-sizing: border-box;
  line-height: 50px;
  box-sizing: border-box;
  text-align: left;
}
/* line 66, sass/dropdowns.scss */
#dropdown-wrapper .selected-option.flex-selected-option, #dropdown-wrapper .selected-option.emis-mcx-selected-option,
#dropdown-wrapper .empty-message.flex-selected-option,
#dropdown-wrapper .empty-message.emis-mcx-selected-option {
  text-align: right;
  padding-right: 20px;
  position: relative;
}
/* line 71, sass/dropdowns.scss */
#dropdown-wrapper .selected-option.flex-selected-option:before, #dropdown-wrapper .selected-option.emis-mcx-selected-option:before,
#dropdown-wrapper .empty-message.flex-selected-option:before,
#dropdown-wrapper .empty-message.emis-mcx-selected-option:before {
  content: "BAI FLEX";
  display: block;
  position: absolute;
  width: 65px;
  height: 38px;
  line-height: 38px;
  font-size: 10px;
  text-align: center;
  color: white;
  border-radius: 4px;
  background-image: linear-gradient(329deg, #ffdb55, #f76f1e, #f76b1c);
}
/* line 87, sass/dropdowns.scss */
#dropdown-wrapper .selected-option.emis-mcx-selected-option:before,
#dropdown-wrapper .empty-message.emis-mcx-selected-option:before {
  content: "BAI MULTICAIXA";
  font-size: 7px;
  background-image: linear-gradient(30deg, #000000, #00a3e0);
}
/* line 95, sass/dropdowns.scss */
#dropdown-wrapper .empty-message {
  font-size: 12px;
  text-transform: none;
}
/* line 100, sass/dropdowns.scss */
#dropdown-wrapper .balance-color-circle {
  position: absolute;
  width: 7px;
  height: 7px;
  top: 21px;
  right: 110px;
  border-radius: 50%;
}
/* line 108, sass/dropdowns.scss */
#dropdown-wrapper .balance-color-circle.red {
  background-color: #d0021b;
}
/* line 112, sass/dropdowns.scss */
#dropdown-wrapper .balance-color-circle.green {
  background-color: #63a31d;
}
/* line 116, sass/dropdowns.scss */
#dropdown-wrapper .balance-color-circle.yellow {
  background-color: #e1dc27;
}
/* line 121, sass/dropdowns.scss */
#dropdown-wrapper .icon {
  width: 30px;
  height: 100%;
  float: left;
}
/* line 126, sass/dropdowns.scss */
#dropdown-wrapper .icon svg {
  position: relative;
  top: 17px;
  transform: rotate(-90deg);
  height: 12px;
  width: 12px;
  fill: #c2c2c2;
}
/* line 136, sass/dropdowns.scss */
#dropdown-wrapper .tooltip,
#dropdown-wrapper .tooltip-selected-option {
  position: absolute;
  top: 10px;
  right: 50px;
  z-index: 10;
  line-height: initial !important;
  height: 35px;
  min-height: 35px;
  display: none;
  background-color: transparent;
  cursor: pointer;
}
/* line 150, sass/dropdowns.scss */
#dropdown-wrapper .tooltip.show,
#dropdown-wrapper .tooltip-selected-option.show {
  display: block;
}
/* line 154, sass/dropdowns.scss */
#dropdown-wrapper .tooltip svg,
#dropdown-wrapper .tooltip-selected-option svg {
  position: absolute;
  width: 17px;
  height: 17px;
  right: -30px;
  top: 15px;
}
/* line 162, sass/dropdowns.scss */
#dropdown-wrapper .tooltip .message,
#dropdown-wrapper .tooltip-selected-option .message {
  display: none;
  position: absolute;
  max-height: 150px;
  top: 50px;
  right: -40px;
  padding: 10px 15px;
  box-sizing: border-box;
  font-size: 10px;
  text-overflow: ellipsis;
  text-transform: none;
  overflow: auto;
  white-space: nowrap;
  color: white;
  box-shadow: 0px 1px 5px #c2c2c2;
  background-color: #efa800;
}
/* line 183, sass/dropdowns.scss */
#dropdown-wrapper .tooltip:before,
#dropdown-wrapper .tooltip-selected-option:before {
  content: '';
  display: none;
  position: absolute;
  height: 10px;
  width: 10px;
  background-color: #efa800;
  box-shadow: 0px 1px 5px #c2c2c2;
  right: -26px;
  top: 45px;
  -webkit-transform: rotate(-137deg);
  -moz-transform: rotate(-137deg);
  -ms-transform: rotate(-137deg);
  -o-transform: rotate(-137deg);
  transform: rotate(-137deg);
}
/* line 202, sass/dropdowns.scss */
#dropdown-wrapper .tooltip:hover,
#dropdown-wrapper .tooltip-selected-option:hover {
  max-height: 150px;
  z-index: 20;
  height: auto;
}
/* line 207, sass/dropdowns.scss */
#dropdown-wrapper .tooltip:hover .message,
#dropdown-wrapper .tooltip-selected-option:hover .message {
  display: block;
}
/* line 211, sass/dropdowns.scss */
#dropdown-wrapper .tooltip:hover:before,
#dropdown-wrapper .tooltip-selected-option:hover:before {
  display: block;
}
/* line 219, sass/dropdowns.scss */
#dropdown-wrapper .tooltip:before {
  right: -4px;
  top: 20px;
}
/* line 224, sass/dropdowns.scss */
#dropdown-wrapper .tooltip .message {
  top: 15px;
  right: 0;
}
/* line 230, sass/dropdowns.scss */
#dropdown-wrapper .tooltip-selected-option {
  top: 0px;
  right: 0px;
}
/* line 235, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects {
  position: relative;
  width: calc(100% - 2px);
  overflow: hidden;
  top: 1px;
  z-index: 15;
  display: none;
  max-height: 280px;
  border: 1px solid #c2c2c2;
  border-top: none;
  background-color: white;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transform: scaleY(0.3);
  transform-origin: top;
}
/* line 256, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects .object {
  height: 70px;
  border-bottom: 1px solid #c2c2c2;
  border-top: none;
  padding: 10px 10px 5px 10px;
  box-sizing: border-box;
  position: relative;
  color: #2c3e50;
}
/* line 266, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects .object.flex-object, #dropdown-wrapper .dropdown-objects .object .emis-mcx-object {
  height: 60px;
}
/* line 274, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects .object .option-title {
  width: 100%;
  float: left;
  height: 15px;
  line-height: 15px;
  font-size: 10px;
}
/* line 281, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects .object .option-title.flex-option-title, #dropdown-wrapper .dropdown-objects .object .option-title.emis-mcx-title {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 12px;
  position: relative;
}
/* line 288, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects .object .option-title.flex-option-title:before, #dropdown-wrapper .dropdown-objects .object .option-title.emis-mcx-title:before {
  content: "BAI FLEX";
  display: block;
  position: absolute;
  width: 40px;
  height: 23px;
  margin-top: 10px;
  line-height: 23px;
  font-size: 8px;
  color: white;
  border-radius: 4px;
  background-image: linear-gradient(329deg, #ffdb55, #f76f1e, #f76b1c);
}
/* line 304, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects .object .option-title.emis-mcx-title:before {
  content: "BAI MULTICAIXA";
  font-size: 7px;
  background-image: linear-gradient(30deg, #000000, #00a3e0);
}
/* line 312, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects .object .number {
  width: 100%;
  float: left;
  height: 25px;
  line-height: 15px;
  font-size: 14px;
}
/* line 320, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects .object .balance {
  width: 100%;
  height: 15px;
  line-height: 15px;
  float: left;
  font-size: 10px;
}
/* line 328, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects .object:hover {
  background-color: #00a3e0;
  color: white;
}
/* line 333, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects .object .balance-color-circle {
  position: absolute;
  width: 7px;
  height: 7px;
  top: 21px;
  right: 110px;
  border-radius: 50%;
}
/* line 341, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects .object .balance-color-circle.red {
  background-color: #d0021b;
}
/* line 345, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects .object .balance-color-circle.green {
  background-color: #63a31d;
}
/* line 349, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects .object .balance-color-circle.yellow {
  background-color: #e1dc27;
}
/* line 356, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects.simple .object {
  height: 40px;
}
/* line 358, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects.simple .object.flex-object {
  height: 60px;
}
/* line 364, sass/dropdowns.scss */
#dropdown-wrapper .dropdown-objects.show {
  opacity: 1;
  transform: scaleY(1);
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/notifications.scss */
#notification {
  width: 100%;
  float: left;
  position: relative;
  padding: 20px 60px;
  box-sizing: border-box;
  background-color: white;
}
/* line 12, sass/notifications.scss */
#notification .notification-title {
  height: 35px;
  font-size: 15px;
  color: #00a3e0;
  font-weight: 700;
  border-bottom: 1px solid #c2c2c2;
}
/* line 21, sass/notifications.scss */
#notification .notification-title.radio {
  font-weight: 400;
}
/* line 24, sass/notifications.scss */
#notification .notification-title.radio .custom-radio-button {
  float: left;
  margin-right: 50px;
}
/* line 28, sass/notifications.scss */
#notification .notification-title.radio .custom-radio-button input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #00a3e0;
  border-radius: 50% !important;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 0 10px 0 0;
}
/* line 121, sass/variables.scss */
#notification .notification-title.radio .custom-radio-button input:checked {
  border: none;
  width: 17px;
  height: 17px;
}
/* line 127, sass/variables.scss */
#notification .notification-title.radio .custom-radio-button input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("../images/radio-selected.svg");
}
/* line 34, sass/notifications.scss */
#notification .notification-title.radio .custom-radio-button label {
  float: left;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: none;
  padding-top: 0px;
  color: #2c3e50;
}
/* line 47, sass/notifications.scss */
#notification .icon-close {
  position: absolute;
  top: 25px;
  right: 25px;
}
/* line 52, sass/notifications.scss */
#notification .icon-close svg {
  cursor: pointer;
}
/* line 57, sass/notifications.scss */
#notification #notification-destination-info {
  width: 100%;
  float: left;
  margin: 10px 0 20px 0;
}
/* line 62, sass/notifications.scss */
#notification #notification-destination-info .row {
  width: 100%;
  float: left;
  position: relative;
  margin: 10px 0;
}
/* line 68, sass/notifications.scss */
#notification #notification-destination-info .row .field-type {
  width: 50%;
}
/* line 72, sass/notifications.scss */
#notification #notification-destination-info .row label {
  width: 100px;
}
/* line 76, sass/notifications.scss */
#notification #notification-destination-info .row .icon-close-row {
  position: absolute;
  top: 25px;
  right: -32px;
}
/* line 81, sass/notifications.scss */
#notification #notification-destination-info .row .icon-close-row svg {
  cursor: pointer;
  height: 10px;
}
/* line 85, sass/notifications.scss */
#notification #notification-destination-info .row .icon-close-row svg g g {
  fill: #2c3e50;
}
/* line 92, sass/notifications.scss */
#notification #notification-destination-info .field-type {
  width: 50%;
  margin: 10px 0;
}
/* line 96, sass/notifications.scss */
#notification #notification-destination-info .field-type label {
  width: 100px;
}
/* line 100, sass/notifications.scss */
#notification #notification-destination-info .field-type .custom-checkbox-button {
  width: 30%;
  float: left;
  padding-top: 15px;
}
/* line 105, sass/notifications.scss */
#notification #notification-destination-info .field-type .custom-checkbox-button input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 0px 10px 0 0;
  border-color: rgba(0, 163, 224, 0.5);
}
/* line 81, sass/variables.scss */
#notification #notification-destination-info .field-type .custom-checkbox-button input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
#notification #notification-destination-info .field-type .custom-checkbox-button input:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 113, sass/notifications.scss */
#notification #notification-destination-info .field-type .custom-checkbox-button label {
  width: auto;
  float: left;
  font-size: 12px;
  letter-spacing: 1px;
  padding-top: 0;
}
/* line 122, sass/notifications.scss */
#notification #notification-destination-info .field-type p {
  font-size: 12px;
  padding-top: 3px;
}
/* line 126, sass/notifications.scss */
#notification #notification-destination-info .field-type p.email {
  color: #00a3e0;
}

/* line 136, sass/notifications.scss */
#transfers-modal-detail-wrapper #notification,
#requests-detail-modal-detail-wrapper #notification {
  padding: 20px 0;
  overflow: hidden;
}
/* line 142, sass/notifications.scss */
#transfers-modal-detail-wrapper #notification #notification-destination-info .field-type .custom-checkbox-button,
#requests-detail-modal-detail-wrapper #notification #notification-destination-info .field-type .custom-checkbox-button {
  width: 40%;
}

/* line 1, sass/datePicker.scss */
#ui-datepicker-div {
  width: 240px;
  z-index: 4;
  padding: 10px;
  box-sizing: border-box;
  background-color: white;
  border: 1px solid #c2c2c2;
  color: #2c3e50;
  transition: opacity 0.5s ease-out !important;
}
/* line 16, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
  width: 20px;
  height: 30px;
  float: left;
  background-image: url(../images/icon_arrow_open.svg);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
/* line 28, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  width: 20px;
  height: 30px;
  float: right;
  background-image: url(../images/icon_arrow_open.svg);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* line 46, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  width: 178px;
  float: left;
  height: 40px;
  text-align: center;
  font-size: 14px;
}
/* line 54, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  height: 20px;
  width: 48%;
  margin-top: 5px;
  float: left;
}
/* line 62, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  height: 20px;
  color: #00a3e0;
  font-weight: 400;
}
/* line 70, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-calendar {
  margin-top: 50px;
  background-color: #d5e3f1;
  border-collapse: collapse;
}
/* line 77, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-calendar thead {
  font-size: 12px;
  background-color: #FFF;
}
/* line 81, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-calendar thead th {
  font-weight: 400;
}
/* line 86, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-calendar tbody {
  width: 220px;
  height: 110px;
  font-size: 14px;
  text-align: center;
}
/* line 93, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-calendar tbody tr {
  height: 28px;
}
/* line 96, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-calendar tbody tr td {
  height: 28px;
  width: 30px;
}
/* line 105, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable span,
#ui-datepicker-div .ui-datepicker-calendar .ui-state-disabled span {
  color: #a5bacf;
}
/* line 110, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day {
  background-color: #00a3e0;
}
/* line 111, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day a {
  color: white;
}
/* line 118, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-today {
  position: relative;
}
/* line 121, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-today:before {
  content: '';
  display: block;
  position: absolute;
  border-left: 5px solid #a5bacf;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  right: 0px;
  top: -3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 141, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-buttonpane {
  margin-top: 20px;
}
/* line 144, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-buttonpane button {
  display: none;
  text-transform: uppercase;
  font-size: 12px;
}
/* line 149, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-buttonpane button:last-of-type {
  border: none;
  display: block;
  background-color: transparent;
  outline: none;
  position: relative;
  float: left;
  padding-left: 15px;
}
/* line 158, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-buttonpane button:last-of-type:before, #ui-datepicker-div .ui-datepicker-buttonpane button:last-of-type:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 2px;
  top: 5px;
  left: 5px;
  background-color: #d0021b;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 176, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-buttonpane button:last-of-type:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 184, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-buttonpane .ui-datepicker-close {
  border: none;
  display: block;
  background-color: transparent;
  float: right;
  outline: none;
  position: relative;
  padding-right: 10px;
}
/* line 193, sass/datePicker.scss */
#ui-datepicker-div .ui-datepicker-buttonpane .ui-datepicker-close:before {
  content: '';
  display: block;
  position: absolute;
  border-left: 5px solid #c2c2c2;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  left: -1px;
  top: 0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/filters.scss */
.filters-main-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  box-sizing: border-box;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
  text-align: justify;
}
/* line 15, sass/filters.scss */
.filters-main-wrapper .filter {
  min-height: 75px;
  float: left;
}
/* line 21, sass/filters.scss */
.filters-main-wrapper .date-wrapper, .filters-main-wrapper .single-date-wrapper {
  width: 40%;
  position: relative;
}
/* line 25, sass/filters.scss */
.filters-main-wrapper .date-wrapper .tooltip-wrapper, .filters-main-wrapper .single-date-wrapper .tooltip-wrapper {
  top: 60px;
  text-transform: none;
}
/* line 30, sass/filters.scss */
.filters-main-wrapper .date-wrapper .title, .filters-main-wrapper .single-date-wrapper .title {
  width: 100%;
  float: left;
  text-align: left;
}
/* line 35, sass/filters.scss */
.filters-main-wrapper .date-wrapper .custom-date-picker, .filters-main-wrapper .single-date-wrapper .custom-date-picker {
  width: 140px;
  float: left;
  cursor: pointer;
  position: relative;
}
/* line 148, sass/variables.scss */
.filters-main-wrapper .date-wrapper .custom-date-picker .underline, .filters-main-wrapper .single-date-wrapper .custom-date-picker .underline {
  content: "";
  display: block;
  position: relative;
  width: 140px;
  height: 1px;
  left: 0;
  top: 37px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
.filters-main-wrapper .date-wrapper .custom-date-picker .underline.error, .filters-main-wrapper .single-date-wrapper .custom-date-picker .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
.filters-main-wrapper .date-wrapper .custom-date-picker input, .filters-main-wrapper .single-date-wrapper .custom-date-picker input {
  width: 140px;
  height: 35px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
.filters-main-wrapper .date-wrapper .custom-date-picker input:disabled, .filters-main-wrapper .single-date-wrapper .custom-date-picker input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
.filters-main-wrapper .date-wrapper .custom-date-picker input:focus + .underline, .filters-main-wrapper .single-date-wrapper .custom-date-picker input:focus + .underline {
  transform: scaleX(1);
}
/* line 43, sass/filters.scss */
.filters-main-wrapper .date-wrapper .custom-date-picker input, .filters-main-wrapper .single-date-wrapper .custom-date-picker input {
  background-color: transparent;
  position: relative;
  z-index: 14;
  cursor: pointer;
}
/* line 50, sass/filters.scss */
.filters-main-wrapper .date-wrapper .custom-date-picker svg, .filters-main-wrapper .single-date-wrapper .custom-date-picker svg {
  position: absolute;
  top: 10px;
  left: 110px;
}
/* line 57, sass/filters.scss */
.filters-main-wrapper .date-wrapper label, .filters-main-wrapper .single-date-wrapper label {
  width: 20px;
  float: left;
  height: 45px;
  text-align: center;
  line-height: 39px;
}
/* line 67, sass/filters.scss */
.filters-main-wrapper .complex-value-wrapper {
  position: relative;
  width: 40%;
}
/* line 71, sass/filters.scss */
.filters-main-wrapper .complex-value-wrapper .title {
  width: 100%;
  float: left;
  text-align: left;
}
/* line 76, sass/filters.scss */
.filters-main-wrapper .complex-value-wrapper .custom-input {
  width: 120px;
  float: left;
  position: relative;
}
/* line 148, sass/variables.scss */
.filters-main-wrapper .complex-value-wrapper .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 120px;
  height: 1px;
  left: 0;
  top: 37px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
.filters-main-wrapper .complex-value-wrapper .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
.filters-main-wrapper .complex-value-wrapper .custom-input input {
  width: 120px;
  height: 35px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
.filters-main-wrapper .complex-value-wrapper .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
.filters-main-wrapper .complex-value-wrapper .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 82, sass/filters.scss */
.filters-main-wrapper .complex-value-wrapper .custom-input input {
  background-color: #d5e3f1;
}
/* line 87, sass/filters.scss */
.filters-main-wrapper .complex-value-wrapper label {
  width: 20px;
  float: left;
  height: 45px;
  text-align: center;
  line-height: 39px;
}
/* line 97, sass/filters.scss */
.filters-main-wrapper .status-wrapper {
  width: 20%;
  padding-right: 10px;
  box-sizing: border-box;
}
/* line 102, sass/filters.scss */
.filters-main-wrapper .status-wrapper .title {
  width: 100%;
  float: left;
  text-align: left;
}
/* line 108, sass/filters.scss */
.filters-main-wrapper .status-wrapper .custom-dropdown {
  width: 100%;
  height: 40px;
  float: left;
  text-transform: none;
  margin-top: -3px;
}
/* line 115, sass/filters.scss */
.filters-main-wrapper .status-wrapper .custom-dropdown .selected-option {
  margin-top: -3px;
}
/* line 121, sass/filters.scss */
.filters-main-wrapper .input-wrapper {
  width: 20%;
  padding-right: 10px;
  box-sizing: border-box;
}
/* line 126, sass/filters.scss */
.filters-main-wrapper .input-wrapper .title {
  width: 100%;
  height: 17px;
  float: left;
  text-align: left;
}
/* line 133, sass/filters.scss */
.filters-main-wrapper .input-wrapper .custom-input {
  width: 100%;
  float: left;
  text-transform: none;
  border-bottom: 1px solid #c2c2c2;
  position: relative;
}
/* line 148, sass/variables.scss */
.filters-main-wrapper .input-wrapper .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  left: 0;
  top: 37px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
.filters-main-wrapper .input-wrapper .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
.filters-main-wrapper .input-wrapper .custom-input input {
  width: 100%;
  height: 35px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
.filters-main-wrapper .input-wrapper .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
.filters-main-wrapper .input-wrapper .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 140, sass/filters.scss */
.filters-main-wrapper .input-wrapper .custom-input input {
  background: none;
  border: none;
  outline: none;
  color: #00a3e0;
}
/* line 149, sass/filters.scss */
.filters-main-wrapper .value-wrapper {
  width: 24%;
  padding-right: 10px;
  box-sizing: border-box;
}
/* line 154, sass/filters.scss */
.filters-main-wrapper .value-wrapper .title {
  width: 100%;
  height: 17px;
  float: left;
  text-align: left;
}
/* line 161, sass/filters.scss */
.filters-main-wrapper .value-wrapper .custom-value {
  width: 100%;
  float: left;
  text-transform: none;
  height: 40px;
}
/* line 167, sass/filters.scss */
.filters-main-wrapper .value-wrapper .custom-value .value {
  height: 100%;
  float: left;
  line-height: 50px;
  padding-left: 5px;
  box-sizing: border-box;
  margin-top: -6px;
}
/* line 178, sass/filters.scss */
.filters-main-wrapper .radio-check-buttons-wrapper {
  width: 80%;
  height: 50px;
  padding-top: 20px;
  box-sizing: border-box;
}
/* line 185, sass/filters.scss */
.filters-main-wrapper .radio-check-buttons-wrapper .custom-radio-button {
  width: 25%;
  float: left;
}
/* line 189, sass/filters.scss */
.filters-main-wrapper .radio-check-buttons-wrapper .custom-radio-button input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #00a3e0;
  border-radius: 50% !important;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 0 10px 0 0;
}
/* line 121, sass/variables.scss */
.filters-main-wrapper .radio-check-buttons-wrapper .custom-radio-button input:checked {
  border: none;
  width: 17px;
  height: 17px;
}
/* line 127, sass/variables.scss */
.filters-main-wrapper .radio-check-buttons-wrapper .custom-radio-button input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("../images/radio-selected.svg");
}
/* line 195, sass/filters.scss */
.filters-main-wrapper .radio-check-buttons-wrapper .custom-radio-button label {
  width: 135px;
  float: left;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: none;
  padding-top: 0px;
  color: #2c3e50;
}
/* line 207, sass/filters.scss */
.filters-main-wrapper .radio-check-buttons-wrapper .custom-checkbox-button {
  width: 25%;
  float: left;
}
/* line 211, sass/filters.scss */
.filters-main-wrapper .radio-check-buttons-wrapper .custom-checkbox-button input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 0px 10px 0 0;
  border-color: rgba(0, 163, 224, 0.5);
}
/* line 81, sass/variables.scss */
.filters-main-wrapper .radio-check-buttons-wrapper .custom-checkbox-button input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
.filters-main-wrapper .radio-check-buttons-wrapper .custom-checkbox-button input:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 219, sass/filters.scss */
.filters-main-wrapper .radio-check-buttons-wrapper .custom-checkbox-button .ie-checkbox {
  pointer-events: none;
  width: 12px;
  height: 12px;
  float: left;
  position: absolute;
  left: 10px;
  top: 10px;
  box-shadow: border-box;
  border: 2px solid;
  border-radius: 3px;
  background-color: white;
  border-color: rgba(0, 163, 224, 0.5);
}
/* line 234, sass/filters.scss */
.filters-main-wrapper .radio-check-buttons-wrapper .custom-checkbox-button .ie-checkbox.checked {
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 242, sass/filters.scss */
.filters-main-wrapper .radio-check-buttons-wrapper .custom-checkbox-button label {
  width: 135px;
  float: left;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: none;
  padding-top: 0px;
  color: #2c3e50;
}
/* line 255, sass/filters.scss */
.filters-main-wrapper .radio-buttons-wrapper {
  max-width: 30%;
  height: 50px;
  box-sizing: border-box;
  margin-left: 40px;
}
/* line 262, sass/filters.scss */
.filters-main-wrapper .radio-buttons-wrapper .title {
  margin-bottom: 10px;
}
/* line 266, sass/filters.scss */
.filters-main-wrapper .radio-buttons-wrapper .custom-radio-button {
  width: 100%;
  float: left;
}
/* line 270, sass/filters.scss */
.filters-main-wrapper .radio-buttons-wrapper .custom-radio-button input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #00a3e0;
  border-radius: 50% !important;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 0 10px 0 0;
}
/* line 121, sass/variables.scss */
.filters-main-wrapper .radio-buttons-wrapper .custom-radio-button input:checked {
  border: none;
  width: 17px;
  height: 17px;
}
/* line 127, sass/variables.scss */
.filters-main-wrapper .radio-buttons-wrapper .custom-radio-button input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("../images/radio-selected.svg");
}
/* line 276, sass/filters.scss */
.filters-main-wrapper .radio-buttons-wrapper .custom-radio-button label {
  width: calc( 100% - 35px);
  float: left;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: none;
  padding-top: 0px;
  color: #2c3e50;
  cursor: pointer;
}
/* line 290, sass/filters.scss */
.filters-main-wrapper .buttons-wrapper {
  margin-top: 20px;
}
/* line 293, sass/filters.scss */
.filters-main-wrapper .buttons-wrapper .button {
  height: 32px;
  line-height: 26px;
  font-size: 10px;
  border: 2px solid #4B91E2;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  /* line 308, sass/filters.scss */
  .filters-main-wrapper .filter {
    width: 80%;
  }
  /* line 312, sass/filters.scss */
  .filters-main-wrapper .status-wrapper, .filters-main-wrapper .input-wrapper {
    width: 40%;
  }
  /* line 316, sass/filters.scss */
  .filters-main-wrapper .date-wrapper, .filters-main-wrapper .single-date-wrapper {
    margin-top: 20px;
  }
  /* line 320, sass/filters.scss */
  .filters-main-wrapper .buttons-wrapper {
    margin-top: 40px;
    padding-right: 0;
  }
  /* line 325, sass/filters.scss */
  .filters-main-wrapper .radio-check-buttons-wrapper {
    padding-top: 0;
    margin-top: 20px;
  }
  /* line 329, sass/filters.scss */
  .filters-main-wrapper .radio-check-buttons-wrapper .custom-radio-button {
    width: 100%;
    margin-bottom: 10px;
  }
  /* line 334, sass/filters.scss */
  .filters-main-wrapper .radio-check-buttons-wrapper .custom-checkbox-button {
    width: 33%;
  }
  /* line 337, sass/filters.scss */
  .filters-main-wrapper .radio-check-buttons-wrapper .custom-checkbox-button label {
    width: 65%;
  }
}
/* line 2, sass/patrimony.scss */
#patrimony-wrapper .section-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 2px;
  padding: 20px 60px 0 60px;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
}
/* line 11, sass/patrimony.scss */
#patrimony-wrapper .section-wrapper .graphic-picker {
  width: 264px;
  margin: 19px auto 0 auto;
}
/* line 15, sass/patrimony.scss */
#patrimony-wrapper .section-wrapper .graphic-picker .bar {
  width: 264px;
  height: 3px;
  border-radius: 9px;
  box-sizing: border-box;
  border: 1px solid #c2c2c2;
  background-color: rgba(213, 227, 241, 0.3);
  cursor: pointer;
  float: left;
}
/* line 27, sass/patrimony.scss */
#patrimony-wrapper .section-wrapper .graphic-picker .bar:before {
  content: "";
  display: block;
  position: relative;
  transition: all 1s ease;
  width: 125px;
  height: 1px;
  border-radius: 9px;
  background-color: #00a3e0;
}
/* line 41, sass/patrimony.scss */
#patrimony-wrapper .section-wrapper .graphic-picker .bar.active:before {
  left: 0;
}
/* line 47, sass/patrimony.scss */
#patrimony-wrapper .section-wrapper .graphic-picker .bar.debt:before {
  left: 139px;
}
/* line 53, sass/patrimony.scss */
#patrimony-wrapper .section-wrapper .graphic-picker .picker {
  width: 132px;
  float: left;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  opacity: 0.5;
}
/* line 63, sass/patrimony.scss */
#patrimony-wrapper .section-wrapper .graphic-picker .picker .title {
  height: 20px;
  line-height: 20px;
  font-weight: 500;
  color: #00a3e0;
  margin-bottom: 8px;
  text-transform: capitalize;
}
/* line 73, sass/patrimony.scss */
#patrimony-wrapper .section-wrapper .graphic-picker .picker.selected {
  opacity: 1;
}
/* line 76, sass/patrimony.scss */
#patrimony-wrapper .section-wrapper .graphic-picker .picker.selected .title {
  font-weight: 700;
}
/* line 84, sass/patrimony.scss */
#patrimony-wrapper .empty-message {
  width: 100%;
  float: left;
  padding: 60px 0 0 0;
  color: #00a3e0;
  text-align: center;
  box-sizing: border-box;
  font-weight: 700;
}
/* line 94, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
/* line 99, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .currency-dropdown-container {
  width: 100%;
  height: 90px;
  float: left;
  padding: 0 15px;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
}
/* line 110, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .info {
  width: 70%;
  float: left;
  margin-bottom: 15px;
  padding: 20px 0;
  box-sizing: border-box;
  font-size: 12px;
}
/* line 118, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .info .dropdown-type {
  width: 120px;
  padding: 10px 0 5px 0;
  float: left;
  text-transform: uppercase;
}
/* line 125, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .info .custom-dropdown {
  width: 200px;
  float: left;
  height: 32px;
  color: #4B91E2;
}
/* line 132, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .info .custom-dropdown #dropdown-wrapper .selected-option {
  line-height: 35px;
}
/* line 137, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .info .custom-dropdown #dropdown-wrapper .icon svg {
  top: 12px;
}
/* line 145, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container, #patrimony-wrapper .content-wrapper .debts-graphic-container, #patrimony-wrapper .content-wrapper .integrated-graphic-container {
  width: 100%;
  float: left;
  margin-top: 20px;
  padding-bottom: 90px;
  box-sizing: border-box;
  background-color: white;
}
/* line 153, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .empty, #patrimony-wrapper .content-wrapper .debts-graphic-container .empty, #patrimony-wrapper .content-wrapper .integrated-graphic-container .empty {
  text-align: center;
  padding: 130px 0 50px 0;
}
/* line 158, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .empty > *, #patrimony-wrapper .content-wrapper .debts-graphic-container .empty > *, #patrimony-wrapper .content-wrapper .integrated-graphic-container .empty > * {
  display: block;
  margin: 0 auto;
}
/* line 163, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .empty p, #patrimony-wrapper .content-wrapper .debts-graphic-container .empty p, #patrimony-wrapper .content-wrapper .integrated-graphic-container .empty p {
  font-size: 22px;
  font-weight: 700;
  color: #2c3e50;
  margin-top: 35px;
}
/* line 171, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .title, #patrimony-wrapper .content-wrapper .debts-graphic-container .title, #patrimony-wrapper .content-wrapper .integrated-graphic-container .title {
  width: 100%;
  height: 40px;
  padding: 0 15px;
  box-sizing: border-box;
  float: left;
  line-height: 40px;
  font-size: 12px;
  color: #2c3e50;
  border-bottom: solid 1px #e5ecf0;
}
/* line 184, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .left-side, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side {
  width: calc(100% - 480px);
  height: 380px;
  float: left;
  padding: 20px 40px;
  box-sizing: border-box;
}
/* line 191, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .info, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .info, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .info {
  width: 100%;
  max-width: 490px;
}
/* line 195, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .info .dropdown-type, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .info .dropdown-type, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .info .dropdown-type {
  width: 200px;
}
/* line 199, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .info .custom-dropdown, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .info .custom-dropdown, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .info .custom-dropdown {
  width: calc(100% - 200px);
}
/* line 204, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .assets-graphic-labels-wrapper, #patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .debts-graphic-labels-wrapper, #patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .integrated-graphic-labels-wrapper, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .assets-graphic-labels-wrapper, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .debts-graphic-labels-wrapper, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .integrated-graphic-labels-wrapper, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .assets-graphic-labels-wrapper, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .debts-graphic-labels-wrapper, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .integrated-graphic-labels-wrapper {
  width: 100%;
  max-width: 490px;
  float: left;
  height: 260px;
  padding: 17px 0;
  box-sizing: border-box;
  border: 1px solid #a5bacf;
}
/* line 213, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .assets-graphic-labels-wrapper .element, #patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .debts-graphic-labels-wrapper .element, #patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .integrated-graphic-labels-wrapper .element, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .assets-graphic-labels-wrapper .element, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .debts-graphic-labels-wrapper .element, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .integrated-graphic-labels-wrapper .element, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .assets-graphic-labels-wrapper .element, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .debts-graphic-labels-wrapper .element, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .integrated-graphic-labels-wrapper .element {
  width: 100%;
  height: 56px;
  float: left;
  padding: 19px 40px;
  box-sizing: border-box;
  line-height: 18px;
}
/* line 221, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .assets-graphic-labels-wrapper .element .tiny-square, #patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .debts-graphic-labels-wrapper .element .tiny-square, #patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .integrated-graphic-labels-wrapper .element .tiny-square, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .assets-graphic-labels-wrapper .element .tiny-square, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .debts-graphic-labels-wrapper .element .tiny-square, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .integrated-graphic-labels-wrapper .element .tiny-square, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .assets-graphic-labels-wrapper .element .tiny-square, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .debts-graphic-labels-wrapper .element .tiny-square, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .integrated-graphic-labels-wrapper .element .tiny-square {
  width: 18px;
  height: 18px;
  margin-right: 16px;
  float: left;
  background-color: #00a3e0;
}
/* line 228, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .assets-graphic-labels-wrapper .element .tiny-square.assets, #patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .debts-graphic-labels-wrapper .element .tiny-square.assets, #patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .integrated-graphic-labels-wrapper .element .tiny-square.assets, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .assets-graphic-labels-wrapper .element .tiny-square.assets, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .debts-graphic-labels-wrapper .element .tiny-square.assets, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .integrated-graphic-labels-wrapper .element .tiny-square.assets, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .assets-graphic-labels-wrapper .element .tiny-square.assets, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .debts-graphic-labels-wrapper .element .tiny-square.assets, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .integrated-graphic-labels-wrapper .element .tiny-square.assets {
  background-color: #29bb9c;
}
/* line 232, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .assets-graphic-labels-wrapper .element .tiny-square.debts, #patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .debts-graphic-labels-wrapper .element .tiny-square.debts, #patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .integrated-graphic-labels-wrapper .element .tiny-square.debts, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .assets-graphic-labels-wrapper .element .tiny-square.debts, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .debts-graphic-labels-wrapper .element .tiny-square.debts, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .integrated-graphic-labels-wrapper .element .tiny-square.debts, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .assets-graphic-labels-wrapper .element .tiny-square.debts, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .debts-graphic-labels-wrapper .element .tiny-square.debts, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .integrated-graphic-labels-wrapper .element .tiny-square.debts {
  background-color: #ec4f4f;
}
/* line 237, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .assets-graphic-labels-wrapper .element .text, #patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .debts-graphic-labels-wrapper .element .text, #patrimony-wrapper .content-wrapper .assets-graphic-container .left-side .integrated-graphic-labels-wrapper .element .text, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .assets-graphic-labels-wrapper .element .text, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .debts-graphic-labels-wrapper .element .text, #patrimony-wrapper .content-wrapper .debts-graphic-container .left-side .integrated-graphic-labels-wrapper .element .text, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .assets-graphic-labels-wrapper .element .text, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .debts-graphic-labels-wrapper .element .text, #patrimony-wrapper .content-wrapper .integrated-graphic-container .left-side .integrated-graphic-labels-wrapper .element .text {
  float: left;
  font-size: 12px;
  text-transform: uppercase;
}
/* line 246, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .right-side, #patrimony-wrapper .content-wrapper .debts-graphic-container .right-side, #patrimony-wrapper .content-wrapper .integrated-graphic-container .right-side {
  position: relative;
  width: 480px;
  height: 380px;
  float: left;
}
/* line 252, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .right-side .assets-label, #patrimony-wrapper .content-wrapper .assets-graphic-container .right-side .debts-label, #patrimony-wrapper .content-wrapper .debts-graphic-container .right-side .assets-label, #patrimony-wrapper .content-wrapper .debts-graphic-container .right-side .debts-label, #patrimony-wrapper .content-wrapper .integrated-graphic-container .right-side .assets-label, #patrimony-wrapper .content-wrapper .integrated-graphic-container .right-side .debts-label {
  position: absolute;
  border: solid 1px #e8e8e8;
  background-color: #fafafa;
  padding: 9px;
  border-radius: 3px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 263, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .right-side .assets-label .amount, #patrimony-wrapper .content-wrapper .assets-graphic-container .right-side .debts-label .amount, #patrimony-wrapper .content-wrapper .debts-graphic-container .right-side .assets-label .amount, #patrimony-wrapper .content-wrapper .debts-graphic-container .right-side .debts-label .amount, #patrimony-wrapper .content-wrapper .integrated-graphic-container .right-side .assets-label .amount, #patrimony-wrapper .content-wrapper .integrated-graphic-container .right-side .debts-label .amount {
  font-size: 14px;
  color: #9ba2ab;
}
/* line 267, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .right-side .assets-label .percentage, #patrimony-wrapper .content-wrapper .assets-graphic-container .right-side .debts-label .percentage, #patrimony-wrapper .content-wrapper .debts-graphic-container .right-side .assets-label .percentage, #patrimony-wrapper .content-wrapper .debts-graphic-container .right-side .debts-label .percentage, #patrimony-wrapper .content-wrapper .integrated-graphic-container .right-side .assets-label .percentage, #patrimony-wrapper .content-wrapper .integrated-graphic-container .right-side .debts-label .percentage {
  font-size: 15px;
  color: #2c3e50;
}
/* line 273, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .right-side .total, #patrimony-wrapper .content-wrapper .debts-graphic-container .right-side .total, #patrimony-wrapper .content-wrapper .integrated-graphic-container .right-side .total {
  text-align: center;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
/* line 285, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .right-side .total .label, #patrimony-wrapper .content-wrapper .debts-graphic-container .right-side .total .label, #patrimony-wrapper .content-wrapper .integrated-graphic-container .right-side .total .label {
  font-size: 12px;
  color: #9ba2ab;
}
/* line 290, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .right-side .total .amount, #patrimony-wrapper .content-wrapper .debts-graphic-container .right-side .total .amount, #patrimony-wrapper .content-wrapper .integrated-graphic-container .right-side .total .amount {
  font-size: 16px;
  font-weight: 600;
}
/* line 296, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .right-side .pie-chart, #patrimony-wrapper .content-wrapper .debts-graphic-container .right-side .pie-chart, #patrimony-wrapper .content-wrapper .integrated-graphic-container .right-side .pie-chart {
  margin: 40px 0;
}
/* line 302, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .right-side .tooltip-container #patrimony-tooltip, #patrimony-wrapper .content-wrapper .debts-graphic-container .right-side .tooltip-container #patrimony-tooltip, #patrimony-wrapper .content-wrapper .integrated-graphic-container .right-side .tooltip-container #patrimony-tooltip {
  position: absolute;
  pointer-events: none;
  background-color: rgba(90, 97, 107, 0.8);
  padding: 7px 14px 14px 7px;
}
/* line 310, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .right-side .tooltip-container #patrimony-tooltip .tooltip-title, #patrimony-wrapper .content-wrapper .debts-graphic-container .right-side .tooltip-container #patrimony-tooltip .tooltip-title, #patrimony-wrapper .content-wrapper .integrated-graphic-container .right-side .tooltip-container #patrimony-tooltip .tooltip-title {
  font-size: 13px;
  color: #fff;
}
/* line 314, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .right-side .tooltip-container #patrimony-tooltip .percentage, #patrimony-wrapper .content-wrapper .debts-graphic-container .right-side .tooltip-container #patrimony-tooltip .percentage, #patrimony-wrapper .content-wrapper .integrated-graphic-container .right-side .tooltip-container #patrimony-tooltip .percentage {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
}
/* line 319, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .right-side .tooltip-container #patrimony-tooltip .balance-label, #patrimony-wrapper .content-wrapper .debts-graphic-container .right-side .tooltip-container #patrimony-tooltip .balance-label, #patrimony-wrapper .content-wrapper .integrated-graphic-container .right-side .tooltip-container #patrimony-tooltip .balance-label {
  font-size: 13px;
  color: #dbdbdb;
}
/* line 323, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-graphic-container .right-side .tooltip-container #patrimony-tooltip .balance, #patrimony-wrapper .content-wrapper .debts-graphic-container .right-side .tooltip-container #patrimony-tooltip .balance, #patrimony-wrapper .content-wrapper .integrated-graphic-container .right-side .tooltip-container #patrimony-tooltip .balance {
  font-size: 19px;
  color: #fff;
}
/* line 333, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container, #patrimony-wrapper .content-wrapper .debts-table-container {
  width: 100%;
  float: left;
  margin-top: 20px;
  padding-bottom: 90px;
  box-sizing: border-box;
  background-color: white;
}
/* line 341, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .title, #patrimony-wrapper .content-wrapper .debts-table-container .title {
  width: 100%;
  height: 40px;
  padding: 0 15px;
  box-sizing: border-box;
  float: left;
  line-height: 40px;
  font-size: 12px;
  color: #2c3e50;
  border-bottom: solid 1px #e5ecf0;
}
/* line 354, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper {
  width: 100%;
  margin-top: 80px;
  padding: 0 70px;
  box-sizing: border-box;
  float: left;
}
/* line 361, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .first, #patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .balance-availabled, #patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .balance-contabilistic, #patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .percentage, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .first, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .balance-availabled, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .balance-contabilistic, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .percentage {
  width: 20%;
  float: left;
  height: 100%;
  font-size: 12px;
  text-align: right;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 373, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .first, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .first {
  width: 45%;
  font-size: 16px;
  text-align: left;
}
/* line 379, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .percentage, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .percentage {
  width: 15%;
  padding-right: 40px;
  box-sizing: border-box;
  overflow: visible;
  white-space: unset;
  text-overflow: unset;
  position: relative;
}
/* line 389, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .percentage .tooltip-icons, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .percentage .tooltip-icons {
  position: absolute;
  left: 100%;
  top: -45px;
  transform: translate(calc(-100% - 5px), -50%);
}
/* line 395, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .percentage .tooltip-icons:before, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .percentage .tooltip-icons:before {
  top: 60px;
}
/* line 401, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .grid-header, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .grid-header {
  width: 100%;
  height: 30px;
  float: left;
  padding: 0 30px;
  box-sizing: border-box;
  text-transform: uppercase;
}
/* line 409, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .grid-header .first, #patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .grid-header .balance-availabled, #patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .grid-header .balance-contabilistic, #patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .grid-header .percentage, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .grid-header .first, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .grid-header .balance-availabled, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .grid-header .balance-contabilistic, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .grid-header .percentage {
  color: #2c3e50;
  font-weight: 600;
}
/* line 415, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper {
  width: 100%;
  min-height: 55px;
  float: left;
  padding: 0 30px;
  box-sizing: border-box;
  line-height: 55px;
  font-weight: 600;
  color: #5a616b;
  border: 1px solid #a5bacf;
  border-bottom: none;
}
/* line 428, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper .balance-availabled, #patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper .balance-contabilistic, #patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper .percentage, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper .balance-availabled, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper .balance-contabilistic, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper .percentage {
  font-size: 15px;
}
/* line 432, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper .type-summary, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper .type-summary {
  cursor: pointer;
}
/* line 434, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper .type-summary .first, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper .type-summary .first {
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
}
/* line 439, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper .type-summary .first svg, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper .type-summary .first svg {
  position: absolute;
  top: 24px;
  height: 11px;
  left: 5px;
  transform: rotate(-90deg);
}
/* line 449, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper .account-summary, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper .account-summary {
  display: none;
  width: 100%;
  height: 70px;
  padding: 17px 0;
  box-sizing: border-box;
  float: left;
  position: relative;
}
/* line 458, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper .account-summary .first, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper .account-summary .first {
  padding-left: 30px;
  box-sizing: border-box;
}
/* line 461, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper .account-summary .first .account-number, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper .account-summary .first .account-number {
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 600;
}
/* line 469, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper .account-summary .first .account-name, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper .account-summary .first .account-name {
  width: 100%;
  height: 15px;
  line-height: 15px;
  font-size: 13px;
  font-weight: 400;
}
/* line 479, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper .account-summary .balance-availabled, #patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper .account-summary .balance-contabilistic, #patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper .account-summary .percentage, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper .account-summary .balance-availabled, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper .account-summary .balance-contabilistic, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper .account-summary .percentage {
  line-height: 36px;
  font-size: 13px;
  font-weight: 400;
}
/* line 485, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper .account-summary .icon-detail, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper .account-summary .icon-detail {
  position: absolute;
  right: 0;
  top: 4px;
  transform: rotate(180deg);
  cursor: pointer;
}
/* line 494, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper.open, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper.open {
  margin-bottom: 8px;
  border: none;
  background-color: rgba(213, 227, 241, 0.41);
}
/* line 500, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper.open .first svg, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper.open .first svg {
  transform: rotate(90deg);
}
/* line 505, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-wrapper.open .account-summary, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-wrapper.open .account-summary {
  display: block;
}
/* line 512, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-totals, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-totals {
  width: 100%;
  height: 55px;
  float: left;
  padding: 0 30px;
  box-sizing: border-box;
  line-height: 55px;
  font-size: 17px;
  font-weight: 600;
  color: #00a3e0;
  border: 3px solid #00a3e0;
}
/* line 525, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-totals .first, #patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-totals .balance-availabled, #patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-totals .balance-contabilistic, #patrimony-wrapper .content-wrapper .assets-table-container .tables-wrapper .type-group-totals .percentage, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-totals .first, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-totals .balance-availabled, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-totals .balance-contabilistic, #patrimony-wrapper .content-wrapper .debts-table-container .tables-wrapper .type-group-totals .percentage {
  font-size: 17px;
}
/* line 532, sass/patrimony.scss */
#patrimony-wrapper .content-wrapper .debts-table-container {
  margin-bottom: 20px;
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/noRouteHandler.scss */
#no-route-handler {
  float: left;
  width: 100%;
  height: 480px;
  padding: 150px 0;
  text-align: center;
  box-sizing: border-box;
}
/* line 11, sass/noRouteHandler.scss */
#no-route-handler .number-icon {
  width: 220px;
  position: relative;
  margin: 0 auto;
  font-size: 90px;
  color: #00a3e0;
}
/* line 18, sass/noRouteHandler.scss */
#no-route-handler .number-icon svg {
  position: absolute;
  top: -31px;
  left: 0;
}
/* line 25, sass/noRouteHandler.scss */
#no-route-handler .message {
  width: 300px;
  margin: 40px auto;
  color: #00a3e0;
}
/* line 31, sass/noRouteHandler.scss */
#no-route-handler .buttons-wrapper {
  float: none;
  text-align: center;
}
/* line 35, sass/noRouteHandler.scss */
#no-route-handler .buttons-wrapper .button-class {
  float: none;
  width: 180px;
  margin: 0 auto;
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/components/newAccount.scss */
#new-account-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: all 0.2s linear;
}
/* line 11, sass/components/newAccount.scss */
#new-account-container > * {
  opacity: 1;
  transition: opacity 0.2s linear;
}
/* line 16, sass/components/newAccount.scss */
#new-account-container .header {
  width: 100%;
  height: 78px;
  float: left;
}
/* line 21, sass/components/newAccount.scss */
#new-account-container .header .logo-container {
  width: 230px;
  height: 100%;
  float: left;
  background-image: url("../images/logo_bai_new.png");
  background-repeat: no-repeat;
  background-position: 30px center;
  background-size: 100px;
}
/* line 32, sass/components/newAccount.scss */
#new-account-container .header .title {
  width: calc(100% - 460px);
  height: 100%;
  float: left;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 80px;
  color: #2c3e50;
}
/* line 44, sass/components/newAccount.scss */
#new-account-container .header .close-button {
  width: 40px;
  height: 100%;
  float: right;
  cursor: pointer;
}
/* line 51, sass/components/newAccount.scss */
#new-account-container .header .close-button:before, #new-account-container .header .close-button:after {
  content: "";
  display: block;
  position: relative;
  width: 22px;
  height: 2px;
  top: 40px;
  left: -7px;
  background-color: #2c3e50;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 69, sass/components/newAccount.scss */
#new-account-container .header .close-button:after {
  top: 38px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 78, sass/components/newAccount.scss */
#new-account-container #divider {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid #e6e5e5;
}
/* line 85, sass/components/newAccount.scss */
#new-account-container #divider:before {
  content: "";
  display: block;
  position: absolute;
  width: 20%;
  height: 100%;
  border-bottom: 2px solid #00a3e0;
  transition: width 0.2s linear;
}
/* line 96, sass/components/newAccount.scss */
#new-account-container #divider.step2::before {
  width: 40%;
}
/* line 100, sass/components/newAccount.scss */
#new-account-container #divider.step3::before {
  width: 60%;
}
/* line 104, sass/components/newAccount.scss */
#new-account-container #divider.step4::before {
  width: 80%;
}
/* line 108, sass/components/newAccount.scss */
#new-account-container #divider.success::before {
  width: 100%;
}
/* line 113, sass/components/newAccount.scss */
#new-account-container .new-account-steps-wrapper {
  width: 300px;
  height: calc(100% - 145px);
  float: left;
  position: relative;
}
/* line 119, sass/components/newAccount.scss */
#new-account-container .new-account-steps-wrapper .center-helper {
  width: 100%;
  height: 145px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
/* line 127, sass/components/newAccount.scss */
#new-account-container .new-account-steps-wrapper .center-helper .step {
  width: 100%;
  height: 35px;
}
/* line 131, sass/components/newAccount.scss */
#new-account-container .new-account-steps-wrapper .center-helper .step .icon {
  width: 50px;
  height: 100%;
  float: left;
  background-image: url("../images/ic-circle.svg");
  background-repeat: no-repeat;
  background-position: center;
}
/* line 141, sass/components/newAccount.scss */
#new-account-container .new-account-steps-wrapper .center-helper .step .step-label {
  width: calc(100% - 50px);
  height: 100%;
  float: right;
  font-size: 14px;
  line-height: 35px;
  letter-spacing: 0.2px;
  text-align: left;
  color: #969696;
}
/* line 155, sass/components/newAccount.scss */
#new-account-container .new-account-steps-wrapper .center-helper .step.current .step-label {
  font-weight: 600;
  color: #2c3e50;
}
/* line 160, sass/components/newAccount.scss */
#new-account-container .new-account-steps-wrapper .center-helper .step.current .icon {
  background-image: url("../images/ic-done.svg");
}
/* line 166, sass/components/newAccount.scss */
#new-account-container .new-account-steps-wrapper .center-helper .step.done .step-label {
  font-weight: 600;
  color: #00a3e0;
}
/* line 171, sass/components/newAccount.scss */
#new-account-container .new-account-steps-wrapper .center-helper .step.done .icon {
  background-image: url("../images/ic-check.svg");
}
/* line 179, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper {
  width: calc(100% - 300px);
  height: calc(100% - 145px);
  overflow-x: hidden !important;
  float: left;
}
/* line 185, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer {
  height: 100%;
  overflow-x: hidden !important;
}
/* line 189, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper {
  width: calc(100% - 360px);
  position: relative;
  height: 100%;
  float: left;
  margin-left: calc((100% - 900px)/2);
  padding: 50px 0 20px 0;
  box-sizing: border-box;
}
/* line 198, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper.with-mobile {
  width: calc(100% - (100% - 900px)/2);
}
/* line 202, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper #file-attach {
  position: absolute;
  z-index: -1;
}
/* line 207, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .title {
  width: 100%;
  height: 50px;
  float: left;
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  letter-spacing: 0.5px;
  text-align: left;
  color: #00a3e0;
}
/* line 220, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .subtitle {
  width: 100%;
  height: 20px;
  float: left;
  margin-bottom: 50px;
  font-size: 14px;
  letter-spacing: 0.3px;
  color: #2c3e50;
}
/* line 231, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .field-wrapper {
  width: 100%;
  min-height: 50px;
  float: left;
}
/* line 236, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .field-wrapper label {
  width: 200px;
  height: 100%;
  float: left;
  line-height: 50px;
  font-size: 12px;
  letter-spacing: 1.2px;
  color: #2c3e50;
  text-transform: uppercase;
}
/* line 248, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .field-wrapper .custom-input {
  width: 220px;
  height: 100%;
  float: left;
  padding-top: 10px;
  position: relative;
}
/* line 148, sass/variables.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .field-wrapper .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  left: 0;
  top: 32px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .field-wrapper .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .field-wrapper .custom-input input {
  width: 100%;
  height: 30px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .field-wrapper .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .field-wrapper .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 257, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .field-wrapper .custom-input.noBorder input {
  border: none;
}
/* line 262, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .field-wrapper .custom-input.full {
  width: calc(100% - 200px);
}
/* line 267, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .field-wrapper .custom-dropdown {
  width: calc(100% - 200px);
  height: 50px;
  float: left;
}
/* line 273, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .field-wrapper .custom-dropdown #dropdown-wrapper .selected-option {
  font-size: 14px;
  padding: 0;
}
/* line 278, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .field-wrapper .custom-dropdown #dropdown-wrapper .scrollbar-outer {
  height: auto;
}
/* line 284, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .field-wrapper .button-class {
  margin-top: 5px;
  margin-left: 15px;
}
/* line 289, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .field-wrapper.custom-dropdown {
  height: 50px;
}
/* line 294, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .resend-wrapper {
  width: 200px;
  height: 70px;
  float: left;
  margin-top: 60px;
  margin-left: 215px;
  text-align: center;
}
/* line 302, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .resend-wrapper label {
  width: 100%;
  height: 30px;
  float: left;
  margin-bottom: 10px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  color: #798594;
  text-align: center;
}
/* line 315, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .resend-wrapper .button-class {
  width: 100%;
  margin: 0;
}
/* line 321, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .success-code {
  width: 100%;
  height: 50px;
  float: left;
  display: none;
  color: #00a3e0;
  font-size: 14px;
  line-height: 50px;
  letter-spacing: 0.3px;
}
/* line 332, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .success-code .icon {
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 6px;
  margin-right: 10px;
}
/* line 339, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .success-code .icon svg {
  width: 20px;
  height: 20px;
}
/* line 343, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .success-code .icon svg path {
  fill: #00a3e0;
}
/* line 349, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .success-code label {
  float: left;
}
/* line 354, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .error-message-code {
  display: none;
  width: 100%;
  float: left;
  height: 40px;
  line-height: 20px;
  position: relative;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 12px;
  color: #d0021b;
}
/* line 368, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper {
  width: 200px;
  height: 180px;
  margin-right: 20px;
  float: left;
  padding: 0 15px;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  background-color: #f5f5f5;
  border: 1px solid #d7d7d7;
}
/* line 382, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper > div {
  width: 100%;
  float: left;
}
/* line 387, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper .pre-upload-info, #new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper .uploading-info,
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper .error-upload-info, #new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper .pos-upload-info {
  display: none;
}
/* line 393, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper.pre-upload .pre-upload-info {
  display: block;
}
/* line 398, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper.uploading {
  background-color: #50e3c2;
  border: 1px solid #50e3c2;
}
/* line 402, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper.uploading .uploading-info {
  display: block;
}
/* line 406, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper.uploading label {
  color: white;
}
/* line 411, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper.error-upload {
  background-color: #ff6262;
  border: 1px solid #ff6262;
}
/* line 415, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper.error-upload .error-upload-info {
  display: block;
}
/* line 419, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper.error-upload label {
  color: white;
}
/* line 424, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper.pos-upload {
  background-color: #50e3c2;
  border: 1px solid #50e3c2;
}
/* line 428, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper.pos-upload .pos-upload-info {
  display: block;
}
/* line 432, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper.pos-upload label {
  color: white;
}
/* line 437, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper .icon {
  width: 100%;
  height: 50px;
  margin: 55px 0 25px 0;
}
/* line 443, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper .icon.attachment svg g g {
  fill: #00a3e0;
}
/* line 448, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper .icon svg {
  width: 50px;
  height: 50px;
}
/* line 454, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper .icon-top {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
/* line 461, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper label {
  font-size: 14px;
  color: #00a3e0;
}
/* line 465, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper label .side-note-error {
  width: 100%;
  float: left;
  font-size: 12px;
}
/* line 472, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper .sending-wrapper {
  width: 100%;
  height: 20px;
  float: left;
  margin: 10px 0;
}
/* line 478, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper .sending-wrapper label {
  width: auto;
  height: 100%;
  float: left;
  font-size: 12px;
  text-align: left;
}
/* line 487, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper .sending-wrapper .cancel-button {
  width: 15px;
  height: 15px;
  position: relative;
  background-color: #fff;
  border-radius: 50%;
  float: right;
  margin-top: 2px;
  cursor: pointer;
}
/* line 498, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper .sending-wrapper .cancel-button:before, #new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper .sending-wrapper .cancel-button:after {
  content: "";
  display: block;
  position: relative;
  width: 8px;
  height: 2px;
  top: 6px;
  left: 3px;
  background-color: #50e3c2;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 516, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper .sending-wrapper .cancel-button:after {
  top: 4px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 525, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper .progress-info-wrapper {
  width: calc(100% - 60px);
  height: 50px;
  float: left;
  margin: 15px 0 25px 60px;
}
/* line 531, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .file-attach-wrapper .progress-info-wrapper .back-wrapper {
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: rotate-loader 2s linear infinite;
}
@keyframes rotate-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* line 547, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .signature-wrapper {
  width: 100%;
  height: 120px;
  float: left;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
  background-color: #f2f4f5;
}
/* line 557, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .signature-wrapper .picture {
  width: 80px;
  height: 80px;
  float: left;
  border-radius: 50%;
}
/* line 569, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .signature-wrapper label {
  width: calc(100% - 120px);
  height: 30px;
  float: left;
  margin-left: 40px;
  font-size: 14px;
  color: #2c3e50;
}
/* line 579, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .signature-wrapper .signature {
  width: auto;
  max-width: calc(100% - 120px);
  height: 50px;
  float: left;
  margin-left: 40px;
}
/* line 591, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .hint-text {
  width: 100%;
  height: auto;
  float: left;
  margin: 35px 0;
  font-size: 14px;
  letter-spacing: 0.3px;
  color: #798594;
}
/* line 602, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .terms-wrapper {
  width: 100%;
  float: left;
}
/* line 606, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .terms-wrapper .paragraph {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
/* line 611, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .terms-wrapper .paragraph .subtitle {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.3px;
  color: #2c3e50;
}
/* line 622, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .terms-wrapper .paragraph .text {
  width: 100%;
  float: left;
  font-size: 14px;
  letter-spacing: 0.3px;
  color: #2c3e50;
  text-align: justify;
}
/* line 634, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .terms-note-wrapper {
  width: 100%;
  height: 20px;
  float: left;
}
/* line 639, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .terms-note-wrapper label {
  width: calc(100% - 45px);
  float: left;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: #7b8594;
}
/* line 649, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .terms-note-wrapper label a {
  color: #00a3e0;
  cursor: pointer;
}
/* line 655, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .terms-note-wrapper input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  float: left;
  cursor: pointer;
}
/* line 81, sass/variables.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .terms-note-wrapper input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .terms-note-wrapper input:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 663, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .arrow-for-scroll {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 80px;
  left: calc(50% - 20px);
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
/* line 676, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .arrow-for-scroll svg {
  width: 20px;
  height: 20px;
  transform: rotate(90deg);
  position: absolute;
  left: 10px;
  top: 10px;
}
/* line 685, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .arrow-for-scroll svg g path.arrow-color {
  fill: #00a3e0;
}
/* line 691, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .username-wrapper {
  width: 100%;
  height: 60px;
  float: left;
  margin-bottom: 40px;
}
/* line 697, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .username-wrapper label {
  width: 100%;
  height: 20px;
  float: left;
  line-height: 20px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #798594;
}
/* line 709, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .username-wrapper .username-number {
  width: 100%;
  height: 40px;
  float: left;
  line-height: 40px;
  font-size: 26px;
  letter-spacing: 1px;
  color: #2c3e50;
  font-weight: 600;
}
/* line 722, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .success-message-wrapper {
  width: 100%;
  float: left;
}
/* line 726, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .success-message-wrapper .title {
  width: 100%;
  float: left;
  font-size: 16px;
  letter-spacing: 0.3px;
  color: #2c3e50;
}
/* line 735, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .success-message-wrapper .message {
  width: 100%;
  float: left;
  font-size: 14px;
  letter-spacing: 0.3px;
  color: #798594;
}
/* line 743, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .success-message-wrapper .message span {
  font-weight: 600;
}
/* line 749, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .error-message {
  width: 100%;
  float: left;
  height: 60px;
  line-height: 30px;
  padding-left: 50px;
  position: relative;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #efa800;
}
/* line 762, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .error-message svg {
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0;
}
/* line 771, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .help-message {
  width: 100%;
  height: 20px;
  float: left;
  line-height: 20px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.3;
  color: #2c3e50;
}
/* line 783, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .help-wrapper-divider {
  width: 100%;
  float: left;
  border-top: 1px solid #f2f2f3;
  margin: 30px 0;
}
/* line 789, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .help-wrapper-divider .info-wrapper {
  width: 50%;
  float: left;
}
/* line 793, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .help-wrapper-divider .info-wrapper label {
  width: 100%;
  height: 50px;
  float: left;
  line-height: 50px;
  font-size: 14px;
  text-align: left;
  color: #798594;
}
/* line 804, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .help-wrapper-divider .info-wrapper .row {
  width: 100%;
  height: 50px;
  float: left;
  position: relative;
  padding-left: 35px;
  box-sizing: border-box;
  line-height: 50px;
  font-size: 14px;
  color: #3d4d62;
}
/* line 816, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .help-wrapper-divider .info-wrapper .row svg {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 13px;
}
/* line 828, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .mobile-info-container {
  width: 300px;
  height: 100%;
  position: absolute;
  overflow: hidden;
  right: 0;
  top: 0;
  padding: 20px 20px;
  box-sizing: border-box;
  background-color: #f5f5f5;
}
/* line 841, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .mobile-info-container .cam-icon {
  width: 100%;
  height: 25px;
  float: left;
  text-align: center;
}
/* line 847, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .mobile-info-container .cam-icon svg {
  width: 25px;
  height: 100%;
}
/* line 851, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .mobile-info-container .cam-icon svg g {
  fill: #00a3e0;
}
/* line 857, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .mobile-info-container .title {
  margin: 15px 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.2px;
  line-height: unset;
}
/* line 865, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .mobile-info-container .mobile-steps-title,
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .mobile-info-container .mobile-step-subtitle {
  margin-bottom: 10px;
  font-size: 13px;
  letter-spacing: 0.3px;
  color: #2c3e50;
}
/* line 874, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .mobile-info-container .mobile-steps-title {
  font-weight: 600;
}
/* line 878, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .mobile-info-container .store-badges {
  width: 100%;
  height: 50px;
  float: left;
}
/* line 883, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .mobile-info-container .store-badges .badge {
  width: 50%;
  height: 35px;
  float: left;
  background-image: url("../images/download-apple.svg");
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 105px;
}
/* line 893, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .mobile-info-container .store-badges .badge.android {
  background-image: url("../images/google-play-badge3.png");
  background-position: 5px center;
}
/* line 900, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .mobile-info-container .qr-code-wrapper-button {
  width: 100%;
  height: 30px;
  float: left;
  margin: 10px 0 20px 0;
  background-image: url("../images/ic-qr-code.svg");
  background-repeat: no-repeat;
  background-position: center;
}
/* line 911, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .mobile-info-container .qr-code-wrapper {
  width: 100%;
  height: 120px;
  float: left;
  margin: 10px 0 20px 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 922, sass/components/newAccount.scss */
#new-account-container .container-scroll-wrapper .scrollbar-outer .main-container-wrapper .mobile-info-container .mobile-step-note {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  font-size: 11px;
  letter-spacing: 0.3px;
  color: #798594;
}
/* line 936, sass/components/newAccount.scss */
#new-account-container .buttons-wrapper {
  width: 100%;
  height: 65px;
  float: left;
  border-top: 1px solid #e6e5e5;
}
/* line 943, sass/components/newAccount.scss */
#new-account-container .buttons-wrapper .button {
  width: 180px;
  position: relative;
  margin: 15px 80px;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.5px;
  text-align: center;
  color: #505050;
  pointer-events: none;
}
/* line 955, sass/components/newAccount.scss */
#new-account-container .buttons-wrapper .button svg {
  position: absolute;
  width: 25px;
  height: 100%;
  top: 3px;
  right: 0;
}
/* line 965, sass/components/newAccount.scss */
#new-account-container .buttons-wrapper .button.previous-step {
  pointer-events: all;
  float: left;
}
/* line 969, sass/components/newAccount.scss */
#new-account-container .buttons-wrapper .button.previous-step svg {
  transform: rotate(180deg);
  left: 0;
}
/* line 975, sass/components/newAccount.scss */
#new-account-container .buttons-wrapper .button.next-step, #new-account-container .buttons-wrapper .button.login, #new-account-container .buttons-wrapper .button.retry-btn, #new-account-container .buttons-wrapper .button.open-account, #new-account-container .buttons-wrapper .button#get-bi-info, #new-account-container .buttons-wrapper .button#save-bi-info {
  float: right;
}
/* line 979, sass/components/newAccount.scss */
#new-account-container .buttons-wrapper .button.retry-btn {
  width: 250px;
}
/* line 983, sass/components/newAccount.scss */
#new-account-container .buttons-wrapper .button.active {
  pointer-events: all;
  color: #00a3e0;
}
/* line 987, sass/components/newAccount.scss */
#new-account-container .buttons-wrapper .button.active svg g path.arrow-color {
  fill: #00a3e0;
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 2, sass/components/approvals.scss */
#approvals-wrapper, #approvals-history-wrapper {
  width: 100%;
  float: left;
  position: relative;
}
/* line 8, sass/components/approvals.scss */
#approvals-wrapper .accounts-summary .result, #approvals-history-wrapper .accounts-summary .result {
  width: 100%;
  float: left;
  height: 65px;
  text-align: center;
  border-bottom: 1px solid #F2F2F1;
}
/* line 15, sass/components/approvals.scss */
#approvals-wrapper .accounts-summary .result .result-toogle-failed,
#approvals-wrapper .accounts-summary .result .result-toogle-success, #approvals-history-wrapper .accounts-summary .result .result-toogle-failed,
#approvals-history-wrapper .accounts-summary .result .result-toogle-success {
  width: 320px;
  height: 100%;
  text-align: center;
  padding-top: 15px;
  display: inline-block;
  color: #00a3e0;
  box-sizing: border-box;
  cursor: pointer;
}
/* line 27, sass/components/approvals.scss */
#approvals-wrapper .accounts-summary .result .result-toogle-failed.active,
#approvals-wrapper .accounts-summary .result .result-toogle-success.active, #approvals-history-wrapper .accounts-summary .result .result-toogle-failed.active,
#approvals-history-wrapper .accounts-summary .result .result-toogle-success.active {
  border-bottom: 2px solid #00a3e0;
}
/* line 31, sass/components/approvals.scss */
#approvals-wrapper .accounts-summary .result .result-toogle-failed svg,
#approvals-wrapper .accounts-summary .result .result-toogle-success svg, #approvals-history-wrapper .accounts-summary .result .result-toogle-failed svg,
#approvals-history-wrapper .accounts-summary .result .result-toogle-success svg {
  width: 24px;
  height: 24px;
}
/* line 36, sass/components/approvals.scss */
#approvals-wrapper .accounts-summary .result .result-toogle-failed span,
#approvals-wrapper .accounts-summary .result .result-toogle-success span, #approvals-history-wrapper .accounts-summary .result .result-toogle-failed span,
#approvals-history-wrapper .accounts-summary .result .result-toogle-success span {
  width: 100%;
  float: left;
}
/* line 43, sass/components/approvals.scss */
#approvals-wrapper .accounts-summary.no-padding, #approvals-history-wrapper .accounts-summary.no-padding {
  padding: 10px 0;
}
/* line 48, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper, #approvals-history-wrapper .approvals-content-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 0;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
}
/* line 57, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .steps-wrapper, #approvals-history-wrapper .approvals-content-wrapper .steps-wrapper {
  margin: 0 60px 10px 60px;
  width: calc(100% - 120px);
}
/* line 62, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .empty, #approvals-history-wrapper .approvals-content-wrapper .empty {
  height: 100px;
  line-height: 100px;
  text-align: center;
  font-weight: 700;
  color: #00a3e0;
}
/* line 70, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .filters-button, #approvals-history-wrapper .approvals-content-wrapper .filters-button {
  height: 12px;
  line-height: 12px;
  margin: 0 60px 10px 60px;
  float: right;
  position: relative;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}
/* line 83, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .filters-button .icon, #approvals-history-wrapper .approvals-content-wrapper .filters-button .icon {
  width: 10px;
  height: 12px;
  float: right;
  margin-left: 5px;
  position: relative;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transform-origin: center;
  -webkit-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
/* line 99, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .filters-button .icon:before, #approvals-wrapper .approvals-content-wrapper .filters-button .icon:after, #approvals-history-wrapper .approvals-content-wrapper .filters-button .icon:before, #approvals-history-wrapper .approvals-content-wrapper .filters-button .icon:after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 2px;
  right: 0;
  top: 5px;
  background-color: black;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 117, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .filters-button .icon:after, #approvals-history-wrapper .approvals-content-wrapper .filters-button .icon:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 123, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .filters-button .icon.show, #approvals-history-wrapper .approvals-content-wrapper .filters-button .icon.show {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* line 131, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .filters-wrapper, #approvals-history-wrapper .approvals-content-wrapper .filters-wrapper {
  height: 0;
  margin-bottom: 0;
  padding: 0px 60px;
  box-sizing: border-box;
  transform-origin: center;
  overflow: hidden;
  -webkit-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
  background-color: #D5E3F1;
}
/* line 147, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .filters-wrapper.show, #approvals-history-wrapper .approvals-content-wrapper .filters-wrapper.show {
  height: 200px;
  margin-bottom: 10px;
}
/* line 153, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .filters-wrapper .filters-main-wrapper, #approvals-history-wrapper .approvals-content-wrapper .filters-wrapper .filters-main-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 159, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .approvals-picker-wrapper, #approvals-history-wrapper .approvals-content-wrapper .approvals-picker-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 10px 60px;
  box-sizing: border-box;
  background-color: #fff;
}
/* line 167, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .approvals-picker-wrapper .info, #approvals-history-wrapper .approvals-content-wrapper .approvals-picker-wrapper .info {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-size: 12px;
}
/* line 173, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .approvals-picker-wrapper .info .dropdown-type, #approvals-history-wrapper .approvals-content-wrapper .approvals-picker-wrapper .info .dropdown-type {
  width: 180px;
  padding: 15px 0 13px 0;
  float: left;
  text-transform: uppercase;
}
/* line 181, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .approvals-picker-wrapper .info .custom-dropdown, #approvals-history-wrapper .approvals-content-wrapper .approvals-picker-wrapper .info .custom-dropdown {
  width: 280px;
  float: left;
  height: 44px;
  color: #00a3e0;
}
/* line 191, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper, #approvals-history-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper {
  width: 400px;
  height: auto;
  float: left;
  margin-right: 75px;
  position: relative;
}
/* line 200, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-container, #approvals-history-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-container {
  width: 400px;
  height: 160px;
  float: left;
  padding-top: 20px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  border-left: 1px solid #f2f2f3;
  border-right: 1px solid #f2f2f3;
  transition: transform 1s ease;
}
/* line 216, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-container .slider-wrapper, #approvals-history-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-container .slider-wrapper {
  width: 100%;
  position: absolute;
  white-space: nowrap;
  font-size: 0;
  transition: transform 1s ease;
  -webkit-transform: translateX(25%);
  -ms-transform: translateX(25%);
  -o-transform: translateX(25%);
  transform: translateX(25%);
}
/* line 231, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-container .slider-wrapper .card, #approvals-history-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-container .slider-wrapper .card {
  height: 110px;
  width: 200px;
  position: relative;
  display: inline-block;
  transition: all 1s ease-in-out;
  overflow: hidden;
  cursor: pointer;
  border-radius: 10px;
  opacity: 0.6;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 254, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-container .slider-wrapper .card .card-type, #approvals-history-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-container .slider-wrapper .card .card-type {
  font-size: 10px;
  height: 20px;
  padding: 10px 0 0 20px;
  text-transform: uppercase;
}
/* line 261, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-container .slider-wrapper .card .balance, #approvals-history-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-container .slider-wrapper .card .balance {
  width: 100%;
  text-align: center;
  height: 45px;
  line-height: 35px;
  font-size: 16px;
}
/* line 269, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-container .slider-wrapper .card .card-number, #approvals-history-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-container .slider-wrapper .card .card-number {
  height: 35px;
  width: 100%;
  background-color: #f2f2f3;
  font-size: 10px;
  line-height: 35px;
  padding-left: 15px;
}
/* line 278, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-container .slider-wrapper .card.current, #approvals-history-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-container .slider-wrapper .card.current {
  opacity: 1;
  z-index: 2;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* line 290, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-circle-picker, #approvals-history-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-circle-picker {
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 0;
  text-align: center;
  margin: 0 auto;
}
/* line 301, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-circle-picker .circle-picker, #approvals-history-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-circle-picker .circle-picker {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  background-color: #f2f2f3;
}
/* line 312, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-circle-picker .circle-picker.active, #approvals-history-wrapper .approvals-content-wrapper .approvals-picker-wrapper #approvals-slider-wrapper .slider-circle-picker .circle-picker.active {
  background-color: #00a3e0;
}
/* line 320, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .accounts-summary, #approvals-history-wrapper .approvals-content-wrapper .accounts-summary {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 10px 60px;
  box-sizing: border-box;
  background-color: #fff;
}
/* line 328, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .accounts-summary.no-padding, #approvals-history-wrapper .approvals-content-wrapper .accounts-summary.no-padding {
  padding: 10px 0;
}
/* line 332, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .accounts-summary .field-type, #approvals-history-wrapper .approvals-content-wrapper .accounts-summary .field-type {
  min-height: 40px;
}
/* line 335, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .accounts-summary .field-type label, #approvals-history-wrapper .approvals-content-wrapper .accounts-summary .field-type label {
  width: 250px;
}
/* line 338, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .accounts-summary .field-type label.title, #approvals-history-wrapper .approvals-content-wrapper .accounts-summary .field-type label.title {
  width: 100%;
}
/* line 343, sass/components/approvals.scss */
#approvals-wrapper .approvals-content-wrapper .accounts-summary .field-type .text-wrapper, #approvals-history-wrapper .approvals-content-wrapper .accounts-summary .field-type .text-wrapper {
  width: 220px;
  float: left;
  padding-top: 15px;
  text-transform: none;
  color: #00a3e0;
  font-weight: 600;
}
/* line 356, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper, #approvals-history-wrapper .operations-list-wrapper {
  width: 100%;
  float: left;
}
/* line 360, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .header, #approvals-history-wrapper .operations-list-wrapper .header {
  height: 50px;
  line-height: 46px;
  position: relative;
  margin-bottom: 10px;
  margin: 0 60px 10px 60px;
  box-sizing: border-box;
  padding-left: 75px;
}
/* line 369, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .header.success, #approvals-history-wrapper .operations-list-wrapper .header.success {
  border: solid 2px #63a31d;
  background-color: rgba(99, 163, 29, 0.2);
}
/* line 373, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .header.success:before, #approvals-history-wrapper .operations-list-wrapper .header.success:before {
  display: block;
  content: '';
  position: absolute;
  width: 30px;
  height: 11px;
  border-bottom: solid 3px #63a31d;
  border-left: solid 3px #63a31d;
  left: 23px;
  top: 11px;
  -webkit-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}
/* line 390, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .header.failed, #approvals-history-wrapper .operations-list-wrapper .header.failed {
  border: solid 2px #d0021b;
  background-color: rgba(208, 2, 27, 0.2);
}
/* line 394, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .header.failed:before, #approvals-history-wrapper .operations-list-wrapper .header.failed:before {
  display: block;
  content: '';
  position: absolute;
  width: 0px;
  height: 30px;
  border-left: solid 3px #d0021b;
  left: 35px;
  top: 9px;
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
/* line 409, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .header.failed:after, #approvals-history-wrapper .operations-list-wrapper .header.failed:after {
  display: block;
  content: '';
  position: absolute;
  width: 0px;
  height: 30px;
  border-left: solid 3px #d0021b;
  left: 35px;
  top: 9px;
  -webkit-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}
/* line 426, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper {
  width: calc( 100% - 120px);
  min-height: 96px;
  position: relative;
  margin: 0 60px 10px 60px;
  box-sizing: border-box;
  position: relative;
}
/* line 434, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper input, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  position: absolute;
  left: -40px;
  top: 38px;
}
/* line 81, sass/variables.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper input:checked:before, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper input:disabled, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper input:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 441, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper input.success-row:disabled, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper input.success-row:disabled {
  border: none;
}
/* line 447, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper.signed, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper.signed {
  background-color: rgba(0, 163, 224, 0.05);
}
/* line 451, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper.failed, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper.failed {
  min-height: 98px;
}
/* line 455, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .ie-checkbox, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .ie-checkbox {
  pointer-events: none;
  width: 13px;
  height: 13px;
  float: left;
  position: absolute;
  left: -37px;
  top: 21px;
  box-shadow: border-box;
  border: 2px solid;
  border-radius: 3px;
  background-color: white;
  border-color: rgba(0, 163, 224, 0.5);
}
/* line 470, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .ie-checkbox.checked, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .ie-checkbox.checked {
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 478, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation {
  width: 100%;
  height: 96px;
  border-radius: 1px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}
/* line 485, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation.signed, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation.signed {
  border: 1px solid rgba(41, 187, 156, 0.5);
}
/* line 489, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .icon, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .icon {
  width: 58px;
  height: 100%;
  float: left;
  padding: 5px 7px;
  padding-top: 24px;
  box-sizing: border-box;
  position: relative;
  border-right: 1px solid #f2f2f3;
}
/* line 501, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .icon.group:before, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .icon.group:before {
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 56px;
  border-radius: 1px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 0px;
  top: 0px;
  left: -4px;
}
/* line 518, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .accounts-info,
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .amount-info,
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .operation-type-info, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .accounts-info,
#approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .amount-info,
#approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .operation-type-info {
  width: calc(100% - 603px);
  height: 100%;
  float: left;
  padding: 29px 15px 10px 7px;
  box-sizing: border-box;
  border-right: 1px solid #f2f2f3;
}
/* line 530, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .amount-info, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .amount-info {
  width: 185px;
  text-align: center;
  padding-top: 36px;
  box-sizing: border-box;
}
/* line 536, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .amount-info .money,
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .amount-info .currency, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .amount-info .money,
#approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .amount-info .currency {
  width: 100%;
  height: 15px;
  float: left;
  font-size: 10px;
  color: #00a3e0;
}
/* line 546, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .amount-info .money, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .amount-info .money {
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 700;
}
/* line 554, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info {
  width: 360px;
  height: 100%;
  float: left;
  padding: 5px 7px;
  box-sizing: border-box;
}
/* line 563, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .info, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .info {
  width: calc(100% - 140px);
  height: 100%;
  float: left;
  padding: 5px 0;
  padding-top: 12px;
}
/* line 571, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .info label, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .info label {
  width: 136px;
}
/* line 574, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .info label.blue-text, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .info label.blue-text {
  width: 60px;
  margin-right: 5px;
}
/* line 581, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper {
  width: 140px;
  height: 100%;
  float: left;
  position: relative;
  padding-top: 19px;
  box-sizing: border-box;
}
/* line 589, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .icon, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .icon {
  width: 36px;
  padding: 7px 0;
  border: none;
}
/* line 594, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .icon.drop-group, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .icon.drop-group {
  margin-left: 30px;
}
/* line 597, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .icon.drop-group svg, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .icon.drop-group svg {
  cursor: pointer;
}
/* line 602, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .icon.expand-button, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .icon.expand-button {
  position: absolute;
  right: 25px;
}
/* line 606, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .icon.expand-button svg, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .icon.expand-button svg {
  cursor: pointer;
}
/* line 611, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .icon.error, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .icon.error {
  position: absolute;
  width: 160px;
  right: 0;
}
/* line 616, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .icon.error svg, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .icon.error svg {
  margin: 8px 0 8px 33px;
  display: block;
}
/* line 622, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .icon.error .tooltip-wrapper svg, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .icon.error .tooltip-wrapper svg {
  margin: 0;
}
/* line 629, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .signed-icon, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .signed-icon {
  width: 36px;
  padding: 10px 0;
  right: -16px;
  position: absolute;
}
/* line 635, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .signed-icon svg, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .signed-icon svg {
  fill: #63a31d;
}
/* line 640, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .error-message, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation .other-info .icons-wrapper .error-message {
  display: none;
}
/* line 646, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation label, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation label {
  font-size: 10px;
  width: calc(100% - 110px);
  float: left;
  color: black;
  height: 15px;
  margin-bottom: 10px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 659, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .operation label.blue-text, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .operation label.blue-text {
  text-transform: uppercase;
  color: #00a3e0;
  width: 110px;
}
/* line 667, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .error-message-wrapper, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .error-message-wrapper {
  width: 100%;
  float: left;
  height: 40px;
  background-color: #f6ccd1;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}
/* line 674, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .error-message-wrapper .error-label, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .error-message-wrapper .error-label {
  width: 110px;
  float: left;
  height: 100%;
  padding: 8px;
  box-sizing: border-box;
  font-size: 9px;
  line-height: normal;
  letter-spacing: 0.5px;
  text-align: left;
  color: #d0021b;
}
/* line 688, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .error-message-wrapper .error-message, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .error-message-wrapper .error-message {
  width: calc(100% - 110px);
  float: left;
  height: 100%;
  padding: 8px;
  box-sizing: border-box;
  font-size: 10px;
  line-height: normal;
  letter-spacing: 0.4px;
  text-align: left;
  color: #2c3e50;
}
/* line 703, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper {
  background-color: rgba(242, 242, 243, 0.4);
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
/* line 714, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper.show, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper.show {
  -webkit-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
/* line 720, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation {
  height: 40px;
  position: relative;
  box-shadow: none;
  padding: 0 20px;
  box-sizing: border-box;
  padding-right: 0;
                    /*input{
                        display: none;
                        @include check-box(15px, 15px);
                        position: absolute;
                        left: 20px;
                        top: 19px;

                        background-color: palette(backgrounds, white);
                    } */
}
/* line 739, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .accounts-info,
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .amount-info,
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .operation-type-info, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .accounts-info,
#approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .amount-info,
#approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .operation-type-info {
  padding: 0 15px 0 7px;
  line-height: 35px;
  border-right: none;
  border-bottom: 3px solid #f2f2f3;
}
/* line 748, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .accounts-info, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .accounts-info {
  margin-left: 38px;
  width: calc(100% - 583px);
}
/* line 753, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .amount-info, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .amount-info {
  line-height: 15px;
}
/* line 756, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .amount-info .money, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .amount-info .money {
  margin-top: 5px;
  margin-bottom: 0;
}
/* line 762, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .operation-type-info, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .operation-type-info {
  width: 236px;
}
/* line 765, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .operation-type-info label, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .operation-type-info label {
  width: 60px;
}
/* line 770, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .icons-wrapper, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .icons-wrapper {
  width: 124px;
  height: 37px;
  float: left;
  border-bottom: 3px solid #f2f2f3;
}
/* line 776, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .icons-wrapper .icon, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .icons-wrapper .icon {
  border: none;
  padding: 0 7px;
}
/* line 780, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .icons-wrapper .icon.expand-button, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .icons-wrapper .icon.expand-button {
  padding-top: 2px;
}
/* line 783, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .icons-wrapper .icon.expand-button svg, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation .icons-wrapper .icon.expand-button svg {
  width: 30px;
  cursor: pointer;
}
/* line 791, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation label, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation label {
  margin-bottom: 0;
  height: auto;
}
/* line 796, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation:last-of-type, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation:last-of-type {
  height: 35px;
}
/* line 799, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation:last-of-type .accounts-info,
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation:last-of-type .amount-info,
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation:last-of-type .operation-type-info,
#approvals-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation:last-of-type .icons-wrapper, #approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation:last-of-type .accounts-info,
#approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation:last-of-type .amount-info,
#approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation:last-of-type .operation-type-info,
#approvals-history-wrapper .operations-list-wrapper .operation-wrapper .child-wrapper .operation:last-of-type .icons-wrapper {
  border: none;
}
/* line 810, sass/components/approvals.scss */
#approvals-wrapper .operations-list-wrapper.margin, #approvals-history-wrapper .operations-list-wrapper.margin {
  background-color: white;
  padding: 20px 0 10px 0;
  box-sizing: border-box;
}
/* line 817, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper, #approvals-history-wrapper #approvals-detail-wrapper {
  width: 100%;
  float: left;
  background-color: #fff;
  margin-bottom: 20px;
}
/* line 826, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-title, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-title {
  width: 100%;
  height: 55px;
  float: left;
  position: relative;
  line-height: 55px;
  padding-left: 30px;
  box-sizing: border-box;
  box-shadow: 0px 2px 3px #c2c2c2;
}
/* line 837, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-title label, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-title label {
  width: 100%;
  height: 100%;
  float: left;
  color: #00a3e0;
  font-weight: 700;
  font-size: 15px;
}
/* line 847, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-title .icon-close-detail, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-title .icon-close-detail {
  position: absolute;
  top: 10px;
  right: 28px;
  width: 36px;
  height: 36px;
  border: none;
}
/* line 855, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-title .icon-close-detail svg, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-title .icon-close-detail svg {
  cursor: pointer;
}
/* line 861, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding: 0 70px;
}
/* line 868, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .operator-approvals-content-wrapper, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .operator-approvals-content-wrapper {
  padding: 35px 0;
}
/* line 872, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .title, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .title {
  font-size: 12px;
}
/* line 876, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .fields, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .fields {
  padding-top: 5px;
}
/* line 879, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .fields .field-type, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .fields .field-type {
  min-height: 30px;
}
/* line 883, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .fields p, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .fields p {
  font-size: 13px;
  color: #2c3e50;
}
/* line 889, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper {
  padding: 30px 0;
}
/* line 892, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper .signatures, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper .signatures {
  width: 25%;
}
/* line 896, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper .weight, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper .weight {
  width: calc(20% - 10px);
  padding-left: 40px;
  position: relative;
  margin-left: 10px;
}
/* line 902, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper .weight .small-graph, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper .weight .small-graph {
  position: absolute;
  top: 8px;
  left: 0;
}
/* line 908, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper .weight.title-row, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper .weight.title-row {
  padding-left: 0;
}
/* line 913, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper .status, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper .status {
  width: 15%;
}
/* line 916, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper .date, #approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper .time, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper .date, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper .time {
  width: 12.5%;
}
/* line 920, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper .chanel, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .grids-wrapper .chanel {
  width: 15%;
}
/* line 925, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .resume-wrapper, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .resume-wrapper {
  width: 400px;
  height: 100px;
  margin: 20px auto 20px auto;
}
/* line 930, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .resume-wrapper #big-graph, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .resume-wrapper #big-graph {
  width: 80px;
  height: 80px;
  float: left;
}
/* line 936, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .resume-wrapper .text, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .resume-wrapper .text {
  width: 280px;
  height: 80px;
  line-height: 40px;
  float: left;
  margin-left: 40px;
  text-transform: uppercase;
  font-size: 13px;
}
/* line 946, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .resume-wrapper .text label, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .resume-wrapper .text label {
  width: 100%;
  float: left;
}
/* line 951, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .resume-wrapper .text .signed,
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .resume-wrapper .text .unsigned, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .resume-wrapper .text .signed,
#approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .file-content-wrapper .resume-wrapper .text .unsigned {
  float: right;
}
/* line 959, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .action-buttons, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .action-buttons {
  float: right;
  margin: 20px 10px 20px 0;
}
/* line 963, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .action-buttons .button, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .action-buttons .button {
  width: 180px;
  height: 32px;
  line-height: 26px;
  font-size: 10px;
  border: 2px solid #4B91E2;
  margin-right: 10px;
}
/* line 973, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .title.margin-bot, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .title.margin-bot {
  margin-bottom: 20px;
}
/* line 977, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper {
  width: 100%;
  float: left;
  min-height: 58px;
  position: relative;
  margin-bottom: 10px;
  box-sizing: border-box;
}
/* line 985, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .custom-checkbox, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .custom-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  position: absolute;
  left: -45px;
  top: 19px;
}
/* line 81, sass/variables.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .custom-checkbox:checked:before, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .custom-checkbox:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .custom-checkbox:disabled, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .custom-checkbox:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 992, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation {
  width: 100%;
  height: 58px;
  float: left;
  display: block;
  border-radius: 1px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}
/* line 1001, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .icon, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .icon {
  width: 58px;
  height: 100%;
  float: left;
  padding: 5px 7px;
  box-sizing: border-box;
  position: relative;
  border-right: 1px solid #f2f2f3;
}
/* line 1012, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .icon.group:before, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .icon.group:before {
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 56px;
  border-radius: 1px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 0px;
  top: 0px;
  left: -4px;
}
/* line 1029, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .accounts-info,
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .amount-info,
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .operation-type-info, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .accounts-info,
#approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .amount-info,
#approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .operation-type-info {
  width: calc(100% - 603px);
  height: 100%;
  float: left;
  padding: 10px 15px 10px 7px;
  box-sizing: border-box;
  border-right: 1px solid #f2f2f3;
}
/* line 1041, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .amount-info, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .amount-info {
  width: 185px;
  text-align: center;
  padding-top: 15px;
}
/* line 1046, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .amount-info .money,
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .amount-info .currency, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .amount-info .money,
#approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .amount-info .currency {
  width: 100%;
  height: 15px;
  float: left;
  font-size: 10px;
  color: #00a3e0;
}
/* line 1056, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .amount-info .money, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .amount-info .money {
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 700;
}
/* line 1064, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .other-info, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .other-info {
  width: 360px;
  height: 100%;
  float: left;
  padding: 5px 7px;
  box-sizing: border-box;
}
/* line 1073, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .other-info .info, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .other-info .info {
  width: calc(100% - 140px);
  height: 100%;
  float: left;
  padding: 5px 0;
}
/* line 1080, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .other-info .info label, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .other-info .info label {
  width: 136px;
}
/* line 1083, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .other-info .info label.blue-text, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .other-info .info label.blue-text {
  width: 60px;
}
/* line 1089, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .other-info .icons-wrapper, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .other-info .icons-wrapper {
  width: 140px;
  height: 100%;
  float: left;
  position: relative;
}
/* line 1095, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .other-info .icons-wrapper .icon, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .other-info .icons-wrapper .icon {
  width: 36px;
  padding: 7px 0;
  border: none;
}
/* line 1100, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .other-info .icons-wrapper .icon.expand-child-button, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .other-info .icons-wrapper .icon.expand-child-button {
  position: absolute;
  right: 20px;
}
/* line 1104, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .other-info .icons-wrapper .icon.expand-child-button svg, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation .other-info .icons-wrapper .icon.expand-child-button svg {
  cursor: pointer;
}
/* line 1112, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation label, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation label {
  font-size: 9px;
  width: calc(100% - 90px);
  float: left;
  color: black;
  height: 15px;
  margin-bottom: 10px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 1125, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation label.blue-text, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation label.blue-text {
  text-transform: uppercase;
  color: #00a3e0;
  width: 90px;
}
/* line 1132, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation.showDetail, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .operation.showDetail {
  display: none;
}
/* line 1137, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .child-detail-wrapper, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .child-detail-wrapper {
  display: none;
  width: 100%;
  float: left;
  background-color: white;
  z-index: 2;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}
/* line 1146, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .child-detail-wrapper.show, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .child-detail-wrapper.show {
  display: block;
}
/* line 1150, sass/components/approvals.scss */
#approvals-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .child-detail-wrapper .file-content-wrapper, #approvals-history-wrapper #approvals-detail-wrapper .approvals-detail-container .operation-wrapper .child-detail-wrapper .file-content-wrapper {
  padding: 0 30px;
  float: left;
}
/* line 1159, sass/components/approvals.scss */
#approvals-wrapper .buttons-wrapper, #approvals-history-wrapper .buttons-wrapper {
  margin-top: 10px;
}
/* line 1163, sass/components/approvals.scss */
#approvals-wrapper #notification, #approvals-history-wrapper #notification {
  margin-top: 10px;
}

/* line 1169, sass/components/approvals.scss */
#approvals-resume-wrapper #side-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  width: 280px;
  height: 100%;
  background-color: #fff;
  box-shadow: -1px -2px 7px gray;
  transform: translateX(280px);
  transition: transform 1s;
}
/* line 1180, sass/components/approvals.scss */
#approvals-resume-wrapper #side-wrapper .title-header {
  width: 100%;
  height: 30px;
  padding: 10px 0;
  position: relative;
  line-height: 30px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #2c3e50;
}
/* line 1191, sass/components/approvals.scss */
#approvals-resume-wrapper #side-wrapper .title-header #close {
  height: 100%;
  width: 38px;
  float: left;
  position: relative;
  padding-top: 4px;
  padding-left: 10px;
  box-sizing: border-box;
  cursor: pointer;
}
/* line 1203, sass/components/approvals.scss */
#approvals-resume-wrapper #side-wrapper #side-wrapper-content {
  overflow-y: scroll;
  height: calc(100% - 140px);
}
/* line 1208, sass/components/approvals.scss */
#approvals-resume-wrapper #side-wrapper .currency-box {
  height: 150px;
  width: 100%;
  padding: 15px 35px;
  box-sizing: border-box;
  background-color: #f2f2f3;
}
/* line 1215, sass/components/approvals.scss */
#approvals-resume-wrapper #side-wrapper .currency-box label {
  font-size: 10px;
  letter-spacing: 0.5px;
  color: #2c3e50;
}
/* line 1220, sass/components/approvals.scss */
#approvals-resume-wrapper #side-wrapper .currency-box label.currency-label {
  color: rgba(44, 62, 80, 0.5);
}
/* line 1225, sass/components/approvals.scss */
#approvals-resume-wrapper #side-wrapper .currency-box .currency-name {
  font-size: 18px;
  letter-spacing: 0.9px;
  color: #00a3e0;
}
/* line 1231, sass/components/approvals.scss */
#approvals-resume-wrapper #side-wrapper .currency-box .amount {
  font-size: 12px;
  letter-spacing: 0.6px;
  color: #00a3e0;
}
/* line 1237, sass/components/approvals.scss */
#approvals-resume-wrapper #side-wrapper .currency-box:nth-of-type(even) {
  background-color: white;
}
/* line 1241, sass/components/approvals.scss */
#approvals-resume-wrapper #side-wrapper .currency-box.empty-state {
  padding: 15px 25px;
}
/* line 1243, sass/components/approvals.scss */
#approvals-resume-wrapper #side-wrapper .currency-box.empty-state .empty-text {
  font-size: 14px;
}
/* line 1249, sass/components/approvals.scss */
#approvals-resume-wrapper #side-wrapper.open {
  transform: translateX(0px);
}
/* line 1255, sass/components/approvals.scss */
#approvals-resume-wrapper.menu-close #approvals-inner-wrapper {
  width: calc( 100% - 28px);
}
/* line 1261, sass/components/approvals.scss */
#approvals-resume-wrapper.hide #approvals-inner-wrapper {
  display: block;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
}
/* line 1270, sass/components/approvals.scss */
#approvals-resume-wrapper #approvals-inner-wrapper {
  height: 90px;
  width: calc( 100% - 233px);
  position: absolute;
  bottom: 0;
  right: 1px;
  z-index: 1;
  padding: 5px 60px;
  box-sizing: border-box;
  background-color: white;
  box-shadow: -1px -2px 7px gray;
  -webkit-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
/* line 1291, sass/components/approvals.scss */
#approvals-resume-wrapper .info-wrapper {
  width: calc( 100% - 400px);
  height: 100%;
  float: left;
}
/* line 1297, sass/components/approvals.scss */
#approvals-resume-wrapper .info-wrapper .total-info {
  width: auto;
  float: left;
  height: 100%;
  line-height: 80px;
}
/* line 1303, sass/components/approvals.scss */
#approvals-resume-wrapper .info-wrapper .total-info label {
  font-size: 11px;
  text-transform: uppercase;
  width: auto;
  height: 100%;
  float: left;
}
/* line 1310, sass/components/approvals.scss */
#approvals-resume-wrapper .info-wrapper .total-info label.blue {
  margin-left: 30px;
  color: #00a3e0;
  font-size: 12px;
  font-weight: 700;
}
/* line 1319, sass/components/approvals.scss */
#approvals-resume-wrapper .info-wrapper #show-slider {
  margin-top: 22px;
  margin-left: 50px;
}
/* line 1325, sass/components/approvals.scss */
#approvals-resume-wrapper .buttons-wrapper {
  margin-top: 30px;
  display: block;
}
/* line 1329, sass/components/approvals.scss */
#approvals-resume-wrapper .buttons-wrapper.hide {
  display: none;
}

/* line 1337, sass/components/approvals.scss */
#approvals-history-wrapper .date-wrapper.filter {
  width: 32%;
}
/* line 1341, sass/components/approvals.scss */
#approvals-history-wrapper .status-wrapper.filter {
  margin-right: 10px;
}
/* line 1346, sass/components/approvals.scss */
#approvals-history-wrapper .grids-wrapper .grid .row .operation-type, #approvals-history-wrapper .grids-wrapper .grid .row .money-amount {
  width: 25%;
}
/* line 1350, sass/components/approvals.scss */
#approvals-history-wrapper .grids-wrapper .grid .row .date-move {
  width: 18%;
}
/* line 1354, sass/components/approvals.scss */
#approvals-history-wrapper .grids-wrapper .grid .row .description {
  width: calc(23% - 40px);
}
/* line 1358, sass/components/approvals.scss */
#approvals-history-wrapper .grids-wrapper .grid .row .status {
  text-align: right;
  padding-right: 20px;
}
/* line 1362, sass/components/approvals.scss */
#approvals-history-wrapper .grids-wrapper .grid .row .status .status-wrapper {
  width: auto;
  float: right;
  height: 20px;
  margin-top: 13px;
  padding: 0 20px;
  box-sizing: border-box;
  line-height: 20px;
  border-radius: 10px;
  font-size: 10px;
  color: white;
  background-color: #39ca8d;
}
/* line 1376, sass/components/approvals.scss */
#approvals-history-wrapper .grids-wrapper .grid .row .status .status-wrapper.pending {
  background-color: #f5a623;
}
/* line 1380, sass/components/approvals.scss */
#approvals-history-wrapper .grids-wrapper .grid .row .status .status-wrapper.canceled {
  background-color: #ec0000;
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 4, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #history-wrapper,
#baiPaga-main-wrapper #pending-requests-wrapper {
  width: 100%;
  float: left;
}
/* line 10, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #history-wrapper .grids-wrapper .comercial,
#baiPaga-main-wrapper #pending-requests-wrapper .grids-wrapper .comercial {
  width: 40%;
}
/* line 14, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #history-wrapper .grids-wrapper .amount,
#baiPaga-main-wrapper #pending-requests-wrapper .grids-wrapper .amount {
  width: 20%;
}
/* line 17, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #history-wrapper .grids-wrapper .date,
#baiPaga-main-wrapper #pending-requests-wrapper .grids-wrapper .date {
  width: 17%;
}
/* line 20, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #history-wrapper .grids-wrapper .status,
#baiPaga-main-wrapper #pending-requests-wrapper .grids-wrapper .status {
  width: 23%;
  text-align: right;
  padding-right: 20px;
}
/* line 25, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #history-wrapper .grids-wrapper .status .status-wrapper,
#baiPaga-main-wrapper #pending-requests-wrapper .grids-wrapper .status .status-wrapper {
  width: auto;
  float: right;
  height: 20px;
  margin-top: 13px;
  padding: 0 20px;
  box-sizing: border-box;
  line-height: 20px;
  border-radius: 10px;
  font-size: 10px;
  color: white;
  background-color: #39ca8d;
}
/* line 39, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #history-wrapper .grids-wrapper .status .status-wrapper.expired, #baiPaga-main-wrapper #history-wrapper .grids-wrapper .status .status-wrapper.pending,
#baiPaga-main-wrapper #pending-requests-wrapper .grids-wrapper .status .status-wrapper.expired,
#baiPaga-main-wrapper #pending-requests-wrapper .grids-wrapper .status .status-wrapper.pending {
  background-color: #f5a623;
}
/* line 43, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #history-wrapper .grids-wrapper .status .status-wrapper.rejected,
#baiPaga-main-wrapper #pending-requests-wrapper .grids-wrapper .status .status-wrapper.rejected {
  background-color: #ec0000;
}
/* line 53, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #pending-requests-wrapper .grids-wrapper .custom-radio-button {
  width: 100%;
  height: 100%;
  float: left;
  padding: 13px 0;
  box-sizing: border-box;
}
/* line 60, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #pending-requests-wrapper .grids-wrapper .custom-radio-button input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #00a3e0;
  border-radius: 50% !important;
  outline: none;
  cursor: pointer;
  float: left;
}
/* line 121, sass/variables.scss */
#baiPaga-main-wrapper #pending-requests-wrapper .grids-wrapper .custom-radio-button input:checked {
  border: none;
  width: 17px;
  height: 17px;
}
/* line 127, sass/variables.scss */
#baiPaga-main-wrapper #pending-requests-wrapper .grids-wrapper .custom-radio-button input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("../images/radio-selected.svg");
}
/* line 65, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #pending-requests-wrapper .grids-wrapper .custom-radio-button .label {
  float: left;
  margin: 0;
  height: 100%;
  padding-left: 10px;
  line-height: 21px;
}
/* line 74, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #pending-requests-wrapper .grids-wrapper .amount, #baiPaga-main-wrapper #pending-requests-wrapper .grids-wrapper .date {
  text-align: right;
  width: 30%;
}
/* line 79, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #pending-requests-wrapper .grids-wrapper .date {
  padding-right: 30px;
}
/* line 84, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #pending-requests-wrapper .step-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
}
/* line 94, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #pending-requests-wrapper .step-wrapper .field-type {
  min-height: 50px;
  width: 100%;
  float: left;
  line-height: normal;
  font-size: 12px;
  text-transform: uppercase;
  color: #2c3e50;
}
/* line 104, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #pending-requests-wrapper .step-wrapper .field-type label {
  width: 180px;
  float: left;
  padding-top: 15px;
  margin-right: 0;
}
/* line 111, sass/components/baiPaga.scss */
#baiPaga-main-wrapper #pending-requests-wrapper .step-wrapper .field-type .text-wrapper {
  width: 180px;
  float: left;
  padding-top: 15px;
  margin-right: 0;
}

/* line 122, sass/components/baiPaga.scss */
#requests-detail-modal-detail-wrapper {
  width: 800px;
}
/* line 125, sass/components/baiPaga.scss */
#requests-detail-modal-detail-wrapper .modal-header {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
  margin-top: 20px;
}
/* line 132, sass/components/baiPaga.scss */
#requests-detail-modal-detail-wrapper .info-box {
  width: 100%;
  max-height: 300px;
  padding: 0 100px;
  box-sizing: border-box;
}
/* line 139, sass/components/baiPaga.scss */
#requests-detail-modal-detail-wrapper .modal-footer-requests {
  width: 100%;
  height: 68px;
  margin: 40px 0;
  padding: 15px 100px;
  float: left;
  box-sizing: border-box;
}
/* line 147, sass/components/baiPaga.scss */
#requests-detail-modal-detail-wrapper .modal-footer-requests .buttons-wrapper {
  line-height: 45px;
}
/* line 149, sass/components/baiPaga.scss */
#requests-detail-modal-detail-wrapper .modal-footer-requests .buttons-wrapper .icon {
  margin-right: 30px;
}
/* line 154, sass/components/baiPaga.scss */
#requests-detail-modal-detail-wrapper .modal-footer-requests #download-btn {
  float: right;
}
/* line 158, sass/components/baiPaga.scss */
#requests-detail-modal-detail-wrapper .modal-footer-requests .icon {
  width: 24px;
  float: right;
  cursor: pointer;
  margin-right: 15px;
}
/* line 164, sass/components/baiPaga.scss */
#requests-detail-modal-detail-wrapper .modal-footer-requests .icon svg {
  width: 24px;
  height: 18px;
}

/* line 173, sass/components/baiPaga.scss */
.buttons-wrapper-fixed-bottom {
  margin-top: 30px;
  width: 100%;
  height: 100%;
}
/* line 178, sass/components/baiPaga.scss */
.buttons-wrapper-fixed-bottom .button-class {
  margin-left: 40px;
  float: right;
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/components/messages.scss */
#messages-wrapper {
  width: 100%;
  float: left;
}
/* line 7, sass/components/messages.scss */
#messages-wrapper .section-title {
  width: 100%;
}
/* line 11, sass/components/messages.scss */
#messages-wrapper .left-side {
  width: 380px;
  height: 540px;
  float: left;
  background-color: white;
}
/* line 17, sass/components/messages.scss */
#messages-wrapper .left-side .search-container {
  width: 100%;
  height: 33px;
  float: left;
  position: relative;
  padding: 5px 7px;
  box-sizing: border-box;
  background-color: #e6e6e6;
}
/* line 28, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .custom-input {
  visibility: hidden;
  float: left;
  width: 100%;
  position: relative;
  background-color: white;
}
/* line 148, sass/variables.scss */
#messages-wrapper .left-side .search-container .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  left: 0;
  top: 24px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#messages-wrapper .left-side .search-container .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#messages-wrapper .left-side .search-container .custom-input input {
  width: 100%;
  height: 25px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#messages-wrapper .left-side .search-container .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#messages-wrapper .left-side .search-container .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 36, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .custom-input input {
  padding: 0 40px;
  box-sizing: border-box;
  color: #2c3e50;
}
/* line 43, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .icon {
  width: 20px;
  height: 20px;
  position: absolute;
  float: left;
  z-index: 2;
  padding-top: 2px;
  text-align: center;
  cursor: pointer;
}
/* line 55, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .icon svg {
  fill: #979797;
}
/* line 59, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .icon.search {
  left: 15px;
}
/* line 62, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .icon.search svg {
  height: 18px;
  width: 18px;
}
/* line 68, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .icon.delete {
  right: 75px;
  display: block;
}
/* line 72, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .icon.delete svg {
  height: 14px;
}
/* line 75, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .icon.delete svg g {
  fill: #979797;
}
/* line 81, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .icon.refresh {
  right: 45px;
  display: block;
}
/* line 86, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .icon.new {
  display: block;
  right: 15px;
  padding-top: 4px;
}
/* line 91, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .icon.new svg {
  height: 18px;
  width: 18px;
}
/* line 95, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .icon.new svg g {
  fill: #979797;
}
/* line 101, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .icon.close {
  right: 45px;
  display: none;
}
/* line 105, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .icon.close svg {
  height: 12px;
  width: 12px;
}
/* line 109, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .icon.close svg g {
  fill: #979797;
}
/* line 115, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .icon.check {
  right: 15px;
  display: none;
}
/* line 119, sass/components/messages.scss */
#messages-wrapper .left-side .search-container .icon.check svg {
  height: 19px;
  width: 20px;
}
/* line 128, sass/components/messages.scss */
#messages-wrapper .left-side .search-container.active-search .custom-input {
  visibility: visible;
}
/* line 133, sass/components/messages.scss */
#messages-wrapper .left-side .search-container.active-search .icon.delete, #messages-wrapper .left-side .search-container.active-search .icon.refresh, #messages-wrapper .left-side .search-container.active-search .icon.new {
  display: none;
}
/* line 139, sass/components/messages.scss */
#messages-wrapper .left-side .search-container.active-search .icon.close, #messages-wrapper .left-side .search-container.active-search .icon.check {
  display: block;
}
/* line 147, sass/components/messages.scss */
#messages-wrapper .left-side .buttons-container {
  width: 100%;
  height: 60px;
  float: left;
  padding: 15px 32px;
  box-sizing: border-box;
  border-bottom: solid 2px #f2f2f3;
}
/* line 157, sass/components/messages.scss */
#messages-wrapper .left-side .buttons-container .message-button {
  width: 141px;
  height: 28px;
  float: left;
  font-size: 13px;
  text-align: center;
  line-height: 28px;
  text-transform: uppercase;
  border: solid 1px #f2f2f3;
  cursor: pointer;
}
/* line 171, sass/components/messages.scss */
#messages-wrapper .left-side .buttons-container .message-button:first-of-type {
  margin-right: 30px;
}
/* line 175, sass/components/messages.scss */
#messages-wrapper .left-side .buttons-container .message-button.selected {
  font-weight: 600;
  border: solid 1px #00a3e0;
}
/* line 182, sass/components/messages.scss */
#messages-wrapper .left-side .message-list {
  width: 100%;
  height: 447px;
}
/* line 186, sass/components/messages.scss */
#messages-wrapper .left-side .message-list .empty-message {
  display: none;
  width: 100%;
  height: 447px;
  line-height: 447px;
  text-align: center;
}
/* line 195, sass/components/messages.scss */
#messages-wrapper .left-side .message-list .message-resume {
  width: 100%;
  height: 77px;
  float: left;
  position: relative;
  padding: 15px 0 12px 50px;
  box-sizing: border-box;
  border-top: 1px solid rgba(128, 139, 144, 0.5);
  cursor: pointer;
}
/* line 208, sass/components/messages.scss */
#messages-wrapper .left-side .message-list .message-resume.selected {
  background-color: rgba(213, 227, 241, 0.25);
}
/* line 212, sass/components/messages.scss */
#messages-wrapper .left-side .message-list .message-resume:last-of-type {
  border-bottom: 1px solid rgba(128, 139, 144, 0.5);
}
/* line 216, sass/components/messages.scss */
#messages-wrapper .left-side .message-list .message-resume input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  float: left;
  border-color: rgba(0, 163, 224, 0.45);
  position: absolute;
  left: 15px;
  top: 15px;
}
/* line 81, sass/variables.scss */
#messages-wrapper .left-side .message-list .message-resume input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
#messages-wrapper .left-side .message-list .message-resume input:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 226, sass/components/messages.scss */
#messages-wrapper .left-side .message-list .message-resume .info-left {
  width: calc(100% - 100px);
  height: 100%;
  float: left;
  overflow: hidden;
}
/* line 232, sass/components/messages.scss */
#messages-wrapper .left-side .message-list .message-resume .info-left .title {
  width: 100%;
  height: 20px;
  float: left;
  margin-bottom: 8px;
  line-height: 20px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 245, sass/components/messages.scss */
#messages-wrapper .left-side .message-list .message-resume .info-left .title.unread {
  font-weight: 700;
}
/* line 251, sass/components/messages.scss */
#messages-wrapper .left-side .message-list .message-resume .info-left .subject {
  width: 100%;
  height: 20px;
  float: left;
  font-size: 12px;
  line-height: 20px;
}
/* line 261, sass/components/messages.scss */
#messages-wrapper .left-side .message-list .message-resume .info-right {
  width: 85px;
  height: 100%;
  float: left;
  position: relative;
  padding-right: 20px;
  box-sizing: border-box;
}
/* line 270, sass/components/messages.scss */
#messages-wrapper .left-side .message-list .message-resume .info-right .attachment-icon {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 276, sass/components/messages.scss */
#messages-wrapper .left-side .message-list .message-resume .info-right .date,
#messages-wrapper .left-side .message-list .message-resume .info-right .type {
  width: 100%;
  font-size: 10px;
  float: left;
  text-align: right;
}
/* line 284, sass/components/messages.scss */
#messages-wrapper .left-side .message-list .message-resume .info-right .date {
  text-transform: uppercase;
  margin: 2px 0 5px 0;
}
/* line 293, sass/components/messages.scss */
#messages-wrapper .right-side {
  width: calc(100% - 385px);
  height: 540px;
  float: left;
  position: relative;
  margin-left: 5px;
  background-color: white;
}
/* line 302, sass/components/messages.scss */
#messages-wrapper .right-side .spinner {
  background-color: white;
}
/* line 306, sass/components/messages.scss */
#messages-wrapper .right-side .empty-message {
  width: 248px;
  height: 50px;
  text-align: center;
  margin: 248px auto;
}
/* line 313, sass/components/messages.scss */
#messages-wrapper .right-side .message-header {
  width: calc(100% - 30px);
  height: 54px;
  margin: 15px 15px 0 15px;
}
/* line 319, sass/components/messages.scss */
#messages-wrapper .right-side .message-header .subject {
  width: 80%;
  float: left;
  margin-bottom: 10px;
  font-size: 14px;
  color: #00a3e0;
}
/* line 328, sass/components/messages.scss */
#messages-wrapper .right-side .message-header .subject span {
  font-weight: 600;
}
/* line 333, sass/components/messages.scss */
#messages-wrapper .right-side .message-header .type {
  width: 20%;
  float: left;
  margin-bottom: 10px;
  padding-right: 5px;
  box-sizing: border-box;
  font-size: 12px;
  text-align: right;
  font-weight: 500;
}
/* line 345, sass/components/messages.scss */
#messages-wrapper .right-side .message-header .creation-message-date,
#messages-wrapper .right-side .message-header .last-message-date {
  float: left;
  margin-top: 5px;
  margin-right: 35px;
  font-size: 8px;
  text-transform: uppercase;
}
/* line 355, sass/components/messages.scss */
#messages-wrapper .right-side .message-header .creation-message-date {
  clear: both;
}
/* line 359, sass/components/messages.scss */
#messages-wrapper .right-side .message-header .status {
  width: 150px;
  float: right;
  text-align: center;
}
/* line 364, sass/components/messages.scss */
#messages-wrapper .right-side .message-header .status .message-type-button {
  width: 50%;
  float: left;
  margin-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
  font-size: 9px;
  color: #00a3e0;
  text-transform: uppercase;
  border-bottom: 1px solid #00a3e0;
  opacity: 0.5;
  cursor: pointer;
}
/* line 381, sass/components/messages.scss */
#messages-wrapper .right-side .message-header .status .message-type-button.selected {
  font-weight: 600;
  opacity: 1;
}
/* line 389, sass/components/messages.scss */
#messages-wrapper .right-side .new-message-header {
  width: 100%;
  height: 69px;
}
/* line 393, sass/components/messages.scss */
#messages-wrapper .right-side .new-message-header .message-title {
  width: 100%;
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  margin-bottom: 10px;
  box-sizing: border-box;
  position: relative;
  color: white;
  font-size: 12px;
  background-color: #00a3e0;
}
/* line 408, sass/components/messages.scss */
#messages-wrapper .right-side .new-message-header .message-title svg {
  width: 10px;
  height: 10px;
  position: absolute;
  right: 15px;
  top: 10px;
  float: left;
  cursor: pointer;
}
/* line 418, sass/components/messages.scss */
#messages-wrapper .right-side .new-message-header .message-title svg g {
  fill: white;
}
/* line 424, sass/components/messages.scss */
#messages-wrapper .right-side .new-message-header .message-options {
  width: 100%;
  height: 25px;
  float: left;
}
/* line 429, sass/components/messages.scss */
#messages-wrapper .right-side .new-message-header .message-options .subject-input {
  float: left;
  width: calc(80% - 85px);
  margin: 0 15px;
  position: relative;
  background-color: white;
}
/* line 148, sass/variables.scss */
#messages-wrapper .right-side .new-message-header .message-options .subject-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  left: 0;
  top: 24px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#messages-wrapper .right-side .new-message-header .message-options .subject-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#messages-wrapper .right-side .new-message-header .message-options .subject-input input {
  width: 100%;
  height: 25px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#messages-wrapper .right-side .new-message-header .message-options .subject-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#messages-wrapper .right-side .new-message-header .message-options .subject-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 438, sass/components/messages.scss */
#messages-wrapper .right-side .new-message-header .message-options .subject-input input {
  font-size: 12px;
  color: #00a3e0;
  border-bottom: 2px solid rgba(0, 163, 224, 0.5);
}
/* line 445, sass/components/messages.scss */
#messages-wrapper .right-side .new-message-header .message-options .dropdown-message-type {
  width: 160px;
  float: left;
  height: 27px;
  border-bottom: 2px solid rgba(0, 163, 224, 0.5);
}
/* line 452, sass/components/messages.scss */
#messages-wrapper .right-side .new-message-header .message-options .dropdown-message-type #dropdown-wrapper {
  border: none;
}
/* line 455, sass/components/messages.scss */
#messages-wrapper .right-side .new-message-header .message-options .dropdown-message-type #dropdown-wrapper .selected-option {
  font-size: 12px;
  line-height: 27px;
}
/* line 461, sass/components/messages.scss */
#messages-wrapper .right-side .new-message-header .message-options .dropdown-message-type #dropdown-wrapper .icon svg {
  top: 2px;
  height: 10px;
  width: 10px;
  fill: #00a3e0;
}
/* line 474, sass/components/messages.scss */
#messages-wrapper .right-side #conversation-messages-wrapper {
  width: calc(100% - 30px);
  height: 330px;
  float: left;
  margin: 0 15px 0 15px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #00a3e0;
  border-top: 1px solid #00a3e0;
}
/* line 486, sass/components/messages.scss */
#messages-wrapper .right-side #conversation-messages-wrapper.noBorderTop {
  border-top: none;
}
/* line 490, sass/components/messages.scss */
#messages-wrapper .right-side #conversation-messages-wrapper .conversation-wrapper {
  width: 100%;
  max-height: 330px;
  position: absolute;
  bottom: 0;
}
/* line 496, sass/components/messages.scss */
#messages-wrapper .right-side #conversation-messages-wrapper .conversation-wrapper .message {
  width: calc(100% - 95px);
  box-sizing: border-box;
  margin-top: 15px;
  padding: 10px;
  overflow: hidden;
  word-break: break-word;
}
/* line 504, sass/components/messages.scss */
#messages-wrapper .right-side #conversation-messages-wrapper .conversation-wrapper .message:last-of-type {
  margin-bottom: 5px;
}
/* line 508, sass/components/messages.scss */
#messages-wrapper .right-side #conversation-messages-wrapper .conversation-wrapper .message.side2 {
  float: right;
  background-color: rgba(0, 163, 224, 0.13);
  text-align: right;
}
/* line 514, sass/components/messages.scss */
#messages-wrapper .right-side #conversation-messages-wrapper .conversation-wrapper .message.side1 {
  float: left;
  background-color: #efefef;
  text-align: left;
}
/* line 520, sass/components/messages.scss */
#messages-wrapper .right-side #conversation-messages-wrapper .conversation-wrapper .message .date-time {
  width: 100%;
  float: left;
  height: 15px;
  margin-bottom: 5px;
  line-height: 15px;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 600;
}
/* line 533, sass/components/messages.scss */
#messages-wrapper .right-side #conversation-messages-wrapper .conversation-wrapper .message .text {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  font-size: 12px;
  color: #666666;
}
/* line 543, sass/components/messages.scss */
#messages-wrapper .right-side #conversation-messages-wrapper .conversation-wrapper .message .attachments-wrapper {
  width: 100%;
  float: left;
  padding: 10px 0;
  box-sizing: border-box;
  text-align: left;
  color: #666666;
  border-top: 1px solid rgba(194, 194, 194, 0.15);
}
/* line 553, sass/components/messages.scss */
#messages-wrapper .right-side #conversation-messages-wrapper .conversation-wrapper .message .attachments-wrapper .number-attachments {
  width: 100%;
  height: 18px;
  float: left;
  line-height: 18px;
  margin-bottom: 10px;
  font-size: 13px;
}
/* line 563, sass/components/messages.scss */
#messages-wrapper .right-side #conversation-messages-wrapper .conversation-wrapper .message .attachments-wrapper .attachments-list {
  width: calc(100% - 200px);
  float: left;
}
/* line 567, sass/components/messages.scss */
#messages-wrapper .right-side #conversation-messages-wrapper .conversation-wrapper .message .attachments-wrapper .attachments-list .attachment {
  width: 100%;
  height: 22px;
  float: left;
  line-height: 22px;
  font-size: 13px;
  position: relative;
  padding-left: 30px;
  box-sizing: border-box;
}
/* line 578, sass/components/messages.scss */
#messages-wrapper .right-side #conversation-messages-wrapper .conversation-wrapper .message .attachments-wrapper .attachments-list .attachment svg {
  position: absolute;
  left: 0;
  top: 1px;
}
/* line 586, sass/components/messages.scss */
#messages-wrapper .right-side #conversation-messages-wrapper .conversation-wrapper .message .attachments-wrapper .attachments-buttons-wrapper {
  width: 200px;
  float: left;
}
/* line 590, sass/components/messages.scss */
#messages-wrapper .right-side #conversation-messages-wrapper .conversation-wrapper .message .attachments-wrapper .attachments-buttons-wrapper .attachment-button {
  width: 100px;
  float: left;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #00a3e0;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
}
/* line 608, sass/components/messages.scss */
#messages-wrapper .right-side .message-input-wrapper {
  width: calc(100% - 30px);
  height: 140px;
  float: left;
  margin: 0 15px 15px 15px;
  padding: 15px 0 10px 0;
  box-sizing: border-box;
}
/* line 617, sass/components/messages.scss */
#messages-wrapper .right-side .message-input-wrapper .user-avatar {
  width: 70px;
  height: 70px;
  float: left;
  margin-right: 13px;
  background-color: #00a3e0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 631, sass/components/messages.scss */
#messages-wrapper .right-side .message-input-wrapper .custom-textarea {
  position: relative;
  float: left;
  width: calc(100% - 180px);
  height: 114px;
  margin-right: 13px;
}
/* line 638, sass/components/messages.scss */
#messages-wrapper .right-side .message-input-wrapper .custom-textarea textarea {
  width: calc(100% - 6px);
  height: 114px;
  min-height: 114px;
  float: left;
  outline: none;
  overflow: hidden;
  padding: 8px 10px;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
  background-color: transparent;
  resize: none;
  border: 1px solid rgba(194, 194, 194, 0.9);
}
/* line 657, sass/components/messages.scss */
#messages-wrapper .right-side .message-input-wrapper .send-button {
  width: 82px;
  height: 82px;
  float: left;
  margin-bottom: 5px;
  line-height: 82px;
  text-align: center;
  font-size: 12px;
  border: 1px solid #00a3e0;
  cursor: pointer;
}
/* line 672, sass/components/messages.scss */
#messages-wrapper .right-side .message-input-wrapper .attachment-button {
  width: 84px;
  height: 24px;
  float: left;
  position: relative;
  padding-left: 40px;
  box-sizing: border-box;
  font-size: 10px;
  line-height: 24px;
  background-color: #f2f2f3;
  cursor: pointer;
}
/* line 687, sass/components/messages.scss */
#messages-wrapper .right-side .message-input-wrapper .attachment-button svg {
  position: absolute;
  left: 7px;
  top: 4px;
  width: 17px;
  height: 17px;
}

/* line 3, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview {
  width: 100%;
  padding: 20px 70px;
  box-sizing: border-box;
  float: left;
  background-color: white;
  margin-bottom: 10px;
}
/* line 12, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview #rapid-access-container {
  width: 100%;
  height: 100%;
  float: left;
}
/* line 18, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .drag-message {
  width: 100%;
  height: 14px;
  float: left;
  margin: 20px 0 15px 0;
  color: #00a3e0;
  font-size: 14px;
  font-weight: 600;
  line-height: 12px;
}
/* line 31, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .dropdown-first-level {
  width: 220px;
  float: left;
  height: 27px;
  margin: 20px 0;
}
/* line 38, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .dropdown-first-level #dropdown-wrapper .selected-option {
  padding: 0;
  font-size: 12px;
  text-transform: uppercase;
  color: #00a3e0;
  font-weight: 700;
  line-height: 27px;
}
/* line 48, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .dropdown-first-level #dropdown-wrapper .icon svg {
  top: 2px;
  height: 10px;
  width: 10px;
  fill: #00a3e0;
}
/* line 59, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .rapid-access-picks,
#rapid-access #rapid-access-subview .possible-picks {
  width: 100%;
  float: left;
  height: 156px;
  position: relative;
}
/* line 66, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .rapid-access-picks .subtitle,
#rapid-access #rapid-access-subview .possible-picks .subtitle {
  width: 600px;
  height: 14px;
  float: left;
  margin-left: 23px;
  margin-bottom: 12px;
  font-size: 12px;
  color: #00a3e0;
  text-transform: uppercase;
}
/* line 78, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .rapid-access-picks .subtitle.first,
#rapid-access #rapid-access-subview .possible-picks .subtitle.first {
  display: none;
}
/* line 83, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .rapid-access-picks .item-list,
#rapid-access #rapid-access-subview .possible-picks .item-list {
  width: 863px;
  height: 130px;
  box-sizing: border-box;
  float: left;
  position: relative;
  z-index: 2;
  border: 1px dashed transparent;
}
/* line 94, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .rapid-access-picks .item-list .item,
#rapid-access #rapid-access-subview .possible-picks .item-list .item {
  width: 200px;
  height: 52px;
  overflow: hidden;
  float: left;
  margin: 0 13px 15px 0;
  padding: 9px 0;
  box-sizing: border-box;
  font-size: 12px;
  letter-spacing: 1px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  cursor: move;
  border: 2px solid rgba(0, 163, 224, 0.5);
}
/* line 113, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .rapid-access-picks .item-list .item.active,
#rapid-access #rapid-access-subview .possible-picks .item-list .item.active {
  background-color: #00a3e0;
}
/* line 116, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .rapid-access-picks .item-list .item.active .third-level,
#rapid-access #rapid-access-subview .rapid-access-picks .item-list .item.active .second-level,
#rapid-access #rapid-access-subview .possible-picks .item-list .item.active .third-level,
#rapid-access #rapid-access-subview .possible-picks .item-list .item.active .second-level {
  color: white;
}
/* line 122, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .rapid-access-picks .item-list .item.to-pick,
#rapid-access #rapid-access-subview .possible-picks .item-list .item.to-pick {
  color: #a5bacf;
  background-color: white;
  border: 2px solid rgba(0, 163, 224, 0.5);
}
/* line 129, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .rapid-access-picks .item-list .item.go-to-other,
#rapid-access #rapid-access-subview .possible-picks .item-list .item.go-to-other {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
/* line 136, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .rapid-access-picks .item-list .item .third-level,
#rapid-access #rapid-access-subview .possible-picks .item-list .item .third-level {
  font-size: 13px;
  text-transform: none;
  color: #00a3e0;
}
/* line 142, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .rapid-access-picks .item-list .item .second-level,
#rapid-access #rapid-access-subview .possible-picks .item-list .item .second-level {
  font-size: 10px;
  font-weight: 700;
  color: #00a3e0;
}
/* line 147, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .rapid-access-picks .item-list .item .second-level.centered,
#rapid-access #rapid-access-subview .possible-picks .item-list .item .second-level.centered {
  line-height: 30px;
}
/* line 154, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .rapid-access-picks .item-list-grid,
#rapid-access #rapid-access-subview .possible-picks .item-list-grid {
  width: 843px;
  height: 130px;
  top: 0;
  left: 0;
  box-sizing: border-box;
  float: left;
  position: absolute;
  display: none;
}
/* line 164, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .rapid-access-picks .item-list-grid.place,
#rapid-access #rapid-access-subview .possible-picks .item-list-grid.place {
  display: block;
}
/* line 168, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .rapid-access-picks .item-list-grid .item-grid,
#rapid-access #rapid-access-subview .possible-picks .item-list-grid .item-grid {
  width: 200px;
  height: 52px;
  text-align: center;
  line-height: 33px;
  float: left;
  margin: 0 13px 15px 0;
  padding: 9px 15px;
  box-sizing: border-box;
  font-size: 12px;
  letter-spacing: 1px;
  color: #979797;
  text-align: center;
  text-transform: uppercase;
  background-color: white;
  border: 1px dashed #00a3e0;
}
/* line 187, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview .rapid-access-picks .item-list-grid .item-grid:nth-child(4n),
#rapid-access #rapid-access-subview .possible-picks .item-list-grid .item-grid:nth-child(4n) {
  margin-right: 0;
}
/* line 193, sass/components/rapidAccess.scss */
#rapid-access #rapid-access-subview #unavailable-tablet {
  text-align: center;
  font-weight: bold;
  color: #979797;
}
@media (max-width: 1024px) {
  /* line 203, sass/components/rapidAccess.scss */
  #rapid-access #rapid-access-subview #rapid-access-container {
    display: none;
  }
  /* line 206, sass/components/rapidAccess.scss */
  #rapid-access #rapid-access-subview #unavailable-tablet {
    display: block;
  }
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 5, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper {
  width: 100%;
  height: 420px;
  float: left;
}
/* line 10, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .arrow {
  width: 27px;
  height: 80px;
  float: left;
  margin-top: 200px;
  cursor: pointer;
}
/* line 18, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .arrow svg {
  fill: #a5bacf;
  height: 80px;
  width: 27px;
}
/* line 25, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .arrow.right svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* line 33, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container {
  width: calc(100% - 54px);
  height: 100%;
  float: left;
}
/* line 38, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-picker {
  width: 264px;
  height: 80px;
  margin: 43px auto 0 auto;
}
/* line 43, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-picker .bar {
  width: 264px;
  height: 7px;
  border-radius: 9px;
  box-sizing: border;
  margin-bottom: 8px;
  border: 1px solid #c2c2c2;
  background-color: rgba(213, 227, 241, 0.3);
  cursor: pointer;
}
/* line 54, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-picker .bar:before {
  content: "";
  display: block;
  position: relative;
  transition: all 1s ease;
  width: 125px;
  height: 7px;
  border-radius: 9px;
  background-color: #00a3e0;
}
/* line 68, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-picker .bar.active:before {
  left: 0;
}
/* line 74, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-picker .bar.passive:before {
  left: 139px;
}
/* line 80, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-picker .picker {
  width: 132px;
  float: left;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  opacity: 0.5;
}
/* line 90, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-picker .picker .title {
  height: 20px;
  line-height: 20px;
  font-weight: 500;
  color: #00a3e0;
  margin-bottom: 8px;
}
/* line 98, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-picker .picker .subtitle {
  height: 15px;
  line-height: 15px;
  font-size: 10px;
}
/* line 104, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-picker .picker .money {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #00a3e0;
}
/* line 111, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-picker .picker.selected {
  opacity: 1;
}
/* line 114, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-picker .picker.selected .title {
  font-weight: 700;
}
/* line 121, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-slider {
  width: 460px;
  height: 260px;
  margin: 0 auto;
  position: relative;
  transition: all 1s ease-in-out;
}
/* line 129, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-slider .graphic {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.6;
  transition: all 1s ease;
  cursor: pointer;
}
/* line 140, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-slider .graphic:before {
  content: "";
  display: block;
  position: relative;
  transition: all 1s ease;
  width: 230px;
  height: 7px;
  top: 100%;
  left: 25%;
  border-radius: 9px;
  background: transparent;
  background: -webkit-radial-gradient(#c2c2c2 5%, #DEDEDE 35%, #f2f2f3 60%);
  background: -o-radial-gradient(#c2c2c2 5%, #DEDEDE 35%, #f2f2f3 60%);
  background: -moz-radial-gradient(#c2c2c2 5%, #DEDEDE 35%, #f2f2f3 60%);
  background: radial-gradient(#c2c2c2 5%, #dedede 35%, #f2f2f3 60%);
}
/* line 160, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-slider .graphic .pie-label {
  position: absolute;
  width: 90px;
  height: 40px;
  top: 45%;
  left: 40%;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #2c3e50;
}
/* line 172, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-slider .graphic .pie-label span {
  font-size: 13px;
  color: #00a3e0;
}
/* line 178, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-slider .graphic .info-message {
  height: 100%;
  line-height: 23px;
  padding: 100px 70px;
  box-sizing: border-box;
  text-align: center;
  color: #00a3e0;
}
/* line 188, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-slider .graphic.right {
  -webkit-transform: translateX(50%) scale(0.5);
  -ms-transform: translateX(50%) scale(0.5);
  -o-transform: translateX(50%) scale(0.5);
  transform: translateX(50%) scale(0.5);
  z-index: 2;
}
/* line 197, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-slider .graphic.left {
  -webkit-transform: translateX(-50%) scale(0.5);
  -ms-transform: translateX(-50%) scale(0.5);
  -o-transform: translateX(-50%) scale(0.5);
  transform: translateX(-50%) scale(0.5);
  z-index: 2;
}
/* line 206, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-slider .graphic.selected {
  height: 100%;
  opacity: 1;
  -webkit-transform: translateX(0%) scale(1);
  -ms-transform: translateX(0%) scale(1);
  -o-transform: translateX(0%) scale(1);
  transform: translateX(0%) scale(1);
}
/* line 216, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-slider .graphic.selected .info-message {
  padding: 100px 70px;
  font-size: 16px;
  font-weight: 700;
}
/* line 223, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-slider .graphic svg {
  position: relative;
  display: block;
  margin: 0 auto;
  overflow: visible;
}
/* line 229, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-slider .graphic svg text {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  fill: #2c3e50;
  margin-bottom: 2px;
}
/* line 237, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-slider .graphic svg text.medium {
  fill: #00a3e0;
  font-size: 13px;
  text-transform: none;
}
/* line 243, sass/components/clientSituation.scss */
#clientSituation-wrapper .graphic-wrapper .graphic-container .graphic-slider .graphic svg text.small {
  fill: #00a3e0;
  font-size: 12px;
  text-transform: none;
}
/* line 259, sass/components/clientSituation.scss */
#clientSituation-wrapper .grids-wrapper .grid .row .description {
  width: 40%;
  padding-left: 16px;
}
/* line 264, sass/components/clientSituation.scss */
#clientSituation-wrapper .grids-wrapper .grid .row .balance,
#clientSituation-wrapper .grids-wrapper .grid .row .balance-kz,
#clientSituation-wrapper .grids-wrapper .grid .row .weight {
  width: 20%;
  text-align: right;
  padding-right: 20px;
}
/* line 272, sass/components/clientSituation.scss */
#clientSituation-wrapper .grids-wrapper .grid .row .no-data {
  margin-top: 0;
}
/* line 276, sass/components/clientSituation.scss */
#clientSituation-wrapper .grids-wrapper .grid .row.total {
  font-weight: 700;
}
/* line 279, sass/components/clientSituation.scss */
#clientSituation-wrapper .grids-wrapper .grid .row.total .balance-kz {
  width: 40%;
}
/* line 287, sass/components/clientSituation.scss */
#clientSituation-wrapper .grids-wrapper .grid#active .row.total .balance-kz {
  color: green;
}
/* line 295, sass/components/clientSituation.scss */
#clientSituation-wrapper .grids-wrapper .grid#passive .row.total .balance-kz {
  color: red;
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/components/currentAccount.scss */
#balance-movements-wrapper,
#nib-iban-wrapper,
#details-wrapper,
#extracts-wrapper {
  width: 100%;
  float: left;
}
/* line 14, sass/components/currentAccount.scss */
#balance-movements-wrapper .account-picker-wrapper .account-card-info .info,
#nib-iban-wrapper .account-picker-wrapper .account-card-info .info,
#details-wrapper .account-picker-wrapper .account-card-info .info,
#extracts-wrapper .account-picker-wrapper .account-card-info .info {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  font-size: 12px;
}
/* line 20, sass/components/currentAccount.scss */
#balance-movements-wrapper .account-picker-wrapper .account-card-info .info label.uppercase-type,
#nib-iban-wrapper .account-picker-wrapper .account-card-info .info label.uppercase-type,
#details-wrapper .account-picker-wrapper .account-card-info .info label.uppercase-type,
#extracts-wrapper .account-picker-wrapper .account-card-info .info label.uppercase-type {
  width: 200px;
}
/* line 24, sass/components/currentAccount.scss */
#balance-movements-wrapper .account-picker-wrapper .account-card-info .info label.blue-text,
#nib-iban-wrapper .account-picker-wrapper .account-card-info .info label.blue-text,
#details-wrapper .account-picker-wrapper .account-card-info .info label.blue-text,
#extracts-wrapper .account-picker-wrapper .account-card-info .info label.blue-text {
  line-height: 14px;
  font-size: 16px;
  width: 200px;
}

/* line 40, sass/components/currentAccount.scss */
#balance-movements-wrapper .filters-wrapper .filters-main-wrapper .date-wrapper {
  width: 36%;
}
/* line 44, sass/components/currentAccount.scss */
#balance-movements-wrapper .filters-wrapper .filters-main-wrapper .complex-value-wrapper {
  width: 32%;
}
/* line 54, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .date-move {
  width: 18%;
  float: left;
  margin-right: 15px;
}
/* line 60, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .date-value {
  width: 13%;
  float: left;
  margin-right: 15px;
}
/* line 66, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .description {
  width: 17%;
  float: left;
  margin-right: 15px;
}
/* line 72, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .money-ammount {
  width: 15%;
  float: left;
  margin-right: 15px;
  text-align: right;
}
/* line 80, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .cell {
  float: left;
  margin-right: 15px;
  height: 48px;
}
/* line 85, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .cell.pdf-button {
  float: right;
  height: 15px;
}
/* line 91, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .tan {
  width: 10%;
  text-align: right;
}
/* line 96, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .date-value, #balance-movements-wrapper .grids-wrapper .grid .row .installment {
  width: 13%;
}
/* line 100, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .money-ammount {
  width: 15%;
  text-align: right;
}
/* line 105, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .date-move, #balance-movements-wrapper .grids-wrapper .grid .row .credit {
  width: 16%;
}
/* line 109, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .next-installment {
  width: 18%;
}
/* line 113, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .description {
  width: 19%;
}
/* line 117, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .deadline {
  width: 20%;
}
/* line 121, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .ammount-owed {
  width: 20%;
  text-align: right;
}
/* line 126, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .balance {
  width: 23%;
  text-align: right;
}
/* line 131, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .detail {
  width: 25%;
  white-space: nowrap;
}
/* line 136, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .emission-date {
  width: 25%;
}
/* line 140, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .check-box {
  width: 5%;
  padding-top: 15px;
  padding-left: 10px;
}
/* line 145, sass/components/currentAccount.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .check-box input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 1px 5px 0 0;
}
/* line 81, sass/variables.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .check-box input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
#balance-movements-wrapper .grids-wrapper .grid .row .check-box input:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 155, sass/components/currentAccount.scss */
#balance-movements-wrapper .button-class.second-level {
  min-width: 100px;
}

/* line 160, sass/components/currentAccount.scss */
#extracts-wrapper {
  width: 100%;
  float: left;
  padding: 20px 20px;
  box-sizing: border-box;
  background-color: white;
}
/* line 168, sass/components/currentAccount.scss */
#extracts-wrapper .header {
  width: 100%;
  height: 85px;
  float: left;
  padding: 10px 20px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
/* line 176, sass/components/currentAccount.scss */
#extracts-wrapper .header .info {
  width: 70%;
  float: left;
  margin-bottom: 15px;
  font-size: 12px;
}
/* line 183, sass/components/currentAccount.scss */
#extracts-wrapper .header .info .dropdown-type {
  width: 180px;
  padding: 10px 0 5px 0;
  float: left;
  text-transform: uppercase;
}
/* line 191, sass/components/currentAccount.scss */
#extracts-wrapper .header .info .custom-dropdown {
  width: 200px;
  float: left;
  height: 32px;
  color: #4B91E2;
}
/* line 198, sass/components/currentAccount.scss */
#extracts-wrapper .header .info .custom-dropdown #dropdown-wrapper .selected-option {
  line-height: 35px;
}
/* line 203, sass/components/currentAccount.scss */
#extracts-wrapper .header .info .custom-dropdown #dropdown-wrapper .icon svg {
  top: 12px;
}
/* line 211, sass/components/currentAccount.scss */
#extracts-wrapper .header .number-extracts {
  width: 30%;
  line-height: 45px;
  height: 45px;
  float: right;
  padding-top: 2px;
  padding-right: 17px;
  box-sizing: border-box;
  position: relative;
  text-align: right;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 11px;
  color: #4B91E2;
}
/* line 229, sass/components/currentAccount.scss */
#extracts-wrapper .header .number-extracts span {
  font-size: 12px;
  font-weight: 600;
}
/* line 235, sass/components/currentAccount.scss */
#extracts-wrapper .header .grid-header {
  width: 70%;
  height: 20px;
  float: left;
  font-size: 11px;
}
/* line 242, sass/components/currentAccount.scss */
#extracts-wrapper .header .grid-header .emission-date {
  width: 200px;
  float: left;
}
/* line 247, sass/components/currentAccount.scss */
#extracts-wrapper .header .grid-header .detail {
  width: 310px;
  float: left;
}
/* line 254, sass/components/currentAccount.scss */
#extracts-wrapper .grids-wrapper {
  padding: 0;
}
/* line 258, sass/components/currentAccount.scss */
#extracts-wrapper .extracts-grid {
  width: 100%;
  float: left;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: none;
  box-sizing: border-box;
}
/* line 267, sass/components/currentAccount.scss */
#extracts-wrapper .extracts-grid .row {
  padding-left: 20px;
}
/* line 272, sass/components/currentAccount.scss */
#extracts-wrapper .extracts-grid .row .emission-date {
  width: 200px;
  float: left;
  height: 100%;
}
/* line 278, sass/components/currentAccount.scss */
#extracts-wrapper .extracts-grid .row .empty-notification {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-weight: 700;
  color: #00a3e0;
}
/* line 286, sass/components/currentAccount.scss */
#extracts-wrapper .extracts-grid .row .detail {
  width: 400px;
  float: left;
  height: 100%;
}
/* line 292, sass/components/currentAccount.scss */
#extracts-wrapper .extracts-grid .row .pdf-button {
  margin-right: 62px;
}

/* line 300, sass/components/currentAccount.scss */
#nib-iban-wrapper {
  width: 100%;
  float: left;
}
/* line 304, sass/components/currentAccount.scss */
#nib-iban-wrapper .account-info-wrapper {
  width: 100%;
  float: left;
  padding: 20px 0;
  box-sizing: border-box;
  background-color: white;
}
/* line 312, sass/components/currentAccount.scss */
#nib-iban-wrapper .account-info-wrapper .info {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 14px;
}
/* line 320, sass/components/currentAccount.scss */
#nib-iban-wrapper .account-info-wrapper .info label {
  width: 198px;
  float: left;
}
/* line 324, sass/components/currentAccount.scss */
#nib-iban-wrapper .account-info-wrapper .info label:last-of-type {
  width: 280px;
}
/* line 331, sass/components/currentAccount.scss */
#nib-iban-wrapper .icons-wrapper {
  width: auto;
  float: right;
  height: 20px;
}
/* line 336, sass/components/currentAccount.scss */
#nib-iban-wrapper .icons-wrapper .icon {
  height: 100%;
  width: 20px;
  margin-left: 10px;
  float: left;
  margin-right: 20px;
  margin-top: 8px;
}
/* line 346, sass/components/currentAccount.scss */
#nib-iban-wrapper .buttons-wrapper a {
  width: 15px;
  float: left;
  margin-right: 20px;
  margin-top: 10px;
  position: relative;
}
/* line 354, sass/components/currentAccount.scss */
#nib-iban-wrapper #notification-wrapper {
  width: 100%;
  float: left;
  margin-top: 30px;
}

/* line 362, sass/components/currentAccount.scss */
#details-wrapper {
  width: 100%;
  float: left;
}
/* line 366, sass/components/currentAccount.scss */
#details-wrapper .account-info-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
}
/* line 376, sass/components/currentAccount.scss */
#details-wrapper .account-info-wrapper .info-box {
  float: left;
}
/* line 379, sass/components/currentAccount.scss */
#details-wrapper .account-info-wrapper .info-box .title {
  font-size: 12px;
  font-weight: bold;
  color: #00a3e0;
  margin-top: 25px;
  text-transform: uppercase;
}
/* line 387, sass/components/currentAccount.scss */
#details-wrapper .account-info-wrapper .info-box .fields {
  padding-top: 15px;
  padding-left: 25px;
  display: inline-block;
}
/* line 392, sass/components/currentAccount.scss */
#details-wrapper .account-info-wrapper .info-box .fields .field-type {
  min-height: 50px;
  width: 100%;
  float: left;
  line-height: normal;
  font-size: 12px;
  text-transform: uppercase;
  color: #2c3e50;
}
/* line 402, sass/components/currentAccount.scss */
#details-wrapper .account-info-wrapper .info-box .fields .field-type label {
  width: 180px;
  float: left;
  padding-top: 15px;
  margin-right: 20px;
}
/* line 409, sass/components/currentAccount.scss */
#details-wrapper .account-info-wrapper .info-box .fields .field-type p {
  display: inline-block;
  float: left;
  text-transform: none;
}
/* line 415, sass/components/currentAccount.scss */
#details-wrapper .account-info-wrapper .info-box .fields .field-type .custom-input {
  float: left;
  width: 260px;
  position: relative;
}
/* line 148, sass/variables.scss */
#details-wrapper .account-info-wrapper .info-box .fields .field-type .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 260px;
  height: 1px;
  left: 0;
  top: 42px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#details-wrapper .account-info-wrapper .info-box .fields .field-type .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#details-wrapper .account-info-wrapper .info-box .fields .field-type .custom-input input {
  width: 260px;
  height: 40px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#details-wrapper .account-info-wrapper .info-box .fields .field-type .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#details-wrapper .account-info-wrapper .info-box .fields .field-type .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 422, sass/components/currentAccount.scss */
#details-wrapper .account-info-wrapper .info-box .fields .field-type .custom-input.dashed input {
  border-bottom: 0;
}
/* line 425, sass/components/currentAccount.scss */
#details-wrapper .account-info-wrapper .info-box .fields .field-type .custom-input.dashed input:disabled {
  color: #2c3e50;
  background-color: transparent;
  border-bottom: 1px dashed #C2C2C2;
}
/* line 432, sass/components/currentAccount.scss */
#details-wrapper .account-info-wrapper .info-box .fields .field-type .custom-input.dashed .edit-field {
  margin-top: 13px;
  display: block;
  float: right;
}
/* line 437, sass/components/currentAccount.scss */
#details-wrapper .account-info-wrapper .info-box .fields .field-type .custom-input.dashed .edit-field.hide {
  display: none;
}
/* line 442, sass/components/currentAccount.scss */
#details-wrapper .account-info-wrapper .info-box .fields .field-type .custom-input.dashed .dashed-line {
  display: block;
  margin-top: -15px;
  float: left;
}

/* line 461, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row .cell {
  width: 17%;
}
/* line 464, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row .cell.opNumber {
  width: 14%;
}
/* line 468, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row .cell.reference {
  width: 23%;
}
/* line 472, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row .cell.amount {
  width: 16%;
}
/* line 476, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row .cell.next-debit {
  width: 20%;
}
/* line 480, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row .cell.end-date {
  width: 13%;
}
/* line 486, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row .edit-cancel {
  overflow: visible;
  width: 10%;
}
/* line 490, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row .edit-cancel .icon {
  height: 100%;
  float: left;
  margin-right: 20%;
}
/* line 496, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row .edit-cancel .icon.delete-icon span {
  height: 18px;
  width: 18px;
  display: block;
  margin-top: 15px;
  border-radius: 18px;
  transform: rotate(45deg);
  background-color: #00a3e0;
  color: white;
  line-height: 17.5px;
  text-align: center;
  font-size: 20px;
}
/* line 515, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row .edit-cancel .delete-icon-wrapper {
  width: 20px;
  height: 100%;
  float: left;
}
/* line 520, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row .edit-cancel .delete-icon-wrapper .tooltip-icons {
  min-width: 110px;
  top: 51%;
  left: -12px;
  transform: translate(-100%, -50%);
}
/* line 526, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row .edit-cancel .delete-icon-wrapper .tooltip-icons:before {
  top: 50%;
  left: 99%;
  transform: translate(-50%, -50%) rotate(-50deg);
}
/* line 535, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row .check-box {
  width: 5%;
  padding-top: 15px;
  padding-left: 10px;
}
/* line 540, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row .check-box input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 1px 5px 0 0;
}
/* line 81, sass/variables.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row .check-box input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row .check-box input:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 550, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row:hover .icon svg g {
  fill: white;
}
/* line 556, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row:hover .icon.delete-icon span {
  background-color: white;
  color: #00a3e0;
}
/* line 560, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row:hover .icon.delete-icon span:hover {
  background-color: #2c3e50;
  color: white;
}
/* line 569, sass/components/currentAccount.scss */
#permanent-instructions-wrapper .grids-wrapper .grid .row:hover .icon:hover svg g {
  fill: #2c3e50;
}

@media screen and (max-width: 768px) {
  /* line 588, sass/components/currentAccount.scss */
  #details-wrapper .account-info-wrapper .info-box .fields {
    padding-left: 20px;
  }
}
/* line 3, sass/components/termAccount.scss */
#rate-wrapper .grids-wrapper .dropdown-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
/* line 8, sass/components/termAccount.scss */
#rate-wrapper .grids-wrapper .dropdown-wrapper label {
  width: 120px;
  padding: 15px 0 13px 0;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: 1px solid #c2c2c2;
}
/* line 18, sass/components/termAccount.scss */
#rate-wrapper .grids-wrapper .dropdown-wrapper .custom-dropdown {
  width: 280px;
  float: left;
  height: 44px;
  color: #4B91E2;
  font-size: 14px;
}
/* line 31, sass/components/termAccount.scss */
#rate-wrapper .grids-wrapper .grid .row .duration {
  width: 30%;
}
/* line 35, sass/components/termAccount.scss */
#rate-wrapper .grids-wrapper .grid .row .ammount {
  width: 50%;
}
/* line 39, sass/components/termAccount.scss */
#rate-wrapper .grids-wrapper .grid .row .rate {
  width: 20%;
}

/* line 49, sass/components/termAccount.scss */
#moves-history-wrapper .account-info-wrapper,
#termAccount-details-wrapper .account-info-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px 0px 60px;
  box-sizing: border-box;
  background-color: white;
}
/* line 59, sass/components/termAccount.scss */
#moves-history-wrapper .account-info-wrapper .dropdown-wrapper,
#termAccount-details-wrapper .account-info-wrapper .dropdown-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
/* line 64, sass/components/termAccount.scss */
#moves-history-wrapper .account-info-wrapper .dropdown-wrapper label,
#termAccount-details-wrapper .account-info-wrapper .dropdown-wrapper label {
  width: 120px;
  padding: 15px 0 13px 0;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: 1px solid #c2c2c2;
}
/* line 74, sass/components/termAccount.scss */
#moves-history-wrapper .account-info-wrapper .dropdown-wrapper .custom-dropdown,
#termAccount-details-wrapper .account-info-wrapper .dropdown-wrapper .custom-dropdown {
  width: 280px;
  float: left;
  height: 44px;
  color: #4B91E2;
  font-size: 14px;
}
/* line 84, sass/components/termAccount.scss */
#moves-history-wrapper .account-info-wrapper .half-wrapper,
#termAccount-details-wrapper .account-info-wrapper .half-wrapper {
  width: 50%;
  float: left;
  margin-bottom: 20px;
}
/* line 89, sass/components/termAccount.scss */
#moves-history-wrapper .account-info-wrapper .half-wrapper .field-type,
#termAccount-details-wrapper .account-info-wrapper .half-wrapper .field-type {
  min-height: 30px;
}
/* line 92, sass/components/termAccount.scss */
#moves-history-wrapper .account-info-wrapper .half-wrapper .field-type label,
#termAccount-details-wrapper .account-info-wrapper .half-wrapper .field-type label {
  font-size: 12px;
}
/* line 96, sass/components/termAccount.scss */
#moves-history-wrapper .account-info-wrapper .half-wrapper .field-type p,
#termAccount-details-wrapper .account-info-wrapper .half-wrapper .field-type p {
  margin: 10px 0;
}
/* line 101, sass/components/termAccount.scss */
#moves-history-wrapper .account-info-wrapper .half-wrapper .total-title,
#termAccount-details-wrapper .account-info-wrapper .half-wrapper .total-title {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  color: #00a3e0;
}
/* line 115, sass/components/termAccount.scss */
#moves-history-wrapper .grids-wrapper .grid .row .date,
#termAccount-details-wrapper .grids-wrapper .grid .row .date {
  width: 30%;
}
/* line 119, sass/components/termAccount.scss */
#moves-history-wrapper .grids-wrapper .grid .row .description,
#termAccount-details-wrapper .grids-wrapper .grid .row .description {
  width: 50%;
}
/* line 123, sass/components/termAccount.scss */
#moves-history-wrapper .grids-wrapper .grid .row .moneyAmount,
#termAccount-details-wrapper .grids-wrapper .grid .row .moneyAmount {
  width: 20%;
  padding-right: 30px;
  text-align: right;
}

/* line 134, sass/components/termAccount.scss */
#termAccount-details-wrapper .account-info {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px 0px 60px;
  box-sizing: border-box;
  background-color: white;
}
/* line 145, sass/components/termAccount.scss */
#termAccount-details-wrapper .account-info .info-box .title {
  font-size: 12px;
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/components/transfers.scss */
.new-limits-container {
  float: left;
  width: 100%;
  height: 160px;
  margin-bottom: 20px;
  padding: 20px 60px;
  box-sizing: border-box;
  background-color: white;
}
/* line 12, sass/components/transfers.scss */
.new-limits-container .limits-title {
  font-weight: 600;
  margin-bottom: 10px;
  color: #00a3e0;
}
/* line 19, sass/components/transfers.scss */
.new-limits-container .limits-subtitle {
  margin-bottom: 30px;
  font-size: 14px;
  letter-spacing: 1px;
  color: #2c3e50;
}

/* line 28, sass/components/transfers.scss */
#sameBank-wrapper,
#otherBanks-wrapper,
#mobileTransfer-wrapper,
#history-wrapper,
#smartTransfer-wrapper,
#requestTransfer-wrapper,
#blockedNumbers-wrapper,
#operators-query-wrapper {
  width: 100%;
  float: left;
}
/* line 39, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper,
#otherBanks-wrapper .account-info-wrapper,
#mobileTransfer-wrapper .account-info-wrapper,
#history-wrapper .account-info-wrapper,
#smartTransfer-wrapper .account-info-wrapper,
#requestTransfer-wrapper .account-info-wrapper,
#blockedNumbers-wrapper .account-info-wrapper,
#operators-query-wrapper .account-info-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
}
/* line 49, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type,
#otherBanks-wrapper .account-info-wrapper .field-type,
#mobileTransfer-wrapper .account-info-wrapper .field-type,
#history-wrapper .account-info-wrapper .field-type,
#smartTransfer-wrapper .account-info-wrapper .field-type,
#requestTransfer-wrapper .account-info-wrapper .field-type,
#blockedNumbers-wrapper .account-info-wrapper .field-type,
#operators-query-wrapper .account-info-wrapper .field-type {
  min-height: 50px;
  width: 100%;
  float: left;
  line-height: normal;
  font-size: 12px;
  text-transform: uppercase;
  color: #2c3e50;
}
/* line 59, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type label,
#otherBanks-wrapper .account-info-wrapper .field-type label,
#mobileTransfer-wrapper .account-info-wrapper .field-type label,
#history-wrapper .account-info-wrapper .field-type label,
#smartTransfer-wrapper .account-info-wrapper .field-type label,
#requestTransfer-wrapper .account-info-wrapper .field-type label,
#blockedNumbers-wrapper .account-info-wrapper .field-type label,
#operators-query-wrapper .account-info-wrapper .field-type label {
  width: 180px;
  float: left;
  padding-top: 15px;
  margin-right: 0;
}
/* line 66, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-input,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-input,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-input,
#history-wrapper .account-info-wrapper .field-type .custom-input,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-input,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-input,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-input,
#operators-query-wrapper .account-info-wrapper .field-type .custom-input {
  float: left;
  width: 240px;
  position: relative;
}
/* line 148, sass/variables.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-input .underline,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-input .underline,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-input .underline,
#history-wrapper .account-info-wrapper .field-type .custom-input .underline,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-input .underline,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-input .underline,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-input .underline,
#operators-query-wrapper .account-info-wrapper .field-type .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 240px;
  height: 1px;
  left: 0;
  top: 42px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-input .underline.error,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-input .underline.error,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-input .underline.error,
#history-wrapper .account-info-wrapper .field-type .custom-input .underline.error,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-input .underline.error,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-input .underline.error,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-input .underline.error,
#operators-query-wrapper .account-info-wrapper .field-type .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-input input,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-input input,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-input input,
#history-wrapper .account-info-wrapper .field-type .custom-input input,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-input input,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-input input,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-input input,
#operators-query-wrapper .account-info-wrapper .field-type .custom-input input {
  width: 240px;
  height: 40px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-input input:disabled,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-input input:disabled,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-input input:disabled,
#history-wrapper .account-info-wrapper .field-type .custom-input input:disabled,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-input input:disabled,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-input input:disabled,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-input input:disabled,
#operators-query-wrapper .account-info-wrapper .field-type .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-input input:focus + .underline,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-input input:focus + .underline,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-input input:focus + .underline,
#history-wrapper .account-info-wrapper .field-type .custom-input input:focus + .underline,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-input input:focus + .underline,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-input input:focus + .underline,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-input input:focus + .underline,
#operators-query-wrapper .account-info-wrapper .field-type .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 72, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-input.blue input,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-input.blue input,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-input.blue input,
#history-wrapper .account-info-wrapper .field-type .custom-input.blue input,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-input.blue input,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-input.blue input,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-input.blue input,
#operators-query-wrapper .account-info-wrapper .field-type .custom-input.blue input {
  color: #00a3e0;
}
/* line 77, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-input#addressLine-2,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-input#addressLine-2,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-input#addressLine-2,
#history-wrapper .account-info-wrapper .field-type .custom-input#addressLine-2,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-input#addressLine-2,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-input#addressLine-2,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-input#addressLine-2,
#operators-query-wrapper .account-info-wrapper .field-type .custom-input#addressLine-2 {
  margin-left: 180px;
}
/* line 81, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-input .character-counter,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-input .character-counter,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-input .character-counter,
#history-wrapper .account-info-wrapper .field-type .custom-input .character-counter,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-input .character-counter,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-input .character-counter,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-input .character-counter,
#operators-query-wrapper .account-info-wrapper .field-type .custom-input .character-counter {
  width: 100%;
  text-align: right;
  font-size: 10px;
  padding-top: 5px;
  color: #00a3e0;
}
/* line 90, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-textarea,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-textarea,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-textarea,
#history-wrapper .account-info-wrapper .field-type .custom-textarea,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-textarea,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-textarea,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-textarea,
#operators-query-wrapper .account-info-wrapper .field-type .custom-textarea {
  float: left;
  width: 240px;
  position: relative;
  margin-top: 10px;
}
/* line 195, sass/variables.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-textarea .underline,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-textarea .underline,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-textarea .underline,
#history-wrapper .account-info-wrapper .field-type .custom-textarea .underline,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-textarea .underline,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-textarea .underline,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-textarea .underline,
#operators-query-wrapper .account-info-wrapper .field-type .custom-textarea .underline {
  content: "";
  display: block;
  position: relative;
  width: 240px;
  height: 1px;
  left: 0;
  top: 34px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 209, sass/variables.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-textarea .underline.error,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-textarea .underline.error,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-textarea .underline.error,
#history-wrapper .account-info-wrapper .field-type .custom-textarea .underline.error,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-textarea .underline.error,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-textarea .underline.error,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-textarea .underline.error,
#operators-query-wrapper .account-info-wrapper .field-type .custom-textarea .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 215, sass/variables.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-textarea textarea,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-textarea textarea,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-textarea textarea,
#history-wrapper .account-info-wrapper .field-type .custom-textarea textarea,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-textarea textarea,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-textarea textarea,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-textarea textarea,
#operators-query-wrapper .account-info-wrapper .field-type .custom-textarea textarea {
  width: 240px;
  height: 30px;
  float: left;
  border: none;
  outline: none;
  overflow: hidden;
  border-bottom: 1px solid #c2c2c2;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  background-color: transparent;
  resize: none;
}
/* line 230, sass/variables.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-textarea textarea:disabled,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-textarea textarea:disabled,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-textarea textarea:disabled,
#history-wrapper .account-info-wrapper .field-type .custom-textarea textarea:disabled,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-textarea textarea:disabled,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-textarea textarea:disabled,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-textarea textarea:disabled,
#operators-query-wrapper .account-info-wrapper .field-type .custom-textarea textarea:disabled {
  background-color: transparent;
}
/* line 234, sass/variables.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-textarea textarea:focus + .underline,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-textarea textarea:focus + .underline,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-textarea textarea:focus + .underline,
#history-wrapper .account-info-wrapper .field-type .custom-textarea textarea:focus + .underline,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-textarea textarea:focus + .underline,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-textarea textarea:focus + .underline,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-textarea textarea:focus + .underline,
#operators-query-wrapper .account-info-wrapper .field-type .custom-textarea textarea:focus + .underline {
  transform: scaleX(1);
}
/* line 96, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-textarea.blue textarea,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-textarea.blue textarea,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-textarea.blue textarea,
#history-wrapper .account-info-wrapper .field-type .custom-textarea.blue textarea,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-textarea.blue textarea,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-textarea.blue textarea,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-textarea.blue textarea,
#operators-query-wrapper .account-info-wrapper .field-type .custom-textarea.blue textarea {
  color: #00a3e0;
}
/* line 101, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-textarea .character-counter,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-textarea .character-counter,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-textarea .character-counter,
#history-wrapper .account-info-wrapper .field-type .custom-textarea .character-counter,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-textarea .character-counter,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-textarea .character-counter,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-textarea .character-counter,
#operators-query-wrapper .account-info-wrapper .field-type .custom-textarea .character-counter {
  width: 100%;
  text-align: right;
  font-size: 10px;
  padding-top: 5px;
  color: #00a3e0;
}
/* line 110, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .dropdown-type,
#otherBanks-wrapper .account-info-wrapper .field-type .dropdown-type,
#mobileTransfer-wrapper .account-info-wrapper .field-type .dropdown-type,
#history-wrapper .account-info-wrapper .field-type .dropdown-type,
#smartTransfer-wrapper .account-info-wrapper .field-type .dropdown-type,
#requestTransfer-wrapper .account-info-wrapper .field-type .dropdown-type,
#blockedNumbers-wrapper .account-info-wrapper .field-type .dropdown-type,
#operators-query-wrapper .account-info-wrapper .field-type .dropdown-type {
  padding-bottom: 13px;
}
/* line 115, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .custom-dropdown,
#otherBanks-wrapper .account-info-wrapper .field-type .custom-dropdown,
#mobileTransfer-wrapper .account-info-wrapper .field-type .custom-dropdown,
#history-wrapper .account-info-wrapper .field-type .custom-dropdown,
#smartTransfer-wrapper .account-info-wrapper .field-type .custom-dropdown,
#requestTransfer-wrapper .account-info-wrapper .field-type .custom-dropdown,
#blockedNumbers-wrapper .account-info-wrapper .field-type .custom-dropdown,
#operators-query-wrapper .account-info-wrapper .field-type .custom-dropdown {
  width: 240px;
  float: left;
  height: 44px;
  position: relative;
  color: #00a3e0;
}
/* line 124, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .own-account-checkbox,
#otherBanks-wrapper .account-info-wrapper .field-type .own-account-checkbox,
#mobileTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox,
#history-wrapper .account-info-wrapper .field-type .own-account-checkbox,
#smartTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox,
#requestTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox,
#blockedNumbers-wrapper .account-info-wrapper .field-type .own-account-checkbox,
#operators-query-wrapper .account-info-wrapper .field-type .own-account-checkbox {
  width: 200px;
  float: left;
  padding-top: 15px;
  margin-left: 20px;
}
/* line 130, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .own-account-checkbox input,
#otherBanks-wrapper .account-info-wrapper .field-type .own-account-checkbox input,
#mobileTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox input,
#history-wrapper .account-info-wrapper .field-type .own-account-checkbox input,
#smartTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox input,
#requestTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox input,
#blockedNumbers-wrapper .account-info-wrapper .field-type .own-account-checkbox input,
#operators-query-wrapper .account-info-wrapper .field-type .own-account-checkbox input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 1px 5px 0 0;
}
/* line 81, sass/variables.scss */
#sameBank-wrapper .account-info-wrapper .field-type .own-account-checkbox input:checked:before,
#otherBanks-wrapper .account-info-wrapper .field-type .own-account-checkbox input:checked:before,
#mobileTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox input:checked:before,
#history-wrapper .account-info-wrapper .field-type .own-account-checkbox input:checked:before,
#smartTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox input:checked:before,
#requestTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox input:checked:before,
#blockedNumbers-wrapper .account-info-wrapper .field-type .own-account-checkbox input:checked:before,
#operators-query-wrapper .account-info-wrapper .field-type .own-account-checkbox input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
#sameBank-wrapper .account-info-wrapper .field-type .own-account-checkbox input:disabled,
#otherBanks-wrapper .account-info-wrapper .field-type .own-account-checkbox input:disabled,
#mobileTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox input:disabled,
#history-wrapper .account-info-wrapper .field-type .own-account-checkbox input:disabled,
#smartTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox input:disabled,
#requestTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox input:disabled,
#blockedNumbers-wrapper .account-info-wrapper .field-type .own-account-checkbox input:disabled,
#operators-query-wrapper .account-info-wrapper .field-type .own-account-checkbox input:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 136, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .own-account-checkbox label,
#otherBanks-wrapper .account-info-wrapper .field-type .own-account-checkbox label,
#mobileTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox label,
#history-wrapper .account-info-wrapper .field-type .own-account-checkbox label,
#smartTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox label,
#requestTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox label,
#blockedNumbers-wrapper .account-info-wrapper .field-type .own-account-checkbox label,
#operators-query-wrapper .account-info-wrapper .field-type .own-account-checkbox label {
  width: 145px;
  float: left;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: none;
  padding-top: 0px;
  color: #2c3e50;
}
/* line 147, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .own-account-checkbox.with-alert,
#otherBanks-wrapper .account-info-wrapper .field-type .own-account-checkbox.with-alert,
#mobileTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox.with-alert,
#history-wrapper .account-info-wrapper .field-type .own-account-checkbox.with-alert,
#smartTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox.with-alert,
#requestTransfer-wrapper .account-info-wrapper .field-type .own-account-checkbox.with-alert,
#blockedNumbers-wrapper .account-info-wrapper .field-type .own-account-checkbox.with-alert,
#operators-query-wrapper .account-info-wrapper .field-type .own-account-checkbox.with-alert {
  margin-left: 50px;
}
/* line 152, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .icons-wrapper,
#otherBanks-wrapper .account-info-wrapper .field-type .icons-wrapper,
#mobileTransfer-wrapper .account-info-wrapper .field-type .icons-wrapper,
#history-wrapper .account-info-wrapper .field-type .icons-wrapper,
#smartTransfer-wrapper .account-info-wrapper .field-type .icons-wrapper,
#requestTransfer-wrapper .account-info-wrapper .field-type .icons-wrapper,
#blockedNumbers-wrapper .account-info-wrapper .field-type .icons-wrapper,
#operators-query-wrapper .account-info-wrapper .field-type .icons-wrapper {
  width: 200px;
  float: left;
  padding-top: 15px;
  margin-left: 20px;
}
/* line 158, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .icons-wrapper .tooltip-icons,
#otherBanks-wrapper .account-info-wrapper .field-type .icons-wrapper .tooltip-icons,
#mobileTransfer-wrapper .account-info-wrapper .field-type .icons-wrapper .tooltip-icons,
#history-wrapper .account-info-wrapper .field-type .icons-wrapper .tooltip-icons,
#smartTransfer-wrapper .account-info-wrapper .field-type .icons-wrapper .tooltip-icons,
#requestTransfer-wrapper .account-info-wrapper .field-type .icons-wrapper .tooltip-icons,
#blockedNumbers-wrapper .account-info-wrapper .field-type .icons-wrapper .tooltip-icons,
#operators-query-wrapper .account-info-wrapper .field-type .icons-wrapper .tooltip-icons {
  transform: translate(-50%, -10px);
}
/* line 162, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .icons-wrapper .icon,
#otherBanks-wrapper .account-info-wrapper .field-type .icons-wrapper .icon,
#mobileTransfer-wrapper .account-info-wrapper .field-type .icons-wrapper .icon,
#history-wrapper .account-info-wrapper .field-type .icons-wrapper .icon,
#smartTransfer-wrapper .account-info-wrapper .field-type .icons-wrapper .icon,
#requestTransfer-wrapper .account-info-wrapper .field-type .icons-wrapper .icon,
#blockedNumbers-wrapper .account-info-wrapper .field-type .icons-wrapper .icon,
#operators-query-wrapper .account-info-wrapper .field-type .icons-wrapper .icon {
  float: left;
  width: 30px;
  height: 20px;
  cursor: pointer;
}
/* line 169, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .icons-wrapper .icon svg,
#otherBanks-wrapper .account-info-wrapper .field-type .icons-wrapper .icon svg,
#mobileTransfer-wrapper .account-info-wrapper .field-type .icons-wrapper .icon svg,
#history-wrapper .account-info-wrapper .field-type .icons-wrapper .icon svg,
#smartTransfer-wrapper .account-info-wrapper .field-type .icons-wrapper .icon svg,
#requestTransfer-wrapper .account-info-wrapper .field-type .icons-wrapper .icon svg,
#blockedNumbers-wrapper .account-info-wrapper .field-type .icons-wrapper .icon svg,
#operators-query-wrapper .account-info-wrapper .field-type .icons-wrapper .icon svg {
  fill: #00a3e0;
}
/* line 174, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type .icons-wrapper .icon:last-of-type svg,
#otherBanks-wrapper .account-info-wrapper .field-type .icons-wrapper .icon:last-of-type svg,
#mobileTransfer-wrapper .account-info-wrapper .field-type .icons-wrapper .icon:last-of-type svg,
#history-wrapper .account-info-wrapper .field-type .icons-wrapper .icon:last-of-type svg,
#smartTransfer-wrapper .account-info-wrapper .field-type .icons-wrapper .icon:last-of-type svg,
#requestTransfer-wrapper .account-info-wrapper .field-type .icons-wrapper .icon:last-of-type svg,
#blockedNumbers-wrapper .account-info-wrapper .field-type .icons-wrapper .icon:last-of-type svg,
#operators-query-wrapper .account-info-wrapper .field-type .icons-wrapper .icon:last-of-type svg {
  position: relative;
  top: -4px;
}
/* line 182, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .field-type.hide,
#otherBanks-wrapper .account-info-wrapper .field-type.hide,
#mobileTransfer-wrapper .account-info-wrapper .field-type.hide,
#history-wrapper .account-info-wrapper .field-type.hide,
#smartTransfer-wrapper .account-info-wrapper .field-type.hide,
#requestTransfer-wrapper .account-info-wrapper .field-type.hide,
#blockedNumbers-wrapper .account-info-wrapper .field-type.hide,
#operators-query-wrapper .account-info-wrapper .field-type.hide {
  display: none;
}
/* line 189, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper #motives .custom-dropdown, #sameBank-wrapper .account-info-wrapper #categories .custom-dropdown, #sameBank-wrapper .account-info-wrapper #destination-note .custom-dropdown,
#otherBanks-wrapper .account-info-wrapper #motives .custom-dropdown,
#otherBanks-wrapper .account-info-wrapper #categories .custom-dropdown,
#otherBanks-wrapper .account-info-wrapper #destination-note .custom-dropdown,
#mobileTransfer-wrapper .account-info-wrapper #motives .custom-dropdown,
#mobileTransfer-wrapper .account-info-wrapper #categories .custom-dropdown,
#mobileTransfer-wrapper .account-info-wrapper #destination-note .custom-dropdown,
#history-wrapper .account-info-wrapper #motives .custom-dropdown,
#history-wrapper .account-info-wrapper #categories .custom-dropdown,
#history-wrapper .account-info-wrapper #destination-note .custom-dropdown,
#smartTransfer-wrapper .account-info-wrapper #motives .custom-dropdown,
#smartTransfer-wrapper .account-info-wrapper #categories .custom-dropdown,
#smartTransfer-wrapper .account-info-wrapper #destination-note .custom-dropdown,
#requestTransfer-wrapper .account-info-wrapper #motives .custom-dropdown,
#requestTransfer-wrapper .account-info-wrapper #categories .custom-dropdown,
#requestTransfer-wrapper .account-info-wrapper #destination-note .custom-dropdown,
#blockedNumbers-wrapper .account-info-wrapper #motives .custom-dropdown,
#blockedNumbers-wrapper .account-info-wrapper #categories .custom-dropdown,
#blockedNumbers-wrapper .account-info-wrapper #destination-note .custom-dropdown,
#operators-query-wrapper .account-info-wrapper #motives .custom-dropdown,
#operators-query-wrapper .account-info-wrapper #categories .custom-dropdown,
#operators-query-wrapper .account-info-wrapper #destination-note .custom-dropdown {
  width: 320px;
}
/* line 194, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .half-wrapper,
#otherBanks-wrapper .account-info-wrapper .half-wrapper,
#mobileTransfer-wrapper .account-info-wrapper .half-wrapper,
#history-wrapper .account-info-wrapper .half-wrapper,
#smartTransfer-wrapper .account-info-wrapper .half-wrapper,
#requestTransfer-wrapper .account-info-wrapper .half-wrapper,
#blockedNumbers-wrapper .account-info-wrapper .half-wrapper,
#operators-query-wrapper .account-info-wrapper .half-wrapper {
  width: 50%;
  float: left;
}
/* line 198, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper .half-wrapper .text-wrapper,
#otherBanks-wrapper .account-info-wrapper .half-wrapper .text-wrapper,
#mobileTransfer-wrapper .account-info-wrapper .half-wrapper .text-wrapper,
#history-wrapper .account-info-wrapper .half-wrapper .text-wrapper,
#smartTransfer-wrapper .account-info-wrapper .half-wrapper .text-wrapper,
#requestTransfer-wrapper .account-info-wrapper .half-wrapper .text-wrapper,
#blockedNumbers-wrapper .account-info-wrapper .half-wrapper .text-wrapper,
#operators-query-wrapper .account-info-wrapper .half-wrapper .text-wrapper {
  float: left;
  padding-top: 15px;
  text-transform: none;
}
/* line 206, sass/components/transfers.scss */
#sameBank-wrapper .account-info-wrapper.sideNote,
#otherBanks-wrapper .account-info-wrapper.sideNote,
#mobileTransfer-wrapper .account-info-wrapper.sideNote,
#history-wrapper .account-info-wrapper.sideNote,
#smartTransfer-wrapper .account-info-wrapper.sideNote,
#requestTransfer-wrapper .account-info-wrapper.sideNote,
#blockedNumbers-wrapper .account-info-wrapper.sideNote,
#operators-query-wrapper .account-info-wrapper.sideNote {
  margin-bottom: 0px;
}
/* line 211, sass/components/transfers.scss */
#sameBank-wrapper .note,
#otherBanks-wrapper .note,
#mobileTransfer-wrapper .note,
#history-wrapper .note,
#smartTransfer-wrapper .note,
#requestTransfer-wrapper .note,
#blockedNumbers-wrapper .note,
#operators-query-wrapper .note {
  width: calc(100% - 60px);
  position: relative;
  float: left;
  font-size: 10px;
  margin: 5px 0 20px 60px;
}
/* line 219, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper,
#otherBanks-wrapper .periodicity-info-wrapper,
#mobileTransfer-wrapper .periodicity-info-wrapper,
#history-wrapper .periodicity-info-wrapper,
#smartTransfer-wrapper .periodicity-info-wrapper,
#requestTransfer-wrapper .periodicity-info-wrapper,
#blockedNumbers-wrapper .periodicity-info-wrapper,
#operators-query-wrapper .periodicity-info-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  padding: 20px 60px;
  box-sizing: border-box;
  background-color: white;
}
/* line 228, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type,
#otherBanks-wrapper .periodicity-info-wrapper .field-type,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type,
#history-wrapper .periodicity-info-wrapper .field-type,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type,
#operators-query-wrapper .periodicity-info-wrapper .field-type {
  min-height: 50px;
  width: 100%;
  float: left;
  line-height: normal;
}
/* line 234, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type.with-margin-left,
#otherBanks-wrapper .periodicity-info-wrapper .field-type.with-margin-left,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type.with-margin-left,
#history-wrapper .periodicity-info-wrapper .field-type.with-margin-left,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type.with-margin-left,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type.with-margin-left,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type.with-margin-left,
#operators-query-wrapper .periodicity-info-wrapper .field-type.with-margin-left {
  margin-left: 190px;
}
/* line 237, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type.with-margin-left .label,
#otherBanks-wrapper .periodicity-info-wrapper .field-type.with-margin-left .label,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type.with-margin-left .label,
#history-wrapper .periodicity-info-wrapper .field-type.with-margin-left .label,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type.with-margin-left .label,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type.with-margin-left .label,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type.with-margin-left .label,
#operators-query-wrapper .periodicity-info-wrapper .field-type.with-margin-left .label {
  width: 180px;
  float: left;
}
/* line 243, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type.hide,
#otherBanks-wrapper .periodicity-info-wrapper .field-type.hide,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type.hide,
#history-wrapper .periodicity-info-wrapper .field-type.hide,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type.hide,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type.hide,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type.hide,
#operators-query-wrapper .periodicity-info-wrapper .field-type.hide {
  display: none;
}
/* line 247, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type label,
#otherBanks-wrapper .periodicity-info-wrapper .field-type label,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type label,
#history-wrapper .periodicity-info-wrapper .field-type label,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type label,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type label,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type label,
#operators-query-wrapper .periodicity-info-wrapper .field-type label {
  float: left;
  padding-top: 15px;
  font-size: 12px;
  text-transform: uppercase;
  color: #2c3e50;
}
/* line 256, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type#radio-periodicity-options,
#otherBanks-wrapper .periodicity-info-wrapper .field-type#radio-periodicity-options,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type#radio-periodicity-options,
#history-wrapper .periodicity-info-wrapper .field-type#radio-periodicity-options,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type#radio-periodicity-options,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type#radio-periodicity-options,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type#radio-periodicity-options,
#operators-query-wrapper .periodicity-info-wrapper .field-type#radio-periodicity-options {
  margin-bottom: 20px;
  width: 370px;
}
/* line 261, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type#permanent,
#otherBanks-wrapper .periodicity-info-wrapper .field-type#permanent,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type#permanent,
#history-wrapper .periodicity-info-wrapper .field-type#permanent,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type#permanent,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type#permanent,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type#permanent,
#operators-query-wrapper .periodicity-info-wrapper .field-type#permanent {
  width: calc(100% - 370px);
  margin-top: 35px;
  display: none;
}
/* line 267, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type#radio-recurrence-options,
#otherBanks-wrapper .periodicity-info-wrapper .field-type#radio-recurrence-options,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type#radio-recurrence-options,
#history-wrapper .periodicity-info-wrapper .field-type#radio-recurrence-options,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type#radio-recurrence-options,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type#radio-recurrence-options,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type#radio-recurrence-options,
#operators-query-wrapper .periodicity-info-wrapper .field-type#radio-recurrence-options {
  display: none;
  margin-top: 20px;
}
/* line 271, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type#radio-recurrence-options label,
#otherBanks-wrapper .periodicity-info-wrapper .field-type#radio-recurrence-options label,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type#radio-recurrence-options label,
#history-wrapper .periodicity-info-wrapper .field-type#radio-recurrence-options label,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type#radio-recurrence-options label,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type#radio-recurrence-options label,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type#radio-recurrence-options label,
#operators-query-wrapper .periodicity-info-wrapper .field-type#radio-recurrence-options label {
  height: 100px;
}
/* line 276, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .same-line-box,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .same-line-box,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box,
#history-wrapper .periodicity-info-wrapper .field-type .same-line-box,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .same-line-box,
#operators-query-wrapper .periodicity-info-wrapper .field-type .same-line-box {
  float: left;
  position: relative;
  height: 40px;
  margin-right: 30px;
  width: calc(100% - 220px);
}
/* line 283, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio,
#history-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio,
#operators-query-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #00a3e0;
  border-radius: 50% !important;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 16px 3px 0 0;
  cursor: pointer;
}
/* line 121, sass/variables.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio:checked,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio:checked,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio:checked,
#history-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio:checked,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio:checked,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio:checked,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio:checked,
#operators-query-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio:checked {
  border: none;
  width: 17px;
  height: 17px;
}
/* line 127, sass/variables.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio:checked:before,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio:checked:before,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio:checked:before,
#history-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio:checked:before,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio:checked:before,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio:checked:before,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio:checked:before,
#operators-query-wrapper .periodicity-info-wrapper .field-type .same-line-box input.radio:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("../images/radio-selected.svg");
}
/* line 290, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .same-line-box .label,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .same-line-box .label,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box .label,
#history-wrapper .periodicity-info-wrapper .field-type .same-line-box .label,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box .label,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box .label,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .same-line-box .label,
#operators-query-wrapper .periodicity-info-wrapper .field-type .same-line-box .label {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 24px;
  margin-left: 25px;
  margin-bottom: 0;
  cursor: pointer;
}
/* line 301, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .same-line-box.with-date .label,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .same-line-box.with-date .label,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box.with-date .label,
#history-wrapper .periodicity-info-wrapper .field-type .same-line-box.with-date .label,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box.with-date .label,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .same-line-box.with-date .label,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .same-line-box.with-date .label,
#operators-query-wrapper .periodicity-info-wrapper .field-type .same-line-box.with-date .label {
  width: 140px;
  float: left;
}
/* line 308, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .custom-input,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .custom-input,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input,
#history-wrapper .periodicity-info-wrapper .field-type .custom-input,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .custom-input,
#operators-query-wrapper .periodicity-info-wrapper .field-type .custom-input {
  float: left;
  width: 220px;
  position: relative;
}
/* line 148, sass/variables.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .custom-input .underline,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .custom-input .underline,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input .underline,
#history-wrapper .periodicity-info-wrapper .field-type .custom-input .underline,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input .underline,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input .underline,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .custom-input .underline,
#operators-query-wrapper .periodicity-info-wrapper .field-type .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 220px;
  height: 1px;
  left: 0;
  top: 37px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .custom-input .underline.error,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .custom-input .underline.error,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input .underline.error,
#history-wrapper .periodicity-info-wrapper .field-type .custom-input .underline.error,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input .underline.error,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input .underline.error,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .custom-input .underline.error,
#operators-query-wrapper .periodicity-info-wrapper .field-type .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .custom-input input,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .custom-input input,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input input,
#history-wrapper .periodicity-info-wrapper .field-type .custom-input input,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input input,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input input,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .custom-input input,
#operators-query-wrapper .periodicity-info-wrapper .field-type .custom-input input {
  width: 220px;
  height: 35px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .custom-input input:disabled,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .custom-input input:disabled,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input input:disabled,
#history-wrapper .periodicity-info-wrapper .field-type .custom-input input:disabled,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input input:disabled,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input input:disabled,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .custom-input input:disabled,
#operators-query-wrapper .periodicity-info-wrapper .field-type .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .custom-input input:focus + .underline,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .custom-input input:focus + .underline,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input input:focus + .underline,
#history-wrapper .periodicity-info-wrapper .field-type .custom-input input:focus + .underline,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input input:focus + .underline,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input input:focus + .underline,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .custom-input input:focus + .underline,
#operators-query-wrapper .periodicity-info-wrapper .field-type .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 313, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .custom-input input,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .custom-input input,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input input,
#history-wrapper .periodicity-info-wrapper .field-type .custom-input input,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input input,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input input,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .custom-input input,
#operators-query-wrapper .periodicity-info-wrapper .field-type .custom-input input {
  color: #2c3e50;
}
/* line 317, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence,
#history-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence,
#operators-query-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence {
  display: none;
  position: relative;
}
/* line 148, sass/variables.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence .underline,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence .underline,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence .underline,
#history-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence .underline,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence .underline,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence .underline,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence .underline,
#operators-query-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence .underline {
  content: "";
  display: block;
  position: relative;
  width: 30px;
  height: 1px;
  left: 0;
  top: 37px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence .underline.error,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence .underline.error,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence .underline.error,
#history-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence .underline.error,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence .underline.error,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence .underline.error,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence .underline.error,
#operators-query-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input,
#history-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input,
#operators-query-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input {
  width: 30px;
  height: 35px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input:disabled,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input:disabled,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input:disabled,
#history-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input:disabled,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input:disabled,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input:disabled,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input:disabled,
#operators-query-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input:focus + .underline,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input:focus + .underline,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input:focus + .underline,
#history-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input:focus + .underline,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input:focus + .underline,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input:focus + .underline,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input:focus + .underline,
#operators-query-wrapper .periodicity-info-wrapper .field-type .custom-input.number-recurrence input:focus + .underline {
  transform: scaleX(1);
}
/* line 322, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper .field-type .custom-input svg,
#otherBanks-wrapper .periodicity-info-wrapper .field-type .custom-input svg,
#mobileTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input svg,
#history-wrapper .periodicity-info-wrapper .field-type .custom-input svg,
#smartTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input svg,
#requestTransfer-wrapper .periodicity-info-wrapper .field-type .custom-input svg,
#blockedNumbers-wrapper .periodicity-info-wrapper .field-type .custom-input svg,
#operators-query-wrapper .periodicity-info-wrapper .field-type .custom-input svg {
  position: absolute;
  top: 15px;
  right: 10px;
}
/* line 330, sass/components/transfers.scss */
#sameBank-wrapper .periodicity-info-wrapper:last-of-type,
#otherBanks-wrapper .periodicity-info-wrapper:last-of-type,
#mobileTransfer-wrapper .periodicity-info-wrapper:last-of-type,
#history-wrapper .periodicity-info-wrapper:last-of-type,
#smartTransfer-wrapper .periodicity-info-wrapper:last-of-type,
#requestTransfer-wrapper .periodicity-info-wrapper:last-of-type,
#blockedNumbers-wrapper .periodicity-info-wrapper:last-of-type,
#operators-query-wrapper .periodicity-info-wrapper:last-of-type {
  padding-left: 10px;
  box-sizing: border-box;
}
/* line 336, sass/components/transfers.scss */
#sameBank-wrapper .transfers-info-wrapper,
#otherBanks-wrapper .transfers-info-wrapper,
#mobileTransfer-wrapper .transfers-info-wrapper,
#history-wrapper .transfers-info-wrapper,
#smartTransfer-wrapper .transfers-info-wrapper,
#requestTransfer-wrapper .transfers-info-wrapper,
#blockedNumbers-wrapper .transfers-info-wrapper,
#operators-query-wrapper .transfers-info-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  padding: 20px 60px;
  box-sizing: border-box;
  background-color: white;
}
/* line 345, sass/components/transfers.scss */
#sameBank-wrapper .transfers-info-wrapper .text,
#otherBanks-wrapper .transfers-info-wrapper .text,
#mobileTransfer-wrapper .transfers-info-wrapper .text,
#history-wrapper .transfers-info-wrapper .text,
#smartTransfer-wrapper .transfers-info-wrapper .text,
#requestTransfer-wrapper .transfers-info-wrapper .text,
#blockedNumbers-wrapper .transfers-info-wrapper .text,
#operators-query-wrapper .transfers-info-wrapper .text {
  width: 100%;
  border: 1px solid #c2c2c2;
  box-sizing: border-box;
  padding: 15px;
  font-size: 12px;
  color: #2c3e50;
}
/* line 354, sass/components/transfers.scss */
#sameBank-wrapper .transfers-info-wrapper .text > div,
#otherBanks-wrapper .transfers-info-wrapper .text > div,
#mobileTransfer-wrapper .transfers-info-wrapper .text > div,
#history-wrapper .transfers-info-wrapper .text > div,
#smartTransfer-wrapper .transfers-info-wrapper .text > div,
#requestTransfer-wrapper .transfers-info-wrapper .text > div,
#blockedNumbers-wrapper .transfers-info-wrapper .text > div,
#operators-query-wrapper .transfers-info-wrapper .text > div {
  padding-bottom: 5px;
}
/* line 360, sass/components/transfers.scss */
#sameBank-wrapper .buttons-wrapper,
#otherBanks-wrapper .buttons-wrapper,
#mobileTransfer-wrapper .buttons-wrapper,
#history-wrapper .buttons-wrapper,
#smartTransfer-wrapper .buttons-wrapper,
#requestTransfer-wrapper .buttons-wrapper,
#blockedNumbers-wrapper .buttons-wrapper,
#operators-query-wrapper .buttons-wrapper {
  height: 45px;
  float: right;
}
/* line 365, sass/components/transfers.scss */
#sameBank-wrapper .buttons-wrapper .icon svg,
#otherBanks-wrapper .buttons-wrapper .icon svg,
#mobileTransfer-wrapper .buttons-wrapper .icon svg,
#history-wrapper .buttons-wrapper .icon svg,
#smartTransfer-wrapper .buttons-wrapper .icon svg,
#requestTransfer-wrapper .buttons-wrapper .icon svg,
#blockedNumbers-wrapper .buttons-wrapper .icon svg,
#operators-query-wrapper .buttons-wrapper .icon svg {
  position: absolute;
  top: 10px;
  left: 10px;
}
/* line 373, sass/components/transfers.scss */
#sameBank-wrapper .sms-wrapper,
#otherBanks-wrapper .sms-wrapper,
#mobileTransfer-wrapper .sms-wrapper,
#history-wrapper .sms-wrapper,
#smartTransfer-wrapper .sms-wrapper,
#requestTransfer-wrapper .sms-wrapper,
#blockedNumbers-wrapper .sms-wrapper,
#operators-query-wrapper .sms-wrapper {
  height: 220px;
}
/* line 376, sass/components/transfers.scss */
#sameBank-wrapper .sms-wrapper.inline,
#otherBanks-wrapper .sms-wrapper.inline,
#mobileTransfer-wrapper .sms-wrapper.inline,
#history-wrapper .sms-wrapper.inline,
#smartTransfer-wrapper .sms-wrapper.inline,
#requestTransfer-wrapper .sms-wrapper.inline,
#blockedNumbers-wrapper .sms-wrapper.inline,
#operators-query-wrapper .sms-wrapper.inline {
  height: 100px;
}
/* line 381, sass/components/transfers.scss */
#sameBank-wrapper .input-search,
#otherBanks-wrapper .input-search,
#mobileTransfer-wrapper .input-search,
#history-wrapper .input-search,
#smartTransfer-wrapper .input-search,
#requestTransfer-wrapper .input-search,
#blockedNumbers-wrapper .input-search,
#operators-query-wrapper .input-search {
  width: 50%;
  float: left;
  height: 45px;
  margin-bottom: 10px;
  line-height: normal;
  box-sizing: border-box;
  font-size: 12px;
  text-transform: uppercase;
  color: #2c3e50;
}
/* line 392, sass/components/transfers.scss */
#sameBank-wrapper .input-search label,
#otherBanks-wrapper .input-search label,
#mobileTransfer-wrapper .input-search label,
#history-wrapper .input-search label,
#smartTransfer-wrapper .input-search label,
#requestTransfer-wrapper .input-search label,
#blockedNumbers-wrapper .input-search label,
#operators-query-wrapper .input-search label {
  float: left;
  padding: 15px 0;
  padding-right: 50px;
}
/* line 398, sass/components/transfers.scss */
#sameBank-wrapper .input-search .custom-input,
#otherBanks-wrapper .input-search .custom-input,
#mobileTransfer-wrapper .input-search .custom-input,
#history-wrapper .input-search .custom-input,
#smartTransfer-wrapper .input-search .custom-input,
#requestTransfer-wrapper .input-search .custom-input,
#blockedNumbers-wrapper .input-search .custom-input,
#operators-query-wrapper .input-search .custom-input {
  float: left;
  width: 220px;
  position: relative;
}
/* line 403, sass/components/transfers.scss */
#sameBank-wrapper .input-search .custom-input input,
#otherBanks-wrapper .input-search .custom-input input,
#mobileTransfer-wrapper .input-search .custom-input input,
#history-wrapper .input-search .custom-input input,
#smartTransfer-wrapper .input-search .custom-input input,
#requestTransfer-wrapper .input-search .custom-input input,
#blockedNumbers-wrapper .input-search .custom-input input,
#operators-query-wrapper .input-search .custom-input input {
  width: 220px;
  height: 33px;
  float: left;
  line-height: 45px;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 415, sass/components/transfers.scss */
#sameBank-wrapper .input-search .custom-input input:focus + .underline,
#otherBanks-wrapper .input-search .custom-input input:focus + .underline,
#mobileTransfer-wrapper .input-search .custom-input input:focus + .underline,
#history-wrapper .input-search .custom-input input:focus + .underline,
#smartTransfer-wrapper .input-search .custom-input input:focus + .underline,
#requestTransfer-wrapper .input-search .custom-input input:focus + .underline,
#blockedNumbers-wrapper .input-search .custom-input input:focus + .underline,
#operators-query-wrapper .input-search .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 420, sass/components/transfers.scss */
#sameBank-wrapper .input-search .custom-input .underline,
#otherBanks-wrapper .input-search .custom-input .underline,
#mobileTransfer-wrapper .input-search .custom-input .underline,
#history-wrapper .input-search .custom-input .underline,
#smartTransfer-wrapper .input-search .custom-input .underline,
#requestTransfer-wrapper .input-search .custom-input .underline,
#blockedNumbers-wrapper .input-search .custom-input .underline,
#operators-query-wrapper .input-search .custom-input .underline {
  top: 35px;
  line-height: 44px;
  content: "";
  display: block;
  position: relative;
  width: 220px;
  height: 1px;
  left: 0;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 437, sass/components/transfers.scss */
#sameBank-wrapper #blocked-grid-wrapper,
#otherBanks-wrapper #blocked-grid-wrapper,
#mobileTransfer-wrapper #blocked-grid-wrapper,
#history-wrapper #blocked-grid-wrapper,
#smartTransfer-wrapper #blocked-grid-wrapper,
#requestTransfer-wrapper #blocked-grid-wrapper,
#blockedNumbers-wrapper #blocked-grid-wrapper,
#operators-query-wrapper #blocked-grid-wrapper {
  padding: 30px 90px 80px 70px;
}
/* line 441, sass/components/transfers.scss */
#sameBank-wrapper #blocked-grid-wrapper .grid .row .cell-phone,
#otherBanks-wrapper #blocked-grid-wrapper .grid .row .cell-phone,
#mobileTransfer-wrapper #blocked-grid-wrapper .grid .row .cell-phone,
#history-wrapper #blocked-grid-wrapper .grid .row .cell-phone,
#smartTransfer-wrapper #blocked-grid-wrapper .grid .row .cell-phone,
#requestTransfer-wrapper #blocked-grid-wrapper .grid .row .cell-phone,
#blockedNumbers-wrapper #blocked-grid-wrapper .grid .row .cell-phone,
#operators-query-wrapper #blocked-grid-wrapper .grid .row .cell-phone {
  width: 30%;
}
/* line 444, sass/components/transfers.scss */
#sameBank-wrapper #blocked-grid-wrapper .grid .row .name,
#otherBanks-wrapper #blocked-grid-wrapper .grid .row .name,
#mobileTransfer-wrapper #blocked-grid-wrapper .grid .row .name,
#history-wrapper #blocked-grid-wrapper .grid .row .name,
#smartTransfer-wrapper #blocked-grid-wrapper .grid .row .name,
#requestTransfer-wrapper #blocked-grid-wrapper .grid .row .name,
#blockedNumbers-wrapper #blocked-grid-wrapper .grid .row .name,
#operators-query-wrapper #blocked-grid-wrapper .grid .row .name {
  width: 50%;
}
/* line 447, sass/components/transfers.scss */
#sameBank-wrapper #blocked-grid-wrapper .grid .row .unlock,
#otherBanks-wrapper #blocked-grid-wrapper .grid .row .unlock,
#mobileTransfer-wrapper #blocked-grid-wrapper .grid .row .unlock,
#history-wrapper #blocked-grid-wrapper .grid .row .unlock,
#smartTransfer-wrapper #blocked-grid-wrapper .grid .row .unlock,
#requestTransfer-wrapper #blocked-grid-wrapper .grid .row .unlock,
#blockedNumbers-wrapper #blocked-grid-wrapper .grid .row .unlock,
#operators-query-wrapper #blocked-grid-wrapper .grid .row .unlock {
  width: 48px;
  float: right;
  padding-left: 12px;
  padding-top: 6px;
}
/* line 452, sass/components/transfers.scss */
#sameBank-wrapper #blocked-grid-wrapper .grid .row .unlock svg,
#otherBanks-wrapper #blocked-grid-wrapper .grid .row .unlock svg,
#mobileTransfer-wrapper #blocked-grid-wrapper .grid .row .unlock svg,
#history-wrapper #blocked-grid-wrapper .grid .row .unlock svg,
#smartTransfer-wrapper #blocked-grid-wrapper .grid .row .unlock svg,
#requestTransfer-wrapper #blocked-grid-wrapper .grid .row .unlock svg,
#blockedNumbers-wrapper #blocked-grid-wrapper .grid .row .unlock svg,
#operators-query-wrapper #blocked-grid-wrapper .grid .row .unlock svg {
  cursor: pointer;
}

/* line 462, sass/components/transfers.scss */
#blockedNumbers-wrapper .input-search {
  margin-bottom: 20px;
}

/* line 467, sass/components/transfers.scss */
#send-files-wrapper,
#status-files-wrapper {
  width: 100%;
  float: left;
}
/* line 472, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper,
#status-files-wrapper .file-info-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px 0 60px;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
}
/* line 482, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .notes-wrapper,
#status-files-wrapper .file-info-wrapper .notes-wrapper {
  width: 100%;
  height: 35px;
  float: left;
  margin-bottom: 30px;
}
/* line 488, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .notes-wrapper .note,
#status-files-wrapper .file-info-wrapper .notes-wrapper .note {
  font-size: 12px;
  line-height: 35px;
  margin: 0;
}
/* line 493, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .notes-wrapper .button-class,
#status-files-wrapper .file-info-wrapper .notes-wrapper .button-class {
  float: right;
}
/* line 498, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .warning-note,
#status-files-wrapper .file-info-wrapper .warning-note {
  width: 100%;
  height: 35px;
  float: left;
  font-size: 12px;
  font-weight: 600;
  color: #e1dc27;
}
/* line 508, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .half-wrapper,
#status-files-wrapper .file-info-wrapper .half-wrapper {
  width: 50%;
  float: left;
}
/* line 512, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .half-wrapper .field-type,
#status-files-wrapper .file-info-wrapper .half-wrapper .field-type {
  width: 100%;
  margin-bottom: 0;
}
/* line 516, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .half-wrapper .field-type label,
#status-files-wrapper .file-info-wrapper .half-wrapper .field-type label {
  width: 170px;
}
/* line 520, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .half-wrapper .field-type .text-wrapper,
#status-files-wrapper .file-info-wrapper .half-wrapper .field-type .text-wrapper {
  width: calc( 100% - 170px);
  float: left;
  line-height: 35px;
  text-transform: none;
  color: #00a3e0;
}
/* line 530, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type,
#status-files-wrapper .file-info-wrapper .field-type {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding-right: 50px;
  margin-bottom: 20px;
  position: relative;
  /*&.with-button{
      width: calc(50% - 120px);
      padding-right: 10px;
      margin-bottom: 0px;
  }*/
}
/* line 538, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type.right,
#status-files-wrapper .file-info-wrapper .field-type.right {
  float: right;
  text-align: left;
  padding-right: 0;
}
/* line 543, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type.right .custom-input,
#status-files-wrapper .file-info-wrapper .field-type.right .custom-input {
  width: 270px;
  position: relative;
}
/* line 148, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type.right .custom-input .underline,
#status-files-wrapper .file-info-wrapper .field-type.right .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 270px;
  height: 1px;
  left: 0;
  top: 37px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type.right .custom-input .underline.error,
#status-files-wrapper .file-info-wrapper .field-type.right .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type.right .custom-input input,
#status-files-wrapper .file-info-wrapper .field-type.right .custom-input input {
  width: 270px;
  height: 35px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type.right .custom-input input:disabled,
#status-files-wrapper .file-info-wrapper .field-type.right .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type.right .custom-input input:focus + .underline,
#status-files-wrapper .file-info-wrapper .field-type.right .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 550, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type.clear,
#status-files-wrapper .file-info-wrapper .field-type.clear {
  clear: both;
}
/* line 554, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type.clear-left,
#status-files-wrapper .file-info-wrapper .field-type.clear-left {
  clear: left;
}
/* line 564, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type#template-buttons,
#status-files-wrapper .file-info-wrapper .field-type#template-buttons {
  max-width: 421px;
}
/* line 568, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .field-title,
#status-files-wrapper .file-info-wrapper .field-type .field-title {
  float: left;
  height: 35px;
  line-height: 35px;
  width: 140px;
  border-bottom: 1px solid #c2c2c2;
}
/* line 576, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .file-name,
#status-files-wrapper .file-info-wrapper .field-type .file-name {
  max-width: 240px;
  width: calc(100% - 140px);
  border-bottom: 1px solid #c2c2c2;
  float: left;
  height: 21px;
  position: absolute;
  left: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  height: 35px;
  line-height: 33px;
  pointer-events: none;
}
/* line 594, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type #upload-wrapper,
#status-files-wrapper .file-info-wrapper .field-type #upload-wrapper {
  position: relative;
  width: calc(100% - 140px);
  float: left;
  height: 40px;
}
/* line 600, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type #upload-wrapper #upload-file,
#status-files-wrapper .file-info-wrapper .field-type #upload-wrapper #upload-file {
  width: 100%;
  height: 50px;
  float: left;
  position: relative;
}
/* line 606, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type #upload-wrapper #upload-file svg,
#status-files-wrapper .file-info-wrapper .field-type #upload-wrapper #upload-file svg {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
}
/* line 615, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type label,
#status-files-wrapper .file-info-wrapper .field-type label {
  width: 120px;
  margin-right: 0px;
  line-height: 35px;
  padding: 0;
}
/* line 621, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type label.company,
#status-files-wrapper .file-info-wrapper .field-type label.company {
  width: 155px;
}
/* line 626, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .download-button,
#status-files-wrapper .file-info-wrapper .field-type .download-button {
  min-width: 100px;
  width: calc(50% - 5px);
}
/* line 631, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-dropdown,
#status-files-wrapper .file-info-wrapper .field-type .custom-dropdown {
  max-width: 240px;
  width: calc(100% - 140px);
  height: 35px;
}
/* line 637, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-dropdown #dropdown-wrapper .selected-option,
#status-files-wrapper .file-info-wrapper .field-type .custom-dropdown #dropdown-wrapper .selected-option {
  line-height: 35px;
}
/* line 642, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-dropdown #dropdown-wrapper .icon svg,
#status-files-wrapper .file-info-wrapper .field-type .custom-dropdown #dropdown-wrapper .icon svg {
  top: 10px;
}
/* line 649, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-input,
#status-files-wrapper .file-info-wrapper .field-type .custom-input {
  width: calc(100% - 155px);
  max-width: 230px;
  position: relative;
}
/* line 148, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-input .underline,
#status-files-wrapper .file-info-wrapper .field-type .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  left: 0;
  top: 37px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-input .underline.error,
#status-files-wrapper .file-info-wrapper .field-type .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-input input,
#status-files-wrapper .file-info-wrapper .field-type .custom-input input {
  width: 100%;
  height: 35px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-input input:disabled,
#status-files-wrapper .file-info-wrapper .field-type .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-input input:focus + .underline,
#status-files-wrapper .file-info-wrapper .field-type .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 654, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-input input,
#status-files-wrapper .file-info-wrapper .field-type .custom-input input {
  color: #2c3e50;
}
/* line 657, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-input input#company-code,
#status-files-wrapper .file-info-wrapper .field-type .custom-input input#company-code {
  text-transform: uppercase;
}
/* line 663, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-textarea,
#status-files-wrapper .file-info-wrapper .field-type .custom-textarea {
  float: left;
  width: calc(100% - 125px);
  max-width: 260px;
  position: relative;
  margin-top: 10px;
}
/* line 195, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-textarea .underline,
#status-files-wrapper .file-info-wrapper .field-type .custom-textarea .underline {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  left: 0;
  top: 34px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 209, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-textarea .underline.error,
#status-files-wrapper .file-info-wrapper .field-type .custom-textarea .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 215, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-textarea textarea,
#status-files-wrapper .file-info-wrapper .field-type .custom-textarea textarea {
  width: 100%;
  height: 30px;
  float: left;
  border: none;
  outline: none;
  overflow: hidden;
  border-bottom: 1px solid #c2c2c2;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  background-color: transparent;
  resize: none;
}
/* line 230, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-textarea textarea:disabled,
#status-files-wrapper .file-info-wrapper .field-type .custom-textarea textarea:disabled {
  background-color: transparent;
}
/* line 234, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-textarea textarea:focus + .underline,
#status-files-wrapper .file-info-wrapper .field-type .custom-textarea textarea:focus + .underline {
  transform: scaleX(1);
}
/* line 670, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-textarea.blue textarea,
#status-files-wrapper .file-info-wrapper .field-type .custom-textarea.blue textarea {
  color: #00a3e0;
}
/* line 675, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-textarea .character-counter,
#status-files-wrapper .file-info-wrapper .field-type .custom-textarea .character-counter {
  width: 100%;
  text-align: right;
  font-size: 10px;
  padding-top: 5px;
  color: #00a3e0;
}
/* line 684, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-radio-button,
#status-files-wrapper .file-info-wrapper .field-type .custom-radio-button {
  width: 100%;
  float: left;
  height: 50px;
}
/* line 689, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-radio-button input,
#status-files-wrapper .file-info-wrapper .field-type .custom-radio-button input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #00a3e0;
  border-radius: 50% !important;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 18px 10px 0 0;
  cursor: pointer;
}
/* line 121, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-radio-button input:checked,
#status-files-wrapper .file-info-wrapper .field-type .custom-radio-button input:checked {
  border: none;
  width: 17px;
  height: 17px;
}
/* line 127, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-radio-button input:checked:before,
#status-files-wrapper .file-info-wrapper .field-type .custom-radio-button input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("../images/radio-selected.svg");
}
/* line 696, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-radio-button label,
#status-files-wrapper .file-info-wrapper .field-type .custom-radio-button label {
  height: 50px;
  line-height: 50px;
}
/* line 702, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper,
#status-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  display: none;
}
/* line 708, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-radio-button,
#status-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-radio-button {
  width: 25px;
}
/* line 712, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper label,
#status-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper label {
  width: 25px;
  line-height: 50px;
}
/* line 717, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-date-picker,
#status-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-date-picker {
  width: 150px;
  float: left;
  margin-right: 20px;
  padding-top: 5px;
  cursor: pointer;
  position: relative;
}
/* line 148, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-date-picker .underline,
#status-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-date-picker .underline {
  content: "";
  display: block;
  position: relative;
  width: 140px;
  height: 1px;
  left: 0;
  top: 37px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-date-picker .underline.error,
#status-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-date-picker .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-date-picker input,
#status-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-date-picker input {
  width: 140px;
  height: 35px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-date-picker input:disabled,
#status-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-date-picker input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-date-picker input:focus + .underline,
#status-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-date-picker input:focus + .underline {
  transform: scaleX(1);
}
/* line 727, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-date-picker input,
#status-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-date-picker input {
  background-color: transparent;
  position: relative;
  z-index: 4;
  cursor: pointer;
  padding-left: 10px;
}
/* line 735, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-date-picker svg,
#status-files-wrapper .file-info-wrapper .field-type .custom-date-picker-wrapper .custom-date-picker svg {
  position: relative;
  top: -27px;
  left: 110px;
}
/* line 743, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .field-type.hide,
#status-files-wrapper .file-info-wrapper .field-type.hide {
  display: none;
}
/* line 748, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .buttons-wrapper,
#status-files-wrapper .file-info-wrapper .buttons-wrapper {
  float: left;
}
/* line 751, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .buttons-wrapper .button-class,
#status-files-wrapper .file-info-wrapper .buttons-wrapper .button-class {
  min-width: 100px;
  height: 25px;
  line-height: 25px;
  float: left;
  position: relative;
  margin-top: 5px;
}
/* line 759, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .buttons-wrapper .button-class svg,
#status-files-wrapper .file-info-wrapper .buttons-wrapper .button-class svg {
  width: 10px;
  position: absolute;
  padding-top: 6px;
  padding-left: 5px;
}
/* line 764, sass/components/transfers.scss */
#send-files-wrapper .file-info-wrapper .buttons-wrapper .button-class svg g g,
#status-files-wrapper .file-info-wrapper .buttons-wrapper .button-class svg g g {
  fill: white;
}
/* line 772, sass/components/transfers.scss */
#send-files-wrapper .grids-wrapper,
#status-files-wrapper .grids-wrapper {
  margin-bottom: 0;
}
/* line 776, sass/components/transfers.scss */
#send-files-wrapper .file-sum-wrapper,
#status-files-wrapper .file-sum-wrapper {
  height: 75px;
  line-height: 45px;
  width: 100%;
  float: left;
  background-color: rgba(213, 227, 241, 0.5);
  box-sizing: border-box;
  padding: 20px 60px 10px 60px;
}
/* line 786, sass/components/transfers.scss */
#send-files-wrapper .file-sum-wrapper .file-sum-info,
#status-files-wrapper .file-sum-wrapper .file-sum-info {
  width: 27%;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
}
/* line 793, sass/components/transfers.scss */
#send-files-wrapper .file-sum-wrapper .file-sum-info span,
#status-files-wrapper .file-sum-wrapper .file-sum-info span {
  padding-left: 15px;
  color: #00a3e0;
}
/* line 798, sass/components/transfers.scss */
#send-files-wrapper .file-sum-wrapper .file-sum-info:first-of-type,
#status-files-wrapper .file-sum-wrapper .file-sum-info:first-of-type {
  width: 22%;
}
/* line 806, sass/components/transfers.scss */
#send-files-wrapper .buttons-wrapper .icon svg,
#status-files-wrapper .buttons-wrapper .icon svg {
  top: 10px;
  left: 10px;
  position: absolute;
}

/* line 815, sass/components/transfers.scss */
#requestsList-wrapper {
  width: 100%;
  float: left;
}
/* line 819, sass/components/transfers.scss */
#requestsList-wrapper .info-container-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px 0 60px;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
}
/* line 829, sass/components/transfers.scss */
#requestsList-wrapper .info-container-wrapper .request-list-picker-wrapper {
  width: 350px;
  margin: 0 auto;
  position: relative;
  height: 40px;
  border-bottom: 2px solid #dadada;
}
/* line 836, sass/components/transfers.scss */
#requestsList-wrapper .info-container-wrapper .request-list-picker-wrapper:before {
  content: '';
  width: 50%;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 0;
  background-color: #00a3e0;
  transition: all .5s linear;
}
/* line 850, sass/components/transfers.scss */
#requestsList-wrapper .info-container-wrapper .request-list-picker-wrapper.right:before {
  left: 50%;
}
/* line 855, sass/components/transfers.scss */
#requestsList-wrapper .info-container-wrapper .request-list-picker-wrapper .request-done-picker,
#requestsList-wrapper .info-container-wrapper .request-list-picker-wrapper .request-received-picker {
  width: 50%;
  float: left;
  height: 40px;
  line-height: 40px;
  color: rgba(0, 163, 224, 0.4);
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}
/* line 868, sass/components/transfers.scss */
#requestsList-wrapper .info-container-wrapper .request-list-picker-wrapper .request-done-picker.active,
#requestsList-wrapper .info-container-wrapper .request-list-picker-wrapper .request-received-picker.active {
  color: #00a3e0;
}
/* line 876, sass/components/transfers.scss */
#requestsList-wrapper .grids-wrapper .grid .row .destination-name {
  width: 35%;
}
/* line 880, sass/components/transfers.scss */
#requestsList-wrapper .grids-wrapper .grid .row .amount, #requestsList-wrapper .grids-wrapper .grid .row .date {
  width: 20%;
  text-align: right;
}
/* line 885, sass/components/transfers.scss */
#requestsList-wrapper .grids-wrapper .grid .row .status {
  width: 25%;
  text-align: right;
  padding-right: 20px;
}
/* line 890, sass/components/transfers.scss */
#requestsList-wrapper .grids-wrapper .grid .row .status .status-wrapper {
  width: auto;
  float: right;
  height: 20px;
  margin-top: 13px;
  padding: 0 20px;
  box-sizing: border-box;
  line-height: 20px;
  border-radius: 10px;
  font-size: 10px;
  color: white;
  background-color: #39ca8d;
}
/* line 904, sass/components/transfers.scss */
#requestsList-wrapper .grids-wrapper .grid .row .status .status-wrapper.expired, #requestsList-wrapper .grids-wrapper .grid .row .status .status-wrapper.pending {
  background-color: #f5a623;
}
/* line 908, sass/components/transfers.scss */
#requestsList-wrapper .grids-wrapper .grid .row .status .status-wrapper.rejected {
  background-color: #ec0000;
}

/* line 916, sass/components/transfers.scss */
#requests-detail-modal-detail-wrapper {
  width: 800px;
}
/* line 919, sass/components/transfers.scss */
#requests-detail-modal-detail-wrapper .modal-header {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
  margin-top: 20px;
}
/* line 926, sass/components/transfers.scss */
#requests-detail-modal-detail-wrapper .info-box {
  width: 100%;
  padding: 0 100px;
  box-sizing: border-box;
}
/* line 932, sass/components/transfers.scss */
#requests-detail-modal-detail-wrapper .modal-footer-requests {
  width: 100%;
  height: 68px;
  margin: 40px 0;
  padding: 15px 100px;
  float: left;
  box-sizing: border-box;
}
/* line 940, sass/components/transfers.scss */
#requests-detail-modal-detail-wrapper .modal-footer-requests .button-class {
  min-width: 150px;
  text-align: center;
}
/* line 944, sass/components/transfers.scss */
#requests-detail-modal-detail-wrapper .modal-footer-requests .button-class.right {
  float: right;
}
/* line 948, sass/components/transfers.scss */
#requests-detail-modal-detail-wrapper .modal-footer-requests .button-class#cancel-button {
  background-color: #ec4f4f;
}
/* line 953, sass/components/transfers.scss */
#requests-detail-modal-detail-wrapper .modal-footer-requests.validation {
  margin: -10px 0;
  padding: 0 100px;
}
/* line 959, sass/components/transfers.scss */
#requests-detail-modal-detail-wrapper .sms-code-wrapper {
  padding: 20px 100px;
}

/* line 967, sass/components/transfers.scss */
.grids-wrapper .grid.with-overflow {
  overflow: visible;
}
/* line 971, sass/components/transfers.scss */
.grids-wrapper .grid .row {
  /*div {
      height: 100%;
  }*/
}
/* line 973, sass/components/transfers.scss */
.grids-wrapper .grid .row.with-error {
  position: relative;
}
/* line 976, sass/components/transfers.scss */
.grids-wrapper .grid .row.with-error .icon {
  position: absolute;
  right: 5px;
  top: 3px;
  cursor: pointer;
}
/* line 983, sass/components/transfers.scss */
.grids-wrapper .grid .row.with-error .error-message {
  position: absolute;
  display: none;
  right: 40px;
  top: 5px;
  max-height: 35px;
  padding: 6px 10px 4px 10px;
  box-sizing: border-box;
  background-color: white;
  box-shadow: 0px 1px 5px #c2c2c2;
  line-height: 25px;
  max-width: 300px;
  overflow: visible;
}
/* line 997, sass/components/transfers.scss */
.grids-wrapper .grid .row.with-error .error-message p {
  margin: 0;
  font-size: 10px;
  max-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
/* line 1007, sass/components/transfers.scss */
.grids-wrapper .grid .row.with-error .error-message:before {
  content: '';
  display: block;
  position: absolute;
  height: 10px;
  width: 10px;
  background-color: white;
  box-shadow: 0px 1px 5px #c2c2c2;
  right: -6px;
  top: 13px;
  -webkit-transform: rotate(-137deg);
  -moz-transform: rotate(-137deg);
  -ms-transform: rotate(-137deg);
  -o-transform: rotate(-137deg);
  transform: rotate(-137deg);
}
/* line 1026, sass/components/transfers.scss */
.grids-wrapper .grid .row.with-error .error-message:after {
  content: '';
  display: block;
  position: absolute;
  height: 26px;
  width: 8px;
  background-color: white;
  right: 0px;
  top: 5px;
}
/* line 1037, sass/components/transfers.scss */
.grids-wrapper .grid .row.with-error .error-message:hover {
  max-height: none;
  max-width: none;
  z-index: 20;
  height: auto;
}
/* line 1044, sass/components/transfers.scss */
.grids-wrapper .grid .row.with-error .error-message:hover p {
  max-height: 150px;
  overflow: auto;
  white-space: normal;
}
/* line 1053, sass/components/transfers.scss */
.grids-wrapper .grid .row.with-detail {
  background-color: rgba(213, 227, 241, 0.3);
  padding-left: 20px;
}
/* line 1062, sass/components/transfers.scss */
.grids-wrapper .grid .row .date-move {
  width: 20%;
  float: left;
}
/* line 1067, sass/components/transfers.scss */
.grids-wrapper .grid .row .description {
  width: calc(30% - 40px);
  float: left;
}
/* line 1072, sass/components/transfers.scss */
.grids-wrapper .grid .row .destination-account {
  width: 25%;
  float: left;
}
/* line 1077, sass/components/transfers.scss */
.grids-wrapper .grid .row .transfer-reference {
  width: 23%;
  float: left;
}
/* line 1082, sass/components/transfers.scss */
.grids-wrapper .grid .row .company-reference {
  width: 27%;
  float: left;
}
/* line 1087, sass/components/transfers.scss */
.grids-wrapper .grid .row .money-amount {
  width: 23%;
  float: left;
}
/* line 1091, sass/components/transfers.scss */
.grids-wrapper .grid .row .money-amount.text-right {
  text-align: right;
  padding-right: 20px;
}
/* line 1097, sass/components/transfers.scss */
.grids-wrapper .grid .row .upload-date {
  width: 17%;
  float: left;
}
/* line 1102, sass/components/transfers.scss */
.grids-wrapper .grid .row .file-name {
  width: 10%;
  float: left;
}
/* line 1107, sass/components/transfers.scss */
.grids-wrapper .grid .row .total-amount {
  width: 20%;
  float: left;
  text-align: right;
  padding-right: 10px;
}
/* line 1114, sass/components/transfers.scss */
.grids-wrapper .grid .row .total-files {
  width: 15%;
  float: left;
  text-align: center;
}
/* line 1120, sass/components/transfers.scss */
.grids-wrapper .grid .row .operation-type {
  width: 18%;
  float: left;
}
/* line 1125, sass/components/transfers.scss */
.grids-wrapper .grid .row .origin-account {
  width: 20%;
  float: left;
}
/* line 1130, sass/components/transfers.scss */
.grids-wrapper .grid .row .detail-container {
  position: absolute;
  width: calc(100% - 10px);
  padding-top: 35px;
  top: 5px;
  left: 5px;
  z-index: 1;
  display: none;
  color: #2c3e50;
  box-shadow: 0px 1px 5px #c2c2c2;
}
/* line 1141, sass/components/transfers.scss */
.grids-wrapper .grid .row .detail-container.show {
  display: block;
}
/* line 1145, sass/components/transfers.scss */
.grids-wrapper .grid .row .detail-container .content {
  background-color: white;
  height: 150px;
  padding: 0 15px;
  box-sizing: border-box;
}
/* line 1151, sass/components/transfers.scss */
.grids-wrapper .grid .row .detail-container .content .field-type {
  width: 50%;
  min-height: 30px;
  line-height: 30px;
}
/* line 1156, sass/components/transfers.scss */
.grids-wrapper .grid .row .detail-container .content .field-type label {
  padding-top: 0;
}
/* line 1160, sass/components/transfers.scss */
.grids-wrapper .grid .row .detail-container .content .field-type .text-wrapper {
  text-transform: none;
}
/* line 1165, sass/components/transfers.scss */
.grids-wrapper .grid .row .detail-container .content .close-detail {
  width: 100%;
  float: left;
  height: 50px;
  line-height: 50px;
  margin-top: 10px;
  text-align: center;
  font-weight: 700;
  color: #00a3e0;
  text-transform: capitalize;
  border-top: 2px solid rgba(194, 194, 194, 0.5);
  cursor: pointer;
}

/* line 1187, sass/components/transfers.scss */
#history-wrapper #account-card-info .info {
  width: 100%;
}

@media screen and (max-width: 768px) {
  /* line 1200, sass/components/transfers.scss */
  .grids-wrapper .grid .row .money-amount {
    width: 13%;
  }
  /* line 1204, sass/components/transfers.scss */
  .grids-wrapper .grid .row .type {
    width: 13%;
  }
  /* line 1208, sass/components/transfers.scss */
  .grids-wrapper .grid .row .destination-account {
    width: 19%;
  }
  /* line 1212, sass/components/transfers.scss */
  .grids-wrapper .grid .row .status {
    width: 10%;
  }

  /* line 1226, sass/components/transfers.scss */
  #sameBank-wrapper .account-info-wrapper .field-type,
  #otherBanks-wrapper .account-info-wrapper .field-type,
  #history-wrapper .account-info-wrapper .field-type,
  #beneficiary-management-wrapper .account-info-wrapper .field-type {
    margin-top: 5px;
  }
  /* line 1229, sass/components/transfers.scss */
  #sameBank-wrapper .account-info-wrapper .field-type label,
  #otherBanks-wrapper .account-info-wrapper .field-type label,
  #history-wrapper .account-info-wrapper .field-type label,
  #beneficiary-management-wrapper .account-info-wrapper .field-type label {
    width: 180px;
    font-weight: bold;
  }
  /* line 1234, sass/components/transfers.scss */
  #sameBank-wrapper .account-info-wrapper .field-type .icons-wrapper,
  #otherBanks-wrapper .account-info-wrapper .field-type .icons-wrapper,
  #history-wrapper .account-info-wrapper .field-type .icons-wrapper,
  #beneficiary-management-wrapper .account-info-wrapper .field-type .icons-wrapper {
    width: auto;
  }
  /* line 1240, sass/components/transfers.scss */
  #sameBank-wrapper .beneficiary-card,
  #otherBanks-wrapper .beneficiary-card,
  #history-wrapper .beneficiary-card,
  #beneficiary-management-wrapper .beneficiary-card {
    width: 66%;
    margin-top: 15px;
  }
  /* line 1248, sass/components/transfers.scss */
  #sameBank-wrapper .input-search label, #sameBank-wrapper .dropdown-wrapper label,
  #otherBanks-wrapper .input-search label,
  #otherBanks-wrapper .dropdown-wrapper label,
  #history-wrapper .input-search label,
  #history-wrapper .dropdown-wrapper label,
  #beneficiary-management-wrapper .input-search label,
  #beneficiary-management-wrapper .dropdown-wrapper label {
    padding: 15px 0 0 0;
  }
  /* line 1252, sass/components/transfers.scss */
  #sameBank-wrapper .input-search .custom-dropdown, #sameBank-wrapper .dropdown-wrapper .custom-dropdown,
  #otherBanks-wrapper .input-search .custom-dropdown,
  #otherBanks-wrapper .dropdown-wrapper .custom-dropdown,
  #history-wrapper .input-search .custom-dropdown,
  #history-wrapper .dropdown-wrapper .custom-dropdown,
  #beneficiary-management-wrapper .input-search .custom-dropdown,
  #beneficiary-management-wrapper .dropdown-wrapper .custom-dropdown {
    width: 80%;
  }
}
/* line 1259, sass/components/transfers.scss */
#scheduled-grid-container {
  padding: 30px 39px 30px 69px;
}
/* line 1262, sass/components/transfers.scss */
#scheduled-grid-container .grid, #scheduled-grid-container .with-hover {
  overflow: visible;
}
/* line 1265, sass/components/transfers.scss */
#scheduled-grid-container .grid .row, #scheduled-grid-container .with-hover .row {
  position: relative;
  width: calc(100% - 30px);
}
/* line 1269, sass/components/transfers.scss */
#scheduled-grid-container .grid .row .cell, #scheduled-grid-container .with-hover .row .cell {
  float: left;
  margin-right: 15px;
  width: 13%;
}
/* line 1274, sass/components/transfers.scss */
#scheduled-grid-container .grid .row .cell.normal, #scheduled-grid-container .with-hover .row .cell.normal {
  color: #2c3e50;
}
/* line 1278, sass/components/transfers.scss */
#scheduled-grid-container .grid .row .cell .currency, #scheduled-grid-container .with-hover .row .cell .currency {
  text-transform: none;
}
/* line 1282, sass/components/transfers.scss */
#scheduled-grid-container .grid .row .cell.checkbox-wrapper, #scheduled-grid-container .with-hover .row .cell.checkbox-wrapper {
  width: 5%;
  height: 48px;
}
/* line 1286, sass/components/transfers.scss */
#scheduled-grid-container .grid .row .cell.checkbox-wrapper input, #scheduled-grid-container .with-hover .row .cell.checkbox-wrapper input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  top: 7px;
}
/* line 81, sass/variables.scss */
#scheduled-grid-container .grid .row .cell.checkbox-wrapper input:checked:before, #scheduled-grid-container .with-hover .row .cell.checkbox-wrapper input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
#scheduled-grid-container .grid .row .cell.checkbox-wrapper input:disabled, #scheduled-grid-container .with-hover .row .cell.checkbox-wrapper input:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 1292, sass/components/transfers.scss */
#scheduled-grid-container .grid .row .cell.number, #scheduled-grid-container .with-hover .row .cell.number {
  width: 10%;
}
/* line 1304, sass/components/transfers.scss */
#scheduled-grid-container .grid .row .cell.amount, #scheduled-grid-container .with-hover .row .cell.amount {
  width: 25%;
}
/* line 1308, sass/components/transfers.scss */
#scheduled-grid-container .grid .row .cell.date, #scheduled-grid-container .with-hover .row .cell.date {
  width: 10%;
}

/* line 1318, sass/components/transfers.scss */
#accounts-management-grid-wrapper .row .account-number {
  width: 15%;
  padding-right: 7px;
}
/* line 1322, sass/components/transfers.scss */
#accounts-management-grid-wrapper .row .description {
  width: 25%;
  padding: 0 7px;
}
/* line 1326, sass/components/transfers.scss */
#accounts-management-grid-wrapper .row .account-type {
  position: relative;
  width: 10%;
  overflow: visible;
  padding: 0 7px;
}
/* line 1332, sass/components/transfers.scss */
#accounts-management-grid-wrapper .row .account-type span:hover + .tooltip {
  display: block;
}
/* line 1336, sass/components/transfers.scss */
#accounts-management-grid-wrapper .row .account-type .tooltip {
  position: absolute;
  height: 40px;
  padding: 0 10px;
  color: #fff;
  line-height: 40px;
  border-radius: 4px;
  top: -30px;
  left: 10px;
  transform: translateX(-50%);
  background-color: #2c3e50;
  display: none;
}
/* line 1351, sass/components/transfers.scss */
#accounts-management-grid-wrapper .row .account-type .tooltip:after {
  content: '';
  display: block;
  position: absolute;
  border-top: solid 8px #2c3e50;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  left: 50%;
  margin-left: -10px;
}
/* line 1365, sass/components/transfers.scss */
#accounts-management-grid-wrapper .row .balance {
  width: 25%;
  padding: 0 7px;
  text-align: right;
}
/* line 1370, sass/components/transfers.scss */
#accounts-management-grid-wrapper .row .account-currency {
  width: 10%;
  padding: 0 7px;
}
/* line 1374, sass/components/transfers.scss */
#accounts-management-grid-wrapper .row .status {
  width: 15%;
  text-align: center;
  overflow: visible;
}
/* line 1379, sass/components/transfers.scss */
#accounts-management-grid-wrapper .row .status .default {
  border-radius: 8px;
  padding: 4px 9px;
  color: #fff;
  font-size: 10px;
  background-color: #29bb9c;
}

@media screen and (min-width: 1640px) {
  /* line 1395, sass/components/transfers.scss */
  #beneficiary-management-wrapper .beneficiary-card {
    width: calc(33% - 10px);
  }
}
@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/components/customization.scss */
.profile-inner-wrapper {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
}
/* line 14, sass/components/customization.scss */
.profile-inner-wrapper .text {
  width: 100%;
  border: 1px solid #c2c2c2;
  box-sizing: border-box;
  padding: 15px;
  font-size: 12px;
  color: #2c3e50;
}
/* line 24, sass/components/customization.scss */
.profile-inner-wrapper .half-wrapper {
  width: 50%;
  float: left;
}
/* line 28, sass/components/customization.scss */
.profile-inner-wrapper .half-wrapper .text-wrapper {
  width: 220px;
  float: left;
  padding-top: 15px;
  text-transform: none;
}
/* line 37, sass/components/customization.scss */
.profile-inner-wrapper.sideNote {
  margin-bottom: 0px;
}
/* line 41, sass/components/customization.scss */
.profile-inner-wrapper .icon {
  display: none;
  float: left;
}
/* line 45, sass/components/customization.scss */
.profile-inner-wrapper .icon svg {
  fill: #00a3e0;
}
/* line 49, sass/components/customization.scss */
.profile-inner-wrapper .icon.close {
  padding-top: 15px;
}
/* line 53, sass/components/customization.scss */
.profile-inner-wrapper .icon.save {
  padding-top: 10px;
  margin-left: 15px;
}
/* line 59, sass/components/customization.scss */
.profile-inner-wrapper.edit-mode-number {
  cursor: pointer;
}
/* line 60, sass/components/customization.scss */
.profile-inner-wrapper.edit-mode-number .number-edition .icon {
  display: block;
}
/* line 67, sass/components/customization.scss */
.profile-inner-wrapper.edit-mode-channel {
  cursor: pointer;
}
/* line 68, sass/components/customization.scss */
.profile-inner-wrapper.edit-mode-channel .channel-edition .icon {
  display: block;
}
/* line 77, sass/components/customization.scss */
.profile-inner-wrapper .custom-input input:disabled {
  color: black;
  background-color: transparent;
  border: none;
}
/* line 84, sass/components/customization.scss */
.profile-inner-wrapper .custom-input .pw-note {
  width: 100%;
  text-align: right;
  font-size: 10px;
  padding-top: 5px;
  color: #00a3e0;
}
/* line 95, sass/components/customization.scss */
.profile-inner-wrapper .field-type .no-uppercase {
  text-transform: none;
}
/* line 99, sass/components/customization.scss */
.profile-inner-wrapper .field-type p {
  float: left;
}

/* line 105, sass/components/customization.scss */
#key-rules {
  margin-top: 150px;
}

/* line 109, sass/components/customization.scss */
.note {
  position: relative;
  float: left;
  font-size: 10px;
  margin: 5px 0 20px 60px;
}

/* line 116, sass/components/customization.scss */
.buttons-wrapper {
  height: 45px;
  float: right;
}
/* line 120, sass/components/customization.scss */
.buttons-wrapper .icons {
  float: left;
  margin: 15px 15px 0 0;
}

/* line 127, sass/components/customization.scss */
#history-operations-wrapper .filters-wrapper {
  width: 100%;
  float: left;
  margin: 20px 0;
  padding: 20px 60px 0px 60px;
  box-sizing: border-box;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #d5e3f1;
}
/* line 145, sass/components/customization.scss */
#history-operations-wrapper .grids-wrapper .grid .row .date-move {
  width: 15%;
  margin-right: 15px;
}
/* line 150, sass/components/customization.scss */
#history-operations-wrapper .grids-wrapper .grid .row .type {
  width: 30%;
  float: left;
  margin-right: 15px;
}
/* line 156, sass/components/customization.scss */
#history-operations-wrapper .grids-wrapper .grid .row .status, #history-operations-wrapper .grids-wrapper .grid .row .channel {
  width: 20%;
  float: left;
  margin-right: 15px;
}

/* line 167, sass/components/customization.scss */
#beneficiary-management-wrapper {
  width: 100%;
  float: left;
  padding: 20px 50px;
  box-sizing: border-box;
  background-color: white;
}
/* line 175, sass/components/customization.scss */
#beneficiary-management-wrapper .input-search {
  width: 50%;
  float: left;
  height: 45px;
  margin-bottom: 10px;
  line-height: normal;
  padding-left: 30px;
  box-sizing: border-box;
  font-size: 12px;
  text-transform: uppercase;
  color: #2c3e50;
}
/* line 189, sass/components/customization.scss */
#beneficiary-management-wrapper .input-search label {
  float: left;
  padding: 15px 0;
  padding-right: 15px;
}
/* line 195, sass/components/customization.scss */
#beneficiary-management-wrapper .input-search .custom-input {
  float: left;
  width: 220px;
  position: relative;
}
/* line 148, sass/variables.scss */
#beneficiary-management-wrapper .input-search .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 220px;
  height: 1px;
  left: 0;
  top: 32px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#beneficiary-management-wrapper .input-search .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#beneficiary-management-wrapper .input-search .custom-input input {
  width: 220px;
  height: 30px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#beneficiary-management-wrapper .input-search .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#beneficiary-management-wrapper .input-search .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 200, sass/components/customization.scss */
#beneficiary-management-wrapper .input-search .custom-input input {
  height: 33px;
  line-height: 45px;
  padding-left: 5px;
}
/* line 206, sass/components/customization.scss */
#beneficiary-management-wrapper .input-search .custom-input .underline {
  top: 35px;
  line-height: 44px;
}
/* line 214, sass/components/customization.scss */
#beneficiary-management-wrapper .dropdown-wrapper {
  width: 40%;
  margin-bottom: 10px;
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
}
/* line 222, sass/components/customization.scss */
#beneficiary-management-wrapper .dropdown-wrapper label {
  width: 100px;
  padding: 15px 0 13px 0;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
}
/* line 231, sass/components/customization.scss */
#beneficiary-management-wrapper .dropdown-wrapper .custom-dropdown {
  width: 190px;
  float: left;
  height: 35px;
  color: #4B91E2;
  font-size: 14px;
}
/* line 242, sass/components/customization.scss */
#beneficiary-management-wrapper .dropdown-wrapper .custom-dropdown #dropdown-wrapper .icon svg {
  top: 10px;
}
/* line 247, sass/components/customization.scss */
#beneficiary-management-wrapper .dropdown-wrapper .custom-dropdown #dropdown-wrapper .selected-option {
  line-height: 45px;
}
/* line 254, sass/components/customization.scss */
#beneficiary-management-wrapper .add-beneficiary {
  width: 45px;
  height: 45px;
  float: right;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
  background-color: #00a3e0;
}
/* line 264, sass/components/customization.scss */
#beneficiary-management-wrapper .add-beneficiary svg {
  position: absolute;
  top: 13px;
  left: 8px;
}
/* line 271, sass/components/customization.scss */
#beneficiary-management-wrapper #card-container {
  float: left;
}
/* line 275, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card {
  width: calc(50% - 10px);
  min-height: 215px;
  float: left;
  margin: 5px;
  -webkit-transition: background-color  0.5s ease-in-out;
  -o-transition: background-color  0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  background-color: rgba(213, 227, 241, 0.3);
}
/* line 289, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part {
  width: 100%;
  height: 50px;
  float: left;
  padding: 0 15px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(44, 62, 80, 0.1);
}
/* line 299, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .name {
  width: calc( 100% - 150px);
  float: left;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 50px;
  padding-top: 8px;
  position: relative;
}
/* line 148, sass/variables.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .name .underline {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  left: 0;
  top: 32px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .name .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .name input {
  width: 100%;
  height: 30px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .name input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .name input:focus + .underline {
  transform: scaleX(1);
}
/* line 311, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .name input {
  color: #00a3e0;
}
/* line 314, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .name input:disabled {
  color: #00a3e0;
  background-color: transparent;
  border: none;
}
/* line 323, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .icons-wrapper {
  width: 50px;
  height: 55px;
  float: right;
}
/* line 328, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .icons-wrapper .icon {
  width: 20px;
  height: 20px;
  margin: 15px 0;
  float: left;
  cursor: pointer;
}
/* line 335, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .icons-wrapper .icon svg {
  height: 16px;
  width: 14px;
}
/* line 339, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .icons-wrapper .icon svg g g {
  fill: #a5bacf;
}
/* line 347, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .icons-wrapper .icon.blue svg g g {
  fill: #00a3e0;
}
/* line 353, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .icons-wrapper .icon.check {
  margin: 8px 0;
}
/* line 356, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .icons-wrapper .icon.check svg {
  height: 30px;
  width: 25px;
  fill: #00a3e0;
}
/* line 364, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .icons-wrapper .icon:last-of-type {
  margin-left: 10px;
}
/* line 369, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .icons-wrapper.edit-mode {
  display: none;
}
/* line 373, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .top-part .icons-wrapper.no-edit-mode {
  display: block;
}
/* line 381, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .bottom-part {
  width: 100%;
  float: left;
  padding: 0 15px;
  box-sizing: border-box;
}
/* line 388, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .bottom-part .field-type {
  color: #2c3e50;
}
/* line 391, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .bottom-part .field-type label {
  width: 100px;
  color: #2c3e50;
}
/* line 396, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .bottom-part .field-type .custom-input {
  float: left;
  padding-top: 8px;
  width: 220px;
  position: relative;
}
/* line 148, sass/variables.scss */
#beneficiary-management-wrapper .beneficiary-card .bottom-part .field-type .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 220px;
  height: 1px;
  left: 0;
  top: 32px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#beneficiary-management-wrapper .beneficiary-card .bottom-part .field-type .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#beneficiary-management-wrapper .beneficiary-card .bottom-part .field-type .custom-input input {
  width: 220px;
  height: 30px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#beneficiary-management-wrapper .beneficiary-card .bottom-part .field-type .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#beneficiary-management-wrapper .beneficiary-card .bottom-part .field-type .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 402, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .bottom-part .field-type .custom-input input {
  color: #2c3e50;
}
/* line 405, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card .bottom-part .field-type .custom-input input:disabled {
  color: #2c3e50;
  background-color: transparent;
  border: none;
}
/* line 415, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card.editable {
  background-color: #d5e3f1;
}
/* line 420, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card.editable .icons-wrapper.edit-mode {
  display: block;
}
/* line 424, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card.editable .icons-wrapper.no-edit-mode {
  display: none;
}
/* line 430, sass/components/customization.scss */
#beneficiary-management-wrapper .beneficiary-card.filter-hidden {
  display: none;
}

/* line 436, sass/components/customization.scss */
#create-operators-wrapper {
  width: 100%;
}
/* line 439, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper {
  width: 100%;
  float: left;
  padding: 20px 60px;
  margin-bottom: 15px;
  box-sizing: border-box;
  background-color: white;
}
/* line 448, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box {
  float: left;
}
/* line 454, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type label {
  width: 160px;
}
/* line 457, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type label.allow-access {
  width: 370px;
  padding-top: 25px;
}
/* line 463, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type .custom-dropdown #dropdown-wrapper .dropdown-objects .object .title {
  margin-top: 0;
}
/* line 471, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type #dropdown-wrapper .dropdown-objects .object:hover .title {
  color: white;
}
/* line 477, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type .switch-button {
  width: 40px;
  height: 15px;
  float: left;
  margin-top: 25px;
  position: relative;
  border-radius: 10px;
  background-color: #c2c2c2;
  cursor: pointer;
}
/* line 489, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type .switch-button:before {
  content: "";
  width: 20px;
  height: 20px;
  top: -3px;
  left: 0;
  display: block;
  position: absolute;
  border-radius: 50%;
  background-color: #f2f2f3;
  box-shadow: 1px 3px 7px gray;
  transition: all 0.2s ease-in-out;
}
/* line 506, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type .switch-button.active {
  background-color: #a5bacf;
}
/* line 509, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type .switch-button.active:before {
  left: 20px;
  background-color: #00a3e0;
}
/* line 517, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type.list {
  margin-bottom: 20px;
}
/* line 520, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type.list label {
  margin-bottom: 20px;
}
/* line 525, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type .list-wrapper {
  width: 100%;
  height: 260px;
  color: #2c3e50;
  background-color: rgba(0, 163, 224, 0.13);
  overflow: hidden;
  box-sizing: border-box;
}
/* line 534, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type .list-wrapper .row {
  width: 400px;
  height: 40px;
  line-height: 36px;
  margin-left: 20px;
  box-sizing: border-box;
  text-transform: none;
  font-size: 12px;
  position: relative;
}
/* line 545, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type .list-wrapper .row input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 13px;
  height: 13px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 12px 20px 0 12px;
  border-color: rgba(0, 163, 224, 0.5);
}
/* line 81, sass/variables.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type .list-wrapper .row input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type .list-wrapper .row input:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 553, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type .list-wrapper .row .ie-checkbox {
  pointer-events: none;
  width: 12px;
  height: 12px;
  float: left;
  position: absolute;
  left: 10px;
  top: 10px;
  box-shadow: border-box;
  border: 2px solid;
  border-radius: 3px;
  background-color: white;
  border-color: rgba(0, 163, 224, 0.5);
}
/* line 568, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type .list-wrapper .row .ie-checkbox.checked {
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 576, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type .list-wrapper .row label {
  width: calc( 100% - 45px);
  float: left;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
}
/* line 584, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type .list-wrapper .row:first-of-type {
  margin-top: 15px;
}
/* line 588, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type .list-wrapper .row:last-of-type {
  margin-bottom: 15px;
  border: none;
}
/* line 594, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type .list-wrapper .empty-state {
  line-height: 260px;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #2c3e50;
  background-color: transparent;
  text-transform: none;
}
/* line 606, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type.no-padding label {
  padding-top: 0;
}
/* line 609, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type.no-padding label.allow-access {
  width: 270px;
}
/* line 614, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type.no-padding .text-wrapper {
  text-transform: none;
  line-height: 15px;
}
/* line 618, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields .field-type.no-padding .text-wrapper.allow-access {
  color: #00a3e0;
}
/* line 625, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .info-box .fields.full-width {
  width: 100%;
  box-sizing: border-box;
}
/* line 632, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .operator-response-info {
  width: 280px;
  height: 150px;
  margin: 200px auto 40px auto;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.5);
}
/* line 642, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .operator-response-info .name {
  width: 100%;
  height: 22px;
  line-height: 22px;
  float: left;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #00a3e0;
  text-transform: capitalize;
}
/* line 655, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .operator-response-info .operator-info {
  width: 100%;
  height: 20px;
  float: left;
  line-height: 20px;
}
/* line 661, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .operator-response-info .operator-info label {
  width: 130px;
  float: left;
  font-size: 10px;
  text-transform: uppercase;
}
/* line 667, sass/components/customization.scss */
#create-operators-wrapper .operators-info-wrapper .operator-response-info .operator-info label.info {
  width: 100px;
  float: left;
  font-size: 13px;
  color: #00a3e0;
  text-transform: none;
}
/* line 680, sass/components/customization.scss */
#create-operators-wrapper .buttons-wrapper .icon.icon-effect.white svg {
  position: absolute;
  top: 10px;
  left: 10px;
}

/* line 688, sass/components/customization.scss */
#management-operators-wrapper {
  width: 100%;
  float: left;
}
/* line 692, sass/components/customization.scss */
#management-operators-wrapper.list {
  padding: 30px 0;
  box-sizing: border-box;
  background-color: white;
}
/* line 699, sass/components/customization.scss */
#management-operators-wrapper .operator-row {
  width: calc(100% - 120px);
  float: left;
  margin: 0 60px;
  position: relative;
  margin-bottom: 20px;
  background-color: white;
}
/* line 708, sass/components/customization.scss */
#management-operators-wrapper .operator-row .header {
  width: 100%;
  height: 55px;
  line-height: 55px;
  padding-left: 30px;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px #c2c2c2;
}
/* line 716, sass/components/customization.scss */
#management-operators-wrapper .operator-row .header label {
  font-size: 16px;
  font-weight: 600;
  color: #00a3e0;
  text-transform: capitalize;
}
/* line 723, sass/components/customization.scss */
#management-operators-wrapper .operator-row .header .icon.expand-button {
  position: absolute;
  top: 10px;
  right: 28px;
  width: 36px;
  height: 36px;
  border: none;
}
/* line 731, sass/components/customization.scss */
#management-operators-wrapper .operator-row .header .icon.expand-button svg {
  cursor: pointer;
}
/* line 737, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper {
  width: 100%;
  float: left;
  display: none;
  position: relative;
  width: 100%;
  float: left;
  padding: 0 60px 15px 60px;
  box-sizing: border-box;
  background-color: transparent;
}
/* line 750, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .icons-wrapper {
  width: 50px;
  height: 55px;
  position: absolute;
  right: 30px;
  top: 10px;
}
/* line 757, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .icons-wrapper .icon {
  width: 20px;
  height: 20px;
  margin: 15px 0;
  float: left;
  cursor: pointer;
}
/* line 764, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .icons-wrapper .icon svg {
  height: 16px;
  width: 14px;
}
/* line 768, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .icons-wrapper .icon svg g g {
  fill: #a5bacf;
}
/* line 776, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .icons-wrapper .icon.blue svg g g {
  fill: #00a3e0;
}
/* line 782, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .icons-wrapper .icon.check {
  margin: 8px 0;
}
/* line 785, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .icons-wrapper .icon.check svg {
  height: 30px;
  width: 25px;
  fill: #00a3e0;
}
/* line 793, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .icons-wrapper .icon:last-of-type {
  margin-left: 10px;
}
/* line 798, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .icons-wrapper.edit-mode {
  display: none;
}
/* line 802, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .icons-wrapper.no-edit-mode {
  display: block;
}
/* line 810, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type label {
  width: 160px;
}
/* line 813, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type label.allow-access {
  width: 250px;
  padding-top: 25px;
}
/* line 821, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .custom-input input:disabled {
  color: black;
  background-color: transparent;
  border: none;
}
/* line 829, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .text-wrapper {
  text-transform: none;
  padding-top: 12px;
}
/* line 833, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .text-wrapper.allow-access {
  width: 130px;
  float: left;
  padding-top: 23px;
  color: #00a3e0;
}
/* line 840, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .text-wrapper.hide {
  display: none;
}
/* line 846, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .custom-dropdown #dropdown-wrapper .dropdown-objects .object .title {
  margin-top: 0;
}
/* line 852, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .custom-dropdown #dropdown-wrapper .dropdown-objects .object:hover .title {
  color: white;
}
/* line 858, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .custom-dropdown.hide {
  display: none;
}
/* line 863, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .switch-button {
  width: 40px;
  height: 15px;
  float: left;
  margin-top: 25px;
  position: relative;
  border-radius: 10px;
  background-color: #c2c2c2;
  cursor: pointer;
}
/* line 875, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .switch-button:before {
  content: "";
  width: 20px;
  height: 20px;
  top: -3px;
  left: 0;
  display: block;
  position: absolute;
  border-radius: 50%;
  background-color: #f2f2f3;
  box-shadow: 1px 3px 7px gray;
  transition: all 0.2s ease-in-out;
}
/* line 892, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .switch-button.active {
  background-color: #a5bacf;
}
/* line 895, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .switch-button.active:before {
  left: 20px;
  background-color: #00a3e0;
}
/* line 902, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .switch-button.hide {
  display: none;
}
/* line 907, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type.list {
  margin-bottom: 20px;
}
/* line 910, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type.list label {
  margin-bottom: 20px;
}
/* line 915, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .list-wrapper {
  width: 100%;
  height: 260px;
  color: #2c3e50;
  background-color: rgba(0, 163, 224, 0.13);
  overflow: hidden;
  box-sizing: border-box;
}
/* line 924, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .list-wrapper .row {
  width: 400px;
  height: 40px;
  line-height: 36px;
  margin-left: 20px;
  box-sizing: border-box;
  text-transform: none;
  font-size: 12px;
  display: none;
  position: relative;
}
/* line 936, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .list-wrapper .row input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 13px;
  height: 13px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 12px 20px 0 12px;
  border-color: rgba(0, 163, 224, 0.5);
  display: none;
}
/* line 81, sass/variables.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .list-wrapper .row input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .list-wrapper .row input:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 945, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .list-wrapper .row .ie-checkbox {
  pointer-events: none;
  width: 12px;
  height: 12px;
  float: left;
  position: absolute;
  left: 10px;
  top: 10px;
  display: none;
  box-shadow: border-box;
  border: 2px solid;
  border-radius: 3px;
  background-color: white;
  border-color: rgba(0, 163, 224, 0.5);
}
/* line 961, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .list-wrapper .row .ie-checkbox.checked {
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 969, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .list-wrapper .row label {
  width: calc( 100% - 45px);
  float: left;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
}
/* line 977, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .list-wrapper .row:first-of-type {
  margin-top: 15px;
}
/* line 981, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .list-wrapper .row:last-of-type {
  margin-bottom: 15px;
  border: none;
}
/* line 986, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .list-wrapper .row.show {
  display: block;
}
/* line 991, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type .list-wrapper .empty-state {
  line-height: 260px;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #2c3e50;
  background-color: transparent;
  text-transform: none;
}
/* line 1003, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type.no-padding label {
  padding-top: 0;
}
/* line 1006, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type.no-padding label.allow-access {
  width: 270px;
}
/* line 1011, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type.no-padding .text-wrapper {
  text-transform: none;
  line-height: 15px;
}
/* line 1015, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields .field-type.no-padding .text-wrapper.allow-access {
  color: #00a3e0;
}
/* line 1022, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper .info-box .fields.full-width {
  width: 100%;
  box-sizing: border-box;
}
/* line 1029, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper.editable {
  background-color: #d5e3f1;
}
/* line 1033, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper.editable .icons-wrapper.edit-mode {
  display: block;
}
/* line 1037, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper.editable .icons-wrapper.no-edit-mode {
  display: none;
}
/* line 1044, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper.editable .info-box .fields .field-type label.allow-access {
  width: 370px;
}
/* line 1048, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper.editable .info-box .fields .field-type .list-wrapper {
  width: 100%;
  height: 260px;
  color: #2c3e50;
  background-color: rgba(0, 163, 224, 0.13);
  overflow: hidden;
  box-sizing: border-box;
}
/* line 1057, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper.editable .info-box .fields .field-type .list-wrapper .row {
  display: block;
}
/* line 1060, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper.editable .info-box .fields .field-type .list-wrapper .row input {
  display: block;
}
/* line 1064, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper.editable .info-box .fields .field-type .list-wrapper .row .ie-checkbox {
  display: block;
}
/* line 1068, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper.editable .info-box .fields .field-type .list-wrapper .row label {
  width: calc( 100% - 45px);
  float: left;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
}
/* line 1076, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper.editable .info-box .fields .field-type .list-wrapper .row:first-of-type {
  margin-top: 15px;
}
/* line 1080, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper.editable .info-box .fields .field-type .list-wrapper .row:last-of-type {
  margin-bottom: 15px;
  border: none;
}
/* line 1086, sass/components/customization.scss */
#management-operators-wrapper .operator-row #detail-wrapper.editable .info-box .fields .field-type .list-wrapper .empty-state {
  line-height: 260px;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #2c3e50;
  background-color: transparent;
  text-transform: none;
}
/* line 1100, sass/components/customization.scss */
#management-operators-wrapper .operator-row:last-of-type {
  margin-bottom: 0;
}
/* line 1104, sass/components/customization.scss */
#management-operators-wrapper .operator-row.detail-opened {
  width: 100%;
  margin: 0 0 20px 0;
}
/* line 1108, sass/components/customization.scss */
#management-operators-wrapper .operator-row.detail-opened #detail-wrapper {
  display: block;
}

/* line 1115, sass/components/customization.scss */
#channels-content-wrapper {
  width: 100%;
  float: left;
}
/* line 1119, sass/components/customization.scss */
#channels-content-wrapper .channels-grid {
  width: 100%;
  float: left;
  text-align: center;
  box-shadow: 1px 3px 7px #cdcdcd;
}
/* line 1126, sass/components/customization.scss */
#channels-content-wrapper .channels-grid.header {
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
  background-color: white;
  font-size: 13px;
}
/* line 1134, sass/components/customization.scss */
#channels-content-wrapper .channels-grid.header .channel {
  padding-left: 0;
  text-align: center;
}
/* line 1140, sass/components/customization.scss */
#channels-content-wrapper .channels-grid.row {
  height: 50px;
  line-height: 50px;
  margin-bottom: 10px;
  background-color: rgba(213, 227, 241, 0.4);
  font-size: 13px;
  text-transform: capitalize;
}
/* line 1149, sass/components/customization.scss */
#channels-content-wrapper .channels-grid.row div {
  box-sizing: border-box;
  border-right: 2px solid #c2c2c2;
}
/* line 1154, sass/components/customization.scss */
#channels-content-wrapper .channels-grid.row .channel {
  border-left: 4px solid #d0021b;
}
/* line 1157, sass/components/customization.scss */
#channels-content-wrapper .channels-grid.row .channel.active {
  border-left: 4px solid #63a31d;
}
/* line 1163, sass/components/customization.scss */
#channels-content-wrapper .channels-grid.row .status {
  border-right: none;
}
/* line 1168, sass/components/customization.scss */
#channels-content-wrapper .channels-grid .channel {
  width: 20%;
  height: 100%;
  float: left;
  position: relative;
  text-align: left;
  padding-left: 70px;
}
/* line 1177, sass/components/customization.scss */
#channels-content-wrapper .channels-grid .channel .icon {
  width: 35px;
  height: 35px;
  position: absolute;
  left: 20px;
  top: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #00a3e0;
  border-radius: 50%;
  border: none;
}
/* line 1191, sass/components/customization.scss */
#channels-content-wrapper .channels-grid .channel .icon.channel-1 {
  background-image: url("../images/channels/WEB.svg");
  background-size: 21px;
}
/* line 1196, sass/components/customization.scss */
#channels-content-wrapper .channels-grid .channel .icon.channel-2 {
  background-image: url("../images/channels/Mobile.svg");
  background-size: 14px;
}
/* line 1201, sass/components/customization.scss */
#channels-content-wrapper .channels-grid .channel .icon.channel-3 {
  background-image: url("../images/channels/SMS_Icon.svg");
  background-size: 20px;
}
/* line 1206, sass/components/customization.scss */
#channels-content-wrapper .channels-grid .channel .icon.channel-4 {
  background-image: url("../images/channels/Tablet.svg");
  background-size: 20px;
}
/* line 1213, sass/components/customization.scss */
#channels-content-wrapper .channels-grid .update-date {
  width: 30%;
  height: 100%;
  float: left;
  text-transform: none;
}
/* line 1220, sass/components/customization.scss */
#channels-content-wrapper .channels-grid .description {
  width: 30%;
  height: 100%;
  float: left;
}
/* line 1226, sass/components/customization.scss */
#channels-content-wrapper .channels-grid .status {
  width: 20%;
  height: 100%;
  float: left;
}

/* line 1234, sass/components/customization.scss */
#notification-management-content-wrapper {
  width: 100%;
  float: left;
}
/* line 1238, sass/components/customization.scss */
#notification-management-content-wrapper .notifications-list-wrapper {
  width: 100%;
  float: left;
}
/* line 1242, sass/components/customization.scss */
#notification-management-content-wrapper .notifications-list-wrapper .title {
  width: 100%;
  height: 24px;
  float: left;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  color: #00a3e0;
}
/* line 1254, sass/components/customization.scss */
#notification-management-content-wrapper .notifications-list-wrapper .subtitle {
  width: 100%;
  height: 24px;
  float: left;
  font-size: 14px;
  color: #5a616b;
}
/* line 1263, sass/components/customization.scss */
#notification-management-content-wrapper .notifications-list-wrapper .grids-wrapper {
  padding: 30px 0;
  background-color: transparent;
}
/* line 1267, sass/components/customization.scss */
#notification-management-content-wrapper .notifications-list-wrapper .grids-wrapper .notitfication-type {
  width: 70%;
  float: left;
}
/* line 1272, sass/components/customization.scss */
#notification-management-content-wrapper .notifications-list-wrapper .grids-wrapper .status-collumn {
  width: 30%;
  float: left;
  text-align: center;
}
/* line 1277, sass/components/customization.scss */
#notification-management-content-wrapper .notifications-list-wrapper .grids-wrapper .status-collumn .tag {
  width: 64px;
  height: 24px;
  margin: 12px auto;
  line-height: 24px;
  border-radius: 10px;
  color: white;
  background-color: #8b94a1;
}
/* line 1287, sass/components/customization.scss */
#notification-management-content-wrapper .notifications-list-wrapper .grids-wrapper .status-collumn .tag.active {
  background-color: #39ca8d;
}
/* line 1293, sass/components/customization.scss */
#notification-management-content-wrapper .notifications-list-wrapper .grids-wrapper .row {
  padding: 0 130px;
  border-bottom: none;
  margin-bottom: 2px;
}
/* line 1299, sass/components/customization.scss */
#notification-management-content-wrapper .notifications-list-wrapper .grids-wrapper .grid-content .row {
  background-color: white;
}
/* line 1302, sass/components/customization.scss */
#notification-management-content-wrapper .notifications-list-wrapper .grids-wrapper .grid-content .row .detail-arrow {
  background: white;
  position: absolute;
  width: 40px;
  height: 44px;
  cursor: pointer;
  bottom: 2px;
  right: 30px;
  z-index: 1;
}
/* line 1314, sass/components/customization.scss */
#notification-management-content-wrapper .notifications-list-wrapper .grids-wrapper .grid-content .row .detail-arrow:before {
  content: '';
  display: block;
  position: absolute;
  border-right: solid 2px #00a3e0;
  border-bottom: solid 2px #00a3e0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 8px;
  height: 8px;
  top: 17px;
  left: 12px;
}

/* line 1334, sass/components/customization.scss */
#notification-type-detail {
  width: 100%;
  float: left;
}
/* line 1338, sass/components/customization.scss */
#notification-type-detail .header {
  width: 100%;
  height: 90px;
  float: left;
  padding-top: 22px;
  box-sizing: border-box;
  margin-bottom: 25px;
  position: relative;
  background-color: white;
}
/* line 1349, sass/components/customization.scss */
#notification-type-detail .header .optional-title {
  width: 100%;
  height: 17px;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  color: #00a3e0;
  text-align: center;
}
/* line 1361, sass/components/customization.scss */
#notification-type-detail .header .notification-type-title {
  width: 100%;
  height: 30px;
  float: left;
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  color: #5a616b;
  text-align: center;
}
/* line 1373, sass/components/customization.scss */
#notification-type-detail .header #close {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  cursor: pointer;
}
/* line 1382, sass/components/customization.scss */
#notification-type-detail .header #close svg g g {
  fill: #a5bacf;
}
/* line 1388, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list {
  width: 100%;
  float: left;
  padding: 35px 0;
  box-sizing: border-box;
  background-color: white;
}
/* line 1396, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list .filters-list-title {
  width: 100%;
  height: 38px;
  margin-bottom: 20px;
  float: left;
  line-height: 38px;
  font-size: 14px;
  text-align: center;
}
/* line 1407, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper {
  width: calc(100% - 180px);
  margin: auto;
  float: none;
}
/* line 1412, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row {
  height: 70px;
  line-height: 70px;
  background-color: white;
  padding-left: 0;
}
/* line 1418, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row .status-collumn {
  width: 60px;
}
/* line 1421, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row .status-collumn .switch-button-v2 {
  margin: 28px 20px 0 0;
}
/* line 1426, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row .account-number {
  width: calc(50% - 60px);
  font-weight: 600;
  font-size: 16px;
  color: #747d89;
}
/* line 1433, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row .account-number.active {
  color: #1fa154;
}
/* line 1438, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row .min-amount {
  width: calc(50% - 30px);
  position: relative;
}
/* line 148, sass/variables.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row .min-amount .underline {
  content: "";
  display: block;
  position: relative;
  width: calc(100% - 110px);
  height: 1px;
  left: 0;
  top: 32px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row .min-amount .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row .min-amount input {
  width: calc(100% - 110px);
  height: 30px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row .min-amount input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row .min-amount input:focus + .underline {
  transform: scaleX(1);
}
/* line 1442, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row .min-amount .label {
  width: 80px;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
}
/* line 1449, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row .min-amount input {
  float: left;
  margin: 18px 0 0 12px;
  color: #00a3e0;
}
/* line 1454, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row .min-amount input:disabled {
  color: #747d89;
  border: none;
}
/* line 1461, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row .save-icon {
  width: 30px;
  cursor: pointer;
}
/* line 1466, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row .save-icon svg {
  fill: #63a31d;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
/* line 1473, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row .save-icon.active {
  display: block;
}
/* line 1479, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row.active .account-number {
  color: #1fa154;
}
/* line 1483, sass/components/customization.scss */
#notification-type-detail .notifications-filters-list .grids-wrapper .row.active .save-icon {
  display: block;
}

@media (max-width: 1024px) {
  /* line 1493, sass/components/customization.scss */
  #beneficiary-management-wrapper .input-search {
    height: 80px;
  }
  /* line 1495, sass/components/customization.scss */
  #beneficiary-management-wrapper .input-search label {
    padding: 14px 0;
  }
  /* line 1501, sass/components/customization.scss */
  #beneficiary-management-wrapper .beneficiary-card .top-part .name {
    width: 70%;
  }
  /* line 1503, sass/components/customization.scss */
  #beneficiary-management-wrapper .beneficiary-card .top-part .name input {
    text-overflow: ellipsis;
  }
}
@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/components/offline.scss */
#offline-content-wrapper {
  width: 100%;
  float: left;
  position: relative;
  color: #2c3e50;
}
/* line 9, sass/components/offline.scss */
#offline-content-wrapper .disabled-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
}
/* line 19, sass/components/offline.scss */
#offline-content-wrapper .disabled-wrapper .disabled-title, #offline-content-wrapper .disabled-wrapper .disabled-subtitle, #offline-content-wrapper .disabled-wrapper .disabled-message {
  width: 100%;
  float: left;
  text-align: center;
}
/* line 25, sass/components/offline.scss */
#offline-content-wrapper .disabled-wrapper .disabled-title {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 27px;
  font-weight: 700;
  letter-spacing: 0.6px;
  color: #00a3e0;
}
/* line 34, sass/components/offline.scss */
#offline-content-wrapper .disabled-wrapper .disabled-subtitle {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: #00a3e0;
}
/* line 42, sass/components/offline.scss */
#offline-content-wrapper .disabled-wrapper .disabled-message {
  max-width: 500px;
  margin: 0 calc((100% - 500px)/2);
  margin-bottom: 50px;
  font-size: 12px;
  line-height: 25px;
  letter-spacing: 0.6px;
}
/* line 50, sass/components/offline.scss */
#offline-content-wrapper .disabled-wrapper .disabled-message span {
  font-weight: 600;
}
/* line 55, sass/components/offline.scss */
#offline-content-wrapper .disabled-wrapper .button-class#activate-offline {
  margin: 0 calc((100% - 180px)/2);
  margin-bottom: 20px;
}
/* line 61, sass/components/offline.scss */
#offline-content-wrapper .enabled-note {
  width: 100%;
  height: 24px;
  float: left;
  margin: 20px 0 10px 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1.2px;
}
/* line 73, sass/components/offline.scss */
#offline-content-wrapper .switch-button-v2 {
  margin-top: 18px;
  float: left;
}
/* line 78, sass/components/offline.scss */
#offline-content-wrapper .button-class.right {
  margin-top: 20px;
  float: right;
  text-align: center;
}
/* line 84, sass/components/offline.scss */
#offline-content-wrapper .offline-status-wrapper {
  width: 100%;
  float: left;
}
/* line 88, sass/components/offline.scss */
#offline-content-wrapper .offline-status-wrapper .offline-status label {
  margin-top: 16px;
  float: left;
  font-size: 12px;
  margin-left: 16px;
  color: #afb5be;
}
/* line 95, sass/components/offline.scss */
#offline-content-wrapper .offline-status-wrapper .offline-status label.active {
  color: #29bb9c;
}
/* line 101, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 0;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
}
/* line 111, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper #confirmation-box {
  width: calc(100% - 120px);
  margin: 0 60px;
}
/* line 118, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .grid-content.suspend .row {
  pointer-events: none;
  color: #afb5be;
}
/* line 122, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .row {
  padding: 0 50px 0 15px;
}
/* line 125, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .row .icon-error {
  position: absolute;
  right: 15px;
  cursor: pointer;
}
/* line 130, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .row .icon-error svg {
  width: 15px;
  height: 15px;
}
/* line 134, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .row .icon-error svg g g {
  fill: #efa800;
}
/* line 141, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .grid-content .row {
  color: #afb5be;
  padding: 0 50px 0 15px;
}
/* line 145, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .grid-content .row .plafond {
  pointer-events: none;
}
/* line 148, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .grid-content .row .plafond .icon.check {
  display: none;
  top: 3px;
  right: 0;
}
/* line 153, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .grid-content .row .plafond .icon.check svg {
  fill: #63a31d;
}
/* line 159, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .grid-content .row.active {
  color: #2c3e50;
  font-weight: 600;
}
/* line 163, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .grid-content .row.active .plafond {
  pointer-events: all;
}
/* line 165, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .grid-content .row.active .plafond svg g {
  fill: #00a3e0;
}
/* line 169, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .grid-content .row.active .plafond .icon {
  cursor: pointer;
}
/* line 176, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .toggle-collumn {
  width: 15%;
}
/* line 180, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .name-value {
  width: 30%;
}
/* line 184, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .account-number {
  width: 25%;
}
/* line 188, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .plafond {
  text-align: right;
  width: 30%;
  position: relative;
}
/* line 148, sass/variables.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .plafond .underline {
  content: "";
  display: block;
  position: relative;
  width: 180px;
  height: 1px;
  left: 0;
  top: 42px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .plafond .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .plafond input {
  width: 180px;
  height: 40px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .plafond input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .plafond input:focus + .underline {
  transform: scaleX(1);
}
/* line 194, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .plafond input {
  height: 20px;
  margin-top: 10px;
  padding-right: 30px;
  float: right;
  text-align: right;
  font-size: 12px;
  border-bottom: 1px solid #f1f1f1;
}
/* line 205, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .plafond .icon {
  position: absolute;
  right: 5px;
  top: -2px;
}
/* line 210, sass/components/offline.scss */
#offline-content-wrapper .enabled-grid-wrapper .grids-wrapper .grid .plafond .icon svg g {
  fill: #afb5be;
}
/* line 218, sass/components/offline.scss */
#offline-content-wrapper .offline-rules-warning-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
}
/* line 228, sass/components/offline.scss */
#offline-content-wrapper .offline-rules-warning-wrapper .text {
  width: 100%;
  float: left;
  line-height: 20px;
  padding: 10px;
  border: 1px solid #c2c2c2;
  font-size: 12px;
  letter-spacing: 1px;
}
/* line 238, sass/components/offline.scss */
#offline-content-wrapper .offline-rules-warning-wrapper .text span {
  font-weight: 600;
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 5, sass/components/payments.scss */
.info-box > .title {
  font-size: 14px;
  font-weight: bold;
  color: #00a3e0;
  margin-top: 25px;
}
/* line 12, sass/components/payments.scss */
.info-box .fields {
  padding-top: 15px;
  padding-left: 25px;
  display: inline-block;
}
/* line 18, sass/components/payments.scss */
.info-box .field-type, .info-box input {
  font-size: 14px;
}
/* line 21, sass/components/payments.scss */
.info-box .field-type > p, .info-box input > p {
  display: inline-block;
  float: left;
  max-width: calc(100% - 220px);
}
/* line 28, sass/components/payments.scss */
.info-box .same-line-box {
  float: left;
  margin-right: 30px;
}
/* line 32, sass/components/payments.scss */
.info-box .same-line-box input.radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #00a3e0;
  border-radius: 50% !important;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 16px 3px 0 0;
  cursor: pointer;
}
/* line 121, sass/variables.scss */
.info-box .same-line-box input.radio:checked {
  border: none;
  width: 17px;
  height: 17px;
}
/* line 127, sass/variables.scss */
.info-box .same-line-box input.radio:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("../images/radio-selected.svg");
}

/* line 45, sass/components/payments.scss */
#key-rules {
  margin-top: 150px;
}

/* line 49, sass/components/payments.scss */
.note {
  position: relative;
  float: left;
  font-size: 10px;
  margin: 5px 0 20px 60px;
}

/* line 56, sass/components/payments.scss */
.buttons-wrapper {
  height: 45px;
  float: right;
}
/* line 60, sass/components/payments.scss */
.buttons-wrapper .icons {
  float: left;
  margin: 15px 15px 0 0;
}

/* line 66, sass/components/payments.scss */
#payments-content-wrapper {
  width: 100%;
  float: left;
  position: relative;
}
/* line 72, sass/components/payments.scss */
#payments-content-wrapper #payments-wrapper .filters-wrapper {
  height: 80px;
}
/* line 74, sass/components/payments.scss */
#payments-content-wrapper #payments-wrapper .filters-wrapper .buttons-wrapper {
  float: left;
}
/* line 80, sass/components/payments.scss */
#payments-content-wrapper .filters-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
/* line 85, sass/components/payments.scss */
#payments-content-wrapper .filters-wrapper .input-wrapper {
  width: 310px;
  float: left;
  padding-right: 10px;
  box-sizing: border-box;
}
/* line 91, sass/components/payments.scss */
#payments-content-wrapper .filters-wrapper .input-wrapper .title {
  width: 100px;
  height: 17px;
  margin-top: 10px;
  float: left;
  text-align: left;
}
/* line 99, sass/components/payments.scss */
#payments-content-wrapper .filters-wrapper .input-wrapper .custom-input {
  width: 200px;
  float: left;
  text-transform: none;
  border-bottom: 1px solid #c2c2c2;
  position: relative;
}
/* line 148, sass/variables.scss */
#payments-content-wrapper .filters-wrapper .input-wrapper .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  left: 0;
  top: 27px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#payments-content-wrapper .filters-wrapper .input-wrapper .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#payments-content-wrapper .filters-wrapper .input-wrapper .custom-input input {
  width: 100%;
  height: 25px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#payments-content-wrapper .filters-wrapper .input-wrapper .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#payments-content-wrapper .filters-wrapper .input-wrapper .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 106, sass/components/payments.scss */
#payments-content-wrapper .filters-wrapper .input-wrapper .custom-input input {
  background: none;
  border: none;
  outline: none;
  color: #00a3e0;
}
/* line 116, sass/components/payments.scss */
#payments-content-wrapper .payments-entities-container {
  width: calc(100% + 20px);
  float: left;
  position: relative;
}
/* line 121, sass/components/payments.scss */
#payments-content-wrapper .payments-entities-container .payment-card-entity {
  width: calc(20% - 20px);
  height: 250px;
  float: left;
  margin: 10px 20px 10px 0;
  overflow: hidden;
  position: relative;
  background-color: white;
}
/* line 131, sass/components/payments.scss */
#payments-content-wrapper .payments-entities-container .payment-card-entity .header {
  width: 100%;
  height: 50px;
  float: left;
  padding: 0 20px;
  box-sizing: border-box;
}
/* line 138, sass/components/payments.scss */
#payments-content-wrapper .payments-entities-container .payment-card-entity .header .payment-name {
  line-height: 50px;
  height: 50px;
}
/* line 144, sass/components/payments.scss */
#payments-content-wrapper .payments-entities-container .payment-card-entity .body {
  width: 100%;
  height: calc(100% - 50px);
  float: left;
  padding: 20px;
  box-sizing: border-box;
}
/* line 151, sass/components/payments.scss */
#payments-content-wrapper .payments-entities-container .payment-card-entity .body .logo-container {
  width: 110px;
  height: 110px;
  margin: 0 auto 10px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 161, sass/components/payments.scss */
#payments-content-wrapper .payments-entities-container .payment-card-entity .body .button-class {
  width: 100%;
  min-width: 20px;
  margin-left: 0;
  display: block;
}
/* line 169, sass/components/payments.scss */
#payments-content-wrapper .payments-entities-container .payment-card-entity .modal-options-container, #payments-content-wrapper .payments-entities-container .payment-card-entity .close-modal {
  display: none;
}
/* line 173, sass/components/payments.scss */
#payments-content-wrapper .payments-entities-container .payment-card-entity.no-children {
  cursor: pointer;
}
/* line 179, sass/components/payments.scss */
#payments-content-wrapper .payment-card-entity {
  width: calc(20% - 20px);
  height: 250px;
  float: left;
  margin: 10px 20px 10px 0;
  overflow: hidden;
  position: relative;
  background-color: white;
}
/* line 189, sass/components/payments.scss */
#payments-content-wrapper .payment-card-entity .header {
  width: 100%;
  height: 50px;
  float: left;
  padding: 0 20px;
  box-sizing: border-box;
  line-height: 50px;
  border-bottom: 1px solid rgba(194, 194, 194, 0.3);
  overflow: hidden;
}
/* line 200, sass/components/payments.scss */
#payments-content-wrapper .payment-card-entity .header .payment-name {
  width: 100%;
  height: 25px;
  float: left;
  line-height: 25px;
  font-size: 12px;
  text-transform: uppercase;
  color: #2c3e50;
}
/* line 211, sass/components/payments.scss */
#payments-content-wrapper .payment-card-entity .header .payment-description {
  width: 100%;
  float: left;
  height: 30px;
  position: relative;
  line-height: 30px;
  font-size: 10px;
  font-weight: 600;
  color: #00a3e0;
  text-transform: uppercase;
  letter-spacing: 2px;
}
/* line 226, sass/components/payments.scss */
#payments-content-wrapper .payment-card-entity .body {
  width: 100%;
  height: calc(100% - 50px);
  float: left;
  padding: 20px;
  box-sizing: border-box;
}
/* line 233, sass/components/payments.scss */
#payments-content-wrapper .payment-card-entity .body .logo-container {
  width: 110px;
  height: 110px;
  margin: 0 auto 10px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 243, sass/components/payments.scss */
#payments-content-wrapper .payment-card-entity .body .button-class {
  width: 100%;
  min-width: 20px;
  margin-left: 0;
  display: block;
}
/* line 251, sass/components/payments.scss */
#payments-content-wrapper .payment-card-entity .modal-options-container, #payments-content-wrapper .payment-card-entity .close-modal {
  display: none;
}
/* line 255, sass/components/payments.scss */
#payments-content-wrapper .payment-card-entity.no-children {
  cursor: pointer;
}
/* line 260, sass/components/payments.scss */
#payments-content-wrapper .picked-entity {
  width: 100%;
  height: 150px;
  margin-bottom: 20px;
  background-color: white;
  float: left;
  position: relative;
}
/* line 268, sass/components/payments.scss */
#payments-content-wrapper .picked-entity .payment-card-entity {
  width: 100%;
  height: 100%;
  margin: 0;
}
/* line 273, sass/components/payments.scss */
#payments-content-wrapper .picked-entity .payment-card-entity .header {
  width: 55%;
  height: 100%;
  float: right;
  padding-top: 45px;
  padding-left: 20px;
  box-sizing: border-box;
  border: none;
}
/* line 283, sass/components/payments.scss */
#payments-content-wrapper .picked-entity .payment-card-entity .close-modal {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  cursor: pointer;
}
/* line 293, sass/components/payments.scss */
#payments-content-wrapper .picked-entity .payment-card-entity .close-modal:before, #payments-content-wrapper .picked-entity .payment-card-entity .close-modal:after {
  content: "";
  display: block;
  position: relative;
  width: 22px;
  height: 2px;
  top: 20px;
  left: -7px;
  background-color: #c2c2c2;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 311, sass/components/payments.scss */
#payments-content-wrapper .picked-entity .payment-card-entity .close-modal:after {
  top: 18px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 319, sass/components/payments.scss */
#payments-content-wrapper .picked-entity .payment-card-entity .body {
  height: 100%;
  width: 130px;
  float: right;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 328, sass/components/payments.scss */
#payments-content-wrapper .picked-entity .payment-card-entity .body .button-class {
  display: none;
}
/* line 335, sass/components/payments.scss */
#payments-content-wrapper #step-container {
  clear: both;
}
/* line 339, sass/components/payments.scss */
#payments-content-wrapper .filters-wrapper {
  padding: 20px 60px;
}
/* line 342, sass/components/payments.scss */
#payments-content-wrapper .filters-wrapper .status-wrapper {
  width: 24%;
}
/* line 347, sass/components/payments.scss */
#payments-content-wrapper .info-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  background-color: white;
}
/* line 355, sass/components/payments.scss */
#payments-content-wrapper .info-wrapper .info {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-size: 12px;
}
/* line 361, sass/components/payments.scss */
#payments-content-wrapper .info-wrapper .info .dropdown-type {
  width: 180px;
  padding: 15px 0 13px 0;
  float: left;
  text-transform: uppercase;
}
/* line 369, sass/components/payments.scss */
#payments-content-wrapper .info-wrapper .info .account-dropdown {
  width: 280px;
  float: left;
  height: 45px;
  color: #4B91E2;
}
/* line 377, sass/components/payments.scss */
#payments-content-wrapper .info-wrapper #subscription-wrapper {
  margin-top: 15px;
  float: left;
  width: 100%;
}
/* line 382, sass/components/payments.scss */
#payments-content-wrapper .info-wrapper #subscription-wrapper .status-wrapper {
  width: 24%;
}
/* line 386, sass/components/payments.scss */
#payments-content-wrapper .info-wrapper #subscription-wrapper .buttons-wrapper {
  display: none;
}
/* line 392, sass/components/payments.scss */
#payments-content-wrapper .amounts {
  float: left;
  width: 100%;
  margin: 20px 0 5px 0;
}
/* line 397, sass/components/payments.scss */
#payments-content-wrapper .amounts .amount {
  width: 48%;
  float: left;
  font-size: 12px;
}
/* line 403, sass/components/payments.scss */
#payments-content-wrapper .amounts .amount label {
  float: left;
  width: 38%;
  text-transform: none;
}
/* line 408, sass/components/payments.scss */
#payments-content-wrapper .amounts .amount label.uppercase {
  text-transform: uppercase;
}
/* line 413, sass/components/payments.scss */
#payments-content-wrapper .amounts .amount .value {
  float: left;
  text-transform: none;
}
/* line 417, sass/components/payments.scss */
#payments-content-wrapper .amounts .amount .value.blue {
  color: #4B91E2;
}
/* line 421, sass/components/payments.scss */
#payments-content-wrapper .amounts .amount .value .input-validated {
  float: right;
  margin-left: 10px;
  margin-top: -3px;
}
/* line 430, sass/components/payments.scss */
#payments-content-wrapper .account-info-wrapper {
  width: 100%;
  float: left;
}
/* line 434, sass/components/payments.scss */
#payments-content-wrapper .account-info-wrapper .info-detail-wrapper {
  width: calc(100% - 300px);
  float: left;
}
/* line 439, sass/components/payments.scss */
#payments-content-wrapper .account-info-wrapper .card {
  float: left;
  margin-top: 10px;
  margin-right: 60px;
}
/* line 445, sass/components/payments.scss */
#payments-content-wrapper .account-info-wrapper .info {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
/* line 450, sass/components/payments.scss */
#payments-content-wrapper .account-info-wrapper .info .label, #payments-content-wrapper .account-info-wrapper .info .value {
  width: 180px;
  float: left;
}
/* line 455, sass/components/payments.scss */
#payments-content-wrapper .account-info-wrapper .info .label {
  text-transform: uppercase;
  font-weight: 600;
}
/* line 462, sass/components/payments.scss */
#payments-content-wrapper #associatedName {
  margin-top: 0;
  display: none;
}
/* line 468, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container {
  width: 100%;
  float: left;
  display: block;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  background-color: white;
}
/* line 477, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .reference-description-title,
#payments-content-wrapper .payments-inner-container .receipt-text {
  font-size: 12px;
  float: left;
  width: 100%;
  text-transform: uppercase;
  color: #00a3e0;
  font-weight: 600;
}
/* line 486, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .reference-description-title.with-margin,
#payments-content-wrapper .payments-inner-container .receipt-text.with-margin {
  margin-top: 20px;
}
/* line 491, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .receipt-text {
  margin-top: 20px;
}
/* line 495, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type {
  display: block;
}
/* line 498, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type.inline {
  width: calc(100% / 3);
}
/* line 501, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type.inline label {
  width: 100%;
}
/* line 507, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type#associate-name label, #payments-content-wrapper .payments-inner-container .field-type#associate-name .text-wrapper, #payments-content-wrapper .payments-inner-container .field-type#agent-name label, #payments-content-wrapper .payments-inner-container .field-type#agent-name .text-wrapper {
  width: 100%;
}
/* line 512, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type#agent-name {
  margin-bottom: 15px;
}
/* line 517, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type#associate-not-found .text-wrapper, #payments-content-wrapper .payments-inner-container .field-type#agent-not-found .text-wrapper, #payments-content-wrapper .payments-inner-container .field-type#customer-not-found .text-wrapper {
  width: 100%;
  color: #d0021b;
}
/* line 523, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type label {
  width: 120px;
  margin-right: 0;
  font-weight: bold;
}
/* line 528, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type label.dropdown-type {
  width: 118px;
}
/* line 533, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type .custom-input {
  width: 280px;
}
/* line 538, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type .custom-input input:disabled {
  background-color: transparent;
  border-bottom: none;
}
/* line 545, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type .text-wrapper {
  width: 200px;
  float: left;
  margin-top: 15px;
}
/* line 551, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type.amount {
  display: none;
}
/* line 554, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type.amount.visible {
  display: block;
}
/* line 559, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type.product {
  display: none;
}
/* line 562, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type.product.visible {
  display: block;
}
/* line 567, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type.reference {
  display: none;
}
/* line 570, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type.reference.visible {
  display: block;
}
/* line 576, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type .min-max-note {
  width: 100%;
  display: block;
  float: left;
  margin-left: 130px;
  margin-top: 5px;
  font-size: 9px;
  text-transform: none;
}
/* line 585, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type .min-max-note.hide {
  display: none;
}
/* line 590, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .field-type.hide {
  display: none;
}
/* line 595, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .info {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  position: relative;
  font-size: 12px;
}
/* line 603, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .info .dropdown-type {
  width: 120px;
  padding: 15px 0 13px 0;
  float: left;
  text-transform: uppercase;
}
/* line 610, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container .info .custom-dropdown {
  width: 280px;
  float: left;
  height: 44px;
  color: #4B91E2;
}
/* line 618, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container #search-client-button {
  margin-top: 20px;
}
/* line 622, sass/components/payments.scss */
#payments-content-wrapper .payments-inner-container #search-agent-button {
  margin-top: 35px;
}
/* line 627, sass/components/payments.scss */
#payments-content-wrapper .security-wrapper {
  width: 100%;
  float: left;
  display: block;
  margin-bottom: 10px;
  box-sizing: border-box;
  background-color: white;
}
/* line 636, sass/components/payments.scss */
#payments-content-wrapper .buttons-wrapper.hide {
  display: none;
}
/* line 643, sass/components/payments.scss */
#payments-content-wrapper .buttons-wrapper .icon.icon-effect.white svg {
  position: absolute;
  top: 10px;
  left: 10px;
}
/* line 649, sass/components/payments.scss */
#payments-content-wrapper .buttons-wrapper .icon.icon-effect.white.hide {
  display: none;
}
/* line 655, sass/components/payments.scss */
#payments-content-wrapper #refill-type {
  margin-bottom: 15px;
}
/* line 658, sass/components/payments.scss */
#payments-content-wrapper #refill-type .status-wrapper {
  width: 400px;
  padding-right: 0;
}
/* line 666, sass/components/payments.scss */
#payments-content-wrapper #refill-details .filter {
  width: 24%;
}
/* line 671, sass/components/payments.scss */
#payments-content-wrapper .filter-container {
  display: inline-block;
  width: 100%;
}
/* line 675, sass/components/payments.scss */
#payments-content-wrapper .filter-container .buttons-wrapper {
  display: none;
}
/* line 680, sass/components/payments.scss */
#payments-content-wrapper .pad-left {
  padding-left: 30px;
}
/* line 684, sass/components/payments.scss */
#payments-content-wrapper #refill-type, #payments-content-wrapper #account-origin {
  width: 100%;
}
/* line 688, sass/components/payments.scss */
#payments-content-wrapper .icons-wrapper {
  width: auto;
  float: right;
  height: 20px;
  margin-right: 20px;
  padding-top: 8px;
}
/* line 695, sass/components/payments.scss */
#payments-content-wrapper .icons-wrapper .icon {
  height: 100%;
  width: 20px;
  margin-left: 20px;
  float: left;
  cursor: pointer;
}
/* line 706, sass/components/payments.scss */
#payments-content-wrapper #payments-history-wrapper .filters-main-wrapper {
  margin-bottom: 0;
}
/* line 709, sass/components/payments.scss */
#payments-content-wrapper #payments-history-wrapper .filters-main-wrapper .filter {
  width: 21%;
}
/* line 712, sass/components/payments.scss */
#payments-content-wrapper #payments-history-wrapper .filters-main-wrapper .filter.date-wrapper {
  width: 37%;
}
/* line 724, sass/components/payments.scss */
#payments-content-wrapper #payments-history-wrapper .grids-wrapper .grid .cell {
  width: 15%;
  float: left;
  margin-right: 15px;
}
/* line 730, sass/components/payments.scss */
#payments-content-wrapper #payments-history-wrapper .grids-wrapper .grid .date {
  width: 17%;
}
/* line 734, sass/components/payments.scss */
#payments-content-wrapper #payments-history-wrapper .grids-wrapper .grid .entity {
  width: 20%;
}
/* line 738, sass/components/payments.scss */
#payments-content-wrapper #payments-history-wrapper .grids-wrapper .grid .amount {
  width: 20%;
}
/* line 742, sass/components/payments.scss */
#payments-content-wrapper #payments-history-wrapper .grids-wrapper .grid .type {
  width: 12%;
}
/* line 746, sass/components/payments.scss */
#payments-content-wrapper #payments-history-wrapper .grids-wrapper .grid .channel {
  width: 15%;
}
/* line 750, sass/components/payments.scss */
#payments-content-wrapper #payments-history-wrapper .grids-wrapper .grid .no-content {
  width: 100%;
  text-align: center;
}

/* line 759, sass/components/payments.scss */
#payment-entity-modal {
  width: 550px;
  height: auto;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
/* line 766, sass/components/payments.scss */
#payment-entity-modal .payment-card-entity {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  background-color: white;
}
/* line 774, sass/components/payments.scss */
#payment-entity-modal .payment-card-entity .close-modal {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
  cursor: pointer;
}
/* line 784, sass/components/payments.scss */
#payment-entity-modal .payment-card-entity .close-modal:before, #payment-entity-modal .payment-card-entity .close-modal:after {
  content: "";
  display: block;
  position: relative;
  width: 22px;
  height: 2px;
  top: 10px;
  left: 0px;
  background-color: #c2c2c2;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 802, sass/components/payments.scss */
#payment-entity-modal .payment-card-entity .close-modal:after {
  top: 8px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 810, sass/components/payments.scss */
#payment-entity-modal .payment-card-entity .header {
  width: 220px;
  height: 50px;
  float: left;
  padding: 0 20px;
  box-sizing: border-box;
  line-height: 50px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: #2c3e50;
}
/* line 824, sass/components/payments.scss */
#payment-entity-modal .payment-card-entity .body {
  width: 220px;
  height: calc(100% - 50px);
  float: left;
  padding: 20px;
  box-sizing: border-box;
}
/* line 831, sass/components/payments.scss */
#payment-entity-modal .payment-card-entity .body .logo-container {
  width: 110px;
  height: 110px;
  margin: 0px auto 10px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 842, sass/components/payments.scss */
#payment-entity-modal .payment-card-entity .modal-options-container {
  width: calc(100% - 220px);
  height: 100%;
  float: right;
  display: block;
  opacity: 0;
  transition: all 0.3s linear;
  padding-top: 70px;
  box-sizing: border-box;
}
/* line 854, sass/components/payments.scss */
#payment-entity-modal .payment-card-entity .modal-options-container .scroll-container {
  width: 100%;
  height: 100%;
  float: left;
}
/* line 860, sass/components/payments.scss */
#payment-entity-modal .payment-card-entity .modal-options-container .subtype {
  width: 100%;
  float: left;
  height: 40px;
  position: relative;
  line-height: 40px;
  font-size: 10px;
  font-weight: 600;
  color: #00a3e0;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-bottom: 1px solid rgba(194, 194, 194, 0.3);
  white-space: nowrap;
  cursor: pointer;
}
/* line 878, sass/components/payments.scss */
#payment-entity-modal .payment-card-entity .modal-options-container .subtype svg {
  display: none;
  position: absolute;
  right: 10px;
  top: 8px;
  fill: #00a3e0;
}
/* line 887, sass/components/payments.scss */
#payment-entity-modal .payment-card-entity .modal-options-container .subtype:hover svg {
  display: block;
}
/* line 894, sass/components/payments.scss */
#payment-entity-modal .payment-card-entity.no-children {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  /* line 908, sass/components/payments.scss */
  #payments-content-wrapper .info-wrapper #subscription-wrapper .status-wrapper {
    width: 26%;
    font-size: 10px;
  }
  /* line 913, sass/components/payments.scss */
  #payments-content-wrapper .info-wrapper #subscription-wrapper .value-wrapper {
    width: 20%;
    font-size: 10px;
  }
  /* line 922, sass/components/payments.scss */
  #payments-content-wrapper .amounts .amount {
    font-size: 10px;
  }
  /* line 925, sass/components/payments.scss */
  #payments-content-wrapper .amounts .amount label {
    margin-right: 15px;
  }
  /* line 935, sass/components/payments.scss */
  #payments-content-wrapper #payments-history-wrapper .filters-main-wrapper .filter {
    width: 33%;
  }
  /* line 938, sass/components/payments.scss */
  #payments-content-wrapper #payments-history-wrapper .filters-main-wrapper .filter.date-wrapper {
    width: 80%;
  }
  /* line 944, sass/components/payments.scss */
  #payments-content-wrapper #payments-history-wrapper .grids-wrapper {
    padding: 30px;
  }
  /* line 949, sass/components/payments.scss */
  #payments-content-wrapper #payments-history-wrapper .grids-wrapper .grid .row {
    font-size: 12px;
  }
  /* line 953, sass/components/payments.scss */
  #payments-content-wrapper #payments-history-wrapper .grids-wrapper .grid .date {
    width: 11%;
  }
  /* line 957, sass/components/payments.scss */
  #payments-content-wrapper #payments-history-wrapper .grids-wrapper .grid .entity {
    width: 25%;
  }

  /* line 966, sass/components/payments.scss */
  .info-box .fields {
    padding-left: 20px;
  }
}
@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/components/credit.scss */
#credit-main-wrapper {
  float: left;
  width: 100%;
}
/* line 11, sass/components/credit.scss */
#credit-main-wrapper .filters-wrapper #dropdown-wrapper .selected-option {
  padding-left: 0;
}
/* line 18, sass/components/credit.scss */
#credit-main-wrapper .credit-content-wrapper .credit-accounts-wrapper,
#credit-main-wrapper .credit-content-wrapper .credit-movements-wrapper {
  width: 100%;
  float: left;
}
/* line 25, sass/components/credit.scss */
#credit-main-wrapper .credit-content-wrapper .account-picker-wrapper .account-card-info .info label {
  width: 35%;
  line-height: 14px;
}
/* line 30, sass/components/credit.scss */
#credit-main-wrapper .credit-content-wrapper .account-picker-wrapper .account-card-info .info .icon {
  width: 22px;
  height: 22px;
  position: relative;
  float: right;
  cursor: pointer;
  margin-right: 65px;
  margin-top: -2px;
}
/* line 39, sass/components/credit.scss */
#credit-main-wrapper .credit-content-wrapper .account-picker-wrapper .account-card-info .info .icon svg {
  fill: #00a3e0;
  height: 22px;
  width: 22px;
}
/* line 47, sass/components/credit.scss */
#credit-main-wrapper .credit-content-wrapper .no-accounts {
  text-transform: uppercase;
  font-weight: 600;
  width: 100%;
  float: left;
  padding-top: 10px;
}
/* line 58, sass/components/credit.scss */
#credit-main-wrapper .heading {
  font-size: 12px;
  margin-bottom: 15px;
}
/* line 63, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper {
  padding: 30px 49px 30px 69px;
}
/* line 66, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid, #credit-main-wrapper .grids-wrapper .with-hover {
  overflow: visible;
}
/* line 69, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row, #credit-main-wrapper .grids-wrapper .with-hover .row {
  position: relative;
  width: calc(100% - 0);
}
/* line 73, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .number-cell, #credit-main-wrapper .grids-wrapper .with-hover .row .number-cell {
  width: 5%;
  text-align: center;
}
/* line 78, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .date-cell,
#credit-main-wrapper .grids-wrapper .grid .row .installment-number, #credit-main-wrapper .grids-wrapper .with-hover .row .date-cell,
#credit-main-wrapper .grids-wrapper .with-hover .row .installment-number {
  width: 13%;
}
/* line 83, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .installment-amount, #credit-main-wrapper .grids-wrapper .with-hover .row .installment-amount {
  width: 18%;
}
/* line 87, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .amortization,
#credit-main-wrapper .grids-wrapper .grid .row .payment-date, #credit-main-wrapper .grids-wrapper .with-hover .row .amortization,
#credit-main-wrapper .grids-wrapper .with-hover .row .payment-date {
  width: 16%;
}
/* line 92, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .date-move, #credit-main-wrapper .grids-wrapper .with-hover .row .date-move {
  width: 18%;
  float: left;
  margin-right: 15px;
}
/* line 98, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .date-value, #credit-main-wrapper .grids-wrapper .with-hover .row .date-value {
  width: 13%;
  float: left;
  margin-right: 15px;
}
/* line 104, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .description, #credit-main-wrapper .grids-wrapper .with-hover .row .description {
  width: 18%;
  float: left;
  margin-right: 15px;
}
/* line 110, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .money-ammount, #credit-main-wrapper .grids-wrapper .with-hover .row .money-ammount {
  width: 14%;
  float: left;
  margin-right: 15px;
  text-align: right;
}
/* line 118, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .cell, #credit-main-wrapper .grids-wrapper .with-hover .row .cell {
  float: left;
  padding-right: 15px;
  box-sizing: border-box;
}
/* line 123, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .cell.normal, #credit-main-wrapper .grids-wrapper .with-hover .row .cell.normal {
  color: #2c3e50;
}
/* line 127, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .cell .currency, #credit-main-wrapper .grids-wrapper .with-hover .row .cell .currency {
  text-transform: none;
}
/* line 132, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .tan, #credit-main-wrapper .grids-wrapper .with-hover .row .tan {
  width: 10%;
  text-align: right;
}
/* line 137, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .date-value, #credit-main-wrapper .grids-wrapper .grid .row .installment, #credit-main-wrapper .grids-wrapper .with-hover .row .date-value, #credit-main-wrapper .grids-wrapper .with-hover .row .installment {
  width: 13%;
}
/* line 141, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .money-ammount, #credit-main-wrapper .grids-wrapper .with-hover .row .money-ammount {
  width: 23%;
  text-align: right;
}
/* line 146, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .date-move, #credit-main-wrapper .grids-wrapper .grid .row .credit, #credit-main-wrapper .grids-wrapper .with-hover .row .date-move, #credit-main-wrapper .grids-wrapper .with-hover .row .credit {
  width: 16%;
}
/* line 150, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .next-installment, #credit-main-wrapper .grids-wrapper .with-hover .row .next-installment {
  width: 18%;
}
/* line 154, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .description, #credit-main-wrapper .grids-wrapper .with-hover .row .description {
  width: 25%;
}
/* line 158, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .deadline, #credit-main-wrapper .grids-wrapper .with-hover .row .deadline {
  width: 14%;
}
/* line 162, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .account, #credit-main-wrapper .grids-wrapper .with-hover .row .account {
  width: 15%;
}
/* line 166, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .capital,
#credit-main-wrapper .grids-wrapper .grid .row .expanses,
#credit-main-wrapper .grids-wrapper .grid .row .total-amount, #credit-main-wrapper .grids-wrapper .with-hover .row .capital,
#credit-main-wrapper .grids-wrapper .with-hover .row .expanses,
#credit-main-wrapper .grids-wrapper .with-hover .row .total-amount {
  width: 15%;
  text-align: right;
}
/* line 173, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .rate-amount, #credit-main-wrapper .grids-wrapper .with-hover .row .rate-amount {
  width: 12%;
  text-align: right;
}
/* line 178, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .plan-situation, #credit-main-wrapper .grids-wrapper .with-hover .row .plan-situation {
  width: 14%;
  text-align: center;
}
/* line 183, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .name, #credit-main-wrapper .grids-wrapper .with-hover .row .name {
  width: 20%;
}
/* line 187, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .ammount-owed, #credit-main-wrapper .grids-wrapper .with-hover .row .ammount-owed {
  width: 33%;
  text-align: right;
}
/* line 192, sass/components/credit.scss */
#credit-main-wrapper .grids-wrapper .grid .row .balance, #credit-main-wrapper .grids-wrapper .with-hover .row .balance {
  width: 30%;
  text-align: right;
}
/* line 201, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-type-picker {
  width: 100%;
  height: 100px;
  float: left;
  padding: 20px 60px;
  box-sizing: border-box;
  margin-bottom: 15px;
  background-color: #d5e3f1;
}
/* line 211, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-type-picker label {
  width: 100%;
  float: left;
  margin-right: 0;
  font-size: 12px;
  text-transform: uppercase;
}
/* line 220, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-type-picker .custom-dropdown {
  width: 240px;
  height: 35px;
  float: left;
  font-size: 12px;
}
/* line 227, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-type-picker .custom-dropdown #dropdown-wrapper .selected-option {
  line-height: 35px;
  padding-left: 0;
}
/* line 233, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-type-picker .custom-dropdown #dropdown-wrapper .icon svg {
  top: 10px;
}
/* line 241, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed {
  width: 100%;
  float: left;
  padding: 20px 60px;
  box-sizing: border-box;
  margin-bottom: 10px;
  background-color: white;
}
/* line 250, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type {
  height: 60px;
  margin-bottom: 20px;
}
/* line 254, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .left {
  width: 330px;
  float: left;
  margin-right: 40px;
}
/* line 259, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .left label {
  width: 100%;
  float: left;
  text-transform: none;
  padding-top: 0;
}
/* line 265, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .left label span {
  text-transform: none;
}
/* line 270, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .left .custom-input {
  margin-top: 5px;
  width: 320px;
  position: relative;
}
/* line 148, sass/variables.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .left .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 320px;
  height: 1px;
  left: 0;
  top: 39px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .left .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .left .custom-input input {
  width: 320px;
  height: 40px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .left .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .left .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 276, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .left .custom-input input {
  padding-top: 5px;
  box-sizing: border-box;
}
/* line 283, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .side-note {
  width: calc(100% - 370px);
  float: left;
  margin-top: 15px;
  text-transform: none;
  font-size: 12px;
}
/* line 294, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .custom-date-picker {
  width: 310px;
  float: left;
  margin-right: 20px;
  padding-top: 5px;
  cursor: pointer;
  position: relative;
}
/* line 148, sass/variables.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .custom-date-picker .underline {
  content: "";
  display: block;
  position: relative;
  width: 310px;
  height: 1px;
  left: 0;
  top: 37px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .custom-date-picker .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .custom-date-picker input {
  width: 310px;
  height: 35px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .custom-date-picker input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .custom-date-picker input:focus + .underline {
  transform: scaleX(1);
}
/* line 304, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .custom-date-picker input {
  background-color: transparent;
  position: relative;
  z-index: 4;
  cursor: pointer;
  padding-left: 10px;
}
/* line 312, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .custom-date-picker svg {
  position: relative;
  top: -27px;
  left: 290px;
}
/* line 319, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .custom-date-picker .tooltip-wrapper svg {
  position: absolute;
  left: 8px;
  top: 7px;
}
/* line 327, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type #maturity-dropdown {
  position: relative;
  width: 320px;
}
/* line 334, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper .bottom-note {
  width: 50%;
  float: left;
  font-size: 10px;
  margin: 0 0 20px 60px;
}
/* line 341, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper #simulator-result-wrapper {
  width: 100%;
  float: left;
  margin-top: 50px;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  display: none;
  background-color: white;
}
/* line 353, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper #simulator-result-wrapper.show {
  display: block;
}
/* line 357, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper #simulator-result-wrapper .half-container {
  width: calc(50% - 20px);
  float: left;
}
/* line 361, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper #simulator-result-wrapper .half-container:first-of-type {
  margin-right: 20px;
}
/* line 365, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper #simulator-result-wrapper .half-container:last-of-type {
  margin-left: 20px;
}
/* line 369, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper #simulator-result-wrapper .half-container .header,
#credit-main-wrapper #credit-simulator-wrapper #simulator-result-wrapper .half-container .info {
  width: 100%;
  height: 50px;
  float: left;
  padding: 0 20px;
  box-sizing: border-box;
  line-height: 50px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  color: white;
  background-color: #00a3e0;
}
/* line 384, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper #simulator-result-wrapper .half-container .header label,
#credit-main-wrapper #credit-simulator-wrapper #simulator-result-wrapper .half-container .info label {
  width: 50%;
  float: left;
}
/* line 388, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper #simulator-result-wrapper .half-container .header label.number,
#credit-main-wrapper #credit-simulator-wrapper #simulator-result-wrapper .half-container .info label.number {
  text-align: right;
  font-size: 18px;
  text-transform: none;
  font-weight: 400;
}
/* line 397, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper #simulator-result-wrapper .half-container .header {
  margin-bottom: 10px;
}
/* line 401, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper #simulator-result-wrapper .half-container .info {
  height: 40px;
  line-height: 40px;
  font-weight: 400;
  background-color: white;
  color: #2c3e50;
}
/* line 411, sass/components/credit.scss */
#credit-main-wrapper #credit-simulator-wrapper #simulator-result-wrapper .half-container .info label.blue {
  font-size: 14px;
  text-align: right;
  color: #00a3e0;
}
/* line 422, sass/components/credit.scss */
#credit-main-wrapper #financial-plan-wrapper {
  width: 100%;
  float: left;
}
/* line 426, sass/components/credit.scss */
#credit-main-wrapper #financial-plan-wrapper .credit-info-row {
  width: 100%;
  float: left;
}
/* line 430, sass/components/credit.scss */
#credit-main-wrapper #financial-plan-wrapper .credit-info-row .info {
  width: auto;
  min-width: 160px;
  margin-right: 70px;
}
/* line 435, sass/components/credit.scss */
#credit-main-wrapper #financial-plan-wrapper .credit-info-row .info .uppercase-type {
  text-transform: uppercase;
  margin-right: 10px;
}
/* line 441, sass/components/credit.scss */
#credit-main-wrapper #financial-plan-wrapper .credit-info-row.dates {
  margin-top: 20px;
}

@media screen and (max-width: 900px) {
  /* line 458, sass/components/credit.scss */
  #credit-main-wrapper .grids-wrapper .grid .row .date-move {
    width: 14%;
  }
  /* line 462, sass/components/credit.scss */
  #credit-main-wrapper .grids-wrapper .grid .row .money-ammount {
    width: 16%;
  }
  /* line 466, sass/components/credit.scss */
  #credit-main-wrapper .grids-wrapper .grid .row .balance {
    width: 17%;
  }
  /* line 470, sass/components/credit.scss */
  #credit-main-wrapper .grids-wrapper .grid .row .credit {
    width: 20%;
  }
  /* line 474, sass/components/credit.scss */
  #credit-main-wrapper .grids-wrapper .grid .row .next-installment {
    width: 13%;
  }
  /* line 478, sass/components/credit.scss */
  #credit-main-wrapper .grids-wrapper .grid .row .installment {
    width: 15%;
  }
  /* line 482, sass/components/credit.scss */
  #credit-main-wrapper .grids-wrapper .grid .row .ammount-owed {
    width: 15%;
  }
  /* line 486, sass/components/credit.scss */
  #credit-main-wrapper .grids-wrapper .grid .row .tan {
    width: 15%;
  }
  /* line 490, sass/components/credit.scss */
  #credit-main-wrapper .grids-wrapper .grid .row .pdf-button {
    margin-right: 0;
  }
  /* line 497, sass/components/credit.scss */
  #credit-main-wrapper .account-picker-wrapper .account-card-info .info {
    width: 100%;
  }
  /* line 500, sass/components/credit.scss */
  #credit-main-wrapper .account-picker-wrapper .account-card-info .info label {
    width: 30%;
  }
  /* line 504, sass/components/credit.scss */
  #credit-main-wrapper .account-picker-wrapper .account-card-info .info .icon {
    float: left;
    margin-left: 5px;
  }
}
@media (max-width: 1024px) {
  /* line 516, sass/components/credit.scss */
  #credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type {
    height: auto;
  }
  /* line 518, sass/components/credit.scss */
  #credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .side-note {
    width: auto;
    white-space: normal;
  }
  /* line 523, sass/components/credit.scss */
  #credit-main-wrapper #credit-simulator-wrapper .credit-details-needed .field-type .custom-date-picker svg {
    top: 0;
    left: -40px;
  }
  /* line 530, sass/components/credit.scss */
  #credit-main-wrapper #credit-simulator-wrapper .bottom-note {
    width: 80%;
    white-space: normal;
  }
}
/* line 3, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .filters-wrapper {
  padding: 25px 60px 0px 60px;
  margin-top: 10px;
}
/* line 7, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .filters-wrapper .filters-main-wrapper {
  float: none;
  width: 75%;
  margin: 0 auto;
}
/* line 12, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .filters-wrapper .filters-main-wrapper .single-date-wrapper {
  width: 30%;
  float: left;
}
/* line 17, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .filters-wrapper .filters-main-wrapper .radio-check-buttons-wrapper {
  width: 45%;
  padding-top: 30px;
  float: left;
}
/* line 22, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .filters-wrapper .filters-main-wrapper .radio-check-buttons-wrapper .custom-radio-button, #exchange-rate-wrapper .filters-wrapper .filters-main-wrapper .radio-check-buttons-wrapper .custom-checkbox-button {
  width: 25%;
}
/* line 25, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .filters-wrapper .filters-main-wrapper .radio-check-buttons-wrapper .custom-radio-button label, #exchange-rate-wrapper .filters-wrapper .filters-main-wrapper .radio-check-buttons-wrapper .custom-checkbox-button label {
  width: 40%;
}
/* line 31, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .filters-wrapper .filters-main-wrapper .buttons-wrapper {
  float: right;
}
/* line 37, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 50px 60px;
  box-sizing: border-box;
  background-color: white;
  position: relative;
}
/* line 46, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .exchange-table {
  width: 59.5%;
  float: left;
  font-size: 1vw;
  text-transform: uppercase;
}
/* line 52, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .exchange-table.right {
  float: right;
  width: 40%;
}
/* line 58, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .exchange-table.right .exchange-row .exchange-cell {
  width: 50%;
}
/* line 62, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .exchange-table.right .exchange-row .exchange-title {
  width: 100%;
}
/* line 68, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .exchange-table .exchange-row {
  width: 100%;
  height: 50px;
}
/* line 72, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .exchange-table .exchange-row .exchange-cell {
  width: 38%;
  height: 50px;
  float: left;
  text-align: center;
  line-height: 50px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/* line 81, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .exchange-table .exchange-row .exchange-small {
  width: 24%;
}
/* line 85, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .exchange-table .exchange-row .exchange-title {
  width: 76%;
  background-color: #2c3e50;
  color: #fff;
  font-weight: bold;
}
/* line 92, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .exchange-table .exchange-row .exchange-normal {
  background-color: #d5e3f1;
}
/* line 96, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .exchange-table .exchange-row .exchange-light {
  background-color: rgba(213, 227, 241, 0.3);
}
/* line 100, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .exchange-table .exchange-row .left {
  text-align: left;
  padding-left: 10px;
  box-sizing: border-box;
  position: relative;
  overflow: visible;
}
/* line 107, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .exchange-table .exchange-row .left label {
  float: left;
  width: 30%;
  float: left;
  margin: 0;
}
/* line 114, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .exchange-table .exchange-row .left .coin-description {
  display: none;
  height: 15px;
  line-height: 15px;
  padding: 2px 5px;
  position: absolute;
  top: 17px;
  left: 48px;
  font-size: 0.6vw;
  color: white;
  background-color: #2c3e50;
}
/* line 127, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .exchange-table .exchange-row .left .coin-description:after {
  content: '';
  display: block;
  position: absolute;
  border-right: 5px solid #2c3e50;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  left: -4px;
  top: 3px;
}
/* line 138, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .exchange-table .exchange-row .left .coin-description.show {
  display: inline-table;
}
/* line 143, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .exchange-table .exchange-row .left .exchange-time, #exchange-rate-wrapper .exchange-table-wrapper .exchange-table .exchange-row .left .exchange-date {
  margin: 7px 0 7px 5px;
  height: 15px;
  line-height: 15px;
}
/* line 152, sass/components/foreignCoin.scss */
#exchange-rate-wrapper .exchange-table-wrapper .note {
  position: absolute;
  bottom: 0px;
  left: 10px;
}

@media screen and (max-width: 768px) {
  /* line 164, sass/components/foreignCoin.scss */
  #exchange-rate-wrapper .exchange-table-wrapper {
    padding: 50px 30px;
  }
  /* line 167, sass/components/foreignCoin.scss */
  #exchange-rate-wrapper .exchange-table-wrapper .exchange-table {
    font-size: 9px;
  }
  /* line 173, sass/components/foreignCoin.scss */
  #exchange-rate-wrapper .exchange-table-wrapper .exchange-table .exchange-row .left label {
    font-size: 8px;
  }
  /* line 177, sass/components/foreignCoin.scss */
  #exchange-rate-wrapper .exchange-table-wrapper .exchange-table .exchange-row .left p {
    line-height: 30px;
    width: 100%;
    max-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  /* line 186, sass/components/foreignCoin.scss */
  #exchange-rate-wrapper .exchange-table-wrapper .exchange-table .exchange-row .left p.coin-description {
    width: 90px;
    font-size: 9px;
  }
}
@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/components/cards.scss */
#cards-movements-wrapper,
#cards-refill-wrapper,
#cards-cancel-wrapper,
#cards-change-pin-wrapper,
#new-withdraw-wrapper {
  width: 100%;
  float: left;
}
/* line 13, sass/components/cards.scss */
#cards-movements-wrapper .card-picker-wrapper .card-info,
#cards-refill-wrapper .card-picker-wrapper .card-info,
#cards-cancel-wrapper .card-picker-wrapper .card-info,
#cards-change-pin-wrapper .card-picker-wrapper .card-info,
#new-withdraw-wrapper .card-picker-wrapper .card-info {
  width: calc(100% - 475px);
  float: left;
  margin-top: 0;
}
/* line 18, sass/components/cards.scss */
#cards-movements-wrapper .card-picker-wrapper .card-info .info,
#cards-refill-wrapper .card-picker-wrapper .card-info .info,
#cards-cancel-wrapper .card-picker-wrapper .card-info .info,
#cards-change-pin-wrapper .card-picker-wrapper .card-info .info,
#new-withdraw-wrapper .card-picker-wrapper .card-info .info {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  font-size: 12px;
}
/* line 24, sass/components/cards.scss */
#cards-movements-wrapper .card-picker-wrapper .card-info .info label.uppercase-type,
#cards-refill-wrapper .card-picker-wrapper .card-info .info label.uppercase-type,
#cards-cancel-wrapper .card-picker-wrapper .card-info .info label.uppercase-type,
#cards-change-pin-wrapper .card-picker-wrapper .card-info .info label.uppercase-type,
#new-withdraw-wrapper .card-picker-wrapper .card-info .info label.uppercase-type {
  width: 150px;
  float: left;
}
/* line 29, sass/components/cards.scss */
#cards-movements-wrapper .card-picker-wrapper .card-info .info label.blue-text,
#cards-refill-wrapper .card-picker-wrapper .card-info .info label.blue-text,
#cards-cancel-wrapper .card-picker-wrapper .card-info .info label.blue-text,
#cards-change-pin-wrapper .card-picker-wrapper .card-info .info label.blue-text,
#new-withdraw-wrapper .card-picker-wrapper .card-info .info label.blue-text {
  line-height: 14px;
  font-size: 14px;
  width: 200px;
  float: left;
}
/* line 40, sass/components/cards.scss */
#cards-movements-wrapper .grids-wrapper .grid,
#cards-refill-wrapper .grids-wrapper .grid,
#cards-cancel-wrapper .grids-wrapper .grid,
#cards-change-pin-wrapper .grids-wrapper .grid,
#new-withdraw-wrapper .grids-wrapper .grid {
  margin-bottom: 20px;
}
/* line 45, sass/components/cards.scss */
#cards-movements-wrapper .grids-wrapper .grid .row .date-move,
#cards-refill-wrapper .grids-wrapper .grid .row .date-move,
#cards-cancel-wrapper .grids-wrapper .grid .row .date-move,
#cards-change-pin-wrapper .grids-wrapper .grid .row .date-move,
#new-withdraw-wrapper .grids-wrapper .grid .row .date-move {
  width: 20%;
}
/* line 49, sass/components/cards.scss */
#cards-movements-wrapper .grids-wrapper .grid .row .date-value,
#cards-refill-wrapper .grids-wrapper .grid .row .date-value,
#cards-cancel-wrapper .grids-wrapper .grid .row .date-value,
#cards-change-pin-wrapper .grids-wrapper .grid .row .date-value,
#new-withdraw-wrapper .grids-wrapper .grid .row .date-value {
  width: 15%;
}
/* line 53, sass/components/cards.scss */
#cards-movements-wrapper .grids-wrapper .grid .row .description,
#cards-refill-wrapper .grids-wrapper .grid .row .description,
#cards-cancel-wrapper .grids-wrapper .grid .row .description,
#cards-change-pin-wrapper .grids-wrapper .grid .row .description,
#new-withdraw-wrapper .grids-wrapper .grid .row .description {
  width: 40%;
}
/* line 57, sass/components/cards.scss */
#cards-movements-wrapper .grids-wrapper .grid .row .money-amount,
#cards-refill-wrapper .grids-wrapper .grid .row .money-amount,
#cards-cancel-wrapper .grids-wrapper .grid .row .money-amount,
#cards-change-pin-wrapper .grids-wrapper .grid .row .money-amount,
#new-withdraw-wrapper .grids-wrapper .grid .row .money-amount {
  width: 20%;
}
/* line 65, sass/components/cards.scss */
#cards-movements-wrapper #card-slider-wrapper,
#cards-refill-wrapper #card-slider-wrapper,
#cards-cancel-wrapper #card-slider-wrapper,
#cards-change-pin-wrapper #card-slider-wrapper,
#new-withdraw-wrapper #card-slider-wrapper {
  width: 400px;
  height: auto;
  float: left;
  margin-right: 75px;
  position: relative;
}
/* line 74, sass/components/cards.scss */
#cards-movements-wrapper #card-slider-wrapper .slider-container,
#cards-refill-wrapper #card-slider-wrapper .slider-container,
#cards-cancel-wrapper #card-slider-wrapper .slider-container,
#cards-change-pin-wrapper #card-slider-wrapper .slider-container,
#new-withdraw-wrapper #card-slider-wrapper .slider-container {
  width: 400px;
  height: 180px;
  float: left;
  padding-top: 10px;
  position: relative;
  overflow: hidden;
  box-sizing: contet-box;
  border-left: 1px solid #f2f2f3;
  border-right: 1px solid #f2f2f3;
  transition: transform 1s ease;
}
/* line 90, sass/components/cards.scss */
#cards-movements-wrapper #card-slider-wrapper .slider-container .slider-wrapper,
#cards-refill-wrapper #card-slider-wrapper .slider-container .slider-wrapper,
#cards-cancel-wrapper #card-slider-wrapper .slider-container .slider-wrapper,
#cards-change-pin-wrapper #card-slider-wrapper .slider-container .slider-wrapper,
#new-withdraw-wrapper #card-slider-wrapper .slider-container .slider-wrapper {
  width: 100%;
  position: absolute;
  white-space: nowrap;
  font-size: 0;
  transition: transform 1s ease;
  -webkit-transform: translateX(20%);
  -ms-transform: translateX(20%);
  -o-transform: translateX(20%);
  transform: translateX(20%);
}
/* line 105, sass/components/cards.scss */
#cards-movements-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card,
#cards-refill-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card,
#cards-cancel-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card,
#cards-change-pin-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card,
#new-withdraw-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card {
  height: 140px;
  width: 240px;
  position: relative;
  display: inline-block;
  transition: all 1s ease-in-out;
  overflow: hidden;
  cursor: pointer;
  border-radius: 10px;
  opacity: 0.6;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 128, sass/components/cards.scss */
#cards-movements-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card .card-type,
#cards-refill-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card .card-type,
#cards-cancel-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card .card-type,
#cards-change-pin-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card .card-type,
#new-withdraw-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card .card-type {
  font-size: 10px;
  height: 20px;
  padding: 10px 0 0 20px;
  text-transform: uppercase;
}
/* line 135, sass/components/cards.scss */
#cards-movements-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card .balance,
#cards-refill-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card .balance,
#cards-cancel-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card .balance,
#cards-change-pin-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card .balance,
#new-withdraw-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card .balance {
  width: 100%;
  text-align: center;
  height: 45px;
  line-height: 35px;
  font-size: 16px;
}
/* line 143, sass/components/cards.scss */
#cards-movements-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card .card-number,
#cards-refill-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card .card-number,
#cards-cancel-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card .card-number,
#cards-change-pin-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card .card-number,
#new-withdraw-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card .card-number {
  height: 35px;
  width: 100%;
  background-color: #f2f2f3;
  font-size: 10px;
  line-height: 35px;
  padding-left: 15px;
}
/* line 152, sass/components/cards.scss */
#cards-movements-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card.current,
#cards-refill-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card.current,
#cards-cancel-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card.current,
#cards-change-pin-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card.current,
#new-withdraw-wrapper #card-slider-wrapper .slider-container .slider-wrapper .card.current {
  opacity: 1;
  z-index: 2;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* line 164, sass/components/cards.scss */
#cards-movements-wrapper #card-slider-wrapper .slider-circle-picker,
#cards-refill-wrapper #card-slider-wrapper .slider-circle-picker,
#cards-cancel-wrapper #card-slider-wrapper .slider-circle-picker,
#cards-change-pin-wrapper #card-slider-wrapper .slider-circle-picker,
#new-withdraw-wrapper #card-slider-wrapper .slider-circle-picker {
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 0;
  text-align: center;
  margin: 0 auto;
}
/* line 175, sass/components/cards.scss */
#cards-movements-wrapper #card-slider-wrapper .slider-circle-picker .circle-picker,
#cards-refill-wrapper #card-slider-wrapper .slider-circle-picker .circle-picker,
#cards-cancel-wrapper #card-slider-wrapper .slider-circle-picker .circle-picker,
#cards-change-pin-wrapper #card-slider-wrapper .slider-circle-picker .circle-picker,
#new-withdraw-wrapper #card-slider-wrapper .slider-circle-picker .circle-picker {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  background-color: #f2f2f3;
}
/* line 186, sass/components/cards.scss */
#cards-movements-wrapper #card-slider-wrapper .slider-circle-picker .circle-picker.active,
#cards-refill-wrapper #card-slider-wrapper .slider-circle-picker .circle-picker.active,
#cards-cancel-wrapper #card-slider-wrapper .slider-circle-picker .circle-picker.active,
#cards-change-pin-wrapper #card-slider-wrapper .slider-circle-picker .circle-picker.active,
#new-withdraw-wrapper #card-slider-wrapper .slider-circle-picker .circle-picker.active {
  background-color: #00a3e0;
}
/* line 194, sass/components/cards.scss */
#cards-movements-wrapper .info .custom-input,
#cards-refill-wrapper .info .custom-input,
#cards-cancel-wrapper .info .custom-input,
#cards-change-pin-wrapper .info .custom-input,
#new-withdraw-wrapper .info .custom-input {
  float: left;
  width: 200px;
  position: relative;
}
/* line 148, sass/variables.scss */
#cards-movements-wrapper .info .custom-input .underline,
#cards-refill-wrapper .info .custom-input .underline,
#cards-cancel-wrapper .info .custom-input .underline,
#cards-change-pin-wrapper .info .custom-input .underline,
#new-withdraw-wrapper .info .custom-input .underline {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  left: 0;
  top: 18px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#cards-movements-wrapper .info .custom-input .underline.error,
#cards-refill-wrapper .info .custom-input .underline.error,
#cards-cancel-wrapper .info .custom-input .underline.error,
#cards-change-pin-wrapper .info .custom-input .underline.error,
#new-withdraw-wrapper .info .custom-input .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#cards-movements-wrapper .info .custom-input input,
#cards-refill-wrapper .info .custom-input input,
#cards-cancel-wrapper .info .custom-input input,
#cards-change-pin-wrapper .info .custom-input input,
#new-withdraw-wrapper .info .custom-input input {
  width: 100%;
  height: 16px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#cards-movements-wrapper .info .custom-input input:disabled,
#cards-refill-wrapper .info .custom-input input:disabled,
#cards-cancel-wrapper .info .custom-input input:disabled,
#cards-change-pin-wrapper .info .custom-input input:disabled,
#new-withdraw-wrapper .info .custom-input input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#cards-movements-wrapper .info .custom-input input:focus + .underline,
#cards-refill-wrapper .info .custom-input input:focus + .underline,
#cards-cancel-wrapper .info .custom-input input:focus + .underline,
#cards-change-pin-wrapper .info .custom-input input:focus + .underline,
#new-withdraw-wrapper .info .custom-input input:focus + .underline {
  transform: scaleX(1);
}
/* line 201, sass/components/cards.scss */
#cards-movements-wrapper .info .custom-input.dashed input,
#cards-refill-wrapper .info .custom-input.dashed input,
#cards-cancel-wrapper .info .custom-input.dashed input,
#cards-change-pin-wrapper .info .custom-input.dashed input,
#new-withdraw-wrapper .info .custom-input.dashed input {
  border-bottom: 0;
}
/* line 204, sass/components/cards.scss */
#cards-movements-wrapper .info .custom-input.dashed input:disabled,
#cards-refill-wrapper .info .custom-input.dashed input:disabled,
#cards-cancel-wrapper .info .custom-input.dashed input:disabled,
#cards-change-pin-wrapper .info .custom-input.dashed input:disabled,
#new-withdraw-wrapper .info .custom-input.dashed input:disabled {
  color: #2C3E50;
  background-color: transparent;
  border-bottom: 1px dashed #C2C2C2;
}
/* line 211, sass/components/cards.scss */
#cards-movements-wrapper .info .custom-input.dashed .edit-field,
#cards-movements-wrapper .info .custom-input.dashed .save-field,
#cards-refill-wrapper .info .custom-input.dashed .edit-field,
#cards-refill-wrapper .info .custom-input.dashed .save-field,
#cards-cancel-wrapper .info .custom-input.dashed .edit-field,
#cards-cancel-wrapper .info .custom-input.dashed .save-field,
#cards-change-pin-wrapper .info .custom-input.dashed .edit-field,
#cards-change-pin-wrapper .info .custom-input.dashed .save-field,
#new-withdraw-wrapper .info .custom-input.dashed .edit-field,
#new-withdraw-wrapper .info .custom-input.dashed .save-field {
  position: absolute;
  display: block;
  right: 0;
  top: -2px;
  cursor: pointer;
}
/* line 220, sass/components/cards.scss */
#cards-movements-wrapper .info .custom-input.dashed .edit-field svg,
#cards-movements-wrapper .info .custom-input.dashed .save-field svg,
#cards-refill-wrapper .info .custom-input.dashed .edit-field svg,
#cards-refill-wrapper .info .custom-input.dashed .save-field svg,
#cards-cancel-wrapper .info .custom-input.dashed .edit-field svg,
#cards-cancel-wrapper .info .custom-input.dashed .save-field svg,
#cards-change-pin-wrapper .info .custom-input.dashed .edit-field svg,
#cards-change-pin-wrapper .info .custom-input.dashed .save-field svg,
#new-withdraw-wrapper .info .custom-input.dashed .edit-field svg,
#new-withdraw-wrapper .info .custom-input.dashed .save-field svg {
  fill: #00a3e0;
}
/* line 224, sass/components/cards.scss */
#cards-movements-wrapper .info .custom-input.dashed .edit-field.hide,
#cards-movements-wrapper .info .custom-input.dashed .save-field.hide,
#cards-refill-wrapper .info .custom-input.dashed .edit-field.hide,
#cards-refill-wrapper .info .custom-input.dashed .save-field.hide,
#cards-cancel-wrapper .info .custom-input.dashed .edit-field.hide,
#cards-cancel-wrapper .info .custom-input.dashed .save-field.hide,
#cards-change-pin-wrapper .info .custom-input.dashed .edit-field.hide,
#cards-change-pin-wrapper .info .custom-input.dashed .save-field.hide,
#new-withdraw-wrapper .info .custom-input.dashed .edit-field.hide,
#new-withdraw-wrapper .info .custom-input.dashed .save-field.hide {
  display: none;
}

/* line 234, sass/components/cards.scss */
#cards-refill-wrapper #card-slider-wrapper {
  margin-top: 40px;
}
/* line 239, sass/components/cards.scss */
#cards-refill-wrapper .field-type label {
  width: 120px;
}
/* line 242, sass/components/cards.scss */
#cards-refill-wrapper .field-type label.note-kamba {
  width: 80px;
}
/* line 246, sass/components/cards.scss */
#cards-refill-wrapper .field-type label.label-note {
  width: 100%;
  text-align: right;
  font-size: 10px;
  padding-top: 5px;
  color: #00a3e0;
}
/* line 254, sass/components/cards.scss */
#cards-refill-wrapper .field-type label.hide {
  display: none;
}
/* line 260, sass/components/cards.scss */
#cards-refill-wrapper .field-type #account-custom-dropdown .label-border:before {
  width: calc( 100% + 140px);
  left: -140px;
}
/* line 266, sass/components/cards.scss */
#cards-refill-wrapper .field-type .custom-textarea {
  float: left;
  width: calc( 100% - 140px);
  position: relative;
  margin-top: 10px;
}
/* line 195, sass/variables.scss */
#cards-refill-wrapper .field-type .custom-textarea .underline {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  left: 0;
  top: 34px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 209, sass/variables.scss */
#cards-refill-wrapper .field-type .custom-textarea .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 215, sass/variables.scss */
#cards-refill-wrapper .field-type .custom-textarea textarea {
  width: 100%;
  height: 30px;
  float: left;
  border: none;
  outline: none;
  overflow: hidden;
  border-bottom: 1px solid #c2c2c2;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  background-color: transparent;
  resize: none;
}
/* line 230, sass/variables.scss */
#cards-refill-wrapper .field-type .custom-textarea textarea:disabled {
  background-color: transparent;
}
/* line 234, sass/variables.scss */
#cards-refill-wrapper .field-type .custom-textarea textarea:focus + .underline {
  transform: scaleX(1);
}
/* line 272, sass/components/cards.scss */
#cards-refill-wrapper .field-type .custom-textarea.blue textarea {
  color: #00a3e0;
}
/* line 277, sass/components/cards.scss */
#cards-refill-wrapper .field-type .custom-textarea .character-counter {
  width: 100%;
  text-align: right;
  font-size: 10px;
  padding-top: 5px;
  color: #00a3e0;
}
/* line 288, sass/components/cards.scss */
#cards-refill-wrapper .field-type.file-info .text-wrapper.fileInfo {
  padding-top: 15px;
  line-height: normal;
  float: right;
  margin-bottom: 5px;
}
/* line 294, sass/components/cards.scss */
#cards-refill-wrapper .field-type.file-info .text-wrapper.fileInfo svg {
  float: left;
}
/* line 298, sass/components/cards.scss */
#cards-refill-wrapper .field-type.file-info .text-wrapper.fileInfo label {
  width: calc(100% - 60px);
  padding-top: 0;
  padding-left: 15px;
  float: right;
  margin-bottom: 5px;
}
/* line 305, sass/components/cards.scss */
#cards-refill-wrapper .field-type.file-info .text-wrapper.fileInfo label.title {
  font-size: 14px;
  color: #2c3e50;
}
/* line 310, sass/components/cards.scss */
#cards-refill-wrapper .field-type.file-info .text-wrapper.fileInfo label.file-description {
  font-size: 12px;
  color: #7b8594;
}
/* line 315, sass/components/cards.scss */
#cards-refill-wrapper .field-type.file-info .text-wrapper.fileInfo label.file-name {
  font-size: 11px;
  color: #2c3e50;
}
/* line 321, sass/components/cards.scss */
#cards-refill-wrapper .field-type.file-info .text-wrapper.fileInfo .inputs-container {
  width: 100%;
  float: left;
  padding: 10px 25px;
  box-sizing: border-box;
}
/* line 327, sass/components/cards.scss */
#cards-refill-wrapper .field-type.file-info .text-wrapper.fileInfo .inputs-container .field-type {
  min-height: 30px;
}
/* line 329, sass/components/cards.scss */
#cards-refill-wrapper .field-type.file-info .text-wrapper.fileInfo .inputs-container .field-type label {
  width: auto;
  float: left;
  height: 20px;
  line-height: 20px;
}
/* line 336, sass/components/cards.scss */
#cards-refill-wrapper .field-type.file-info .text-wrapper.fileInfo .inputs-container .field-type .text-wrapper {
  height: 20px;
  line-height: 20px;
}
/* line 345, sass/components/cards.scss */
#cards-refill-wrapper .field-type .text-wrapper.motive {
  padding-left: 40px;
  box-sizing: border-box;
  background-position: 0;
  background-repeat: no-repeat;
}
/* line 351, sass/components/cards.scss */
#cards-refill-wrapper .field-type .text-wrapper.motive.EDUCATION {
  background-image: url("../images/icons_kamba/icon-educacao.svg");
}
/* line 355, sass/components/cards.scss */
#cards-refill-wrapper .field-type .text-wrapper.motive.HEALTH {
  background-image: url("../images/icons_kamba/icon-saude.svg");
}
/* line 359, sass/components/cards.scss */
#cards-refill-wrapper .field-type .text-wrapper.motive.TRAVEL {
  background-image: url("../images/icons_kamba/icon-viagem.svg");
}
/* line 365, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper {
  width: 100%;
  float: left;
  margin-top: 40px;
}
/* line 370, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper label.dropdown-type {
  width: 160px;
}
/* line 374, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper #motive-custom-dropdown {
  width: 240px;
}
/* line 377, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper #motive-custom-dropdown .label-border-simple:before {
  width: calc(100% + 160px);
  left: -160px;
}
/* line 382, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper #motive-custom-dropdown .object {
  padding-left: 50px;
  box-sizing: border-box;
  background-position: 10px;
  background-repeat: no-repeat;
}
/* line 388, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper #motive-custom-dropdown .object .title {
  line-height: 21px;
}
/* line 392, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper #motive-custom-dropdown .object#EDUCATION {
  background-image: url("../images/icons_kamba/icon-educacao.svg");
}
/* line 395, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper #motive-custom-dropdown .object#EDUCATION:hover {
  background-image: url("../images/icons_kamba/icon-educacao-hover.svg");
}
/* line 400, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper #motive-custom-dropdown .object#HEALTH {
  background-image: url("../images/icons_kamba/icon-saude.svg");
}
/* line 403, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper #motive-custom-dropdown .object#HEALTH:hover {
  background-image: url("../images/icons_kamba/icon-saude-hover.svg");
}
/* line 408, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper #motive-custom-dropdown .object#TRAVEL {
  background-image: url("../images/icons_kamba/icon-viagem.svg");
}
/* line 411, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper #motive-custom-dropdown .object#TRAVEL:hover {
  background-image: url("../images/icons_kamba/icon-viagem-hover.svg");
}
/* line 417, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper #motive-custom-dropdown .selected-option {
  padding-left: 50px;
  box-sizing: border-box;
  background-position: 10px;
  background-repeat: no-repeat;
  line-height: 45px;
}
/* line 424, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper #motive-custom-dropdown .selected-option#EDUCATION {
  background-image: url("../images/icons_kamba/icon-educacao-selected.svg");
}
/* line 428, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper #motive-custom-dropdown .selected-option#HEALTH {
  background-image: url("../images/icons_kamba/icon-saude-selected.svg");
}
/* line 432, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper #motive-custom-dropdown .selected-option#TRAVEL {
  background-image: url("../images/icons_kamba/icon-viagem-selected.svg");
}
/* line 439, sass/components/cards.scss */
#cards-refill-wrapper .inputs-wrapper #flex-field.hide, #cards-refill-wrapper .inputs-wrapper #kamba-field.hide {
  display: none;
}
/* line 445, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  background-color: white;
}
/* line 454, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper .field-type.title label {
  width: 100%;
}
/* line 458, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper .field-type.title .files-supported-note {
  width: 100%;
  height: 20px;
  float: left;
  font-size: 12px;
  color: #a5bacf;
}
/* line 468, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #upload-file {
  visibility: hidden;
}
/* line 474, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .no-file, #cards-refill-wrapper #kamba-file-wrapper #files-container .file {
  width: 100%;
  height: 196px;
  float: left;
  border-radius: 6px;
  background-color: #fcfcfc;
  border: solid 1px #f0f0f0;
}
/* line 484, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .no-file {
  margin: 40px 0;
  padding-top: 55px;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
  color: #2c3e50;
}
/* line 494, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file {
  margin-bottom: 20px;
  padding: 30px 40px;
  box-sizing: border-box;
}
/* line 499, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file:first-of-type {
  margin-top: 40px;
}
/* line 503, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file.showInputs {
  height: 330px;
}
/* line 507, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file.showInputs .custom-input svg {
  position: absolute;
  right: 15px;
  top: 15px;
  pointer-events: none;
}
/* line 514, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file.showInputs .custom-input .tooltip-wrapper {
  z-index: 1;
}
/* line 516, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file.showInputs .custom-input .tooltip-wrapper svg {
  top: 7px;
}
/* line 525, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file.redAlert .obligatory-message {
  display: block;
}
/* line 529, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file.redAlert .pre-upload {
  border: dashed 2px #ff6262;
}
/* line 534, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file.hoverClass {
  background-color: rgba(39, 176, 138, 0.1);
  border: solid 1px #27b08a;
}
/* line 538, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file.hoverClass * {
  pointer-events: none;
}
/* line 542, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file.hoverClass .pre-upload {
  background-color: rgba(39, 176, 138, 0.1);
  border: dashed 2px #27b08a;
}
/* line 548, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pre-upload, #cards-refill-wrapper #kamba-file-wrapper #files-container .file .uploading, #cards-refill-wrapper #kamba-file-wrapper #files-container .file .pos-upload {
  width: 100%;
  height: 65px;
  float: left;
  margin-top: 30px;
  padding: 17px 24px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #ffffff;
  display: none;
}
/* line 561, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pre-upload svg, #cards-refill-wrapper #kamba-file-wrapper #files-container .file .uploading svg, #cards-refill-wrapper #kamba-file-wrapper #files-container .file .pos-upload svg {
  margin-right: 24px;
  float: left;
}
/* line 568, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file.pre-upload .pre-upload {
  display: block;
}
/* line 574, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file.uploading .uploading {
  display: block;
}
/* line 580, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file.pos-upload .pos-upload {
  display: block;
}
/* line 585, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .title {
  width: 100%;
  height: 22px;
  float: left;
  line-height: 22px;
  font-size: 14px;
  font-weight: 600;
  color: #3d4d62;
}
/* line 596, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .description {
  width: 100%;
  height: 18px;
  float: left;
  line-height: 18px;
  font-size: 12px;
  color: #7b8594;
}
/* line 606, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pre-upload {
  line-height: 65px;
  border: dashed 2px #e6e6e6;
  font-size: 12px;
  color: #3d4d62;
}
/* line 613, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pre-upload label {
  width: calc(100% - 60px);
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
/* line 620, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pre-upload label span {
  color: #00a3e0;
  font-weight: 600;
  cursor: pointer;
}
/* line 628, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .uploading {
  color: #27b08a;
  position: relative;
  padding: 18px 25px;
  background-color: transparent;
  border-radius: 0;
}
/* line 636, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .uploading:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #e6e6e6;
  width: 100%;
  height: 2px;
  bottom: -1px;
  left: 0;
  border-radius: 5px;
}
/* line 648, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .uploading svg path {
  fill: #27b08a;
}
/* line 652, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .uploading .messages {
  width: calc(100% - 120px);
  float: left;
  height: 36px;
}
/* line 657, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .uploading .messages label {
  width: 100%;
  float: left;
  height: 15px;
  line-height: 15px;
  font-size: 12px;
  font-weight: 600;
}
/* line 666, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .uploading .messages label.file-name {
  font-weight: 400;
}
/* line 672, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .uploading .cancel-uploading {
  width: 60px;
  float: left;
  font-size: 12px;
  font-weight: 600;
  color: #3d4d62;
  cursor: pointer;
}
/* line 682, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .uploading .progress-line {
  width: 0;
  height: 2px;
  background-color: #27b08a;
  position: absolute;
  bottom: -1px;
  left: 0;
  border-radius: 5px;
}
/* line 693, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pos-upload {
  background-color: #27b08a;
  color: white;
  position: relative;
  padding: 18px 25px;
}
/* line 699, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pos-upload .success-info {
  display: block;
}
/* line 703, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pos-upload .error-info {
  display: none;
}
/* line 706, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pos-upload .error-info .messages {
  width: calc(100% - 190px);
}
/* line 710, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pos-upload .error-info .try-again {
  width: 120px;
  margin-top: 5px;
  float: left;
  font-size: 12px;
  font-weight: 600;
  color: white;
  cursor: pointer;
}
/* line 722, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pos-upload .messages {
  width: calc(100% - 130px);
  float: left;
  height: 36px;
}
/* line 727, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pos-upload .messages label {
  width: 100%;
  float: left;
  height: 15px;
  line-height: 15px;
  font-size: 12px;
  font-weight: 600;
}
/* line 736, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pos-upload .messages label.file-name {
  font-weight: 400;
}
/* line 742, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pos-upload .icon {
  width: 20px;
  float: left;
}
/* line 746, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pos-upload .icon#trade-file {
  margin-right: 15px;
}
/* line 750, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pos-upload .icon svg {
  cursor: pointer;
}
/* line 755, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pos-upload.error {
  background-color: #d0021b;
}
/* line 758, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pos-upload.error .success-info {
  display: none;
}
/* line 762, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .pos-upload.error .error-info {
  display: block;
}
/* line 768, sass/components/cards.scss */
#cards-refill-wrapper #kamba-file-wrapper #files-container .file .obligatory-message {
  width: 100%;
  height: 14px;
  float: left;
  margin-top: 10px;
  display: none;
  font-size: 12px;
  font-weight: 600;
  color: #ff6262;
}
/* line 783, sass/components/cards.scss */
#cards-refill-wrapper .half-wrapper {
  width: 100%;
  float: left;
}
/* line 787, sass/components/cards.scss */
#cards-refill-wrapper .half-wrapper .field-type {
  width: 100%;
  margin-bottom: 0;
}
/* line 791, sass/components/cards.scss */
#cards-refill-wrapper .half-wrapper .field-type label {
  width: 170px;
}
/* line 795, sass/components/cards.scss */
#cards-refill-wrapper .half-wrapper .field-type .text-wrapper {
  width: calc( 100% - 190px);
  float: left;
  line-height: 45px;
  text-transform: none;
}

/* this css is for buttons container that is appended @app */
/* line 806, sass/components/cards.scss */
#cards-buttons-wrapper {
  height: 80px;
  width: calc( 100% - 233px);
  position: absolute;
  bottom: 0;
  right: 1px;
  z-index: 10;
  padding: 5px 60px;
  box-sizing: border-box;
  background-color: white;
  box-shadow: -1px -2px 7px gray;
  -webkit-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
/* line 826, sass/components/cards.scss */
#cards-buttons-wrapper.menu-close {
  width: calc( 100% - 28px);
}
/* line 830, sass/components/cards.scss */
#cards-buttons-wrapper .kamba-validation-note {
  width: 554px;
  height: 34px;
  float: left;
  margin-top: 17px;
  font-size: 12px;
  font-weight: 600;
  color: #efa800;
}
/* line 841, sass/components/cards.scss */
#cards-buttons-wrapper .buttons-wrapper {
  margin-top: 17px;
}
/* line 844, sass/components/cards.scss */
#cards-buttons-wrapper .buttons-wrapper > div, #cards-buttons-wrapper .buttons-wrapper a {
  display: none;
}
/* line 848, sass/components/cards.scss */
#cards-buttons-wrapper .buttons-wrapper #show-notification {
  float: left;
  display: block;
}
/* line 852, sass/components/cards.scss */
#cards-buttons-wrapper .buttons-wrapper #show-notification.hide {
  display: none;
}
/* line 856, sass/components/cards.scss */
#cards-buttons-wrapper .buttons-wrapper #show-notification svg {
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
}
/* line 863, sass/components/cards.scss */
#cards-buttons-wrapper .buttons-wrapper a {
  float: left;
}
/* line 866, sass/components/cards.scss */
#cards-buttons-wrapper .buttons-wrapper a svg {
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
}
/* line 875, sass/components/cards.scss */
#cards-buttons-wrapper.step1 .buttons-wrapper #next-step {
  display: block;
}
/* line 882, sass/components/cards.scss */
#cards-buttons-wrapper.step2 .buttons-wrapper #finish-refill, #cards-buttons-wrapper.step2 .buttons-wrapper #prev-step {
  display: block;
}
/* line 885, sass/components/cards.scss */
#cards-buttons-wrapper.step2 .buttons-wrapper #finish-refill.hide, #cards-buttons-wrapper.step2 .buttons-wrapper #prev-step.hide {
  display: none;
}
/* line 893, sass/components/cards.scss */
#cards-buttons-wrapper.step3 .buttons-wrapper #new-payment, #cards-buttons-wrapper.step3 .buttons-wrapper a {
  display: block;
}
/* line 896, sass/components/cards.scss */
#cards-buttons-wrapper.step3 .buttons-wrapper #new-payment.hide, #cards-buttons-wrapper.step3 .buttons-wrapper a.hide {
  display: none;
}

/******/
/* line 905, sass/components/cards.scss */
#cards-cancel-wrapper .cancel-text-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  background-color: white;
}
/* line 915, sass/components/cards.scss */
#cards-cancel-wrapper .cancel-text-wrapper .field-type #label {
  width: 100%;
  position: relative;
}
/* line 920, sass/components/cards.scss */
#cards-cancel-wrapper .cancel-text-wrapper .field-type .custom-textarea {
  float: left;
  width: 400px;
  position: relative;
  margin-top: 10px;
}
/* line 195, sass/variables.scss */
#cards-cancel-wrapper .cancel-text-wrapper .field-type .custom-textarea .underline {
  content: "";
  display: block;
  position: relative;
  width: 400px;
  height: 1px;
  left: 0;
  top: 34px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 209, sass/variables.scss */
#cards-cancel-wrapper .cancel-text-wrapper .field-type .custom-textarea .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 215, sass/variables.scss */
#cards-cancel-wrapper .cancel-text-wrapper .field-type .custom-textarea textarea {
  width: 400px;
  height: 30px;
  float: left;
  border: none;
  outline: none;
  overflow: hidden;
  border-bottom: 1px solid #c2c2c2;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  background-color: transparent;
  resize: none;
}
/* line 230, sass/variables.scss */
#cards-cancel-wrapper .cancel-text-wrapper .field-type .custom-textarea textarea:disabled {
  background-color: transparent;
}
/* line 234, sass/variables.scss */
#cards-cancel-wrapper .cancel-text-wrapper .field-type .custom-textarea textarea:focus + .underline {
  transform: scaleX(1);
}
/* line 925, sass/components/cards.scss */
#cards-cancel-wrapper .cancel-text-wrapper .field-type .custom-textarea .underline {
  width: 400px;
}
/* line 930, sass/components/cards.scss */
#cards-cancel-wrapper .cancel-text-wrapper .field-type #required-warning {
  font-size: 14px;
}
/* line 933, sass/components/cards.scss */
#cards-cancel-wrapper .cancel-text-wrapper .field-type #required-warning.hidden {
  display: none;
}
/* line 939, sass/components/cards.scss */
#cards-cancel-wrapper .cancel-text-wrapper #radio-options {
  margin-bottom: 20px;
}
/* line 943, sass/components/cards.scss */
#cards-cancel-wrapper .cancel-text-wrapper .same-line-box {
  float: left;
  margin-right: 30px;
  width: 50%;
}
/* line 948, sass/components/cards.scss */
#cards-cancel-wrapper .cancel-text-wrapper .same-line-box input.radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #00a3e0;
  border-radius: 50% !important;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 16px 3px 0 0;
  cursor: pointer;
}
/* line 121, sass/variables.scss */
#cards-cancel-wrapper .cancel-text-wrapper .same-line-box input.radio:checked {
  border: none;
  width: 17px;
  height: 17px;
}
/* line 127, sass/variables.scss */
#cards-cancel-wrapper .cancel-text-wrapper .same-line-box input.radio:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("../images/radio-selected.svg");
}
/* line 955, sass/components/cards.scss */
#cards-cancel-wrapper .cancel-text-wrapper .same-line-box p {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 24px;
  margin-left: 25px;
  margin-bottom: 0;
}

/* line 967, sass/components/cards.scss */
#cards-change-pin-wrapper .pin-inputs-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  background-color: white;
}
/* line 976, sass/components/cards.scss */
#cards-change-pin-wrapper .pin-inputs-wrapper .custom-input .show-icon {
  position: absolute;
  right: 5px;
  top: 10px;
  width: 30px;
  height: 25px;
  background-repeat: no-repeat;
  background-image: url("../images/icons_kamba/icon-eye-open.svg");
  cursor: pointer;
}
/* line 987, sass/components/cards.scss */
#cards-change-pin-wrapper .pin-inputs-wrapper .custom-input .show-icon.hide-password {
  background-image: url("../images/icons_kamba/icon-eye-close.svg");
}
/* line 994, sass/components/cards.scss */
#cards-change-pin-wrapper .text-wrapper {
  width: calc(100% - 220px);
  float: left;
  padding-top: 15px;
}

/* line 1004, sass/components/cards.scss */
#cards-flex-wrapper .content-wrapper .field-type .custom-value {
  padding-top: 15px;
}
/* line 1008, sass/components/cards.scss */
#cards-flex-wrapper .content-wrapper .field-type.dropdown-field {
  margin-bottom: 15px;
}
/* line 1014, sass/components/cards.scss */
#cards-flex-wrapper .label-border-simple:before {
  width: calc(100% + 220px);
  left: -220px;
}
/* line 1020, sass/components/cards.scss */
#cards-flex-wrapper .buttons-wrapper .icon.icon-effect.white svg {
  position: absolute;
  top: 10px;
  left: 10px;
}
/* line 1027, sass/components/cards.scss */
#cards-flex-wrapper .fav-icon svg {
  top: -3px;
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/components/deposit.scss */
#deposit-main-wrapper {
  float: left;
  width: 100%;
}
/* line 7, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
}
/* line 18, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .info {
  width: 70%;
  float: left;
  margin-bottom: 15px;
  font-size: 12px;
}
/* line 25, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .info .dropdown-type {
  width: 180px;
  padding: 10px 0 5px 0;
  float: left;
  text-transform: uppercase;
}
/* line 32, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .info .custom-dropdown {
  width: 200px;
  float: left;
  height: 32px;
  color: #00a3e0;
}
/* line 39, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .info .custom-dropdown #dropdown-wrapper:before {
  width: calc(100% + 180px);
  left: -180px;
}
/* line 43, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .info .custom-dropdown #dropdown-wrapper .selected-option {
  line-height: 35px;
}
/* line 50, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .field-type {
  line-height: 20px;
  margin-top: 20px;
}
/* line 54, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .field-type label {
  width: 130px;
  padding-top: 0;
}
/* line 58, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .field-type label.with-padding {
  padding-top: 16px;
}
/* line 63, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .field-type .text-wrapper {
  width: calc(100% - 150px);
  float: left;
  white-space: initial;
  text-transform: none;
}
/* line 71, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .field-type #account-custom-dropdown .label-border:before {
  width: calc( 100% + 150px);
  left: -150px;
}
/* line 77, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .field-type .radio-wrapper {
  float: left;
}
/* line 80, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .field-type .radio-wrapper .custom-radio-button {
  width: 100%;
  float: left;
  height: 50px;
}
/* line 85, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .field-type .radio-wrapper .custom-radio-button input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #00a3e0;
  border-radius: 50% !important;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 18px 10px 0 0;
  cursor: pointer;
}
/* line 121, sass/variables.scss */
#deposit-main-wrapper .constitution-info-wrapper .field-type .radio-wrapper .custom-radio-button input:checked {
  border: none;
  width: 17px;
  height: 17px;
}
/* line 127, sass/variables.scss */
#deposit-main-wrapper .constitution-info-wrapper .field-type .radio-wrapper .custom-radio-button input:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("../images/radio-selected.svg");
}
/* line 92, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .field-type .radio-wrapper .custom-radio-button label {
  height: 50px;
  line-height: 50px;
}
/* line 100, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .half-wrapper {
  width: 50%;
  float: left;
  padding-right: 60px;
  box-sizing: border-box;
}
/* line 107, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .grids-wrapper {
  padding: 30px 0;
}
/* line 113, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .grids-wrapper .grid .row.selected {
  background-color: #00a3e0;
  color: white;
  cursor: pointer;
}
/* line 119, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .grids-wrapper .grid .row .duration {
  width: 20%;
  float: left;
}
/* line 124, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .grids-wrapper .grid .row .min-amount {
  width: 27%;
  float: left;
  text-align: right;
}
/* line 130, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .grids-wrapper .grid .row .max-amount {
  width: 27%;
  float: left;
  text-align: right;
}
/* line 136, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .grids-wrapper .grid .row .rate {
  width: 26%;
  float: left;
  text-align: right;
  padding-right: 15px;
}
/* line 147, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper #accounts-grid-wrapper .product {
  width: 30%;
}
/* line 150, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper #accounts-grid-wrapper .duration {
  width: 20%;
  text-align: right;
  position: relative;
  overflow: visible;
}
/* line 156, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper #accounts-grid-wrapper .duration span:hover + .tooltip {
  display: block;
}
/* line 160, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper #accounts-grid-wrapper .duration .tooltip {
  position: absolute;
  text-align: left;
  padding: 5px 10px;
  color: #fff;
  line-height: 16px;
  font-size: 10px;
  border-radius: 4px;
  top: -30px;
  right: 25px;
  transform: translateX(50%);
  background-color: #2c3e50;
  display: none;
}
/* line 175, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper #accounts-grid-wrapper .duration .tooltip:after {
  content: '';
  display: block;
  position: absolute;
  border-top: solid 8px #2c3e50;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  left: 50%;
  margin-left: -10px;
}
/* line 189, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper #accounts-grid-wrapper .amount {
  width: 30%;
  text-align: right;
}
/* line 193, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper #accounts-grid-wrapper .rate {
  width: 20%;
  text-align: right;
}
/* line 199, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .terms {
  width: 100%;
  float: left;
  margin-top: 40px;
}
/* line 204, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .terms input#read-terms {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 2px solid #d5e3f1;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 7px 15px;
  cursor: pointer;
}
/* line 81, sass/variables.scss */
#deposit-main-wrapper .constitution-info-wrapper .terms input#read-terms:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 97, sass/variables.scss */
#deposit-main-wrapper .constitution-info-wrapper .terms input#read-terms:disabled {
  border: 2px solid #c2c2c2;
  background-color: #c2c2c2;
  cursor: default;
}
/* line 212, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .terms .ie-checkbox {
  pointer-events: none;
  width: 16px;
  height: 16px;
  float: left;
  position: absolute;
  left: -1px;
  top: -1px;
  box-shadow: border-box;
  border: 2px solid;
  border-radius: 3px;
  background-color: white;
  border-color: rgba(0, 163, 224, 0.5);
}
/* line 227, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .terms .ie-checkbox.checked {
  background-color: #00a3e0;
  background-position: 0;
  background-size: 100%;
  background-image: url("../images/ic_check.svg");
}
/* line 235, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .terms #read-label {
  font-size: 10px;
  cursor: pointer;
}
/* line 239, sass/components/deposit.scss */
#deposit-main-wrapper .constitution-info-wrapper .terms #read-label a {
  color: #00a3e0;
}
/* line 246, sass/components/deposit.scss */
#deposit-main-wrapper .deposit-management-wrapper {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 10px;
  padding: 20px 0;
  box-sizing: border-box;
  color: #2c3e50;
}
/* line 255, sass/components/deposit.scss */
#deposit-main-wrapper .deposit-management-wrapper .deposit-cards-list {
  width: 100%;
  float: left;
  text-align: center;
}
/* line 261, sass/components/deposit.scss */
#deposit-main-wrapper .deposit-management-wrapper .deposit-cards-list .deposit-card {
  display: inline-block;
  width: 290px;
  height: 345px;
  margin: 15px;
  padding: 35px 50px 20px 50px;
  box-sizing: border-box;
  background-color: white;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.18);
}
/* line 272, sass/components/deposit.scss */
#deposit-main-wrapper .deposit-management-wrapper .deposit-cards-list .deposit-card .field-type {
  width: 100%;
  min-height: 0;
  margin-bottom: 16px;
  text-align: left;
}
/* line 278, sass/components/deposit.scss */
#deposit-main-wrapper .deposit-management-wrapper .deposit-cards-list .deposit-card .field-type label {
  width: 100%;
  margin-bottom: 6px;
  padding-top: 0;
  color: #afb5be;
}
/* line 286, sass/components/deposit.scss */
#deposit-main-wrapper .deposit-management-wrapper .deposit-cards-list .deposit-card .field-type .text-wrapper {
  width: 100%;
  font-size: 14px;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
}
/* line 295, sass/components/deposit.scss */
#deposit-main-wrapper .deposit-management-wrapper .deposit-cards-list .deposit-card .field-type .text-wrapper.product {
  font-weight: 600;
}
/* line 301, sass/components/deposit.scss */
#deposit-main-wrapper .deposit-management-wrapper .deposit-cards-list .deposit-card .buttons-wrapper {
  width: 100%;
  margin-top: 25px;
}
/* line 308, sass/components/deposit.scss */
#deposit-main-wrapper .deposit-management-wrapper .info-wrapper {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  background-color: white;
}
/* line 318, sass/components/deposit.scss */
#deposit-main-wrapper .deposit-management-wrapper .info-wrapper .injection-info {
  width: 100%;
  margin-top: 50px;
  float: left;
}
/* line 324, sass/components/deposit.scss */
#deposit-main-wrapper .deposit-management-wrapper .info-wrapper .half-wrapper {
  width: 50%;
  float: left;
  padding-right: 60px;
  box-sizing: border-box;
}
/* line 331, sass/components/deposit.scss */
#deposit-main-wrapper .deposit-management-wrapper .info-wrapper .half-wrapper .field-type .text-wrapper {
  width: calc(100% - 220px);
  float: left;
  padding-top: 15px;
  text-transform: none;
}
/* line 344, sass/components/deposit.scss */
#deposit-main-wrapper .buttons-wrapper svg {
  position: absolute;
  top: 10px;
  left: 9px;
}

/* line 352, sass/components/deposit.scss */
#deposit-detail {
  padding: 0 50px;
  box-sizing: border-box;
}
/* line 356, sass/components/deposit.scss */
#deposit-detail .modal-header {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 22px;
}
/* line 362, sass/components/deposit.scss */
#deposit-detail .file-info-wrapper {
  height: 470px;
  margin-bottom: 20px;
  float: left;
  padding: 0 50px;
}
/* line 368, sass/components/deposit.scss */
#deposit-detail .file-info-wrapper.cant-be-managed {
  height: 350px;
}
/* line 373, sass/components/deposit.scss */
#deposit-detail .file-info-wrapper .field-type .text-wrapper {
  width: calc(100% - 220px);
  float: left;
  padding-top: 15px;
  text-transform: none;
}
/* line 382, sass/components/deposit.scss */
#deposit-detail .buttons-wrapper {
  margin-bottom: 40px;
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 5, sass/components/scheduling.scss */
#scheduling-wrapper .scheduling-inner-wrapper {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
}
/* line 17, sass/components/scheduling.scss */
#scheduling-wrapper .custom-textarea {
  float: left;
  width: calc(100% - 320px);
  position: relative;
  margin-top: 10px;
}
/* line 195, sass/variables.scss */
#scheduling-wrapper .custom-textarea .underline {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  left: 0;
  top: 34px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 209, sass/variables.scss */
#scheduling-wrapper .custom-textarea .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 215, sass/variables.scss */
#scheduling-wrapper .custom-textarea textarea {
  width: 100%;
  height: 30px;
  float: left;
  border: none;
  outline: none;
  overflow: hidden;
  border-bottom: 1px solid #c2c2c2;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  background-color: transparent;
  resize: none;
}
/* line 230, sass/variables.scss */
#scheduling-wrapper .custom-textarea textarea:disabled {
  background-color: transparent;
}
/* line 234, sass/variables.scss */
#scheduling-wrapper .custom-textarea textarea:focus + .underline {
  transform: scaleX(1);
}
/* line 23, sass/components/scheduling.scss */
#scheduling-wrapper .custom-textarea.blue textarea {
  color: #00a3e0;
}
/* line 28, sass/components/scheduling.scss */
#scheduling-wrapper .custom-textarea .character-counter {
  width: 100%;
  text-align: right;
  font-size: 10px;
  padding-top: 5px;
  color: #00a3e0;
}
/* line 37, sass/components/scheduling.scss */
#scheduling-wrapper .custom-date-picker {
  width: 260px;
  float: left;
  margin-right: 20px;
  padding-top: 5px;
  cursor: pointer;
  position: relative;
}
/* line 148, sass/variables.scss */
#scheduling-wrapper .custom-date-picker .underline {
  content: "";
  display: block;
  position: relative;
  width: 310px;
  height: 1px;
  left: 0;
  top: 37px;
  background-color: #00a3e0;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}
/* line 162, sass/variables.scss */
#scheduling-wrapper .custom-date-picker .underline.error {
  background-color: #d0021b;
  transform: scaleX(1);
}
/* line 168, sass/variables.scss */
#scheduling-wrapper .custom-date-picker input {
  width: 310px;
  height: 35px;
  float: left;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #c2c2c2;
  background-color: transparent;
}
/* line 181, sass/variables.scss */
#scheduling-wrapper .custom-date-picker input:disabled {
  background-color: transparent;
}
/* line 185, sass/variables.scss */
#scheduling-wrapper .custom-date-picker input:focus + .underline {
  transform: scaleX(1);
}
/* line 47, sass/components/scheduling.scss */
#scheduling-wrapper .custom-date-picker input {
  width: 100%;
  background-color: transparent;
  position: relative;
  z-index: 4;
  cursor: pointer;
  padding-left: 10px;
}
/* line 56, sass/components/scheduling.scss */
#scheduling-wrapper .custom-date-picker > svg {
  position: relative;
  top: -27px;
  left: 240px;
}
/* line 63, sass/components/scheduling.scss */
#scheduling-wrapper .custom-time {
  position: relative;
  float: left;
  width: 270px;
}
/* line 67, sass/components/scheduling.scss */
#scheduling-wrapper .custom-time .custom-dropdown {
  width: 100%;
  margin-right: 20px;
  color: #2c3e50;
  text-transform: none;
}
/* line 73, sass/components/scheduling.scss */
#scheduling-wrapper .custom-time .custom-dropdown .icon {
  display: none;
}
/* line 78, sass/components/scheduling.scss */
#scheduling-wrapper .custom-time > svg {
  position: relative;
  top: -27px;
  left: 240px;
}
/* line 85, sass/components/scheduling.scss */
#scheduling-wrapper .field-type.under {
  position: relative;
}
/* line 89, sass/components/scheduling.scss */
#scheduling-wrapper label.under {
  position: absolute;
  left: 0px;
  top: 14px;
  font-size: 8px;
}
@media (max-width: 1024px) {
  /* line 99, sass/components/scheduling.scss */
  #scheduling-wrapper .custom-date-picker {
    width: 270px;
  }
  /* line 102, sass/components/scheduling.scss */
  #scheduling-wrapper .custom-date-picker > svg {
    top: 10px;
    left: -20px;
  }
  /* line 107, sass/components/scheduling.scss */
  #scheduling-wrapper .custom-date-picker input {
    box-sizing: border-box;
  }
  /* line 113, sass/components/scheduling.scss */
  #scheduling-wrapper .custom-time > svg {
    top: 15px;
    left: -40px;
  }
  /* line 119, sass/components/scheduling.scss */
  #scheduling-wrapper .custom-textarea {
    width: 270px;
  }
  /* line 122, sass/components/scheduling.scss */
  #scheduling-wrapper .custom-textarea textarea {
    box-sizing: border-box;
  }
  /* line 127, sass/components/scheduling.scss */
  #scheduling-wrapper #confirmation-wrapper {
    margin: 25px 0;
    float: left;
    width: 100%;
    white-space: normal;
  }
  /* line 133, sass/components/scheduling.scss */
  #scheduling-wrapper #confirmation-wrapper .success {
    height: auto;
    margin: 0;
  }
  /* line 139, sass/components/scheduling.scss */
  #scheduling-wrapper .fields {
    float: left;
  }
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 6, sass/components/requests.scss */
#requestsQuery-wrapper .grids-wrapper .request-id,
#requestsQuery-wrapper .grids-wrapper .request-status {
  width: 10%;
}
/* line 11, sass/components/requests.scss */
#requestsQuery-wrapper .grids-wrapper .request-date {
  width: 25%;
}
/* line 15, sass/components/requests.scss */
#requestsQuery-wrapper .grids-wrapper .request-type {
  width: 30%;
  padding-right: 20px;
}
/* line 20, sass/components/requests.scss */
#requestsQuery-wrapper .grids-wrapper .observations {
  width: 25%;
  padding-right: 20px;
}

/* line 27, sass/components/requests.scss */
#request-detail {
  padding: 20px;
}
/* line 30, sass/components/requests.scss */
#request-detail .modal-header {
  font-size: 22px;
  font-weight: 600;
}
/* line 35, sass/components/requests.scss */
#request-detail .info-box {
  margin-top: 30px;
  height: 420px;
  max-height: 400px !important;
}
/* line 40, sass/components/requests.scss */
#request-detail .info-box .split-info-line {
  width: calc(100% - 100px);
  height: 1px;
  float: left;
  background-color: #e6e6e6;
  margin: 10px 50px;
}
/* line 48, sass/components/requests.scss */
#request-detail .info-box .field-type {
  width: calc(100% - 100px);
  margin-left: 100px;
}
/* line 52, sass/components/requests.scss */
#request-detail .info-box .field-type:last-of-type {
  margin-bottom: 20px;
}
/* line 58, sass/components/requests.scss */
#request-detail .info-box .field-type p.EDUCATION, #request-detail .info-box .field-type p.HEALTH, #request-detail .info-box .field-type p.TRAVEL {
  padding-left: 40px;
  box-sizing: border-box;
  background-position: 0;
  background-repeat: no-repeat;
  background-image: url("../images/icons_kamba/icon-educacao.svg");
}
/* line 66, sass/components/requests.scss */
#request-detail .info-box .field-type p.HEALTH {
  background-image: url("../images/icons_kamba/icon-saude.svg");
}
/* line 70, sass/components/requests.scss */
#request-detail .info-box .field-type p.TRAVEL {
  background-image: url("../images/icons_kamba/icon-viagem.svg");
}
/* line 77, sass/components/requests.scss */
#request-detail .info-box .field-type.file-info .text-wrapper.fileInfo {
  padding-top: 15px;
  width: calc(100% - 220px);
  line-height: normal;
  float: right;
  margin-bottom: 5px;
}
/* line 84, sass/components/requests.scss */
#request-detail .info-box .field-type.file-info .text-wrapper.fileInfo svg {
  float: left;
}
/* line 88, sass/components/requests.scss */
#request-detail .info-box .field-type.file-info .text-wrapper.fileInfo label {
  width: calc(100% - 60px);
  padding-top: 0;
  padding-left: 15px;
  float: right;
  margin-bottom: 5px;
}
/* line 95, sass/components/requests.scss */
#request-detail .info-box .field-type.file-info .text-wrapper.fileInfo label.title {
  font-size: 14px;
  color: #2c3e50;
}
/* line 100, sass/components/requests.scss */
#request-detail .info-box .field-type.file-info .text-wrapper.fileInfo label.file-description {
  font-size: 12px;
  color: #7b8594;
}
/* line 105, sass/components/requests.scss */
#request-detail .info-box .field-type.file-info .text-wrapper.fileInfo label.file-name {
  font-size: 11px;
  color: #2c3e50;
}

/* line 1, sass/components/checks.scss */
#checks-content-wrapper {
  float: left;
}
/* line 6, sass/components/checks.scss */
#checks-content-wrapper #checks-requisition-wrapper .info-wrapper {
  width: 100%;
  float: left;
  padding: 20px 60px;
  margin-bottom: 10px;
  background-color: #fff;
  box-sizing: border-box;
}
/* line 20, sass/components/checks.scss */
#checks-content-wrapper #checks-requisition-wrapper .info-wrapper .field-type label span {
  display: block;
  width: 80%;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.1px;
  text-transform: initial;
  text-align: left;
  color: #979797;
}
/* line 33, sass/components/checks.scss */
#checks-content-wrapper #checks-requisition-wrapper .info-wrapper .field-type .custom-dropdown {
  width: 50%;
}
/* line 38, sass/components/checks.scss */
#checks-content-wrapper #checks-requisition-wrapper .info-wrapper .field-type .custom-dropdown .label-border:before {
  left: 0;
  width: 100%;
}
/* line 43, sass/components/checks.scss */
#checks-content-wrapper #checks-requisition-wrapper .info-wrapper .field-type .custom-dropdown .label-border .icon {
  float: right;
}
/* line 50, sass/components/checks.scss */
#checks-content-wrapper #checks-requisition-wrapper .info-wrapper .info {
  float: left;
  width: 100%;
  height: 40px;
}
/* line 56, sass/components/checks.scss */
#checks-content-wrapper #checks-requisition-wrapper .info-wrapper .info label {
  float: left;
  height: 40px;
  width: 35%;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-align: left;
  color: #2c3e50;
  line-height: 40px;
}
/* line 67, sass/components/checks.scss */
#checks-content-wrapper #checks-requisition-wrapper .info-wrapper .info label.check-info {
  width: 65%;
}
/* line 74, sass/components/checks.scss */
#checks-content-wrapper #checks-requisition-wrapper .buttons-wrapper {
  margin-top: 20px;
}

@font-face {
  font-family: 'Aaux';
  src: url("fonts/aaux-proregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 3, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper,
#new-withdraw-wrapper {
  width: 100%;
  float: left;
}
/* line 8, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .empty-state-wrapper,
#new-withdraw-wrapper .empty-state-wrapper {
  width: 100%;
  float: left;
  height: 440px;
  padding: 150px 0;
  box-sizing: border-box;
  background-color: white;
  text-align: center;
}
/* line 17, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .empty-state-wrapper > div,
#new-withdraw-wrapper .empty-state-wrapper > div {
  width: 100%;
  float: left;
  color: #2c3e50;
}
/* line 24, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .empty-state-wrapper .icon svg,
#new-withdraw-wrapper .empty-state-wrapper .icon svg {
  width: 80px;
  height: 80px;
}
/* line 30, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .empty-state-wrapper .message-bold,
#new-withdraw-wrapper .empty-state-wrapper .message-bold {
  font-size: 22px;
  font-weight: 600;
}
/* line 39, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .grids-wrapper .grid .row .date-hour,
#new-withdraw-wrapper .grids-wrapper .grid .row .date-hour {
  width: 18%;
  float: left;
  padding-right: 15px;
}
/* line 45, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .grids-wrapper .grid .row .status,
#new-withdraw-wrapper .grids-wrapper .grid .row .status {
  width: 13%;
  float: left;
  padding-right: 15px;
}
/* line 51, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .grids-wrapper .grid .row .beneficiary-name,
#new-withdraw-wrapper .grids-wrapper .grid .row .beneficiary-name {
  width: 47%;
  float: left;
  padding-right: 15px;
}
/* line 57, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .grids-wrapper .grid .row .money-amount,
#new-withdraw-wrapper .grids-wrapper .grid .row .money-amount {
  width: 15%;
  float: left;
  padding-right: 15px;
}
/* line 66, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .account-info-wrapper,
#new-withdraw-wrapper .account-info-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 20px 60px;
  box-sizing: border-box;
  color: #2c3e50;
  background-color: white;
}
/* line 77, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .card-info,
#new-withdraw-wrapper .card-info {
  padding-top: 50px;
}
/* line 81, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info,
#new-withdraw-wrapper .new-withdraw-info {
  width: 100%;
  float: left;
  margin-top: 20px;
}
/* line 86, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info .info,
#new-withdraw-wrapper .new-withdraw-info .info {
  position: relative;
}
/* line 89, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info .info label,
#new-withdraw-wrapper .new-withdraw-info .info label {
  width: 200px;
}
/* line 93, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info .info .dropdown-note,
#new-withdraw-wrapper .new-withdraw-info .info .dropdown-note {
  width: 200px;
  float: left;
  position: absolute;
  top: 31px;
  color: #a9a9a9;
  font-size: 11px;
}
/* line 103, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info .code-container,
#new-withdraw-wrapper .new-withdraw-info .code-container {
  max-width: 500px;
  margin: 30px 0;
  text-transform: inherit;
}
/* line 108, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info .code-container .title,
#new-withdraw-wrapper .new-withdraw-info .code-container .title {
  font-size: 14px;
  font-weight: 600;
  color: #7b8594;
}
/* line 114, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info .code-container .code-info,
#new-withdraw-wrapper .new-withdraw-info .code-container .code-info {
  font-size: 12px;
  font-weight: 600;
  color: #8e939b;
}
/* line 121, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info #radio-options.field-type,
#new-withdraw-wrapper .new-withdraw-info #radio-options.field-type {
  height: 120px;
}
/* line 124, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info #radio-options.field-type .radio-buttons-container,
#new-withdraw-wrapper .new-withdraw-info #radio-options.field-type .radio-buttons-container {
  width: 300px;
  float: left;
}
/* line 129, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info #radio-options.field-type label,
#new-withdraw-wrapper .new-withdraw-info #radio-options.field-type label {
  padding-top: 15px;
  height: 100%;
  width: 180px;
  float: left;
}
/* line 136, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info #radio-options.field-type .same-line-box,
#new-withdraw-wrapper .new-withdraw-info #radio-options.field-type .same-line-box {
  float: left;
  width: 50%;
}
/* line 140, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info #radio-options.field-type .same-line-box input.radio,
#new-withdraw-wrapper .new-withdraw-info #radio-options.field-type .same-line-box input.radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #00a3e0;
  border-radius: 50% !important;
  outline: none;
  cursor: pointer;
  float: left;
  margin: 16px 3px 0 0;
  cursor: pointer;
}
/* line 121, sass/variables.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info #radio-options.field-type .same-line-box input.radio:checked,
#new-withdraw-wrapper .new-withdraw-info #radio-options.field-type .same-line-box input.radio:checked {
  border: none;
  width: 17px;
  height: 17px;
}
/* line 127, sass/variables.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info #radio-options.field-type .same-line-box input.radio:checked:before,
#new-withdraw-wrapper .new-withdraw-info #radio-options.field-type .same-line-box input.radio:checked:before {
  content: "";
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("../images/radio-selected.svg");
}
/* line 147, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info #radio-options.field-type .same-line-box p, #cardlessWithdraw-content-wrapper .new-withdraw-info #radio-options.field-type .same-line-box label,
#new-withdraw-wrapper .new-withdraw-info #radio-options.field-type .same-line-box p,
#new-withdraw-wrapper .new-withdraw-info #radio-options.field-type .same-line-box label {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 24px;
  margin-left: 25px;
  margin-bottom: 0;
}
/* line 155, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info #radio-options.field-type .same-line-box label,
#new-withdraw-wrapper .new-withdraw-info #radio-options.field-type .same-line-box label {
  width: auto;
  padding-top: 12px;
  margin-left: 5px;
  cursor: pointer;
}
/* line 164, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .new-withdraw-info .other-number-input,
#new-withdraw-wrapper .new-withdraw-info .other-number-input {
  display: none;
  width: calc(100% - 200px);
  padding-left: 150px;
  box-sizing: border-box;
}
/* line 172, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .note,
#new-withdraw-wrapper .note {
  margin: 0;
}
/* line 177, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .field-type .text-wrapper,
#new-withdraw-wrapper .field-type .text-wrapper {
  padding-top: 15px;
}
/* line 181, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .field-type .icon,
#new-withdraw-wrapper .field-type .icon {
  position: absolute;
  right: 0;
  top: 13px;
}
/* line 186, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .field-type .icon.show-code,
#new-withdraw-wrapper .field-type .icon.show-code {
  display: none;
}
/* line 193, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .code-field .hide-code, #cardlessWithdraw-content-wrapper .code-field .show-code,
#new-withdraw-wrapper .code-field .hide-code,
#new-withdraw-wrapper .code-field .show-code {
  position: relative;
  float: left;
}
/* line 196, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .code-field .hide-code svg, #cardlessWithdraw-content-wrapper .code-field .show-code svg,
#new-withdraw-wrapper .code-field .hide-code svg,
#new-withdraw-wrapper .code-field .show-code svg {
  margin-left: 150px;
  position: absolute;
  top: 12px;
}
/* line 203, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .code-field .show-code,
#new-withdraw-wrapper .code-field .show-code {
  display: none;
}
/* line 207, sass/components/cardlessWithdraw.scss */
#cardlessWithdraw-content-wrapper .code-field .code-note,
#new-withdraw-wrapper .code-field .code-note {
  float: left;
  font-size: 11px;
  padding-top: 15px;
  text-transform: none;
  margin-left: 260px;
}

/* line 218, sass/components/cardlessWithdraw.scss */
#consult-codes-wrapper .card-picker-wrapper {
  background-color: transparent;
  padding: 0;
}
/* line 223, sass/components/cardlessWithdraw.scss */
#consult-codes-wrapper .empty-container {
  width: 100%;
  height: 250px;
  padding: 60px 0;
  box-sizing: border-box;
  float: left;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #2c3e50;
}
/* line 235, sass/components/cardlessWithdraw.scss */
#consult-codes-wrapper .empty-container svg {
  width: 60px;
  height: 60px;
}

/* line 242, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper {
  width: 650px;
  height: auto;
  background-color: white;
  border: 1px solid #d5e3f1;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 257, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .modal-header {
  margin-top: 20px;
  height: 30px;
  line-height: 30px;
  font-size: 22px;
  font-weight: 600;
}
/* line 266, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .info-box {
  height: auto;
  width: 100%;
  float: left;
  text-align: center;
}
/* line 272, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .info-box .field-type {
  margin-bottom: 10px;
}
/* line 275, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .info-box .field-type > * {
  width: 100%;
  float: left;
  text-align: center;
}
/* line 281, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .info-box .field-type label {
  font-size: 14px;
  margin-left: 0;
  margin-bottom: 5px;
  text-transform: none;
  font-weight: 600;
  color: #7b8594;
}
/* line 290, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .info-box .field-type div {
  color: #5a616b;
  letter-spacing: 1px;
  text-transform: none;
  font-size: 14px;
}
/* line 296, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .info-box .field-type div.blue {
  color: #00a3e0;
}
/* line 300, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .info-box .field-type div.big-text, #code-modal-wrapper .info-box .field-type div.mega-large {
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
}
/* line 306, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .info-box .field-type div.mega-large {
  font-size: 34px;
}
/* line 310, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .info-box .field-type div.autoNumeric {
  color: #2c3e50;
}
/* line 315, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .info-box .field-type.otcode {
  margin: 0;
  padding-bottom: 20px;
  border-bottom: 2px solid #f2f4f5;
  position: relative;
}
/* line 322, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .info-box .field-type.otcode .big-text {
  text-align: center;
  position: relative;
}
/* line 327, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .info-box .field-type.otcode svg {
  top: 50%;
  transform: translateY(-50%);
  padding-left: 20px;
  position: absolute;
}
/* line 334, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .info-box .field-type.otcode .show-code {
  display: none;
}
/* line 339, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .info-box .field-type.expiry-date {
  margin: 20px 0 30px 0;
}
/* line 343, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .info-box .field-type.big-margin {
  margin: 10px 0 30px 0;
}
/* line 348, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .info-box .bottom-part {
  background-color: #f2f4f5;
  width: 100%;
  height: auto;
  float: left;
}
/* line 356, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .buttons-wrapper {
  width: 100%;
  margin: 20px 0 10px 0;
  padding: 0 40px;
  box-sizing: border-box;
}
/* line 362, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .buttons-wrapper.single-button {
  text-align: center;
}
/* line 364, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .buttons-wrapper.single-button .button-class {
  float: none;
}
/* line 369, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .buttons-wrapper .button-class {
  display: inline-block;
  float: left;
  min-width: 145px;
}
/* line 375, sass/components/cardlessWithdraw.scss */
#code-modal-wrapper .buttons-wrapper .button-class#cancel-code-btn {
  float: right;
  background-color: #e54d42;
}

/* line 5, sass/components/operatorApprovals.scss */
#operators-query-wrapper .grids-wrapper .grid .row .simple-cell {
  width: 20%;
  float: left;
}
/* line 9, sass/components/operatorApprovals.scss */
#operators-query-wrapper .grids-wrapper .grid .row .icons {
  width: 10%;
  float: right;
}
/* line 12, sass/components/operatorApprovals.scss */
#operators-query-wrapper .grids-wrapper .grid .row .icons .icon {
  float: left;
  position: relative;
  margin-right: 15px;
  cursor: pointer;
}
/* line 17, sass/components/operatorApprovals.scss */
#operators-query-wrapper .grids-wrapper .grid .row .icons .icon.edit {
  line-height: 54px;
}
/* line 19, sass/components/operatorApprovals.scss */
#operators-query-wrapper .grids-wrapper .grid .row .icons .icon.edit svg {
  width: 20px;
  height: 20px;
}
/* line 24, sass/components/operatorApprovals.scss */
#operators-query-wrapper .grids-wrapper .grid .row .icons .icon.delete {
  line-height: 64px;
}
/* line 26, sass/components/operatorApprovals.scss */
#operators-query-wrapper .grids-wrapper .grid .row .icons .icon.delete svg {
  width: 30px;
  height: 30px;
}
/* line 35, sass/components/operatorApprovals.scss */
#operators-query-wrapper .grids-wrapper #operators-empty {
  max-width: 400px;
  margin: 0 auto;
  padding: 100px 0;
  text-align: center;
}
/* line 41, sass/components/operatorApprovals.scss */
#operators-query-wrapper .grids-wrapper #operators-empty .empty-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  margin-bottom: 30px;
}
/* line 46, sass/components/operatorApprovals.scss */
#operators-query-wrapper .grids-wrapper #operators-empty .empty-icon svg {
  width: 60px;
  height: 60px;
}
/* line 51, sass/components/operatorApprovals.scss */
#operators-query-wrapper .grids-wrapper #operators-empty .empty-title {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: 0.5px;
  color: #2c3e50;
}
/* line 59, sass/components/operatorApprovals.scss */
#operators-query-wrapper .grids-wrapper #operators-empty .empty-subtitle {
  margin-bottom: 50px;
  font-size: 18px;
  line-height: 1.33;
  color: #2c3e50;
}
/* line 65, sass/components/operatorApprovals.scss */
#operators-query-wrapper .grids-wrapper #operators-empty #new-operator {
  max-width: 180px;
  float: none;
  margin: 0 auto;
}

/* line 74, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper {
  padding: 35px 80px;
  margin-bottom: 50px;
  float: left;
  background-color: #fff;
}
/* line 80, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box {
  float: left;
  width: 100%;
  margin-bottom: 55px;
}
/* line 85, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-title {
  margin-bottom: 15px;
}
/* line 88, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-title .title {
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1.4px;
  text-align: left;
  color: #00a3e0;
}
/* line 96, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-title .description {
  margin: 0;
  font-size: 12px;
  letter-spacing: 0.9px;
  text-align: left;
  color: #5a616b;
}
/* line 105, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box {
  float: left;
  width: 100%;
  padding: 22px 85px;
  box-sizing: border-box;
}
/* line 111, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .amounts-row {
  width: 100%;
  float: left;
  margin-bottom: 50px;
}
/* line 116, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .amounts-row .amounts-col {
  width: 30%;
  float: left;
  font-size: 12px;
  text-align: left;
  color: #2c3e50;
  text-transform: uppercase;
}
/* line 125, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .amounts-row .amounts-col.amounts-title, .operator-approvals-content-wrapper .info-box .content-box .amounts-row .amounts-col.amounts-plafonds {
  margin-right: 4.5%;
}
/* line 131, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .amounts-row .amounts-col.values-col .values-title {
  height: 17px;
  margin: 0;
  font-weight: 600;
  letter-spacing: 1px;
}
/* line 138, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .amounts-row .amounts-col.values-col .values-data-field {
  position: relative;
  height: 36px;
  margin: 0;
  padding-top: 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #c2c2c2;
}
/* line 146, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .amounts-row .amounts-col.values-col .values-data-field input {
  width: 100%;
  border: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: left;
  color: #2c3e50;
}
/* line 166, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .amounts-row .amounts-col.values-col .values-data-field .currency-span {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 12px;
  font-weight: 600;
  color: #9ba2ab;
}
/* line 176, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .amounts-row .amounts-col.values-col .values-data-field.values-result {
  border-bottom: none;
}
/* line 179, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .amounts-row .amounts-col.values-col .values-data-field.values-result .result-text {
  padding-left: 35px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: left;
  color: #2c3e50;
}
/* line 191, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .amounts-row .amounts-col.values-col .values-data-field.values-result .currency-span {
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: left;
  color: #2c3e50;
}
/* line 211, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .field-type {
  height: 56px;
}
/* line 214, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .field-type title {
  width: 35%;
  height: 17px;
  display: block;
  float: left;
  margin-top: 20px;
  font-size: 12px;
  text-align: left;
  color: #2c3e50;
}
/* line 225, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .field-type .custom-input, .operator-approvals-content-wrapper .info-box .content-box .field-type .custom-dropdown, .operator-approvals-content-wrapper .info-box .content-box .field-type .info-field {
  width: 65%;
}
/* line 229, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .field-type .info-field {
  height: 17px;
  display: block;
  float: left;
  margin-top: 20px;
}
/* line 237, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .grids-wrapper {
  padding: 0;
}
/* line 241, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .grids-wrapper .grid .row {
  padding-right: 15px;
}
/* line 244, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .grids-wrapper .grid .simple-cell {
  width: 12.5%;
  text-align: right;
}
/* line 248, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .grids-wrapper .grid .simple-cell .switch-button, .operator-approvals-content-wrapper .info-box .content-box .grids-wrapper .grid .simple-cell .custom-radio-button {
  float: right;
  margin-right: 1px;
}
/* line 252, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .grids-wrapper .grid .simple-cell .switch-button .radio, .operator-approvals-content-wrapper .info-box .content-box .grids-wrapper .grid .simple-cell .custom-radio-button .radio {
  width: 20px;
  height: 20px;
}
/* line 259, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .grids-wrapper .grid .simple-cell .switch-button.locked {
  cursor: default;
}
/* line 265, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .grids-wrapper .grid .iban {
  width: 22.5%;
}
/* line 269, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper .info-box .content-box .grids-wrapper .grid .name {
  width: 40%;
  text-align: left;
}
/* line 278, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper #plafonds-info-box {
  margin-bottom: 0;
}
/* line 282, sass/components/operatorApprovals.scss */
.operator-approvals-content-wrapper #confirmation-wrapper {
  float: left;
  width: 100%;
}

/* line 289, sass/components/operatorApprovals.scss */
#approvals-wrapper .operations-list-header {
  position: relative;
  padding: 0 75px 0 65px;
  float: left;
  width: calc( 100% - 120px);
  position: relative;
  margin: 30px 60px 10px 60px;
  box-sizing: border-box;
}
/* line 298, sass/components/operatorApprovals.scss */
#approvals-wrapper .operations-list-header .title {
  width: 22%;
  float: left;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: left;
  color: #2c3e50;
}
/* line 307, sass/components/operatorApprovals.scss */
#approvals-wrapper .operations-list-header .title.title-name {
  width: 30%;
}
/* line 315, sass/components/operatorApprovals.scss */
#approvals-wrapper .operation-wrapper.operator .operation .info-wrapper {
  width: calc(100% - 140px);
  height: 100%;
  float: left;
  margin-left: 7px;
}
/* line 321, sass/components/operatorApprovals.scss */
#approvals-wrapper .operation-wrapper.operator .operation .info-cell {
  width: 22%;
  height: 100%;
  float: left;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: normal;
  text-align: left;
  line-height: 58px;
  color: #2c3e50;
}
/* line 332, sass/components/operatorApprovals.scss */
#approvals-wrapper .operation-wrapper.operator .operation .info-cell.name-info {
  width: 30%;
}
/* line 337, sass/components/operatorApprovals.scss */
#approvals-wrapper .operation-wrapper.operator .operation .other-info {
  width: 50px;
}
/* line 339, sass/components/operatorApprovals.scss */
#approvals-wrapper .operation-wrapper.operator .operation .other-info .icons-wrapper {
  width: auto;
}
/* line 341, sass/components/operatorApprovals.scss */
#approvals-wrapper .operation-wrapper.operator .operation .other-info .icons-wrapper .icon.expand-button {
  position: initial;
  right: 0;
}
/* line 351, sass/components/operatorApprovals.scss */
#approvals-wrapper .approvals-content-wrapper .accounts-summary .field-type .sign-operations-container {
  float: left;
}
/* line 353, sass/components/operatorApprovals.scss */
#approvals-wrapper .approvals-content-wrapper .accounts-summary .field-type .sign-operations-container .text-wrapper {
  float: none;
}
/* line 357, sass/components/operatorApprovals.scss */
#approvals-wrapper .approvals-content-wrapper .accounts-summary .field-type .text-wrapper {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 1px;
  text-align: left;
  color: #2c3e50;
}

/* line 367, sass/components/operatorApprovals.scss */
#approvals-resume-wrapper.operators-approvals-resume {
  height: 70px;
}
/* line 369, sass/components/operatorApprovals.scss */
#approvals-resume-wrapper.operators-approvals-resume .info-wrapper {
  height: auto;
  padding-top: 20px;
}
/* line 373, sass/components/operatorApprovals.scss */
#approvals-resume-wrapper.operators-approvals-resume .buttons-wrapper {
  margin-top: 15px;
}

/*!
 * Cropper v2.3.3
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2016 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2016-08-10T08:58:55.176Z
 */
/* line 10, sass/vendor/cropper.scss */
.cropper-container {
  font-size: 0;
  line-height: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  direction: ltr !important;
}

/* line 24, sass/vendor/cropper.scss */
.cropper-container img {
  display: block;
  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;
  image-orientation: 0deg !important;
}

/* line 37, sass/vendor/cropper.scss */
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 49, sass/vendor/cropper.scss */
.cropper-wrap-box {
  overflow: hidden;
}

/* line 53, sass/vendor/cropper.scss */
.cropper-drag-box {
  opacity: 0;
  background-color: #fff;
  filter: alpha(opacity=0);
}

/* line 60, sass/vendor/cropper.scss */
.cropper-modal {
  opacity: .5;
  background-color: #000;
  filter: alpha(opacity=50);
}

/* line 67, sass/vendor/cropper.scss */
.cropper-view-box {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
}

/* line 78, sass/vendor/cropper.scss */
.cropper-dashed {
  position: absolute;
  display: block;
  opacity: .5;
  border: 0 dashed #eee;
  filter: alpha(opacity=50);
}

/* line 89, sass/vendor/cropper.scss */
.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;
  width: 100%;
  height: 33.33333%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

/* line 100, sass/vendor/cropper.scss */
.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;
  width: 33.33333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}

/* line 111, sass/vendor/cropper.scss */
.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  opacity: .75;
  filter: alpha(opacity=75);
}

/* line 126, sass/vendor/cropper.scss */
.cropper-center:before,
.cropper-center:after {
  position: absolute;
  display: block;
  content: ' ';
  background-color: #eee;
}

/* line 137, sass/vendor/cropper.scss */
.cropper-center:before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px;
}

/* line 145, sass/vendor/cropper.scss */
.cropper-center:after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px;
}

/* line 153, sass/vendor/cropper.scss */
.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .1;
  filter: alpha(opacity=10);
}

/* line 168, sass/vendor/cropper.scss */
.cropper-face {
  top: 0;
  left: 0;
  background-color: #fff;
}

/* line 175, sass/vendor/cropper.scss */
.cropper-line {
  background-color: #39f;
}

/* line 179, sass/vendor/cropper.scss */
.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}

/* line 188, sass/vendor/cropper.scss */
.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}

/* line 197, sass/vendor/cropper.scss */
.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}

/* line 206, sass/vendor/cropper.scss */
.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}

/* line 215, sass/vendor/cropper.scss */
.cropper-point {
  width: 5px;
  height: 5px;
  opacity: .75;
  background-color: #39f;
  filter: alpha(opacity=75);
}

/* line 225, sass/vendor/cropper.scss */
.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}

/* line 234, sass/vendor/cropper.scss */
.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}

/* line 243, sass/vendor/cropper.scss */
.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}

/* line 252, sass/vendor/cropper.scss */
.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}

/* line 261, sass/vendor/cropper.scss */
.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}

/* line 268, sass/vendor/cropper.scss */
.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}

/* line 275, sass/vendor/cropper.scss */
.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}

/* line 282, sass/vendor/cropper.scss */
.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 296, sass/vendor/cropper.scss */
.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: ' ';
  opacity: 0;
  background-color: #39f;
  filter: alpha(opacity=0);
}

@media (min-width: 768px) {
  /* line 315, sass/vendor/cropper.scss */
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  /* line 322, sass/vendor/cropper.scss */
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  /* line 329, sass/vendor/cropper.scss */
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: .75;
    filter: alpha(opacity=75);
  }
}
/* line 339, sass/vendor/cropper.scss */
.cropper-invisible {
  opacity: 0;
  filter: alpha(opacity=0);
}

/* line 345, sass/vendor/cropper.scss */
.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

/* line 349, sass/vendor/cropper.scss */
.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}

/* line 358, sass/vendor/cropper.scss */
.cropper-hidden {
  display: none !important;
}

/* line 362, sass/vendor/cropper.scss */
.cropper-move {
  cursor: move;
}

/* line 366, sass/vendor/cropper.scss */
.cropper-crop {
  cursor: crosshair;
}

/* line 370, sass/vendor/cropper.scss */
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}