/*
.date-period-input {
  padding: 5px 10px;
  border: 1px solid #ccc;
  background: #fff;
  cursor: pointer;

  & > img.daterangepicker-value-icon {
    width: 16px;
    margin-top: 0;
    margin-bottom: -4px;
    margin-right: 2px;
  }

  & > img.daterangepicker-value-caret {
    width: 8px;
    margin-left: 5px;
    margin-top: 4px;
    float: right;
  }
}
*/
.date-period-container * {
  background: #fff; }
  .date-period-container * .date-period-input {
    width: 100%; }

.date-period-input {
  height: 25px;
  padding: 4px 20px 4px 30px;
  border: 1px solid #ccc;
  background: url(/resources/images/clock.svg) no-repeat left, url(/resources/images/down-chevron.svg) no-repeat right;
  background-color: #fff;
  background-size: 16px, 8px;
  background-position: 5px, calc(100% - 8px);
  cursor: pointer; }

.daterangepicker {
  z-index: 100000; }
  .daterangepicker .drp-buttons .btn {
    padding: 10px 20px;
    margin: 5px;
    border: 0;
    border-radius: 4px;
    background: #f5f5f5;
    color: #08c;
    cursor: pointer; }
    .daterangepicker .drp-buttons .btn:hover {
      -webkit-filter: brightness(95%);
      filter: brightness(95%); }
    .daterangepicker .drp-buttons .btn.applyBtn {
      background: #38A551;
      color: white; }
      .daterangepicker .drp-buttons .btn.applyBtn:hover {
        -webkit-filter: brightness(90%);
        filter: brightness(90%); }
  .daterangepicker .ranges li:hover {
    background: #08c;
    color: white; }

a.sm2_link {
  display: inline-block;
  min-height: 16px;
  vertical-align: middle;
  width: 155px;
  border-radius: 8px;
  padding: 6px 10px 6px 25px;
  text-decoration: none;
  font-weight: normal;
  border: 1px solid white;
  background-image: url(/shared/images/icon_play.png);
  background-position: 3px 50%;
  background-repeat: no-repeat; }
  a.sm2_link:hover {
    background-color: #ddd;
    color: #fff; }

li a.sm2_paused {
  background-color: #999; }

a.sm2_paused:hover {
  background: #999 url(/shared/images/icon_play.png) no-repeat 3px 50%; }

a.sm2_playing,
a.sm2_playing:hover {
  background: #61ba1b url(/shared/images/icon_pause.png) no-repeat 3px 50%;
  text-decoration: none; }

.intl-tel-input {
  position: relative;
  display: inline-block; }
  .intl-tel-input * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .intl-tel-input .hide {
    display: none; }
  .intl-tel-input .v-hide {
    visibility: hidden; }
  .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px; }
    .intl-tel-input .selected-flag .iti-flag {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .intl-tel-input .selected-flag .iti-arrow {
      position: absolute;
      top: 50%;
      margin-top: -2px;
      right: 6px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555; }
      .intl-tel-input .selected-flag .iti-arrow.up {
        border-top: none;
        border-bottom: 4px solid #555; }
  .intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .intl-tel-input .country-list.dropup {
      bottom: 100%;
      margin-bottom: -1px; }
    .intl-tel-input .country-list .flag-box {
      display: inline-block;
      width: 20px; }
    @media (max-width: 500px) {
      .intl-tel-input .country-list {
        white-space: normal; } }
    .intl-tel-input .country-list .divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #CCC; }
    .intl-tel-input .country-list .country {
      padding: 5px 10px; }
      .intl-tel-input .country-list .country .dial-code {
        color: #999; }
    .intl-tel-input .country-list .country.highlight {
      background-color: rgba(0, 0, 0, 0.05); }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
      vertical-align: middle; }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
      margin-right: 6px; }
  .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
  .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0; }
  .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 46px; }
  .intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer; }
    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default; }
    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
      background-color: transparent; }
  .intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    display: table; }
  .intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px; }
  .intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px; }
  .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px; }
  .intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px; }
  .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px; }
  .intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px; }
  .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px; }
  .intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px; }
  .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px; }
  .intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
    .intl-tel-input.iti-container:hover {
      cursor: pointer; }

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }
.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%; }
  .iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em; }

.iti-flag {
  width: 20px; }
  .iti-flag.be {
    width: 18px; }
  .iti-flag.ch {
    width: 15px; }
  .iti-flag.mc {
    width: 19px; }
  .iti-flag.ne {
    width: 18px; }
  .iti-flag.np {
    width: 13px; }
  .iti-flag.va {
    width: 15px; }
  @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
    .iti-flag {
      background-size: 5652px 15px; } }
  .iti-flag.ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti-flag.ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti-flag.ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti-flag.af {
    height: 14px;
    background-position: -66px 0px; }
  .iti-flag.ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti-flag.ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti-flag.al {
    height: 15px;
    background-position: -132px 0px; }
  .iti-flag.am {
    height: 10px;
    background-position: -154px 0px; }
  .iti-flag.ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti-flag.aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti-flag.ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti-flag.as {
    height: 10px;
    background-position: -242px 0px; }
  .iti-flag.at {
    height: 14px;
    background-position: -264px 0px; }
  .iti-flag.au {
    height: 10px;
    background-position: -286px 0px; }
  .iti-flag.aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti-flag.ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti-flag.az {
    height: 10px;
    background-position: -352px 0px; }
  .iti-flag.ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti-flag.bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti-flag.bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti-flag.be {
    height: 15px;
    background-position: -440px 0px; }
  .iti-flag.bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti-flag.bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti-flag.bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti-flag.bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti-flag.bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti-flag.bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti-flag.bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti-flag.bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti-flag.bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti-flag.bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti-flag.br {
    height: 14px;
    background-position: -680px 0px; }
  .iti-flag.bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti-flag.bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti-flag.bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti-flag.bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti-flag.by {
    height: 10px;
    background-position: -790px 0px; }
  .iti-flag.bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti-flag.ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti-flag.cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti-flag.cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti-flag.cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti-flag.cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti-flag.ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti-flag.ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti-flag.ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti-flag.co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti-flag.cy {
    height: 14px;
    background-position: -1225px 0px; }
  .iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti-flag.de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti-flag.do {
    height: 14px;
    background-position: -1379px 0px; }
  .iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti-flag.er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti-flag.es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti-flag.et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti-flag.id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti-flag.il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti-flag.im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti-flag.in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti-flag.io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti-flag.is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti-flag.it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti-flag.je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti-flag.km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti-flag.la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti-flag.li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti-flag.md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti-flag.me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti-flag.my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti-flag.na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti-flag.no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti-flag.np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti-flag.om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti-flag.py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti-flag.re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti-flag.se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti-flag.si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti-flag.so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti-flag.st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti-flag.td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti-flag.th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti-flag.to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti-flag.um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti-flag.un {
    height: 14px;
    background-position: -5241px 0px; }
  .iti-flag.us {
    height: 11px;
    background-position: -5263px 0px; }
  .iti-flag.uy {
    height: 14px;
    background-position: -5285px 0px; }
  .iti-flag.uz {
    height: 10px;
    background-position: -5307px 0px; }
  .iti-flag.va {
    height: 15px;
    background-position: -5329px 0px; }
  .iti-flag.vc {
    height: 14px;
    background-position: -5346px 0px; }
  .iti-flag.ve {
    height: 14px;
    background-position: -5368px 0px; }
  .iti-flag.vg {
    height: 10px;
    background-position: -5390px 0px; }
  .iti-flag.vi {
    height: 14px;
    background-position: -5412px 0px; }
  .iti-flag.vn {
    height: 14px;
    background-position: -5434px 0px; }
  .iti-flag.vu {
    height: 12px;
    background-position: -5456px 0px; }
  .iti-flag.wf {
    height: 14px;
    background-position: -5478px 0px; }
  .iti-flag.ws {
    height: 10px;
    background-position: -5500px 0px; }
  .iti-flag.xk {
    height: 15px;
    background-position: -5522px 0px; }
  .iti-flag.ye {
    height: 14px;
    background-position: -5544px 0px; }
  .iti-flag.yt {
    height: 14px;
    background-position: -5566px 0px; }
  .iti-flag.za {
    height: 14px;
    background-position: -5588px 0px; }
  .iti-flag.zm {
    height: 14px;
    background-position: -5610px 0px; }
  .iti-flag.zw {
    height: 10px;
    background-position: -5632px 0px; }

.iti-flag {
  width: 20px;
  height: 15px;
  -webkit-box-shadow: 0px 0px 1px 0px #888;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("/shared/images/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
    .iti-flag {
      background-image: url("/shared/images/flags@2x.png"); } }

.iti-flag.np {
  background-color: transparent; }

.intl-tel-input {
  width: 100%; }

.intl-tel-input.iti-container {
  z-index: 99999 !important; }

.mejs__overlay-button {
  background-image: url("/shared/images/mejs-controls.svg"); }

.mejs__overlay-loading-bg-img {
  background-image: url("/shared/images/mejs-controls.svg"); }

.mejs__button > button {
  background-image: url("/shared/images/mejs-controls.svg"); }

.mejs__time {
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important; }

.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid lightgray; }

.StripeElement--invalid {
  border-color: #fa755a; }

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important; }

/*
#internet {
  border: 5px solid #3b7ccb;
  border-radius: 5px;
  overflow: auto;

  .container {
    min-width: 920px;

    .top-block {
      padding: 40px 0 45px;
      background: url('/resources/images/internet/bg.jpg') no-repeat center;
      background-size: cover;

      * {
        background: transparent;
        color: #fff;
      }

      h1 {
        font-family: Quicksand, sans-serif;
        font-size: 48px;
        font-weight: lighter;
        margin: 0 0 25px;
        text-align: center;
      }

      h2 {
        font-family: Quicksand, sans-serif;
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 27px;
        text-align: center;
        letter-spacing: 1px;
      }

      .partnership {
        text-align: center;
        font-size: 14px;

        .logos {
          padding-right: 5px;
          display: flex;
          justify-content: center;
          align-items: center;

          img {
            margin: 0 18px;
          }
        }
      }

      .swiper-block {
        width: 90%;
        margin: 20px auto 40px;
        position: relative;

        .swiper-button-prev, .swiper-button-next {
          background: none;
          font-size: 30px;
          top: 30px;

          &, i, &:before {
            width: 10px;
          }
        }

        .swiper-button-next {
          right: -10px;
        }

        .swiper-button-prev {
          left: -30px;
        }

        .swiper-container {
          width: 100% !important;
          top: 0;
          margin: 0 auto;

          .swiper-wrapper {
            .swiper-slide {
              width: 30%;
              height: 50px;
              display: flex;
              align-content: stretch;
              justify-content: center;
              align-items: center;
              font-family: Quicksand, sans-serif;
              font-weight: bold;
              font-size: 16px;
              text-align: left;

              img {
                max-height: 40px;
                max-width: 45px;
                margin-right: 10px;
              }
            }
          }
        }
      }

      .apply_now_block {
        text-align: center;
        font-family: Quicksand, sans-serif;
        font-size: 18px;
        letter-spacing: 1px;

        .apply_now_button {
          margin: 20px auto 0;
          font-size: 22px;
          font-weight: bold;
          line-height: 43px;
          background: #fc7e18;
          border-radius: 30px;
          width: 260px;
          max-width: 100%;
          height: 45px;

          a {
            color: #fff;
          }

          &:hover {
            cursor: pointer;
          }
        }
      }
    }

    .tabs-block {
      margin: 0 auto;
      padding: 37px 0 30px;
      background: #fff;
      font-family: 'Open Sans', serif;

      .tabs-container {
        width: 920px;
        margin: 0 auto;

        .nav {
          text-align: center;
          border-bottom: 2px solid #b5b5b5;
          height: 50px;

          li {
            float: none;
            display: inline-block;
            min-width: 200px;

            a {
              height: 50px;
              display: flex;
              align-items: center;
              justify-content: center;
              border: 2px solid #b5b5b5;
              border-radius: 5px 5px 0 0;
              border-bottom-color: rgba(0, 0, 0, 0);
              margin-right: 0;
              font-family: Quicksand, sans-serif;
              font-size: 21px;
              font-weight: bold;
              color: #fff;
              background-color: #b5b5b5;
              margin-bottom: -1px;
              line-height: 1em;
              text-decoration: none;
            }

            &.active {
              a, a:hover {
                color: #164e7a;
                background-color: #fff;
              }
            }

            &:first-child {
              margin-right: 0;
            }
          }
        }

        .tab-content {
          margin: 25px auto 0;

          .tab-pane {
            display: none;

            &.active {
              display: block;
            }

            .green_button {
              color: #000;
              background: #95cc31;
              font-size: 16px;
              font-weight: bold;
              line-height: 40px;
              border-radius: 30px;
              width: 320px;
              max-width: 100%;
              height: 42px;
              text-align: center;
              margin: 0 auto;

              a {
                color: #000;
                text-decoration: none; // !important;
              }

              &:hover {
                cursor: pointer;
              }
            }

            .locations {
              display: none;
              width: 900px;
              margin: 20px auto 0;
              padding-left: 10px;
            }

            .tariffs {
              display: flex;
              margin: 38px auto 0;
              justify-content: center;

              .item {
                width: 205px !important;
                height: 205px;
                background: #1e92db;
                color: #fff;
                font-size: 18px;
                text-align: center;
                margin: 40px 10px 0;

                .speed {
                  background: #157fc1;
                  height: 58px;
                  line-height: 55px;
                  position: relative;

                  &::after {
                    content: '';
                    position: absolute;
                    left: calc(50% - 12px);
                    bottom: -24px;
                    border: 12px solid transparent;
                    border-top: 12px solid #157fc1;
                  }
                }

                .price {
                  padding: 0 0 5px;
                  font-family: 'ubuntu_titlingbold', sans-serif;
                  font-size: 58px;
                  margin-top: 30px;
                  letter-spacing: -3px;
                  line-height: 1em;

                  sup {
                    font-size: 0.5em;
                    top: -.6em;
                    letter-spacing: 0;
                  }
                }

                .period {
                  font-size: 16px;
                }

                &.most_popular {
                  border: 40px solid #1076b6;
                  border-left-width: 10px;
                  border-right-width: 10px;
                  border-radius: 10px;
                  width: 225px !important;
                  height: 285px;
                  margin-top: 0;
                  position: relative;

                  b {
                    color: #fc7e18;
                    position: absolute;
                    margin: -33px 0 0 -70px;
                  }
                }
              }
            }
          }

          .bottom_text {
            color: #666;
            font-size: 13px;
            margin: 50px 0 0;
            display: flex;
            justify-content: center;

            .item {
              margin: 0 15px;
              width: 210px;

              a, span {
                color: #555;
                text-decoration: underline;
                cursor: pointer;
              }

              div {
                float: left;
                margin: 3px 10px 0 0;
              }

              .flag {
                width: 32px;
                height: 32px;
                background: url(/resources/images/internet/icon-flags.png) no-repeat;

                &.flag-au {
                  background-position: -416px 0;
                }
              }
            }
          }
        }
      }
    }
  }
}
*/
#teams-page .info_block {
  border: 0;
  position: relative;
  overflow: hidden; }
  #teams-page .info_block .x-panel-body {
    overflow: hidden;
    background: #157fcc; }
  #teams-page .info_block .descr_block {
    width: 80%;
    padding: 10px 15px 20px;
    overflow: hidden;
    background: url("/resources/icons/32x32/teams_logo.png") no-repeat 92% center;
    background-size: 10%;
    color: #fff; }
    #teams-page .info_block .descr_block h1 {
      margin: 5px 0 20px; }
    #teams-page .info_block .descr_block .descr {
      width: 80%;
      overflow: hidden;
        /*
        &::-webkit-scrollbar {
          width: 5px;
          height: 5px;
          margin-left: 5px;
        }

        &::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        }

        &::-webkit-scrollbar-thumb {
          background-color: darkgrey;
          outline: 1px solid slategrey;
        }
        */ }
      #teams-page .info_block .descr_block .descr p {
        font-family: Verdana, sans-serif;
        font-size: 12px;
        margin: 0 0 15px;
        padding-right: 20px; }
        #teams-page .info_block .descr_block .descr p:last-child {
          margin: 0; }
  #teams-page .info_block .trapeze {
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: 100%;
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #teams-page .info_block .trapeze::before {
      content: '';
      position: absolute;
      right: 100%;
      top: 0;
      width: 1%;
      border-bottom: 100vw solid #fff;
      border-left: 10vw solid transparent; }
    #teams-page .info_block .trapeze img {
      max-width: 100%;
      max-height: calc(100% - 40px);
      margin-bottom: -5px; }
    #teams-page .info_block .trapeze div {
      margin: 0 auto;
      padding: 10px;
      height: auto;
      background: #4f59a7;
      color: #fff; }
      #teams-page .info_block .trapeze div a {
        width: 240px;
        color: #fff;
        text-decoration: none; }
        #teams-page .info_block .trapeze div a i:before {
          margin-left: 0; }
        #teams-page .info_block .trapeze div a:hover {
          text-decoration: underline; }
#teams-page .domain-acc-container {
  border: 0;
  background: transparent; }
  #teams-page .domain-acc-container .x-panel-body {
    background: transparent; }
    #teams-page .domain-acc-container .x-panel-body .gateways-panel,
    #teams-page .domain-acc-container .x-panel-body .teams-panel {
      border: 5px solid #157fcc;
      border-radius: 4px; }
      #teams-page .domain-acc-container .x-panel-body .gateways-panel > .x-panel-body,
      #teams-page .domain-acc-container .x-panel-body .teams-panel > .x-panel-body {
        background: #fff !important;
        padding: 0 10px; }
        #teams-page .domain-acc-container .x-panel-body .gateways-panel > .x-panel-body .gateways-form .x-panel-body,
        #teams-page .domain-acc-container .x-panel-body .teams-panel > .x-panel-body .gateways-form .x-panel-body {
          background: #fff !important; }
        #teams-page .domain-acc-container .x-panel-body .gateways-panel > .x-panel-body .gateways-form .x-field,
        #teams-page .domain-acc-container .x-panel-body .teams-panel > .x-panel-body .gateways-form .x-field {
          width: 100% !important; }
        #teams-page .domain-acc-container .x-panel-body .gateways-panel > .x-panel-body .teams-form .x-panel-body,
        #teams-page .domain-acc-container .x-panel-body .teams-panel > .x-panel-body .teams-form .x-panel-body {
          background: #fff !important; }
        #teams-page .domain-acc-container .x-panel-body .gateways-panel > .x-panel-body .teams-form .icon-plus,
        #teams-page .domain-acc-container .x-panel-body .teams-panel > .x-panel-body .teams-form .icon-plus {
          left: 25px !important; }
        #teams-page .domain-acc-container .x-panel-body .gateways-panel > .x-panel-body .teams-form .delete-button,
        #teams-page .domain-acc-container .x-panel-body .teams-panel > .x-panel-body .teams-form .delete-button {
          background: #fff;
          border: 0; }
          #teams-page .domain-acc-container .x-panel-body .gateways-panel > .x-panel-body .teams-form .delete-button .x-btn-inner,
          #teams-page .domain-acc-container .x-panel-body .teams-panel > .x-panel-body .teams-form .delete-button .x-btn-inner {
            color: #c32913;
            padding-left: 25px; }
          #teams-page .domain-acc-container .x-panel-body .gateways-panel > .x-panel-body .teams-form .delete-button .x-btn-icon-el,
          #teams-page .domain-acc-container .x-panel-body .teams-panel > .x-panel-body .teams-form .delete-button .x-btn-icon-el {
            margin: 0;
            padding: 0; }
            #teams-page .domain-acc-container .x-panel-body .gateways-panel > .x-panel-body .teams-form .delete-button .x-btn-icon-el::before,
            #teams-page .domain-acc-container .x-panel-body .teams-panel > .x-panel-body .teams-form .delete-button .x-btn-icon-el::before {
              width: 16px;
              height: 16px;
              margin: 0;
              padding: 0;
              color: #c32913;
              font-size: 15px;
              border: 2px solid #c32913;
              border-radius: 50%; }
        #teams-page .domain-acc-container .x-panel-body .gateways-panel > .x-panel-body .teams-form .undelete-button,
        #teams-page .domain-acc-container .x-panel-body .teams-panel > .x-panel-body .teams-form .undelete-button {
          background: #fff;
          border: 0; }
          #teams-page .domain-acc-container .x-panel-body .gateways-panel > .x-panel-body .teams-form .undelete-button .x-btn-inner,
          #teams-page .domain-acc-container .x-panel-body .teams-panel > .x-panel-body .teams-form .undelete-button .x-btn-inner {
            color: #3386c2;
            padding-left: 25px; }
          #teams-page .domain-acc-container .x-panel-body .gateways-panel > .x-panel-body .teams-form .undelete-button .x-btn-icon-el,
          #teams-page .domain-acc-container .x-panel-body .teams-panel > .x-panel-body .teams-form .undelete-button .x-btn-icon-el {
            margin: 0;
            padding: 0; }
            #teams-page .domain-acc-container .x-panel-body .gateways-panel > .x-panel-body .teams-form .undelete-button .x-btn-icon-el::before,
            #teams-page .domain-acc-container .x-panel-body .teams-panel > .x-panel-body .teams-form .undelete-button .x-btn-icon-el::before {
              width: 16px;
              height: 16px;
              margin: 0;
              padding: 0 0 0 -2px;
              color: #3386c2;
              font-size: 18px;
              font-weight: bold;
              -webkit-transform: scale(-1, 1);
              -ms-transform: scale(-1, 1);
              transform: scale(-1, 1); }
        #teams-page .domain-acc-container .x-panel-body .gateways-panel > .x-panel-body .teams-form .attention,
        #teams-page .domain-acc-container .x-panel-body .teams-panel > .x-panel-body .teams-form .attention {
          font-size: 13px; }

#porting-wizard .info_block {
  padding: 10px 15px 25px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #fff;
  border-radius: 5px;
  background: #157fcc url("/resources/icons/car_with_phone_icon.svg") no-repeat center;
  background-position-x: 95%;
  background-size: 180px; }
  #porting-wizard .info_block h1 {
    margin: 0 0 20px; }
  #porting-wizard .info_block .descr {
    width: 80%;
    overflow-y: hidden;
      /*
      &::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        margin-left: 5px;
      }

      &::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      }

      &::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        outline: 1px solid slategrey;
      }
      */ }
    #porting-wizard .info_block .descr p {
      font-family: Verdana, sans-serif;
      font-size: 12px;
      margin: 0 0 15px;
      padding-right: 20px; }
      #porting-wizard .info_block .descr p:last-child {
        margin: 0; }
      #porting-wizard .info_block .descr p a {
        color: #fff; }
        #porting-wizard .info_block .descr p a:hover {
          color: #ffe825; }
#porting-wizard .form_details_container .form_container,
#porting-wizard .form_details_container .details_container {
  border: 5px solid #157fcc;
  border-radius: 5px; }
  #porting-wizard .form_details_container .form_container.x-item-disabled,
  #porting-wizard .form_details_container .details_container.x-item-disabled {
    border-color: #e6f2f9 !important; }
  #porting-wizard .form_details_container .form_container.form_container > .x-panel-body,
  #porting-wizard .form_details_container .details_container.form_container > .x-panel-body {
    padding-top: 30px !important; }
    #porting-wizard .form_details_container .form_container.form_container > .x-panel-body .x-box-inner,
    #porting-wizard .form_details_container .details_container.form_container > .x-panel-body .x-box-inner {
      overflow-x: auto !important; }
  #porting-wizard .form_details_container .form_container .x-panel-body,
  #porting-wizard .form_details_container .details_container .x-panel-body {
    background: #fff !important;
    padding: 10px 5px; }
    #porting-wizard .form_details_container .form_container .x-panel-body .x-box-inner,
    #porting-wizard .form_details_container .details_container .x-panel-body .x-box-inner {
      width: 100% !important; }
      #porting-wizard .form_details_container .form_container .x-panel-body .x-box-inner .x-box-target,
      #porting-wizard .form_details_container .details_container .x-panel-body .x-box-inner .x-box-target {
        width: 100% !important;
        height: 100% !important; }
        #porting-wizard .form_details_container .form_container .x-panel-body .x-box-inner .x-box-target .porting_miframe,
        #porting-wizard .form_details_container .details_container .x-panel-body .x-box-inner .x-box-target .porting_miframe {
          width: 100% !important;
          height: 100% !important;
          overflow: hidden !important; }
  #porting-wizard .form_details_container .form_container .x-form-arrow-trigger,
  #porting-wizard .form_details_container .details_container .x-form-arrow-trigger {
    margin-top: 5px; }
  #porting-wizard .form_details_container .form_container .x-form-file-btn,
  #porting-wizard .form_details_container .details_container .x-form-file-btn {
    margin-left: 10px !important; }
#porting-wizard .form_details_container .x-toolbar .x-box-inner {
  padding-left: 40%; }
  #porting-wizard .form_details_container .x-toolbar .x-box-inner .x-box-target {
    position: relative !important;
    width: 100% !important;
    text-align: center; }
    #porting-wizard .form_details_container .x-toolbar .x-box-inner .x-box-target .x-btn {
      position: relative !important;
      right: auto !important;
      left: auto !important;
      margin: 5px 5px 10px !important; }
      #porting-wizard .form_details_container .x-toolbar .x-box-inner .x-box-target .x-btn .x-btn-button {
        height: 40px !important; }
        #porting-wizard .form_details_container .x-toolbar .x-box-inner .x-box-target .x-btn .x-btn-button .x-btn-inner {
          font: bold 17px Arial;
          color: #222;
          padding: 10px 50px; }
#porting-wizard .form_details_container .x-toolbar .green {
  background: #95CC31 !important;
  border: 1px solid #95CC31 !important; }
#porting-wizard .form_details_container .x-toolbar .grey {
  background: #b8b8b8 !important;
  border: 1px solid #b8b8b8 !important; }

.hide_expand {
  overflow: visible; }
  .hide_expand > .x-panel-header {
    height: 40px !important;
    margin-bottom: 5px;
    overflow: visible; }
    .hide_expand > .x-panel-header .x-header-body {
      height: 40px !important;
      overflow: visible; }
      .hide_expand > .x-panel-header .x-header-body .x-box-inner {
        height: 40px !important;
        overflow: visible; }
        .hide_expand > .x-panel-header .x-header-body .x-box-inner .x-box-target {
          height: 40px !important;
          overflow: visible; }
          .hide_expand > .x-panel-header .x-header-body .x-box-inner .x-box-target .x-tool {
            right: 0 !important;
            left: auto !important;
            margin-top: -5px;
            width: 12em !important;
            height: 30px !important;
            border: 3px solid #abe5e9;
            border-radius: 11em/1em 1em;
            padding-left: 10px;
            padding-top: 3px; }
            .hide_expand > .x-panel-header .x-header-body .x-box-inner .x-box-target .x-tool:before {
              content: 'Hide / Expand';
              vertical-align: middle;
              word-wrap: normal;
              font-size: 1.3em;
              color: #fff;
              margin-right: 10px; }
            .hide_expand > .x-panel-header .x-header-body .x-box-inner .x-box-target .x-tool img {
              vertical-align: middle; }

.align-center div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.vertical-align-middle {
  vertical-align: middle !important; }
  .vertical-align-middle div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.emergency_button {
  border: 1px solid #c0acae !important; }
  .emergency_button span {
    height: auto !important; }
  .emergency_button .x-btn-inner {
    padding: 3px 5px !important;
    color: #be2c3e !important;
    font-size: 1.3em !important;
    font-weight: bold !important; }

.ipnd-column .x-grid-cell-inner {
  padding: 5px; }
.ipnd-column select[id^="ipnd-edit-"] {
  border: 1px solid #357ebd;
  background: #4888c6;
  color: #fff;
  width: 95%;
  padding: 5px; }

.dids-emergency-addresses-editor .x-window-header-text {
  font-size: 25px;
  line-height: 1.5em;
  padding-left: 5px; }
.dids-emergency-addresses-editor .x-grid {
  border-radius: 0; }
.dids-emergency-addresses-editor .numbersClass .x-toolbar {
  border-top: 5px solid #157fcc !important; }
.dids-emergency-addresses-editor .numbersClass .x-grid-cell {
  padding: 0; }
  .dids-emergency-addresses-editor .numbersClass .x-grid-cell span {
    font-size: 1.2em !important;
    font-weight: bold !important; }
.dids-emergency-addresses-editor .ipndAddress {
  border: 4px solid #157fcc; }
.dids-emergency-addresses-editor .delete-button {
  background-color: transparent !important; }
  .dids-emergency-addresses-editor .delete-button::before {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    color: #c32913;
    font-size: 15px;
    border: 2px solid #c32913;
    border-radius: 50%; }
  .dids-emergency-addresses-editor .delete-button:hover {
    cursor: pointer; }
  .dids-emergency-addresses-editor .delete-button.disabled {
    -webkit-filter: grayscale(1);
    filter: grayscale(1); }
    .dids-emergency-addresses-editor .delete-button.disabled:hover {
      cursor: no-drop; }

.pac-container {
  z-index: 100000 !important; }

.ipnd-address-container.x-item-disabled .x-mask {
  background: transparent; }
.ipnd-address-container.x-item-disabled .x-fieldset-header-text,
.ipnd-address-container.x-item-disabled .x-btn-inner,
.ipnd-address-container.x-item-disabled label,
.ipnd-address-container.x-item-disabled input {
  color: #aaa !important; }

#address_autocomplete_input.x-item-disabled {
  background: #eee !important;
  pointer-events: none; }

#add-secure-pay-card,
#verify-credit-card,
#credit-card-verified-successfully,
#automatic-payments,
#credit-card-added,
#daily-reporting {
  border: none;
  background: none;
  font-family: Verdana, 'Geneva', 'DejaVu Sans', sans-serif !important; }
  #add-secure-pay-card .label,
  #add-secure-pay-card .x-form-cb-label,
  #verify-credit-card .label,
  #verify-credit-card .x-form-cb-label,
  #credit-card-verified-successfully .label,
  #credit-card-verified-successfully .x-form-cb-label,
  #automatic-payments .label,
  #automatic-payments .x-form-cb-label,
  #credit-card-added .label,
  #credit-card-added .x-form-cb-label,
  #daily-reporting .label,
  #daily-reporting .x-form-cb-label {
    font: 12px Verdana, 'Geneva', 'DejaVu Sans', sans-serif !important; }
  #add-secure-pay-card .x-panel div span div,
  #verify-credit-card .x-panel div span div,
  #credit-card-verified-successfully .x-panel div span div,
  #automatic-payments .x-panel div span div,
  #credit-card-added .x-panel div span div,
  #daily-reporting .x-panel div span div {
    font: 12px Verdana, 'Geneva', 'DejaVu Sans', sans-serif !important; }
  #add-secure-pay-card .x-window-body,
  #verify-credit-card .x-window-body,
  #credit-card-verified-successfully .x-window-body,
  #automatic-payments .x-window-body,
  #credit-card-added .x-window-body,
  #daily-reporting .x-window-body {
    background: none !important; }
    #add-secure-pay-card .x-window-body .main_container,
    #verify-credit-card .x-window-body .main_container,
    #credit-card-verified-successfully .x-window-body .main_container,
    #automatic-payments .x-window-body .main_container,
    #credit-card-added .x-window-body .main_container,
    #daily-reporting .x-window-body .main_container {
      text-align: right; }
      #add-secure-pay-card .x-window-body .main_container .close_button,
      #verify-credit-card .x-window-body .main_container .close_button,
      #credit-card-verified-successfully .x-window-body .main_container .close_button,
      #automatic-payments .x-window-body .main_container .close_button,
      #credit-card-added .x-window-body .main_container .close_button,
      #daily-reporting .x-window-body .main_container .close_button {
        width: 100px;
        height: 30px;
        background: none !important;
        border: none !important; }
        #add-secure-pay-card .x-window-body .main_container .close_button .x-btn-button,
        #verify-credit-card .x-window-body .main_container .close_button .x-btn-button,
        #credit-card-verified-successfully .x-window-body .main_container .close_button .x-btn-button,
        #automatic-payments .x-window-body .main_container .close_button .x-btn-button,
        #credit-card-added .x-window-body .main_container .close_button .x-btn-button,
        #daily-reporting .x-window-body .main_container .close_button .x-btn-button {
          height: 30px; }
          #add-secure-pay-card .x-window-body .main_container .close_button .x-btn-button .x-btn-inner,
          #verify-credit-card .x-window-body .main_container .close_button .x-btn-button .x-btn-inner,
          #credit-card-verified-successfully .x-window-body .main_container .close_button .x-btn-button .x-btn-inner,
          #automatic-payments .x-window-body .main_container .close_button .x-btn-button .x-btn-inner,
          #credit-card-added .x-window-body .main_container .close_button .x-btn-button .x-btn-inner,
          #daily-reporting .x-window-body .main_container .close_button .x-btn-button .x-btn-inner {
            color: #1e88d2;
            font: bold 14px Verdana, 'Geneva', 'DejaVu Sans', sans-serif;
            text-transform: uppercase;
            margin-right: 10px;
            margin-top: 7px; }
          #add-secure-pay-card .x-window-body .main_container .close_button .x-btn-button .icon-cancel,
          #verify-credit-card .x-window-body .main_container .close_button .x-btn-button .icon-cancel,
          #credit-card-verified-successfully .x-window-body .main_container .close_button .x-btn-button .icon-cancel,
          #automatic-payments .x-window-body .main_container .close_button .x-btn-button .icon-cancel,
          #credit-card-added .x-window-body .main_container .close_button .x-btn-button .icon-cancel,
          #daily-reporting .x-window-body .main_container .close_button .x-btn-button .icon-cancel {
            width: 30px;
            height: 30px;
            color: #1e88d2;
            font-size: 18px;
            border: 3px solid #1e88d2;
            border-radius: 20px; }
            #add-secure-pay-card .x-window-body .main_container .close_button .x-btn-button .icon-cancel:before,
            #verify-credit-card .x-window-body .main_container .close_button .x-btn-button .icon-cancel:before,
            #credit-card-verified-successfully .x-window-body .main_container .close_button .x-btn-button .icon-cancel:before,
            #automatic-payments .x-window-body .main_container .close_button .x-btn-button .icon-cancel:before,
            #credit-card-added .x-window-body .main_container .close_button .x-btn-button .icon-cancel:before,
            #daily-reporting .x-window-body .main_container .close_button .x-btn-button .icon-cancel:before {
              margin-top: 3px; }
      #add-secure-pay-card .x-window-body .main_container .main_block,
      #verify-credit-card .x-window-body .main_container .main_block,
      #credit-card-verified-successfully .x-window-body .main_container .main_block,
      #automatic-payments .x-window-body .main_container .main_block,
      #credit-card-added .x-window-body .main_container .main_block,
      #daily-reporting .x-window-body .main_container .main_block {
        border: 3px solid #1e88d2;
        border-radius: 10px;
        background: #f2f2f2;
        margin: 10px 30px 0 0;
        padding: 30px 35px;
        text-align: center;
        overflow: auto; }
      #add-secure-pay-card .x-window-body .main_container h1,
      #verify-credit-card .x-window-body .main_container h1,
      #credit-card-verified-successfully .x-window-body .main_container h1,
      #automatic-payments .x-window-body .main_container h1,
      #credit-card-added .x-window-body .main_container h1,
      #daily-reporting .x-window-body .main_container h1 {
        color: #1e88d2;
        font-size: 20px;
        font-weight: bold;
        font-family: Verdana, 'DejaVu Sans', 'Geneva', sans-serif;
        margin-top: 0; }
      #add-secure-pay-card .x-window-body .main_container h2,
      #verify-credit-card .x-window-body .main_container h2,
      #credit-card-verified-successfully .x-window-body .main_container h2,
      #automatic-payments .x-window-body .main_container h2,
      #credit-card-added .x-window-body .main_container h2,
      #daily-reporting .x-window-body .main_container h2 {
        color: #1e88d2;
        font-size: 14px;
        font-weight: bold;
        font-family: Verdana, 'DejaVu Sans', 'Geneva', sans-serif;
        margin: 0 auto; }
      #add-secure-pay-card .x-window-body .main_container .form,
      #verify-credit-card .x-window-body .main_container .form,
      #credit-card-verified-successfully .x-window-body .main_container .form,
      #automatic-payments .x-window-body .main_container .form,
      #credit-card-added .x-window-body .main_container .form,
      #daily-reporting .x-window-body .main_container .form {
        background: none !important;
        text-align: left; }
        #add-secure-pay-card .x-window-body .main_container .form .x-panel-body,
        #verify-credit-card .x-window-body .main_container .form .x-panel-body,
        #credit-card-verified-successfully .x-window-body .main_container .form .x-panel-body,
        #automatic-payments .x-window-body .main_container .form .x-panel-body,
        #credit-card-added .x-window-body .main_container .form .x-panel-body,
        #daily-reporting .x-window-body .main_container .form .x-panel-body {
          background: none !important;
          padding: 0 !important; }
          #add-secure-pay-card .x-window-body .main_container .form .x-panel-body .x-field,
          #verify-credit-card .x-window-body .main_container .form .x-panel-body .x-field,
          #credit-card-verified-successfully .x-window-body .main_container .form .x-panel-body .x-field,
          #automatic-payments .x-window-body .main_container .form .x-panel-body .x-field,
          #credit-card-added .x-window-body .main_container .form .x-panel-body .x-field,
          #daily-reporting .x-window-body .main_container .form .x-panel-body .x-field {
            width: 100%; }
        #add-secure-pay-card .x-window-body .main_container .form .x-toolbar-footer,
        #add-secure-pay-card .x-window-body .main_container .form .buttons,
        #verify-credit-card .x-window-body .main_container .form .x-toolbar-footer,
        #verify-credit-card .x-window-body .main_container .form .buttons,
        #credit-card-verified-successfully .x-window-body .main_container .form .x-toolbar-footer,
        #credit-card-verified-successfully .x-window-body .main_container .form .buttons,
        #automatic-payments .x-window-body .main_container .form .x-toolbar-footer,
        #automatic-payments .x-window-body .main_container .form .buttons,
        #credit-card-added .x-window-body .main_container .form .x-toolbar-footer,
        #credit-card-added .x-window-body .main_container .form .buttons,
        #daily-reporting .x-window-body .main_container .form .x-toolbar-footer,
        #daily-reporting .x-window-body .main_container .form .buttons {
          text-align: center;
          margin-top: 20px; }
          #add-secure-pay-card .x-window-body .main_container .form .x-toolbar-footer .x-btn,
          #add-secure-pay-card .x-window-body .main_container .form .buttons .x-btn,
          #verify-credit-card .x-window-body .main_container .form .x-toolbar-footer .x-btn,
          #verify-credit-card .x-window-body .main_container .form .buttons .x-btn,
          #credit-card-verified-successfully .x-window-body .main_container .form .x-toolbar-footer .x-btn,
          #credit-card-verified-successfully .x-window-body .main_container .form .buttons .x-btn,
          #automatic-payments .x-window-body .main_container .form .x-toolbar-footer .x-btn,
          #automatic-payments .x-window-body .main_container .form .buttons .x-btn,
          #credit-card-added .x-window-body .main_container .form .x-toolbar-footer .x-btn,
          #credit-card-added .x-window-body .main_container .form .buttons .x-btn,
          #daily-reporting .x-window-body .main_container .form .x-toolbar-footer .x-btn,
          #daily-reporting .x-window-body .main_container .form .buttons .x-btn {
            border: 0 !important;
            border-radius: 5px;
            margin: 0 5px; }
            #add-secure-pay-card .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button,
            #add-secure-pay-card .x-window-body .main_container .form .buttons .x-btn .x-btn-button,
            #verify-credit-card .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button,
            #verify-credit-card .x-window-body .main_container .form .buttons .x-btn .x-btn-button,
            #credit-card-verified-successfully .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button,
            #credit-card-verified-successfully .x-window-body .main_container .form .buttons .x-btn .x-btn-button,
            #automatic-payments .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button,
            #automatic-payments .x-window-body .main_container .form .buttons .x-btn .x-btn-button,
            #credit-card-added .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button,
            #credit-card-added .x-window-body .main_container .form .buttons .x-btn .x-btn-button,
            #daily-reporting .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button,
            #daily-reporting .x-window-body .main_container .form .buttons .x-btn .x-btn-button {
              width: 175px;
              height: 34px; }
              #add-secure-pay-card .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button .x-btn-inner,
              #add-secure-pay-card .x-window-body .main_container .form .buttons .x-btn .x-btn-button .x-btn-inner,
              #verify-credit-card .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button .x-btn-inner,
              #verify-credit-card .x-window-body .main_container .form .buttons .x-btn .x-btn-button .x-btn-inner,
              #credit-card-verified-successfully .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button .x-btn-inner,
              #credit-card-verified-successfully .x-window-body .main_container .form .buttons .x-btn .x-btn-button .x-btn-inner,
              #automatic-payments .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button .x-btn-inner,
              #automatic-payments .x-window-body .main_container .form .buttons .x-btn .x-btn-button .x-btn-inner,
              #credit-card-added .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button .x-btn-inner,
              #credit-card-added .x-window-body .main_container .form .buttons .x-btn .x-btn-button .x-btn-inner,
              #daily-reporting .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button .x-btn-inner,
              #daily-reporting .x-window-body .main_container .form .buttons .x-btn .x-btn-button .x-btn-inner {
                color: #000 !important;
                font-size: 15px;
                padding: 8px 20px 0 0; }
              #add-secure-pay-card .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button .x-btn-icon-el,
              #add-secure-pay-card .x-window-body .main_container .form .buttons .x-btn .x-btn-button .x-btn-icon-el,
              #verify-credit-card .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button .x-btn-icon-el,
              #verify-credit-card .x-window-body .main_container .form .buttons .x-btn .x-btn-button .x-btn-icon-el,
              #credit-card-verified-successfully .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button .x-btn-icon-el,
              #credit-card-verified-successfully .x-window-body .main_container .form .buttons .x-btn .x-btn-button .x-btn-icon-el,
              #automatic-payments .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button .x-btn-icon-el,
              #automatic-payments .x-window-body .main_container .form .buttons .x-btn .x-btn-button .x-btn-icon-el,
              #credit-card-added .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button .x-btn-icon-el,
              #credit-card-added .x-window-body .main_container .form .buttons .x-btn .x-btn-button .x-btn-icon-el,
              #daily-reporting .x-window-body .main_container .form .x-toolbar-footer .x-btn .x-btn-button .x-btn-icon-el,
              #daily-reporting .x-window-body .main_container .form .buttons .x-btn .x-btn-button .x-btn-icon-el {
                color: #000;
                font-size: 18px;
                padding: 6px 35px 0 0; }
      #add-secure-pay-card .x-window-body .main_container .btn-green-cc,
      #verify-credit-card .x-window-body .main_container .btn-green-cc,
      #credit-card-verified-successfully .x-window-body .main_container .btn-green-cc,
      #automatic-payments .x-window-body .main_container .btn-green-cc,
      #credit-card-added .x-window-body .main_container .btn-green-cc,
      #daily-reporting .x-window-body .main_container .btn-green-cc {
        background: #95cc34 !important; }
      #add-secure-pay-card .x-window-body .main_container .btn-gray,
      #verify-credit-card .x-window-body .main_container .btn-gray,
      #credit-card-verified-successfully .x-window-body .main_container .btn-gray,
      #automatic-payments .x-window-body .main_container .btn-gray,
      #credit-card-added .x-window-body .main_container .btn-gray,
      #daily-reporting .x-window-body .main_container .btn-gray {
        background: #cfcfcf !important; }
      #add-secure-pay-card .x-window-body .main_container .bottom_descr_text,
      #verify-credit-card .x-window-body .main_container .bottom_descr_text,
      #credit-card-verified-successfully .x-window-body .main_container .bottom_descr_text,
      #automatic-payments .x-window-body .main_container .bottom_descr_text,
      #credit-card-added .x-window-body .main_container .bottom_descr_text,
      #daily-reporting .x-window-body .main_container .bottom_descr_text {
        text-align: left;
        margin: 17px 10px 0 0;
        padding-bottom: 25px;
        border-bottom: 1px solid #b8b8b8; }
        #add-secure-pay-card .x-window-body .main_container .bottom_descr_text .x-panel-body span div,
        #verify-credit-card .x-window-body .main_container .bottom_descr_text .x-panel-body span div,
        #credit-card-verified-successfully .x-window-body .main_container .bottom_descr_text .x-panel-body span div,
        #automatic-payments .x-window-body .main_container .bottom_descr_text .x-panel-body span div,
        #credit-card-added .x-window-body .main_container .bottom_descr_text .x-panel-body span div,
        #daily-reporting .x-window-body .main_container .bottom_descr_text .x-panel-body span div {
          color: #333;
          font-size: 12px; }
          #add-secure-pay-card .x-window-body .main_container .bottom_descr_text .x-panel-body span div b,
          #verify-credit-card .x-window-body .main_container .bottom_descr_text .x-panel-body span div b,
          #credit-card-verified-successfully .x-window-body .main_container .bottom_descr_text .x-panel-body span div b,
          #automatic-payments .x-window-body .main_container .bottom_descr_text .x-panel-body span div b,
          #credit-card-added .x-window-body .main_container .bottom_descr_text .x-panel-body span div b,
          #daily-reporting .x-window-body .main_container .bottom_descr_text .x-panel-body span div b {
            color: #e01414; }
          #add-secure-pay-card .x-window-body .main_container .bottom_descr_text .x-panel-body span div p,
          #verify-credit-card .x-window-body .main_container .bottom_descr_text .x-panel-body span div p,
          #credit-card-verified-successfully .x-window-body .main_container .bottom_descr_text .x-panel-body span div p,
          #automatic-payments .x-window-body .main_container .bottom_descr_text .x-panel-body span div p,
          #credit-card-added .x-window-body .main_container .bottom_descr_text .x-panel-body span div p,
          #daily-reporting .x-window-body .main_container .bottom_descr_text .x-panel-body span div p {
            margin: 0 0 5px; }

.x-mask {
  opacity: .9 !important; }

.x-css-shadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

#add-secure-pay-card .main_block .container_descr .top_descr {
  margin-right: 30px;
  text-align: left; }
  #add-secure-pay-card .main_block .container_descr .top_descr .x-btn:before {
    font-size: 30px; }
  #add-secure-pay-card .main_block .container_descr .top_descr b {
    display: block;
    margin-bottom: 15px; }
  #add-secure-pay-card .main_block .container_descr .top_descr .form .x-panel-body .x-field .x-field-label-cell {
    padding-top: 8px; }
  #add-secure-pay-card .main_block .container_descr .top_descr .form .x-panel-body .x-field .x-form-text {
    height: 34px; }
  #add-secure-pay-card .main_block .container_descr .top_descr .form .x-toolbar-footer .add_button {
    left: 180px !important; }
    #add-secure-pay-card .main_block .container_descr .top_descr .form .x-toolbar-footer .add_button .x-btn-icon-el {
      font-size: 14px;
      padding-top: 9px; }
#add-secure-pay-card .main_block .container_descr .we_accept {
  color: #aaa09f; }
  #add-secure-pay-card .main_block .container_descr .we_accept b {
    display: block;
    margin-bottom: 15px;
    font-size: 12px; }
  #add-secure-pay-card .main_block .container_descr .we_accept img {
    width: 60px; }
    #add-secure-pay-card .main_block .container_descr .we_accept img.master_card {
      border-top: 5px solid #fff;
      border-bottom: 3px solid #fff; }
#add-secure-pay-card .main_block .already_added {
  margin: 15px auto; }
#add-secure-pay-card .main_block .verify_button {
  background: transparent;
  border: 2px solid #acacac;
  border-radius: 5px;
  height: 40px !important; }
  #add-secure-pay-card .main_block .verify_button .x-btn-button {
    width: 169px;
    height: 34px; }
    #add-secure-pay-card .main_block .verify_button .x-btn-button .x-btn-inner {
      color: #888;
      font-size: 15px;
      padding: 6px 20px 0 0; }
    #add-secure-pay-card .main_block .verify_button .x-btn-button .x-btn-icon-el {
      color: #888;
      font-size: 18px;
      padding: 4px 30px 0 0; }
  #add-secure-pay-card .main_block .verify_button:hover {
    border-color: #888; }
    #add-secure-pay-card .main_block .verify_button:hover .x-btn-button .x-btn-inner {
      color: #222; }
    #add-secure-pay-card .main_block .verify_button:hover .x-btn-button .x-btn-icon-el {
      color: #222; }

#verify-credit-card .x-window-body .main_container .main_block .added_successfully,
#credit-card-added .x-window-body .main_container .main_block .added_successfully {
  border-bottom: 1px solid #b8b8b8;
  padding: 65px 0 25px;
  margin-bottom: 20px;
  background: url("/resources/images/icon_credit_card_plus.svg") no-repeat top center;
  background-size: 87px 56px; }
  #verify-credit-card .x-window-body .main_container .main_block .added_successfully .x-panel-body span div,
  #credit-card-added .x-window-body .main_container .main_block .added_successfully .x-panel-body span div {
    color: #333;
    font-size: 20px;
    font-weight: bold; }
#verify-credit-card .x-window-body .main_container .main_block .descr_top,
#credit-card-added .x-window-body .main_container .main_block .descr_top {
  margin-bottom: 17px; }
#verify-credit-card .x-window-body .main_container .form .x-panel-body .x-field .x-field-label-cell,
#credit-card-added .x-window-body .main_container .form .x-panel-body .x-field .x-field-label-cell {
  padding-top: 8px; }
#verify-credit-card .x-window-body .main_container .form .x-panel-body .x-field .x-form-text,
#credit-card-added .x-window-body .main_container .form .x-panel-body .x-field .x-form-text {
  height: 32px; }
#verify-credit-card .x-window-body .main_container .form .buttons,
#credit-card-added .x-window-body .main_container .form .buttons {
  width: 540px !important; }
  #verify-credit-card .x-window-body .main_container .form .buttons .verify_later .x-btn-button .x-btn-inner,
  #credit-card-added .x-window-body .main_container .form .buttons .verify_later .x-btn-button .x-btn-inner {
    color: #777 !important; }
  #verify-credit-card .x-window-body .main_container .form .buttons .verify_later .x-btn-button .x-btn-icon-el,
  #credit-card-added .x-window-body .main_container .form .buttons .verify_later .x-btn-button .x-btn-icon-el {
    color: #777 !important;
    padding-right: 50px; }
  #verify-credit-card .x-window-body .main_container .form .buttons .verify_now .x-btn-button .x-btn-icon-el,
  #credit-card-added .x-window-body .main_container .form .buttons .verify_now .x-btn-button .x-btn-icon-el {
    padding-right: 55px; }
#verify-credit-card .x-window-body .main_container .bottom_descr_text,
#credit-card-added .x-window-body .main_container .bottom_descr_text {
  border-bottom: 0; }

#credit-card-added .x-window-body .main_container .main_block .added_successfully {
  border-bottom: 0;
  margin: 50px auto 30px; }
  #credit-card-added .x-window-body .main_container .main_block .added_successfully .x-panel-body span div {
    color: #333;
    font-size: 20px !important;
    font-weight: bold !important; }

#credit-card-verified-successfully .x-window-body .main_container .main_block .verified_successfully {
  padding: 65px 0 25px;
  margin: 90px 0 40px;
  background: url("/resources/images/credit_card_tick.svg") no-repeat top center;
  background-size: 87px 56px; }
  #credit-card-verified-successfully .x-window-body .main_container .main_block .verified_successfully .x-panel-body span div {
    color: #333;
    font-size: 20px !important;
    font-weight: bold !important; }
#credit-card-verified-successfully .x-window-body .main_container .main_block .would_you_like div span div {
  font-size: 14px; }
#credit-card-verified-successfully .x-window-body .main_container .main_block .x-btn {
  display: block;
  margin: 20px auto; }
#credit-card-verified-successfully .x-window-body .main_container .main_block .enable_button {
  width: 295px; }
  #credit-card-verified-successfully .x-window-body .main_container .main_block .enable_button .x-btn-button {
    height: 30px; }
    #credit-card-verified-successfully .x-window-body .main_container .main_block .enable_button .x-btn-button .x-btn-inner {
      font-size: 16px;
      font-weight: normal;
      padding-top: 7px; }
    #credit-card-verified-successfully .x-window-body .main_container .main_block .enable_button .x-btn-button .x-btn-icon-el {
      padding: 3px 35px 0 0;
      font-size: 18px;
      color: #333 !important; }
#credit-card-verified-successfully .x-window-body .main_container .main_block .dont_button {
  background: none;
  border: 0; }
  #credit-card-verified-successfully .x-window-body .main_container .main_block .dont_button .x-btn-button .x-btn-inner {
    color: #000 !important;
    font: normal 13px Verdana, 'Geneva', 'DejaVu Sans', sans-serif;
    text-decoration: underline; }
  #credit-card-verified-successfully .x-window-body .main_container .main_block .dont_button .x-btn-button .x-btn-icon-el {
    color: #555;
    padding: 0 155px 0 0;
    font-size: 18px;
    margin-top: -3px; }

#automatic-payments .x-window-body .main_container .main_block h1 {
  margin-bottom: 3px; }
#automatic-payments .x-window-body .main_container .main_block h2 {
  margin-bottom: 20px; }
#automatic-payments .x-window-body .main_container .main_block .note {
  text-align: left;
  margin-bottom: 22px; }
  #automatic-payments .x-window-body .main_container .main_block .note .x-panel-body span div {
    color: #333; }
#automatic-payments .x-window-body .main_container .main_block .form .x-panel-body .x-field .x-field-label-cell {
  padding-top: 8px; }
#automatic-payments .x-window-body .main_container .main_block .form .x-panel-body .x-field .x-form-text {
  height: 34px;
  padding-left: 15px; }
#automatic-payments .x-window-body .main_container .main_block .form .x-panel-body .x-field .x-trigger-cell {
  padding-top: 7px; }
#automatic-payments .x-window-body .main_container .main_block .form .x-toolbar-footer {
  margin: 20px 0 5px; }
  #automatic-payments .x-window-body .main_container .main_block .form .x-toolbar-footer .yes_button {
    width: 295px;
    left: 110px !important;
    margin: 0 auto !important; }
    #automatic-payments .x-window-body .main_container .main_block .form .x-toolbar-footer .yes_button .x-btn-button {
      width: 100% !important; }
      #automatic-payments .x-window-body .main_container .main_block .form .x-toolbar-footer .yes_button .x-btn-button .x-btn-inner {
        font-size: 16px;
        font-weight: normal; }
      #automatic-payments .x-window-body .main_container .main_block .form .x-toolbar-footer .yes_button .x-btn-button .x-btn-icon-el {
        padding: 5px 50px 0 0;
        font-size: 18px;
        color: #333 !important; }
#automatic-payments .x-window-body .main_container .main_block .dont_button {
  background: none;
  border: 0;
  margin-right: 25px; }
  #automatic-payments .x-window-body .main_container .main_block .dont_button .x-btn-button .x-btn-inner {
    color: #000 !important;
    font: normal 13px Verdana, 'Geneva', 'DejaVu Sans', sans-serif;
    text-decoration: underline; }
  #automatic-payments .x-window-body .main_container .main_block .dont_button .x-btn-button .x-btn-icon-el {
    color: #555;
    padding: 0 20px 0 0;
    font-size: 18px;
    margin-top: -3px; }

#daily-reporting .main_block {
  padding-bottom: 15px; }
  #daily-reporting .main_block h1 {
    background: url(/resources/images/daily_reporting_ico.png) no-repeat;
    background-size: 59px 58px;
    background-position: 200px;
    padding: 10px 0 0 270px;
    text-align: left;
    margin-bottom: 25px; }
  #daily-reporting .main_block .daily_form .x-panel-body {
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    padding: 15px 0; }
    #daily-reporting .main_block .daily_form .x-panel-body .csv_daily_form {
      text-align: left; }
    #daily-reporting .main_block .daily_form .x-panel-body .form_item .x-form-item-label {
      font-weight: bold;
      text-align: left;
      margin-bottom: 7px; }
    #daily-reporting .main_block .daily_form .x-panel-body .form_item .x-form-text {
      height: auto; }
    #daily-reporting .main_block .daily_form .x-panel-body .form_item .x-checkboxgroup-form-item input.x-form-checkbox {
      display: none; }
      #daily-reporting .main_block .daily_form .x-panel-body .form_item .x-checkboxgroup-form-item input.x-form-checkbox + label {
        display: block;
        position: relative;
        padding-left: 25px;
        cursor: pointer; }
        #daily-reporting .main_block .daily_form .x-panel-body .form_item .x-checkboxgroup-form-item input.x-form-checkbox + label:before {
          content: '';
          display: block;
          width: 15px;
          height: 15px;
          border: 1px solid #999;
          border-radius: 3px;
          position: absolute;
          left: 0;
          top: -2px;
          background: #fff; }
    #daily-reporting .main_block .daily_form .x-panel-body .form_item .x-checkboxgroup-form-item.x-form-cb-checked input.x-form-checkbox + label:before {
      width: 5px;
      top: -7px;
      left: 5px;
      border-width: 2px;
      border-radius: 0;
      border-color: #333;
      border-top-color: transparent;
      border-left-color: transparent;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      background: transparent; }
  #daily-reporting .main_block .daily_form .x-toolbar-footer {
    margin-top: 20px; }
    #daily-reporting .main_block .daily_form .x-toolbar-footer .btn-gray,
    #daily-reporting .main_block .daily_form .x-toolbar-footer .btn-green-cc {
      border: none;
      border-radius: 5px;
      height: 40px !important;
      margin: 0 10px; }
      #daily-reporting .main_block .daily_form .x-toolbar-footer .btn-gray .x-btn-button,
      #daily-reporting .main_block .daily_form .x-toolbar-footer .btn-green-cc .x-btn-button {
        width: 169px;
        height: 34px; }
        #daily-reporting .main_block .daily_form .x-toolbar-footer .btn-gray .x-btn-button .x-btn-inner,
        #daily-reporting .main_block .daily_form .x-toolbar-footer .btn-green-cc .x-btn-button .x-btn-inner {
          color: #888;
          font-size: 17px;
          padding: 10px 0 0; }
      #daily-reporting .main_block .daily_form .x-toolbar-footer .btn-gray.btn-gray .x-btn-button,
      #daily-reporting .main_block .daily_form .x-toolbar-footer .btn-green-cc.btn-gray .x-btn-button {
        width: 120px !important; }
      #daily-reporting .main_block .daily_form .x-toolbar-footer .btn-gray.btn-green-cc .x-btn-button,
      #daily-reporting .main_block .daily_form .x-toolbar-footer .btn-green-cc.btn-green-cc .x-btn-button {
        width: 200px !important; }
      #daily-reporting .main_block .daily_form .x-toolbar-footer .btn-gray:hover .x-btn-button .x-btn-inner,
      #daily-reporting .main_block .daily_form .x-toolbar-footer .btn-green-cc:hover .x-btn-button .x-btn-inner {
        color: #222; }

#usage-report-mail-dialog input[name="customerAdminIds"] {
  height: 20px !important; }

.x-mirrored {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }